.s-main{width: 100%;padding: .5rem .3rem;display: flex;align-items: center;min-height: 6.3rem;position: relative;}
.s-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.s-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.s-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.s-cont{width: 100%;max-width: 16.4rem;margin: 0 auto;position: relative;z-index: 1;}
.s-titles{width: 100%;margin-bottom: .35rem;color: #ffffff;line-height: 1.17;font-weight: bold;}
.s-linkbox{display: inline-block;padding: .1rem;background-color: rgba(0,0,0,.4);border-radius: .25rem;}
.s-link{display: block;cursor: pointer;margin-bottom: 1px;padding: .12rem .2rem;color: #ffffff;line-height: 1.6;border-radius: calc(8em + .12rem);}
.s-link:hover{background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.s-link.active{background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}

.nav{width: 100%;padding: 0 .3rem; position: relative;}
.nav-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;font-size: 0;}
.nav-inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{flex: 1;width: 0;padding-right: .3rem;}
.nav-b{display: inline-block;}
.nav-item{display: block;cursor: pointer;width: auto;padding: 0 .3rem;color: #222222;line-height: .9rem;}
.nav-item:hover{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.nav-item.active{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}

.nav-right{float: right;font-size: 0;max-width: 100%;}
.nav-one{display: inline-block;vertical-align: middle;color: #444444;line-height: .9rem;}
.nav-one:after{content: '>';margin: 0 .05rem;}
.nav-one:last-child:after{display: none;}
.nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.12em;height: 1.6em;background-image: url('/static/home/images/a15.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.banner.cont2 .banner-text{margin-top: -.45rem;}
.banner .nav{position: absolute;bottom: 0;left: 0;background-color: rgba(255,255,255,.8);backdrop-filter: blur(.2rem);}
.banner .nav-inner{display: flex;}

@media(max-width: 750px){
    .nav-right{white-space: nowrap;overflow: auto;}
    .banner .nav-left{padding-right: 0;width: 100%;flex: none;text-align: center;}
    .banner .nav-right{display: none;}
    .nav-item{padding: 0 .15rem;}
}

.t-main{width: 100%;padding: .25rem .3rem .1rem;}
.t-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.t-top{position: relative;width: 100%;margin-bottom: .6rem;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;align-items: flex-start;}
.t-left{width: 6.6rem;position: relative;}
.t-b{width: 100%;}
.t-item{width: 100%;position: relative;padding-left: .6rem;}
.t-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(338/600*100%);border-radius: .2rem;}
.t-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.t-img2{position: absolute;bottom: 0;left: 0;width: 1.2rem;text-align: center;}
.t-img2 img{max-width: 100%;max-height:2rem;}
.t-prev{top: auto;margin-top: 0;left: auto;bottom: .3rem;right: .53rem;width: .28rem;height: .2rem;background-image: url('/static/home/images/a26.png');background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.t-next{transform: rotate(-180deg); top: auto;margin-top: 0;left: auto;bottom: .3rem;right: .22rem;width: .28rem;height: .2rem;background-image: url('/static/home/images/a26.png');background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.t-right{width: calc(100% - 7.3rem);}
.t-titles{width: 100%;margin-bottom: .4rem;color: #222222;line-height: 1.2;font-weight: bold;}
.t-textbox{width: 100%;color: #222222;line-height: 1.8;}
.t-textbox *{line-height: inherit;}

.t-center{position: relative;width: 100%;padding: .53rem .6rem;margin-bottom: .55rem;background-color: #eff4fd;border-radius: .2rem;}
.t-subtitle{width: 100%;margin-bottom: .2rem;color: #222222;font-weight: bold;line-height: 1.4;}
.t-synopsis{width: 100%;color: #000;line-height: 1.6;}
.t-synopsis span{padding-right: 0;color: #000;font-weight: inherit;}

.t-bottom{width: 100%;position: relative;}
.t-tip{width: 100%;margin-bottom: .3rem;color: #222222;font-weight: bold;line-height: 1.4;}
.t-swiper{width: 100%;}
.t-c{width: 100%;}
.t-one{width: 32.13%;height: auto;padding: .6rem .5rem .65rem; margin-right: 1.8%;background-color: #eff4fd;border-radius: .2rem;}
.t-one:last-child{margin-right: 0;}
.t-box{width: 100%;margin-bottom: .2rem;display: flex;align-items: center;justify-content: space-between;}
.t-icon{display: block;width: .89rem;height: .94rem;background-image: url('/static/home/images/a27.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.t-icon img{width: 100%;height: 100%;object-fit: cover;}
.t-text{width: calc(100% - 1.2rem);}
.t-name{width: 100%;color: #222222;line-height: 1.5;}
.t-intro{width: 100%;color: #444444;line-height: 1.6;}
.t-pagination{position: static;width: 100%;text-align: center;font-size: 0;padding-top: .3rem;}
.t-pagination .swiper-pagination-bullet{opacity: 1;display: inline-block;vertical-align: middle;margin: .1rem .1rem 0;width: .08rem;height: .26rem;border-radius: 0;background-image: url('/static/home/images/a31.png');background-color: transparent;background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.t-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/a31-b.png');width: .26rem;}

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

.u-main{overflow: hidden;position: relative;width: 100%;padding: 0 .3rem .25rem;}
.u-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.u-titles{width: 100%;margin-bottom: .35rem;color: #222222;line-height: 1.4;font-weight: bold;}
.u-cont{width: 100%;max-width: 9.94rem;margin: 0 auto; position: relative;}
.u-item{width: 100%;padding: 0 .05rem;}
.u-b{width: 100%;overflow: visible;}
.u-link{display: block;cursor: pointer;position: relative;width: 100%;}
.u-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/984*100%);border-radius: .2rem;}
.u-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.u-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.u-play img{width: .86rem;}

.u-pagination{position: static;width: 100%;text-align: center;font-size: 0;padding-top: .3rem;}
.u-pagination .swiper-pagination-bullet{opacity: 1;display: inline-block;vertical-align: middle;margin: .1rem .1rem 0;width: .08rem;height: .26rem;border-radius: 0;background-image: url('/static/home/images/a31.png');background-color: transparent;background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.u-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/a31-b.png');width: .26rem;}

.v-main{position: relative;width: 100%;padding: 0 .3rem .9rem;}
.v-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.v-top{width: 100%;}
.v-titles{width: 100%;margin-bottom: .35rem;color: #222222;font-weight: bold;line-height: 1.4;}
.v-cont{width: 100%;margin-bottom:  .52rem;}
.v-tr{width: 100%;display: flex;align-items: center;margin-bottom: .03rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);border-radius: .2rem;}
.v-th{display: block;padding:.13rem .05rem;color: #ffffff;line-height: 1.22;}
.v-th:nth-child(1){width: 3.2rem;padding-left:  .5rem;padding-right: .3rem;}
.v-th:nth-child(2){width: 2.5rem;padding-right: .3rem;}
.v-th:nth-child(3){width: 2.2rem;padding-right: .3rem;}
.v-th:nth-child(4){width: 2.2rem;padding-right: .3rem;}
.v-th:nth-child(5){width: 1.9rem;padding-right: .3rem;}
.v-th:last-child{flex: 1;}
.v-box{width: 100%;}
.v-one{display: flex;align-items: center;width: 100%;margin-bottom: .03rem;background-color: #eff4fd;border-radius: .2rem;}
.v-one:nth-child(2n){background-color: #f7faff;}
.v-td{display: block;padding:.2rem .05rem;color: #ffffff;line-height: 1.22;}
.v-td:nth-child(1){width: 3.2rem;padding-left:  .5rem;padding-right: .3rem;}
.v-td:nth-child(2){width: 2.5rem;padding-right: .3rem;}
.v-td:nth-child(3){width: 2.2rem;padding-right: .3rem;}
.v-td:nth-child(4){width: 2.2rem;padding-right: .3rem;}
.v-td:nth-child(5){width: 1.9rem;padding-right: .3rem;}
.v-td:last-child{flex: 1;}
.v-intro{width: 100%;color: #222222;line-height: 1.6;}
.v-download{display: flex;align-items: center;justify-content: space-between;width: 100%;cursor: pointer;color: #222222;line-height: 1.6;}
.v-download .v-icon{width: .88em;}
.v-download .v-text{width: calc(100% - .88em - .08rem);}
.v-download:hover{color: #0067ac;}

.v-list{width: 100%;display: flex;flex-wrap: wrap;font-size: 0;}
.v-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;cursor: pointer;position: relative;width: 32.13%;margin-right: 1.8%;margin-bottom: .3rem;background-color: #eff4fd;border-radius: .2rem;overflow: hidden;}
.v-item:after{transition: all  .3s;content: '';position: absolute;top: 50%;right: .4rem;transform: translate(0,-50%);width: .4rem;height: .4rem;border-radius: 50%;background-color: rgba(255,255,255,.6);background-image: url('/static/home/images/a17.png');background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.v-item:nth-child(3n){margin-right: 0;}
.v-item .v-lt{width: 1.9rem;}
.v-item .v-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(190/190*100%);}
.v-item .v-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.v-item .v-rt{width: calc(100% - 2.38rem);padding-right: 1rem;}
.v-item .v-name{width: 100%;color: #222222;line-height: 1.6;}
.v-item:hover .v-img img{transform: scale(1.05);}
.v-item:hover .v-name{color: #0067ac;}
.v-item:hover:after{right: 0.3rem;}

@media(max-width: 750px){
    .v-cont{overflow: auto;}
    .v-tr{min-width: 16.4rem;}
    .v-th{font-size: .26rem;}
    .v-th:nth-child(1){width: 2.5rem;padding-left:  .3rem;}
    .v-th:nth-child(2){width: 3rem;}
    .v-td:nth-child(1){width: 2.5rem;padding-left:  .3rem;}
    .v-td:nth-child(2){width: 3rem;}
    .v-box{min-width: 16.4rem;}
    .v-intro{font-size: .26rem;}
    .v-download .v-icon{font-size: .26rem;}
    .v-download .v-text{font-size: .26rem;}
    .v-item{width: 100%;margin-right: 0;} 
}