header{width: 100%;position: fixed;left: 0;top: 0;z-index: 12345;transition: all 1s cubic-bezier(.25,.1,.25,1);background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.h-top{width: 100%;background-color: #0f3e39;}
.h-inner{max-width: 14.4rem;margin: 0 auto;width: 100%;}
.h-index{display: inline-block;margin-top: 0.05rem;float: left;}
.h-logo{height: .8rem;}
.h-left{float: left;color: #fff;line-height: .44rem;}
.h-right{float: right;font-size: 0;}
.h-menu{display: none;width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;background-image: url(/static/home/images/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-nav{display: inline-block;vertical-align: middle;font-size: 0;white-space: nowrap;}
.h-li{display: inline-block;vertical-align: top;position: relative;margin-left: .73rem;white-space: normal;}
.h-link{color: #111;display: block;line-height: 0.9rem;height: 0.9rem;font-weight: bold;}
.h-li.active .h-link{color: #ffd700;border-bottom: 2px solid #ffd700;}
.h-sub{display: none;width: 10em;background-color: #fff;position: absolute;left: 50%;margin-left: -5em;top: 100%;z-index: 1000;padding: 0.05rem 0;border-radius: .1rem;}
.h-sub>li>a{display: block;width: 100%;line-height: 1.71;padding: .06rem 0.03rem;text-align: center;color: #111;transition: background-color .3s;}
header.show-menu .h-nav{right: 0;}
header.show-menu .h-mask{opacity:1;visibility:visible;}
header.show-menu .h-lang{z-index: 1;}
.h-search{width: .4rem;height: .4rem;display: none;vertical-align: middle;border-radius: 50%;background-color: #ffd700;background-image: url(/static/home/images/4.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}

.h-lang{display: inline-block;vertical-align: middle;margin-left: .3rem;position: relative;z-index: 1234;}
.h-cur{color: #fff;line-height: .44rem;font-weight: bold;display: block;}
.h-cur:before{content: "";display: inline-block;vertical-align: middle;width: 1em;height: 1em;position: relative;top: -1px;background-image: url(/static/home/images/3.png);background-size: 100% 100%;margin-right: .57em;}
.h-cur:after{content: "";display: inline-block;vertical-align: middle;border-top: .357em solid #fff;border-left: .285em solid transparent;border-right: .285em solid transparent;margin-left: .2em;}
.h-items{min-width: 100%;background-color: #fff;position: absolute;left: 0;top: 100%;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);border-radius: .1rem;visibility: hidden;opacity: 0;transition: all .3s;padding: .05rem 0;}
.h-item{display: block;color: #333;line-height: 2;padding: 0 1.57em;cursor: pointer;white-space: nowrap;}
.h-lang.show .h-items{visibility: visible;opacity: 1;}

.h-inq{display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.h-inc{color: #fff;line-height: .44rem;font-weight: bold;cursor: pointer;display: block;}
.h-inc:before{content: "";display: inline-block;vertical-align: middle;width: 1.14em;height: 1.14em;position: relative;top: -1px;background-image: url(/static/home/images/2.png);background-size: 100% 100%;margin-right: .4375em;}
.h-cart{width: .44rem;height: .44rem;display: inline-block;vertical-align: top;margin-right: .22rem;cursor: pointer;background-image: url(/static/home/images/i13.png);background-size: .21rem .21rem;background-repeat: no-repeat;background-position: center center;}
@media(min-width: 1201px){
    .h-item:hover{color: #ffd700;}
    .h-link:hover{color: #ffd700;}
    .h-sub>li>a:hover{color: #ffd700;}
    .h-sch{display: inline-block;vertical-align: top;width: 1.96rem;margin-top: .05rem;margin-left: .4rem;}
    .h-form{width: 100%;position: relative;}
    .h-text{width: 100%;height: .34rem;background-color: #fff;border-radius: .05rem;border: none;padding-left: .15rem;padding-right: .39rem;}
    .h-smt{width: .39rem;height: .34rem;position: absolute;right: 0;top: 0;font-size: 0;background-color: transparent;border: none;background-image: url(/static/home/images/4.png);background-size: .15rem .15rem;background-repeat: no-repeat;background-position: center center;}
}
@media(max-width: 1920px){
    body{padding-top: calc(44px + 0.9rem);}
    .h-left{line-height: 44px;}
    .h-cur{line-height: 44px;}
    .h-inc{line-height: 44px;}
    .h-cart{width: 44px;height: 44px;background-size: 21px 21px;}
    .h-sch{width: 196px;margin-top: 5px;}
    .h-text{height: 34px;border-radius: 5px;padding-left: 15px;padding-right: 39px;}
    .h-smt{width: 39px;height: 34px;background-size: 15px 15px;}
    
}
@media(max-width: 1450px){
    .h-search{width: 30px;height: 30px;}
}
@media(max-width: 750px){
    header.show-sch .h-text{width: 220px;}
}
@media(max-width: 1200px){
    header{height: 46px;padding-left: 10px;position: fixed;}
    .h-top{position: absolute;right: 92px;width: auto;background-color: #fff;display: block !important;}
    .h-search{height: 46px;width: 46px;display: inline-block;vertical-align: top;margin-left: 0;background-color: transparent;background-size: 15px auto;}
    .h-sch{display: none;margin-top: 0;width: 100%;padding: 40px 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 1234;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: 380px;height: 40px;line-height: 40px;padding: 0 10px 0 5px;border: none;border-radius: 0;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #333;text-align: left;vertical-align: top;}
    .h-smt{background-image: url(/static/home/images/4.png);background-position: center center;width: 40px;height: 40px;background-size: 22px 22px;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
    header.show-sch .h-mask{opacity:1;visibility:visible;}
    header.show-sch .h-sch{display: block;}
    header.show-sch .h-lang{z-index: 1;}
    .h-lang{line-height: 46px;padding: 0;vertical-align: top;margin-left: 0;margin-right: 0;transition: all 1s;}
    .h-cur{line-height: 46px;color: #666;background-color: #fff;padding-left: 10px;padding-right: 10px;}
    .h-cur:before{width: 14px;height: 14px;background-image: url(/static/home/images/37.png);}
    .h-cur:after{border-top-color: #666;}
    .h-items{border-radius: 0 0 0.05rem 0.05rem;}
    .h-inq{padding: 0 10px;}
    .h-inc{line-height: 46px;color: #666;}
    .h-inc:before{width: 16px;height: 16px;border: 1px solid #666;border-radius: 3px;box-sizing: border-box;}
    body{padding-top: 46px;}
    .h-space{display: none;}
    .h-inner{max-width: 100%;}
    .h-index{margin-top: 11px;}
    .h-logo{height: 26px;}
    .h-nav{width: 280px;height: 100%;position: fixed;right: -280px;top: 0;padding: 10px 0;left: auto;transform: translate(0,0);background-color: #fff;z-index: 12345;overflow: auto;transition: all .3s;}
    .h-li{display: block;margin: 0;}
    .h-li.active .h-link{border-bottom: none;}
    .h-sub{width: 100%;margin-left: 0;top: 0;position: relative;left: 0;padding: 0;}
    .h-sub>li>a{text-align: left;padding: 10px 0 10px 40px;color:#666;}
    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-li.has-nav.show:after{content: "-";}
    .h-link{line-height: 46px;padding: 0 46px 0 20px;}
    .h-menu{display: inline-block;}
    .h-smt{background-size: 17px auto;}
    .h-link{color: #333;}
    header.show-lang .h-mask{opacity:1;visibility:visible;}
    .h-sub{background-color: #fff;}
    .h-left{display: none;}
    .h-cur{line-height: 46px;}
    .h-cart{width: 46px;height: 46px;background-image: url(/static/home/images/38.png);margin-right: 0;}
}
@media(max-width: 500px){
    .h-inc{font-size: 0;width: 46px;text-align: center;}
    .h-inq{padding: 0;}
    .h-lang{margin-right: 0;margin-left: 0;}
    .h-cur{font-size: 0;width: 46px;text-align: center;}
}
@media(max-width: 390px){
    .h-cur{width: 40px;padding: 0;}
    .h-inc{width: 40px;}
    .h-cart{width: 40px;}
    .h-search{width: 40px;right: 40px;}
    .h-top{right: 80px;}
    .h-menu{width: 40px;}
}
@media(max-width: 370px){
    .h-index{margin-top: 14px;}
    .h-logo{height: 20px;}
}

.qh-sub {display: none; width: max-content;  background-color: #fff; position: absolute;left: 50%;top: .9rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.qh-item{display: block;width: 100%;position: relative;white-space: nowrap;}
.qh-one{display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333;transition: all .3s;word-break: break-all;}
.qh-item.has-two .qh-one{padding-right: .5rem;}
.qh-item.has-two .qh-one:after{content: '>';position: absolute;top: 0.3rem;right: 0;transform: translate(0,-50%); width: .5rem;text-align: center;}
.qh-twobox{display: none; position: absolute;top: 0;left: 100%; width: max-content; background-color: #fff; z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.qh-two{display: block;cursor: pointer;width: 100%;padding: 10px .2rem;line-height:1.4;color: #333;transition: all .3s;word-break: break-all;}
.qh-sub:hover{overflow: visible !important;}
.qh-item:hover .qh-twobox{display: block;}
@media(min-width: 1201px){
    .qh-item:hover .qh-one{background-color: #ffd700;color: #fff;} 
    .qh-two:hover{background-color: #ffd700;color: #fff;} 
}
@media (max-width: 1200px) { 
    .h-li.has-sub:after {content: "";background-image: url('/static/home/images/qa-right.png');background-size:auto 12px ;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-li.has-sub.show:after {background-image: url('/static/home/images/qa-down.png');background-size:auto 14px ;}
    .qh-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}
    .qh-one{text-align: left;padding-left: 40px;font-size: 14px;} 
    .qh-item.has-two .h-one:after{display: none;}
    .qh-twobox{display: block;position: relative;right: 0;   left: 0;   width: 100%; padding-left: 60px;    box-shadow: none;}
    header.show-menu .qh-opa{display: block;}
    header.show-menu  .qh-h{transform: translate(0,0);}
}