.s16{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){
    .s16{font-size:16.2px}
}
.head2 a{color:#fff}
.header2.color .bg-EN{color:#191919;border-color:#9b9b9b;}
.header2.color .bg-search{border-color:#9b9b9b;background-image:url(../image/h-search-black.png)}
.eps4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.no-border{border:none !important}
.no-shift{transform:translate3d(0,0,0) !important;margin:0 !important;padding:0 !important}
.hide{visibility:hidden}
.back-top{position:fixed;right:.3rem;bottom: 1rem;display:flex;align-content:center;z-index:100;cursor:pointer}
.back-top img{filter:drop-shadow(0 0 .27rem rgba(0,0,0,.11));width:.76rem}
#slide-menu{visibility:hidden}
header2.header2{width:100%;height:1rem;position:fixed;z-index:12345;top: 0;transition:background-color 1s cubic-bezier(.25,.1,.25,1)}
.target{width: 100%;position: absolute;left: 0;top: -1rem;}
.h-contain{width:100%;display:flex;align-items:center;justify-content:space-between}
.h-border{display:flex;align-items:center;justify-content:space-between;height:100%;margin:0 0.6rem}
.nav-contain2{display:inline-block;vertical-align:sub;font-size:0}
.list-item2{display:inline-block;cursor:pointer;margin:0 0.27rem;position: relative;}
.header2 #shares{display:inline-block;cursor:pointer;color:#fff;margin:0 0.19rem 0 0;}
.nav-tools{display:inline-block;cursor:pointer;position:relative;margin:0 0.095rem}
.nav-tools img,
.nav-search img{width:0.36rem;height:0.36rem}
.nav-search{display:inline-block;cursor:pointer;position:relative;margin:0 0 0 0.095rem}
.h-logo img{justify-content:center;align-items:center;width:1.97rem;height:auto}
.nav-list2{float:right;}
.nav-contain2{display:inline-block;vertical-align:sub}
.sub-nav-item2{display:none;text-align:center;width: 1.4rem;position: absolute;left: 50%;margin-left: -0.7rem;top:.5rem;background-color: #fff;padding: .1rem 0;}
.h-sub-item a{color: #666;line-height: 1.5;padding: .05rem;display: block;padding: 6px 0 18px 0 !important}
.header2{background-color:rgba(0,0,0,0);animation-name:into-transparent;animation-duration:200ms;animation-timing-function:ease-in-out}
.header2 .list-item2>a{display: block;line-height: 1rem;}
.header2 .nav-item-color{color:#fff}
.header2.color{}
.header2.color .list-item2>a{color:#58b531 !important}
.header2.color #shares{color:#191919}
.h-logo-img2{display: none;}
.header2.color .h-logo-img2{display: block;}
.header2.color .h-logo-img1{display: none;}
.h-menu{display: none;width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;background-image: url(../image/menu.png);background-size: 28px 28px;}
.h-mask{background-color:rgba(0,0,0,.6);position:fixed;left:0;top:0;right:0;bottom:0;z-index:998;transition:all .5s;opacity:0;visibility:hidden}
.h-sch{display:none;width:100%;padding:.4rem 0;position:fixed;top:0;right:0;margin-right:0;z-index:999;background-color:#fff;font-size:0;text-align:center}
.h-form{width:100%;background-color:transparent;position:relative;overflow:hidden;font-size:0}
.h-text{width:3.8rem;height:.4rem;line-height:.4rem;font-size:.14rem;padding:0 .1rem 0 0.05rem;border-radius:0;border:none;border-bottom:1px solid #ccc;border-right:none;vertical-align:top;background-color:transparent;color:#595757;text-align:left;vertical-align:top}
.h-smt{background-image:url(../image/h-search-black.png);background-position:center center;border-radius:0;width:.4rem;height:.4rem;background-size:.17rem .17rem;background-repeat:no-repeat;color:transparent;cursor:pointer;border:none;border-bottom:1px solid #ccc;background-color:transparent;transition:all .3s;vertical-align:top}
header2.show-sch .h-sch{display:block}
header2.show-sch .h-mask{opacity:1;visibility:visible}
.h-sub{width: 100%;position: fixed;left: 0;top: 60px;background-color: #f9f9f9;cursor: default;font-size: 0;display: none;}
.h-cate{display: inline-block;vertical-align: top;width: 80.5%;background-color: #f4f4f4;padding-top: .45rem;text-align: right;padding-bottom: .68rem;padding-right: .7rem;}
.h-inner{display: inline-block;vertical-align: top;text-align: left; margin-left:3%}
.h-solu{display: inline-block;vertical-align: top;width: 45.834%;background-color: #f9f9f9;padding-top: .45rem;padding-left: .7rem;padding-bottom: .68rem;}
.h-tit{color: #58b531 !important;margin-bottom: .45rem;display: inline-block; font-size:1.1rem}
.h-cont{width: 100%;font-size: 0;}
.h-dl{display: inline-block;vertical-align: top;width: 2rem;min-width: 160px;margin-right: .8rem;}
.h-dl:last-child{margin-right: 0;}
.h-solu .h-dl{width: 3rem;}
.h-dt{color: #191919;padding-bottom: .2rem;border-bottom: 1px solid #ddd;display: block;line-height: 1.27;}
.h-dd{display: flex;flex-wrap: wrap;padding-top: .2rem;}
.h-col{width: 50%;}

.h-link{display: block;width: 100%;position: relative;margin-bottom: .18rem;padding-left: 1.562em;padding: 3px 0 3px 0 !important}
.h-num{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);color: #7cc461;}
.h-name{color: #666;line-height: 1.375;display: block;width: 100%;}
/*
.h-link{display: block;width: 100%;position: relative;margin-bottom: .18rem;padding-left: 1.562em;    padding: 3px 0 3px 0 !important}
.h-num{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);color: #7cc461;}
.h-name{color: #666;line-height: 1.375;display: block;width: 100%;}
*/

.h-close{width: .22rem;height: .22rem;background-image: url(../image/sub-close.png);background-size: 100% 100%;position: absolute;right: .3rem;top: .3rem;cursor: pointer;}
@media(max-width:1920px){
    .h-sch{padding:40px 0}
    .h-text{width:380px;height:40px;line-height:40px;font-size:14px;padding:0 10px 0 5px}
    .h-smt{width:40px;height:40px;background-size:17px 17px}
    .h-close{width: 22px;height: 22px;}
    .sub-nav-item2{width: 140px;margin-left: -70px; margin-top:50px;}
    .bg-search{background-size: 17px 17px;}
}
@media(min-width: 1201px){
    .header2 .nav-item-color .nav-item::after{display:block;visibility: hidden;content:"";position: absolute;left: 0;top: 50%;width:100%;height:0.03rem;margin-top: 1em;background-color:#fff;}
    .header2 .nav-item-color .nav-item:hover::after,
    .header2 .nav-item-color .nav-item-active::after{visibility: visible;}
    .header2.color .nav-item-color .nav-item::after{background-image:linear-gradient(96deg,#7cc461 0%,#059b81 100%);}
    .header2.color .nav-item-color li.nav-item:hover::after{visibility: visible;}
    .h-link:hover .h-name{color: #7cc461;}
    .footer-nav-list a:hover{color:#fff}
    .h-sub-item a:hover{color: #7cc461;}
}
@media(max-width: 1200px){
    header2.header2{height: 46px;background-color: #fff;ox-shadow:0 0 4px rgba(0,0,0,0.1);}
    body{padding-top: 46px;}
    .target{top: -46px;}
    .h-border{width: 100%;margin: 0;padding-left: 10px;}
    .header2 .list-item2>a{line-height: 1.5;padding: 10px 20px;color:#000;display: inline-block;}
    .header2 #shares{color:#191919}
    .bg-EN{color:#191919;border-color:#9b9b9b}
    .bg-search{border-color:#9b9b9b;background-image:url(../image/h-search-black.png)}
    .header2 .h-logo-img2{display: block;}
    .header2 .h-logo-img1{display: none;}
    .nav-list2{position: fixed;right: -280px;top: 0;width: 280px;height: 100%;transition: all .3s;background-color: #fff;z-index: 12345;padding-top: 10px;padding-bottom: 10px;overflow: auto;}
    .list-item2{width: 100%;margin: 0;}
    .has-sub-nav:after,
    .has-sub:after{content: "+";display: inline-block;width: 40px;height: 39px;line-height: 39px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .has-sub-nav.show:after,
    .has-sub.show:after{content: "-";}
    .h-menu{display: inline-block;}
    .sub-nav-item2{width: 100%;position: relative;left: 0;margin-left: 0;top: 0;text-align: left;padding-top: 0;}
    .h-sub-item a{padding: 8px 20px 8px 40px;}
    .h-sub{position: relative;top: .5rem;}
    .h-cate{width: 100%;padding: 20px;}
    .h-solu{width: 100%;padding: 20px;}
    .h-dl{width: 100%;}
    .h-dt{padding-top: 10px;padding-bottom: 10px;position: relative;padding-right: 40px;}
    .h-dd{display: none;}
    .h-tit{margin-bottom: 10px;}
    .h-solu .h-dl{width: 100%;}
    .h-dt:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-dt.show:after{content: "-";}
    .h-col{width: 100%;}
    header2.show-menu .nav-list2{right: 0;}
    header2.show-menu .h-mask{opacity:1;visibility:visible;}
}
@media(max-width: 900px){
    .bg-search{border-color: transparent;background-size: 17px 17px;}
    .bg-EN{border-color: transparent;}
    .header2.color .bg-EN{border-color: transparent;}
    .header2.color .bg-search{border-color: transparent;}
    .nav-tools{margin-right: 0;}
}
@media(max-width:750px){
    .h-text{width:220px}
    .bg-EN,
    .bg-search{font-size: 12px;line-height: 28px;}
}
@media(max-width: 360px){
    .header2 #shares{font-size: 12px;margin-right: 5px;}
    .nav-search{margin-left: 2px;}
    .nav-tools,
    .bg-EN,
    .bg-search{width: 24px;height: 24px;line-height: 22px;}
}


@keyframes into-white{from{background-color:rgba(0,0,0,0)}
to{background-color:#fff}
}
@keyframes into-transparent{from{background-color:#fff}
to{background-color:rgba(0,0,0,0)}
}
@keyframes into-grey-border{from{border:0.01rem #fff solid}
to{border:0.01rem #bfc4c9 solid}
}
@keyframes into-white-border{from{border:0.01rem #bfc4c9 solid}
to{border:0.01rem #fff solid}
}