.banner{height:100vh;position:relative;}
.swiper1 .bg1 .bg,.swiper1 .bg1 {background-image: url('../../../../Images/activity/background-1.jpg'); }
.swiper1 .bg2 .bg,.swiper1 .bg2{background-image: url('../../../../Images/activity/background-2.jpg'); }
.swiper1 .bg3 .bg,.swiper1 .bg3{background-image: url('../../../../Images/activity/background-3.jpg'); }
.swiper1 .bg4 .bg,.swiper1 .bg4{background-image: url('../../../../Images/activity/background-4.jpg'); }
.swiper1 .bg5 .bg,.swiper1 .bg5{background-image: url('../../../../Images/activity/background-5.jpg'); }
.swiper1 .swiper-slide, .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.swiper2 {
    position: absolute;
    top: 15%;
    height: 70%;
    width: 100%;
}
.swiper2 .swiper-slide{
    font-size:0;
    padding:0 15%;
}
.picture {
    display: inline-block;
    width: 70%;
    height:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.picture.p1 {background-image: url('../../../../Images/activity/activities-1.jpg');}
.picture.p2 {background-image: url('../../../../Images/activity/activities-2.jpg');}
.picture.p3 {background-image: url('../../../../Images/activity/activities-3.jpg');}
.picture.p4 {background-image: url('../../../../Images/activity/activities-4.jpg');}
.picture.p5 {background-image: url('../../../../Images/activity/activities-5.jpg');}
.content {
    display: inline-block;
    background: #fff;
    width: 30%;
    height: 100%;
    vertical-align: top;
    padding: 10rem 5rem 0;
}
.content .title{
    font-size: 2rem;
    font-family: PingFang Heavy;
    margin-bottom: 2rem;
}
.content .desc{    
    font-size: 1rem;
    line-height: 200%;
    margin-bottom:3rem;
}
.knowMore{color:#ebbd7a;font-size:1rem;font-weight:bold;}
.knowMore>span{vertical-align:middle}
.knowMore:hover .arrow-line{width:20px}
.arrow-line {
    height: 2px;
    width: 0;
    display: inline-block;
    background: #ebbd7a;
    margin-right: -13px;
    margin-left: 10px;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}
.arrow-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.footer-wrap{display:none}