@charset "UTF-8";
/* reset */
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0;
  padding: 0; }

body {
  font: 12px/1.5 tahoma,'\5b8b\4f53',sans-serif;
  padding-top: 0;
  background: #000;
  font-family: 'Source Han Sans', sans-serif;
  font-family: Simsun; }

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

em, b {
  font-style: normal; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%;
  outline: none; }

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

td, th, ul, ol {
  padding: 0;
  list-style: none; }

.clearfix:after {
  content: "\0020";
  height: 0;
  display: block;
  clear: both; }

.hidden {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden; }

@font-face {
  font-family: 'SourecHan';
  src: url(../ossweb-img/SourceHanSerifCN-Regular.ttf); }
html, body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  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;
    background: url(../ossweb-img/load2.png) no-repeat 100%/100%;
    position: relative; }
    .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: 19.2rem;
    height: 10.8rem;
    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: .99rem;
  z-index: 66;
  background: url(../ossweb-img/nav_t.png) no-repeat 50% 0/cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2.7rem; }
  .navbar .logo {
    background: url(../ossweb-img/logo.png) no-repeat 100%/100%;
    width: 2.35rem;
    height: .8rem;
    left: .41rem;
    top: .18rem;
    opacity: 0.8; }
  .navbar > ul {
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .navbar > ul li {
      width: 1.8rem;
      height: 100%;
      text-align: center;
      font-size: .18rem;
      line-height: .99rem;
      color: rgba(255, 255, 255, 0.6);
      position: relative;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .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::before {
        content: "";
        background: url(../ossweb-img/nav_act.png) no-repeat 100%/100%;
        width: 3.76rem;
        height: .99rem;
        position: absolute;
        left: 40%;
        margin-left: -1.88rem;
        top: 0;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .navbar > ul li.active, .navbar > ul li:hover {
        color: #ef503c; }
        .navbar > ul li.active::before, .navbar > ul li:hover::before {
          opacity: 1; }
  .navbar .btn_lang {
    width: 1.4rem;
    height: .4rem;
    top: 50%;
    margin-top: -.2rem;
    right: .43rem;
    border: 1px solid rgba(255, 255, 255, 0.3); }
    .navbar .btn_lang span {
      font-size: .2rem;
      line-height: 1;
      color: #ffffff;
      opacity: 0.3; }
      .navbar .btn_lang span.cholan {
        font-style: normal;
        opacity: 1;
        font-size: .22rem;
        padding: 0 .05rem;
        position: relative;
        top: -0.02rem; }
    .navbar .btn_lang .arr {
      background: url(../ossweb-img/lan_arr.png) no-repeat 100%/100%;
      width: .09rem;
      height: .07rem;
      margin-left: .1rem; }
  .navbar .langul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: .42rem;
    background-color: rgba(13, 19, 22, 0.6);
    text-align: center;
    width: 100%;
    display: none; }
    .navbar .langul li {
      width: 100%;
      color: #fff;
      font-size: .24rem;
      line-height: .3rem;
      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 {
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }
  .slide1 video, .slide1 img {
    opacity: 0; }
  .slide1.swiper-slide-active video, .slide1.swiper-slide-active img {
    opacity: 1;
    -webkit-transition: opacity 2s;
    transition: opacity 2s; }
  .slide1 .main {
    width: 1920px;
    height: 1080px; }
  .slide1 .bg-img {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .slide1 video {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .slide1 .logo {
    background: url(../ossweb-img/p1_logo.png) no-repeat 100%/100%;
    width: 321px;
    height: 482px;
    top: 220px;
    left: 50%;
    -webkit-transform: translateX(140%);
            transform: translateX(140%); }
  .slide1 .btn_play {
    width: 107px;
    height: 107px;
    left: 50%;
    -webkit-transform: translateX(530%);
            transform: translateX(530%);
    top: 710px; }
    .slide1 .btn_play i {
      width: 107px;
      height: 107px;
      -webkit-animation: play 1s ease-in alternate infinite;
              animation: play 1s ease-in alternate infinite;
      display: block; }
      .slide1 .btn_play i::after {
        content: "";
        background: url(../ossweb-img/ani_play.png) no-repeat 100%/100%;
        width: 200px;
        height: 200px;
        position: absolute;
        left: -20px;
        top: -57px; }
  .slide1 .p1_btns {
    width: 34px;
    top: 50%;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
    right: 70px; }
    .slide1 .p1_btns a {
      margin: 0 auto;
      margin-bottom: 24px;
      display: block;
      translate: 0.5s; }
      .slide1 .p1_btns a:hover {
        -webkit-filter: brightness(1.5);
                filter: brightness(1.5);
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .slide1 .p1_btns .btn_bil {
      background: url(../ossweb-img/ico_bil.png) no-repeat 100%/100%;
      width: 34px;
      height: 32px; }
    .slide1 .p1_btns .btn_wb {
      background: url(../ossweb-img/ico_wb.png) no-repeat 100%/100%;
      width: 34px;
      height: 28px; }
    .slide1 .p1_btns .btn_dy {
      background: url(../ossweb-img/ico_dy.png) no-repeat 100%/100%;
      width: 29px;
      height: 33px; }
    .slide1 .p1_btns .btn_xhs {
      background: url(../ossweb-img/ico_xhs.png) no-repeat 100%/100%;
      width: 33px;
      height: 32px; }
    .slide1 .p1_btns .btn_x {
      background: url(../ossweb-img/ico_x.png) no-repeat 100%/100%;
      width: 28px;
      height: 30px; }
    .slide1 .p1_btns .btn_yt {
      background: url(../ossweb-img/ico_yt.png) no-repeat 100%/100%;
      width: 33px;
      height: 25px; }

.slide2 {
  background: url(../ossweb-img/bg2_1.jpg) no-repeat 50% 50%/cover;
  width: 100%;
  height: 100%; }

.slide2_2, .slide2_2_1, .slide2_2_2, .slide2_2_3 {
  background: no-repeat 50% 50% / cover; }
  .slide2_2 .wf1_tit, .slide2_2_1 .wf1_tit, .slide2_2_2 .wf1_tit, .slide2_2_3 .wf1_tit {
    background: url(../ossweb-img/ico_wf.png) no-repeat 100%/100%;
    width: 5.41rem;
    height: 1.82rem;
    position: absolute;
    left: 1.19rem;
    top: 50%;
    -webkit-transform: translateY(1.3rem);
            transform: translateY(1.3rem);
    opacity: 0; }
  .slide2_2 img, .slide2_2_1 img, .slide2_2_2 img, .slide2_2_3 img {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .slide2_2 video, .slide2_2_1 video, .slide2_2_2 video, .slide2_2_3 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* 保持视频比例，裁剪多余部分，填满容器 */
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .slide2_2.swiper-slide-next .wf1_tit, .slide2_2_1.swiper-slide-next .wf1_tit, .slide2_2_2.swiper-slide-next .wf1_tit, .slide2_2_3.swiper-slide-next .wf1_tit {
    top: 100%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide2_2.swiper-slide-active .wf1_tit, .slide2_2_1.swiper-slide-active .wf1_tit, .slide2_2_2.swiper-slide-active .wf1_tit, .slide2_2_3.swiper-slide-active .wf1_tit {
    top: 50%;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide2_2.swiper-slide-active video, .slide2_2.swiper-slide-active img, .slide2_2_1.swiper-slide-active video, .slide2_2_1.swiper-slide-active img, .slide2_2_2.swiper-slide-active video, .slide2_2_2.swiper-slide-active img, .slide2_2_3.swiper-slide-active video, .slide2_2_3.swiper-slide-active img {
    opacity: 1;
    -webkit-transition: opacity 2s;
    transition: opacity 2s; }
  .slide2_2.swiper-slide-prev .wf1_tit, .slide2_2_1.swiper-slide-prev .wf1_tit, .slide2_2_2.swiper-slide-prev .wf1_tit, .slide2_2_3.swiper-slide-prev .wf1_tit {
    top: 0%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide2_2 .textwrap, .slide2_2_1 .textwrap, .slide2_2_2 .textwrap, .slide2_2_3 .textwrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 1.6rem;
    width: 12rem; }
    .slide2_2 .textwrap p, .slide2_2_1 .textwrap p, .slide2_2_2 .textwrap p, .slide2_2_3 .textwrap p {
      font-size: .2rem;
      line-height: .36rem;
      color: #ffffff;
      text-align: center;
      position: relative;
      -webkit-transition: 1s;
      transition: 1s;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
      .slide2_2 .textwrap p:nth-child(1), .slide2_2_1 .textwrap p:nth-child(1), .slide2_2_2 .textwrap p:nth-child(1), .slide2_2_3 .textwrap p:nth-child(1) {
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .slide2_2 .textwrap p:nth-child(2), .slide2_2_1 .textwrap p:nth-child(2), .slide2_2_2 .textwrap p:nth-child(2), .slide2_2_3 .textwrap p:nth-child(2) {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
      .slide2_2 .textwrap p:nth-child(3), .slide2_2_1 .textwrap p:nth-child(3), .slide2_2_2 .textwrap p:nth-child(3), .slide2_2_3 .textwrap p:nth-child(3) {
        -webkit-transition-delay: 0.9s;
                transition-delay: 0.9s; }
  .slide2_2.swiper-slide-active .textwrap p, .slide2_2_1.swiper-slide-active .textwrap p, .slide2_2_2.swiper-slide-active .textwrap p, .slide2_2_3.swiper-slide-active .textwrap p {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .slide2_2.swiper-slide-next .textwrap p:nth-child(-n+3), .slide2_2.swiper-slide-prev .textwrap p:nth-child(-n+3), .slide2_2_1.swiper-slide-next .textwrap p:nth-child(-n+3), .slide2_2_1.swiper-slide-prev .textwrap p:nth-child(-n+3), .slide2_2_2.swiper-slide-next .textwrap p:nth-child(-n+3), .slide2_2_2.swiper-slide-prev .textwrap p:nth-child(-n+3), .slide2_2_3.swiper-slide-next .textwrap p:nth-child(-n+3), .slide2_2_3.swiper-slide-prev .textwrap p:nth-child(-n+3) {
    -webkit-transition: 0.3s;
    transition: 0.3s; }

.slide3 {
  background: url(../ossweb-img/bg3.jpg) no-repeat 50% 50%/cover;
  width: 100%;
  height: 100%; }
  .slide3 .stzwrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    opacity: 0; }
  .slide3 .slide3_btns {
    left: .96rem;
    top: 50%;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .slide3 .slide3_btns a {
      width: 2.65rem;
      height: .55rem;
      background: no-repeat 100% / 100%;
      font-size: .24rem;
      line-height: .3rem;
      color: rgba(255, 255, 255, 0.5);
      position: relative;
      padding: .28rem 0; }
      .slide3 .slide3_btns a span {
        position: relative;
        z-index: 2; }
      .slide3 .slide3_btns a:not(:last-child)::before {
        content: "";
        background: url(../ossweb-img/p3_line.png) no-repeat 100%/100%;
        width: 2.65rem;
        height: .01rem;
        position: absolute;
        left: 50%;
        margin-left: -1.325rem;
        bottom: 0; }
      .slide3 .slide3_btns a:after {
        content: "";
        background: url(../ossweb-img/p3_act.png) no-repeat 100%/100%;
        width: 3rem;
        height: .9rem;
        position: absolute;
        left: -0.01rem;
        top: .24rem;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .slide3 .slide3_btns a.active, .slide3 .slide3_btns a:hover {
        color: #000000;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .slide3 .slide3_btns a.active::after, .slide3 .slide3_btns a:hover::after {
          opacity: 1; }
  .slide3 .stzswiper-cont {
    width: 1.96rem;
    height: 10.62rem;
    position: absolute;
    top: 50%;
    margin-top: -5.31rem;
    right: 1.01rem; }
    .slide3 .stzswiper-cont::after {
      content: "";
      background: url(../ossweb-img/p3_lin2.png) no-repeat 100%/100%;
      width: .03rem;
      height: 10.62rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .slide3 .stzswiper-cont .swiper-button-prev {
      background: url(../ossweb-img/p3_prev.png) no-repeat 100%/100%;
      width: .73rem;
      height: .47rem;
      margin-top: -2.72rem;
      right: initial;
      left: 50%;
      margin-left: -.365rem;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .slide3 .stzswiper-cont .swiper-button-prev::after {
        content: "";
        background: none; }
      .slide3 .stzswiper-cont .swiper-button-prev:hover {
        -webkit-transform: translateY(-0.06rem);
                transform: translateY(-0.06rem); }
    .slide3 .stzswiper-cont .swiper-button-next {
      background: url(../ossweb-img/p3_next.png) no-repeat 100%/100%;
      width: .73rem;
      height: .47rem;
      margin-top: 1.52rem;
      right: initial;
      left: 50%;
      margin-left: -.365rem;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .slide3 .stzswiper-cont .swiper-button-next::after {
        content: "";
        background: none; }
      .slide3 .stzswiper-cont .swiper-button-next:hover {
        -webkit-transform: translateY(0.06rem);
                transform: translateY(0.06rem); }
  .slide3 .stzswiper {
    width: 1.96rem;
    height: 3.4rem;
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -2.05rem;
    right: 0;
    overflow: hidden; }
    .slide3 .stzswiper .swiper-slide {
      width: 100%;
      height: 1.13rem;
      -webkit-transform: scale(0.78);
              transform: scale(0.78);
      -webkit-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
      .slide3 .stzswiper .swiper-slide::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
      .slide3 .stzswiper .swiper-slide.swiper-slide-active, .slide3 .stzswiper .swiper-slide:hover {
        -webkit-transform: scale(0.95);
                transform: scale(0.95); }
        .slide3 .stzswiper .swiper-slide.swiper-slide-active::after, .slide3 .stzswiper .swiper-slide:hover::after {
          background: none; }
  .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 .playinn {
    background: url(../ossweb-img/p3_inn.png) no-repeat 100%/100%;
    width: 11.38rem;
    height: 6.81rem;
    position: absolute;
    left: 4.81rem;
    top: 1.93rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .slide3 .playinn::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 .playinn .playimg, .slide3 .playinn .playimg2, .slide3 .playinn .playimg3 {
      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 .playinn .playimg img, .slide3 .playinn .playimg2 img, .slide3 .playinn .playimg3 img {
        width: 102%; }
      .slide3 .playinn .playimg .btn_play, .slide3 .playinn .playimg2 .btn_play, .slide3 .playinn .playimg3 .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, .slide3 .playinn .playimg2 .btn_play::after, .slide3 .playinn .playimg3 .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; }
      .slide3 .playinn .playimg::after, .slide3 .playinn .playimg2::after, .slide3 .playinn .playimg3::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 .playinn .playimg3 a {
      width: 100%;
      height: 100%;
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .slide3 .playinn .playimg3 div {
      width: 100%;
      position: absolute;
      top: 4.78rem;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: .24rem;
      padding-top: .1rem; }
      .slide3 .playinn .playimg3 div::after {
        content: "";
        background: url(../ossweb-img/bg_news.png) no-repeat 100%/100%;
        width: 10.54rem;
        height: 1.33rem;
        position: absolute;
        left: 0;
        top: 0; }
      .slide3 .playinn .playimg3 div p {
        position: relative;
        z-index: 2; }
      .slide3 .playinn .playimg3 div .time {
        font-size: .18rem;
        line-height: .31rem;
        color: #f65a45; }
        .slide3 .playinn .playimg3 div .time .type {
          margin-left: .3rem; }
      .slide3 .playinn .playimg3 div .hd_t {
        font-size: .24rem;
        line-height: .35rem;
        color: #ffffff; }
      .slide3 .playinn .playimg3 div .hd_desc {
        font-size: .18rem;
        line-height: .3rem;
        color: rgba(255, 255, 255, 0.5);
        white-space: nowrap;
        /* 不换行 */
        overflow: hidden;
        /* 超出隐藏 */
        text-overflow: ellipsis;
        /* 超出显示省略号 */
        width: 6.2rem;
        /* 容器宽度，根据需要调整 */ }
  .slide3.swiper-slide-next .stzwrap {
    top: 70%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide3.swiper-slide-active .stzwrap {
    top: 50%;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide3.swiper-slide-prev .stzwrap {
    top: 30%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }

.slide4 {
  background: url(../ossweb-img/bg4.jpg) no-repeat 50% 50%/cover;
  width: 100%;
  height: 100%; }
  .slide4 .inn {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1rem;
    padding-left: 2.55rem;
    padding-right: 1.8rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0; }
  .slide4 .par {
    position: relative; }
    .slide4 .par .par_cont {
      position: relative;
      margin-bottom: .7rem;
      left: -0.5rem; }
      .slide4 .par .par_cont::after {
        content: "";
        background: url(../ossweb-img/p4_line.png) no-repeat 100%/100%;
        width: 3.26rem;
        height: .05rem;
        position: absolute;
        bottom: -0.1rem;
        left: 0; }
      .slide4 .par .par_cont i {
        position: relative;
        width: .28rem;
        height: .28rem;
        margin: 0 .25rem; }
        .slide4 .par .par_cont i::after {
          content: "";
          background: url(../ossweb-img/p4_ico.png) no-repeat 100%/100%;
          width: .66rem;
          height: .66rem;
          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; }
    .slide4 .par .email {
      margin-bottom: .28rem;
      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 .email i {
        background: url(../ossweb-img/ico_ema.png) no-repeat 100%/100%;
        width: .28rem;
        height: .2rem;
        margin-right: .15rem;
        position: relative; }
      .slide4 .par .email a {
        font-size: .24rem;
        line-height: .3rem;
        color: rgba(255, 255, 255, 0.8); }
        .slide4 .par .email a:hover {
          color: #f55640; }
    .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: 3.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: .6rem; }
    .slide4 .p4_btns a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s; }
      .slide4 .p4_btns a:hover {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .slide4 .p4_btns .btn_bil {
      background: url(../ossweb-img/ico_bil2.png) no-repeat 100%/100%;
      width: .34rem;
      height: .32rem; }
    .slide4 .p4_btns .btn_wb {
      background: url(../ossweb-img/ico_wb2.png) no-repeat 100%/100%;
      width: .34rem;
      height: .28rem; }
    .slide4 .p4_btns .btn_dy {
      background: url(../ossweb-img/ico_dy2.png) no-repeat 100%/100%;
      width: .29rem;
      height: .33rem; }
    .slide4 .p4_btns .btn_xhs {
      background: url(../ossweb-img/ico_xhs2.png) no-repeat 100%/100%;
      width: .33rem;
      height: .32rem; }
    .slide4 .p4_btns .btn_x {
      background: url(../ossweb-img/ico_x2.png) no-repeat 100%/100%;
      width: .28rem;
      height: .3rem; }
    .slide4 .p4_btns .btn_yt {
      background: url(../ossweb-img/ico_yt2.png) no-repeat 100%/100%;
      width: .33rem;
      height: .25rem; }
  .slide4 .join {
    position: relative;
    width: 9.9rem; }
    .slide4 .join .par_cont {
      position: relative;
      margin-bottom: .5rem;
      left: -0.5rem; }
      .slide4 .join .par_cont::after {
        content: "";
        background: url(../ossweb-img/p4_line.png) no-repeat 100%/100%;
        width: 3.26rem;
        height: .05rem;
        position: absolute;
        bottom: -0.1rem;
        left: 0; }
      .slide4 .join .par_cont i {
        position: relative;
        width: .28rem;
        height: .28rem;
        margin: 0 .25rem; }
        .slide4 .join .par_cont i::after {
          content: "";
          background: url(../ossweb-img/p4_ico.png) no-repeat 100%/100%;
          width: .66rem;
          height: .66rem;
          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; }
    .slide4 .join .join_page {
      width: 2.36rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: .24rem;
      line-height: .3rem;
      position: absolute;
      top: 0;
      right: 0;
      color: rgba(255, 255, 255, 0.5); }
      .slide4 .join .join_page .btn_prev {
        color: rgba(255, 255, 255, 0.5); }
      .slide4 .join .join_page .btn_next {
        color: #ffffff; }
    .slide4 .join .join_btns a {
      background: url(../ossweb-img/join_btn.png) no-repeat 100%/100%;
      width: 4.66rem;
      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-bottom: .15rem;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .slide4 .join .join_btns a:nth-child(2n) {
        margin-left: .44rem; }
      .slide4 .join .join_btns a span {
        font-size: .24rem;
        line-height: .3rem;
        color: rgba(237, 237, 237, 0.8);
        position: relative;
        top: -0.03rem; }
      .slide4 .join .join_btns a i {
        background: url(../ossweb-img/join_arr.png) no-repeat 100%/100%;
        width: .13rem;
        height: .23rem;
        position: relative;
        z-index: 2; }
      .slide4 .join .join_btns a:after {
        content: "";
        background: url(../ossweb-img/join_btn2.png?v=1.0) no-repeat 100%/100%;
        width: 5.11rem;
        height: 1.01rem;
        position: absolute;
        left: 0;
        top: -0.2rem;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s; }
      .slide4 .join .join_btns a.active::after, .slide4 .join .join_btns a:hover::after {
        opacity: 1; }
      .slide4 .join .join_btns a.active span, .slide4 .join .join_btns a:hover span {
        color: #f55640;
        -webkit-transition: .5s;
        transition: .5s; }
      .slide4 .join .join_btns a.active i, .slide4 .join .join_btns a:hover i {
        background-image: url(../ossweb-img/join_arr2.png); }
    .slide4 .join .btn_more {
      background: url(../ossweb-img/btn_more.png) no-repeat 100%/100%;
      width: 2.69rem;
      height: .66rem;
      margin: .4rem auto 0;
      -webkit-transition: .3s;
      transition: .3s; }
      .slide4 .join .btn_more span {
        font-size: .32rem;
        line-height: .4rem;
        color: #121212;
        font-weight: bold; }
      .slide4 .join .btn_more:hover {
        -webkit-filter: brightness(1.2);
                filter: brightness(1.2);
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
  .slide4.swiper-slide-next .inn {
    top: 70%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide4.swiper-slide-active .inn {
    top: 50%;
    opacity: 1;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }
  .slide4.swiper-slide-prev .inn {
    top: 30%;
    opacity: 0;
    -webkit-transition: top 1s,opacity 1s;
    transition: top 1s,opacity 1s; }

.slide5 {
  height: 2.32rem !important; }

.swiper-pag {
  width: .13rem;
  height: 2.06rem;
  position: fixed;
  left: initial;
  right: -1.6rem;
  top: 50%;
  margin-top: -1.03rem;
  z-index: 99;
  -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:not(:last-child) {
      margin-bottom: .5rem; }
    .swiper-pag li:hover, .swiper-pag li.active {
      opacity: 1;
      background: none; }
      .swiper-pag li:hover::after, .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; }

.swiper-slide {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .swiper-slide .part {
    width: 100%;
    height: 100%;
    position: relative; }

.afooter {
  width: 100%;
  height: 2.32rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000; }
  .afooter .logo1 {
    background: url(../ossweb-img/logo.png) no-repeat 100%/100%;
    width: 2.35rem;
    height: .8rem;
    display: inline-block;
    position: relative;
    top: .1rem; }
  .afooter .logo2 {
    background: url(../ossweb-img/aft_logo2.png) no-repeat 100%/100%;
    width: 1.7rem;
    height: .79rem;
    display: inline-block;
    margin: 0 2.1rem 0 1.1rem; }
  .afooter .tl {
    width: 8.2rem; }
    .afooter .tl .tl_a {
      margin-bottom: .2rem; }
    .afooter .tl a {
      font-size: .14rem;
      line-height: .2rem;
      color: #ffffff;
      margin-right: .25rem;
      position: relative; }
      .afooter .tl a:not(:first-child)::after {
        content: "";
        background-color: rgba(255, 255, 255, 0.4);
        width: .01rem;
        height: .16rem;
        position: absolute;
        top: 50%;
        margin-top: -.08rem;
        left: -0.25rem; }
      .afooter .tl a:not(:first-child) {
        margin-left: .25rem; }
      .afooter .tl a:hover {
        color: #f55640; }
    .afooter .tl p {
      font-size: .14rem;
      line-height: .2rem;
      color: rgba(255, 255, 255, 0.2); }

.xl_arr {
  position: fixed;
  bottom: .4rem;
  left: 50%;
  margin-left: -.265rem;
  background: url(../ossweb-img/arr.png) no-repeat 100%/100%;
  width: .53rem;
  height: 1.07rem;
  z-index: 66;
  -webkit-animation: xl_ani .8s linear infinite alternate;
          animation: xl_ani .8s linear infinite alternate; }
@-webkit-keyframes xl_ani {
  0% {
    bottom: .4rem; }
  100% {
    bottom: .2rem; } }
@keyframes xl_ani {
  0% {
    bottom: .4rem; }
  100% {
    bottom: .2rem; } }
.textmain {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  pointer-events: none; }
  .textmain .textwrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 1.6rem;
    width: 12rem; }
    .textmain .textwrap p {
      font-size: .2rem;
      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.6s;
                transition-delay: 0.6s; }
      .textmain .textwrap p:nth-child(3) {
        -webkit-transition-delay: 0.9s;
                transition-delay: 0.9s; }
  .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: 14rem;
  height: 7.88rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none; }
  .pop-img .inn {
    width: 100%;
    height: 100%; }
  .pop-img .pop_clo {
    background: url(../ossweb-img/m/nav_clo.png) no-repeat 100%/100%;
    width: .4rem;
    height: .39rem;
    position: absolute;
    right: -0.8rem;
    top: 0rem; }

.pop-vid {
  display: none;
  outline: none;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  width: 14rem;
  height: 7.88rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .pop-vid .inn {
    width: 100%;
    height: 100%; }
  .pop-vid .pop_clo {
    background: url(../ossweb-img/m/nav_clo.png) no-repeat 100%/100%;
    width: .4rem;
    height: .39rem;
    position: absolute;
    right: -0.8rem;
    top: 0rem; }

@-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 .join {
  display: none; }
.lang_en .slide4 .inn {
  -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;
  padding: 0;
  padding-bottom: 1.3rem;
  -webkit-transform: translateY(-50%) scale(1.3);
          transform: translateY(-50%) scale(1.3); }
.lang_en .navbar .logo {
  background-image: url(../ossweb-img/logo_en.png);
  width: 1.87rem;
  height: .94rem;
  left: .44rem;
  top: .07rem;
  opacity: 0.8; }
.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;
  margin: 0 1.4rem 0 .5rem; }
.lang_en .slide1 .logo {
  background: url(../ossweb-img/p1_logo_en.png) no-repeat 100%/100%;
  width: 694px;
  height: 350px;
  top: 320px;
  -webkit-transform: translateX(30%);
          transform: translateX(30%); }
.lang_en .slide1 .btn_play {
  -webkit-transform: translateX(480%);
          transform: translateX(480%);
  top: 640px; }
.lang_en .news_cont .new_tit {
  font-size: .28rem; }

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

.newshref {
  font-size: .18rem;
  line-height: .23rem;
  color: rgba(255, 255, 255, 0.5);
  left: .67rem;
  top: 1.4rem;
  position: absolute; }
  .newshref .back {
    background: url(../ossweb-img/back.png) no-repeat 100%/100%;
    width: .12rem;
    height: .21rem;
    margin-right: .12rem;
    display: inline-block;
    position: relative;
    top: .04rem;
    cursor: pointer; }
  .newshref a {
    font-size: .18rem;
    line-height: .23rem;
    color: rgba(255, 255, 255, 0.5); }

.news_btn {
  width: 11.3rem;
  position: absolute;
  bottom: .2rem;
  left: 50%;
  margin-left: -5.65rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .news_btn .btn_prev span {
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 超出显示省略号 */
    width: 2.4rem;
    /* 容器宽度，根据需要调整 */
    font-size: .24rem;
    line-height: .32rem;
    color: rgba(255, 255, 255, 0.5); }
  .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 {
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 超出显示省略号 */
    width: 2.4rem;
    /* 容器宽度，根据需要调整 */
    font-size: .24rem;
    line-height: .32rem;
    color: rgba(255, 255, 255, 0.5); }
  .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: 11.3rem;
  margin: 0 auto;
  height: calc(100% - 1.32rem);
  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: 8.2rem;
    margin: .3rem auto; }
  .news_cont .new_tit {
    font-size: .32rem;
    line-height: .4rem;
    color: rgba(255, 255, 255, 0.6);
    padding-bottom: .25rem;
    position: relative;
    text-align: center; }
    .news_cont .new_tit::after {
      content: "";
      background: url(../ossweb-img/line.png) no-repeat 100%/100%;
      width: 11.3rem;
      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: .18rem;
    line-height: .34rem;
    color: #ef5844;
    margin-top: .34rem; }
  .news_cont .ans {
    font-size: .18rem;
    line-height: .34rem;
    color: rgba(255, 255, 255, 0.6); }

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

.newslist_cont .listbtns {
  position: absolute;
  left: .96rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .newslist_cont .listbtns a {
    width: 2.65rem;
    height: .55rem;
    background: no-repeat 100% / 100%;
    font-size: .24rem;
    line-height: .3rem;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    padding: .28rem 0; }
    .newslist_cont .listbtns a span {
      position: relative;
      z-index: 2; }
    .newslist_cont .listbtns a:not(:last-child)::before {
      content: "";
      background: url(../ossweb-img/p3_line.png) no-repeat 100%/100%;
      width: 2.65rem;
      height: .01rem;
      position: absolute;
      left: 50%;
      margin-left: -1.325rem;
      bottom: 0; }
    .newslist_cont .listbtns a:after {
      content: "";
      background: url(../ossweb-img/p3_act.png) no-repeat 100%/100%;
      width: 3rem;
      height: .9rem;
      position: absolute;
      left: -0.01rem;
      top: .24rem;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .newslist_cont .listbtns a.active, .newslist_cont .listbtns a:hover {
      color: #000000;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .newslist_cont .listbtns a.active::after, .newslist_cont .listbtns a:hover::after {
        opacity: 1; }
.newslist_cont .listcont {
  width: 11.26rem;
  height: 5.9rem;
  margin: 0 auto; }
  .newslist_cont .listcont li {
    width: 11.26rem;
    height: 1.12rem;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .newslist_cont .listcont li i {
      background: url(../ossweb-img/join_arr.png) no-repeat 100%/100%;
      width: .13rem;
      height: .23rem;
      position: absolute;
      top: 50%;
      margin-top: -.14rem;
      right: .34rem;
      z-index: 2; }
    .newslist_cont .listcont li .imgwrap {
      width: 1.91rem;
      height: 1.08rem;
      margin-right: .64rem; }
      .newslist_cont .listcont li .imgwrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .newslist_cont .listcont li .list_info {
      position: relative;
      top: -0.03rem; }
      .newslist_cont .listcont li .list_info .info_tit {
        font-size: .24rem;
        line-height: .32rem;
        color: rgba(206, 206, 206, 0.8); }
      .newslist_cont .listcont li .list_info .info_time {
        font-size: .18rem;
        line-height: .32rem;
        color: #f65a45; }
    .newslist_cont .listcont li:hover::after {
      content: "";
      background: url(../ossweb-img/news_bor.png) no-repeat 100%/100%;
      width: 11.71rem;
      height: 1.31rem;
      position: absolute;
      left: -0.01rem;
      top: -0.2rem; }
    .newslist_cont .listcont li:hover i {
      background-image: url(../ossweb-img/join_arr2.png); }
    .newslist_cont .listcont li:hover .list_info .info_tit {
      color: #f55640; }

.newslist_btn {
  width: 11.3rem;
  position: absolute;
  bottom: .2rem;
  left: 50%;
  margin-left: -5.65rem; }
  .newslist_btn::after {
    content: "";
    background: url(../ossweb-img/btnsline.png) no-repeat 100%/100%;
    width: 19.2rem;
    height: .05rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%; }
  .newslist_btn p {
    font-size: .24rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: .3rem;
    margin: 0 .27rem; }
    .newslist_btn p:hover, .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; }