@charset "utf-8";
@import url(base.css);
.zl{width: 100%;padding: 0 8.4%;box-sizing: border-box;overflow: hidden;}
.header{width: 100%;height: 115px;background: transparent;position: fixed;top: 0;left: 0;z-index: 1000;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headercon{width: 100%;border-bottom: 1px solid #fff;box-sizing: border-box;height: 115px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerleft{float: left;padding-top: 35px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerleft a{display: block;}
.headerleft a img{display: block;max-width: 100%;}
.headeright{float: right;}
.headeright>ul>li{float: left;margin-right: 34px;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{display: block;font-size: 20px;color: #fff;letter-spacing: 1px;line-height: 115px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdown{width: 100%;position: absolute;top: 115px;left: 0;background: #fff;display: none;}
.headerdown .zl{overflow: inherit;}
.headerdowncon{width: 100%;margin: 0 auto;padding: 28px 0 44px 0;box-sizing: border-box;}
.headerdleft{float: left;width: 22%;border-right: 1px solid #E6E6E6;box-sizing: border-box;margin-right: 8%;
padding: 44px 0 28px 0;}
.headerdleft a{display: table;font-size: 16px;color: #666;font-weight: 500;margin-bottom: 28px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.headerdleft a:last-child{margin-bottom: 0;}
.headerdleft a span{font-size: 24px;}
.headerdleft a:hover{color: #333;}
.headerdleft a.active{color: #333;}
.headerdright{float: left;width: 70%;}
.headerdrightlist{width: 100%;display: none;}
.headerdrightlist:first-child{display: block;}
.headerdrightlist ul li{float: left;width: 24%;margin-right: 1.33%;padding-top: 44px;box-sizing: border-box;}
.headerdrightlist ul li:last-child{margin-right: 0;}
.headerdrightlist ul li a{display: block;width: 100%;}
.headerdrightlistimg{width: 180px;height: 180px;margin: 0 auto 16px;overflow: hidden;}
.headerdrightlistimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdrightlistext{width: 100%;}
.headerdrightlistext p{font-size: 16px;color: #262626;font-weight: 400;text-align: center;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerdrightlist ul li a:hover .headerdrightlistext p{color: #027DB4;}
.headerdrightlist ul li a:hover .headerdrightlistimg img{-webkit-transform: scale(1.1);transform: scale(1.1);}
/* .headerdownconter{width: 100%;} */
.headerdownconter{width: auto;float: right;}
.headerdownconter h4{float: left;font-size: 16px;color: #000;font-weight: bold;margin-right: 40px;position: relative;
padding: 0 15px;box-sizing: border-box;line-height: 60px;}
.headerdownconter h4 a{color:#000;}
.headerdownconter h4:before{content: '';width: 1px;height: 24px;background: #000;position: absolute;top: 18px;right: -22px;}
.headerdownlist{float: left;}
.headerdownlist>ul>li{float: left;margin-right: 24px;position: relative;height: 60px;}
.headerdownlist>ul>li>a{display: block;font-size: 16px;color: #333;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
padding: 0 15px;box-sizing: border-box;line-height: 60px;}
.headerdownlist>ul>li>a i{display: inline-block;width: 16px;height: 16px;background: url(../images/down.png) center no-repeat;vertical-align: -3px;}
.headerdownlist>ul>li:last-child{margin-right: 0;}
.headerdownlist>ul>li>a:hover{color: #027DB4;}
.headerlisted{position: absolute;top: 60px;left: 50%;background: #fff;border-top: 2px solid #027DB4;box-sizing: border-box;width: 115px;
box-shadow:0px 8px 10px 0px rgba(0,0,0,0.15);border-radius: 0 0 2px 2px;margin-left: -57.5px;display: none;}
.headerlisted a{display: block;font-size: 14px;text-align: center;color: #333;font-weight: 500;line-height: 30px;
padding: 5px 10px;box-sizing: border-box;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerlisted a:last-child{border-radius: 0 0 2px 2px;}
.headerlisted a:hover{color: #027DB4;}
.header.active{background: rgba(0,0,0,0.6);height: 80px;}
.header.active .headercon{border-bottom: 0;height: 80px;}
.header.active .headercon .headerleft{padding-top: 18px;}
.header.active .headercon .headeright>ul>li>a{line-height: 80px;}
.header.active .headerdown{top: 80px;}
/* 手机端 */
.nav{width: 100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;}
.navleft{float: left;width: 20%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #002B60;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #407aab;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobilenav>div>span{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;background-color: #5e83a2;}
.mobilenav>div>span i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav>.on>span i{transform: rotate(90deg);}
.mobilenav>div>ul>li>a{display: block;font-size: 14px;font-family: chainRegular;color: #fff;padding: 9px 15px 9px 35px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;}
.mobileerji{display: none;}
.banner{width: 100%;}
.bannercon{width: 100%;height:auto !important;}
.bannercon ul li{width: 100%;height:auto !important;}
.bannercon ul li a{display: block;width: 100%;height:auto !important;}
.bannercon ul li a video{display: block;outline: none;width: 100%;height: 100%;object-fit: cover;}
.bannercon ul li a img{display: block;width: 100%;margin: 0 auto;}
.bannertext{width: 100%;padding-left: 8.4%;box-sizing: border-box;position: absolute;top: 25%;left: 0;}
.bannertext h4{font-size: 60px;color: #fff;font-weight: 500;margin-bottom: 18px;}
.bannertext p{font-size: 36px;color: #fff;font-weight: 400;opacity: 0.8;}
.bannerpages{text-align: left !important;padding-left: 8.4%;box-sizing: border-box;bottom: 100px !important;}
.bannerpages .swiper-pagination-bullet{border-radius: 3px;width: 100px;height: 5px;opacity: 0.5;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.bannerpages .swiper-pagination-bullet-active{opacity: 1;}
.praprev{position: absolute;margin-top: -30px !important;z-index: 2;cursor: pointer;left: 12% !important;
width: 60px !important;height: 60px !important;background: url(../images/lefts.png) no-repeat center center !important;background-size: 100% 100% !important;}
.pranext{position: absolute;margin-top: -30px !important;z-index: 2;cursor: pointer;right: 12% !important;
width: 60px !important;height: 60px !important;background: url(../images/rights.png) no-repeat center center !important;background-size: 100% 100% !important;}
.conter{width: 100%;}
.firstyears{width: 100%;padding: 89px 10%;box-sizing: border-box;background: #fff;}
.firstyears ul li{float: left;width: 30%;}
.firstyears ul li:last-child{width: auto;float: right;}
.firstyears ul li h5{font-size: 32px;color: #027DB4;font-weight: 500;margin-bottom: 7px;}
.firstyears ul li h5 span{font-size: 42px;color: #027DB4;font-weight: 500;line-height: 42px;vertical-align: -2px;}
.firstyears ul li p{font-size: 26px;color: #404040;font-weight: 400;}
.zlproduct{width: 100%;}
.zlproduct ul li{width: 100%;position: relative;overflow:hidden;height:100vh;}
.zlproduct ul li img{display: block;max-width: 100%;margin: 0 auto;width: 100%;}
.zlproductcon{position: absolute;top: 20%;left: 0%;width: 100%;padding-left: 10%;box-sizing: border-box;}
.zlproductcon h4{font-size: 60px;color: #fff;font-weight: 400;}
.zlproductcon p{font-size: 32px;color: #fff;font-weight: 400;opacity: 0.6;margin-top: 5px;padding-left: 5%;box-sizing: border-box;
margin-bottom: 22px;}
.zlproductcon a{font-size: 24px;color: #1D2225;font-weight: 400;display: block;width: 231px;line-height: 43px;text-align: center;
height: 43px;background: #FFFFFF;border-radius: 6px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.zlproduct ul li:nth-child(1) .zlproductcon{top: auto;bottom: 18%;}
.zlproduct ul li:nth-child(2) .zlproductcon{top:20%;left: auto;right: 0%;padding-left: 0;padding-right: 10%;text-align: right;}
.zlproduct ul li:nth-child(2) .zlproductcon h4{color: #333;padding-right: 13%;box-sizing: border-box;}
.zlproduct ul li:nth-child(2) .zlproductcon p{color: #333;}
.zlproduct ul li:nth-child(2) .zlproductcon a{color: #fff;background: #333;display: inline-block;margin-right: 10%;}
.zlproductcon a:hover{background: #027DB4;color: #fff;}
.zlproduct ul li:nth-child(2) .zlproductcon a:hover{background: #027DB4;color: #fff;}
.otherproduct{width: 100%;padding: 77px 10% 133px 10%;box-sizing: border-box;}
.otherproductcon{width: 100%;}
.othertitle{width: 100%;margin-bottom: 45px;}
.othertitle h4{font-size: 58px;color: #333;font-weight: 400;}
.othertitle h4 span{display: inline-block;font-size: 30px;color: #333;font-weight: 400;padding-left: 30px;box-sizing: border-box;position: relative;
vertical-align: 7px;}
.othertitle h4 span::before{content: '';width: 1px;height: 66px;background: #333;position: absolute;top: -13px;left: 6px;}
.otherproductlist{width: 100%;padding: 0 10%;box-sizing: border-box;}
.otherproductlist ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 16px;}
.otherproductlist ul li:nth-child(2n){margin-right: 0;}
.otherproductlist ul li a{display: block;width: 100%;}
.otherproductimg{width: 100%;overflow: hidden;}
.otherproductimg img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.otherproductext{width: 100%;padding: 16px 0;box-sizing: border-box;}
.otherproductext p{font-size: 16px;color: #262626;font-weight: 400;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 2px;}
.otherproductext h5{font-size: 26px;color: #262626;font-weight: 400;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.otherproductlist ul li:hover .otherproductimg img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.otherproductlist ul li:hover .otherproductext h5{color: #027DB4;}
.otherproductlast{width: 100%;margin-top: 55px;}
.otherproductlast a{display: block;float: right;width: 278px;height: 56px;background: #000000;border-radius: 6px;
text-align: center;line-height: 56px;color: #fff;font-size: 24px;font-weight: 400;position: relative;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.otherproductlast a:hover{background: #027DB4;}
.otherproductlast a::before{content: '';width: 1px;height: 227px;background: #797979;position: absolute;top: -227px;right: 90px;}
.zlvideo{width: 100%;padding: 28px 30px 28px 10%;box-sizing: border-box;background: #F2F2F2;}
.zlvideoleft{float: left;width: 30%;margin-right: 4%;padding-top: 125px;box-sizing: border-box;}
.zlvideoleft h5{font-size: 50px;color: #333;font-weight: 400;margin-bottom: 54px;}
.zlvideoleft p{font-size: 32px;color: #333;font-weight: 400;margin-bottom: 22px;}
.zlvideoleft a{font-size: 24px;color: #1D2225;font-weight: 400;display: block;width: 231px;line-height: 43px;text-align: center;
height: 43px;background: #FFFFFF;border-radius: 6px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
/*.zlvideoleft a i{display: inline-block;vertical-align: -2px;background: url(../images/more.svg) center no-repeat;width: 50px;height: 23px;*/
/*background-size: 100%;*/
/*transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}*/
/*.zlvideoleft a i img{display: block;max-width: 100%;}*/
.zlvideoleft a:hover{background: #027DB4;color: #fff;}
/*.zlvideoleft a:hover i{background: url(../images/mores.svg) center no-repeat;background-size: 100%;}*/
.zlvideoright{float: right;width: 66%;position: relative;}
.zlvideoright video{width: 100%;display: block;outline: none;}
.zlvideoright img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.butlist{width: 100%;padding: 100px 10%;box-sizing: border-box;background: #fff;}
.butlist ul li{float: left;width: 32%;margin-right: 2%;}
.butlist ul li:last-child{margin-right: 0;}
.butlistimg{display: block;margin: 0 auto 24px;}
.butlistimg img{display: block;max-width: 100%;margin: 0 auto;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.butlistext{width: 100%;}
.butlistext h5{font-size: 32px;text-align: center;color: #333;font-weight: 400;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
margin-bottom: 8px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.butlistext p{font-size: 14px;text-align: center;color: #999;font-weight: 400;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.buttontext{width: 100%;padding: 56px 10%;border-bottom: 1px solid #fff;box-sizing: border-box;background: #000;}
.buttontext img{display: block;max-width: 100%;margin: 0 auto;}
.butlist ul li:hover .butlistimg img{    transform: rotateY(180deg);}
.butlist ul li:hover .butlistext h5{color:#027DB4;}
.industrial{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.industrialtitle{width: 100%;padding: 0 6%;box-sizing: border-box;}
.industrialtitle h4{font-size: 50px;color: #333;font-weight: 400;margin-bottom: 50px;}
.industrialcon{width: 100%;padding-bottom: 60px !important;box-sizing: border-box;}
.industrialcon ul li{float: left;}
.industrialcon ul li img{display: block;width: 100%;}
.industrial_pages{bottom: -4px !important;}
.industrial_pages .swiper-pagination-bullet{border-radius: 3px;width: 100px;height: 5px;opacity: 0.3;background: #000;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.industrial_pages .swiper-pagination-bullet-active{opacity: 1;background: #027DB4;}
.footer{width: 100%;background: #000000;padding: 0 8%;box-sizing: border-box;}
.footerup{width: 100%;padding: 32px 0;border-bottom: 1px solid #fff;box-sizing: border-box;}
.footerup ul li{float: left;width: 24%;margin-right: 1.33%;box-sizing:border-box;}
.footerup ul li:nth-child(1){width: 20%;}
.footerup ul li:nth-child(3){padding-left:3%;}
.footerup ul li:last-child{margin-right: 0;width: 28%;}
.footerfirstext{width: 100%;padding-top: 34px;box-sizing: border-box;}
.footerfirstext p{font-size: 20px;color: #fff;font-weight: 400;}
.footerewm{width: 100%;}
.footerewmleft{float: left;width: 96px;}
.footerewmleft img{display: block;max-width: 100%;margin: 0 auto;}
.footerewmtext{float: left;width: calc(100% - 96px);padding-left: 18px;padding-top: 20px;box-sizing: border-box;}
.footerewmtext p{font-size: 20px;color: #fff;font-weight: 400;}
.footertall{width: 100%;}
.footertallleft{float: left;width: 56px;margin-top: 20px;}
.footertallleft img{display: block;max-width: 100%;margin: 0 auto;}
.footertallright{float: left;width: calc(100% - 56px);padding-left: 18px;margin-top: 20px;box-sizing: border-box;}
.footertallright p{font-size: 20px;color: #fff;font-weight: 400;}
.footerconter{width: 100%;padding: 36px 0;box-sizing: border-box;border-bottom: 1px solid #fff;}
.footerconleft{float: left;}
.footerconleft a{display: table;font-size: 22px;color: #fff;font-weight: 400;}
.footerconright{float: right;width: 40%;}
.footerconright ul li{float: left;width: 32%;margin-right: 2%;}
.footerconright ul li:last-child{margin-right: 0;}
.footerconright ul li h6{font-size: 18px;color: #fff;font-weight: 400;margin-bottom: 32px;}
.footerconright ul li a{display: table;font-size: 18px;color: #fff;font-weight: 400;line-height: 32px;}
.footerbut{width: 100%;}
.footerbutup{width: 100%;display: none;}
.footerbutup i{float: left;height: 1px;background: #fff;width: 32%;margin-right: 2%;}
.footerbutup i:last-child{margin-right: 0;}
.footerbutup i:nth-child(1){width: 40%;}
.footerbutup i:nth-child(2){width: 26%;}
.footerbutup i:nth-child(3){width: 30%;}
.footerlast{width: 100%;padding: 40px 0;box-sizing: border-box;}
.footerlast p{font-size: 18px;color: #fff;font-weight: 400;}
.footerlast p a{color: #fff;font-weight: 400;}

.tytc{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.8);z-index: 4000;display: none;}
.gbtc{color:#fff;font-size: 30px;cursor: pointer;display:table;margin:6% auto 0;}
.gbtc:hover{color:#027DB4;}
.sptc_box{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:60%;height: 50%;}
.sptc_box img{display: block;max-width: 100%;margin: 0 auto 20px;}
.sptc_box p{font-size: 16px;color: #fff;font-weight: 400;text-align: center;}
.nbanner{width: 100%;position: relative;}
.nbanner img{display: block;width: 100%;margin: 0 auto;}
.nbannertext{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);
padding: 0 8.4%;box-sizing: border-box;}
.nbannertext h4{font-size: 60px;color: #fff;font-weight: 500;}
.smallnav{width: 100%;background: #F2F2F2;padding: 0 13.5%;box-sizing: border-box;}
.smallnav ul li{float: left;margin-right: 40px;line-height: 70px;}
.smallnav ul li:last-child{margin-right: 0;}
.smallnav ul li a{display: block;font-size: 18px;color: #333;font-weight: 400;position: relative;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.smallnav ul li a:before{content: '';width: 0%;height: 2px;background: #027DB4;position: absolute;bottom: 0;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.smallnav ul li:hover a{color: #027DB4;}
.smallnav ul li:hover a:before{width: 100%;}
.smallnav ul li.active a{color: #027DB4;}
.smallnav ul li.active a:before{width: 100%;}
.addsmallnav ul li a{cursor:default;}
.addsmallnav ul li:hover a{color: #333;}
.addsmallnav ul li:hover a:before{width: 0%;}
.about{width: 100%;}
.aboutconter{width: 100%;padding: 72px 0 180px 0;box-sizing: border-box;}
.zl_about{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.aboutblurb{width: 100%;}
.aboutitle{width: 100% !important;margin-bottom:42px;}
.aboutitle h4{position: relative;font-size: 35px;color: #333;font-weight: 500;}
.aboutitle h4 i{position: absolute;top: 0;left: 0;max-width: 116px;}
.aboutitle h4 i img{display: block;max-width: 100%;}
.aboutitle h4 span{position: relative;z-index: 1;display: block;padding-top:54px;box-sizing: border-box;}
.aboutcontertext{width: 100% !important;}
.aboutcontertext p{font-size: 16px;color:#666;font-weight: 400;line-height: 32px;margin-bottom: 24px;}
.aboutcontertext p:last-child{margin-bottom: 0;}
.aboutcontertext p img{display: block;max-width: 100%;}
.aboutculture{width: 100%;padding: 100px 13.5%;box-sizing: border-box;background: #fff;}
.culture{width: 100%;}
.culture ul li{width: 100%;margin-top: 48px;}
.culture ul li:first-child{margin-top: 0;}
.culture ul li h5{font-size: 35px;color: #333;font-weight: 500;margin-bottom: 6px;}
.culture ul li p{font-size: 28px;color: #666;font-weight: 400;}
.history{width: 100%;padding: 100px 13.5%;box-sizing: border-box;background: #fff;}
.historycon{width: 100%;}
.historycon b{display: block;width: 16px;height: 16px;border-radius: 50%;background: #D8D8D8;position: relative;margin-bottom: 100px;
margin-left: 16px;}
.historycon b:before{content: '';background: #027DB4;width: 1px;height: 74px;position: absolute;top: 38px;left: 50%;}
.historycon b:last-child{margin-bottom: 0;}
.historycon b:last-child:before{display: none;}
.historycon ul li{width: 100%;position: relative;margin-bottom: 48px;}
.historycon ul li:before{content: '';background: #027DB4;width: 1px;height: 100%;position: absolute;top: 32px;left: 23px;}
.hisyear{float: left;font-size: 20px;color: #027DB4;font-weight: 500;width: 50px;}
.historyright{float: left;width: calc(100% - 50px);padding-left: 100px;box-sizing: border-box;}
.historyright h5{font-size: 50px;color: #027DB4;font-weight: 500;margin-bottom: 20px;line-height: 50px;}
.historytext{width: 100%;margin-bottom: 20px;}
.historytext p{font-size: 18px;color: #333;font-weight: 500;position: relative;margin-bottom: 16px;padding-left: 17px;box-sizing: border-box;}
.historytext p:before{content: '';background: #D8D8D8;width: 6px;height: 6px;position: absolute;top: 10px;left: 0%;border-radius: 50%;}
.historyimg{width: 100%;}
.historyimg p{float: left;margin-right: 16px;max-width: 300px;margin-bottom: 16px;}
.historyimg p img{display: block;width: 100%;}
.aboutfather{width: 100%;padding: 54px 0 100px 0;box-sizing: border-box;}
.aboutitle h5{font-size: 40px;color: #333;font-weight: 500;margin-bottom: 10px;}
.aboutitle p{font-size: 20px;color: #666;font-weight: 400;}
.aboutfatherlast{width: 100%;background: #f5f5f5;}
.aboutfatherlast img{display: block;width: 100%;}
.service{width: 100%;padding: 200px 10% 100px 10%;box-sizing: border-box;background: #fff;}
.service img{display: block;max-width: 100%;margin: 0 auto;}
.headeractive{background: #fff;}
.headeractive .headercon{border-bottom:1px solid #333;}
.headeractive .headeright>ul>li>a{color: #333;}
.headeractive.active{background: #fff;}
.headeractive.active .headercon{border-bottom:1px solid #333;}
.khsetitle{width: 100% !important;margin-bottom: 40px;}
.khsetitle>h5{font-size: 35px;color: #333;font-weight: 500;margin-bottom: 16px;}
.khsetitletext{width: 100% !important;}
.khsetitletext p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;}
.join{width: 100%;padding: 80px 13.5% 0 13.5%;box-sizing: border-box;background: #fff;}
.joinfirst{width: 100%;height: 296px;padding: 90px 85px;box-sizing: border-box;margin-bottom: 80px;}
.joinfirstleft{float: left;}
.joinfirstleft h5{font-size: 35px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.joinfirstleft p{font-size: 20px;color: #fff;font-weight: 400;}
.joinfirstright{float: right;margin-top: 16px;}
.joinfirstright p{font-size: 50px;color: #fff;font-weight: 500;}
.joinfirstright p i{display: inline-block;max-width: 58px;vertical-align: -5px;margin-right: 15px;}
.joinfirstright p i img{display: block;width: 100%;}
.jointwo{width: 100%;}
.jointwo ul li{width: 100%;}
.joinleft{float: left;width: 50%;padding: 40px 80px 40px 50px;box-sizing: border-box;}
.joinleft h5{font-size: 35px;color: #333;font-weight: 500;margin-bottom: 40px;}
.joinleft p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;}
.joinright{float: right;width: 50%;}
.joinright img{display: block;width: 100%;}
.jointwo ul li:nth-child(2n) .joinleft{float: right;padding: 80px 0 40px 40px;}
.jointwo ul li:nth-child(2n) .joinright{float: left;}
.joinbut{width: 100%;}
.joinbutleft{width: 50%;position: relative;}
.joinbutcon{position: absolute;top: 50%;left: 0;width: 100%;padding: 0 120px 0 27%;box-sizing: border-box;transform: translateY(-50%);}
.joinbutcon h5{font-size: 35px;color: #333;font-weight: 500;margin-bottom: 30px;}
.joinbutcontext{width: 100%;margin-bottom: 80px;}
.joinbutcontext p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;}
.joinbutlast{width: 100%;}
.joinbutlast ul li{float: left;width: 30%;text-align: center;margin-right: 5%;}
.joinbutlast ul li:last-child{margin-right: 0;}
.joinbutlast ul li h6{font-size: 42px;color: #027DB4;font-weight: 500;text-align: center;margin-bottom: 8px;}
.joinbutlast ul li p{font-size: 20px;color: #404040;font-weight: 400;text-align: center;}
.joinbutleft img{display: block;width: 100%;}
.joinbutright{width: 50%;}
.joinbutright img{display: block;width: 100%;}
.nbannercon{position: absolute;bottom: 20%;left: 0%;width: 100%;padding-left: 10%;box-sizing: border-box;}
.nbannercon h4{font-size: 60px;color: #fff;font-weight: 400;}
.nbannercon p{font-size: 32px;color: #fff;font-weight: 400;opacity: 0.8;margin-top: 5px;padding-left: 5%;box-sizing: border-box;
margin-bottom: 22px;}
.nbannercon a{font-size: 24px;color: #1D2225;font-weight: 400;display: block;width: 231px;line-height: 43px;text-align: center;
height: 43px;background: #FFFFFF;border-radius: 6px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.nbannercon a:hover{background: #027DB4;color: #fff;}
.listnav{width: 100%;padding: 22px 13.5%;box-sizing: border-box;background: #F2F2F2;}
.listnav span{float: left;font-size: 20px;color: #000;font-weight: 500;position: relative;margin-right: 40px;}
.listnav span:before{content: '';width: 1px;height: 24px;background: #000;position: absolute;top: 2px;right: -20px;}
.listnav ul{float: left;}
.listnav ul li{float: left;margin-right: 32px;}
.listnav ul li:last-child{margin-right: 0;}
.listnav ul li a{display: block;font-size: 18px;color: #666;line-height: 28px;position: relative;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listnav ul li a:before{content: '';width: 0%;height: 2px;background: #027DB4;position: absolute;bottom: -21px;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listnav ul li:hover a{color: #027DB4;}
.listnav ul li:hover a:before{width:100%;}
.listnav ul li.active a{color: #027DB4;}
.listnav ul li.active a:before{width:100%;}
.listcon{max-width: 1200px;margin: 0 auto;box-sizing: border-box;padding: 60px 0 80px 0;}
.listseach{width: 100%;margin-bottom: 40px;}
.listseach span{float: left;width: 200px;height: 42px;background: #027DB4;text-align: center;line-height: 42px;color: #fff;
font-size: 18px;}
.listseachright{float: left;width: calc(100% - 200px);position: relative;}
.listseachright input{width: 100%;height: 42px;border: 1px solid #868686;border-left: 0;padding: 0 48px 0 14px;box-sizing: border-box;
font-size: 16px;color: #333;outline: none;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listseachright input:focus{border-color: #027DB4;}
.listseachright button{width: 40px;height: 40px;border: 0;outline: none;background: url(../images/seach.png) center no-repeat;
position: absolute;top: 1px;right: 1px;}
.listconter{width: 100%;}
.listconter ul li{float: left;width: 48%;margin-right: 4%;position: relative;margin-bottom: 20px;background: #fff;}
.listconter ul li:before{content: '';width: 1px;height: 85%;background: #979797;position: absolute;top: 0px;right: -4.5%;}
.listconter ul li:nth-child(2n){margin-right: 0;}
.listconter ul li:nth-child(2n):before{display: none;}
.listconter ul li a{display: block;width: 100%;}
.listimg{width: 100%;overflow: hidden;}
.listimg img{display: block;width: 100%;margin: 0 auto;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.listext{width: 100%;padding: 16px 0;box-sizing: border-box;}
.listext h5{font-size: 24px;color: #333;font-weight: 500;text-align: center;margin-bottom: 20px;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listextcon{width: 100%;}
.listextcon p{font-size: 16px;color: #999;font-weight: 400;text-align: center;}
.listconter ul li:hover .listext h5{color: #027DB4;}
.listconter ul li a:hover .listimg img{opacity: 0.8;-webkit-transform: scale(1.1);transform: scale(1.1);}
.listlast{width: 100%;margin-top: 40px;}
.listlast a{display: block;width: 278px;height: 56px;background: #fff;border-radius: 50px;margin: 0 auto;
text-align: center;line-height: 54px;color: #333;font-size: 24px;font-weight: 400;border: 1px solid #333;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listlast a:hover{background: #027DB4;color: #fff;border-color: #027DB4;}
.listdetalis{width: 100%;padding: 196px 0 80px 0;box-sizing: border-box;background: #fff;}
.listdetaliscon{max-width: 1200px;margin: 0 auto;}
.listdetalisleft{float: left;width: 42%;margin-right: 8%;}
.addlistdetalisleft{width: 100%;}
.addlistdetalisleft ul li{width: 100%;}
.addlistdetalisleft ul li img{display: block;width: 100%;}
.listdetail_pages .swiper-pagination-bullet{border-radius: 50%;width: 10px;height: 10px;opacity: 1;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.skilldetail_pages .swiper-pagination-bullet{opacity: 0.5;background: #000;} 
.listdetail_pages .swiper-pagination-bullet-active{opacity: 1;background: #027DB4;}
.addpraprev{position: absolute;margin-top: -15px !important;z-index: 2;cursor: pointer;left: 4% !important;
width: 30px !important;height: 30px !important;background: url(../images/saleft.png) no-repeat center center !important;background-size: 100% 100% !important;}
.addpranext{position: absolute;margin-top: -15px !important;z-index: 2;cursor: pointer;right: 4% !important;
width: 30px !important;height: 30px !important;background: url(../images/saright.png) no-repeat center center !important;background-size: 100% 100% !important;}
.listdetalisright{float: left;width: 50%;}
.listdetalisup{width: 100%;margin-bottom: 42px;}
.listdetalisup h5{font-size: 32px;color: #333;font-weight: 500;margin-bottom: 12px;}
.listdetalisup p{font-size: 20px;color: #333;font-weight: 400;}
.listdetalistext{width: 100%;margin-bottom: 32px;}
.listdetalistext p{font-size: 16px;color: #333;font-weight: 400;line-height: 32px;}
.listdetalislast{width: 100%;}
.listdetalislast a{width: 206px;height: 56px;background: #202124;display: block;text-align: center;line-height: 56px;
font-size: 18px;color: #fff;font-weight: 500;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.listdetalislast a:hover{background: #027DB4;}
.nbannerconyl{top: 50%;bottom: auto;transform:translateY(-50%);}
.nbannerconyl h4{margin-bottom: 20px;}
.nbannerconyl p{padding-left: 0;font-size: 22px;opacity: 1;max-width: 1000px;margin-bottom: 0 !important;}
.ylconter{width: 100%;padding: 60px 10%;box-sizing: border-box;
background:-webkit-linear-gradient(270deg, rgba(236, 236, 236, 1) 0%, rgba(234, 234, 234, 1) 100%);
background:-moz-linear-gradient(180deg, rgba(236, 236, 236, 1) 0%, rgba(234, 234, 234, 1) 100%);
background:linear-gradient(180deg, rgba(236, 236, 236, 1) 0%, rgba(234, 234, 234, 1) 100%);}
.yltitle{width: 100%;margin-bottom: 40px;}
.yltitle h4{font-size: 28px;color: #262626;font-weight: 400;}
.ylvideo{width: 100%;}
.ylvideo video{display: block;width: 80%;outline: none;margin:0 auto;}
.swylconter{width: 100%;padding: 80px 10%;box-sizing: border-box;
background:-webkit-linear-gradient(270deg, rgba(117, 117, 117, 1) 0%, rgba(42, 42, 42, 1) 100%);
background:-moz-linear-gradient(180deg, rgba(117, 117, 117, 1) 0%, rgba(42, 42, 42, 1) 100%);
background:linear-gradient(180deg, rgba(117, 117, 117, 1) 0%, rgba(42, 42, 42, 1) 100%);}
.swyltext{width: 100%;}
.swyltext h5{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 50px;}
.swyltext p{font-size: 16px;color: #fff;font-weight: 400;line-height: 32px;margin-bottom: 20px;}
.swyltext p:last-child{margin-bottom: 0px;}
.swyltext p img{display: block;max-width: 100%;}
.jslistcon{width: 100%;padding: 0 14% 40px 14%;box-sizing: border-box;}
.jslistcon ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 40px;}
.jslistcon ul li:nth-child(3n){margin-right: 0;}
.jslistcon ul li a{display: block;width: 100%;}
.jslistimg{width: 100%;overflow: hidden;}
.jslistimg img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.jslistext{width: 100%;padding: 16px 0;box-sizing: border-box;}
.jslistext h5{font-size: 24px;color: #333;font-weight: 500;text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 12px;}
.jslistext p{width: 140px;height: 34px;background: #333;border-radius: 5px;text-align: center;line-height: 34px;
color: #fff;font-size: 16px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin: 0 auto;}
.jslistcon ul li:hover .jslistext h5{color: #027DB4;}
.jslistcon ul li:hover .jslistext p{background:#027DB4;}
.jslistcon ul li a:hover .jslistimg img{opacity: 0.8;-webkit-transform: scale(1.2);transform: scale(1.2);}
.listdetalisrighted{padding-top: 4%;box-sizing: border-box;}
.smallnavadd ul{display: flex;flex-wrap: wrap;justify-content: center;}
.effectup{width: 100%;padding: 0 10% 80px 10%;box-sizing: border-box;background: #f2f2f2;}
.effectupcon{width: 100%;padding: 100px 80px;background: #fff;box-sizing: border-box;margin-top: -120px;position: relative;z-index: 1;}
.effectuptitle{width: 100%;margin-bottom: 60px;}
.effectuptitle h5{font-size: 32px;color: #333;font-weight: 500;text-align: center;margin-bottom: 50px;}
.effectuptitle p{font-size: 18px;color: #999;font-weight: 400;text-align: center;}
.effectuplist{width: 100%;}
.effectuplist ul li{float: left;width: 20%;position: relative;}
.effectuplist ul li:before{content: "";width: 1px;height: 24px;background: #7c7c7c;position: absolute;top: 20px;right: 0;}
.effectuplist ul li:last-child:before{display: none;}
.effectupimg{width: 80px;margin: 0 auto 20px;}
.effectupimg img{display: block;width: 100%;height: 80px;object-fit: cover;}
.effectuplist ul li p{font-size: 20px;color: #696969;text-align: center;font-weight: 400;}
.effectbut{padding: 90px 10%;width: 100%;background: #fff;box-sizing: border-box;}
.effectbutitle{width: 100%;margin-bottom: 40px;}
.effectbutitle h5{font-size: 32px;color: #333;font-weight: 500;text-align: center;}
.effectbutlist{width: 100%;}
.effectbutlistcon{width: 100%;box-sizing: border-box;padding-bottom: 60px !important;padding-left: 1px !important;}
.effectbutlistcon ul li{float: left;height: 146px;padding: 40px 0;box-sizing: border-box;background: #fff;border: 1px solid #f5f5f5;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.effectbutlistcon ul li h5{font-size: 24px;color: #333;font-weight: 400;text-align: center;margin-bottom: 20px;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.effectbutlistcon ul li i{display: block;width: 16px;height: 6px;background: #333;opacity: 0.3;margin: 0 auto;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.effectbutlistcon .swiper-pagination-bullet{width: 16px;height: 16px;opacity: 1;background: #D8D8D8;margin: 0 10px !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.effectbutlistcon .swiper-pagination-bullet-active{background: #027DB4;}
.effectbutlistcon ul li:hover{border-color:#027DB4;background:#027DB4;}
.effectbutlistcon ul li:hover h5{color:#fff;}
.effectbutlistcon ul li:hover i{background:#fff;opacity:1;}
.attestation{width: 100%;background: #fff;padding: 80px 10%;box-sizing: border-box;}
.attestationcon{width: 100%;}
.attestationcon ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1.33%;overflow: hidden;cursor: pointer;}
.attestationcon ul li:nth-child(4n){margin-right: 0;}
.atteimgs{width:100%;overflow:hidden;}
.attetext{width:100%;padding:10px;box-sizing:border-box;}
.attetext p{font-size:16px;color:#333;font-weight:500;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.attestationcon ul li img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.attestationcon ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.tytcadd{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.8);z-index: 2100;display: none;}
.gbtcadd{color:#fff;font-size: 30px;cursor: pointer;display:table;margin:6% auto 0;}
.gbtcadd:hover{color:#027DB4;}
.sptc_boxer{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:60%;height: 70%;}
.sptc_boxer img{display: block;max-width: 100%;margin: 0 auto;}
.ce{position:fixed;bottom:65px;right:0;z-index:100;}
.ce ul li{width:50px;height:50px;background:#121212;border-bottom:1px solid #fff;box-sizing:border-box;position:relative;}
.ce ul li:first-child{border-radius:4px 4px 0 0;}
.ce ul li:last-child{border-radius:0 0 4px 4px;border-bottom:0;}
.ce ul li a{display:block;width:100%;padding-top:13px;box-sizing:border-box;font-size:14px;color:#fff;text-align:center;line-height:50px;}
.ce ul li a img{display:block;max-width:100%;margin:0 auto;}
.ce ul li:last-child a{padding-top:0;}
.phtell{position:absolute;top:0;right:50px;font-size:16px;color:#fff;height:50px;line-height:50px;border-radius:4px 0 0 4px;background:#027DB4;width:140px;text-align:center;display:none;}
.ce ul li:hover{background:#027DB4;}
.ce ul li.celast:hover .phtell{display:block;}
@media screen and (max-width: 1650px) {
	.firstyears ul li{width: 28%;margin-right: 1.33%;}
	.firstyears ul li:last-child{width: auto;margin-right: 0;}
	.footerfirstext p,.footerewmtext p,.footertallright p{font-size: 18px;}
}
@media screen and (max-width: 1450px) {
	.zl{padding: 0 6%;}
	.bannertext{padding-left: 6%;}
	.bannertext h4{font-size: 42px;margin-bottom: 12px;}
	.bannertext p{font-size: 24px;}
	.bannerpages{padding-left: 6%;}
	.firstyears{padding: 60px 6%;}
	.firstyears ul li h5{font-size: 24px;}
	.firstyears ul li h5 span{font-size: 32px;line-height: 32px;}
	.firstyears ul li p{font-size: 24px;}
	.zlproductcon{padding-left: 6%;}
	.zlproduct ul li:nth-child(2) .zlproductcon{padding-right: 6%;}
	.zlproductcon h4{font-size: 42px;}
	.zlproductcon p{font-size: 24px;margin-bottom: 16px;}
	.zlproductcon a{width: 180px;height: 40px;line-height: 40px;font-size: 18px;}
	.zlproduct ul li:nth-child(2) .zlproductcon h4{padding-right: 14%;}
	.otherproduct{padding: 60px 6%;}
	.othertitle{margin-bottom: 40px;}
	.othertitle h4{font-size: 32px;}
	.othertitle h4 span{font-size: 24px;vertical-align: 2px;}
	.othertitle h4 span:before{height: 40px;top: -4px;left: 10px;}
	.otherproductlist{padding: 0 6%;}
	.otherproductext h5{font-size: 24px;}
	.otherproductlast{margin-top: 40px;}
	.otherproductlast a{width: 180px;height: 40px;line-height: 40px;font-size: 18px;}
	.zlvideo{padding: 22px 22px 22px 6%;}
	.zlvideoleft h5{font-size: 32px;margin-bottom: 32px;}
	.zlvideoleft p{font-size: 24px;margin-bottom: 16px;}
	.zlvideoleft a{width: 180px;height: 40px;line-height: 40px;font-size: 18px;}
	/*.zlvideoleft a i{vertical-align: -5px;}*/
	.industrial{padding: 60px 0;}
	.industrialtitle h4{font-size: 32px;margin-bottom: 40px;}
	.industrial_pages .swiper-pagination-bullet{width: 60px;}
	.butlist{padding: 60px 6%;}
	.butlistimg{margin-bottom: 12px;}
	.butlistext h5{font-size: 24px;}
	.buttontext{padding: 40px 6%;}
	.footer{padding: 0 4%;}
	.footerup,.footerconter,.footerlast{padding: 24px 0;}
	.footerewmtext{padding-top: 28px;padding-left: 10px;}
	.footertallright{margin-top: 28px;padding-left: 10px;}
	.footerfirstext p,.footerewmtext p,.footertallright p{font-size: 16px;}
	.footerconleft a{font-size: 16px;}
	.footerconright ul li h6{font-size: 16px;margin-bottom: 22px;}
	.footerconright ul li a{font-size: 14px;line-height: 26px;}
	.footerlast p{font-size: 14px;}
	.nbannertext{padding: 0 6%;}
	.nbannertext h4{font-size: 36px;}
	.aboutconter{padding: 80px 0;}
	.smallnav{padding: 0 6%;}
	.aboutculture{padding: 80px 6%;}
	.aboutfather{padding: 80px 0;}
	.service{padding: 180px 6% 80px 6%;}
	.khsetitle>h5{font-size: 32px;}
	.history{padding: 80px 6%;}
	.historyright{padding-left: 80px;}
	.join{padding: 60px 6% 0 6%;}
	.joinbutcon{padding: 0 80px 0 13.5%;}
	.joinfirst{padding: 90px 60px;}
	.nbannercon{padding-left: 6%;}
	.nbannercon h4{font-size: 42px;}
	.nbannercon p{font-size: 24px;margin-bottom: 16px;}
	.nbannercon a{width: 180px;height: 40px;line-height: 40px;font-size: 18px;}
	.listnav{padding: 20px 6%;}
	.listlast a{width: 180px;height: 40px;line-height: 40px;font-size: 18px;}
	.listdetalis{padding: 150px 0 60px 0;}
	.ylconter,.swylconter{padding: 60px 6%;}
	.effectup{padding: 0 6% 80px 6%;}
	.effectbut{padding: 80px 6%;}
	.effectupcon{padding: 80px 60px;}
	.jslistcon{padding:0 10% 40px 10%;}
	.attestation{padding: 80px 6%;}
	.listnav ul li a:before{bottom:-20px;}
}
@media screen and (max-width: 1370px) {
	.headeright>ul>li>a{font-size: 20px;}
	.headerdleft a span{font-size: 20px;}
	.bannertext h4{font-size: 32px;margin-bottom: 10px;}
	.bannertext p{font-size: 20px;}
	.firstyears ul li h5{font-size: 20px;}
	.firstyears ul li h5 span{font-size: 24px;line-height: 24px;}
	.firstyears ul li p{font-size: 20px;}
	.zlproductcon h4{font-size: 32px;}
	.zlproductcon p{font-size: 20px;margin: 6px 0 12px 0;}
	.zlproduct ul li:nth-child(2) .zlproductcon a{margin-right: 7%;}
	.zlvideoleft h5{font-size: 24px;margin-bottom: 24px;}
	.zlvideoleft p{font-size: 20px;margin-bottom: 10px;}
	.zlvideoleft a{font-size: 20px;}
	.zlvideoleft a i{width: 30px;vertical-align: 0;height: 13px;}
	.footerup ul li:nth-child(1){width: 24%;}
	.footerup ul li:last-child{width: 24%;}
	.nbannertext h4{font-size: 32px;}
	.aboutitle h4{font-size: 30px;}
	.culture ul li{margin-bottom: 24px;}
	.culture ul li h5{font-size: 32px;}
	.culture ul li p{font-size: 24px;}
	.aboutitle h5{font-size: 32px;}
	.historycon ul li{margin-bottom: 24px;}
	.historycon ul li:before{height: 96%;}
	.historyright{padding-left: 60px;}
	.historyright h5{font-size: 36px;line-height: 36px;}
	.joinfirst{height: auto;margin-bottom: 60px;}
	.joinfirstleft h5{font-size: 32px;}
	.joinfirstleft p{font-size: 18px}
	.joinfirstright p{font-size: 32px;}
	.joinfirstright p i{max-width: 40px;margin-right: 10px;}
	.joinleft{padding-left: 20px;}
	.joinleft h5{font-size: 28px;margin-bottom: 20px;}
	.joinbutcon h5{font-size: 28px;margin-bottom: 20px;}
	.joinbutcontext{margin-bottom: 60px;}
	.joinbutlast ul li h6{font-size: 32px;}
	.joinbutlast ul li p{font-size: 18px;}
	.nbannercon h4{font-size: 32px;}
	.nbannercon p{font-size: 20px;margin: 6px 0 12px 0;}
	.effectupcon{padding: 60px 40px;}
}
@media screen and (max-width: 1210px) {
	.zl{padding: 0 4%;}
	.bannertext{padding-left: 4%;}
	.swiper-pagination{padding-left: 4%;}
	.listdetail_pages{padding-left: 0;}
	.firstyears{padding: 40px 4%;}
	.zlproduct ul li:nth-child(2) .zlproductcon a{margin-right: 6%;}
	.otherproduct{padding: 40px 4%;}
	.otherproductlist{padding: 0 4%;}
	.zlvideo{padding: 20px 20px 20px 4%;}
	.industrial{padding: 40px 0;}
	.industrialtitle{padding: 0 4%;}
	.butlist{padding: 40px 4%;}
	.buttontext{padding: 40px 4%;}
	.footerewmtext{padding-top: 14px;}
	.nbannertext{padding: 0 4%;}
	.smallnav{padding: 0 4%;}
	.zl_about{max-width: 100%;padding: 0 4%;}
	.aboutconter{padding: 40px 0;}
	.aboutculture{padding: 40px 4%;}
	.aboutfather{padding: 40px 0;}
	.aboutitle h5{font-size: 24px;}
	.aboutitle p{font-size: 16px;}
	.service{padding: 150px 4% 40px 4%;}
	.khsetitle{margin-bottom: 20px;}
	.khsetitle>h5{font-size: 24px;}
	.history{padding: 40px 4%;}
	.historyright{padding-left: 40px;}
	.historyright h5{font-size: 24px;line-height: 24px;margin-bottom: 12px;}
	.historytext{margin-bottom: 12px;}
	.historytext p{font-size: 16px;margin-bottom: 8px;}
	.historytext p:before{top: 9px;}
	.historyimg p{max-width: 220px;margin-right: 12px;margin-bottom: 12px;}
	.historycon ul li:before{height: 94%;}
	.join{padding: 40px 4% 0 4%;}
	.joinfirst{margin-bottom: 40px;}
	.joinfirstleft h5{font-size: 24px;margin-bottom: 10px;}
	.joinfirstleft p{font-size: 16px;}
	.joinfirstright p{font-size: 24px;}
	.joinfirstright p i{max-width: 32px;}
	.joinleft{padding: 32px;}
	.joinleft h5{font-size: 24px;margin-bottom: 12px;}
	.joinleft p{font-size: 14px;line-height: 22px;}
	.jointwo ul li:nth-child(2n) .joinleft{padding: 40px 0 40px 40px;}
	.joinbutcon{padding-left: 9%;padding-right: 40px;}
	.joinbutcon h5{font-size: 24px;margin-bottom: 12px;}
	.joinbutcontext{margin-bottom: 40px;}
	.joinbutcontext p{font-size: 14px;line-height: 22px;}
	.joinbutlast ul li h6{font-size: 24px;margin-bottom: 4px;}
	.joinbutlast ul li p{font-size: 14px;}
	.listcon{max-width: 100%;padding: 40px 4%;}
	.listnav span{font-size: 18px;}
	.listnav span:before{height: 20px;}
	.listnav ul li{margin-right: 20px;}
	.listnav ul li a{font-size: 16px;line-height: 24px;}
	.listext h5{font-size: 20px;margin-bottom: 12px;}
	.listnav{padding: 14px 4%;}
	.listdetalis{padding: 140px 4% 40px 4%;}
	.listdetaliscon{max-width: 100%;}
	.listdetalisup{margin-bottom: 20px;}
	.listdetalisup h5{font-size: 24px;margin-bottom: 8px;}
	.listdetalisup p{font-size: 16px;}
	.listdetalistext{margin-bottom: 20px;}
	.listdetalistext p{font-size: 14px;line-height: 22px;}
	.listdetalislast a{width: 140px;height: 40px;line-height: 40px;font-size: 16px;}
	.ylconter, .swylconter{padding: 40px 4%;}
	.nbannerconyl p{max-width: 94%;}
	.yltitle h4{font-size: 24px}
	.swyltext h5{font-size: 20px;margin-bottom: 20px;}
	.jslistext{padding: 12px 0;}
	.jslistext h5{font-size: 20px;}
	.effectup{padding: 0 4% 40px 4%;}
	.effectbut{padding: 40px 4%;}
	.effectupcon{padding: 40px;}
	.effectuptitle{margin-bottom: 20px;}
	.effectuptitle h5{font-size: 24px;margin-bottom: 20px;}
	.effectuptitle p{font-size: 16px;}
	.effectuplist ul li p{font-size: 16px}
	.effectbutitle{margin-bottom: 20px;}
	.effectbutitle h5{font-size: 24px;}
	.effectbutlistcon ul li{height: 98px;padding: 20px 0;}
	.effectbutlistcon ul li h5{font-size: 18px;}
	.jslistcon{padding:0 6% 40px 6%;}
	.attestation{padding: 40px 4%;}
	.listnav ul li a:before{bottom:-14px;}
}
@media screen and (max-width: 1030px) {
	.header{display: none;}
	.nav{display: block;}
	.bannertext h4{font-size: 24px;}
	.bannertext p{font-size: 16px;}
	.bannerpages .swiper-pagination-bullet{width: 40px;}
	.firstyears{padding-bottom: 20px;}
	.firstyears ul li{width: 50%;margin-right: 0;text-align: center;margin-bottom: 20px;}
	.firstyears ul li:last-child{width: 50%;}
	.zlproductcon h4{font-size: 20px;}
	.zlproductcon p{font-size: 16px;}
	.zlproductcon a{width: 140px;font-size: 16px;}
	.zlproduct ul li:nth-child(2) .zlproductcon a{margin-right: 5%;}
	.othertitle h4{font-size: 20px;}
	.othertitle h4 span{font-size: 16px;padding-left: 10px;vertical-align: 0;}
	.othertitle h4 span:before{height: 16px;top: 3px;left: 2px;}
	.otherproductlist{padding: 0;}
	.otherproductext h5{font-size: 20px;}
	.otherproductext{padding: 10px 0;}
	.otherproductlast{margin-top: 20px;}
	.otherproductlast a{width: 140px;font-size: 16px}
	.otherproductlast a:before{height: 160px;top: -160px;right: 40px;}
	.zlvideoleft{padding-top: 60px;}
	.zlvideoleft h5{font-size: 20px;}
	.zlvideoleft p{font-size: 16px;}
	.zlvideoleft a{width: 140px;font-size: 16px;}
	/*.zlvideoleft a i{width: 22px;height: 10px;}*/
	.industrialtitle h4{font-size: 20px;}
	.industrial_pages .swiper-pagination-bullet{width: 40px;}
	.butlistimg{margin-bottom: 8px;}
	.butlistext h5{font-size: 20px;}
	.footerup ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.footerup ul li:nth-child(1){width: 100%;}
	.footerup ul li:last-child{width: 100%;margin-bottom: 0;}
	.footerfirstext{padding-top: 0;}
	.footerewmtext{padding-top: 28px;}
	.footertallleft{width: 40px;margin-top: 0;}
	.footertallright{margin-top: 0;}
	.footerup ul li:last-child .footertallright{margin-top: 8px;}
	.footerconright ul li h6{margin-bottom: 12px;}
	.nbannertext h4{font-size: 24px;}
	.aboutitle{margin-bottom: 24px;}
	.aboutitle h4{font-size: 20px;}
	.smallnav ul li{margin-right: 24px;}
	.smallnav ul li a{font-size: 16px;}
	.aboutitle h4 i{max-width: 52px;}
	.aboutitle h4 span{padding-top: 16px;}
	.culture ul li h5{font-size: 20px;}
	.culture ul li p{font-size: 16px;}
	.service{padding: 100px 4% 40px 4%;}
	.khsetitle>h5{font-size: 20px;}
	.historytext p{font-size: 14px;margin-bottom: 6px;}
	.historytext p:before{top: 7px;}
	.nbannercon h4{font-size: 20px;}
	.nbannercon p{font-size: 16px;}
	.nbannercon a{width: 140px;font-size: 16px;}
	.listlast a{width: 140px;font-size: 16px;line-height: 38px;}
	.listdetalis{padding-top: 80px;}
	.footerup ul li:nth-child(3){padding-left:0%;}
}
@media screen and (max-width: 980px) {
	.joinfirst{padding: 40px;}
	.joinleft{float: none;width: 100%;padding: 0;margin-bottom: 12px;}
	.joinright{float: none;width: 100%;}
	.jointwo ul li{margin-bottom: 20px;}
	.jointwo ul li:nth-child(2n) .joinleft{padding: 0;float: none;}
	.jointwo ul li:nth-child(2n) .joinright{float: none;}
	.joinbut{display: block;}
	.joinbutleft{float: none;width: 100%;padding: 0 4%;box-sizing: border-box;}
	.joinbutleft img{width: 100%;}
	.joinbutcon{padding: 0 4%;}
	.joinbutright{width: 100%;padding: 0 4%;box-sizing: border-box;margin-bottom: 40px;}
	.jslistcon{padding:0 4% 40px 4%;}
	.jslistcon ul li{width: 48%;margin-right: 4%;}
	.jslistcon ul li:nth-child(3n){margin-right: 4%;}
	.jslistcon ul li:nth-child(2n){margin-right: 0;}
	.attestationcon ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
	.attestationcon ul li:nth-child(4n){margin-right: 2%;}
	.attestationcon ul li:nth-child(3n){margin-right: 0%;}
}
@media screen and (max-width: 580px) {
    /*.banner,.bannercon,.bannercon ul li,.bannercon ul li a{height:50vh;}*/
    .zlproduct ul li{height:40vh;background-attachment: inherit !important;}
	.navleft{width: 36%;}
	.bannerpages{text-align: center !important;padding-left: 0%;box-sizing: border-box;bottom: 20px !important;}
	.firstyears ul li p{font-size: 16px;}
	.pranext,.praprev{display: none;}
	.zlproduct ul li:nth-child(1) .zlproductcon{top: 20%;bottom: auto;}
	.zlproduct ul li:nth-child(2) .zlproductcon{padding-right: 6%;right: auto;left: 0;text-align: right;padding-left: 6%;}
	.zlproduct ul li:nth-child(2) .zlproductcon h4{padding-right: 0;}
	.zlproduct ul li:nth-child(2) .zlproductcon a{margin-right: 0;}
	.zlproductcon p{padding-left: 0;}
	.zlproductcon a{width: 120px;height: 34px;line-height: 34px;}
	/*.otherproductlist ul li{width: %;margin-right: 0;}*/
	.otherproductext h5{font-size:18px;}
	.otherproductlast a{margin: 0 auto;width: 120px;height: 34px;line-height: 34px;float: none;}
	.otherproductlast a:before{display: none;}
	.zlvideoleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;padding-top: 0;}
	.zlvideoleft h5{margin-bottom: 12px;}
	.zlvideoright{float: none;width: 100%;}
	.othertitle{margin-bottom: 24px;}
	.industrialtitle h4{margin-bottom: 24px;}
	.industrialcon{padding-bottom: 32px !important;}
	.butlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.butlist ul li:last-child{margin-bottom: 0;}
	.footerconter{display: none;}
	.footertall{display: flex;align-items: center;}
	.footertallleft{width: 20px;}
	.footerup ul li:last-child .footertallright{margin-top: 0;}
	.footerfirstext p, .footerewmtext p, .footertallright p{font-size: 14px;}
	.footerbutup{display: none;}
	.footerlast{padding: 12px 0;}

	.nbanner img{height: 240px;object-fit: cover;}
	.smallnav ul li{line-height: 50px;margin-right: 12px;}
	.aboutcontertext p{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
	.khsetitletext p{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
	.historycon b{margin-left: 12px;margin-bottom: 40px;}
	.historycon b:before{height: 36px;top: 19px;}
	.hisyear{font-size: 16px;width: 40px;}
	.historyright{padding-left: 12px;}
	.historytext p{padding-left: 10px;}
	.historyright h5{font-size: 20px;line-height: 20px;margin-bottom: 8px;}
	.historycon ul li:before{top: 35px;height: calc(100% - 22px);left: 20px;}
	.historyimg p{max-width: 100%;}
	.historyimg p:last-child{margin-bottom: 0;}
	.joinfirst{padding: 20px;margin-bottom: 20px;}
	.joinfirstleft{float: none;}
	.joinfirstleft h5{font-size: 20px;}
	.joinfirstright{float: none;}
	.joinleft h5{font-size: 20px;}
	.joinbutcon h5{font-size: 20px;}
	.joinbutcontext{margin-bottom: 16px;}
	.joinbutlast ul li h6{font-size: 20px;line-height: 20px;}
	.joinfirstright p{font-size: 20px;}
	.joinfirstright p i{max-width: 24px;vertical-align: -2px;margin-right: 6px;}
	.nbannercon p{padding-left: 0;}
	.nbannercon a{width: 120px;height: 34px;line-height: 34px;}
	.listnav span{float: none;display: block;margin-right: 0;margin-bottom: 6px;}
	.listnav span:before{display: none;}
	.listnav ul{float: none;}
	.listnav ul li{margin-right: 12px;}
	.listseach{margin-bottom: 20px;}
	.listseach span{width: 100px;font-size: 16px;height: 36px;line-height: 36px;}
	.listseachright{width: calc(100% - 100px);}
	.listseachright input{height: 36px;font-size: 14px;}
	.listseachright button{width: 34px;height: 34px;}
	.listconter ul li{float: none;width: 100%;margin-right: 0;}
	.listconter ul li:before{display: none;}
	.listext{padding: 10px 0;}
	.listextcon p{font-size: 14px;}
	.listlast a{width: 120px;height: 34px;line-height: 32px;}
	.listdetalisleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.listdetalisup h5{font-size: 20px;}
	.listdetalisright{float: none;width: 100%;}
	.listdetalislast a{height: 34px;line-height: 34px;}
	.yltitle{margin-bottom: 20px;}
	.yltitle h4{font-size: 20px;margin-bottom: 20px;}
	.swyltext h5{margin-bottom: 12px;}
	.swyltext p{font-size: 14px;line-height: 22px;margin-bottom: 12px;}
	.jslistcon{padding: 0 4% 20px 4%;}
	.jslistcon ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.jslistext p{width: 120px;}
	.effectup{padding: 40px 4%;}
	.effectupcon{margin-top: 0;padding: 20px;}
	.effectuptitle h5{font-size: 20px;}
	.effectuptitle p{font-size: 14px;}
	.effectuplist ul li{float: none;width: 100%;}
	.effectuplist ul li:before{display: none;}
	.effectupimg{margin-bottom: 10px;width: 60px;}
	.effectbutlistcon{padding-bottom: 40px !important;}
	.effectbutlistcon ul li{height: 80px;}
	.effectbutlistcon ul li h5{font-size: 16px;margin-bottom: 10px;}
	.effectbutitle h5{font-size: 20px;}
	.effectbutlistcon .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px !important;}
	.attestationcon ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.attestationcon ul li:nth-child(4n){margin-right: 2%;}
	.attestationcon ul li:nth-child(3n){margin-right: 2%;}
	.attestationcon ul li:nth-child(2n){margin-right: 0%;}
	.zlvideoleft a{width: 120px;height: 34px;line-height: 34px;}
	.ce ul li:first-child{border-radius:4px 0 0 0;}
	.ce ul li.celast{display:none;}
}