.sbox {max-width:1500px;min-width: 1200px;width:78.125%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

@keyframes xuanz {
    from{transform: rotate(0deg);}

    to{transform: rotate(360deg);}

}


@keyframes identifier1 {
    /* to{transform: translate(-50%,-50%) scale(1);} */
    0%{transform: translate(-50%,-50%) scale(0);}
    50%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1);}


}
@keyframes identifier2 {
    0%{transform: translate(-50%,-50%) scale(0);}
    25%{transform: translate(-50%,-50%) scale(0);}
    100%{transform: translate(-50%,-50%) scale(1);}
}


@keyframes identifier {
    0%{transform:  scale(0);}
    25%{transform:  scale(1);}

    50%{transform: scale(1);}
    100%{transform:  scale(1);}
}

.ser_next,.ser_prev{width: 45px;height: 45px;border-radius: 100%;background: url(/images/supply_b.png); opacity: 0.5;transition: all 0.6s;margin-top: -40px;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: none;}

.ser_next{transform: rotate(180deg);right: -80px;}
 
.ser_prev{left: -80px;}

.ser_next:hover,.ser_prev:hover{opacity: 1;transition: all 0.6s;}

.service8_1{padding-top: 75px;position: relative;}

.service8_1 .ct1{text-align: center;}

