@charset "UTF-8";
* { padding:0; margin:0;}
ul,li{ list-style:none;}
.clear { zoom:1;}
.clear:after { content:''; display:block; clear:both;}
h2,h3,h4,h5{font-weight: normal;}
img{vertical-align:top;}

@font-face{
    font-family: 'lt';
    src: url("https://rs1.solution9.net/vbj/topic/font/lt.woff2") format("woff2"),
       url("https://rs1.solution9.net/vbj/topic/font/lt.woff") format("woff"),
       url("https://rs1.solution9.net/vbj/topic/font/lt.ttf") format("truetype"),
       url("https://rs1.solution9.net/vbj/topic/font/lt.eot") format("embedded-opentype"),
       url("https://rs1.solution9.net/vbj/topic/font/lt.svg") format("svg");
}

@font-face{
    font-family: 'zk';
    src: url("https://rs1.solution9.net/vbj/topic/font/zk.woff2") format("woff2"),
       url("https://rs1.solution9.net/vbj/topic/font/zk.woff") format("woff"),
       url("https://rs1.solution9.net/vbj/topic/font/zk.ttf") format("truetype"),
       url("https://rs1.solution9.net/vbj/topic/font/zk.eot") format("embedded-opentype"),
       url("https://rs1.solution9.net/vbj/topic/font/zk.svg") format("svg");
}

html,body{
    width: 100%;
    height: 100%;
    font-family: 'MicrosoftYaHei';
}

