html,
.swiper-container {
    width: 100%;
    height: calc(100vh - 3.66rem) !important;
    overflow: hidden
}

.swiper-container .swiper-slide {
    /*background-color: #F20456;*/
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat
}

.upbox {
    position: -webkit-sticky;
    position: sticky;
    bottom: 6.4rem;
    left: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%
}

.upbox .up {
    width: 1.75rem;
    height: 1.75rem;
    vertical-align: top;
    margin-bottom: .41rem
}

.upbox .up img {
    width: 1.75rem
}

.slide1 .tbox {
    height: 18rem;
    padding: 2.25rem 2.25rem 1.41rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff
}

.slide1 .tbox h1 {
    font-size: 2.37rem;
    line-height: 3rem;
    height: 3rem;
    overflow: hidden;
    margin-bottom: 2rem
}

.slide1 .tbox ul {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.slide1 .tbox li {
    font-size: 1.16rem;
    display: flex;
    align-items: center
}

.slide1 .tbox li:before {
    content: "";
    width: 1.12rem;
    height: 1.12rem;
    background: no-repeat center center url(../image/index/icon1.png);
    display: block;
    background-size: contain;
    margin-right: .75rem;
    opacity: .5
}

.slide1 .imgbox {
    width: 24.29rem;
    height: 23.83rem;
    margin: .83rem auto 0
}

.slide2 {
    display: flex;
    flex-direction: column
}

.slide2 .nav {
    height: 10rem;
    padding: 2.29rem 0
}

.slide2 .nav ul {
    display: flex;
    height: 100%
}

.slide2 .nav ul li {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.slide2 .nav ul li i {
    width: 3.16rem;
    height: 3.16rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all linear .2s
}

.slide2 .nav ul li i.icon1 {
    background-image: url(../image/index/menu1.png)
}

.slide2 .nav ul li i.icon2 {
    background-image: url(../image/index/menu2.png)
}

.slide2 .nav ul li i.icon3 {
    background-image: url(../image/index/menu3.png)
}

.slide2 .nav ul li i.icon4 {
    background-image: url(../image/index/menu4.png)
}

.slide2 .nav ul li.on i.icon1 {
    background-image: url(../image/index/menuon1.png)
}

.slide2 .nav ul li.on i.icon2 {
    background-image: url(../image/index/menuon2.png)
}

.slide2 .nav ul li.on i.icon3 {
    background-image: url(../image/index/menuon3.png)
}

.slide2 .nav ul li.on i.icon4 {
    background-image: url(../image/index/menuon4.png)
}

.slide2 .nav ul li span {
    font-size: .91rem;
    color: #fff
}

.slide2 .mainbox {
    width: 100%;
    height: 30rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.slide2 .mainbox .slidebox:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/index/phonebg.png) no-repeat top;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.slide2 .mainbox .slidebox .swiper-pagination {
    z-index: 30;
    bottom: 2.5rem
}

.slide2 .mainbox .slidebox .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    border: 0;
    outline: 0;
    width: .66rem;
    height: .66rem;
    opacity: 1
}

.slide2 .mainbox .slidebox .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #FE9701;
    opacity: 1
}

.slide2 .mainbox .slidebox {
    width: 75%;
    height: 100%;
    background-size: cover;
    padding-top: 1.25rem;
    position: relative
}

.slide2 .mainbox .sub-swiper-container {
    width: 93%;
    height: 28rem;
    overflow: hidden;
    margin: 0 auto
}

.slide2 .sub-swiper-container .swiper-slide {
    background-color: transparent
}

.slide2 .sub-swiper-container .swiper-slide .box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #fff;
    padding: 0 .83rem
}

.sub-swiper-container .box .t {
    display: flex;
    margin-top: 3.3rem;
    margin-bottom: 1.45rem;
    height: 2.37rem;
    align-items: center;
    padding-left: 1.66rem;
    font-size: 1.08rem
}

.sub-swiper-container .box i {
    width: 2.37rem;
    height: 2.37rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .83rem
}

.sub-swiper-container .box .c {
    font-size: .91rem;
    line-height: 1.66rem;
    padding: 0 1.25rem
}

.slide2 .mainbox .fbg {
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 100%;
    z-index: 20
}

.slide2 .mainbox .ktpic {
    width: 7.91rem;
    height: 9.41rem;
    position: absolute;
    bottom: -.83rem;
    left: 50%;
    margin-left: 5.8rem;
    z-index: 20
}

.slide2 .mainbox .ktpic img,
.slide2 .mainbox .fbg img {
    width: 100%;
    vertical-align: top
}

.slide2 .bg {
    flex: 1;
    overflow: hidden;
    background-color: #fb3468
}

.slide3 .title {
    width: 19.16rem;
    height: 6.04rem;
    margin: 4.83rem auto 4.16rem
}

.slide3 .title img {
    width: 19.16rem;
    vertical-align: top
}

.slide3 .play-wrap {
    display: flex;
    justify-content: flex-end
}

.slide3 .playbox {
    width: 29.58rem;
    height: 17.5rem;
    position: relative
}

#play {
    width: 4.58rem;
    height: 4.58rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3rem;
    margin-top: -3.6rem
}

#video {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    object-fit: contain;
    background-color: rgba(0, 0, 0, .85)
}

#video.on {
    z-index: 10000;
    display: block
}

#close {
    font-size: 1rem;
    position: fixed;
    top: 0;
    right: 0;
    padding: .83rem;
    color: #F20456;
    display: none
}

#close.on {
    z-index: 999999;
    display: block
}