.service8_1 .ct2{text-align: center;color: #666666;line-height: 30px;margin: 20px 0 30px;}

.service8_1 .con  .ul{display: flex;justify-content: space-between;}

.service8_1 .con .li{height: 250px;background: #f7f9fc;width: 24%;display: flex;align-items: center;justify-content: center;padding: 15px 25px;}

.service8_1 .con .li .img{display: flex;justify-content: center;margin-bottom: 20px;}

.service8_1 .con .li .t{line-height: 35px;text-align: center;}

.service8_1 .con .li .t2{line-height: 26px;text-align: center;margin-top: 10px;}


.service8_2{padding: 60px 0 100px 0;}

.service8_2 .con1{text-align: center;line-height: 40px;margin-bottom: 30px;}

.service8_2 .con2 .ul{display: flex;justify-content: space-between;}

.service8_2 .con2 .ul .li{width: 30.14%;background: #e5f0ff;border: 1px dashed #1472ff;border-radius: 8px;padding: 20px 50px;position: relative;}

.service8_2 .con2 .ul .li::after{content: "";width: 70px;height: 45px;background: url(../images/j1.png) center no-repeat;position: relative;width: 15.5%;position: absolute;background-size: contain;top: 50%;right: -15.5%;transform: translateY(-50%);}

.service8_2 .con2 .ul .li:nth-child(2n)::after{background: url(../images/j2.png) center no-repeat;background-size: contain;}

.service8_2 .con2 .ul .li:last-child::after{content: none;}

.service8_2 .con2 .ul .li .l1{text-align: center;margin-bottom: 15px;color: #629afd;}

.service8_2 .con2 .ul .li .l2{line-height: 28px;}

.service8_2 .con2 .ul .li .l2 p{position: relative; text-align:justify; margin-bottom:15px;}

.service8_2 .con2 .ul .li:nth-child(2n){background: #eefbf4;border: 1px dashed #1db85a;}

.service8_2 .con2 .ul .li:nth-child(2n) .l1{color: #67daa0;}

.service8_2 .con2 .ul .li:nth-child(2n) .l2 p::after{background: url(../images/dui2.png) center no-repeat;}


.service8_2 .con2 .ul .li:nth-child(3n){background: #fff5e5;border: 1px dashed #ffa014;}

.service8_2 .con2 .ul .li:nth-child(3n) .l1{color: #ffbf5e;}

.service8_2 .con2 .ul .li:nth-child(3n) .l2 p::after{background: url(../images/dui3.png) center no-repeat;}


.service9{position: relative;padding: 80px 0 120px;}

.service9 .con1{text-align: center;color: #000;margin-bottom: 60px;}

.service9 .con2{display: flex;justify-content: space-between;align-items: flex-start;}

.service9 .con_le{width: 43.75%;padding-left: 30px;position: relative;}

.service9 .con_le .img{position:absolute;top: 0;right: 0;height: 100%;}

.service9 .con_re{width: 50.625%;}

.service9 .con_re .re{margin-bottom: 50px;}

.service9 .con_re .re1{margin-bottom: 25px;}

.service9 .con_re .re span{display: block;}

.service9 .con_re .re span:last-child{line-height: 30px;color: #444;}

.service9 .con_re .re2{position: relative;}


.service9 .con_re .re2 .s1{overflow: hidden;}

.service9 .con_re .re2 .s1 img{width: 100%;transition: all 0.6s;}

.service9 .con_re .re2 .s2{text-align: center;line-height: 30px;margin-top: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.service9 .con_re .re2 .ss:hover .s1 img{transform: scale(1.05);transition: all 0.6s;}

.service9 .con_re .re2 .ss:hover .s2{color: #014099;}


.service10_2{}

.service10_2 .con1{text-align: center;line-height: 40px;margin-bottom: 30px;}

.service10_2 .con2 .ul{display: flex;justify-content: space-between;}

.service10_2 .con2 .ul .li{width: 30.14%;background: #e5f0ff;border: 1px dashed #1472ff;border-radius: 8px;padding: 20px 30px;position: relative; height: 420px;}


.service10_2 .con2 .ul .li:last-child::after{content: none;}

.service10_2 .con2 .ul .li .l1{text-align: center;margin-bottom: 15px;color: #629afd;}

.service10_2 .con2 .ul .li .l2{line-height: 34px;}

.service10_2 .con2 .ul .li .l2 p{position: relative; text-align:justify; margin-bottom:15px;padding-left: 28px;}

.service10_2 .con2 .ul .li .l2 p::after{width: 18px;height: 15px;background: url(../images/dui1.png) center no-repeat;content: "";position: absolute;left: 0;top: 12px;}

.service10_2 .con2 .ul .li .l2 img{position: absolute;bottom: 5%;left: 10%;width: 80%;}

.service10_2 .con2 .ul .li:nth-child(2n){background: #eefbf4;border: 1px dashed #1db85a;}

.service10_2 .con2 .ul .li:nth-child(2n) .l1{color: #67daa0;}

.service10_2 .con2 .ul .li:nth-child(2n) .l2 p::after{background: url(../images/dui2.png) center no-repeat;}

.service10_2 .con2 .ul .li:nth-child(3n){background: #fff5e5;border: 1px dashed #ffa014;}

.service10_2 .con2 .ul .li:nth-child(3n) .l1{color: #ffbf5e;}

.service10_2 .con2 .ul .li:nth-child(3n) .l2 p::after{background: url(../images/dui3.png) center no-repeat;}

.service11_2{padding: 20px 0 40px 0;}

.service11_2 .con1{text-align: center;line-height: 40px;margin-bottom: 30px;}

.service11_2 .con2 .ul{display: flex;justify-content: space-between;}

.service11_2 .con2 .ul .li{width: 38%;background: #e5f0ff;border: 1px dashed #1472ff;border-radius: 8px;padding: 20px 50px;position: relative;}

.service11_2 .con2 .ul .li::after{content: "";width: 70px;height: 250px;background: url(../images/t1.png) center no-repeat;position: relative;width:44%;position: absolute;background-size: contain;top: 50%;right: -54%;transform: translateY(-50%);}

.service11_2 .con2 .ul .li:nth-child(2n)::after{background: url(../images/j2.png) center no-repeat;background-size: contain;}

.service11_2 .con2 .ul .li:last-child::after{content: none;}

.service11_2 .con2 .ul .li .l1{text-align: center;margin-bottom: 15px;color: #629afd;}

.service11_2 .con2 .ul .li .l2{line-height: 26px;}

.service11_2 .con2 .ul .li .l2 p{position: relative; text-align:justify; margin-bottom:15px;}

.service11_2 .con2 .ul .li:nth-child(2n){background: #eefbf4;border: 1px dashed #1db85a;}

.service11_2 .con2 .ul .li:nth-child(2n) .l1{color: #67daa0;}

.service11_2 .con2 .ul .li:nth-child(2n) .l2 p::after{background: url(../images/dui2.png) center no-repeat;}

.service11_2 .con2 .ul .li:nth-child(3n){background: #fff5e5;border: 1px dashed #ffa014;}

.service11_2 .con2 .ul .li:nth-child(3n) .l1{color: #ffbf5e;}

.service11_2 .con2 .ul .li:nth-child(3n) .l2 p::after{background: url(../images/dui3.png) center no-repeat;}


.xm-select-demo{width: 100%;height: 100%;}

xm-select{height: 100% !important;border: none;border: none !important;min-height: 48px;}

xm-select .xm-input{height: 36px !important;}

/* xm-select *{height: 48px;} */

xm-select > .xm-label .scroll .label-content{align-items: center;min-height: 48px;}

/* xm-select .xm-label .xm-label-block{background: none!important; color: #333;}

xm-select > .xm-label .xm-label-block > span{color: #333;} */

xm-select > .xm-tips {font-size: 18px;}

xm-select .xm-label .xm-label-block{background: #014099 !important;}

xm-select .xm-body .xm-option .xm-option-icon{border-color:#014099 !important;}

xm-select .xm-body .xm-option .selected show-icon .xm-option-icon{color: #000;}


.selected .xm-icon-duox{color:#014099 !important;}

/* xm-select .xm-body .xm-option .xm-option-icon{color:#014099 ;} */

/* xm-select .xm-body .xm-option .xm-option-icon{color:#014099 !important ;} */

/* .xm-icon-duox:before{background:#014099 } */

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

    .service8_1 .con .ul{padding-left: 120px;}

    .service8_2 .con2 .ul .li{padding: 20px 30px;}
	
	.service10_2 .con2 .ul .li{padding: 20px 30px;}


}

@media screen and (max-width:1500px) {
    .service9 .con_le{}

    .service9 .con_re{width: 45%;}

    .service9 .con_le{width: 48%;}
}

@media screen and (max-width:1025px) {
    .wow{opacity: 1;}

    .sbox{min-width: 200px;width: 90%;}

    .ser_next, .ser_prev{display: none;}

    .service8_1{padding-top: 30px; padding-bottom:30px;}

    .service8_1 .con .ul{padding-left: 0;flex-wrap: wrap;}

    .service8_1 .ct2{margin: 10px 0 20px;}

    .service8_1 .con .li{width: 100%;margin-bottom: 20px;}

    .service8_2{padding-top: 0px;}

    .service8_2 .con2 .ul .li{padding: 15px 20px;}

    .service8_2 .con2 .ul{flex-wrap: wrap;}

    .service8_2 .con2 .ul .li{width: 100%;margin-bottom: 20px;}

    .service8_2 .con1{margin-bottom: 15px;}

    .service8_2 .con2 .ul .li:nth-child(3n){margin-bottom: 0;}

    .service9{padding: 0 0 30px 0;}

    .service9 .con2{flex-wrap: wrap;}

    .service9 .con_le{width: 100%;padding: 0;margin-bottom: 30px;}

    .service9 .con_re{width: 100%;}

    .service9 .con1{margin-bottom: 20px;padding-top: 30px; padding-bottom:10px;}

    .service9 .con_re .re span:last-child{margin-top: 10px;}

    .service9 .con_re .re{margin-bottom: 25px;}

    .service9 .con_re .re2 .ser7_sw{padding-bottom: 40px;}
	
	.service10_2{padding-top: 0px;}

    .service10_2 .con2 .ul .li{padding: 15px 20px;}

    .service10_2 .con2 .ul{flex-wrap: wrap;}

    .service10_2 .con2 .ul .li{width: 100%; height:auto;margin-bottom: 20px;}

    .service10_2 .con1{margin-bottom: 15px;}

    .service10_2 .con2 .ul .li:nth-child(3n){margin-bottom: 0;}	
	
	.service10_2 .con2 .ul .li .l2 img{ position:relative;}
	
	.service11_2{padding: 20px 0 0px 0;}
	
	.service11_2 .con2 .ul{display: block;}
	
	.service11_2 .con2 .ul .li{ width:100%;padding: 20px 20px;margin-bottom: 60%;}
	
	.service11_2 .con2 .ul .li:last-child{ margin-bottom:0;}
	
	.service11_2 .con2 .ul .li::after{ top: 125%; right: 28%;}

    xm-select > .xm-label .scroll .label-content{min-height: 40px;}

    xm-select{min-height: 40px;}

    .service9 .con_re .re span{text-align: center;}

}



.special3{padding: 75px 0;}

.special3 .sp_top{text-align: center;margin-bottom:20px;}

.special3 .sp_top2{text-align: center;line-height: 30px;color: #555555;}

.special3 .line{ position:relative; margin-bottom:40px;}

.special3 .line::after{ 
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #d1c5b3;
    position: absolute;
    left: 0;
    bottom: 0;
}

.special3 .img{background: #ededed;padding: 5px;display: flex;justify-content: center;overflow: hidden;}

.special3 .t1{color: #333333;line-height: 30px;margin: 15px 0 3px;}

.special3 .t2{color: #999999;line-height: 25px;}

.special3 .con{position: relative;}

.special3 .con .spe3_sw.one-swiping .swiper-wrapper{display: flex;justify-content: center;}

.special3 .con .swiper-wrapper{}

.special3 .swiper-slide:hover .t1{color: #014099;}

.sp_prev,.sp_next{width: 45px;height: 45px;background: url(../images/zuo2.png) center no-repeat;background-size: cover;box-shadow: 0 3px 10px 5px #f6f6f6;border-radius: 100%;}

.sp_prev{left: -110px;}

.sp_next{right: -110px;transform: rotate(180deg);}

.sp_prev:hover,.sp_next:hover{background: url(../images/z.png) center no-repeat;}

.special3 .swiper-slide .img img{transition: all 0.6s;}

.special3 .swiper-slide:hover .img img:hover{transform: scale(1.05);transition: all 0.6s;}


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

    .special3{padding: 30px 0;}

    .special3 .sp_top2{margin-bottom: 20px;}

    .special3 .t1{margin: 10px 0 0;}

    .sp_prev, .sp_next{/*display: none;*/}
	
	.sp_prev{ left:10px;}
	
	.sp_next{ right:10px;}

}