/* reset */

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;
    -webkit-text-size-adjust: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

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
}
img{
  width: 100%;
}
@font-face {
  font-family: "font";
  src: url('../fonts/Rajdhani-Regular.ttf');
}
@font-face {
  font-family: "font2";
  src: url('../fonts/Rajdhani-Regular.ttf');
}
@font-face {
  font-family: "bold";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold2";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold_ar";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold_vi";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold_tr";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold_th";
  src: url('../fonts/FutureTense.ttf');
}
@font-face {
  font-family: "bold_pl";
  src: url('../fonts/FutureTense.ttf');
}


/* basic */

.c:before,
.c:after {
    content: "";
    display: table
}

.c:after {
    clear: both
}

.c {
    zoom: 1
}

html {
    height: 100%;
    width: 100%;
    --font-scale: 1.15;
    font-size: calc(100 /1920*100vw);
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #121719, #0f1416, #151a1c, #0b0f11);
    background-size: 400% 400%;
    animation: background-gradient-animation 30s ease infinite;
    z-index: -1;
}

body::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-image: url(../images/universe.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    animation: galaxy-parallax 120s linear infinite;
    z-index: -1;
    pointer-events: none;
    opacity: 0.03;
}

@keyframes background-gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes galaxy-parallax {
    0% {
        transform: translate(0, 0) scale(1);
    }
    25% {
        transform: translate(-2%, -1%) scale(1.02);
    }
    50% {
        transform: translate(1%, -2%) scale(1);
    }
    75% {
        transform: translate(-1%, 1%) scale(0.98);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

body {
    background-color: #121719;
    font-family: "font","Microsoft Yahei";
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    font-size: 0.2rem;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
body.ar{
  font-family: "bold_ar","Microsoft Yahei";
  direction:rtl;unicode-bidi:bidi-override;
}
body.vi{
  font-family: "bold_vi","Microsoft Yahei";
}
body.tr{
  font-family: "bold_tr","Microsoft Yahei";
}
body.th{
  font-family: "bold_th","Microsoft Yahei";
}


a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

input {
    outline: none;
}

.wrapper {
    position: relative;
    z-index: 7;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s;
}



@keyframes continuous-glow-movement {
    from {
        transform: translate(-30%, -30%) rotate(0deg);
        opacity: 0.4;
    }
    to {
        transform: translate(30%, 30%) rotate(15deg);
        opacity: 0.8;
    }
}

.hide,
.c-tit {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.dis-n {
    display: none;
}

.dis-b {
    display: block;
}



/*bg*/

.part {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    width: 19.2rem;
    margin-top: -0.01rem;
}


.kv{
  background-image: url(../images/kv.jpg);
  background-color: #121719;
  height: 9.47rem;
  position: relative;
}

.kv::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.bg1 {
    height: 7.6rem;
    margin-top: -0.2rem;
    background-color: #121719;
    -webkit-mask-image: url(../images/part1.png);
    mask-image: url(../images/part1.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}



@keyframes galaxy-parallax {
    0% {
        transform: translate(-10%, -10%) scale(1);
    }
    25% {
        transform: translate(-12%, -8%) scale(1.02);
    }
    50% {
        transform: translate(-8%, -12%) scale(1);
    }
    75% {
        transform: translate(-10%, -10%) scale(0.98);
    }
    100% {
        transform: translate(-10%, -10%) scale(1);
    }
}

@keyframes animated-grid {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 4rem 4rem;
    }
}

.bg2 {
    height: 8.13rem;
    background-color: #121719;
    -webkit-mask-image: url(../images/part2.png);
    mask-image: url(../images/part2.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 7.5rem;
}

.bg3 {
    height: 11.9rem;
    background-image: url(../images/part5.png);
}

.bg4 {
    -webkit-mask-image: url(../images/part4.png);
    mask-image: url(../images/part4.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.bg5 {
    background-image: url(../images/naomi-bg.png);
    background-color: #121719;
    height: 10.35rem;
}
.bg7{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 100%), url(../images/vultrax-bg.png);
  background-color: #121719;
  height: 10.35rem;
}

.bg8{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 100%), url(../images/lewis-bg.png);
  background-color: #121719;
  height: 10.35rem;
}
.ani{
  opacity: 0;
}
.ani.animated{
  opacity: 1;
}

.right{
  width: 2rem;
  height: 0.6rem;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0.05rem;
  z-index: 99;
}

/* kv */
.kv_top{
  background: url(../images/kv_top.png) no-repeat center/100%;
  width: 19.2rem;
  height: 1.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.28rem;
  box-sizing: border-box;
  position: fixed;
  z-index: 999;
  transition: all 0.5s;
}
.m_kv_top,.com_nav{
  display: none !important;
}
.kv_logo{
  width: 1.78rem;
  height: 0.53rem;
}
.kv_link{
  width: 14.2rem;
  font-family: "bold2";
  color: #fff;
  padding-left: 1rem;
  box-sizing: border-box;
  display: flex;

}
.kv_link>*{
  color: #fff;
  margin-right: 0.8rem;
  position: relative;
  max-width: 2rem;
  height: 0.83rem;
  line-height: 0.83rem;
}
.kv_link>*:hover,
.kv_link>*.on{
  color: #0FBCEA;
}
.kv_link img{
  width: auto;
  height: 0.14rem;
  margin-left: 0.05rem;
}
.kv_link img.kv_icon2{
  height: 0.1rem;
  position: relative;
  top: -0.04rem;
}
.kv_link i{
    border-color: #737373 #161616 #161616 #161616;
    border-style: solid;
    border-width: 0.14rem 0.08rem 0 0.08rem;
    height: 0;
    width: 0;
    margin: 0.1rem 0 0 0.05rem;
    display: inline-block;
}

.kv_ul{
  width: 2.1rem;
  /* padding: 0.1rem 0.2rem; */
  height: auto;
  background: rgb(17 17 17 / 64%);
  /* text-align: center; */
  position: absolute;
  top: 0.78rem;
  left: -0.4rem;
  z-index: 9;
  display: flex;
  flex-flow: column;
  border-radius: 0.05rem;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.kv_ul a{
  color: #fff;
  font-size: 0.2rem;
  padding: 0.05rem 0.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-bottom:0.01rem solid #373735;
}
.kv_ul a:nth-of-type(7){
  display: none;
}
.kv_ul a:hover{
  color: #0FBCEA;
}
.kv_ul img{
  width: auto;
  height: 0.08rem !important;
}
.kv_link>div:hover .kv_ul{
  visibility: visible;
  opacity: 1;
}
.kv_r{
  display: flex;
  align-items: center;
}
.kv_btn{
  background: url(../images/kv_btn.png) no-repeat right/1.83rem 0.54rem;
  width: 1.9rem;
  height: 0.54rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.54rem;
  text-align: center;
  display: block;
  font-weight: bold;
  font-family: "bold2";
  transition: all 0.5s;
  position: relative;
}
.kv_purchase{
    background: url(../images/kv_purchase.png) no-repeat;
    background-size: 1.83rem 0.54rem;
    background-position: 0 -0.05rem;
}
/* .kv_btn:hover{
  transform: scale(1.05);
} */
.kv_btn:hover .kv_ul{
  opacity: 1;
  visibility: inherit;
}
.kv_btn .kv_ul{
  left: -0.2rem;
  top: 0.65rem;
}
.kv_btn .kv_ul a{
  padding: 0 0.05rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kv_btn .kv_ul img{
  width: 1.8rem;
  display: block;
  margin: 0 auto;
  height: auto !important;
}
.kv_btn2{
  background: url(../images/kv_btn2.png) no-repeat center/100%;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.2rem;
  display: block;
  position: relative;
}
.lang-menu{
  width: 2.5rem;
  top: 0.5rem;
  left: auto;
  /*right: -0.2rem;*/
  right: -1rem;
}
.kv_btn2:hover .lang-menu{
  visibility: visible;
  opacity: 1;
}
.lang-menu li{
  color: #fff;
  font-size: 0.2rem;
  padding-left: 0.25rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-bottom:0.01rem solid #373735;
  cursor: pointer;
}
.lang-menu li:hover,.lang-menu li.on{
  color: #0FBCEA;
}
.kv_slogan{
  text-align: center;
  color: #fff;
  font-family: "bold";
  margin: 5.8rem auto 0.25rem;
  width: 10rem;
  position: relative;
  z-index: 2;
}
.kv_slogan div{
  overflow: hidden;
}
.kv_slogan .kv_slogan1{
  font-size: 0.43rem;
  position: relative;
  /* -webkit-animation-name: title;
  animation-name: title;
  transform: translateY(1rem); */
}
.kv_slogan .kv_slogan1.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.kv_slogan .kv_slogan2{
  font-size: 0.6rem;
  position: relative;
  /* -webkit-animation-name: title;
  animation-name: title;
  transform: translateY(1rem); */
  /* animation-delay: 0.5s; */
}
.kv_slogan .kv_slogan2.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.kv_slogan1{
  display: block;
}
.kv_slogan2{
  display: none;
}
.kv_down{
  /*width: 4.8rem;*/
  width: 10rem;
  height: auto;
  margin: 0.45rem auto 0.85rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
  /* animation-delay: 0.5s; */
}

.gamescom-card {
    background: rgba(10, 5, 20, 0.7);
    border-radius: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(200, 180, 255, 0.3);
    box-shadow: 0 0 30px 0 rgba(180, 140, 255, 0.15);
    max-width: 700px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(25px);
    animation: fadeInSlideUp 1.2s ease-out forwards;
    animation-delay: 0.8s;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    z-index: -1;
    overflow: hidden;
}

.gamescom-card:hover {
    transform: translateY(5px) scale(1.02);
    box-shadow: 0 8px 40px 0 rgba(0, 209, 255, 0.25);
    border-color: rgba(0, 209, 255, 0.5);
}

.gamescom-card__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    height: 100%;
    padding: 0.2rem 1rem;
}

.gamescom-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 209, 255, 0.1) 50%, transparent 100%);
    animation: scanline 4s linear infinite;
    animation-delay: 1.5s;
    pointer-events: none;
}


.gamescom-card h2 {
    font-size: 0.3rem;
    color: #e0e0e0;
    margin: 0;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0, 209, 255, 0.7);
    line-height: 1;
}

.gamescom-card .gamescom-logo {
    max-height: 65px;
    width: auto;
    filter: grayscale(1) brightness(3);
    animation: pulse-logo 3s infinite ease-in-out;
    animation-delay: 0.5s;
}

.gamescom-card span {
    font-size: 0.4rem;
    color: #ffffff;
    margin: 0;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 209, 255, 0.9);
}


@keyframes fadeInSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scanline {
    0% {
        left: -50%;
    }
    50% {
        left: 150%;
    }
    100% {
        left: -50%;
    }
}

@keyframes pulse-logo {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); opacity: 0.8; }
}

