#header .nav>ul>li>a span {
	color: #fff;
}

#header .nav>ul>li:hover a span {
	opacity: 0.6;
	color: #fff !important;
}

#header .nav>ul>li>a>i {
	color: #fff;
}


#header.nav2 .nav>ul>li>a span,
#header.nav2 .nav>ul>li>a>i {
	color: #333;
}

#header.nav2 .nav>ul>li:hover a span {
	opacity: 1;
	color: #ff5e1e !important;
}
#header .language {
    color: #fff !important;
}
#header .language a {
    color: #fff !important;
	border: solid 1px rgba(255, 255, 255, .5);
}

/* 电脑端 不弹出提示框 */
#mask {
	display: none;
}


.title {
	display: block;
	margin-bottom: 2vw;
	/* text-align: center; */

}

.title h4 {
	display: block;
	color: #333;
	font-size: 1.8vw;
	font-weight: bold;
}

.title span {
	color: #999;
	display: block;
	/* font-size: 1vw; */
	font-weight: 200;
	font-family: Arial, Helvetica, sans-serif;
}

.row p {
	line-height: 1.8em;
}

/* 第一屏 */
/* 首页顶部轮播图 */
.apple-banner {
    width: 100%;
    height: 80vh;
    overflow: hidden;
    position: relative;

}
.apple-banner .swiper-container {
    -moz-transition: unset !important;
    -webkit-transition: unset !important;
    -o-transition: unset !important;
    -ms-transition: unset !important;
    transition: unset !important;
}

.apple-banner .swiper-container {
    width: 100%;
    height: 100%;
}

.apple-banner .swiper-slide {
    background-size: cover !important;
    width: 100% !important;
}
.apple-banner .swiper-slide::after{
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}

.apple-banner .swiper-slide .title {
    position: absolute;
	text-align: center;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    z-index: 10;
	width: 60%;
}
.apple-banner .swiper-slide .title strong {
    font-size: 4.5vw;
    font-weight:bolder;
    color: #fff;
}
.apple-banner .swiper-slide .title strong b {
    background: linear-gradient(to right, #ff9c4b, #fe7e2f);
	-webkit-background-clip: text;
	color: transparent;
}
.apple-banner .swiper-slide .title p {
    margin-bottom: 4vw;
}


.apple-banner .swiper-slide img {
    width: 100% !important;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s !important;
    transform: scale(1.1, 1.1) !important;
}

.apple-banner .swiper-slide-active img,
.apple-banner .swiper-slide-duplicate-active img {
    transition: 6s linear !important;
    transform: scale(1, 1) !important;
}

.apple-banner .swiper-button-prev,
.apple-banner .swiper-button-next {
    width: 6%;
    height: 100%;
    top: 0;
    background: none;
	opacity: 0.2;
}

.apple-banner .swiper-button-prev {
    left: 0;
}

.apple-banner .swiper-button-next {
    right: 0;
}

.apple-banner .swiper-button-prev span,
.apple-banner .swiper-button-next span {
    opacity: 0.3; /* 默认显示一点点，hover时变亮 */
}


.apple-banner .swiper-button-prev:hover,
.apple-banner .swiper-button-next:hover {
    opacity: 1;
}

/*分页器*/
.apple-banner .swiper-pagination {
    bottom: 1vw !important;
    z-index: 20;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
} 

/* .apple-banner .swiper-pagination-bullet-active span{
    background:gray;
} */
/* .apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}   */
/*内容样式*/

.text-16-d4745 {
	font-size: 0.85vw;
	display: block;
	overflow: hidden;
	min-height: 4.2vw;
	color: #666;
}

.page-layout-row-inner-ab83f {
	display: flex;
	justify-content: space-between;
}

#IZtuPxXm {
	display: flex;
	--layout-col-radius: 2vw;
	--layout-col-padding: 2vw;
	--layout-col-border-color: rgb(227, 227, 227);
	--layout-col-border-style: solid;
	--layout-col-border-width: 1px;
	--z-index--mini: 1;
}

.page-layout-row-bg-e859e,
.page-layout-row-inner-ab83f {
	padding: var(--layout-row-padding);
	border-width: var(--layout-row-border-width);
	border-style: var(--layout-row-border-style);
	border-color: var(--layout-row-border-color);
	border-radius: var(--layout-row-radius);
}

