@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

em, strong {
  font-style: normal;
  display: inline; }

ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ""; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff; }

* {
  outline: none; }

img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover; }

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  font-family: Simsun; }

@font-face {
  font-family: 'SourecHan';
  src: url(../ossweb-img/SourceHanSerifCN-Regular.ttf); }
html, body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #0d0f0c;
  font-family: 'SourecHan'; }

.pa {
  position: absolute;
  z-index: 5; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.bs100 {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block; }

.oneline {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.loading {
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  .loading .load_content {
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
  .loading .load_img {
    width: 2.1rem;
    height: 2.1rem;
    position: relative;
    background: url(../ossweb-img/load2.png) no-repeat 100%/100%; }
    .loading .load_img p {
      background: url(../ossweb-img/load.png) no-repeat 50% 100%/2.1rem auto;
      width: 100%;
      height: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2; }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .loading .load_text {
    width: 100%;
    text-align: center; }
    .loading .load_text p {
      color: #f55a46;
      margin-top: -.3rem;
      font-size: 0.25rem;
      line-height: 0.35rem; }

.wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .wrap .main {
    width: 7.5rem;
    height: 13.34rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

/* 顶部导航条 */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  z-index: 80;
  font-size: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none; }
  .navbar::after {
    background: none; }
  .navbar.on {
    background-color: #131314;
    height: 100%;
    width: 100%; }
    .navbar.on .logo {
      display: none; }
    .navbar.on .btn_menu {
      background: url(../ossweb-img/m/nav_clo.png) no-repeat 100%/100%;
      width: .4rem;
      height: .39rem; }
    .navbar.on .btn_lang, .navbar.on > ul, .navbar.on .nav_btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .navbar .logo {
    background: url(../ossweb-img/logo.png) no-repeat 100%/100%;
    width: 2.35rem;
    height: .8rem;
    left: .28rem;
    top: .24rem;
    z-index: 10;
    border: none; }
  .navbar .btn_menu {
    background: url(../ossweb-img/m/btn_xl.png) no-repeat 100%/100%;
    width: .48rem;
    height: .35rem;
    position: absolute;
    top: .37rem;
    right: .33rem;
    z-index: 10; }
  .navbar > ul {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1rem;
    display: none; }
    .navbar > ul li {
      width: 100%;
      height: 1.28rem;
      text-align: center;
      font-size: .36rem;
      line-height: 1.28rem;
      color: #979696;
      position: relative; }
      .navbar > ul li span {
        position: relative;
        top: -.02rem; }
      .navbar > ul li a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .navbar > ul li:not(:last-child)::after {
        content: "";
        background: url(../ossweb-img/m/nav_line.png) no-repeat 100%/100%;
        width: 6.81rem;
        height: .05rem;
        position: absolute;
        left: 50%;
        margin-left: -3.405rem;
        bottom: 0; }
  .navbar .nav_btns {
    width: 5.2rem;
    margin: 3rem auto 1.01rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: none; }
    .navbar .nav_btns .btn_bil {
      background: url(../ossweb-img/m/ico_bilp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .47rem; }
    .navbar .nav_btns .btn_wb {
      background: url(../ossweb-img/m/ico_wbp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .4rem; }
    .navbar .nav_btns .btn_dy {
      background: url(../ossweb-img/m/ico_dyp1.png) no-repeat 100%/100%;
      width: .43rem;
      height: .49rem; }
    .navbar .nav_btns .btn_xhs {
      background: url(../ossweb-img/m/ico_xhsp1.png) no-repeat 100%/100%;
      width: .47rem;
      height: .47rem; }
    .navbar .nav_btns .btn_x {
      background: url(../ossweb-img/m/ico_xp1.png) no-repeat 100%/100%;
      width: .41rem;
      height: .43rem; }
    .navbar .nav_btns .btn_yt {
      background: url(../ossweb-img/m/ico_ytp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .35rem; }
  .navbar .btn_lang {
    width: 2.4rem;
    height: .57rem;
    margin: 0 auto;
    border: 0.03rem solid rgba(255, 255, 255, 0.3);
    display: none;
    position: relative; }
    .navbar .btn_lang span {
      font-size: .32rem;
      line-height: 1;
      color: #ffffff;
      opacity: 0.3;
      position: relative;
      top: -0.03rem; }
      .navbar .btn_lang span.cholan {
        font-style: normal;
        opacity: 1;
        font-size: .38rem;
        padding: 0  .05rem; }
    .navbar .btn_lang i {
      background: url(../ossweb-img/m/lan_arr.png) no-repeat 100%/100%;
      width: .16rem;
      height: .14rem;
      margin-left: .15rem;
      position: relative;
      top: .03rem; }
    .navbar .btn_lang.on .langul {
      display: block; }
  .navbar .langul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: .57rem;
    background-color: rgba(13, 19, 22, 0.6);
    text-align: center;
    display: none; }
    .navbar .langul li {
      width: 2.4rem;
      color: #fff;
      font-size: .3rem;
      line-height: .4rem;
      padding: .2rem .1rem; }

/* Swiper容器，减去导航条高度 */
.myswiper {
  position: absolute;
  top: 0;
  /* 导航条高度 */
  left: 0;
  width: 100%;
  height: 100%; }
  .myswiper .swiper-slide {
    color: white; }
  .myswiper .swiper-slide-active {
    z-index: 10; }

.slide1 {
  background: url(../ossweb-img/m/bg.jpg) no-repeat 50% 50%/cover;
  width: 100%;
  height: 100%; }
  .slide1 .kv {
    width: 100%;
    height: 100%; }
    .slide1 .kv canvas {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .slide1 .main {
    top: 50%; }
  .slide1 .logo {
    background: url(../ossweb-img/m/logo.png) no-repeat 100%/100%;
    width: 4.74rem;
    height: 1.62rem;
    top: 8.9rem;
    left: 50%;
    margin-left: -2.37rem;
    opacity: 0; }
  .slide1.swiper-slide-active .p1_btns {
    bottom: 1.22rem;
    opacity: 1;
    -webkit-transition: bottom 1s,opacity 1s;
    transition: bottom 1s,opacity 1s; }
  .slide1.swiper-slide-active .logo {
    top: 8.44rem;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide1 .btn_play {
    width: 1.07rem;
    height: 1.07rem;
    left: 50%;
    margin-left: -.535rem;
    top: 6.09rem;
    -webkit-animation: play 1s ease-in alternate infinite;
            animation: play 1s ease-in alternate infinite; }
    .slide1 .btn_play::after {
      content: "";
      background: url(../ossweb-img/ani_play.png) no-repeat 100%/100%;
      width: 2rem;
      height: 2rem;
      position: absolute;
      left: -0.2rem;
      top: -0.57rem; }
  .slide1 .p1_btns {
    width: 5.2rem;
    bottom: 0.22rem;
    opacity: 0;
    left: 50%;
    margin-left: -2.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .slide1 .p1_btns a {
      display: block; }
    .slide1 .p1_btns .btn_bil {
      background: url(../ossweb-img/m/ico_bilp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .47rem; }
    .slide1 .p1_btns .btn_wb {
      background: url(../ossweb-img/m/ico_wbp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .4rem; }
    .slide1 .p1_btns .btn_dy {
      background: url(../ossweb-img/m/ico_dyp1.png) no-repeat 100%/100%;
      width: .43rem;
      height: .49rem; }
    .slide1 .p1_btns .btn_xhs {
      background: url(../ossweb-img/m/ico_xhsp1.png) no-repeat 100%/100%;
      width: .47rem;
      height: .47rem; }
    .slide1 .p1_btns .btn_x {
      background: url(../ossweb-img/m/ico_xp1.png) no-repeat 100%/100%;
      width: .41rem;
      height: .43rem; }
    .slide1 .p1_btns .btn_yt {
      background: url(../ossweb-img/m/ico_ytp1.png) no-repeat 100%/100%;
      width: .49rem;
      height: .35rem; }

.swiper-slide {
  width: 100%;
  height: 100%; }
  .swiper-slide .tsSwiper {
    width: 100%;
    height: 100%;
    position: relative; }
    .swiper-slide .tsSwiper .swiper-slide {
      width: 100%;
      height: 100%; }
  .swiper-slide .game_desc {
    background: url(../ossweb-img/m/bg2_1.jpg) no-repeat 50% 0/cover;
    width: 100%;
    height: 100%; }
    .swiper-slide .game_desc .textwrap {
      width: 5.8rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 2.6rem; }
      .swiper-slide .game_desc .textwrap p {
        font-size: .24rem;
        line-height: .36rem;
        color: #ffffff;
        text-align: center;
        position: relative;
        -webkit-transition: 1s;
        transition: 1s;
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%); }
        .swiper-slide .game_desc .textwrap p:nth-child(1) {
          -webkit-transition-delay: 0.3s;
                  transition-delay: 0.3s; }
        .swiper-slide .game_desc .textwrap p:nth-child(2) {
          -webkit-transition-delay: 0.6s;
                  transition-delay: 0.6s; }
        .swiper-slide .game_desc .textwrap p:nth-child(3) {
          -webkit-transition-delay: 0.9s;
                  transition-delay: 0.9s; }
  .swiper-slide.slide2_2.swiper-slide-active .textwrap p, .swiper-slide.slide2_2_1.swiper-slide-active .textwrap p, .swiper-slide.slide2_2_2.swiper-slide-active .textwrap p, .swiper-slide.slide2_2_3.swiper-slide-active .textwrap p {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .swiper-slide.slide2_2.swiper-slide-active video, .swiper-slide.slide2_2.swiper-slide-active img, .swiper-slide.slide2_2_1.swiper-slide-active video, .swiper-slide.slide2_2_1.swiper-slide-active img, .swiper-slide.slide2_2_2.swiper-slide-active video, .swiper-slide.slide2_2_2.swiper-slide-active img, .swiper-slide.slide2_2_3.swiper-slide-active video, .swiper-slide.slide2_2_3.swiper-slide-active img {
    opacity: 1;
    -webkit-transition: opacity 2s;
    transition: opacity 2s; }
  .swiper-slide.slide2_2.swiper-slide-next .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2.swiper-slide-prev .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_1.swiper-slide-next .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_1.swiper-slide-prev .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_2.swiper-slide-next .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_2.swiper-slide-prev .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_3.swiper-slide-next .textwrap p:nth-child(-n+3), .swiper-slide.slide2_2_3.swiper-slide-prev .textwrap p:nth-child(-n+3) {
    -webkit-transition: 0s;
    transition: 0s; }
  .swiper-slide.slide2_2.swiper-slide-next video, .swiper-slide.slide2_2.swiper-slide-next img, .swiper-slide.slide2_2.swiper-slide-prev video, .swiper-slide.slide2_2.swiper-slide-prev img, .swiper-slide.slide2_2_1.swiper-slide-next video, .swiper-slide.slide2_2_1.swiper-slide-next img, .swiper-slide.slide2_2_1.swiper-slide-prev video, .swiper-slide.slide2_2_1.swiper-slide-prev img, .swiper-slide.slide2_2_2.swiper-slide-next video, .swiper-slide.slide2_2_2.swiper-slide-next img, .swiper-slide.slide2_2_2.swiper-slide-prev video, .swiper-slide.slide2_2_2.swiper-slide-prev img, .swiper-slide.slide2_2_3.swiper-slide-next video, .swiper-slide.slide2_2_3.swiper-slide-next img, .swiper-slide.slide2_2_3.swiper-slide-prev video, .swiper-slide.slide2_2_3.swiper-slide-prev img {
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s; }
  .swiper-slide.slide2_2 video, .swiper-slide.slide2_2_1 video, .swiper-slide.slide2_2_2 video, .swiper-slide.slide2_2_3 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* 保持视频比例，裁剪多余部分，填满容器 */
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .swiper-slide.slide2_2 img, .swiper-slide.slide2_2_1 img, .swiper-slide.slide2_2_2 img, .swiper-slide.slide2_2_3 img {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .swiper-slide.slide2_2 .textwrap, .swiper-slide.slide2_2_1 .textwrap, .swiper-slide.slide2_2_2 .textwrap, .swiper-slide.slide2_2_3 .textwrap {
    width: 5.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 1.6rem; }
    .swiper-slide.slide2_2 .textwrap p, .swiper-slide.slide2_2_1 .textwrap p, .swiper-slide.slide2_2_2 .textwrap p, .swiper-slide.slide2_2_3 .textwrap p {
      font-size: .24rem;
      line-height: .36rem;
      color: #ffffff;
      text-align: center;
      position: relative;
      -webkit-transition: 1s;
      transition: 1s;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
      .swiper-slide.slide2_2 .textwrap p:nth-child(1), .swiper-slide.slide2_2_1 .textwrap p:nth-child(1), .swiper-slide.slide2_2_2 .textwrap p:nth-child(1), .swiper-slide.slide2_2_3 .textwrap p:nth-child(1) {
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .swiper-slide.slide2_2 .textwrap p:nth-child(2), .swiper-slide.slide2_2_1 .textwrap p:nth-child(2), .swiper-slide.slide2_2_2 .textwrap p:nth-child(2), .swiper-slide.slide2_2_3 .textwrap p:nth-child(2) {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }
      .swiper-slide.slide2_2 .textwrap p:nth-child(3), .swiper-slide.slide2_2_1 .textwrap p:nth-child(3), .swiper-slide.slide2_2_2 .textwrap p:nth-child(3), .swiper-slide.slide2_2_3 .textwrap p:nth-child(3) {
        -webkit-transition-delay: 1.3s;
                transition-delay: 1.3s; }
  .swiper-slide .game_wf {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .swiper-slide .game_wf .swiper-slide {
      width: 100%;
      height: 100%; }
    .swiper-slide .game_wf .wfSwiper {
      width: 100%;
      height: 100%;
      position: relative; }
      .swiper-slide .game_wf .wfSwiper img {
        position: absolute;
        width: auto;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .swiper-slide .game_wf .wfSwiper .swiper-button-prev {
        background: url(../ossweb-img/m/p2_prev.png) no-repeat 100%/100%;
        width: .49rem;
        height: .77rem;
        bottom: 2.28rem;
        left: .28rem;
        margin-top: 0;
        top: initial; }
        .swiper-slide .game_wf .wfSwiper .swiper-button-prev::after {
          content: "";
          background: none; }
      .swiper-slide .game_wf .wfSwiper .swiper-button-next {
        background: url(../ossweb-img/m/p2_next.png) no-repeat 100%/100%;
        width: .49rem;
        height: .77rem;
        bottom: 2.28rem;
        right: .28rem;
        margin-top: 0;
        top: initial; }
        .swiper-slide .game_wf .wfSwiper .swiper-button-next::after {
          content: "";
          background: none; }
    .swiper-slide .game_wf .wf1_tit {
      background: url(../ossweb-img/m/ico_wf.png) no-repeat 100%/100%;
      width: 4.98rem;
      height: 1.68rem;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0.88rem;
      opacity: 0; }
    .swiper-slide .game_wf .swiper-slide .wf1_tit {
      left: 60%;
      opacity: 0; }
    .swiper-slide .game_wf .swiper-slide .textwrap p {
      opacity: 0; }
  .swiper-slide .swiper-pagination {
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 3.95rem;
    height: .17rem;
    font-size: 0; }
    .swiper-slide .swiper-pagination .swiper-pagination-bullet {
      background: none;
      width: .17rem;
      height: .17rem;
      position: relative;
      opacity: 1;
      border: none;
      outline: none;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
      .swiper-slide .swiper-pagination .swiper-pagination-bullet::after {
        content: "";
        background: url(../ossweb-img/m/wf_but.png) no-repeat 100%/100%;
        width: .63rem;
        height: .63rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        pointer-events: none;
        border: none; }
      .swiper-slide .swiper-pagination .swiper-pagination-bullet:not(:first-child) {
        margin-left: .5rem; }
    .swiper-slide .swiper-pagination .swiper-pagination-bullet-active {
      background: none; }
      .swiper-slide .swiper-pagination .swiper-pagination-bullet-active::after {
        content: "";
        background: url(../ossweb-img/wf_but_act.png) no-repeat 100%/100%;
        width: .63rem;
        height: .63rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        pointer-events: none;
        border: none; }

.slide3 {
  background: url(../ossweb-img/m/bg3.jpg) no-repeat 50% 0/cover;
  width: 100%;
  height: 100%; }
  .slide3 .main {
    top: 55%;
    opacity: 0; }
  .slide3.swiper-slide-active .main {
    top: 50%;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide3 .stz1-wrap, .slide3 .stz2-wrap, .slide3 .stz3-wrap {
    pointer-events: none;
    opacity: 0; }
    .slide3 .stz1-wrap.act, .slide3 .stz2-wrap.act, .slide3 .stz3-wrap.act {
      opacity: 1;
      pointer-events: auto; }
  .slide3 .stz1-wrap {
    width: 5.05rem;
    height: 9.7rem;
    position: absolute;
    z-index: 5;
    top: 2.5rem;
    left: 50%;
    margin-left: -2.525rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center; }
    .slide3 .stz1-wrap .vidwrap {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      margin-left: .6rem; }
    .slide3 .stz1-wrap .vid {
      background: url(../ossweb-img/p3_inn.png) no-repeat 100%/100%;
      width: 11.38rem;
      height: 6.81rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: scaleX(-1) rotate(90deg);
              transform: scaleX(-1) rotate(90deg); }
      .slide3 .stz1-wrap .vid::after {
        content: "";
        background: url(../ossweb-img/p3_af.png) no-repeat 100%/100%;
        width: 3.34rem;
        height: 1.34rem;
        position: absolute;
        left: 8.24rem;
        top: 4.92rem; }
      .slide3 .stz1-wrap .vid .playimg, .slide3 .stz1-wrap .vid .playimg2 {
        width: 10.61rem;
        height: 6.11rem;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        will-change: transform;
        -webkit-mask-image: url(../ossweb-img/p3_mask.png);
                mask-image: url(../ossweb-img/p3_mask.png);
        -webkit-mask-size: 10.61rem 6.11rem;
                mask-size: 10.61rem 6.11rem; }
        .slide3 .stz1-wrap .vid .playimg img, .slide3 .stz1-wrap .vid .playimg2 img {
          width: 60%;
          -webkit-transform: rotate(-90deg) scaleX(-1);
                  transform: rotate(-90deg) scaleX(-1);
          position: relative; }
        .slide3 .stz1-wrap .vid .playimg .btn_play, .slide3 .stz1-wrap .vid .playimg2 .btn_play {
          width: 1.07rem;
          height: 1.07rem;
          left: 4.62rem;
          top: 2.5rem;
          position: absolute;
          -webkit-animation: play 1s ease-in alternate infinite;
                  animation: play 1s ease-in alternate infinite; }
          .slide3 .stz1-wrap .vid .playimg .btn_play::after, .slide3 .stz1-wrap .vid .playimg2 .btn_play::after {
            content: "";
            background: url(../ossweb-img/ani_play.png) no-repeat 100%/100%;
            width: 2rem;
            height: 2rem;
            position: absolute;
            left: -0.57rem;
            top: -0.2rem;
            -webkit-transform: rotate(-90deg) scaleX(-1);
                    transform: rotate(-90deg) scaleX(-1); }
        .slide3 .stz1-wrap .vid .playimg::after, .slide3 .stz1-wrap .vid .playimg2::after {
          content: "";
          background: url(../ossweb-img/p3_mask_af.png) no-repeat 100%/100%;
          width: 19.2rem;
          height: 10.8rem;
          position: absolute;
          left: -4.8rem;
          top: -1.95rem;
          pointer-events: none; }
  .slide3 .stz3-wrap {
    top: 2.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute; }
    .slide3 .stz3-wrap .vid {
      width: 6.57rem;
      margin: 0 auto; }
    .slide3 .stz3-wrap a {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .slide3 .stz3-wrap .playimg {
      width: 6.57rem;
      height: 3.72rem; }
      .slide3 .stz3-wrap .playimg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .slide3 .stz3-wrap .vid_b {
      width: 6.57rem; }
      .slide3 .stz3-wrap .vid_b .time {
        font-size: .18rem;
        line-height: .31rem;
        color: #f65a45;
        margin: .3rem 0 .15rem 0; }
        .slide3 .stz3-wrap .vid_b .time .type {
          margin-left: .3rem; }
      .slide3 .stz3-wrap .vid_b .hd_t {
        font-size: .24rem;
        line-height: .35rem;
        color: #ffffff;
        margin-bottom: .08rem; }
      .slide3 .stz3-wrap .vid_b .hd_desc {
        font-size: .24rem;
        line-height: .3rem;
        color: rgba(255, 255, 255, 0.5);
        white-space: nowrap;
        /* 不换行 */
        overflow: hidden;
        /* 超出隐藏 */
        text-overflow: ellipsis;
        /* 超出显示省略号 */
        width: 7rem;
        /* 容器宽度，根据需要调整 */ }
  .slide3 .slide3_btns {
    width: 100%;
    top: 1.68rem; }
    .slide3 .slide3_btns a {
      width: 2.17rem;
      height: .55rem;
      background: no-repeat 100% / 100%;
      font-size: .24rem;
      line-height: .3rem;
      color: rgba(255, 255, 255, 0.5);
      position: relative;
      padding: 0rem .06rem; }
      .slide3 .slide3_btns a span {
        position: relative;
        z-index: 2; }
      .slide3 .slide3_btns a:not(:last-child)::before {
        content: "";
        background: url(../ossweb-img/m/p3_line.png) no-repeat 100%/100%;
        width: .01rem;
        height: 2.58rem;
        position: absolute;
        top: 50%;
        margin-top: -1.29rem;
        right: 0; }
      .slide3 .slide3_btns a.active {
        color: #000000; }
        .slide3 .slide3_btns a.active::after {
          content: "";
          background: url(../ossweb-img/m/p3_act.png) no-repeat 100%/100%;
          width: 2.49rem;
          height: .91rem;
          position: absolute;
          left: 0rem;
          top: -.05rem; }
  .slide3 .stzswiper-cont .swiper-button-prev {
    background: url(../ossweb-img/m/p3_prev.png) no-repeat 100%/100%;
    width: .49rem;
    height: .77rem;
    right: initial;
    top: 6.76rem;
    margin-top: 0;
    left: .28rem; }
    .slide3 .stzswiper-cont .swiper-button-prev::after {
      content: "";
      background: none; }
  .slide3 .stzswiper-cont .swiper-button-next {
    background: url(../ossweb-img/m/p3_next.png) no-repeat 100%/100%;
    width: .49rem;
    height: .77rem;
    right: .28rem;
    top: 6.76rem;
    margin-top: 0; }
    .slide3 .stzswiper-cont .swiper-button-next::after {
      content: "";
      background: none; }
  .slide3 .stzswiper {
    width: 5.05rem;
    height: 9.7rem;
    position: absolute;
    z-index: 5;
    top: 2.5rem;
    left: 50%;
    margin-left: -2.525rem;
    overflow: hidden; }
    .slide3 .stzswiper .swiper-slide {
      background: url(../ossweb-img/m/p3_inn.png) no-repeat 100%/100%;
      width: 5.05rem;
      height: 2.94rem;
      -webkit-mask-image: url(../ossweb-img/m/p3_inn.png);
              mask-image: url(../ossweb-img/m/p3_inn.png);
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%;
      margin: .16rem 0; }
      .slide3 .stzswiper .swiper-slide img {
        width: 101%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .slide3 .stzswiper .swiper-slide a {
        width: .55rem;
        height: .55rem;
        position: absolute;
        left: 45%;
        top: 38%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-animation: play 1s ease-in alternate infinite;
                animation: play 1s ease-in alternate infinite; }
        .slide3 .stzswiper .swiper-slide a::after {
          content: "";
          background: url(../ossweb-img/ani_play.png) no-repeat 100%/100%;
          width: 2rem;
          height: 2rem;
          position: absolute;
          left: -0.2rem;
          top: -0.57rem; }
  .slide3 .playinn {
    position: absolute;
    left: 4.81rem;
    top: 1.93rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .slide3 .playinn .playimg {
      width: 10.61rem;
      height: 6.11rem;
      -webkit-mask-image: url(../ossweb-img/p3_mask.png);
              mask-image: url(../ossweb-img/p3_mask.png);
      -webkit-mask-size: 10.61rem 6.11rem;
              mask-size: 10.61rem 6.11rem; }
      .slide3 .playinn .playimg img {
        width: 110%; }
      .slide3 .playinn .playimg .btn_play {
        width: 1.07rem;
        height: 1.07rem;
        left: 4.78rem;
        top: 2.53rem;
        position: absolute;
        -webkit-animation: play 1s ease-in alternate infinite;
                animation: play 1s ease-in alternate infinite; }
        .slide3 .playinn .playimg .btn_play::after {
          content: "";
          background: url(../ossweb-img/ani_play.png) no-repeat 100%/100%;
          width: 2rem;
          height: 2rem;
          position: absolute;
          left: -0.2rem;
          top: -0.57rem; }

.slide4 {
  background: url(../ossweb-img/m/bg4.jpg) no-repeat 50% 50%/cover;
  width: 100%;
  height: 100%; }
  .slide4 .main {
    top: 55%;
    opacity: 0; }
  .slide4.swiper-slide-active .main {
    top: 50%;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide4 .inn {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center; }
  .slide4 .par .par_cont {
    position: relative;
    margin-bottom: .1rem;
    margin-left: .12rem;
    font-size: 0;
    margin-top: .3rem; }
    .slide4 .par .par_cont i {
      position: relative;
      width: .28rem;
      height: .28rem;
      margin: 0 .14rem;
      display: inline-block;
      position: relative;
      top: .08rem; }
      .slide4 .par .par_cont i::after {
        content: "";
        background: url(../ossweb-img/m/p4_ico.png) no-repeat 100%/100%;
        width: .58rem;
        height: .58rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .slide4 .par .par_cont span {
      font-size: .24rem;
      line-height: .3rem;
      color: #ffffff;
      font-weight: bold; }
  .slide4 .par .email {
    margin-top: .3rem;
    font-size: 0;
    text-align: center; }
    .slide4 .par .email i {
      width: .28rem;
      height: .23rem;
      margin-right: .15rem;
      display: inline-block;
      position: relative;
      top: .05rem; }
      .slide4 .par .email i::after {
        content: "";
        background: url(../ossweb-img/ico_ema.png) no-repeat 100%/100%;
        width: .28rem;
        height: .2rem;
        position: absolute;
        left: 50%;
        margin-left: -.115rem;
        top: 0; }
    .slide4 .par .email a {
      font-size: .24rem;
      line-height: .3rem;
      color: rgba(255, 255, 255, 0.8); }
  .slide4 .par .add {
    margin-bottom: .28rem; }
    .slide4 .par .add i {
      width: .28rem;
      height: .23rem;
      margin-right: .15rem;
      display: inline-block;
      position: relative; }
      .slide4 .par .add i::after {
        content: "";
        background: url(../ossweb-img/ico_add.png) no-repeat 100%/100%;
        width: .23rem;
        height: .3rem;
        position: absolute;
        left: 50%;
        margin-left: -.115rem;
        top: 0; }
    .slide4 .par .add span {
      font-size: .24rem;
      line-height: .3rem;
      color: rgba(255, 255, 255, 0.8); }
  .slide4 .par .tel i {
    width: .28rem;
    height: .27rem;
    margin-right: .15rem;
    display: inline-block;
    position: relative; }
    .slide4 .par .tel i::after {
      content: "";
      background: url(../ossweb-img/ico_tel.png) no-repeat 100%/100%;
      width: .25rem;
      height: .27rem;
      position: absolute;
      left: 50%;
      margin-left: -.115rem;
      top: 0; }
  .slide4 .par .tel span {
    font-size: .24rem;
    line-height: .3rem;
    color: rgba(255, 255, 255, 0.8); }
  .slide4 .p4_btns {
    width: 5.3rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    margin-top: .8rem; }
    .slide4 .p4_btns a {
      display: block; }
    .slide4 .p4_btns .btn_bil {
      background: url(../ossweb-img/m/ico_bil2.png) no-repeat 100%/100%;
      width: .49rem;
      height: .47rem; }
    .slide4 .p4_btns .btn_wb {
      background: url(../ossweb-img/m/ico_wb2.png) no-repeat 100%/100%;
      width: .49rem;
      height: .4rem; }
    .slide4 .p4_btns .btn_dy {
      background: url(../ossweb-img/m/ico_dy2.png) no-repeat 100%/100%;
      width: .43rem;
      height: .49rem; }
    .slide4 .p4_btns .btn_xhs {
      background: url(../ossweb-img/m/ico_xhs2.png) no-repeat 100%/100%;
      width: .47rem;
      height: .47rem; }
    .slide4 .p4_btns .btn_x {
      background: url(../ossweb-img/m/ico_x2.png) no-repeat 100%/100%;
      width: .41rem;
      height: .43rem; }
    .slide4 .p4_btns .btn_yt {
      background: url(../ossweb-img/m/ico_yt2.png) no-repeat 100%/100%;
      width: .49rem;
      height: .35rem; }
  .slide4 .join {
    position: relative; }
    .slide4 .join .par_cont {
      position: relative;
      margin-bottom: .35rem;
      margin-left: .12rem;
      font-size: 0; }
      .slide4 .join .par_cont i {
        position: relative;
        width: .28rem;
        height: .28rem;
        margin: 0 .14rem;
        display: inline-block;
        top: .08rem; }
        .slide4 .join .par_cont i::after {
          content: "";
          background: url(../ossweb-img/m/p4_ico.png) no-repeat 100%/100%;
          width: .58rem;
          height: .58rem;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .slide4 .join .par_cont span {
        font-size: .24rem;
        line-height: .3rem;
        color: #ffffff;
        font-weight: bold; }
    .slide4 .join .scrol_btns {
      width: 100%;
      margin: 0 auto; }
    .slide4 .join .join-cont a {
      background: url(../ossweb-img/m/join_btn.png) no-repeat 100%/100% 100%;
      width: 3.45rem;
      height: .8rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .26rem 0 .46rem;
      margin: .05rem; }
      .slide4 .join .join-cont a span {
        font-size: .2rem;
        line-height: .3rem;
        color: #ededed;
        width: 2.3rem;
        position: relative;
        top: -0.03rem; }
      .slide4 .join .join-cont a i {
        background: url(../ossweb-img/m/join_arr.png) no-repeat 100%/100%;
        width: .13rem;
        height: .23rem;
        position: relative;
        z-index: 2; }
    .slide4 .join .join-cont .btn_more {
      background: url(../ossweb-img/btn_more.png) no-repeat 100%/100%;
      width: 2.69rem;
      height: .66rem;
      margin: .4rem auto 1rem;
      padding: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .slide4 .join .join-cont .btn_more span {
        font-size: .32rem;
        line-height: .4rem;
        color: #121212;
        font-weight: bold;
        text-align: center; }
    .slide4 .join .joinswiper-cont {
      height: 3.6rem;
      width: 7.5rem;
      margin: 0 auto;
      position: relative; }
      .slide4 .join .joinswiper-cont .joinswiper {
        width: 6.7rem;
        height: 100%;
        margin-left: 0.6rem; }
      .slide4 .join .joinswiper-cont .swiper-slide {
        width: 6.25rem;
        height: .8rem; }
    .slide4 .join .swiper-button-prev {
      background: url(../ossweb-img/m/p4_prev.png) no-repeat 100%/100%;
      width: .45rem;
      height: .69rem;
      top: 50%;
      margin-top: -.345rem;
      left: .16rem; }
      .slide4 .join .swiper-button-prev::after {
        content: "";
        background: none; }
    .slide4 .join .swiper-button-next {
      background: url(../ossweb-img/m/p4_next.png) no-repeat 100%/100%;
      width: .45rem;
      height: .69rem;
      top: 50%;
      margin-top: -.345rem;
      right: .16rem; }
      .slide4 .join .swiper-button-next::after {
        content: "";
        background: none; }
    .slide4 .join .swiper-pagination {
      width: auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: .24rem;
      line-height: .3rem;
      position: absolute;
      top: -0.73rem;
      left: inherit;
      right: 0.5rem;
      color: rgba(255, 255, 255, 0.5); }
      .slide4 .join .swiper-pagination .swiper-pagination-current {
        color: #ffffff;
        font-size: .41rem;
        line-height: 1;
        margin-right: -0.03rem; }
      .slide4 .join .swiper-pagination .swiper-pagination-total {
        margin-left: -0.03rem; }
    .slide4 .join .btn_more {
      background: url(../ossweb-img/btn_more.png) no-repeat 100%/100%;
      width: 2.69rem;
      height: .66rem;
      margin: .4rem auto 0; }
      .slide4 .join .btn_more span {
        font-size: .32rem;
        line-height: .4rem;
        color: #121212;
        font-weight: bold; }

.slide5 {
  width: 100%;
  height: 3.32rem !important; }

.swiper-pag {
  width: .13rem;
  height: 2.06rem;
  position: fixed;
  left: initial;
  right: -1.6rem;
  pointer-events: none;
  top: 50%;
  margin-top: -1.03rem;
  z-index: 30;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .swiper-pag li {
    width: .13rem;
    height: .14rem;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.5; }
    .swiper-pag li::after {
      content: "";
      background: url(../ossweb-img/wf_but.png) no-repeat 100%/100%;
      width: .13rem;
      height: .14rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .swiper-pag li::before {
      content: "";
      width: .5rem;
      height: .5rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .swiper-pag li:not(:last-child) {
      margin-bottom: .5rem; }
    .swiper-pag li.active {
      opacity: 1;
      background: none; }
      .swiper-pag li.active::after {
        background: url(../ossweb-img/wf_but_act.png) no-repeat 100%/100%;
        width: .71rem;
        height: .71rem;
        opacity: 1; }
  .swiper-pag.ent {
    right: 0.6rem;
    pointer-events: auto; }

.afooter {
  width: 100%;
  height: 3.32rem;
  position: absolute;
  bottom: 0;
  left: 0; }
  .afooter .logo1 {
    background: url(../ossweb-img/logo.png) no-repeat 100%/100%;
    width: 2.35rem;
    height: .8rem;
    display: inline-block;
    position: relative;
    margin-right: .75rem; }
  .afooter .logo2 {
    background: url(../ossweb-img/m/aft-logo2.png) no-repeat 100%/100%;
    width: 1.28rem;
    height: .6rem;
    display: inline-block;
    position: relative;
    top: -0.1rem; }
  .afooter .tl {
    font-size: 0; }
    .afooter .tl .tl_a {
      text-align: center;
      margin: .12rem 0 .3rem 0; }
    .afooter .tl a {
      font-size: .18rem;
      line-height: .2rem;
      color: #ffffff;
      position: relative;
      width: 1.42rem;
      display: inline-block;
      text-align: center; }
      .afooter .tl a:not(:first-child)::after {
        content: "";
        background-color: rgba(255, 255, 255, 0.4);
        width: .02rem;
        height: .22rem;
        position: absolute;
        top: 50%;
        margin-top: -.11rem;
        left: 0; }
    .afooter .tl p {
      width: 5.1rem;
      margin: 0 auto;
      font-size: .14rem;
      line-height: .23rem;
      color: rgba(255, 255, 255, 0.22);
      text-align: center; }

.xl_arr {
  position: fixed;
  bottom: .65rem;
  left: 50%;
  margin-left: -.27rem;
  background: url(../ossweb-img/m/arr.png?v=1.0) no-repeat 100%/100%;
  width: .45rem;
  height: .9rem;
  z-index: 66;
  -webkit-animation: xl_ani .8s linear infinite alternate;
          animation: xl_ani .8s linear infinite alternate; }
@-webkit-keyframes xl_ani {
  0% {
    bottom: .35rem; }
  100% {
    bottom: .15rem; } }
@keyframes xl_ani {
  0% {
    bottom: .35rem; }
  100% {
    bottom: .15rem; } }
.textmain {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  pointer-events: none; }
  .textmain .textwrap {
    width: 5.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 1.6rem; }
    .textmain .textwrap p {
      font-size: .24rem;
      line-height: .36rem;
      color: #ffffff;
      text-align: center;
      position: relative;
      -webkit-transition: 1s;
      transition: 1s;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
      .textmain .textwrap p:nth-child(1) {
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .textmain .textwrap p:nth-child(2) {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }
      .textmain .textwrap p:nth-child(3) {
        -webkit-transition-delay: 1.3s;
                transition-delay: 1.3s; }
  .textmain.showin .textwrap p {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .textmain.showout .textwrap p {
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }

/*弹窗*/
.pop_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 299; }

.pop-img {
  display: none;
  outline: none;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  width: 7rem;
  height: 3.94rem;
  margin: -1.97rem -3.5rem; }
  .pop-img .pop_clo {
    background: url(../ossweb-img/m/nav_clo.png) no-repeat 100%/100%;
    width: .4rem;
    height: .39rem;
    position: absolute;
    right: 0;
    top: -0.7rem; }

.pop-vid {
  display: none;
  outline: none;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  width: 7rem;
  height: 3.94rem;
  margin: -1.97rem -3.5rem; }
  .pop-vid .pop_clo {
    background: url(../ossweb-img/m/nav_clo.png) no-repeat 100%/100%;
    width: .4rem;
    height: .39rem;
    position: absolute;
    right: 0;
    top: -0.7rem; }
  .pop-vid .inn {
    width: 100%;
    height: 100%; }

@-webkit-keyframes play {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes play {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }
.lang_zh .encont {
  display: none !important; }

.lang_en .zhcont {
  display: none !important; }
.lang_en .slide4 .inn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-bottom: 4rem; }
.lang_en .slide4 .join-wrap {
  display: none; }
.lang_en .afooter .tl a {
  width: 1.62rem; }
.lang_en .navbar .logo {
  background-image: url(../ossweb-img/logo_en.png);
  width: 1.87rem;
  height: .94rem;
  left: .28rem;
  top: .18rem; }
.lang_en .afooter .logo1 {
  background-image: url(../ossweb-img/logo_en.png);
  width: 2.34rem;
  height: 1.18rem; }
.lang_en .afooter .logo2 {
  background-image: url(../ossweb-img/aft_logo2_en.png);
  width: 2.32rem;
  height: .76rem; }
.lang_en .slide1 .logo {
  background: url(../ossweb-img/p1_logo_en.png) no-repeat 100%/100%;
  width: 6.94rem;
  height: 3.49rem;
  left: 50%;
  margin-left: -3.47rem;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  top: 7.1rem; }

.news {
  background: url(../ossweb-img/m/bg5.jpg) no-repeat 50% 50%/cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.79rem; }

.newshref {
  font-size: .33rem;
  line-height: .4rem;
  color: white;
  left: .47rem;
  top: 1.8rem;
  position: absolute; }
  .newshref .back {
    background: url(../ossweb-img/m/back.png) no-repeat 100%/100%;
    width: .2rem;
    height: .37rem;
    margin-right: .19rem;
    display: inline-block;
    position: relative;
    top: .04rem;
    cursor: pointer; }
  .newshref a {
    font-size: .33rem;
    line-height: .4rem;
    color: white; }

.news_btn {
  width: 6.56rem;
  position: absolute;
  bottom: .38rem;
  left: 50%;
  margin-left: -3.28rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .news_btn .btn_prev span {
    /* 容器宽度，根据需要调整 */
    font-size: .24rem;
    line-height: .32rem;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    /* 创建伸缩盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 显示2行，超出部分省略 */
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 省略号 */
    word-break: break-word;
    /* 单词换行，防止超出 */
    width: 1.6rem; }
  .news_btn .btn_prev i {
    background: url(../ossweb-img/news_arr.png) no-repeat 100%/100%;
    width: .36rem;
    height: .56rem;
    margin-right: .13rem; }
  .news_btn .btn_next span {
    font-size: .24rem;
    line-height: .32rem;
    color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    /* 创建伸缩盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 显示2行，超出部分省略 */
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 省略号 */
    word-break: break-word;
    /* 单词换行，防止超出 */
    width: 1.6rem; }
  .news_btn .btn_next i {
    background: url(../ossweb-img/news_arr2.png) no-repeat 100%/100%;
    width: .35rem;
    height: .56rem;
    margin-left: .13rem; }

.news_cont {
  width: 6.56rem;
  margin: 0 auto;
  height: calc(100% - 1.47rem);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .news_cont::-webkit-scrollbar {
    width: 0;
    display: none; }
  .news_cont .imgwrap {
    width: 6.56rem;
    margin: .18rem auto; }
  .news_cont .new_tit {
    font-size: .32rem;
    line-height: .42rem;
    color: white;
    padding-bottom: .25rem;
    position: relative;
    text-align: center; }
    .news_cont .new_tit::after {
      content: "";
      background: url(../ossweb-img/m/line.png) no-repeat 100%/100%;
      width: 7.5rem;
      height: .01rem;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0; }
    .news_cont .new_tit .time {
      font-size: .18rem;
      line-height: .25rem;
      color: #f65a45;
      text-align: center; }
  .news_cont .que {
    font-size: .24rem;
    line-height: .36rem;
    color: #ef5844;
    margin-top: .34rem;
    margin-bottom: .12rem; }
  .news_cont .ans {
    font-size: .24rem;
    line-height: .36rem;
    color: rgba(255, 255, 255, 0.6); }

.newslist {
  background: url(../ossweb-img/m/bg5.jpg) no-repeat 50% 50%/cover; }
  .newslist .main {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 2.8rem; }

.newslist_cont .listbtns {
  width: 100%;
  height: .61rem;
  position: relative; }
  .newslist_cont .listbtns::after {
    content: "";
    background: url(../ossweb-img/m/listline.png) no-repeat 100%/100%;
    width: 7.5rem;
    height: .01rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0; }
  .newslist_cont .listbtns a {
    width: 24%;
    height: .3rem;
    background: no-repeat 100% / 100%;
    font-size: .24rem;
    line-height: .3rem;
    color: white;
    position: relative;
    padding: .17rem 0; }
    .newslist_cont .listbtns a span {
      position: relative;
      z-index: 2; }
    .newslist_cont .listbtns a.active {
      color: #f25945; }
      .newslist_cont .listbtns a.active::after {
        content: "";
        background: url(../ossweb-img/m/newscho.png) no-repeat 100%/100%;
        width: 2.7rem;
        height: 1.92rem;
        position: absolute;
        left: 0;
        bottom: 0; }
.newslist_cont .listcont {
  width: 6.9rem;
  height: 6.8rem;
  margin: .35rem auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  .newslist_cont .listcont li {
    width: 3.34rem;
    margin: .26rem .1rem; }
    .newslist_cont .listcont li .imgwrap {
      width: 3.34rem;
      height: 1.89rem; }
      .newslist_cont .listcont li .imgwrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .newslist_cont .listcont li .list_info .info_tit {
      width: 3.34rem;
      font-size: .24rem;
      line-height: .32rem;
      color: #cecece; }
    .newslist_cont .listcont li .list_info .info_time {
      font-size: .18rem;
      line-height: .32rem;
      color: #f65a45; }

.newslist_btn {
  width: 7.5rem; }
  .newslist_btn p {
    font-size: .24rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: .3rem;
    margin: 0 .27rem; }
    .newslist_btn p.active {
      color: #f55640; }
  .newslist_btn a {
    margin: 0 .5rem; }
  .newslist_btn .btn_prev {
    background: url(../ossweb-img/news_arr.png) no-repeat 100%/100%;
    width: .36rem;
    height: .56rem; }
  .newslist_btn .btn_next {
    background: url(../ossweb-img/news_arr2.png) no-repeat 100%/100%;
    width: .36rem;
    height: .56rem; }