body{/* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

.swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-slide{
    background: #fff;
    height: 100%!important;
}
.slide-first,.slide-last{
    background: url(//r1.visitbeijing.com.cn/images/20210122155023/5944dfd2e6af98c5bb7907ddba1c001e.jpg) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-last{
    background: url(//r1.visitbeijing.com.cn/images/20210126162807/5ea4be8811ece68b7ad237661bc03070.jpg) no-repeat;
    background-size: cover;
}

.slide-first .first-con{
    height: 100%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    /*padding-top: 2.4666666rem;*/
}
.slide{
    background: url(//r1.visitbeijing.com.cn/images/20210125112329/b9da68cf88a3a9d8beb2dbecf467144d.jpg) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}


.slide-first .slide-first-logo,.slide-logo{
    position: absolute;
    width: 4.2rem;
    height: 1.53333333rem;
    top: .533333rem;
    left: 3.426667rem;
    background-size: 100%;
    z-index: 1000;
}

.slide-first .slide-first-logo{
    left: -1.573333rem;
}

.slide .slide-logo{
    left: 0.8rem;
}

.slide-last .slide-logo{
    left: 0.8rem;
}

.slide-first img,.slide img{
    pointer-events:none;/* 禁止长按图片保存 */
}
.slide-first .slide-first-tit1{
    width: 7.7333333rem;
    height: 2.933333rem;
    z-index: 1;
    /* margin-top: 2.133333rem; */
    position: absolute;
    top: 2.266663rem;
    left: 50%;
    transform: translate(-50%);
}
.slide-first .slide-first-tit2{
    width: 10rem;
    height: 10.0666666rem;
    position: absolute;
    top: 4.4rem;
    left: 50%;
    transform: translate(-50%);
}
.slide-first .slide-first-tit3{
    width: 6.426666rem;
    height: 1.133333rem;
    position: absolute;
    top: 14rem;
    left: 50%;
    transform: translate(-50%);
}

.slide-first .btn-start {
    position: absolute;
    left: 50%;
    /*top: 15.2rem;*/
    top: 81%;
    transform: translate(-50%);
}

.slide-first .btn-start img{
    width: 4rem;
    height: 1.49333333rem;
    /*margin-top: .306667rem;*/
}

.langue-wrap{
    background: url(//r1.visitbeijing.com.cn/images/20210122162139/5c5b87eb27e1e7fadcca96a858f7ae51.png) no-repeat;
    background-size: 100%;
    width: 2.8266666rem;
    height: 1.12rem;
    position: absolute;
    top: 11.73333rem; 
    left: 50%; 
    transform: translate(-50%, -50%);
    padding: 0.2999rem 0.3rem;
    box-sizing: border-box;
}

.langue-select{
    width: 100%;
    font-size: 0.3250rem;
    color: #fff;
    position: relative;
    text-align: left;
    padding-left: 0.466666rem;
    box-sizing: border-box;
}

.langue-other{
    position: absolute;
    width: 1.86666rem;
    background: #fff;
    left: 0.5rem;
    top: 0.82rem;
    display: none;
    border-radius: 0 0 0.1333rem 0.1333rem;
}

.langue-other li{
    height:0.44rem;
    padding-right: 0.266666rem;
    padding-left: 0.26666rem;
    box-sizing: border-box;
    line-height:0.44rem;
    position: relative;
    background: #ffebe5;
}

.langue-other li a{
    color: #fb4e4e;
    font-size: 0.25rem;
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
}

.langue-other li i{
    width: 0.28rem;
    height: 0.293333333rem;
    position: absolute;
    right: 0rem;
    bottom: 0.06rem;
}

.langue-other li.cn i{
    background: url(//r1.visitbeijing.com.cn/images/20210125154704/8ba80d2c172a67f7472d3f152ee6c9dc.png) no-repeat;
    background-size: 100%;
}

.langue-other li.jp i{
    background: url(//r1.visitbeijing.com.cn/images/20210125155058/8153f2273bf859483fb7fed9148609eb.png) no-repeat;
    background-size: 100%;
}

.langue-other li a::after{
    position: absolute;
    content: '';
    width: 100%;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: #fff;
}

.langue-other li.en a::after{
    display: none;
}

.langue-other li.en{
    border-radius: 0 0 0.1333rem 0.1333rem;
}

.langue-other li.en i{
    background: url(//r1.visitbeijing.com.cn/images/20210125160431/9851fd6ce03a8cb9d88c8fea7d1f5424.png) no-repeat;
    background-size: 100%;
}

.langue-select i.drop{
    background: url(//r1.visitbeijing.com.cn/images/20210125151743/3fe8cbeb3404dedf4dd6a06cd3c2d945.png) no-repeat;
    background-size: 100%;
    width: 0.24rem;
    height: 0.13333333rem;
    position: absolute;
    right: 0.44rem;
    top: 0.145rem;
}

.langue-select i.up{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);/* IE 9 */
    -moz-transform:rotate(180deg);/* Firefox */
    -webkit-transform:rotate(180deg);/* Safari 和 Chrome */
    -o-transform:rotate(180deg);/* Opera */
}

.silde-con{
    background: url(//r1.visitbeijing.com.cn/images/20210125112613/7bea3415e93dfee3f6c7048d4cfead49.png) no-repeat;
    background-size: 100%;
    width: 9.04rem;
    height: 13.3333rem;
    /* margin-top: .226667rem; */
    position: relative;
    padding: 3rem .906667rem 0 .906667rem;
    box-sizing: border-box;
}
.silde-con .num{
    font-size: .48rem;
    color: #2f2e80;
    letter-spacing: 0;
    position: absolute;
    bottom: 0.46rem;
    right: 0.16rem;
    font-weight: bold;
    z-index: 100;
}
.silde-con .num span{
    color: #f7ab21;
    font-size: .48rem;
}
.silde-con .tit{
    position: absolute;
    font-size: .70rem;
    color: #fefefe;
    font-weight: bold;
    top: 1.4rem;
    width: 3.026667rem;
    left: 50%;
    letter-spacing: 3px;
    margin-left: -1.513333rem;
    text-align: center;
    font-family: 'zk';
}
.silde-con h3{
	font-weight: normal;
    margin-bottom: 0.666666rem;
    font-size: .413333rem;
    color: #000000;
    letter-spacing: 0;
    line-height: .6666rem;
    text-align: justify;
    font-family: 'lt';
}
.slide .silde-con ul.unc:before{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.slide .silde-con ul{
    position: relative;
}
.slide .silde-con ul li{
    min-height: 0.6666rem;
    line-height: 0.5rem;
    font-size: .413333rem;
    color: #000000;
    position: relative;
    margin-bottom: 0.6333333rem;
    box-sizing: border-box;
    font-family: 'lt';
    padding-left: 1.533333rem;
    display: flex;
    align-items: center;
}
.slide .silde-con ul li i{
    background: url(//r1.visitbeijing.com.cn/images/20210125144755/92fc441de36414d7a2abd815184d0f4c.png) no-repeat;
    background-size: 100%;
    width: 0.64rem;
    height: 0.6666rem;
    position: absolute;
    left: 0.2666666rem;
    top: 0;
}

.slide .silde-con ul li.false{
    /*background: #D65336;*/
    /*border: 2px solid #D65336;*/
    color: #ed5564;
}

.slide .silde-con ul li.false i{
    position: absolute;
    background: url(//r1.visitbeijing.com.cn/images/20210125145929/0a194a4f149cf1b961ad80f3afdaf49b.png) no-repeat;
    background-size: 100%;
}

.slide .silde-con ul li.true{
    color: #0ebe59;
}

.slide .silde-con ul li.true i{
    position: absolute;
    background: url(//r1.visitbeijing.com.cn/images/20210125150016/3f1519265002b11cf4dd9149d8c7f8ac.png) no-repeat;
    background-size: 100%;
}
#card{
    width: 100%;
    height: 14.13333rem;
}
.card-con{
    position: relative;
    transition-duration: .5s; 
    overflow: hidden;
}
.card-con.active:before{
    content:"";
    position: absolute;
    left: -12rem;
    top: -20rem;
    width: 20rem;
    height: 4rem;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    -moz-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s forwards;
    animation-iteration-count:3;
    -o-animation-iteration-count:3;
    -webkit-animation-iteration-count:3;
    -moz-animation-iteration-count:3;
}
@-webkit-keyframes searchLights {
    0% { left: -10rem; top: 0; }
    to { left: 12rem; top: 10rem; }
}
@-o-keyframes searchLights {
    0% { left: -10rem; top: 0; }
    to { left: 12rem; top: 10rem; }
}
@-moz-keyframes searchLights {
    0% { left: -10rem; top: 0; }
    to { left: 12rem; top: 10rem; }
}
@keyframes searchLights {
    0% { left: -10rem; top: 0; }
    to { left: 12rem; top: 10rem; }
}
.slide-last .last-con{
    text-align: center;
    height: 100%;
    padding-top: 1.866666rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.slide-last .last-con p{
    color: #4978E8;
    font-size: .32rem;
    margin-top: .146667rem;
}
.btn-again{
    display: inline-block;
    width: 4rem;
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    margin-left: -2rem;
}
.btn-again img{
    width: 4rem;
    height: 1.493333rem;
    pointer-events: none;
}
.musicBtn {
	width:0.666667rem;
	height:0.666667rem;
	background:url(//r1.visitbeijing.com.cn/images/20210127145358/a0def23de26a36cd86a6d371d75c4ec1.png) no-repeat;
	background-size:contain;
	position:absolute;
	right:0.4rem;
	top:0.4rem;
	z-index:1000;
	-webkit-animation:animation-musicBtn 3s linear infinite;
	-moz-animation:animation-musicBtn 3s linear infinite;
	animation:animation-musicBtn 3s linear infinite;
}
.paused { 
	background:url(//r1.visitbeijing.com.cn/images/20210127145358/0d91b4bd1f2c97e333fd27028ad06196.png) no-repeat;
	background-size:contain;
	-webkit-animation-play-state:paused; 
	-moz-animation-play-state:paused; 
	animation-play-state:paused;
}

.heng p{
    font-size: 0;
}

.detailed{
    font-size: 0.32rem;
    background: #fffedd;
    border:0.0533333rem #fcce65 dashed;
    padding: 0.0666666rem 0.2rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -3.6rem;
    bottom: 1.2rem;
    width: 7.2rem;
    display: none;
    /*opacity: 0;*/
}

/* iPhone X适配 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3) {
    
}
/* iPhone X MAX适配 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
    
}
 /* xr */
 @media only screen  and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){
    
}
@media all and (orientation : landscape) {
    .heng{
        text-align:center;
        background: url(//r1.visitbeijing.com.cn/images/20210125112329/b9da68cf88a3a9d8beb2dbecf467144d.jpg) no-repeat top center;
        background-size: cover;
        position:absolute;
        z-index: 99999;
		display:block;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
    }
    .heng p{
        font-size: 30px;
        line-height: 100%;
        display: block;
        font-family: "zk";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    /*横屏时的样式*/
}
/* 动画 */
@-moz-keyframes animation-musicBtn {
    0% {
        -moz-transform:rotate(0deg);
    }
    100%{
        -moz-transform:rotate(360deg);
    }
}
@-webkit-keyframes animation-musicBtn {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}
@keyframes animation-musicBtn {
    0% {
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
} 
.abc{ 
    animation:twinkling;
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both 
} 
@-webkit-keyframes twinkling{ 
    0%{ 
    opacity: 0; 
} 
    100%{ 
    opacity: 1; 
    } 
} 
@keyframes twinkling{ 
    0%{ 
    opacity: 0; 
    } 
    100%{ 
    opacity: 1; 
    } 
}