.header{position: fixed;top: 0;left: 0;z-index: 988;transition: all .3s; width: 100%;height: 1rem;}
.h-a{width: 100%;}
.h-cont{width: 15.4rem;margin: 0 auto;}
.h-logo{float: left; display: block;cursor: pointer;}
.h-img1{display: block;height: 1rem;line-height: 1rem;}
.h-img1 img{max-width: none;height: 51.5%;}
.h-img2{display: none;height: 1rem;line-height: 1rem;}
.h-img2 img{max-width: none;height: 51.5%;}
.h-right{float: right;font-size: 0;}
.h-b{display: inline-block;vertical-align: middle;font-size: 0;position: relative;margin-left: .6rem;}
.h-b:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 16px;height: 16px;background-image: url('../images/a2.png');background-size: 15px auto;background-position: center center;background-repeat: no-repeat;}
.h-phone{cursor: pointer; display: inline-block;vertical-align: middle;line-height: 1.3;color: #ffffff;}
.h-phone:after{content: '/';display: inline-block;vertical-align: middle;margin: 0 .2rem;font-size: 1em;color: #fff;}
.h-phone:last-child:after{display: none;} 

.h-phone{font-size: calc(24 * 100vw / 1920) !important;}
@media(max-width: 1248px){
    .h-phone{font-size: 15.6px !important;}
}

/* 搜索 */ 
.h-k{display: inline-block;vertical-align: middle;margin-left: .2rem;}
.h-search{display: block;cursor: pointer; width: .55rem;height: 1rem;background-image: url('../images/a3.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #ff9920;background-image: url('../images/a3.png');background-size: 15px auto;background-position: center center;background-repeat: no-repeat;}

.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;}   

/* 菜单 */  
.h-menu{display: none;vertical-align: middle;cursor: pointer; width: 1.65em;height: 1.65em;background-color: #da291c;background-image: url('../images/a4.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.h-h{display: inline-block;vertical-align: middle;}
.h-list{font-size: 0;}

.h-i{display: inline-block;vertical-align: top;position: relative;padding: 0 .32rem;}
.h-j{display: inline-block;color: #ffffff;height: 1rem;line-height: 1rem;}

.h-sub {display: none;min-width: 1.5rem; background-color: #fff; position: absolute;left: 50%;top: 1rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.h-sub>li>a:hover {background-color: #da291c; color: #fff;}

.header.white{border-bottom: 1px solid #e8e8e8;background-color: #fff;}
.header.white .h-img1{display: none;}
.header.white .h-img2{display: block;}
.header.white .h-b:before{background-image: url('../images/a2-b.png');}
.header.white .h-phone{color: #333333;}
.header.white .h-phone:after{color: #333333;}
.header.white .h-search{background-image: url('../images/a3-b.png');}
.header.white .h-j{color: #333333;}

/* .header.menu-state{border-bottom: 1px solid #e8e8e8;background-color: #fff;}
.header.menu-state .h-img1{display: none;}
.header.menu-state .h-img2{display: block;}
.header.menu-state .h-b:before{background-image: url('../images/a2-b.png');}
.header.menu-state .h-phone{color: #333333;}
.header.menu-state .h-phone:after{color: #333333;}
.header.menu-state .h-search{background-image: url('../images/a3-b.png');}
.header.menu-state .h-menu{background-image: url('../images/a4-b.png');background-size: .7em auto;}

.header.menu-state .h-opa2 {display: block;}  
.header.menu-state .h-h {display: block;}   */

.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 98;cursor: pointer;}
.h-opa2 {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 1rem;background-color: rgba(0, 0, 0, 0.7);z-index: 10;cursor: pointer;}

@media(min-width: 1200px){
    .header:hover{border-bottom: 1px solid #e8e8e8;background-color: #fff;}
    .header:hover .h-img1{display: none;}
    .header:hover .h-img2{display: block;}
    .header:hover .h-b:before{background-image: url('../images/a2-b.png');}
    .header:hover .h-phone{color: #333333;}
    .header:hover .h-phone:after{color: #333333;}
    .header:hover .h-search{background-image: url('../images/a3-b.png');}
    .header:hover .h-j{color: #333333;}
}
@media(max-width: 1200px){ 
    .h-cont{width: 100%; padding-left: 10px;padding-right: 10px;}
    
    .h-h {width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0 !important;margin: 0 !important;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
    .h-i.has-nav:after {content: "";background-image: url('../images/wa-right.png');background-size: 16px auto;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-i.has-nav.show:after {background-size: 18px auto;background-image: url('../images/wa-down.png');}
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li>a {text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 
    
 
    .h-phone{ line-height: 1.5; font-size: 12px !important;}
    .h-phone:after{display: none;}
    .h-k{margin: 0 .2rem;}
    .hs-text{width: 5rem;height: 35px;}
    .hs-submit{height: 35px;}

    /* 菜单 */
    .h-menu {display: inline-block; }
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}
    
}