@keyframes animated-grid {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 4rem 4rem;
    }
}

.kv_down .pluto-mall{
    position: relative;
    margin-right: 0.3rem;
}
.kv_down .pluto-mall .btn-pluto-title{
    width: 3rem;
    height: .75rem;
    background: url(../images/langugae/kv_down_title_en.png) 0 0 no-repeat;
    background-size: auto .75rem;
    position: absolute;
    top: -75%;
    left: 0;
    z-index: 9;
}
.kv_down .pluto-mall .btn-pluto-mall{
    height: 0.7rem;
    width: auto;
}
.kv_down a{
  /* background-image: url(../images/kv_down.png);
  background-size: 9.19rem 0.85rem;
  background-position: left; */
  width:auto;
  height: 0.84rem;
  position: relative;
  transform: scale(0.8);
  margin: 0 -0.1rem;
}
/* .kv_down .pluto-mall{
  height: 1.25rem;
} */
/* @media screen and (min-width: 1025px) {
  .kv_down .pluto-mall{
    margin-bottom: 0.56rem;
    padding-right: 0.32rem;
  }
} */
.kv_down a:nth-of-type(2){
  height: 1.1rem;
}
.kv_down img{
  height: 100%;
  width: auto;
}
.kv_down a:nth-of-type(3){
  background: url(../images/kv_down2.png) no-repeat center/100%;
  width: 2.25rem;
  height: 0.85rem;
  /*position: absolute;
  top: -0.85rem;
  left: 50%;
  margin-left: -1.41rem;*/
  transform: scale(1);
  font-size: 0.22rem;
  padding-left: 0.95rem;
  box-sizing: border-box;
  /* font-weight: bold; */
  color: #fff;
  display: flex;
  align-items: center;
}
.kv_down a:nth-of-type(3){
    margin-left: 0.2rem;
}
.kv_ul a.kv_sys{
  line-height: 0.2rem;
  padding: 0.05rem 0.2rem;
}
/* .kv_down a:nth-of-type(3).mac{
  background: url(../images/kv_down3.png) no-repeat center/100%;
} */
.mac_tips{
  position:absolute;
  left:50%;
  bottom: 1.03rem;
  width:3.12rem;
  margin-left:-1.56rem;
  opacity:0;
  transition: all 0.3s
}
.mac_tips .infos{
  text-align:center;
  font-size:0.14rem;
  line-height:0.2rem;
  padding:0.15rem 0.1rem;
  background-color:rgb(0,0,0,0.6);
  border-radius:0.08rem;
  color:#fff
}
.mac_tips .jiantou{
  position:absolute;
  left:50%;
  margin-left:-0.08rem;
  background:url(../images/tishi_jiantou.png) no-repeat center/100%;
  width:0.15rem;
  height:0.07rem;
  bottom:-0.07rem;
}
.kv_down a:nth-of-type(2) .mac_tips{
  bottom: 1.15rem;
}

.kv_down a:hover .mac_tips{
  opacity:1;
}

.kv_desc{
  font-size: 0.24rem;
  text-align: center;
  color: #fff;
  margin: 0.5rem auto;
  position: relative;
  z-index: 9;
  /* animation-delay: 1s; */
}
.kv_swi{
  width: 5rem;
  height: 2.65rem;
  margin: 0 auto;
  /* animation-delay: 1.5s; */
}
.kv_swi .swiper-slide{
  /* display: flex;
  justify-content: center;
  align-items: center; */
}
/* .kv_swi .swiper-slide-active{
  opacity: 0;
} */
.kv_swi img{
  width: 1.95rem;
  display: block;
  margin: 0 auto;
}
.kv_swi .swiper-pagination{
  bottom: 0;
}
.kv_swi .swiper-pagination-bullet{
  width: 1.1rem;
  height: 0.04rem;
  border-radius: 0;
  background: #766b67;
}
.kv_swi .swiper-pagination-bullet-active{
  background: #0FBCEA;
}
.big-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 80px;
  filter: brightness(0.75);
  /* z-index: 1; */
}
.m_kv_desc{
  display: none;
}

.kv_zfbtn{
  width: 1.61rem;
  height: 0.45rem;
  margin-right: 0.3rem;
  background: none;
  display: none;
}
.kv_zfbtn img{
    display: none !important;
}
/*bg1*/
.part1_con{
  width: 15.5rem;
  height: 5.5rem;
  margin: 1rem auto 0.5rem;
  position: relative;

}
.part1_con a{
  cursor: url(../images/part2_icon3.png),auto;
  overflow: hidden;
  width: 7.6rem;
  display: block;
}
.part1_ti{
  font-family: 'bold';
  font-size: 0.9rem;
  color: #fff;
  width: 15.5rem;
  margin: 0.5rem auto -1.15rem;
  position: relative;
  z-index: 9;
  overflow: hidden;
  pointer-events: none;
}
.part1_ti .part1_p{
  position: relative;
  -webkit-animation-name: title;
  animation-name: title;
  transform: translateY(1rem);
}
.part1_ti .part1_p.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes title {

  0% {
      opacity: 0;
      transform: translateY(1rem);
  }

  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes title {


  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }

}
.part1_link{
  text-align: center;
  position: relative;
  z-index: 8;
  animation-delay: 0.5s;
}
.part1_link .swiper-slide{
  width: 7.6rem;
  margin: 0 0.32rem;
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important;
  -webkit-filter: grayscale(1) !important;
}
.part1_link .swiper-slide-active{
  filter: grayscale(0%) !important;
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0) !important;
  -webkit-filter: grayscale(0) !important;
}
.part1_link h2{
  display: none;
}
.bg1_swi{
  padding-top: 0.4rem;
  cursor: url(../images/part2_icon3.png),auto;
}
.bg1_pa.swiper-pagination{
  bottom: 5.08rem;
  left: auto;
  right: 0;
  width: 5.7rem;
  height: .4rem;
  /* cursor: pointer; */
  z-index: 99;
  text-align: right;
}
.bg1_pa  .swiper-pagination-bullet{
  width: 0.72rem;
  height: 0.04rem;
  border-radius: 0;
  background: #766b67;
  margin-left: 0.1rem;
}
.bg1_pa  .swiper-pagination-bullet-active{
  background: #0FBCEA;
}
.part1_link img{
  width: 7.6rem;
  display: block;
  margin: 0 auto;
  transition: .2s;
  transform: scale(.9);
}
.part1_link .swiper-slide-active img{
  transform: scale(1);
}
/* .part1_link .swiper-slide-active:hover img{
  transform: scale(1.1);
} */
.bg1_desc{
  text-align: center;
  position: relative;
  height: 1.1rem;
}
.bg1_desc h2{
  /* font-family: 'bold'; */
  font-family: "font2";
  color: #fff;
  font-size: 0.28rem;
  margin: 0.25rem auto;
  display: none;
  position: absolute;
  top: 0.25rem;
  width: 100%;
  /* left: 50%;
  margin-left: -3rem; */
  text-align: center;
}


.part1_icon{
  width: 16.49rem;
  height: 4.34rem;
  position: absolute;
  bottom: 0;
  left: 0;
  animation-delay: 1.5s;
}
.part1_icon1{
  background: url(../images/part1_icon2.png) no-repeat center/100%;
  width: 4.47rem;
  height: 0.19rem;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  animation-delay: 1s;
}
.part1_icon2{
  background: url(../images/part1_icon3.png) no-repeat center/100%;
  width: 3.2rem;
  height: 0.19rem;
  position: absolute;
  right: 1.2rem;
  bottom: 0.5rem;
  animation-delay: 1s;
}
.bg1_index{
  position: absolute;
  right: 0rem;
  bottom: 0.2rem;
  font-family: "font2";
  color: #fff;
  font-size: 0.28rem;
  margin: 0.25rem auto;
}
#showBig2{
  width: 0.99rem;
  height: 0.97rem;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 9;
  opacity: 0;
}
#showBig2 img{
  width: 100%;
}



