.indexr {
      background-color: #F9F9F9;
  }

  .indexr .title {
      text-align: center;
      position: relative;
  }

  .indexr .title h2 {
      font-size: 42px;
      font-weight: bold;
      margin-bottom: 30px;
      padding-top: 60px;
      color: #292929;
  }

  .indexr .title .summary {
      line-height: 25px;
      font-size: 16px;
      margin-bottom: 60px;
  }

  .indexr .wrapper {
      width: 1430px;
  }

  .indexr .com {
      overflow: hidden;
      position: relative;
      padding-bottom: 10px;
  }

  .indexr .com .list h2 {
      font-size: 19px;
      margin-top: 16px;
      text-align: center;
      line-height: 26px;
  }

  .indexr .com .list .left:hover {
      color: #EC8415;
  }

  .indexr .com .swiper.mySwipercate {
      padding: 8px 2px 56px;
  }

  .indexr .com .swiper.mySwipercate .list {
      text-align: center;
      box-shadow: 0 4px 11px 0 #E4E4E4;
  }

  .indexr .com .swiper.mySwipercate .list h2 {
      height: 68px;
      padding-bottom: 15px;
      font-weight: bold;
      padding: 0 10px;
  }

  .indexr .com .swiper.mySwipercate .list h2 span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .indexr .title .p {
      max-width: 800px;
      margin: 28px auto 34px;
      width: 100%;
      line-height: 24px;
      font-size: 16px;
  }

  .indexr .title .mySwipercatelr .swiper-button-next,
  .indexr .title .mySwipercatelr .swiper-button-prev {
      color: #000;
      opacity: 1;
  }

  .indexr .title .mySwipercatelr .swiper-button-next::after,
  .indexr .title .mySwipercatelr .swiper-button-prev::after {
      font-size: 22px;
  }

  .indexr .title .mySwipercatelr .swiper-button-next {
      right: 6px;
      bottom: -12px;
      top: auto;
  }

  .indexr .title .mySwipercatelr .swiper-button-prev {
      right: 32px;
      bottom: -12px;
      top: auto;
      left: auto;
  }



  .inderes {
      padding: 130px 0 110px;
      background-size: cover;
  }

  .inderes .left {
      width: 40%;
  }

  .inderes .right {
      width: 60%;
      overflow: hidden;
  }

  .inderes .left .con {
      width: 400px;
      margin-left: auto;
      margin-right: 60px;
  }

  @media only screen and (max-width: 1920px) {
      .inderes .left {
          width: 38%;
      }

      .inderes .right {
          width: 62%;
          overflow: hidden;
      }

      .inderes .left .con {
          width: 400px;
          margin-left: auto;
          margin-right: 84px;
      }
  }



  .inderes .left .con h2 {
      font-size: 34px;
      margin-bottom: 40px;
      font-weight: bold;
  }

  .inderes .left .con .p {
      background: linear-gradient(150deg, #000 -10%, rgba(0, 0, 0, 0.0));
      padding: 24px 15px;
      color: #fff;
      font-size: 16px;
      border-radius: 15px;
      margin-bottom: 22px;
  }

  .inderes .left .con .a a {
      display: inline-block;
      background: #EC8415;
      padding: 10px 36px;
      color: #fff;
      border-radius: 6px;
      font-size: 16px;
      font-weight: bold;
  }

  .inderes .left .con .a a:hover {
      background: #313131;
  }

  .inderes .right h2 {
      margin-top: 18px;
      margin-bottom: 10px;
      font-size: 20px;
      color: #EA8415;
      font-weight: bold;
  }

  .inderes .right .com {
      background: linear-gradient(150deg, #fff, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.01));
      padding: 1px 14px 15px;
      margin-top: 30px;
      border-radius: 8px;
  }

  .inderes .right .com .p {
      font-size: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 8;
      overflow: hidden;
  }

  .inderes .right .com .a {
      display: inline-block;
      margin-top: 12px;
      color: #EA8415;
      font-size: 16px;
      font-weight: bold;
  }

  .inderes .right .com .a:hover {
      color: #313131;
  }

  .inderes .right .mywindowlr {
      position: relative;
      height: 50px;
  }

  .inderes .right .mywindowlr .swiper-button-next,
  .inderes .right .mywindowlr .swiper-button-prev {
      color: #000;
      opacity: 1;
  }

  .inderes .right .mywindowlr .swiper-button-next::after,
  .inderes .right .mywindowlr .swiper-button-prev::after {
      font-size: 22px;
  }

  .inderes .right .mywindowlr .swiper-button-next {
      right: unset;
      left: 40px;
  }

  .inderes .right .mywindowlr .swiper-button-prev {
      left: 10px;
  }


  .indexwindows {
      margin: 0;
  }

  .indexwindows .swiper {
      padding-bottom: 70px;
  }

  .indexwindows .indexwinbg {
      padding-top: 70px;
  }

  .indexwindows .title {
      position: relative;
      margin-bottom: 40px;
  }

  .indexwindows .title h2 {
      text-align: center;
      font-size: 42px;
      font-weight: bold;
      color: #111111;
  }

  .indexwindows .list h2 {
      font-size: 15px;
      line-height: 1.4;
      text-align: center;
      padding: 18px 10px 25px;
      color: #343434;
      background: #fff;
      font-weight: bold;
  }

  .indexwindows .list h2 p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }

  .indexwindows .list:hover h2 {
      color: #EC8415;
  }

  .indexwindows .swiper .grid-container {
      gap: 40px 50px;
      padding: 4px;
  }

  .indexwindows .swiper .grid-container .list {
      border: 6px solid #fff;
      border-radius: 4px;
  }

  .indexwindows .swiper .grid-container .list {
      border: 6px solid #fff;
      border-radius: 4px;
      box-shadow: 0 2px 8px -2px #E8E9E4;
  }


  .indexwindows .mywindowlrs .swiper-button-next,
  .indexwindows .mywindowlrs .swiper-button-prev {
      color: #000;
      opacity: 1;
  }

  .indexwindows .mywindowlrs .swiper-button-next::after,
  .indexwindows .mywindowlrs .swiper-button-prev::after {
      font-size: 22px;
  }

  .indexwindows .mywindowlrs .swiper-button-next {
      left: unset;
      right: 0px;
  }

  .indexwindows .mywindowlrs .swiper-button-prev {
      left: unset;
      right: 32px;
  }

  .indexadr {
      background: #F9F9F9;
  }

  .indexadr .title {
      text-align: center;
  }

  .indexadr .title h2 {
      font-size: 42px;
      font-weight: bold;
      margin-bottom: 40px;
      padding-top: 50px;
      color: #292929;
  }

  .indexadr .title .p {
      max-width: 900px;
      margin: 28px auto 40px;
      width: 100%;
      line-height: 24px;
      font-size: 16px;
  }

  .indexadr .com {
      padding-bottom: 30px;
  }

  .indexadr .com .swiper {
      padding: 30px 0px 130px;
  }

  .indexadr .com .swiper .list {
      text-align: center;
  }

  .indexadr .com .swiper .swiper-slide {
      transition: all 0.3s;
  }

  .indexadr .com .swiper .swiper-slide.swiper-slide-active {
      transform: scale(1.2);
  }

  .indexadr .com .swiper .list h2 {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .indexadr .com .list h2 {
      font-size: 22px;
      margin-top: 18px;
      text-align: center;
      line-height: 26px;
      font-weight: bold;
      color: #292929;
  }

  .indexadr .com .list .p {
      font-size: 16px;
      margin-top: 14px;
      text-align: center;
      line-height: 24px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #292929;
  }

  .indexadr .com .swiper .list .oimg img {
      display: inline-block;
  }

  .aboutvideo {
      /* padding: 70px 0; */
      background: #F9F9F9;
  }

  .aboutvideo .aboutustu {
      width: 55%;
  }

  .aboutvideo .aboutus {
      width: 40%;
      color: #111111;
  }

  .aboutvideo .aboutustu .oimg img {
      width: 100%;
  }

  .aboutvideo .aboutus h2 {
      margin-bottom: 20px;
      font-size: 42px;
      font-weight: 600;
  }

  .aboutvideo .aboutus .p {
      font-size: 16px;
      line-height: 26px;
      color: #333;
  }

  .aboutvideo .aboutus a {
      color: #fff;
      font-size: 16px;
      margin-top: 20px;
      display: inline-block;
      background: #EC8415;
      padding: 10px 36px;
      border-radius: 6px;
      font-weight: bold;
  }

  .aboutvideo .aboutus a:hover {
      background: #313131;
  }

  .aboutvideo .aboutustu .oimg {
      border-radius: 10px;
  }

  .aboutvideo .aboutus h3 {
      font-size: 28px;
      margin-bottom: 12px;
  }

  .aboutvideo .aboutus .a .iimg {
      margin-top: 20px;
  }

  .aboutvideo .aboutus .a .iimg img {
      margin-left: 12px;
      width: 54px;
      height: 44px;
  }

  .indexcaselist {
      padding: 50px 0;
      background: #FFF;
  }

  .indexcaselist .title {
      text-align: center;
      position: relative;
      margin-bottom: 40px;
  }

  .indexcaselist .title h2 {
      font-size: 42px;
      font-weight: bold;
  }

  .indexcaselist .title a {
      position: absolute;
      top: 0;
      right: 0;
      border: 1px solid #EB8314;
      color: #EB8314;
      font-size: 16px;
      font-weight: bold;
      padding: 8px 26px;
      border-radius: 6px;
  }

  .indexcaselist .title a:hover {
      border: 1px solid #313131;
      color: #313131;
  }

  .indexcaselist .com .list h2 {
      text-align: center;
      font-size: 18px;
      margin: 20px 0 14px;
      font-weight: bold;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .indexcaselist .com .list h2:hover {
      color: #EB8314;
  }

  .indexcaselist .com .list .p {
      color: #5A5A5C;
      font-size: 16px;
      line-height: 1.6;
      padding: 0 10px;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .indexcaselist .com .swiper .swiper-button-nextss,
  .indexcaselist .com .swiper .swiper-button-prevss {
      background: #9C9C9C;
      padding: 8px 6px;
      color: #fff;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #C4C4C4;
      z-index: 999;
  }

  .indexcaselist .com .swiper .swiper-button-nextss .EFfx,
  .indexcaselist .com .swiper .swiper-button-prevss .EFfx {
      font-size: 26px;
      display: block;
  }

  .indexcaselist .com .swiper .swiper-button-nextss {
      right: 0;
  }

  .indexcaselist .com .swiper .swiper-button-prevss {
      left: 0;
  }

  .indexcaselist .com .swiper .swiper-button-nextss:hover,
  .indexcaselist .com .swiper .swiper-button-prevss:hover {
      background: #EC8415;
  }



  .indexvdeos {
      padding: 20px 0 40px;
  }

  .indexvdeos .title h2 {
      text-align: center;
      font-size: 42px;
      margin-bottom: 40px;
  }

  .indexvdeos .com {
      position: relative;
  }

  .indexvdeos .com .comtop .list {
      width: 48.5%;
  }

  .indexvdeos .com .comtop .list .video {
      position: relative;
  }

  .indexvdeos .com .comtop .list img {
      width: 100%;
  }

  .indexvdeos .com .comtop .list .video a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("../images/video_doc_03.png") no-repeat center center;
  }

  .indexvdeos .com .comtop .list .video a:hover {
      background: url("../images/video_doc_05.png") no-repeat center center;
  }

  .indexvdeos .com .comtop .list h2 {
      font-size: 24px;
      margin-bottom: 15px;
      font-weight: bold;
  }

  .indexvdeos .com .comtop .list p {
      font-size: 16px;
      line-height: 1.5;
  }

  .indexvdeos .com .comtop .list a {
      display: inline-block;
      padding: 10px 36px;
      margin-top: 24px;
      background: #EC8415;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px;
  }

  .indexvdeos .com .comtop .list a:hover {
      background: #313131;
  }

  .indexvdeos .com .compost .list .video a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("../images/video_doc_03.png") no-repeat center center;
  }

  .indexvdeos .com .compost .list .video a:hover {
      background: url("../images/video_doc_05.png") no-repeat center center;
  }

  .indexvdeos .com .compost {
      position: absolute;
      bottom: 40px;
      background: #fff;
      padding: 22px 22px;
      right: 0;
  }

  .indexvdeos .com .compost .list {
      width: 230px;
      position: relative;
  }

  .indexvdeos .com .compost .list .titles {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
  }

  .indexvdeos .com .compost .list .titles h2 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding: 12px 12px;
  }


  .indexraq .title h2 {
      font-size: 42px;
      font-weight: bold;
  }



  .indexraq .com .right .pp {
      font-size: 16px;
      line-height: 1.4;
      margin-bottom: 20px;
  }

  .indexraq .com .right label {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 8px;
  }

  /* 
.indexraq .com .right .item {
    width: 100%;
}

.indexraq .com .right .item input,
.indexraq .com .right .item .textarea {
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 8px;
    height: 45px;
    padding: 0 12px;
    color: #333;
    box-sizing: border-box;
}

.indexraq .com .right .item.items {
    width: 100%;
}

.indexraq .com .right .item #YourMessageb {
    width: 100%;
    border: 2px solid #F4F4F4;
    border-radius: 6px;
    height: 120px;
    padding: 0 25px;
}

.indexraq .com .right .item input {
    width: 100%;
    border: 2px solid #F4F4F4;
    border-radius: 6px;
    height: 40px;
    padding: 0 6px;
}

.indexraq .com .right .item {
    display: flex;
    margin-bottom: 10px;
}

.indexraq .com .right .item.verify_status img {
    width: 85px;
    margin-left: 8px;
    height: 30px;
} */

  .indexraq .com .right .item span,
  .indexraq .com .right .p>span {
      color: red;
  }

  .indexraq .com .right .p p {
      line-height: 1.4;
  }

  .indexraq .com .right .p {
      margin: 14px 1px;
  }

  .indexraq .com .right .btnwei {
      margin-top: 24px;
  }

  .indexraq .com .right .btnwei #Inquiryb {
      width: 100%;
      max-width: 175px;
      height: 40px;
      color: #000000;
      background: #ffffff;
      font-size: 18px;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
      display: block;
  }


  .indexraq .com .right .item .input-wrapper {
      position: relative;
      width: 100%;
  }

  .indexraq .com .right .item .required-star {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #FF3B30;
      font-size: 16px;
      z-index: 1;
      pointer-events: none;
  }

  .indexraq .com .right .item .input-wrapper input.textbox {
      padding-left: 28px;
  }

  .indexraq .com .right .item.items .required-star {
      top: 0px;
      transform: none;
  }

  .indexraq .com .right .item .input-wrapper input.textbox {
      padding-left: 28px;
  }

  .indexraq .com .right .item .input-wrapper .textarea {
      padding-left: 28px;
      padding-top: 10px;
  }

  .topadd {
      position: relative;
      padding: 60px 0;
  }

  .topadd .swiper-pagination {
      position: unset;
      width: unset;
  }

  .topadd .swiper-button-nexta,
  .topadd .swiper-button-preva,
  .topadd .swiper-pagination-current,
  .topadd .swiper-pagination-total {
      margin: 0 5px;
      width: 40px;
      height: 40px;
      text-align: center;
      border: 1px solid #959595;
      border-radius: 50%;
      background: #FFF;
      color: #909090;
      line-height: 40px;
      font-weight: bold;
      font-size: 15px;
  }

  .topadd .swiper-button-nexta:hover,
  .topadd .swiper-button-preva:hover {
      cursor: pointer;
      background: #EC8415;
      border: 1px solid #EC8415;
      color: #fff;
  }

  .indexnews .title h2 {
      font-size: 42px;
      margin-bottom: 30px;
  }

  .indexnews .con {
      position: relative;
  }

  .indexnews .list .oimg {
      width: 41%;
      border-radius: 8px;
  }

  .indexnews .list .conui {
      width: 56%;
  }

  .indexnews .list .conui .riqi {
      font-size: 16px;
      color: #EC8415;
      margin-bottom: 10px;
  }

  .indexnews .list .conui h2 {
      font-size: 20px;
      line-height: 1.4;
      margin-bottom: 10px;
      font-weight: bold;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }

  .indexnews .list .conui .a {
      font-size: 16px;
      margin-top: 24px;
  }

  .indexnews .list .conui h2:hover {
      color: #EC8415;
  }









  .oimg {
      overflow: hidden;
  }

  .oimg img {
      transition: all 0.3s;
      display: inline-block;
  }

  .oimg img:hover {
      transform: scale(1.1);
  }

  .pnome {
      display: none;
  }

  .mnome {
      display: block;
  }

  @media only screen and (max-width: 1400px) {
      .indexr .wrapper {
          width: 100%;
      }

      .wrapper {
          width: 100%;
          margin: 0 auto;
          padding: 0 10px;
      }

      .inderes .wrappers {
          padding: 0 10px;
          width: 100%;
      }

  }

  @media only screen and (max-width: 1200px) {

      .wrapper {
          width: 100%;
          margin: 0 auto;
          padding: 0 10px;
      }

      .indexr .wrapper {
          width: 100%;
      }

      .indexr .com {
          overflow: hidden;
          position: relative;
      }

      .inderes .left .con {
          width: 92%;
          margin-left: auto;
          margin-right: 30px;
      }

      .inderes .right .swipers {
          width: 100%;
          margin-right: auto;
      }

      .indexvdeos .com .compost .list {
          width: 180px;
          position: relative;
      }

      .indexvdeos .com .compost {
          position: absolute;
          bottom: 4px;
          background: #fff;
          padding: 22px 22px;
          right: 0;
      }





  }

  @media only screen and (max-width: 1024px) {
      .pnome {
          display: block;
      }

      .mnome {
          display: none;
      }

      .inderes .left {
          width: 100%;
      }

      .inderes .left .con {
          width: 100%;
          margin-left: auto;
          margin-right: 0;
      }

      .inderes .right {
          width: 100%;
          overflow: hidden;
      }

      .inderes .left .con .a.pnome {
          text-align: center;
          margin-top: 16px;
      }

      .indexnews .title {
          width: 100%;
          margin-bottom: 40px;
      }

      .indexnews .con {
          width: 100%;
      }

      .indexnews .title .p {
          font-size: 16px;
          width: 100%;
          color: #292929;
      }

      .aboutvideo .aboutus {
          width: 100%;
          margin-top: 0;
          margin-bottom: 30px;
      }

      .aboutvideo .aboutustu {
          width: 100%;
      }

      .indexwindows .swiper .grid-container {
          gap: 20px 10px;
          padding: 4px;
      }

      .indexvdeos .com .compost {
          position: unset;
          background: #fff;
          padding: 22px 22px;
          margin-top: 20px;
      }

      .indexvdeos .com .compost .list {
          width: max-content;
          position: relative;
      }
  }

  @media only screen and (max-width: 980px) {

      .indexr .title h2 {
          font-size: 32px;
          font-weight: bold;
          margin-bottom: 23px;
      }

      .indexr .title .summary {
          line-height: 25px;
          font-size: 16px;
          margin-bottom: 34px;
      }




  }

  @media only screen and (max-width: 900px) {}

  @media only screen and (max-width: 800px) {

      .indexraq .com .left {
          width: 100%;
          margin-bottom: 30px;
      }

      .indexraq .com .right {
          width: 100%;
          background: #333333;
          padding: 40px;
          border-radius: 10px;
          margin-bottom: 30px;
      }

      .indexvdeos .com .compost .list {
          width: 100%;
          position: relative;
      }

      .indexwindows .list h2 {
          font-size: 14px;
          line-height: 1.4;
          text-align: center;
          padding: 6px 10px;
          color: #fff;
          background: #948D7D;
      }

      .indexwindows .swiper .grid-container {
          gap: 14px 14px;
      }

      .aboutvideo {
          padding: 60px 0;
          background-size: cover;
      }

      .aboutvideo .videor {
          width: 100%;
      }

      .aboutvideo .aboutus {
          width: 100%;
          margin-top: 30px;
      }

      .indexwindows .title a {
          position: unset;
          top: 50%;
          right: 0;
          transform: none;
          color: #7EAE00;
          text-decoration: underline !important;
          font-size: 16px;
          text-align: center;
          width: 100%;
          display: block;
          margin-top: 8px;
      }

      .aboutvideo.aboutser .flexa-container.flexa-justify-between.flexa-align-center.flexa-wrap {
          flex-direction: column-reverse;
      }

      .indexnews .con .list h2 {
          font-size: 14px;
          font-weight: bold;
          line-height: 24px;
          margin-bottom: 8px;
          color: #292929;
      }

      .indexnews .con .list .p {
          font-size: 13px;
          color: #292929;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          line-height: 20px;
      }

  }

  @media only screen and (max-width: 700px) {}

  @media only screen and (max-width: 600px) {

      .inderes .right .oimg,
      .inderes .right .oimg img {
          width: 100%;
      }

      .indexwindows .title a {
          position: unset;
          top: 50%;
          right: 0;
          transform: none;
          color: #7EAE00;
          text-decoration: underline !important;
          font-size: 16px;
          text-align: center;
          width: 100%;
          display: block;
          margin-top: 20px;
          padding: 8px 20px;
      }

      .indexcaselist .title a {
          position: unset;
          top: 0;
          right: 0;
          border: 1px solid #EB8314;
          color: #EB8314;
          font-size: 16px;
          font-weight: bold;
          padding: 8px 26px;
          border-radius: 6px;
          display: inline-block;
          margin-top: 16px;
      }

      .indexcaselist .com .list .oimg,
      .indexcaselist .com .list .oimg img {
          width: 100%;
      }

      .indexvdeos .com .compost .list img {
          width: 100%;
      }


  }

  @media only screen and (max-width: 580px) {



      .indexr .title h2 {
          font-size: 24px;
          font-weight: bold;
          margin-bottom: 23px;
      }

      .indexr .title .summary {
          line-height: 20px;
          font-size: 13px;
          margin-bottom: 20px;
      }

      .indexr .com {
          overflow: hidden;
          position: relative;
          padding-bottom: 0;
      }




      .indexnews .title .p {
          font-size: 14px;
          max-width: 600px;
          margin: 0 auto;
          width: 100%;
          color: #292929;
          line-height: 22px;
      }

      .indexwindows .title h2 {
          text-align: center;
          font-size: 24px;
          font-weight: bold;
      }

      .indexadr .title h2 {
          font-size: 24px;
          font-weight: bold;
          margin-bottom: 18px;
          padding-top: 20px;
          color: #292929;
      }

      .aboutvideo .aboutus h2 {
          margin-bottom: 15px;
          font-size: 24px;
          font-weight: 600;
      }

      .indexvideolist .title h2 {
          font-size: 24px;
          font-weight: bold;
          margin-bottom: 18px;
          padding-top: 30px;
          color: #292929;
      }

      .indexnews .title h2 {
          font-size: 24px;
          font-weight: 600;
          margin-bottom: 10px;
          color: #292929;
      }

      .indexnews .title {
          width: 100%;
          margin-bottom: 20px;
      }

      .indexnews {
          padding: 36px 0;
      }

      .index7 .title h2 {
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 12px;
          color: #fff;
          text-align: center;
      }

      .index7 .title p {
          color: #fff;
          text-align: center;
          font-size: 14px;
          margin-bottom: 10px;
          padding: 0 10px;
      }


      .biaodanlist {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 100%;
      }

      .biaodan .item.items label {
          width: 100%;
          flex: 0;
      }

      .biaodan .item {
          width: calc(100% - 20px);
          border-bottom: 1px solid #fff;
          margin: 20px 10px;
          padding-bottom: 4px;
      }

      .indexraq .com .right .item.verify_status input {
          /* width: 120px; */
          width: 80%;
      }

      .biaodan .item.verify_status {
          position: relative;
      }

      .biaodan .item.verify_status img {
          width: 96px;
          position: absolute;
          top: 0px;
          right: 0;
      }

      .aboutvideo .xiangce .oimg {
          text-align: center;
      }

      .aboutvideo .xiangce .oimg img {
          display: inline-block;
      }

      .indexvdeos .com .comtop .list {
          width: 100%;
          margin: 10px 0;
      }


  }


  @media only screen and (max-width: 498px) {
      .inderes {
          padding: 38px 0;
          background-size: cover;
      }

      .indexr .title h2 {
          font-size: 24px;
          font-weight: bold;
          margin-bottom: 10px;
          padding-top: 30px;
          text-align: left;
      }

      .inderes .left .con h2 {
          font-size: 24px;
          margin-bottom: 20px;
          font-weight: bold;
      }

      .aboutvideo {
          padding: 15px 0;
          background-size: cover;
      }

      .aboutvideo .aboutus a {
          color: #fff;
          font-size: 16px;
          margin-top: 20px;
          display: inline-block;
          background: #EC8415;
          padding: 10px 14px;
          border-radius: 6px;
          font-weight: bold;
      }

      .indexwindows .title h2 {
          text-align: left;
          font-size: 24px;
          font-weight: bold;
      }

      .indexwindows .indexwinbg {
          padding-top: 36px;
      }

      .indexwindows .swiper {
          padding-bottom: 50px;
      }

      .indexcaselist .title h2 {
          font-size: 24px;
          font-weight: bold;
      }

      .indexcaselist .title a {
          position: unset;
          top: 0;
          right: 0;
          border: 1px solid #EB8314;
          color: #EB8314;
          font-size: 16px;
          font-weight: bold;
          padding: 3px 13px;
          border-radius: 6px;
          display: inline-block;
          margin-top: 16px;
      }

      .indexcaselist .title {
          text-align: center;
          position: relative;
          margin-bottom: 20px;
      }

      .indexcaselist {
          padding: 20px 0;
          background: #FFF;
      }

      .indexvdeos .title h2 {
          text-align: center;
          font-size: 24px;
          margin-bottom: 10px;
      }

      .indexvdeos .com .comtop .list h2 {
          font-size: 18px;
          margin-bottom: 12px;
          font-weight: bold;
      }

      .indexvdeos .com .comtop .list a {
          display: inline-block;
          padding: 8px 24px;
          margin-top: 24px;
          background: #EC8415;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          border-radius: 6px;
      }

      .indexraq .title {
          padding: 10px 0 25px;
          text-align: center;
      }

      .indexraq .title h2 {
          font-size: 24px;
          font-weight: bold;
      }

      .indexraq .com .left h3 {
          font-size: 14px;
          font-weight: bold;
          margin-bottom: 12px;
      }

      .indexraq .com .left h2 {
          font-size: 20px;
          font-weight: bold;
          max-width: 500px;
          line-height: 1.2;
          margin-bottom: 12px;
      }

      .indexraq .com .left .but .contactus {
          background: #EC8415;
          color: #fff;
          padding: 8px 20px;
          border-radius: 6px;
          font-size: 16px;
          font-weight: bold;
          margin-right: 24px;
          width: auto;
          margin-bottom: 8px;
      }

      .indexraq .com .left .but span {
          display: inline-block;
          width: 2px;
          height: 38px;
          background: #EC8415;
          margin-right: 24px;
          margin-bottom: 8px;
      }

      .indexraq .com .left .but .whatApp {
          font-size: 16px;
          margin-bottom: 8px;
      }

      .indexraq .com .right {
          width: 100%;
          padding: 20px;
          border-radius: 10px;
          margin-bottom: 30px;
      }

      .verification {
          display: flex;
          /* flex-direction: column !important; */
      }

      .verification .input-wrapper {
          width: 100% !important;
      }

      .verification img {
          width: 30% !important;
          height: auto !important;
          margin-left: 0 !important
      }

      @media (max-width: 768px) {
          .indexraq .com .right .item {
              width: 100%;
          }
      }

      .indexadr .com .swiper {
          padding: 50px 0px 100px;
      }
  }



  /* 整个板块的间距 */

  .index_window-product {
      /* padding: 70px 0 60px; */
      background: #ffffff;
  }

  .index_window-product-wrap {
      max-width: 1380px;
      margin: 0 auto;
      padding: 80px 0 0 0;
  }

  .index_window-product-hd {
      text-align: center;
      margin-bottom: 70px;
  }

  .index_window-product-hd h2 {
      margin: 0;
      font-weight: 600;
      letter-spacing: 1px;
      color: #1d313d;
      text-transform: uppercase;
  }

  /* 顶部 more 先隐藏（图里是底部按钮风格） */
  .index_window-product-morebox {
      display: none;
  }

  .index_window-product-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 36px 22px;
  }

  .index_window-product-item a {
      text-decoration: none;
      display: block;
  }

  .index_window-product-img {
      width: 100%;
      background: #f8f8f8;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border: 1px solid #eee;
      border-radius: 4px;
      min-height: 250px;
  }

  .index_window-product-img img {
      width: 100%;
      height: auto;
      max-width: 100%;
      display: block;
      object-fit: contain;
  }



  .index_window-product-txt {
      padding: 14px 4px 0;
  }

  .index_window-product-txt a {
      margin: 0;
      font-size: 16px;
      line-height: 1.4;
      font-weight: 400;
      color: #2e3d48;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: color .25s ease;
      cursor: pointer;
  }

  .index_window-product-item:hover .index_window-product-img {
      box-shadow: 0 3px 10px rgba(0, 0, 0, .14);
      transition: all 0.3s ease;
  }

  .index_window-product-item:hover .index_window-product-txt a {
      text-decoration: underline !important;
  }

  .index_window_more {
      display: flex;
      justify-content: center;
      margin-top: 70px;
  }

  .index_window_more a {
      background-color: #1469A9;
      color: #ffffff;
      padding: 10px 24px;
      margin: 0 auto;
      font-size: 24px;
      border-radius: 4px;
  }

  .index_window_more a:hover {
      background-color: #0d5085;
      color: #fff;
      /* transform: translateY(-2px); */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

  .index_window_img_box {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .index_window_img {
      margin: 80px 0 0 0;
      display: block;
      max-width: 100%;
      width: 100%;
      height: auto;
      object-fit: contain;
  }

  @media (max-width: 1380px) {

      .index_window-product-wrap {
          padding: 80px 10px 0 10px;
      }
  }

  /* 响应式 */
  @media (max-width: 1200px) {

      .index_window-product-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 25px 20px;
          padding: 0 14px;
      }

  }

  @media (max-width: 992px) {

      .index_window-product-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 18px 14px;
          padding: 0 14px;
      }
  }

  @media (max-width: 768px) {
      .index_window-product-txt a {
          width: 410px;
      }

      .index_window-product-wrap {
          max-width: 1380px;
          margin: 0 auto;
          padding: 36px 10px 0 10px;
      }

      .index_window-product {
          padding: 0 0 36px;
      }

      .index_window-product-img {
          aspect-ratio: 1 / 1;
      }

      .index_window_more {
          margin-top: 24px;
      }

      .index_window_more a {
          padding: 6px 10px;
          font-size: 14px;
      }

      /* 底部大图缩减间距 */
      .index_window_img {
          margin-top: 24px;
          max-height: 250px;
          object-fit: cover;
      }

      .index_window-product-hd {
          margin-bottom: 24px;
      }

      .index_window-product-hd h2 {
          font-size: 18px;
      }


      .index_window-product-grid {
          gap: 24px 14px;
      }

      .index_window-product-txt {
          padding: 14px 4px 0;
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      .index_window-product-txt h3 {
          font-size: 14px;
          /* 768 下 14px */
      }
  }

  @media (max-width: 480px) {

      .index_window-product-grid {
          grid-template-columns: 1fr;
      }

      .index_window-product-img {
          min-height: unset;
          height: auto;
      }

      .index_window-product-img img {
          width: 100%;
          height: auto;
      }

      .index_window-product-txt a {
          white-space: normal;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 14px;
          width: 310px;

      }

      .index_window_more a {
          width: 40%;
          text-align: center;
      }
  }

  /* 介绍 */
  .brand-showcase {
      background: #F6F7FB;
      padding: 80px 0 60px;
  }

  .brand-wrap {
      max-width: 1380px;
      margin: 0 auto;
      box-sizing: border-box;
  }

  .hero {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: 40px;
      align-items: start;
      padding: 0 10px;
  }

  .hero-media {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
  }

  .hero-media .hero-swiper {
      position: relative;
      --swiper-pagination-bullet-inactive-color: #ffffff;
      --swiper-pagination-bullet-inactive-opacity: 0.5;
  }

  .hero-media .hero-swiper img,
  .hero-media img {
      width: 100%;
      display: block;
      object-fit: cover;
  }

  .brand-showcase .swiper-button-prev,
  .brand-showcase .swiper-button-next {
      color: #1469A9;
  }

  .brand-showcase .swiper-pagination-bullet-active {
      background-color: #1469A9;
  }

  .hero-media .hero-swiper img {
      width: 100%;
      display: block;
      object-fit: cover;
  }


  .brand-showcase .swiper-button-prev,
  .swiper-button-next {
      color: #1469A9;
  }

  .brand-showcase .swiper-pagination-bullet-active {
      background-color: #1469A9;
  }

  .hero-nav {
      position: absolute;
      top: 50%;
      /* transform: translateY(-50%); */
      width: 32px;
      height: 48px;
      border: 0;
      background: rgba(255, 255, 255, .86);
      font-size: 38px;
      cursor: pointer;
      --swiper-navigation-size: 24px;
      opacity: 1;
      visibility: hidden;
      /* transition: all 0.3s ease; */
  }

  .hero-swiper .swiper-button-prev::after,
  .hero-swiper .swiper-button-next::after {
      display: none !important;
  }

  .hero-swiper:hover .hero-nav {
      opacity: 1;
      visibility: visible;
      background: rgb(255, 255, 255, 0.7);
  }

  .hero-nav.prev {
      left: 0;
  }

  .hero-nav.next {
      right: 0;
  }

  .hero-info {
      margin: 24px 0;
  }

  .hero-info h2 {
      margin: 53px 0 32px;
      color: #1d313d;
      font-weight: 600;
  }

  .hero-info p {
      margin: 0 0 39px;
      font-size: 16px;
      line-height: 2;
      color: #2f3f4a;
  }

  .btn-more {
      display: inline-block;
      min-width: 100px;
      text-align: center;
      background: #1f73b5;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      line-height: 1;
      padding: 10px 2px;
      border-radius: 3px;
  }

  .btn-more:hover {
      background-color: #0d5085;
      color: #fff;
      /* transform: translateY(-2px); */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

  .stats {
      margin-top: 48px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
  }

  .stat {
      padding-right: 24px;
      padding-right: 24px;
      flex-direction: column;
      align-items: center;
      display: flex;
  }

  .stat+.stat {
      border-left: 1px solid #8e949a;
      padding-left: 24px;
  }

  .stat strong {
      font-size: 78px;
      line-height: 1;
      color: #eb8a27;
      font-weight: 600;
  }

  .stat strong span {
      font-size: .7em;
  }

  .stat p {
      margin: 10px 0 0;
      font-size: 20px;
      line-height: 1.2;
      color: #2f3f4a;
  }

  .index_video {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
  }

  .index_video h2 {
      text-align: center;
      padding: 70px 0 50px;
      font-weight: 600;
      color: #1d313d;
  }

  .news-grid {
      max-width: 1380px;
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin: 0 auto 0 auto;
      padding: 0 0 64px 0;
  }

  .news-card {
      text-decoration: none;
      color: #233746;
  }

  .thumb {
      position: relative;
      overflow: hidden;
  }

  .thumb img {
      width: 100%;
      max-height: 252px;
      max-width: 450px;
      object-fit: cover;
      display: block;
  }

  .play {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 62px;
      height: 62px;
      border-radius: 50%;
      background: rgba(0, 0, 0, .45);
      color: #fff;
      font-size: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .news-card h3 {
      margin: 14px 0 0;
      font-size: 16px;
      line-height: 1.25;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
  }

  .news-card:hover .thumb img {
      transform: scale(1.05);
  }

  .news-card:hover h3 {
      text-decoration: underline;
  }

  @media (max-width: 1380px) {
      .news-grid {

          padding: 0 10px 64px 10px;
      }
  }

  @media (max-width: 992px) {
      .brand-showcase {
          padding: 40px 0 28px;
      }

      .brand-showcase .hero-swiper {
          width: 100%;
          aspect-ratio: 16 / 10;
          /* 给轮播一个明确高度来源 */
          max-height: 320px;
          padding: 0 !important;
      }

      .brand-showcase .hero {
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 18px !important;
      }

      .brand-showcase .hero-media,
      .brand-showcase .hero-info {
          width: 100% !important;
          max-width: 100% !important;
      }

      .brand-showcase .hero-info {
          margin: 0 !important;
      }
  }

  @media (max-width: 768px) {

      .brand-showcase .hero {
          gap: 14px !important;
      }

      .brand-showcase .hero-swiper {
          max-height: 240px;
          padding: 0 10px;
      }

      .brand-showcase {
          padding: 24px 0 40px;
      }

      .brand-wrap {
          padding: 0 12px;
      }



      .hero-info h2 {
          font-size: 15px;
          line-height: 1.35;
          margin: 4px 0 10px;
      }

      .hero-info p {
          font-size: 14px;
          line-height: 1.65;
      }

      .btn-more {
          min-width: 120px;
          font-size: 15px;
          padding: 9px 14px;
          margin: 0;
      }

      .stats {
          grid-template-columns: repeat(3, 1fr);
          gap: 10px;
      }

      .stat {
          padding: 0;
          border-left: 0;
          padding-left: 0;
          padding-top: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
      }

      .stat+.stat {
          border-left: 0;
          padding-left: 0;
          padding-top: 10px;
      }

      .stat strong {
          font-size: 36px;
      }

      .stat p {
          font-size: 14px;
          white-space: normal;
      }

      .news-grid {
          margin-top: 26px;
          grid-template-columns: 1fr;
          gap: 14px;
      }

      .news-card h3 {
          margin-top: 10px;
          font-size: 14px;
          white-space: normal;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
      }

      .play {
          width: 48px;
          height: 48px;
          font-size: 22px;
      }

      .hero-nav {
          width: 24px;
          height: 38px;
          --swiper-navigation-size: 24px;
      }

      .brand-showcase .swiper-pagination {
          bottom: 8px !important;
      }
  }

  /* <= 480 */
  @media (max-width: 480px) {
      .brand-showcase .hero-info {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
      }

      .brand-showcase .hero-info h2,
      .brand-showcase .hero-info p {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
          overflow-wrap: break-word;
      }

      .brand-showcase .hero-info p {
          text-align: left;
      }

      .brand-showcase .hero-media,
      .brand-showcase .hero-swiper,
      .brand-showcase .swiper-wrapper,
      .brand-showcase .swiper-slide {
          width: 350px;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
      }

      .brand-showcase .hero-media img {
          width: 100%;
          max-width: 100%;
          height: auto;
      }

      .brand-showcase .hero-info {
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      .hero-info h2 {
          font-size: 20px;
      }

      .stat strong {
          font-size: 32px;
      }

      .news-card h3 {
          font-size: 14px;
      }
  }

  /* 服务 */
  .industry {
      background: #ffffff;
      padding: 100px 0;
  }

  .industry-wrap {
      max-width: 1380px;
      margin: 0 auto;
      padding: 0 24px;
  }

  /* 轮播容器：用于放外侧箭头 */
  .industry-slider {
      position: relative;
  }

  .industry-swiper {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
  }

  .industry-prev,
  .industry-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
      margin: 0;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 56px;
      line-height: 1;
      color: #111;
      background: transparent;
  }

  .swiper-button-prev,
  .swiper-button-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 68px;
      margin: 0;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 56px;
      line-height: 1;
      color: #111;
      background: transparent;
  }

  .industry-prev {
      left: -80px;
  }

  .industry-next {
      right: -80px;
  }

  .industry-card .industry_img {
      width: 100%;
      aspect-ratio: 350/274;
      object-fit: cover;
      display: block;
  }

  .industry-card .mask {
      position: absolute;
      inset: 0;
      background-color: rgba(20, 105, 168, 83%);
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
  }


  .industry-prev::after,
  .industry-next::after {
      content: none !important;
  }

  .industry-prev::after,
  .industry-next::after {
      content: none !important;
  }

  .industry-wrap {
      max-width: 1500px;
      margin: 0 auto;
      padding: 0 24px;
  }

  .industry-title {
      margin: 0;
      text-align: center;
      color: #000000;
      font-weight: 600;
  }

  .industry-sub {
      margin: 14px 0 40px;
      text-align: center;
      font-size: 16px;
      color: #2f3f4a;
  }

  .industry-prev,
  .industry-next {
      width: 44px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 46px;
      font-weight: 400;
      color: #111;
      line-height: 1;
      background: transparent;
      border: 0;
      cursor: pointer;
  }

  .industry-prev::after,
  .industry-next::after {
      content: none !important;
  }

  .industry-swiper,
  .industry-swiper .swiper-wrapper,
  .industry-swiper .swiper-slide {
      height: auto !important;
      min-height: 0 !important;
  }

  .industry-card {
      position: relative;
      display: block;
      overflow: hidden;
      text-decoration: none;
  }

  .industry-card .industry_img {
      width: 100%;
      aspect-ratio: 350/274;
      object-fit: cover;
      display: block;
  }

  .industry-card .mask {
      position: absolute;
      inset: 0;
  }

  .industry-card h3 {
      position: absolute;
      left: 20px;
      top: 52px;
      right: 20px;
      margin: 0;
      color: #fff;
      font-size: 22px;
      line-height: 1.4;
      font-weight: 500;
      width: 180px;
      z-index: 2;
  }

  .industry-card .arrow-img {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 3;
      transition: transform 0.3s ease;
  }

  .industry-prev,
  .industry-next {
      color: #111;
  }

  .industry-card:hover .mask {
      opacity: 1;
  }

  .industry-card:hover .arrow-img {
      transform: scale(1.2);
  }

  @media (max-width: 1400px) {
      .industry-slider {
          padding: 0 40px;
      }
  }

  @media (max-width: 768px) {
      .industry {
          padding: 40px 0;
      }

      .industry-slider {
          padding: 0;
      }

      .industry-title {
          font-size: 18px;
      }

      .industry-sub {
          margin: 15px 0 30px;
          font-size: 14px;
      }

      .industry-prev,
      .industry-next {
          background: rgba(255, 255, 255, 0.7);
          width: 30px;
          height: 50px;
          font-size: 20px;
      }

      .industry-card h3 {
          top: 20px;
          font-size: 15px;
      }
  }

  /* 商标 */
  .client-wall {
      background: #ffffff;
      padding: 64px 0 72px;
  }

  .client-wall__wrap {
      max-width: 1920px;
      margin: 0 auto;
  }

  .client-wall__title {
      margin: 0;
      text-align: center;
      line-height: 1.2;
      color: #1d313d;
      text-transform: uppercase;
      font-weight: 600;
  }

  .client-wall__desc {
      margin: 12px 0 70px;
      text-align: center;
      font-size: 16px;
      line-height: 1.6;
      color: #2f3f4a;
  }

  .client-swiper-top {
      width: 100%;
      height: 100px;
      margin-bottom: 20px;
      overflow: hidden;
  }

  .client-swiper-top .swiper-slide {
      height: 100% !important;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .client-swiper-bottom {
      width: 100%;
      height: 100px;
      margin-bottom: 20px;
      overflow: hidden;
  }

  .client-swiper-bottom .swiper-slide {
      height: 100% !important;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .client-swiper-top .swiper-slide,
  .client-swiper-bottom .swiper-slide {
      height: 100% !important;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .client-swiper-top .swiper-wrapper,
  .client-swiper-bottom .swiper-wrapper {
      transition-timing-function: linear !important;
  }

  .client-swiper .swiper-wrapper {
      transition-timing-function: linear !important;
  }

  .client-swiper .swiper-slide {
      height: calc((100% - 30px) / 2) !important;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border-radius: 4px;
  }

  .client-wall__item img {
      max-width: 80%;
      max-height: 60px;
      object-fit: contain;
  }

  .client-wall__grid {
      display: grid;
      grid-template-columns: repeat(10, minmax(0, 1fr));
      column-gap: 26px;
      row-gap: 34px;
  }

  .client-wall__item {
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
  }

  .client-wall__item img {
      max-width: 100%;
      max-height: 78px;
      width: auto;
      height: auto;
      object-fit: contain;
      filter: saturate(96%);
      opacity: 0.95;
      transition: transform .25s ease, opacity .25s ease;
  }

  .client-wall__item:hover img {
      transform: translateY(-2px);
      opacity: 1;
  }

  @media (max-width: 1380px) {
      .client-wall__wrap {
          padding: 0 10px;
      }

      .client-wall__grid {
          grid-template-columns: repeat(6, minmax(0, 1fr));
      }
  }

  @media (max-width: 768px) {
      .client-swiper {
          height: 180px;
      }

      .client-wall {
          padding: 48px 0 56px;
      }

      .client-wall__title {
          font-size: 18px;
      }

      .client-wall__desc {
          font-size: 14px;
          margin-bottom: 30px;
      }

      .client-wall__wrap {
          padding: 0 20px;
      }

      .client-wall__grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          column-gap: 14px;
          row-gap: 20px;
      }

      .client-wall__item {
          min-height: 70px;
      }

      .client-wall__item img {
          max-height: 56px;
      }
  }

  /* 技术 */
  .insight-section {
      background: #F6F7FB;
      padding: 72px 0 64px;
  }

  .insight-wrap {
      max-width: 1380px;
      margin: 0 auto;
      padding: 0 16px;
  }

  .insight-title {
      margin: 0 0 62px;
      text-align: center;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: .5px;
      color: #1d313d;
  }

  .insight-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
  }

  .insight-card {
      display: flex;
      flex-direction: column;
      height: 100%;
  }

  .insight-card .insight-thumb {
      display: block;
      margin-bottom: 22px;
      border-radius: 4px;
      width: 100%;
      overflow: hidden;
  }

  .insight-card .insight-thumb img {
      width: 100%;
      height: auto;
      max-width: 450px;
      max-height: 252px;
      object-fit: cover;
      display: block;
      transition: transform 0.3s ease;
  }

  /* 悬停效果：增加交互感 */
  .insight-card:hover .insight-thumb img {
      transform: scale(1.05);
  }

  .insight-card h3 {
      margin: 0 0 18px;
      line-height: 1.2;
      color: #1d313d;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 16px;
      font-weight: 600;
  }


  .insight-card time {
      display: block;
      margin-bottom: 14px;
      font-size: 14px;
      color: grey;
  }

  .insight-card p {
      flex-grow: 1;
      margin: 0 0 20px;
      font-size: 14px;
      line-height: 1.45;
      color: #2f3f4a;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .insight-card .read-more {
      font-size: 16px;
      color: #1469A9;
      text-decoration: none;
      margin-top: auto;
      display: inline-block;
      transition: font-weight 0.2s;
      font-weight: 600;


  }

  .insight-card:hover h3 {
      color: #1469A9 !important;
  }

  .insight-card .read-more:hover {
      color: #083e70;
  }


  .insight-card .read-more:hover,
  .insight-card h3 a:hover {
      color: #1469A9;
  }

  @media (max-width:1200px) {
      .insight-grid {
          grid-template-columns: repeat(2, 1fr);
          /* 平板变2列 */
          gap: 30px;
      }
  }

  @media (max-width:768px) {

      .insight-section {
          padding: 40px 0;
      }

      .insight-title {
          font-size: 18px;
          margin-bottom: 34px;
      }

      .insight-grid {
          grid-template-columns: 1fr;
          gap: 22px;
      }

      .insight-card .insight-thumb {
          aspect-ratio: auto;
          min-height: auto;
      }

      .insight-card .insight-thumb img {
          width: 100%;
          height: auto;
          object-fit: cover;
      }

      .insight-thumb img {
          height: auto;
      }

      .insight-card h3 {
          font-size: 14px;
      }

      .insight-card p,
      .insight-card time {
          font-size: 14px;
      }

      .insight-card .read-more {
          font-size: 14px;
      }
  }




  /* 标题栏布局 */

  .product-category-section {
      padding: 60px 0 0 0;
      background-color: #fff;
  }

  .product-category-section .wrapper {
      padding: 0 10px;
  }

  .category-header {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin-bottom: 20px;
      flex-direction: column;
  }

  .category-header p {
      color: #1d313d;
      margin: 12px 0 24px;
      text-align: center;
      font-size: 16px;
  }

  .category-header h2 {
      font-weight: 600;

  }

  .a_box {
      width: 100%;
      display: flex;
      justify-content: flex-end;
  }

  .category-header .more-btn {
      font-size: 16px;
      color: #000;
      text-decoration: underline;
      font-weight: bold;
      text-align: end;
  }

  .product-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      max-width: 1400px;
      margin: 0 auto;
  }

  .product-item {
      border-radius: 0;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
      background: #F5F5F5;
      transition: transform 0.35s ease;
  }

  .product-item .text-container {
      height: 145px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px;
      position: relative;
      flex-direction: column;
  }

  .product-item .title-row {
      position: relative;
      display: inline-flex;
      align-items: center;
      font-weight: 600;
  }

  .product-item .title-row h3 {
      margin: 0;
  }

  .product-item .product-subtitle {
      color: #7F7F7F;
      font-size: 16px;
  }

  .product-item:hover .product-subtitle {
      display: none;
  }



  .product-item:hover {
      /* transform: translateY(-2px); */
      background-color: #0372C1;
  }

  .product-item a {
      text-decoration: none;
      display: block;
  }

  .product-item:hover::after {
      left: 150%;
  }



  .product-item .hover-arrow {
      position: absolute;
      left: 100%;
      margin-left: 20px;
      opacity: 0;
      transform: translateX(-6px);
      transition: opacity .25s ease, transform .25s ease;
      pointer-events: none;
  }

  .product-item:hover .hover-arrow {
      opacity: 1;
      transform: translateX(0);
  }

  .product-item .text-container h3 {
      line-height: 1.4;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      transition: transform 0.3s ease;
      text-align: center;
      color: #1d313d;
      margin: 0;
      display: block;
      font-weight: 600;
  }


  .product-item:hover h3 {
      color: #ffffff;
      font-weight: 600;
  }

  /* --- 响应式效果 --- */

  /* 平板端：显示3列 */
  @media (max-width: 1024px) {
      .product-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  /* 小平板/手机：显示2列 */
  @media (max-width: 768px) {
      .category-header p {
          font-size: 14px;
          line-height: 20px;
      }

      .product-item .product-subtitle {
          text-align: center;
          font-size: 14px;
      }

      .product-category-section {
          padding: 36px 0 0 0;
      }

      .category-header {
          margin-bottom: 12px;
      }

      .product-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
      }

      .category-header h2 {
          font-size: 18px;
      }

      .category-header .more-btn {
          font-size: 12px;
          font-weight: bold;
          text-align: end;
      }

      .category-header h3 {
          font-size: 14px;
      }



      .product-item .text-container {
          height: 75px;
      }

      .product-item .text-container h3 {
          font-size: 16px;
      }
  }

  /* 小屏手机：显示1列 */
  @media (max-width: 480px) {
      .product-grid {
          grid-template-columns: repeat(1, 1fr);
      }
  }

  /* 公司介绍 */
  .about-section-container {
      position: relative;
      padding: 80px 0;
      background-attachment: fixed;
      /* 视差效果 */
      background-size: cover;
      background-position: center;
      color: #fff;
  }

  /* .about-section-container img {
    position: relative;
    top: 0;
    left: 0;

} */

  .bg-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .bg-overlay img {
      width: 100%;
      height: 920px;
  }

  .relative-content {
      position: relative;
      z-index: 2;
      padding: 0 10px;
  }

  .company_carousel {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      color: #333;
      max-width: 1400px;
      margin: 0 auto;
  }

  .top-slogan {
      font-size: 24px;
      font-style: italic;
      margin-bottom: 40px;
      letter-spacing: 1px;
  }

  @media (max-width: 768px) {
      .top-slogan {
          text-align: center;
          font-size: 16px;

      }
  }

  /* 主盒子卡片 */
  .about-main-card {
      background: #fff;
      /* border-radius: 15px; */
      overflow: hidden;
      color: #333;
      max-width: 1400px;
      margin: 0 auto;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      position: relative;
  }

  /* 主图轮播高度控制 */
  .main-video-swiper {
      width: 100%;
      height: 578px;
  }

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

  }

  /* 文字区排版 */
  .about-text-content {
      padding: 40px 60px;
      text-align: center;
      background-color: #ffffff;
  }

  .about-header {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      flex-direction: column;
  }

  .about-header h2 {
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      color: #333;

  }


  .more-link {
      font-size: 16px;
      color: #333;
      text-align: end;
      text-decoration: underline;
      font-weight: bold;
      /* width: 100%; */
  }

  .description {
      line-height: 1.8;
      color: #000000;
      font-size: 16px;
      max-width: 1000px;
      margin: 0 auto;
  }

  /* 数字统计 */
  .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding: 20px 60px;
      text-align: center;
  }

  .stat-item .number {
      display: block;
      font-size: 40px;
      font-weight: bold;
      color: #000;
  }

  .stat-item .label {
      font-size: 16px;
      color: #000000;
      font-weight: 400;
      line-height: 3;
  }

  /* 底部小轮播 */
  .bottom-thumb-slider {
      padding: 30px 0 0;
      overflow: hidden;
  }

  .thumb-swiper {
      position: relative;
  }

  .thumb-swiper .swiper-slide {
      opacity: 0;
      transform: translateY(30px);

      transition: all 0.4s ease-out;
      filter: brightness(1);
      transform: scale(1);

      display: flex;
      justify-content: center;
      background: transparent;
  }

  .thumb-swiper .swiper-slide.slide-active {
      filter: brightness(1) contrast(1);
      transform: scale(1.08);
      z-index: 10;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }

  .thumb-swiper .swiper-slide.slide-dimmed {
      filter: brightness(0.7);
  }

  .thumb-swiper .swiper-slide img {
      width: 320px;
      height: 160px;
      border-radius: 10px;
      object-fit: cover;
  }



  /* 公司简介轮播标识点 */
  .main-video-swiper .swiper-pagination {
      bottom: 30px;
      display: flex;
      justify-content: end;
      padding-right: 210px;
  }

  .main-video-swiper .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #ffffff;
      opacity: 1;
      margin: 0 5px !important;
      transition: all 0.3s;
      border-radius: 50%;
  }

  .main-video-swiper .swiper-pagination-bullet-active {
      background: #044E9D;
      border-radius: 50%;
      width: 12px;
      height: 12px;
  }

  @media (max-width: 768px) {
      .thumb-swiper {
          padding: 0;
          overflow: hidden;
          /* 确保超出部分隐藏干净 */
      }
  }

  .thumb-swiper .swiper-slide.animate-in {
      opacity: 1;
      transform: translateY(0);
  }

  /* 覆盖 Swiper */
  .thumb-swiper .swiper-button-next,
  .thumb-swiper .swiper-button-prev {
      width: 50px;
      height: 60px;
      background: #9B9B9B;
      color: #fff;
      top: 50%;
      margin-top: -30px;
  }

  .thumb-swiper .swiper-button-next:after,
  .thumb-swiper .swiper-button-prev:after {
      font-size: 26px;
      font-weight: 600;
  }

  .thumb-swiper .swiper-button-next {
      right: 8px;
      border-radius: 5px 0 0 5px;
  }

  .thumb-swiper .swiper-button-prev {
      left: 6px;
      border-radius: 0 5px 5px 0;
  }

  .thumb-swiper .swiper-button-next:hover,
  .thumb-swiper .swiper-button-prev:hover {
      background: #044FA0;
      color: #fff;
  }

  .thumb-swiper .swiper-button-next:hover:after,
  .thumb-swiper .swiper-button-prev:hover:after {
      font-size: 26px;
  }

  @media (max-width: 768px) {
      .stats-grid {
          display: flex;
          flex-direction: column;
      }

      .stats-grid .stat-item {
          padding-bottom: 24px;
      }
  }

  /* 响应式调整 */
  @media (max-width: 768px) {
      .main-video-swiper {
          height: 300px;
      }

      .about-text-content {
          padding: 20px;
      }


      .bottom-thumb-slider {
          padding: 20px;
      }

      .thumb-swiper .swiper-button-next,
      .thumb-swiper .swiper-button-prev {
          width: 20px;
          height: 40px;
          background: rgba(0, 0, 0, 0.5);
          color: #fff;
          top: 40%;
          margin-top: -0;
      }

      .thumb-swiper .swiper-button-next {
          right: 18px;
          border-radius: 5px 0 0 5px;
      }

      .thumb-swiper .swiper-button-prev {
          left: 16px;
          border-radius: 0 5px 5px 0;
      }

      .thumb-swiper .swiper-button-next:after,
      .thumb-swiper .swiper-button-prev:after {
          font-size: 18px;
      }
  }

  /* 热门产品 */
  .hot-products-section {
      background: #fff;
  }

  /* 头部排版 */
  .main-header {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin-bottom: 40px;
  }

  .main-header h2 {
      font-size: 32px;
      font-weight: bold;
      text-transform: uppercase;
  }



  /* 小类目标题 */
  .category-block {
      margin-bottom: 50px;
  }

  .sub-title {
      font-size: 18px;
      font-weight: bold;
      color: #444;
      margin-bottom: 20px;
      text-align: left;
  }

  /* Swiper 基础设置 */
  .hot-swiper {
      position: relative;
  }

  @media (max-width: 768px) {
      .category-title {
          display: flex;
          justify-content: center;
      }



  }

  .hot-swiper .swiper-slide {
      width: 444px !important;
      height: 444px !important;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .dark-style .product-img {
      aspect-ratio: 1/1;
      background: #f0f0f0;
      overflow: hidden;
  }


  .dark-style .product-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .light-card-style .card-box {
      background: #fff;
      border: 1px solid #eee;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      padding: 20px;
      aspect-ratio: 1/1;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .light-card-style .product-img img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  .product-title {
      margin-top: 15px;
      font-size: 14px;
      line-height: 1.4;
      font-weight: bold;
      color: #333;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding: 0 10px;
  }



  .hot-swiper .swiper-button-next {
      right: 0;
      border-radius: 4px 0 0 4px;
  }


  .main-header {
      display: flex;
      justify-content: center;
      position: relative;
      margin-bottom: 40px;
  }

  .main-header h2 {
      font-size: 30px;
      font-weight: bold;
  }


  .category-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 36px;
  }

  .category-title .product-card {
      display: flex;
      flex-direction: column;
      align-items: center;
  }


  .white-box img {
      width: 444px;
      height: 444px;
      object-fit: contain;
      object-fit: contain;
  }

  .product-info {
      margin-top: 15px;
      font-size: 16px;
      color: #333;
      line-height: 1.4;
      font-weight: 600;
      text-align: center;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .hot-swiper .swiper-button-prev,
  .hot-swiper .swiper-button-next {
      width: 50px;
      height: 60px;
      background: #FFFFFF;
      color: #fff;
      margin-top: -60px;
  }


  .hot-swiper .swiper-button-prev:after,
  .hot-swiper .swiper-button-next:after {
      font-size: 26px;
      font-weight: bold;
      color: #111111;
  }

  .hot-swiper .swiper-button-prev:hover,
  .hot-swiper .swiper-button-next:hover {
      background: #111111;
      color: #fff;
      margin-top: -60px;
  }


  .hot-swiper .swiper-button-prev:hover:after,
  .hot-swiper .swiper-button-next:hover:after {
      font-size: 26px;
      font-weight: bold;
      color: #ffffff;
  }

  .hot-swiper .swiper-button-prev {
      left: 0;
      border-radius: 0 4px 4px 0;
  }

  .hot-swiper .swiper-button-next {
      right: 0;
      border-radius: 4px 0 0 4px;
  }

  .hot-products-section .container {
      max-width: 1400px;
      margin: 36px auto 0 auto;
      box-sizing: border-box;
      padding: 20px 10px;
  }

  /* 响应式断点 */
  @media (max-width: 768px) {
      .main-header h2 {
          font-size: 24px !important;
      }


      .hot-swiper .swiper-button-prev,
      .hot-swiper .swiper-button-next {
          width: 35px;
          height: 45px;
          background: rgba(0, 0, 0, 0.6);
          color: #fff;
          margin-top: -40px;

      }

      .hot-swiper .swiper-button-prev {
          left: 0;
          border-radius: 0 4px 4px 0;
      }

      .hot-swiper .swiper-button-next {
          right: 0;
          border-radius: 4px 0 0 4px;
      }

      .hot-swiper .swiper-button-prev:after,
      .hot-swiper .swiper-button-next:after {
          font-size: 16px;
      }
  }

  /* 响应式断点 */
  @media (max-width: 414px) {
      .main-header h2 {
          font-size: 18px !important;
      }

      .main-header {}

  }

  .hot-swiper {
      width: 100%;
      overflow: hidden;
      position: relative;
  }

  /* SOLUTION */
  .solution-section {
      padding: 80px 0;
      background-color: #f9f9f9;
      text-align: center;
  }

  /* 头部文字 */
  .solution-header {
      max-width: 800px;
      margin: 0 auto 50px;
  }

  .solution-header h2 {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 15px;
  }

  .solution-header p {
      font-size: 16px;
      color: #666;
      line-height: 1.6;
  }

  /* 网格布局：关键部分 */
  .solution-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      /* 大屏幕 4 列 */
      gap: 20px;
      /* 卡片之间的间距 */
      margin-bottom: 50px;
  }

  /* 修改卡片样式 */
  .solution-item {
      background: #fff;
      padding: 60px 30px;
      border-radius: 4px;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);

      display: flex;
      flex-direction: column;
      align-items: center;
      /* 内容水平居中 */
      text-align: center;
      box-sizing: border-box;
      transition: all 0.3s ease;
  }

  .solution-item h3 {
      font-size: 19px;
      font-weight: bold;
      color: #111;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 80px;
      line-height: 1.3;
      width: 100%;
  }

  .solution-item p {
      font-size: 14px;
      color: #666;
      line-height: 1.8;
      margin-top: 25px;
      margin-bottom: 0;
  }

  /* 4. 底部按钮优化 */
  .solution-footer {
      margin-top: 50px;
  }

  .quote-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #1a1a1a;
      color: #fff;
      padding: 20px 50px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      font-size: 18px;
      transition: background 0.3s;
      text-transform: uppercase;
  }

  .quote-btn:hover {
      background: #333;
  }

  .solution-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      /* 增加卡片间的间距 */
      max-width: 1400px;
      margin: 0 auto 60px;
      padding: 0 10px;
  }

  .solution-item:hover {
      transform: translateY(-5px);
      /* 悬浮动效 */
  }

  .icon-box {
      height: 100px;
      /* 稍微拉高图标区域 */
      margin-bottom: 30px;
      display: flex;
      align-items: center;
  }

  .icon-box img {
      max-height: 100%;
      width: auto;
  }


  /* 响应式适配 */
  @media (max-width: 1200px) {
      .solution-grid {
          grid-template-columns: repeat(3, 1fr);
      }

      /* 平板端 3 列 */
  }

  @media (max-width: 768px) {
      .solution-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      /* 小平板 2 列 */
  }

  @media (max-width: 480px) {
      .solution-grid {
          grid-template-columns: 1fr;
      }

      /* 手机端 1 列 */
  }



  /* 视频 */
  .video-section {
      padding: 60px 0;
      background: #fff;
  }



  .section-title {
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 50px;
      text-transform: uppercase;
  }

  /* 每一行的基础样式 */
  .video-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 40px;
      gap: 50px;
      transition: all 0.4s ease-out;
  }

  /* --- 核心代码：自动实现左右交替 --- */
  /* .video-row:nth-child(odd) {
    flex-direction: row-reverse;
} */
  @media (min-width: 769px) {
      .video-row:nth-child(odd) {
          flex-direction: row-reverse;
      }
  }

  .video-placeholder img {
      width: 100% !important;
      max-width: 850px;
      height: auto !important;
      object-fit: cover;
      display: block;
  }

  @media (max-width: 768px) {
      .video-row {
          flex-direction: column-reverse !important;
          gap: 20px !important;
          margin-bottom: 50px !important;
          text-align: center;
      }

      .video-text {
          max-width: 100% !important;
          padding: 0 15px;
      }

      .video-text h3 {
          font-size: 18px;
          margin-bottom: 10px;
      }

      .video-text p {
          margin-bottom: 20px;
      }
  }

  /* 文字部分 */
  .video-text {
      flex: 1;
      max-width: 400px;
      transition: transform 0.4s ease-out;
  }

  .video-text h3,
  .video-text p {
      transition: all 0.4s ease-out;
  }

  .video-text h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 15px;
      color: #333;
  }

  .video-text p {
      font-size: 16px;
      color: #000000;
      font-weight: 600;
      margin-bottom: 45px;
      line-height: 1.6;
  }




  .video-placeholder {
      position: relative;
      overflow: hidden;
      border-radius: 8px;
  }

  .video-placeholder img {
      width: 850px;
      height: 390px;
      object-fit: cover;

      transition: all 0.4s ease-out;
      display: block;
  }

  .video-row:hover .video-placeholder::before {
      background: rgba(0, 0, 0, 0.3);
  }

  .video-row:hover .video-text {
      transform: translateY(-8px);
  }

  .video-row:hover .video-text h3 {
      color: #0086D0;
  }

  .video-row:hover .video-text p {
      color: #555;
  }

  .video-row:hover .read-more {
      opacity: 1;
      transform: translateX(5px);
  }



  .video-placeholder::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0);
      pointer-events: none;
      transition: background 0.4s ease-out;
      z-index: 1;
  }

  /* 播放按钮样式 */
  .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease-out;
  }

  .play-btn::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 25px solid #fff;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      transform: translateX(5px);
  }

  .play-btn::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70px;
      height: 70px;
      border-radius: 50%;
      border: 2px solid #fff;
      animation: ripple 2s ease-out infinite;
      z-index: -1;
  }

  @keyframes ripple {
      0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 0.6;
      }

      100% {
          transform: translate(-50%, -50%) scale(1.8);
          opacity: 0;
      }
  }

  .play-btn:hover {
      transform: translate(-50%, -50%) scale(1.1);
      background: rgba(0, 0, 0, 0.6);
  }

  .play-btn:hover::after {
      animation-duration: 1.5s;
      border-color: #ffffff;
  }

  /* 响应式：手机端全部变回正常的上下堆叠 */
  @media (max-width: 768px) {

      .video-row,
      .video-row:nth-child(even) {
          flex-direction: column;
          gap: 20px;
          text-align: center;
      }

      .video-text {
          max-width: 100%;
      }
  }

  /* 客户评价 */
  .testimonials-section {
      position: relative;
      padding: 80px 0;
      color: #fff;
      min-height: 500px;
      overflow: hidden;
  }

  .testimonials-section .container {
      max-width: 1400px;
      padding: 0 10px;
      position: relative;
  }

  .testimonials-section img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0;
  }

  /* 黑色遮罩层 */
  .testimonials-section .overlay {
      position: absolute;
      top: -10px;
      left: -10px;
      width: 100%;
      height: 100%;
      z-index: 1;
  }

  .testimonials-section .content-wrapper {
      /* width: 1260px; */
      max-width: 1260px;
      width: 100%;
  }

  .content-wrapper {
      position: relative;
      z-index: 2;
      width: 95%;
      max-width: 1260px;
      margin: 0 auto;
  }

  /* 头部样式 */
  .header-row {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin-bottom: 10px;
      margin-top: 30px;
      flex-direction: column;
  }

  .header-row h2 {
      font-size: 32px;
      font-weight: bold;
      letter-spacing: 1px;
  }


  /* 评价卡片样式 */


  .testimonial-swiper-wrapper {
      position: relative;
      width: 100%;
  }

  .testimonial-swiper .swiper-slide {
      height: auto;
  }

  .testimonial-swiper {
      width: 100%;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      padding: 0 20px 20px 20px;
  }

  .testimonial-card {
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 15px;
      padding: 40px;
      box-sizing: border-box;
      margin-top: 26px;
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .testimonial-card:hover {
      background: rgba(255, 255, 255, 0.12);
      transform: translateY(-5px);
      border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .testimonial-card img {
      width: 45px !important;
      height: auto !important;
      position: absolute;
      top: -22px;
      left: 25px;
      z-index: 3;
      opacity: 0.9;
  }

  @media (max-width: 768px) {
      .testimonial-card img {
          width: 35px !important;
      }

      .testimonial-card {
          padding: 20px;
      }
  }

  @media (max-width: 444px) {

      .header-row h2 {
          font-size: 18px;
      }

      .testimonial-card {
          margin-top: 12px;
      }
  }

  .comment {

      color: #fff;
      font-size: 17px;
      letter-spacing: 0.5px;
  }

  .client-info {
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      padding-top: 20px;
      margin-top: auto;
  }

  .client-info .name {
      display: block;
      font-weight: bold;
      font-size: 16px;
  }

  .client-info .date {
      display: block;
      font-size: 13px;
      margin-top: 5px;
  }

  .testimonial-swiper .swiper-button-prev:after,
  .testimonial-swiper .swiper-button-next:after {
      font-size: 24px;
  }

  /* 箭头定位相对于 wrapper */
  .testimonial-swiper-wrapper .swiper-button-prev {
      left: -30px;
      color: #fff;

  }

  .testimonial-swiper-wrapper .swiper-button-next {
      right: -30px;
      color: #fff;

  }

  /* 响应式断点 */
  @media (max-width: 414px) {
      .testimonial-swiper-wrapper .swiper-button-prev {
          left: 0;
          color: #fff;

      }

      .testimonial-swiper-wrapper .swiper-button-next {
          right: 0;
          color: #fff;

      }


  }

  .testimonial-swiper-wrapper .swiper-button-prev,
  .testimonial-swiper-wrapper .swiper-button-next {
      width: 44px;
      height: 44px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      transition: all 0.3s ease;
  }

  .testimonial-swiper-wrapper .swiper-button-prev:hover,
  .testimonial-swiper-wrapper .swiper-button-next:hover {
      background: rgba(255, 255, 255, 0.2);
  }

  .testimonial-swiper-wrapper .swiper-button-prev:after,
  .testimonial-swiper-wrapper .swiper-button-next:after {
      font-size: 18px;
      font-weight: bold;
  }

  /* 技术 */
  .insights-section .container {
      max-width: 1400px;
      padding: 0 10px;
      position: relative;
  }

  .insights-section {
      padding: 100px 0;
      background: #fcfcfc;
  }

  /* 标题样式 */
  .main-header {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      flex-direction: column;
  }

  .main-header h2 {
      font-size: 34px;
      letter-spacing: 1px;
      position: relative;
  }

  .main-header h2::after {
      content: "";
      display: block;
      width: 50px;
      height: 3px;
      background: #0056b3;
      margin: 10px auto 0;
  }

  .insight-card {
      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      cursor: pointer;
  }

  .image-box {
      border-radius: 4px;
      /* 微小的圆角增加精致度 */
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      /* 默认极淡阴影 */
  }


  .insight-card:hover .image-box {
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  }

  .insight-card:hover .info-box .title {
      color: #0056b3;
  }


  .info-box .date {
      font-family: 'Arial', sans-serif;
      font-style: normal;
      letter-spacing: 0.5px;
      margin-top: 15px;
  }

  .info-box .title {
      font-size: 18px;
      /* 稍微加大 */
      margin-top: 8px;
      transition: color 0.3s;
  }

  /* 5. 导航按钮美化 */
  .insights-section .swiper-button-prev,
  .insights-section .swiper-button-next {
      width: 50px;
      height: 50px;
      background: rgba(0, 0, 0, 0.6);
      backdrop-filter: blur(4px);
      transition: all 0.3s;
  }

  .insights-section .swiper-button-prev:hover,
  .insights-section .swiper-button-next:hover {
      background: #111111;
  }

  .insights-section .swiper-button-prev:hover:after,
  .insights-section .swiper-button-next:hover:after {
      color: #fff !important;
  }

  .insights-section .swiper-button-prev {
      left: 9px;
  }

  .insights-section .swiper-button-next {
      right: 10px;
  }

  /* .main-header .more-link {
    font-weight: bold;
    color: #333;
    text-decoration: underline;
    text-align: end;
    width: 100%;
} */

  .more-link {
      font-size: 16px;
      color: #333;
      text-align: end;
      text-decoration: underline;
      font-weight: bold;
  }

  @media (max-width: 768px) {
      .main-header .more-link {
          top: 35px;
      }

  }

  .swiper-outer {
      position: relative;
      /* width: 1400px; */
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      z-index: 5;
      padding: 0 10px;
      box-sizing: border-box;
  }

  .insights-swiper {
      width: 100%;
      overflow: visible !important;
  }

  .insights-section .swiper-slide {
      /* width: 448px !important; */
      /* width: 448px !important;
    max-width: 100%; */
  }

  .image-box {
      width: 100% !important;
      max-width: 448px;
      height: 384px !important;
      overflow: hidden;
      margin-bottom: 15px;
      background: #f5f5f5;
  }




  .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.3s;
  }

  .insight-card:hover img {
      transform: scale(1.05);
  }

  .info-box .date {
      display: block;
      font-size: 13px;
      font-style: italic;
      color: #999;
      margin-bottom: 8px;
  }

  .info-box .title {
      font-size: 16px;
      color: #333;
      line-height: 1.4;
      font-weight: 600;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .insights-section .swiper-button-prev,
  .insights-section .swiper-button-next {
      width: 50px;
      height: 60px;
      background: #FEFEFC;
      color: #fff;
      margin: 0;
      top: 192px;
      transform: translateY(-50%);
      position: absolute;
      z-index: 10;
  }

  @media (max-width: 768px) {
      .insights-section {
          padding: 40px 0;
      }

      .image-box {
          height: 240px !important;
      }


      /* 5. 导航按钮美化 */
      .insights-section .swiper-button-prev,
      .insights-section .swiper-button-next {
          width: 50px;
          height: 50px;
          background: rgba(0, 0, 0, 0.6);
          backdrop-filter: blur(4px);
          border-radius: 50%;
          transition: all 0.3s;
      }

      .insights-section .swiper-button-prev:hover,
      .insights-section .swiper-button-next:hover {
          background: #0056b3;
      }

      .insights-section .swiper-button-prev {
          left: 20px;
      }

      .insights-section .swiper-button-next {
          right: 20px;
      }

      .insights-section .swiper-button-prev,
      .insights-section .swiper-button-next {
          width: 40px;
          height: 40px;
          background: #ffffff;
          color: #fff;
          margin: 0;
          top: 132px !important;
          transform: translateY(-50%);
          position: absolute;
          z-index: 10;
      }
  }

  .insight-btn-prev {
      left: 14px;
  }

  .insight-btn-next {
      right: 14px;
  }


  .insights-section .swiper-button-prev:after,
  .insights-section .swiper-button-next:after {
      font-size: 26px;
      font-weight: bold;
      color: #000000;

  }

  /* 证书 */
  /* .certificate-section {
    padding: 80px 0;
    background: #fff;
    text-align: center;
}

.section-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333;
}

.certificate-swiper {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px !important;
    position: relative;
}

.cert-image-wrap {
    width: 100%;
    line-height: 0;
}

.cert-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

.certificate-swiper .swiper-pagination {
    bottom: 10px !important;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 1;
}

.certificate-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #333 !important;
    opacity: 0.3;
    margin: 0 6px !important;
    display: inline-block;
}

.certificate-swiper .swiper-pagination-bullet-active {
    background: #000 !important;
    opacity: 1;
} */
  /* 证书章节 */
  .certificate-section {
      padding: 80px 0 40px 0;
      background: #fff;
      text-align: center;
  }

  .section-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 40px;
      color: #333;
  }

  .certificate-swiper {
      width: 100%;
      max-width: 1400px;
      /* 5张图(254px*5) + 4个间距(30px*4) 约等于 1390px */
      margin: 0 auto;
      padding-bottom: 60px !important;
      position: relative;
      /* 确保超出部分隐藏 */
      overflow: hidden;
  }

  /* .cert-image-wrap {
    width: 100%;
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
} */

  .cert-image-wrap:hover {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      transform: translateY(-5px);
  }


  /* 分页器样式保持并微调 */
  .certificate-swiper .swiper-pagination {
      bottom: 10px !important;
  }

  .certificate-swiper .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background: #333 !important;
      opacity: 0.2;
      margin: 0 10px !important;
      transition: all 0.3s;
  }

  .certificate-swiper .swiper-pagination-bullet-active {
      background: #000 !important;
      opacity: 1;
      /* width: 24px; */
      border-radius: 4px;
  }

  /* 合作伙伴 */
  .partner-section {
      padding: 40px 0 80px 0;
      background: #fff;
  }

  .section-title {
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 40px;
  }

  .logo-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 38px 7px;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 10px;
  }

  @media (max-width: 768px) {
      .logo-wrapper {
          gap: 20px;
      }
  }

  .logo-item {
      width: 266px;
      /* height: 166px; */
      background: #fff;
      border: 1px solid #f0f0f0;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      transition: 0.3s;
      box-sizing: border-box;
      overflow: hidden;
  }

  .logo-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }

  .logo-item img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  @media (max-width: 1024px) {
      .logo-item {
          width: calc((100% - (20px * 2)) / 3);
      }

  }

  @media (max-width: 768px) {
      .logo-item {
          width: calc((100% - 20px) / 2);
      }

  }


  /* 底部表单样式 */
  .index_footer {
      background: #F6F7FB;
      padding: 70px 0;

  }

  .footer_title {
      text-align: center;
      font-weight: 600;
      color: #1d313d;
      margin: 12px 0 0;
  }

  .footer_p {
      text-align: center;
      font-size: 16px;
      margin: 12px 0 36px;
  }

  .footer_p2 {
      text-align: center;
      font-size: 16px;
      margin: 22px 0 25px;
  }

  .footer_btnBox {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .footer_btn {
      background: #DC8A00;
      padding: 8px 24px;
      font-size: 16px;
      border-radius: 10px;
      color: #ffffff;
      margin: 0 auto;
      cursor: pointer;
      transition: color 0.3s ease, transform 0.3s ease;
      font-weight: 600;
  }

  .footer_btn:hover {
      background: #c67900;
      /* transform: translateY(-2px); */
  }

  .quote-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 32px;
      max-width: 1380px;
      margin: 0 auto;
  }

  .quote-grid .item {
      width: 100%;
  }

  .quote-grid .item.full {
      grid-column: 1 / -1;
  }

  .quote-grid label {
      display: block;
      margin-bottom: 8px;
      font-size: 16px;
      color: #333;
      font-weight: normal;
  }

  .quote-grid label span {
      color: #e53935;
  }

  .quote-grid .textbox,
  .quote-grid .textarea {
      width: 100%;
      box-sizing: border-box;
      height: 46px;
      border: 1px solid #c8d2db;
      border-radius: 8px;
      background: #ffffff;
      padding: 0 14px;
  }

  .quote-grid .textarea {
      height: 110px;
      padding: 10px 14px;
      resize: vertical;
  }

  .quote-grid .verification {
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .quote-grid .verification img {
      height: 34px;
      width: auto;
  }

  @media (max-width:1380px) {

      .quote-grid {
        padding: 0 10px;
      }
  }

  @media (max-width:768px) {
      .index_footer {
          padding: 40px 15px;
      }

      .footer_title {
          font-size: 22px;
      }

      .quote-grid {
          grid-template-columns: 1fr;
          gap: 15px;
      }

      .quote-grid .verification {
          flex-wrap: wrap;
      }

      .quote-grid .textbox_code {
          flex: 1;
          min-width: 100px;
      }

      .footer_btn {
          width: 100%;
          text-align: center;
          padding: 14px 0;
      }

      .footer_title {
          font-size: 18px;
      }

      .quote-grid {
          grid-template-columns: 1fr;
          gap: 12px;
      }

      .footer_p {
          font-size: 14px;
      }
  }