* {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  outline: none; }

body,
html {
  font-size: 14px;
  background: #fff;
  color: #000;
  font-family: "PingFang SC","Source Han Sans CN","Microsoft Yahei", "Helvetica Neue", "STHeitiSC-Light", "Arial", sans-serif; }

body {
  overflow-x: hidden; }

body::before {
  content: "";
  display: table; }

.body-over {
  overflow: hidden; }

.clear {
  clear: both; }

i {
  font-style: normal; }

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

a:active,
a:hover,
a:link,
a:visited {
  color: #1d1d1d; }

button {
  cursor: pointer; }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type="search"]::-webkit-search-cancel-button {
  display: none; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

dl,
dl dd,
ol,
ol li,
ul,
ul li {
  list-style: none; }

img {
  vertical-align: bottom; }

section {
  width: 90%;
  margin: 0 auto;
  max-width: 1440px; }

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

@-webkit-keyframes logoloop {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
@-moz-keyframes logoloop {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
@-o-keyframes logoloop {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
@keyframes logoloop {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  padding: 1vw 0;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); }
  header section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box; }
  header .logo img {
    width: 8vw;
    height: auto;
    max-width: 160px; }
  header nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box; }
    header nav ul li {
      margin-left: 1.5vw;
      font-size: 18px;
      line-height: 1em; }
    header nav ul li:first-child {
      margin-left: 0; }
    header nav ul .lang a {
      margin-right: 10px;
      border-right: 1px solid #000;
      padding-right: 10px;
      display: inline-block; }
      header nav ul .lang a:last-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0; }
    header nav ul .contact {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      color: #fff;
      background: linear-gradient(90deg, #1fa2a8 0%, #1e3e9e 100%);
      padding: 10px 18px;
      border-radius: 20px; }
      header nav ul .contact a {
        color: #fff; }
      header nav ul .contact span {
        margin-right: 15px;
        font-size: 24px; }

.banner {
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .banner .swiper-container {
    width: 100%;
    height: 100%; }
  .banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .banner .swiper-pagination {
    bottom: 10vh;
    right: 10%; }
    .banner .swiper-pagination .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      background: transparent;
      border-radius: 50%;
      border: 3px solid #fff;
      margin: 0 8px; }
    .banner .swiper-pagination .swiper-pagination-bullet-active {
      background: #fff; }

.prolist, .service section, .apply section, .contact-form section, .newslist, .news_list, .productlist {
  margin: 5vw auto; }
  .prolist h2, .service section h2, .apply section h2, .contact-form section h2, .newslist h2, .news_list h2, .productlist h2 {
    font-size: 44px;
    color: #1e3e9e; }
  .prolist .desc, .service section .desc, .apply section .desc, .contact-form section .desc, .newslist .desc, .news_list .desc, .productlist .desc {
    font-size: 24px;
    display: block;
    margin: 10px 0 20px; }
  .prolist .more, .service section .more, .apply section .more, .contact-form section .more, .newslist .more, .news_list .more, .productlist .more {
    font-size: 20px;
    display: block;
    margin-left: auto;
    margin-bottom: 20px;
    width: fit-content;
    color: #1e3e9e; }
  .prolist ul, .service section ul, .apply section ul, .contact-form section ul, .newslist ul, .news_list ul, .productlist ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 30px; }
    .prolist ul li, .service section ul li, .apply section ul li, .contact-form section ul li, .newslist ul li, .news_list ul li, .productlist ul li {
      width: calc((100% - 90px) / 4);
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 30px;
      z-index: 1; }
      .prolist ul li img, .service section ul li img, .apply section ul li img, .contact-form section ul li img, .newslist ul li img, .news_list ul li img, .productlist ul li img {
        width: 100%;
        height: auto; }
      .prolist ul li div, .service section ul li div, .apply section ul li div, .contact-form section ul li div, .newslist ul li div, .news_list ul li div, .productlist ul li div {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        z-index: 10;
        color: #fff; }
        .prolist ul li div p, .service section ul li div p, .apply section ul li div p, .contact-form section ul li div p, .newslist ul li div p, .news_list ul li div p, .productlist ul li div p {
          font-size: 24px;
          line-height: 2em; }
        .prolist ul li div a, .service section ul li div a, .apply section ul li div a, .contact-form section ul li div a, .newslist ul li div a, .news_list ul li div a, .productlist ul li div a {
          font-size: 18px;
          color: #fff; }

.service, .apply, .contact-form {
  background: #1F3D95;
  overflow: hidden; }
  .service section h2, .apply section h2, .contact-form section h2 {
    color: #fff; }
  .service section .desc, .apply section .desc, .contact-form section .desc {
    color: #fff; }
  .service section ul, .apply section ul, .contact-form section ul {
    align-items: normal;
    margin-top: 50px; }
    .service section ul li, .apply section ul li, .contact-form section ul li {
      background: #2668D6;
      color: #fff;
      text-align: center;
      box-sizing: border-box;
      padding: 50px 10px; }
      .service section ul li span, .apply section ul li span, .contact-form section ul li span {
        font-size: 70px;
        margin-bottom: 30px;
        display: block; }
      .service section ul li p, .apply section ul li p, .contact-form section ul li p {
        font-size: 18px;
        line-height: 1.5em; }
  .service section p, .apply section p, .contact-form section p {
    font-size: 24px;
    display: block;
    margin: 30px 0;
    text-align: center;
    color: #fff; }
  .service section button, .apply section button, .contact-form section button {
    font-size: 24px;
    display: block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    background: transparent;
    border: 3px solid #fff;
    margin: 0 auto; }
    .service section button a, .apply section button a, .contact-form section button a {
      color: #fff; }

.newslist h2, .news_list h2 {
  color: #000; }
.newslist .title, .news_list .title {
  color: #1F3D95;
  font-size: 60px; }
.newslist .news_info, .news_list .news_info {
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start; }
  .newslist .news_info li, .news_list .news_info li {
    width: calc((100% - 60px) / 3);
    overflow: hidden;
    z-index: 1; }
    .newslist .news_info li .img, .news_list .news_info li .img {
      width: 100%;
      aspect-ratio: 1 / 0.8;
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      .newslist .news_info li .img img, .news_list .news_info li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .newslist .news_info li .news-content, .news_list .news_info li .news-content {
      color: #000;
      position: relative;
      text-align: left;
      margin-bottom: 40px; }
      .newslist .news_info li .news-content::after, .news_list .news_info li .news-content::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #1F3D95; }
      .newslist .news_info li .news-content h5, .news_list .news_info li .news-content h5 {
        font-size: 24px;
        line-height: 1.5em;
        color: #1F3D95;
        margin: 10px 0;
        height: 3em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .newslist .news_info li .news-content p, .news_list .news_info li .news-content p {
        font-size: 16px;
        line-height: 1.5em;
        height: 4.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        position: relative;
        margin-bottom: 10px; }
    .newslist .news_info li button, .news_list .news_info li button {
      font-size: 18px;
      display: block;
      margin-left: auto;
      background: transparent;
      color: #2569D6; }

footer {
  background: #072434;
  padding: 35px 0; }
  footer section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    footer section .left img {
      width: auto;
      height: auto;
      max-width: 230px;
      margin-bottom: 30px; }
    footer section .left p {
      font-size: 18px;
      line-height: 1.6em; }
      footer section .left p a {
        color: #fff; }
    footer section ul {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      flex-wrap: wrap; }
      footer section ul li {
        font-size: 18px;
        line-height: 1.6em;
        margin-left: 30px; }
        footer section ul li a {
          color: #fff; }
        footer section ul li a:active,
        footer section ul li a:hover,
        footer section ul li a:link,
        footer section ul li a:visited {
          color: #fff; }
        footer section ul li div {
          display: block;
          margin-top: 10px; }
          footer section ul li div a {
            font-size: 15px;
            line-height: 2em;
            display: block; }
  footer .di {
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
    border-top: 1px solid #fff;
    margin-top: 20px; }

.product, .contact-list, .applylist, .news {
  margin-top: 120px;
  margin-bottom: 80px; }
  .product .product-banner, .contact-list .product-banner, .applylist .product-banner, .news .product-banner {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px; }
    .product .product-banner .swiper-slide img, .contact-list .product-banner .swiper-slide img, .applylist .product-banner .swiper-slide img, .news .product-banner .swiper-slide img {
      width: 100%;
      height: auto; }
  .product h2, .contact-list h2, .applylist h2, .news h2 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #1e3e9e; }
  .product span, .contact-list span, .applylist span, .news span {
    font-size: 20px;
    color: #1e3e9e;
    display: block; }
  .product p, .contact-list p, .applylist p, .news p {
    font-size: 18px;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 20px; }

.apply section {
  text-align: center; }
  .apply section ul li {
    background: #fff;
    padding: 40px 10px;
    margin-bottom: 0; }
    .apply section ul li img {
      width: 80%;
      max-width: 138px; }
    .apply section ul li p {
      color: #1F3D95;
      font-size: 20px;
      font-weight: bold; }

.contact-list h2, .applylist h2 {
  color: #042431;
  margin-bottom: 0; }
.contact-list h3, .applylist h3 {
  font-size: 48px;
  margin: 0;
  color: #1F3D95;
  line-height: 1.5em; }
.contact-list .contact-info, .applylist .contact-info {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px; }
  .contact-list .contact-info li, .applylist .contact-info li {
    width: calc((100% - 90px) / 4);
    text-align: center;
    border: 1px solid #1E3C96;
    box-sizing: border-box;
    padding: 30px 10px;
    border-radius: 10px;
    color: #1E3C96; }
    .contact-list .contact-info li span, .applylist .contact-info li span {
      font-size: 60px;
      color: #1E3C96;
      margin-bottom: 20px; }
    .contact-list .contact-info li b, .applylist .contact-info li b {
      font-size: 24px;
      margin-bottom: 10px; }
    .contact-list .contact-info li p, .applylist .contact-info li p {
      font-size: 18px;
      line-height: 1.5em;
      color: #1E3C96; }

.contact-form section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .contact-form section h2 {
    width: 100%; }
  .contact-form section .contact-text {
    width: 40%;
    text-align: left; }
    .contact-form section .contact-text p {
      text-align: left;
      margin: 5px 0; }
    .contact-form section .contact-text span {
      font-size: 20px;
      color: #C6C7CE;
      display: block;
      margin: 50px 0;
      position: relative; }
      .contact-form section .contact-text span::after {
        content: '';
        position: absolute;
        top: -25px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #C6C7CE; }
  .contact-form section .form {
    width: 50%; }
    .contact-form section .form form {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px; }
    .contact-form section .form div {
      position: relative; }
      .contact-form section .form div:nth-child(5) {
        grid-column: span 2; }
      .contact-form section .form div:nth-child(6) {
        grid-column: 1 / -1; }
    .contact-form section .form label {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap; }
    .contact-form section .form input,
    .contact-form section .form select,
    .contact-form section .form textarea {
      width: 100%;
      box-sizing: border-box;
      height: 60px;
      padding: 0 20px;
      background: #466AB4;
      border: 1px solid #1F6DD6;
      color: #fff;
      font-size: 20px;
      font-family: inherit;
      outline: none; }
    .contact-form section .form input::placeholder {
      color: #C6C7CE; }
    .contact-form section .form textarea::placeholder {
      color: #C6C7CE; }
    .contact-form section .form select {
      appearance: none; }
      .contact-form section .form select:invalid {
        color: #C6C7CE; }
    .contact-form section .form textarea {
      height: 190px;
      padding: 20px;
      resize: none; }
    .contact-form section .form button {
      grid-column: 1 / -1;
      height: 70px;
      width: 100%;
      margin-top: 10px;
      background: #1F6DD6;
      color: #fff;
      font-size: 24px;
      border: none;
      border-radius: 0; }

.news h5 {
  font-size: 26px;
  color: #000; }
.news h3 {
  font-size: 46px;
  margin: 10px 0;
  color: #1e3e9e; }
.news h4 {
  font-size: 26px;
  margin-bottom: 20px;
  color: #1e3e9e; }

.news_list {
  margin: 120px auto 50px; }
  .news_list .news_info .first {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 30px 0; }
    .news_list .news_info .first div {
      left: 0;
      transform: translateX(0); }
    .news_list .news_info .first .img {
      width: 50%; }
    .news_list .news_info .first .first-content {
      position: initial;
      width: 45%;
      margin-bottom: 40px; }
    .news_list .news_info .first .news-content h5 {
      height: auto; }
    .news_list .news_info .first .news-content .time {
      font-size: 18px;
      line-height: 2em;
      height: auto; }
  .news_list .news_nav {
    justify-content: flex-start; }
    .news_list .news_nav li {
      width: fit-content;
      margin-right: 30px;
      font-size: 20px; }
      .news_list .news_nav li:last-child {
        margin-right: 0; }
      .news_list .news_nav li.active a {
        color: #1F3D95;
        font-weight: bold; }

.page {
  width: 100%;
  text-align: center;
  margin: 20px auto; }
  .page span {
    margin: 0 10px; }
  .page .page-numbar a {
    display: inline-block;
    margin: 0 5px; }

.productlist {
  margin: 0 auto; }
  .productlist span {
    color: #000; }
  .productlist h2 {
    font-size: 44px;
    margin-bottom: 10px; }
  .productlist ul {
    margin-top: 50px; }
    .productlist ul li p {
      color: #fff; }

.productlist_bc {
  background: #1F3D95;
  overflow: hidden;
  padding: 80px 0;
  margin: 80px auto; }
  .productlist_bc .productlist h2 {
    color: #fff; }
  .productlist_bc .productlist span {
    color: #fff; }

.applylist p {
  font-size: 24px;
  margin-bottom: 50px; }
.applylist .apply_nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px; }
  .applylist .apply_nav li {
    font-size: 24px; }
  .applylist .apply_nav .active {
    color: #1F3D95; }
    .applylist .apply_nav .active a {
      color: #1F3D95; }

.about_banner, .about_info {
  width: 100%;
  height: auto; }
  .about_banner img, .about_info img {
    width: 100%;
    height: auto; }

.about_info {
  position: relative; }
  .about_info section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about_info section h3 {
      font-size: 34px;
      margin-bottom: 20px;
      color: #1e3e9e; }
    .about_info section p {
      font-size: 20px;
      width: 50%; }

.about_honor {
  padding: 160px 0 80px;
  overflow: hidden;
  position: relative; }
  .about_honor section {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10; }
  .about_honor .honor-head h3 {
    font-size: 44px;
    color: #1F3D95; }
  .about_honor .honor-head p {
    font-size: 20px;
    color: #000;
    margin: 10px 0 50px; }
  .about_honor .honor-stats {
    display: flex;
    align-items: flex-start;
    gap: 60px; }
    .about_honor .honor-stats li {
      position: relative; }
      .about_honor .honor-stats li::before {
        content: '';
        position: absolute;
        top: 10%;
        right: -30px;
        width: 1px;
        height: 80%;
        background: #666; }
      .about_honor .honor-stats li:last-child::before {
        display: none; }
      .about_honor .honor-stats li b {
        display: block;
        font-size: 56px;
        line-height: 1em;
        color: #1b1b1b;
        font-weight: bold; }
      .about_honor .honor-stats li span {
        display: block;
        margin-top: 10px;
        font-size: 18px;
        color: #666; }
  .about_honor .honor-arrows {
    margin-top: 40px; }
    .about_honor .honor-arrows span {
      display: inline-block;
      color: #3B63C8;
      font-size: 34px;
      line-height: 1em;
      cursor: pointer;
      user-select: none; }
      .about_honor .honor-arrows span:hover {
        color: #1F3D95; }
    .about_honor .honor-arrows .honor-next {
      margin-left: 40px; }
  .about_honor .honor-slider {
    grid-column: 2;
    width: 100%;
    height: 460px;
    overflow: hidden;
    cursor: grab;
    user-select: none; }
    .about_honor .honor-slider.dragging {
      cursor: grabbing; }
    .about_honor .honor-slider img {
      pointer-events: none;
      -webkit-user-drag: none; }
  .about_honor .honor-track {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    height: 100%;
    transition: transform .5s ease;
    will-change: transform; }
  .about_honor .honor-slide {
    flex: 0 0 auto;
    width: 150px;
    height: 108px;
    box-sizing: border-box;
    transition: width .5s ease, height .5s ease; }
    .about_honor .honor-slide img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .about_honor .honor-slide.active {
      width: auto;
      height: 460px;
      border-color: #000; }

.customer {
  background: #1F3D95;
  padding: 80px 0;
  color: #fff;
  overflow: hidden; }
  .customer .customer-head h3 {
    font-size: 44px;
    line-height: 1.2em;
    font-weight: bold; }
  .customer .customer-head p {
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.9); }
  .customer .customer-ctrl {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 38px 0 34px; }
    .customer .customer-ctrl span {
      display: inline-block;
      color: rgba(255, 255, 255, 0.5);
      font-size: 28px;
      line-height: 1em;
      cursor: pointer;
      user-select: none;
      transition: color .3s; }
      .customer .customer-ctrl span:hover {
        color: #fff; }
    .customer .customer-ctrl .customer-pause {
      display: flex;
      align-items: center;
      gap: 6px; }
      .customer .customer-ctrl .customer-pause i {
        display: block;
        width: 4px;
        height: 18px;
        background: currentColor; }
      .customer .customer-ctrl .customer-pause.paused i:first-child {
        width: 0;
        height: 0;
        background: transparent;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 14px solid currentColor; }
      .customer .customer-ctrl .customer-pause.paused i:last-child {
        display: none; }
  .customer .customer-slider {
    overflow: hidden;
    width: auto;
    margin-right: calc((100% - 100vw) / 2);
    border-top: 1px solid #EDEFEC;
    border-left: 1px solid #EDEFEC;
    cursor: grab; }
    .customer .customer-slider.dragging {
      cursor: grabbing; }
    .customer .customer-slider img {
      pointer-events: none;
      -webkit-user-drag: none; }
  .customer .customer-track {
    display: flex;
    transition: transform .5s ease;
    will-change: transform; }
  .customer .customer-col {
    flex: 0 0 auto;
    width: 15vw;
    min-width: 200px;
    max-width: 288px; }
  .customer .customer-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1.25;
    box-sizing: border-box;
    background: #fff;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    box-sizing: border-box; }
    .customer .customer-cell img {
      width: auto;
      height: auto;
      max-width: 68%;
      max-height: 48%; }

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