@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Bold";
  src: url("../fonts/MiSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Normal";
  src: url("../fonts/MiSans-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Light";
  src: url("../fonts/MiSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "ExtraLight";
  src: url("../fonts/MiSans-ExtraLight.ttf") format("truetype");
}

@media screen and (min-width: 1401px) {
  .w {
    width: 1400px;
    margin: 0 auto;
  }
  .header-left {
    width: 110px;
    margin-right: 320px;
    padding: 20px 0;
  }
  .header-right {
    height: 93px;
    display: flex;
    align-items: center;
  }
  .header-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 93px;
  }
  .header-right ul li {
    position: relative;
    margin: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .header-right ul li a {
    font-size: 18px;
    color: #4d4d4d;
    text-decoration: none;
    font-family: "Normal";
  }
  .header-right ul li:nth-last-child(1) {
    margin-right: 0;
  }
  .header-right ul li::before, .header-right ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    /* 每条线占据一半宽度 */
    background-color: transparent;
    /* 初始颜色为透明 */
    transition: transform 0.5s ease;
    /* 添加动画效果 */
  }
  .header-right ul li::before {
    left: 0;
    /* 左边的线条 */
    transform: translateX(50%);
    /* 初始时隐藏在左侧 */
  }
  .header-right ul li::after {
    right: 0;
    /* 右边的线条 */
    transform: translateX(-50%);
    /* 初始时隐藏在右侧 */
  }
  .header-right ul li:hover::before {
    transform: translateX(100%);
    /* 鼠标悬停时向中间移动 */
  }
  .header-right ul li:hover::after {
    transform: translateX(-100%);
    /* 鼠标悬停时向中间移动 */
  }
  .header-right ul li:hover::before, .header-right ul li:hover::after {
    border-bottom: 2px solid #165dff;
    /* 线条颜色 */
  }
  .header-right ul li .active2 {
    color: #165dff;
  }
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-yuyan {
    width: 55px;
    height: 24px;
    padding: 5px 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-shadow: inset 5px 5px 10px #d3dbe3, inset -5px -5px 10px #d3dbe3;
    background-color: #f4f6f9;
    border-radius: 40px;
  }
  .header-yuyan-left {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #0081f8;
    margin-right: 8px;
  }
  .header-yuyan-right {
    font-size: 14px;
    color: #4b4b4c;
  }
  .banner {
    width: 100%;
    height: 788px;
  }
  .banner .swiper {
    width: 100%;
    height: 100%;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 675px !important;
    left: 500px;
  }
  .banner .swiper-pagination-bullet {
    width: 107px;
    height: 5px;
    border-radius: 2px;
    background-color: #d3dbe3;
  }
  .banner .swiper-pagination-bullet-active {
    background-color: #0081f8;
  }
  .product {
    position: relative;
    top: -90px;
    width: 100%;
    z-index: 999999;
    /* 内容区：上下留浪高 */
    /* 上下波浪 */
  }
  .product .wrap {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(6px);
  }
  .product .content {
    padding: 60px 20px;
    /* 60 浪高 + 20 内边距 */
    color: #fff;
    font-size: 22px;
    text-align: center;
  }
  .product .wave {
    position: absolute;
    left: 0;
    width: 100%;
    height: 200px;
    /* 浪高 */
    pointer-events: none;
  }
  .product .wave-top {
    top: 0;
  }
  .product .wave-btm {
    bottom: 0;
  }
  .product #pBtm {
    background-color: #eff3f7;
  }
  .product .product-pro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 75px;
    background-color: #eff3f7;
    padding-bottom: 50px;
  }
  .product .product-pro .product-lock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .product .product-pro .product-lock .product-rocket {
    width: 833px;
    height: 533px;
    display: flex;
    justify-content: right;
    align-self: center;
  }
  .product .product-pro .product-lock .product-rocket img {
    max-width: 100%;
    height: 100%;
    transition: transform 0.5s;
  }
  .product .product-pro .product-lock .product-pc {
    position: absolute;
    right: 34px;
    bottom: 34px;
    font-size: 24px;
    color: #404040;
    display: flex;
    align-items: center;
  }
  .product .product-pro .product-lock .product-pc .product-wz {
    font-size: 18px;
    color: #404040;
    margin-right: 12px;
    font-family: "Normal";
    font-weight: 700;
  }
  .product .product-pro .product-lock .product-pc .product-pc-icon {
    width: 16px;
    height: 16px;
  }
  .product .product-pro .product-lock .product-pc .product-pc-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .product .product-pro .product-lock .product-pc .product-pc-selected {
    width: 23px;
    height: 23px;
    display: none;
  }
  .product .product-pro .product-lock .product-pc .product-pc-selected img {
    width: 100%;
    height: 100%;
  }
  .product .product-pro .product-lock .product-pj {
    position: relative;
    width: 833px;
    height: 533px;
    background-color: #ffffff;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
  }
  .product .product-pro .product-lock .product-pj:hover .product-wz {
    font-size: 24px;
    color: #40a1fa;
  }
  .product .product-pro .product-lock .product-pj:hover .product-pc-icon {
    display: none;
  }
  .product .product-pro .product-lock .product-pj:hover .product-pc-selected {
    display: block !important;
  }
  .product .product-pro .product-lock .product-pj:hover .product-rocket img {
    transform: scale(1.5);
  }
  .product .product-pro .product-pd {
    position: relative;
    width: 551px;
    height: 538px;
    background-color: #ffffff;
    border-radius: 20ox;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
  }
  .product .product-pro .product-pd:hover .product-wz {
    font-size: 24px;
    color: #40a1fa;
  }
  .product .product-pro .product-pd:hover .product-pc-icon {
    display: none;
  }
  .product .product-pro .product-pd:hover .product-pc-selected {
    display: block !important;
  }
  .product .product-pro .product-pd:hover .product-pz img {
    transform: scale(1.5);
  }
  .product .product-pro .product-pd .product-pz {
    width: 551px;
    height: 538px;
    border-radius: 10px;
    overflow: hidden;
  }
  .product .product-pro .product-pd .product-pz img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    transition: transform 0.5s;
  }
  .product .product-pro .product-px {
    position: relative;
    width: 338px;
    height: 327px;
    overflow: hidden;
    background-color: #ffffff;
  }
  .product .product-pro .product-px:hover .product-gongzuo img {
    transform: scale(1.5);
  }
  .product .product-pro .product-px .product-gongzuo {
    width: 338px;
    height: 327px;
  }
  .product .product-pro .product-px .product-gongzuo img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.5s;
  }
  .product .product-pro .product-px:hover .product-wz {
    font-size: 24px;
    color: #40a1fa;
  }
  .product .product-pro .product-px:hover .product-pc-icon {
    display: none;
  }
  .product .product-pro .product-px:hover .product-pc-selected {
    display: block !important;
  }
  .product .product-pro .product-gfaq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .xz {
    position: relative;
    top: -75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .product-title {
    font-size: 70px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Light";
  }
  .product-cpxl {
    font-size: 50px;
    color: #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    font-family: "ExtraLight";
  }
  .product-cpxl::after {
    content: "";
    width: 299px;
    height: 5px;
    background-color: #0081f8;
    display: block;
    margin-top: 21px;
  }
  .xz-sb .xz-wz {
    font-size: 18px;
    color: #101010;
    line-height: 40px;
    width: 497px;
    margin-bottom: 53px;
    font-family: "Normal";
    text-align: justify;
  }
  .xz-sb .xz-ps {
    width: 129px;
    height: 6px;
    background-color: #0081f8;
    margin-bottom: 53px;
  }
  .xz-sb .xz-gd {
    display: flex;
    align-items: center;
  }
  .xz-sb .xz-gd .xz-Team {
    font-size: 26px;
    color: #000000;
    margin-right: 15px;
  }
  .xz-sb .xz-gd .xz-cp {
    width: 22px;
    height: 22px;
  }
  .xz-sb .xz-gd .xz-cp img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .xz-gp {
    width: 834px;
  }
  .xz-gp .xz-gs {
    width: 100%;
    height: 448px;
    margin-bottom: 57px;
  }
  .xz-gp .xz-gs img {
    width: 100%;
    height: 100%;
  }
  .xz-Hyd {
    display: flex;
    justify-content: space-between;
  }
  .xz-px {
    display: flex;
    justify-content: space-between;
  }
  .xz-px .xz-pt {
    width: 60px;
    height: 61px;
    margin-bottom: 27px;
  }
  .xz-px .xz-pt img {
    width: 100%;
    height: 100%;
  }
  .xz-px .xz-num {
    font-size: 38px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 22px;
    font-family: "Bold";
  }
  .xz-px .xz-yp {
    font-size: 18px;
    color: #000000;
    font-family: "Normal";
  }
  .product-wave {
    width: 100%;
    height: 100%;
  }
  .product-wave img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .cpyy {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #eff3f7;
    padding-top: 27px;
  }
  .cpyy .pack {
    width: 100%;
  }
  .cpyy .pack .swiper {
    width: 100%;
    height: 862px;
  }
  .cpyy .pack .swiper .swiper-slide {
    position: relative;
    width: 480px !important;
    height: 100%;
  }
  .cpyy .pack .swiper .swiper-slide:hover .cpyy-gay {
    animation: dh1 0.5s ease forwards;
  }
  .cpyy .pack .word {
    position: relative;
    height: 957px;
  }
  .cpyy .pack .word .swiper-button-next,
  .cpyy .pack .word .swiper-button-prev {
    top: 945px;
  }
  .cpyy .pack .word .swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .cpyy .pack .word .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    position: absolute;
  }
  .cpyy .pack .word .swiper-button-next:after,
  .cpyy .pack .word .swiper-button-prev:after {
    font-size: 18px;
  }
  .cpyy .pack .word .swiper-button-prev,
  .cpyy .pack .word .swiper-rtl .swiper-button-next {
    left: 875px;
  }
  .cpyy .pack .word .swiper-button-next,
  .cpyy .pack .word .swiper-rtl .swiper-button-prev {
    right: 875px;
  }
  .cpyy .pack .word .swiper-button-prev,
  .cpyy .pack .word .swiper-rtl .swiper-button-next {
    top: 900px;
  }
  .cpyy .pack .word .swiper-button-next,
  .cpyy .pack .word .swiper-rtl .swiper-button-prev {
    top: 900px;
  }
  .cpyy .pack .word .swiper-horizontal > .swiper-pagination-bullets,
  .cpyy .pack .word .swiper-pagination-bullets.swiper-pagination-horizontal,
  .cpyy .pack .word .swiper-pagination-custom,
  .cpyy .pack .word .swiper-pagination-fraction {
    bottom: 51px;
  }
  .cpyy .pack .word .cpyy-pc {
    width: 100%;
    height: 100%;
  }
  .cpyy .pack .word .cpyy-gay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #0381f8, transparent);
    padding: 53px 55px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  .cpyy .pack .word .cpyy-gay .cpyy-gz {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    width: 340px;
    font-family: "Normal";
    margin: 0 auto;
    margin-bottom: 46px;
  }
  .cpyy .pack .word .cpyy-gay .cpyy-top {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-family: "Normal";
  }
  @keyframes dh1 {
    0% {
      bottom: -100%;
      display: flex !important;
    }
    100% {
      bottom: 0;
      display: flex !important;
    }
  }
  .gap-py {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: -27px;
  }
  .gap-py .gap-chop {
    background: url("../images/122_02.png");
    background-repeat: no-repeat;
    height: 1127px;
    width: 100%;
  }
  @layer utilities {
    .gap-py .gap-chop .circle-container {
      position: relative;
      width: 300px;
      height: 300px;
    }
    .gap-py .gap-chop .circle-bg {
      fill: none;
      stroke: #e5e7eb;
      stroke-width: 12;
    }
    .gap-py .gap-chop .circle-progress {
      fill: none;
      stroke-width: 12;
      transform: rotate(-90deg);
      transform-origin: center;
      transition: stroke-dashoffset 1.5s ease;
    }
    .gap-py .gap-chop .icon-node {
      position: absolute;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: white;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
      color: #165dff;
      font-size: 18px;
      transition: transform 0.3s ease;
    }
    .gap-py .gap-chop .icon-node:hover {
      transform: scale(1.1);
    }
    .gap-py .gap-chop .center-number {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
    }
  }
  .gap-py .gap-chop .gap-shfw {
    position: relative;
    width: 779px;
    height: 783px;
    border-radius: 50%;
    border: 4px solid #0081f8;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .gap-py .gap-chop .gap-shfw .gap-reason {
    position: absolute;
    left: -40px;
    top: 270px;
    width: 85px;
    height: 85px;
  }
  .gap-py .gap-chop .gap-shfw .gap-product {
    position: absolute;
    left: 10px;
    bottom: 130px;
    width: 85px;
    height: 85px;
  }
  .gap-py .gap-chop .gap-shfw .gap-product img {
    width: 100%;
    height: 100%;
  }
  .gap-py .gap-chop .gap-shfw .gap-Quality {
    position: absolute;
    left: 350px;
    bottom: -40px;
    width: 85px;
    height: 85px;
  }
  .gap-py .gap-chop .gap-shfw .gap-Quality img {
    width: 100%;
    height: 100%;
  }
  .gap-py .gap-chop .gap-shfw .gap-trace-back {
    position: absolute;
    right: 0;
    bottom: 140px;
    width: 85px;
    height: 85px;
  }
  .gap-py .gap-chop .gap-shfw .gap-trace-back img {
    width: 100%;
    height: 100%;
  }
  .gap-py .gap-chop .gap-shfw .gap-Contact {
    position: absolute;
    top: 249px;
    right: -32px;
    width: 85px;
    height: 85px;
  }
  .gap-py .gap-chop .gap-shfw .gap-Contact img {
    width: 100%;
    height: 100%;
  }
  .gap-py .gap-gp {
    position: absolute;
    left: 245px;
    top: 370px;
    width: 231px;
    height: 263px;
    display: flex;
    align-items: end;
  }
  .gap-old {
    position: absolute;
    left: 340px;
    top: 770px;
    width: 231px;
    height: 263px;
    display: flex;
    align-items: end;
  }
  .gap-erp {
    width: 4px;
    height: 260px;
    background: linear-gradient(to top, #0181f8, transparent);
    margin-right: 27px;
  }
  .gap-lock .gap-pp {
    font-size: 50px;
    color: #0081f8;
  }
  .gap-lock .gap-car {
    font-size: 20px;
    color: #2b2b2b;
    margin-bottom: 19px;
  }
  .gap-lock .gap-gun {
    font-size: 18px;
    color: #5f5f5f;
  }
  .gap-xz {
    position: absolute;
    left: 830px;
    top: 1021px;
    width: 231px;
    height: 263px;
    display: flex;
    align-items: end;
  }
  .gap-dy {
    position: absolute;
    left: 1380px;
    top: 750px;
    width: 231px;
    height: 263px;
    display: flex;
    align-items: end;
  }
  .gap-zt {
    position: absolute;
    left: 1400px;
    top: 340px;
    width: 231px;
    height: 263px;
    display: flex;
    align-items: end;
  }
  .cert {
    position: relative;
    height: 1100px;
    width: 100%;
    background: url("../images/116.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: -120px;
    padding-bottom: 30px;
  }
  .cert .cert-shop {
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .cert .cert-shop .cert-tp {
    width: 72px;
    height: 78px;
    margin-bottom: 47px;
  }
  .cert .cert-shop .cert-tp img {
    width: 100%;
    height: 100%;
  }
  .cert .cert-shop .cert-pack {
    font-size: 18px;
    color: #1d1e1f;
    line-height: 30px;
    margin-bottom: 51px;
  }
  .cert .cert-shop .cert-cal {
    width: 389px;
  }
  .cert .cert-shop .cert-rand {
    width: 27px;
    height: 27px;
    margin-bottom: 77px;
    display: block;
  }
  .cert .cert-shop .cert-rand img {
    width: 100%;
    height: 100%;
  }
  .cert .cert-shop .cert-cool {
    display: flex;
    align-items: center;
  }
  .cert .cert-shop .cert-cool .cert-ed {
    width: 81px;
    height: 49px;
    margin-right: 28px;
  }
  .cert .cert-shop .cert-cool .cert-ed img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .cert .cert-shop .cert-chop {
    width: 836px;
    height: 614px;
  }
  .cert .cert-shop .cert-chop img {
    width: 100%;
    height: 100%;
  }
  .news {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    top: -75px;
    /* 图标本体 */
  }
  .news .news-shop {
    position: relative;
    height: 621px;
  }
  .news .news-shop .swiper {
    width: 100%;
    height: 100%;
  }
  .news .news-shop .swiper .swiper-slide {
    width: 457px;
    height: 578px;
  }
  .news .news-shop .swiper .swiper-slide:hover .news-handle {
    border-bottom: 2px solid #0081f8;
    box-shadow: 0 0 70px -48px black;
  }
  .news .news-shop .swiper .swiper-slide:hover .news-jy img {
    transform: scale(1.5);
  }
  .news .news-shop .swiper .swiper-slide .news-jy {
    width: 100%;
    height: 301px;
    border-radius: 10px;
    overflow: hidden;
  }
  .news .news-shop .swiper .swiper-slide .news-jy img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
  }
  .news .news-shop .swiper .swiper-slide .news-req {
    padding: 31px 19px;
    width: 100%;
    box-sizing: border-box;
    height: 247px;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-title {
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Normal";
    font-weight: 700;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-plose {
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Normal";
    font-weight: 400;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy {
    display: flex;
    align-items: center;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-val {
    width: 30px;
    height: 30px;
    margin-right: 31px;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-val img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-ty {
    font-size: 36px;
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-family: "Bold";
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-ty span {
    font-size: 16px;
    color: #000000;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-jc {
    display: flex;
    align-items: center;
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-jc .news-sy {
    font-size: 45px;
    color: #000000;
    font-family: "Normal";
  }
  .news .news-shop .swiper .swiper-slide .news-req .news-dy .news-jc .news-yp {
    text-align: end;
    font-size: 16px;
    color: #000000;
    font-family: "Normal";
  }
  .news .news-shop .swiper .news-handle {
    width: 457px;
    height: 578px;
    border-bottom: 2px solid #cccccc;
    box-sizing: border-box;
  }
  .news .news-shop .pagination-bullets,
  .news .news-shop .swiper-pagination-bullets.swiper-pagination-horizontal,
  .news .news-shop .swiper-pagination-custom,
  .news .news-shop .swiper-pagination-fraction {
    position: absolute;
  }
  .news .news-shop .swiper-horizontal > .swiper-pagination-bullets,
  .news .news-shop .swiper-pagination-bullets.swiper-pagination-horizontal,
  .news .news-shop .swiper-pagination-custom,
  .news .news-shop .swiper-pagination-fraction {
    left: 700px;
  }
  .news .news-shop .swiper-button-next:after,
  .news .news-shop .swiper-button-prev:after {
    font-size: 18px;
  }
  .news .news-shop .swiper-button-prev,
  .news .news-shop .swiper-rtl .swiper-button-next {
    left: 630px;
  }
  .news .news-shop .swiper-button-next,
  .news .news-shop .swiper-rtl .swiper-button-prev {
    left: 740px;
  }
  .news .swiper-button-next::after,
  .news .swiper-button-prev::after {
    font-size: 24px;
    /* 控制箭头图标大小 */
  }
  .news .swiper-button-next,
  .news .swiper-button-prev {
    top: 608px;
  }
  .coll {
    position: relative;
    height: 220px;
    width: 100%;
    top: -30px;
    background-color: #eff3f7;
    display: flex;
    justify-content: center;
  }
  .coll .coll-jc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .coll .coll-jc .coll-cal {
    width: 114px;
    height: 75px;
  }
  .coll .coll-jc .coll-cal:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-cal:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-cal img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-cul {
    width: 120px;
    height: 41px;
  }
  .coll .coll-jc .coll-cul img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-cul:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-cul:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-col {
    width: 99px;
    height: 61px;
  }
  .coll .coll-jc .coll-col img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-col:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-col:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-gp {
    width: 98px;
    height: 76px;
  }
  .coll .coll-jc .coll-gp img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-gp:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-gp:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-host {
    width: 107px;
    height: 82px;
  }
  .coll .coll-jc .coll-host img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-host:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-host:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-toke {
    width: 176px;
    height: 56px;
  }
  .coll .coll-jc .coll-toke img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-toke:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-toke:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-pack {
    width: 137px;
    height: 87px;
  }
  .coll .coll-jc .coll-pack img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-pack:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-pack:hover .coll-cal-cj {
    display: block;
  }
  .coll .coll-jc .coll-chop {
    width: 149px;
    height: 59px;
  }
  .coll .coll-jc .coll-chop img {
    width: 100%;
    height: 100%;
  }
  .coll .coll-jc .coll-chop:hover .coll-cal-pc {
    display: none;
  }
  .coll .coll-jc .coll-chop:hover .coll-cal-cj {
    display: block;
  }
  .footer {
    padding-bottom: 71px;
  }
  .footer .footer-toke {
    width: 267px;
    height: 63px;
    margin-bottom: 60px;
  }
  .footer .footer-lx {
    display: flex;
  }
  .footer .footer-lx .footer-lx-left {
    width: 320px;
    margin-right: 286px;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-good {
    width: 283px;
    height: 45px;
    margin-bottom: 30px;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-good img {
    width: 100%;
    height: 100%;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc {
    display: flex;
    align-items: center;
    margin-bottom: 39px;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-img {
    width: 16px;
    height: 21px;
    margin-right: 11px;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-phone {
    font-size: 16px;
    color: #1a1a1a;
    font-family: "Normal";
  }
  .footer .footer-lx .footer-lx-right {
    display: flex;
  }
  .footer .footer-lx .footer-lx-right .footer-lx-right-conts {
    margin-right: 169px;
  }
  .footer .footer-lx .footer-lx-right .footer-lx-right-conts ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .footer .footer-lx .footer-lx-right .footer-lx-right-conts ul li {
    margin-bottom: 21px;
  }
  .footer .footer-lx .footer-lx-right .footer-lx-right-conts ul li a {
    font-size: 16px;
    color: #797979;
    font-family: "Normal";
  }
  .footer .footer-lx .footer-lx-right .footer-lx-right-conts .footer-lx-right-pnt {
    font-size: 20px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 35px;
    font-family: "Normal";
  }
  .footer .footer-rush {
    display: flex;
    justify-content: end;
  }
  .footer .footer-rush .footer-gun {
    position: relative;
    width: 42px;
    height: 34px;
    margin-right: 17px;
    cursor: pointer;
  }
  .footer .footer-rush .footer-gun:hover .footer-phone {
    display: block;
  }
  .footer .footer-rush .footer-gun img {
    width: 100%;
    height: 100%;
  }
  .footer .footer-shop {
    padding-bottom: 40px;
    border-bottom: 2px solid #cccccc;
  }
  .about {
    width: 100%;
    height: 480px;
  }
  .about img {
    width: 100%;
    height: 100%;
  }
  .about-header {
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    background-color: #eff3f7;
  }
  .about-header .about-header-left {
    font-size: 18px;
    color: #333333;
    font-family: "Normal";
  }
  .about-header .about-header-cy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
  }
  .about-header .about-header-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-header .about-header-right .about-header-right-good {
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 60px;
    box-sizing: border-box;
    margin-right: 60px;
    padding: 0 11px;
    margin-right: 28px;
    font-family: "Normal";
  }
  .about-header .about-header-right .about-header-right-good:hover.about-header-right-good {
    color: #0081f8;
    border-bottom: 2px solid #0081f8;
  }
  .about-core {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 78px 0;
  }
  .about-core-title {
    font-size: 36px;
    color: #262626;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Bold";
  }
  .about-core-block {
    position: relative;
    font-size: 26px;
    color: #262626;
    margin-bottom: 80px;
  }
  .about-core-block::after {
    position: absolute;
    left: -11px;
    top: 30px;
    content: "";
    width: 128px;
    height: 3px;
    background-color: #0081f8;
    display: block;
    margin-top: 16px;
  }
  .about-core-js {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 77px;
  }
  .about-core-js-left {
    width: 600px;
    height: 396px;
    font-size: 20px;
    color: #353535;
    overflow: auto;
    line-height: 40px;
    padding-right: 20px;
    box-sizing: border-box;
    font-family: "Normal";
    text-align: justify;
  }
  /* 整个滚动条 */
  ::-webkit-scrollbar {
    width: 5px;
    /* 纵向滚动条宽度 */
  }
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: linear-gradient(to right, transparent calc(50% - 0.5px), #999999 0, #999999 calc(50% + 0.5px), transparent 0);
  }
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background: #0081f8;
  }
  .about-core-js-right {
    width: 700px;
    height: 394px;
  }
  .about-core-js-right img {
    width: 100%;
    height: 100%;
  }
  .about-core-sb {
    width: 100%;
    padding: 0 147px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .about-core-sb .about-core-sb-ac {
    display: flex;
    align-items: center;
    padding: 0 58px;
    border-right: 2px solid #0081f8;
    box-sizing: border-box;
  }
  .about-core-sb .about-core-sb-ac .about-core-sb-ac-left {
    width: 51px;
    height: 58px;
    margin-right: 16px;
  }
  .about-core-sb .about-core-sb-ac .about-core-sb-ac-right .about-core-sb-ac-right-num {
    font-size: 36px;
    color: #333333;
    font-weight: 700;
    font-family: "Bold";
  }
  .about-core-sb .about-core-sb-ac .about-core-sb-ac-right .about-core-sb-ac-right-zhuanye {
    font-size: 16px;
    color: #404040;
    font-family: "Normal";
  }
  .about-core-sb .about-core-sb-ac:nth-last-child(1) {
    border: 0;
    padding-right: 0;
  }
  .about-act {
    padding: 77px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: url("../images/40_02.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .about-act-xz {
    display: flex;
    justify-content: space-between;
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run {
    display: flex;
    align-items: center;
    margin-bottom: 79px;
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run .about-act-xz-left-av {
    width: 2px;
    height: 246px;
    background: linear-gradient(to top, #0081f8, transparent);
    margin-right: 26px;
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run .about-act-xz-left-take {
    height: 246px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 297px;
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run .about-act-xz-left-take-go {
    font-size: 22px;
    color: #262626;
    margin-bottom: 29px;
    font-weight: 700;
    font-family: "Normal";
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run .about-act-xz-left-take-ac {
    font-size: 16px;
    color: #414141;
    margin-bottom: 26px;
    font-family: "Bold";
  }
  .about-act-xz .about-act-xz-left .about-act-xz-left-run .about-act-xz-left-take-zf {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 30px;
    font-family: "Normal";
    text-align: justify;
  }
  .about-act-xz .about-act-xz-conts {
    width: 679px;
    height: 655px;
    background: url("../images/38_03.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 119px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
  .about-act-xz .about-act-xz-conts .about-act-xz-top {
    width: 156px;
    height: 105px;
  }
  .about-act-xz .about-act-xz-conts .about-act-xz-top img {
    width: 100%;
    height: 100%;
  }
  .about-act-xz .about-act-xz-conts .about-act-xz-core {
    font-size: 18px;
    color: #ffffff;
    font-family: "Normal";
  }
  .about-act-xz .about-act-xz-conts .about-act-xz-cores {
    width: 171px;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run {
    display: flex;
    align-items: center;
    margin-bottom: 79px;
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run .about-act-xz-left-av {
    width: 2px;
    height: 246px;
    background: linear-gradient(to top, #0081f8, transparent);
    margin-left: 26px;
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run .about-act-xz-left-take {
    height: 246px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 297px;
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run .about-act-xz-left-take-go {
    font-size: 22px;
    color: #262626;
    margin-bottom: 29px;
    font-weight: 700;
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run .about-act-xz-left-take-ac {
    font-size: 16px;
    color: #414141;
    margin-bottom: 26px;
    font-family: "Bold";
  }
  .about-act-xz .about-act-xz-right .about-act-xz-left-run .about-act-xz-left-take-zf {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 30px;
  }
  .about-cert {
    position: relative;
    padding: 78px 0;
    background: url("../images/52_02.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .about-cert .swiper-slide {
    position: relative;
    width: 267px !important;
    height: 429px;
    padding: 38px 35px;
    box-sizing: border-box;
  }
  .about-cert .swiper-slide:hover {
    box-shadow: 0 0 20px -20px black;
  }
  .about-cert .swiper-slide:hover .txt {
    background-color: #29ffb7;
  }
  .about-cert .swiper-slide .icon {
    width: 197px;
    height: 262px;
    margin-bottom: 51px;
  }
  .about-cert .swiper-slide .icon img {
    width: 100%;
    height: 100%;
  }
  .about-cert .swiper-slide .tit {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 19px;
  }
  .about-cert .swiper-slide .txt {
    width: 65px;
    height: 3px;
    background-color: #ffffff;
  }
  .about-cert .swiper-slide .card {
    position: absolute;
    left: 0;
    top: 38px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
  }
  .about-cert .about-core-title {
    color: #ffffff;
  }
  .about-cert .about-core-block {
    color: #ffffff;
  }
  .about-cert .about-core-block::after {
    background-color: #ffffff;
  }
  .about-cert .about-cert-good {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.2;
    border-radius: 30px;
  }
  .about-cert .pagination-bullets,
  .about-cert .swiper-pagination-bullets.swiper-pagination-horizontal,
  .about-cert .swiper-pagination-custom,
  .about-cert .swiper-pagination-fraction {
    position: absolute;
  }
  .about-cert .swiper-horizontal > .swiper-pagination-bullets,
  .about-cert .swiper-pagination-bullets.swiper-pagination-horizontal,
  .about-cert .swiper-pagination-custom,
  .about-cert .swiper-pagination-fraction {
    left: 700px;
  }
  .about-cert .swiper-button-next:after,
  .about-cert .swiper-button-prev:after {
    font-size: 18px;
  }
  .about-cert .swiper-button-prev,
  .about-cert .swiper-rtl .swiper-button-next {
    left: 600px;
  }
  .about-cert .swiper-button-next,
  .about-cert .swiper-rtl .swiper-button-prev {
    left: 760px;
  }
  .about-cert .swiper-button-next.swiper-button-disabled,
  .about-cert .swiper-button-prev.swiper-button-disabled {
    top: 490px;
  }
  .about-cert .swiper {
    height: 545px;
  }
  .about-cert .swiper-button-next,
  .about-cert .swiper-button-prev {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    /* 箭头颜色 */
    transition: all 0.25s;
    top: 490px;
    background-color: rgba(255, 255, 255, 0.247);
    /* 半透明黑色背景 */
  }
  .about-cert .swiper-button-next::after,
  .about-cert .swiper-button-prev::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .about-cert .swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .about-cert .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 490px !important;
  }
  .about-cert .swiper-pagination-bullet {
    background-color: #ffffff;
  }
  .about-cert .swiper-pagination-bullet-active {
    background-color: #29ffb7;
  }
  .about-cert .swiper-pagination-bullet-active-prev-prev {
    background-color: #ffffff;
  }
  .about-cert .swiper-pagination-bullet-active-prev {
    background-color: #ffffff;
  }
  .about-cert .swiper-pagination-bullet-active-next {
    background-color: #ffffff;
  }
  .about-cert .swiper-pagination-bullet-active-next-next {
    background-color: #ffffff;
  }
  .about-cv {
    width: 100%;
    height: 396px;
  }
  .about-cv img {
    max-width: 100%;
  }
  .coll-good {
    width: 182px;
    height: 38px;
  }
  .coll-good:hover .coll-cal-pc {
    display: none;
  }
  .coll-good:hover .coll-cal-cj {
    display: block;
  }
  .about-cvs {
    position: relative;
    background-color: #0081f8;
    height: 178px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 71px;
  }
  .about-cvs .coll-jc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .about-cvs .coll-jc .coll-cal {
    width: 114px;
    height: 75px;
  }
  .about-cvs .coll-jc .coll-cal img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-cul {
    width: 120px;
    height: 41px;
  }
  .about-cvs .coll-jc .coll-cul img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-col {
    width: 99px;
    height: 61px;
  }
  .about-cvs .coll-jc .coll-col img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-gp {
    width: 98px;
    height: 76px;
  }
  .about-cvs .coll-jc .coll-gp img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-host {
    width: 107px;
    height: 82px;
  }
  .about-cvs .coll-jc .coll-host img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-toke {
    width: 176px;
    height: 56px;
  }
  .about-cvs .coll-jc .coll-toke img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-pack {
    width: 137px;
    height: 87px;
  }
  .about-cvs .coll-jc .coll-pack img {
    width: 100%;
    height: 100%;
  }
  .about-cvs .coll-jc .coll-chop {
    width: 149px;
    height: 59px;
  }
  .about-cvs .coll-jc .coll-chop img {
    width: 100%;
    height: 100%;
  }
  .product-core {
    padding: 77px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }
  .product-core .product-core-good {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product-core .product-core-good .product-core-good-Electro {
    width: 691px;
    height: 460px;
    background-image: url("../images/57_03.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 60px 48px;
    box-sizing: border-box;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
  }
  .product-core .product-core-good .product-core-good-Electro:hover .product-core-good-cp {
    background-color: #0081f8;
  }
  .product-core .product-core-good .product-core-good-Electro:hover .product-core-good-gp {
    color: #f8fafc !important;
  }
  .product-core .product-core-good .product-core-good-Electro:hover .product-core-good-sb {
    display: none !important;
  }
  .product-core .product-core-good .product-core-good-Electro:hover .product-core-good-dog {
    display: block !important;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-title {
    font-size: 36px;
    color: #0081f8;
    font-weight: 700;
    font-family: "Bold";
    text-transform: uppercase;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-gou {
    font-size: 28px;
    color: #0081f8;
    margin-bottom: 230px;
    font-family: "Normal";
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp {
    padding: 7px 17px;
    width: 171px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: 30px;
    border: 2px solid #0081f8;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-gp {
    font-size: 17px;
    color: #1977eb;
    margin-right: 10px;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-sb {
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-sb img {
    max-width: 100%;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-study {
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-study img {
    max-width: 100%;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp .product-core-good-dog {
    display: none;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-contact {
    font-size: 28px;
    color: #0081f8;
    width: 331px;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-contact::before {
    content: "";
    width: 106px;
    height: 6px;
    display: block;
    background-color: #29ffb7;
    margin-top: 30px;
    margin-bottom: 23px;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(2) {
    background: url("../images/57_05.jpg");
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(3) {
    background: url("../images/57_09.jpg");
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(4) {
    background: url("../images/57_10.jpg");
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(5) {
    background: url("../images/57_13.jpg");
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(6) {
    background: url("../images/59_07.jpg");
  }
  .product-act {
    padding: 77px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-act .product-core-good-Electro {
    position: relative;
    width: 692px;
    height: 460px;
    overflow: hidden;
    margin-bottom: 16px;
  }
  .product-act .product-core-good-Electro:hover .product-act-js {
    animation: dh2 1s ease forwards;
  }
  .product-act .product-core-good-Electro:hover .product-act-cp {
    animation: dh3 1s ease forwards;
  }
  .product-act .product-act-jiagong {
    width: 100%;
    height: 100%;
  }
  .product-act .product-act-jiagong img {
    width: 100%;
    height: 100%;
  }
  .product-act .product-core-good {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .product-act-js {
    position: absolute;
    left: 0;
    bottom: -80px;
    width: 100%;
    padding: 15px 33px;
    box-sizing: border-box;
    z-index: 1;
  }
  .product-act-js .product-core-good-title {
    font-size: 26px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Normal";
  }
  .product-act-js .product-core-good-title::after {
    content: "";
    width: 51px;
    height: 4px;
    background-color: #29ffb7;
    display: block;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .product-act-js .product-core-good-cp {
    font-size: 16px;
    color: #eff5fa;
  }
  .product-act-cp {
    position: absolute;
    left: 0;
    bottom: -80px;
    width: 100%;
    padding: 15px 33px;
    box-sizing: border-box;
    height: 140px;
    background-color: #47a3f8;
    opacity: 0.8;
  }
  @keyframes dh2 {
    0% {
      bottom: -80px;
    }
    100% {
      bottom: 0;
    }
  }
  @keyframes dh3 {
    0% {
      bottom: -80px;
    }
    100% {
      bottom: 0;
    }
  }
  .qua-core {
    padding: 78px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .qua-core .qua-sb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .qua-core .qua-sb .qua-sb-good {
    width: 456px;
    height: 358px;
    margin-bottom: 86px;
  }
  .qua-core .qua-sb .qua-sb-good:nth-last-child(1) {
    margin-bottom: 0;
  }
  .qua-core .qua-sb .qua-sb-good:nth-last-child(2) {
    margin-bottom: 0;
  }
  .qua-core .qua-sb .qua-sb-good:nth-last-child(3) {
    margin-bottom: 0;
  }
  .qua-core .qua-sb .qua-sb-good:hover .qua-sb-good-jc img {
    transform: scale(1.5);
  }
  .qua-core .qua-sb .qua-sb-good .qua-sb-good-jc {
    width: 100%;
    height: 303px;
    cursor: pointer;
    overflow: hidden;
  }
  .qua-core .qua-sb .qua-sb-good .qua-sb-good-jc img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
  }
  .qua-core .qua-sb .qua-sb-good .qua-sb-good-run {
    height: 55px;
    font-size: 18px;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: end;
    font-family: "Normal";
  }
  .news-core {
    padding: 78px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-core .news-core-jc .swiper {
    height: 100%;
  }
  .news-core .news-core-jc .swiper .swiper-button-next,
  .news-core .news-core-jc .swiper .swiper-button-prev {
    top: 1387px;
  }
  .news-core .news-core-jc .swiper .swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .news-core .news-core-jc .swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    position: absolute;
  }
  .news-core .news-core-jc .swiper .swiper-button-next:after,
  .news-core .news-core-jc .swiper .swiper-button-prev:after {
    font-size: 18px;
  }
  .news-core .news-core-jc .swiper .swiper-button-prev,
  .news-core .news-core-jc .swiper .swiper-rtl .swiper-button-next {
    left: 620px;
  }
  .news-core .news-core-jc .swiper .swiper-button-next,
  .news-core .news-core-jc .swiper .swiper-rtl .swiper-button-prev {
    right: 620px;
  }
  .news-core .news-core-jc .news-core-jc-cv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 85px;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-cv-left {
    background-color: #0081f8;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-cv-left-cy {
    color: #ffffff !important;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-cv-left-dog {
    color: #ffffff !important;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-cv-left-good {
    color: #ffffff !important;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-good-ac::after {
    background-color: #0081f8 !important;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-good-ckxq {
    border: 2px solid #0282f8 !important;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-good-ckxq-cy {
    display: none;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-good-ckxq-ylq {
    display: block;
  }
  .news-core .news-core-jc .news-core-jc-cv:hover .news-core-js-right img {
    transform: scale(1.5);
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-cv-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 234px;
    height: 304px;
    background-color: #eff3f7;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-cv-left .news-core-js-cv-left-cy {
    font-size: 61px;
    color: #333333;
    font-weight: 700;
    font-family: "Bold";
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-cv-left .news-core-js-cv-left-dog {
    font-size: 61px;
    color: #333333;
    font-family: "Normal";
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-cv-left .news-core-js-cv-left-down .news-core-js-cv-left-good {
    font-size: 20px;
    color: #3f3f3f;
    text-align: end;
    font-family: "Normal";
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good {
    width: 600px;
    height: 303px;
    display: flex;
    flex-direction: column;
    padding: 11px 0;
    box-sizing: border-box;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-title {
    font-size: 26px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Bold";
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ac {
    font-size: 16px;
    color: #343434;
    line-height: 30px;
    width: 565px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 67px;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ac::after {
    content: "";
    width: 70px;
    height: 4px;
    background-color: #333333;
    display: block;
    margin: 37px 0;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ckxq {
    padding: 9px 16px;
    display: flex;
    align-items: center;
    width: 194px;
    box-sizing: border-box;
    border: 2px solid #333333;
    border-radius: 30px;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ckxq .news-core-js-good-ckxq-left {
    font-size: 21px;
    color: #1a1a1a;
    margin-right: 7px;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ckxq .news-core-js-good-ckxq-right {
    width: 67px;
    height: 7px;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-good .news-core-js-good-ckxq .news-core-js-good-ckxq-right img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-right {
    width: 456px;
    height: 304px;
    overflow: hidden;
  }
  .news-core .news-core-jc .news-core-jc-cv .news-core-js-right img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.5s;
  }
  .news-core .news-core-jc .news-core-js-good-ckxq-cy {
    width: 67px;
    height: 9px;
  }
  .news-core .news-core-jc .news-core-js-good-ckxq-cy img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .news-core .news-core-jc .news-core-js-good-ckxq-ylq {
    width: 67px;
    height: 9px;
    display: none;
  }
  .news-core .news-core-jc .news-core-js-good-ckxq-ylq img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .app-core {
    padding: 77px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .app-core-sb {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .app-core-sb:nth-last-child(1) {
    margin-bottom: 0;
  }
  .app-core-sb:nth-last-child(2) {
    margin-bottom: 0;
  }
  .app-core-sb:nth-last-child(3) {
    margin-bottom: 0;
  }
  .app-core-sb .app-core-sb-av {
    width: 456px;
    margin-bottom: 40px;
    cursor: pointer;
  }
  .app-core-sb .app-core-sb-av:hover .app-core-sb-down img {
    transform: scale(1.5);
  }
  .app-core-sb .app-core-sb-av .app-core-sb-down {
    width: 100%;
    height: 303px;
    overflow: hidden;
  }
  .app-core-sb .app-core-sb-av .app-core-sb-down img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
  }
  .app-core-sb .app-core-sb-av .app-core-sb-good {
    padding: 38px 0;
  }
  .app-core-sb .app-core-sb-av .app-core-sb-good .app-core-sb-good-cv {
    font-size: 18px;
    color: #333333;
    width: fit-content;
    padding-bottom: 12px;
    border-bottom: 4px solid #0081f8;
    margin-bottom: 12px;
    font-family: "Normal";
    font-weight: 700;
  }
  .app-core-sb .app-core-sb-av .app-core-sb-good .app-core-sb-good-gun {
    font-size: 16px;
    color: #262626;
    line-height: 30px;
    font-family: "Normal";
    width: 400px;
    font-weight: 400;
  }
  .pro-core {
    padding: 78px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pro-core .pro-core-act {
    padding: 78px 57px;
    box-sizing: border-box;
    background: url("../images/66_03.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 0;
    height: 851px;
    padding-right: 0;
  }
  .pro-core .pro-core-act .pro-core-act-jc {
    font-size: 46px;
    color: #0081f8;
    font-weight: 700;
    font-family: "Bold";
    text-transform: uppercase;
  }
  .pro-core .pro-core-act .pro-core-act-header {
    font-size: 28px;
    color: #0081f8;
    margin-bottom: 40px;
  }
  .pro-core .pro-core-act .pro-core-act-out {
    font-size: 20px;
    color: #1a1a1a;
    line-height: 30px;
    margin-bottom: 48px;
  }
  .pro-core .pro-core-gg {
    display: flex;
    align-items: center;
  }
  .pro-core .pro-core-gg .pro-core-gg-av {
    width: 14px;
    height: 14px;
    background-color: #1977eb;
    margin-right: 11px;
  }
  .pro-core .pro-core-gg .pro-core-gg-jc {
    font-size: 20px;
    color: #282828;
  }
  .pro-core .swiper {
    height: 851px;
  }
  .pro-core .swiper-button-next,
  .pro-core .swiper-rtl .swiper-button-prev {
    right: 564px;
    top: 839px;
  }
  .pro-core .swiper-button-prev,
  .pro-core .swiper-rtl .swiper-button-next {
    right: 564px;
    top: 839px;
  }
  .pro-core .swiper-button-next:after,
  .pro-core .swiper-button-prev:after {
    font-size: 20px;
  }
  .pro-core .swiper-button-prev,
  .pro-core .swiper-rtl .swiper-button-next {
    left: 564px;
  }
  .pro-core .swiper-button-next,
  .pro-core .swiper-rtl .swiper-button-prev {
    top: 820px;
  }
  .pro-core .swiper-button-prev,
  .pro-core .swiper-rtl .swiper-button-next {
    top: 820px;
  }
  .pro-core .pagination-bullets,
  .pro-core .swiper-pagination-bullets.swiper-pagination-horizontal,
  .pro-core .swiper-pagination-custom,
  .pro-core .swiper-pagination-fraction {
    top: 816px;
  }
  .pro-core-dog {
    font-size: 16px;
    color: #282828;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
  }
  .pro-core-dog .pro-core-dog-left {
    font-size: 16px;
    color: #282828;
    line-height: 40px;
    width: 455px;
    font-family: "Normal";
  }
  .pro-core-dog .pro-core-dog-right {
    width: 755px;
    display: flex;
    justify-content: end;
  }
  .pro-core-dog .pro-core-dog-right img {
    max-width: 100%;
    max-height: 100%;
  }
  .content-core {
    padding: 78px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .content-core .content-core-left {
    width: 834px;
    height: 523px;
  }
  .content-core .content-core-left #container {
    width: 100%;
    height: 100%;
  }
  .content-core .content-core-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .content-core .content-core-right .content-core-right-title {
    font-size: 32px;
    color: #262626;
    font-family: "Normal";
  }
  .content-core .content-core-right .content-core-right-av .content-core-right-phone {
    font-size: 24px;
    color: #262626;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
  }
  .content-core .content-core-right .content-core-right-av .content-core-right-phone .content-core-right-cj {
    margin-right: 49px;
    font-family: "Normal";
  }
  .content-core .content-core-right .content-core-right-av .content-core-right-address {
    font-size: 24px;
    color: #262626;
    margin-bottom: 24px;
    font-family: "Normal";
  }
  .content-core .content-core-lx {
    display: flex;
    justify-content: space-between;
  }
  .content-core .content-core-lx .content-core-right-wx {
    display: flex;
    align-items: center;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news {
    margin-right: 44px;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news .content-core-right-wx-news-ewm {
    width: 107px;
    height: 107px;
    margin-bottom: 15px;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news .content-core-right-wx-news-ewm img {
    width: 100%;
    height: 100%;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news .content-core-right-wx-news-av {
    font-size: 15px;
    color: #343434;
    text-align: center;
    font-family: "Normal";
  }
  .header-top {
    display: none;
  }
  .header-ch {
    display: none;
  }
  .goodz_2 {
    display: none;
  }
  .banners {
    display: none;
  }
  .words {
    display: none;
  }
  .mySwipers {
    display: none !important;
  }
  .about-coll {
    display: none;
  }
  .about-btn {
    display: none;
  }
  .news-core-js-good-av {
    display: none;
  }
  .active {
    color: #0081f8 !important;
    border-bottom: 2px solid #0081f8;
  }
  .about-code {
    position: relative;
    width: 100%;
  }
  .about-code .about-banner {
    max-width: 100%;
  }
  .about-code-gsjj {
    background-color: #def3ff;
  }
  .about-code-gsjj .about-code-gsjj-gsxw {
    padding: 19px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-code-gsjj .about-code-gsjj-gsxw:hover {
    background-color: #ffffff;
  }
  .about-code-gsjj .about-code-gsjj-img {
    width: 20px;
    height: 22px;
    margin-right: 7px;
    display: flex;
    align-items: center;
  }
  .about-code-gsjj .about-code-gsjj-img img {
    max-width: 100%;
    vertical-align: top;
  }
  .about-code-gsjj .about-code-gsjj-title {
    font-size: 18px;
    color: #1d49ae;
  }
  .about-code-gsjj .about-code-gsjj-lock {
    display: flex;
    align-items: center;
  }
  .yddbanners {
    display: none;
  }
  .pc_7 {
    padding: 40px 0;
  }
  .pc_8 {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    text-align: center;
  }
  .pc_9 {
    font-size: 14px;
    color: #cccccc;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  .pc_p1 {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
  }
  .perjy-lock {
    padding: 40px 0;
  }
  .perjy-lock .perjy-lock-img {
    width: 1300px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
  .perjy-lock .perjy-lock-img img {
    max-width: 100%;
  }
  .perjy-lock .perjy-title {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
  }
  .perjy-lock .perjy-times {
    font-size: 14px;
    color: #cccccc;
    margin-bottom: 20px;
    text-align: center;
  }
  .perjy-lock .perjy-img {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .perjy-lock .perjy-img img {
    max-width: 100%;
  }
  .perjy-lock .perjy-gcyjxq {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
  }
  .abouts {
    display: none;
  }
  .pz_1s {
    display: none;
  }
  .footer-lx-left-av {
    width: 19px !important;
    height: 17px !important;
  }
  .footer-lx-left-address {
    width: 16px !important;
    height: 19px !important;
  }
  .footer-phone {
    position: absolute;
    left: -40px;
    top: -120px;
    width: 100px;
    height: 100px;
    display: none;
  }
  .footer-phone img {
    width: 100%;
    height: 100%;
  }
  .footer-chop {
    width: 33px !important;
    height: 38px !important;
  }
  .footer-py {
    margin-bottom: 150px;
  }
  .gap-av {
    margin-top: 50px;
  }
  .coll-play {
    position: relative;
    top: -30px;
  }
  .coll-cal-pc {
    width: 100%;
    height: 100%;
  }
  .coll-cal-cj {
    width: 100%;
    height: 100%;
    display: none;
  }
}

@media screen and (max-width: 1400px) {
  .w {
    width: 9.4667rem;
    margin: 0 auto;
  }
  .header {
    display: none;
  }
  .header-ch {
    padding: 0.2rem 0;
    background-color: #ffffff;
  }
  .header-ch-img {
    max-width: 4rem;
  }
  .header-ch-img img {
    max-width: 100%;
    height: auto;
  }
  .header-ch-more {
    max-width: 0.8533rem;
    height: auto;
  }
  .header-ch-core {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .goodz_1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.7;
    z-index: 9999;
  }
  .goodz_2 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: white;
    z-index: 9999;
  }
  .goodz_3 {
    width: 100%;
    height: 1.3333rem;
    background-color: #165dff;
    padding: 0 0.1333rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .goodz_4 {
    width: 0.9067rem;
    height: 0.64rem;
    display: block;
  }
  .goodz_4 img {
    max-width: 100%;
    vertical-align: top;
  }
  .goodz_5 {
    width: 0.8rem;
    height: 0.8rem;
  }
  .goodz_5 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .goodz_6 ul {
    list-style: none;
    padding-left: 0;
    padding: 0 0.1333rem;
  }
  .goodz_6 li {
    font-size: 0.4rem;
    color: #333333;
    border-bottom: 0.9975px solid #cccccc;
  }
  .goodz_6 li a {
    display: block;
    font-size: 0.4rem;
    color: #333333;
    padding: 0.4rem 0;
    border-bottom: 0.9975px solid #cccccc;
    text-decoration: none;
    width: 100%;
  }
  .banner {
    display: none;
  }
  .product-wave {
    display: none;
  }
  .product {
    padding: 0.5333rem 0;
    background-color: #eff3f7;
  }
  .product .product-pro {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product .product-pro .product-lock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .product .product-pro .product-lock .product-pj {
    position: relative;
    width: 4.5333rem;
    height: 4.5333rem;
    margin-bottom: 0.4rem;
  }
  .product .product-pro .product-lock .product-pj img {
    max-width: 100%;
    max-height: 100%;
  }
  .product .product-pro .product-lock .product-pj .product-rocket {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.2667rem;
    overflow: hidden;
  }
  .product .product-pro .product-lock .product-pd {
    position: relative;
    width: 4.5333rem;
    height: 4.5333rem;
    margin-bottom: 0.4rem;
    background-color: #ffffff;
    border-radius: 0.2667rem;
    overflow: hidden;
  }
  .product .product-pro .product-lock .product-pd img {
    max-width: 100%;
    max-height: 100%;
  }
  .product .product-pro .product-lock .product-pd .product-rocket {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.2667rem;
    overflow: hidden;
  }
  .product .product-pro .product-gfaq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .product .product-pro .product-gfaq .product-px {
    position: relative;
    width: 4.5333rem;
    height: 4.5333rem;
    margin-bottom: 0.4rem;
  }
  .product .product-pro .product-gfaq .product-px .product-gongzuo {
    position: relative;
    width: 4.5333rem;
    height: 4.5333rem;
  }
  .product .product-pro .product-gfaq .product-px .product-gongzuo img {
    max-width: 100%;
    max-height: 100%;
  }
  .product .product-pro .product-gfaq .product-px .product-gongzuo .product-rocket {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.2667rem;
    overflow: hidden;
  }
  .product .product-pro .product-pc {
    position: absolute;
    right: 0.4rem;
    bottom: 0.4rem;
    display: flex;
    align-items: center;
  }
  .product .product-pro .product-pc .product-wz {
    font-size: 0.3733rem;
    color: #101010;
    margin-right: 0.12rem;
  }
  .product .product-pro .product-pc .product-pc-icon {
    width: 0.4267rem;
    height: 0.4267rem;
  }
  .product .product-pro .product-pc .product-pc-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .product .product-pro .product-pc .product-pc-selected {
    display: none;
  }
  .product-title {
    font-size: 0.48rem;
    color: #000000;
    font-family: "小塚ゴシック Pr6N";
  }
  .product-cpxl {
    font-size: 0.4267rem;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-cpxl::after {
    content: "";
    width: 3.9733rem;
    height: 0.1333rem;
    background-color: #0081f8;
    margin: 0.4rem 0 0.5333rem 0;
    display: block;
  }
  .word {
    display: none;
  }
  .word .swiper-button-next {
    display: none !important;
  }
  .word .swiper-button-prev {
    display: none !important;
  }
  .banners {
    width: 100%;
  }
  .banners img {
    max-width: 100%;
  }
  .xz-wz {
    font-size: 0.3733rem;
    color: #101010;
    line-height: 0.6667rem;
  }
  .xz-gd {
    display: flex;
    align-items: center;
  }
  .xz-gd .xz-Team {
    font-size: 0.3733rem;
    color: #000000;
    margin-right: 0.3733rem;
  }
  .xz-gd .xz-cp {
    width: 0.2933rem;
    height: 0.2933rem;
  }
  .xz-gd .xz-cp img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .xz-ps {
    width: 1.72rem;
    height: 0.08rem;
    background-color: #0081f8;
    margin: 0.5333rem 0;
  }
  .xz-Hyd {
    display: flex;
    flex-direction: column-reverse;
  }
  .xz-gs {
    width: 100%;
    margin-bottom: 0.2667rem;
  }
  .xz-gs img {
    max-width: 100%;
  }
  .xz-px {
    display: none;
  }
  .xz {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5333rem 0;
  }
  .words {
    width: 100%;
    height: 9.3333rem;
  }
  .words .cpyy-pc {
    width: 5rem;
    height: 4.6667rem;
  }
  .words .cpyy-pc img {
    max-width: 100%;
  }
  .words .swiper {
    width: 100%;
    height: 100%;
  }
  .words .swiper .swiper-slide {
    position: relative;
  }
  .words .swiper .swiper-slide .cpyy-gay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #0782f3, transparent);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 0.2667rem;
    box-sizing: border-box;
  }
  .words .swiper .swiper-slide .cpyy-gay .cpyy-gz {
    font-size: 0.3733rem;
    color: #ffffff;
    width: 3.2rem;
    text-align: center;
  }
  .words .swiper .swiper-slide .cpyy-gay .cpyy-top {
    font-size: 0.48rem;
    color: #ffffff;
    text-align: center;
  }
  .cpyy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .cpyy .pack {
    width: 100%;
  }
  .gap-gp {
    display: none;
  }
  .gap-old {
    display: none;
  }
  .gap-xz {
    display: none;
  }
  .gap-dy {
    display: none;
  }
  .gap-zt {
    display: none;
  }
  .gap-py {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5333rem 0;
  }
  .cert-cal .cert-tp {
    width: 0.96rem;
    height: 1.04rem;
    margin-bottom: 0.5333rem;
  }
  .cert-cal .cert-tp img {
    width: 100%;
    height: 100%;
  }
  .cert-chop {
    width: 100%;
    margin-bottom: 0.5333rem;
  }
  .cert-chop img {
    max-width: 100%;
  }
  .cert-shop {
    display: flex;
    flex-direction: column-reverse;
  }
  .cert-pack {
    font-size: 0.3733rem;
    color: #000000;
    line-height: 0.6667rem;
    margin-bottom: 0.5333rem;
  }
  .cert-rand {
    width: 0.36rem;
    height: 0.36rem;
    margin-bottom: 0.5333rem;
    display: block;
  }
  .cert-rand img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .cert-cool {
    display: flex;
    justify-content: space-between;
  }
  .cert {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news {
    padding: 0.5333rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news .mySwiper3 {
    display: none;
  }
  .news .news-xw {
    width: 100%;
  }
  .news .news-xw .news-jy {
    margin-bottom: 0.5333rem;
    width: 100%;
    height: 3.2rem;
  }
  .news .news-xw .news-jy img {
    max-width: 100%;
    height: 100%;
  }
  .news .news-xw .news-handle .news-req .news-title {
    font-size: 0.48rem;
    color: #000000;
    margin-bottom: 0.2667rem;
    padding: 0 0.2667rem;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .news .news-xw .news-handle .news-req .news-plose {
    font-size: 0.3733rem;
    color: #000000;
    width: 100%;
    padding: 0 0.2667rem;
    box-sizing: border-box;
    margin-bottom: 0.2667rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .news .news-xw .news-val {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.2667rem;
  }
  .news .news-xw .news-val img {
    width: 100%;
    height: 100%;
  }
  .news .news-xw .news-jc {
    display: none;
  }
  .coll {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .coll .coll-jc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .coll .coll-jc .coll-cal {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-cal img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-cul {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-cul img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-col {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-col img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-gp {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-gp img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-host {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-host img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-toke {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-toke img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-pack {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-pack img {
    width: 2.6667rem;
  }
  .coll .coll-jc .coll-chop {
    width: 4rem;
    height: 2.6667rem;
  }
  .coll .coll-jc .coll-chop img {
    width: 2.6667rem;
  }
  .footer {
    padding-bottom: 2.4rem;
  }
  .footer .footer-shop .footer-toke {
    width: 5.3333rem;
    margin-bottom: 0.2667rem;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-good {
    width: 5.3333rem;
    margin-bottom: 0.2667rem;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc {
    display: flex;
    align-items: center;
    margin-bottom: 0.2667rem;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-img {
    width: 0.5333rem;
    height: 0.5333rem;
    margin-right: 0.2667rem;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-img img {
    vertical-align: top;
  }
  .footer .footer-lx .footer-lx-left .footer-lx-left-jc .footer-lx-left-phone {
    font-size: 0.3733rem;
    color: #1a1a1a;
  }
  .footer .footer-lx-right {
    display: none;
  }
  .footer .footer-rush {
    display: none;
  }
  .about {
    width: 100%;
    height: 6.6667rem;
  }
  .about img {
    width: 100%;
    height: 100%;
  }
  .about-header {
    padding: 0.2667rem 0;
    background-color: #eff3f7;
  }
  .about-header .about-header-left {
    font-size: 0.3733rem;
    color: #333333;
  }
  .about-header .about-header-right {
    display: flex;
    align-items: center;
  }
  .about-header .about-header-right .about-header-right-good {
    font-size: 0.3733rem;
    color: #333333;
    margin-right: 0.2667rem;
  }
  .about-header .about-header-cy {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-core {
    padding: 0.5333rem 0;
  }
  .about-core .about-core-js-left {
    font-size: 0.3733rem;
    color: #272727;
    line-height: 0.6667rem;
    text-align: justify;
  }
  .about-core .about-core-js-right {
    width: 100%;
    margin-bottom: 0.2667rem;
  }
  .about-core .about-core-js-right img {
    max-width: 100%;
  }
  .about-core .about-core-js {
    display: flex;
    flex-direction: column-reverse;
  }
  .about-core .about-core-sb {
    display: none;
  }
  .about-core-title {
    text-align: center;
    font-size: 0.48rem;
    color: #262626;
    font-weight: 700;
    margin-bottom: 0.2667rem;
  }
  .about-core-block {
    font-size: 0.48rem;
    color: #262626;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.5333rem;
  }
  .about-core-block::after {
    content: "";
    width: 1.7067rem;
    height: 0.04rem;
    background-color: #0081f8;
    display: block;
    margin-top: 0.2267rem;
  }
  .about-act-xz {
    display: none;
  }
  .about-coll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .about-coll .about-cache {
    width: 4.5333rem;
    margin-bottom: 0.2667rem;
  }
  .about-coll .about-cache img {
    max-width: 100%;
  }
  .about-cv {
    display: none;
  }
  .about-btn {
    width: 100%;
    margin-bottom: 0.2667rem;
  }
  .about-btn img {
    max-width: 100%;
  }
  .about-cvs {
    display: none;
  }
  .product-core {
    padding: 0.5333rem 0;
  }
  .product-core .product-core-good .product-core-good-Electro {
    width: 100%;
    height: 5.3333rem;
    margin-bottom: 0.2667rem;
    background: url("../images/57_03.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0.2667rem;
    box-sizing: border-box;
    border-radius: 0.2667rem;
    overflow: hidden;
    display: block;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-title {
    font-size: 0.48rem;
    color: #0081f8;
    font-weight: 700;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-gou {
    font-size: 0.48rem;
    color: #0081f8;
    margin-bottom: 2.4rem;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-cp {
    font-size: 0.3733rem;
    color: #0885f8;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-sb {
    width: 1.4667rem;
    height: 0.1867rem;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-sb img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-dog {
    display: none;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-contact {
    font-size: 0.3733rem;
    color: #0081f8;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-contact::before {
    content: "";
    width: 1.4533rem;
    height: 0.08rem;
    background-color: #29ffb7;
    display: block;
    margin: 0.2667rem 0;
  }
  .product-core .product-core-good .product-core-good-Electro .product-core-good-gp {
    margin-bottom: 0.2667rem;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(2) {
    background: url("../images/57_05.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(3) {
    background: url("../images/57_09.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(4) {
    background: url("../images/57_10.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(5) {
    background: url("../images/57_13.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .product-core .product-core-good .product-core-good-Electro:nth-child(6) {
    background: url("../images/59_07.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .product-act {
    padding: .5333rem 0;
  }
  .product-act .product-core-good .product-core-good-Electro {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.2667rem;
  }
  .product-act .product-core-good .product-core-good-Electro .product-act-js .product-core-good-title {
    font-size: 0.48rem;
    color: #262626;
    text-align: center;
    margin-bottom: 0.2667rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-act .product-core-good .product-core-good-Electro .product-act-js .product-core-good-title::after {
    content: "";
    width: 0.68rem;
    height: 0.0533rem;
    background-color: #29ffb7;
    display: block;
    margin: 0.2667rem 0;
  }
  .product-act .product-core-good .product-core-good-Electro .product-core-good-cp {
    font-size: 0.3733rem;
    color: #262626;
  }
  .product-act .product-core-good .product-act-jiagong {
    width: 100%;
  }
  .product-act .product-core-good .product-act-jiagong img {
    max-width: 100%;
  }
  .qua-core {
    padding: 0.5333rem 0;
  }
  .qua-core .qua-sb .qua-sb-good-jc {
    width: 100%;
    margin-bottom: 0.2667rem;
  }
  .qua-core .qua-sb .qua-sb-good-jc img {
    max-width: 100%;
  }
  .qua-core .qua-sb .qua-sb-good-run {
    font-size: 0.3733rem;
    text-align: center;
  }
  .qua-core .qua-sb-good {
    margin-bottom: 0.2667rem;
  }
  .news-core-js-cv-left {
    display: none;
  }
  .news-core-js-good {
    padding: 0.5333rem 0;
  }
  .news-core-js-good .news-core-js-good-title {
    font-size: 0.3733rem;
    color: #333333;
    font-weight: 700;
    margin-bottom: 0.2667rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .news-core-js-good .news-core-js-good-ac {
    font-size: 0.3733rem;
    color: #5c5c5c;
    line-height: 0.6667rem;
    margin-bottom: 0.2667rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .news-core-js-good .news-core-js-good-ckxq-left {
    font-size: 0.3733rem;
    color: #1a1a1a;
    margin-right: 0.2667rem;
  }
  .news-core-js-good .news-core-js-good-ckxq-cy {
    width: 1.7867rem;
    height: 0.24rem;
  }
  .news-core-js-good .news-core-js-good-ckxq-cy img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .news-core-js-good .news-core-js-good-ckxq-ylq {
    display: none;
  }
  .news-core-js-good .news-core-js-good-ckxq {
    display: flex;
    align-items: center;
    padding: 0.2667rem;
    border-radius: 0.2667rem;
    border: 0.0267rem solid #333333;
    width: fit-content;
  }
  .news-core-js-good .news-core-js-good-av {
    font-size: 0.3733rem;
    color: #1a1a1a;
    margin-bottom: 0.2667rem;
  }
  .news-core-jc-cv {
    display: flex;
    flex-direction: column-reverse;
  }
  .swiper-button-prev {
    display: none !important;
  }
  .swiper-button-next {
    display: none !important;
  }
  .news-core {
    padding: 0.5333rem 0;
  }
  .news-core-js-right {
    width: 100%;
    height: 6.6667rem;
  }
  .news-core-js-right img {
    width: 100%;
    height: 100%;
  }
  .app-core {
    padding: 0.5333rem 0;
  }
  .app-core .app-core-sb-down {
    width: 100%;
  }
  .app-core .app-core-sb-down img {
    max-width: 100%;
  }
  .app-core-sb-good {
    padding: 0.5333rem 0;
  }
  .app-core-sb-good-cv {
    font-size: 0.48rem;
    color: #0081f8;
    width: fit-content;
    border-bottom: 0.0533rem solid #0081f8;
    padding-bottom: 0.2667rem;
    margin-bottom: 0.2667rem;
  }
  .app-core-sb-good-gun {
    font-size: 0.3733rem;
    color: #5c5c5c;
  }
  .content-core {
    padding: 0.5333rem 0;
  }
  .content-core .content-core-lx {
    display: flex;
    flex-direction: column-reverse;
  }
  .content-core .content-core-lx .content-core-left {
    width: 100%;
    height: 5.3333rem;
  }
  .content-core .content-core-lx .content-core-left #container {
    width: 100%;
    height: 5.3333rem;
  }
  .content-core .content-core-lx .content-core-right {
    margin-bottom: 0.5333rem;
  }
  .content-core .content-core-lx .content-core-right .content-core-right-title {
    font-size: 0.48rem;
    color: #262626;
    margin-bottom: 0.5333rem;
  }
  .content-core .content-core-lx .content-core-right .content-core-right-av .content-core-right-phone {
    display: flex;
    align-items: center;
    margin-bottom: 0.2667rem;
  }
  .content-core .content-core-lx .content-core-right .content-core-right-av .content-core-right-phone .content-core-right-cj {
    font-size: 0.3733rem;
    color: #262626;
    margin-right: 0.2667rem;
  }
  .content-core .content-core-lx .content-core-right .content-core-right-av .content-core-right-address {
    font-size: 0.3733rem;
    color: #262626;
    margin-bottom: 0.2667rem;
  }
  .content-core .content-core-lx .content-core-right-wx {
    display: flex;
    align-items: center;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news-ewm {
    width: 2.8533rem;
    height: 2.8533rem;
    margin-right: 0.2667rem;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news-ewm img {
    width: 100%;
    height: 100%;
  }
  .content-core .content-core-lx .content-core-right-wx .content-core-right-wx-news-av {
    font-size: 0.3733rem;
    color: #262626;
    text-align: center;
  }
  .pro-core {
    padding: 0.5333rem 0;
  }
  .pro-core .pro-core-act .swiper {
    width: 100%;
    height: 100%;
  }
  .pro-core .pro-core-act .swiper .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-act-jc {
    font-size: 0.48rem;
    color: #0081f8;
    font-weight: 700;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-act-header {
    font-size: 0.48rem;
    color: #0081f8;
    margin-bottom: 0.2667rem;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-act-out {
    font-size: 0.3733rem;
    color: #262626;
    margin-bottom: 0.2667rem;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-gg-av {
    width: 0.3733rem;
    height: 0.3733rem;
    background-color: #1977eb;
    margin-right: 0.2667rem;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-gg-jc {
    font-size: 0.48rem;
    color: #282828;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-gg {
    display: flex;
    align-items: center;
    margin-bottom: 0.5333rem;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-dog-right {
    width: 100%;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-dog-right img {
    max-width: 100%;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-dog {
    display: flex;
    flex-direction: column-reverse;
  }
  .pro-core .pro-core-act .swiper .swiper-slide .pro-core-dog-left {
    font-size: 0.3733rem;
    color: #1a1a1a;
    line-height: 0.6667rem;
  }
  .gap-chop {
    width: 100%;
    height: 7.68rem;
    background: url("../images/122_02.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .about-act-jc {
    height: 6.12rem;
    background: url("../images/70.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .pc_7 {
    padding: 0.5333rem 0;
  }
  .pc_7 .pc_8 {
    text-align: center;
    font-size: 0.4267rem;
    font-weight: 700;
    color: #333333;
    margin-bottom: 0.4rem;
  }
  .pc_7 .pc_9 {
    font-size: 0.32rem;
    color: #999999;
    margin-bottom: 0.4rem;
    text-align: center;
  }
  .pc_7 .pc_p1 {
    font-size: 0.3733rem;
    color: #333333;
    text-align: left;
    line-height: 0.8rem;
    margin-bottom: 2.4rem;
  }
  .abouts {
    width: 100%;
    height: 6.6667rem;
  }
  .abouts img {
    width: 100%;
    height: 100%;
  }
  .about {
    display: none;
  }
  .active2 {
    color: #165dff !important;
  }
  .about-cert {
    padding: 0.5333rem 0;
  }
  .pz_1s {
    padding: 0.2667rem 0;
    width: 100%;
    height: 1.7333rem;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0.0133rem;
    z-index: 999;
  }
  .go2 {
    width: 0.8rem;
  }
  .go2 img {
    max-width: 100%;
    height: 0.8rem;
  }
  .go3 {
    font-size: 0.3733rem;
    color: #333333;
  }
  .go1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .active {
    color: #165dff;
  }
}