.layout-col-bg-f5eee,
.layout-col-container-aa69d {
	padding: var(--layout-col-padding);
	border-width: var(--layout-col-border-width);
	border-style: var(--layout-col-border-style);
	border-color: var(--layout-col-border-color);
	border-radius: var(--layout-col-radius);
	overflow: hidden;
}

/* 背景图放在伪元素里，默认透明 */
.layout-col-container-aa69d::before {
	border-radius: var(--layout-col-radius);

	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	/* 放在内容下面 */

	/* 你的背景图 */
	background-image: url("../images/ea31882dcfd59c6f7f7b0212b380d58e.svg");
	background-size: 137%;
	background-position: center;
	background-position-x: -5vw;
	background-position-y: -10vw;

	/* 默认透明 */
	opacity: 0;

	/* 平滑动画 0.3秒 */
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

/* 鼠标经过 → 背景图显示 + 放大 */
#IZtuPxXm a:hover .layout-col-container-aa69d::before {
	opacity: 1;
	/* 淡出显示 */
	background-size: 150%;
	/* 放大 */
	background-position-x: -5vw;
	background-position-y: -9.5vw;
}

#IZtuPxXm a .btn-icon-a4b75 {
	filter: none;
	transition: all 0.3s;
}

#IZtuPxXm a:hover .btn-icon-a4b75 {
	filter: brightness(0) invert(1);
}

#IZtuPxXm a:hover .layout-text-block-b704c span {
	color: #fff !important;
}

/* 让盒子里面的内容在最上层 */
.layout-col-container-aa69d>* {
	position: relative;
	z-index: 1;
}

#IZtuPxXm a:hover,
#IZtuPxXm a:hover .text-16-d4745 {
	color: #fff;
}

#IZtuPxXm a:hover .btn-ece02 {
	background: #ff6000;
}

.page-layout-row-inner-ab83f {
	position: relative;
	display: grid;
	max-width: 100%;
	justify-items: stretch;
}

.page-layout-col-dom-eaac1 {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 100%;
	align-items: var(--layout-col-align, stretch);
}

#XMOOdzdb .page-layout-row-inner-ab83f {
	gap: 10px 2vw;
	/* grid-template-rows: 1fr; */
	grid-template-columns: repeat(4, 1fr);
}

#IZtuPxXm .layout-inner-wrapper-c1718 {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

.enter-animate-aa9db {
	position: relative;;
	animation-name: none;
}

.layout-col-container-aa69d {
	z-index: var(--z-index--mini);
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	height: 90%;
	align-items: flex-start;
}

#IZtuPxXm .layout-col-inner-e7875 {
	gap: 3vw 0;
	display: flex;
	flex-direction: column;
}

.page-layout-block-inner-abdf7 {
	position: relative;
	max-width: 100%;
	padding: var(--layout-block-padding);
}

.page-editor-d6a06 .btn-list-a1de5 {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	flex-wrap: wrap;
	gap: var(1vw, 1em);
}

#qErUPZvu .btn-ece02 {
	--icon-size: 1em;
	--icon-space: 0 !important;
	margin-left: var(--icon-space);
	display: inline-flex;
	overflow: hidden;
	padding: var(--padding);
	color: var(--color);
	border-width: var(--border-width);
	border-style: var(--border-style);
	border-color: var(--border-color);
	border-radius: var(--border-radius, 0);
	background: #fff;
	align-items: center;
	justify-content: center;
	width: calc(var(--icon-size) * 1.5);
	min-width: 0;
	height: calc(var(--icon-size) * 1.5);
}

#qErUPZvu .btn-icon-a4b75 {
	--icon-space: 0.5em;
	--icon-size: 1em;
	font-size: var(--icon-size);
	flex: 0 0 auto;
}

.page-layout-block-bg-d94ba,
.page-layout-block-inner-abdf7 {
	padding: var(--layout-block-padding);
	border-width: var(--layout-block-border-width);
	border-style: var(--layout-block-border-style);
	border-color: var(--layout-block-border-color);
	border-radius: var(--layout-block-radius);
}

#CAgeWwOY .layout-text-block-b704c span {
	font-size: 1.1vw;
	font-weight: bold;
	font-family: 'HELVETICANEUELTPRO-THEX';
}

.page-layout-block-wrapper-c3099 .text-22-f5dd2 {
	font-size: 1.6vw;
	font-weight: bold;
}




