body{background:#fff}
.banner {
    position: relative;
}
.page {
    width: 100%;
    height: 100vh;
    position:relative;
}
.page .item{position:absolute;top:0;height:100%;width:100%;}
.item .bg {
    background-image: url('../../Images/brand/mountains/banner-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow-down {
    position: absolute;
    width: 2px;
    z-index: 10;
    left: 50%;
    height: 60px;
    border-radius: 10px;
    bottom: 0;
    background: rgba(255,255,255,.3);
    margin-left: -1px;
    overflow:hidden;
}
.down-line {
    display: inline-block;
    height: 60px;
    width: 2px;
    background: #fff;
    animation: arrow 1.5s ease-in-out infinite;
}
@keyframes arrow {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
    to {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }
}
.section{position:relative}
.part1 {
    padding: 8rem 0;
}
.section .section-title{font-size:2.5rem;font-weight:bold;color:#bd9369;}
.part1 .section-title{margin-left:25%;position:absolute;}
.part1 .desc{margin-left:50%;}
.desc-content>p{margin-bottom:2rem;line-height:1.75;}
.video{position:relative;overflow:hidden;line-height:0}
.video-play-btn, .video-pause-btn {
    color: #fff;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -2rem;
    z-index: 10;
}
.play-btn {
    display: inline-block;
    width: 4rem;
    margin-bottom: .5rem;
}
.video-play-btn:hover+.video-show>.cover,.video.active:hover .cover{opacity:0.3}
.video .hover-btn{display:none;}
.video-play-btn:hover .hover-btn{display:block}
.video-play-btn:hover .show-btn{display:none}
.show-video {
    width: 100%;
    height: auto;
    opacity: 0;
    position:relative;
    z-index:1
}
.video-pause-btn {
    display:none;
}
.video-show {
    background: url(../../Images/brand/mountains/show-bg.jpg) fixed center no-repeat;
    height: 100%;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0;
}
.video.active:hover  .video-pause-btn{display:inline-block}
.cover{opacity:0;position:absolute;width:100%;height:100%;background:#000;top:0;left:0}
.part2 {
    background: url(../../Images/brand/mountains/show-bg.jpg) fixed center no-repeat;
    height: 500px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part3 {
    padding: 15rem 0px;
}
.part3-text {
    position: absolute;
    width: 50%;
    padding-left: 25%;
    z-index:1;
}
.part3 .section-title {
    margin-bottom:5rem;
}
.baigu-text {
    position: absolute;
    left: 7%;
    z-index: -1;
    top: -19%;
}
.swiper1{width:50%;margin-left:50%;}
.part4-text {
    position: absolute;
    z-index: 7;
    left: 25%;
    top: 17%;
}
.part4 .section-title{    
    color: #fff;
    margin-bottom: 5rem;
}
.part4 .desc{color: #fff;}
.part5 {
    text-align: center;
    padding: 10rem 0;
}
.part5 .desc{
    margin:4rem 0;
}
.swiper-pagination1{position: relative;text-align: left;margin-top:1rem;}
.swiper-pagination1 .swiper-pagination-bullet {
    font-size: 1.25rem;
    line-height: 2rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    margin-right: 1rem;
    color:#000;
    opacity:.5
}
.swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {text-decoration:underline;opacity:1}
.swiper-pagination2 .swiper-pagination-bullet {
    color: #fff;
    font-size: 1.25rem;
    line-height: 2rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: 1px dashed;
    margin-right: 1rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20%;
    width: auto;
    left: 25%;
}
.standard {
    position: absolute;
    bottom: 25%;
    left: 25%;
    z-index: 10;
}
.swiper-slide img{width:100%;}
.baigu-text img{width:45rem;}
.swiper2 .swiper-slide{overflow:hidden;line-height:0;}
.swiper2 .logo {
    position: absolute;
    z-index: 10;
    left: 7%;
    top: 17%;
}
.mountains-show {
    position: relative;
    margin-bottom: 10rem;
}
.swiper3 {
    width: 60%;
    margin-left: 0;
    line-height:0;
}
.mountains-desc {
    text-align: left;
    position: absolute;
    left: 65%;
    top: 0;
    z-index: 1;
}
.mountains-desc h2{font-family: PingFang Heavy;margin-bottom: 2rem;}
.mountains-desc .remind{
    color: #bd936a;
    font-size: 1rem;
    margin-top: 4rem;
}
.mountains-bg {
    position: absolute;
    right: 0;
    bottom: -60%;
    width: 70%;
}
.swiper-button-next, .swiper-button-prev {
    background-color: #bd9369;
    bottom: 0;
    top: auto;
    margin-top: 0;
    background-image: none;
    height: auto;
    width: auto;
    padding: .75rem;
}
.swiper-pagination-bullet:focus,.swiper-button-next:focus,.swiper-button-prev:focus{outline:none;}
.swiper-button-next {
    left: 60%;
    right: auto;
    padding-left: 2.25rem;
}
.swiper-button-prev {
    right: 40%;
    left: auto;
    padding-right: 2.5rem;
    padding-left: 1rem;
}
.toBaigu{position:relative;display:inline-block;line-height:0}
.toBaigu .mask{position:absolute;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0}
.toBaigu:hover .mask{opacity:1}
.swiper-button-next:hover .arrow-line, .swiper-button-prev:hover .arrow-line {
    width: 20px
}
.arrow-line {
    height: 2px;
    width: 0;
    display: inline-block;
    background: #fff;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    vertical-align: middle;
}
.arrow-right {
    display: inline-block;
    color:#fff;
    vertical-align:middle;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.swiper-button-prev .arrow-right {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-right: -13px;
}
.swiper-button-next .arrow-line {
    margin-right: -13px;
}
.swiper-pagination3 {
    color: #fff;
    bottom: .6rem;
    left: 60%;
    z-index: 11;
    transform: translateX(-50%);
}
.swiper-pagination1 .swiper-pagination-bullet:first-child, .swiper-pagination2 .swiper-pagination-bullet:first-child {
    display: none
}