#carousel {
	width: 100%;
	min-width: 1200px;
	height: 620px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 0;
	z-index: -1;
}

.layui-carousel {	background-color: #fff !important;}

.layui-carousel>[carousel-item]>* {	background-color: #fff !important;}

#carousel img {	height: auto;	max-width: 1495px;	width: auto;	min-width: 1200px;}

#carousel .layui-anim {	animation-duration: 1s;	-webkit-animation-duration: 1s;}

.layui-carousel>[carousel-item]>* {	transition-duration: .3s;	-webkit-transition-duration: .3s;}

.product__service {	position: relative;	overflow: hidden;  }
.product__service .common__title {position: absolute;left: 0;z-index: 5;top:4vw; display: flex;justify-content: space-between;align-items: center; width:100%; padding:0 5%}
.product__service .common__title a{ width:276px;height: 69px; font-size: 1.5rem;    display: flex;justify-content: flex-start;align-items: center; color: #fff; position: relative; padding:0 0 0 35px; transition: 0.3s; border-radius: 40px; border: 1px solid #fff;}
.product__service .common__title a:after{width:20px;height: 19px; position: absolute;content: '';background: url(../img3/aa.png) no-repeat center center;  position: absolute;right:35px; }
.product-slide {	overflow: hidden;  }
.product-slide.swiper-slide-active .ser--info strong,
.product-slide.swiper-slide-active .ser--info p,
.product-slide.swiper-slide-active .ser--info .common__btns {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition-delay: 0.5s;
}
.product-slide.swiper-slide-active .ser--info p {	transition-delay: 0.7s;  }
.product-slide.swiper-slide-active .ser--info .common__btns {transition-delay: 0.9s;}
.product-slide figure {
position: relative;
display: block;
padding-bottom: 50%;
height: 0;
overflow: hidden;
line-height: 1;
}
.product-slide figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.product__service--btn {   width: 100%;	z-index: 6;	   background: rgba(6,98,184,0.8);position: absolute;bottom: 0;left:0;  }
.service--btn {	display: flex; justify-content: space-between   }
.service--btn li {padding: 30px 0;position: relative;z-index: 2;text-align: center;cursor: pointer; width:calc(100%/6); line-height: 2.8;}
.service--btn dd {padding: 30px 0;position: relative;z-index: 2;text-align: center;  width:calc(100%/6);  line-height: 2.8;}
.service--btn li:hover{background:#0662b8}
.service--btn li:hover:before,  .service--btn li.active:before {	opacity: 1;	filter: blur(0);  }
.service--btn li:hover b,
.service--btn li.active b,
.service--btn li:hover p,
.service--btn li.active p {
color: #fff; font-weight: bold;
}

.service--btn b {
display: block;
margin-bottom: 0.1rem;
line-height: 1;
color: #000000;
font-size: 0.46rem;
font-weight: normal;
transition: 0.4s;
}
.service--btn b img{width:58px}
.service--btn p {
color: #fff;
font-size:1.5rem;
transition: 0.4s;
}
.blurFade{	opacity: 0;	filter: blur(3px);	transition: 0.7s;  }
.blurFade.detay1{	transition-delay: 0.3s;  }
.blurFade.articleShow{	opacity: 1;	filter: blur(0);  }
.product__swiper{position: relative;}
.ser--info {
position: absolute; z-index: 2;
left: 5%;
top: 45%;
transform: translateY(-35%);
width: 100%;
}
.ser--info strong {
display: block;
margin-bottom: 0.24rem;
line-height: 1;
color: #fff;
font-size: 2.5rem;
font-weight: bold;
transform: translateY(20px);
transition: 0.45s;
}
.ser--info p {
margin-bottom: 0.28rem;
color: #fff;
font-size: 1.5rem;
line-height: 1.8;
transform: translateY(40px);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: 0.45s; width:50%
}
.ser--info .common__btns {	visibility: hidden;	transform: translateY(20px);	transition: 0.45s;  }

.pathClie.articleShow,.pathClie1.articleShow{	opacity: 1;	clip-path: inset(0 0 0 0);  }
@media screen and (max-width: 1650px){
	.product__service .common__title a{ width:236px;height: 59px; font-size: 1.35rem; }
	.ser--info strong{    font-size: 2rem;}
	.ser--info p{font-size: 1.3rem;}
	.service--btn p{font-size: 1.35rem;}
	.service--btn b img{width:48px}
}
@media screen and (max-width: 1440px){
	.product__service .common__title p{    font-size: 0.4rem;}

}
@media screen and (max-width: 1350px){
	.product__service .common__title p{ font-size:1.5rem;}
	.ser--info strong{ font-size: 1.5rem;}
	.ser--info p { font-size: 1.15rem;	}
	.service--btn p{ font-size: 1.25rem;	}
}
@media screen and (max-width: 1024px){
	.product__service--btn {	position: relative; 	padding: 0;	}
	.product__service--btn li {	 padding: 15px 0 15px;	}
	.product__service--btn dd {	flex: 1;padding: 15px 0 15px;	}
	.service--btn b img{width:38px}
	.service--btn p{    font-size: 1rem;}
	.product__service .common__title {	position: relative;	left: 2%;	margin-left: 0;	margin-bottom: 0.5rem;	top: 0;padding:0.3rem 0 0 0	}
	.product__service .common__title .title1{ width:100%}
	.product-slide figure {		padding-bottom: 66%;}
	.ser--info strong{font-size: 1.25rem;}
	.ser--info p{font-size: 1.15rem; width: 100%;}
	.product__service .common__title p {	color: #666666;	}
	.ser--info {	left: 5%;	 	transform: translateY(0);	margin-left: 0;	width: 90%; top: 30%;	}
	.product__service .common__title strong,.product__service .common__title p { font-size: 1.3rem;  }
	.product__service{    padding: 0 0 0 0;}
	.service--btn li{width:25%}
	.service--btn{ flex-wrap: wrap;}
}

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