@charset "UTF-8";
.topBanner {
  width: 100%;
  display: flex;
  height: 5.83rem;
  z-index: -1; }
.topBanner .swiper-wrapper .swiper-slide{
  transform: translate3d(0,0,0);
  box-sizing: content-box;
  padding-right: 0.05rem;
  margin-right: -0.05rem;


}

  .topBanner .video-bg {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
  }
  .swiper-wrapper{
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
  }
    .topBanner .video-bg img {
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      filter: blur(0.125rem) brightness(45%);
      -webkit-filter: blur(0.125rem) brightness(45%);
      transform: scale(1.1);
      -webkit-transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      perspective: 1000;


    }
     .topBanner .video-bg .center-title_all{
       /*height: 2.2625rem;*/
       z-index: 3;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       margin: auto;
       display: flex;
       justify-content: center;
       width: 100%;
       -webkit-transform-style: preserve-3d;
       -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
       backface-visibility: hidden;
       -webkit-perspective: 1000;
       -moz-perspective: 1000;
       -ms-perspective: 1000;
       perspective: 1000;

     }
     .center-title {
      filter: none;
      color: #fff;
       /*z-index: 3;*/
       /*position: absolute;*/
       /*top: 0.5rem;*/
       /*left: 0;*/
       /*right: 0;*/
       /*bottom: 0;*/
       /*margin: auto;*/

      text-align: left;
      display: flex;
      /*justify-content: center;*/
      /*align-items: center;*/
      flex-direction: column;
       padding-top: 2.35rem;

       -webkit-transform-style: preserve-3d;
       -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
       backface-visibility: hidden;
       -webkit-perspective: 1000;
       -moz-perspective: 1000;
       -ms-perspective: 1000;
       perspective: 1000;

    }
      .center-title .en-font {
        font-size: 0.33rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.67rem;
        letter-spacing: 4px;
        max-width: 7.4rem;
        max-height: 1.33rem;
        /*margin-top: 0.1875rem;*/
        /*margin-left: 30%;*/
        padding-left: 0.48rem;
        padding-right: 0.48rem;
        position: relative;
        display: inline-block;




      }
        .center-title .en-font:before {

          content: '“';
          font-size: 1.33rem;
          font-family: Helvetica;
          position: absolute;
          left: -0.4rem;
          top: -0.25rem;
          line-height: 1.6rem;
          letter-spacing: 16px;



        }
         .center-title .en-font:after {

          content: '”';
          font-size: 1.33rem;
          font-family: Helvetica;
          position: absolute;
          right:-0.6rem;
          top:  -0.1rem;
          line-height: 1.33rem;
          letter-spacing: 16px;





        }
       .center-title .sub-title {
        display: inline-block;
        color: #FA4A3E;
        font-size: 0.33rem;
        line-height: 0.47rem;
        letter-spacing: 3px;
        /*width: 40%;*/
        /*margin-left: 30%;*/
        margin-top: 0.47rem;
        padding-left: 0.48rem;

      }
       .center-title .sub-title .iconfont {
          font-size: 0.3375rem;
          margin-left: 0.15rem; }

.centerInfo .ntopGt {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.4625rem;
  margin-bottom: 0.4625rem; }
  .centerInfo .ntopGt ul.left {
    display: flex; }
    .centerInfo .ntopGt ul.left li {
      margin-right: 0.225rem;
      padding: 0.1rem 0.275rem;
      border-radius: 0.25rem;
      cursor: pointer;
    }
      .centerInfo .ntopGt ul.left li.act {
        background: #FA4A3E;

      }
        .centerInfo .ntopGt ul.left li.act a {
          color: #FFFFFF; }

.centerInfo .newslist ul.ullist {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem; }
  .centerInfo .newslist ul.ullist li {
    box-sizing: border-box;
    width: 33.33%;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.6875rem; }
    @media screen and (max-width: 12.45rem) {
      .centerInfo .newslist ul.ullist li {
        width: 100%; } }
    .centerInfo .newslist ul.ullist li img {
      width: 100%;
      height: 3.1rem; }
    .centerInfo .newslist ul.ullist li .ullist-bg {
      width: 100%;
      height: 3.1rem; }
    .centerInfo .newslist ul.ullist li h3 {
      color: #333333;
      font-size: 0.3rem;
      line-height: 0.4375rem;
      margin-top: 0.25rem;
      margin-bottom: 0.1125rem; }
    .centerInfo .newslist ul.ullist li p {
      color: #666666;
      font-size: 0.175rem;
      line-height: 0.3125rem; }

.centerInfo .first-page, .centerInfo .last-page {
  display: none; }

.centerInfo .page-btn {
  padding: 0.05rem;
  font-size: 0.175rem; }
  .centerInfo .page-btn .page-a {
    color: #404040;
    padding: 0.2rem 0.2625rem;
    border: 0.0125rem solid #E5E5E5; }
  .centerInfo .page-btn.active .page-a {
    color: #FD5F10;
    border: 0.0125rem solid #FD5F10; }
  .centerInfo .page-btn.disabled .page-a {
    color: #E5E5E5; }

.centerInfo .year-box {
  display: flex; }
  .centerInfo .year-box .expand-icon {
    position: absolute;
    opacity: 0.3;
    right: 0; }
    .centerInfo .year-box .expand-icon:hover {
      cursor: pointer; }
  .centerInfo .year-box .expand-icon:before {
    font-family: 'iconfont';
    content: "\e685"; }
  .centerInfo .year-box.expand .expand-icon {
    left: 0; }
  .centerInfo .year-box.expand .expand-icon:before {
    content: "\e68e"; }
  .centerInfo .year-box.expand .year-tab .year {
    display: block; }
  .centerInfo .year-box .year-tab-box {
    padding: 0 0.25rem;
    position: relative; }
  .centerInfo .year-box .year-tab-icon {
    display: flex;
    margin: 0; }
    .centerInfo .year-box .year-tab-icon .year {
      opacity: 0;
      margin-right: 0.25rem; }
  .centerInfo .year-box .year-tab {
    display: flex;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0; }
    .centerInfo .year-box .year-tab .year {
      display: none;
      opacity: 0.3;
      margin-right: 0.25rem; }
      .centerInfo .year-box .year-tab .year.act {
        color: red; }
      .centerInfo .year-box .year-tab .year:hover {
        cursor: pointer; }

@keyframes hideYearTab {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(100%, 0); } }

@keyframes showYearTab {
  0% {
    transform: translate(-100%, 0); }
  100% {
    transform: translate(0, 0); } }