.h1{position: absolute;left: -100vw;top: 0;}
.a-main{width: 100%;position: relative;}
.a-bn{width: 100%;}
.a-s{position: relative;}
.a-box{width: 100%;height: 100vh;min-height: 8rem;position: relative;}
.a-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.a-video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.a-text{width: 16rem;margin-left: -8rem;text-align: center;position: absolute;left: 50%;top: 35.957%;transform: translate(0,-50%);z-index: 12;}
.a-title{color: #fff;line-height: 1.166;margin-bottom: .28rem;}
.a-tit{color: #fff;line-height: 1.3125;margin-bottom: .45rem;}
.a-arrow{width: .5rem;height: .5rem;background-color: rgba(255,255,255,0.2);position: absolute;right: 50%;bottom: .86rem;z-index: 12;transition: background-color .3s;cursor: pointer;background-image: url(/static/home/images/7.png);background-size: .08rem auto;background-repeat: no-repeat;background-position: center center;}
.a-prev{transform: rotate(180deg);margin-right: -7.3rem;}
.a-next{margin-right: -8rem;}
body.pc .a-arrow:hover{background-color: #ffaa00;}
.a-tip{display: inline-block;width: auto;position: absolute;left: 50%;bottom: .8rem;z-index: 12;cursor: pointer;text-align: center;transform: translate(-50%,0);}
.a-icon{height: 1.75em;vertical-align: top;margin-bottom: 0.18rem;}
.a-t{color: #fff;line-height: 1;}
.a-play{width: .5rem;height: .5rem;background-image: url(/static/home/images/5.png);background-size: 100% 100%;display: inline-block;vertical-align: top;cursor: pointer;}
.a-s.play .a-text{display: none;}
@media(max-width: 1200px){
    .a-box{padding-top: 48.958%;height: auto;min-height: 0;}
    .a-play{width: 32px;height: 32px;}
    .a-tip{display: none;}
    .a-arrow{bottom: 0.3rem;}
}
@media(max-width: 778px){
    .a-text{width: calc(100% - 0.6rem);margin-left: 0;left: 0.3rem;}
    .a-arrow{right: 0;bottom: 0.2rem;}
    .a-prev{margin-right: 0.9rem;}
    .a-next{margin-right: 0.3rem;}
}
@media(max-width: 750px){
    .a-text{top: 50%;}
    .a-title{margin-bottom: 0.1rem;}
    .a-tit{font-size: .32rem;margin-bottom: 0;}
    .a-play{width: .66rem;height: .66rem;margin-top: .3rem;}
}

.b-main{width: 100%;padding: .78rem 0 1.05rem;}
.b-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.b-title{color: #333;font-weight: bold;line-height: 1;text-align: center;margin-bottom: .4rem;}
.b-tabs{font-size: 0;text-align: center;margin-bottom: .4rem;}
.b-tab{display: inline-block;vertical-align: top;margin: 0 .4rem;color: #333;cursor: pointer;line-height: 2;position: relative;transition: color .3s;}
body.pc .b-tab:hover{color: #fa0;}
.b-tab:after{content: "";display: none;width: 100%;height: .02rem;background-color: #fa0;position: absolute;left: 0;bottom: 0;}
.b-tab.active{color: #fa0;}
.b-tab.active:after{display: block;}
.b-conts{width: 100%;position: relative;overflow: hidden;}
.b-cont{width: 100%;position: absolute;left: -100vw;top: 0;}
.b-cont.show{left: 0;position: relative;}
.b-bn{width: calc(100% + 0.2rem);margin-left: -0.1rem;}
.b-s{padding: 0 0.1rem;height: auto;width: 4.05rem;}
.b-item{display: block;width: 100%;height: 100%;background-color: #fafafa;padding-top: .44rem;padding-bottom: 2.85rem;transition: background-color .3s;position: relative;}
.b-text{width: 100%;min-height: 1.84rem;padding: 0 .4rem;position: relative;z-index: 12;margin-bottom: .27rem;}
.b-tit{color: #333;line-height: 1.454;margin-bottom: .14rem;}
.b-intro{color: #888;line-height: 1.25;margin-bottom: .26rem;}
.b-arrow{width: .4rem;height: .4rem;background-color: #999;transition: background-color .3s;background-image: url(/static/home/images/10.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;}
.b-box{width: 100%;height: 2.4rem;text-align: center;position: relative;z-index: 12;position: absolute;left: 0;bottom: 0.45rem;}
.b-img{height: 100%;object-fit: contain;}
body.pc .b-item:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: opacity .3s;background-image: url(../images/12.png);background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;}
body.pc .b-item:hover{background-color: #fa0;}
body.pc .b-item:hover .b-tit{color: #fff;text-align: center;}
body.pc .b-item:hover .b-intro{color: #fff;text-align: center;}
body.pc .b-item:hover .b-arrow{background-color: #fff;background-image: url(/static/home/images/11.png);margin: 0 auto;}
body.pc .b-item:hover:after{opacity: .1;}
.b-scrollbar{width: calc(100% - 0.2rem);height: .1rem;background-color: #f4f4f4;margin-top: .55rem;margin-bottom: .05rem;margin-left: .1rem;border-radius: .05rem;}
.b-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){
    .b-scrollbar{height: 10px;border-radius: 5px;margin-bottom: 5px;}
    .b-scrollbar .swiper-scrollbar-drag{height: 20px;top: -5px;}
}
@media(max-width: 800px){
    .b-main{padding-left: .3rem;padding-right: .3rem;}
    .b-inner{max-width: 100%;}
}
@media(max-width: 750px){
    .b-main{padding: 0.5rem 0.3rem;}
    .b-title{margin-bottom: .25rem;}
    .b-tabs{margin-bottom: .3rem;}
    .b-item{padding-top: .3rem;}
    .b-text{padding: 0 0.2rem;margin-bottom: .3rem;min-height: 0;}
    .b-tab{margin: 0;min-width: calc(25% - 0.4rem);margin: 0 0.2rem;}
    .b-scrollbar{margin-top: .3rem;height: .14rem;border-radius: .07rem;margin-bottom: .07rem;}
    .b-scrollbar .swiper-scrollbar-drag{height: .28rem;top: -0.07rem;}
}

.c-main{width: 100%;background-size: 100% auto;background-repeat: no-repeat;padding-top: .9rem;overflow: hidden;}
.c-hd{width: 100%;max-width: 16rem;margin: 0 auto;margin-bottom: .67rem;}
.c-title{color: #fff;line-height: 1;font-weight: bold;text-align: center;margin-bottom: .25rem;}
.c-des{color: #fff;line-height: 1.5;text-align: center;}
.c-cont{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.c-bn{width: 100%;overflow: visible;}
.c-s{padding: 0 0.4rem;}
.c-item{display: block;width: 100%;height: 5.4rem;}
.c-left{float: left;width: 4.8rem;height: 100%;background-color: #fa0;position: relative;padding: .8rem .78rem 0;}
.c-right{float: right;width: calc(100% - 4.8rem);height: 100%;overflow: hidden;}
.c-left:before{content: "";display: block;width: 0.76923em;height: 0.6923em;background-image: url(/static/home/images/23.png);background-size: 100% 100%;margin-bottom: .48rem;}
.c-tit{color: #fff;line-height: 1.384;margin-bottom: .26rem;}
.c-intro{color: #fff;line-height: 1.666;}
.c-img{width: 100%;height: 100%;vertical-align: top;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.c-arrow{width: .5rem;height: .5rem;background-image: url(/static/home/images/7.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;background-color: rgba(255,255,255,0.2);position: absolute;bottom: .62rem;cursor: pointer;z-index: 12;transition: background-color .3s;}
.c-prev{left: 1.18rem;transform: rotate(180deg);}
.c-next{left: 1.78rem;}
body.pc .c-arrow:hover{background-image: url(/static/home/images/24.png);background-color: #fff;}
.c-num{font-size: 1.2rem;color: #fff;font-weight: bold;font-style: italic;position: absolute;right: .4rem;bottom: .62rem;z-index: 12;opacity: 0.1;line-height: 1;transform: translate(0,0.15em);}
.box{position: relative;overflow: hidden;}
.c-item:hover .c-img{transform: scale(1.1);}
@media(max-width: 1400px){
    .c-left{padding: .6rem .6rem 0;}
    .c-prev{left: 1rem;}
    .c-next{left: 1.6rem;}
    .c-left:before{margin-bottom: .4rem;}
}
@media(max-width: 1000px){
    .c-left{padding: .3rem .3rem 0;}
    .c-prev{left: 0.7rem;}
    .c-next{left: 1.3rem;}
    .c-left:before{margin-bottom: .2rem;}
    .c-tit{margin-bottom: .2rem;}
    .c-arrow{bottom: .3rem;}
    .c-num{bottom: .3rem;}
}
@media(max-width: 750px){
    .c-main{padding: .5rem .3rem;background-size: cover;background-position: center top;}
    .c-hd{margin-bottom: .3rem;}
    .c-cont{max-width: 100%;}
    .c-bn{overflow: hidden;}
    .c-s{padding: 0;}
    .c-item{height: auto;}
    .c-left{width: 100%;min-height: 3.34rem;height: auto;padding-bottom: 1rem;}
    .c-right{width: 100%;height: auto;padding-top: 61.363%;position: relative;}
    .c-img{position: absolute;left: 0;top: 0;}
    .c-tit{margin-bottom: .1rem;}
    .c-num{bottom: .2rem;right: .3rem;}
    .c-arrow{bottom: 0.2rem;margin-bottom: 61.363%;}
    .c-prev{left: .3rem;}
    .c-next{left: .9rem;}
}

.d-main{width: 100%;padding: 0.75rem 0 0.8rem;}
.d-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.d-left{float: left;width: 8.3rem;padding-top: .65rem;}
.d-right{float: right;width: 6.84rem;}
.d-title{color: #333;line-height: 1;font-weight: bold;margin-bottom: .23rem;}
.d-des{color: #fa0;line-height: 1.5;margin-bottom: .35rem;}
.d-intro{color: #333;line-height: 2;margin-bottom: .4rem;}
.d-more{display: inline-block;vertical-align: top;width: auto;padding: 0 .2rem;background-color: #ffaa00;color: #fff;line-height: 3;border: none;cursor: pointer;}
.d-more:after{content: "";display: inline-block;vertical-align: middle;width: .53333em;height: .93333em;background-image: url(/static/home/images/7.png);background-size: 100% 100%;position: relative;top: -1px;margin-left: .53rem;}
.d-box{width: 100%;height: 6.84rem;background-image: url(/static/home/images/27.jpg);background-size: 100% 100%;padding-top: 1.59rem;}
.d-bn{width: 3.8rem;margin: 0 auto .4rem;}
.d-s{height: 3.17rem;text-align: center;}
.d-img{width: auto;height: 100%;object-fit: contain;}
.d-arrows{font-size: 0;text-align: center;}
.d-arrow{display: inline-block;vertical-align: top;width: 0.5625em;height: 1em;background-image: url(/static/home/images/29.png);background-size: 100% 100%;cursor: pointer;}
.d-prev{transform: rotate(180deg);margin-right: 2.187em;}
body.pc .d-arrow:after{content: "";display: inline-block;width: 0;background-image: url(/static/home/images/28.png);}
body.pc .d-arrow:hover{background-image: url(/static/home/images/28.png);}
.d-wrap{width: 100%;overflow: hidden;margin-top: .58rem;}
.d-s-bn{width: 8.4rem;}
.d-s-s{padding-right: .6rem;width: 2.1rem;}
.d-s-box{width: 100%;padding-top: 100%;border: 0.02rem solid #e2e7eb;border-radius: 50%;position: relative;cursor: pointer;}
.d-s-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 65%;max-height: 65%;object-fit: contain;}
.d-s-s.active .d-s-box{border-color: #fa0;}
@media(max-width: 800px){
    .d-main{padding-left: 0.3rem;padding-right: 0.3rem;}
    .d-inner{max-width: 100%;}
}
@media(max-width: 750px){
    .d-main{padding: .5rem .3rem 0.1rem;}
    .d-more{line-height: .66rem;}
    .d-left{width: 100%;float: none;padding-top: 0;}
    .d-right{width: 100%;float: none;}
    .d-wrap{display: none;}
    .d-s-bn{width: 100%;}
    .d-title{margin-bottom: .2rem;}
    .d-des{margin-bottom: .1rem;}
    .d-intro{margin-bottom: .2rem;}
}

.e-main{width: 100%;padding: .8rem 0;background-image: url(/static/home/images/30.jpg);background-size: cover;background-position: center center;}
.e-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.e-hd{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: .55rem;}
.e-left{position: relative;}
.e-title{color: #333;line-height: 1;margin-bottom: .25rem;font-weight: bold;}
.e-des{color: #333;line-height: 1.5;}
.e-more{display: inline-block;vertical-align: top;width: auto;padding: 0 .2rem;margin-bottom: .05rem;background-color: #ffaa00;color: #fff;line-height: 3;border: none;cursor: pointer;}
.e-more:after{content: "";display: inline-block;vertical-align: middle;width: .53333em;height: .93333em;background-image: url(/static/home/images/7.png);background-size: 100% 100%;position: relative;top: -1px;margin-left: .53rem;}
.e-cont{width: 100%;overflow: hidden;}
.e-bn{width: calc(100% + 0.42rem);padding-bottom: .4rem;margin-left: -0.21rem;}
.e-s{padding: 0 .21rem;width: 5.47rem;}
.e-item{display: block;width: 100%;background-color: #fff;position: relative;}
.e-item:after{content: "";display: block;width: 0;height: .05rem;background-color: #fa0;position: absolute;left: 0;bottom: 0;z-index: 12;transition: width .3s;}
.e-text{width: 100%;padding: .47rem .6rem .44rem .5rem;position: relative;z-index: 12;}
.e-date{color: #999;line-height: 1;margin-bottom: .26rem;transition: color .3s;}
.e-tit{color: #333;line-height: 1.166;height: 2.332em;margin-bottom: .15rem;transition: color .3s;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e-intro{color: #999;line-height: 1.5;height: 3em;margin-bottom: .4rem;transition: color .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e-arrow{width: .46rem;height: .46rem;transition: background-color .3s;background-color: #999;background-image: url(/static/home/images/7.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;}
.e-bg-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: #000;opacity: 0;transition: opacity .3s;}
.e-bg{width: 100%;height: 100%;opacity: .5;}
body.pc .e-item:hover .e-bg-box{opacity: 1;}
body.pc .e-item:hover .e-date{color: #fff;}
body.pc .e-item:hover .e-tit{color: #fff;}
body.pc .e-item:hover .e-intro{color: #fff;}
body.pc .e-item:hover .e-arrow{background-color: #fa0;}
body.pc .e-item:hover:after{width: 100%;}
.e-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;font-size:0;display: none;}
.e-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.07rem;}
.e-bn .swiper-pagination-bullet{width:.12rem;height:.12rem;background-color:#bbb;opacity:1;}
.e-bn .swiper-pagination-bullet-active{background-color:#fa0;}
@media(max-width: 900px){
    .e-bn.swiper-container-horizontal>.swiper-pagination-bullets{display: block;}
}
@media(max-width: 800px){
    .e-main{padding-left: 0.3rem;padding-right: 0.3rem;}
    .e-inner{max-width: 100%;}
}
@media(max-width: 750px){
    .e-main{padding: .5rem .3rem;}
    .e-hd{margin-bottom: .3rem;}
    .e-title{margin-bottom: .15rem;}
    .e-left{flex: 1;padding-right: .4rem;}
    .e-more{margin-bottom: 0.07rem;line-height: .66rem;}
}