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

.a-a{width: 100%;position: relative;}
.a-b{width: 100%;position: relative;}
.a-item{display: block;width: 100%;}
.a-link{display: block;cursor: pointer;width: 100%;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.a-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;max-width: calc(100% - .6rem);}
.a-titles{width: 100%;color: #222222;font-weight: bold;line-height: 1.13;}
.a-intro{width: 100%;margin-top: .2rem; color: #333333;line-height: 1.2;}
.a-more{display: inline-block;vertical-align: middle;margin-top: .35rem;min-width: 2.4rem;text-align: center;padding: 0 .25rem;color: #222222;line-height: .6rem;border-radius: .3rem;border: solid 1px #000000;}
.a-more:hover{background-color: #000; color: #fff;} 
.a-titles,.a-intro,.a-more{opacity:0;transform:translate3d(0,80px,0);}
.a-item.swiper-slide-active .a-titles{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-intro{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-more{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}

.wj-a{width: 100%;padding: .9rem .3rem .6rem;background-color: #f5f5f5;}
.wj-main{width: 100%; max-width: 13.66rem;margin: 0 auto;} 
.wj-titles{width: 100%;margin-bottom: .45rem;text-align: center;color: #000;font-weight: bold;line-height: 1.25;}
.wj-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.wj-item{display: block;cursor: pointer;width: 23.35%;padding: .3rem;margin-right: 2.2%;margin-bottom: .3rem;background-color: #fff;border-radius: .1rem;}
.wj-item:nth-child(4n){margin-right: 0;}
.wj-top{width: 100%;position: relative;}
.wj-img{width: 100%;height: 2.3rem;line-height: 2.3rem;text-align: center;}
.wj-img img{width: 100%;max-height: 100%;}
.wj-swiper{opacity: 0;z-index: -1;transition: opacity .3s;visibility: hidden; position: absolute;top: 0;left: 0;width: 100%;}
.wj-b{width: 100%;}
.wj-slide{width: 100%;}
.wj-bg{width: 100%;height: 2.3rem;line-height: 2.3rem;text-align: center;}
.wj-bg img{width: 100%;max-height: 100%;}
.wj-prev{pointer-events:all !important;left: 0;margin-top: -.2rem; width: .4rem;height: .4rem;background-image: url('/static/home/images/a5.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wj-prev:hover{background-image: url('/static/home/images/a5-b.png');}
.wj-next{pointer-events:all !important;transform: rotate(-180deg);right: 0;margin-top: -.2rem;width: .4rem;height: .4rem;background-image: url('/static/home/images/a5.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wj-next:hover{background-image: url('/static/home/images/a5-b.png');}
.wj-top:hover .wj-swiper{opacity: 1;z-index: 1;visibility: visible;}
.wj-top:hover .wj-img{opacity: 0;z-index: -1;visibility: hidden;}

.wj-bottom{width: 100%;padding-top: .3rem;}
.wj-name{width: 100%;color: #000;line-height: 1.5;font-weight: bold; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media(max-width: 750px){
    .wj-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .wj-item:nth-child(2n){margin-right: 0;}
    .wj-top .wj-swiper{opacity: 1;z-index: 1;visibility: visible;}
    .wj-top .wj-img{opacity: 0;z-index: -1;visibility: hidden;}
}

.b-a{width: 100%;padding: .9rem .3rem .2rem;overflow: hidden;}
.b-main{width: 100%;max-width: 13.66rem;margin: 0 auto;}
.b-cont{width: 100%;}
.b-item{display: flex;align-items: center;flex-wrap: wrap;width: 100%;margin-bottom: .6rem;}
.b-left{width: 9.5rem;}
.b-img{width: 100%;}
.b-img img{width: 100%;}
.b-right{flex: 1;width: 0; padding-left: .9rem;text-align: center;}
.b-en{width: 100%;margin-bottom: .3rem;line-height: 1.2;color: #000;}
.b-en span{font-weight: bold;}
.b-titles{width: 100%;margin-bottom: .6rem;color: #000;line-height: 1.2;font-weight: bold;}
.b-small{width: 100%;margin-bottom: .55rem;}
.b-small img{max-width: 3.68rem;max-height: 2.3rem;}
.b-more{display: inline-block;vertical-align: middle;cursor: pointer;transition: all ease;text-align: center;padding: 0 .25rem;min-width: 1.7rem;line-height: .4rem;color: #000;border: .02rem solid #000;border-radius: .5rem;}
.b-more:hover{background-color: #000;color: #fff;} 

.b-item:nth-child(2n){flex-direction: row-reverse;}
.b-item:nth-child(2n) .b-right{padding-left: 0;padding-right: .15rem;}

@media(max-width: 750px){
    .b-left{width: 100%;}
    .b-right{width: 100%;flex: none;padding: .3rem 0 0;text-align: center;}
    .b-more{line-height: .6rem;border-radius: .3rem;}
}

.c-a{width: 100%;padding: .5rem .3rem;}
.c-main{width: 100%;max-width: 13.66rem;margin: 0 auto;}
.c-titles{width: 100%;margin-bottom: .6rem;font-style: italic;color: #000;line-height: 1;font-weight: bold;}
.c-cont{width: 100%;position: relative;display: flex;flex-wrap: wrap;flex-direction: row-reverse;background-color: #f6f6f6;}
.c-right{width: 9.7rem;}
.c-b{width: 100%;}
.c-item{display: block;width: 100%;}
.c-link{display: block;width: 100%;}
.c-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(716/970*100%);}
.c-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.c-left{flex: 1;width: 0;padding: .6rem .15rem 1.2rem .6rem;}
.c-line{width: .76rem;height: .07rem;background: #000;margin: .7rem 0 .3rem;}
.c-list{width: 100%;}
.c-one{display: none;}
.c-one.show{display: block;}
.c-en{width: 100%;margin-bottom: .2rem;font-weight: bold;font-style: italic;line-height: 1;}
.c-name{width: 100%;margin-bottom: .4rem;font-weight: bold;line-height: 1;}
.c-textbox{width: 100%;color: #000;line-height: 1.5;}
.c-textbox *{line-height: inherit;}
.c-prev{top: auto;bottom: .6rem;left: .6rem;width: .45rem;height: .45rem;background-image: url('/static/home/images/a5.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.c-prev:hover{background-image: url('/static/home/images/a5-b.png');}
.c-next{transform: rotate(-180deg);top: auto;bottom: .6rem;right: auto;left: 1.45rem;width: .45rem;height: .45rem;background-image: url('/static/home/images/a5.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.c-next:hover{background-image: url('/static/home/images/a5-b.png');}

@media(max-width: 750px){
    .c-right{width: 100%;}
    .c-left{width: 100%;padding: .3rem .3rem 1.45rem;}
    .c-line{margin-top: .3rem;}
}

.d-a{width: 100%;padding: .5rem .2rem .9rem;}
.d-main{width: 100%;max-width: 13.86rem;margin: 0 auto;}
.d-cont{width: 100%;position: relative;}
.d-item{height: auto;padding: 0 .1rem;}
.d-link{display: block;width: 100%;height: 100%;background-color: #f6f6f6;}
.d-imgbox{width: 100%;position: relative;}
.d-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(508/440*100%);}
.d-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.d-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.d-play img{width: .8rem;}
.d-text{width: 100%;padding: .36rem;}
.d-name{width: 100%;margin-bottom: .15rem;color: #000;font-weight: bold;line-height: 1;}
.d-profession{width: 100%;color: #000;line-height: 1.5;margin-bottom: .2rem;}
.d-intro{width: 100%;color: #636363;line-height: 1.5;}
 
.d-pagination{position: static;width: 100%;margin-top: .4rem;text-align: center;font-size: 0;}
.d-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;}
.d-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #120f1f;}
.d-pagination .swiper-pagination-bullet:hover{opacity: .64 !important;}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;} 
.xv-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 800px;max-width: 94%;}
.xv-cont {width: 100%;} 
.xv-close {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #c1182e; position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;}
.xv-icon {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} 
.xv-iframe {width: 100%;height: 60vh;} 
.xv-video {width: 100%;height: auto;max-height: 90vh;} 
@media(max-width:1200px) {
    .xv-close {right: 0;top: -45px;}
}

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