  .max_m {
    max-width: 100% !important;
    padding: 0 !important;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .m_item:first-of-type {
    grid-column: span 2;
  }

  .m_text1,
  .m_text {
    text-align: center;
  }

  .m_text1 p:first-of-type {
    font-size: 48px;
    font-weight: 700;
    color: #050505;
  }

  .m_text1 p:last-of-type {
    font-size: 24px;
    color: #333333;
  }

  .m_text1 a {
    font-size: 20px;
    color: #fff;
    background: #333333;
    padding: 16px;
    max-width: 360px;
    width: 100%;
    display: block;
    border-radius: 4px;
  }

  .m_text1 {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    padding: 48px;
  }

  .m_text p:first-of-type {
    font-size: 24px;
  }

  .m_text p:last-of-type {
    font-size: 36px;
    font-weight: 700;
  }

  .m_text a {
    font-size: 20px;
    color: #2680EA;
  }

  .m_text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 30px;
    padding: 48px;
  }

  .m_item {
    position: relative;
  }

  .m_item:nth-child(2) p,
  .m_item:nth-child(5) p {
    color: #fff;
  }

  .m_item a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: text-underline-offset 0.3s ease-in-out;
  }

  .s_pro .bd .box {
    padding: 0 !important;
  }

  .img_db .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .s_pro .bd .box h4 {
    font-size: 20px;
    text-align: left;
  }

  .s_proitem {
    padding: 24px;
  }

  .s_pro .bd .box .btnbox {
    justify-content: left;
    margin: inherit;
  }

  .s_pro .m {
    max-width: 100%;
  }

  .s_pro {
    padding-bottom: 110px;
  }

  .btnbox a {
    color: #2680EA;
  }

  .pad_bot {
    padding-top: 20px;
  }

  .mobile-img {
    display: none;
  }

  .pro_slide1 .swiper-pagination-bullet {
    width: 32px;
    height: 5px;
    border-radius: 0;
  }

  .pro_slide1 .swiper-pagination-bullet-active {
    background: #333;
  }

  .pro_slide1 .swiper-pagination {
    position: relative;
    margin-top: 35px;
  }

  @media screen and (max-width: 768px) {
    .pc-img {
      display: none;
    }

    .mobile-img {
      display: block;
    }

    .m_text p:first-of-type {
      font-size: 14px;
    }

    .m_text p:last-of-type {
      font-size: 20px;
    }

    .m_text a {
      font-size: 14px;
    }

    .max_m {
      display: block;

    }

    .m_item {
      margin-bottom: 20px;
    }

    .m_text {
      gap: 10px;
      padding: 40px;
    }

    .m_text1 {
      justify-content: start;
      gap: 10px;
      padding: 25px;
    }

    .m_text1 p:first-of-type {
      font-size: 20px;
    }

    .m_text1 p:last-of-type {
      font-size: 14px;
    }

    .m_text1 a {
      font-size: 14px;
      color: #2680EA;
      background: inherit;
      padding: 0;
    }
  }

  /*----------------------------------------------------------------解决方案css*/

  .in-products-solution {
    --section-padding: 80px 20px 120px;
    padding: 80px 20px 120px;
    background-color: #ffffff;
  }

  .page-layout-content {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }

  .products-solution-haeder h1 {
    font-size: 40px;
    padding-bottom: 2rem;
    font-weight: 700;
    text-align: center;
  }

  .products-solution-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 25px;
    padding: 24px 0;
  }

  .cate-item {
    grid-template-rows: auto auto 1fr;
  }

  .cate-item-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 3.5rem;
  }

  .cate-item-desc {
    font-size: 18px;
    color: #666;
  }

  .cate-item-card {
    margin-top: 2.5rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 16px #00000014;
    overflow: hidden;
  }

  .shs-card--wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
  }

  .shs-card--img {
    height: 260px;
  }

  .shs-card--img img {
    height: 100%;
    object-fit: cover;
  }

  .shs-card--container {
    display: grid;
    grid-auto-rows: auto auto auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }

  .shs-card--title {
    font-size: 24px;
    font-weight: 700;
  }

  .shs-card--slogan {
    font-size: 16px;
    color: #666;
  }

  .shs-card--desc {
    font-size: 14px;
    max-height: 100px;
    color: #666;
    line-height: 1.5rem;
  }

  .shs-card--link {
    display: flex;
    align-items: center;
  }

  .shs-card--link a {
    color: white;
    background-color: #E64A4B;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: color 0.3s;
  }

  .shs-card--link a:hover {
    color: white;
    text-decoration: underline;
  }

  /* ------------------------------------------------产品卡片切换样式 */
  .cate-item-card-products {
    position: relative;
    min-height: 500px;
    /* 确保高度一致 */
  }

  .cate-item-card-product {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    /* 防止点击隐藏元素 */
  }

  .cate-item-card-product.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
  }

  /* ----------------------------------------------------确保按钮显示 */
  .cate-item-card-wrapper {
    position: relative;
  }

  .cate-item-card-nav {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 100;
    pointer-events: none;
    /* 允许点击穿透 */
  }

  .card-nav-prev,
  .card-nav-next {
    pointer-events: auto;
    /* 恢复按钮点击 */
    width: 40px;
    height: 40px;
    background: #EDEDED;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
    font-size: 20px;
    /*color:white;*/
    margin: 0 2px;
  }

  .card-nav-prev:hover,
  .card-nav-next:hover {
    background-color: #E64A4B;
    /* 品牌红色 */
    color: white;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  .card-nav-prev::before,
  .card-nav-next::before {
    font-size: 18px;
    font-weight: bold;
  }


  /* --------------------------------------------------按钮样式设置 */
  .card-nav-prev::after {
    content: "<";
  }

  .card-nav-next::after {
    content: ">";
  }

  @media screen and (max-width: 768px) {
    .in-products-solution {
      padding: 30px 20px 10px;
    }

    .products-solution-container {
      grid-template-columns: repeat(1, 1fr)
    }

    .products-solution-haeder h1 {
      font-size: 20px;
      line-height: 3rem;
    }

    .cate-item-title {
      font-size: 24px;
      padding-bottom: 5px
    }

    .cate-item-desc {
      font-size: 14px;
    }

    .cate-item-card-products {
      min-height: auto;
      /* 移动端取消固定高度 */
    }
  }

  /* ------------------------------------------------------------------------模型部分以及框架 */
  .page-layout-content-second {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }

  .page-layout-content-third {
    max-width: 1840px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .in-model-show-cube {
    text-align: center;
    margin-bottom: 20px;
  }

  .in-model-show-cube a {
    font-size: 24px;
    color: #2680EA;
    text-decoration: none;
    transition: color 0.3s;
  }

  .in-model-show-cube a:hover {
    color: #1a5fb4;
    text-decoration: underline;
  }

  .in-dex-model-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 3.5rem;
  }

  .index-model-item {
    width: 100%;
    height: 600px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .index-model-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  }

  .index-model-item iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
  }

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

    .page-layout-content-second {
      padding: 0 60px;
    }

    .page-layout-content-third {
      padding: 0 15px;
    }

    .in-dex-model-container {
      grid-template-columns: 1fr;
      gap: 30px;
      padding-top: 2rem;
    }

    .index-model-item {
      height: 300px;
    }

    .in-model-show-cube a {
      font-size: 16px;
    }

  }

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

    .page-layout-content-second {
      padding: 0 15px;
    }
  }

  /*-----------------------------------------------------合作伙伴*/
  .de-coorparent {
    padding-bottom: 110px;
  }

  .index-cpartner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .in-cooperp-container {
    width: 100%;
    overflow: hidden;
  }

  .in-cooperp-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /*gap: 20px;*/
    background-color: #F9F9F9;
    padding: 24px 0;
    row-gap: 20px;
  }

  .in-coorp-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
  }

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

  .in-coorp-item img {
    max-width: 100%;
    height: auto;
    /* max-height: 60px;*/
    max-height: 90%;
    object-fit: contain;
  }


  @media (max-width: 768px) {
    .de-coorparent {
      padding-bottom: 50px;
    }

    .in-cooperp-wrapper {
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
    }
  }

  /*--------------------------------------------联系我们*/
  .index-contacts {
    width: 100%;
    max-width: 1441px;
    margin: 0 auto;
    /*padding: 20px;*/
  }

  .in-contact-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    height: 100%;
  }

  /* 前四个模块占据前两行和两列 */
  .in-contact-ct-item-1 {
    grid-column: 1;
    grid-row: 1;
  }

  .in-contact-ct-item-2 {
    grid-column: 2;
    grid-row: 1;
  }

  .in-contact-ct-item-3 {
    grid-column: 1;
    grid-row: 2;
  }

  .in-contact-ct-item-4 {
    grid-column: 2;
    grid-row: 2;
  }

  /* 最后一个模块占据第三列的两行 */
  .in-contact-ct-item-5 {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .in-contact-ct-item {
    position: relative;
    background: #F6F7F9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 467px;
    height: 299px;
  }

  .in-contact-ct-item-5 {
    width: 467px;
    height: 618px;

  }

  /* 内容区域填满整个网格单元 */
  .in-contact-conten-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*padding: 20px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .index-contact-ico,
  .index-contact-ewm {
    margin-bottom: 15px;
  }

  .index-contact-ico img,
  .index-contact-ewm img {
    max-width: 100%;
    height: auto;
    width: 90px;
  }

  .in-contact-conten-box h4,
  .in-contact-conten-box h4 {
    margin: 10px 0;
    font-size: 1.75rem;
    color: #000;
    font-weight: 500;
  }

  .in-contact-conten-box p,
  .in-contact-conten-box p {
    margin: 5px 0;
    font-size: 16px;
    color: #666;
    line-height: 2rem;
  }

  .in-contact-conten-box a {
    color: #448EF8;
    text-decoration: none;
  }

  .in-contact-conten-box a:hover {
    text-decoration: underline;
  }

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

    .in-contact-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* 两列 */
      grid-template-rows: repeat(2, 1fr);
      /* 两行 */
      gap: 15px;
    }

    /* 隐藏第五个模块 */
    .in-contact-ct-item-5 {
      display: none;
    }

    /* 重置所有模块的网格位置 */
    .in-contact-ct-item-1,
    .in-contact-ct-item-2,
    .in-contact-ct-item-3,
    .in-contact-ct-item-4 {
      grid-column: auto;
      grid-row: auto;
    }

    .in-contact-ct-item {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1;
      min-height: 160px;
      box-shadow: none;
      border: radius 2px;
      ;
    }

    .index-contact-ico img,
    .index-contact-ewm img {
      width: 48px;
    }

    .in-contact-conten-box h4 {
      font-size: 1.2rem;
      margin: 8px 0;
    }

    .in-contact-conten-box p {
      font-size: 8px;
      line-height: 1.5rem;
      margin: 3px 0;
    }

    .in-contact-conten-box {
      padding: 15px;
    }
  }