@charset "UTF-8";
* {
  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;
  z-index: 999;
  width: 100%;
  padding: 15px 0;
  background: #fff;
  overflow: visible;
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform; }
  header section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    max-width: 1600px; }
  header .logo img {
    height: 30px;
    width: auto; }
  header nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    /* 产品中心下拉导航 */ }
    header nav ul li {
      margin-left: 4em;
      font-size: 15px; }
    header nav ul li:first-child {
      margin-left: 0; }
    header nav ul .lang a {
      margin-right: 10px;
      border-right: 1px solid #1d1d1d;
      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: none;
      border: 1px solid #1e3e9e;
      padding: 5px 18px;
      border-radius: 20px; }
      header nav ul .contact a {
        color: #000; }
      header nav ul .contact span {
        margin-right: 15px;
        font-size: 24px; }
    header nav ul li {
      position: relative; }
    header nav ul .sub-nav {
      position: absolute;
      top: calc(100% + 12px);
      left: 50%;
      display: block;
      min-width: 150px;
      padding: 8px 0;
      background: #fff;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
      border-radius: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translate(-50%, 10px);
      transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
      z-index: 20;
      /* 补一段透明区域，避免鼠标移入下拉时离开触发区 */ }
      header nav ul .sub-nav::before {
        content: '';
        position: absolute;
        top: -12px;
        left: 0;
        width: 100%;
        height: 12px; }
      header nav ul .sub-nav li {
        margin-left: 0;
        font-size: 14px;
        line-height: 1.5em; }
        header nav ul .sub-nav li a {
          display: block;
          padding: 10px 18px;
          white-space: nowrap;
          color: #1d1d1d; }
          header nav ul .sub-nav li a:hover {
            color: #1e3e9e;
            background: #f2f5fb; }
    header nav ul li:hover > .sub-nav {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, 0); }
  header .menu-toggle {
    display: none; }

.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: 36px;
    color: #1e3e9e; }
  .prolist .desc, .service section .desc, .apply section .desc, .contact-form section .desc, .newslist .desc, .news_list .desc, .productlist .desc {
    font-size: 20px;
    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;
      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;
        transition: all 0.3s ease-in-out; }
      .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: 20px;
          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: 16px;
          color: #fff; }
      .prolist ul li:hover img, .service section ul li:hover img, .apply section ul li:hover img, .contact-form section ul li:hover img, .newslist ul li:hover img, .news_list ul li:hover img, .productlist ul li:hover img {
        transform: scale(1.1); }

.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: 20px;
    display: block;
    color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
    background: transparent;
    border: 2px 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: 52px; }
.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: 20px;
        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: 14px;
        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: 16px;
      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: 8vw;
      height: auto;
      min-width: 140px;
      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: 16px;
        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: 14px;
            line-height: 2em;
            display: block; }
  footer .di {
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
    border-top: 1px solid #fff;
    margin-top: 20px; }
    footer .di a {
      color: #fff; }

.product, .contact-list, .applylist, .news {
  margin-top: 150px;
  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: 10px;
    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:hover img {
      transform: scale(1); }
    .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: 150px 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;
    margin-bottom: 30px; }
    .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;
    color: #1F3D95; }

.productlist {
  margin: 0 auto; }
  .productlist .swiper-container {
    border-radius: 15px; }
    .productlist .swiper-container img {
      width: 100%;
      height: auto; }
  .productlist span {
    color: #000; }
  .productlist h2 {
    font-size: 36px;
    margin-bottom: 10px; }
  .productlist ul {
    margin-top: 50px; }
    .productlist ul li p {
      color: #fff; }

.product1 {
  margin-bottom: 0; }
  .product1 .productlist_bc:nth-child(2n) {
    background: #1F3D95;
    overflow: hidden;
    padding: 80px 0;
    margin: 80px auto; }
    .product1 .productlist_bc:nth-child(2n) .productlist h2 {
      color: #fff; }
    .product1 .productlist_bc:nth-child(2n) .productlist span {
      color: #fff; }
  .product1 .productlist_bc:last-child {
    margin-bottom: 0; }

.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: 100vw;
  height: 100vh;
  position: relative; }
  .about_banner img, .about_info img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .about_banner section, .about_info section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about_banner section h3, .about_info section h3 {
      width: 50%;
      font-size: 36px;
      margin-bottom: 20px;
      color: #fff; }
    .about_banner section p, .about_info section p {
      font-size: 16px;
      width: 50%;
      line-height: 1.5em;
      color: #fff; }

/* 关于我们横幅文字渐入动画 */
.about_banner > section.about-fade, .about_info > section.about-fade {
  animation: aboutFadeIn 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s both; }

@keyframes aboutFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(40px); }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0); } }
.about_info {
  position: relative; }
  .about_info section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .about_info section h3 {
      width: 50%;
      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: 36px;
    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: 36px;
    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-swiper {
    height: 460px; }
    .customer .customer-swiper.swiper-grid > .swiper-wrapper {
      flex-wrap: wrap; }
    .customer .customer-swiper.swiper-grid-column > .swiper-wrapper {
      flex-wrap: wrap;
      flex-direction: column; }
    .customer .customer-swiper .swiper-slide {
      height: 50%; }
  .customer .customer-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    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%; }

header.header-hidden {
  transform: translateY(-100%); }

header.home-header {
  background: transparent;
  box-shadow: none;
  transition: background 1.5s; }
  header.home-header .logo .logo-black {
    display: none; }
  header.home-header nav ul li > a {
    color: #fff; }
  header.home-header nav ul .lang a {
    border-right-color: #fff; }
  header.home-header nav ul .contact a {
    color: #fff; }
  header.home-header nav ul .sub-nav li a {
    color: #1d1d1d; }
  header.home-header nav ul .contact {
    border: 1px solid #fff; }
  header.home-header .menu-toggle i {
    background: #fff; }
  header.home-header.scrolled, header.home-header.menu-open {
    background: #fff; }
    header.home-header.scrolled .logo .logo-white, header.home-header.menu-open .logo .logo-white {
      display: none; }
    header.home-header.scrolled .logo .logo-black, header.home-header.menu-open .logo .logo-black {
      display: inline-block; }
    header.home-header.scrolled nav ul li > a, header.home-header.menu-open nav ul li > a {
      color: #1d1d1d; }
    header.home-header.scrolled nav ul .lang a, header.home-header.menu-open nav ul .lang a {
      border-right-color: #1d1d1d; }
    header.home-header.scrolled nav ul .contact a, header.home-header.menu-open nav ul .contact a {
      color: #1d1d1d; }
    header.home-header.scrolled .menu-toggle i, header.home-header.menu-open .menu-toggle i {
      background: #1b1b1b; }
    header.home-header.scrolled .contact, header.home-header.menu-open .contact {
      border: 1px solid #1e3e9e; }

.term-fade {
  margin: 150px auto 80px; }
  .term-fade p {
    margin-bottom: 20px;
    line-height: 1.5em;
    font-size: 16px; }

@media screen and (max-width: 750px) {
  section {
    width: 92%; }

  /* 头部导航：汉堡按钮 + 下拉菜单 */
  header {
    padding: 10px 0;
    overflow: visible; }
    header section {
      width: 92%;
      flex-wrap: nowrap; }
    header .logo img {
      width: 22vw;
      max-width: 130px;
      min-width: 100px; }
    header .menu-toggle {
      display: block;
      position: relative;
      width: 34px;
      height: 34px;
      flex-shrink: 0;
      cursor: pointer; }
      header .menu-toggle i {
        position: absolute;
        left: 50%;
        width: 24px;
        height: 2px;
        margin-left: -12px;
        background: #1b1b1b;
        transition: top .3s, transform .3s; }
        header .menu-toggle i:first-child {
          top: 11px; }
        header .menu-toggle i:last-child {
          top: 21px; }
    header nav {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #fff;
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height .3s ease, opacity .3s ease; }
      header nav ul {
        flex-direction: column;
        align-items: stretch;
        padding: 4px 4%;
        box-sizing: border-box;
        /* 移动端不展示产品下拉 */ }
        header nav ul li {
          margin-left: 0;
          font-size: 15px;
          line-height: 1;
          border-bottom: 1px solid #949494;
          padding: 15px 0; }
          header nav ul li a {
            display: block;
            color: #1b1b1b; }
        header nav ul li:first-child {
          margin-left: 0; }
        header nav ul li:last-child {
          border-bottom: none; }
        header nav ul .lang a {
          display: inline-block;
          margin-right: 10px;
          padding-right: 10px;
          color: #1b1b1b; }
        header nav ul .lang a:last-child {
          margin-right: 0;
          padding-right: 0;
          border-right: none; }
        header nav ul .contact {
          display: flex;
          align-items: center;
          background: none;
          padding: 15px 0;
          border-radius: 0;
          color: #1b1b1b;
          border: none; }
          header nav ul .contact span {
            font-size: 18px;
            margin-right: 8px;
            color: #1b1b1b; }
          header nav ul .contact a {
            color: #1b1b1b; }
        header nav ul .sub-nav {
          display: none; }
    header.menu-open nav {
      max-height: 70vh;
      overflow-y: auto;
      opacity: 1; }
    header.menu-open .menu-toggle i:first-child {
      top: 16px;
      transform: rotate(45deg); }
    header.menu-open .menu-toggle i:last-child {
      top: 16px;
      transform: rotate(-45deg); }

  /* 首页轮播 */
  .banner {
    height: 68vh; }
    .banner .swiper-pagination {
      bottom: 5vh; }
      .banner .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-width: 2px;
        margin: 0 5px; }

  /* 产品/文章等通用列表块 */
  .prolist, .service section, .apply section, .contact-form section, .newslist, .news_list, .productlist {
    margin: 30px auto; }
    .prolist h2, .service section h2, .apply section h2, .contact-form section h2, .newslist h2, .news_list h2, .productlist h2 {
      font-size: 24px; }
    .prolist .desc, .service section .desc, .apply section .desc, .contact-form section .desc, .newslist .desc, .news_list .desc, .productlist .desc {
      font-size: 14px;
      margin: 6px 0 12px; }
    .prolist .more, .service section .more, .apply section .more, .contact-form section .more, .newslist .more, .news_list .more, .productlist .more {
      font-size: 14px;
      margin-bottom: 12px; }
    .prolist ul, .service section ul, .apply section ul, .contact-form section ul, .newslist ul, .news_list ul, .productlist ul {
      gap: 15px; }
      .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% - 15px) / 2);
        margin-bottom: 15px; }
        .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: 14px;
          line-height: 1.6em; }
        .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: 12px; }

  /* 服务模块 */
  .service section ul, .apply section ul, .contact-form section ul {
    margin-top: 24px; }
    .service section ul li, .apply section ul li, .contact-form section ul li {
      padding: 24px 10px; }
      .service section ul li span, .apply section ul li span, .contact-form section ul li span {
        font-size: 36px;
        margin-bottom: 14px; }
      .service section ul li p, .apply section ul li p, .contact-form section ul li p {
        font-size: 13px; }
  .service section p, .apply section p, .contact-form section p {
    font-size: 15px;
    margin: 20px 0; }
  .service section button, .apply section button, .contact-form section button {
    font-size: 15px;
    padding: 8px 16px;
    border-width: 2px; }

  /* 知识资讯列表 */
  .newslist h2, .news_list h2 {
    font-size: 24px; }
  .newslist .title, .news_list .title {
    font-size: 26px; }
  .newslist .desc, .news_list .desc {
    font-size: 14px;
    margin: 6px 0 12px; }
  .newslist .news_info, .news_list .news_info {
    gap: 20px; }
    .newslist .news_info li, .news_list .news_info li {
      width: 100%; }
      .newslist .news_info li .news-content h5, .news_list .news_info li .news-content h5 {
        font-size: 16px;
        height: auto; }
      .newslist .news_info li .news-content p, .news_list .news_info li .news-content p {
        font-size: 13px;
        height: auto;
        -webkit-line-clamp: 2; }
      .newslist .news_info li button, .news_list .news_info li button {
        font-size: 13px; }

  /* 页脚 */
  footer {
    padding: 24px 0; }
    footer section {
      flex-direction: column; }
      footer section .left {
        margin-bottom: 20px; }
        footer section .left img {
          max-width: 150px;
          margin-bottom: 16px; }
        footer section .left p {
          font-size: 13px; }
      footer section ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0 16px; }
        footer section ul li {
          margin-left: 0;
          font-size: 14px; }
          footer section ul li div {
            margin-top: 6px; }
            footer section ul li div a {
              font-size: 12px; }
    footer .di {
      font-size: 12px;
      line-height: 1.8em;
      padding-top: 14px;
      margin-top: 14px; }

  /* 产品详情 / 应用等页面主体 */
  .product, .contact-list, .applylist, .news {
    margin-top: 84px;
    margin-bottom: 40px; }
    .product h2, .contact-list h2, .applylist h2, .news h2 {
      font-size: 22px;
      margin-bottom: 16px; }
    .product span, .contact-list span, .applylist span, .news span {
      font-size: 15px; }
    .product p, .contact-list p, .applylist p, .news p {
      font-size: 14px; }
    .product .product-banner, .contact-list .product-banner, .applylist .product-banner, .news .product-banner {
      margin-bottom: 18px; }

  .apply section ul li {
    padding: 20px 8px; }
    .apply section ul li img {
      width: 60%; }
    .apply section ul li p {
      font-size: 14px; }

  /* 联系我们信息 */
  .contact-list h2, .applylist h2 {
    font-size: 22px; }
  .contact-list h3, .applylist h3 {
    font-size: 26px; }
  .contact-list .contact-info, .applylist .contact-info {
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px; }
    .contact-list .contact-info li, .applylist .contact-info li {
      width: calc((100% - 12px) / 2);
      padding: 18px 8px; }
      .contact-list .contact-info li span, .applylist .contact-info li span {
        font-size: 34px;
        margin-bottom: 10px; }
      .contact-list .contact-info li b, .applylist .contact-info li b {
        font-size: 15px; }
      .contact-list .contact-info li p, .applylist .contact-info li p {
        font-size: 13px; }

  .contact-form section .contact-text {
    width: 100%; }
    .contact-form section .contact-text span {
      font-size: 14px;
      margin: 28px 0; }
  .contact-form section .form {
    width: 100%;
    margin-top: 10px; }
    .contact-form section .form form {
      grid-template-columns: 1fr; }
    .contact-form section .form div:nth-child(5) {
      grid-column: auto; }
    .contact-form section .form div:nth-child(6) {
      grid-column: auto; }
    .contact-form section .form input,
    .contact-form section .form select,
    .contact-form section .form textarea {
      height: 36px;
      padding: 0 12px;
      font-size: 14px; }
    .contact-form section .form textarea {
      height: 120px;
      padding: 12px; }
    .contact-form section .form button {
      height: 48px;
      font-size: 16px; }

  /* 资讯详情 */
  .news h3 {
    font-size: 24px; }
  .news h4 {
    font-size: 18px; }
  .news h5 {
    font-size: 18px; }

  .news_list {
    margin: 84px auto 30px; }
    .news_list .news_info .first {
      flex-direction: column;
      align-items: flex-start; }
      .news_list .news_info .first .img {
        width: 100%; }
      .news_list .news_info .first .first-content {
        width: 100%; }
    .news_list .news_nav li {
      margin-right: 16px;
      font-size: 14px; }

  /* 产品列表 */
  .productlist h2 {
    font-size: 24px; }
  .productlist span.desc {
    font-size: 14px; }
  .productlist ul {
    margin-top: 20px; }

  .product1 .productlist_bc .swiper-slide img {
    width: 100%;
    height: auto; }
  .product1 .productlist_bc:nth-child(2n) {
    padding: 30px 0;
    margin: 30px auto; }

  /* 行业应用列表 */
  .applylist p {
    font-size: 14px;
    margin-bottom: 20px; }
  .applylist .apply_nav {
    gap: 12px;
    margin-bottom: 20px; }
    .applylist .apply_nav li {
      font-size: 14px; }

  /* 关于我们 */
  .about_banner section, .about_info section {
    width: 90%; }
    .about_banner section h3, .about_info section h3 {
      width: 100%;
      font-size: 18px;
      margin-bottom: 10px; }
    .about_banner section p, .about_info section p {
      width: 100%;
      font-size: 12px; }

  .about_honor {
    padding: 40px 0 30px; }
    .about_honor section {
      position: static;
      transform: none; }
    .about_honor .honor-head h3 {
      font-size: 24px; }
    .about_honor .honor-head p {
      font-size: 14px;
      margin: 8px 0 20px; }
    .about_honor .honor-stats {
      gap: 24px; }
      .about_honor .honor-stats li::before {
        right: -12px; }
      .about_honor .honor-stats li b {
        font-size: 28px; }
      .about_honor .honor-stats li span {
        font-size: 12px; }
    .about_honor .honor-arrows {
      margin-top: 20px; }
      .about_honor .honor-arrows span {
        font-size: 24px; }
      .about_honor .honor-arrows .honor-next {
        margin-left: 24px; }
    .about_honor .honor-slider {
      width: 92%;
      height: 180px;
      margin: 20px auto 0; }
    .about_honor .honor-track {
      gap: 10px; }
    .about_honor .honor-slide {
      width: 70px;
      height: 50px; }
      .about_honor .honor-slide.active {
        height: 180px; }

  /* 客户 logo 墙 */
  .customer {
    padding: 40px 0; }
    .customer .customer-head h3 {
      font-size: 24px; }
    .customer .customer-head p {
      font-size: 14px;
      margin-top: 10px; }
    .customer .customer-ctrl {
      gap: 20px;
      margin: 20px 0 18px; }
      .customer .customer-ctrl span {
        font-size: 20px; }
      .customer .customer-ctrl .customer-pause i {
        width: 3px;
        height: 14px; }
    .customer .customer-slider {
      margin-right: 0; }
    .customer .customer-swiper {
      height: 300px; }

  .page .page-status {
    display: none; }

  header.home-header.menu-open .contact {
    border: none; }

  .term-fade {
    margin: 80px auto; } }

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