.s_slide .wrap .cont {padding-bottom: 120px; }

.s_slide .wrap .cont .swiper-slide.n1 img {padding-top: 450px; width: min(calc(855/1920*100vw),850px);}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_slide .wrap .cont .swiper-slide.n1 img{padding-top: 0; width: 90%; height: 90%;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



.s_mechanism .title h3 {color: #fff; }

.s_mechanism .cont {display: flex;flex-direction: column;gap: 40px;max-width: 1240px;margin: 0 auto; }

.s_mechanism .cont .row {display: flex;justify-content: space-between;gap: 40px;flex-wrap: wrap; }

.s_mechanism .cont .box {width: 300px;position: relative; }

.s_mechanism .cont .box .imgBx {width: 100%;position: relative; }

.s_mechanism .cont .box .imgBx img {width: 100%; }

.s_mechanism .cont .row .left .box .imgBx::before {content: '';display: block;padding-bottom: 100%; }

.s_mechanism .cont .row .left .box .imgBx img {position: absolute;left: 0;top: 0;width: 100%;height: 100%; }

.s_mechanism .cont .row .left .txtBx {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin-top: 0;max-width: unset;display: flex;flex-direction: column;justify-content: flex-end;padding-left: 23px;padding-bottom: 10px;box-sizing: border-box; }

.s_mechanism .cont .row .left .txtBx em {color: #fff; }

.s_mechanism .cont .row .left .txtBx p {color: #fff; }

.s_mechanism .cont .row .right {display: flex;border-radius: 20px;overflow: hidden; }

.s_mechanism .cont .row .right .box::before{
	content:''; display: block; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%;
	background-color: #ddd; z-index: 2;
}

.s_mechanism .cont .row .right .box:last-child:before{display: none;}

.s_mechanism .cont .row .right .box:last-child .imgBx{border-right: 0;}

.s_mechanism .cont .row .right .imgBx {border-radius: 0; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_mechanism .cont .row{justify-content: center;}
	.s_mechanism .cont .box{width: 280px;}
}
@media screen and (max-width:1280px) {
	.s_mechanism .cont .row{gap: 20px;}
	.s_mechanism .cont .box{width: 230px;}
}
@media screen and (max-width:1024px) {
	.s_mechanism .cont .box{width: 220px;}
}
@media screen and (max-width:820px) {
	.s_mechanism .cont .row{flex-direction: column; align-items: center;}
	.s_mechanism .cont .row > div{width: 100%; max-width: 300px;}
	.s_mechanism .cont .box{width: 100%;}
	.s_mechanism .cont .row .right{flex-direction: column; border-radius: 10px;}
	.s_mechanism .cont .row .right .box::before{width: 100%; height: 1px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



.s_product{padding-top: 140px;}
.s_product .ground{height: 170px;}
.s_product .productArea .imgBx .real{max-width: 382px;}
.s_product .productArea .imgBx .shadow{width: 210%;height: 11%;right: 0%;bottom: 4%;}
.s_product .productArea .dotBx .dot.n1{left: 14%;top: 1%;}
.s_product .productArea .dotBx .dot.n2{left: 37%;top: 10%;}
.s_product .productArea .dotBx .dot.n3{left: 78%;top: -3%;}
.s_product .productArea .dotBx .dot.n4{left: 104%;top: 3%;}
.s_product .productArea .dotBx .dot.n5{left: 58%;top: 26%;}
.s_product .productArea .dotBx .dot.n6{left: 80%;top: 46%;}

.s_product .info{bottom: 80px;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_product{padding-top: 60px;}
	.s_product .productArea{width: 50vw;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}