/* reset */

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;
}
/*字体包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 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
	background-color: #171617;
	width: 100%;
	height: 100%;
	overflow: hidden;
	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;
}
header,
footer {
	width: 100%;
	margin: 0 auto;
}
.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-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;
}

@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:"";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+J30rNQAACRRJREFUeNrsXQlsFVUU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");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;
}

.section {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.bgpic {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

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

.logo {
    background: url(../images/m/logo.png) no-repeat;
    width: 2.35rem;
    height: 0.45rem;
    display: block;
    position: absolute;
    background-size: 100% 100%;
    /* top: 0.36rem; */
    top: 0.2rem;
    left: 0.22rem;
}
.lang-de .logo{
	top: 0.15rem;
}
.p0-box .logo {
	display: none;
}
.p0-box {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 6.4rem;
}

.slg {
	background: url(../images/m/slg.png) no-repeat;
	width: 7.50rem;
	height: 2.36rem;
	background-size: 100% 100%;
	margin: 0 auto;
}
.slg::after{
	display: block;
	content: "";
	background: url(../images/m/logo.png) no-repeat;
	width: 3.35rem;
	height: 0.64rem;
	position: absolute;
	background-size: 100% 100%;
	top: 2.43rem;
	left: 2.08rem;
}
.p0-bxbtn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0.52rem auto 0;
}

.p0-bxbtn a {
	display: block;
	margin: 0;
	width: 3.99rem;
	height: 1.32rem;
	background: url(../images/m/btndown.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
}

.p0dowm {
	background: url(../images/m/p0down.png) no-repeat;
	width: 7.50rem;
	height: 12.73rem;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

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


/*---------------------------  联动干员外观                   开始----------------------------*/

.bgpic1 {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content1 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 100%;
}

.p1tit {
	background: url(../images/m/p1tit.png) no-repeat;
	width: 5.49rem;
	height: 1.89rem;
	background-size: 100% auto;
	margin: 0 auto;
}

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

.p1-boxvid {
	width: 1.10rem;
	display: block;
	position: absolute;
	z-index: 3;
}

.p1-boxvid1 {
	top: 5.71rem;
	left: 5.15rem;
}

.p1-boxvid2 {
	top: 8.31rem;
	left: 3.18rem;
}

.p1-boxvid strong {
	display: block;
	width: 0.62rem;
	height: 0.72rem;
	background: url(../images/m/p1video.png) no-repeat;
	display: block;
	margin: 0 auto;
	background-size: 100% auto;
	animation: vidbtn 3s linear infinite;
}

@keyframes vidbtn {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.p1-boxvida strong {
	background: url(../images/m/p1video1.png) no-repeat;
	background-size: 100% auto;
}

.p1-boxvid em {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.18rem;
	line-height: 1;
	margin: 0.07rem auto 0;
	color: #25baeb;
}

.p1-boxvida em {
	color: #e56008;
}

.mySwiper-2 {
	width: 100%;
	overflow: hidden;
}

.mySwiper-2 .swiper-wrapper {
	width: 100%;
}

.mySwiper-2 .swiper-wrapper .swiper-slide {
	width: 100%;
}

.p1pic {
	width: 100%;
	height: 11.22rem;
	position: relative;
}

.p1pic1 {
	background: url(../images/m/p1pic1.png) no-repeat;
	background-size: 100% auto;
}

.p1pic2 {
	background: url(../images/m/p1pic2.png) no-repeat;
	background-size: 100% auto;
}

.swiper-button-next {
	background: url(../images/m/p1next.png) no-repeat;
	width: 0.58rem;
	height: 1.22rem;
	background-size: 100% auto;
	right: 0.10rem;
	top: 50%;
	margin-top: -0.61rem;
}

.swiper-button-prev {
	background: url(../images/m/p1prev.png) no-repeat;
	width: 0.58rem;
	height: 1.22rem;
	background-size: 100% auto;
	left: 0.10rem;
	top: 50%;
	margin-top: -0.61rem;
}

.p1-swiper-button-prev {
	background: url(../images/m/p1prev1.png) no-repeat;
	background-size: 100% auto;
	top: 38%;
}

.swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

.swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.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.92rem;
	height: 3.90rem;
	border: 0.02rem solid #0b879b;
	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.60rem;
    width: 0.50rem;
    line-height: 0.40rem;
    height: 0.40rem;
    position: absolute;
    right: -0.05rem;
    top: -0.40rem;
    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%);
}

.pop-loading {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-loading.loaded {
    display: none
}
.pop-player{
	width: 100%;
	height: 100%;
}

.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; */
		transform: translateY(0.34rem);
		    opacity: 1;
	}
}

