/*reset 2025/07/15 15:49*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
html,body{overflow: hidden;width: 100%;height: 100%;}
:focus{outline: none;}
body {padding-top:0 !important;background-color: #040201;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*.wrap,#footer_ied {width:100%;min-width:1200px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}
.container {width:1200px;margin:0 auto;}*/
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}

/*字体包CDN分离路径*/
@font-face{font-family:'PROJECTDTYPECURVE';src:url("../fonts/PROJECTDTYPECURVE-BOLD.TTF");}
@font-face{font-family:'ProjectDType';src:url("../fonts/ProjectDType-Medium.ttf");}

@font-face{font-family:'NotoSans-Medium';src:url("../fonts/NotoSans-Medium.ttf");}
@font-face{font-family:'NotoSans-Bold';src:url("../fonts/NotoSans-Bold.ttf");}
body,
html {
  width: 100%;
  background: #0a0f12;
  -webkit-overflow-scrolling: touch;
  font-family: 'NotoSans-Medium';
}
.bold{
  font-family: "NotoSans-Bold";
}
.lang-en{
  font-family: "ProjectDType";
}
.lang-en .bold{
  font-family: "PROJECTDTYPECURVE";
}

.lang-ar, .lang-ar input, .lang-ar select {
  direction: rtl;
}

.lang-ar, .lang-ar input, .lang-ar select {
  direction: rtl;
}
.lang_ar, .lang_ar input, .lang_ar select {
  direction: rtl;
}
/*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/sp.png) no-repeat;background-size: 38.40rem auto;}
.bg0{background: url(../images/bg0.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.content0{width: 100%;position: relative;height: 100%;}
.logo{
	background: url(../images/logo.png) no-repeat;
	width: 3.52rem;
	height: 0.74rem;
	display: block;
	position: absolute;
	top: 0.89rem;
	left: 1.83rem;
	background-size: 100% 100%;
}
.home{width: 4.10rem;height: 1.06rem;display: block;position: absolute;top: 0.89rem;right: 0.82rem;background: url(../images/btnhome.png) no-repeat;background-size: 100% 100%;}
.home span{color: #FFFFFF;line-height: 1;font-size: 0.40rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.home:hover span{transform: scale(1.2);}
.p0-box{position: absolute;bottom: 1.60rem;left: 50%;transform: translate(-50%,0);width: 100%;}
.slg{
	background: url(../images/slogan1_en.png) center center no-repeat;
	width: 22.85rem;
	height: 4.64rem;
	background-size: 100% 100%;
	margin: 0 auto;
}

.p0-bxbtn{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin: 0.22rem auto 0;transform-origin: 50% 0;}
.p0-bxbtn a{display: block;margin: 0 0.76rem;width: 7.24rem;height: 1.59rem;background: url(../images/btndown.png) no-repeat;background-size: 100% 100%;}
.p0-bxbtn a span{color: #FFFFFF;line-height: 1;font-size: 0.58rem;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: 0.3s all;}
.p0-bxbtn a:hover span{transform: scale(1.2);}

/*---------------------------来一场真正的撤离                   开始----------------------------*/
.bg1{background: url(../images/bg1.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.p1tit{
	display: block;
	width: 16.72rem;
	height: 3.55rem;
	background: url(../images/slogan2_en.png) top center no-repeat;
	background-size: 100%;
	margin: 0 auto;
}

.content1{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;width: 100%;}
.p1-box1{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 1.00rem auto 0;}
.p1-box1-lf{background: url(../images/p1-vidbg.png) no-repeat;width: 16.71rem;height: 9.43rem;background-size: 100% 100%;margin: 1.61rem 0.28rem 0;position: relative;}
.p1-box1-lf 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;}
					}
