.row-product2_1-i1{padding:104px 0 100px;overflow:hidden}
.product-swiper2-i1{padding-bottom:62px;position:relative}
.product-swiper2-i1 .nav{margin:0 -4px;position:absolute;left:0;bottom:0;right:0;overflow:hidden}
.product-swiper2-i1 .nav .swiper-slide{padding:0 4px}
.product-swiper2-i1 .nav .con{padding:0 2px;display:block;background-color:#eee;border-radius:5px;font-size:0;text-align:center;line-height:48px;position:relative;overflow:hidden}
.product-swiper2-i1 .nav .con .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;background-size:100% 100%;opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .nav .con span{display:inline-block;vertical-align:middle;font-size:16px;color:#333;position:relative;z-index:2}
.product-swiper2-i1 .nav .on .con .bg{opacity:1}
.product-swiper2-i1 .nav .on .con span{color:#fff}
.product-swiper2-i1 .for{position:relative;overflow:hidden}
.product-swiper2-i1 .for .con{padding-top:65px;display:block;position:relative;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .for .pic{height:336px;position:relative;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .for .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.product-swiper2-i1 .for .mask{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .for .mask .mask-inner{position:absolute;left:0;bottom:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .for .mask h4{font-size:36px;color:#fff;font-weight:400;text-align:center;background-color:rgba(25,95,171,.8);line-height:100px}
.product-swiper2-i1 .for .swiper-slide-active .con{padding:0}
.product-swiper2-i1 .for .swiper-slide-active .pic{height:401px}
.product-swiper2-i1 .for .swiper-slide-active .mask{opacity:1}
.product-swiper2-i1 .for .swiper-slide-active .mask .mask-inner{-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}
.product-swiper2-i1 .for .swiper-next,.product-swiper2-i1 .for .swiper-prev{position:absolute;top:54%;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-color:transparent;outline:0;border:none;text-indent:-999px;overflow:hidden;z-index:10;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper2-i1 .for .swiper-prev{left:0;background-image:url(../images/i1_jt10.png)}
.product-swiper2-i1 .for .swiper-prev:hover{background-image:url(../images/i1_jt12.png)}
.product-swiper2-i1 .for .swiper-next{right:0;background-image:url(../images/i1_jt11.png)}
.product-swiper2-i1 .for .swiper-next:hover{background-image:url(../images/i1_jt13.png)}
.product-swiper2-i1 .for .con:hover .pic img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.row-product2_2-i1{padding:100px 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.product2_2-cont{float:left;width:32.92%}
.product2_2-cont h3{margin-bottom:78px;font-size:36px;color:#2b2b2b}
.product2_2-cont .cont{margin-bottom:40px;font-size:16px;color:#333;line-height:1.9}
.product2_2-cont .cont h4{margin-bottom:12px;font-size:24px;color:#333}
.product-swiper3-i1{float:right;width:53%;position:relative;overflow:hidden}
.product-swiper3-i1 .slider{width:113%}
.product-swiper3-i1 .swiper-slide{width:77%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper3-i1 .pic{padding-top:64%;position:relative;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper3-i1 .pic:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.product-swiper3-i1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.product-swiper3-i1 .swiper-slide-active .pic:after{opacity:0}
.product-swiper3-i1 .swiper-slide-active .pic:hover img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.product2_2-cont .btn5-i1 a,.product2_2-cont .btn5-i1 span{width:48%}
.product2_2-cont .btn5-i1 a+a,.product2_2-cont .btn5-i1 span+span{margin-left:4%}
.row-product2_3-i1{padding:134px 0 125px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-product2_3-i1>.wp{width:100%;max-width:none}
.ps-swiper-i1{margin-right:-20px;margin-left:calc((100vw - 1440px)/ 2);padding-bottom:75px;position:relative;overflow:hidden}
.ps-swiper-i1 .swiper-slide{padding-right:20px;width:auto}
.ps-swiper-i1 .con{display:block;width:400px;position:relative;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ps-swiper-i1 .pic{height:400px;position:relative;overflow:hidden}
.ps-swiper-i1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.ps-swiper-i1 .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/i1_bg5.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;z-index:2}
.ps-swiper-i1 .mask .mask-inner{padding:40px 0;position:absolute;left:0;bottom:0;right:0}
.ps-swiper-i1 .mask h4{font-size:36px;color:#fff;text-align:center}
.ps-swiper-i1 .swiper-pagination-progressbar{top:auto;bottom:0;height:6px;background-color:transparent}
.ps-swiper-i1 .swiper-pagination-progressbar:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background-color:rgba(137,137,137,.3)}
.ps-swiper-i1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#004ca0}
.ps-swiper-i1 .con:hover{width:640px}
@media only screen and (max-width:1599px){
.ps-swiper-i1{margin-left:5%}
}
@media only screen and (max-width:1439px){
.row-product2_1-i1{padding:82px 0 80px}
.product-swiper2-i1 .for .con{padding-top:52px}
.product-swiper2-i1 .for .pic{height:268px}
.product-swiper2-i1 .for .swiper-slide-active .pic{height:320px}
.product-swiper2-i1 .for .mask h4{font-size:28px;line-height:80px}
.product-swiper2-i1 .nav{margin:0 -2px}
.product-swiper2-i1 .nav .swiper-slide{padding:0 2px}
.product-swiper2-i1 .nav .con{line-height:40px}
.product-swiper2-i1 .nav .con span{font-size:14px}
.product-swiper2-i1 .for .swiper-next,.product-swiper2-i1 .for .swiper-prev{width:40px;height:40px}
.row-product2_2-i1{padding:80px 0}
.product2_2-cont h3{margin-bottom:62px;font-size:28px}
.product2_2-cont .cont{margin-bottom:32px;font-size:14px}
.product2_2-cont .cont h4{margin-bottom:10px;font-size:18px}
.row-product2_3-i1{padding:106px 0 100px}
.ps-swiper-i1{padding-bottom:60px}
.ps-swiper-i1 .mask .mask-inner{padding:32px 0}
.ps-swiper-i1 .mask h4{font-size:28px}
.ps-swiper-i1 .con{width:320px}
.ps-swiper-i1 .pic{height:320px}
.ps-swiper-i1 .con:hover{width:512px}
}
@media only screen and (max-width:1199px){
.row-product2_1-i1{padding:60px 0}
.product-swiper2-i1 .for .con{padding-top:40px}
.product-swiper2-i1 .for .pic{height:160px}
.product-swiper2-i1 .for .swiper-slide-active .pic{height:200px}
.product-swiper2-i1 .for .mask h4{font-size:20px;line-height:50px}
.row-product2_2-i1{padding:60px 0}
.product2_2-cont h3{margin-bottom:20px;font-size:20px}
.product2_2-cont .cont{margin-bottom:10px}
.product2_2-cont .cont h4{font-size:16px}
.row-product2_3-i1{padding:60px 0}
.ps-swiper-i1{padding-bottom:40px}
.ps-swiper-i1 .swiper-slide{padding-right:10px}
.ps-swiper-i1 .con{width:200px}
.ps-swiper-i1 .pic{height:200px}
.ps-swiper-i1 .mask .mask-inner{padding:15px 0}
.ps-swiper-i1 .mask h4{font-size:20px}
.ps-swiper-i1 .con:hover{width:200px}
}
@media only screen and (max-width:767px){
.row-product2_1-i1{padding:40px 0}
.product-swiper2-i1{padding-bottom:50px}
.product-swiper2-i1 .for .swiper-next,.product-swiper2-i1 .for .swiper-prev{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.product-swiper2-i1 .for .mask h4{font-size:18px;line-height:40px}
.product-swiper2-i1 .nav .con{line-height:40px}
.row-product2_2-i1{padding:40px 0}
.product-swiper3-i1,.product2_2-cont{float:none;width:auto}
.product2_2-cont{margin-bottom:20px}
.product2_2-cont h3{text-align:center}
.product2_2-cont .cont br{display:none}
.row-product2_3-i1{padding:40px 0}
.row-product2_3-i1>.wp{padding:0}
.ps-swiper-i1{margin-left:20px;padding-bottom:30px}
.ps-swiper-i1 .con{width:140px}
.ps-swiper-i1 .pic{height:140px}
.ps-swiper-i1 .mask .mask-inner{padding:10px 0}
.ps-swiper-i1 .mask h4{font-size:16px}
.ps-swiper-i1 .con:hover{width:140px}
.ps-swiper-i1 .swiper-pagination-progressbar{height:4px}
}