.banner {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .banner .slide-down {
    position: absolute;
    bottom: 1.5vw;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    color: #ffffff;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    -webkit-animation: jump-down 1s infinite;
    -moz-animation: jump-down 1s infinite;
    -o-animation: jump-down 1s infinite; }
  .banner .arrow-btn {
    color: #ffffff;
    width: 48px;
    height: 48px;
    border-radius: 100px; }
    .banner .arrow-btn .swiper-slide {
      cursor: pointer; }
      .banner .arrow-btn .swiper-slide .swiper-video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .banner .arrow-btn.banner-next {
      right: calc(42vw*140/1920); }
      .banner .arrow-btn.banner-next:after {
        font-size: 20px; }
    .banner .arrow-btn.banner-prev {
      left: calc(42vw*140/1920); }
      .banner .arrow-btn.banner-prev:after {
        font-size: 20px; }
    .banner .arrow-btn:hover {
      background: rgba(0, 0, 0, 0.3);
      color: #ffffff; }
  .banner .swiper-slide {
    cursor: pointer; }
  .banner .bg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .banner .banner-content-center {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    z-index: 10; }
    .banner .banner-content-center h3 {
      padding-bottom: 2vw;
      font-family: HanYiQiHei-65s;
      letter-spacing: 6px; }
    .banner .banner-content-center span {
      letter-spacing: 12px;
      font-family: HanYiQiHei; }
  .banner .banner-content {
    position: absolute;
    left: calc(42vw*394/1920);
    bottom: calc(100vw*224/1920);
    z-index: 9;
    color: #fff; }
    .banner .banner-content .bth {
      padding: .7vw 1.3vw;
      color: #ffffff;
      border-color: #ffffff; }
      .banner .banner-content .bth:hover {
        border-color: #005bac; }

.news-box {
  width: 100%;
  min-height: calc(100vh - 80px);
  overflow: hidden;
  display: flex;
  align-items: center; }
  .news-box .news-box-content {
    margin: 0 auto;
    width: 85%;
    max-width: 1600px; }
  .news-box .news-inner {
    overflow: hidden;
    width: 100%;
    padding-right: 1.5vw;
    margin-left: 2vw; }
    .news-box .news-inner .box-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 3vw; }
      .news-box .news-inner .box-title a:hover {
        color: #005bac; }
    .news-box .news-inner .n-title {
      color: #000000;
      text-align: left; }
    .news-box .news-inner .news-list {
      position: relative;
      display: flex;
      justify-content: space-between;
      overflow: visible; }
      .news-box .news-inner .news-list .list {
        position: relative;
        box-sizing: initial;
        transition: box-shadow .5s, transform .5s; }
        .news-box .news-inner .news-list .list.activeRight:after {
          content: normal; }
        .news-box .news-inner .news-list .list .n-news-box {
          display: block;
          padding-right: 2.5vw; }
        .news-box .news-inner .news-list .list:after {
          content: '';
          position: absolute;
          width: 1px;
          right: 0;
          top: 0;
          bottom: 0;
          background: #E5E5E5; }
        .news-box .news-inner .news-list .list:nth-last-child(1):after {
          content: normal; }
        .news-box .news-inner .news-list .list:hover {
          box-shadow: 15px 13px 14px 2px rgba(110, 117, 129, 0.18);
          transform: translate3d(0, 2px, 0); }
          .news-box .news-inner .news-list .list:hover .n-news-box .x-base-btn {
            background: none;
            color: #005bac;
            border-color: #005bac; }
      .news-box .news-inner .news-list .n-news-box {
        width: 100%; }
        .news-box .news-inner .news-list .n-news-box .n-img {
          display: block;
          width: 100%;
          height: 11.8vw;
          border-radius: 10px;
          object-fit: cover;
          margin-bottom: 1.5vw; }
        .news-box .news-inner .news-list .n-news-box .n-txt {
          color: #000000;
          margin-top: 1.5vw;
          margin-bottom: 3.8vw;
          height: 5vw;
          line-height: 1.8vw; }
        .news-box .news-inner .news-list .n-news-box .n-content {
          color: #5d5d5d;
          line-height: 30px;
          height: 90px;
          margin-bottom: 1.6vw;
          overflow: hidden;
          text-align: justify; }
        .news-box .news-inner .news-list .n-news-box .n-date {
          color: #005bac;
          padding-top: 1vw; }
          .news-box .news-inner .news-list .n-news-box .n-date i {
            padding-right: 0.2vw; }
        .news-box .news-inner .news-list .n-news-box .x-base-btn {
          border-radius: 100px;
          transition: background .3s ease-out 0s;
          padding: 0.8vw 1.5vw;
          margin-bottom: 2.5vw; }
          .news-box .news-inner .news-list .n-news-box .x-base-btn:hover, .news-box .news-inner .news-list .n-news-box .x-base-btn:active {
            background: none;
            color: #005bac;
            border-color: #005bac; }
      .news-box .news-inner .news-list .swiper-btn-prev {
        position: absolute;
        z-index: 9;
        left: -4%;
        bottom: 108px;
        cursor: pointer;
        transition: transform 0.8s; }
        .news-box .news-inner .news-list .swiper-btn-prev:hover {
          transform: translateX(-8px); }
        .news-box .news-inner .news-list .swiper-btn-prev .s-img {
          display: block;
          width: 22px; }
      .news-box .news-inner .news-list .swiper-btn-next {
        position: absolute;
        z-index: 9;
        right: -4%;
        bottom: 108px;
        cursor: pointer;
        transition: transform 0.8s; }
        .news-box .news-inner .news-list .swiper-btn-next:hover {
          transform: translateX(8px); }
        .news-box .news-inner .news-list .swiper-btn-next .s-img {
          display: block;
          width: 22px; }

.video-box {
  background: #e4e4e4; }
  .video-box .video-wrapper {
    width: 100%;
    position: relative;
    background: #000000;
    overflow: hidden; }
    .video-box .video-wrapper .video-play {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9;
      color: #ffffff;
      font-size: 7.6vw;
      opacity: 0.6;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
    .video-box .video-wrapper .video {
      display: block;
      width: auto;
      height: calc(100vh - 80px);
      margin: 0 auto; }

.industry-box {
  background-repeat: no-repeat;
  background-size: 100% 101%;
  width: 100%;
  padding: 10.8vw 0;
  color: #005bac; }
  .industry-box .industry-wrapper {
    background: rgba(255, 255, 255, 0.4);
    padding: 2vw 0; }
    .industry-box .industry-wrapper .industry-data-items {
      width: 72%;
      margin: 0 auto;
      max-width: 1396px;
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: space-between; }
      .industry-box .industry-wrapper .industry-data-items .industry-data-item {
        min-width: 15.6vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .industry-box .industry-wrapper .industry-data-items .industry-data-item .industry-data-title {
          padding-top: 1vw; }
        .industry-box .industry-wrapper .industry-data-items .industry-data-item .industry-data-span {
          padding-left: .2vw; }
          .industry-box .industry-wrapper .industry-data-items .industry-data-item .industry-data-span.f-plus {
            position: relative;
            top: 0.3vw; }

.contact-box .contact-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  color: #005bac; }
  .contact-box .contact-wrapper .contact-item {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6vw 0;
    cursor: pointer;
    transition: background .3s ease-out 0s; }
    .contact-box .contact-wrapper .contact-item:nth-last-child(1) {
      background: #efefef; }
    .contact-box .contact-wrapper .contact-item .contact-text {
      padding-left: 1.52vw;
      font-weight: 500; }
    .contact-box .contact-wrapper .contact-item:hover {
      background: #005bac;
      color: #ffffff; }
      .contact-box .contact-wrapper .contact-item:hover .contact-text-title {
        display: none; }
      .contact-box .contact-wrapper .contact-item:hover .contact-text-phone {
        display: block !important; }

.swiper-slide {
  width: 100%;
  height: 100%; }

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.swiper-video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@-moz-keyframes jump-down {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -moz-transform: translateY(-10%);
    transform: translateX(-10%); }
  100% {
    -moz-transform: translateY();
    transform: translateY(); } }
@-webkit-keyframes jump-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    -webkit-transform: translateY();
    transform: translateY(); } }
@-o-keyframes jump-down {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -o-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    -o-transform: translateY();
    transform: translateY(); } }
@keyframes jump-down {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    -webkit-transform: translateY();
    -moz-transform: translateY();
    -o-transform: translateY();
    transform: translateY(); } }
@media screen and (max-width: 1000px) {
  .mobile-wrapper .wrapper-box {
    padding: 0 0.74rem; }
  .mobile-wrapper .banner {
    height: 3.75rem; }
    .mobile-wrapper .banner .banner-content-center h3 {
      letter-spacing: 0.015rem; }
    .mobile-wrapper .banner .banner-content-center span {
      letter-spacing: 0.04rem; }
  .mobile-wrapper .news-box {
    min-height: auto;
    overflow: visible; }
    .mobile-wrapper .news-box .news-inner {
      padding: 0;
      margin: 0 auto; }
      .mobile-wrapper .news-box .news-inner .box-title {
        padding: 0.7rem 0.74rem;
        background: #eeeeee;
        box-shadow: 0.03rem 0.04rem 0.15rem 0.02rem rgba(2, 2, 2, 0.17);
        margin-bottom: 0;
        border-bottom: 1px solid gainsboro; }
        .mobile-wrapper .news-box .news-inner .box-title .n-title {
          font-family: HanYiQiHei-55s; }
        .mobile-wrapper .news-box .news-inner .box-title a {
          font-family: HanYiQiHei-65s; }
      .mobile-wrapper .news-box .news-inner .news-list {
        display: block; }
        .mobile-wrapper .news-box .news-inner .news-list .list {
          transition: none;
          padding-top: 0.79rem;
          padding-bottom: 0.37rem;
          border-bottom: 1px solid #DCDCDC; }
          .mobile-wrapper .news-box .news-inner .news-list .list:nth-last-child(1) {
            border: none; }
          .mobile-wrapper .news-box .news-inner .news-list .list:active .n-news-box .x-base-btn {
            color: #005bac;
            border-color: #005bac; }
          .mobile-wrapper .news-box .news-inner .news-list .list:hover {
            box-shadow: none;
            transform: none; }
            .mobile-wrapper .news-box .news-inner .news-list .list:hover .n-news-box .x-base-btn {
              color: #ffffff;
              background: #005bac; }
          .mobile-wrapper .news-box .news-inner .news-list .list:after {
            content: none; }
          .mobile-wrapper .news-box .news-inner .news-list .list .n-news-box {
            padding: 0; }
            .mobile-wrapper .news-box .news-inner .news-list .list .n-news-box .n-date {
              padding-top: 0; }
            .mobile-wrapper .news-box .news-inner .news-list .list .n-news-box .n-txt {
              margin: 0.47rem 0;
              line-height: normal;
              height: auto;
              font-family: HanYiQiHei-55s; }
            .mobile-wrapper .news-box .news-inner .news-list .list .n-news-box .x-base-btn {
              padding: 0.20rem 0.37rem;
              margin-bottom: .4rem;
              font-family: HanYiQiHei-65s; }
            .mobile-wrapper .news-box .news-inner .news-list .list .n-news-box .n-img {
              width: 6.02rem;
              height: 3.34rem;
              border-radius: 0; }
  .mobile-wrapper .video-box .video-wrapper .video {
    width: 100%;
    height: auto; }
  .mobile-wrapper .video-box .video-wrapper .video-play {
    font-size: 1.2rem; }
  .mobile-wrapper .industry-box {
    height: 8.9rem;
    padding: 0; }
    .mobile-wrapper .industry-box .industry-wrapper {
      width: 3.75rem;
      height: 100%;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.5); }
      .mobile-wrapper .industry-box .industry-wrapper .industry-data-items {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center; }
        .mobile-wrapper .industry-box .industry-wrapper .industry-data-items .industry-data-item {
          border-bottom: 1px solid #ffffff;
          height: 25%; }
          .mobile-wrapper .industry-box .industry-wrapper .industry-data-items .industry-data-item .industry-data-span {
            padding-left: 0.1rem; }
          .mobile-wrapper .industry-box .industry-wrapper .industry-data-items .industry-data-item .industry-data-title {
            font-family: HanYiQiHei-55s; }
          .mobile-wrapper .industry-box .industry-wrapper .industry-data-items .industry-data-item:nth-last-child(1) {
            border: none; }
  .mobile-wrapper .contact-box .contact-wrapper .contact-item {
    height: 2.16rem;
    padding: 0;
    font-family: HanYiQiHei-55s; }
    .mobile-wrapper .contact-box .contact-wrapper .contact-item .contact-text {
      padding-left: 0.27rem; }
    .mobile-wrapper .contact-box .contact-wrapper .contact-item .contact-text-phone {
      color: #ffffff; } }

/*# sourceMappingURL=index.css.map */