
/* 

.-"""-.
/ .===. \
\/ 6 6 \/
( \___/ )
 _________ooo__\_____/_____________
/                                  \
| Powered By CHECK-WIN             |                           
| https://www.seoso.cn             |
| Tel:400-677-0510                 |
| Creation:2024.04.11              | 
| Designed By Silence              |
\_______________________ooo________/ 
 |  |  |
 |_ | _|
 |  |  |
 |__|__|
 /-'Y'-\
(__/ \__) 

*/
*{padding:0;margin:0;-webkiit-box-sizing:border-box;box-sizing:border-box}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{color:#333;font-size:16px;font-family:'Microsoft YaHei UI',Arial,sans-serif,}
h1,h2,h3,h4,h5,h6{font-weight:400}
address,caption,cite,code,dfn,th,var,em{font-style:normal;font-weight:400}
a{color:#333;text-decoration:none}
a:hover{text-decoration:underline;text-decoration:none}
i{font-style:normal}
pre{text-align:left;padding:0;margin:0;font-style:normal}
img{border:none}
li,ol,ul{list-style:none; }
table{border-collapse:collapse}
input[type=text]:active,input[type=text]:focus{appearance:none;-webkit-appearance:none;outline:0}
a{-webkit-tap-highlight-color:transparent;text-decoration:none}
a:hover{-webkit-tap-highlight-color:transparent}
img{vertical-align:middle}
button,button[type=button],input,input:active,input:focus,textarea:focus{appearance:none;-webkit-appearance:none;outline:0}
.fl{float:left}
.fr{float:right}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.content{max-width:1400px;height:auto;margin:0 auto;box-sizing:border-box}
img{max-width:100%}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;font-size:0}
@media (min-width:1660px){html{font-size:16px}
}
@media (min-width:1400px) and (max-width:1660px){html{font-size:14px}
}
@media (max-width:1399px){html{font-size:12px}
}
@media (max-width:767px){html{font-size:14px}
}
@media only screen and (max-width :1919px){.banner img{width:100%;height:auto}
}

@media (max-width:767px){body{overflow-x:hidden}  }  
.container{max-width:1400px;margin:0 auto;}
/*==========================header========================== */
.headbox{position:fixed;top:0;left:0;z-index:999999;width:100%;    height: 6.25rem}
.headbox-section1{height:100%;position:relative}
.headbox-section1 .basecont{height:100%}
.headbox-section1 .cont{height:100%;display:flex;justify-content:space-between;align-items:center}
.headbox-section1 .cont .logo .img{height:4.1875rem}
.headbox-section1 .cont .logo .img img{height:100%}
.headbox:hover .headbox-section1 .basecont .cont .logo p{color:#999}
.headbox:hover .headbox-section1 .basecont .cont .navbox .item .tit{color:#333}
.headbox2 .headbox-section1{background-color:#fff}
.headbox2 .headbox-section1 .basecont .cont .logo p{color:#999}
.headbox2 .headbox-section1 .basecont .cont .navbox .item .tit{color:#333}
.headbox2 .headbox-section1 .basecont .cont .gt .search .img img:nth-child(1){display:none}
.headbox2 .headbox-section1 .basecont .cont .gt .search .img img:nth-child(2){display:block}
.headbox2 .headbox-section1 .basecont .cont .gt .but span{background-color:#555}
/*========================== nav ========================== */
.navbar-nav>li {font-size: 1.125rem; height: 100%;display: flex; align-items: center; position: relative;  padding: 0 2rem;line-height: 6.08rem;}
.navbar-nav>li a{color:#fff}
.navbar-collapse{padding-right: 15px;padding-left: 0px;}
.nav>ul>li>a{color: #333;font-size: 1.125rem;  }
.menu_head:hover{color:#059c80}
.dropdown-menu{display:none}
.dropdown:hover .dropdown-menu{display:block;transition:0.3s ease-in-out}
.nav > ul > li a.cur {color:#059c80;font-size:1.125rem;}
.nav > ul > li >  a {display:block;padding:0 2rem;font-size:1.125rem;font-weight:normal;position:relative;line-height: 2;}
.nav>ul>li{position:relative;height:2rem;;line-height:2rem;z-index:9999}
.dropdown-menu{position:absolute;width:100%;top:4.8rem;background: #f9f9f9;text-align:center;left:-4%;box-shadow:none;border:none;border-radius:0;z-index:9999999}
.dropdown-menu>li>a{font-size:1rem;line-height:3;color:#333;z-index:9999}
.dropdown-menu>li>a:hover{color:#059c80}
.dropdown-menu>li::after {position: absolute;content:"";right: 0;top:0;display:none;}
.dropdown-menu>li>a {padding:0 0rem!important;display:block;width:100%;font-size:1rem!important;  }
.dropdown-menu>li>a:hover{color:#059c80;background:none; }
.navbar-collapse.collapse {display: block!important; height: auto!important;padding-bottom:0;overflow:visible!important;}
.nav ul>li { position: relative;line-height:2rem;z-index: 9999;}
.nav>ul>li:last-child{display:none}
.navbar-nav>li:nth-child(3) .dropdown-menu {position:absolute;left:-12%;width:12rem;}
.navbar-nav>li>.dropdown-menu>li:hover{background:#ddd;  }
.navbar-nav>li>.dropdown-menu>li:hover a{color:#059c80}
.navbar-nav>li .cur{border-top:3px solid #059c80;font-weight:700 }
.navbar-nav>li a:hover {color: #059c80;}
.logo2{display:none}
/*头部变色之后*/
.head2{background:#fff;transition:all 0.8s ease-in-out;box-shadow:1px 1px 5px rgb(204 204 204 / 28%);}
.head2 .logo2{display:block}
.head2 .logo1{display:none}
.head2 .navbar-nav>li a{color:#222}

/*========================== banner ========================== */
.bannerbox{width:100%}
.bannerbox .swiper-slide{overflow:hidden;opacity:1;z-index:1}
.bannerbox .swiper-slide::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}
.bannerbox .swiper-slide .img{width:100%;height:100vh;position:relative;z-index:2}
.bannerbox .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.bannerbox .swiper-slide .img img:nth-child(2){display:none}
.bannerbox .iconlistall{margin-bottom:3rem}
.bannerbox .iconlistall .iconlist1 p{text-align:center;font-size:1.375rem;line-height:2;color:#fff}
.bannerbox .iconlistall .iconlist1 img{display:block}
.bannerbox .iconlistall .iconlist1{margin-right:3rem}
/*.bannerbox .swiper-slide:first-of-type .f_cont{top:40%}*/
.bannerbox .b3img{margin:2rem 0 3rem 0;display:block;width:50%;object-fit:contain}
.bannerbox .swiper-slide .video{width:100%;height:100%;position:relative;z-index:1;display:none}
.bannerbox .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
.bannerbox .swiper-slide .f_cont{position:absolute;top:40%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:4;width:100%}
.bannerbox .swiper-slide .f_cont .font{width:70%;color:#fff}
.bannerbox .swiper-slide .f_cont .font .tit{line-height:1.2;margin-bottom:2rem;font-size:3.75rem;font-weight:lighter;letter-spacing:5px}
.bannerbox .swiper-slide .f_cont .font .tit span{display:inline-block;font-weight:800;font-size:5.625rem;padding-left:1rem}
.bannerbox .swiper-slide .f_cont .font .text{font-size:2rem;font-weight:lighter;letter-spacing:5px}
.bannerbox .swiper-slide-active{opacity:1!important;z-index:2}
.bannerbox .banner_next{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:12px;color:#fff;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}
.bannerbox .banner_next i{display:block;height:50px;width:1px;background-color:#fff;opacity:.2;margin-top:20px}
.bannerbox .banner_page{position:absolute;z-index:2;top:50%;left:0}
.bannerbox .banner_page div{margin-bottom:1.5rem;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.bannerbox .banner_page span{font-size:1.125rem;opacity:.5;position:relative;color:#fff;cursor:pointer;width:100%;padding-left:3rem}
.bannerbox .banner_page .on span:after{opacity:1}
.bannerbox .banner_page .on span{opacity:1}
.bannerbox .banner_page span:after{content:"";position:absolute;bottom:44%;right:0;width:0;width:1.5rem;left:0;height:2px;background-color:#fff;opacity:.5;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.bannerbox .container{position:relative}

/*========================== index_about ========================== */
.index_about{background:url(../images/abbg.jpg) center center no-repeat;padding:6.25rem 0}
.index_about .left{width:45%}
.index_about .abnumblist{width:40%}
.pubtit h3{font-size:2rem;color:#222;line-height:1.3;padding-bottom:3rem}
.index_about .des{font-size:1.125rem;color:#444;line-height:1.8}
.index_about .abnumblist li{width:100%;border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem}
.index_about .abnumblist{margin:20% 0 0 0}
.index_about .abnumblist .counter{font-size:5.5rem;font-weight:600;font-family:arial;color:#059c80}
.index_about .abnumblist i{display:block;font-weight:600;color:#059c80;font-size:4.25rem}
.index_about .abnumblist em{display:block;color:#222;font-size:1.375rem;line-height:1.5}
.index_about .abnumblist li:last-child{margin-bottom:0}
.index_about .nr{align-items:flex-start!important}
.index_about .but,.index_application .but,.index_cooper .but{display:flex;align-items:center;font-size:1.125rem;color:#059c80;padding:11% 0 0 0}
.index_about .but i,.index_application .but i,.index_cooper .but i{display:block;width:5.125rem;height:5.125rem;margin-right:20px;background:#059c80;border-radius:100%;line-height:4rem}
.index_about .but i img,.index_application .but i img,.index_cooper .but i img{width:1.1875rem;height:1.1875rem;display:block;margin:38% auto 0}
.index_about .but a,.index_application .but a,.index_cooper .but a{font-size:1.125rem;color:#059c80}
.index_about .but:hover img,.index_application .but:hover img,.index_cooper .but:hover img{transform:rotate(45deg);transition:transform .6s}

/*========================== index_pro ========================== */
.index_pro{background:url(../images/probg.jpg) center center no-repeat;padding:6.25rem 0 0 0;background-size:cover;width:100%;position:relative}
.index_pro .left:before{content:"";position:absolute;left:-16%;top:0;z-index:0;width:100%;height:100%;background:url(../images/yuan.png) center no-repeat;background-size:contain;transform:translateX(-50%);display:block;animation:spin 20s linear infinite}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.index_pro .left img{display:block;width:43.5625rem;height:46.625rem;z-index:1;position:relative;margin-left:-25%;bottom:-3.75rem}
.index_pro .left{width:50%;position:relative;bottom:0}
.index_pro .right{width:45%;overflow:hidden}
.index_pro .left ul li{position:absolute;color:#fff;font-size:1.125rem;z-index:5}
.index_pro .left ul li:nth-child(1){top:27%;left:41px}
.index_pro .left ul li:nth-child(2){top:25%;left:62%}
.index_pro .left ul li:nth-child(3){top:54%;left:54%}
.index_pro .left ul li:last-child{top:78%;left:2%}
.index_pro .left ul li p{text-indent:2rem}

/*圆点变化*/
.loader-pulsing{border-radius:50%;background-color:currentColor;width:1rem;height:1rem;color:rgb(5 156 128 / 20%)}
#toggle:checked~#sect .loader-pulsing{-webkit-animation:pulseColor 3s ease infinite;animation:pulseColor 3s ease infinite}
.loader-pulsing:after,.loader-pulsing:before{content:"";position:absolute;top:0;color:#059c80;background-color:currentColor;width:100%;height:100%;display:block;border-radius:50%;transition:all 1s;-webkit-animation:pulse 3s ease-out infinite;animation:pulse 3s ease-out infinite}
.loader-pulsing:after{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:cubic-bezier(.3,1.65,.7,-.65);animation-timing-function:cubic-bezier(.3,1.65,.7,-.65)}
@-webkit-keyframes pulse{0%{transform:scale(0);color:#059c80}
100%,75%{transform:scale(2.5);color:transparent}
}
@keyframes pulse{0%{transform:scale(0);color:#059c80}
100%,75%{transform:scale(2.5);color:transparent}
}
@-webkit-keyframes pulseColor{50%,90%{color:#059c80}
70%{color:#059c80}
}
@keyframes pulseColor{50%,90%{color:#059c80}
70%{color:#059c80}
}
.loader-pulsing em{display:block;background:#059c80;width:0.6rem;height:0.6rem;position:relative;z-index:222;border-radius:100%;left:21%;top:21%;}
.index_pro .loader-pulsing{position:absolute;left:2%;top:17%}
.index_pro .left ul li:nth-child(1) .loader-pulsing{left:108%}
.index_pro .left ul li:last-child .loader-pulsing{left:108%}
.index_pro .pubtit h3{color:#fff}
.index_pro .right ul{border-top:1px solid rgb(255 255 255 / 17%);border-bottom:1px solid rgb(255 255 255 / 17%);padding:2rem 0}
.index_pro .item{padding:0 0;overflow:hidden}
.index_pro .item a{display:block;line-height:5;font-size:1.125rem;color:#fff;font-weight:200;text-align:center}
.index_pro .item .left{width:58%}
.index_pro .item .right{width:40%}
.index_pro .item img{display:block;border-radius:10px;overflow:hidden}
.index_pro .item p{font-size:1rem;color:#333;font-weight:200}
.index_pro .swiper-pagination-progressbar{position:absolute;bottom:0!important;top:99%!important;width:90%!important;right:0;left:12%!important}
.index_pro .swiper-button-prev{width:4.0625rem;height:4.0625rem;background:url(../images/prev.png) no-repeat center center;position:absolute;left:0;top:86%;background-size:contain}
.index_pro .swiper-button-next{width:4.0625rem;height:4.0625rem;background:url(../images/next.png) no-repeat center center;position:absolute;top:80%;left:15%;top:86%;background-size:contain}
.index_pro .swiper-button-next:after,.indexhonor .swiper-button-prev:after{font-size:0!important}
.index_pro .swiper-button-prev:hover{background:url(../images/prev1.png) no-repeat center center;transition:all .3s ease-in;background-size:contain}
.index_pro .swiper-button-next:hover{background:url(../images/next1.png) no-repeat center center;transition:all .3s ease-in;background-size:contain}
.index_pro .swiper-wrapper{padding:0 0 15% 0}
.index_pro .proSwiper{position:relative;overflow-y:visible;margin-top:5rem;margin-bottom: 6.5rem;}
.index_pro .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}

/*========================== index_cooper ========================== */
.index_cooper{background:url(../images/hzbg.jpg) center center no-repeat;padding:6.25rem 0;background-size:cover}
.index_cooper .right li{line-height:3;color:#666;padding-left:3.2rem}
.index_cooper .right li:nth-child(1){background:url(../images/cicon1.png) left center no-repeat}
.index_cooper .right li:nth-child(2){background:url(../images/cicon2.png) left center no-repeat}
.index_cooper .right li:nth-child(3){background:url(../images/cicon3.png) left center no-repeat}
.index_cooper .right li:nth-child(4){background:url(../images/cicon4.png) left center no-repeat}
.index_cooper .conlist{width:59%;position:absolute;right:0;background:#fff;padding:2rem 3rem;border-radius:1.5rem 0 1.5rem 0;box-shadow:1px -3px 8px rgb(204 204 204 / 36%);margin-top:15%}
.index_cooper .des{color:#444;font-size:1.125rem}
.index_cooper .des span{color:#059c80}
.index_cooper .left{width:50%;overflow:hidden}
.index_cooper .swiper-slide{border:1px solid #ddd;border-radius:5px;background:#fff;margin-bottom:1rem}
.index_cooper .swiper-slide img{display:block;margin:0 auto}
.index_cooper .cooperSwiper{padding:5rem 0 3rem 0;position:relative}
.index_cooper .swiper-pagination{color:#666}
.index_cooper .swiper-pagination-current{color:#059c80}
.index_cooper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:#059c80;border-radius:.625rem;left:0;top:0;height:4px}
.index_cooper .swiper-pagination{color:#666;width:12%;right:0;left:90%;bottom:0}
.index_cooper .scrollbar{height:4px;bottom:.375rem;background:#eee;width:90%;right:0;position:absolute;left:0}
.index_cooper .right span{color:#059c80;font-size:1rem;line-height:1;border-bottom:1px solid #ddd;display:block;padding-bottom:1.5rem;margin-bottom:1rem}
.index_cooper .right{width:49%;position:relative;height:80vh}
.loader-pulsing1{border-radius: 50%;background-color: currentColor;width: 1.2rem;height: 1.2rem;color: #fff;z-index: 22222; position: absolute;}
#toggle:checked~#sect .loader-pulsing1{-webkit-animation:pulseColor 3s ease infinite;animation:pulseColor 3s ease infinite}
.loader-pulsing1:after,.loader-pulsing1:before{content:"";position:absolute;top:0;color:#059c80;background-color:currentColor;width:100%;height:100%;display:block;border-radius:50%;transition:all 1s;-webkit-animation:pulse 3s ease-out infinite;animation:pulse 3s ease-out infinite}
.loader-pulsing1:after{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:cubic-bezier(.3,1.65,.7,-.65);animation-timing-function:cubic-bezier(.3,1.65,.7,-.65)}
@-webkit-keyframes pulse{0%{transform:scale(0);color:#fff}
100%,75%{transform:scale(3.5);color:transparent}
}
@keyframes pulse{0%{transform:scale(0);color:#fff}
100%,75%{transform:scale(3.5);color:transparent}
}
@-webkit-keyframes pulseColor{50%,90%{color:#fff}
70%{color:#fff}
}
@keyframes pulseColor{50%,90%{color:#fff}
70%{color:#fff}
}
.index_cooper .nr{align-items:flex-start!important;}
.index_cooper .right .dot1{bottom:11%;left: 6%;}
.index_cooper .right .dot2{bottom:25%;left:20%}
.index_cooper .right .dot3{bottom:29%;left:66%;}
.index_cooper .right .dot4{bottom:10%;left:98%;}
.index_cooper .right .dot5{bottom:10%;right:-13%;}
.loader-pulsing1 em{display:block;background:#059c80;width:0.6rem;height:0.6rem;position:relative;z-index:222;border-radius:100%;left:24%;top:23%;}
/*卡片箭头*/
.loader-pulsing2{position:relative;border-radius:50%;background-color:currentColor;width:3rem;height:3rem;color:rgb(5 156 128 / 20%);top:55%;left:40%}
#toggle:checked~#sect .loader-pulsing2{-webkit-animation:pulseColor 3s ease infinite;animation:pulseColor 3s ease infinite}
.loader-pulsing2:after,.loader-pulsing2:before{content:"";position:absolute;top:0;color:#059c80;background-color:currentColor;width:100%;height:100%;display:block;border-radius:50%;transition:all 1s;-webkit-animation:pulse 3s ease-out infinite;background-color:rgb(5 156 128 / 10%);animation:pulse2 3s ease-out infinite}
.loader-pulsing2 i{display:block;background:url(../images/icon6.png) #059c80 no-repeat center;background-size:1.0625rem 1.0625rem;border-radius:100px;padding:1.5rem;z-index:3;position:relative}
@-webkit-keyframes pulse2{0%{transform:scale(0);color:#059c80}
100%,75%{transform:scale(1.5);color:transparent}
}
@keyframes pulse2{0%{transform:scale(0);color:#059c80}
100%,75%{transform:scale(1.5);color:transparent}
}
@-webkit-keyframes pulseColor{50%,90%{color:#059c80}
70%{color:#059c80}
}
@keyframes pulseColor{50%,90%{color:#059c80}
70%{color:#059c80}
}

/*========================== index_application ========================== */
.index_application .swiper-slide{height:100vh;background-size: cover;}
.index_application{position:relative}
.index_application .text-block{position:absolute;top:0;right:13%;font-size:1.125rem;z-index:222;padding:8% 0;height:100%;width:12%}
.index_application .text-block{color:#fff}
.index_application .text-item{width:100%;cursor:pointer}
.index_application .slide-text{z-index:222;position:absolute;top:0;left:13%;padding:6% 0;width:40%}
.index_application .slide-text{color:#fff}
.index_application .slide-text span{font-size:1.125rem;line-height:1.8}
.index_application .slide-text h6{font-size:3rem;padding:4% 0 7% 0}
.index_application .slide-text p{font-size:1.125rem;line-height:1.8;font-weight:200}
.index_application .slide-text ul{padding:6% 0}
.index_application .slide-text ul li{padding:0 4%;margin-right:2%;background:#059c80;text-align:center;border-radius:100px;line-height:1.6; font-size:1.1rem;}
.index_application .text-item{font-size:1.25rem;position:relative}
.index_application .text-block{border-left:1px solid rgb(255 255 255 / 15%);padding-left:2.5rem}
.index_application .text-item.active::after{background:#059c80;content:"";position:absolute;left:-2.95rem;width:.6rem;height:.6rem;border-radius:100%;margin-top:-7.7%;z-index:2}
.index_application .text-item.active::before{background:rgb(5 156 128 / 20%);content:"";position:absolute;left:-27.8%;width:1.3rem;height:1.3rem;border-radius:100%;top:12%;z-index:1}
.index_application .but i{background:#fff}
.index_application .but{color:#fff}
/*.index_application .swiper-wrapper{transform: translate3d(0, 0px, 0px)!important; transition-duration:3ms;}*/
/*========================== index_news ========================== */
.index_news{padding:6.25rem 0;position:relative}
.index_news .tab-content{width:100%}
.index_news .container{position:relative}
.index_news .tab-nav{position:absolute;right:0;top:10%;width:20%}
.index_news .tab-nav-item a{color:#444;line-height:3;display:block}
.index_news .tab-nav-item.active a{color:#059c80;border-bottom:1px solid #059c80}
.index_news .rightlistques{align-items: flex-start!important;}
.index_news .rightlistques .img{height:261px;width:100%}
.index_news .rightlistques li{width:32%}
.index_news .rightlistques li{width:32%;border-radius:15px;overflow:hidden}
.index_news .rightlistques li:hover{box-shadow:1px 3px 9px #efefef}
.index_news .sum{padding:2rem}
.index_news .sum .ntit{color:#222;font-size:1rem;font-weight:600;line-height:1.5}
.index_news .sum span{display:block;color:#888;font-family:arial;line-height:1;padding-bottom:1rem}
.index_news .nmore{font-size:1rem;color:#059c80;padding:2rem 0 0 0;background:url(../images/icon5.png) no-repeat right 94%}
.index_news li:hover .nmore{transition:all .4s ease-in-out;background:url(../images/icon4.png) no-repeat right 94%}
@keyframes colorTransition {0%{background-color:#eee; width: 0%; }100% { background-color:#059c80; width: 100%; }}
.index_news .rightlistques .line {height:1px;background-color:#eee;margin:3rem 0 0 0;}
.index_news .rightlistques li:hover .line{background-color:#059c80;animation:colorTransition 0.8s forwards;}

/*========================== footer ========================== */
.footer{width:100%;background:#222;padding:5.625rem 0}
.footer .left li{color:#fff;font-size:1rem;line-height:1.8}
.footer .left li b{font-size:1.875rem;font-family:arial}
.footer .left ul{margin-top:2rem}
.footer .left{width:30%}
.footer .right{width:65%}
.footer .right>ul{align-items:flex-start!important}
.footer .right .tit{font-size:1.125rem;color:#fff;font-weight:600;line-height:2.5}
.footer .right .fnav a{color:#999;font-size:1rem;line-height:2}
.footer .right .fnav a:hover{color:#059c80;transition:all .3s ease-in-out}
.footer .container{align-items:flex-start!important}
.footer .copy{color:#6d6c6c;font-size:1rem;border-top:1px solid rgb(109 108 108 / 24%);padding:1rem 0;margin:3rem 0 0 0}
.footer .copy .right_1 a{color:#6d6c6c;font-size:1rem}
.footer .copy .right_1 a:hover{color:#059c80;transition:all .3s ease-in-out}
.footer .left img{display:block;object-fit:contain;height: 4.1875rem;}
.footer .left_1,.footer .left_1 a{color:#666}
.footer .left_1 a:hover{color:#059c80;transition:all .3s ease-in-out}
.footer .ftewm{margin-top:3rem;position:relative;margin-left:1rem}
.footer .ftewm p{font-size:1rem;padding-left:2rem;color:#fff;line-height:1.6}
.footer .ftewm::after{position:absolute;content:"";border:1px solid #fff;opacity:.15;width:7.875rem;height:7.2rem;left:-.4rem}
.footer .footerewm{position:relative;border:1px solid rgb(255 255 255 / 15%);padding:.6rem .6rem .6rem .4rem;display:block;width:7.875rem;height:7.875rem!important}
.footer .more{color:#059c80!important}

/*========================== 内页 ========================== */
/*头部变色之后*/
.head3{background:#fff;transition:all .8s ease-in-out;box-shadow:1px 1px 5px rgb(204 204 204 / 28%)}
.head3 .logo2{display:block}
.head3 .logo1{display:none}
.head3 .navbar-nav>li a{color:#222}
.nytop_nav{text-align:center;position:relative;text-align:center;position:relative;margin-top:6.25rem;height:31.25rem}
.ny-index-banner{height:450px!important;background-size:cover!important}
/*内页导航文字*/
.page-position .content a{color:#fff}
.page-position a{color:#fff}
.page-wrap{background:#fff;padding-bottom:5rem;position:relative;z-index:999999}
.page-position{padding:0 0;line-height:3;font-size:.875rem;color:#fff;width:100%;border-top:1px solid rgb(255 255 255 / 30%);position:absolute;bottom:0}
.page-position p{text-align:left;display:block;font-size:.875rem;background:url(../images/icon16.png) no-repeat left center;padding-left:2rem}
.page-position p a:hover{color:#059c80}
.page-position .navleft ul li{width:25%}
.page-position .navleft{width:60%}
.page-position .navleft ul li a{font-size:1rem;color:#fff;line-height:1.2;display:block;text-align:center}
.page-position .navleft ul li.on{background:linear-gradient(to bottom,#059c80 39%,rgb(5 156 128 / 39%) 100%,rgb(5 156 128 / 32%) 24%)}
.nytop_nav{position:relative}
.nytop_nav .top-text{position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:35%;text-shadow:1px 1px 2px #555}
.nytop_nav .top-text h1{font-size:2.5rem;line-height:2;color:#fff;font-weight:600;letter-spacing:0px}
.nytop_nav .top-text p{font-size:1.525rem;color:#fff;line-height:1.5;letter-spacing:0px}



/*关于我们*/
.mainbody{padding:6.25rem 0}
.mainbody .zhengwen strong{font-size:1.875rem;color:#222;font-weight:600;display:block;padding:0 0 1rem 0}
.mainbody .zhengwen p{line-height:2}
.nyaboutpage .abnumblist li{width:24%;border-bottom:1px solid #ddd;padding-bottom:1rem}
.nyaboutpage .abnumblist{margin:6.25rem 0 0 0}
.nyaboutpage .abnumblist .counter{font-size:5.5rem;font-weight:600;font-family:arial;color:#059c80}
.nyaboutpage .abnumblist i{display:block;font-weight:600;color:#059c80;font-size:4.25rem}
.nyaboutpage .abnumblist em{display:block;width:100%;color:#222;font-size:0.8rem;line-height:2}
.nyaboutpage .nr{align-items:flex-start!important}

/*公司实力*/
.gssllist{}
.gssllist li{width:32%;margin-right:2%;margin-bottom:2%;box-shadow:1px 2px 6px rgb(204 204 204 / 40%);padding:0.5rem;}
.gssllist li:nth-child(3n){margin-right:0%;}
.gssllist li .img{overflow: hidden;}
.gssllist li img{ display:block;overflow: hidden;transition:.5s ease-in;}
.gssllist li:hover img {transform:scale(1.1,1.1);}

/*产品列表*/
.nyprolist{padding:6.25rem 0 0  0}
.nyprolist li{position:relative;border-radius:10px;width:24%;margin-right:1%;margin-bottom:2%;padding:1rem;border:1px solid #f5f5f5;background:#fff;text-align:center}
.nyprolist li:nth-child(4n){margin-right:0}
.nyprolistli .info{font-size:14px;line-height:2;color:#999;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nyprolist li a{display:block}
.nyprolist li .nydes{width:100%;padding:0 5%}
.nyprolist .img{width:100%;position:relative;padding:4rem 0 0 0}
.nyprolist .img img{width:100%;display:block;object-fit:cover}
.nyprolist li h3{text-align:left;display:block;position:absolute;left:0;top:.5rem;color:#222;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:0;margin-block-end:0;font-weight:600;font-size:1.2rem;padding-left:2rem;width:90%}
.nyprolist li h3{text-align:left;display:block;position:absolute;left:0;top:.5rem;color:#222;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:0;margin-block-end:0;font-weight:600;font-size:1.2rem;background:url(../images/icon22.png) no-repeat left center;padding-left:2rem;width:90%}
/* 更多 */
.nyprolist .nypmore{margin:1rem 0}
.nyprolist .nypmore a{display:block;width:45%;line-height:3;color:#fff;font-size:1rem;text-align:center;}
.nyprolist .nypmore a:nth-child(1){background: linear-gradient(to bottom, #059c80 20%, #09bf9d 100%, #00e7bc 30%);border-radius:5px;line-height:3; }
.nyprolist .nypmore a:nth-child(2){border:1px solid #ddd;border-radius:5px;line-height:1.5;color:#666;}
.nyprolist .nypmore a:nth-child(2):hover{border:1px solid #059c80;color:#059c80;transition: all 0.3s ease; }
.nyprolist li:hover{background-color:#fff; border:1px solid #059c80;transition: all 0.3s ease; box-shadow: 1px 2px 5px rgba(204, 204, 204, 0.3); }

/*新闻列表*/
.nynewslist {background: #f8f9fa; padding: 6.25rem 0 3rem 0;}
.nynewslist ul li{width:100%;background:#fff;padding:1rem;margin-bottom:1.5rem;background:url(../images/nicon1.png) #fff no-repeat right bottom}
.nynewslist ul a{width:100%;align-items:flex-start}
.nynewslist .img{width:33%;overflow:hidden}
.nynewslist .img img{width: 100%;display: block;object-fit:cover;transition:.5s ease-in;height:16.3125rem;}
.nynewslist .img img:hover{transform:scale(1.1,1.1)}
.nynewslist .right{width:65%;padding:0;background:0 0}
.nynewslist .right .p1{display:block;color:#444;font-size:.875rem;line-height:2;margin-right:2rem}
.nynewslist .right h6{color:#222;font-weight:600;font-size:1.5rem;display:block;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nynewslist .right .p2{padding:.5rem 0;display:block;color:#444;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.nynewslist .right span{display:block;line-height:2;color:#222;font-size:.875rem}
.nynewslist .right span em{color:#059c80}
.nynewslist .right span:hover{color:#059c80;transition:all .3s ease-in}
.nynewslist .right h6:hover{color:#059c80;transition:all .3s ease-in}

/*页码*/
.pagination {text-align: center;font-size: 0;margin-bottom: 6.25rem;}
.pagination li{display:inline-block}
.pagination .pagin-left,.pagination .pagin-mid,.pagination .pagin-right,.pagination .pagin-select{display:inline-block;vertical-align:middle}
.pagination #current,.pagination a{display:inline-block;font-size:14px;color:#333;font-family:"Microsoft YaHei",Arial;line-height:32px;border:1px solid #cbcbcb;margin:0 3px;padding:0 12px}
.pagination #current,.pagination a:hover{color:#fff;border-color:#292e39;background:#292e39}
.pagination .pagin-mid{font-size:14px}
.pagination .pagin-mid .mob-pagin-mid{display:none}
.pagination .pagin-select{font-size:14px}
.pagination .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px}
.pagination .thisclass a{color:#fff;border-color:#292e39;background:#292e39}
.pagination a.on1{background:#059c80;color:#fff;border: 1px solid #059c80}


/* 留言表单 */
.nyliuyan{background:url(../images/message_back.jpg) no-repeat left center; padding:6.25rem 0;background-size: cover;  }
.nyliuyan .gcmorelinkall{background: linear-gradient(to bottom, #059c80 39%, #09d7b1 100%, #05b191 24%);border-radius:50px;line-height:3;font-weight:600;font-size:1.5rem;text-align:center;margin:3rem auto 0;display:block;width:27%;color:#fff;position:relative;cursor: pointer;}
.nyliuyan .gcmorelinkall::after{position:absolute;content:"";border:1px dashed #282091;width:108%;height:6rem;border-radius:50px;left:-5%;bottom:-17%}
.nyliuyan .gcmorelinkall:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition: all 0.5s ease-in;}
.nyliuyan .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition: all 0.5s ease-in;   }
.nyliuyan .liu  p{font-size: 1rem;color: #888; line-height: 3;  }
.nyliuyan .liu .form b{font-size:1.25rem;line-height:2;color:#fff}
.nyliuyan .liu .input{width:70%;background-color:#fff!important}
.nyliuyan .liu  li{width:30%;color: #333;font-size: 1rem; }
.nyliuyan .liu  li:nth-child(4){width: 100%;}
.button:focus{outline:none;}
.button{border:none;outline:none;}
input[type=password],input[type=text],textarea{overflow: hidden; width: 71%; height: 44px; background: #fff; text-align: center; line-height:44px;font-size: .875rem; color: #ddd; margin-right: 1rem;text-align: left; text-indent: 2rem;}
input.index_input::-webkit-input-placeholder{color:#999;font-size:.875rem}
input.index_input:-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
input.index_input::-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
input.index_input:-ms-input-placeholder{color:#999;font-size:.875rem}
textarea.index_textarea::-webkit-input-placeholder{color:#999;font-size:.875rem}
textarea.index_textarea:-moz-placeholder{color:#999;opacity:1;font-size:.875rem;  }
textarea.index_textarea::-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
textarea.index_textarea:-ms-input-placeholder{color:#999;font-size:.875rem}
input {border-width: 0px!important;border-color:none!important; border: #fff;}
.liu{width: 100%;margin: 2rem 0;}
input{outline:0}
input:focus{outline:0}
textarea{outline:0}
textarea:focus{outline:0}
.nypubtit{padding-bottom:3rem}
.nypubtit h3{font-weight:600;color:#131313;font-size:2rem;line-height:2;text-align:center}
.nypubtit h6{color:#444;font-weight:400;font-size:1rem;text-align:center}
.nyconlist li{width:32%;margin-right:1%;text-align:center;background:#f8f9fb;height:22rem;border-radius:5px;margin-bottom:2rem}
.nyconlist li:nth-child(3n){margin-right:0}
.nyconlist li img{display: block;margin: 2rem auto;width: 20%;}
.nyconlist li b{font-family:arial;color:#059c80;font-size:1.375rem;line-height:1.2;display:block}
.nyconlist li p{font-size:1rem;color:#222;line-height:2}
.nyconlist li span{display:block;font-size:1.125rem;line-height:2}
.nyconlist li .nr{width:85%;padding:0 2%;border-radius:5px;border:1px dashed rgb(5 156 128 / 22%);margin:6% auto;height:85%}
.top-text p{font-size:1.125rem;color:#fff;line-height:2;letter-spacing:1.8px}
textarea{border-color:#fff}
.nypinzhi li{box-shadow:1px 2px 8px rgb(221 221 221 / 37%);text-align:center;background:#fff;border-radius:5px;overflow:hidden;width:33%;margin-right:1%}
.nypinzhi li b{display:block;line-height:2;font-size:1.5rem;color:#222;padding-top:1rem}
.nypinzhi li p{font-size:1rem;color:#222;font-weight:400;padding-bottom:1rem}
.nypinzhi li:nth-child(3){margin-right:0}
.nypinzhi li img{display:block;width:100%;object-fit:cover}
.nypinzhi{padding:6.25rem 0}
.nyconlist .ewm{display: block;width: 6.5rem;height: 6.5rem;margin: 0 auto;}
/* 客户增值 */
.nykhzz{background-color:#f7f8fa;padding:6rem 0}
.nykhzz .part span{display:block;text-align:center;font-size:1.5rem;color:#333;font-weight:600;line-height:3}
.nykhzz .part p{font-size:0.8rem;color:#333;line-height:1.5}
.nykhzz .part{width:30%;background-color:#fff;border-radius:20px;box-shadow:1px 2px 3px rgb(204 204 204 / 48%);padding:3rem 2rem}
.nykhzz .part em{display:block;border-radius:100%;width:4.5rem;height:4.5rem;background:#059c80;text-align:center;line-height:4.5rem;color:#fff;font-size:2rem;margin:0 auto}
.nykhzz .middle{background:url(../images/service_b3.png) no-repeat center center;width:100%;height:33.125rem;background-size:cover}
.nykhzz h3{font-weight:600;color:#131313;font-size:2rem;line-height:2;text-align:center}
.nykhzz h6{color:#444;font-weight:400;font-size:1rem;text-align:center;padding-bottom:3rem}

/*中间旋转的圆圈  售中孺子牛*/
@keyframes animtran{from{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@keyframes animtrans{from{transform:rotateZ(360deg)}
to{transform:rotateZ(0)}
}
@-webkit-keyframes animtran{from{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@-webkit-keyframes animtrans{from{transform:rotateZ(360deg)}
to{transform:rotateZ(0)}
}
#advert{width:25.5rem;height:25.25rem;position:relative;margin: 3rem auto 0;  }
#advert .bg1{width:22.5rem;height:22.5rem;position:absolute;top:20px;left:20px;z-index:10}
#advert .bg1 div{width:22.5rem;height:22.5rem;border:#ccc 1px solid;border-radius:15em;position:relative;animation:animtran 16s linear infinite;-webkit-animation:animtran 16s linear infinite;background:#000;background: linear-gradient(to right, #059c80 -16%, #06c5a1 31%, #55cd90 67%, #87d798 100%);}
#advert .bg1 li{width:5rem;position:absolute;animation:animtrans 16s linear infinite;-webkit-animation:animtrans 16s linear infinite;background:#fff;border-radius:100px;text-align:center;height:5rem}
#advert .bg1 li p{font-size:0.78rem;line-height:1.5;color:#333;    padding-top: 0.6rem;}
#advert .bg1 .icon01{bottom:-2.5rem;left:8rem}
#advert .bg1 .icon02{top:2rem;left:-.5rem}
#advert .bg1 .icon03{top:-2.5rem;left:9rem}
#advert .bg1 .icon04{top:3.5rem;right:-1rem}
#advert .bg1 .icon05{top:13rem;left:-1.5rem}
#advert .bg1 .icon06{bottom:3rem;right:-.5rem}
#advert .bg2{width:18.5rem;height:18.5rem;position:absolute;top:50%;left:6rem;z-index:9;z-index:999;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
#advert .bg2 div{width:18.5rem;height:18.5rem;border:#fff 1px dashed;border-radius:15em;position:relative;animation:animtrans 12s linear infinite;-webkit-animation:animtrans 12s linear infinite;z-index:99}
#advert .content{width:12rem;height:12rem;background:#fff;position:absolute;z-index:11;text-align:center;line-height:50px;color:#333;font-size:1.5rem;top:50%;left:50%;font-weight:600;border-radius:100px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
#advert .ruziniu{display:block;width:5.125rem;height:5.125rem;margin:1rem auto 0;}
.breath {animation: aniTop 1.2s .6s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
@keyframes aniTop { 0% {transform: translateY(0);}100% {transform: translateY(-10px);}}


/*新闻详情页*/
.nydetail{padding:6.25rem 0}
.nesdetaillist>div{width:100%;line-height:2.5}
.newsdetail .ul1 .img{width:100%!important;background:0 0!important}
.newsdetail .ul1 .more{width:100%!important;padding:0!important;border-radius:0!important}
.nesdetaillist>div{width:100%;line-height:2.5;margin-bottom:1rem;background:#f8f9fb;padding:.75rem .5rem}
.nesdetaillist{background:0 0!important;font-size:.875rem;color:#666;padding:0!important}
.newsdetail .ul3 h6{font-weight:400;font-size:1rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsdetail .ul3 .more a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;width:100%;text-align:left;color:#333;padding-top:1rem}
.newsdetail .ul3 li p{color:#999;padding:1rem 0}
.newsdetail .ul3 li{border-bottom:1px solid #ddd;margin-bottom:2rem}
.newsdetail .ul3 .more a:hover{color:#5145ef;transition:all .3s ease-in}
.newsdetail .ul3 li:last-of-type{border-bottom:none;margin-bottom:0}
.newsdetail .ul3 .more{width:100%;overflow:hidden}
.nynewstit{padding-bottom:1rem;border-bottom:1px solid #ddd;margin-bottom:2rem}
.nynewstit .met_title{font-size:1.5rem;font-weight:600;padding:5px 0;margin-bottom:10px;text-align:left;color:#222}
.nynewstit .met_time{padding-left:25px;background:url(../images/nynewsicon1.png) no-repeat left center;font-size:.875rem}
.nynewstit .met_hits{margin-left:30px;padding-left:25px;background:url(../images/nynewsicon2.png) no-repeat left center;font-size:.875rem}
.xypg-pagination li.active{display:inline-block}
.xypg-pagination li.active a{color:#fff;background:#0a1028;display:block}
.nydetail .nr{align-items:flex-start!important}
.nydetail .left{width:70%}
.nydetail .right{width:25%}
.procontent_news{line-height:2}
.newsdetailright b{background:url(../images/icon26.png) no-repeat left 2% center;font-size:1.8rem;color:#222;display:block;text-align:left;margin-bottom:2rem;padding-left:2rem;padding-top: 1rem;}
.newsdetailright{width:24%;background-color:#f8f9fa;padding:2rem 1rem}
.newsdetailright .ul3 h6{font-weight:400;font-size:1rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsdetailright .ul3 .more a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;width:100%;text-align:left;color:#333;padding-top:1rem}
.newsdetailright .ul3 li{overflow:hidden}
.newsdetailright .ul3 li{border-bottom:1px solid #ddd;margin-bottom:2rem}
.newsdetailright .ul3 li p{color:#999;padding:1rem 0;font-size: 1rem}
.newsdetailright .ul3 .more{width:100%;overflow:hidden}
.newsdetailright .ul3 li:last-child{border-bottom:none;margin-bottom:0}
.page-wrap .left{width:70%}
.page-wrap .left_1{width:75%;padding:2rem 0 0 3rem}
.procontent{line-height:2;font-size: 1rem;}
.procontent h4{line-height:2;margin-bottom:.5rem}
.procontent p{font-size:1rem;color:#333;line-height:2;margin-bottom:0;}
/*.procontent p strong{display:block;background:url(../images/icon25.png) no-repeat left center;padding-left:1rem;color:#222;font-size:1.6rem!important;margin:0 0 .6rem 0}*/
/*.procontent img{width:100%;max-width:unset;margin-left:-2em}*/
 /* 右侧相关的产品列表 */
.nyprodetail.right{width:24%;background-color:#f8f9fa;padding:2rem 1rem}
.nyprodetail .right b{background:url(../images/icon26.png) no-repeat left 2% center;font-size:1.8rem;color:#222;display:block;text-align:left;margin-bottom:2rem;padding:1rem 0 0 2rem}
.nyprodetail .content{align-items:flex-start!important}
.cooperate{width:1400px;height:58rem;margin:auto;background:#fff}
.nyprodetail.right .ul1 .img{width:46%;background:#fff;padding:1rem;border-radius:8px}
.nyprodetail .right .ul1 .im img{width:100%;display:block;object-fit:contain}
.nyprodetail .right .ul1 li{margin-bottom:2rem;overflow:hidden}
.nyprodetail .right .ul1 .more{width:48%;margin-left:1.5rem}
.nyprodetail .right .ul1 .more h6{display:block;line-height:3;font-weight:100;font-size:1rem;color:#333;margin-block-start:0;margin-block-end:0}
.nyprodetail .right .ul1 .more a{display:block;background-color:#059c80;font-size:.875rem;width:50%;text-align:center;color:#fff;line-height:2;border-radius:5px}
.nyprodetail .right .ul2{margin-top:2rem}
.nyprodetail .right .ul2 li{background:url(../images/icon10.png) #fff no-repeat left 5% center;border-radius:20px;line-height:3;margin-bottom:1rem;width:100%}
.nyprodetail .right .ul2 li a{color:#333;padding-left:2.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}
.nyprodetail .right .ul2 li a:hover{color:#059c80;transition:all .3s ease-out}
.page-product-detail-right .hotline{margin:3rem 0}
.page-product-detail-right .hotline p{font-size:1.125rem;color:#333;line-height:2;padding-left:1.5rem}
.page-product-detail-right .hotline b{font-size:2rem;color:#333;font-family:Arial,Helvetica,sans-serif}
.nyprodetail .nr{align-items:flex-start!important}
.nyprodetail{padding:12rem 0 6.25rem 0}
.nyprodetail .left{width:70%}
.nyprodetail .right{width:24%;background-color:#f8f9fa;padding:2rem 1rem}
.nyprodetail .right .ul1 .img{width:46%;background:#fff;padding:1rem;border-radius:8px}
.pagelist{background:#f8f9fb;font-size:.875rem;color:#666;padding:1rem .5rem;margin:3rem 0 0 0}
.pagelist a:hover{color:#059c80;transition:all .3s ease-out}
.nyjjfa .nytypename{padding:1rem 0;margin-bottom:0;position:fixed;width:100%;height:4.5rem;background:#fff;z-index:2;transition:all .5s;top:6.25rem}
.nyjjfa .nav1{font-size:1rem;color:#666;margin-right:3rem}
.nyjjfa .nav1:hover{color:#059c80}
.nyjjfa .nytypename span{color:#222;display:block;border-right:1px solid #ddd;line-height:1;margin-right:2rem;padding-right:2rem}
.nyjjfa .fwzc{width:9%;background-color:#059c80;font-size:1rem;border-radius:50px;color:#fff;display:block;line-height:1.5;position:relative;text-align: center;}
.nyjjfa .fwzc:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}
.nyjjfa .fwzc img{position:absolute;right:19%;top:27%;width:.6875rem;height:1.0625rem;object-fit:contain}
.nyjjfa .left{width:88%}
.nyjjfa li.hover a{color:#059c80}
.nytypename li.on a{color:#059c80}
.hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}
.nyjjfabanner h6{color:#059c80;font-size:3rem;font-weight:600;display:block;line-height:2}
.nyjjfabanner p{color:#333;font-size:1rem;padding:2rem 0}
.nyjjfabanner .bold{color:#333;font-size:2.4rem;color:#333;font-size:2.4rem;line-height:1.2}
.nyjjfabanner .bold p{color:#333;font-size:1.875rem;color:#333;font-size:2.4rem;line-height:1.4;font-weight:600}
.nyjjfabanner{margin-top:4.5rem;height:calc(100vh - 9.5rem);background-size:cover!important}
.nyjjfabanner .hqfa{width:9%;background-color:#059c80;font-size:1rem;border-radius:50px;color:#fff;text-indent:20%;display:block;line-height:2.5;position:relative}
.nyjjfabanner .hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}
.nyjjfabanner .hqfa img{position:absolute;right:21%;top:27%;width:.6875rem;height:1.0625rem;object-fit:contain}
.nyjjfabanner .container{padding-top:8%}
.solition_1{padding:6.25rem 0}
.solition_1 ul li{width:48%}
.solition_1 .nypubtit h6{font-size: 2rem;font-weight: 600;line-height: 2;}
.nypubtit{text-align:center}
.nypubtit p{font-size:1.125rem;color:#333}
.solition_1 ul li{background-color:#f7f8fa;border-radius:10px;padding:4%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:2rem}
.solition_1 ul li b,.solition_1 ul li strong{font-size:4.5rem;color:#059c80;font-family:impact;line-height:1.5;display:block;margin-right:10%}
.solition_1 ul li .p1{font-size:1.5rem;color:#333;line-height:3}
.solition_1 ul li .p2{font-size:0.9rem;color:#666;line-height:1.5}
.solition_1 ul li{align-items:flex-start!important;height:18rem}
.solition_1 ul li:nth-child(5),.solition_1 ul li:nth-child(6){margin-bottom:0}
.nyjjfa{padding-bottom:0!important}
.solition_5{padding:6rem 0!important;background:url(../images/solution_b3.jpg) no-repeat center center;background-size:cover;width:100%}
.solition_5 .hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}
.solition_5 .hqfa{margin:0 auto;width:9%;background-color:#059c80;font-size:1rem;border-radius:50px;color:#fff;text-indent:20%;display:block;line-height:2.8;position:relative}
.solition_5 .hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}
.solition_5 .hqfa img{position:absolute;right:1rem;top:30%;display:block;width:.6875rem;height:1.0625rem;right:16%}
.blue-font{color:#059c80}
.mobile-menu{display:none}
.jjfabanner{height:57.5rem}
.jjfabanner .top-text{top:45%}
.nyprodetailtit{font-size:1.875rem;line-height:2;position:relative;margin-bottom:2rem;display:block;}
.nyprodetailtit::after{content:"";position:absolute;width:3rem;height:3px;background-color:#059c80;left:0;bottom:0}
.four-column{display:none;}

@media (min-width:992px){
.headbox-section1 .cont .navbox{display:flex;height:100%}
.headbox-section1 .cont .navbox .item{font-size:1.125rem;height:100%;display:flex;align-items:center;position:relative;padding:0 33px;border-top:4px solid transparent}
.headbox-section1 .cont .navbox .item .tit{display:flex;align-items:center;color:#333;width:100%;height:100%}
.headbox-section1 .cont .navbox .item .tit i{display:none}
.headbox-section1 .cont .navbox .item .jut{display:none}
.headbox-section1 .cont .navbox .active{border-color:#e86f00;font-weight:700;background-color:#efefef}
.headbox-section1 .cont .navbox .on{border-color:#e86f00;font-weight:700}
.headbox-section1 .cont .gt .but{display:none}
.bannerbox .banner_page {-webkit-transform: translateY(-110%);left:0;text-align:left;}

}

@media (min-width:992px) and (max-width:1440px){
.headbox-section1 .cont .navbox .item{padding:0 24px}

}

@media (max-width:1600px){
.index_application .slide-text ul li {padding: 0px 1%;}
    
}   
    
@media (max-width:1500px){
.container {max-width:100%;width:100%;padding:0 5%}
.bannerbox .banner_page{left: 5%;}

} 



@media (max-width:787px){
.footer .right{display:none}
.footer .container{flex-wrap:wrap}
.footer .left{width:100%}
.container{width:100%;padding:0 5%}
.footer .copy{text-align:center}
.footer .right_1{width:100%;text-align:center}
.index_news .rightlistques{flex-wrap:wrap}
.index_news .rightlistques li{width:100%;margin-bottom: 2rem;}
.pubtit h3{font-size:1.875rem}
.index_application .slide-text{top:0;left:5%;padding:5% 0;width:90%}
.index_application .slide-text ul li{padding:0 2%;margin-bottom:4%;line-height:2.5;width:61%;margin-right:10%}
.index_application .slide-text h6{font-size:2rem}
.index_application .slide-text ul{flex-wrap:wrap}
.index_application .text-item{width:50%;line-height:2;font-size:1rem}
.index_application .text-item{font-size:1.125rem}
.index_application .text-block{top:auto;right:0;font-size:1.125rem;padding:5% 0;height:20%;width:100%;bottom:0}
.index_application .text-item.active::after{left:-1.45rem}
.index_application .text-item.active::before{left:-14.5%}
.index_application .text-block{border-top:1px solid rgb(255 255 255 / 15%);padding-left:2.5rem;border-left:none}
.index_news .rightlistques .line{margin:1rem 0 0 0}
.index_news .nmore{padding:1rem 0 0 0}
.index_news{padding:3rem 0}
.index_news .rightlistques .img{height:12rem}
.index_news .tab-nav{position:static;margin-bottom:2rem;width:100%}
.index_news .pubtit h3{padding-bottom:1rem}
.index_about .but i,.index_application .but i,.index_cooper .but i{width:3.2rem;height:3.2rem;line-height:3.2rem}
.index_about .but,.index_application .but,.index_cooper .but{padding:5% 0 0 0}
.index_about .but i img,.index_application .but i img,.index_cooper .but i img{margin:34% auto 0}
.index_application .swiper-slide{height:100vh;background-size:cover;background-position:center}
.index_cooper .conlist{width:100%;padding:2rem 1rem;margin-top:15%}
.index_cooper .right{width:100%;height:58vh}
.index_cooper .left{width:100%;overflow:hidden}
.index_cooper .nr{flex-wrap:wrap}
.index_cooper{padding:3rem 0;width:100%}
.index_cooper .right span{font-size:1.5rem}
.index_cooper .right li{text-indent:2rem;line-height:2.2;padding-left:1.05rem}
.loader-pulsing2{top:63%;left:0}
.bannerbox .swiper-slide .f_cont .font .text{font-size:1.875rem}
.index_about .left{width:100%}
.index_about .abnumblist{width:100%}
.index_about .nr{flex-wrap:wrap}
.index_about .abnumblist li{width:45%}
.index_about .wz{flex-wrap:wrap}
.index_about .abnumblist em{font-size:1.125rem;width:100%}
.index_about .abnumblist .counter{font-size:3.5rem}
.index_about .abnumblist i{font-size:3.5rem}
.index_pro .right{width:100%;overflow:hidden}
.index_pro .container>div{flex-wrap:wrap}
.index_pro .left{display:none}
.index_pro .item a{padding:2rem 0;line-height:1.2;font-size:1.125rem;}
.index_pro .swiper-button-prev{width:3rem;height:3rem;}
.index_pro .swiper-button-next{width:3rem;height:3rem;}
.footer {padding:3rem 0 5rem 0;}
.bannerbox .swiper-slide .f_cont .font .tit{font-size:2rem}
.bannerbox .swiper-slide .f_cont .font .tit span{font-size:2.5rem;padding-left:0}
.bannerbox .swiper-slide .f_cont .font .text{font-size:1.5rem}
.headboxphone{display:block!important}
::-webkit-scrollbar {display:none;}
* {scrollbar-width:none;}
/*手机端导航头部*/
.menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem}
.menu-item.open img{transform:rotate(90deg)}
.mobile-menu{position:fixed;width:100%;z-index:9999999999;top:0;display:block}
.menu-icon{position:fixed;top:2.5%;right:5%;display:flex;flex-direction:column;justify-content:space-between;width:2.2rem;height:1.3rem;cursor:pointer;z-index:99}
.menu-icon span{display:block;width:2.2rem;height:3px;background-color:#fff;margin-bottom:5px}
.menu-list{text-align:center;z-index:1;transition:opacity .3s;padding-top:20%;display:none}
.menu-list.open{display:block}
.menu-item .menu-iconimg-1{display:inline-block;width:1rem;height:1rem;background:url(../images/rightjt.png) left center no-repeat;background-repeat:no-repeat;background-position:center;transition:transform .3s;position:absolute;right:11%;top:35%}
.menu-item .menu-iconimg-1.rotate{background:url(../images/rightjh.png) left center no-repeat;width:1rem;height:1rem;background-size:contain}
.submenu-list{display:none}
.submenu-list.open{display:block}
.menu-item{text-align:center;position:relative}
.menu-item>a{font-size:1.125rem;color:#333;line-height:3;display:block;width:100%;position:relative;border-bottom:1px solid #f7f7f7}
.submenu-list{display:none}
.menu-item.open .submenu-list{display:block}
.close-menu{position:absolute;top:10px;right:5%;width:30px;height:30px;cursor:pointer;z-index:9999}
.close-menu:after,.close-menu:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#000;transform:translate(-50%,-50%) rotate(45deg)}
.submenu-list li a{display:block;line-height:2.5;font-size:1rem}
.submenu-list li a:hover{background:linear-gradient(to bottom,#44b74a,#44b74a,#44b74a,#86c442,#86c442);-webkit-background-clip:text;color:transparent;transform:translateX(0)}
.menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem}
.menu-item.open img{transform:rotate(90deg)}
.header_wrap2 .menu-icon span{background-color:#333}
.mlink a{font-size:1.125rem;color:#333}
.mlink{border-bottom:1px solid rgb(247 247 247 / 90%);position:relative;padding:1rem 0}
.mobile-menu.open .menu-icon span{color:#059c80}
.mobile-menu .menu-icon{position:absolute;top:1.8rem;right:20px;cursor:pointer;z-index:2}
.mobile-menu .menu-icon span{display:block;width:2.2rem;height:2px;background:#059c80;margin-bottom:-3px;transition:transform .3s;opacity:1}
.mobile-menu.open span:first-of-type{transform:rotate(45deg) translate(11px,11px)}
.mobile-menu.open span:nth-child(2){opacity:0}
.mobile-menu.open span:last-of-type{transform:rotate(-45deg) translate(2px,-2px)}
.mobile-menu.open{position:fixed;width:100%;height:100%;top:0;background:#fff;z-index:99999999999}
.header_message_item{margin:0 auto;width:100%}
.header_message_ul{flex-wrap:wrap!important}
.close-menu:after{transform:translate(-50%,-50%) rotate(-45deg)}
.ey_top .nav_menu{display:none!important}
.toplogo a{height:3rem}
.ey_top{height:5rem;position:relative}
.navbox{display:none}
.headbox-section1 .cont .logo .img img{height:80%;margin-top:10%}
.headbox{height:5rem}
.bannerbox .swiper-slide .img img:nth-child(2){display:block}
.bannerbox .swiper-slide .img img:nth-child(1){display:none}
.bannerbox .swiper-slide .f_cont{top:33%}
.nytop_nav .top-text h1{font-size:1.5rem;letter-spacing: 0;}
.nytop_nav .top-text{width:90%;top:50%;}
.nytop_nav{width:100%;height:7.25rem;background-size:cover!important;background-repeat:no-repeat!important;margin-bottom:0rem;margin-top:5rem;         }
.page-position {bottom: -3.0rem;}
.nytop_nav .page-position .fx{flex-wrap:wrap}
.page-position .navleft{width:100%}
.nytop_nav .top-text p{line-height:1.5}
.mainbody{padding:3rem 0}
.mainbody .zhengwen strong{font-size:1.25rem}
.nyaboutpage .abnumblist li{width:45%}
.nyaboutpage .abnumblist em{font-size:1.125rem}
.nyaboutpage .abnumblist .counter{font-size:3rem}
.nyaboutpage .abnumblist i{font-size:3rem}
.nyaboutpage .abnumblist{margin:3rem 0 0 0}
.page-position .navleft ul li{width:28%}
.gssllist li{width:48%}
.gssllist li:nth-child(2n){margin-right:0}
.gssllist li:nth-child(3n) {margin-right: 2%;}
.nyprolist li{width:48%}
.nyprolist{padding:3rem 0}
.nyprolist .nypmore a{width:48%}
.nyprolist .nypmore a:nth-child(1){line-height:2.5}
.nyprolist .nypmore a:nth-child(2){line-height:2.5}
.page-position .navleft ul li a{font-size:1rem}
.prolistbanner{height:31.25rem;background-position:right!important}
.prolistbanner .page-position .navleft ul li{width:49%}
.nyprodetail .left{width:100%}
.nyprodetail .nr{flex-wrap:wrap;padding-top:7rem}
.nyprodetail .right{width:100%;margin-top:3rem}
.solition_1 ul li{width:100%}
.nyjjfa .nytypename{display:none}
.nyjjfa .fwzc{display:none}
.nyjjfa .nav1{margin-right:1rem;line-height:2}
.nyjjfa .container>.fx{flex-wrap:wrap}
.nyjjfa .left ul{flex-wrap:wrap}
.nyjjfa .left{width:100%}
.jjfabanner {height:13.25rem;background-repeat:no-repeat!important;width:100%;margin-bottom: 0rem;}
.solition_1{padding:3rem 0}
.solition_1 ul li b,.solition_1 ul li strong{font-size:2.5rem;margin-right:5%}
.solition_1 ul li{height:13rem}
.solition_1 ul li:nth-child(5){margin-bottom:2rem}
.solition_1 ul li:nth-child(6){margin-bottom:0}
.solition_1 ul li .p1{font-size:1.25rem;line-height:2}
.nykhzz h3{font-size:1.5rem}
.nykhzz{padding:3rem 0}
.nygcs{padding:0 0 3.25rem 0}
.nykhzz .fx{flex-wrap:wrap}
.nykhzz .part{width:85%;padding:1rem 1rem;margin:0 auto}
.nykhzz .part span{font-size:1.25rem;line-height:2}
.nyteam .nynumblist .ibrand-num li{width:50%;padding:1rem 0}
.nyteam .nynumblist .ibrand-num{flex-wrap:wrap;width:100%!important;padding:0!important}
.nyteam .nynumblist span{font-size:2rem}
.nyteam .nynumblist li:nth-child(4) i{font-size:2rem;top:0;left:68%}
.nyteam .nynumblist li:nth-child(4) p{text-indent:-3rem}
.nyteam .nynumblist em{font-size:.875rem}
.nyteam .nynumblist .ibrand-num i{font-size:1.25rem}
.nyconqiehuan .tab-content{padding:1rem 0}
.nyconqiehuan .tab-content .fx{flex-wrap:wrap}
.nyconqiehuan .tab-content li{padding-left:2.5rem;font-size:1rem;line-height:1.8;background-size:2rem 2rem;margin-bottom:1rem}
.nyconqiehuan .tab-content li:nth-child(2){padding-left:2.5rem;background-size:2rem 2rem}
.nyconqiehuan .tab-content li:nth-child(3){padding-left:2.5rem;background-size:2rem 2rem}
.nyconqiehuan .tab-content .left{width:100%}
.nyconqiehuan .tab-content .right{width:100%}
.nyconqiehuan .tab-content h2{font-size:1.5rem}
.nyconqiehuan .tab-content .right{width:42%;margin:1rem 0 0 0}
.nyconqiehuan{margin:2rem 0}
.nyteam h3{font-size:1.5rem}
.nygcs .first b{font-size:1.375rem}
.nynewslist .right{width:100%;padding:1rem 0}
.nynewslist .img{width:100%}
.nynewslist ul a{flex-wrap:wrap}
.nynewslist .right .p2{height:3rem}
.nynewslist .right h6{font-size:1.125rem}
.nynewslist{padding:3rem 0 0 0!important}
.pagination{margin-bottom:3rem}
.nydetail .nr{flex-wrap:wrap}
.nydetail .left{width:100%}
.nydetail .right{width:100%}
.nydetail{padding:3rem 0}
.nypubtit h3{font-size:1.5rem}
.nyconlist li{width:100%}
.nypinzhi li{width:100%;margin-bottom:2rem}
.nypinzhi ul{flex-wrap:wrap}
.nyconlist li{height:14rem}
.nyconlist li img{margin:1rem auto}
.nyconlist li:nth-child(3){height:19rem}
.nypinzhi li b{font-size:1.25rem}
.nyliuyan .liu li{width:100%;margin-bottom:1rem}
.nyliuyan .gcmorelinkall{font-size:1.25rem;margin:1rem auto 0;width:82%}
.nyliuyan{padding:3rem 0}
.solition_1 .nypubtit h6 {font-size:1.5rem;}
.nyprodetailtit {font-size:1.5rem;margin-bottom:1rem;}
.index_about .abnumblist li:last-child{margin-bottom:1rem;}
.index_cooper .scrollbar{width:83%}
.index_cooper .swiper-pagination{left:88%;}
.page-position p{display:none;}
.prolistbanner{height:7.25rem;background-size:contain!important;background-repeat:no-repeat!important;margin-bottom:6rem;}
.nytop_nav .top-text p{display:none;}
.page-position .container{padding:0 0 0 0}
.page-position {bottom:-3.0rem;}
.prolistbanner .page-position {bottom:-6.0rem;}
.page-position .navleft ul li a {color:#333;}
.page-position .navleft ul li.on a{color:#fff;}
.prolistbanner .nytop_nav{}
.mainbody .zhengwen{font-size:1rem}
.nyliuyan{display:none}
.map{display:none}
.nypinzhi {padding:3rem 0;}
/*底部*/
.four-column{display:block;}
.cart-concern-btm-fixed{bottom: 0;height:4rem;left:0;position:fixed;text-align:center;width:100%;z-index:9999;background:#059c80;padding:0.5rem 0;}
.four-column .concern-cart{width:100%;display:block}
.concern-cart a{color:#fff;font-size:12px;width:25%;display:inline-block;float:left;height:50px}
.concern-cart a span{display:block;height:18px;line-height:13px;text-align:center;color:#fff}
.concern-cart em {display:block;height:1.5rem;width:1.5rem;margin:0 auto 0.5rem;}
.index_news .sum{padding:1.5rem 0;}
.newslist{margin-bottom:3rem;}





}