/* bg2 */
.part2_ti{
  font-family: 'bold';
  font-size: 0.9rem;
  color: #fff;
  width: 16rem;
  text-align: right;
  margin: 0.5rem auto 0.5rem;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.part2_p{
  display: inline-block;
  position: relative;
  -webkit-animation-name: title;
  animation-name: title;
  transform: translateY(1rem);
}
.part2_p:nth-of-type(2){
  animation-delay: 0.25s;
}
.part2_p:nth-of-type(3){
  animation-delay: 0.5s;
}
.part2_p.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.part2_icon{
  width: 0.87rem;
  height: 1.44rem;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
}
.bg2_swi{
  width: 16rem;
  height: 7rem;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  margin-left: -8rem;
  animation-delay: 1s;
  /* cursor: url(../images/part2_icon3.png) center,auto; */
}
.bg2_swi .swiper-slide{
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
}
.bg2_swi .swiper-pagination{
  bottom: 1.3rem;
  left: auto;
  right: 1rem;
  width: 3.57rem;
  cursor: initial !important;
}
.bg2_swi .swiper-pagination-bullet{
  width: 0.72rem;
  height: 0.04rem;
  border-radius: 0;
  margin: 0 0.1rem !important;
  background: #766b67;
}
.bg2_swi .swiper-pagination-bullet-active{
  background: #0FBCEA;
}
.bg2 .swiper-button-prev, .bg2 .swiper-button-next{
  background: url(../images/part2_icon4.png) no-repeat center/100%;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: 1.95rem;
  transition: all 0.5s;
}
 .bg2 .swiper-button-next:hover{
  transform: scale(1.1);
}
.bg2 .swiper-button-next{
  right: 2.35rem;
}
.bg2 .swiper-button-prev{
  transform: rotate(180deg);
  left: 12.6rem;
}
.bg2 .swiper-button-prev:hover{
  transform:rotate(180deg) scale(1.1);
}

.part2_l{
  position: relative;
  /* transform: translateX(-8rem); */
  opacity: 0;
  transition: all 0.8s;
}
.part2_l img{
  width: 10.19rem;
  height: 6.89rem;
  margin-left: -0.5rem;
}
.play_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%,-50%) scale(0.8);
  display: block;
  width: 0.95rem;
  height: 1.27rem;
  transition: all 0.5s;
}
/* .play_btn::after{
  content: '';
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
} */
.play_btn::before{
  content: '';
  background: url(../images/play_btn-2.png) no-repeat center/100%;
  width: 0.95rem;
  height: 1.27rem;
  position: absolute;
  top: 0;
  z-index: 9;
}
.play_btn:hover{
  transform: translate(-30%,-50%) scale(1);
}
.part2_r{
  height: 2rem;
  /* margin-top: 4rem; */
  transform: translateX(8rem);
  opacity: 0;
  transition: all 1s;
  margin-right: 1rem;
  cursor: initial !important;
}
.part2_icon2{
  width: 3.57rem;
  height: 0.19rem;
  position: absolute;
  top: 2.2rem;
  right: 2.7rem;
}
.part2_icon3{
  width: 3.57rem;
  height: 0.19rem;
  position: absolute;
  top: 7rem;
  right: 2.7rem;
}
.part2_icon2 .icon,
.part2_icon3 .icon{
  background: url(../images/part2_icon2.png) no-repeat center/3.57rem 0.19rem;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  -webkit-animation-icon: icon;
  animation-name: icon;
  transform: translateX(-50%);
  animation-delay: 1s;
}
/* .icon.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
} */
@-webkit-keyframes icon {

  0% {
      opacity: 1;
      width: 0%;
  }

  100% {
      opacity: 1;
      width: 100%;
  }
}

@keyframes icon {

  0% {
    opacity: 1;
    width: 0%;
  }


  100% {
      opacity: 1;
      width: 100%;
  }

}
.part2_con{
  width: 3.7rem;
  text-align: center;
  /* cursor: url(../images/part2_icon3.png),auto; */
}
.part2_con h2{
  font-size: 0.28rem;
  color: #fff;
  margin: 0.5rem auto;
}
.part2_con p{
  font-size: 0.16rem;
  color: #fff;
  opacity: 0.5;
  min-height: 2rem;
  line-height: 0.3rem;
  margin: 0.4rem 0;
  font-family: "font2";
}
.swiper-slide-active .part2_l,
.swiper-slide-active .part2_r{
  transform: translateX(0);
  opacity: 1;
}

/* bg3 */
.part3_ti{
  font-family: 'bold';
  font-size: 0.81rem;
  color: #fff;
  width: 13.5rem;
  margin: 2.0rem 0.5rem 0.5rem 1.5rem;
  animation-delay: 1s;
  overflow: hidden;
  text-align: left;
}
.bg3_swi{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.bg3_swi::before{
  content: "";
  width: 12.87rem;
  height: 10.76rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/part3_bg.png) no-repeat center / 100% 100%;
  /* background: url(../images/part3_bg1.png) no-repeat center / 100% 100%; */
}
.part3_l{
  margin-left: 2.3rem;
  width: 3.57rem;
  margin-top: 1rem;
  position: relative;
}
.part3_icon2{
  width: 3.57rem;
  height: 0.19rem;
  margin: 0 auto;
  animation-delay: 1s;
  position: relative;
}
.part3_icon2:nth-of-type(3){
  margin-top: 1.5rem;
}
.part3_icon2 .icon{
  background: url(../images/part2_icon2.png) no-repeat center/3.57rem 0.19rem;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  -webkit-animation-icon: icon;
  animation-name: icon;
  transform: translateX(-50%);
  animation-delay: 1s;
}
.part3_con{
  width: 3.57rem;
  text-align: center;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.part3_con h2{
  font-size: 0.28rem;
  color: #fff;
  margin: 0.5rem auto;
}
.part3_con p{
  font-size: 0.16rem;
  color: #fff;
  opacity: 0.5;
  height: auto;
  line-height: 0.3rem;
  width: 5rem;
  flex: none;
  font-family: "font2";
}
.part3_btn{
  background: url(../images/part5_submit.png) no-repeat right/3.19rem 0.96rem;
  width: 3.31rem;
  height: 0.96rem;
  text-align: center;
  font-family: "bold2";
  line-height: 0.98rem;
  font-size: 0.27rem;
  font-weight: bold;
  color: #ffffff;
  display: block;
  /* margin: 0.5rem auto; */
  transition: all 0.5s;
  position: absolute;
  top: 8.46rem;
  left: 2.5rem;
}
.part3_btn:hover{
  transform: scale(1.1);
}
.part3_icon{
  width: 12.87rem;
  height: 10.76rem;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: end;
  transform: translateX(4rem);
  opacity: 0;
  transition: all 0.2s;
}
.ani-slide .part3_icon{
  transform: translateX(0);
  opacity: 1;
  transition: all 1s;
}
.part3_icon img{
  width: 100%;
}
#showBig{
  width: 0.99rem;
  height: 0.97rem;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 9;
}
#showBig img{
  width: 100%;
}



