@charset "utf-8";
@font-face {
    font-family: w01;
    src: url(../font/w01.ttf);
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.w92{width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}



/*header s*/
body{padding-top: 150px;transition: all .4s;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;background: #f6f6f6;}
.header .w92{height: 150px;transition: all .4s;}
.logo{position: absolute;left: 4%;top:50%;transform: translateY(-50%);
    /*margin-left: 80px;*/
}
.logo img{display: block;height: 107px;transition: all .4s;}
.nav-box{transition: all .4s;margin-right: 370px;margin-left: 220px;padding-top: 40px;}
.nav li{float: left;margin-right: 60px;}
.nav li:last-child{margin-right: 0;}
.nav-yi{display: inline-block;color: #4d4d4d;line-height: 110px;font-size: 16px;transition: all .2s;position: relative;z-index: 3;font-weight: bold;}
.nav-yi:after{position: absolute;z-index: -1;bottom:25px;left: 50%;transform: translateX(-50%); height: 1px;background: #000;width:0;content: "";transition: all .4s;}
.nav li.active .nav-yi:after{width: 100%;}
.nav li.active .nav-yi{color: #000;}
.nav li:nth-child(4) .nav-er{width: 220px;margin-left: -110px;}
.nav-er{position: absolute;width: 160px;left: 50%;margin-left: -80px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;}
.nav-er a{display: block;background: #fff;text-align: center;line-height: 44px;text-transform: uppercase;font-size: 14px;}
.header-area{position: absolute;right: 4%;top:28px;text-align: right;transition: all .4s;}
.header-area-top{margin-bottom: 25px;transition: all .4s;}
.tel{font-size: 16px;color: #000;}
.search-box{width: 210px;height: 25px;border:1px solid #dfdfdf;border-radius: 25px;transition: all .4s;position: relative;display: inline-block;vertical-align: middle;}
.language{display: inline-block;vertical-align: middle;margin-left: 15px;}
.language span,.language a{display: inline-block;color: #9b9b9b;vertical-align: middle;}
.language span{margin: 0 8px;font-size: 10px;}
.search-text{margin-right: 35px;position: relative;}
.search-text:after{content: '';position: absolute;height: 10px;right: 0;top:50%;margin-top: -5px;border-right: 1px solid #e5e5e5;}
.search-text input{display: block;width: 100%;height: 25px;line-height: 25px;text-indent: 1em;border-radius: 25px;background: none;}
.submit{position: absolute;width: 35px;height: 100%;top:0;right: 0;background: url("../images/search.png") no-repeat center;background-size: cover;}
.nav-hide{position: absolute;width: 100%;left: 0;background: #eee;border-top: 9px solid #000;padding: 30px 0;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.31);transition: all .4s;opacity: 0; transform-origin: top;z-index: -1;pointer-events: none;transform: scaleY(0);}
.nav-hide a{float: left;width: 23.5%;margin-right: 2%;background: #fff; border-radius: 10px;overflow: hidden;text-align: center;}
.nav-hide a p{line-height: 52px;font-size: 20px;color: #403f3f;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;left: 4%;top:80px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger{height: 2px; background: #000; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
#menu-handler{transition: all .4s;}
#menu-handler2{display: none;}

.index-body .header{background: #fff;}
body.is-scroll{padding-top: 90px;}
.is-scroll .header{box-shadow: 0 1px 2px #ddd;}
.is-scroll .header .w92{height: 90px;}
.is-scroll .nav-box{padding-top: 0;}
.is-scroll .nav-yi{line-height: 90px;}
.is-scroll .logo img{height: 68px;}
.is-scroll #menu-handler{top:35px;}
.is-scroll .header-area{top:15px;}
.is-scroll .header-area-top{margin-bottom: 10px;}

.is-scroll .nav-box{margin-left: 147px;}
/*header e*/
/*index s*/
.btn-left-style{display: inline-block;width: 54px;height: 17px;background: url("../images/left.png") no-repeat center;background-size: cover;transition: all .4s;}
.btn-right-style{display: inline-block;width: 54px;height: 17px;background: url("../images/right.png") no-repeat center;background-size: cover;transition: all .4s;}
a.btn-right-style:hover{transform: translateX(10px);}
a:hover .btn-right-style{transform: translateX(10px);}
.bannerBtn div{position: absolute;top:50%;margin-top: -8px;z-index: 9;cursor: pointer;}
.bannerBtn1{left: -27px;}
.bannerBtn2{right: -27px;}
.bannerDot{position: absolute;bottom:25px;left: 0;text-align: center;z-index: 9;width: 100%;}
.bannerDot .swiper-pagination-bullet{width: 16px;height: 19px;background: url("../images/dot.png") no-repeat center;background-size: cover;border-radius: 0;opacity: 1;margin: 0 8px;}
.bannerDot .swiper-pagination-bullet-active{background: url("../images/dot1.png") no-repeat center;background-size: cover;}
.about-img{width: 60%;}
.about-con{width: 35%;padding-top: 50px;}
.title20{margin-bottom:40px;}
.title20 span{display: inline-block;font-size: 20px;color: #000;margin-right: 10px;}
.title20 .title-en{font-size: 18px;color: #191919; text-transform:uppercase;font-family: w01;}
.title-cn{text-transform:uppercase;font-family: w01;}
.size36{font-size: 36px;color: #000;}
.margin-b60{margin-bottom: 60px;}
.padding-b60{padding-bottom: 60px;}
.des16 p{font-size: 16px;color: #5a5a5a;}
.about-des p{margin-bottom: 25px;}
.process li{float: left;width: 45%;}
.process li:nth-child(1){width: 52%;margin-right: 3%;}
.process li:nth-child(2) .process-bot{margin-left: 18%;padding-left: 50px;}
.process-bot{margin-top: 40px;}
.process-bot p{font-size: 16px;color: #5a5a5a;margin: 20px 0 50px;}
.zindex5{position: relative;}
.process-bg{background: #f3f3f3;position: absolute;left: 0;top:0;height: 100%;width:62%;z-index: -1;}
.zindex5{z-index: 5;}
.prohide{background: rgba(0,0,0,.7);opacity: 0;transition: all .4s;}
.proplay .swiper-slide .i{left: 30px;top:30px;right: 30px;bottom:30px;border:2px solid #fff;position: absolute;content: "";}
.prohide-warp{margin: 40px;text-align: center;}
.prohide-warp p{color: #fff;font-size: 20px;}
.proplay .swiper-slide:hover .prohide{opacity: 1;}
.procontrol{position:absolute;right: 0;bottom:0;}
.proBtn{width: 106px;height: 30px;border:1px solid #dedede;display: inline-block;vertical-align: middle;}
.proNum{display: inline-block;vertical-align: middle;margin-right: 10px;}
.proNum span{font-size: 18px;color: #7c7b7b;}
.proNum span.curpage{color: #000;}
.proBtn{position: relative;}
.proBtn div{width: 54px;height: 17px;position: absolute;top:50%;margin-top: -8px;cursor: pointer;transition: all .4s;opacity: 0.6;}
.proBtn1{background: url("../images/left.png") no-repeat center;background-size: cover;left: 20px;}
.proBtn2{background: url("../images/right.png") no-repeat center;background-size: cover;left: 74px;}
.proBtn div:hover{opacity: 1;}
.hzkh{height: 690px;}
.hzkh-con{background: rgba(255,255,255,.16);width: 43.5%;border:1px solid rgba(255,255,255,.59);margin-right: 8%;}
.hzkh-warp{margin: 22px;background: #eaeaea;padding: 50px 60px;}
.partner{display: flex;flex-wrap: wrap;}
.partner li{float: left;width: 30%;margin-right: 5%;border:1px solid #d2d2d2;box-sizing: border-box;margin-top: 5%;transition: all .4s;}
.partner li:nth-child(3n){margin-right: 0;}
.partner li:nth-child(1){margin-top: 0;}
.partner li:nth-child(2){margin-top: 0;}
.partner li:nth-child(3){margin-top: 0;}
.partner li .img100{filter: grayscale(1);transition: all .4s;opacity: 0.5;}
.partner li:hover{background: #fff;}
.partner li:hover .img100{filter: grayscale(0);opacity: 1;}

/*index e*/
/*footer s*/
.footer-top{background: url("../images/footer-bg.jpg") no-repeat center;background-size: cover;padding: 65px 0 335px;}
.footer-right{margin-left: 286px;margin-right: 286px;text-align: center;}
.logo2{width:122px;margin: 0 auto 50px;}

.footer-nav dl{display: inline-block;margin: 0 18px;position: relative;}
.footer-nav dl:after{content: "";position: absolute;right: -18px;top:50%;height: 20px;margin-top: -10px;border-right: 1px solid #999;}
.footer-nav dl:last-child:after{display: none;}
.footer-nav dl dt a{font-size: 16px;color: #666;font-weight: bold;}
.footer-nav dl dd{margin-bottom: 8px;}
.footer-nav dl dd a{color: #666;transition: all .4s;}
.footer-nav dl dd a:hover{color: #000;}

.fx{font-size: 0;text-align: right;margin-bottom: 22px;}
.fx a{font-size: 14px;display: inline-block;vertical-align: middle;width: 33px;height: 33px;border:1px solid #b1b1b1;position: relative;margin-left:8px;}
.fx-wx i{background: url("../images/fx1.png") no-repeat center;background-size: cover;}
.fx-in i{background: url("../images/in.png") no-repeat center;background-size: cover;}
.fx-qq i{background: url("../images/fx2.png") no-repeat center;background-size: cover;}
.fx-face i{background: url("../images/fx3.png") no-repeat center;background-size: cover;}
.fx-link i{background: url("../images/fx4.png") no-repeat center;background-size: cover;}
.fx-to i{background: url("../images/fx5.png") no-repeat center;background-size: cover;}
.footer-r{position: absolute;right: 0;top:0;}
.youqing{width: 264px;height: 34px;border:1px solid #000;}
.yq-i{position: absolute;height: 100%;top:0;right: 0;width: 34px;background:#000 url("../images/bot.png") no-repeat center;background-size: cover;}
.yq-val{margin-right: 40px;margin-left: 20px;line-height: 34px;}
.footer-bot{background: #cfcfcf;text-align: center;padding: 21px 0;}
.footer-bot span,.footer-bot a{display: inline-block;vertical-align: middle;color: #494949;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.yvlist{position: absolute;width: 100%;left: 0; top:36px;background: #cfcfcf;display: none;max-height: 240px;}
.yvlist a{display: block;padding: 0 20px;line-height: 30px;}
.yvlist a:hover{background: #333;color: #fff;}
.youqing{cursor: pointer;}
/*footer e*/
/*2.1企业简介 s*/
.bge2{background: #e2e2e2;}
.position-warp{padding: 12px;min-height: 98px;}
.position-top{line-height: 55px;border-bottom: 1px solid #a5a5a5;}
.position-top a{margin-right: 10px;}
.position-top a img{vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.position-bot{font-size: 0;padding: 20px 0;margin-top: 20px;}
.position-bot a{display: inline-block;width: auto;padding: 0 15px; line-height: 34px;border-radius: 4px;text-align: center;position: relative;font-size: 15px;color: #444;margin-right: 20px;transition: all .4s;}
.position-bot a.active{background: #000;color: #fff;}
.position-bot a:hover{background: #000;color: #fff;}
.position-bot a:after{content: "";position: absolute;top:50%;right: -10px;border-right: 1px solid #999;height: 12px;margin-top: -6px;}
/*.position-bot a.active:after{display: none;}*/
/*.position-bot a:hover:after{display: none;}*/
.position-bot a:last-child:after{display: none;}
.position .i{position: absolute;background: #f6f6f6;left: 0;height: 90px;top:0;z-index: -1;width: 100%;}
.gsjj-img{width: 50%;}
.gsjj-con{width: 43%;padding-top: 25px;}
.gsjj-title{border-bottom: 2px solid #e9e5df;margin-bottom: 50px;}
.gsjj-title h3{display: inline-block;font-size: 30px;color: #010101;border-bottom: 2px solid #eaa327;padding-bottom: 20px;margin-bottom: -2px;}
.gsjj-des p{margin-bottom: 40px;line-height: 2em;}
.gsjj-des p:last-child{margin-bottom: 0;}
.title36 h2{font-size: 36px;}
.title36 span{font-size: 36px;color: #a5a5a5;text-transform: uppercase;display: block;margin-top: 5px;}
.ys{padding: 60px 0;}
.title36-fff h2{color: #fff;}
.ys-img{width: 56.36%;}
.ys-con{width:37%;}
.ys-list li{margin-top: 50px;}
.ys-list li:nth-child(odd) .ys-img{float: right;}
.ys-list li:nth-child(even) .ys-img{float: left;}
.ys-list li:nth-child(odd) .ys-con{float: left;text-align: right;}
.ys-list li:nth-child(even) .ys-con{float: right;}
.ys-list li:nth-child(odd) .ys-des{}
/*.ys-list li:nth-child(even) .ys-des{padding-left: 70px;}*/
.ys-des{width: 530px;max-width: 100%;display: inline-block;box-sizing: border-box;}
.ys-des p{font-size: 18px;color: #5a5a5a;}
.title-num{display: inline-block;position: relative;margin: 20px 0;}
.title-num span{font-size: 120px;color: #c6c6c6;font-style: italic;line-height: 1em;display: inline-block;}
.title-num h3{background: #fff;font-size: 26px;color: #000;}
/*2.1企业简介 e*/
/*.2.2经营理念 s*/
.title30{margin-bottom: 40px;}
.title30 h2{font-size: 30px;}
.title30 p{font-size: 16px;color: #5a5a5a;margin: 15px auto 0;width: 1256px;max-width: 100%;}
.zq{height: 344px;position: relative;}
.zq li{position: absolute;height: 100%;top:0;width: 28.14%;}
.zq li:nth-child(1){background: url("../images/zqbg1.png") no-repeat center;background-size: 100% 100%;left: -1.45%;}
.zq li:nth-child(2){background: url("../images/zqbg2.png") no-repeat center;background-size: 100% 100%;left: 23.5%;}
.zq li:nth-child(3){background: url("../images/zqbg3.png") no-repeat center;background-size: 100% 100%;right: 23.5%;}
.zq li:nth-child(4){background: url("../images/zqbg4.png") no-repeat center;background-size: 100% 100%;right: -1.4%;}
.zq-box:before{content: "";height: 100%;width: 19.86%;background: url("../images/line1.png") no-repeat center;background-size: 100% 100%;right: 98.2%;position: absolute;top:0;}
.zq-box:after{content: "";height: 100%;width: 19.86%;background: url("../images/line2.png") no-repeat center;background-size: 100% 100%;left: 98.2%;position: absolute;top:0;}
/*.zq-box{margin-left: 2.85%;}*/
.zq-con{width: 200px;height: 200px;box-sizing: border-box;border:1px dashed #eaa327;border-radius: 100%;position: absolute;left: 50%;margin-left: -100px;}
.zq-warp{text-align: center;position: absolute;top:12px;right: 12px;bottom: 12px;left: 12px;background: #eaa327;border-radius: 100%;}
.zq-warp p{color: #fff;font-size: 15px;}
.zq-warp img{width: 64px;max-width: 60%;}
.zq li:nth-child(odd) .zq-con{bottom:10%;}
.zq li:nth-child(even) .zq-con{top:10%;border-color: #e8cb2d;}
.zq li:nth-child(even) .zq-warp{background: #e8cb2d;}
.yj{font-size: 0;padding-top: 100px;}
.yj li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;font-size: 14px;text-align: center;background: #ebebeb;border-top: 1px solid #ebebeb;}
.yj li:last-child{margin-right: 0;}
.yj-bot{padding: 30px;}
.yj-bot h3{border-bottom: 1px dashed #a4a4a4;font-size: 30px;color: #2c2b2b;margin-bottom: 10px;padding-bottom: 10px;}
.yj-bot p{line-height:2em;font-size: 16px;color: #5a5a5a;}
.yj-img{width: 252px;height: 200px;border-radius: 100%;position: relative;background: #fff;overflow: hidden;margin: -100px auto 0;}
.yj-img .i{position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;}
/*.2.2经营理念 e*/
/*2.3解决方案 s*/
.padding-b80{padding-bottom: 80px;}
.moshi li{width: 46%;margin-right: 8%;float: left;margin-top: 1.4%;position: relative;}
.moshi li:nth-child(even){margin-right: 0;}
.moshi li:nth-child(1){background: url("../images/msbg1.jpg") no-repeat center;background-size: 100% 100%;margin-top: 0;}
.moshi li:nth-child(2){background: url("../images/msbg2.jpg") no-repeat center;background-size: 100% 100%;margin-top: 0;}
.moshi li:nth-child(3){background: url("../images/msbg3.jpg") no-repeat center;background-size: 100% 100%;}
.moshi li:nth-child(4){background: url("../images/msbg4.jpg") no-repeat center;background-size: 100% 100%;}
.moshi-title{width: 17%;height: 78%;background: url("../images/moshi-bg.png") no-repeat center;background-size: 100% 100%;position: absolute;z-index: 9;text-align: center;left: 41.5%;top:11%;}
.moshi-title h3{font-size: 20px; text-transform: uppercase; color: #171717;}
/*2.3解决方案 e*/
/*3.1生产介绍 s*/
.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1440px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.play{width: 96px;height: 96px;background: url("../images/play.png") no-repeat center;background-size: cover;position: absolute;top:50%;left: 50%;margin: -48px 0 0 -48px;}
.rz li{float: left;width: 32%;margin-right: 2%;box-sizing: border-box;border:1px solid #bababa;}
.rz li:last-child{margin-right: 0;}
/*3.1生产介绍 e*/
/*3.2可持续发展 s*/
.kcx{position: relative;}
.kcx li{width: 23.18%;float: left;position: relative;margin-right: 0.58%;margin-bottom: 0.78%;overflow: hidden;}
.kcx li:nth-child(1){width: 70.73%;margin-right: 20%;}
.kcx li:last-child{width: 28.18%;position: absolute;top:0;right: 0;margin-right: 0;}
.kcx-des{position: absolute;left: 0;top:80px;width: 240px;border:1px solid #fff;text-align: center; background: rgba(255,255,255,.75);border-top-right-radius: 20px;border-bottom-right-radius: 20px;padding:10px 20px;}
.kcx-des p{color: #010101;font-size: 20px;height: 3.2em;display: flex;align-items: center;}
.kcx li:nth-child(1) .kcx-des p{}
.kcx li:last-child .kcx-des p{}
.padding-tb30{padding-bottom: 30px;}
/*3.2可持续发展 e*/
/*3.3品质管控 s*/
.ys-list2 li:nth-child(even) .ys-img{float: right;}
.ys-list2 li:nth-child(odd) .ys-img{float: left;}
.ys-list2 li:nth-child(even) .ys-con{float: left;}
.ys-list2 li:nth-child(odd) .ys-con{float: right;text-align: left;}
.ys-list2 li:nth-child(2) .title-num h3{width: 290px;}
/*.ys-list2 li:nth-child(3) .title-num h3{font-size: 36px;width: 380px;}*/
.ys-list2 li:nth-child(2) .ys-des{margin-top: 60px;font-size: 0;}
.ys-list2 li:nth-child(3) .ys-des{margin-top: 40px;}
.ys-list2 li:nth-child(2) .ys-des p{display: inline-block;width: 190px;max-width:48%;margin: 0 1%;text-align: center;}
.ys-list2 li:nth-child(odd) .ys-des{padding-left: 70px;}
.ys-list2 li:nth-child(even) .ys-des{padding-left: 0;}
/*3.3品质管控 e*/
/*4.1产品中心2 s*/
.tuiche{font-size: 0;}
.tuiche li{display: inline-block;vertical-align: top;font-size: 14px; width: 15%;margin-right: 2%;margin-bottom: 25px;}
.tuiche li:nth-child(6n){margin-right: 0;}
.tuiche li p{font-size: 14px;color: #393939;margin-top: 15px;}
.fwbz p{font-size: 18px;margin-top: 30px;}
.range li{float: left;width: 48.5%;margin-right: 3%;}
.range li:nth-child(even){margin-right: 0;}
.range h3{font-size: 24px;margin: 25px 0;}
.range p{font-size: 18px;color: #393939;}
.cp1{width: 53.85%;}
.cp1 li{float: left;width: 45%;margin-right: 5%;margin-bottom: 40px;}
.cp2{width: 46.15%;}
.cp-box p{font-size: 18px;margin-top: 20px;color: #000;}
/*4.1产品中心2 e*/
/*4.2产品中心详情2 s*/
.cpxq-img{width: 40%;}
.cpxq-img .swiper-wrapper{display: block;}
.xpxqplay{margin-left: 110px;}
/*.xpxqplay .swiper-container{height: 750px;}*/
.cpdot{position: absolute;top:0;height: 100%;left: 0;}
.cpdots .swiper-pagination-bullet{display: block;width: 16px;height: 16px;opacity: 1;background: none;border:1px solid #9a9a9a;margin: 10px 0;cursor: pointer;}
.cpdots .swiper-pagination-bullet-active{background: #909090;border-color: #909090;}
.swiperDot{margin-top: 50px;}
.swiperDot .swiper-pagination-bullet{;width: 10px;height: 10px;opacity: 1;background: none;border:1px solid #9a9a9a;margin: 0 8px;}
.swiperDot .swiper-pagination-bullet-active{background: #909090;border-color: #909090;}
.cpxq-con{width: 52%;padding-top: 25px;}
.cpxq-con .gsjj-title{margin-bottom: 30px;}
.cpxq-con h4{font-size: 20px;color: #0e0e0e;}
.cpxq-con .des16 p{margin-top: 30px;}
.cpxx-title{border-bottom: 1px dashed #9b9b9b;padding-bottom: 12px;}
.cpxx-title h5{font-size: 18px;color: #0e0e0e;}
.cpxx li{float: left;width: 32%;margin-right: 1.33%;color: #0e0e0e;font-size: 16px;margin-top: 25px;}
.cnxh-title{margin-bottom: 50px;}
.cnxh-title h2{display: inline-block;background: #fff;position: relative;z-index: 3;font-size: 24px;color: #010101;padding: 0 30px;}
.cnxh-title:before{left: 0;top:50%;width: 100%;border-bottom: 1px solid #ececec;position: absolute;content: "";}
.xh-bot{margin-top:40px;position: relative;}
.xh-bot p{font-size: 18px;color: #000;margin-right: 70px;}
.xh-bot .i{top:5px;right: 5px;position: absolute;}
/*4.2产品中心详情2 e*/
/*5.1公司动态 s*/
.hot-img{width: 50.2%;}
.hot-con{width: 44%;}
.hot-title{padding: 30px 0;}
.hot-title h3{font-size: 24px;color: #000;margin-bottom: 15px;}
.hot-title span{color: #8b8a8a;}
.hot-des p{line-height: 2em;}
.news li{float: left;width: 48.5%;box-sizing: border-box;margin-right: 3%;border:1px solid #c4c4c4;margin-bottom: 2%;transition: all .4s;}
.news li:hover{border-color: #eaa327;}
.news li:hover h3{color: #eaa327;}
.news li:nth-child(even){margin-right: 0;}
.news li a{display: block;padding:30px 40px;}
.new-time{position: absolute;top:0;left: 0;text-align: center;}
.new-con{margin-left: 150px;}
.new-time span{font-size:48px;color:#3e3d3d;line-height: 1em;display: block;}
.new-time p{font-size:16px;color:#6f6f6f;margin-top: 12px;}
.new-con h3{font-size: 18px;color: #000;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.new-con p{color: #878787;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new-con{position: relative;}
.new-con:before{content: '';position: absolute;height: 80px;top:0;left: -44px;border-left: 1px solid #c1c1c1;}
.page-box{border-top: 1px solid #e5e5e5;margin-top: 60px;padding-top: 40px;}
.page{text-align: center;}
.page{text-align: center;font-size: 0;}
.page a{font-size: 14px;line-height: 30px;border:2px solid #e5e5e5;color: #515151;display: inline-block;margin: 0 6px;width: 34px;text-align: center;}
.page a.page-btn{width: 106px;background: #e5e5e5;}
.page a.active{background: #333;color: #fff;border-color: #333;}
.page a:hover{background: #333;color: #fff;border-color: #333;}
/*5.1公司动态 e*/
.w92 .w1200{max-width: 100%;}
/*5.3资料下载 s*/
.djxz div{display: inline-block;vertical-align: middle;}
.djxz span{display: inline-block;vertical-align: middle;font-size: 18px;color: #000;border-bottom: 1px solid #666;padding-bottom: 10px;margin-left: 5px;}
.xzan{width: 50px;}
.xzan img{transition: all .4s;vertical-align:bottom;width: 100%;}
.news .xzan img{filter: grayscale(1);}
.news a:hover .xzan img{filter: grayscale(0);}
/*5.3资料下载 e*/
/*5.2公司动态详情 s*/
.xqxq-top{border-bottom: 1px dashed #9c9c9c;padding-bottom: 15px;}
.xqxq-top h1{font-size: 24px;color: #010101;margin-bottom: 45px;}
.xqxq-top span{display: inline-block;font-size: 12px;color: #5a5a5a;margin: 0 45px;}
.edit{padding: 30px 0;}
.edit p{font-size: 16px;color: #5a5a5a;margin-bottom: 25px;}
.edit img{display: block;max-width: 100%;height: auto !important;margin: 30px auto;}
.xwxq-fy a{color: #898888;transition: all .4s;}
.xwxq-fy{border-top: 1px solid #e5e5e5;padding-top: 15px;}
.xwxq-fy p{margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xwxq-fy a:hover{color: #333;}
.tjxw-title{border-bottom: 1px dashed #c1c1c1;margin-bottom: 50px;padding-bottom: 20px;}
.tjxw-title h2{position: relative;z-index: 3;font-size: 24px;color: #010101;}
.tjxw-bot{margin-top: 30px;}
.tjxw-bot p{font-size: 18px;color: #000000;}
.tjxw-bot span{font-size: 12px;color: #8b8a8a;display: block;margin: 10px 0 15px;}
/*5.2公司动态详情 e*/
/*6.1联系我们 s*/
.der{font-size: 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.lxwm-page{display: inline-block;vertical-align: top;background: #fff;font-size: 14px;width: 49%;margin-right: 2%;box-sizing: border-box;padding: 30px 60px 60px;}
.lxwm-page:nth-child(2){margin-right: 0;}
.lxfs{font-size: 0;}
.lxfs li{text-align: center;font-size: 14px;display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;padding: 0 2%;margin-top: 25px;margin-bottom: 25px}
.lxfs li .i{width: 60px;max-width: 50%;}
.lxfs li h5{font-size: 20px;color: #000;margin: 22px 0 30px;}
.lxfs li p{font-size: 18px;color: #4e4e4e;line-height: normal;}
.lxfs li span{font-size: 16px}
.lxfs li .img100{width: 133px;margin: 0 auto 10px;max-width: 100%;}
.lxfs li .i-sm{width: 20px; display: inline-block;vertical-align: middle;margin-right: 5px;}

.qr{max-width: 100%;margin: 0 auto;text-align: center;font-size: 0;}
/*.qr li{width: 40%;margin-right: 20%;float: left;text-align: center;}*/
/*.qr li:nth-child(2){margin-right: 0;}*/
.qr li{display: inline-block;margin: 0 20px;vertical-align: top;font-size: 14px;}
.qr li .img100{width: 133px;margin: 0 auto;}
.qr li p{color: #626262;margin-top: 20px;}
.qr li p img{width: 20px; display: inline-block;vertical-align: middle;margin-right: 5px;}
.margin-b80{margin-bottom: 80px;}
.input-list{float: left;width: 48%;margin-right: 4%;margin-bottom: 25px;}
.input-list:nth-child(even){margin-right: 0;}
.input-text{border:1px solid #c4c4c4;}
.input-text .text{display: block;width: 100%;height: 38px;line-height: 38px;text-indent: 1em;}
.input-list-full{width: 100%;margin-right: 0;}
.textarea{padding: 8px 1em;}
.textarea textarea{width: 100%; display: block;resize: none;height: 200px;}
.queding{display: block;width: 140px;height: 48px;box-sizing: border-box;line-height: 48px;border:1px solid #c4c4c4;background: #000;font-size: 20px;color: #fff;text-align: center;}
/*6.1联系我们 e*/
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}

.wap-wxcode{position: absolute;width: 290px;top: 35px;right: -44px; z-index: 9;display: none;}
a:hover .wap-wxcode{display: block;}
.fx-link{cursor: default;}
.fx-link i{cursor: pointer;}
.wap-wxcode-con{background: #fff;padding:15px;border-radius: 6px;}
.wap-wxcode-bot{position: relative;}
.inszh{position: absolute;top:0;left: 0;line-height: 32px;}
.wxname{display: block;border:1px solid #666;margin-left: 78px;line-height: 32px;margin-right: 60px;}
.copy-btn{display: block;position: absolute;right: 0;top:0;line-height: 34px;background: #000;color: #fff;border:none;width: 60px;cursor: pointer;}
.cpfl-title{border-bottom: 1px dashed #ddd;padding-bottom: 15px;margin-bottom: 25px;font-size: 18px;}
.cpfl{margin-top: 30px;margin-bottom: 0;}

.bgf0{background: #f0f0f0;}
.ssbox{width: 730px;max-width: 100%;background: #fff;margin: 0 auto;}
.ssbox .text{display: block;width: 100%;height: 55px;text-indent: 1em;font-size: 16px;}
.ssbox .submit{background-image: url("../images/ss.png");position: absolute;width: 70px;height: 100%;right: 0;top:0;background-color: transparent;cursor: pointer;}
.ssjg-a{border-bottom: 1px solid #eaeaea;}
.ssjg-a a{float: left;line-height: 70px;margin-right: 45px;position: relative;transition: all .4s;font-size: 16px;}
.ssjg-a a:after{content: '';position: absolute;left: 50%;transform: translateX(-50%); width: 0;bottom:0;border-top: 1px solid #333;transition: all .4s;}
.ssjg-a a:last-child{margin-right: 0;}
/*.ssjg-a a.active{font-weight: bold;}*/
.ssjg-a a.active:after{width: 100%;}
.ssjg-a a:hover:after{width: 100%;}
.ssjg-cons{display: none;min-height: 300px;}
.ssjg-cons.active{display: block;}

.maodian{position: absolute;left: 0;top:-90px;}


.zp-top{background: #eee;}
.zp-clo6{font-size: 0;}
.zp-clo6 span{display: inline-block;vertical-align: middle; font-size: 14px;width: 16.66%;box-sizing: border-box;text-align: center;padding: 17px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zp-list li.active .zp-clo6 span{white-space: normal;}
.zp-list li{border-bottom:1px solid #eee;}
.zp-control{position: relative;cursor: pointer;}
.zp-con{padding:25px 50px;position: relative;display: none;background: #f8f8f8;}
.zp-page{margin-bottom: 25px;}
.zp-page h5{font-size: 14px;margin-bottom: 5px;}
.zp-page p{color: #666;line-height: 1.8em;}
.sqzw{width: 177px;line-height: 40px;border-radius: 4px; text-align: center;color: #fff;background: #333;display: block;}
.closezw{width: 16px;height: 16px;position: relative;display: inline-block;}
.closezw:before{width: 100%;content: '';position: absolute;top:50%;left: 0;margin-top: -1px;background: #bfbfbf;height: 2px;}
.closezw:after{width: 2px;content: '';position: absolute;top:0;left: 50%;margin-left: -1px;background: #bfbfbf;height: 100%;transition: all .4s;}
li.active .closezw:after{transform: rotate(90deg);}





.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover,.xpxqplay .swiper-slide .position-full{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.kcx-des{animation-delay: 500ms !important;}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}