body{
    background:#111;
}
@font-face {
    font-family: 'LanTingHei';
    src:url("../../font/FounderHei.TTF");
}
@font-face {
    font-family:'AcuminVariabl';
    src:url("../../font/acumin-semibold.ttf");
}
@font-face {
    font-family: 'LanTingZhongHei';
    src:url("../../font/FounderZhong.TTF");
}
@font-face{
    font-family:'myriad Pro';
    src:url("../../font/MyriadPro-Regular.ttf");
}
@font-face{
    font-family:'LanTingKaiHei';
    src:url("../../font/FounderkaiHei_GBK.TTF");
}
@font-face{
    font-family: 'AcuminPro';
    src:url("../../font/Acumin-Pro-Light.ttf");
}
@font-face{
    font-family: 'LanTingCuHei';
    src:url("../../font/FounderCuHei.TTF");
}
.top_nav{
    background-image:url("../../img/Marketing _activity.png");
    background-repeat:no-repeat;
    background-position:top center;

}
.top_content{
    color:#fff;
    height:670px;
    padding-top:165px;
}
.top_content h1{
    font-size:48px;
    font-family: LanTingZhongHei;
    margin-bottom:50px;
}
.top_content h2{
    font-size:22px;
    font-family: LanTingKaiHei;
    line-height:1.6;
}
.top_center{

    position:relative;
}
.top_center .mask{
    position:absolute;
    width:880px;
    height:150px;
    background-color: rgba(255,255,255,0.2);
}
.top_center .title-content{
    display:flex;
    flex-direction: row;
    padding-left:280px;
    margin-right:230px;
    height:150px;
    line-height: 150px;
    /*justify-ontent: space-between;*/
    position:relative;

}
#mainContainer{
    background-color:#111;
}
.top_center .title-content h1{
    font-size:30px;
    font-family: LanTingHei;
    color:#fff;
    height:100%;
    line-height: 150px;
}
.top_center .title-content>b{
    width:590px;
    display:none;
    /*display: inline-block;*/
    /*position:absolute;*/
    /*height:1px ;*/
    border-top:1px solid #333;
    margin-top:74px;
}
.top_center .title-content .btn-box{
    height:100%;
    line-height:150px;
    position:absolute;
    right:200px;
}
.top_center .title-content .btn-box span{
    width:48px;
    height:48px;
    display: inline-block;
    vertical-align: middle;
    margin-right:20px;
    cursor: pointer;
}
.top_center .title-content .btn-box span.prev-btn{
    background-image:url("../../img/marketing_prev.png");
    background-position: center;
}
.top_center .title-content .btn-box span.next-btn{
    background-image:url("../../img/marketing_next.png");
    background-position: center;
}
.activity_swiper .swiper-box{
    display:flex;
    flex-direction: row;
}
.activity_swiper .swiper-box.active .activity_right .activity_content .activity_detail{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateY(0);*/
}
.activity_swiper .activity_left{
    width:52.8vw;
}
.activity_swiper .activity_right{
    width:47.2vw;
    padding-left:164px;
    position:relative;
}
.activity_swiper .activity_right .activity_content .activity_title{
    font-family: AcuminPro;
    font-size:90px;
    line-height: 1.9;
    color:#fff;
    text-align:left;
    position:relative;
    margin-top:80px;
}
.activity_swiper .activity_right .activity_content .activity_title:after{
    content:'';
    display:block;
    position:absolute;
    width: 80px;
    height:2px;
    background-color:#fff;
    top:0px;
}
.activity_swiper .activity_right .activity_content .activity_detail{
    width:710px;
    height:200px;
    margin-left:-100px;
    margin-top:-85px;
    border:1px solid #666;
    color:#fff;
    padding-top:98px;
    font-size:16px;
    text-align:left;
    font-family: LanTingKaiHei;
    padding-left:55px;
    line-height:1.9;
    opacity: 0;
}
.activity_swiper{
    position:relative;
}
.activity_swiper .year_choose{
    position:absolute;
    bottom:0;
    left:1013px;
    z-index:5;
}
.activity_swiper .year_choose span{
    width:80px;
    display: inline-block;
    line-height:40px;
    vertical-align: bottom;
    height:40px;
    font-size:16px;
    color:#666;
    border:1px solid #333;
    transition: all 0.3s ease-out;
    cursor: pointer;
}
.activity_swiper .year_choose span.active{
    width:110px;
    background-color:#fff;
    font-size:24px;
    height:50px;
    line-height: 50px;
}
.activity_swiper .activity_right .activity_content .year_choose span:not(:first-child){
    border-left-width:0px;
}
.activity_two{
    height:835px;
}
.activity_two .activity_swiper{
    /*padding-left:280px;*/
}
.activity_two .activity_swiper .activity_left{
    width:100%;
}
.activity_two .activity_swiper .activity_left .swiper-slide{
    width:auto;
}
.activity_two .activity_swiper .activity_left .swiper-slide p{
    font-size:24px;
    color:#fff;
    font-family: LanTingHei;
    text-align: left;
    margin-top:40px;
}
.activity_two .mask{
    width:82vw;
    height:835px;
    background:#222;
}
.activity_three{
    margin-top:150px;
}
.activity_three .title_activity{
    width:350px;
    height:70px;
    border:1px solid #fff;
    border-bottom-width:0px;
    line-height: 6px;
    color:#fff;
    margin-left:256px;
    font-size:30px;
    padding-left:20px;
    text-align: left;

}
.activity_three .swiper-container{
    background-color:#111;

}
.activity_three .swiper-container .swiper-slide .title{
    position:absolute;
    top:40px;
    left:275px;
    text-align: left;
    padding:30px 40px;
    overflow: hidden;
    /*background-color: rgba(0,0,0,0.3);*/

}
.activity_three .swiper-container .swiper-slide .title:after{
    position:absolute;
    content:' ';
    left:-150%;
    top:0px;
    bottom:0px;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.3);
    z-index:1;

}
.activity_three .swiper-container .swiper-slide.swiper-slide-active .title:after{
    left:0px;
    transition: all 0.5s ease-out 0.2s;
}
.activity_three .swiper-container .swiper-slide .title h1{
    font-family: LanTingHei;
    font-size:40px;
    color:#fff;
    margin-bottom:20px;
    /*transform: translateY(20px);*/
    opacity: 0;
    position:relative;
    z-index:2;
}
.activity_three .swiper-container .swiper-slide.swiper-slide-active .title h1{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateY(0);*/
    transition: all 0.5s cubic-bezier(.94,-0.25,.32,1.31) 0.3s;
}
.activity_three .swiper-container .swiper-slide.swiper-slide-active .title p{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateY(0);*/
    transition: all 0.5s cubic-bezier(.94,-0.25,.32,1.31) 0.3s;
}
.activity_three .swiper-container .swiper-slide .title h1 span{
    font-size:20px;
    color:#fff;
}
.activity_three .swiper-container .swiper-slide .title p{
    font-size:16px;
    line-height:1.9;
    color:#fff;
    /*transform: translateY(20px);*/
    opacity: 0;
    position:relative;
    z-index:2;
}
.activity_three .swiper-container-horizontal>.swiper-pagination-bullets{
    width:auto;
    right:97px;
    left:auto;
}
.activity_three .swiper-container-horizontal .swiper-pagination-bullet{
    width:20px;
    height:10px;
    background:#666;
    border-radius: 0px;
    opacity:1;
    transition: all 0.3s ease-out;
}
.activity_three .swiper-container-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{
     width:50px;
    background:#333;
}
#file_game{
    margin-top:150px;
}
#file_game .title{
    font-size:30px;
    color:#fff;
    text-align:left;
    padding-left:280px;
    margin-bottom:80px;
}
#file_game .imgBox{
    display:flex;
    flex-direction: row;
    justify-content: center;

}
#file_game .imgBox>div:first-child{
    margin-right:110px;
}
#file_game .imgBox>div p{
    color:#fff;
    margin-top:30px;
    font-size:16px
}
#file_game .imgList{
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    padding:100px 73px 240px;
}
#file_game .imgList li{
    overflow: hidden;
    position:relative;
}
#file_game .imgList li .text-box{
    position: absolute;
    width:100%;
    height:80px;
    background-color:rgba(0,0,0,0.33);
    line-height: 80px;
    font-size:16px;
    color:#fff;
    bottom:-80px;
    left:0px;
    transition: all 0.3s ease-out;

}
#file_game .imgList li:hover .text-box{
    bottom:0px;

}
.swiper-container .swiper-button-prev{
    background-color:rgba(0,0,0,0.3);
    width:42px;
    height:80px;
    background-image:-webkit-linear-gradient(transparent,transparent,transparent); /* Safari 5.1-6.0 */
    background-image: -o-linear-gradient(transparent,transparent,transparent); /* Opera 11.1-12.0 */
    background-image: -moz-linear-gradient(transparent,transparent,transparent); /* Firefox 3.6-15 */
    background-image: linear-gradient(transparent,transparent,transparent)!important; /* 标准语法 */
}
.swiper-container .swiper-button-next{
    background-color:rgba(0,0,0,0.3);
    width:42px;
    height:80px;
    background-image:-webkit-linear-gradient(transparent,transparent,transparent); /* Safari 5.1-6.0 */
    background-image: -o-linear-gradient(transparent,transparent,transparent); /* Opera 11.1-12.0 */
    background-image: -moz-linear-gradient(transparent,transparent,transparent); /* Firefox 3.6-15 */
    background-image: linear-gradient(transparent,transparent,transparent)!important; /* 标准语法 */
}
.swiper-container .swiper-button-next:after{
    position:absolute;
    content:'';
    width:20px;
    height:20px;
    top:50%;
    left:50%;
    margin-left:-15px;
    margin-top:-10px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:rotate(45deg) translate3d(0,0,0);
    -moz-transform:rotate(45deg) translate3d(0,0,0);
    -ms-transform:rotate(45deg) translate3d(0,0,0);
    -o-transform:rotate(45deg) translate3d(0,0,0);
    transform:rotate(45deg) translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: rotate(45deg);*/
}
.swiper-container .swiper-button-prev:after{
    position:absolute;
    content:'';
    width:20px;
    height:20px;
    top:50%;
    left:50%;
    margin-left:-5px;
    margin-top:-10px;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    -webkit-transform:rotate(45deg) translate3d(0,0,0);
    -moz-transform:rotate(45deg) translate3d(0,0,0);
    -ms-transform:rotate(45deg) translate3d(0,0,0);
    -o-transform:rotate(45deg) translate3d(0,0,0);
    transform:rotate(45deg) translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: rotate(45deg);*/
}