/* 第二屏 */
.qianyanjishu {
	padding-bottom: 90px;
}

.qianyanjishu a {
	position: relative;
	width: 100%;
	height: 249px;
	display: block;
	overflow: hidden;
	background-color: #000;
	margin-bottom: 15px;
}

.qianyanjishu a img {
	/* max-height: 181px; */
	width: 100%;
	transition: all .36s ease;
	opacity: 1;
	/* 图片灰色 */
	/* -webkit-filter:grayscale(100%); */
	/* filter: grayscale(100%);  */
}

.qianyanjishu a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(100%);
	/* Chrome,Safari, Opera */
	filter: grayscale(0%);
}


.qianyanjishu a .txt {
	color: #FFF;
	text-align: center;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	display: block;
	transform: translate(-50%, -50%);
}

.qianyanjishu a .txt strong {
	font-size: 24px;
	font-weight: bold;
	display: block;
	width: 100%;
}



.cont2 .bg .col-lg-6 p:nth-child(2) {
	font-size: 2.4vw;
	font-weight: bold;
}

.cont2 .bg .col-lg-6 p:nth-child(3) {
	margin-top: 5vw;
	color: #999;
}


/* 第三屏 轮播图 结束*/

.about {
	margin-top: 4vw;
	padding: 6vw 0;
	color: #fff;
	background-color: #e5c9c6;
}

.about .row {
	gap: 11vw;
}
.about .gaikuang h2 {
	font-size: var(--font-42);
}
.about .gaikuang strong {
	font-weight: 300;
	display: block;
	font-size: var(--font-40);
	margin: 0.6vw 0;
}
.about .gaikuang  p {
	line-height: 1.8;
}

.about .canshu {

}
.about .canshu div {
	/* color: var(--color); */
}
.about .canshu ul {
	display: grid;
	gap: 1.5vw;
    grid-template-columns: repeat(2, 1fr);
	justify-content: space-between; /* 将子元素对齐到右侧 */
}
.about .canshu ul li>div>b{
	font-weight: bolder;
	font-size: var(--font-48);
	font-family: 'HELVETICANEUELTPRO-THEX';
}
.about .canshu ul li>div>span{
	margin-left: 0.5vw;
	font-size: var(--font-24);
}

.about .canshu ul li p{
	font-size: var(--font-16);
}

/* .banner {
	position: relative;
}

.banner video {
	top: 0;
	left: 0;
	background-color: #222;
	position: absolute;
}

.banner .title b {
	background: var(--linear-color);
	-webkit-background-clip: text;
	color: transparent;
}

.banner .title .btn {
	position: absolute;
	margin-top: 5vw;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}

.banner .swiper-slide .title {
	left: 50%;
	top: 43%;
	display: block;
	transform: translate(-50%, -50%) !important;
	margin-top: 0;
} */


.p_scrool {
    position: absolute;
    left: calc((100% - 130px) / 2);
    bottom: 2.5vw;
    color: #fff;
    width: 130px;
    z-index: 10;
	text-align: center;
}
.p_scrool span{
	font-size: var(--font-14);
}
.p_scrool i:before {
    content: "";
    display: block;
    width: 4px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3px;
    animation: scrollmouse 2s linear infinite;
}
.p_scrool i {
    display: block;
    width: 20px;
    height: 30px;
    margin: 0 auto;
    border-radius: 12px;
    border: 2px #fff solid;
    position: relative;
}


.con3 {
	padding: 2vw 0;
	position: relative;
	overflow: hidden; /* 防止视频溢出 */
}

.con3 video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%; /* 确保覆盖整个区域 */
	overflow: hidden;
	z-index: -100;

	display: block;
    object-fit: cover;
    object-position: top center;
}


.case .case_list .row{
	/* gap: 2vw; */
}
.case .case_list .swiper-container{
	padding-bottom: 3vw;
}
/* 修复案例轮播hover效果 */
.case .case_list .swiper-slide {
    height: auto;
}
.case .case_list .swiper-container .swiper-pagination-bullet-active{
	background-color: var(--color);
}
.case .case_list .row a{
	/* width: 30%; */
	background-color: rgba(255, 255, 255, .7);
	text-align: center;
	padding: 0.7vw;
	border-radius: 1.5vw;
	display: block;
}