/* bg4 */
.part4_ti{
  font-family: 'bold';
  font-size: 0.9rem;
  color: #fff;
  width: 15.4rem;
  text-align: right;
  letter-spacing: 5px;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.part4_more{
  font-size: 0.25rem;
  color: #0FBCEA;
  font-family: 'bold2';
  position: absolute;
  top: 1.9rem;
  left: 1.7rem;
  animation-delay: 0.5s;
  z-index: 11;
}
.part4_more i{
  background: url(../images/part4_icon.png) no-repeat center/100%;
  width: 0.3rem;
  height: 0.26rem;
  position: absolute;
  top: 0.05rem;
  right: -0.45rem;
}
.part4_link{
  width: 16.5rem;
  margin: 0 auto 0;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 2.47rem;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
}
.part4_link a{
  width: 4.68rem;
  margin: 0 0.3rem;
  position: relative;
}
.part4_link img{
  width: 4.68rem;
  height: 2.7rem;
  display: block;
  margin: 0 auto;
  -webkit-mask: url(../images/part4_img1.png) no-repeat center/100%;
  mask: url(../images/part4_img1.png) no-repeat center/100%;
}
.part4_link a i{
  position: absolute;
  width: 0;
  height: 2.7rem;
  top: 0;
  left: 0;
  background-color: rgb(242 114 21 / 58%);
  -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: all 0.5s;
  z-index: 9;
}
.part4_link a:hover i{
  width: 4.68rem;
}
.part4_link h2{
  /* font-family: 'bold'; */
  color: #fff;
  font-size: 0.28rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.part4_link p{
  color: #fff;
  font-size: 0.22rem;
  opacity: 0.5;
  margin: 0.5rem auto 0.25rem;
  font-family: "font2";
}

/* bg5 */
.bg5{
  direction: ltr;
  position: relative;
}
.part5_ti{
  font-family: 'bold';
  font-size: 0.9rem;
  color: #fff;
  width: 12.4rem;
  margin: 1.3rem 0 0.5rem 1.85rem;
  letter-spacing: 5px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  text-align: left;
}
.part5_icon{
  width: 8.1rem;
  height: 10rem;
  position: absolute;
  top: 1.45rem;
  right: 0;
  animation-delay: 1s;
}
.part5_con{
  width: 15.4rem;
  margin: 0 auto;
  animation-delay: 1.5s;
  transition: all 0.5s;
}
.part5_icon2{
  width: 3.57rem;
  height: 0.19rem;
  margin: 0.3rem 0 0.8rem 2rem;
  font-family: "font2";
  animation-delay: 1s;
  position: relative;
}
.part5_icon2 .icon{
  background: url(../images/part2_icon2.png) no-repeat center/3.57rem 0.19rem;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  -webkit-animation-icon: icon;
  animation-name: icon;
  transform: translateX(-50%);
  animation-delay: 1s;
}
.part5_con p{
  font-size: 0.28rem;
  color: #fff;
  opacity: 0.5;
  width: 9.5rem;
  line-height: 0.44rem;
  font-family: "font2";
}
.part5_con input{
  background: url(../images/part5_input.png) no-repeat center/100%;
  width: 7.98rem;
  height: 0.76rem;
  padding-left: 0.35rem;
  box-sizing: border-box;
  border: none;
  line-height: 0.76rem;
  font-size: 0.28rem;
  margin: 0.25rem auto;
  font-family: "font2";
  color: #979695;
}
.part5_code{
  background: url(../images/part5_input2.png) no-repeat center/100%;
  width: 7.98rem;
  height: 0.76rem;
  line-height: 0.76rem;
  font-size: 0.28rem;
  margin: 0 0 0.25rem;
  font-family: "font2";
  color: #0FBCEA;
  display: flex;
  justify-content: space-between;
}
.part5_code input{
  margin: 0;
  background: none;
  width: 4rem;
  padding-left: 0.35rem;
  box-sizing: border-box;
}
input::-webkit-input-placeholder { /* WebKit browsers */
  color: #979695;
  font-size: 0.28rem;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #979695;
  font-size: 0.28rem;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #979695;
  font-size: 0.28rem;
}
.part5_code a{
  font-size: 0.26rem;
  font-family: "font2";
  color: #0FBCEA;
  width: 4rem;
  text-align: center;
  position: relative;
}
.part5_code a:after{
  content: '';
  background-color: #979695;
  width: 0.01rem;
  height: 0.5rem;
  position: absolute;
  left: 0;
  top: 0.15rem;
}
.part5_desc{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 0.24rem;
  width: 10rem;
}
.part5_desc .p5_btn{
  width: 0.21rem;
  height: 0.21rem;
  border: 0.04rem solid #fff;
  margin-right: 0.1rem;
  opacity: 0.5;
  box-sizing: border-box;
}
.part5_desc .p5_btn.on{
  border: 0.04rem solid #563816;
  /* background-color: #0FBCEA; */
  /* opacity: 1; */
  position: relative;
  opacity: 1;
}
.part5_desc .p5_btn.on::after{
  content: '';
  background: url(../images/part5_icon2.png) no-repeat center/100%;
  width: 0.16rem;
  height: 0.11rem;
  position: absolute;
  top: -0.01rem;
  right: -0.05rem;

}
.part5_desc span{
  opacity: 0.5;
}
.part5_desc .p5_btn2{
  color: #fff;
  border-bottom: 0.01rem solid #fff;
  margin:0 0.05rem;
  opacity: 0.5;
}
.p5_submit{
  display: block;
  background: url(../images/part5_submit.png) no-repeat right/3.19rem 0.96rem;
  width: 3.31rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  font-family: "bold2";
  margin-top: 0.5rem;
  font-weight: bold;
  transition: all 0.5s;
  margin-left: -0.14rem;
}
.p5_submit:hover{
  transform: scale(1.1);
}
.part5_bottom{
  background: url(../images/part5_btn.png) no-repeat center/100%;
  width: 15.21rem;
  height: 1.24rem;
  display: flex;
  justify-content: center;
  margin: 1.5rem auto 0.5rem;
}
.part5_bottom a{
  width: 0.92rem;
  height: 1.24rem;
  margin: 0 0.29rem;
}
.part5_link{
  width: 15.21rem;
  height: 1.24rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}
.bottom_l{
  background: url(../images/part5_btn.png) no-repeat left/15.21rem 1.24rem;
  width: 3rem;
  height: 1.24rem;
  animation-delay: 1s;
}
.bottom_r{
  background: url(../images/part5_btn.png) no-repeat right/15.21rem 1.24rem;
  width: 3rem;
  height: 1.24rem;
  animation-delay: 1s;
}
.link_li{
  width: 9.5rem;
  height: 1.24rem;
  display: flex;
  justify-content: center;
}
.link_li a{
  background-image: url(../images/part5_btn.png);
  background-size: 15.21rem 1.24rem;
  width: 0.92rem;
  height: 1.24rem;
  margin: 0 0.2rem;
  transition: all 0.5s;
}
.link_li a:nth-of-type(1){
  background-position: -3.4rem 0;
}
.link_li a:nth-of-type(2){
  background-position: -4.9rem 0;
}
.link_li a:nth-of-type(3){
  background-position: -6.4rem 0;
}
.link_li a:nth-of-type(4){
  background-position: -7.9rem 0;
}
.link_li a:nth-of-type(5){
  background-position: -9.35rem 0;
}
.link_li a:nth-of-type(6){
  background-position: -10.9rem 0;
}
.link_li a:nth-of-type(7){
  background: url(../images/part5_btn2.png) no-repeat center/100%;
  height: 1.24rem;
  width: 0.7rem;
  margin-left: 0.28rem;
}
.link_li a:nth-of-type(8){
  display: none;
}
.link_li a:hover{
  transform: scale(1.1);
}

/* footer */
.wrapContent {
  width: 100%;
  height: 1.7rem;
  position: relative;
}
.GlobalFooter {
  width: 100%;
  padding:0.25rem 0;
  /* background: #111; */
  text-align: center;
  direction: ltr;
}
.GlobalFooter .f_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.GlobalFooter .f_logo img{
  width: auto;
  height: 0.53rem;
  /* margin-left:  0.2rem; */
}
.f_link {
  margin: 0.15rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.GlobalFooter .COPYRIGHT {
  font-size: 0.12rem;
  color: #fff;
}
.jump {color:#fff;}
.jump:hover {color: #fff; text-decoration: underline;}
.GlobalFooter i {
  width: 0.01rem;
  height: 0.14rem;
  margin: 0 0.15rem;
  background-color: #fff;
  font-size:0;
}


/* news */
.news_bg1{
  background: url(../images/news_bg1.jpg) no-repeat center/100%;
  width: 19.2rem;
  height: 8.13rem;
}
.news_bg2{
  background: url(../images/news_bg2.jpg) no-repeat top/100%;
  width: 19.2rem;
  height: auto;
}
.news_bg3{
  background: url(../images/news_bg3.jpg) no-repeat center/100%;
  width: 19.2rem;
  height: 7.03rem;
}
.news_swi{
  width: 14.37rem;
  margin: 3.1rem 0 0 2.8rem;
  cursor: url(../images/part2_icon3.png),auto;
}
.news_swi a{
  cursor: url(../images/part2_icon3.png),auto;
}
.news_kv{
  display: none !important;
}
.news_icon{
  width: 0.03rem;
  height: 4.5rem;
  position: absolute;
  bottom: 0;
  left: 2rem;
  background-color: #32312e;
}
.news_icon2{
  width: 0.03rem;
  height: 7.3rem;
  position: absolute;
  bottom: 0;
  right: 2rem;
  background-color: #32312e;
}
.news_swi .swiper-slide{
  width: 13rem;
  margin-right: 0.5rem;
}
.news_ti{
  font-size: 0.9rem;
  font-family: 'bold';
  color: #fff;
  position: absolute;
  z-index: 9;
  left: 2rem;
  top: 2.2rem;
}
.news_bg1con{
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin: 0.1rem 0 0 0;
  height: 4rem;
}
.news_bg1con i{
  height: 4.53rem;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  background-color: rgb(242 114 21 / 58%);
  -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: transform .3s cubic-bezier(.215,.61,.355,1);
  transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: all 0.5s;
  z-index: 9;
}
.news_swi a:hover .news_bg1con i{
  width: 7.86rem;
}
.news_bg1con img{
  width: 7.86rem;
  height: 4.53rem;
  -webkit-mask: url(../images/part4_img1.png) no-repeat center/100%;
  mask: url(../images/part4_img1.png) no-repeat center/100%;
}
.news_bg1desc{
  width: 4.5rem;
}
.news_bg1desc h4{
  font-size: 0.28rem;
  color: #fff;
  /* font-family: 'bold'; */
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_bg1desc .news_bg1desc_p{
  font-size: 0.22rem;
  color: #fff;
  opacity: 0.5;
  margin: 0.35rem auto;
  height: 0.8rem;
  overflow: hidden;
  font-family: "font2";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news_bg1desc_p *{
  font-size: 0.22rem;
}
.news_bg1desc_p img{
  display: none;
}
.news_pa.swiper-pagination{
  bottom: 5.5rem;
  left: auto;
  right: 2rem;
  width: 3.57rem;
}
.news_pa .swiper-pagination-bullet{
  width: 0.72rem;
  height: 0.04rem;
  border-radius: 0;
  background: #766b67;
  margin: 0 0.1rem;
}
.news_pa .swiper-pagination-bullet-active{
  background: #0FBCEA;
}
.news_bg2con{
  width: 13.4rem;
  height: auto;
  margin: 2rem auto 0.5rem;
  overflow-y: auto;
}
.news_bg2con::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #373735;
}
.news_bg2con::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 5px;
}
.news_bg2con::-webkit-scrollbar{
  width: 5px;
  height: 1px;
  border-radius: 5px;
}
.news_bg2con a{
  width: 100%;
  height: 2.34rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
}
.news_bg2con img{
  width: 4.05rem;
  height: 2.34rem;
  -webkit-mask: url(../images/part4_img1.png) no-repeat center/100%;
  mask: url(../images/part4_img1.png) no-repeat center/100%;
}
.news_bg2con a i{
  position: absolute;
  width: 0;
  height: 2.34rem;
  top: 0;
  left: 0;
  background-color: rgb(242 114 21 / 58%);
  -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: transform .3s cubic-bezier(.215,.61,.355,1);
  transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
  transition: all 0.5s;
  z-index: 9;
}
.news_bg2con a:hover i{
  width: 4.05rem;
}
.news_bg2desc{
  width: 8.7rem;
  color: #fff;
  font-size: 0.22rem;
}
.news_bg2desc span{
  opacity: 0.5;
  margin: 0.1rem auto;
  display: block;
  line-height: 0.28rem;
}
.news_bg2desc_p{
  opacity: 0.5;
  margin: 0.1rem auto;
  display: block;
  line-height: 0.28rem;
  height: 0.8rem;
  overflow: hidden;
  font-family: "font2";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news_bg2desc_p *{
  font-size: 0.22rem;
}
.news_bg2desc_p img{
  display: none;
}
.news_bg2desc h4{
  font-size: 0.28rem;
  opacity: 1;
  /* font-family: 'bold'; */
  font-weight: bold;
  margin: 0.25rem auto;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.news_btn{
  background: url(../images/news_btn.png) no-repeat center/100%;
  width: 3.11rem;
  height: 0.76rem;
  display: block;
  margin: 0 auto;
  font-size: 0.22rem;
  font-weight: bold2;
  text-align: center;
  line-height: 0.76rem;
  color: #ddd;
  transition: all 0.5s;
}
.news_btn:hover{
  transform: scale(1.1);
}
.news_bg2 .GlobalFooter{
  background: none;
}
.back_btn{
  font-size: 0.25rem;
  color: #fff;
  font-family: 'bold2';
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}
.back_btn i{
  background: url(../images/news_icon.png) no-repeat center/100%;
  width: 0.3rem;
  height: 0.26rem;
  position: absolute;
  top: 0.05rem;
  left: -0.45rem;
}
.news_decon{
  width: 15.1rem;
  margin: 0 auto;
}
.decon_box{
  width: 100%;
  min-height: 7.3rem;
  border-left: 0.03rem solid #373735;
  border-right: 0.03rem solid #373735;
  margin: 2rem auto 1.5rem;
}
.decon_box i{
  background: url(../images/news_icon2.png) no-repeat center/100%;
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  top: 2rem;
  left: 1.5rem;
}
.decon_box i:nth-of-type(2){
  top: auto;
  bottom: 0;
  transform: rotate(180deg);
}
.decon_top{
  position: relative;
  padding-top: 0.01rem;
}
.decon_top .ti{
  font-size: 0.81rem;
  color: #fff;
  font-family: 'bold';
  width: 13rem;
  margin: -1.25rem auto;
}
.decon_top .time{
  font-size: 0.22rem;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0.8rem;
  font-family: "font2";
}
.decon_detail{
  width: 9.4rem;
  margin-left: 5rem;
  color: #8d8c8a;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-family: "font2";
  height: 100%;
  overflow-y: auto;
  padding-right: 0.75rem;
}
.decon_detail::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #ddd;
}
.decon_detail::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #373735;
  border-radius: 5px;
}
.decon_detail::-webkit-scrollbar{
  width: 0.03rem;
  height: 1px;
  border-radius: 5px;
}
.decon_detail img{
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0.5rem auto;
  height: auto;
}
.decon_detail iframe{
  width: 100% !important;
}
.decon_bottom{
  position: relative;
}
.decon_bottom .part4_ti{
  margin-top: 0;
}
.decon_bottom .part4_more{
  top: 0;
  left: 0;
}
.decon_bottom .part4_link{
  width: 100%;
  position: relative;
  top: 0;
}
.news_top{
  background: url(../images/news_icon3.png) no-repeat center/100%;
  width: 0.67rem;
  height: 0.66rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

/* role */
.role_bg{
  width: 19.2rem;
  height: 14.3rem;
  background: url(../images/role_bg.jpg) no-repeat center/100%;
}
.role_con{
  width: 15.5rem;
  height: 8.5rem;
  margin: 0 auto;
}
.role_img{
  width: 9rem;
  height: 8.5rem;
  margin: 0.5rem auto;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: scale(1.05);
  margin-left: -4.8rem;
}
.role_l{
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 3rem;
  left: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.role_tab{
  height: 100%;
  width: 0.92rem;
  border-right: 0.01rem solid #373735;
  overflow: hidden;
}
.role_tab a{
  width: 0.92rem;
  height: 0.68rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.35rem auto;
  opacity: 0.5;
  position: relative;
}
.role_tab a::after{
  content: '';
  width: 0.4rem;
  height: 0.01rem;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
.role_tab a img{
  height: 0.5rem;
  width: auto;
}
.role_tab .on{
  background: url(../images/role_tab.png) no-repeat center/100%;
  opacity: 1;
}
.role_tab .on:nth-of-type(2){
  background: url(../images/role_tab_bg2.png) no-repeat center/100%;
  opacity: 1;
}
.role_tab .on:nth-of-type(3){
  background: url(../images/role_tab_bg3.png) no-repeat center/100%;
  opacity: 1;
}
.role_tab .on:nth-of-type(4){
  background: url(../images/role_tab_bg4.png) no-repeat center/100%;
  opacity: 1;
}
.role_tab .on::after{
  display: none;
}
.role_l_con{
  width: 3rem;
}
.role_l_box,.skill_box{
  display: none;
}
.role_l_box.on,.skill_box.on{
  display: block;
}
.role_l_con h2{
  text-align: center;
  font-size: 0.14rem;
  letter-spacing: 3px;
  color: #fff;
}
.role_list{
  width: 100%;
  height: auto;
  max-height: 4rem;
  margin-top: 0.2rem;
  overflow-y: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.role_list::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #373735;
}
.role_list::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 5px;
}
.role_list::-webkit-scrollbar{
  width: 5px;
  height: 1px;
  border-radius: 5px;
}
.role_list .role_li{
  background: url(../images/role_list1.png) no-repeat top/0.68rem 0.89rem;
  width: 0.68rem;
  height: 1.28rem;
  padding-top: 1px;
  position: relative;
  margin: 0.05rem 0.13rem;
}
.role_list .role_li.on{
  background: url(../images/role_list1_act.png) no-repeat top/0.71rem 0.91rem;
}
.role_list2 .role_li{  background: url(../images/role_list2.png) no-repeat top/0.68rem 0.89rem;}
.role_list2 .role_li.on{  background: url(../images/role_list2_act.png) no-repeat top/0.71rem 0.91rem;}
.role_list3 .role_li{  background: url(../images/role_list3.png) no-repeat top/0.68rem 0.89rem;}
.role_list3 .role_li.on{  background: url(../images/role_list3_act.png) no-repeat top/0.71rem 0.91rem;}
.role_list .role_li img{
  width: 0.6rem;
  position: absolute;
  /* bottom: 0.31rem; */
  top: 0.01rem;
  left: 50%;
  transform: translateX(-50%);
}
.role_list .role_li p{
  position: absolute;
  top: 0.95rem;
  line-height: 1;
  text-align: center;
  font-size: 0.12rem;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  word-wrap: break-word;
}

.role_r{
  width: 4.1rem;
  position: absolute;
  top: 3rem;
  right: 1.65rem;
}
.role_name{
  color: #fff;
  width: 5.5rem;

}
.role_name p{
  font-size: 0.26rem;
}
.role_name h2{
 font-size: 0.7rem;
 font-family: 'bold';
}
.role_skill{
  /* width: 3.09rem; */
  width: auto;
  height: 0.3rem;
  margin: 0.2rem auto;
}
.skill_tab{
  display: flex;
  margin-left: -0.1rem;
  position: relative;
  margin-top: 0.35rem;
}
.skill_tab .role_swi{
  width: 92%;
  margin-left: 0;
}
.skill_tab .role_swi .swiper-slide{
  width: 0.7rem;
  height: 0.7rem;
}
.role_n,.role_p{
  background: url(../images/role_n.png) no-repeat center/100%;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: -0.15rem;
}
.role_p{
  transform: rotate(180deg);
}
.skill_tab a{
  width: 0.7rem;
  height: 0.7rem;
  position: relative;
  display: block;
}
.skill_tab a.on::after{
  content: '';
  background: url(../images/role_img6.png) no-repeat center/100%;
  width: 0.76rem;
  height: 0.76rem;
  position: absolute;
  top: -0.04rem;
  left: -0.03rem;
}
.role_desc,.skill_desc{
  display: none;
}
.role_desc.on,.skill_desc.on{
  display: block;
}
.role_desc h4,.skill_desc h4{
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
  margin: 0.2rem 0;
}
.role_desc,.skill_desc p{
  font-size: 0.18rem;
  color: #fff;
  opacity: 0.5;
  line-height: 0.24rem;
  font-family: "font2";

}
.skill_desc p{
  height: 3rem;
  overflow-y: auto;
}
.skill_desc p::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #f3c258;
 }
 .skill_desc p::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 5px;
 }
 .skill_desc p::-webkit-scrollbar{
  width: 5px;
  height: 1px;
  border-radius: 5px;
 }
.role_desc{
  margin: 0.4rem 0;
}


/* profile */
.profile_bg1{
  background: url(../images/planet-bg.jpg) no-repeat center bottom / cover;
  width: 19.2rem;
  height: 6.25rem;
  position: relative;
  overflow: hidden;
}

.profile_bg1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(18, 23, 25, 0.9) 10%, transparent 70%), radial-gradient(rgba(0,0,0,0.4) 1px, transparent 1px);
  background-size: cover, 3px 3px;
  background-repeat: no-repeat, repeat;
}

.profile_bg2{
  background: url(../images/profile_bg2.jpg) no-repeat top/100%;
  height: 38.5rem;
}
.profile_kv{
  text-align: center;
  color: #fff;
  font-family: 'bold';
  position: relative;
  z-index: 2;
}
.profile_kv h1{
  margin: 0 auto;
  margin-top: 1.8rem;
  font-size: 0.63rem;
  width: 7rem;
}
.profile_kv h2{
  font-size: 0.52rem;
}
.profile_kv p{
  font-size: 0.24rem;
  opacity: 0.5;
  margin: 0.35rem auto;
  width: 7.1rem;
  font-family: 'font2';
  line-height: 0.4rem;
}
.profile_kv .kv_down{
  margin: 1rem auto;
  text-align: left;
  font-family: "font","Microsoft Yahei";
}
/* .profile_kv a{
  background: url(../images/profile_kv_btn.png) no-repeat center/3.82rem 1.15rem;
  width: 3.96rem;
  height: 1.15rem;
  text-align: center;
  line-height: 1.25rem;
  color: #000;
  font-size: 0.42rem;
  display: block;
  margin: 0 auto;
  font-family: "bold2";
  font-weight: bold;
  transition: all 0.5s;
}
.profile_kv a:hover{
  transform: scale(1.1);
} */
.profile_icon{
  width: 16.72rem;
  height: 25.72rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.profile_li{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.profile_img1{
  width: 9.85rem;
}
.profile_img2{
  width: 9.48rem;
  position: absolute;
  right: 0;
}
.profile_img3{
  width: 9.79rem;
}
.profile_img4{
  width: 10.44rem;
  position: absolute;
  right: 0;
}
.profile_desc{
  width: 6.1rem;
  height: 2.3rem;
  margin-right: 1rem;
  color: #fff;
}
.profile_desc h4{
  font-size: 0.32rem;
  font-family: 'bold';
}
.profile_desc p{
  font-size: 0.22rem;
  opacity: 0.5;
  margin: 0.35rem 0;
  line-height: 0.4rem;
  font-family: "font2";
}
.profile_icon1{
  width: 1.16rem;
  height: 1.17rem;
  position: absolute;
  top: 0.2rem;
  right: 5.8rem;
}
.profile_icon2{
  width: 1.29rem;
  height: 1.01rem;
  position: absolute;
  top: 0.8rem;
  left: 4.25rem;
}
.profile_icon3{
  width: 1.5rem;
  height: 1.33rem;
  position: absolute;
  top: -0.8rem;
  right: 5rem;
}
.profile_icon4{
  width: 1.02rem;
  height: 1.02rem;
  position: absolute;
  top: 0.8rem;
  left: 3.0rem;
}
.profile_li2{
  margin-top: -0.5rem;
  position: relative;
  height: 8.67rem;
}
.profile_li2 .profile_desc{
  margin-right: auto;
  margin-left: 3.5rem;
  flex: none;
}

.profile_li3{
  margin-top: 1rem;
}
.profile_li3 .profile_desc{
  margin-right: 2.5rem;
  flex: none;
}

.profile_li4{
  height: 8.26rem;
  margin-top: 1rem;
}

.profile_li4 .profile_desc{
  margin-right: auto;
  margin-left: 2.25rem;
  flex: none;
}

.ship-left, .ship-right {
    position: absolute;
    bottom: 1.15rem;
    width: 4rem;
    height: auto;
    opacity: 0;
}

.ship-left {
    left: 0.5rem;
    animation: ship-enter 1.2s 0.5s ease-out forwards;
}

.ship-right {
    right: 0.5rem;
    transform: scaleX(-1);
    animation: ship-enter-right 1.2s 0.5s ease-out forwards;
}

@keyframes ship-enter {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes ship-enter-right {
    from {
        opacity: 0;
        transform: scaleX(-1) translateX(-100%);
    }
    to {
        opacity: 1;
        transform: scaleX(-1) translateX(0);
    }
}

.profile_bg2{
  background: url(../images/profile_bg2.jpg) no-repeat top/100%;
  height: 38.5rem;
}

/* FAQ */
.faq_kv{
  text-align: center;
  color: #fff;
  font-family: 'bold';
  position: relative;
  z-index: 2;
}
.faq_kv h1{
  margin: 0 auto;
  margin-top: 3rem;
  font-size: 0.6rem;
  width: 8rem;
}
.faq_ti{

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.32rem;
  margin: 0 0.2rem;
  width: 100%;
  margin-top: 1.5rem;
}
.faq_ti p{
  margin: 0 0.4rem;
  text-align: center;
}
.faq_ti i{
  position: inherit;
  bottom: -0.15rem;
}
.faq_li{
  width: 12.5rem;
  margin: 0 auto 0.4rem;
}
.faq_li h2{
  font-size: 0.4rem;
  color: #fff;
  font-family: 'bold';
  margin-bottom: 0.25rem;
}
.faq_li p {
  font-size: 0.28rem;
  color: #fff;
  opacity: 0.5;
}
.faq_img{
  width: 12.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.faq_img img{
  width: 2.3rem;
  height: 1.3rem;
  object-fit: cover;
}

/* system */
.system_box{
  width: 15rem;
  margin: 1rem auto;
  border: 0.01rem solid #0FBCEA;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.system_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, hsl(210, 80%, 10%), hsl(180, 80%, 20%), hsl(210, 80%, 10%));
    background-size: 200% 200%;
    animation: gradient-animation 8s ease infinite;
    z-index: -1;
}

.system_top{
  width: 100%;
  padding-left: 3.05rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 1.15rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.system_top p{
  width: 50%;
  text-align: center;
  font-size: 0.25rem;
  font-family: 'bold';
  color: #fff;
}
.system_li{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 1.15rem;
  color: #fff;
}

.system_l{
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 3.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
.system_r{
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: calc(100% - 3.05rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.system_li2{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 1.15rem;
}
.system_li2 p{
  color: #fff;
}
.system_li2 .system_l{
  background-color: rgba(0, 0, 0, 0.4);
}
.system_li2 .system_r{
  background-color: rgba(0, 0, 0, 0.3);
}
.system_li2 .system_r p{
  width: 50%;
  text-align: center;
  padding: 0 0.5rem;
}


/*pop*/

.pop_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgb(0 0 0 / 46%);
}

.pop_bg.on {
  display: flex;
}

.pop {
  position: relative;
  text-align: center;
  /*overflow: hidden;*/
  box-sizing: border-box;
  z-index: 99999 !important;
  display: none;
}

.pop-close {
  background: url(../images/pop-close.png) no-repeat center/100%;
  position: absolute;
  width: 0.37rem;
  height: 0.37rem;
  top: 0;
  right: -0.45rem;
  z-index: 9;
}


.pop1 {
  width: 12rem;
  height: 6.5rem;
  padding-top: 1px;
}
.p1_box{
	width: 11.5rem;
  height: 6.5rem;
	background-color: #000;
	margin: 0 auto;
	/* border-radius: 0.2rem; */
}
.p1_box video{
	width: 100%;
	height: 100%;
}

.pop2 {
  width: 8.51rem;
  height: 3.96rem;
  background-image: url(../images/pop2.png);
  background-size: 100%;
  padding-top: 1rem;
}
.pop2 h2{
  font-size: 0.36rem;
  color: #fff;
  font-family: 'bold2';
}
.pop2 p{
  font-size: 0.22rem;
  color: #fff;
  opacity: 0.5;
  margin: 0.4rem auto;
}
.pop-btn{
  background: url(../images/pop-btn.png) no-repeat right/2.44rem 0.74rem;
  width: 2.54rem;
  height: 0.74rem;
  margin: 0 auto;
  display: block;
  line-height: 0.74rem;
  color: #000;
  font-family: 'bold2';
  font-size: 0.23rem;
  font-weight: bold;
}
.pop3 {
  width: 15.2rem;
  height: 8.55rem;
}
.pop3 img{
  width: 15.2rem;
  height: 8.55rem;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pop-down{
  display: block;
  position: absolute;
  top: 5.85rem;
  right: 0.4rem;
  width: 1.8rem;
  height: 0.6rem;
}


/* cookie */
.cookieBox{
  background: #575654 !important;
  box-shadow: none !important;
}
.cookieSure {margin-left: 10px;white-space: nowrap; flex: none;
  background: url(../images/cookie_btn.png) no-repeat right/2.4rem 0.72rem !important;
  width: 2.5rem!important;
  height: 0.72rem!important;
  color: #000!important;
  font-size: 0.2rem;
  border: none!important;
  font-family: 'bold2';
  transform: scale(0.8);
}
.cookieText a {
    color:#0FBCEA;
    text-decoration: underline;
    margin-left:0 !important;
    flex: none;
    font-size: 0.16rem;
}
.cookieText span { color: #fff;font-size: 0.16rem;}
/* .cookieBox{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  bottom: 0 !important;
  left: 0;
  background-color: #1a1a1a !important;
  font-size: calc(16 /1920*100vw);
  color: #808080;
}
.cookieText span{
  display: block;
}
.cookieText a{
  margin-left: 0 !important;
  font-size: calc(16 /1920*100vw) !important;
  color: #f1dfac !important;
}
.cookieSure{
  background: url(../images/cookieSure.png) no-repeat center/100% !important;
  background: none !important;
  width: auto !important;
  height: calc(48 /1920*100vw) !important;
  border: 0 !important;
  color: #fff !important;
  font-size: calc(16 /1920*100vw) !important;
  flex: none;
} */
#orientLayer{
  display: none !important;
}


/* 多语言 */
.zh_TW .kv_ul a.kv_sys{
  line-height: 0.4rem;
}
.zh_TW .kv_ul a:nth-of-type(7){
  display: block;
}
.zh_TW .pop-down{
  top: 5.2rem;
}


/* en */
/* .en .bg1_desc h2{
  width: 4rem;
  margin-left: -2rem;
} */
.en .kv_ul a:nth-of-type(7){
  display: block;
}
.en .profile_kv p{
  width: 8.7rem;
}

/* ar */
.ar .kv,.ar .kv_top,.ar .part1_ti,.ar .bg1_swi,.ar .bg2_swi,.ar .bg3,.ar .p5_box,.ar .profile_bg2,.ar .news_bg1,.ar .role_l{
  direction:ltr
}
.ar .kv_link>*,.ar .kv_btn,.ar .kv_slogan1,.ar .part2_con,.ar .part2_p,.ar .part3_con p,.ar .p5_submit,.ar .profile_desc,.ar .role_list .role_li p{
  direction: rtl;
}
.ar .kv_slogan1,.ar .part1_ti,.ar .part2_ti,.ar .part3_ti,.ar .part4_ti,.ar .part5_ti,.ar .news_ti,.ar .profile_kv h1,.ar .profile_desc h4,.ar .kv_btn,.ar .kv_link,.ar .decon_top .ti,.ar .back_btn{
  font-family: "bold_ar";
}
.ar .lang-menu{
  text-align: right;
}
.ar .lang-menu li{
  direction: rtl;
  padding-right: 0.25rem;
}
.ar .kv_down a:nth-of-type(2){
  height: 1.25rem;
}
.ar .part5_con p{
  direction: rtl;
  width: 8rem;
}
.ar .part5_icon{
  right: 0;
}
.ar .part5_desc{
  text-align: left;
  direction: rtl;
  width: 8rem;
}
.ar .link_li a:nth-of-type(7){
  display: none;
}
.ar .news_bg2con a i{
  left: auto;
  right: 0;
}
.ar .role_list4 .role_li{
  height: 1.48rem;
}
.ar .skill_tab .role_swi{
  margin-right: 0;
  direction: ltr;
}
.ar .decon_top .time{
  right: auto;
  left: 0;
}
.ar .pop-down{
  top: 5rem;
}
.ar .kv_down a:nth-of-type(3){
  padding-right: 0.3rem;
}
title{
  direction: ltr;
}

/* de */
.de .kv_ul a.kv_sys{
  font-size: 0.16rem;
}
.de .part3_btn{
  font-size: 0.3rem;
}
.de .part5_code a{
  font-size: 0.2rem;
}
.de .part5_link{
  margin: 1rem auto 0.5rem;
}
.de .link_li a:nth-of-type(7){
  display: none;
}
.de .role_desc{
  margin: 0.5rem 0;
}
.de .role_name h2{
  font-size: 0.7rem;
}

/* es */
.es .kv_btn3{
  line-height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.es .part3_btn{
  font-size: 0.28rem;
}
.es .part5_code a{
  font-size: 0.2rem;
}
.es .link_li a:nth-of-type(7){
  display: none;
}

/* fr */
.fr .kv_btn{
  font-size: 0.16rem;
}
.fr .part3_btn{
  font-size: 0.28rem;
}
.fr .part4_ti{
  font-size: 0.8rem;
}
.fr .part4_link{
  top: 2.35rem;
}
.fr .part5_code a{
  font-size: 0.18rem;
}
.fr .link_li a:nth-of-type(7){
  display: none;
}
.fr .profile_kv h1{
  width: 9rem;
}
.fr .profile_kv a{
  font-size: 0.34rem;
}
.fr .kv_down a:nth-of-type(3){
  font-size: 0.2rem;
}

/* id */
.id .kv_btn{
  font-size: 0.14rem;
}
.id .kv_ul a:nth-of-type(7){
  display: block;
}
.id .part3_btn{
  font-size: 0.28rem;
  line-height: initial;
  box-sizing: border-box;
  padding-top: 0.15rem;
}
.id .part5_link{
  margin: 1rem auto 0.5rem;
}
.id .link_li a:nth-of-type(5),.id .kv_ul a:nth-of-type(6){
  display: none;
}
.id .profile_kv a{
  /* font-size: 0.35rem; */
}
.id .profile_kv p{
  width: 7.2rem;
}

/* it */
.it .link_li a:nth-of-type(7){
  display: none;
}
.it .part2_con p,.it .part3_con p {
  font-size: 0.24rem;
}

/* pl */
.pl .kv_btn3{
  line-height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pl .part5_code a{
  font-size: 0.2rem;
}
.pl .link_li a:nth-of-type(7){
  display: none;
}
.pl .kv_slogan1,.pl .part1_ti,.pl .part2_ti,.pl .part3_ti,.pl .part4_ti,.pl .part5_ti,.pl .news_ti,.pl .profile_kv h1,.pl .profile_desc h4,.pl .kv_btn,.pl .kv_link,.pl .decon_top .ti,.pl .back_btn{
  font-family: "bold_pl";
}
.pl .part3_btn{
  top: 9.46rem;
}

/* pt_BR */
.pt_BR .kv_down a:nth-of-type(3){
  font-size: 0.2rem;
}
.pt_BR .part5_code a{
  font-size: 0.2rem;
}
.pt_BR .link_li a:nth-of-type(7){
  display: none;
}

/* ru */
.ru .kv_btn{
  font-size: 0.14rem;
}
.ru .kv_down a:nth-of-type(3){
  font-size: 0.2rem;
}

.ru .part3_ti,.ru .part5_ti{
  font-size: 0.8rem;
}

.ru .part3_btn{
  font-size: 0.28rem;
}
.ru .part5_code a{
  font-size: 0.18rem;
}
.ru .link_li a:nth-of-type(7){
  display: none;
}
/* .ru .link_li a:nth-of-type(8){
  display: block;
} */
.ru .profile_kv a{
  font-size: 0.3rem;
}
/* .ru .profile_desc{
  height: 3.8rem;
} */

/* th */
.th .part3_ti{
  margin: 2.0rem 0.5rem 2.05rem 1.5rem;
}
.th .role_list4 .role_li{
  height: 1.48rem;
}
.th .kv_ul a:nth-of-type(7){
  display: block;
}
.th .link_li a:nth-of-type(5),.th .kv_ul a:nth-of-type(6){
  display: none;
}
.th .kv_slogan1,.th .part1_ti,.th .part2_ti,.th .part3_ti,.th .part4_ti,.th .part5_ti,.th .news_ti,.th .profile_kv h1,.th .profile_desc h4,.th .kv_btn,.th .kv_link,.th .decon_top .ti,.th .back_btn{
  font-family: "bold_th";
}
.th .pop-down{
  top: 4.85rem;
}

/* tr */
.tr .part3_ti{
  margin: 2.0rem 0.5rem 1.05rem 1.5rem;
}
.tr .part3_btn{
  font-size: 0.28rem;
}
.tr .link_li a:nth-of-type(7){
  display: none;
}
.tr .kv_slogan1,.tr .part1_ti,.tr .part2_ti,.tr .part3_ti,.tr .part4_ti,.tr .part5_ti,.tr .news_ti,.tr .profile_kv h1,.tr .profile_desc h4,.tr .kv_btn,.tr .kv_link,.tr .decon_top .ti,.tr .back_btn{
  font-family: "bold_tr";
}

/* vi */
.vi .bg6{
  height: 3.7rem;
}
.vi .kv_slogan .kv_slogan1{
  font-size: 0.6rem;
}
.vi .part3_ti{
  width: 10.5rem;
}
.vi .kv_slogan1,.vi .part1_ti,.vi .part2_ti,.vi .part3_ti,.vi .part4_ti,.vi .part5_ti,.vi .news_ti,.vi .profile_kv h1,.vi .profile_desc h4,.vi .kv_btn,.vi .kv_link,.vi .decon_top .ti,.vi .back_btn{
  font-family: "bold_vi";
}
.vi .kv_ul a:nth-of-type(7){
  display: block;
}
.vi .role_name h2{
  font-size: 0.6rem;
}
.vi .part5_link{
  margin: 1rem auto 0.5rem;
}
.vi .skill_tab{
  margin-bottom: 0.4rem;
}
.vi .role_desc{
  margin: 0.75rem 0;
}
.vi_logo{
  width: 2rem;
  height: auto;
  position: absolute;
  top: 1rem;
  left: 0.4rem;
  display: none;
}
.vi .vi_logo{
  display: block;
}
.vi .GlobalFooter .f_logo img{
  height: 2.69rem;
}
.vi_btn1{
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 8.35rem;
  width: 0.6rem;
  height: 0.4rem;
}
.vi_btn2{
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 9.1rem;
  width: 0.9rem;
  height: 0.4rem;
}
.vi_btn3{
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 10.1rem;
  width: 0.9rem;
  height: 0.4rem;
}
.vi_btn4{
  display: block;
  position: absolute;
  top: 0.85rem;
  left: 9.2rem;
  width: 1.2rem;
  height: 0.4rem;
}

/* zh_TW */
.zh_TW .part3_btn{
  top: 7.46rem;
}

/* button_pluto_mall_多语言 */
.zh_TW .kv_down .pluto-mall .btn-pluto-title{
  width: 3rem;
  height: .55rem;
  background: url(../images/langugae/kv_down_title_zh_TW.png) 0 0 no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: -50%;
  left: 0;
  z-index: 9;
}

.ar .kv_down .pluto-mall .btn-pluto-title{
  width: 3.87rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_ar.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.de .kv_down .pluto-mall .btn-pluto-title{
  width: 4.41rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_de.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.es .kv_down .pluto-mall .btn-pluto-title{
  width: 4.83rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_es.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.fr .kv_down .pluto-mall .btn-pluto-title{
  width: 4.51rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_fr.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.id .kv_down .pluto-mall .btn-pluto-title{
  width: 3.83rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_id.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.it .kv_down .pluto-mall .btn-pluto-title{
  width: 3.83rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_it.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.pl .kv_down .pluto-mall .btn-pluto-title{
  width: 3.56rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_pl.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.pt_BR .kv_down .pluto-mall .btn-pluto-title{
  width: 4.07rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_pt_BR.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.ru .kv_down .pluto-mall .btn-pluto-title{
  width: 3.25rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_ru.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.th .kv_down .pluto-mall .btn-pluto-title{
  width: 3.09rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_th.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.tr .kv_down .pluto-mall .btn-pluto-title{
  width: 3.43rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_tr.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.vi .kv_down .pluto-mall .btn-pluto-title{
  width: 3.63rem;
  height: 1rem;
  background: url(../images/langugae/kv_down_title_vi.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -0.55rem;
  left: -0.1rem;
  z-index: 9;
}

.ar .kv_down a:nth-of-type(3){
    font-size: 0.15rem;
}
.es .kv_down a:nth-of-type(3){
    font-size: 0.18rem;
}
.fr .kv_down a:nth-of-type(3){
    font-size: 0.14rem;
}
.it .kv_down a:nth-of-type(3){
    font-size: 0.17rem;
}
.pt_BR .kv_down a:nth-of-type(3){
    font-size: 0.17rem;
}
.ru .kv_down a:nth-of-type(3){
    font-size: 0.16rem;
}
.tr .kv_down a:nth-of-type(3){
    font-size: 0.18rem;
}

.pluto-mall, .kv_purchase {
  display: none!important;
}

.wrapper.noOfficial .pluto-mall,
.wrapper.noOfficial .kv_purchase {
  display: block!important;
}

.sci-fi-date-picker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

.sci-fi-select {
  background: transparent;
  border: 1px solid #0FBCEA;
  color: #0FBCEA;
  font-family: "font2";
  font-size: 0.28rem;
  padding: 0.1rem;
  width: 30%;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%230FBCEA' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

.sci-fi-select option {
  background: #031a2f;
  color: #0FBCEA;
}

.part5_desc{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 0.24rem;
  width: 10rem;
}
.part5_desc .p5_btn{
  width: 0.21rem;
  height: 0.21rem;
  border: 0.04rem solid #fff;
  margin-right: 0.1rem;
  opacity: 0.5;
  box-sizing: border-box;
}
.part5_desc .p5_btn.on{
  border: 0.04rem solid #0fa8bd;
  /* background-color: #0FBCEA; */
  /* opacity: 1; */
  position: relative;
  opacity: 1;
}
.part5_desc .p5_btn.on::after{
  content: '';
  background: url(../images/part5_icon2.png) no-repeat center/100%;
  width: 0.16rem;
  height: 0.11rem;
  position: absolute;
  top: -0.01rem;
  right: -0.05rem;

}
.part5_desc span{
  opacity: 0.5;
}
.part5_desc .p5_btn2{
  color: #fff;
  border-bottom: 0.01rem solid #fff;
  margin:0 0.05rem;
  opacity: 0.5;
}
.p5_submit{
  display: block;
  background: url(../images/part5_submit.png) no-repeat right/3.19rem 0.96rem;
  width: 3.31rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  font-family: "bold2";
  margin-top: 0.5rem;
  font-weight: bold;
  transition: all 0.5s;
  margin-left: -0.14rem;
}
.p5_submit:hover{
  transform: scale(1.1);
}
.part5_bottom{
  background: url(../images/part5_btn.png) no-repeat center/100%;
  width: 15.21rem;
  height: 1.24rem;
  display: flex;
  justify-content: center;
  margin: 1.5rem auto 0.5rem;
}
.part5_bottom a{
  width: 0.92rem;
  height: 1.24rem;
  margin: 0 0.29rem;
}
.part5_link{
  width: 15.21rem;
  height: 1.24rem;
  display: flex;
  justify-content: space-between;
  margin: 1.0rem auto 0.5rem;
  position: relative;
  z-index: 9;
}
.bottom_l{
  background: url(../images/part5_btn.png) no-repeat left/15.21rem 1.24rem;
  width: 3rem;
  height: 1.24rem;
  animation-delay: 1s;
}
.bottom_r{
  background: url(../images/part5_btn.png) no-repeat right/15.21rem 1.24rem;
  width: 3rem;
  height: 1.24rem;
  animation-delay: 1s;
}
.link_li{
  width: 9.5rem;
  height: 1.24rem;
  display: flex;
  justify-content: center;
}
.link_li a{
  background-image: url(../images/part5_btn.png);
  background-size: 15.21rem 1.24rem;
  width: 0.92rem;
  height: 1.24rem;
  margin: 0 0.2rem;
  transition: all 0.5s;
}
.link_li a:nth-of-type(1){
  background-position: -3.4rem 0;
}
.link_li a:nth-of-type(2){
  background-position: -4.9rem 0;
}
.link_li a:nth-of-type(3){
  background-position: -6.4rem 0;
}
.link_li a:nth-of-type(4){
  background-position: -7.9rem 0;
}
.link_li a:nth-of-type(5){
  background-position: -9.35rem 0;
}
.link_li a:nth-of-type(6){
  background-position: -10.9rem 0;
}
.link_li a:nth-of-type(7){
  background: url(../images/part5_btn2.png) no-repeat center/100%;
  height: 1.24rem;
  width: 0.7rem;
  margin-left: 0.28rem;
}
.link_li a:nth-of-type(8){
  display: none;
}
.link_li a:hover{
  transform: scale(1.1);
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*pop*/

.pop_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgb(0 0 0 / 46%);
}

.pop_bg.on {
  display: flex;
}

.pop {
  position: relative;
  text-align: center;
  /*overflow: hidden;*/
  box-sizing: border-box;
  z-index: 99999 !important;
  display: none;
}

.pop-close {
  background: url(../images/pop-close.png) no-repeat center/100%;
  position: absolute;
  width: 0.37rem;
  height: 0.37rem;
  top: 0;
  right: -0.45rem;
  z-index: 9;
}


.pop1 {
  width: 12rem;
  height: 6.5rem;
  padding-top: 1px;
}
.p1_box{
	width: 11.5rem;
  height: 6.5rem;
	background-color: #000;
	margin: 0 auto;
	/* border-radius: 0.2rem; */
}
.p1_box video{
	width: 100%;
	height: 100%;
}

.pop2 {
  width: 8.51rem;
  height: 3.96rem;
  background-image: url(../images/pop2.png);
  background-size: 100%;
  padding-top: 1rem;
}
.pop2 h2{
  font-size: 0.36rem;
  color: #fff;
  font-family: 'bold2';
}
.pop2 p{
  font-size: 0.22rem;
  color: #fff;
  opacity: 0.5;
  margin: 0.4rem auto;
}
.pop-btn{
  background: url(../images/pop-btn.png) no-repeat right/2.44rem 0.74rem;
  width: 2.54rem;
  height: 0.74rem;
  margin: 0 auto;
  display: block;
  line-height: 0.74rem;
  color: #000;
  font-family: 'bold2';
  font-size: 0.23rem;
  font-weight: bold;
}
.pop3 {
  width: 15.2rem;
  height: 8.55rem;
}
.pop3 img{
  width: 15.2rem;
  height: 8.55rem;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pop-down{
  display: block;
  position: absolute;
  top: 5.85rem;
  right: 0.4rem;
  width: 1.8rem;
  height: 0.6rem;
}

.continuous-glow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: radial-gradient(
        ellipse 40% 70% at 30% 50%,
        rgba(15, 188, 234, 0.1),
        transparent 70%
    );
    animation: continuous-glow-movement 30s ease-in-out infinite alternate;
    z-index: 1;
    pointer-events: none;
}

@keyframes continuous-glow-movement {
    from {
        transform: translate(-30%, -30%) rotate(0deg);
        opacity: 0.4;
    }
    to {
        transform: translate(30%, 30%) rotate(15deg);
        opacity: 0.8;
    }
}