.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%);width: 16.4rem;max-width: calc(100% - .6rem);}
.banner-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.17;}

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

.w-main{position: relative;width: 100%;padding: 1.2rem .3rem;}
.w-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.w-cont{width: 100%;display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.w-left{width: calc(100% - 8.85rem);}
.w-titles{width: 100%;margin-bottom: .2rem;color: #222222;font-weight: bold;line-height: 1.2;}
.w-synopsis{display: inline-block;max-width: 100%;line-height: 1.6;font-weight: bold;}
.w-synopsis{color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e  100%);-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}
.w-textbox{width: 100%;padding-top: .3rem;color: #444444;line-height: 1.8;}
.w-textbox *{line-height: inherit;}
.w-textbox p{margin-top: .1rem;}
.w-right{width: 7.7rem;}
.w-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(530/770*100%);border-radius: .2rem;}
.w-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

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

.x-main{position: relative;overflow: hidden;padding: 1.15rem .3rem 1.1rem; width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.x-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.x-titles{width: 100%;text-align: center;margin-bottom: .45rem;color: #222222;line-height: 1.2;font-weight: bold;}
.x-cont{width: 100%;max-width: 10.2rem;margin: 0 auto;}
.x-b{width: 100%;overflow: visible;}
.x-item{width: 100%;padding: 0 .1rem;}
.x-link{display: block;width: 100%;}
.x-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/1000*100%);border-radius: .2rem;}
.x-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.x-pagination{position: static;width: 100%;text-align: center;font-size: 0;padding-top: .4rem;}
.x-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;}
.x-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/a31-b.png');width: .26rem;}

.y-main{position: relative;overflow: hidden;padding: 1.15rem .3rem 1.1rem; width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.y-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.y-titles{width: 100%;text-align: center;margin-bottom: .5rem;color: #222222;line-height: 1.2;font-weight: bold;}
.y-cont{width: 100%;position: relative;}
.y-cont:before{content: '';position: absolute;top: 3.6rem;left: 50%;transform: translate(-50%,0);width: calc(100% + .1rem);height: .9rem;background-image: url('/static/home/images/a34.png');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.y-b{width: 100%;}
.y-item{width: 25%;text-align: center;padding: 0 .1rem;}
.y-link{width: 100%;}
.y-img{display: inline-block;max-width: 100%;width: 2.86rem;height: 4rem;text-align: center;line-height: 4rem;position: relative;background-color: #fff;box-shadow: .07rem .07rem .08rem 0px rgba(255, 255, 255, 0.16);}
.y-img:after{content: '';position: absolute;top: 0;left: 100%;width: .2rem;height: 100%;background-image: url('/static/home/images/a35.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.y-img img{max-width: 90.2%;max-height: 92.75%;cursor: pointer;}

.y-text{width: 100%;padding-top: .4rem;}
.y-name{width: 100%;max-width: 15em;margin: 0 auto; color: #222222;line-height: 1.5;}

.y-pagination{position: static;width: 100%;text-align: center;font-size: 0;padding-top: .3rem;}
.y-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;}
.y-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/a31-b.png');width: .26rem;}

@media(max-width: 750px){
    .y-cont:before{top: 3.85rem;}
    .y-item{width: 50%;}
}