.case a .thumb {
	width: 100%;
	overflow: hidden;
	border-radius: 1.5vw;
}

.case a .thumb img {
	width: 100%;
	transition: all 0.26s ease 0s;
	-webkit-transition: all .26s ease-in;
}

.case a:hover  {
	background: linear-gradient(120deg,#feca9f,#FF6000);
	background:-moz-linear-gradient(top, #feca9f, #FF6000);	
	background:-o-linear-gradient(left top,left bottom, from(#feca9f), to(#FF6000));
	background:-webkit-gradient(linear,left top,left bottom, from(#feca9f), to(#FF6000));

}
.case a:hover .thumb img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.case a .txt {
	margin-top: 1vw;
	margin-bottom: 1vw;
	font-size: var(--font-18);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: center;
	font-weight: bold;
}

.case a:hover .txt {
	color: #fff;
}
.case p {
	color: #999;
}
.case .description {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.case .news_list .row {
	display: grid;
    grid-template-columns: repeat(3, 1fr);

}
.case .news_list .row a{

}


.faq{
	width: 60vw;
	margin: auto;
	color: #333;
}

.faq .container .row{
	flex-direction: column;

}
.faq .container .row>div{
	border-bottom: solid 1px rgba(0, 0, 0, .1);
	padding: 1.2vw 0;

}
.faq .container .row b{
	cursor: pointer;
	justify-content:  space-between;
	display: flex;
}
.faq .container .row b strong {
	font-size: var(--font-22);
}
.faq .container .row b span {
	font-size: var(--font-30);
}
.faq .container .row .description {
	font-size: var(--font-16);
	line-height: 1.8;
	height: 0;
	overflow: hidden;
}

@media screen and (max-width: 820px) {
	

	.button {
		width: 70%;
		bottom: 22px;
	}


	/* 手机端播放视频，需要弹出提示 */
	#mask {
		display: none;
		width: 100%;
		height: 100vh;
		position: fixed !important;
		top: 0;
		left: 0;
		z-index: 99;
		transition: all .4s linear;
		background-color: rgba(0, 0, 0, .5);
	}

	#mask .pop-container {
		margin: 40vh auto;
		width: 70%;
		padding: 4vw 4vw;
		background-color: #fff;
		border-radius: 0.8vw;
		box-shadow: 0px 1px 17px rgb(0 0 0 / 20%);
		text-align: center;
	}

	#mask .pop-container p {
		font-size: 4.2vw !important;
	}

	#mask .pop-container button {
		margin: auto;
		display: inline-block;
		padding: 2vw 4vw;
		background-color: #fff;
		border: solid 1px #ddd;
		border-radius: 0.8vw;
	}


	.text,
	.text1,
	.text2 {
		top: 50%;
	}

	.banner {
		height: 78vw !important;
	}

	.p_scrool{
		display: none;
	}

	.apple-banner .swiper-container {
		height: 78vw !important;
	}

	.apple-banner .swiper-pagination {
		bottom: 0;
	}

	.apple-banner .swiper-pagination-bullet {

	}

	.banner .swiper-slide {
		background-color: #333;
	}

	.banner .swiper-slide .title {
		padding: 10vw;
	}

	.banner .swiper-slide .title strong {
		font-size: 6.8vw !important;
		margin-top: 2vw;
	}

	.banner img,
	.banner video {
		height: 78vw;
		min-height: 78vw;
	}



	/* 第二屏  拥抱前沿 */
	
	.qianyanjishu .col-xs-6 {
		padding: 0 7px;
		margin-bottom: 0px;
	}

	.qianyanjishu a {
		height: 24vw;
	}

	.qianyanjishu a .txt {
		width: 90%;
	}

	.cont5 .listul li {
		width: 25%;
	}

	.case {
		padding: 6vw 0;
	}

	.cc-slide .swiper-slide .left {
		clear: both;
		width: 100%;
		height: 47vw;
		border-radius: 3vw;
	}

	.cc-slide .swiper-slide .right {
		width: 100%;
		margin: 3vw 0;
	}

	.cc-slide .swiper-slide .right .btn {
		bottom: 0;
	}

	.cc-slide .swiper-button-next,
	.cc-slide .swiper-button-prev {
		width: 33px;
		height: 33px;
		bottom: 0;
	}

	.cc-slide .swiper-button-prev {
		right: 16vw;
	}


}