@charset "utf-8";
*{margin: 0 auto;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
input{outline: none;}
button {outline:none;}
body{min-width: 1263px;background: #FFFFFF;position: relative;}
body{font-family: "Noto Sans SC";}
input{border: none;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 100%;}

/* 公共 */
.h{width: auto;position: relative;}
.h .title{font-size: 36px;color: #333333;font-weight: bold;position: absolute;left: 8px;top: 14px;}
.h .fImage{display: block;height: 97px;width: auto;}



/* 头部 */
.head{max-width: 1780px;height: 118px;position: relative;}
.head .logo{float: left;width: 256px;margin-top: 15px;position: relative;padding-top:84px;}
.head .logo img{display: block;width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.head .phone{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.head .phone img{float: left;width: auto;height: 20px;vertical-align: middle;}
.head .phone p{float: left;font-size: 1.04vw;color: #333333;margin-left: 10px;line-height: 20px;}
.head .nav{text-align: center;margin-left: 27%;height: 100%;}
.head .nav a{float: left;font-size: 1.04vw;color: #333333;line-height: 118px;padding: 0 1.685%;transition: .5s;height: 118px;}
.head .nav a:hover{color: #fff;background: #004d9e;}


@media only screen and (max-width: 1840px) {
        .head{
            width: 96%;
        }
    }

@media only screen and (max-width: 1540px) {
        .head .nav a , .head .phone p{
            font-size: 16px;
        }
    }





/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner .gallery-top img{display: block;width: 100%;}
.banner .gallery-thumbs{position: absolute;bottom: 0;left: 12.5%;padding: 2px 3px;background: #FFFFFF;z-index: 2;width: 187px;height: 65px;overflow: hidden;padding-left: 187px;}
.banner .gallery-thumbs .swiper-slide{width: 100%!important;height: 65px;}
.banner .gallery-thumbs .swiper-slide img{display: block;width: 100%;height: 100%;}
.banner .gallery-thumbs  .Key{height: 65px;position: absolute;left: 0;top: 2px;z-index: 99;width: 190px;background: #FFFFFF;}
.banner .gallery-thumbs  .Key .swiper-button-next::after{color: #3f3f3f;font-size: 16px;}
.banner .gallery-thumbs  .Key .swiper-button-prev::after{color: #3f3f3f;font-size: 16px;}
.banner .gallery-thumbs  .Key .swiper-button-next , .banner .gallery-thumbs  .Key .swiper-button-prev{width: 35%;}
.banner .gallery-thumbs  .Key::after{content: '';display: block;width: 2px;height: 18px;background: #f1f1f1;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);z-index: 10;}

/* 产品中心 */
.product{width: 100%;padding: 100px 0 236px 12.5%;box-sizing: border-box;position: relative;}
.product .service{float: left;width: 38.5%;height: 768px;background: #004D9E;position: relative;}
.product .service .text{width: 340px;position: absolute;top: 7.87%;left: 50%;transform: translateX(-50%);}
.product .service .text img{display: block;width: auto;margin-bottom: 20px;margin-left: 0;}
.product .service .text p{font-size: 16px;color: #FFFFFF;line-height: 28px;}
.product .service .bot{position: absolute;bottom: 0;left: 7.87%;opacity: .5;}
.product .service .bot p{font-size: 16px;color: #FFFFFF;writing-mode: vertical-rl;writing-mode: tb-rl;text-transform: uppercase;transform: rotate(180deg);}
.product .service .bot .line{display: block;width: 1px;height: 135px;background: #FFFFFF;margin-top: 15px;}
.product .h{float: left;width: calc(100% - 45%);margin-top: 47px;margin-left: 6.3%;}
.product .h .slogan{font-size: 16px;color: #808080;padding-top: 45px;}
.product .swiper-container{position: absolute;bottom: 146px;right: 0;width: 81.09375%;height: auto;}
.product .swiper-container .swiper-slide{overflow: hidden;}
.product .swiper-container .swiper-slide a{display: block;width: 100%;height: auto;background: #fff;}
.product .swiper-container .swiper-slide .img{width: 100%;padding-top: calc(146.75% - 90px);position: relative;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}
.product .swiper-container .swiper-slide img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.product .swiper-container .swiper-slide p{display: block;width: 100%;height: 90px;background: #333333;text-indent: 12.82%;font-size: 22px;color: #FFFFFF;line-height: 90px;}
.product .swiper-container .swiper-slide:nth-child(2n) p{background: #004d9e;}
.product .swiper-container .swiper-button-next{width: 60px;height: 88%;right: 0!important;top: 0!important;padding-left: 30px;}
.product .swiper-container .swiper-button-prev{width: 60px;height: 88%;left: 0!important;top: 0!important;padding-right: 30px;}
.product .swiper-container .swiper-button-next::after{color: #eee;text-align: right;}
.product .swiper-container .swiper-button-prev::after{color: #eee;text-align: left;}
.product .swiper-container .swiper-button-next:hover{ background-image: linear-gradient(to left,rgba(0,34,194,.4),rgba(255,255,255,0));}
.product .swiper-container .swiper-button-prev:hover{ background-image: linear-gradient(to right,rgba(0,34,194,.4),rgba(255,255,255,0));}

/* 生产标准 */
.standard{width: 100%;height: 200px;background: url(../images/reputationBg.jpg)no-repeat center;}
.standard p{font-size: 24px;color: #FFFFFF;text-align: center;line-height: 200px;}

/* 新闻动态 */
.newsBg{width: 100%;background: url(../images/newsBG.png)no-repeat left bottom;padding: 110px 0 60px;background-size: 50%;}
.news{max-width: 1440px;}
.news .h{margin-bottom: 60px;}
.news .h .fImage{margin: 0;}
.news .le{float: left;width: 46.66%;height: auto;}
.news .le a{display: block;width: 100%;height: auto;}
.news .le a .img{width: 100%;height: 0;padding-top: 69.94%;position: relative;overflow: hidden;}
.news .le a .img img{display: block;width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.news .le a  .text{padding-top: 30px;margin-bottom: 35px;}
.news .le a  .text .title{font-size: 20px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;margin-bottom: 20px;font-weight: bold;}
.news .le a  .text .desc{font-size: 16px;color: #4c4c4c;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;line-height: 28px;width: 100%;}
.news .le a .time{font-size: 16px;color: #4c4c4c;float: left;}
.news .le a .more{font-size: 16px;color: #4c4c4c;float: right;}
.news .le a:hover img{width: 110%;}
.news .ri{float: right;width: 47.36%;}
.news .ri .list{float: left;width: 47.06%;height: auto;padding-bottom: 10px;margin-bottom: 20px;}
.news .ri .list:nth-child(2n){float: right;}
.news .ri .list .img{width: 100%;height: 0;padding-top: 69.94%;position: relative;overflow: hidden;}
.news .ri .list .img img{display: block;width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.news .ri .list  .text{padding-top: 30px;margin-bottom: 20px;}
.news .ri .list  .text .title{font-size: 20px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;margin-bottom: 10px;font-weight: bold;}
.news .ri .list  .text .desc{font-size: 16px;color: #4c4c4c;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;line-height: 28px;width: 100%;}
.news .ri .list .time{font-size: 16px;color: #4c4c4c;float: left;}
.news .ri .list .more{font-size: 16px;color: #4c4c4c;float: right;}
.news .ri .list:hover img{width: 110%;}

/* 地图 */
.indexMap{width: 100%;height: auto;}
.indexMap img{display: block;width: 100%;}

/* 合作案例 */
.caseBg{max-width: 100%;background: url(../images/caseBg.jpg)no-repeat top;height: 795px;padding: 110px 0 60px;box-sizing: border-box;}
.case{max-width: 1440px;}
.case .h .fImage{margin-left: 0;}
.case .content{width: 100%;overflow: hidden;position: relative;margin-top: 60px;}
.case .content .swiper-wrapper{padding-bottom: 40px;}
/* 定位小圆点 */
.case .content .swiper-pagination{position: absolute;bottom: 0;height: 40px;line-height: 40px;}
/* 设置小圆点 */
.case .content .swiper-pagination-bullet{width: 9px;height: 9px;opacity: 1;vertical-align: middle;border: 1px solid #cccccc;background: rgba(0,0,0,0);}
/* 呈现 */
.case .content .swiper-pagination-bullet-active{width: 9px;height: 9px;opacity: 1;background:#cccccc;border-radius: 6px;margin-right: 30px;position: relative;}
.case .content .swiper-pagination-bullet-active::after{content: '';display: block;width: 24px;height: 1px;background: #CCCCCC;position: absolute;top: 50%;left: 14px;transform: translateY(-50%);}

.case .content p{float: left;width: 240px;height: 140px;box-sizing: border-box;border-bottom:1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.case .content p:nth-child(6n){border-right: none;}
.case .content p img{display: block;width: 100%;height: 100%;}


/* 加入我们 */
.join{max-width: 1600px;background: url(../images/joinBg.jpg)no-repeat center;padding-top: 28.64%;position: relative;margin: 101px auto 118px;}
.join a{display: block;width: 385px;height: 369px;background: url(../images/joinBg1.jpg)no-repeat  center;position: absolute;bottom: 0;left: 80px;padding-left: 50px;box-sizing: border-box;z-index: 2;padding-right: 20px;}
.join a .ftitle{font-size: 44px;color: #FFFFFF;text-transform: uppercase;font-weight: 100;padding-top: 60px;}
.join a .text{margin-bottom: 45px;}
.join a .title{display: inline-block;font-size: 22px;color: #FFFFFF;}
.join a .text img{display: inline-block;width: 9px;margin-left: 15px;}
.join a .desc{font-size: 16px;color: #FFFFFF;line-height: 28px;z-index: 10;}
.join .there{width: 100%;height: 92px;background: rgba(0,77,158,.5);position: absolute;bottom: 0;}
.join .there p{font-size: 18px;color: #FFFFFF;text-align: center;line-height: 92px;}

/* footer */
.footerBg{width: 100%;background: #2a2f33;padding: 74px 0;position: relative;}
.footerBg .top{display: block;width: 54px;height: 54px;background: #222629;border-radius: 54px;position: absolute;bottom: 32px;right: 20px;}
.footerBg .top img{display: block;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);}
.footer{max-width: 1440px;margin-bottom: 30px;}
.footer .le{float: left;width: 360px;}
.footer .le .footerLogo{width: 100%;height: 54px;position: relative;border-bottom: 1px solid #999999;padding-bottom: 20px;margin-bottom: 16px;}
.footer .le .footerLogo img{display: block;width: 100%;height: 54px;position: absolute; top: 0;left: 0;}
.footer .le  .p16{font-size: 16px;color: #999999;padding-bottom: 60px;}
.footer .le .phone{font-size: 16px;color: #999999;}
.footer .le .phone span{font-size: 32px;color: #FFFFFF;font-weight: bold;}
.footer .center{float: left;margin-left: 5.76%;width: auto;}
.footer .center .p20{font-size: 20px;color: #FFFFFF;position: relative;padding: 10px 0 35px;}
.footer .center .p20::after{content: '';display: block;height: 1px;width: 20px;background: #999999;position: absolute;bottom: 20px;}
.footer .center a{display: block;font-size: 16px;color: #999999;line-height: 42px;}
.footer .ri{float: right;width: auto;text-align: right;}
.footer .ri .name{font-size: 38px;color: #FFFFFF;font-weight: bold;padding: 10px;letter-spacing:-3px}
.footer .ri .ftitle{font-size: 16px;color: #999999;text-transform: uppercase;}
.footer .ri .column{margin-top: 100px;margin-bottom: 15px;}
.footer .ri .column a{font-size: 16px;color: #999;padding:0 10px;border-right: 1px solid #999999;}
.footer .ri .column a:last-child{padding-right: 0;border: none;}
.footer .ri .copy{font-size: 16px;color: #999999;line-height: 36px;}
.footer .ri .copy a{color: #999999;}

/* 联系我们 */
.subContact{width: 100%;height: auto;}
.subContact .map{width: 100%;padding-top: 36.45%;position: relative;}
.subContact .map iframe{position: absolute;top: 0;}
.subContact .map form{width: 100%;height: 100%;}
.subContact .bot{width: 100%;height: 225px;position: relative;}
.subContact .bot .text{text-align: center;width: 100%;transform: translateY(-67px);}
.subContact .bot .box{display: inline-block;width: 340px;height: 165px;background: #FFFFFF;position: relative;padding-top: 80px;box-sizing: border-box;margin-right: 28px;border-bottom: 3px solid #f5f3f0;vertical-align: top;}
.subContact .bot .box:last-child{margin-right: 0;}
.subContact .bot .box .img{width: 73px;height: 73px;background: #004d9e;border-radius: 73px;position: absolute;top: -36px;left: 50%;transform: translateX(-50%);}
.subContact .bot .box .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;}
.subContact .bot .box p{font-size: 16px;color: #848484;line-height: 25px;}

/* 栏目页公共 */
.public{max-width: 1440px;padding-bottom: 120px;}
.public .h{width: 100%;}
.public .h .title{left: 50%;transform: translateX(-50%);text-transform: uppercase;}
.public .column{width: 100%;text-align: center;margin-top: 35px;padding-bottom: 70px;}
.public .column .swiper-slide{width: fit-content;}
.public .column a{display: inline-block;min-width: 213px;height: 55px;border: 1px solid #004d9e;border-radius: 3px;line-height: 55px;font-size: 22px;color: #004D9E;margin-right: 14px;padding: 0 10px;}
.public .column a:last-child{margin-right: 0;}
.public .column .active{background: #004D9E;color: #FFFFFF;}


/* 加入我们 */
/* 岗位 */
.subJoin{width: 100%;}
.subJoin .top{width: 100%;padding-left: 40px;padding-right: 50px;box-sizing: border-box;height: 55px;background: #e9e7e8;margin-top: 25px;}
.subJoin .top:first-child{margin-top: 0;}
.subJoin .top .title{float: left;font-size: 22px;color: #505050;line-height: 55px;}
.subJoin .top .workMap{float: left;font-size: 15px;color: #505050;line-height: 55px;margin-left: 44px;}
.subJoin .top .ri{float: right;height: 100%;}
.subJoin .top .ri .iocn{float: left;height: 100%;width: 25px;margin-left: 17px;position: relative;}
.subJoin .top .ri .iocn img{display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: auto;}
.subJoin .top .ri .iocn .dis{opacity: 0;}
.subJoin .bot{width: 100%;display: none;}
.subJoin .bot .people{width: 100%;height: 68px;border: 1px solid #dcdcdc;box-sizing: border-box;padding-left: 40px;font-size: 15px;color: #757575;line-height: 68px;}
.subJoin .bot .content{width: 100%;height: auto;font-size: 14px;color: #413f3d;line-height: 30px;padding: 30px 0;padding-left: 40px;box-sizing: border-box;}
.subJoin .on{background: #004d9e!important;}
.subJoin .on .title , .subJoin .on .workMap {color: #fff;}
.subJoin .on .ri .iocn .hid{opacity: 0;}
.subJoin .on .ri .iocn .dis{opacity: 1;}

/* 政策 */
.policy{width: 100%;}
.policy .subH{width: 100%;text-align: center;margin-bottom: 55px;}
.policy a{display: block;text-align: center;font-size: 16px;color: #004d9e;margin-bottom: 50px;}
.policy .subH .name{font-size: 36px;color: #000000;}
.policy .subH .line{display: block;width: 35px;height: 4px;background: #004D9E;margin-top: 20px;}
.policy .personnel{width: 100%;margin-bottom: 55px;}
.policy .personnel .content{width: 100%;}
.policy .personnel .content .img{width: 100%;height: auto;}
.policy .personnel .content .img img{display: block;width: 100%;height: auto;}
.policy .personnel .content .text{width: 100%;padding: 57px 0 59px;box-sizing: border-box;background: url(../images/rcBg.jpg)no-repeat bottom center;height: auto;}
.policy .personnel .content .text .le{float: left;width: 380px;height: 203px;position: relative;}
.policy .personnel .content .text .le p{width: 100%;font-size: 38px;color: #000000;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.policy .personnel .content .text .le p::after{content: '';display: block;width: 35px;height: 3px;background: #004D9E;position: absolute;left: 0;top: -15px;}
.policy .personnel .content .text .ri{float: left;width: calc(100% - 380px);}
.policy .personnel .content .text .ri .box{float: left;width: 226px;height: 203px;border: 1px solid #e3e3e3;box-sizing: border-box;background: #FFFFFF;margin-right: calc((100% - 904px)/4);transition: .3s;}

.policy .personnel .content .text .ri .box .pic{width: 100%;height: 140px;position: relative;}
.policy .personnel .content .text .ri .box .pic img{display: block;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .3s;}
.policy .personnel .content .text .ri .box .title{font-size: 20px;color: #000000;text-align: center;transition: .3s;text-transform: uppercase;}
.policy .personnel .content .text .ri .box:hover{background: #004D9E;}
.policy .personnel .content .text .ri .box:hover img{-webkit-filter: grayscale(100%) brightness(1000%)}
.policy .personnel .content .text .ri .box:hover .title{color: #fff;} 


/* 职业发展 */
.policy .occupation{width: 100%;margin-bottom: 55px;}
.policy .occupation .content{width: 100%;}
.policy .occupation .text{width: 100%;overflow: hidden;height: 185px;border: 1px solid #e3e3e3;box-sizing: border-box;background: #FFFFFF;}
.policy .occupation .text .img{float: left;width: 162px;height: 100%;position: relative;background: #004d9e;}
.policy .occupation .text .img img{display: block;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.policy .occupation .text .smallText{float: left;width: calc(100% - 185px);position: relative;height: 100%;}
.policy .occupation .text .smallText .posi{position: absolute;top: 50%;left: 59px;transform: translateY(-50%);}
.policy .occupation .text .smallText .posi .title{font-size: 24px;color: #000000;padding-bottom: 10px;}
.policy .occupation .text .smallText .posi .desc{font-size: 18px;color: #666666;line-height: 30px;}
.policy .occupation .content{width: 100%;background: #FFFFFF;font-size: 15px;color: #000000;line-height: 28px;height: auto;}
.policy .occupation .content img{display: block;max-width: 100%;width: auto;}

/* 薪酬福利 */
.policy .pay{width: 100%;}
.policy .pay .content{display: flex;flex-wrap: wrap;width: 100%;}
.policy .pay .content .list{width: 48.6%;min-height: 204px;background: url(../images/xc-Bg.png)no-repeat bottom -50px right 15px  #FFFFFF;margin-bottom: 26px;box-shadow: 0 10px 20px #ddd;}
.policy .pay .content .list:nth-child(2n){float: right;}
.policy .pay .content .list .img{float: left;width: 137px;height: 100%;text-align: right;}
.policy .pay .content .list .img img{margin-top: 62px;width: auto;margin-right: 33px;}
.policy .pay .content .list .text{float: left;width: calc(100% - 137px);height: 100%;padding: 45px 0;box-sizing: border-box;}
.policy .pay .content .list .text .title{font-size: 24px;color: #000000;}
.policy .pay .content .list .text .desc{font-size: 18px;color: #666666;line-height: 30px;text-align: justify;padding-right: calc(100% - 475px);box-sizing: border-box;}
.policy .pay .content .list:hover{background: url(../images/xc-Bg.png)no-repeat bottom -50px right 15px  #004D9E;}
.policy .pay .content .list:hover img{-webkit-filter: grayscale(100%) brightness(1000%)}
.policy .pay .content .list:hover .text .title{color: #FFFFFF;}
.policy .pay .content .list:hover .text .desc{color: #FFFFFF;}

/* 新闻动态 */
.subNews{width: 100%;}
.subNews .list{display: block;width: 100%;overflow: hidden;height: 200px;margin-bottom: 30px;}
.subNews .list:last-child{margin-bottom: 0;}
.subNews .list .img{float: left;width: 290px;height: 100%;position: relative;overflow: hidden;}
.subNews .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.subNews .list .text{float: right;width: calc(100% - 328px);padding-top: 15px;}
.subNews .list .text .title{font-size: 20px;color: #202020;padding-bottom: 15px;font-weight: bold;transition: .5s;}
.subNews .list .text .desc{font-size: 18px;color: #444444;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;width: 100%;transition: .5s;}
.subNews .list .text .line{display: block;width: 275px;height: 1px;background: #999999;margin: 25px 0 15px;transition: .5s;}
.subNews .list .text .time{font-size: 16px;color: #999999;transition: .5s;}
.subNews .list:hover img{width: 110%;}
.subNews .list:hover .text .title{color: #004d9e;}
.subNews .list:hover .text .desc{color: #004d9e;}
.subNews .list:hover .text .line{background: #004d9e;width: 100%;}
.subNews .list:hover .text .time{color: #004d9e;}

/* 合作伙伴 */
.subCase{width: 100%;padding-top: 70px;}
.subCase p{float: left;width: 240px;height: 140px;box-sizing: border-box;border-bottom:1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.subCase p:nth-child(6n){border-right: none;}
.subCase p img{display: block;width: 100%;height: 100%;}

/* 服务与技术 */
.subFw{width: 100%;}
.subFw .pic{width: 100%;margin-bottom: 35px;}
.subFw .pic img{display: block;width: 100%;height: auto;}
.subFw .fwH{width: 100%;margin-bottom: 38px;}
.subFw .fwH .name{font-size: 34px;color: #000000;text-align: center;font-weight: bold;padding-bottom: 20px;}
.subFw .fwH .ftitle{font-size: 20px;color: #343434;text-align: center;}
.subFw .yzContent{font-size: 15px;text-align: justify;line-height: 28px;width: 100%;height: auto;margin-bottom: 35px;}
.subFw .yzContent img{display: block;width: 100%;height: auto;}
.subFw .fwContent{display: flex;flex-wrap: wrap;overflow: hidden;width: 100%;justify-content: space-between;}
.subFw .fwContent .box{width: 49.3%;min-height: 240px;margin-bottom: 3px;}
.subFw .fwContent .box .le{display: flex;align-items: center;justify-content: center;float: left;width: 75px;position: relative;height: 100%;background: #004D9E;padding: 20px 0;box-sizing: border-box;}
.subFw .fwContent .box .le .title{font-size: 28px;color: #FFFFFF;line-height: 30px;writing-mode: vertical-lr;white-space: nowrap;}
.subFw .fwContent .box .ri{float: left;width: calc(100% - 75px);height: 100%;background: #ddddde;position: relative;}
.subFw .fwContent .box .ri ul{position: absolute;top: 50%;left: 25px;transform: translateY(-50%);width: calc(100% - 25px);}
.subFw .fwContent .box .ri ul .list{width: 100%;overflow: hidden;margin-bottom: 1px;}
.subFw .fwContent .box .ri ul .list:last-child{margin-bottom: 0;}
.subFw .fwContent .box .ri ul .list .blueBg{float: left;width: 37px;height: 37px;background: #004D9E;position: relative;border-radius: 5px;border: 1px solid #FFFFFF;box-sizing: border-box;margin-right: 15px;}
.subFw .fwContent .box .ri li{color: #FFFFFF;list-style-type:decimal-leading-zero;position: absolute;top: 50%;left: 100%;transform: translateY(-50% );font-size: 16px;}
.subFw .fwContent .box .ri ul .list .title{float: left;font-size: 22px;color: #41403f;line-height: 37px;width: calc(100% - 52px);}

/* 技术 */
.subJs{width: 100%;}
.subJs .jsTop{width: 100%;overflow: hidden;}
.subJs .jsTop .img{float: left;width: 417px;height: auto;}
.subJs .jsTop .img img{display: block;max-width: 100%;width: auto;height: auto;}
.subJs .jsTop .text{float: left;width: calc(100% - 417px);padding:  20px 0 ;}
.subJs .jsTop .text .title{font-size: 34px;color: #000000;padding-bottom: 30px;padding-bottom: 40px;}
.subJs .jsTop .text .list{display: flex;align-items: center;float: left;width: calc((100% - 27px)/2);margin-bottom: 4px;}
.subJs .jsTop .text .list:nth-child(2n){float: right;}
.subJs .jsTop .text .list img{float: left;width: 74px;}
.subJs .jsTop .text .list .p22{float: right;width: calc(100% - 78px);height: 70px;background: #ddddde;font-size: 22px;color: #41403f;line-height: 1.5;padding-left: 29px;border-radius: 6px;overflow: hidden;}
.subJs .jsContent{width: 100%;margin-top: 48px;margin-bottom: 30px;}
.subJs .jsContent img{display: block;max-width: 100%;}
.subJs .jsBot{width: 100%;margin-bottom: 40px;}
.subJs .jsBot .title{font-size: 34px;color: #000000;padding-bottom: 30px;text-align: center;}
.subJs .jsBot .text{margin-top: 60px;width: 100%;}
.subJs .jsBot .text p{display: flex;align-items: center;float: left;width: calc(100% - 522px);min-height: 90px;border-bottom: 1px solid #ddddde;box-sizing: border-box;position: relative;font-size: 22px;color: #41403f;line-height: 1.5;padding-left: 35px;background: url(../images/jsBg.jpg)no-repeat center left;}

.subJs .jsBot .text img{float: right;max-width: 482px;height: 361px;width: auto;}
.subJs .jsBot .text img:nth-of-type(2){float: left;margin-right: 40px;margin-top: 50px;}
.subJs .jsBot .text p:nth-of-type(5){margin-top: 50px;}
.subJs .leTitle{font-size: 34px;color: #000000;padding-bottom: 30px;padding-bottom: 40px;}
.subJs .imgContext{width: 100%;}
.subJs .imgContext img{display: block;max-width: 100%;width: auto;}

/* 关于我们 */
.us{width: 100%;}
.us .usTop{width: 100%;overflow: hidden;margin-bottom: 60px;}
.us .usTop .le{float: left;width: calc(100% - 550px);}
.us .usTop .le .pic{display: block;height: 102px;width: auto;margin-left: 0;margin-bottom: 103px;}
.us .usTop .le .title{font-size: 36px;color: #333333;position: relative;margin-bottom: 30px;}
.us .usTop .le .title::after{content: '';display: block;width: 52px;height: 4px;background: #efefef;position: absolute;left: 0;top: -60px;}
.us .usTop .le .content{font-size: 18px;color: #343434;line-height: 38px;text-align: justify;}
.us .usTop .ri{float: right;width: 435px;padding-right: 30px;box-sizing: border-box;padding-top: 275px;}
.us .usTop .ri .box{width: 100%;padding: 0 0 10px;border-bottom: 1px solid #e8e8e8;margin-bottom: 40px;}
.us .usTop .ri .box:last-child{margin-bottom: 0;}
.us .usTop .ri .box .text img{float: right;width: auto;margin-top: 5px;}
.us .usTop .ri .box .text p{float: left;font-size: 60px;color: #004D9E;line-height: 80px;}
.us .usTop .ri .box:first-child .text  p{font-size: 80px;}
.us .usTop .ri .box .text p span{display: inline-block;width: 21px;height: 21px;font-size: 14px;color: #FFFFFF;background: #004D9E;border-radius: 21px;text-align: center;line-height: 21px;vertical-align: middle;margin-top: 21px;}
.us .usTop .ri .box .text_en p span{width: 30px;height: 30px;line-height: 30px;}
.us .usTop .ri .box .p18{font-size: 18px;color: #343434;padding-right: 112px;box-sizing: border-box;min-height: 48px;text-align: justify;}

.us .center{width: 100%;margin-bottom: 60px;}
.us .center .content{display: flex;width: 100%;}
.us .center .name{font-size: 34px;color: #000000;font-weight: bold;text-align: center;padding-bottom: 35px;}
.us .center .content{width: 100%;}
.us .center .content .list{float: left;width: 18.75%;height: auto;margin-right: 1.5625%;box-shadow: 0 5px 10px rgba(171, 207,244,.26);transition: .5s;}
.us .center .content .list:last-child{margin-right: 0;}
.us .center .content .list .img{width: 100%;padding-top: 68.51%;position: relative;}
.us .center .content .list .img img{display: block;width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.us .center .content .list p{display: block;padding:21px 18px;font-size: 18px;color: #343434;line-height: 28px;text-align: justify;min-height: 127px;box-sizing: border-box;}
.us .center .content .list:hover{transform: translateY(-20px);}


.us .bot{width: 100%;margin-bottom: 60px;}
.us .bot .name{font-size: 34px;color: #000000;font-weight: bold;text-align: center;padding-bottom: 35px;}
.us .bot .content{width: 100%;}
.us .bot .content .img{float: left;width: 485px;height: auto;}
.us .bot .content .img img{display: block;max-width: 485px;width: auto;height: auto;}
.us .bot .content .text{float: right;width: calc(100% - 575px );position: relative;height: 100%;box-sizing: border-box;}
.us .bot .content .text .posi{font-size: 18px;color: #343434;line-height: 38px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);text-align: justify;padding-right: 50px;}

.us .graph{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 80px}
.us .graph .list{width: calc((100% - 40px)/4);padding-top: 18.54%;position: relative;overflow: hidden;}
.us .graph .list img{display:block;width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50% , -50%);}







/* 我的优势 */
.ys{width: 100%;}
.ys .box{width: 100%;overflow: hidden;margin-bottom: 19px;height: 294px;background: url(../images/ysBg.jpg)no-repeat top;}
.ys .box:last-child{margin-bottom: 0;}
.ys .box .img{float: left;width: 50%;height: 100%;overflow: hidden;}
.ys .box .img img{display: block;width: 100%;height: 100%;}
.ys .box .text{float: right;width: 50%;height: 100%;position: relative;}
.ys .box .text .content{position: absolute;top: 50%;left: 8.33%;transform: translateY(-50%);width: calc(100% - 16.66%);}
.ys .box .text .content .title{font-size: 30px;color: #010101;padding-bottom: 10px;}
.ys .box .text .content .desc{font-size: 18px;color: #343434;line-height: 30px;text-align: justify;}
.ys .box:nth-child(2n) .img{float: right;}
.ys .bor{width: 100%;height: auto;border: 1px solid #407ab6;box-sizing: border-box;padding: 55px 0;text-align: center;font-size: 24px;color: #004D9E;line-height: 36px;}

/* 资质荣誉 */
.zz{width: 100%;}
.zz .img{width: 100%;height: auto;background: url(../images/zzBg.png)no-repeat center;}
.zz .img img{display: block;width: auto;}
.zz .content{width: 100%;}
.zz .content .list{float: left;width: 24.375%;padding-top: 16.875%;position: relative;margin-right: 0.83%;border: 1px solid #ebebeb;box-sizing: border-box;margin-top: 10px;}
.zz .content .list:nth-child(4n){margin-right: 0;}
.zz .content .list img{display: block;width: auto;height: 99%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}

/* 产品中心 */
.column .swiper-container{padding: 0 70px;box-sizing: border-box;}

.column .swiper-container a{width: 100%;box-sizing: border-box;}
.column .swiper-container .swiper-button-next{width: 70px;height: 100%;background: #FFFFFF;right: 0!important;top: 40%!important;}
.column .swiper-container .swiper-button-prev{width: 70px;height: 100%;background: #FFFFFF;left: 0!important;top: 40%!important;}
.column .swiper-container .swiper-button-next::after , .column .swiper-container .swiper-button-prev::after{font-size: 26px;}
.column .swiper-container .active{background: #004D9E;color: #FFFFFF;}

.subproduct{width: 100%;}
.subproduct .img{width: 100%;padding-top: 28.47%;position: relative;margin-bottom: 20px;}
.subproduct .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;height: 100%;}
.subproduct .title{font-size: 30px;color: #004D9E;text-indent: 36px;padding-bottom: 10px;}
.subproduct .content{width: 100%;font-size: 18px;color: #444444;line-height: 30px;text-align: justify;}
.subproduct .content img{display: block;max-width: 100%;margin: 10px 0;width: auto;}
.subproduct .content p{margin-bottom: 8px;}

/* 纯化水 */
.ch{width: 100%;}
.like .top{width: calc(100% - 46px);margin-left: 46px;border: 1px solid #004D9E;box-sizing: border-box;padding: 0 0 48px;margin-top: 41px;}
.like .top .text{width: calc(100% + 46px);margin-left: -46px;height: auto;margin-bottom: 55px;}
.ch .top .text .img{float: left;width: 583px;height: 392px;border: 1px solid #f0f0f0;position: relative;box-sizing: border-box;margin-top: -41px;background: #FFFFFF;}
.like .top .text .img img{display: block;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 99%;}
.ch .top .text .ri{float: left;width: calc(100% - 583px);padding: 30px 30px 0;box-sizing: border-box;}
.like .top .text .ri .textBox{width: 100%;margin-bottom: 30px;}
.like .top .text .ri .textBox .title{font-size: 30px;color: #004D9E;font-weight: bold;padding-bottom: 15px;text-indent: 36px;}
.like .top .text .ri .textBox .desc{font-size: 18px;color: #444444;line-height: 30px;text-indent: 36px;text-align: justify;}

.like .ri .riImg{width: 100%;height: auto;display: flex;margin-bottom: 30px;}
.like .ri .riImg .pic{width: 198px;height: 136px;position: relative;border: 1px solid #f0f0f0;box-sizing: border-box;}
.like .ri .riImg .pic img{display: block;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 99%;height: 99%;}

.ch .top .text .ri .gy{width: 100%;}
.ch .top .text .ri .gy .p18{font-size: 18px;color: #004D9E;padding-bottom: 15px;}
.ch .top .text .ri .gy .box{width: 100%;overflow: hidden;display: flex;}
.ch .top .text .ri .gy .box .list{float: left;}
.ch .top .text .ri .gy .box .list img{float: left;width: auto;margin-right: 12px;}
.ch .top .text .ri .gy .box .list p{float: left;font-size: 16px;color: #333333;line-height: 25px;}

.like .top .down{width: 100%;padding-left: 55px;box-sizing: border-box;}
.like .top .down .p16{font-size: 16px;color: #737373;padding-bottom: 20px;line-height: 26px;}
.like .top .down .p18{font-size: 18px;color: #333333;padding-bottom: 20px;line-height: 30px;}
.like .top .down .p18Blue{font-size: 18px;color: #004d9e;padding-bottom: 10px;margin-top: 10px;}
.like .top .down .text16{font-size: 16px;color: #444444;padding-bottom: 10px;line-height: 26px;text-indent: 32px;}
.like .top .down ul{width: 100%;margin-bottom: 20px;}
.like .top .down ul .half{float: left;width: 50%;}
.like .top .down ul li{font-size: 16px;color: #737373;line-height: 36px;background: url(../images/lxIocn.png)no-repeat left top 50%;text-indent: 19px;}
.like .content{width: 100%;margin-top: 95px;font-size: 18px;color: #333333;line-height: 28px;}
.like .content img{display: block;max-width: 100%;width: auto;}


/* 纯蒸汽 */
.zq .top .text .img{float: left;width: 622px;height: 416px;border: 1px solid #f0f0f0;position: relative;box-sizing: border-box;margin-top: -41px;background: #FFFFFF;}
.zq .top .text .ri{float: left;width: calc(100% - 622px);padding: 30px 30px 0;box-sizing: border-box;}

/* 蒸馏水 */
.zl .top .text .img{float: left;width: 450px;height: 486px;border: 1px solid #f0f0f0;position: relative;box-sizing: border-box;margin-top: -41px;background: #FFFFFF;}
.zl .top .text .ri{float: left;width: calc(100% - 450px);padding: 30px 30px 0;box-sizing: border-box;}

/* 洁净管道 */
.jjgd .top{padding-bottom: 0;}
.jjgd .top .text{margin-bottom: 0;}
.jjgd .top .text .img{float: left;width: 364px;height: 364px;border: 1px solid #f0f0f0;position: relative;box-sizing: border-box;margin-top: -41px;background: #FFFFFF;}
.jjgd .top .text .ri{float: left;width: calc(100% - 364px);padding: 30px 30px 0;box-sizing: border-box;}

/* 分配系统 */
.fp .top .text .img{float: left;width: 583px;height: 413px;border: 1px solid #f0f0f0;position: relative;box-sizing: border-box;margin-top: -41px;background: #FFFFFF;}
.fp .top .text .ri{float: left;width: calc(100% - 583px);padding: 30px 30px 0;box-sizing: border-box;}
.fp .ri .riImg{display: block;overflow: hidden;}
.fp .ri .riImg .pic{float: left;margin-right: 20px;} 
.fp .ri .riImg .pic:last-child{margin-right: 0;}
.fp .boxImg{display: block;width: 100%;}
.fp .boxImg2{float: right;width: auto;width: 50%;}
.fp .boxLe{float: left;width: 50%;}
.fp .boxLe img{display: block;margin-left: 0;width: auto;}