.downzim {
	background: url(../images/m/p1down.png) no-repeat;
	width: 7.33rem;
	height: 1.03rem;
	background-size: 100% auto;
	margin: -1.25rem auto 0;
	display: block;
}

.downzim {
	opacity: 0;
	transform: translateY(2.00rem);
}

.swiper-slide-active .downzim {
	animation: downzim 0.4s 1.0s ease-out forwards;
}

@keyframes downzim {
	0% {
		transform: translateY(2.00rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.swiper-button-next {
	transform: translateX(2.00rem);
}

.swiper-slide-active .swiper-button-next {
	animation: swiper-button-next 0.4s 1.4s ease-out forwards;
}

@keyframes swiper-button-next {
	0% {
		transform: translateX(2.00rem);
	}
	100% {
		transform: translateX(0);
	}
}


/*---------------------------   联动干员外观                        结束----------------------------*/


/*---------------------------    联动主题道具                   开始----------------------------*/

.p2tit {
	background: url(../images/m/p2tit.png) no-repeat;
	width: 6.86rem;
	height: 1.41rem;
	background-size: 100% auto;
	margin: 0 auto;
}

.p2-box1 {
	width: 100%;
	margin: 0.38rem auto 0;
}

.p2pic1 {
	background: url(../images/m/p2pic.png) no-repeat;
	width: 7.50rem;
	height: 9.69rem;
	background-size: 100% auto;
	position: relative;
}

.p1-boxvid3 {
	top: 6.43rem;
	left: 4.95rem;
}

.p1-box1 {
	opacity: 0;
	transform: translateY(2.00rem);
}

.swiper-slide-active .p1-box1 {
	animation: p1-box1 0.4s 0.80s ease-out forwards;
}

@keyframes p1-box1 {
	0% {
		transform: translateY(2.00rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.p2-downzim {
	margin: -0.75rem auto 0;
}


/*---------------------------   联动主题道具                        结束----------------------------*/


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

.p3tit {
	background: url(../images/m/p3tit.png) no-repeat;
	width: 5.71rem;
	height: 1.91rem;
	background-size: 100% auto;
	margin: 0 auto;
}

.mySwiper-8 {
	width: 7.50rem;
	margin: 0.26rem auto 0;
	overflow: hidden;
}

.p3-downzim {
	margin: -0.20rem auto;
}

.mySwiper-8 .swiper-slide {
	width: 100%;
}

.mySwiper-8 .swiper-slide img {
	display: block;
	width: 100%;
}

.mySwiper-8 {
	opacity: 0;
	transform: translateY(4.00rem);
}

.swiper-slide-active .mySwiper-8 {
	animation: mySwiper-8 0.4s 0.8s ease-out forwards;
}

@keyframes mySwiper-8 {
	0% {
		transform: translateY(4.00rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


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

.p4tit {
	background: url(../images/m/p4tit.png) no-repeat;
	width: 5.04rem;
	height: 1.43rem;
	background-size: 100% auto;
	margin: 0 auto;
}

.p4box {
	width: 100%;
	height: 8.79rem;
	box-sizing: border-box;
	border-bottom: 1px solid #ababab;
	border-top: 1px solid #ababab;
	margin: 0.40rem auto 0;
	position: relative;
	box-sizing: border-box;
	padding: 1.21rem 0.32rem 0 0.15rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.p4-downzim {
	margin: 0.05rem auto 0;
}

.p4box {
	opacity: 0;
	transform: translateY(4.00rem);
}

.swiper-slide-active .p4box {
	animation: p4box 0.4s 0.8s ease-out forwards;
}

@keyframes p4box {
	0% {
		transform: translateY(4.00rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.p4box_lf {
	background: url(../images/m/p4sjz.png) no-repeat;
	width: 0.72rem;
	height: 7.25rem;
	box-sizing: border-box;
	background-size: 100% auto;
	padding-left: 0.40rem;
}

.p4boxrig {
	width: 5.79rem;
}

.p4bigpic {
	width: 5.79rem;
	height: 3.35rem;
	display: block;
	margin: 0 auto;
}

.p4bigpic img {
	display: block;
	width: 100%;
}

.p4bxswip {
	width: 106%;
	display: block;
	margin: 0.12rem 0 0 -3%;
	height: 3.70rem;
}

.mySwiper-4 {
	width: 100%;
	height: 100%;
}

.mySwiper-4 .swiper-slide {
	display: block;
	height: 1.85rem;
	position: relative;
}

.p4smpic {
	width: 2.60rem;
	height: 1.43rem;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.p4smpic img {
	display: block;
	width: 100%;
}

.p4cover {
	background: url(../images/m/p4cover.png) no-repeat;
	width: 2.60rem;
	height: 1.43rem;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background-size: 100% auto;
	display: none;
}

.p4coverbl {
	background-color: rgba(0, 0, 0, 0.5);
	width: 2.60rem;
	height: 1.43rem;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	display: block;
}

.mySwiper-4 .swiper-slide.on .p4cover {
	display: block;
}

.mySwiper-4 .swiper-slide.on .p4coverbl {
	display: none;
}

.p4box_lf span {
	font-size: 0.22rem;
	color: #666666;
	line-height: 0.26rem;
	display: block;
	font-weight: bold;
	height: 0.26rem;
}

.p4box_lf span.on {
	font-size: 0.26rem;
	color: #18d1ff;
}

.p4num1 {
	margin-bottom: 1.14rem;
	margin-top: -0.08rem;
}

.p4num2 {
	margin-bottom: 1.05rem;
}

.p4num3 {
	margin-bottom: 1.10rem;
}

.p4num4 {
	margin-bottom: 1.00rem;
}

.p4num5 {
	margin-bottom: 1.08rem;
}

.p4num6 {
	margin-bottom: 0;
}

.p4titsm {
	background: url(../images/m/p4smtit.png) no-repeat;
	width: 2.21rem;
	height: 0.88rem;
	background-size: 100% auto;
	position: absolute;
	top: 0.20rem;
	left: 1.20rem;
}

.swiper-button-next-4 {
	background: url(../images/m/p4next.png) no-repeat;
	width: 0.30rem;
	height: 0.60rem;
	background-size: 100% auto;
	top: 6.98rem;
	right: 0.30rem;
}

.swiper-button-prev-4 {
	background: url(../images/m/p4prev.png) no-repeat;
	width: 0.30rem;
	height: 0.60rem;
	background-size: 100% auto;
	top: 6.98rem;
	left: 0.30rem;
}
/* ----------------------------------------------------   联动图集展示 -------------------------------------*/


/* ----------------------------------------------------   联动图集展示 -------------------------------------*/


/*footer*/

#afooter {
	text-align: center;
	line-height: 0.24rem;
	color: #fff;
	background-color: #000000;
	padding: 0;
	width: 100%;
	font-size: .2rem;
}

#afooter a {
	color: #fff;
}


/*页面样式*/

.mySwiper-1 .swiper-slide.sectionlast {
	height: auto !important;
}

.bgdownjt {
	background: url(../images/m/jt.png) no-repeat;
	width: 0.68rem;
	height: 0.32rem;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0.05rem;
	background-size: 100% auto;
	z-index: 999;
	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: 6rem;
	height: 0.50rem;
	line-height: 0.50rem;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.26rem
}

.popimgpic {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	display: block;
}

.popimgpic img {
	display: block;
	width: 100%;
}

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












		.lang-ar .slg{ background: url(../images/m/slogan/ar.png) no-repeat top center/auto 100%;}
		.lang-de .slg{ background: url(../images/m/slogan/de.png) no-repeat top center/auto 100%;}
		.lang-en .slg{ background: url(../images/m/slogan/en.png) no-repeat top center/auto 100%;}
		.lang-es .slg{ background: url(../images/m/slogan/es.png) no-repeat top center/auto 100%;}
		.lang-fr .slg{ background: url(../images/m/slogan/fr.png) no-repeat top center/auto 100%;}
		.lang-ja .slg{ background: url(../images/m/slogan/ja.png) no-repeat top center/auto 100%;}
		.lang-ko .slg{ background: url(../images/m/slogan/ko.png) no-repeat top center/auto 100%;}
		.lang-pt .slg{ background: url(../images/m/slogan/pt.png) no-repeat top center/auto 100%;}
		.lang-ru .slg{ background: url(../images/m/slogan/ru.png) no-repeat top center/auto 100%;}
		.lang-tr .slg{ background: url(../images/m/slogan/tr.png) no-repeat top center/auto 100%;}
		.lang-zh .slg{ background: url(../images/m/slogan/zh.png) no-repeat top center/auto 100%;}
		.lang-zh-tw .slg{ background: url(../images/m/slogan/tw.png) no-repeat top center/auto 100%;}
		

		.lang-ar .p1tit{ background: url(../images/m/title2/ar.png) no-repeat top center/100% 100%;}
		.lang-de .p1tit{ background: url(../images/m/title2/de.png) no-repeat top center/100% 100%;}
		.lang-en .p1tit{ background: url(../images/m/title2/en.png) no-repeat top center/100% 100%;}
		.lang-es .p1tit{ background: url(../images/m/title2/es.png) no-repeat top center/100% 100%;}
		.lang-fr .p1tit{ background: url(../images/m/title2/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .p1tit{ background: url(../images/m/title2/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .p1tit{ background: url(../images/m/title2/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .p1tit{ background: url(../images/m/title2/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .p1tit{ background: url(../images/m/title2/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .p1tit{ background: url(../images/m/title2/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .p1tit{ background: url(../images/m/title2/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .p1tit{ background: url(../images/m/title2/tw.png) no-repeat top center/100% 100%;}

		.lang-ar .p2tit{ background: url(../images/m/title3/ar.png) no-repeat top center/100% 100%;}
		.lang-de .p2tit{ background: url(../images/m/title3/de.png) no-repeat top center/100% 100%;}
		.lang-en .p2tit{ background: url(../images/m/title3/en.png) no-repeat top center/100% 100%;}
		.lang-es .p2tit{ background: url(../images/m/title3/es.png) no-repeat top center/100% 100%;}
		.lang-fr .p2tit{ background: url(../images/m/title3/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .p2tit{ background: url(../images/m/title3/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .p2tit{ background: url(../images/m/title3/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .p2tit{ background: url(../images/m/title3/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .p2tit{ background: url(../images/m/title3/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .p2tit{ background: url(../images/m/title3/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .p2tit{ background: url(../images/m/title3/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .p2tit{ background: url(../images/m/title3/tw.png) no-repeat top center/100% 100%;}

		.lang-ar .p3tit{ background: url(../images/m/title4/ar.png) no-repeat top center/100% 100%;}
		.lang-de .p3tit{ background: url(../images/m/title4/de.png) no-repeat top center/100% 100%;}
		.lang-en .p3tit{ background: url(../images/m/title4/en.png) no-repeat top center/100% 100%;}
		.lang-es .p3tit{ background: url(../images/m/title4/es.png) no-repeat top center/100% 100%;}
		.lang-fr .p3tit{ background: url(../images/m/title4/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .p3tit{ background: url(../images/m/title4/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .p3tit{ background: url(../images/m/title4/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .p3tit{ background: url(../images/m/title4/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .p3tit{ background: url(../images/m/title4/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .p3tit{ background: url(../images/m/title4/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .p3tit{ background: url(../images/m/title4/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .p3tit{ background: url(../images/m/title4/tw.png) no-repeat top center/100% 100%;}

		.lang-ar .p4tit{ background: url(../images/m/title5/ar.png) no-repeat top center/100% 100%;}
		.lang-de .p4tit{ background: url(../images/m/title5/de.png) no-repeat top center/100% 100%;}
		.lang-en .p4tit{ background: url(../images/m/title5/en.png) no-repeat top center/100% 100%;}
		.lang-es .p4tit{ background: url(../images/m/title5/es.png) no-repeat top center/100% 100%;}
		.lang-fr .p4tit{ background: url(../images/m/title5/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .p4tit{ background: url(../images/m/title5/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .p4tit{ background: url(../images/m/title5/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .p4tit{ background: url(../images/m/title5/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .p4tit{ background: url(../images/m/title5/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .p4tit{ background: url(../images/m/title5/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .p4tit{ background: url(../images/m/title5/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .p4tit{ background: url(../images/m/title5/tw.png) no-repeat top center/100% 100%;}
		.page2_tit1{
			width: 5.04rem;
			height: 2.56rem;
			background: url(../images/m/page2_tit1/en.png) no-repeat 50% 0/100% 100%;
			position: absolute;
			top: 4.54rem;
			left: 0;
			z-index: 1;
		}
		.lang-ar .page2_tit1{ background: url(../images/m/page2_tit1/ar.png) no-repeat top center/100% 100%;}
		.lang-de .page2_tit1{ background: url(../images/m/page2_tit1/de.png) no-repeat top center/100% 100%;}
		.lang-en .page2_tit1{ background: url(../images/m/page2_tit1/en.png) no-repeat top center/100% 100%;}
		.lang-es .page2_tit1{ background: url(../images/m/page2_tit1/es.png) no-repeat top center/100% 100%;}
		.lang-fr .page2_tit1{ background: url(../images/m/page2_tit1/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .page2_tit1{ background: url(../images/m/page2_tit1/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .page2_tit1{ background: url(../images/m/page2_tit1/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .page2_tit1{ background: url(../images/m/page2_tit1/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .page2_tit1{ background: url(../images/m/page2_tit1/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .page2_tit1{ background: url(../images/m/page2_tit1/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .page2_tit1{ background: url(../images/m/page2_tit1/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .page2_tit1{ background: url(../images/m/page2_tit1/tw.png) no-repeat top center/100% 100%;}
		.page2_tit2{
			width: 5.23rem;
			height: 2.04rem;
			background: url(../images/m/page2_tit2/en.png) no-repeat 50% 0/100% 100%;
			position: absolute;
			top: 5.14rem;
			left: 0;
			z-index: 1;
		}
		.lang-ar .page2_tit2{ background: url(../images/m/page2_tit2/ar.png) no-repeat top center/100% 100%;}
		.lang-de .page2_tit2{ background: url(../images/m/page2_tit2/de.png) no-repeat top center/100% 100%;}
		.lang-en .page2_tit2{ background: url(../images/m/page2_tit2/en.png) no-repeat top center/100% 100%;}
		.lang-es .page2_tit2{ background: url(../images/m/page2_tit2/es.png) no-repeat top center/100% 100%;}
		.lang-fr .page2_tit2{ background: url(../images/m/page2_tit2/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .page2_tit2{ background: url(../images/m/page2_tit2/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .page2_tit2{ background: url(../images/m/page2_tit2/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .page2_tit2{ background: url(../images/m/page2_tit2/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .page2_tit2{ background: url(../images/m/page2_tit2/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .page2_tit2{ background: url(../images/m/page2_tit2/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .page2_tit2{ background: url(../images/m/page2_tit2/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .page2_tit2{ background: url(../images/m/page2_tit2/tw.png) no-repeat top center/100% 100%;}
		.page2_text1{
			width: 7.4rem;
			font-size: 0.24rem;
			line-height: 1.2;
			color: #e56008;
			position: absolute;
			left: 0.05rem;
			top: 6.74rem;
			z-index: 2;
		}
		.page2_text2{
			width: 7.4rem;
			font-size: 0.2rem;
			line-height: 1.2;
			color: #b3b3b3;
			position: absolute;
			left: 0.05rem;
			top: 7.07rem;
			z-index: 2;
		}
		.page2_text2::after{
			display: block;
		    content: "";
		    width: 4.82rem;
		    height: 0.03rem;
		    background: #e56008;
		    position: absolute;
		    bottom: -0.1rem;
		    left: 0;
		}
		.page2_text4{
			width: 7.4rem;
			font-size: 0.24rem;
			line-height: 1.2;
			color: #51caf2;
			position: absolute;
			left: 0.05rem;
			top: 6.64rem;
			z-index: 2;
		}
		.page2_text5{
			width: 7.4rem;
			font-size: 0.2rem;
			line-height: 1.2;
			color: #b3b3b3;
			position: absolute;
			left: 0.05rem;
			top: 6.97rem;
			z-index: 2;
		}
		.page2_text5::after{
			display: block;
		    content: "";
		    width: 4.82rem;
		    height: 0.03rem;
		    background: #51caf2;
		    position: absolute;
		    bottom: -0.1rem;
		    left: 0;
		}
		.page3_cnt{
			display: block;
			width: 4.06rem;
			height: 2.85rem;
			background: url(../images/m/page3_cnt.png) no-repeat 50% 0/100% 100%;
			position: absolute;
			top: 5.28rem;
			left: 0.16rem;
			display: block;
			z-index: 0;
		}
		.p2pic1 .page2_tit1{
			top: 5.3rem;
			left: 0;
		}
		.page3_text1{
		    font-size: 0.2rem;
		    line-height: 0.26rem;
		    font-style: italic;
		    color: #ffffff;
		    position: absolute;
		    left: 0.77rem;
		    top: 7.48rem;
		    z-index: 2;
		}
		.page3_text2{
			width: 7.3rem;
			font-size: 0.22rem;
			line-height: 1.2;
			color: #b3b3b3;
			position: absolute;
			left: 0.14rem;
			top: 7.88rem;
			z-index: 2;
		}
		.p4_js{
			width: 7.2rem;
			min-height: 1.44rem;
			box-sizing: border-box;
			position: absolute;
			bottom: 0.1rem;
			left: 0.15rem;
			background: url(../images/m/p4_js_show.png) no-repeat .15rem 0 / 4.83rem auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			font-size: 0.22rem;
			line-height: 1.2;
			color: #b3b3b3;
			/* white-space: nowrap; */
		}
		.p4_tit{
			font-size: 0.48rem;
			line-height: 1.2;
			color: #ffffff;
			display: flex;
			position: relative;
			margin-bottom: 0.26rem;
			width: fit-content;
			
			max-width: 6.8rem;
		}
		.p4_tit::after{
			display: block;
			content: "";
			width: 1.26rem;
			height: 0.48rem;
			background: url(../images/m/p4_js.png) no-repeat 50% 0/100% 100%;
			position: absolute;
			top: -0.2rem;
			right: -0.45rem;
		}
		.p4_tit::before{
			display: block;
			content: "";
			width: 100%;
			height: 0.07rem;
			background: #18d1ff;
			position: absolute;
			bottom: -0.1rem;
			left: 0;
		}
		
		.lang-ar .p4titsm{ background: url(../images/m/slogan/ar.png) no-repeat top center/100% 100%;}
		.lang-de .p4titsm{ background: url(../images/m/slogan/de.png) no-repeat top center/100% 100%;}
		.lang-en .p4titsm{ background: url(../images/m/slogan/en.png) no-repeat top center/100% 100%;}
		.lang-es .p4titsm{ background: url(../images/m/slogan/es.png) no-repeat top center/100% 100%;}
		.lang-fr .p4titsm{ background: url(../images/m/slogan/fr.png) no-repeat top center/100% 100%;}
		.lang-ja .p4titsm{ background: url(../images/m/slogan/ja.png) no-repeat top center/100% 100%;}
		.lang-ko .p4titsm{ background: url(../images/m/slogan/ko.png) no-repeat top center/100% 100%;}
		.lang-pt .p4titsm{ background: url(../images/m/slogan/pt.png) no-repeat top center/100% 100%;}
		.lang-ru .p4titsm{ background: url(../images/m/slogan/ru.png) no-repeat top center/100% 100%;}
		.lang-tr .p4titsm{ background: url(../images/m/slogan/tr.png) no-repeat top center/100% 100%;}
		.lang-zh .p4titsm{ background: url(../images/m/slogan/zh.png) no-repeat top center/100% 100%;}
		.lang-zh-tw .p4titsm{ background: url(../images/m/slogan/tw.png) no-repeat top center/100% 100%;}



		.lang-ru .page2_text1,
		.lang-ru .page2_text4{
			font-size: 0.2rem;
		}
		.lang-ru .page2_text2,
		.lang-ru .page2_text5{
			font-size: 0.18rem;
		}
		.lang-es .page2_text2,
		.lang-es .page2_text5{
			font-size: 0.18rem;
		}
		.lang-pt .page2_text2,
		.lang-pt .page2_text5{
			font-size: 0.18rem;
		}
		
	
		.lang-ar .swiper-rtl .swiper-button-next{
			background: url(../images/m/p1prev.png) no-repeat;
			background-size: 100% auto;
		}
		.lang-ar .swiper-rtl .swiper-button-prev{
			background: url(../images/m/p1next.png) no-repeat;
			background-size: 100% auto;
		}
		.lang-ar .swiper-rtl .p1-swiper-button-next{
			background: url(../images/m/p1prev.png) no-repeat;
			background-size: 100% auto;
			top: 38%;
			left: 0.10rem;
		}
		.lang-ar .swiper-rtl .p1-swiper-button-prev{
			background: url(../images/m/p1prev2.png) no-repeat;
			background-size: 100% auto;
			right: 0.10rem;
			    top: 50%;
		}
		.lang-ar .page2_text2::after,
		.lang-ar .page2_text5::after{
			left: unset;
			right: 0;
		}
		.lang-ar .p2pic1 .page2_tit1{
			top: 5.1rem;
		}
		.lang-ar .p4_tit::after{
			right: unset;
			left: -0.45rem;
		}
		.lang-ar .p4_js{
			background: url(../images/m/p4_js_show.png) no-repeat right 0 / 4.83rem auto;
		}


		.mySwiper{
			width: 100%;
			height: 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;
		  padding: 0 .03rem;
		}
		.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;
		}