@charset "utf-8";
/* Css Document */

/* 六十周年 */
.sixtiethAnniversary-longPage-box{
    width: 100%;
}
.sixtiethAnniversary-longPage-box img,
.sixtiethAnniversary-popup img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    
}

/* 顶部视频 */
.sixtiethAnniversary-topvideo-box{
    width: 100%;
    background: url(../images/top1_bg.jpg) 0 0 / 100% 100% no-repeat;
}
.sixtiethAnniversary-topvideo-img{
    /* width: 100%; */
    border-radius: 6px;
    padding: 4% 17%;
}

.sixtiethAnniversary-longPage-box .sixtiethAnniversary-topvideo-box .sixtiethAnniversary-topvideo-img img{
    box-shadow: 0 0 13px rgba(148,79,17,.16);
    
}




.sixtiethAnniversary-longPage-box .sixtiethAnniversary-topvideo-box .sixtiethAnniversary-topvideo-img span {
    width: 120px;
    height: 120px;
    background: url(../images/top1_player.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0.9;
}


/* 六十周年tab */
.sixtiethAnniversary-tab-box{
    width: 100%;
    background: url(../images/bg-sixtiethAnniversary-tab-box.jpg) no-repeat center center / cover;
    padding: 2% 0;
}
.sixtiethAnniversary-tab-box-inner{
    width: 77.08%;
    margin: 0 auto;
}
.sixtiethAnniversary-logo-tab-title-box{
    margin-bottom: 5%;
}
.sixtiethAnniversary-logo-text-box{
    float: left;
    width: 23.17%;
    position: relative;
}
.sixtiethAnniversary-logo{
    float: left;
    width: 40.81%;
}
.sixtiethAnniversary-text{
    width: 52.76%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.sixtiethAnniversary-text h1{
    line-height: 1.29;
    font-size: 34px;
    font-weight: bold;
    color: #bc9d5a;
}
.sixtiethAnniversary-tab-title-box{
    float: right;
    width: 68.98%;
}
.sixtiethAnniversary-tab-title-ul{
    width: 100%;
    padding: 20px 2%;
    box-sizing: border-box;
    background: rgba(31,31,31,.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
}
.sixtiethAnniversary-tab-title-li{
    float: left;
    width: 12.5%;
    cursor: pointer;
}
.sixtiethAnniversary-tab-title{
    width: 60%;
    margin: 0 auto;
    /* transition-duration: .05s; */
    position: relative;
}

.sixtiethAnniversary-tab-title-li.active .sixtiethAnniversary-tab-title{
    width: 80%;
    /* border: 4px solid #7bc7de; */
    border-radius: 50%;
    /* transform: translateY(-30%); */
    margin: 0 auto;
}


/* 被切换内容 */
.sixtiethAnniversary-tab-cont-box{
    width: 100%;
    height: 1270px;
    position: relative;
}
.sixtiethAnniversary-tab-cont {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.sixtiethAnniversary-tab-cont.active {
    z-index: 2;
    opacity: 1;
}
.sixtiethAnniversary-tab-cont-cont-box{
    position: relative;
    margin-bottom: 5%;
}

.sixtiethAnniversary-tab-cont-same-figure-swiper-btn{
    width: 160px;
    position: absolute;
    bottom: 5%;
    z-index: 1;
}
.sixtiethAnniversary-tab-cont-same-figure-swiper-next,
.sixtiethAnniversary-tab-cont-same-figure-swiper-prev{
    width: 49.5%;
    height: 79px;
    position: static;
    margin: 0;
}
.sixtiethAnniversary-tab-cont-same-figure-swiper-next{
    background: url(../images/btn-next.png) no-repeat center center / 100% auto;
    float: right;
}
.sixtiethAnniversary-tab-cont-same-figure-swiper-prev{
    background: url(../images/btn-prev.png) no-repeat center center / 100% auto;
    float: left;
}


.sixtiethAnniversary-tab-cont-cont-left{
    float: left;
    width: 47.29%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.sixtiethAnniversary-tab-cont-cont-left-img,
.sixtiethAnniversary-tab-cont-cont-right,
.sixtiethAnniversary-tab-cont-cont-recommend,
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-img{
    border-radius: 20px;
    overflow: hidden;
}
.sixtiethAnniversary-tab-cont-cont-left-img{
    width: 65.71%;
    margin: 0 auto 5%;
}
.sixtiethAnniversary-tab-cont-cont-left-text p{
    line-height: 1.625;
    font-size: 32px;
    font-weight: bold;
    color: #1f1f1f;
}
.sixtiethAnniversary-tab-cont-cont-right{
    float: right;
    width: 35.13%;
    margin: 16px;
    box-shadow: 16px 16px 0 #7bc7de;
}

/* 轮播 */
.sixtiethAnniversary-tab-cont-cont-recommend{
    width: 100%;
    background: rgba(236,210,210,.3);
}
.sixtiethAnniversary-tab-cont-cont-recommend-inner{
    width: 94.59%;
    margin: 0 auto;
}
.sixtiethAnniversary-tab-cont-cont-recommend-top{
    position: relative;
}
.sixtiethAnniversary-tab-cont-cont-recommend-top-title{
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: #1f1f1f;
    padding: 2.5% 0;
}
.sixtiethAnniversary-tab-cont-cont-recommend-top-btn-box{
    /* float: right; */
    width: 6.92%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-next,
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-prev{
    width: 49.75%;
    height: 49px;
    position: static;
    margin: 0;
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-next{
    float: right;
    background: url(../images/btn-next.png) no-repeat center center / 100% auto;
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-prev{
    float: left;
    background: url(../images/btn-prev.png) no-repeat center center / 100% auto;
}
.sixtiethAnniversary-tab-cont-cont-recommend-figure{
    padding: 0 0 3%;
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-img{
    width: 100%;
    height: auto;
    margin-bottom: 2%;
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-text p{
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold;
}
.sixtiethAnniversary-tab-cont-cont-recommend-swiper-text p a{
    color: #1f1f1f;
}



/* 故事 */
.sixtiethAnniversary-story-figure-box{
    background: #fff9f9;
    padding: 0 0 4%;
}
.sixtiethAnniversary-story-figure-top{
    /* padding-left: 200px; */
    /* height: calc(100vh - 75vh - 70px); */
    /* position: relative; */
    padding: 2% 0;
}
.sixtiethAnniversary-story-figure-top .sixtiethAnniversary-top-title{
    position: static;
    transform: inherit;
    margin-left: 7.5%;
}
.sixtiethAnniversary-story-figure-img{
    border-radius: 25px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px;
    position: relative;
}
.sixtiethAnniversary-story-figure-img img{
    box-shadow: 0 0 5px rgba(148,79,17,.16);
}
.story-popup-btn{
    cursor: pointer;
}
.sixtiethAnniversary-story-video-btn-box{
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sixtiethAnniversary-story-video-btn-cont{
    width: 50%;
    height: 100%;
    cursor: pointer;
}
.sixtiethAnniversary-story-video-btn-cont:first-child{
    float: left;
}
.sixtiethAnniversary-story-video-btn-cont:last-child{
    float: right;
}
.sixtiethAnniversary-story-figure-swiper-next,
.sixtiethAnniversary-story-figure-swiper-prev{
    width: 80px;
    height: 80px;
    border-radius: 25px;
    overflow: hidden;
}
.sixtiethAnniversary-story-figure-swiper-next{
    background: url(../images/btn-next.png) no-repeat center center / cover;
}
.sixtiethAnniversary-story-figure-swiper-prev{
    background: url(../images/btn-prev.png) no-repeat center center / cover;
}







/* 大事记 */
.sixtiethAnniversary-figure-box{
    width: 100%;
    height: 100vh;
    position: relative;
}
.sixtiethAnniversary-box{
    width: 100%;
    height: 100%;
    background: url(../images/bg-sixtiethAnniversary.jpg) no-repeat center center / 100% 100%;
}
.sixtiethAnniversary-top{
    width: 85%;
    height: calc(100vh - 75vh - 70px);
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.sixtiethAnniversary-top-title{
    padding: 1% 0;
    font-size: 40px;
    font-weight: bold;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sixtiethAnniversary-top-timeline{
    width: 78.6%;
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.sixtiethAnniversary-top-timeline-inner,
.sixtiethAnniversary-time{
    width: 100%;
}
.sixtiethAnniversary-cont-scrollbar{
    height: 4px;
    background: rgba(51,51,51,.2);
    display: none;
}
.swiper-scrollbar-drag{
    background: #00b0da;
    cursor: pointer;
}

.sixtiethAnniversary-bottom{
    width: 100%;
    height: 75vh;
    position: absolute;
    bottom: 0;
}
.sixtiethAnniversary-bottom-inner,
.sixtiethAnniversary-cont{
    width: 100%;
    height: 100%;
}
.sixtiethAnniversary-cont .swiper-slide{
    height: 100%;
    transition-duration: .6s;
}

.sixtiethAnniversary-cont-swiper-cont-box{
    width: 100%;
    height: 90%;
    box-sizing: border-box;
    padding: 20px;
}
.sixtiethAnniversary-cont-swiper-cont-box-inner{
    width: 100%;
    height: 100%;
    border-radius: 35px;
    box-shadow: 0 0 13px rgba(148,79,17,.16);
    overflow: hidden;
    background-image: url(../images/bg-sixtiethAnniversary-cont-slide.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.sixtiethAnniversary-cont-swiper-cont-box-inner-box{
    width: 94.59%;
    margin: 0 auto;
}
.sixtiethAnniversary-cont-swiper-cont-box-cover .sixtiethAnniversary-cont-swiper-cont-box-inner{
    background-image: url(../images/cover.jpg);
}
.sixtiethAnniversary-cont-swiper-cont-box-inner-box-video{
    width: 100%;
}
.sixtiethAnniversary-cont-swiper-cont-title{
    line-height: 2.86;
    font-size: 30px;
    /* font-size: 36px; */
    color: rgb(130, 49, 16,.5);
    margin-bottom: 6%;
    text-indent: .3em;
}
.sixtiethAnniversary-cont-swiper-cont-img{
    width: 100%;
    margin-bottom: 10%;
}
.sixtiethAnniversary-cont-swiper-cont-text{
    width: 87.71%;
    margin: 0 auto;
}
.sixtiethAnniversary-cont-video .sixtiethAnniversary-cont-swiper-cont-img{
    width: 100%;
    height: 100%;
}
.sixtiethAnniversary-cont .swiper-slide-active .sixtiethAnniversary-cont-swiper-cont-box-inner{
    transform: scale(1.05);
}


.sixtiethAnniversary-popup{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 125;
    display: none;
}
.sixtiethAnniversary-popup-inner{
    width: 25%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sixtiethAnniversary-popup-bg{
    width: 100%;
}
.sixtiethAnniversary-popup-close{
    width: 5.07%;
    position: absolute;
    top: 1%;
    right: 2%;
    cursor: pointer;
}
.sixtiethAnniversary-popup-logo{
    width: 100%;
    position: absolute;
    top: 5%;
    left: 0;
}
.sixtiethAnniversary-popup-logo-img{
    width: 10%;
    margin: 0 auto;
}
.sixtiethAnniversary-popup-cont{
    width: 100%;
    position: absolute;
    top: 15%;
    left: 0;
}
.sixtiethAnniversary-popup-cont-inner{
    width: 100%;
}
.sixtiethAnniversary-popup-cont-video-btn{
    width: 90.14%;
    margin: 0 auto;
    cursor: pointer;
}
.sixtiethAnniversary-popup-cont-video{
    width: 98%;
    margin: 0 auto;
    display: none;
}
.sixtiethAnniversary-popup-cont-video video{
    display: block;
    width: 100%;
}
.sixtiethAnniversary-popup-cont-video-text{
    display: block;
    width: 98%;
    display: none;
}
.sixtiethAnniversary-popup-text{
    width: 84.08%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
}




@media screen and (min-width:2160px){
/*     .sixtiethAnniversary-tab-cont-box{
        height: 1670px;
        } */
    .sixtiethAnniversary-tab-cont-cont-recommend-top-btn-box{
        width: 97px;
    }
}
@media screen and (max-width:1680px){
/*    .sixtiethAnniversary-tab-cont-box{
    height: 910px;
    } */ 
    .sixtiethAnniversary-text h1{
        font-size: 22px;
    }
.sixtiethAnniversary-tab-cont-crown-figure-swiper-btn{
    width: 120px;
}
    .sixtiethAnniversary-tab-cont-cont-left-text p{
        font-size: 20px;
    }

    .sixtiethAnniversary-tab-cont-cont-recommend-top-title{
        font-size: 24px;
    }
    .sixtiethAnniversary-tab-cont-cont-recommend-swiper-text p{
        font-size: 12px;
    }

    .sixtiethAnniversary-story-figure-top .sixtiethAnniversary-top-title{
        padding: 1.5% 0;
    }
    .sixtiethAnniversary-story-figure-swiper-next,
    .sixtiethAnniversary-story-figure-swiper-prev{
        width: 60px;
        height: 60px;
        border-radius: 20px;
    }

    .sixtiethAnniversary-cont-swiper-cont-title{
        line-height: 2;
        font-size: 20px;
        padding-top: 10%;
    }

    .sixtiethAnniversary-popup-inner{
        width: 23%;
    }

}

@media screen and (max-width:1280px){
/*     .sixtiethAnniversary-tab-cont-box{
        height: 850px;
        } */
}