/* reset */
*{box-sizing: border-box;}
*::before,*::after{box-sizing: border-box;}
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;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/* basic */
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
body{font-size: 12px;font-family: "Source Han Sans", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Serif", "Noto Serif CJK SC", "Noto Serif SC", sans-serif;overflow-x: hidden;}
html,body{width: 100%;height: 100%;overflow: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background: #070e18;}
a{text-decoration: none;}

html {
  font-size: calc(1000px / 3840 * 100);
}

@media screen and (min-width: 600px) and (max-width: 1299px) {
  html {
    font-size: calc(1200px / 3840 * 100);
  }
}

@media screen and (min-width: 1300px) {
  html {
    font-size: calc(1500px / 3840 * 100);
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: calc(1900px / 3840 * 100);
  }
}
@media screen and (min-width: 2520px) {
  html {
    font-size: calc(2500px / 3840 * 100);
  }
}



.wrap{width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;}
.wrap::-webkit-scrollbar{width:0px;}

/*-- --------------------------------- 字体引入 ---------------------------------- --*/
/* 三角洲体 */
@font-face {
  font-family: 'font1';
  src: url('../font/p-m.ttf');
}
/* 战术粗体 */
@font-face {
  font-family: 'font2';
  src: url('../font/p-bold.ttf');
}
/* HAAVKTITLE */
@font-face {
  font-family: 'font3';
  src: url('../font/haavk.otf');
}

body{
  font-family: 'font1';
}
.nav-box a.on,
.s1_sub,
.s1_tit1,
.s1_tit2,
.s3_sub{font-family: 'font2';}

.nav-box a.on,
.s1_tit1,
.s1_tit2,
.select-wrap .selected-value .lang-value,
.s1_sub,
.s3_sub,
.s1r_item a{text-transform: uppercase;}

.loading_box{position: absolute;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;}
.loading_box img{display: block;width: 100%;height: 100%;object-fit: cover;}

/*-- --------------------------------- 头部 ---------------------------------- --*/
.header{pointer-events: none;z-index: 10;font-size: 0.3rem;width: 100%;height: 1.14rem;position: fixed;top: 0.5rem;left: 50%;transform: translateX(-50%);}
.logo-game{position: absolute;top: 0;left: .96rem;width: 4.81rem;height: 1.03rem;background-image: url(../ossweb-img/logo.png);background-position: 0 0;background-size: 100% auto;}

.header-right{pointer-events: auto;display: flex;align-items: center;position: absolute;top: 0.34rem;right: 1.08rem;}
.header-right .logined{display: flex;align-items: center;margin-right: 0.46rem;}
.header-right .username{color: #fff;margin-right: 0.2rem;}
.header .btn_login,.header .btn_logout{color: #0ff796;text-decoration: none;}
.header .logined{display: none;}
.select-wrap{position: relative;font-size: 0.22rem;color: #e5e5e5;min-width:2.74rem;height:0.75rem;background-color: rgba(37, 37, 37, .9);border: .02rem solid #8e9194;border-radius: .04rem;transition: all .5s}
.select-wrap::after{content: '';position: absolute;top: 50%;left: .1rem;width: .57rem;height: 0.57rem;background-image: url(../ossweb-img/lang_icon1.png);background-size: 100% auto;background-repeat: no-repeat;transform: translateY(-50%);;}
.select-wrap::before{content: '';position: absolute;top: 50%;right: .2rem;width: .31rem;height: 0.22rem;background-image: url(../ossweb-img/lang_icon2.png);background-size: 100% auto;background-repeat: no-repeat;transform: translateY(-50%);}
.select-wrap .selected-value{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;padding: 0 .6rem 0 .7rem;}
.select-wrap .selected-value .lang-value{margin-top: -0.06rem;}
.select-wrap .select-list{display: none;opacity: 0;z-index: 0;transition: all 0.5s ease;}
.select-wrap.active .select-list{display: block;opacity: 1;z-index: 100;}
.select-list li{font-family: none;text-align: center;background-color: rgba(29, 31, 31, 0.7);color: #a6a6a6;width: 100%;height: 0.6rem;display: flex;align-items: center;justify-content: center;border: 1px solid #808080;border-top: none;user-select: none;cursor: pointer;}
.select-list li.on,.select-list li:hover{color: rgb(15, 247, 150);background-color: rgba(127, 135, 135, 0.8);}

/*-- --------------------------------- 左侧导航栏 ---------------------------------- --*/
.nav-box{position: absolute;top: 2.64rem;left: .28rem;z-index: 11;display: flex;justify-content: space-around;align-items: flex-start;flex-direction: column;width: auto;height:2.65rem;box-sizing: border-box;background-image: url(../ossweb-img/nav_bg1.png);background-position: 0 0;background-repeat: no-repeat;background-size: 3.04rem auto;}

.nav-box a{font-size: .24rem;color: #e2e2e2;line-height: 1.4;display: flex;justify-content: flex-start;align-items: center;}
.nav-box a i{width: .62rem;height: .28rem;margin-right: .2rem;background-image: url(../ossweb-img/nav_icon2.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 100% auto;transition: all .4s linear;}
.nav-box a.on{font-size: .32rem;}
.nav-box a.on i{width: .9rem;background-image: url(../ossweb-img/nav_icon1.png);}



/*-- --------------------------------- 中间区域 ---------------------------------- --*/
.main,.mySwiper,.swiper-slide,.mySwiper1 {position: relative;width: 100%;height: 100%;overflow: hidden;}
.bg1::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../ossweb-img/mask1.png) no-repeat;background-position: 50% 100%;background-size: 100% auto;z-index: 15;pointer-events: none;}
.mySwiper,.bg1{background-image: url(../ossweb-img/rp1.jpg?d=20241206);background-position: 50% 50%;background-size: cover;z-index: 9;}

/*-- --------------------------------- 世界观介绍 ---------------------------------- --*/
.s1_box{position: absolute;left: .1rem;bottom: 1rem;z-index: 9;}
.s1_sub{position: absolute;top:0;left:.85rem;height: .99rem;padding: 0 1.06rem 0 .3rem;background-color: rgba(202, 255, 207, .2);font-size: .7rem;line-height: 1.6;color: #eaebeb;}
.hd2 .s1_sub{left: 1.15rem;}
.s1_sub::after,.s1_sub::before{position: absolute;content: '';background-image: url(../ossweb-img/s1_bg1.png);background-size: 10.85rem auto;}
.s1_sub::after{top: 0;left: 0;width: .1rem;height: 100%;background-position: 0 -1.84rem;}
.s1_sub::before{top: -1.84rem;right:-3.25rem;width: 4.4rem;height: 2.83rem;background-position: -6.44rem 0;}
.hd2 .s1_sub::before{display: none;}

.s1_txt{width: 19.64rem;min-height: 6rem;box-sizing: border-box;padding: 1.6rem 1.6rem .4rem 1.3rem;font-size: .28rem;color: #b7b7b7;line-height: 1.4;background-image: url(../ossweb-img/s1_bg2.png);background-position: 0 0;background-repeat: no-repeat;background-size: 100% 100%;text-align: justify;}
.s1_txt span{display: block;margin-bottom: .1rem;}
.hd2 .s1_txt{margin-left: .25rem;}

.hd2.swiper-slide-active .slogan{-webkit-animation:fadeInUp2 2s .2s ease both;display: none;}
.hd2.swiper-slide-active .s1_sub{-webkit-animation:fadeInUp 2s .5s ease both;display: none;}
.hd2.swiper-slide-active .s1_txt{-webkit-animation:fadeInUp 2s .8s ease both;display: none;}

@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(.5rem)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

@-webkit-keyframes fadeInUp2{
0%{opacity:0;-webkit-transform:translateY(.5rem) scale(1.5)}
100%{opacity:1;-webkit-transform:translateY(0) scale(1.5)}
}



/*-- --------------------------------- 阵营介绍 ---------------------------------- --*/
.zy_con{width: 100%;height: 100%;position: relative;overflow: hidden;background: #000;}
.zy_con::after{content: "";background: url(../ossweb-img/num_mask.png) no-repeat;background-size: 100% 100%;position: absolute;bottom: 18vh;right: 3vw;width: 5.52rem;height: 6.63rem;z-index: 9;pointer-events: none;}
.zy_box{height: 100%;width: 33.33vw;float: left;overflow: hidden;position: relative;transition: all .3s;}
.zy_box1{background: url(../ossweb-img/zy_nor1.jpg) no-repeat 50% 50%;background-size: cover;}
.zy_box2{background: url(../ossweb-img/zy_nor2.jpg) no-repeat 50% 50%;background-size: cover;}
.zy_box3{background: url(../ossweb-img/zy_nor3.jpg) no-repeat 50% 50%;background-size: cover;}
.show_info{width: 100%;height: 100%;}
.show_info img{display: block;height: 100%;width: 100%;object-fit: cover;}
.zy_box.active{width: 60vw;}
.zy_box.gray{width: 20vw;}
.zy_box1.gray{background: url(../ossweb-img/zy_gray1.jpg) no-repeat 50% 50%;background-size: cover;}
.zy_box2.gray{background: url(../ossweb-img/zy_gray2.jpg) no-repeat 50% 50%;background-size: cover;}
.zy_box3.gray{background: url(../ossweb-img/zy_gray3.jpg) no-repeat 50% 50%;background-size: cover;}
.zy_box .s1_txt{height: auto;font-size: .30rem;line-height: .46rem;padding: 1.6rem 1.6rem .35rem 1.3rem;}
.zy_box .s1_box{bottom: initial;bottom: 7%;left: 50%;margin-left: -10rem;pointer-events: none;}
.zy_box .swiper-container{width: 60vw;height: 100%;opacity: 0;pointer-events: none;background: #000;position: absolute;left: 50%;top: 0;margin-left: -30vw;transition: opacity .3s;}
.zy_box.active .swiper-container{opacity: 1;pointer-events: auto;}
.zy_box .swiper-slide{width: 100% !important;height: 100%;}
.zy_box .s1_sub{text-align: center;padding: 0 .35rem;font-size: .5rem;line-height: .99rem;}
.zy_box2 .s1_sub,.zy_box3 .s1_sub{left: initial;right: 1.3rem;}
.zy_box2 .s1_sub::before,.zy_box3 .s1_sub::before{transform: rotateY(180deg);left: -3.25rem;right: initial;}
.zy_box2 .s1_sub::after,.zy_box3 .s1_sub::after{transform: rotateY(180deg);left: initial;right: 0;}
.zy_prev,.zy_next{position: absolute;top: 50%;transform: translateY(-50%);width: .97rem;height: 11rem;cursor: pointer;z-index: 9;transition: all .3s;transform-origin: 50% 50%;outline: none;background: url(../ossweb-img/btn_bg.png) no-repeat;background-size: 100% 100%;filter: brightness(.5);}
.zy_prev{left: .3rem;}
.zy_next{right: .3rem;}
.zy_prev em{background: url(../ossweb-img/prev.png) no-repeat;}
.zy_next em{background: url(../ossweb-img/next.png) no-repeat;}
.zy_prev em,.zy_next em{background-size: 100% 100%;width: .48rem;height: .95rem;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.zy_prev:hover,.zy_next:hover{filter: brightness(1.1);}
.zy_prev:active,.zy_next:active{filter: brightness(.8)}
/* 禁止点击按钮变成白色 */
.swiper-button-disabled{ filter: grayscale(1) brightness(2);pointer-events: none;}

.lbs_tx{background: url(../ossweb-img/lbs_bg.png) no-repeat;width: 21.74rem;height: 2.59rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -10.87rem;bottom: .5rem;z-index: 99;display: flex;justify-content: center;align-items: center;}
.lbs_tx li{width: 2.3rem;height: 2.3rem;flex-shrink: 0;margin: 0 .35rem;cursor: pointer;filter: brightness(.5);}
.lbs_tx img{display: block;width: 100%;height: 100%;}
.lbs_tx .cur{filter: brightness(1);}

.lbs_tx3{height: 2.19rem;}
.lbs_tx3 li{width: 1.96rem;height: 1.96rem;margin: 0 .2rem;}

.zy_box:hover{filter: brightness(1.2);transform: scale(1.02);z-index: 9;cursor: pointer;}
.active:hover{filter: brightness(1);transform: scale(1);cursor: auto;}

.zy_logo1,.zy_logo2,.zy_logo3{position: absolute;left: 50%;bottom: 5vh;margin-left: -4.77rem;width: 9.54rem;height: 8.1rem;transition: all .3s;}
.zy_logo1{background: url(../ossweb-img/logo1.png) no-repeat 50% 50%;background-size: 100% 100%;}
.zy_logo2{background: url(../ossweb-img/logo2.png) no-repeat 50% 50%;background-size: 100% 100%;}
.zy_logo3{background: url(../ossweb-img/logo3.png) no-repeat 50% 50%;background-size: 100% 100%;}
.gray .zy_logo1,.gray .zy_logo2,.gray .zy_logo3{width: 6.81rem;height: 6.8rem;margin-left: -3.4rem;bottom: 8vh;}
.gray .zy_logo1{background: url(../ossweb-img/logos1.png) no-repeat 50% 50%;background-size: 100% 100%;}
.gray .zy_logo2{background: url(../ossweb-img/logos2.png) no-repeat 50% 50%;background-size: 100% 100%;}
.gray .zy_logo3{background: url(../ossweb-img/logos3.png) no-repeat 50% 50%;background-size: 100% 100%;}

.big_logo{position: absolute;width: 100%;height: 90%;left: 0;top: 0;transform: scale(.85);transform-origin: 50% 0;}
.big_logo1{background: url(../ossweb-img/big_logo1.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ar .big_logo1{background: url(../ossweb-img/big_logo1_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .big_logo1{background: url(../ossweb-img/big_logo1_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .big_logo1{background: url(../ossweb-img/big_logo1_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .big_logo1{background: url(../ossweb-img/big_logo1_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .big_logo1{background: url(../ossweb-img/big_logo1_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .big_logo1{background: url(../ossweb-img/big_logo1_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .big_logo1{background: url(../ossweb-img/big_logo1_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .big_logo1{background: url(../ossweb-img/big_logo1_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .big_logo1{background: url(../ossweb-img/big_logo1_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .big_logo1{background: url(../ossweb-img/big_logo1_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .big_logo1{background: url(../ossweb-img/big_logo1_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .big_logo1{background: url(../ossweb-img/big_logo1_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .big_logo1{background: url(../ossweb-img/big_logo1_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .big_logo1{background: url(../ossweb-img/big_logo1_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.big_logo2{background: url(../ossweb-img/big_logo2.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ar .big_logo2{background: url(../ossweb-img/big_logo2_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .big_logo2{background: url(../ossweb-img/big_logo2_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .big_logo2{background: url(../ossweb-img/big_logo2_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .big_logo2{background: url(../ossweb-img/big_logo2_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .big_logo2{background: url(../ossweb-img/big_logo2_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .big_logo2{background: url(../ossweb-img/big_logo2_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .big_logo2{background: url(../ossweb-img/big_logo2_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .big_logo2{background: url(../ossweb-img/big_logo2_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .big_logo2{background: url(../ossweb-img/big_logo2_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .big_logo2{background: url(../ossweb-img/big_logo2_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .big_logo2{background: url(../ossweb-img/big_logo2_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .big_logo2{background: url(../ossweb-img/big_logo2_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .big_logo2{background: url(../ossweb-img/big_logo2_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .big_logo2{background: url(../ossweb-img/big_logo2_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.big_logo3{background: url(../ossweb-img/big_logo3.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ar .big_logo3{background: url(../ossweb-img/big_logo3_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .big_logo3{background: url(../ossweb-img/big_logo3_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .big_logo3{background: url(../ossweb-img/big_logo3_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .big_logo3{background: url(../ossweb-img/big_logo3_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .big_logo3{background: url(../ossweb-img/big_logo3_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .big_logo3{background: url(../ossweb-img/big_logo3_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .big_logo3{background: url(../ossweb-img/big_logo3_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .big_logo3{background: url(../ossweb-img/big_logo3_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .big_logo3{background: url(../ossweb-img/big_logo3_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .big_logo3{background: url(../ossweb-img/big_logo3_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .big_logo3{background: url(../ossweb-img/big_logo3_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .big_logo3{background: url(../ossweb-img/big_logo3_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .big_logo3{background: url(../ossweb-img/big_logo3_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .big_logo3{background: url(../ossweb-img/big_logo3_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.zy_info{height: 14.14rem;width: 20.5rem;position: absolute;top:50%;margin-top: -7rem;left: 50%;margin-left: -10.25rem;transform: scale(.95);}
.zy_tit{background: url(../ossweb-img/zy_tit.png) no-repeat 50% 50%;background-size: 100% 100%;padding: .3rem;color: #fff;margin-bottom: .3rem;display: inline-block;}
.zy_tit span{display: block;font-family: 'font2';font-size: .68rem;line-height: .94rem;}
.zy_tit em{display: block;font-family: 'font3';font-size: .54rem;line-height: .6rem;}
.position_txt{line-height: .36rem;font-size: 0;}
.position_txt span{display: inline-block;vertical-align: middle;position: relative;font-size: .3rem;color: #fff;text-align: center;margin-right: .05rem;background: #1f5899;padding: 0 .1rem;line-height: .36rem;}
.position_txt span::before{content: "";background: url(../ossweb-img/zy_dot1.png) no-repeat;background-size: 100% 100%;left: 0;top: 0;width: .02rem;height: 100%;position: absolute;}
.position_txt span::after{content: "";background: url(../ossweb-img/zy_dot1.png) no-repeat;background-size: 100% 100%;right: 0;top: 0;width: .02rem;height: 100%;position: absolute;}
.position_txt em{display: inline-block;vertical-align: middle;border-bottom: .02rem solid #1f5899;padding: 0 .08rem;font-size: .3rem;color: #fff;line-height: .36rem;position: relative;}
.position_txt em::before{content: "";background: url(../ossweb-img/zy_dot2.png) no-repeat;background-size: 100% 100%;left: 0;bottom: 0;width: .02rem;height: .02rem;position: absolute;}
.position_txt em::after{content: "";background: url(../ossweb-img/zy_dot2.png) no-repeat;background-size: 100% 100%;right: 0;bottom: 0;width: .02rem;height: .02rem;position: absolute;}

.boss_bottom{position: absolute;bottom: 0;left: 0;width: 20.5rem;}
.boss_info{padding-bottom: .3rem;overflow: hidden;width: 100%;}
.boss_txt{float: left;}
.boss_txt:nth-of-type(1){border-right: .02rem solid #4c4d4d;margin-right: .3rem;padding-right: .7rem;}
.boss_txt p{margin-bottom: .15rem;font-size: .3rem;color: #fff;height: .5rem;line-height: .5rem;}
.boss_txt em{font-family: "font3";margin-right: .1rem;}
.boss_blue em{color: #59b7ff;}
.boss_box{background: url(../ossweb-img/boss_txt.png) no-repeat;background-size: 100% 100%;width: 20.5rem;padding: .4rem;box-sizing: border-box;font-size: .26rem;color: #eaebeb;line-height: .4rem;text-align: justify;}
.boss_box p{margin-bottom: .12rem;}
.boss_box p:last-of-type{margin-bottom: 0;}

.zy_info1{height: auto;margin-top: 2.34rem;}
.zy_info2{top: 10vh;margin-top: 0;width: 9.7rem;left: initial;right: 1.48rem;text-align: right;}
.zy_info2 .position_txt,.zy_info3 .position_txt{text-align: right;margin-right: .25rem;}
.zy_info1 .position_txt,.zy_info4 .position_txt{margin-left: .25rem;}
.jingying_box{background: url(../ossweb-img/jingying_txt.png) no-repeat;background-size: 100% 100%;width: 9.7rem;padding: .3rem;box-sizing: border-box;font-size: .28rem;color: #eaebeb;line-height: .4rem;text-align: justify;margin-top: .3rem;}

.zy_box2 .zy_info{height: 90%;top: 0;margin-top: 0;padding-top: 7.5vh;box-sizing: border-box;}
.zy_box2 .boss_bottom{bottom: 4.8vh;}
.zy_tit strong{font-family: "font1";font-size: .44rem;display: block;}
.zy_box2 .asl_tlogo{display: inline-block;height: 1.09rem;width: auto;}
.zy_box2 .position_txt span{background: #b80e0e;}
.zy_box2 .position_txt em{border-bottom: .02rem solid #b80e0e;}
.zy_box2 .boss_info{margin-top: .25rem;}
.zy_box2 .boss_info em{font-family: "font2";}
.boss_red em{color: #d61212;}
.boss_red{border-bottom: 1px solid #743737;display: inline-block;}

.zy_box2 .zy_info3{height: auto;width: 9.7rem;padding-top: 0;bottom: 16vh;top: initial;left: initial;right: 1.48rem;text-align: right;}
.zy_box2 .zy_tit em{font-family: "font2";font-size: .74rem;white-space: nowrap;}

.zy_infos{height: 76vh;width: 10.55rem;position: absolute;top:50%;margin-top: -42vh;left: 5.5vw;display: flex;flex-direction: column;justify-content: space-between;}
.zy_box3 .position_txt span{background: #0ff796;color: #35454c;}
.zy_box3 .position_txt em{border-bottom: .02rem solid #0ff796;}
.jingying_box2{background: url(../ossweb-img/jingying_txt2.png) no-repeat;background-size: 100% 100%;width: 100%;padding: .1rem .25rem .3rem;box-sizing: border-box;font-size: .28rem;color: #eaeaea;line-height: .36rem;text-align: justify;max-height: 60vh;}
.jingying_box2 .jingying_content{
	overflow-y: auto;
	height: 100%;
	padding-right: .1rem;
}
.jingying_box2 .jingying_content::-webkit-scrollbar {
  width: .07rem;
}
.jingying_box2 .jingying_content::-webkit-scrollbar-track {
  background: #6b7272;
  border-radius: .07rem;
}
.jingying_box2 .jingying_content::-webkit-scrollbar-thumb {
  background: #8e98a0;
  border-radius: .07rem;
}
.jingying_box2 dt{font-size: 0;width: 100%;background: url(../ossweb-img/dt_line.png) no-repeat 50% 100%;background-size: 100% auto;margin: .2rem 0;}
.jingying_box2 span{display: inline-block;vertical-align: middle;line-height: .64rem;color: #0ff796;font-size: .34rem;font-family: "font2";}
.jingying_box2 img{display: inline-block;vertical-align: middle;width: .48rem;height: .48rem;margin-right:.1rem;}
.zy_box3 .zy_tit{padding: .3rem .2rem;}
.zy_box3 .position_txt{margin-left: .15rem;}

.zy_infos2{justify-content: center;}
.zy_infos2 .jingying_box2{ margin-top: .55rem;}

.zy_infos3 .jingying_box2{ margin-top: 1rem;}

.zy_infos4 .jingying_box2{font-size: .26rem;line-height: .34rem;width: 105%;}

.zy_infos5 .jingying_box2{font-size: .26rem;line-height: .34rem;}

.zy_box3 .zy_tit em{font-family: "font1";}


/*-- --------------------------------- 地图介绍 ---------------------------------- --*/
.slogan{position: absolute;left: .94rem;bottom: 0;width: 25rem;height: 6rem;background-image: url(../ossweb-img/slogan.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;transition: all .8s;transform-origin: left bottom;}
.lang_ar .slogan{background: url(../ossweb-img/slogan_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .slogan{background: url(../ossweb-img/slogan_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .slogan{background: url(../ossweb-img/slogan_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .slogan{background: url(../ossweb-img/slogan_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .slogan{background: url(../ossweb-img/slogan_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .slogan{background: url(../ossweb-img/slogan_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .slogan{background: url(../ossweb-img/slogan_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .slogan{background: url(../ossweb-img/slogan_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .slogan{background: url(../ossweb-img/slogan_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .slogan{background: url(../ossweb-img/slogan_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .slogan{background: url(../ossweb-img/slogan_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .slogan{background: url(../ossweb-img/slogan_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .slogan{background: url(../ossweb-img/slogan_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .slogan{background: url(../ossweb-img/slogan_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.hd2.swiper-slide-active .slogan{transform: scale(1.5);opacity: 1;bottom: 75%;}

.s1_box1{position: absolute;top: 50%;left: 50%;width: 32rem;height: 18.6rem;transform: translate(-50%,-50%);z-index: 9;}
.s1_item1{position: absolute;top: 0;left: 8rem;}
.s1_item2{position: absolute;top: 4rem;left: 3rem;}
.s1_item3{position: absolute;top: 10.1rem;right: 10.1rem;}
.s1_item4{position: absolute;top: 50%;left: 6rem;margin-top: 4.5rem;}
.s1_item5{position: absolute;top: 3.2rem;left: 23rem;display: none;}

.s1_tit1{font-size: .4rem;color: #ffffff;line-height: 1.5;}
.dot1{display: inline-block;background: url(../ossweb-img/dot1.png) no-repeat;background-size: 100% 100%;width: .44rem;height: .44rem;vertical-align: middle;}
.show .dot1{background: url(../ossweb-img/dot2.png) no-repeat;background-size: 100% 100%;}
.dot1.ani {
	-webkit-transform: rotate(0deg);
  -webkit-animation: bounce .8s ease both;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
  }
}
.s1_tit1 span{display: inline-block;vertical-align: middle;}
.s1_info{position: absolute;top: 0;left:0;font-size: .28rem;color: #b7b7b7;line-height: 1.3;transition: .4s all ease;opacity: 0;transform: translateY(2rem);pointer-events: none;height: 6.25rem;}
.s1_txt1{background-size: 100% auto;background-position: 50% 0;background-repeat: no-repeat;box-sizing: border-box;overflow: hidden;}

/* .s1_info::after{content: '';width: 14.09rem;height: 2.26rem;position: absolute;top: -1.43rem;left: -0.8rem;background-image: url(../ossweb-img/s1_line1.png);background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;pointer-events: none;} */
.s1_tit2{font-size: .74rem;color: #0ff796;line-height: 1.4;position: absolute;left: 0;top: -1rem;}
.s1_item3 .s1_tit2{right: 0;left: initial;}
/* .s1_tit2:after{
  position: absolute;
  content: '';
  background-image: url(../ossweb-img/s1_bg1.png);
  background-size: 10.85rem auto;
  top: -1.84rem;
  right: -3.25rem;
  width: 4.4rem;
  height: 2.83rem;
  background-position: -6.44rem 0;
} */
.s1_info:after,.s1_soon:after{
	position: absolute;
	content: '';
	background: url(../ossweb-img/line.png) no-repeat 50% 0;
	background-size: 100% auto;
	top: -1rem;
	left: -.55rem;
	width: .51rem;
	height: .58rem;
}

.s1_item3 .s1_info:after{
	position: absolute;
	content: '';
	background: url(../ossweb-img/line2.png) no-repeat 50% 0;
	background-size: 100% auto;
	top: -1rem;
	left: initial;
  right: -.55rem;
	width: .51rem;
	height: .58rem;
}

.s1_item4 .s1_info:after{
	position: absolute;
	content: '';
	background: url(../ossweb-img/line3.png) no-repeat 50% 100%;
	background-size: 100% auto;
	bottom: 0;
  top: initial;
  left: -2rem;
	width: 1.88rem;
	height: 6.79rem;
}

/*.s1_item1 .s1_tit2:after,.s1_item2 .s1_tit2:after,.s1_item3 .s1_tit2:after,.s1_item4 .s1_tit2:after,.s1_item5 .s1_tit2:after{
	  position: absolute;
    content: '';
    background: url(../ossweb-img/new_line.png) no-repeat;
    background-size: 100% 100%;
	  top: -.84rem;
    left: -2.1rem;
    width: 2.09rem;
    height: 1.34rem;
}*/
.s1_item1 .s1_info{left: .8rem;top: -.48rem;}
.s1_item2 .s1_info{left: .8rem;top: -.48rem;}
.s1_item3 .s1_info{right: .8rem;left: initial;top: -.48rem;}
.s1_item4 .s1_info{
  left: 2.5rem;
  top: -8rem;
}
.s1_box1 .s1_txt1{position: relative;box-sizing: border-box;padding: .45rem .3rem;text-align: justify;padding-right: 9.35rem;}
.s1_item1 .s1_txt1{background: url(../ossweb-img/s1_bg3.png) no-repeat;background-size: 100% auto;width: 19.23rem;height: 5.98rem;}
.s1_item2 .s1_txt1{background: url(../ossweb-img/s1_bg5.png) no-repeat;background-size: 100% auto;width: 19.23rem;height: 5.98rem;}
.s1_item3 .s1_txt1{background: url(../ossweb-img/s1_bg6.png) no-repeat;background-size: 100% auto;width: 19.23rem;height: 5.98rem;}
.s1_item4 .s1_txt1{background: url(../ossweb-img/s1_bg7.png) no-repeat;background-size: 100% auto;width: 19.23rem;height: 5.98rem;}

.show.s1_item1 .s1_info:after,.show.s1_item2 .s1_info:after,.show.s1_item3 .s1_info:after,.show.s1_item5 .s1_soon:after{
	-webkit-animation:showLine .3s ease both;
}
@-webkit-keyframes showLine{
  0%{height: 0;}
  100%{height: .58rem;}
}

.show.s1_item4 .s1_info:after{
	-webkit-animation:showLine3 .3s ease both;
}
@-webkit-keyframes showLine3{
  0%{height: 0;}
  100%{height: 6.79rem;}
}

.show .s1_tit2 span{
	-webkit-animation:showTit .7s .3s ease both;
}
@-webkit-keyframes showTit{
0%{opacity:0;-webkit-transform:translateY(.2rem)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
/* .show .s1_info::after{
	-webkit-animation:showZS .7s 1s ease both;
}
@-webkit-keyframes showZS{
0%{opacity:0;}
100%{opacity:1;}
} */
.s1_item1.show .s1_txt1{
	-webkit-animation:showTxt1 .6s .3s ease both;
}
@-webkit-keyframes showTxt1{
0%{height: 0;opacity: 0;}
100%{height: 5.98rem;opacity: 1;}
}
.s1_item2.show .s1_txt1{
	-webkit-animation:showTxt2 .6s .3s ease both;
}
@-webkit-keyframes showTxt2{
0%{height: 0;opacity: 0;}
100%{height: 5.98rem;opacity: 1;}
}
.s1_item3.show .s1_txt1{
	-webkit-animation:showTxt3 .6s .3s ease both;
}
@-webkit-keyframes showTxt3{
0%{height: 0;opacity: 0;}
100%{height: 5.98rem;opacity: 1;}
}
.s1_item4.show .s1_txt1{
	-webkit-animation:showTxt4 .6s .3s ease both;
}
@-webkit-keyframes showTxt4{
0%{height: 0;opacity: 0;}
100%{height: 5.98rem;opacity: 1;}
}

.show .s1_tit1{position: relative;z-index: 9;}
.show .s1_tit1 span{display: none;}
.mask_bg{width: 100vw;height: 100vh;position: fixed;left: 50%;top: 50%;margin: -50vh 0 0 -50vw;background: rgba(0,0,0,.5);opacity: 0;transition: all .5s;pointer-events: none;}
.show .mask_bg{opacity: 1;}


.s1_pic{display: flex;justify-content: space-between;align-items: center;}
.s1_pic span{width: 5.5rem;}
.s1_pic1,.s1_pic2,.s1_pic3,.s1_pic4{width: 8.59rem;height: 4.77rem;background-size: 100% 100%;position: absolute;top: .5rem;right: .35rem;}
.s1_pic1{background: url(../ossweb-img/s1_pic1.jpg) no-repeat;background-size: 100% 100%;}
.s1_pic2{background: url(../ossweb-img/s1_pic2.jpg) no-repeat;background-size: 100% 100%;}
.s1_pic3{background: url(../ossweb-img/s1_pic3.jpg) no-repeat;background-size: 100% 100%;}
.s1_pic4{background: url(../ossweb-img/s1_pic4.jpg) no-repeat;background-size: 100% 100%;}

.s1_soon{position: absolute;top: -.48rem;left: .8rem;transition: .4s all ease;opacity: 0;transform: translateY(2rem);pointer-events: none;}
.soon_txt{width: 4.47rem;height: 2.78rem;background-image: url(../ossweb-img/s1_bg4.png);background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;box-sizing: border-box;overflow: hidden;}
.s1_txt2{width: 90%;margin: 0 auto;font-size: .32rem;color: #b7b7b7;text-align: center;line-height: 1.4;padding-top: 1.74rem;}

.s1_item5.show .soon_txt{
	-webkit-animation:showTxt5 1s .3s ease both;
}
@-webkit-keyframes showTxt5{
0%{height: 0;opacity: 0;}
100%{height: 2.78rem;opacity: 1;}
}


.s1_item{cursor: pointer;}
.s1_item.show{z-index: 9;}
/*.s1_item:hover .s1_tit1{opacity: 0;}
.s1_item:hover .s1_info,.s1_item:hover .s1_soon{transform: translateY(0);opacity: 1;pointer-events: all;}*/

/* 右侧地图 */
.s1r_box{position: absolute;right: 1.1rem;top: 2.66rem;z-index: 4;}
.s1r_item {margin: 0 auto .14rem;position: relative;transition: .4s all ease;height: .87rem;}
.s1r_item.show{height: 4.66rem;}
.s1r_item.show .s1r_info{transform: scale(1);}
.s1r_item a{display: flex;justify-content: center;align-items: center;min-width: 3.5rem;max-width: 4rem;height: .87rem;background-image: url(../ossweb-img/s1_btn1.png);background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;font-size: .4rem;color: #eaeaea;text-align: center;line-height: 1.4;position: relative;padding-right: .4rem;padding-left: .2rem;box-sizing: border-box;}
.s1r_item a i{width: .16rem;height: 0.1rem;background-image: url(../ossweb-img/s1_icon1.png);background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;margin-top: -.04rem;position: absolute;right: .2rem;top: 50%;margin-top: -.05rem;}

.s1r_info{width: 10.34rem;min-height: 4.66rem;position: absolute;top: 0;right: 0;background-position: 50% 0;background-repeat: no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: .44rem .4rem;font-size: .26rem;color: #b7b7b7;line-height: 1.3;transform: scale(0);transform-origin: 100% 0;transition: .4s all ease;}
.s1r_item1 .s1r_info{background-image: url(../ossweb-img/s1_bg8.png);}
.s1r_item2 .s1r_info{background-image: url(../ossweb-img/s1_bg9.png);}
.s1r_item3 .s1r_info{background-image: url(../ossweb-img/s1_bg10.png);}

.s1r_info .s1_pic i{width: 3.34rem;height: 1.91rem;background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;}
.s1r_pic1{background-image: url(../ossweb-img/s1_rpic1.png);}
.s1r_pic2{background-image: url(../ossweb-img/s1_rpic2.png);}
.s1r_pic3{background-image: url(../ossweb-img/s1_rpic3.png);}

.s1r_info p{margin-bottom: .1rem;}


/*-- --------------------------------- 玩法背景页 ---------------------------------- --*/
.bg3{background-image: url(../ossweb-img/rp3.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.s3_box{position: relative;width: 50%;height: 100%;transition: all 1s ease;cursor: pointer;}
.s3_tit1{position:absolute;bottom: .74rem;left: 50%; width: 19.2rem;height: 6.67rem;background-image: url(../ossweb-img/s3_tit1.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;transform: translateX(-50%);}
.lang_ar .s3_tit1{background: url(../ossweb-img/s3_tit1_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .s3_tit1{background: url(../ossweb-img/s3_tit1_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .s3_tit1{background: url(../ossweb-img/s3_tit1_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .s3_tit1{background: url(../ossweb-img/s3_tit1_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .s3_tit1{background: url(../ossweb-img/s3_tit1_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .s3_tit1{background: url(../ossweb-img/s3_tit1_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .s3_tit1{background: url(../ossweb-img/s3_tit1_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .s3_tit1{background: url(../ossweb-img/s3_tit1_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .s3_tit1{background: url(../ossweb-img/s3_tit1_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .s3_tit1{background: url(../ossweb-img/s3_tit1_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .s3_tit1{background: url(../ossweb-img/s3_tit1_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .s3_tit1{background: url(../ossweb-img/s3_tit1_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .s3_tit1{background: url(../ossweb-img/s3_tit1_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .s3_tit1{background: url(../ossweb-img/s3_tit1_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.s3_tit2{position:absolute;bottom: 0;left: 50%; width: 19.2rem;height: 6.67rem;background-image: url(../ossweb-img/s3_tit2.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;transform: translateX(-50%);}
.lang_ar .s3_tit2{background: url(../ossweb-img/s3_tit2_ar.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_de .s3_tit2{background: url(../ossweb-img/s3_tit2_de.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ru .s3_tit2{background: url(../ossweb-img/s3_tit2_ru.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_fr .s3_tit2{background: url(../ossweb-img/s3_tit2_fr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_zh-tw .s3_tit2{background: url(../ossweb-img/s3_tit2_tw.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ko .s3_tit2{background: url(../ossweb-img/s3_tit2_ko.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ms .s3_tit2{background: url(../ossweb-img/s3_tit2_ms.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_pt .s3_tit2{background: url(../ossweb-img/s3_tit2_pt.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_ja .s3_tit2{background: url(../ossweb-img/s3_tit2_ja.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_th .s3_tit2{background: url(../ossweb-img/s3_tit2_th.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_tr .s3_tit2{background: url(../ossweb-img/s3_tit2_tr.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_es .s3_tit2{background: url(../ossweb-img/s3_tit2_es.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_id .s3_tit2{background: url(../ossweb-img/s3_tit2_id.png) no-repeat 50% 50%;background-size: 100% auto;}
.lang_vi .s3_tit2{background: url(../ossweb-img/s3_tit2_vi.png) no-repeat 50% 50%;background-size: 100% auto;}

.s3_box.s3_show{width: 52%;z-index: 2;flex-shrink: 0;transform: scale(1.05);cursor: auto;}
.s3_box1{background-image: url(../ossweb-img/rp3_1.jpg);background-position: 0 50%;;background-size: cover;}
.s3_box2{background-image: url(../ossweb-img/rp3_2.jpg);background-position: 100% 50%;;background-size: cover;}
.s3_mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;opacity: .4;transition: 1s opacity linear;}

.s3_box.s3_show .s3_mask{opacity: 0;}

.s3_info{position: absolute;left: 50%;bottom:2.1rem;transform: translateX(-50%);height: 7.8rem;transform-origin: 50% 0;opacity: 0;}

/*.s3_box2 .s3_info{transform: translateX(100%);}*/
.btn_s3vd{position: relative;z-index: 2;display: block;width: 4.52rem;height: 4.57rem;background-image: url(../ossweb-img/s3_vd.png);background-position: 50% 0;background-repeat: no-repeat;background-size: 100% auto;margin: 0 auto;display: none;}
.s3_ct{
	position: relative;
	width: 20rem;
	height: 7.8rem;
	margin: -1rem auto 0;
	background-image: url(../ossweb-img/s3_bg1.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 1.9rem 0 0 .85rem;
	transform: scale(.95);
	overflow: hidden;
}
.s3_sub{position: absolute;top: .3rem;left: .85rem;font-size: .6rem;color: #eaebeb;background-color: rgba(202, 225, 207, .2);padding: 0 .5rem;line-height: 1.5;padding-top: .1rem;}
.s3_sub i{position: absolute;top: 0;left: 0;width: 0.02rem;height: 100%;}
.s3_sub i::after,.s3_sub i::before{position: absolute;top: 0;left: 0;content: '';width: 0.02rem;height: 0.02rem;background-color: #ffffff;}
.s3_sub i::after{top: auto;bottom: 0;}
.s3_sub i.s3_icon2{right: 0;left: auto;}
.s3_txt{font-size: .32rem;color: #b7b7b7;line-height: 1.4;width: 16.5rem;padding-left: .6rem;}
.s3_txt span{display: block;margin-bottom: .1rem;}

.s3_tit{transition: .5s all ease;}
.s3_box.s3_show .s3_tit{transform: translate(-50%,-3rem);opacity: 0;}

/*.s3_info{transition: 1s all ease;}*/
/*.s3_box.s3_show .s3_info{opacity: 1;transform: translateX(-50%);}*/
.s3_box.s3_show .s3_info{
	-webkit-animation:showS3 .5s .2s ease both;
}
@-webkit-keyframes showS3{
0%{transform: scaleY(0) translateX(-50%);opacity: 0;}
100%{transform: scaleY(1) translateX(-50%);opacity: 1;}
}

.swiper-slide{height: 100%;}
/*-- --------------------------------- 底部版权 ---------------------------------- --*/
.footer_con{height: 2rem !important;background: #000;}
.footer_con .footer_box{width: 100%;display: flex;text-align: center;display: flex;justify-content: center;align-items: center;height: 100%;color: #fff;font-size: .3rem;pointer-events: auto;line-height: 1.4;}
.footer_con a{color: #fff;padding: 0 .5rem;}
.footer_con a:hover{text-decoration: underline;}
.end_swiper{width: 100%;height: 100%;position: relative;overflow: hidden;}
/* .end_swiper .swiper-slide{display: flex;justify-content: center;align-items: center;} */

.b-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.pop-vid {
  width: calc(1100 / 1920 * 100vw);
  height: calc(618 / 1920 * 100vw);
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
}

.pop-close {
  outline: none;
    display: block;
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .72rem;
    cursor: pointer;
    position: absolute;
    right: -.9rem;
    top: -.2rem;
    font-size: 1.4rem;
    color: #10c47c;
    text-decoration: none;
}

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

.pop-loading.loaded {
  display: none
}


.slide_icon{background: url(../ossweb-img/m/scroll.png) no-repeat;background-size: 100% 100%;width: 1.08rem;height: .82rem;position: absolute;left: 50%;bottom: .45rem;margin-left: -.54rem;z-index: 9;-webkit-animation:pulse3 1.5s ease-in-out both infinite;pointer-events: none;}
@-webkit-keyframes pulse3{
  0%{-webkit-transform: translateY(-.2rem);opacity: 1;}
  50%{-webkit-transform: translateY(.1rem);opacity: .7;}
  100%{-webkit-transform: translateY(-.2rem);opacity: 1;}
}


.yun1,.yun2,.yun3,.yun4{
	position: absolute;
	pointer-events: none;
}
.yun1{
	background: url(../ossweb-img/yuns1.png) repeat-x;
	background-size: 60.02rem auto;
	width: 100%;
	height: 13.53rem;
	left: 0;
	top: 0;
	-webkit-animation:yun1 160s ease-in-out both infinite;
}
/*.yun2{
	background: url(../ossweb-img/yun2.png) repeat-x;
	background-size: 39.07rem auto;
	width: 100%;
	height: 39.08rem;
	right: 0;
	top: -25.55rem;
	-webkit-animation:yun1 155s ease-in-out both infinite;
}*/
.yun3{
	background: url(../ossweb-img/yuns2.png) repeat-x;
	background-size: 67.95rem auto;
	width: 100%;
	height: 14.52rem;
	right: 0;
	bottom: 0;
	-webkit-animation:yun2 250s .3s ease-in-out both infinite;
}
/*.yun4{
	background: url(../ossweb-img/yun4.png) repeat-x;
	background-size: 31.46rem auto;
	width: 100%;
	height: 25.46rem;
	left: 0;
	bottom: -10.94rem;
	-webkit-animation:yun1 155s .3s ease-in-out both infinite;
}*/


@-webkit-keyframes yun1{
0%{background-position: 0 0;}
100%{background-position: 1000% 0;}
}
@-webkit-keyframes yun2{
0%{background-position: 0 0;}
100%{background-position: -1000% 0;}
}
/*@-webkit-keyframes pulse2{
0%{-webkit-transform:translateX(1rem);opacity: 1;}
50%{-webkit-transform:translateX(-1rem);opacity: .5;}
100%{-webkit-transform:translateX(1rem);opacity: 1;}
}*/


@media screen and (min-width: 1920px) and (max-width: 1920px) {
  /* 在这里编写适用于分辨率等于1920px的样式 */
  .s1_box1{
    transform: translate(-50%, -50%) scale(.9);
  }
}

@media screen and (min-width: 1400px) and (max-width: 1400px) {
  /* 在这里编写适用于分辨率等于1920px的样式 */
  .s1_box1{
    transform: translate(-50%, -50%) scale(.9);
  }
}

@media screen and (min-width: 1366px) and (max-width: 1366px) {
  /* 在这里编写适用于分辨率等于1920px的样式 */
  .s1_box1{
    transform: translate(-50%, -50%) scale(.8);
  }
}


/* 多语言适配 */
.lang_fr .zy_box2 .zy_tit em{font-size: .68rem;}
.lang_fr .s3_txt{font-size: .26rem;line-height: 1.3;}
.lang_fr .s1_info{font-size: .24rem;}

.lang_es .s1r_item a{font-size: .28rem;}
.lang_es .zy_box2 .zy_tit em{font-size: .68rem;}
.lang_es .zy_box .s1_txt{font-size: .26rem;}

.lang_ru .s1_txt{font-size: .24rem;}
.lang_ru .s1r_item a{font-size: .26rem;}
.lang_ru .s1r_info{font-size: .23rem;}
.lang_ru .s1_info{font-size: .22rem;line-height: 1.2;}
.lang_ru .zy_box .s1_txt{ line-height: .34rem;}
.lang_ru .zy_tit span{font-size: .4rem;}
.lang_ru .zy_tit em{font-size: .36rem;}
.lang_ru .zy_box2 .zy_tit em{font-size: .5rem;}
.lang_ru .jingying_box2 dt{margin: .1rem 0;}
.lang_ru .jingying_box2{width: 120%;font-size: .24rem;line-height: .3rem;}
.lang_ru .zy_infos4 .jingying_box2 {
  font-size: .22rem;
  line-height: .3rem;
  width: 125%;
}
.lang_ru .s3_txt{font-size: .22rem;line-height: 1.3;}
.lang_ru .boss_txt p{font-size: .22rem;}
.lang_ru .zy_infos{
	/*height: 90vh;margin-top: -45vh;*/
}
.lang_ru .jingying_box2 span{
  font-size: .18rem;
    max-width: calc(100% - .7rem);
    text-align: left;
    padding-left: .1rem;
}

.lang_de .s1_info{font-size: .24rem;}
.lang_de .s1r_item a{font-size: .3rem;}
.lang_de .jingying_box2{width: 110%;font-size: .26rem;}
.lang_de .zy_infos5 .jingying_box2,.lang_de .zy_infos4 .jingying_box2{width: 120%;}
.lang_de .s3_txt{font-size: .24rem;}

.lang_ar span,.lang_ar p,.lang_ar em,.lang_ar strong,.lang_ar dt,.lang_ar dd{direction:rtl;}
/* unicode-bidi:bidi-override; */
.lang_ar .zy_box2 .zy_info{width: 9.7rem;text-align: right;}
.lang_ar .boss_txt{float: right;}
.lang_ar .boss_txt:nth-of-type(1){border: none;margin: 0;padding: 0;}
.lang_ar .boss_txt:nth-of-type(2){border-right: .02rem solid #4c4d4d;margin-right: .3rem;padding-right: .3rem;}
.lang_ar .boss_txt p{font-size: .26rem;}
.lang_ar .position_txt{text-align: left;}
.lang_ar .boss_info2{width: 8.5rem;}
.lang_ar .zy_info2 .position_txt{text-align: right;}
.lang_ar .zy_box2 .position_txt{text-align: right;}
.lang_ar .jingying_box2 img{margin-right: 0;margin-left: .1rem;}

.lang_zh-tw .s1_tit2,.lang_zh-tw .s1_tit1,.lang_zh-tw .s1_sub,.lang_zh-tw .nav-box a,.lang_zh-tw .zy_tit span,.lang_zh-tw .zy_box2 .zy_tit em,.lang_zh-tw .s3_sub,.lang_zh-tw .jingying_box2 span{font-family: "font1";}

.s1_tit2{white-space: nowrap;}

.lang_vi .s3_txt{font-size: .26rem;}
.lang_vi .zy_box2 .zy_tit em{font-size: .46rem;}

.lang_id .zy_infos4 .jingying_box2,.lang_id .zy_infos5 .jingying_box2{width: 120%;}
.lang_id .s3_txt{font-size: .25rem;}

.lang_pt .zy_box2 .zy_tit em{font-size: .5rem;}
.lang_pt .jingying_box2{width: 110%;}
.lang_pt .zy_infos4 .jingying_box2{width: 120%;}


.lang_tr .zy_box2 .zy_tit em{font-size: .5rem;}

.lang_ms .s1_info{font-size: .24rem;}
.lang_ms .jingying_box2{width: 115%;}
.lang_ms .zy_infos4 .jingying_box2{width: 125%;}
.lang_ms .s3_txt{font-size: .26rem;}