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

.p-main{width: 100%;padding-top: .8rem;padding-bottom: 1.2rem;overflow: hidden;}
.p-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.p-title{color: #333;line-height: 1;text-align: center;margin-bottom: .4rem;}
.p-tabs{font-size: 0;text-align: center;border-bottom: 1px solid #eee;margin-bottom: .6rem;}
.p-tab{display: inline-block;vertical-align: top;margin: 0 .2rem;color: #333;line-height: 1;padding: .2rem 0 .21rem;position: relative;cursor: pointer;transition: color .3s;}
body.pc .p-tab:hover{color: #fa0;}
.p-tab.active{color: #fa0;}
.p-tab.active:after{content: "";display: block;width: 100%;height: .02rem;background-color: #fa0;position: absolute;left: 0;bottom: -1px;}
.p-conts{width: 13.3rem;margin: 0 auto;position: relative;}
.p-cont{width: 100%;position: absolute;left: -100vw;top: 0;overflow: hidden;}
.p-cont.show{position: relative;left: 0;overflow: visible;}
.p-bn{width: 100%;overflow: visible;}
.p-s{position: relative;}
.p-item{width: 100%;font-size: 0;transform: scale(0.83);transition: transform .5s,opacity .5s,left .5s;opacity: 0.2;left: 0;position: relative;}
.p-box{width: 8.5rem;height: 5.2rem;display: inline-block;vertical-align: top;}
.p-img{width: 100%;height: 100%;vertical-align: top;}
.p-text{width: calc(100% - 8.5rem);height: 5.2rem;background-color: #fa0;display: inline-block;vertical-align: top;overflow: auto;padding: .5rem .6rem .3rem;}
.p-text:before{content: "";display: block;width: 0.76923em;height: 0.6923em;background-image: url(/static/home/images/23.png);background-size: 100% 100%;margin-bottom: .45rem;}
.p-s.swiper-slide-active{z-index: 12;}
.p-s.swiper-slide-active .p-item{transform: scale(1);opacity: 1;}
.p-s.swiper-slide-next .p-item{left: -6.65rem;}
.p-s.swiper-slide-prev .p-item{left: 6.65rem;}
.p-wrap{width: 100%;max-width: 15.4rem;margin: 0 auto;overflow: hidden;}
.p-last{text-align: center;font-size: 0;padding-top: .5rem;}
.p-arrow{display: inline-block;vertical-align: top;width: .46rem;height: .46rem;background-color: #bbb;transition: background-color .3s;margin: 0 .1rem;background-image: url(../images/7.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.p-prev{transform: rotate(180deg);}
body.pc .p-arrow:hover{background-color: #fa0;}
.p-tit{color: #fff;line-height: 1.384;margin-bottom: .38rem;}
.p-dt{color: #fff;line-height: 1.444;margin-bottom: .13rem;}
.p-dd{color: #fff;line-height: 1.5;margin-bottom: .17rem;}
.p-info{color: #fff;line-height: 1.875;}
@media(max-width: 1200px){
    .p-text{padding: .3rem;}
    .p-text:before{margin-bottom: .2rem;}
    .p-tit{margin-bottom: .2rem;}
}
@media(max-width: 750px){
    .p-main{padding: .5rem .3rem;}
    .p-inner{max-width: 100%;}
    .p-title{margin-bottom: .2rem;}
    .p-tabs{margin-bottom: .3rem;}
    .p-tab{margin: 0 0.1rem;}
    .p-conts{width: 100%;}
    .p-box{width: 100%;height: auto;padding-top: 61.176%;position: relative;}
    .p-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
    .p-item{transform: scale(1);opacity: 1;}
    .p-s.swiper-slide-next .p-item{left: 0;}
    .p-s.swiper-slide-prev .p-item{left: 0;}
    .p-text{width: 100%;height: auto;}
    .p-last{padding-top: .3rem;}
    .p-arrow{margin: 0 0.12rem;}
}