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;}
}

.e-a{width: 100%;padding: .75rem .3rem;overflow: hidden;}
.e-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.e-top{width: 100%;margin-bottom:.45rem;}
.e-one{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;width: 100%;cursor: pointer;margin-bottom: .3rem;}
.e-one .e-lt{width: 5rem;}
.e-one .e-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(333/500*100%);}
.e-one .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.e-one .e-rt{display: flex;flex-wrap: wrap;flex: 1;}
.e-one .e-time{font-size: 0;text-align: center;margin-right: 1.15rem;}
.e-one .e-time1{color: #000;font-weight: bold;line-height: 1.6;}
.e-one .e-time2{color: #999;line-height: 1.2;}
.e-one .e-text{width: 5.5rem;}
.e-one .e-name{width: 100%;margin-bottom: .15rem;padding-bottom: .15rem;border-bottom: 1px solid #f1f1f1;}
.e-one .e-name span{width: 100%;color: #000;line-height: 1.5; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-one .e-intro{width: 100%;margin-bottom: .4rem;color: #999;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.e-one .e-more{display: inline-block;padding: 0 .29rem;color: #000;line-height: .4rem;border-radius: .2rem;border: 1px solid #000;}
.e-one:hover .e-img img{transform: scale(1.05);}

.e-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.e-item{display: block;cursor: pointer;width: 45%;}
.e-item .e-imgbox{width: 100%;position: relative;}
.e-item .e-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/615*100%);}
.e-item .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.e-item .e-time{position: absolute;left: 3%;top: 7%;background-color: #fff;min-width: 1.2rem;padding: .4rem .1rem;white-space: nowrap;text-align: center;}
.e-item .e-time1{width: 100%;font-weight: bold;color: #000;line-height: 1.66;}
.e-item .e-time2{width: 100%;color: #999;line-height: 1.2;}
.e-item .e-text{width: 100%;padding-top:  .2rem;padding-bottom: .25rem;}
.e-item .e-name{width: 100%;margin-bottom: .15rem;padding-bottom: .15rem;border-bottom: 1px solid #f1f1f1;}
.e-item .e-name span{width: 100%;color: #000;line-height: 1.5; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-item .e-intro{width: 100%;margin-bottom: .4rem;color: #999;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.e-item .e-more{display: inline-block;padding: 0 .29rem;color: #000;line-height: .4rem;border-radius: .2rem;border: 1px solid #000;}

.e-item:hover .e-img img{transform: scale(1.05);}

@media(min-width: 750px){  
    .e-item:nth-child(2n){margin-top: 1rem;text-align: right;}
}
@media(max-width: 750px){ 
    .e-one .e-lt{width: 100%;}
    .e-one .e-rt{width: 100%;flex: none;}
    .e-one .e-time{display: none;}
    .e-one .e-text{width: 100%;padding-top: .2rem;}
    .e-one .e-more{line-height: .6rem;border-radius: .3rem;}

    .e-item{width: 100%;margin: 0 0 .5rem;}
    .e-item .e-more{line-height: .6rem;border-radius: .3rem;}
}

.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;}
}