.m-a{width: 100%;background-color: #fafafa;padding: .9rem .3rem 1px;}
.m-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.m-textbox{width: 100%;line-height: 1.8;color: #000;padding-bottom: .9rem;border-bottom: 1px solid #ddd;}
.m-textbox *{line-height: inherit;max-width: 100%;}

.na-main{width: 100%;}
.na-textbox{width: 100%;}
.na-textbox img{width: 100%;}
.n-a{width: 100%;padding: 1.85rem .3rem 1.25rem;}
.n-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.n-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start; justify-content: space-between;}
.n-left{width: calc(100% - 7rem);display: flex;flex-wrap: wrap;align-content: space-between;}
.n-list{width: 100%;}
.n-one{display: flex;flex-wrap: wrap;}
.n-tip{min-width: 8em;padding: .15rem 0;color: #2a2a2a;font-weight: bold;line-height: 1.25;}
.n-intro{flex: 1;padding: .15rem 0;color: #ababab;line-height: 1.25;}
.n-link{display: inline-block;cursor: pointer;color: #656565;text-decoration: underline !important;}
.n-right{width: 6.75rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.n-item{display: block;cursor: pointer;position: relative;width: 3.25rem;border-radius: .1rem;overflow: hidden;}
.n-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(376/324*100%);}
.n-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.n-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);}
.n-sub{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;text-align: center;}
.n-icon{width: 100%;margin-bottom: .2rem;}
.n-icon img{height: .6rem;}
.n-name{width: 100%;color: #fff;line-height: 1.5;}

.n-hint{width: 100%;margin-top: .5rem;color: #2a2a2a;font-weight: bold;line-height: 1.25;}
@media(min-width: 750px){ 
    .n-list{padding-right: .1rem; max-height: 3.76rem;overflow: auto;}
    .n-list::-webkit-scrollbar {width:  3px;height: 1px;}
    .n-list::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #ededed;background: #000;}
    .n-list::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #ededed;border-radius: .05rem; background: #ededed;}
}
@media(max-width: 750px){ 
    .n-left{width: 100%;margin-bottom: .3rem;}
    .n-right{width: 100%;}
    .n-item{width: calc(50% - .15rem);}
}


.o-a{width: 100%;padding: 1.4rem .3rem;}
.o-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.o-cont{width: 100%;display: flex;flex-wrap: wrap;}
.o-item{display: flex;flex-wrap: wrap;align-content: space-between;padding: .45rem .15rem 0;width: 31.91%;margin-right: 2.13%;margin-bottom: .3rem; background-color: #f3f3f3;border-radius: .2rem;}
.o-item:nth-child(3n){margin-right: 0;}
.o-top{width: 100%;text-align: center;}
.o-titles{width: 100%;margin-bottom: .25rem;color: #000;line-height: 1.25;font-weight: bold;}
.o-intro{width: 100%;color: #333;line-height: 1.5;}
.o-intro *{line-height: inherit;}
.o-img{width: 100%;text-align: center;height: 3.95rem;line-height: 3.95rem;}
.o-img img{max-width: 70%;max-height: 100%;}

@media(max-width: 750px){ 
    .o-item{width: 100%;margin-right: 0;}
    .o-img img{max-width: 45%;}
}

.p-a{overflow: hidden;width: 100%;padding: 1.4rem .3rem;}
.p-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.p-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.p-left{width: 7.6rem;}
.p-img{width: 100%;border-radius: .2rem;overflow: hidden;}
.p-img img{width: 100%;}
.p-right{width: calc(100% - 8.65rem);}
.p-name{width: 100%;margin-bottom: .55rem;color: #000;line-height: 1.2;font-weight: bold;}
.p-intro{width: 100%;color: #333;line-height: 1.5;}

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



.q-a{overflow: hidden;width: 100%;padding: 1.3rem .3rem .3rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.q-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.q-cont{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.q-left{width: 5.8rem;}
.q-img{width: 100%;text-align: center;}
.q-img img{min-width: 3.62rem;max-height: 5.8rem;}
.q-right{width: 100%;}
.q-titles{width: 100%;margin-bottom: .6rem;color: #000;line-height: 1.2;font-weight: bold;}
.q-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.q-item{min-width: 45%;margin-bottom: 1rem;} 
.q-nub{width: 100%;color: #333;line-height: 1.5;font-weight: bold;}
.q-nub span{color: #c1182e;font-size: 2.5em;}
.q-intro{width: 100%;color: #333;line-height: 1.5;font-weight: bold;}

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

.r-a{overflow: hidden;width: 100%;padding: .9rem .3rem;}
.r-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.r-cont{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.r-left{width: 5.8rem;}
.r-titles{width: 100%;margin-bottom: .45rem;color: #000;line-height: 1.2;font-weight: bold;}
.r-textbox{width: 100%;max-width: 5rem;color: #333;line-height: 1.5;}
.r-textbox *{line-height: inherit;}
.r-right{width: 7.4rem;}
.r-img{width: 100%;border-radius: .2rem;overflow: hidden;}
.r-img img{width: 100%;}

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

.s-a{overflow: hidden; width: 100%;padding: .2rem .3rem;}
.s-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.s-cont{width: 100%;}
.s-item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: .2rem 0;}
.s-img{width: calc(50% - .3rem);border-radius: .2rem;overflow: hidden;}
.s-img img{width: 100%;}
.s-text{width:  calc(50% - .3rem);}
.s-titles{width: 100%;margin: .6rem 0;color: #000;line-height: 1.2;font-weight: bold;}
.s-intro{width: 100%;color: #333;line-height: 1.5;} 

.s-item:nth-child(2n){flex-direction: row-reverse;} 

@media(max-width: 750px){ 
    .s-img{width: 100%;}
    .s-text{width: 100%;}
}

.t-a{overflow: hidden;width: 100%;padding: .7rem .3rem;}
.t-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.t-img{width: 100%;margin-bottom: .7rem;border-radius: .2rem;overflow: hidden;}
.t-img img{width: 100%;}
.t-bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.t-left{width: 6.5rem;}
.t-titles{width: 100%;color: #000;line-height: 1.2;font-weight: bold;} 
.t-right{width: 6.2rem;}
.t-intro{width: 100%;color: #333;line-height: 1.5;}

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

.u-a{overflow: hidden; width: 100%;display: flex;align-items: center;min-height: 7.5rem;padding: 1rem .3rem;background-color: #f7f7f7;}
.u-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.u-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.u-left{width: 7rem;}
.u-titles{width: 100%;margin-bottom: .45rem;color: #000;line-height: 1.2;font-weight: bold;} 
.u-textbox{width: 100%;color: #333;line-height: 1.5;}
.u-textbox *{line-height: inherit;}
.u-right{position: relative;width: 5.87rem;}
.u-img{width: 100%;}
.u-img img{width: 100%;}
.u-one{position: absolute;left: 0;width: 100%;color: #000;line-height: 1.5;}


.u-one.custom{opacity:0;}
.u-one.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.u-one.is-visible{transition-delay: 1s;}

@media(max-width: 750px){ 
    .u-a{min-height: 10px;}
    .u-left{width: 100%;margin-bottom: .5rem;}
    .u-right{width: 100%;}
}

.v-a{position: relative; width: 100%;margin-bottom:  .1rem;}
.v-img{width: 100%;}
.v-img img{width: 100%;}
.v-cont{position: absolute;left: 0;bottom: 0;width: 100%;padding: .8rem .3rem;max-height: 100%;overflow: auto;}
.v-main{width: 100%;max-width: 13.66rem;margin: 0 auto;text-align: center;}
.v-titles{width: 100%;margin-bottom: .45rem;color: #fff;line-height: 1.2;font-weight: bold;}
.v-textbox{width: 100%;color: #fff;line-height: 1.5;}
.v-textbox *{line-height: inherit;}

.v-titles.custom{opacity:0;}
.v-titles.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.v-titles.is-visible{transition-delay: 1s;}
.v-textbox.custom{opacity:0;}
.v-textbox.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.v-textbox.is-visible{transition-delay: 1s;}

@media(max-width: 750px){ 
    .v-img img{min-height: 5rem;object-fit: cover;}
    .v-cont{padding: .3rem;}
}

.w-a{width: 100%;padding: 0 .3rem 1.1rem;}
.w-main{width: 100%; max-width: 13.66rem;margin: 0 auto;} 
.w-top{width: 100%;padding-bottom:  .3rem;}
.w-titles{width: 100%;margin-bottom: .3rem;color: #000;line-height: 1.2;font-weight: bold;} 
.w-textbox{width: 100%;margin-bottom: .3rem;color: #333;line-height: 1.5;}
.w-textbox *{line-height: inherit;}
.w-bottom{width: 100%;}
.w-video{width: 100%;border-radius: .2rem;overflow: hidden;}
.w-video video{width: 100%;}

.x-a{width: 100%;padding: 0 .3rem .3rem;}
.x-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.x-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.x-item{display: flex;align-items: center;align-content: center;width: calc(50%  - .63rem);padding: .68rem .3rem;text-align: center; margin-bottom: .5rem;background-color: #f3f3f3;border-radius: .2rem;}
.x-box{display: flex;flex-wrap: wrap;width: 100%;}
.x-textbox{width: 100%;text-align: center;color: #333;line-height: 1.5;font-weight: bold;}
.x-textbox *{line-height: inherit;}
.x-img{width: 100%;margin-top: .8rem;}
.x-img img{max-width: 3.4rem;max-height: 3.4rem;}
.x-item:nth-child(2n) .x-box{flex-direction: column-reverse;} 
.x-item:nth-child(2n) .x-img{margin-top: 0;margin-bottom: .8rem;} 

@media(max-width: 750px){ 
    .x-item{width: 100%;}
} 
 
.y-a{position: relative; width: 100%;margin-bottom:  .5rem;}
.y-img{width: 100%;}
.y-img img{width: 100%; } 
.y-cont{position: absolute;left: 0;bottom: 0;width: 100%;padding: .8rem .3rem 1.3rem;max-height: 100%;overflow: auto;}
.y-main{width: 100%;max-width: 13.66rem;margin: 0 auto;text-align: center;}
.y-titles{width: 100%;margin-bottom: .45rem;color: #fff;line-height: 1.2;font-weight: bold;}
.y-textbox{width: 100%;color: #fff;line-height: 1.5;}
.y-textbox *{line-height: inherit;}

.y-titles.custom{opacity:0;}
.y-titles.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.y-titles.is-visible{transition-delay: 1s;}
.y-textbox.custom{opacity:0;}
.y-textbox.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.y-textbox.is-visible{transition-delay: 1s;}

@media(max-width: 750px){ 
    .y-img img{min-height: 5rem;object-fit: cover;}
    .y-cont{padding: .3rem;}
}

.z-a{width: 100%;padding: 0 .3rem .8rem;}
.z-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.z-cont{width: 100%;position: relative;border-radius: .2rem;overflow: hidden;}
.z-top{width: 100%;cursor: pointer;position: relative;}
.z-img{width: 100%;}
.z-img img{width: 100%;}
.z-sub{position: absolute;bottom: 1rem;left: 0;width: 100%;text-align: center;}
.z-circlebox{animation: z_circle 2s infinite;display: inline-block;position: relative;width: .24rem;height: .24rem;border-radius: 50%;    background: hsla(0,0%,100%,.2);}
.z-circlebox:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .18rem;height: .18rem;border-radius: 50%;background: hsla(0,0%,100%,.3);}
.z-circle{z-index: 1; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .12rem;height: .12rem;border-radius: 50%;background: hsla(0,0%,100%,.4);}
.z-name{width: 100%;margin-top: .2rem;color: #fff;line-height: 1.5;}

.z-video{display: none;position: absolute;top:  0;left: 0;width: 100%;height: 100%;}
.z-video video{width: 100%;height: 100%;object-fit: cover;} 
.z-pause{display: none;cursor: pointer; position: absolute;bottom: .4rem;right: .4rem;width: .6rem;}
.z-icon1 {display: block;width: 100%;}
.z-icon1 img{width: 100%;}
.z-icon2 {display: none;width: 100%;}
.z-icon2 img{width: 100%;}

.z-a.play .z-img{opacity: 0;}
.z-a.play .z-sub{opacity: 0;}
.z-a.play .z-video{display: block;}
.z-a.play .z-pause{display: block;}
.z-a.pause .z-icon1{display: none;}
.z-a.pause .z-icon2{display: block;}

@keyframes z_circle {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wa-a{position: relative;overflow: hidden;width: 100%;margin-bottom: .5rem;}
.wa-bg{width: 100%;}
.wa-bg img{width: 100%;}
.wa-sub{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 13.66rem;}
.wa-img{width: 100%;margin-bottom: .7rem;}
.wa-img img{max-width: 100%;max-height: 2.4rem;}
.wa-titles{width: 100%;}
.wa-titles img{max-width: 100%;max-height: 1.35rem;}
.wa-titles.custom{opacity:0;}
.wa-titles.is-visible{opacity:1;transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.wa-titles.is-visible{transition-delay: 1s;}

@media(max-width: 750px){ 
    .wa-bg{margin-bottom: .3rem;}
    .wa-sub{position: relative;top: 0;left: 0;transform: translate(0,0);text-align: center; width: 100%;padding: 0 .3rem;}
}

.wb-a{width: 100%;padding: 0 .3rem;}
.wb-main{width: 100%; max-width: 13.66rem;margin: 0 auto;} 
.wb-titles{width: 100%;margin-bottom: .5rem;color: #000;line-height: 1.2;font-weight: bold;}
.wb-cont{width: 100%;position: relative;}
.wb-b{width: 100%;}
.wb-item{opacity: 0;transition: all ease .5s;cursor: pointer;height: auto;min-height: 7.3rem;}
.wb-box{transition: width ease .5s; width: 100%;position: relative;}
.wb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(650/764*100%);border-radius: .2rem;}
.wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wb-text{width: 100%;}
.wb-name{width: 100%;padding-top: .1rem;text-align: right;color: #787878;line-height: 1.5;}
.wb-name2{opacity: 0;transition: all ease .5s; position: absolute;bottom: .1rem;left: 0;width: 100%;color: #000;font-weight: bold;line-height: 1;}

@media(min-width: 750px){ 
    .wb-item.c1{z-index: 8;opacity: 1;}
    .wb-item.c1 .wb-box{width: 7.65rem;height: 100%;}
    .wb-item.c1 .wb-name{opacity: 0;}
    .wb-item.c1 .wb-name2{opacity: 1;bottom: .2rem;}
    .wb-item.c1 .wb-name2{transition-delay: .5s;}

    .wb-item.c2{z-index: 3;opacity: 1;}
    .wb-item.c2 .wb-box{position: absolute;top: 47%;right: -2.8rem;transform: translate(0,-50%); width: 6.7rem;}

    .wb-item.c3{z-index: 2;opacity: 1;}
    .wb-item.c3 .wb-box{position: absolute;top: 47%;right: -1.4rem;transform: translate(0,-50%); width: 5.75rem;}

    .wb-item.c4{z-index: 1;opacity: 1;}
    .wb-item.c4 .wb-box{position: absolute;top: 47%;right: 0;transform: translate(0,-50%); width: 4.8rem;}
} 

@media(max-width: 750px){ 
    .wb-a{padding-bottom: .8rem;}
    .wb-item{opacity: 1;width: 80%;min-height: 10px; margin-right: .3rem;}
    .wb-item:last-child{margin-right: 0;}
    .wb-name{text-align: left;}
}

.wc-a{width: 100%;padding: .6rem .3rem .8rem;background-color: #f7f7f7;}
.wc-main{width: 100%; max-width: 13.66rem;margin: 0 auto;}
.wc-titles{width: 100%;margin-bottom: 1.35rem;color: #000;line-height: 1.2;}
.wc-titles span{font-weight: bold;}
.wc-cont{width: 5.73rem;margin: 0 auto;position: relative;}
.wc-imgbox{width: 100%;}
.wc-img{display: none;width: 100%;}
.wc-img.show{display: block;}
.wc-img img{width: 100%;}
.wc-item{position: absolute;}
.wc-dot{transform: rotate(0);transition: all ease .5s; display: block;width: .3rem;height: .3rem;border-radius: 50%;border: 1px solid #000;background: #fff;background-image: url('/static/home/images/a31.png');background-size: 80% auto;background-position: center center;background-repeat: no-repeat;}
.wc-sub{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: absolute;width: 5.4rem;top: .15rem;right: .3rem;padding-top: .45rem;}
.wc-sub:after{content: '';position: absolute;top: 0;right: 0;width: 0;transition: all ease .5s;height: 1px;background-color: #000;}
.wc-box{display: inline-block;max-width: 80%;text-align: left;}
.wc-name{width: 100%;margin-bottom: .3rem;color: #000;line-height: 1.2;font-weight: bold;}
.wc-intro{width: 100%;line-height: 1.5;line-height: 1.5;color: #000;}
.wc-intro *{line-height: inherit;}
.wc-item.active .wc-sub{opacity: 1;z-index: 1;visibility: visible;}
.wc-item.active .wc-sub:after{width: 100%;}
.wc-item.active .wc-dot{transform: rotate(45deg);}
.wc-item:nth-child(2n) .wc-sub{right: 0;left: .3rem;text-align: right;}
.wc-item:nth-child(2n) .wc-sub:after{right: auto;left: 0;}

.wc-colorbox{width: 100%;text-align: center;font-size: 0;padding-top: .7rem;}
.wc-color{display: inline-block;vertical-align: top;cursor: pointer; margin: .3rem .2rem 0;}
.wc-circle{display: inline-block;width: .3rem;height: .3rem;border-radius: 50%;margin-bottom: .2rem;}
.wc-tip{width: 100%;color: #000;line-height: 1.5;}
.wc-color.active .wc-circle{background-image: url('/static/home/images/a30.png');background-size: 60% auto;background-position: center center;background-repeat: no-repeat;}

.wc-tr{display: none;width: 100%;padding-top: .5rem;}
.wc-td{display: none;width: 100%;text-align: center;}
.wc-td.show{display: block;}
@media(max-width: 750px){ 
    .wc-titles{text-align: center;margin-bottom: .6rem;}
    .wc-sub{display: none;}
    .wc-colorbox{padding-top: .2rem;}
    .wc-tr{display: block;}
}


/*视频容器样式*/
.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;}
}

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

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