/* reset 2025/07/16 11:19 */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
body,html{background-color: #171617;width: 100%;height: 100%;overflow: hidden;}
header,footer {width:100%;margin:0 auto;}
footer{color:#8a6e68;background-color:#100d0c;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
@font-face {
    font-family: 'zsct';
    src: url(../fonts/zsct.ttf);
}
@media all and (orientation:landscape){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  /*html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}*/
    html::after{content:"";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUUfW2hpexQlhYJi0IQJaCgoLgAsohIkFWIURQFNaBgBKMRgZAY1KgYlRIiQVkEo4IBEVAxBsQgyFIkLAHRgFCkgJhCgVqg33syd+R1nPb/+Z3fzpvek5y0s/6Ze+Zt9933XlIkElExIpN4HfF6YmviJWUGkonFxP3Eg8QjxL9VSJEUg6CNiD2Jw4mdiRnEBmwkI96RiJc8xdxCXEz8sSoKOpH4PLFlCN99PfE94ldVQVBkq9nEe1yO5RPPEFMMeccIp9LGxHSX4/P5wy306fc6EjsQtxF/DYKg/YnLOFu1AQEXEncwc4nVDBO0FbEr8V7iUMc5OcRBxGM+/B4SwniuY3xD/IH4GZfdFfC2JKjGbsSiSElkE5s7zjOdvYnfOt5zF7FmOe+bGXHHKeIyYqdEv5u+0Yx4UnuIAuLgkAnp5GyH4VeU836NiPOJOZHSsZTYuSIEXeX44b4hF9Pmy473Hu/DPWsR2xOnEX9xEfU8cSYxKVGCDnT84NgqIqbNFdq7nyM29Pn+Q4hfugi7ye/Uav+zWvuRrVVMTLAl8axmg2cT9DsjiHscoqJoG+anoK2JhdoP9K6CgoIzNBtsSeDvpBLfcUmtvuSKyMPHUGX3Q670HiK2J172UFG+kViXWMRNGjeX4UCP94zVA4SmwXKf2pBo0mzm9nUht8UT2dQYRlxArKfte5z4UXmbLdnaV/K+h6+hPnGR4ytbR2zhOK9vJLFo6lPKSSHu0+47vAJyhXbE3Y73GVeeeyazb9bGUQ/fAhwNo12cEp8Tq2v7EunEP++jT/mKI0W2qwA3wAHifQ6P0gfEXvHeEN6eJtr2iRiv6018QPPE4IGyiHU463qQuNTlujziVr4mOU6jw33Xg1gjAQb+R/s/tYI8WbnsYv2e2Jb3IVHc7DGB/SdolrZ9Lsbrumj/b2cR5xAn8L7OpQi62cXt5hVp3A3WIkFdbfrHU1GAy3EU8WcuwzPYx9w/HkGLHduxIE/7H4Z9kXh7Kcd1dGM/cXGcvmBUvGpzl17YsJM4hrv2FPucR2vbMVeK9HbRiBgL3wbEvFIqKReJbbRzeyWwQnSB2NjHSore+J9eSc2nL7RnyGVbe6oUxQP0+I906fkv5K/skLYvkd1s6dx8CRPGanZtRpziNcuNFxu4rHyE+/+OExcRd7nU5F7xsb9R/1AKPZT7puAMd7zP4O1xxLd5f8Ky3LAyCFmuXaSdiMcVmawEQQSy3Hna9uh4qumCYGEZ1+rtZuAtLuc8QVxJvEYEDR6clbuD3Ma3dbrfcbwp8Q128OTYbVavlaJO7KoqUuaEcSr2Kv3FX/35AD4fOkfQKTLE4a1DRGJ3/r+r45qP1VW3bYbd9vcqKFx+rxmaAvARrgmYoCncAhjD23i+h7hlAOixw8h2EbmI2OKniX20Y49xKvWc5RYZnKWdDWCukqSXfyzaRnU1fHa31ibN5ATYlJs1NuD3XRJvO1Q3SD67q4KMauySxN/LAXw+PNOTXF6+qZWN65Tl80aKRXxvPz52K6dguzcrl1OrL46Fnco9EDtoOK1KdhEGEW8R/+ByEWKlcvn5qLLG5PTTzmurXfeU0+FQHkFTDRCznkE1eQRjFxA/UVYEiGLP22ntHF3MBZyCpR0aYKzlbHWvts+tZwm+8oniWDADKE8HKGuUXGl4mHhBBDUHKE/vIq5yOTZLWVEfSgQ1C6gBDybO1vYh1U6NVq0XBBuTuQ09mWu1ZUJSqBmYqSzn/G4RNFyVJSWCVjGIoCKoQAQViKACEVTAguqiRgtaTjLwY0j28LxebBHYl9XnI0qLcr4+4qu+Ae8HUewBtRkxiFpX+7+miYLC9YeobIyFRBR6NE/ET8S5LGyOAe+Hd3pVWVEA6N2PFmW/UFldU7juOxMFjWXyRoEIKhBBBSKoIH5BEZyEWJfmXBO8LKarsEorKnKHldW5faS8giJ2BeM/7yDWEvtWKiAsIukRCfipV0ExAGYqp0pB8IDgawwIXheLoJi8N1tsFnhEWKt5ZQn6kjJ3MFJVBWKNZrsJivn4Vot9jMQAO/u1BUXNFbOBNRHbGImTylpTp8B2Vk8RMY0GtHvOTqGYmQsRZVk+3Rxj/uEQTxE7lwlMPYfBvoN9uh9GfrdBw7WHj2IqbvzuEL1itpVfwIDgrshy7/b5IWuKTpVmq54QtJXYNTRo4ZwAWWA2spJ9Lj8F/iGemcCbS9Rf8AB/QE/iTcRnlLdpeJJQy5UO0eAAU6RjurdNvL1PWU6fWTFeH5EUGiz8qYlpY6OXG4igwQJmCrvN2RTxcgMZwR0sIIgA8yqgBwUTN8KLNE0ENRvwyy7hWm51rxdLlhtcVI/nIhE0ZBBBQwYpQ4OHPdx8qcHt0obsZEgWQc3EJGWtg2YDy15i5tN0yXLDAU+ePBE0eHBOW5smgkotVyCCCkLTbPmNiZXzOogJzU2hGP2E9UUwHwMWK+2orMntD4oZzRMUVedByppU4oq2b72yhhoeFlOaJSgWe9lQyjGsWjBXTGmWoJuiHM8RU5olaLQV42WIvmGC3hnleDcxpVmCjlLWGEQ3oPkySUxplqA4bzlxgrICmTAmA3MEYi4GrCEiwdoGOhbQfTOHOF1Z/XWYvLGlmNBcQW00UTI42PgsVyCCCuKEcwpYLLwbcye3hKAEDzdwHQUd3YjN7eAl4YmgwcO7ypqA2V5mGsKmiaDmIl3FGBAmZahUigQiqEAEFYigAhFUBBUYKqhMshgepEDQi2KH0CAfgh4RO4QGxyFovtghNDgNQXf5fNNisWul2WofBPV7WcVLolOl2eprTFGO6VMwyVFHn266HzdWMhFyNFwg9ie29+l+CNbrbq8KMZS4QmxsNIYQV+rrtmCihl5iFyOxRlnr7pRYiAcB09v4r8AcHFPWGnUnnIICmAlyrSq50LoguMjjlLnd3uG2mB2ClBYTu4i9Ag0scI/lQH/Xd5a23CRiWl5Q1opLdcR2gcIZ4uvKGsXwP7dttAVhWxH7EEcqa0ar2ixwkpKpzRMN28aI0y0gHiAuZb/B0VIvinHJ5muVFR+ayZWmZCUeoUTDtvFxrvDsVdZkJWXiXwEGAB5thUjn4vqyAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}
/*footer*/
.gray{-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	pointer-events: none;
}
.wrap{width: 100%;height: 100%;overflow: hidden;}
.sp{background: url(../images/m/sp.png) no-repeat;background-size: 7.50rem auto;}
.section{width: 100%;height: 100%;position: relative;overflow: hidden;}
.bgpic{width: 100%;display: block;position: absolute;top: 0;left: 0;}
.content0{width: 100%;height: 100%;position: relative;}



.logo{background: url(../images/m/logo.png) no-repeat;width: 2.37rem;height: 0.5rem;display: block;position: absolute;top: 0.43rem;left:0.39rem;background-size: 100% 100%;}
.home{width: 1.89rem;height: 0.49rem;display: block;position: absolute;top: 0.33rem;right: 0.30rem;background: url(../images/m/home.png) no-repeat;background-size: 100% 100%;}
.home span{font-family: 'zsct';color: #FFFFFF;line-height: 1;font-size: 0.24rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

.p0-box{position: absolute;bottom: 4.60rem;left: 50%;transform: translate(-50%,0);width: 100%;}
.slg{
	background: url(../images/m/slogan1_en.png) no-repeat;
	background-size: 100%;
	width: 7.50rem;
	height: 1.94rem;
	background-size: 100% 100%;
	margin: 0 auto;
}

.p0-bxbtn{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin: 0.06rem auto 0;}
.p0-bxbtn a{display: block;margin: 0;width: 3.34rem;height: 0.74rem;background: url(../images/m/btndown.png) no-repeat;background-size: 100% 100%;}

.p0-bxbtn a span{color: #FFFFFF;line-height: 1;font-size: 0.34rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}


/*---------------------------来一场真正的撤离                   开始----------------------------*/
.bgpic1{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p1tit{
	width: 7.50rem;
	height: 1.57rem;
	margin: 0 auto;
	background: url(../images/m/slogan2_en.png) center center no-repeat;
	background-size: 100%;
}
.content1{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;width: 100%;}
.p1txtmaos{
	width: 6.58rem;
	margin: 0.55rem auto 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p1txtmaos .p1txtmaos-title{
	display: inline-block;
	width: auto;
	height: .55rem;
	text-align: center;
	font-size: .3rem;
	color: #e8e8e8;
	line-height: .55rem;
	background: url(../images/m/icon1.png) center center no-repeat;
	background-size: 100% 100%;
	padding: 0 .4rem;
}
.lang-tr .p1txtmaos .p1txtmaos-title{
	font-size: .26rem;
}
.p1txtmaos div{
	width: 6.58rem;
	overflow: hidden;
	background: url(../images/m/icon2.png) center center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: .18rem;
	margin: .12rem auto 0;
}
.p1txtmaos div p{
	width: 100%;
	font-size: .2rem;
	line-height: .32rem;
	color: #b9b9b9;
}

.p1-box1{width: 100%;margin: 0.42rem auto 0;}

.p1-box1-lf{background: url(../images/p1-vidbg.png) no-repeat;width: 6.66rem;height: 3.80rem;background-size: 100% 100%;margin: 0 auto;position: relative;display: block;}
.p1-box1-lf span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.47rem -2.28rem;width: 1.84rem;height: 1.84rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p1-box1-lf span i{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -3.39rem -2.44rem;width: 1.56rem;height: 1.56rem;}



.p1-box1-rig{margin: 0.26rem auto 0;background: url(../images/m/p1step.png) no-repeat;width: 6.70rem;height: 2.42rem;background-size: 100% auto;}
.mySwiper-2{width: 100%;overflow: hidden;}
.mySwiper-2 .swiper-wrapper{width: 100%;}
.mySwiper-2 .swiper-wrapper .swiper-slide{width: 100%;}
.mySwiper-2 .swiper-wrapper .swiper-slide div{
	width: 100%;
	height: 2.42rem;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 0 .2rem;
}
.mySwiper-2 .swiper-wrapper .swiper-slide div p.bold{
	font-size: .28rem;
	color: #ffffff;
	line-height: .5rem;
	margin-top: .1rem;
}
.lang-ru .mySwiper-2 .swiper-wrapper .swiper-slide div p.bold{
	font-size: .24rem;
	line-height: .4rem;
}
.lang-de .mySwiper-2 .swiper-wrapper .swiper-slide div p.bold{
	font-size: .26rem;
	line-height: .46rem;
}
.mySwiper-2 .swiper-wrapper .swiper-slide div p span.red{
	color: #a21c22;
	padding-right: .04rem;
}
.mySwiper-2 .swiper-wrapper .swiper-slide div p{
	font-size: .2rem;
	color: #b9b9b9;
	line-height: .3rem;
	width: 100%;
}
.lang-ru .mySwiper-2 .swiper-wrapper .swiper-slide div p{
	line-height: .24rem;
}
.lang-es .mySwiper-2 .swiper-wrapper .swiper-slide div p{
	font-size: .18rem;
	line-height: .28rem;
}
.lang-fr .mySwiper-2 .swiper-wrapper .swiper-slide div p{
	font-size: .18rem;
	line-height: .26rem;
}
.lang-tr .mySwiper-2 .swiper-wrapper .swiper-slide div p{
	font-size: .18rem;
	line-height: .28rem;
}
.lang-de .mySwiper-2 .swiper-wrapper .swiper-slide div p{
	font-size: .18rem;
	line-height: .28rem;
}
.swiper-pagination-2{position: relative;display: flex;justify-content: center;width: 100%;margin: 0.20rem auto 0;}
.swiper-pagination-2 span {border-radius: 0;opacity: 1;width: 0.25rem;height: 0.27rem;display: block;margin: 0.10rem;background: url(../images/m/p6dot.png) no-repeat;background-size: 100% 100%;background-size: 100% 100%;}
.swiper-pagination-2 span.swiper-pagination-bullet-active {background: url(../images/m/p6dotcurr.png) no-repeat;background-size: 100% 100%;}

.swiper-button-next{transition: 0.3s all;}

.swiper-button-prev{transition: 0.3s all;}





.pop_mark{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 999;display: none;}



.popvideo{width:6.90rem;height:3.88rem;border: 0.02rem solid #750c03;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.diclosevid{color:#fff;text-decoration:none;display:block;overflow:hidden;text-align:center;font-size: 0.40rem;width:0.40rem;
					line-height:0.40rem;height:0.40rem;position:absolute;right:-0.05rem;top:-0.40rem;font-family:"simsun";transition:1s all;}
.diclosevid:hover{transform: rotateZ(180deg);}
.popvideo .dia-con{width:6.90rem;height:3.88rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*---------------------------来一场真正的撤离                        结束----------------------------*/





/*---------------------------    来海岛玩点真的                   开始----------------------------*/

.p2tit{
	width: 7.5rem;
	height: 1.33rem;
	margin: 0 auto;
	background: url(../images/slogan3_en.png) top center no-repeat;
	background-size: 100%;
}
.p2-box1-lf{background: url(../images/p2-vidbg.png) no-repeat;background-size: 100% 100%;}

.mySwiper-2-1{width: 100%;overflow: hidden;}
.mySwiper-2-1 .swiper-wrapper{width: 100%;}
.mySwiper-2-1 .swiper-wrapper .swiper-slide{width: 100%;}
.mySwiper-2-1 .swiper-wrapper .swiper-slide div{
	width: 100%;
	height: 2.42rem;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 0 .2rem;
}
.mySwiper-2-1 .swiper-wrapper .swiper-slide div p.bold{
	font-size: .28rem;
	color: #ffffff;
	line-height: .5rem;
	margin-top: .1rem;
}
.lang-ru .mySwiper-2-1 .swiper-wrapper .swiper-slide div p.bold{
	font-size: .24rem;
	line-height: .4rem;
}
.mySwiper-2-1 .swiper-wrapper .swiper-slide div p span.red{
	color: #a21c22;
	padding-right: .04rem;
}
.mySwiper-2-1 .swiper-wrapper .swiper-slide div p{
	font-size: .2rem;
	color: #b9b9b9;
	line-height: .3rem;
	width: 100%;
}
.lang-ru .mySwiper-2-1 .swiper-wrapper .swiper-slide div p{
	font-size: .18rem;
	line-height: .28rem;
}
.swiper-pagination-2-1{position: relative;display: flex;justify-content: center;width: 100%;margin: 0.20rem auto 0;}
.swiper-pagination-2-1 span {border-radius: 0;opacity: 1;width: 0.25rem;height: 0.27rem;display: block;margin: 0.10rem;background: url(../images/m/p6dot.png) no-repeat;background-size: 100% 100%;background-size: 100% 100%;}
.swiper-pagination-2-1 span.swiper-pagination-bullet-active {background: url(../images/m/p6dotcurr.png) no-repeat;background-size: 100% 100%;}
.p1-box1-rig-1{margin: 0.26rem auto 0;background: url(../images/m/p2step.png) no-repeat;width: 6.70rem;height: 2.42rem;background-size: 100% auto;}



/*---------------------------   来海岛玩点真的                        结束----------------------------*/





/*---------------------------    隔墙缴械 进退如风                   开始----------------------------*/

.p3tit{
	width: 7.50rem;
	height: 1.32rem;
	margin: 0 auto;
	background: url(../images/m/slogan4_en.png) top center no-repeat;
	background-size: 100%;
}
.p3rwm{display: block;width: 100%;margin: 0.18rem auto 0;pointer-events: none;z-index: 99;}
.p3bxvid{width: 1.84rem;height: 1.84rem;margin:-8.2rem 0 0 3rem;display: block;position: relative;}
.p3bxvid span{display: block;position: absolute;top: 46%;left: 55%;transform: translate(-50%,-50%);background-position: -0.47rem -2.28rem;width: 1.84rem;height: 1.84rem;z-index: 100;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p3bxvid span i{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -3.39rem -2.44rem;width: 1.56rem;height: 1.56rem;}
.p3nametxt{
	width: 6.00rem;
	overflow: hidden;
	margin: -1.50rem auto 0;
	position: relative;
	z-index: 100;
	pointer-events: none;
}
.p3nametxt .p3nametxt-name{
	font-size: .6rem;
	color: #e8e8e8;
	line-height: .8rem;
}
.p3nametxt .p3nametxt-intro{
	font-size: .24rem;
	color: #d61212;
	line-height: .24rem;
	margin-bottom: .1rem;
}
.p3nametxt .p3nametxt-intro span:first-child{
	color: #dadada;
}
.p3nametxt .p3nametxt-dec{
	font-size: .2rem;
	color: #eaebeb;
	line-height: .28rem;
}
.p3box{background: url(../images/m/p3kuang.png) no-repeat;width: 5.98rem;height: 2.85rem;background-size: 100% 100%;margin: 0.24rem auto 0;padding-top: 0.06rem;}


.p3bxstep{background: url(../images/m/p3bgtxt.png) no-repeat;width: 5.90rem;height: 1.36rem;background-size: 100% auto;margin: 0.05rem auto 0;position: relative;}
.mySwiper-3{width: 12.64rem;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-3 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-3 .swiper-wrapper .swiper-slide{width: 100% !important;height: 100%;position: relative;}
.p3txt{
	display: block;
	width: 5.90rem;
	height: 1.36rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p3txt p.bold{
	font-size: .24rem;
	line-height: .34rem;
	color: #d5d7d7;
}
.lang-ru .p3txt p.bold{
	line-height: .34rem;
}
.p3txt p{
	font-size: .18rem;
	line-height: .24rem;
	color: #b9b9b9;
	width: 100%;
	padding: 0 .25rem;
	box-sizing: border-box;
}
.lang-ru .p3txt p{
	line-height: .2rem;
}

.swiper-button-next-3{background: url(../images/m/p3next.png) no-repeat;width: 0.08rem;height: 0.19rem;right: 0.20rem;top: 50%;margin-top: -0.09rem;position: absolute;background-size: 100% auto;}
.swiper-button-prev-3{background: url(../images/m/p3prev.png) no-repeat;width: 0.08rem;height: 0.19rem;left: 0.10rem;top: 50%;margin-top: -0.09rem;position: absolute;background-size: 100% auto;}

.swiper-pagination-3{position: relative;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.swiper-pagination-3 span {border-radius: 0;opacity: 1;width: 1.38rem;height: 1.37rem;display: block;margin: 0 !important;}
.swiper-pagination-3 span:nth-child(1) {background: url(../images/m/p4imga1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(2) {background: url(../images/m/p4imgb1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(3) {background: url(../images/m/p4imgc1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(4) {background: url(../images/m/p4imgd1.png) no-repeat;background-size: 100% 100%;}

.swiper-pagination-3 span:nth-child(1).swiper-pagination-bullet-active{background: url(../images/m/p4imga2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(2).swiper-pagination-bullet-active{background: url(../images/m/p4imgb2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(3).swiper-pagination-bullet-active{background: url(../images/m/p4imgc2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-3 span:nth-child(4).swiper-pagination-bullet-active{background: url(../images/m/p4imgd2.png) no-repeat;background-size: 100% 100%;}








/*---------------------------   隔墙缴械 进退如风                        结束 ----------------------------*/





/*-----------------------------战火升级 全新战备投送                                 开始----------------------------*/

.content4{width: 100%;height: 100%;position: relative;}

.mySwiper-5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-5 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-5 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p4bg{height: 100%;}
.p4bg img{display: block;width: 100%;}

.p4-mySwiper-4{position: absolute;left: 50%;bottom: 1.00rem;background: url(../images/m/p4bgnav.png) no-repeat;width: 6.82rem;transform: translate(50%,0%);
			height: 1.60rem;background-size: 100% auto;box-sizing: border-box;padding: 0.20rem 0.20rem 0;z-index: 100;}
.p4-mySwiper-4 .mySwiper-4{width: 100%;height: 100%;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper{width: 100%;height: 100%;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide{width: 100%;filter: brightness(0.5) contrast(1.1);cursor: pointer;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide img{display: block;width: 1.30rem;margin: 0 auto;}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{filter: brightness(1) contrast(1);}
.p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide p{
	height: .34rem;
    font-size: .14rem;
    color: #f0f0f0;
    line-height: .34rem;
    position: absolute;
    bottom: .1rem;
    width: 1.3rem;
    left: 50%;
    margin-left: -.65rem;
    text-align: center;
}

.p4tit{
	width: 7.50rem;
	height: 1.19rem;
	position: absolute;
	left: 50%;
	top: 0.65rem;
	transform: translate(-50%,0);
	z-index: 100;
	pointer-events: none;
	background: url(../images/m/slogan5_en.png) top center no-repeat;
	background-size: 100%;
}
.p4tita{
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 2.25rem;
	transform: translate(-50%,0);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p4tita .p4tita-title{
	display: inline-block;
	width: auto;
	padding: 0 .3rem;
	height: .62rem;
	background: url(../images/m/icon3.png) center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: .62rem;
	font-size: .28rem;
	color: #ffffff;
}
.p4tita .p4tita-dec1{
	width: 100%;
	box-sizing: border-box;
	margin-top: .1rem;
	padding: 0 .3rem;
	text-align: center;
	font-size: .24rem;
	line-height: .3rem;
	color: #ffffff;
}
.p4tita .p4tita-dec{
	width: 100%;
	box-sizing: border-box;
	margin-top: .1rem;
	padding: 0 .3rem;
	text-align: center;
	font-size: .2rem;
	line-height: .3rem;
	color: #ffffff;
}


.swiper-button-next-5{background-position:-1.06rem -13.69rem;width: 0.66rem;height: 0.35rem;position: absolute;left: 50%;margin-left: -0.33rem;top: 17.20rem;display: none;}
.swiper-button-prev-5{background-position: -0.21rem -13.69rem;width: 0.66rem;height: 0.35rem;position: absolute;left: 50%;margin-left: -0.33rem;top: 0.30rem;display: none;}
.swiper-button-next-5.swiper-button-disabled{opacity: 1;background-position: -1.18rem -14.56rem;}
.swiper-button-prev-5.swiper-button-disabled{opacity: 1;background-position:-0.12rem -14.59rem;}

/*-----------------------------战火升级 全新战备投送                                 结束   ----------------------------*/




/*-----------------------------  系统升级 战斗体验革新                                 开始   ----------------------------*/
.sp1{background: url(../images/sp1.png) no-repeat;background-size: 38.40rem auto;}
.mySwiper-7{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.mySwiper-7 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-7 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.mySwiper-7 .swiper-wrapper .swiper-slide img{display: block;width: 100%;}
.p4bg{height: 100%;}
.p4bg img{display: block;width: 100%;}

.p5-mySwiper-6{z-index: 100;background: url(../images/m/p5bgnav.png) no-repeat;width: 6.13rem;height: 1.41rem;background-size: 100%;margin: 0.10rem auto 0;box-sizing: border-box;padding: 0 0.20rem;}
.p5-mySwiper-6 .mySwiper-6{width: 100%;height: 100%;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper{width: 100%;height: 100%;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper .swiper-slide{width: 100%;cursor: pointer;}
.p5-mySwiper-6 .mySwiper-6 .swiper-wrapper .swiper-slide img{display: block;width: 2.93rem;}


h2{pointer-events: none;}
.p5tit{
	width: 7.50rem;
	height: 1.19rem;
	position: absolute;
	left: 50%;
	top: 0.65rem;
	transform: translate(-50%,0);
	z-index: 100;
	background: url(../images/m/slogan6_en.png) top center no-repeat;
	background-size: 100%;
}
.p5boxdown{position: absolute;left: 50%;bottom: 1.00rem;transform: translate(-50%,0);width: 100%;z-index: 100;}
.p5txtbox{
	width: 100%;
}
.p5txt-content{
	width: 5.95rem;
	overflow: hidden;
	margin: 0 auto;
	background-size: 100% 100%;
	padding: .25rem;
	box-sizing: border-box;
	background: url(../images/m/icon4.png) center center no-repeat;
	background-size: 100% 100%;
	display: none;
}
.p5txt-content.on{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p5txt-content p{
	width: 100%;
	font-size: .2rem;
	color: #b9b9b9;
	line-height: .26rem;
}
.p5txt-content p.bold{
	font-size: .26rem;
	color: #d5d7d7;
	line-height: .5rem;
}





.swiper-button-next-7{width: 0.23rem;height: 0.46rem;position: absolute;top: 50%;margin-top: -0.33rem;right:-0.4rem;background: url(../images/next.png) no-repeat;background-size: 100% 100%;
						display: none;}
.swiper-button-prev-7{width: 0.23rem;height: 0.46rem;position: absolute;top: 50%;margin-top: -0.33rem;left: -0.4rem;background: url(../images/prev.png) no-repeat;background-size: 100% 100%;
						display: none;}
.swiper-button-next-7.swiper-button-disabled{opacity: 1;background: url(../images/nextgray.png) no-repeat;background-size: 100% 100%;}
.swiper-button-prev-7.swiper-button-disabled{opacity: 1;background: url(../images/prevgray.png) no-repeat;background-size: 100% 100%;}

.p4-swiper-slide1{background: url(../images/m/p5a1.png) no-repeat;width: 1.42rem;height: 1.42rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide2{background: url(../images/m/p5b1.png) no-repeat;width: 1.42rem;height: 1.42rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide3{background: url(../images/m/p5c1.png) no-repeat;width: 1.42rem;height: 1.42rem;background-size: 100% auto;display: block;margin: 0 auto;}


.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide1{background: url(../images/m/p5a2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide2{background: url(../images/m/p5b2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide3{background: url(../images/m/p5c2.png) no-repeat;background-size: 100% auto;}
.p5bxvid{display: block;position: absolute;width: 4.52rem;height: 4.04rem;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p5bxvid span{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -0.17rem -24.72rem;width: 4.52rem;height: 4.04rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p5bxvid span i{display: block;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);background-position: -1.49rem -30.29rem;width: 1.92rem;height: 1.94rem;}


/*-----------------------------   系统升级 战斗体验革新                                结束   ----------------------------*/





/*----------------------------------------    独特题材 全新主题道具                开始       -------------------------------------*/


.p6tit{
	width: 7.5rem;
	height: 1.19rem;
	margin: 0 auto;
	background: url(../images/m/slogan7_en.png) top center no-repeat;
	background-size: 100%;
}
.mySwiper-8{width: 6.91rem;margin: 0.38rem auto 0;overflow: hidden;}
.p6bxtwvid{
	width: 6.89rem;
	height: 9.33rem;
	box-sizing: border-box;
}
.p6bxtwvid .btn-play{
	display: block;
	width: 1.84rem;
	height: 1.84rem;
	background: url(../images/m/btn_play.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.92rem;
	margin-left: -.92rem;
}
.p6bxtwvid .video1{
	width: 5.97rem;
	height: 3.4rem;
	position: relative;
	margin-left: .92rem;
	margin-bottom: .16rem;
}
.p6bxtwvid .video1 img{
	display: block;
	width: 100%;
	height: auto;
}
.p6bxtwvid .video1 .intro{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.38rem;
	height: .85rem;
	background: url(../images/m/icon5.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: .15rem;
	left: -.92rem;
}
.p6bxtwvid .video1 .intro p{
	width: 100%;
	box-sizing: border-box;
	padding: .1rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #d5d7d7;
	text-align: center;
}

.p6bxtwvid .video2{
	width: 5.97rem;
	height: 3.4rem;
	position: relative;
	margin-bottom: .22rem;
}
.p6bxtwvid .video2 img{
	display: block;
	width: 100%;
	height: auto;
}
.p6bxtwvid .video2 .intro{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.38rem;
	height: .85rem;
	background: url(../images/m/icon5.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: .15rem;
	right: -.92rem;
}
.p6bxtwvid .video2 .intro p{
	width: 100%;
	box-sizing: border-box;
	padding: .1rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #d5d7d7;
	text-align: center;
}
.p6bxtwvid .video-intro{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.89rem;
	height: 2.2rem;
	overflow: hidden;
	background: url(../images/m/icon6.png) top center no-repeat;
	background-size: 100% 100%;
}
.p6bxtwvid .video-intro img{
	display: block;
	width: 1.53rem;
	height: 1.53rem;
	margin: 0 .11rem;
}
.p6bxtwvid .video-intro div{
	width: 5.03rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.p6bxtwvid .video-intro div p{
	font-size: .18rem;
	color: #b9b9b9;
	line-height: .24rem;
}
.p6bxtwvid .video-intro div p.bold{
	font-size: .24rem;
	line-height: .34rem;
	color: #d5d7d7;
	margin-bottom: .06rem;
}

.p6btnvid{display: block;width: 100%;height: 3.44rem;margin: 0 auto 0.17rem;}
.swiper-pagination-8{position: relative;display: flex;justify-content: center;width: 100%;margin: 0.20rem auto 0;}
.swiper-pagination-8 span {border-radius: 0;opacity: 1;width: 0.25rem;height: 0.27rem;display: block;margin: 0.10rem;background: url(../images/m/p6dot.png) no-repeat;background-size: 100% 100%;background-size: 100% 100%;}
.swiper-pagination-8 span.swiper-pagination-bullet-active {background: url(../images/m/p6dotcurr.png) no-repeat;background-size: 100% 100%;}




/*----------------------------------------    独特题材 全新主题道具             结束          -------------------------------------*/



/*----------------------------- 明日方舟联动 即将开启                                 开始   ------------------------------*/
.content7{width: 100%;height: 100%;position: relative;display: block;}
.p7logo{background: url(../images/m/p7logo.png) no-repeat;width: 5.90rem;height: 1.54rem;background-size: 100% auto;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p7mous{
	background: url(../images/m/mous.png) no-repeat;
	width: 0.99rem;
	height: 0.89rem;
	background-size: 100% auto;
	display: block;
	position: absolute;
	bottom: 1.50rem;
	left: 50%;
	transform: translate(-50%,0%);
}



.content8{width: 100%;height: 100%;position: relative;display: block;}
.p8bg{width: 5.30rem;height: 9.25rem;box-sizing: border-box;padding-top: 2.50rem;}
.p8bg1{
	background: url(../images/m/p8pic1.png) top center no-repeat;
	background-size: 100% auto;
}
.p8bg2{
	background: url(../images/m/p8pic2.png) top center no-repeat;
	background-size: 100% auto;
}
.p8bg3{
	background: url(../images/m/p8pic3.png) top center no-repeat;
	background-size: 100% auto;
}
.p8bg4{
	background: url(../images/m/p8pic4.png) top center no-repeat;
	background-size: 100% auto;
}
.p8tit{
	width: 7.50rem;
	height: 1.19rem;
	margin: 0 auto;
	background: url(../images/m/slogan8_en.png) top center no-repeat;
	background-size: 100%;
}
.mySwiper-10{width: 6.54rem;margin: 0.66rem auto 0;overflow: hidden;}


.content8 .swiper-slide{background-position: center;width: 5.30rem !important;height: 7.50rem !important;overflow: hidden;}
.content8 .swiper-slide.swiper-slide-active {background-position: center;width: 5.30rem !important;height: 9.25rem !important;}
.content8 .swiper-slide a{pointer-events: none;}
.content8 .swiper-slide.swiper-slide-active a{pointer-events: inherit;}
/*.content8 .swiper-slide-duplicate-prev{opacity: 0;}
.content8 .swiper-slide-duplicate-next{opacity: 0;}*/
.swiper-3d .swiper-slide-shadow-right{transform: scale(0.92);}
.swiper-3d .swiper-slide-shadow-left{display: none;}



.p8vid{width:1.84rem;height: 1.84rem;display: block;margin: 0 auto;position: relative;}
.p8vid span{display: block;position: absolute;top: 46%;left: 55%;transform: translate(-50%,-50%);background-position: -0.47rem -2.28rem;width: 1.84rem;height: 1.84rem;
					animation: vidbtn 3s linear infinite;}
					@keyframes vidbtn{
						0%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
						50%{transform:translate(-50%,-50%) scale(1.2);opacity: 0.7;}
						100%{transform:translate(-50%,-50%) scale(1);opacity: 1;}
					}
.p8vid span i{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -3.39rem -2.44rem;width: 1.56rem;height: 1.56rem;}
.p8box2{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;width: 100%;}
.p8-title{
	width: 5.3rem;
	overflow: hidden;
	box-sizing: border-box;
	padding: .2rem 0;
	margin: 2.6rem auto .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/m/icon7.png) bottom center no-repeat;
	background-size: 100% auto;
}
.p8-title p{
	width: 100%;
	text-align: center;
	font-size: .3rem;
	color: #e8e8e8;
	line-height: .4rem;
}
.p8-intro{
	width: 100%;
	text-align: center;
	font-size: .22rem;
	color: #dcdcdc;
	line-height: .3rem;
}
.coming{
	width: 4.4rem;
	text-align: center;
	font-size: .46rem;
	color: #fff;
	line-height: .56rem;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate3d(-50%,-50%,0); 
}
.coming-title{
	background: none;
}
.p8-title.coming-title{
	margin: 4.5rem auto 0;
}


/*----------------------------- 明日方舟联动 即将开启                                 结束 ------------------------------*/



/*--------------------------------------------------   直播活动    开始      ------------------------------------------------------------*/
.bg9{background: url(../images/bg9.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.p9tit{background-position: 0 -36.03rem;width: 16.32rem;height: 2.98rem;position: absolute;left: 50%;top: 0.70rem;transform: translate(-50%,0);}

/*--------------------------------------------------   直播活动  结束        ------------------------------------------------------------*/





/*页面样式*/
.mySwiper-1 .swiper-slide.sectionlast {height: auto !important;}
.bgdownjt{background: url(../images/m/bgdownjt.png) no-repeat;width: 0.70rem;height: 0.83rem;background-size: 100% auto;position: fixed;bottom: 0.10rem;left: 50%;margin-left: -0.35rem;background-size: 100% auto;
			box-sizing: border-box;padding-top: 0.40rem;z-index: 999;}
.bgdownjt i{background: url(../images/m/downjt.png) no-repeat;width: 0.10rem;height: 0.12rem;background-size: 100% auto;display: block;margin: 0 auto;
				animation: downjt 1.5s linear infinite;
				}
				@keyframes downjt{
					0%{transform: translateY(0);}
					50%{transform: translateY(-0.05rem);}
					100%{transform: translateY(0);}
				}

.popclosed{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.poptis{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.90rem;height: 0.50rem;font-family: 'zsct';line-height: 0.50rem;text-align: center;color: #FFFFFF;font-size: 0.26rem}


/*---------------------------------------   动画        ------------------------------------------*/
.slg{opacity: 0;transform: translateY(-4.00rem);}
.swiper-slide-active .slg{
	animation: slg 0.8s 0.4s ease-out forwards;
}
@keyframes slg{
	0%{transform: translateY(-4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}





.p0-bxbtn{opacity: 0;transform: translateY(4.00rem);}
.swiper-slide-active .p0-bxbtn{
	animation: p0-bxbtn 0.4s 0.4s ease-out forwards;
}
@keyframes p0-bxbtn{
	0%{transform: translateY(4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.titbiti{opacity: 0;transform: translateY(-4.00rem);}
.swiper-slide-active .titbiti{
	animation: titbiti 0.4s 0.4s ease-out forwards;
}
@keyframes titbiti{
	0%{transform: translateY(-4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.p1txtmaos{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p1txtmaos{
	animation: p1txtmaos 0.4s 0.4s ease-out forwards;
}
@keyframes p1txtmaos{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.p1-box1-lf{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p1-box1-lf{
	animation: p1-box1-lf 0.4s 0.6s ease-out forwards;
}
@keyframes p1-box1-lf{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.p1-box1-rig{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p1-box1-rig{
	animation: p1-box1-rig 0.4s 0.8s ease-out forwards;
}
@keyframes p1-box1-rig{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.swiper-pagination-2{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .swiper-pagination-2{
	animation: swiper-pagination-2 0.4s 0.8s ease-out forwards;
}
@keyframes swiper-pagination-2{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
.swiper-pagination-2-1{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .swiper-pagination-2-1{
	animation: swiper-pagination-2-1 0.4s 0.8s ease-out forwards;
}
@keyframes swiper-pagination-2-1{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.p3bxvid{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p3bxvid{
	animation: p3bxvid 0.4s 0.4s ease-out forwards;
}
@keyframes p3bxvid{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.p3nametxt{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p3nametxt{
	animation: p3nametxt 0.4s 0.8s ease-out forwards;
}
@keyframes p3nametxt{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}



.p3box{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p3box{
	animation: p3box 0.4s 1.00s ease-out forwards;
}
@keyframes p3box{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.p3rw{opacity: 0;transform: translateX(4.00rem) scale(0.5);}
.swiper-slide-active .p3rw{
	animation: p3rw 0.4s 0.4s ease-out forwards;
}
@keyframes p3rw{
	0%{transform: translateX(4.00rem) scale(0.5);opacity: 0;}
	100%{transform: translateX(0) scale(1);opacity: 1;}
}


.p4tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p4tit{
	animation: p4tit 0.4s 0.4s ease-out forwards;
}
@keyframes p4tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p4tita{opacity: 0;transform:translate(-50%,0) translateY(4.00rem);}
.swiper-slide-active .mySwiper-5 .swiper-slide-active .p4tita{
	animation: p4tita 0.4s 1.2s ease-out forwards;
}
@keyframes p4tita{
	0%{transform: translate(-50%,0) translateY(4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p4-mySwiper-4{transform: translate(-50%,0) translateY(2.00rem);opacity: 0;}
.swiper-slide-active .p4-mySwiper-4{
	animation: p4-mySwiper-4 0.4s 0.4s ease-out forwards;
}
@keyframes p4-mySwiper-4{
	0%{transform: translate(-50%,0) translateY(2.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p5tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p5tit{
	animation: p5tit 0.4s 0.4s ease-out forwards;
}
@keyframes p5tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}



.p5txtbox{opacity: 0;transform:translateY(2.00rem);}
.swiper-slide-active .p5txtbox{
	animation: p5txtbox 0.6s 0.8s ease-out forwards;
}
@keyframes p5txtbox{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.p5-mySwiper-6{opacity: 0;transform:translateY(2.00rem);}
.swiper-slide-active .p5-mySwiper-6{
	animation: p5-mySwiper-6 0.6s 1.00s ease-out forwards;
}
@keyframes p5-mySwiper-6{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}

.mySwiper-8{opacity: 0;transform:translateY(4.00rem);}
.swiper-slide-active .mySwiper-8{
	animation: mySwiper-8 0.6s 1.00s ease-out forwards;
}
@keyframes mySwiper-8{
	0%{transform: translateY(4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}




.p7logo{opacity: 0;transform:translate(-50%,-50%) scale(0.3);}
.swiper-slide-active .p7logo{
	animation: p7logo 0.4s 0.4s ease-out forwards;
}
@keyframes p7logo{
	0%{opacity: 0;transform:translate(-50%,-50%) scale(0.3);}
	100%{opacity: 1;transform:translate(-50%,-50%) scale(1);}
}

.p7mous{opacity: 0;transform:translate(-50%,0) translateY(2.00rem);}
.swiper-slide-active .p7mous{
	animation: p7mous 0.4s 0.4s ease-out forwards;
}
@keyframes p7mous{
	0%{transform: translate(-50%,0) translateY(2.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p9tit{opacity: 0;transform:translate(-50%,0) translateY(-4.00rem);}
.swiper-slide-active .p9tit{
	animation: p9tit 0.4s 0.4s ease-out forwards;
}
@keyframes p9tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p8tit{opacity: 0;transform:translateY(-4.00rem);}
.swiper-slide-active .p8tit{
	animation: p8tit 0.4s 0.4s ease-out forwards;
}
@keyframes p8tit{
	0%{transform: translateY(-4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.mySwiper-10{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .mySwiper-10{
	animation: mySwiper-10 0.4s 0.4s ease-out forwards;
}
@keyframes mySwiper-10{
	0%{transform: translateY(2.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


.p8botxt{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8botxt{
	animation: p8botxt 0.4s 0.4s ease-out forwards;
}
@keyframes p8botxt{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}


.p8-mySwiper-9{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8-mySwiper-9{
	animation: p8-mySwiper-9 0.4s 1.2s ease-out forwards;
}
@keyframes p8-mySwiper-9{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);opacity: 1;}
}


.p78bxbtnxq{opacity: 0;transform:translateY(4.00rem);}
.swiper-slide-active .p78bxbtnxq{
	animation: p78bxbtnxq 0.4s 1.4s ease-out forwards;
}
@keyframes p78bxbtnxq{
	0%{transform: translateY(4.00rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}








/*---------------------------------------   动画        ------------------------------------------*/

/*kv*/
.lang-en .slg{
	background: url(../images/m/slogan1_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .slg{
	background: url(../images/m/slogan1_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .slg{
	background: url(../images/m/slogan1_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .slg{
	background: url(../images/m/slogan1_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .slg{
	background: url(../images/m/slogan1_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .slg{
	background: url(../images/m/slogan1_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .slg{
	background: url(../images/m/slogan1_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .slg{
	background: url(../images/m/slogan1_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .slg{
	background: url(../images/m/slogan1_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .slg{
	background: url(../images/m/slogan1_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .slg{
	background: url(../images/m/slogan1_ar.png) center center no-repeat;
	background-size: 100%;
}

/*01*/
.lang-en .p1tit{
	background: url(../images/m/slogan2_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p1tit{
	background: url(../images/m/slogan2_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p1tit{
	background: url(../images/m/slogan2_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p1tit{
	background: url(../images/m/slogan2_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p1tit{
	background: url(../images/m/slogan2_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p1tit{
	background: url(../images/m/slogan2_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p1tit{
	background: url(../images/m/slogan2_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p1tit{
	background: url(../images/m/slogan2_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p1tit{
	background: url(../images/m/slogan2_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p1tit{
	background: url(../images/m/slogan2_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p1tit{
	background: url(../images/m/slogan2_ar.png) center center no-repeat;
	background-size: 100%;
}

/*02*/
.lang-en .p2tit{
	background: url(../images/m/slogan3_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p2tit{
	background: url(../images/m/slogan3_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p2tit{
	background: url(../images/m/slogan3_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p2tit{
	background: url(../images/m/slogan3_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p2tit{
	background: url(../images/m/slogan3_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p2tit{
	background: url(../images/m/slogan3_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p2tit{
	background: url(../images/m/slogan3_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p2tit{
	background: url(../images/m/slogan3_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p2tit{
	background: url(../images/m/slogan3_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p2tit{
	background: url(../images/m/slogan3_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p2tit{
	background: url(../images/m/slogan3_ar.png) center center no-repeat;
	background-size: 100%;
}

/*03*/
.lang-en .p3tit{
	background: url(../images/m/slogan4_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p3tit{
	background: url(../images/m/slogan4_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p3tit{
	background: url(../images/m/slogan4_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p3tit{
	background: url(../images/m/slogan4_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p3tit{
	background: url(../images/m/slogan4_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p3tit{
	background: url(../images/m/slogan4_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p3tit{
	background: url(../images/m/slogan4_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p3tit{
	background: url(../images/m/slogan4_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p3tit{
	background: url(../images/m/slogan4_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p3tit{
	background: url(../images/m/slogan4_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p3tit{
	background: url(../images/m/slogan4_ar.png) center center no-repeat;
	background-size: 100%;
}

/*04*/
.lang-en .p4tit{
	background: url(../images/m/slogan5_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p4tit{
	background: url(../images/m/slogan5_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p4tit{
	background: url(../images/m/slogan5_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p4tit{
	background: url(../images/m/slogan5_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p4tit{
	background: url(../images/m/slogan5_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p4tit{
	background: url(../images/m/slogan5_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p4tit{
	background: url(../images/m/slogan5_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p4tit{
	background: url(../images/m/slogan5_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p4tit{
	background: url(../images/m/slogan5_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p4tit{
	background: url(../images/m/slogan5_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p4tit{
	background: url(../images/m/slogan5_ar.png) center center no-repeat;
	background-size: 100%;
}

/*05*/
.lang-en .p5tit{
	background: url(../images/m/slogan6_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p5tit{
	background: url(../images/m/slogan6_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p5tit{
	background: url(../images/m/slogan6_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p5tit{
	background: url(../images/m/slogan6_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p5tit{
	background: url(../images/m/slogan6_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p5tit{
	background: url(../images/m/slogan6_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p5tit{
	background: url(../images/m/slogan6_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p5tit{
	background: url(../images/m/slogan6_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p5tit{
	background: url(../images/m/slogan6_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p5tit{
	background: url(../images/m/slogan6_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p5tit{
	background: url(../images/m/slogan6_ar.png) center center no-repeat;
	background-size: 100%;
}

/*06*/
.lang-en .p6tit{
	background: url(../images/m/slogan7_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p6tit{
	background: url(../images/m/slogan7_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p6tit{
	background: url(../images/m/slogan7_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p6tit{
	background: url(../images/m/slogan7_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p6tit{
	background: url(../images/m/slogan7_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p6tit{
	background: url(../images/m/slogan7_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p6tit{
	background: url(../images/m/slogan7_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p6tit{
	background: url(../images/m/slogan7_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p6tit{
	background: url(../images/m/slogan7_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p6tit{
	background: url(../images/m/slogan7_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p6tit{
	background: url(../images/m/slogan7_ar.png) center center no-repeat;
	background-size: 100%;
}

/*07*/
.lang-en .p8tit{
	background: url(../images/m/slogan8_en.png) center center no-repeat;
	background-size: 100%;
}
.lang-es .p8tit{
	background: url(../images/m/slogan8_es.png) center center no-repeat;
	background-size: 100%;
}
.lang-pt .p8tit{
	background: url(../images/m/slogan8_pt.png) center center no-repeat;
	background-size: 100%;
}
.lang-fr .p8tit{
	background: url(../images/m/slogan8_fr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ru .p8tit{
	background: url(../images/m/slogan8_ru.png) center center no-repeat;
	background-size: 100%;
}
.lang-de .p8tit{
	background: url(../images/m/slogan8_de.png) center center no-repeat;
	background-size: 100%;
}
.lang-zh-tw .p8tit{
	background: url(../images/m/slogan8_tw.png) center center no-repeat;
	background-size: 100%;
}
.lang-ja .p8tit{
	background: url(../images/m/slogan8_ja.png) center center no-repeat;
	background-size: 100%;
}
.lang-ko .p8tit{
	background: url(../images/m/slogan8_ko.png) center center no-repeat;
	background-size: 100%;
}
.lang-tr .p8tit{
	background: url(../images/m/slogan8_tr.png) center center no-repeat;
	background-size: 100%;
}
.lang-ar .p8tit{
	background: url(../images/m/slogan8_ar.png) center center no-repeat;
	background-size: 100%;
}


.language-box{
  width: 3rem;
  height: .6rem;
  background: url(../images/language_bg.png) top center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 19;
}
.language-box .select-language{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: .6rem;
}
.language-box .select-language i{
  display: block;
  width: .44rem;
  height: .44rem;
  background: url(../images/lang_drop.png) top center no-repeat;
  background-size: 100%;
  margin: 0 .1rem;
}
.language-box .select-language span{
  font-size: .26rem;
  color: #ffffff;
}
.language-box .language-choose-list{
  width: 3rem;
  height: 0;
  overflow: hidden;
  background: rgba(0,0,0,.95);
  position: absolute;
  top: .6rem;
  left: 0;
  transition: all .8s;
}
.language-box .language-choose-list.on{
  height: 6.6rem;
}
.language-box .language-choose-list ul li{
  width: 100%;
  height: .6rem;
  text-align: center;
  line-height: .6rem;
  font-size: .2rem;
  color: #a6a6a6;
  cursor: pointer;
  font-family: "NotoSans-Medium";
}
.language-box .language-choose-list ul li.on{
  color: #0ff796;
  background-color: #7f878799;
}


.footer{
  width: 100%;
  overflow: hidden;
  background: #0a0f12;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
  padding: .4rem .6rem;
  text-align: center;
}
.footer p{
  font-size: .24rem;
  color: rgba(235,235,235,.3);
  line-height: .5rem;
  word-break: break-word;
}
.lang-zh-tw .footer p{
  word-break: keep-all;
}
.lang-ko .footer p{
  word-break: keep-all;
}
.lang-ja .footer p{
  word-break: keep-all;
}
.footer p a{
  color: rgba(235,235,235,.3);
  display: inline-block;
}
.footer p span{
  padding: 0 .05rem;
}

#ot-sdk-btn{
  border: none !important;
  background: none !important;
  font-size: .24rem !important; 
  color: rgba(235,235,235,.3) !important;
  line-height: .5rem !important;
  padding: 0 !important;
}