
.g-main{width: 100%;position: relative;}
.g-box{width: 100%;padding-top: 36.458%;position: relative;}
.g-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.g-text{width: 14.4rem;position: absolute;left: 50%;top: 47%;margin-left: -7.2rem;transform: translate(0,-50%);}
.g-title{color: #fff;line-height: 1;font-weight: normal;}
.g-tabs{width: 14.4rem;position: absolute;left: 50%;margin-left: -7.2rem;bottom: 0;z-index: 12;display: flex;}
.g-tab{flex: 1;line-height: .8rem;text-align: center;color: #fff;background-color: rgba(0,0,0,0.5);cursor: pointer;}
.g-tab.active{background-color: #fa0;}
@media(max-width: 750px){
    .g-text{width: 100%;padding: 0 0.3rem;left: 0;margin-left: 0;top: 50%;}
    .g-tabs{position: relative;width: 100%;left: 0;margin-left: 0;}
}

.u-main{width: 100%;padding-top: 1rem;padding-bottom: 1.2rem;position: relative;}
.u-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.u-one{width: 100%;display: flex;align-items: center;margin-bottom: 1rem;}
.u-one:last-child{margin-bottom: 0;}
.u-one:nth-child(2n){flex-direction: row-reverse;}
.u-text{display: inline-block;vertical-align: middle;width: 6.8rem;padding-right: .8rem;}
.u-box{display: inline-block;vertical-align: middle;width: calc(100% - 6.8rem);}
.u-img{width: 100%;}
.u-title{color: #333;line-height: 1;margin-bottom: .3rem;}
.u-intro{color: #333;line-height: 1.875;letter-spacing: .025em;}
.u-intro p{margin-bottom: .3rem;}
.u-intro p:last-child{margin-bottom: 0;}
.u-one:nth-child(2n) .u-text{width: calc(100% - 6.8rem);padding-left: .8rem;}
.u-one:nth-child(2n) .u-box{width: 6.8rem;}
@media(max-width: 750px){
    .u-main{padding: .5rem .3rem;}
    .u-one{display: block;margin-bottom: .3rem;}
    .u-text{width: 100%;padding-right: 0;margin-bottom: .3rem;}
    .u-intro{letter-spacing: 0;}
    .u-box{width: 100%;}
    .u-one:nth-child(2n) .u-text{width: 100%;padding-left: 0;}
    .u-one:nth-child(2n) .u-box{width: 100%;}
}

.w-main{width: 100%;min-height: 8rem;padding: 1rem .3rem;background-size: cover;background-position: center top;position: relative;}
.w-title{color: #fff;line-height: 1;margin-bottom: .5rem;text-align: center;}
.w-intro{color: #fff;line-height: 2;text-align: center;}
@media(max-width: 1200px){
    .w-main{padding-top: .8rem;}
    .w-title{margin-bottom: .4rem;}
}
@media(max-width: 750px){
    .w-main{padding: .5rem .3rem;min-height: 6.2rem;}
    .w-title{margin-bottom: .3rem;}
    .w-intro{font-size: .26rem;}
}

.x-main{width: 100%;padding-top: 1rem;padding-bottom: 0.95rem;background-color: #f8f8f8;overflow: hidden;position: relative;}
.x-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.x-title{color: #333;line-height: 1;text-align: center;margin-bottom: .6rem;}
.x-cont{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.x-bn{width: calc(100% + 0.4rem);overflow: visible;}
.x-s{padding-right: 0.4rem;width: 3.6rem;}
.x-item{width: 100%;height: 4rem;background-color: #fff;padding: .26rem 0;}
.x-box{width: 100%;height: 100%;text-align: center;display: block;}
.x-img{width: auto;height: 100%;vertical-align: top;object-fit: contain;}
.x-scrollbar{width: calc(100% - 0.4rem);height: .1rem;background-color: #e8e8e8;margin-top: .85rem;margin-bottom: .05rem;border-radius: .05rem;}
.x-scrollbar .swiper-scrollbar-drag{background-color: #fa0;width: .4rem;height: .2rem;top: -0.05rem;background-image: url(/static/home/images/13.png);background-size: auto 40%;background-position: center center;background-repeat: no-repeat;}
@media(max-width: 1920px){
    .x-scrollbar{height: 10px;border-radius: 5px;margin-bottom: 5px;}
    .x-scrollbar .swiper-scrollbar-drag{height: 20px;top: -5px;}
}
@media(max-width: 750px){
    .x-main{padding: 0.5rem 0.3rem;}
    .x-title{margin-bottom: .4rem;}
    .x-bn{width: calc(100% + 0.3rem);}
    .x-s{padding-right: .3rem;}
    .x-scrollbar{width: calc(100% - 0.3rem);margin-top: .4rem;height: .14rem;border-radius: .07rem;margin-bottom: .07rem;}
    .x-scrollbar .swiper-scrollbar-drag{height: .28rem;top: -0.07rem;}
}

.y-main{width: 100%;padding-top: .8rem;padding-bottom: 1.2rem;overflow: hidden;position: relative;}
.y-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.y-title{color: #333;line-height: 1;text-align: center;margin-bottom: .6rem;}
.y-cont{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.y-bn{width: 8.2rem;overflow: visible;margin: 0 auto;}
.y-s{position: relative;}
.y-s.swiper-slide-active .y-item{transform: scale(1);}
.y-item{width: 100%;padding-top: 58.536%;position: relative;transition: transform .5s;transform: scale(0.875);}
.y-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.y-last{text-align: center;font-size: 0;padding-top: .6rem;}
.y-arrow{display: inline-block;vertical-align: top;width: .46rem;height: .46rem;transition: background-color .3s;cursor: pointer;background-image: url(/static/home/images/7.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;background-color: #bbb;margin: 0 0.1rem;}
.y-prev{transform: rotate(180deg);}
body.pc .y-arrow:hover{background-color: #fa0;}

@media(max-width: 750px){
    .y-main{padding: .5rem .3rem;}
    .y-title{margin-bottom: .4rem;}
    .y-bn{overflow: hidden;width: 100%;}
    .y-item{transform: scale(1);}
    .y-last{padding-top: .4rem;}
    .y-arrow{margin: 0 0.12rem;}
}