.p1-box1-lf 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;}
.p1-box1-rig{margin: 0 0.28rem;width: 15.07rem;}
.p1-tita{
	width: 15.11rem;
	height: 3.94rem;
	position: relative;
}
.p1-tita .p1-title{
	display: inline-block;
	width: auto;
	height: 1.29rem;
	padding-right: 1.52rem;
	background: url(../images/icon2.png) center right no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: .64rem;
	color: #e8e8e8;
	line-height: 1.29rem;
}
.lang-ar .p1-tita .p1-title{
	left: initial;
	right: 0;
}
.p1-tita .p1-title .p1-title-tips{
	width: 3.35rem;
	overflow: hidden;
	background: url(../images/icon1.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -1.24rem;
	right: -3.4rem;
	text-align: center;
	box-sizing: border-box;
	padding: .1rem;
	min-height: .75rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p1-tita .p1-title .p1-title-tips p{
	font-size: .22rem;
	line-height: .32rem;
}
.lang-ar .p1-tita .p1-title .p1-title-tips{
	right: initial;
	left: -1.74rem;
}
.p1bxstep{background: url(../images/p1boxswp.png) no-repeat;width: 15.07rem;height: 3.98rem;background-size: 100% 100%;margin: 0.18rem 0 0 0;position: relative;}

.mySwiper-2{width: 12.64rem;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-2 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-2 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p1step{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12.63rem;
	height: 3.4rem;
}
.p1step-title{
	width: 98%;
	height: 1.04rem;
	overflow: hidden;
	font-size: .48rem;
	line-height: 1.04rem;
	color: #ffffff;
	border-bottom: solid 1px #c7c8c8;
	margin: 0 auto;
}
.p1step-title .red{
	color: #a21c22;
	padding-right: .04rem;
}
.p1step-dec{
	width: 100%;
	height: 2.1rem;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 0 1%;
	margin: .1rem auto 0;
}
.p1step-dec p{
	font-size: .28rem;
	color: #c3c3c3;
	line-height: .4rem;
}

.swiper-button-next{width: 1.16rem;height: 100%;position: absolute;top: 0;right: 0;left: auto;margin: 0 !important;}
.swiper-button-prev{width: 1.16rem;height: 100%;position: absolute;top: 0;left: 0;right: auto;margin: 0 !important;}
.swiper-button-next span{width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;left: 50%;background: url(../images/next.png) no-repeat;background-size: 100% auto;transform: translate(-50%,-50%);}
.swiper-button-prev span{width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;left: 50%;background: url(../images/prev.png) no-repeat;background-size: 100% auto;transform: translate(-50%,-50%);}



.swiper-button-next.swiper-button-disabled{opacity: 1;}
.swiper-button-prev.swiper-button-disabled{opacity: 1;}

.swiper-button-next.swiper-button-disabled span{background: url(../images/nextgray.png) no-repeat;background-size: 100% auto;}
.swiper-button-prev.swiper-button-disabled span{background: url(../images/prevgray.png) no-repeat;background-size: 100% auto;}


.swiper-button-next span{transition: 0.3s all;}
.swiper-button-next:hover span{transform:translate(-50%,-50%) translateX(0.20rem);}
.swiper-button-prev span{transition: 0.3s all;}
.swiper-button-prev:hover span{transform:translate(-50%,-50%) translateX(-0.20rem);}


.p1bxmas{
	width: 15.07rem;
	height: 2.78rem;
	margin: 0.12rem 0 0 0 ;
	overflow: hidden;
	background: url(../images/icon3.png) center center no-repeat;
	background-size: 100%;
}
.p1bxmas div{
	width: 14.5rem;
	height: 1.85rem;
	margin: .25rem auto 0;
	box-sizing: border-box;
	padding: 0 .25rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.p1bxmas div p{
	font-size: .28rem;
	color: #c3c3c3;
	line-height: .4rem;
}


.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:19.20rem;height:10.80rem;border: 0.05rem 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.96rem;width:0.96rem;
					line-height:0.96rem;height:0.96rem;position:absolute;right:-0.20rem;top:-0.96rem;font-family:"simsun";transition:1s all;}
.diclosevid:hover{transform: rotateZ(180deg);}
.popvideo .dia-con{width:19.20rem;height:10.80rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*---------------------------来一场真正的撤离                        结束----------------------------*/





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

.p2tit{
	width: 18.54rem;
	height: 3.55rem;
	margin: 0 auto;
	background: url(../images/slogan3_en.png) center center no-repeat;
	background-size: 100%;
}
.p2-box1-lf{background: url(../images/p2-vidbg.png) no-repeat;background-size: 100% 100%;}
.p2-tita{background-position: -22.13rem -0.69rem;width: 15.11rem;height: 3.94rem;margin: 0 0 0 0;}
.p2step1{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.21rem -6.85rem;width: 12.64rem;height: 2.14rem;}
.p2step2{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.20rem -10.10rem;width: 12.64rem;height: 2.14rem;}
.p2step3{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -24.00rem -13.85rem;width: 12.63rem;height: 2.15rem;}
.p2step4{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-position: -23.98rem -17.17rem;width: 12.63rem;height: 2.15rem;}
.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%;height: 100%;position: relative;}

.p2bxmas{background-position:  -22.64rem -21.21rem;width: 15.07rem;height: 2.78rem;}




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





/*---------------------------    隔墙缴械 进退如风                   开始----------------------------*/
.bg3{background: url(../images/bg3.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: 100% auto;background-size: cover;}
.p3tit{
	width: 22.32rem;
	height: 3.55rem;
	margin: 0 auto;
	background: url(../images/slogan4_en.png) center center no-repeat;
	background-size: 100%;
}
.p3box{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;position: relative;margin: 0.15rem auto 0;box-sizing: border-box;padding-left: 1.80rem;}
.lang-ar .p3box{
	justify-content: flex-end;
}
.p3boxlf{width: 17.08rem;transform-origin: 100% 0;transform: scale(0.95);}
.p3tita{
	width: 17.08rem;
	height: 2.18rem;
	background: url(../images/line.png) bottom center no-repeat;
	background-size: 100% auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.p3tita .p3tita-name{
	font-size: .9rem;
	color: #e8e8e8;
}
.p3tita i{
	display: block;
	width: 1px;
	height: 1.3rem;
	background: #919090;
	margin: 0 .3rem;
}
.p3tita .p3tita-intro{
	width: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.lang-ja .p3tita .p3tita-intro{
	width: 80%;
}
.lang-ko .p3tita .p3tita-intro{
	width: 75%;
}
.p3tita .p3tita-intro p{
	font-size: .24rem;
	color: #eaebeb;
	line-height: .36rem;
}
.p3tita .p3tita-intro p:first-child{
	font-size: .36rem;
	line-height: .46rem;
}

.p3jin{
	width: 16.52rem;
	margin: 0.22rem 0 0 0;
	overflow: hidden;
}
.p3jin .skill{
	width: 8.26rem;
	height: 2rem;
	overflow: hidden;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.p3jin .skill img{
	display: block;
	width: 1.07rem;
	height: auto;
}
.p3jin .skill i{
	display: block;
	width: 1px;
	height: 1.3rem;
	background: #919090;
	margin: 0 .2rem;
}
.p3jin .skill div{
	width: auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.p3jin .skill div p{
	font-size: .2rem;
	color: #999999;
	line-height: .26rem;
	padding: 0 .1rem;
}
.p3jin .skill div p:first-child{
	color: #a10d01;
	font-size: .32rem;
	line-height: .42rem;
}
.p3-box1-lf{background: url(../images/p3-vidbg.png) no-repeat;width: 16.00rem;height: 8.92rem;background-size: 100% 100%;margin: 0.25rem 0 0 0;position: relative;display: block;}
.p3-box1-lf 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;}
					}
.p3-box1-lf 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;}
.p3rw{display: block;position: absolute;bottom: 0;width: 17.88rem;display: block;right: 0;z-index: 9;pointer-events: none;}
.content3{z-index: 10;}
/*---------------------------   隔墙缴械 进退如风                        结束 ----------------------------*/





/*-----------------------------战火升级 全新战备投送                                 开始----------------------------*/
.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%;}
.p4bg1{background: url(../images/bg4_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg2{background: url(../images/bg4_2.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg3{background: url(../images/bg4_3.jpg) no-repeat 50% 50%;background-size: cover;}
.p4bg4{background: url(../images/bg4_4.jpg) no-repeat 50% 50%;background-size: cover;}

.p4-mySwiper-4{position: absolute;top: 50%;left: 2.20rem;background: url(../images/p4bgnav.png) no-repeat;width: 2.93rem;transform-origin: 50% 50%;transform: translate(0,-50%) scale(0.9);
			height: 16.73rem;background-size: 100% auto;box-sizing: border-box;padding: 0.50rem 0;z-index: 99;}
.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: 2.93rem;}
.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{
	width: 100%;
	text-align: center;
	font-size: .24rem;
	color: #f0f0f0;
	line-height: .5rem;
	position: absolute;
	top: 2.4rem;
	left: 0;
}
.lang-ja .p4-mySwiper-4 .mySwiper-4 .swiper-wrapper .swiper-slide p{
	font-size: .2rem;
}

.p4tit{
	width: 28rem;
	height: 3.12rem;
	position: absolute;
	left: 50%;
	top: 0.65rem;
	transform: translate(-50%,0);
	z-index: 100;
	background: url(../images/slogan5_en.png) center center no-repeat;
	background-size: 100%;
}
.p4tita{
	position: absolute;
	left: 50%;
	bottom: 1.50rem;
	transform: translate(-50%,0);
	width: 21.94rem;
	padding: .4rem 0;
	background: url(../images/line.png) bottom center no-repeat;
	background-size: 100% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p4tita .p4tita-title{
	text-align: center;
	font-size: .7rem;
	color: #fff;
	line-height: .8rem;
}
.p4tita .p4tita-dec{
	text-align: center;
	font-size: .3rem;
	color: #d0d0d0;
	line-height: .46rem;
	margin-top: .2rem;
}
.p4tita1{}
.p4tita2{}
.p4tita3{}
.p4tita4{}

.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;}
.swiper-button-next-5:hover{transform: translateY(0.20rem);}
.swiper-button-prev-5:hover{transform: translateY(-0.20rem);}
/*-----------------------------战火升级 全新战备投送                                 结束   ----------------------------*/




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

.p5bg{height: 100%;}
.p5bg1{background: url(../images/bg5_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p5bg2{background: url(../images/bg5_2.jpg) no-repeat 50% 50%;background-size: cover;}
.p5bg3{background: url(../images/bg5_3.jpg) no-repeat 50% 50%;background-size: cover;}


.p5-mySwiper-6{position: absolute;bottom: 0.95rem;left: 50%;transform: translate(-50%,0);width: 20.20rem;z-index: 99;}
.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;}
.p5-mySwiper-6.mySwiper-6 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{}


.p5tit{
	width: 26rem;
	height: 3.12rem;
	position: absolute;
	left: 50%;
	top: 0.65rem;
	transform: translate(-50%,0);
	z-index: 100;
	background: url(../images/slogan6_en.png) top center no-repeat;
	background-size: 100%;
}



.swiper-button-next-7{right:-0.4rem;}
.swiper-button-prev-7{left: -0.4rem;}


.p4-swiper-slide1{background: url(../images/p5a1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide2{background: url(../images/p5b1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide3{background: url(../images/p5c1.png) no-repeat;width: 5.54rem;height: 4.09rem;background-size: 100% auto;display: block;margin: 0 auto;}
.p4-swiper-slide div{
	width: 5.3rem;
	height: .84rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 3.1rem;
	left: 50%;
	margin-left: -2.65rem;
}
.p4-swiper-slide div p{
	text-align: center;
	font-size: .28rem;
	color: #f0f0f0;
	line-height: .34rem;
}

.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide1{background: url(../images/p5a2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide2{background: url(../images/p5b2.png) no-repeat;background-size: 100% auto;}
.p5-mySwiper-6 .swiper-slide.swiper-slide-thumb-active .p4-swiper-slide3{background: url(../images/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;}
.p5txt1{
	width: 15.78rem;
	height: 4.93rem;
	position: absolute;
	top: -4.20rem;
	left: -3.50rem;
	z-index: 100;
	display: none;
	background: url(../images/icon4.png) right bottom no-repeat;
	background-size: auto 4.93rem;
}
.p5txt2{
	width: 12.93rem;
	height: 4.93rem;
	position: absolute;
	top: -4.20rem;
	left: -7.50rem;
	z-index: 100;
	display: block;
	background: url(../images/icon4.png) right bottom no-repeat;
	background-size: auto 4.93rem;
}
.p5txt3{
	width: 15.78rem;
	height: 4.93rem;
	position: absolute;
	top: -4.20rem;
	left: 3.00rem;
	z-index: 100;
	display: none;
	background: url(../images/icon4.png) right bottom no-repeat;
	background-size: auto 4.93rem;
}
.p5intro{
	width: 8.55rem;
	overflow: hidden;
	box-sizing: border-box;
	padding: .4rem .3rem;
	background: url(../images/icon5.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.p5intro p{
	width: 100%;
	font-size: .32rem;
	color: #c9c9c9;
	line-height: .46rem;
}

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





/*----------------------------------------    独特题材 全新主题道具                开始       -------------------------------------*/
.bg6{background: url(../images/bg6.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;}
.content6{transform-origin: 50% 35%;transform:translate(-50%,-50%) scale(0.88);}
.p6tit{
	width: 30.24rem;
	height: 3.12rem;
	margin: 0 auto;
	background: url(../images/slogan7_en.png) top center no-repeat;
	background-size: 100%;
	pointer-events: none;
}
.p8-mySwiper-8{width: 30.80rem;margin: 0.20rem auto 0;position: relative;}
.mySwiper-8{width: 30.80rem;overflow: hidden;}
.p6bxtwvid{
	width: 13.11rem;
	height: 16.49rem;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../images/icon6.png) top center no-repeat;
	background-size: 100%;
	padding: .3rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p6bxtwvid-title{
	text-align: center;
	font-size: .48rem;
	color: #e0e0e0;
	line-height: .68rem;
	padding: 0 .3rem;
	margin-top: 0rem;
}
.p6bxtwvid-dec{
	text-align: center;
	font-size: .28rem;
	color: #e0e0e0;
	line-height: .38rem;
	padding: 0 .3rem;
	margin-bottom: .3rem;
}
/*.p6bxtwvid1{background: url(../images/p6pic1.png) no-repeat;background-size: 100% auto;}
.p6bxtwvid2{background: url(../images/p6pic2.png) no-repeat;background-size: 100% auto;}
.p6bxtwvid3{background: url(../images/p6pic3.png) no-repeat;background-size: 100% auto;}*/
.bg6 .swiper-slide {background-position: center;width: 13.11rem !important;}
.bg6 .swiper-slide a{pointer-events: none;}
.bg6 .swiper-slide.swiper-slide-active a{pointer-events: inherit;}
.bg6 .swiper-slide-duplicate-prev{opacity: 0;}
.bg6 .swiper-slide-duplicate-next{opacity: 0;}
.p6btnvid{
	display: block;
	width: 12.46rem;
	height: 7.03rem;
	margin: 0 auto 0.21rem;
	position: relative;
}
.p6bxtwvid1 .p6btnvid1{
	background: url(../images/p6pic1_1.png) center center no-repeat;
	background-size: cover;
}
.p6bxtwvid1 .p6btnvid2{
	background: url(../images/p6pic1_2.png) center center no-repeat;
	background-size: cover;
}
.p6bxtwvid2 .p6btnvid1{
	background: url(../images/p6pic2_1.png) center center no-repeat;
	background-size: cover;
}
.p6bxtwvid2 .p6btnvid2{
	background: url(../images/p6pic2_2.png) center center no-repeat;
	background-size: cover;
}
.p6bxtwvid3 .p6btnvid1{
	background: url(../images/p6pic3_1.png) center center no-repeat;
	background-size: cover;
}
.p6bxtwvid3 .p6btnvid2{
	background: url(../images/p6pic3_2.png) center center no-repeat;
	background-size: cover;
}
.p6btnvid .btn-play{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/btn_play.png) center center no-repeat;
	background-size: 3.6rem 3.6rem;
}
.p6btnvid .video-intro{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.01rem;
	min-height: .88rem;
	overflow: hidden;
	background: url(../images/icon7.png) center center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: .1rem .15rem;
	position: absolute;
	left: 50%;
	margin-left: -3rem;
	bottom: .45rem;
}
.p6btnvid .video-intro p{
	width: 100%;
	text-align: center;
	font-size: .26rem;
	line-height: .36rem;
	color: #e8e8e8;
}


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



/*----------------------------- 明日方舟联动 即将开启                                 开始   ------------------------------*/
.content7{background: url(../images/bg7.jpg) no-repeat 50% 50%;width: 38.40rem;background-size: cover;height: 100%;}
.p7logo{
	background: url(../images/p7logo.png) no-repeat;
	width: 10.85rem;
	height: 2.08rem;
	background-size: 100% auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding-top:3.5rem;
}
.content8{width: 38.40rem;height: 100%;}
.p8smpic{
	width: 2.94rem;
	height: 4.00rem;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.p8smpic .p8-name{
	width: 100%;
	text-align: center;
	font-size: .3rem;
	color: #f0f0f0;
	line-height: .5rem;
	position: absolute;
	top: 3.38rem;
	left: 0;
}
.p8smpic .p8-data{
	width: 100%;
	text-align: center;
	font-size: .26rem;
	color: #cecece;
	line-height: .4rem;
	position: absolute;
	top: 4.65rem;
	left: 0;
}
.p8smpic .p8-coming{
	width: 100%;
	text-align: center;
	font-size: .34rem;
	color: #787878;
	line-height: .5rem;
	position: absolute;
	top: 1.5rem;
	left: 0;
	padding: 0 .1rem;
	box-sizing: border-box;
}
.p8-mySwiper-9 .swiper-slide-thumb-active .p8smpic{height: 5.5rem;}


.mySwiper-10{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.mySwiper-10 .swiper-wrapper{width: 100%;height: 100%;}
.mySwiper-10 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;position: relative;}
.p8bg{width: 38.40rem;height: 100%;}

.p8bg1{background: url(../images/bg8_1.jpg) no-repeat 50% 50%;background-size: cover;}
.p8bg2{background: url(../images/bg8_2.jpg) no-repeat 50% 50%;background-size: cover;}

.p8-mySwiper-9{background: url(../images/p8bglb.png) no-repeat;width:17.14rem;position: relative;
			height: 5.5rem;background-size: 100% auto;box-sizing: border-box;z-index: 99;padding: 0 1.50rem;margin: 0.70rem 0 0 0.32rem;}
.p8-mySwiper-9 .mySwiper-9{width: 100%;height: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper{height: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide{filter: brightness(0.5) contrast(1.1);cursor: pointer;width: auto;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide.swiper-slidelight{filter: brightness(1) contrast(1);}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide img{display: block;width: 100%;}
.p8-mySwiper-9 .mySwiper-9 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{filter: brightness(1) contrast(1);}

.swiper-button-next-10{background-position: -1.36rem -10.80rem;width: 0.33rem;height: 0.66rem;position: absolute;top: 50%;margin-top: -0.38rem;right: -0.20rem;display: none;}
.swiper-button-prev-10{background-position: -0.24rem -10.80rem;width: 0.34rem;height: 0.66rem;position: absolute;top: 50%;margin-top: -0.38rem;left: -0.20rem;display: none;}
.swiper-button-next-10.swiper-button-disabled{opacity: 1;background-position: -1.38rem -12.08rem;}
.swiper-button-prev-10.swiper-button-disabled{opacity: 1;background-position: -0.26rem -12.08rem;}

.p8boxbig{
	width: 17.14rem;
	position: absolute;
	left: 0.32rem;
	top: 50%;
	transform: translate(0%,-50%);
	z-index: 100;
}
.lang-ar .p8boxbig{
	left: auto;
	right: 3rem;
}
.p8tit{
	width: 30.24rem;
	height: 3.12rem;
	pointer-events: none;
	top: 0.60rem;
	left: 50%;
	position: absolute;
	background: url(../images/slogan8_en.png) center center no-repeat;
	background-size: 100%;
}
.p8botxt{
	width: 14.06rem;
	overflow: hidden;
	margin: -1rem 0 0 1.83rem;
}
.lang-ar .p8botxt{
	margin: -1rem 1.83rem 0 0;
}
.p8txt1{
	width: 14.06rem;
	overflow: hidden;
	pointer-events: none;
	background: url(../images/line.png) bottom center no-repeat;
	background-size: 100% auto;
	padding-bottom: .25rem;
}
.p8txt2{
	width: 14.06rem;
	overflow: hidden;
	display: none;
	background: url(../images/line.png) bottom center no-repeat;
	background-size: 100% auto;
	padding-bottom: .25rem;
}
.p8botxt p{
	font-size: .38rem;
	color: #dcdcdc;
	line-height: .62rem;
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}
.p8botxt p.p2{
	font-size: .7rem;
	color: #e8e8e8;
	line-height: 1.1rem;
}
.p78bxbtnxq{width: 7.24rem;height: 1.59rem;margin: 0.48rem auto 0;margin: 0.48rem 0 0 15.20rem;}
.p8btnxq{display: block;background-position: -20.62rem -16.12rem;width: 7.24rem;height: 1.59rem;}
.p8btnxq span{
	color: #FFFFFF;
	line-height: 1;
	font-size: 0.54rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;transition: 0.3s all;
}
.p8btnxq:hover span{transform: scale(1.2);}
.p8btnxq2{display: none;}



.mous{display: block;background: url(../images/mous.png) no-repeat;width: 1.96rem;height: 1.74rem;background-size: 100% 100%;margin: 0 auto;}

.p8boxvid{width: 4.52rem;height: 4.04rem;margin: 2.00rem 0 0 0.2rem;}
.p8boxvida{width: 4.52rem;height: 4.04rem;display: block;position: relative;}
.p8boxvida2{display: none;}

.p8boxvida 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;}
					}
.p8boxvida 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;}
.swiper-button-next-8{position: absolute;top: 0;right: -2.50rem;width: 3.00rem;height: 100%;}
.swiper-button-prev-8{position: absolute;top: 0;left: -2.50rem;width: 3.00rem;height: 100%;}
.swiper-button-next-8 span{width: 0.66rem;height: 1.32rem;}
.swiper-button-prev-8 span{width: 0.66rem;height: 1.32rem;}



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



/*--------------------------------------------------   直播活动    开始      ------------------------------------------------------------*/
.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);}

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




/*footer*/
.footer{
  width: 100%;
  height: 2.06rem;
  overflow: hidden;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.footer p{
  font-size: .36rem;
  color: rgba(235,235,235,.3);
  line-height: .48rem;
}
.footer p a{
  color: rgba(235,235,235,.3);
}
.footer p span{
  padding: 0 .1rem;
}
#ot-sdk-btn{
  border: none !important;
  background: none !important;
  font-size: calc(18 /1920*100vw) !important; 
  color: rgba(235,235,235,.3) !important;
  line-height: calc(24 /1920*100vw) !important;
  padding: 0 !important;
}
/*页面样式*/
.mySwiper-1 .swiper-slide.sectionlast {height: auto !important;}
			
			
.boxflot{position: fixed;top: 50%;right: 0;transform: translate(0,-50%);background: url(../images/bgflt.png) no-repeat;width: 2.6rem;height: 7.9rem;
					background-size: 100% auto;box-sizing: border-box;padding-top: 0.29rem;z-index: 100;right: -3.14rem;}
.boxflot.on{
	animation: boxflot 0.8s linear forwards;
}
@keyframes boxflot{
	0%{right: -3.14rem;}
	100%{right: 0;}
}


.swiper-pagination-1{position: relative;}
.swiper-pagination-1 span {border-radius: 0;opacity: 1;width: 3.14rem;height: 0.62rem;display: block;margin-bottom: 0.35rem !important;margin-top: 0 !important;transition: 0.3s all;}
.swiper-pagination-1 span:nth-child(1) {width: 0;height: 0;margin-bottom: 0 !important;}
.swiper-pagination-1 span:nth-child(2) {background: url(../images/btn1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(3) {background: url(../images/btn2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(4) {background: url(../images/btn3.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(5) {background: url(../images/btn4.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(6) {background: url(../images/btn5.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(7) {background: url(../images/btn6.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(8) {background: url(../images/btn7.png) no-repeat;background-size: 100% 100%;margin-bottom: 0 !important;}
/*.swiper-pagination-1 span:nth-child(9) {background: url(../images/btn8.png) no-repeat;background-size: 100% 100%;margin-bottom: 0 !important;}*/
.swiper-pagination-1 span:nth-child(9) {width: 0;height: 0;}
.swiper-pagination-1 span:nth-child(10) {width: 0;height: 0;}
.swiper-pagination-1 span:nth-child(1).swiper-pagination-bullet-active{width: 0;height: 0;margin-bottom: 0;}
.swiper-pagination-1 span:nth-child(2).swiper-pagination-bullet-active{background: url(../images/btncurr1.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(3).swiper-pagination-bullet-active{background: url(../images/btncurr2.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(4).swiper-pagination-bullet-active{background: url(../images/btncurr3.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(5).swiper-pagination-bullet-active{background: url(../images/btncurr4.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(6).swiper-pagination-bullet-active{background: url(../images/btncurr5.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(7).swiper-pagination-bullet-active{background: url(../images/btncurr6.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(8).swiper-pagination-bullet-active{background: url(../images/btncurr7.png) no-repeat;background-size: 100% 100%;}
.swiper-pagination-1 span:nth-child(9).swiper-pagination-bullet-active{width: 0;height: 0;}
.swiper-pagination-1 span:nth-child(10).swiper-pagination-bullet-active{width: 0;height: 0;}
.swiper-pagination-1 span:hover{transform: translateY(-0.05rem);}
.flbtntop{background: url(../images/btn9.png) no-repeat;background-size: 100% 100%;display: block;width: 3.14rem;height: 0.62rem;margin-bottom: 0;transition: 0.8s all;}
.flbtntop:hover{background: url(../images/btncurr9.png) no-repeat;background-size: 100% 100%;}




.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: 10.00rem;height: 0.92rem;line-height: 1;text-align: center;color: #FFFFFF;font-size: 0.92rem}

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



.p0-bxbtn{opacity: 0;transform: translateY(2.00rem);}
.swiper-slide-active .p0-bxbtn{
	animation: p0-bxbtn 0.4s 0.8s ease-out forwards;
}
@keyframes p0-bxbtn{
	0%{transform: translateY(2.00rem) scale(0.7);opacity: 0;}
	100%{transform: translateY(0) scale(0.7);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;}
}

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

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

.p3box{opacity: 0;transform: translateX(-4.00rem);}
.swiper-slide-active .p3box{
	animation: p3box 0.4s 0.4s ease-out forwards;
}
@keyframes p3box{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(0);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.6s 0.4s 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(0,-50%) scale(0.9) translateX(-6.00rem);}
.swiper-slide-active .p4-mySwiper-4{
	animation: p4-mySwiper-4 0.4s 0.4s ease-out forwards;
}
@keyframes p4-mySwiper-4{
	0%{transform: translate(0,-50%) scale(0.9) translateX(-6.00rem);}
	100%{transform: translate(0,-50%) scale(0.9) translateX(0);}
}


.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;}
}



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

.p8-mySwiper-8{opacity: 0;transform:translateY(4.00rem);}
.swiper-slide-active .p8-mySwiper-8{
	animation: p8-mySwiper-8 0.4s 0.6s ease-out forwards;
}
@keyframes p8-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);}
}


.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:translate(-50%,0) translateY(-4.00rem);z-index: 100;}
.swiper-slide-active .p8tit{
	animation: p8tit 0.4s 0.4s ease-out forwards;
	/*margin-left: 3.80rem;*/
}
/*.swiper-slide-active .p8tit.on{
	margin-left: -5.00rem;
}*/
@keyframes p8tit{
	0%{transform: translate(-50%,0) translateY(-4.00rem);opacity: 0;}
	100%{transform: translate(-50%,0) translateY(0);opacity: 1;}
}


.p8boxvid{opacity: 0;transform:translateX(-4.00rem);}
.swiper-slide-active .p8boxvid{
	animation: p8botxt 0.4s 0.2s ease-out forwards;
}
@keyframes p8boxvid{
	0%{transform: translateX(-4.00rem);opacity: 0;}
	100%{transform: translateX(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;}
}








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








.language-box{
  width: 3.8rem;
  height: .84rem;
  background: url(../images/language_bg.png) top center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1rem;
  right: 5.2rem;
  z-index: 19;
  font-family: "Microsoft YaHei";
}
.language-box .select-language{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.8rem;
  height: .84rem;
}
.language-box .select-language i{
  display: block;
  width: .52rem;
  height: .52rem;
  background: url(../images/lang_drop.png) top center no-repeat;
  background-size: 100%;
  margin: 0 .1rem;
}
.language-box .select-language span{
  font-size: .32rem;
  color: #969a9b;
}
.language-box .language-choose-list{
  width: 3.8rem;
  height: 0;
  overflow: hidden;
  background: rgba(0,0,0,.75);
  position: absolute;
  top: .84rem;
  left: 0;
  transition: all .8s;
  box-sizing: border-box; 
}
.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: .28rem;
  color: #5f6564;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: solid 1px #262e2f;
}
.language-box .language-choose-list ul li:last-child{
  border: none;
}
.language-box .language-choose-list ul li.on{
  color: #0ff796;
  background-color: #7f878799;
}

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

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

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

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

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

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

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

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

.scrollbar::-webkit-scrollbar {
  width: calc(4 /1920*100vw);
  height: calc(4 /1920*100vw);
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
  border-radius: calc(10 /1920*100vw);
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.scrollbar::-webkit-scrollbar-thumb {
  height: calc(4 /1920*100vw);
  border-radius: calc(4 /1920*100vw);
  -webkit-box-shadow: none;
  background-color: #cdcdcd;
  box-shadow: none;
}




/*lqa*/

.lang-zh-tw .p3tita .p3tita-intro{
	width: 80%;
}
.lang-zh-tw .p3tita .p3tita-intro{
	width: 80%;
}


.lang-ar .swiper-button-prev, .lang-ar .swiper-rtl .swiper-button-next{
	left: auto;
    right: 10px;
}
.lang-ar .swiper-button-next, .lang-ar .swiper-rtl .swiper-button-prev{
	right: auto;
    left: 10px;
}

.lang-ar .swiper-button-prev.swiper-button-next-7, .lang-ar .swiper-rtl .swiper-button-next.swiper-button-next-7{
	right:-0.4rem;
}
.lang-ar .swiper-button-next.swiper-button-next-7, .lang-ar .swiper-rtl .swiper-button-prev.swiper-button-prev-7{
	left: -0.4rem;
}