.h-main{width: 17.6rem;margin: 0 auto;}
.h-index{float: left;display: block;margin-top: 0.18rem;}
.h-logo{height: .3rem;vertical-align: top;}
.h-logo2{display: none;}
.toNav{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h-ul{float: left;font-size: 0;padding-left: 20px;z-index: 12345;}
.h-li{display: inline-block;vertical-align: top;margin: 0 20px;}
.h-a{display: inline-block;vertical-align: top;line-height: 80px;color: #fff;}
.h-right{float: right;font-size: 0;}
.h-search{color: #fff;display: inline-block;vertical-align: top;cursor: pointer;height: .7rem;line-height: .7rem;font-size: 0;}
.h-search:before{content: "";display: inline-block;vertical-align: middle;width: .19rem;height: .19rem;background-image: url(404.png);background-size: 100% 100%;margin-right: .05rem;margin-left: .05rem;font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .h-search:before{font-size: 13.2px;width: 16px;height: 16px;background-image: url(404.png);}
}
.h-login{display: inline-block;vertical-align: top;color: #fff;margin-left: .5rem;line-height: .7rem;height: .7rem;font-weight: bold;}
.h-lang{font-size: 0;display: inline-block;vertical-align: top;margin-left: .5rem;font-weight: bold;}
.h-one{color: #fff;display: inline-block;vertical-align: middle;line-height: .7rem;height: .7rem;font-weight: bold;}
.h-span{color: #fff;display: inline-block;vertical-align: middle;line-height: .7rem;padding: 0 .3em;font-weight: bold;}
.h-box{width: 100%;position: absolute;left: 0;top: 100%;background-color: rgba(0,0,0,0.7);display: none;box-sizing: content-box;}
.h-sub{position: relative;padding-top: 20px;width: 100%;}
.h-sub.has-th{width: auto;border-right: 1px solid #fff;padding-bottom: 20px;display: inline-block;padding-right: 15px;}
.h-sub-li{width: auto;}
.h-sub-li:last-child{margin-bottom: 0;}
.h-sub-a{color: #fff;line-height: 1.375;word-break: break-word;padding: 10px 0;position: relative;display: inline-block;vertical-align: top;}
.h-sub-li.active .h-sub-a{display: block;}
.h-sub.has-th .h-sub-li.active .h-sub-a:after{content: "";display: inline-block;width: 3px;height: 100%;background-color: var(--mColor);position: absolute;right: -17px;top: 0;}
.h-sub-li.active .h-th{left: 100%;    left: 100%;    top: auto;    transform: translateY(-50%);}
.h-th{position: absolute;left: -1000%;top: 0;padding-left: 20px;width: auto;padding-top: 20px;}
.h-th-li{position: relative;width: 100%;}
.h-th-a{color: #fff;line-height: 1.375;padding: 5px 0;display: inline-block;vertical-align: top;white-space: nowrap;}
.h-th-a:before{content: "";display: inline-block;vertical-align: middle;width: 0;height: .4375em;background-image: url(../image/a1a2f65d-9bcb-4592-890d-6ac96cd9b7c9.png);background-size: 100% 100%;margin-right: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.h-opa {width: 100%;height: 100%;position: fixed;left: -100000px;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;opacity: 0;transition: opacity .3s;cursor: pointer;}
.no-th .h-sub-a:before{content: "";display: inline-block;vertical-align: middle;width: 0;height: .4375em;background-image: url(../image/a1a2f65d-9bcb-4592-890d-6ac96cd9b7c9.png);background-size: 100% 100%;margin-right: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.h-sch{display: none;width: 100%;padding: .4rem 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 150;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.80rem;height: .4rem;line-height: .4rem;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;font-size: .14rem;color: #4d4d4d;padding: 0 .1rem 0 0.05rem;text-align: left;vertical-align: top;}
.h-smt{background-image: url(404.png);background-position: center center;background-size: .26rem .26rem;background-repeat: no-repeat;color: transparent;cursor: pointer;width: .4rem;height: .4rem;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
header.show-search .h-sch{display:block;}
header.show-search .h-opa{left: 0;opacity: 1;}
header.red{background-color: #e60012;}
header.red .h-logo1{display: none;}
header.red .h-logo2{display: inline-block;}
.h-filter{display: inline-block;vertical-align: middle;line-height: .7rem;height: .7rem;margin-right: .5rem;cursor: pointer;}
.h-f-text{color: #fff;font-weight: bold;}
.h-f-icon{display: inline-block;vertical-align: middle;width: 1.2em;height: 1.2em;margin-right: .3em;background-image: url(404.png);background-size: 100% 100%;position: relative;}
.h-f-icon:before{content: " ";display: block;position: absolute;top: -2px;right: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #ff0;}
.h-f-icon:after{content: " ";display: block;position: absolute;top: -2px;right: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #fcfddc;transform-origin: 50% 50%;animation-name: fadding;animation-duration: 1.5s;animation-iteration-count: infinite;}
@keyframes fadding {
    0% {
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}
body.sp header{background-color: #e60012;padding-top: 0;}
body.sp .h-logo1{display: none;}
body.sp .h-logo2{display: inline-block;}
body.sp .h-li.active .h-a{border-bottom:  2px solid #fff;color: #fff;}
@media(max-width: 1920px){
    .h-sch {padding: 40px 0;}
    .h-sch .h-text {width: 380px;height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px 0 5px;}
    .h-sch .h-smt{width: 40px;height: 40px;background-size: 26px 26px;}
}
@media(min-width: 751px){
    .h-th-a:hover:before{width: 1.31em;margin-right: .13rem;}
    .no-th .h-sub-a:hover:before{width: 1.31em;margin-right: .13rem;}
    .h-li .h-a{position:relative;}
    .h-li:hover .h-a{border-bottom: 0px solid #fff;}
    .h-li .h-a:after{content:'';position: absolute;width: 0;transition: all .5s;height: 2px;background: #fff;left: 0;bottom: 0;}
    .h-li:hover .h-a:after{width:100%}
    .h-li.active .h-a{border-bottom: 2px solid #fff;font-weight: bold;font-weight: bold;}
    .h-search:hover{border-bottom: 2px solid #fff;}
    .h-login:hover{border-bottom: 2px solid #fff;}
    .h-one:hover{border-bottom: 2px solid #fff;}
    .h-filter:hover{border-bottom: 2px solid #fff;}
    .h-box{padding-bottom: 20px;}
    .h-sub.has-th .h-sub-li.active .h-sub-a{color: var(--mColor);font-weight: bold;}
    header.red .h-li.active .h-a{border-bottom:  2px solid #fff;}
}
@media(max-width: 1300px){
    .h-li{margin: 0 15px;}
}
@media(max-width: 1200px){
    header{height: 42px;}
    body.sp{padding-top: 42px;}
    .h-logo{height: 22px;}
    .h-one,
    .h-login,
    .h-search,
    .h-filter,
    .h-a{height: 42px;line-height: 42px;}
}
@media(max-width: 1100px){
    .h-main{width: 100%;padding:0 20px;}
}
@media(max-width: 1000px){
    .h-main{width: 100%;padding:0 20px;}
    .h-ul{padding-left: 20px;}
    .h-f-text{display: none;}
}
@media(max-width: 900px){
    .h-main{padding:0 15px;}
    .h-ul{padding-left: 15px;}
    .h-li:last-child{margin-right: 0;}
    .h-filter{margin-right: 15px;}
    .h-login{margin-left: 15px;}
    .h-lang{margin-left: 15px;}
}
@media(max-width: 850px){
    .h-main{padding:0 10px;}
    .h-ul{padding-left: 10px;}
    .h-li:last-child{margin-right: 0;}
    .h-filter{margin-right: 10px;}
    .h-login{margin-left: 10px;}
    .h-lang{margin-left: 10px;}
}
@media(max-width: 800px){
    .h-li{margin: 0 5px;}
}
@media(max-width: 750px){
    header{width: 100%;height: 46px;padding-top: 0;}
    body.sp{padding-top: 46px;}
    .h-main{width: 100%;padding-left: 10px;padding-right: 0;}
    .h-logo1{display: none;}
    .h-logo2{display: inline-block;}
    .h-index{margin-top: 12px;}
    .h-li.active .h-a{font-weight: bold;}
    .h-login{line-height: 46px;height: auto;margin-left: 20px;}
    .h-one{line-height: 46px;height: auto;}
    .h-span{line-height: 46px;}
    .h-search{line-height: 46px;height: auto;}
    .h-lang{margin-left: 20px;}
    .h-menu{display: inline-block;vertical-align: top;width: 46px;height: 46px;background-image: url(../image/3a498426-f2fd-4bc1-a9fa-1bd1a001d696.png);background-repeat: no-repeat;background-position: center center;margin-left: 10px;}
    .show-menu .h-opa{left: 0;opacity: 1;}
    .show-menu .h-ul{right: 0;}
    .h-ul{width: 280px;height: 100vh;position: fixed;right: -101vw;top: 0;background-color: var(--mColor);padding: 10px 0;overflow: auto;transition: all .3s cubic-bezier(.25,.1,.25,1);}
    .h-li{display: block;width: 100%;margin: 0;position: relative;}
    .h-li.has-sub: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: #fff;}
    .h-li.has-sub.show:after{content: "-";}
    .h-sub{left: 0 !important;width: 100%;padding: 0;}
    .h-sub.has-th{width: 100%;border-right: none;padding-bottom: 0;}
    .h-ul{padding-left: 0;}
    .h-li.active .h-a{color: #fff;}
    .h-a{padding-left: 20px;padding-right: 30px;line-height: 40px;height: auto;font-weight: bold;font-weight: bold;font-size: 14px;}
    .h-box{position: relative;top: 0;background-color: transparent;}
    .h-sub-a{padding-top: 8px;padding-bottom: 8px;padding-left: 40px;padding-right: 30px;font-size: 13px;}
    .h-sub-li.active .h-sub-a{display: inline-block;}
    .h-sub-li{margin-bottom: 0;}
    .h-sub-li.has-thd{position: relative;}
    .h-sub-li.has-thd:after{content: "+";display: inline-block;width: 40px;height: 33px;line-height: 33px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;}
    .h-sub-li.has-thd.show:after{content: "-";}
    .h-th{position: relative;left: 0;padding: 0;display: none;width: 100%;}
    .h-sub-li.active .h-th{display: none;left: 0;}
    .h-th-a{padding-left: 60px;padding-top: 8px;padding-bottom: 8px;font-size: 12px;padding-right: 10px;}
    .h-filter{line-height: 46px;}
    body.sp .h-li.active .h-a{border-bottom: none;}
    .h-sch .h-text{width: 220px;font-size: 14px;}
}
@media(max-width: 500px){
    .h-search{font-size: 0;width: 46px;line-height: 0;height: 46px;padding-top: 16px;}
    .h-search:before{width: 100%;height: 100%;background-size: 16px 16px;height: 16px;background-repeat: no-repeat;background-position: center center;margin-left: 0;margin-right: 0;position: relative;}
    .h-login{margin-left: 10px;}
    .h-name{display: none;}
    .h-f-icon{margin-right: 0;}
    .h-f-text{display: none;}
    .h-filter{margin-right: 0;width: 30px;text-align: center;}
}
@media(max-width: 360px){
    .h-search{width: 30px;}
    .h-lang{margin-left: 10px;}
    .h-menu{margin-left: 5px;}
}