html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: "Arial","Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.w1440{position: relative;width: 1440px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;}
.pd50{padding: 0 50px;}

@font-face {
	font-family: "DIN";
	src: url(../fonts/DIN-BOLD.OTF);
}




.header-zw{display: block;height: 100px;}
.h_header{display: flex;padding-left: 100px;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);background: #ffffff;}
.h-logo{margin: auto 0;}

.h-nav{display: flex;margin: 0 auto;}
.h-nav .li{margin: 0 40px;position: relative;}
.h-nav .li>a{display: block;line-height: 100px;font-size: 18px;color: #333333;}
.h-nav .li.active>a,.h-nav .li:hover>a{color: #A9CE1E;}
.h-subnav {width:170px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.h-subnav ol {padding:0px 0;}
.h-subnav ol li{width: 100%;margin: 0 !important;border-top: 1px solid #f8f8f8;}
.h-subnav a {transition: .3s; padding: 15px 10px;box-sizing: border-box; width: 100%; display:block;line-height:20px;color:#333;font-size: 16px;text-align: center;font-weight: normal;}
.h-subnav a:hover {background:#A9CE1E;color:#fff!important;}
.li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-subnav{overflow: unset;}
.h-subnav ol li{position: relative;}
.erList{position: absolute;left: 100%;top: 0;width: 170px;background: #ffffff;box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);visibility: hidden;opacity: 0;margin-top: 20px;transition: all .3s;}
.erList .eli{border-top: 1px solid #f8f8f8;}
.h-subnav ol li:hover .erList{height: auto;opacity: 1;visibility: visible;margin-top: 0;}



.h-search{margin: auto 50px auto 0;cursor: pointer;}
.h-lang{border-left: 1px solid #E1E1E1;display: flex;align-items: center;justify-content: center;width: 100px;cursor: pointer;position: relative;}
.h-lang span{font-size: 18px;color: #333333;display: block;margin-right: 5px;}
.h-lang img{display: block;}
.h-lang .h-subnav{width: 100px;}
.h-lang:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-menu{display: flex;align-items: center;justify-content: center;background: #A9CE1E;width: 100px;cursor: pointer;}

.h_header.active .h-nav .li>a{line-height: 80px;}

.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 9999;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 9999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(../images/colse.png) no-repeat center;background-size: 18px auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(../images/z_img9.png) no-repeat center;background-size: 28px auto;}
.search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

.in-nav {width: 100%;height: 100%;background-size: cover;background-position: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 99;padding: 100px 150px 80px;-webkit-clip-path: circle(0% at 100% 0px);clip-path: circle(0% at 100% 0px);transition: -webkit-clip-path 1.5s;transition: clip-path 1.5s;transition: clip-path 1.5s, -webkit-clip-path 1.5s;background-color: #fff;z-index: 99999;}
.in-nav.open {-webkit-clip-path: circle(150% at 100% 0px);clip-path: circle(150% at 100% 0px)}
.in-nav .close {position: absolute;top: 3%;right: 3%;color: #fff;background: #A9CE1E;transition: transform .6s;width:50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;transition:ease .8s; cursor: pointer;outline: none;}
.in-nav .close .iconfont{ font-size: 20px; font-weight: bold; display: inline-block;}
.in-nav .close:hover {transform: rotate(180deg)}
.in-nav .con{display:flex;flex-direction:column;height:100%}
.in-nav ul{display:flex;flex-wrap: wrap;justify-content:space-between;flex:1;border-bottom:1px solid #9aa1a8;line-height:1}
.in-nav ul li{margin-bottom:35px;}
.in-nav ul .link{font-size:14px;color:#26272a;display:block;}
.in-nav ul .link::after{content:"";display:block;width:100%;height:1px;background:#A9CE1E;margin-top:4px;opacity:0;transition:opacity .5s}
.in-nav ul .link:hover{color:#A9CE1E !important}
.in-nav ul .link:hover::after{opacity:1}
.in-nav ul .link:not(:last-child){margin-bottom:12px;}
.in-nav ul .link:first-child{font-size:20px;color:#000;margin-bottom:20px;font-weight:bold}
.in-nav .info{display:flex;justify-content:space-between;margin-top:35px;color:#3f4247;font-size:14px}
.in-nav .info .item{margin-bottom:1em}
.in-nav .info .item span:first-child{margin-right:.5em}
.in-nav .info .tel span:last-child{font-size:24px;color:#A9CE1E}
.in-nav .info .email span:last-child{border-bottom:1px solid}
.in-nav .qrs{display:flex}
.in-nav .qrs .qr-box{text-align:center;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#000;margin:0;margin-left:20px;line-height:2.5}
.in-nav .qrs .qr-box .qr{margin:0;max-width:100px;/* padding:10px; */background:#fff}
.qr-box .qr img{display:block;width: 100%;}


.mySwiperBanner {width: 100%;height: 100%;overflow: hidden;position: relative;}
.mySwiperBannerPC{display: block;}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .swiper-slide{}
.mySwiperBanner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mySwiperBanner .swiper-pagination{display: flex;justify-content: center;bottom: 50px;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%;opacity: 1;position: relative;margin: 0 10px!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #1961F1;position: absolute;left: -6px;top: -6px;opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{background: #1961F1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}

.mouseIcon{position: absolute;bottom: 50px;left: 50%;width: 22px;margin-left: 11px;z-index: 99;animation: mouse 1.5s infinite;}
@keyframes mouse{
	0{transform: translateY(0px);}
	50%{transform: translateY(20px);}
	100%{transform: translateY(0px);}
}


.indTitleBox{display: flex;padding: 0 0 30px;}
.indTitleBox .atit{display: block;font-size: 22px;color: #A9CE1E;line-height: 1.4;}
.indTitleBox .btit{display: block;font-weight: bold;font-size: 48px;color: #000000;line-height:1.4;}
.indTitleBox .ctit{font-size: 16px;color: #FFFFFF;line-height:1.4;margin-top: 15px;}
.indTitleBox.white .btit{color: #ffffff;}

.indA{display: flex;align-items: center;justify-content: center;height: 50px;width: 150px;padding: 0 15px;border: 1px solid #A9CE1E;transition: .3s;}
.indA span{display: block;color: #A9CE1E;font-size: 16px;}
.indA img{display: block;width: 20px;margin-left: 5px;}
.indA:hover{transform: translateY(-10px);box-shadow: 0px 5px 5px 0px rgba(169,206,30,.5);}
.indA.white{border-color: #ffffff;}
.indA.white span{color: #ffffff;}
.indA.white:hover{box-shadow: 0px 5px 5px 0px rgba(255,255,255,.2);}
.indA.gray{border-color: #CCCCCC;}
.indA.gray span{color: #999999;}
.indA.gray:hover{box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);}

.indTitSel{margin: auto 0 0 auto;display: flex;flex-wrap: wrap;}
.indTitSel a{display: flex;align-items: center;justify-content: center;height: 50px;min-width: 100px;padding: 0 10px;background: #FFFFFF;border: 1px solid #CCCCCC;}
.indTitSel a+a{margin-left: 15px;}
.indTitSel a.active,.indTitSel a:hover{background: #A9CE1E;border-color: #A9CE1E;color: #fff;}

.sec1 .content_box{height: 100%;}
.indABout{display: flex;align-items: center;height: 100%;}
.indABout .InL{width: 50%;padding-left: calc((100vw - 1440px)/2);}
.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 160px;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.indABout .InR{width: 50%;height: 100%;position: relative;}
.indABout .InR img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indABout .indTitleBox{padding-right: 50px;}
.iABAtit{font-size: 15px;color: #666666;line-height: 25px;margin-bottom: 50px;padding-right: 50px;}
.iABAtit p+p{margin-top: 25px;}

.indNumBox{display: flex;width: 133.33%;position: relative;z-index: 9999;margin-top: 70px;}
.indNumItem{background: #A9CE1E;width: 25%;padding: 20px 30px;}
.indNumItem+.indNumItem{border-left: 1px solid #fff;}
.indNumItem .icon{}
.indNumItem .atit{font-size: 48px;color: #000000;font-family: DIN;font-weight: bold;margin: 15px 0 12px;}
.indNumItem .btit{font-size: 16px;color: #000000;line-height: 25px;opacity: 0.7;}

.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}





.sec2{background: url(../images/sec2BG.jpg) center/cover;}
.indProBox{padding-left: calc((100vw - 1440px)/2);display: flex;flex-wrap: wrap;width: 100%;}
.indProBox .indTitleBox{width: 100%;}
.indProSelList{display: block;width: 250px;position: relative;z-index: 99;}
.indProSelList a{display: flex;align-items: center;position: relative;background: #A9CE1E;}
.indProSelList a+a{margin-top: 14px;}
.indProSelList a::after{content: "";z-index:1;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(-235deg, #414141, #010101);transition: .3s;}
.indProSelList a img{position: relative;z-index: 9;display: block;margin: 0 25px;flex-shrink: 0;}
.indProSelList a span{position: relative;z-index: 9;display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 80px;height: 80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indProSelList a.active::after,.indProSelList a:hover::after{opacity: 0;}
.indProListBox{width: calc(100% - 290px);margin-left: 40px;padding-right: calc((100vw - 1440px)/2);overflow: hidden;}
.indProList{display: none;}
.indProList.active{display: block;}
.mySwiperPro{position: relative;}
.indProItem{display: block;width: 100%;position: relative;border: 1px solid #CCCCCC;background: linear-gradient(-235deg, #FFFFFF, #A9CE1E);}
.indProItem .img{overflow: hidden;}
.indProItem .img img{width: 100%;transition: .4s;}
.indProItem .atit{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 20px;color: #000000;text-align: center;line-height: 80px;height: 80px;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mySwiperPro .swiper-button-prev::after,.mySwiperPro .swiper-button-next::after{display: none;}
.mySwiperPro .swiper-button-prev,.mySwiperPro .swiper-button-next{display: block;width: 50px;height:50px;margin-top: -25px;transition: .3s;}
.mySwiperPro .swiper-button-prev img,.mySwiperPro .swiper-button-next img{width: 100%;display: block;}
.mySwiperPro .swiper-button-prev{left: 50%;}
.mySwiperPro .swiper-button-next{right: -25px;}
.mySwiperPro .swiper-button-prev:hover,.mySwiperPro .swiper-button-next:hover{transform: translateY(-5px);}
.indProItem:hover .img img{transform: scale(1.05);}





.sec3{background-position: center;background-size: cover;position: relative;}
.sec3::before{content: "";display: block;width: 100%;height: 100%;position: absolute;z-index: 8;left: 0;top: 0;background-image: url(../images/logo2.png);background-size: auto calc(100% - 80px);background-repeat: no-repeat;background-position: left bottom;}
.sec3::after{content: "";display: block;width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;background: linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,0));}
.sec3 .content_box{height: 100%;position: relative;z-index: 99;}
.sec3 .w1440{height: 100%;}
.sec3 .youshiBox{height: 100%;display: flex;flex-direction: column;padding: 100px 0;}
.sec3 .indTitleBox .atit{opacity: 0;animation: none!important;}
.sec3 .indTitleBox .btit{opacity: 0;animation: none!important;}
.youshiTit{font-size: 16px;color: #FFFFFF;line-height: 26px;opacity: 0;}
.mySwiperYoushi{overflow: hidden;position: relative;width: 100%;max-width: 720px;margin: auto 0;}
.mySwiperYoushi .swiper-slide-active .indTitleBox .atit {animation: bannerupB .8s ease both!important;animation-delay:0ms!important;}
.mySwiperYoushi .swiper-slide-active .indTitleBox .btit {animation: bannerupB .8s ease both!important;animation-delay:100ms!important;}
.mySwiperYoushi .swiper-slide-active .youshiTit {animation: bannerupB .8s ease both!important;animation-delay:300ms!important;}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.youshiSelList{display: flex;margin-top: auto;}
.youshiSel{display: flex;width: 20%;height: 80px;align-items: center;justify-content: center;background: #FFFFFF;position: relative;overflow: hidden;}
.youshiSel+.youshiSel{margin-left: 20px;}
.youshiSel span{display: block;margin-right: 20px;font-size: 20px;color: #222222;transition: .3s;position: relative;z-index: 9;}
.youshiSel img{display: block;width: 32px;position: relative;z-index: 9;}
.youshiSel:before{content: "";display: block;width: 140px;height: 140px;position: absolute;right: -85px;bottom: -85px;background: #A9CE1E;opacity: 0.5;border-radius: 50%;transition: 1s;}
.youshiSel.active:before{width: 200%;height: 300%;opacity: 1;}
.youshiSel.active span{font-weight: bold;}




.sec4 .content_box{height: 100%;}
.indCaseBox{height: 100%;padding-top: 50px;display: flex;flex-direction: column;}
.jjfaBox{display: flex;margin-top: 0px;flex: 1;}
.jjfaItem{width: 12.5%;position: relative;height: 100%;padding-top: 260px;background-position: center;background-size: cover;overflow: hidden;transition: .8s;}
.jjfaItem+.jjfaItem{margin-left: 2px;}
.jjfaContent{transition: .5s;}
.jjfaContent .icon{display: flex;width: 80px;height: 80px;border: 1px solid #FFFFFF;border-radius: 50%;align-items: center;justify-content: center;margin: 0 auto;transition: .5s;}
.jjfaContent .atit{font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 1.2;margin: 30px 0 10px;text-align: center;}
.jjfaContent .btit{font-size: 14px;color: #FFFFFF;line-height: 1.75;opacity: 0.7;visibility: hidden;opacity: 0;margin-top: 20px;transition: .5s;transition-delay: 0.5s;}
.jjfaItem .jjfaDesc{position: absolute;bottom: -101px;left: 0;width: 100%;display: flex;padding: 25px 50px;align-items: center;transition: 0.5s;transition-delay: 0.4s;border-top: 1px solid rgba(255,255,255,.5);}
.jjfaItem .jjfaDesc .ctit{width: calc(100% - 150px);font-size: 16px;color: #FFFFFF;line-height: 1.5;white-space: nowrap;}
.jjfaItem .jjfaDesc .dtit{display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;border: 1px solid #FFFFFF;font-size: 16px;color: #FFFFFF;}
.jjfaItem .jjfaDesc .dtit i{display: block;width: 5px;height: 9px;background: url(../images/rightIcon5.png);margin-left: 10px;}
.jjfaItem .jjfaDesc .dtit:hover{background: #A9CE1E;border-color: #A9CE1E;}

.jjfaItem.active{width: 50%;padding: 50px;}
.jjfaItem.active .jjfaContent{}
.jjfaItem.active .jjfaContent .icon{margin: 0;background: #A9CE1E;border-color: #A9CE1E;}
.jjfaItem.active .jjfaContent .atit{text-align: left;}
.jjfaItem.active .jjfaContent .btit{visibility: visible;opacity: 1;margin-top: 0;}
.jjfaItem.active .jjfaDesc{bottom: 0;visibility: visible;}



.mySwiperNews{position: relative;overflow: hidden;}
.mySwiperNews .swiper-slide{opacity: 0!important;transition: .3s;}
.mySwiperNews .swiper-slide-active{opacity: 1!important;}
.indNewsList{display: flex;}
.indNewsLeft{width: calc(50% - 25px);}
.indNewsRight{width: calc(50% - 25px);margin-left: auto;border-top: 1px solid #CCCCCC;}
.indNewsItem1{display: block;}
.indNewsItem1 .img{overflow: hidden;height: 390px;}
.indNewsItem1 .img img{width:100%;height:100%;object-fit: cover;object-position: center;display: block;transition: .5s;}
.indNewsItem1 .desc{}
.indNewsItem1 .desc .atit{font-size: 16px;color: #999999;line-height: 30px;margin: 35px 0 5px;}
.indNewsItem1 .desc .btit{font-size: 24px;color: #000000;line-height: 30px;height: 60px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.indNewsItem1 .desc .ctit{margin-top: 15px;}
.indNewsItem1:hover .img img{transform: scale(1.04);}

.indNewsItem2{display: flex;padding: 27px 0;border-bottom: 1px solid #CCCCCC;}
.indNewsItem2 .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 120px;background: #ECECEC;transition: .3s;}
.indNewsItem2 .date p{display: block;font-weight: bold;font-size: 60px;color: #000000;line-height: 1;}
.indNewsItem2 .date span{display: block;font-size: 16px;color: #999999;line-height: 1;}
.indNewsItem2 .desc{width: calc(100% - 120px);padding-left: 30px;}
.indNewsItem2 .desc .atit{font-size: 24px;color: #000000;line-height: 34px;height: 68px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition: .3s;}
.indNewsItem2:hover .desc .atit{color: #A9CE1E;}
.indNewsItem2:hover .date{background: #A9CE1E;}
.indNewsItem2:hover .date p{color: #ffffff;}
.indNewsItem2:hover .date span{color: #ffffff;}


.sec6{background: url(../images/sec6Bg.jpg) center/cover;padding: 20px 0 100px;}
.sec6,.sec6 .fp-tableCell{height: auto!important;}
.ctBtns{display: flex;flex-wrap: wrap;margin-top: 35px;}
.ctBtns .btn{display: flex;align-items: center;justify-content: center;padding: 0 15px;height: 50px;background: #A9CE1E;font-size: 16px;color: #FFFFFF;line-height: 1.5;margin-right: 15px;transition: .3s;}
.ctBtns .btn:hover{transform: translateY(-10px);box-shadow: 0px 5px 5px 0px rgba(169,206,30,.5);}


.footer,.footer .fp-tableCell{height: auto!important;}
.h-footer{background: #000000;position: relative;overflow: hidden;}
.foot1{padding: 50px 0;position: relative;z-index: 8;}
.flogo{display: inline-block;margin-bottom: 40px;}
.f-nav{display: flex;justify-content: space-between;}
.f-nav dl{}
.f-nav dl dt{font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 2;margin-bottom: 24px;}
.f-nav dl dt a{font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 2;}
.f-nav dl dd{margin-top: 15px;display: flex;align-items: center;}
.f-nav dl dd a,.f-nav dl dd span{font-size: 16px;color: #FFFFFF;line-height: 2;opacity: 0.5;display: block;}
.f-nav dl dd img{margin-right: 12px;}
.ewmimg {width: 150px; margin-right: 10px;}
.ewmimg:last-child{margin-right: 0;}
.ewmimg img{width: 100%;margin-right: 0!important;}

.foot2{border-top: 1px solid #283A4D;padding: 23px 0;position: relative;z-index: 8;}
.foot2>div{display: flex;align-items: center;}
.foot2 span,.foot2 a{font-size: 16px;color: #FFFFFF;opacity: 0.5;display: inline-block;}
.foot2 .f2r{margin-left: auto;}

.h-footer a:hover{opacity: 1;}

.ft-rttop{cursor: pointer;position: absolute;right: 0;bottom: 0;height: 100%;z-index: 9;width: 120px;background: #A9CE1E;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ft-rttop img{width: 6px;transition: .3s;}
.ft-rttop span{display: block;writing-mode: tb;letter-spacing: 1px;font-size: 16px;color: #000000;margin-top: 20px;}
.ft-rttop:hover img{transform: translateY(-10px);}

.wave-canvas-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.section{overflow: hidden;}
.section.active .sec1 .indTitleBox .atit{animation: fadeInUp .6s .3s ease both;}
.section.active .indTitleBox .btit{animation: fadeInUp .6s .4s ease both;}
.section.active .indTitleBox .ctit{animation: fadeInUp .6s .5s ease both;}
.section.active .iABAtit{animation: fadeInUp .6s .5s ease both;}
.section.active .iABBtit{animation: fadeInUp .6s .7s ease both;}
.section.active .indNumBox{animation: fadeInUp .6s .7s ease both;}
.section.active .indProSelList{animation: fadeInUp .6s .5s ease both;}
.section.active .indProListBox{animation: fadeInUp .6s .7s ease both;}
.section.active .mySwiperYoushi{animation: fadeInUp .6s .5s ease both;}
.section.active .youshiSelList{animation: fadeInUp .6s .7s ease both;}
.section.active .jjfaItem:nth-of-type(1){animation: fadeInRight 1.2s .5s ease both;}
.section.active .jjfaItem:nth-of-type(2){animation: fadeInRight 1.2s .6s ease both;}
.section.active .jjfaItem:nth-of-type(3){animation: fadeInRight 1.2s .7s ease both;}
.section.active .jjfaItem:nth-of-type(4){animation: fadeInRight 1.2s .8s ease both;}
.section.active .jjfaItem:nth-of-type(5){animation: fadeInRight 1.2s .9s ease both;}
.section.active .indTitSel{animation: fadeInUp .6s .5s ease both;}
.section.active .indNewsBox{animation: fadeInUp .6s .7s ease both;}
.section.active .ctBtns{animation: fadeInUp .6s .6s ease both;}


@media screen and (max-width:1700px) {
	.ft-rttop{width: 100px;}
}

@media screen and (max-width:1680px) {
	.w1440{width: 1240px;}
	.h_header{padding-left: 80px;}
	.h-nav .li{margin: 0 20px;}
	.indABout .InL{padding-left: calc((100vw - 1240px) / 2);}
	.indProBox{padding-left: calc((100vw - 1240px) / 2);}
	.indProListBox{padding-right: calc((100vw - 1240px) / 2);}
	
	.indTitleBox .atit{font-size: 20px;}
	.indTitleBox .btit{font-size: 38px;}
	.iABAtit{font-size: 14px;line-height: 22px;margin-bottom: 40px;padding-right: 40px;}
	
	.indA span{font-size: 15px;}
	.indTitleBox{padding: 0 0 25px;padding-right: 40px;}
	.indNumBox{margin-top: 50px;}
	.indNumItem .atit{margin: 5px 0 0px;}
	.indNumItem .btit{font-size: 15px;}
	.indProSelList a+a{margin-top: 12px;}
	.indProSelList a span{line-height: 65px;height: 65px;font-size: 18px;}
	.indProItem .atit{font-size: 18px;line-height: 60px;height: 60px;}
	.indProSelList a img{margin: 0 18px;}
	.youshiSel{height: 70px;}
	.youshiSel span{font-size: 17px;margin-right: 5px;}
	.youshiTit{font-size: 15px;}
	.indNewsItem1 .img{height: 355px;}
	.indNewsItem1 .desc .atit{margin: 23px 0 5px;}
	.indNewsItem1 .desc .btit{font-size: 22px;}
	.indNewsItem2{padding: 23px 0;}
	.indNewsItem2 .desc .atit{font-size: 22px;line-height: 30px;height: 60px;}
	.indNewsItem2 .date p{font-size: 50px;}
	.indNewsItem2 .date span{font-size: 15px;}
	
	.f-nav dl dd a, .f-nav dl dd span{font-size: 15px;}
	.foot2 span, .foot2 a{font-size: 15px;}
	.f-nav dl dd{font-size: 10px;}
	
}
@media screen and (max-width:1480px) {
	.w1440{width: 1100px;}
	.indABout .InL{padding-left: calc((100vw - 1100px) / 2);}
	.indProBox{padding-left: calc((100vw - 1100px) / 2);}
	.indProListBox{padding-right: calc((100vw - 1100px) / 2);}
	.f-nav{padding-right: 50px;}
	.foot2 .f2r{padding-right: 50px;}
	.h_header {padding-left: 50px;}
	.h-nav .li {margin: 0 15px;}
	.indProSelList{width: 240px;}
	.indProListBox{margin-left: 30px;width: calc(100% - 270px);}
	.indProSelList a span{line-height: 60px;height: 60px;}
	.indProSelList a+a {margin-top: 8px;}
	.youshiSel+.youshiSel {margin-left: 15px;}
	.mySwiperPro .swiper-button-prev{margin-left: -7.5px;}
	
	
}

@media screen and (max-width:1300px) {
	.h-nav .li>a{font-size: 16px;}
}

@media screen and (max-width:1199px) {
	.w1440{width: 100%;padding: 0 20px;}
	.content_box{padding-top: 60px;}
	.h_header{padding-left: 20px;}
	.h-logo{margin-right: auto;}
	.indABout .InL{padding-left: 20px;}
	.indProBox{padding: 0 20px;}
	.search-alert .cent-form{height: 50px;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -30px;}
	.search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 18px;}
	.search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -30px;}
	.search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 18px;}
	.search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;}
	
	.mySwiperBannerPC{display: none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination{bottom:40px;}
	
	.h-nav{display: none;}
	.header-zw{height: 60px;}
	.h_header{height: 60px;}
	.h-logo{height: 40px;}
	.h-logo img{height: 100%;display: block;}
	.h-search {margin: auto 20px auto 0;}
	.h-lang {width: 60px;}
	.h-lang span{font-size: 16px;}
	.h-menu {width: 60px;}
	.h-menu img{width: 22.5px;}
	
	.in-nav{padding: 100px 30px 30px;}
	
	
	
	.indA{height: 50px;width: 140px;}
	.indA span {font-size: 14px;}

	.jjfaItem.active{padding: 20px;}
	.jjfaItem .jjfaDesc{padding: 15px 20px;}
	.jjfaContent .atit{font-size: 14px;transition: .3s;}
	.jjfaItem.active .jjfaContent .atit{font-size: 24px;}
	.jjfaItem .jjfaDesc .ctit{width: calc(100% - 120px);font-size: 15px;}
	.jjfaItem .jjfaDesc .dtit{width: 120px;height: 40px;font-size: 14px;}

	.indTitleBox{padding: 0 0 20px;}
	.indTitleBox .atit {font-size: 18px;}
	.indTitleBox .btit {font-size: 32px;}
	.indABout .indTitleBox {padding-right: 30px;}
	.iABAtit{padding-right: 30px;margin-bottom: 30px;}
	.iABAtit p+p {margin-top: 15px;}
	.indNumBox {margin-top: 35px;}
	.indNumItem{padding: 15px 10px;}
	.indNumItem .atit{font-size: 32px;}
	.indNumItem .btit {font-size: 14px;}
	.videoPlay{zoom: .75;}
	
	.indProSelList{width: auto;display: flex;flex-wrap: wrap;margin: -2px;}
	.indProSelList a{margin: 2px!important;width: calc(33.333% - 4px);}
	.indProListBox{margin: 20px 0 0;width: 100%;padding-right: 0;}
	.mySwiperPro{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
	.mySwiperPro .swiper-button-prev, .mySwiperPro .swiper-button-next{position: relative;margin: 20px 5px 0!important;left: auto!important;right: auto!important;bottom: auto!important;}
	
	.sec3 .youshiBox{padding: 50px 0;}
	.youshiSel{padding: 10px 10px;height: auto;flex-direction: column-reverse;text-align: center;line-height: 1.3;}
	.youshiSel span{font-size: 16px;margin-right: 0;margin-top: 5px;}
	.youshiSel+.youshiSel {margin-left: 10px;}
	
	.indCaseBox{padding-top: 30px;}
	
	.indTitSel a{height: 45px;}
	.indNewsLeft {width: calc(50% - 15px);}
	.indNewsRight {width: calc(50% - 15px);}
	.indNewsItem1 .img {height: 265px;}
	.indNewsItem1 .desc .btit {font-size: 18px;line-height: 24px;height: 48px;}
	.indNewsItem2 {padding: 15px 0;}
	.indNewsItem2 .desc .atit {font-size: 18px;line-height: 24px;height: 48px;}
	.indNewsItem2 .date{width: 100px;}
	.indNewsItem2 .date p {font-size: 42px;}
	.indNewsItem2 .desc {width: calc(100% - 100px);padding-left: 20px;}
	
	.sec6{padding: 10px 0 70px;}
	.ctBtns{margin-top: 25px;}
	
	.f-nav{padding-right: 0;}
	.f-nav dl{display: none;}
	.f-nav dl.dl2{display: block;}
	.ft-rttop{display: none;}
	.f-nav dl dd a, .f-nav dl dd span{line-height: 1.5;}
	.f-nav dl dt{margin-bottom: 10px;}
	.ewmimg{width: 120px;}
	.foot1{padding: 40px 0;}
	.foot2{padding: 15px 0;}
	.foot2 .f2l{width: 100%;text-align: center;}
	.foot2 .f2r{display: none;}
	
	.mouseIcon{display: none;}

	
}
@media screen and (max-width:780px) {
	.f-nav{flex-wrap: wrap;}
	.ewmimg{width: calc(33.33% - 10px);}

	.w1440{padding: 0 15px;}
	.h_header{padding-left: 15px;}
	.indABout .InL{padding-left: 15px;}
	.indProBox{padding: 0 15px;}
	
	.mySwiperBanner .swiper-pagination {bottom: 20px;}

	.in-nav{padding: 40px 15px 20px;}
	.in-nav ul{flex-wrap: wrap;align-items: flex-start;align-content: flex-start;justify-content: flex-start;}
	.in-nav ul li{padding: 0 8px 30px;}
	.in-nav ul .link:not(:last-child){margin-bottom: 12px;}
	.in-nav .info .item{margin-bottom: 10px;line-height: 1.5;}
	.in-nav .info{flex-wrap: wrap;}
	.in-nav .qrs .qr-box{margin-left: 0;margin-right: 10px;margin-top: 10px;}
	.in-nav .qrs .qr-box:last-child{margin-right: 0;}
	
	

	.jjfaItem{padding-top: 120px;}
	.jjfaItem.active{padding: 20px 15px;}
	.jjfaContent .atit{width: 18px;margin: 10px auto 10px;transition: .3s;}
	.jjfaContent .btit{position: absolute;}
	.jjfaItem .jjfaDesc .ctit{display: none;}
	.jjfaItem .jjfaDesc .dtit{margin-left: auto;}
	.jjfaContent .icon{width: 40px;height: 40px;transition: .5s;}
	.jjfaContent .icon img{width: 25px;transition:.5s;}
	.jjfaItem.active .jjfaContent .icon{width: 80px;height: 80px;}
	.jjfaItem.active .jjfaContent .icon img{width: 50px;}
	.jjfaItem.active .jjfaContent .atit{width: auto;}
	
	
	.indABout{display: flex;flex-direction: column;}
	.indABout .InL{width: 100%;margin: auto 0;padding: 30px 15px 15px;}
	.indABout .InR{width: 100%;flex: 1;}
	.iABAtit{padding-right: 0;margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
	.indABout .indTitleBox{padding-right: 0;}
	.indNumBox{width: 100%;margin-top: 20px;}
	.indNumItem .atit {font-size: 28px;}
	.indNumItem {padding: 10px 5px;width: 100%;}
	
	.indProSelList a{flex-direction: column;padding: 10px 0 5px;}
	.indProSelList a img {margin: 0 auto;}
	.indProSelList a span {font-size: 16px;line-height: 40px;height: 40px;}
	.indProItem .atit {font-size: 16px;line-height: 40px;height: 40px;padding: 0 6px;}
	.mySwiperPro .swiper-button-prev, .mySwiperPro .swiper-button-next{margin: 15px 5px 0 !important;}
	.indProListBox {margin: 15px 0 0;}
	
	.youshiSelList{flex-direction: column;}
	.youshiSel{width: 100%;flex-direction: row;padding: 6px 10px;}
	.youshiSel+.youshiSel {margin-left: 0px;margin-top: 5px;}
	.youshiSel span{margin-top: 0;margin-right: 5px;}
	.youshiSel.active:before{height: 400%;}
	
	
	.indTitleBox{flex-direction: column;}
	.indTitSel{margin: 0 auto;}
	.sec5 .indTitleBox{text-align: center;}
	.indNewsList{display: block;}
	.indNewsLeft{width: 100%;}
	.indNewsRight{width: 100%;margin-top: 15px;}
	.indNewsItem1 .img{height: auto;max-height: 200px;}
	.indNewsItem1 .desc .atit {margin: 5px 0 0px;font-size: 14px;}
	.indNewsItem1 .desc .btit{font-size: 17px;}
	.indNewsItem2{display: none;}
	.indNewsItem2:nth-of-type(1){display: flex;}
	.indNewsItem2 .desc{padding-left: 15px;}
	.indNewsItem2 .desc .btit{font-size: 17px;}
	
	.indA{width: 120px;}

	.f-nav dl dd {margin-top: 8px;}
	
}



















.z_pg_bar{ position: absolute; display: flex;justify-content: space-between;align-items: center; left: 0; bottom: 0; width: 100%; padding: 0 13vw; background: rgba(0,0,0,.5); z-index: 1;  color: #fff;}
.z_pg_bar a{ color: #fff;}


.z_other_banner .img{max-height: calc(100vh - 100px);object-fit: cover;object-position: center;}
.NBDesc{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;}
.NBDesc>div{display: flex;align-items: center;}
/* .NBDesc .NBT{flex-shrink: 0;} */
.NBDesc .NBT .tit img{transform: translateY(60%);position: relative;z-index: 0;}
.NBDesc .NBT .tit p{display:block;font-weight: bold;font-size: 80px;color: #FFFFFF;line-height: 1.2;}
.scrollLoading{margin-top: 150px;display: flex;align-items: center;}
.scrollLoading img{display: block;margin-right: 5px;}
.scrollLoading span{margin-left: 10px; display: block;font-size: 18px;color: #FFFFFF;line-height: 25px;}
.NBDesc .NBI{}
.NBDesc .NBI img{max-width: 100%;}

.z_page_form{display: flex;height: 60px;border-radius: 30px;overflow: hidden;background: rgba(255, 255, 255, .2);margin: 10px 0;}
.z_page_form .int{display: block;padding: 0 25px;font-size: 18px;color: #CCCCCC;width: 400px;}
.z_page_form .btn{display: block;width: 100px;background-color: #A9CE1E;background-image: url(../images/iconSearch1.png);background-repeat: no-repeat;background-position: center;border-radius: 30px;}


.proListSelBox{display: flex;position: relative;z-index: 99;margin: 80px 0 50px;}
.proListSel{display: flex;align-items: center;justify-content: center;height: 100%;width:100%;position: relative;padding: 20px 15px;z-index: 9;}
/* .proListSel::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(45deg, #414141, #010101);transition: .3s;} */
.proListSel img{display: block;margin-right: 20px;position: relative;z-index: 9;}
.proListSel span{display: block;font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 1;position: relative;z-index: 9;}
.proListSel.active::after,.proListSel:hover::after{opacity: 0;}

.proListSelItem{width: 100%;position: relative;}
.proListSelItem .bg{width: 100%;height:100%;display: flex;align-items: center;background:#A9CE1E;transition: .3s;position: relative;}
.proListSelItem .bg::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(45deg, #414141, #010101);transition: .3s;}
.proListSelItem i{display: none;}
.proListSelItem.active .bg::after,.proListSelItem:hover .bg::after{opacity: 0;}
.pl-subnav {width:100%;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.pl-subnav ol {padding:0px 0;}
.pl-subnav ol li{width: 100%;margin: 0 !important;border-top: 1px solid #f8f8f8;}
.pl-subnav a {transition: .3s; padding: 15px 10px;box-sizing: border-box; width: 100%; display:block;line-height:20px;color:#333;font-size: 16px;text-align: center;font-weight: normal;}
.pl-subnav a:hover {background:#A9CE1E;color:#fff!important;}
.proListSelItem:hover .pl-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}



.proListBox{display: flex;flex-wrap: wrap;margin: -15px;}
.proItem{display: block;margin: 15px;width: calc(25% - 30px);background: linear-gradient(45deg, #ECECEC, #CCCCCC);}
.proItem .img{overflow: hidden;background: linear-gradient(135deg, #FFFFFF, #A9CE1E);border: 1px solid #CCCCCC;}
.proItem .img img{display: block;width: 100%;transition: .5s;}
.proItem .tit{display: block;height: 70px;line-height: 70px;text-align: center;font-size: 20px;color: #000000;padding: 0 10px;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.proItem:hover .img img{transform: scale(1.05);}
.proItem:hover .tit{background: #A9CE1E;color: #ffffff;}



.proDescBox{background: #000000;padding: 50px 0 30px;overflow: hidden;position: relative;}
.proDescBox>div{display: flex;flex-wrap: wrap;align-items: center;}
.proDescBox .PBL{width: 50%;position: relative;}
.proDescBox .PBL img{width: 100%;position: relative;z-index: 99;}
.proDescBox::after{content: "";display: block;width: 1000px;height: 500px;background: linear-gradient(-90deg, #A9CE1E 0%, rgba(169,206,30,0.2) 100%);border-radius: 0 250px 250px 0;position: absolute;bottom: 0px;right: 68%;transform: rotate(45deg); transform-origin: bottom right;transition: 1.2s;}
.proDescBox.ready::after{transform: rotate(45deg) translate(-50%,0%);}
.proDescBox .PBR{width: 50%;padding: 50px 0 80px;}
.proDescBox .PBR .atit{font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 1.2;}
.proDescBox .PBR .btit{font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 1.2;margin: 45px 0 45px;}
.proDescBox .PBR .ctit{display: flex;flex-wrap: wrap;font-size: 16px;color: #CCCCCC;line-height: 24px;}
.proDescBox .PBR .ctit p{min-width: 50%;margin-bottom: 12px;}
.proDescBox .PBR .dtit{display: flex;align-items: center;margin-top: 50px;}
.proDescBox .PBR .dtit .img{width: 80px;height: 80px;margin-right: 15px;border-radius: 50%;background: #A9CE1E;display: flex;align-items: center;justify-content: center;}
.proDescBox .PBR .dtit p{display: block;}
.proDescBox .PBR .dtit p span{display: block;font-size: 18px;color: #CCCCCC;line-height: 1.2;}
.proDescBox .PBR .dtit p b{display: block;font-family: DIN;font-weight: bold;font-size: 40px;color: #A9CE1E;line-height: 1.2;}

.proDescBox .z_pg_bar{padding: 0!important;}

.proDescTit{text-align: center;font-size: 48px;font-weight: bold;color: #000000;line-height: 1;margin: 100px 0 50px;}
.proDescTit.white{color: #ffffff;}
.cptdList{display: flex;flex-wrap: wrap;margin: -15px;}
.cptdItem{width: calc(25% - 30px);margin: 15px;background: #FFFFFF;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);border-radius: 20px;border: 1px solid #E1E1E0;padding: 60px 50px 50px;transition: .3s;}
.cptdItem .img{display: flex;align-items: center;justify-content: center;width: 104px;height: 104px;background: #A9CE1E;border-radius: 50%;margin: 0px auto 25px;transition: .3s;}
.cptdItem p{display: block;font-size: 18px;color: #000000;line-height: 1.5;text-align: center;transition: .3s;}
.cptdItem:hover{background: #A9CE1E;transform: translateY(-10px);}
.cptdItem:hover .img{background: #F5F5F5;}
.cptdItem:hover p{color: #FFFFFF;}


.proVideo{display: block;position: relative;}
.proVideo img{display: block;width: 100%;}


.proSP{display: flex;flex-wrap: wrap;margin: -15px;}
.proSP .img{width: calc(50% - 30px);margin: 15px;}
.proSP .img img{display: block;width: 100%;}

.szck{margin-top: 80px;background: #000000;border: 1px solid #000;}
.szck table{width:100%;border-collapse: collapse;}
.szck table th{border: 1px solid #333333;text-align: center;font-size: 24px;color: #FFFFFF;line-height: 1.5;padding: 15px 5px;}
.szck table td{border: 1px solid #333333;text-align: center;font-size: 20px;color: #FFFFFF;line-height: 1.5;padding: 15px 5px;}
.tableText{text-align: center;font-size: 18px;color: #FFFFFF;line-height: 1.5;padding: 50px 0 100px;}


.cpyyList{display: flex;flex-wrap: wrap;margin: -15px;}
.cpyyItem{width: calc(33.333% - 30px);margin: 15px;position: relative;font-size: 24px;border-radius: 20px;overflow: hidden;}
.cpyyItem .img img{display: block;width: 100%;transition: .5s;}
.cpyyItem .atit{width: 230px;height: 60px;background: #A9CE1E;border-radius: 0px 0px 30px 0px;font-size: 24px;color: #000000;display: flex;align-items: center;justify-content: center;top: 0;left: 0;position: absolute;}
.cpyyItem:hover .img img{transform: scale(1.05);}

.cptj{margin-top:100px;background: #F5F5F5;border: 1px solid #f5f5f5;padding-bottom: 100px;}


#pages{padding: 50px 0;}
#pages ul{padding: 30px 0 50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#pages li{display: block;margin: 5px;}
#pages li a,#pages li span{font-weight: bold;font-size: 18px;color: #ffffff;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #000000;border-radius: 50%;}
#pages li a:hover,#pages li.active span{background: #A9CE1E;}


@media screen and (max-width:1680px) {
	.NBDesc .NBT .tit p{font-size: 70px;}
	.scrollLoading {margin-top: 120px;}
	.proListSelBox{margin: 60px 0 40px;}
	.proListSel img{margin-right: 15px;}
	.proListSel span{font-size: 19px;}
	.proItem .tit{font-size: 18px;height: 65px;line-height: 65px;}
	
	.z_page_form{height: 50px;}
	.z_page_form .int{width: 350px;font-size: 16px;}
	
}
@media screen and (max-width:1480px) {
	.NBDesc .NBT .tit p{font-size: 60px;}
	.scrollLoading {margin-top: 100px;}
	.z_page_form .int{width: 300px;}
	.z_page_form .btn{width: 80px;background-size: 24px;}
	.proListSel img {margin-right: 10px;}
	.proListSel span {font-size: 18px;}
	
	
	.proDescBox::after{height: 400px;bottom: 0px;}
	.proDescBox .PBR .btit{margin: 35px 0;}
	.proDescTit{font-size: 38px;margin: 80px 0 40px;}
	.cptdItem{padding: 50px 25px 40px;}
	.cptdItem .img{width: 100px;height: 100px;}
	.cptdItem p{font-size: 16px;}
	.szck table th{font-size: 20px;}
	.szck table td{font-size: 18px;}
	.szck img{zoom:.75;}
	.tableText{padding: 40px 0 80px;}
	.cpyyItem .atit{width: 180px;height: 55px;font-size: 22px;}
	.cptj{margin-top: 80px;padding-bottom: 80px;}
	
	
}
@media screen and (max-width:1199px) {
	.NBDesc .NBT .tit p {font-size: 50px;}
	.z_pg_bar{padding: 0 20px;}
	.scrollLoading{display: none;}
	.proListSelBox {margin: 40px 0 20px;}
	.proListBox{margin: -10px;}
	.proItem{width: calc(33.333% - 20px);margin: 10px;}
	.proItem .tit {font-size: 16px;height: 60px;line-height: 60px;}
	
	.proDescBox{padding: 0px 0 20px;}
	.proDescBox::after{height: 300px;bottom: 0%;right: 70%;}
	.proDescBox .PBR .atit{font-size: 32px;}
	.proDescBox .PBR .btit {margin: 25px 0;font-size: 20px;}
	.proDescBox .PBR .ctit{font-size: 15px;}
	.proDescBox .PBR .ctit p{margin-bottom: 8px;}
	.proDescBox .PBR .dtit p span{font-size: 16px;}
	.proDescBox .PBR .dtit p b{font-size: 36px;}
	.proDescBox .PBR .dtit .img {zoom: .85;}
	.proDescBox .z_pg_bar{padding: 0 20px!important;}
	
	.proDescTit {font-size: 34px;margin: 60px 0 40px;}
	.cptdList{margin: -5px;}
	.cptdItem {padding: 40px 15px 30px;width: calc(25% - 10px);margin: 5px;}
	.cptdItem .img{zoom: .75;}
	.proSP{margin: -10px;}
	.proSP .img {width: calc(50% - 20px);margin: 10px;}
	.szck table th {font-size: 18px;padding: 10px 2px;}
	.szck table td {font-size: 16px;padding: 10px 2px;}
	.szck img{zoom:1;width: 20px;}
	.tableText{font-size: 16px;padding: 30px 0 60px;}
	.cpyyList{margin: -10px;}
	.cpyyItem {width: calc(33.333% - 20px);margin: 10px;}
	.cpyyItem .atit {width: 160px;height: 50px;font-size: 20px;border-radius: 0 0 15px 0;}
	.cptj .proItem:nth-of-type(4){display: none;}
	
	
}
@media screen and (max-width:780px) {
	
	.z_other_banner .img{min-height: 30vh;}
	
	.z_pg_bar{padding: 0 15px;}
	.z_page_wz{display: none;}
	.z_page_search{margin-left: auto;}
	.z_page_form .int {width: 200px;padding: 0 10px;}
	
	.z_pg_bar{position: relative;background: #000000;}
	.NBDesc .NBT .tit img{width: 240px;}
	.NBDesc .NBT .tit p {font-size: 32px;}
	.z_page_form {height: 45px;}
	.z_page_form .int{font-size: 15px;}
	.NBDesc{top: calc(50% - 25px);}
	.NBDesc .NBI{display: none;}
	.proListSelBox {margin: 40px 0 15px;}
	.proListSel img {margin-right: 5px;}
	.proListSel span {font-size: 16px;}
	.proListBox {margin: -5px;}
	.proItem {width: calc(50% - 10px);margin: 5px;}
	.proItem .tit{font-size: 15px;}
	
	.proDescBox::after{bottom: auto;right: 45%;top: 30vw;;}
	.proDescBox .PBL{width: 100%;}
	.proDescBox .PBR{width: 100%;padding: 0px 0 10px;}
	.proDescBox .PBR .atit {font-size: 28px;}
	.proDescBox .PBR .btit {margin: 20px 0;font-size: 18px;}
	.proDescBox .PBR .ctit {font-size: 14px;}
	.proDescBox .PBR .dtit{margin-top: 35px;}
	.proDescBox .PBR .dtit .img {zoom: .75;}
	.proDescBox .PBR .dtit p span {font-size: 14px;}
	.proDescBox .PBR .dtit p b {font-size: 28px;}

	.cptdItem{padding: 30px 10px 30px;width: calc(50% - 10px);}
	.cptdItem p {font-size: 15px;}
	.proSP {margin: -5px;}
	.proSP .img {width: calc(50% - 10px);margin: 5px;}
	.szck{margin-top: 60px;}
	.szckTable{overflow-x: auto;}
	.tableText {font-size: 12px;padding: 20px 0 50px;}
	
	.szck table th {font-size: 16px;padding: 10px 5px;white-space: nowrap;}
	.szck table td {font-size: 14px;padding: 10px 5px;white-space: nowrap;}
	
	.cpyyList {margin: -5px;}
	.cpyyItem {width: calc(50% - 10px);margin: 5px;border-radius: 10px;}
	.cpyyItem .atit {width: 120px;height: 45px;font-size: 18px;border-radius: 0 0 10px 0;}
	.cptj {margin-top: 60px;padding-bottom: 60px;}
	.cptj .proItem:nth-of-type(4) {display: block;}
	
	
	.proListSelBox{flex-wrap: wrap;}
	.proListSelItem{display: flex;flex-wrap: wrap;align-items: center;}
	.proListSelItem .bg{height: auto;}
	.proListSelItem i{display: block;width: 40px;height: 40px;background: url(../images/iconRight3.png);background-repeat: no-repeat;background-position: center;margin-left: auto;flex-shrink: 0;z-index: 9;transition: .3s;}
	.proListSelItem i.active{transform: rotate(90deg);}
	.pl-subnav{position: relative;left: 0;transform: translate(0);top: 0;height: auto;display: none;visibility: visible;transition: 0s!important;opacity: 1;margin-top: 0;}
	.proListSel{justify-content: flex-start;width: calc(100% - 40px);height: auto;}
	.proListSel::after{display: none;}
}





.in-nav{overflow: auto;}

.in-nav ul .pro{width: 100%;display: flex;flex-wrap: wrap;}
.aBox{display:flex;justify-content: space-between;}
.bBox{max-width: 16.666%;}
.a1{width:100%;}
.a2{width:100%;font-size: 17px!important;font-weight: bold;margin-bottom: 15px!important;}
.a3{margin-right: 10px;}


@media screen and (max-width:780px){
	.in-nav ul li{margin-bottom: 0;}
	
	.aBox{flex-wrap: wrap;justify-content: flex-start;margin: 0 -10px;}
	.bBox{max-width: none;margin-top: 3px;margin-bottom: 12px;padding: 0 10px;}
	.a2{margin-bottom: 0!important;}
	.a3{display: none!important;}
	.in-nav ul .pro{padding-bottom: 0;margin-bottom: 10px;}
}