body{padding-top: .95rem;}
.header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-main{width: 13.66rem;margin: 0 auto;display: flex;align-items: center;} 
.h-left{font-size: 0;}
.h-logo{display: inline-block;vertical-align: middle;font-size: 0;}
.h-link{display: block;cursor: pointer;height: .95rem;line-height: .95rem;}
.h-link img{max-width: none;height: .22rem;}

.h-right{flex: 1;padding-left: 1.9rem;display: flex;align-items: center;justify-content: space-between;}
.h-h{display: inline-block;}
.h-i{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;padding: 0 .25rem;}
.h-j{display: inline-block;position: relative;color: #999;height: .95rem;line-height: .95rem;font-weight: bold;}
.h-j:after{content: '';position: absolute;top: 0;left: 0;width: 0;transition: all ease .5s;overflow: hidden;height: .04rem;background-color: #80c482;}
.h-sub {display: none;min-width: 1.2rem;background-color: #fff;position: absolute;left: 50%;top: 100%;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;width: 100%;padding: .1rem;white-space: nowrap; line-height:1.42;text-align: center;color: #999;transition: background-color .3s;}
.h-sub>li>a:hover {color: #000;background-color: #ddd;} 
 
.h-store{display: block;font-size: 0;white-space: nowrap;padding: 0 .2rem;background-color: #a3a3a3;border-radius: .22rem;}
.h-tip{display: inline-block;vertical-align: middle;line-height: .44rem;color: #fff;font-weight: bold;}
.h-list{display: none;vertical-align: middle;margin-left: .1rem;}
.h-one{display: inline-block;vertical-align: middle;cursor: pointer;width: .2rem;margin-left: .1rem;}
.h-one img{width: 100%;}
.h-store.show .h-list{display: inline-block;}

.h-menu {display: none; position: absolute;top: 0;left: .3rem; cursor: pointer; width: .5rem;height: .9rem;background-image: url('../images/a-menu.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
 
.h-sub2{display: none;position: absolute;left: 0;top: 100%;z-index: 1000;width: 100%; background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hs-cont{width: 13.66rem;margin: 0 auto;padding-top: .6rem;padding-bottom: .4rem;display: flex;flex-wrap: wrap;}
.hs-left{width: 1.9rem;}
.hs-one{display: block;cursor: pointer;position: relative;width: 100%;margin-bottom: .4rem;line-height: 1;color: #000;padding-left: .15rem;}
.hs-one.active{font-weight: bold;}
.hs-one.active:before{content: "";position: absolute;left: 0;top: 0;width: .04rem;height: 1em;background-color: #c1182e;}
.hs-right{flex: 1;padding-left: .55rem;border-left: 1px solid #ececec;}
.hs-item{display: none;cursor: pointer;width: 100%;}
.hs-item.show{display: block;}
.hs-classify{display: none;width: 100%;margin-bottom: .2rem;padding: 0 20px; color: #000;line-height: 1.5;}
.hs-twobox{width: 100%;}
.hs-two{width: 100%;margin-bottom: .3rem;}
.hs-twotitles{display: block;width: 100%;margin-bottom: .2rem;color: #bbb;line-height: 1;}
.hs-swiper{width: 100%;}
.hs-b{width: 100%;}
.hs-slide{display: block;cursor: pointer;width: 33.33%;padding: 0 .1rem;}
.hs-name{width: 100%;margin-bottom: .2rem;color: #bbb;line-height: 1;}
.hs-bottom{width: 100%;padding: .3rem;border-radius: .1rem;min-height: 2.4rem;text-align: center;}
.hs-img{width: 100%;margin-bottom: .15rem;height: 1.25rem;line-height: 1.25rem;text-align: center;}
.hs-img img{max-width: 100%;max-height: 100%;}
.hs-en{width: 100%;color: #333;line-height: 1.6;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hs-en span{font-weight: bold;}
.hs-intro{width: 100%;color: #333;line-height: 1.6;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hs-slide:hover .hs-bottom{background-color: #f3f3f3;}

.hs-pagination{display: none; position: static;width: 100%;margin-top: .15rem;text-align: center;font-size: 0;}
.hs-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: .12rem .04rem;opacity: .64;width: .1rem;height: .1rem;border-radius: 50%;background-color: #c4c4c6;}
.hs-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #120f1f;}
.hs-pagination .swiper-pagination-bullet:hover{opacity: .64 !important;}
.hs-swiper.show .hs-pagination{display: block;}

@media(min-width:1200px){ 
    .h-i:hover .h-j{color: #333;} 
    .h-i.has-nav2  {position: static;}
    .hs-right{max-height: calc(95vh - 2rem);overflow: auto;}
    .hs-right::-webkit-scrollbar {width:  3px;height: 1px;}
    .hs-right::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #ededed;background: #000;}
    .hs-right::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #ededed;border-radius: .05rem; background: #ededed;}
}  
 
@media(max-width:1200px){     
    .h-main{width: 100%;padding: 0 .3rem;} 
    .h-h {margin-left: 0;max-width: 320px; width: 90%;position: fixed;text-align: left;left: auto; left: 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/a-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/a-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 {white-space: normal;text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 
  
    .h-i.has-nav2:after {content: "";background-image: url('../images/a-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-nav2.show:after {background-size: 18px auto;background-image: url('../images/a-down.png');}
    .h-sub2{position: relative;top: 0;left: 0;box-shadow: none;}
    .hs-cont{width: 100%;padding-top: 0;padding-bottom: 0;}
    .hs-left{display: none;}
    .hs-right{flex: none;width: 100%;padding-left: 0;}
    .hs-item{display: block;}
    .hs-classify{display: block;}
    .hs-twobox{padding: 0 10px;}
    .hs-two{width: 100%;}
    .hs-twotitles{font-size: 16px;padding-left: 20px;}
    .hs-slide{width: 50%;padding: 0 10px;}
    .hs-bottom{padding: .15rem;}
    .hs-classify{font-size: 16px;}
    .hs-name{font-size: 16px;}
    .hs-en{font-size: 14px;}
    .hs-intro{font-size: 14px;}

    .h-left{width: 100%;text-align: center;}
    .h-right{flex: none;width: 0;padding-left: 0;}
    .h-store{position: absolute;top: 50%;right: .3rem;transform: translate(0,-50%);}  
    /* 菜单 */
    .h-menu {display: block; }
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}  
}

@media(max-width: 750px){ 
    .h-left{padding-right: .5rem;}
}

.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: calc(100% - .6rem); width: 13.66rem;}
.banner-en{width: 100%;color: rgba(255,255,255,.1);line-height: 1;font-style: italic;font-weight: bold;}
.banner-titles{margin-top: -.5em;width: 100%;color: #fff;line-height: 1;font-weight: bold;}

.banner-navbox{width: 100%;font-size: 0;}
.banner-nav{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-top: .3rem; padding-bottom: .1rem;margin-right: .6rem;color: #fff;line-height: 1.5;}
.banner-nav.active:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #c1182e;}

@media(max-width: 750px){ 
    .banner-img img{min-height:2.2rem;object-fit: cover;}
    .banner-navbox{overflow: auto;white-space: nowrap;}
}

.k-a{position: relative;width: 100%;padding: .6rem .3rem;}
.k-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.k-cont{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.k-left{width: 5.56rem;}
.k-img{width: 100%;}
.k-img img{width: 100%;}
.k-right{width: 6.7rem;}
.k-textbox{width: 100%;color: #000;line-height: 1.5;}
.k-textbox *{line-height: inherit;max-width: 100%;}

.k-a.right .k-cont{flex-direction: row-reverse;}

@media(max-width: 750px){ 
    .k-left{width: 100%;margin-bottom: .3rem;}
    .k-right{width: 100%;}
}

.wd-a{width: 100%;padding: 1rem  0 .3rem;background-color: #f7f7f7;}
.wd-main{width: 100%; max-width: 14.26rem;margin: 0 auto;} 
.wd-titles{width: 100%;margin-bottom: .45rem;text-align: center;color: #000;font-weight: bold;line-height: 1.25;}
.wd-cont{width: 100%;font-size: 0;}
.wd-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 .3rem;text-align: center;margin-bottom: .7rem;}
.wd-icon{width: 100%;}
.wd-icon img{height: .7rem;}
.wd-text{width: 100%;padding-top: .2rem;}
.wd-name{width: 100%;margin-bottom: .2rem; color: #171717;line-height: 1.4;font-weight: bold;}
.wd-intro{width: 100%;color: #222;line-height: 1.5;}

@media(max-width: 750px){ 
    .wd-item{width: 50%;}
}

.wi-a{width: 100%;padding: 1rem  .3rem;}
.wi-form{width: 100%;}
.wi-main{width: 100%; max-width: 13.66rem;margin: 0 auto;} 
.wi-titles{width: 100%;margin-bottom: .45rem;text-align: center;color: #000;font-weight: bold;line-height: 1.25;}
.wi-cont{width: 100%;} 
.wi-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wi-item{display: block;width: 100%;margin-bottom: 0.3rem;}
.wi-tip{width: 100%;margin-bottom: .05rem;color: #333;line-height: 1.6;}
.wi-tip span{color: red;}
.wi-b{width: 100%;position: relative;}
.wi-input{display: block;width: 100%;padding: 0 .15rem;height: .6rem;border: 1px rgb(214, 214, 214) solid;}
.wi-textarea{display: block;width: 100%;padding: .15rem .15rem;height: 1.5rem;line-height: 1.6; border: 1px rgb(214, 214, 214) solid;}

.wi-button{width: 100%;}
.wi-submit{display: block;cursor: pointer;border: none;width: 100%;height: .6rem;color: #fff;background-color: #c1182e;}

.wi-agree{width: 100%;margin-bottom: .3rem;} 
.wi-protocol{cursor: pointer;color: #000000;}
.wi-protocol:hover{color: #c1182e;} 
.wi-form .lb-label{display: inline-block;font-size: 0;position: relative;vertical-align: top;cursor: pointer;}
.wi-form .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;width: 1.42em;height: 1.42em;border-radius: .03rem;margin-right: .1rem;background-color: #f6f7fa;border: solid 1px #ebeef3;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wi-form .lb-text{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.7;user-select:none;}
.wi-form .lb-label.selected .lb-icon{border-color: #c1182e;background-color: #c1182e;background-image: url('../images/a34.png');}
.wi-form .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}

@media(min-width: 750px){
    .wi-two .wi-item{width: calc(50% - .15rem);}
}

.footer{width: 100%;padding: .9rem .3rem .8rem;background-color: #fafafa;}
.f-main{width: 100%;max-width: 13.66rem;margin: 0 auto;}
.f-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-left{font-size: 0;}
.f-logo{display: flex;align-items: center;cursor: pointer;width: 2.74rem;min-height: 2.25em;}
.f-logo img{width: 100%;}
.f-right{width: calc(100% - 3.5rem);}
.f-top{width: 100%;padding-bottom: .4rem; display: flex;flex-wrap: wrap;border-bottom: 1px solid #ddd;}
.f-list{flex: 1;display: flex;justify-content: space-between;font-size: 0;padding-right: .6rem;}
.f-item{display: block;padding-right: .25rem;}
.f-one{display: block;cursor: pointer;width: 100%;line-height: 2.25;font-weight: bold;} 
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;width: 100%;line-height: 2.25;} 
.f-code{font-size: 0;text-align: center;}
.f-img{display: inline-block;width: 1.2rem;min-width: 100px;}
.f-img img{width: 100%;}
.f-tip{width: 100%;color: #000;line-height: 1;margin-top: .1rem;}
.f-bottom{width: 100%;padding-top: .5rem;display: flex;flex-wrap: wrap;}
.f-lt{flex: 1;}
.f-textbox{width: 100%;color: #0d0c0c;line-height: 2;}
.f-textbox *{line-height: inherit;}
.f-rt{font-size: 0;}
.fs-item{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem;position: relative;}
.fs-link{display: block;width: .25rem;min-width: 20px;}
.fs-link img{width: 100%;}
.fs-sub{opacity: 0;z-index: -1;transition: opacity ease .5s;visibility: hidden;padding-bottom: .15rem;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);}
.fs-img{width: 1rem;min-width: 100px;}
.fs-img img{width: 100%;}
.fs-item.show .fs-sub{opacity: 1;z-index: 18;visibility: visible;}

@media(max-width: 750px){
    .f-left{display: none;}
    .f-right{width: 100%;}
    .f-list{width: 100%;flex-wrap: wrap;padding-right: 0;}
    .f-item{width: 100%;padding-right: 0;margin-bottom: .25rem;}
    .f-one{margin-bottom: .1rem;line-height: 1.5;}
    .f-twobox{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;width: auto;margin-right: .25rem;margin-bottom: .15rem;line-height: 1.5;}
    .f-code{width: 100%;}

    .f-lt{flex: none;width: 100%;text-align: center;}
    .f-rt{width: 100%;text-align: center; }
    .fs-item{margin: .15rem .15rem 0;}
}