
.index1{position: relative;}
.index1:after{content:"";width: 100%;height: 1rem;position: absolute;bottom: 0;left: 0;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
.index2{margin-top: -.2rem;background: #fff;position: relative;padding: .63rem 0 .29rem;border-top-left-radius: .1rem;border-top-right-radius: .1rem}
.index2 .headimg{width: .79rem;position: absolute;left: 50%;top: -.35rem;transform: translateX(-50%);}
.index2 .title1{font-size: .15rem;line-height: .21rem;text-align: center;color: #333}
.index2 .title2{color: #FF4569;font-size: .16rem;letter-spacing: .11rem;line-height: .22rem;margin-top: .1rem;text-align: center;margin-bottom: .32rem}
.index2 .more{margin:.3rem auto 0;display: block;width: 1.6rem;line-height: .28rem;text-align: center;font-size: .12rem;color: #999;border-radius: 20px;border: 1px solid #AEAEAE}
.index2 .swiper-container{padding: 0 .38rem;}
.index2 .item{transform: scale(0.92);transition: all .3s ease}
.index2 .swiper-slide-active .item{transform: none;}
.index2 .swiper-pagination{margin-top: .35rem}
.idx-title{text-align: center;margin-bottom: .2rem}
.idx-title .cn{color: #0B1531;font-size: .16rem;line-height: .22rem;}
.idx-title .en{color: #FF4569;font-size: .12rem;letter-spacing: .12rem;line-height: .14rem;margin-top: .05rem}
.index3{padding: .11rem .1rem .2rem;background: #F8F8F8}
.index3 .swiper-pagination{margin-top: .15rem}
.index3 .video-item{position: relative;}
.index3 .video-item .playbtn{width: .46rem;height: .46rem;position: absolute;left: 50%;top: 50%;margin-top: -.23rem;margin-left: -.23rem}


.index4{padding: .15rem .1rem .25rem;}
.index4 .item{float: left;width: 50%;padding: .04rem}
.index4 .row{margin: -.04rem}
.index4 .more{margin:.3rem auto 0;display: block;width: 1.6rem;line-height: .28rem;text-align: center;font-size: .12rem;color: #999;border-radius: 20px;border: 1px solid #AEAEAE}

.index5{padding: .2rem .1rem;background: #F8F8F8}
.index5 .swiper-pagination{margin-top: .15rem}
.swiper-pagination{font-size: 0;position: static!important;}
.swiper-pagination .swiper-pagination-bullet{width: .07rem;height: .07rem;opacity: 1;background:#DFDFDF}
.swiper-pagination .swiper-pagination-bullet-active{background: #FF4569}




.footer{background: #171717;padding: .19rem .2rem}
.footer .h1{font-size: .2rem;line-height: .28rem;color: #fff}
.footer .goindex{
    margin-bottom: .15rem;
    width: 1rem;
    line-height: .25rem;
    font-size: 0.15rem;
    border: 1px solid #FF4569;
    text-align: center;
    border-radius: 20px;
    color: #FF4569;
    display: block;
    margin-top: .16rem;
}
.footer p{font-size: .12rem;line-height: .18rem;width:2.34rem;display: flex;}
.footer p span:nth-child(2){flex: 1}
.footer .btnbox{margin-top: .2rem}
.footer .btnbox .item{width: .36rem;height: .36rem;background: #454545;border-radius: 50%;position: relative;float: left;margin-right: .13rem}
.right-btn{width: .47rem;position: fixed;bottom: .35rem;right: .05rem;z-index: 10}
.right-btn div p{font-size: .1rem;color: #FF4569;margin-top: .05rem;margin-bottom: .1rem}
.right-btn div{text-align: center;}
.right-menu{position: fixed;bottom: .82rem;right: .29rem;display: none;z-index: 10}
.right-menu .item{display: flex;align-items: center;margin-bottom: .13rem}
.right-menu .item .txt{font-size: .12rem;color: #fff;flex: 1;}
.right-menu .item img{width: .42rem;height: .42rem;margin-left: .15rem}