/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 整体滚动条 */
::-webkit-scrollbar {
    width: 7px; /* 滚动条宽度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景颜色 */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #bdbdbd; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角 */
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  /*overflow-x: hidden;*/
}
@media screen and (max-width: 768px) {
  body {background-color: #fff;}
}

/* 基础section样式 */
section {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* 防止内容溢出 */
}

/* 容器通用样式 */
.container,
.footer-container,
.contact-container,
.cert-container,
{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 轮播section样式调整 */
.carousel-section {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* 新闻section样式调整 */
.news-section {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}

/* 认证section样式调整 */
.certifications {
  width: 100%;
  padding: 60px 0;
  background: #f5f5f5;
}

/* 联系我们section样式调整 */
.contact-section {
  width: 100%;
  padding: 60px 0;
  background: linear-gradient(45deg, #0033cc, #0066ff);
}

/* 页脚样式调整 */
.footer {
  width: 100%;
  padding: 60px 0 40px;
  background: #fff;
}

/* 响应式处理 */
@media (max-width: 768px) {
  section {
    /*padding: 40px 0;*/
  }

  .container,
  .footer-container,
  .contact-container,
  .cert-container,
  .carousel-container {
    padding: 0 15px;
  }
}

body {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

/* 轮播图容器 */
  .slider-container {
    width: 100%;
    height: 680px;
    position: relative;
    overflow: hidden;
    /*visibility: hidden;*/
  }
  @media screen and (max-width: 768px) {
    .slider-container{height: 360px; }
  }
  
  .slider {
    display: flex;
    width: 500%;
    height: 100%;
    transition: none; /* 初始禁用过渡效果 */
    transform: translateX(-20%); /* 直接设置初始位置 */
  }
  
  .slide {
    width: 20%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  /* 第一个slide - 视频背景 */
  .slide-1 {
    background-image: url('../images/swiper-bg0.png');
  }
  
  /* 第二个slide - 渐变背景 */
  .slide-2 {
    background-image: url('../images/swiper-bg1.jpg');
  }
  
  /* 第三个slide - 渐变背景 */
  .slide-3 {
    background-image: url('../images/swiper-bg2.png');
  }
  
  
  
  /* 点阵背景 */
  .dots-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(
      circle,
      rgba(255, 255, 255, 0.1) 1px,
      transparent 1px
    );
    background-size: 20px 20px;
    opacity: 0.3;
  }
  
  .slide-content {
    position: relative;
    z-index: 2;
    color: white;
    text-align: center; /* 改为居中对齐 */
    /* max-width: 800px; */
    width: 100%;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center; /* 内容居中对齐 */
    justify-content: center;
  }
  
  .slide-content h1 {
    font-size: 68px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000;
    line-height: 1.5;
    text-align: center;
    white-space: normal; /* 强制一行显示 */
    z-index: 1000;
    letter-spacing: 2px;
  }
  /* 如果需要，可以给br标签额外的间距 */
  .slide-content h1 br {
    display: block;
    content: "";
    margin-top: 10px; /* 调整上下间距 */
    z-index: 1000;
  }
  
  .slide-content p {
    font-size: 23px;
    text-align: left;
    color: #333;
    z-index: 1000;
    margin-top: 30px;
  }
  
  
  .consult-btn {
      display: block;
      padding: 12px 30px;
      background: #1951AE;
      color: #fff;
      text-decoration: none;
      border-radius: 4px;
      font-size: 18px;
      transition: all 0.3s ease;
      margin-top: 3.5rem;
      width: 140px;
      z-index:1;
  }
  @media screen and (max-width: 768px) {
    .consult-btn {display: none;}
  }
  
  .consult-btn:hover {
    background: #1951AE;
    color: #fff;
    transform: translateY(-2px);
  }
  
  /* 轮播指示器 */
  .slider-indicators {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 3;
  }
  
  .indicator {
    width: 60px;
    /*height: 2px;*/
    /*background: #fff;*/
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    .indicator {width: 30px;height: 3px;}
  }
  
  .indicator.active {
    /*background: #007EFF;*/
  }
  
  /* 轮播指示器点击范围优化 */
  .indicator {
      position: relative;
      padding: 30px;
      cursor: pointer;
    }
    
  .indicator::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 3px;
      background-color: #ffffff;  /* 未激活状态的颜色 */
      transition: background-color 0.3s ease;
    }
    
    .indicator.active::before {
      background-color: #007EFF;  /* 激活状态的颜色 */
    }
    
    /* 移动端适配 */
    @media screen and (max-width: 768px) {
      .indicator {
          padding: 8px;  /* 移动端稍微减小内边距 */
      }
      
      .indicator::before {
          width: 20px;  /* 移动端稍微减小横线宽度 */
      }
    }
  /* 轮播指示器点击范围优化 */
  
  
  
  /* 添加响应式设计 */
  @media (max-width: 768px) {
    .slide-content h1 {
      font-size: 32px;
      padding: 0px;
    }
  }
  
  /* 添加就绪状态类 */
  .slider-container.ready {
    visibility: visible;
  }
  
  .slider.ready {
    transition: transform 0.5s ease-out;
  }
  
  
  
  

/* 添加渐变数字样式 */
.gradient-number {
  /* background: linear-gradient(to right, #fff, #7fdbff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline;
  white-space: nowrap; */
  /* font-weight: 600;
  font-size: 200px; */
}
.gradient-number0 {
  background: linear-gradient(to right, #7C69FF, #007EFF,#00ADFF );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline;
  white-space: nowrap;
  /* font-weight: 600;
  font-size: 200px; */
}

/* 移除所有 br 标签的效果 */
.slide-content h1 br {
  /* display: none; */
}



/* 架构图容器样式 第一个section*/
.architecture {
  padding: 80px 0px 700px 0px;
  background-image: url('../images/jg-bg0.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
   padding: 0; 
}

/* 标题和描述样式 */
.arch-header {
  text-align: center;
  margin-bottom: 60px;
}

.arch-header h2 {
  text-align: center;
  font-size: 36px;
  color: #000000;
  margin: 30px;
  font-weight: 600;
}

.arch-header p {
  font-size: 16px;
  color: #333333;
  line-height: 1.8;
  max-width: 980px;
  margin: 0 auto;
}

/* 架构图主体样式 */
.arch-diagram {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* 新增的背景层样式 */
.arch-bg-layer {
    position: absolute;
    width: 598px;
    height: 86px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    background-image: url('../images/jg2.0-bg1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.arch-bg-layer2 {
    position: absolute;
    width: 820px;
    height: 136px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 60%);
    background-image: url('../images/jg2.0-bg2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.arch-bg-layer3 {
    position: absolute;
    width: 1022px;
    height: 192px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 60%);  /* 修改Y轴位移为60% */
    background-image: url('../images/jg2.0-bg3.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.arch-bg-layer4 {
    position: absolute;
    width: 1160px;
    height: 260px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 72%);  /* 修改Y轴位移为72% */
    background-image: url('../images/jg2.0-bg4.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.arch-bg-layer5 {
    position: absolute;
    width: 1280px;
    height: 470px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 23%);  /* 修改Y轴位移为23% */
    background-image: url('../images/jg2.0-bg5.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.scene-boxes {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    transform: translateY(-3.4rem);  /* 修改位移距离 */
}

.scene-box {
    width: 5.1rem;
    height: 11rem;
    background-image: url('../images/jg2.0-bg1-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.scene-box:hover {
    /* transform: translateY(-0.5rem);  */
}
  

.scene-box .text {
    color: white;
    font-size: 17px;
    line-height: 1.2;
    transform: translateY(-3.1rem);
}

.scene-title {
  color: #103675;
  font-size: 22px;
    font-weight: 600;  /* 添加字重 */
    text-align: center;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -1.55rem);
    padding: 0 10px;
}

/* 确保其他内容在背景层之上 */
.arch-layer {
    position: relative;
    z-index: 2;
}

/* 响应式设计 */
@media (max-width: 1280px) {
  .container {
    padding: 0 60px;
  }

  .layer-label {
    right: -60px;
  }
}

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

  .scene-items {
    flex-wrap: wrap;
  }

  .layer-label {
    right: 20px;
    top: -20px;
    transform: none;
  }
}




/* 特性模块容器 第二个section*/
.features {
  background: #fff0;
  margin-top: -3rem;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
}

/* 特性卡片样式 */
.feature-card {
  position: relative;
  padding: 35px 35px 140px 35px;
  transition: all 0.3s ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 为每个特性卡片设置独立的背景 */
.feature-card[data-feature="ai-training"] {
  background-image: url('../images/features1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="ai-training"]:hover {
  background-image: url('../images/features1-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-card[data-feature="ai-inference"] {
  background-image: url('../images/features2.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="ai-inference"]:hover {
  background-image: url('../images/features2-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-card[data-feature="edge-computing"] {
  background-image: url('../images/features3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="edge-computing"]:hover {
  background-image: url('../images/features3-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-card[data-feature="cloud-service"] {
  background-image: url('../images/features4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="cloud-service"]:hover {
  background-image: url('../images/features4-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-card[data-feature="hardware"] {
  background-image: url('../images/features5.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="hardware"]:hover {
  background-image: url('../images/features5-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feature-card[data-feature="development"] {
  background-image: url('../images/features6.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card[data-feature="development"]:hover {
  background-image: url('../images/features6-hover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .feature-card.active .card-content p {
    transform: translateX(90px); /* 移动端调整移动距离 */
    width: calc(100% - 120px);
    font-size: 11px;
  }
}



/* 产品服务容器 */
.products {
          padding: 80px 0px 0px 0px;
          /* background-color: #000; */
      }

      /* 标题部分 */
      .products-header {
          text-align: center;
          margin-bottom: 40px;
      }

      .products-header h2 {
        text-align: center;
        font-size: 36px;
        color: #000000;
        margin: 30px;
        font-weight: 600;
      }

      .products-header p {
          font-size: 16px;
          color: #333333;
          line-height: 1.5;
      }
      /* 产品内容区 */
      .products-content {
          display: flex;
          flex-direction: column;
          gap: 55px;
          max-width: 1280px;
          margin: 0 auto;
      }

      /* 产品行 */
      .product-row {
          display: flex;
          gap: 24px;
      }

      /* 分类盒子 */
      .category-box {
          width: 150px;
          flex-shrink: 0;
          border-radius: 6px;
          padding: 24px 24px 24px 5px;
          color: white;
          text-align: center;
          background-image: url(../images/tips.png);
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
      }

      .category-box img {
          width: 40px;
          height: 40px;
          margin: 12px;
      }

      .category-box p {
          font-size: 16px;
          line-height: 1.4;
      }

      /* 产品列表 */
      .product-list {
          flex: 1;
          display: flex;
          gap: 24px;
      }

      /* 产品项 */
      .product-item {
          flex: 1;
          background: white;
          border-radius: 8px;
          /* padding: 24px; */
          position: relative;
          transition: all 0.3s ease;
      }

      .product-item:hover {
          background: linear-gradient(135deg, #0052D9, #0066FF);
      }

      .product-item:hover .product-text h3,
      .product-item:hover .product-text p {
          color: #fff;
      }

      .product-item:hover .arrow-btn {
          background: #000;
          border-color: #000;
          color: #fff;
      }

      .product-info {
          position: relative;
          display: grid;
          grid-template-columns: 60px 1fr;
          gap: 70px;
          min-height: 120px;
          padding: 30px;
      }

      .product-info .product-image {
          /*grid-row: 1 / span 2;*/
      }

      .product-info img {
          width: 60px;
          height: 60px;
          object-fit: contain;
      }

      .product-info .product-text {
          display: flex;
          flex-direction: column;
          gap: 10px;
      }

      .product-info h3 {
          font-size: 24px;
          color: #103675;
          font-weight: 600;
      }

      .product-info p {
          font-size: 16px;
          color: #666666;
          line-height: 1.5;
      }

      .arrow-btn {
          position: absolute;
          right: 8%;
          bottom: 24px;
          border: 1px solid #0052D9;
          border-radius: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #0052D9;
          text-decoration: none;
          transition: all 0.3s ease;
          padding:2px 15px 2px 15px;
      }

      /* 响应式布局 */
      @media (max-width: 768px) {
          .products {
              padding: 40px 15px;
          }

          .products-header {
              margin-bottom: 25px;
          }

          .products-header h2 {
              font-size: 20px;
              margin: 20px;
          }

          .products-header p{font-size: 12px;}

          .product-row {
              flex-direction: column;
              gap: 16px;
          }

          .category-box {
              width: 100%;
              padding: 16px;
              flex-direction: row;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 12px;
          }

          .category-box img {
              width: 32px;
              height: 32px;
              margin: 0;
          }

          .product-list {
              flex-direction: column;
              gap: 16px;
          }

          .product-info {
              gap: 12px;
          }

          .product-info img {
              width: 50px;
              height: 50px;
          }

          .product-info h3 {
              font-size: 18px;
          }

          .product-info p {
              font-size: 13px;
          }

          .arrow-btn {
              left: 62px;
          }
      }

      /* 平板布局优化 */
      @media (min-width: 769px) and (max-width: 1024px) {
          .product-list {
              flex-direction: column;
              gap: 20px;
          }
      }




/* 解决方案整体样式 section4*/
.solutions {
  padding: 80px 0;
  background-image: url(../images/solution-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 标题样式 */
.solutions-header {
  text-align: center;
  max-width: 1280px;
  margin: 0 auto 40px;
  padding: 0 40px;
}

.solutions-header h2 {
  text-align: center;
    font-size: 36px;
    color: #000000;
    margin: 30px;
    font-weight: 600;
}

.solutions-header p {
  font-size: 16px;
  color: #333333;
  margin: 0;
}

/* 卡片网格布局 */
.solutions-grid {
  display: flex;
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
  /* padding: 0 40px; */
}

/* 卡片样式 */
.solution-card {
  flex: 1;
  background: #fff;
  border-radius: 8px;
  padding: 40px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 卡片图标 */
.card-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}

.card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 卡片文字样式 */
.solution-card h3 {
  font-size: 24px;
  color: #103675;
  font-weight: 600;
  margin: 0 0 18px;
}

.solution-card p {
  font-size: 16px;
  color: #666666;
  margin: 0 0 64px;
  line-height: 1.6;
  transition: color 0.3s ease;
  overflow: hidden; /* 超出部分隐藏 */
  width: 260px; /* 设置固定宽度 */
  display: -webkit-box; /* 设置为弹性盒子 */
  -webkit-box-orient: vertical; /* 垂直方向 */
  -webkit-line-clamp: 2; /* 限制两行 */
  text-overflow: ellipsis; /* 超出显示省略号 */
}

/* 了解详情按钮 */
.learn-more {
  display: inline-flex; 
  align-items: center;
  color: #666666;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid #666666;
  border-radius: 20px;
  padding: 5px 18px;
  background: transparent;
}

/* 卡片悬停时按钮样式 */
.solution-card:hover .learn-more {
  color: #0052d9 !important; /* 按钮文字保持蓝色，添加 !important */
  border-color: #fff;
  background: #fff;
}

/* 卡片悬停效果 */
.solution-card:hover {
  flex: 1.5;
  background: #0052d9; /* 蓝色背景 */
}

.solution-card:hover h3,
.solution-card:hover p {
  color: #fff !important; /* 文字变白，添加 !important */
}

/* 响应式设计 */
@media (max-width: 768px) {
  .solutions-grid {
    flex-direction: column;
    padding: 0 20px;
  }

  .solution-card:hover {
    flex: 1;
  }
}






/* 整体容器样式 section5*/
.why-choose-us {
  padding: 80px 0;
  background: #fff;
}

/* 标题样式 */
.why-choose-us .why-choose-header {
  text-align: center;
  max-width: 1280px;
  margin: 0 auto 40px;
  padding: 0 40px;
}

.why-choose-us .why-choose-header h2 {
  text-align: center;
  font-size: 36px;
  color: #000000;
  margin: 30px;
  font-weight: 600;
}

.why-choose-us .why-choose-header p {
  font-size: 16px;
  color: #333333;
  margin: 0;
}

/* 优势卡片网格布局 */
.why-choose-us .advantages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
  /* padding: 0 40px; */
}

/* 优势卡片基础样式 */
.advantage-card {
    position: relative;
    padding: 40px 10px 5px 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

/* 为每个优势卡片设置独立的背景 */
.advantage-card[data-advantage="network"] {
    background-image: url('../images/whyus-bg1.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
}

.advantage-card[data-advantage="experience"] {
    background-image: url('../images/whyus-bg0.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
}

.advantage-card[data-advantage="technology"] {
    background-image: url('../images/whyus-bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
}

/* 卡片图标 */
.why-choose-us .advantage-card .card-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  flex-shrink: 0; /* 防止图标缩小 */
}

/* 文字内容区域样式 */
.why-choose-us .advantage-card .card-content {
  background: #fff;
  border-radius: 20px 20px 4px 4px;
  padding: 24px 40px 24px 40px;
  margin: 0px -36px 0px;
  flex: 1; /* 占据剩余空间 */
  display: flex;
  flex-direction: column;
  gap: 20px; /* 标题和描述之间的间距 */
  height: 220px;
}

/* 标题样式 */
.why-choose-us .advantage-card .card-content .title {
  font-size: 24px;
  color: #103675;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0.8rem;
}

/* 描述文字样式 */
.why-choose-us .advantage-card .card-content .desc {
  font-size: 16px;
  color: #666666;
  line-height: 1.4;
  flex: 1; /* 占据剩余空间 */
}

/* 卡片悬停效果 */
.why-choose-us .advantage-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .why-choose-us .advantages-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .why-choose-us .advantages-grid {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }

  .why-choose-us .why-choose-header {
    /* padding: 0 20px; */
    margin-bottom: 20px;
  }
}





/* section6 样式 */
.partners {
  /*padding: 80px 0;*/
  /* background: #eef3ff; */
}

.partners-container {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  padding: 0 60px; /* 调整容器padding */
}

.partners-title {
  text-align: center;
  font-size: 36px;
  color: #000000;
  margin: 20px 0px 60px 0px;
  font-weight: 600;
}

/* Logo墙样式 */
.partner-wall {
  margin-top: 50px;
  margin-bottom: 40px;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.logo-row {
  padding: 0.3rem 0;
  overflow: hidden;
}

.logo-track {
  display: flex;
}

.logo-group {
  display: flex;
  /* min-width: 100vw; */
}

.logo-group img {
  height: 65px;
  flex: 1;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.3s ease;
  /* background-color: #000; */
}

/* .logo-group img:hover {
  filter: grayscale(0);
  opacity: 1;
} */

/* 动画效果 */
.logo-track.left-to-right {
  animation: scrollLeftToRight 40s linear infinite;
}

.logo-track.right-to-left {
  animation: scrollRightToLeft 40s linear infinite;
}

@keyframes scrollLeftToRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100vw);
  }
}

@keyframes scrollRightToLeft {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}

/* 响应式调整 */
@media (max-width: 768px) {
  .logo-group {
    /*gap: 30px;*/
  }

  .logo-group img {
    height: 45px;
  }
}



/* section6 轮播样式 */
.partners {
  /*padding: 80px 0;*/
  background-image: url(../images/cases-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.partners-title {
  text-align: center;
  font-size: 36px;
  color: #000000;
  margin: 20px 0px 60px 0px;
  font-weight: 600;
}

/*Section7 特定样式*/
.news {
  padding: 80px 0;
  background: #fff;
}

.news-container {
  max-width: 1280px;
  margin: 0 auto;
  /* padding: 0 40px; */
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* news-item 独立样式 */
.news-item {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease; /* 添加过渡效果 */
  height: 380px;
}

/* 添加悬浮效果 */
.news-item:hover {
  transform: translateY(-4px); /* 向上浮动4px */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); /* 添加阴影 */
}

/* 确保内部元素样式不受影响 */
.news-item > * {
  position: relative;
  z-index: 1;
}

.news-item .news-image {
  width: 100%;
  height: 220px;
  background-color: #000;
}

.news-item .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item .news-info {
  padding: 16px 26px 16px 26px;
}

.news-item .news-title {
    font-size: 18px;
    color: #333;
    margin: 16px 0 16px 0;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
}

.news-item .news-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-item .news-date {
  color: #666666;
  font-size: 14px;
}

.news-item .news-arrow {
  color: #0052d9;
}

/* news-list 独立样式 */
.news-list {
  width: 450px; /* 减小宽度 */
  display: flex;
  flex-direction: column;
  height: 380px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 16px;
  background: #fff;
  transition: all 0.3s ease;
}

/* 添加悬浮效果 */
.news-list:hover {
  transform: translateY(-4px); 
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); 
}

.news-list .news-list-item {
  flex: 1;
  padding: 16px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}

.news-list .news-list-item:last-child {
  border-bottom: none;
}

.news-list .news-list-item .news-title {
    font-size: 16px;
    color: #333;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
}

.news-list .hover-content {
  display: none;
  gap: 16px;
}

.news-list .hover-content .news-image {
  flex: 0 0 120px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}

.news-list .hover-content .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
}

.news-list .hover-content .news-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translate(0px, -12px);
}

/* news-list hover效果 */
.news-list .news-list-item:hover .hover-content {
  display: flex;
}

.news-list .news-list-item:hover > .news-title {
  display: none;
}

.news-list:has(.news-list-item:hover) .news-list-item {
  flex: 0.15;
}

.news-list:has(.news-list-item:hover) .news-list-item:hover {
  flex: 0.55;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .news-grid {
    grid-template-columns: 1fr;
  }
}

.news-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
}




/*Section7 特定样式，避免影响其他section*/
.news h3 {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/* 修改hover内容的布局 */
.hover-content {
  display: none;
  padding: 16px 0;
}

/* hover时显示的内容布局 */
.news-list-item:hover {
  display: flex;
  gap: 20px;
}

.news-list-item:hover .hover-content {
  display: flex;
  gap: 20px;
  width: 100%;
}

.hover-content .news-image {
  flex: 0 0 120px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}

.hover-content .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hover-content .news-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* hover时的标题样式 */
.news-list-item:hover .news-title {
  color: #0052d9;
  margin-bottom: 8px;
}

/* hover时的日期样式 */
.hover-content .news-date {
  color: #666;
  font-size: 14px;
}

/* 调整news-list-item的基础样式 */
.news-list-item {
  padding: 16px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: all 0.3s ease;
}

.news-list-item:last-child {
  border-bottom: none;
}



/* section8 认证标志样式 */
.certifications {
  padding: 2.5rem 0;
  background: #f5f5f5;
}

.cert-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.cert-track {
  display: flex;
  justify-content: center; /* 改为居中对齐 */
  flex-wrap: wrap;
  gap: 40px; /* 统一间距 */
}
@media screen and (max-width: 1280px) {
  .cert-track {gap: 20px;} /* 统一间距 */ 
}

.cert-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 140px; /* 固定宽度 */
}

.cert-item img {
  width: 70px;
  height: 70px;
  margin-bottom: 12px;
  transition: transform 0.3s ease;
}

.cert-item:hover img {
  transform: translateY(-5px);
}

.cert-item p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0;
  width: 100%; /* 确保文字宽度一致 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  .cert-track {
    gap: 30px;
  }

  .cert-item {
    width: 120px; /* 小屏幕下稍微减小宽度 */
  }

  .cert-item img {
    width: 60px;
    height: 60px;
    /* background-color: #000; */
  }

  .cert-item p {
    font-size: 12px;
  }
}



/* section9 联系我们样式 */
.contact-section {
  background-image: url(../images/ad-bg.png);
  background-size: cover;
  background-position: center;
  padding: 50px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* 添加点状背景 */
.contact-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.1) 1px,
    transparent 1px
  );
  background-size: 20px 20px;
  opacity: 0.3;
}

.contact-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.contact-title {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.4;
}

.contact-btn {
  display: inline-block;
  padding: 9px 35px;
  background: #fff;
  color: #007eff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
  .contact-section {
    padding: 40px 0;
  }

  .contact-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .contact-btn {
    padding: 10px 30px;
    font-size: 14px;
  }
}



/* section10 页脚样式 */
.footer {
  background: #fff;
  padding: 60px 0 40px;
  width: 100%;
}

.footer-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 导航区域样式 */
.footer-nav {
  display: flex;
  justify-content: flex-start; /* 改为左对齐 */
  margin-bottom: 60px;
  gap: 25px; /* 设置列之间的间距 */
}

.nav-group {
  flex: 0 0 auto; /* 改为自适应宽度 */
  min-width: 120px; /* 设置最小宽度 */
}

.nav-group h3 {
  font-size: 12px;
  color: #999999;
  margin-bottom: 20px;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 8px; /* 图标和文字之间的间距 */
}

.nav-group h3 img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.nav-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-group ul li {
  margin-bottom: 12px;
}

.nav-group ul li a {
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.nav-group ul li a:hover {
  color: #0052d9;
}

/* 下载按钮组样式 */
.download-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: auto; /* 推到最右侧 */
}

.download-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1.5px 14px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 14px;
  color: #666666;
  background: #E0E0E0;
  transition: all 0.3s;
  /*/*/
}

.download-btn img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* 悬停效果 */
.download-btn:hover {
  background: #007EFF;
  color: #fff;
}

/* 当按钮悬停时更换图标 */
.download-btn:hover img[src="../images/footer-right1.png"] {
  content: url("../images/footer-right1-hover.png");
  width: 26px;
  height: 26px;
}

.download-btn:hover img[src="../images/footer-right2.png"] {
  content: url("../images/footer-right2-hover.png");
  width: 26px;
  height: 26px;
}

.download-btn:hover img[src="../images/footer-right3.png"] {
  content: url("../images/footer-right3-hover.png");
  width: 26px;
  height: 26px;
}

/* 底部信息样式 */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.footer-left {
  flex: 1;
}

.footer-logo {
  height: 1.3rem;
  margin-bottom: 20px;
}

.copyright {
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}

.icp-info {
  display: flex;
  gap: 20px;
  color: #999;
  font-size: 12px;
}

.icp-info span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.icp-info img {
  height: 14px;
}

/* 二维码样式 */
.qr-codes {
  display: flex;
  gap: 30px;
}

.qr-code {
  text-align: center;
}

.qr-code img {
  width: 100px;
  height: 100px;
  margin-bottom: 8px;
}

.qr-code p {
  color: #999999;
  font-size: 12px;
  margin: 0;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .footer-nav {
    gap: 40px; /* 在较小屏幕上减小间距 */
  }
}

@media (max-width: 768px) {
  .footer-nav {
    flex-wrap: wrap;
    gap: 30px;
  }

  /*.nav-group {*/
  /*  flex: 0 0 auto;*/
  /*  min-width: 100px;*/
  /*}*/

  .download-group {
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
    margin-left: 0; /* 重置左边距 */
  }
}



/* section6 轮播部分 */
* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      .carousel-container {
          width: 1400px;
          margin: 0 auto;
          padding: 0 60px;
          position: relative;
      }

      /* 轮播内容区 */
      .carousel-wrapper {
          overflow: hidden;
          position: relative;
          touch-action: none;
      }

      .carousel-track {
          display: flex;
          gap: 24px;
          transition: transform 0.5s ease;
          will-change: transform;
      }

      /* 轮播项目 */
      .carousel-item {
          min-width: calc((100% - 72px) / 4);
          flex: 0 0 calc((100% - 72px) / 4);
          background-image: url('../images/carousel-bg.png');
          background-size: cover; 
          background-position: center;
          border-radius: 8px;
          padding: 24px;
          min-height: 200px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          border: 1px solid #E6F1FF;
      }

      .item-header {
          margin-bottom: 16px;
      }

      .item-header img {
          width: 42px;
          height: 42px;
          margin-bottom: 12px;
      }

      .item-header h3 {
          font-size: 16px;
          color: #666666;
          font-weight: normal;
      }

      .item-content {
          text-align: right;
      }

      .item-content p {
          font-size: 16px;
          color: #666666;
          line-height: 1.6;
          text-align: right;
      }

      /* 轮播控制按钮 */
      .carousel-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: #fff;
          border: 1px solid #A6D2FF;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #333;
          z-index: 10;
          transition: all 0.3s ease;
      }

      .carousel-btn:hover {
          background: #0052D9;
          border-color: #0052D9;
          color: #fff;
      }

      .prev-btn {
          left: 0;
          color: #A6D2FF;
      }

      .next-btn {
          right: 0;
          color: #A6D2FF;
      }

      /* 圆点指示器 */
      .carousel-dots {
          display: none;
          justify-content: center;
          gap: 8px;
          margin-top: 20px;
          /*padding: 20px 0;*/
      }

      .dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #E5E5E5;
          cursor: pointer;
          transition: all 0.3s ease;
      }

      .dot.active {
          background: #0052D9;
          transform: scale(1.2);
      }

      /* 响应式布局 */
      @media (max-width: 1024px) {
          .carousel-item {
              min-width: calc((100% - 48px) / 3);
              flex: 0 0 calc((100% - 48px) / 3);
          }
      }

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

          .carousel-container {
              padding: 0 20px;
          }

          .carousel-item {
              min-width: calc((100% - 24px) / 2);
              flex: 0 0 calc((100% - 24px) / 2);
          }

          .carousel-btn {
              display: none;
          }

          .carousel-dots {
              display: flex;
          }
      }

      @media (max-width: 480px) {
          .carousel-item {
              min-width: 100%;
              flex: 0 0 100%;
          }
      }

      @media screen and (max-width: 1400px) {
          .carousel-container {
              width: 100%;
          }
      }




/*导航20250106*/
.header {
  width: 100%;
  height: 50px;  /* 默认移动端高度 */
  background: transparent;  /* 初始背景透明 */
  /*border-bottom: 1px solid #eee;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: background-color 0.1s ease; 
}
@media screen and (min-width: 769px) {
  .header {
    height: 68px;  /* PC端更高 */
  }
}

/* 滚动时的样式 */
.header.scrolled {
  background: #fff;
}


/* hover时导航背景也变为白色 - 仅PC端 */
@media screen and (min-width: 769px) {
    
    .nav-list .nav-item{
        display:block;
    }
    .nav-list .nav-item:hover::after {
          display: none;
      }

    
    .nav-item.has-dropdown:hover + .header,
    .header:hover {
        background: #fff;
    }

    /* hover或滚动时导航字体变色 */
    .header:hover .nav-item,
    .header.scrolled .nav-item {
        color: #333;
    }

    /* 保持hover时的蓝色效果 */
    .nav-item:hover,
    .nav-item.has-dropdown:hover {
        color: #007EFF !important;
    }
}

      .nav {
          width: 1280px;
          height: 100%;
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: space-between;
          float: none;
      }

      .logo {
          height: 32px;
          position: relative;
      }

      .logo-white,
      .logo-dark {
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          transition: opacity 0.3s ease;
      }

      .logo-white {
          opacity: 1;
      }

      .logo-dark {
          opacity: 0;
      }

      /* 滚动或hover时切换logo */
      .header.scrolled .logo-white,
      .header:hover .logo-white {
          opacity: 0;
      }

      .header.scrolled .logo-dark,
      .header:hover .logo-dark {
          opacity: 1;
      }

      /* 移动端样式 */
      @media screen and (max-width: 768px) {
          .logo {
              height: 24px;
          }
      }

      .logo img {
          height: 32px;
      }

      .nav-items {
          display: flex;
          align-items: center;
          gap: 60px;
          height: 100%;
      }

      .nav-item {
          position: relative;
          height: 100%;
          padding: 0 4px;
          display: flex;
          align-items: center;
          font-size: 16px;
          color: #333333;
          font-weight: 500;
          text-decoration: none;
          cursor: pointer;
          transition: color 0.3s ease;
      }

      .nav-item:hover,
      .nav-item.has-dropdown:hover {
          color: #0052D9;
      }

      .nav-item:hover::after,
      .nav-item.has-dropdown:hover::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: #007EFF;
      }

      .language {
          display: flex;
          align-items: center;
          gap: 4px;
      }

      .language img {
          width: 16px;
          height: 16px;
      }

      /* 下拉菜单样式 */
      .nav-item.has-dropdown {
          position: relative;
      }

      .dropdown-wrapper {
          display: none;
          position: fixed;
        top: 68px;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 3px 8px #44444412;
        padding: 20px 0;
        z-index: 1000;
      }

      .nav-item.has-dropdown:hover .dropdown-wrapper {
          display: block;
      }

      .dropdown-menu {
          position: relative;
          width: 1280px;
          margin: 0 auto;
          padding: 40px;
          /* background: #F5F5F5; */
          background-image: url('../images/onethingproducts.png');
      }

      .dropdown-menu > div {
          width: 100%;
          margin: 0 auto;
          /* margin-top: 12px; */
          display: flex;
          gap: 80px;
      }

      .dropdown-header {
          flex: 0 0 280px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-left: 42px;
      }

      .dropdown-header h3 {
          font-size: 24px;
          color: #333;
          margin-bottom: 12px;
          font-weight: 500;
      }

      .dropdown-header p {
          font-size: 14px;
          color: #666;
          line-height: 1.5;
      }

      .dropdown-content {
          flex: 1;
          display: flex;
      }
      /* 关于网心下拉菜单的特殊样式 */
      .about-content {
          flex-direction: column;
      }

      .about-content .dropdown-items {
          flex-direction: row;
          gap: 24px;
      }

      .about-content .dropdown-item {
          flex: 1;
          min-width: 0;
      }

      .group-title {
          font-size: 14px;
          color: #999;
          margin-bottom: 10px;
      }

      .group-title .dropdown-item {
        padding: 0px;
    }


      .dropdown-items {
          display: flex;
          flex-direction: column;
          /* gap: 20px; */
      }

      /* .dropdown-items .dropdown-item{
        padding: 0px;
    } */

      .dropdown-item {
          display: block;
          text-decoration: none;
          padding: 24px;
          border-radius: 8px;
          transition: background-color 0.3s ease;
      }

      .dropdown-item:hover {
          background: #FFFFFF;
      }

      .dropdown-item h4 {
          font-size: 16px;
          color: #333;
          margin-bottom: 8px;
          display: flex;
          align-items: center;
          font-weight: 700;
      }

      .dropdown-item p {
          font-size: 12px;
          text-align: left;
          color: #666;
          line-height: 1.5;
      }

      .arrow {
          color: #999;
          margin-left: 8px;
          opacity: 0;
          transition: opacity 0.3s ease, color 0.3s ease;
      }

      .dropdown-item:hover .arrow {
          color: #0052D9;
          opacity: 1;
      }

      .dropdown-item:hover h4 {
          color: #0052D9;
      }

      /* 移动端适配 */
      @media screen and (max-width: 1280px) {
          .nav {
              width: 100%;
              padding: 0 20px;
          }

          .dropdown-menu {
              width: calc(100% - 40px);
              margin: 0 20px;
              padding: 40px 20px;
          }

          .dropdown-menu > div {
              width: 100%;
              /* flex-direction: column; */
              gap: 40px;
              padding: 0 20px;
          }

          .dropdown-header {
              flex: none;
              margin-left: 0px;
          }

          .about-content .dropdown-items {
              /* flex-direction: column; */
          }
      }

      /* 移动端样式完全重写 */
      @media screen and (max-width: 768px) {
          .nav {
              padding: 0 16px;
              height: 50px;
          }

          .logo {
              height: 24px;
          }

          /* 汉堡菜单样式 */
          .menu-toggle {
              display: block;
              width: 24px;
              height: 20px;
              position: relative;
              cursor: pointer;
              border: none;
              padding: 0;
              margin-left: auto;
              background-image: url('../images/yd/m-dh.png');
              background-color: #00000000;
              background-size: 100% 100%;
          }

          /* 导航菜单样式 */
          .nav-items {
              display: none;
              position: fixed;
              top: 0;
              right: 0;
              width: 65%;
              height: 100vh;
              background: #fff;
              flex-direction: column;
              padding: 5px 0px 0px 0px;
              overflow-y: auto;
              z-index: 1000;
              box-shadow: -2px 0 8px rgba(0,0,0,0.1);
          }

          .nav-items.active {
              display: block;
          }

          /* 一级导航项样式 */
          .nav-item, 
          .nav-item.has-dropdown {
              display: block;
              padding: 16px 24px;
              font-size: 15px;
              color: #333;
              border-bottom: none;
              position: relative;
              transition: background-color 0.3s;
          }

          /* 下拉菜单指示器 */
          .nav-item.has-dropdown::after {
              display: none;
          }

          /* 一级导航标题 */
          .nav-item.has-dropdown {
              height: auto;
              padding: 16px 24px;
              font-size: 15px;
              color: #333;
              font-weight: 500;
          }

          /* 强制显示下拉内容 */
          .dropdown-wrapper {
              display: block !important;
              position: static;
              width: 100%;
              box-shadow: none;
              padding: 0;
              background: none;
          }

          /* 简化二级菜单项 */
          .dropdown-item {
              padding: 0px 5px 8px 5px;
              font-size: 14px;
              color: #666;
              text-decoration: none;
              background: none;
              transition: background-color 0.3s ease;
          }

          .dropdown-item:hover {
              background-color: #f5f5f5;
          }

          /* 移除所有不必要的嵌套结构 */
          .dropdown-menu,
          .dropdown-header,
          .dropdown-content,
          .dropdown-items {
              all: unset;
          }

          /* 激活状态样式 */
          .nav-item.has-dropdown.active {
              color: #0052D9;
              background: #f8f9fa;
          }

          .nav-item.has-dropdown.active::after {
              border-color: #0052D9;
          }

          /* 遮罩层样式 */
          .nav-overlay {
              display: none;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(0,0,0,0.4);
              z-index: 999;
              backdrop-filter: blur(4px);
              transition: opacity 0.3s;
          }

          .nav-overlay.active {
              display: block;
          }

          /* 优化关闭按钮样式 */
          .nav-items::before {
              content: '×';
              position: absolute;
              top: 12px;
              right: 20px;
              width: 32px;
              height: 32px;
              line-height: 32px;
              text-align: center;
              font-size: 24px;
              color: #999;
              cursor: pointer;
              z-index: 1001;  /* 确保按钮可点击 */
              background: #fff;  /* 添加背景色 */
              border-radius: 50%;  /* 圆形按钮 */
          }

          .nav-items::before:hover {
              color: #333;
              background: #f5f5f5;
          }

          .nav-item {
              height: auto;
              padding: 0;
              border: none;
          }

          /* 隐藏 dropdown-header */
          .dropdown-header {
              display: none !important;
          }

          /* 首页导航项样式 */
          .nav-item:first-child {
              padding: 16px 24px;
              font-size: 15px;
              color: #333;
          }

          /* 二级菜单项样式 */
          .dropdown-item {
              display: block;
              padding: 0px 5px 8px 5px;
              font-size: 14px;
              color: #666;
              text-decoration: none;
              background: none;
              transition: background-color 0.3s ease;
          }

          .dropdown-item:hover {
              background-color: #f5f5f5;
          }

          /* 语言切换容器 */
          .dropdown-wrapper.lang-dropdown {
              display: flex !important;  /* 改为flex布局 */
              width: 100%;
              padding: 0px;
              margin: 0px;
              background: none;
              box-shadow: none;
              position: static;
              transform: none;
          }

          /* 语言选项样式 */
          .lang-item {
              flex: 1;  /* 平均分配空间 */
              text-align: center;
              padding: 8px 0;
              border: none;
              font-size: 14px;
              color: #666;
              text-decoration: none;
          }

          /* 移除导航项的背景色 */
          .nav-item, 
          .nav-item.has-dropdown {
              background: none !important;  /* 强制移除任何背景色 */
          }

          /* 移除点击时的背景色 */
          .nav-item:active,
          .nav-item.has-dropdown:active,
          .nav-item.has-dropdown.active {
              background: none !important;
          }

          /* 移除下拉菜单的背景色 */
          .dropdown-wrapper {
              background: none !important;
          }

          /* 移除点击高亮效果 */
          .nav-item,
          .nav-item.has-dropdown,
          .dropdown-item {
              -webkit-tap-highlight-color: transparent;  /* 移除 iOS 点击高亮 */
              user-select: none;  /* 防止文本被选中 */
          }

          /* 移除 group-title 的边距 */
          .group-title {
              margin: 0;
              padding-top: 12px;  /* 适当的顶部间距 */
          }

          /* 调整一级导航标题的间距 */
          .nav-item.has-dropdown {
              padding: 16px 18px 8px 18px;  /* 减小底部内边距 */
          }

          /* 调整组标题的间距 */
          .group-title {
              margin: 0;
              padding-top: 12px;  /* 适当的顶部间距 */
          }

          /* 调整下拉菜单容器的间距 */
          .dropdown-wrapper {
              margin-bottom: 8px;  /* 减小底部外边距 */
          }

          /* 调整 dropdown-group 的样式 */
          .dropdown-group {
              margin-bottom: 8px;  /* 减小组之间的间距 */
          }

          /* 调整一级导航标题的间距 */
          .nav-item.has-dropdown {
              padding: 12px 24px 4px 24px;  /* 减小上下内边距 */
          }

          /* 调整二级菜单项的间距 */
          .dropdown-item {
              padding: 8px 8px 8px 8px;  /* 减小底部内边距 */
          }

          /* 调整组标题的间距 */
          .group-title {
              margin: 0;
              padding-top: 8px;  /* 减小顶部间距 */
              font-size: 13px;  /* 可选：稍微减小字体大小 */
          }
      }

      /* 更小屏幕的额外优化 */
      @media screen and (max-width: 576px) {
          .nav {
              padding: 0 12px;
          }

          .dropdown-header,
          .dropdown-items {
              padding: 12px;
          }
      }

      /* 语言切换按钮样式 */
      .nav-item.language {
          position: relative;
          min-width: 100px;
          padding: 0px;
          display: flex;
          justify-content: center;
      }

      .current-lang {
          display: flex;
          align-items: center;
          gap: 8px;
          justify-content: center;
          width: 100%;
          cursor: pointer;
      }

      /* 语言下拉菜单样式 */
      .lang-dropdown {
          position: absolute;
          top: 68px;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          background: #fff;
          border-radius: 4px;
          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
          margin-top: 0;
          z-index: 1000;
          padding: 0;
      }

      .lang-item {
          display: flex;
          align-items: center;
          gap: 8px;
          padding: 12px 16px;
          justify-content: center;
          color: #333;
          text-decoration: none;
          transition: color 0.3s ease;
          border: 1px solid #f5f5f5;
      }

      .lang-item:hover {
          color: #0052D9;
          background: none;
      }

      .lang-item.active {
          color: #0052D9;
      }

      .lang-item img {
          width: 16px;
          height: 16px;
      }

      /* 添加一个透明的连接区域 */
      .nav-item.language::after {
          content: '';
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 10px;
          background: transparent;
      }

      .nav-item.has-dropdown.language:hover {
          background-color: #EBF7FF;
          color: #000;
      }

      .nav-item.has-dropdown.language:hover .current-lang {
          color: #000;
      }

      .nav-item.has-dropdown.language:hover::after {
          display: none;
      }
      /* 移除下划线 */
      .nav-item.has-dropdown.language:hover::after {
  display: none;  /* 新增：移除下划线 */
      }

      /* PC端正常显示 */
      .current-lang {
          display: flex;
          align-items: center;
          gap: 8px;
          justify-content: center;
          width: 100%;
          cursor: pointer;
      }

      /* 移动端隐藏 */
      @media screen and (max-width: 768px) {
          .current-lang {
              display: none;
          }
      }

      /* 默认隐藏菜单按钮 */
      .menu-toggle {
          display: none;
      }

      /* 移动端显示菜单按钮 */
      @media screen and (max-width: 768px) {
          .menu-toggle {
              display: block;
              width: 24px;
              height: 20px;
              position: relative;
              cursor: pointer;
              border: none;
              padding: 0;
              margin-left: auto;
          }
      }

      /* PC端下拉菜单组样式 */
      .dropdown-group {
          flex: 1;  /* 平均分配空间 */
          min-width: 0;  /* 防止内容溢出 */
      }

      /* 确保两组之间有适当间距 */
      .dropdown-group + .dropdown-group {
          margin-left: 40px;  /* 组之间的间距 */
      }

      /* 移动端重置样式 */
      @media screen and (max-width: 768px) {
          .dropdown-group {
              flex: none;
              padding: 0;
          }
          
          .dropdown-group + .dropdown-group {
              margin-left: 0;
          }
      }

      /* 基础下拉菜单样式 */
      .dropdown-menu {
          position: relative;
          width: 1280px;
          margin: 0 auto;
          padding: 40px;
      }

      /* 产品与方案的下拉菜单 */
      .nav-item[data-nav="products"] .dropdown-menu {
          background-image: url('../images/onethingproducts.png');
          background-position: right center;
          background-repeat: no-repeat;
          background-size: cover;
          height:auto;
          padding: 20px 40px 14px 40px;
          border-radius: 6px;
      }

      /* 解决方案的下拉菜单 */
      .nav-item[data-nav="solutions"] .dropdown-menu {
          background-image: url('../images/onethingproject.png');
          background-position: right center;
          background-repeat: no-repeat;
          background-size: cover;
          height:auto;
          border-radius: 6px;
      }

      /* 开发者的下拉菜单 */
      .nav-item[data-nav="support"] .dropdown-menu {
          background-image: url('../images/onethingsupport.png');
          background-position: right center;
          background-repeat: no-repeat;
          background-size: cover;
          height:auto;
          border-radius: 6px;
      }

      .nav-item[data-nav="news"] .dropdown-menu {
        background-image: url('../images/onethingnews.png');
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        height:auto;
        border-radius: 6px;
    }
      /* 关于网心的下拉菜单 */
      .nav-item[data-nav="about"] .dropdown-menu {
          background-image: url('../images/aboutonething.png');
          background-position: right center;
          background-repeat: no-repeat;
          background-size: cover;
          height:auto;
          border-radius: 6px;
      }

      /* 移动端隐藏背景图片 */
      @media screen and (max-width: 768px) {
          .nav-item[data-nav] .dropdown-menu {
              background-image: none;
          }
      }




      /* 产品内容外层容器样式 */
.products-wrapper {
  width: 100%;
  padding: 87px 0;  /* 上下间距 */
  background-image: url(../images/product-bg.png);
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
}

/* 保持原有的产品内容样式 */
.products-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 60px;
}















/* 移动端适配 */
@media screen and (max-width: 768px) {
  
  
  
  .slide-content p{display: none;}
  
  
  
  
  .products-wrapper {
      padding: 30px 0;  /* 移动端减小间距 */
  }
  
  .products-content {
      padding: 0 20px;
  }
}

/* 产品项基础样式 */
.product-item {
    position: relative;
    /* padding: 30px; */
    transition: all 0.3s ease;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 为每个产品项设置独立的背景 */
.product-item[data-product="onething-ai"] {
    background-image: url('../images/product-bg-ai.png');
}

.product-item[data-product="star-cloud"] {
    background-image: url('../images/product-bg-star.png');
}

.product-item[data-product="wangxin-cloud"] {
    background-image: url('../images/product-bg-wangxin.png');
}

.product-item[data-product="smart-hardware"] {
    background-image: url('../images/product-bg-hardware.png');
}

/* hover 时的背景图片 */
.product-item[data-product="onething-ai"]:hover {
    background-image: url('../images/product-bg-ai-hover.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-item[data-product="star-cloud"]:hover {
    background-image: url('../images/product-bg-star-hover.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-item[data-product="wangxin-cloud"]:hover {
    background-image: url('../images/product-bg-wangxin-hover.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-item[data-product="smart-hardware"]:hover {
    background-image: url('../images/product-bg-hardware-hover.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 解决方案卡片基础样式 */
.solution-card {
    transition: all 0.6s ease;
}

/* 每个卡片的独立hover效果 */
.solution-card[data-solution="ai"] {
    background: #fff;
}
.solution-card[data-solution="ai"]:hover {
  background-image: url('../images/solution1-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.solution-card[data-solution="ai"] .card-icon img {
    content: url('../images/solution-icon1.png');
}
.solution-card[data-solution="ai"]:hover .card-icon img {
    content: url('../images/solution-icon1-hover.png');
}

.solution-card[data-solution="edge"] {
    background: #fff;
}
.solution-card[data-solution="edge"]:hover {
    background-image: url('../images/solution2-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.solution-card[data-solution="edge"] .card-icon img {
    content: url('../images/solution-icon2.png');
}
.solution-card[data-solution="edge"]:hover .card-icon img {
    content: url('../images/solution-icon2-hover.png');
}

.solution-card[data-solution="cloud"] {
    background: #fff;
}
.solution-card[data-solution="cloud"]:hover {
  background-image: url('../images/solution3-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.solution-card[data-solution="cloud"] .card-icon img {
    content: url('../images/solution-icon3.png');
}
.solution-card[data-solution="cloud"]:hover .card-icon img {
    content: url('../images/solution-icon3-hover.png');
}

/* hover时文字颜色变化 */
.solution-card:hover h3,
.solution-card:hover p {
    color: #fff !important;
}



/* 特性模块容器 第二个section*/
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
}

/* 特性卡片样式 */
.feature-card {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  min-height: 200px; /* 略微增加卡片高度 */
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .feature-card {
    min-height: 180px;
    padding: 20px 10px 0px 20px;
  }
  
  .card-content h3 {
    font-size: 16px;
  }
  
  .card-content p {
    font-size: 11px;
  }
}

/* 遮罩层样式 */
.feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.card-content {
  /* padding: 30px; */
  height: 100%;
  position: relative;
  z-index: 2;
}

.card-content h3 {
  font-size: 22px;
  font-weight: 600;
  color: #103675;
  margin-bottom: 16px;
  transition: color 0.3s ease;
  
}
@media screen and (max-width: 768px) {
  .card-content h3 {font-size: 16px;}
}


.card-content p {
    font-size: 16px;
    color: #666666;
    line-height: 1.5;
    transition: all 0.3s ease;
    position: absolute;
    left: 0px;
    opacity: 1;
}
@media screen and (max-width: 768px) {
  .card-content p {font-size: 11px;}
}

/* 激活状态样式 */
.feature-card.active::before {
  opacity: 1;
}

.feature-card.active .card-content h3 {
  color: #fff;
}

.feature-card.active .card-content p {
    color: #fff;
    transform: translate(115px, -46px);
    width: calc(100% - 130px);
    margin-left: 1.2rem;
    text-align: justify;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap:9px;
  }

  .feature-card.active .card-content p {
    transform: translateX(0px); 
    width: calc(100%);
  }
}




.product-boxes {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 100px;
  transform: translateY(2rem);
}

.product-box {
    width: 144px;
    height: 57px;
      background-image: url('../images/jg2.0-bg2-1.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.product-name {
  color: white;
  font-size: 16px;
  text-align: center;
  transform: translateY(-4.2rem);
}

.product-title {
  color: #103675;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -1.8rem);
}

.product-icon {
    transform: translateY(-4.6rem);  /* 添加向上位移 */
}

.product-icon img {
    width: 100%;  /* 或者设置具体尺寸，如 width: 2.5rem; */
    height: 100%;  /* 或者设置具体尺寸，如 height: 2.5rem; */
    object-fit: contain;  /* 保持图片比例 */
}

.product-icon {
    transform: translateY(-4.8rem);
    transition: transform 0.3s ease;  /* 添加过渡效果 */
}

.product-box:hover .product-icon{
    transform: translateY(-5.3rem);  /* 悬停时额外向上移动 */
}

.component-boxes {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 40px;
    transform: translateY(7rem);
}

/* 独立效果1 */
.component-item1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transform: translate(-1.7rem, -1.88rem);

}
.component-item1 .dot {
    width: 12px;
    height: 12px;
    background-color: #ffffff00;
    border-radius: 50%;
}
.component-item1 .text {
    color: #000000;
    font-size: 16px;
    order: -1;  /* 将文字移到前面（上面） */
}

/* 独立效果2 */
.component-item2 {
  display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    transform: translate(-4.73rem, -0.3rem);
}
.component-item2 .dot {
  width: 12px;
  height: 12px;
  background-color: #ffffff00;
  border-radius: 50%;
}
.component-item2 .text {
  color: #000000;
  font-size: 16px;
  order: -1;  /* 将文字移到前面（上面） */
}

/* 独立效果3 */
.component-item3 {
  display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    transform: translate(-7.13rem, 0.35rem);
}
.component-item3 .dot {
  width: 12px;
  height: 12px;
  background-color: #ffffff00;
  border-radius: 50%;
}
.component-item3 .text {
  color: #000000;
  font-size: 16px;
  order: -1;  /* 将文字移到前面（上面） */
}

/* 独立效果4 */
.component-item4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transform: translate(8.18rem, 0.35rem);
}
.component-item4 .dot {
  width: 12px;
  height: 12px;
  background-color: #ffffff00;
  border-radius: 50%;
}
.component-item4 .text {
  color: #000000;
  font-size: 16px;
  order: -1;  /* 将文字移到前面（上面） */
}

/* 独立效果5 */
.component-item5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transform: translate(5.25rem,-0.3rem);
}
.component-item5 .dot {
  width: 12px;
  height: 12px;
  background-color: #ffffff00;
  border-radius: 50%;
}
.component-item5 .text {
  color: #000000;
  font-size: 16px;
  order: -1;  /* 将文字移到前面（上面） */
}

/* 独立效果6 */
.component-item6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transform: translate(1.81rem, -1.88rem);
}
.component-item6 .dot {
  width: 12px;
  height: 12px;
  background-color: #ffffff00;
  border-radius: 50%;
}
.component-item6 .text {
  color: #000000;
  font-size: 16px;
  order: -1;  /* 将文字移到前面（上面） */
}
/* 独立效果 */

.component-title {
  color: #103675;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, -0.8rem);
}

.platform-boxes {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 130px;
  transform: translateY(7.5rem);
}

.platform-boxes .platform-item:nth-child(2){
  transform: translateY(1.9rem);
}



.platform-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.platform-icon {
    width: 34px;
    height: 37px;
    transition: transform 0.3s ease;  /* 添加过渡效果 */
}

.platform-item:hover .platform-icon {
  transform: translateY(-5px);  /* 悬停时向上移动 */
}

.platform-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.platform-name {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.platform-title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, -1rem);
}

.equipment-boxes {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 15rem;
  transform: translateY(21rem);
}

.equipment-boxes .equipment-item:nth-child(2){transform: translate(0.8rem,1.1rem);}

.equipment-item {
    display: flex;
    flex-direction: row;  /* 改为横向排列 */
    align-items: center;  /* 垂直居中对齐 */
    gap: 8px;
    position: relative;
}

.equipment-icon {
    width: 34px;
    height: 37px;
    transition: transform 0.3s ease;
    order: 1;  /* 确保图标在左边 */
}

.equipment-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.equipment-name {
    color: #333;
    font-size: 16px;
    color: #fff;
    border-radius: 20px;
    order: 2;  /* 确保名称在右边 */
}

.equipment-title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, -1.3rem);
}

.equipment-item:hover .equipment-icon {
    transform: translateY(-5px);
}

.arch-title {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 50px;
  color: #BFBFBF;
  font-size: 18px;
  transform: translateY(40rem);
}

/* 视频样式 */
.slide-video {
    position: absolute;
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 680px;
    object-fit: cover;
    z-index: 1;
}

/* 确保文字在视频上层 */
.slide-content {
    position: relative;
    z-index: 2;
}

/* 给视频添加遮罩效果 */
/* .slide-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
} */


/* 150推荐字体样式 */
@media screen and (max-width: 1280px) {

  .architecture{padding: 80px 0px 630px 0px;}
  
  .arch-bg-layer {width: 523px;}
  .arch-bg-layer2 {width: 717px;}

  .arch-bg-layer3 {width: 894px;;height:182px;}
  .component-boxes{transform: translateY(6.7rem);}

  .arch-bg-layer4 {width: 1015px;height:240px;}
  .arch-bg-layer4 .platform-boxes{transform:translateY(7.2rem);}
  .arch-bg-layer4 .equipment-title{transform: translate(-50%, -1.15rem);}
  .platform-boxes .platform-item:nth-child(2){transform: translateY(1.35rem);}
  .platform-title{transform: translate(-50%, -1.2rem);}

  .arch-bg-layer5 {width: 1120px;height:440px;}
  .arch-bg-layer5 .equipment-boxes{padding: 0 12.5rem;transform:translateY(19.2rem)}
  .arch-bg-layer5 .equipment-title{transform: translate(-50%, -1.95rem);}
  .equipment-boxes .equipment-item:nth-child(2){transform: translate(0.6rem,1rem);}

  .arch-title{transform: translateY(36rem);}
}

@media screen and (max-width: 1280px) {
  .product-info{gap: 20px;}
  .product-info p{font-size:12px;}
}

@media screen and (max-width: 1280px) {
  .solutions-grid{padding: 0px 60px;}
  .why-choose-us .advantages-grid{padding: 0px 60px;}
  .news-container{padding: 0px 60px;}
}

@media screen and (max-width: 670px) {
  .solutions-grid{padding: 0px 15px;}
  .why-choose-us .advantages-grid{padding: 0px 15px;}
  .news-container{padding: 0px 15px;}
}




/* 移动适配 */

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



  @media screen and (max-width: 768px) {
    .architecture{padding: 30px 0px 80px 0px;}
    .arch-header h2{font-size: 20px;margin: 20px;}
    .arch-header p{font-size: 12px;}
    .arch-header{margin-bottom: 30px;}
    .arch-diagram {
      background-image: url(../images/yd/bg-m.png);
      background-size:contain;
      padding: 185px 0;
    }
    .arch-bg-layer{display:none;}
    .arch-bg-layer2{display:none;}
    .arch-bg-layer3{display:none;}
    .arch-bg-layer4{display:none;}
    .arch-bg-layer5{display:none;}
  }

  .products{padding: 30px 15px;}
  .products-wrapper{
  background-image: url(../images/yd/product-bg-m.png);
  }
  .category-box{
  padding: 0px;
  background-image: none;
  justify-content:flex-start;
  }
  .category-box br{
  display: none;
  }
  .product-info{
  min-height: 100px;
  padding: 0px 0px 0px 15px;
  }
  .product-info h3{
  color:#2c5fb6;
  font-weight: 600;
  font-size: 16px;
  }
  .arrow-btn{
    font-size: smaller;
    padding:0px 12px 0px 12px;
    left: auto;
    right:6%;
    bottom:4.1rem;
  }
  .product-info .product-text{
    margin-top: 1rem;
  }


  .solutions{padding: 0px 0px 20px 0px;}
  .solutions-header {margin: 20px;padding: 0px;}
  .solutions-header h2{font-size: 20px;margin: 20px;}
  .solutions-header p{color: #666 !important;font-size: 12px;}

  .solution-card{padding: 30px;}

  .solution-card[data-solution="ai"] {
    background-image: url('../images/solution1-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .solution-card[data-solution="ai"] .card-icon img {
    content: url('../images/solution-icon1-hover.png');
  }

  .solution-card[data-solution="edge"] {
    background-image: url('../images/solution2-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .solution-card[data-solution="edge"] .card-icon img {
    content: url('../images/solution-icon2-hover.png');
  }

  .solution-card[data-solution="cloud"] {
    background-image: url('../images/solution3-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .solution-card[data-solution="cloud"] .card-icon img {
    content: url('../images/solution-icon3-hover.png');
  }

  .solution-card h3 {
    font-size: 16px;
    color: #fff !important; /* 文字变白，添加 !important */
  }
  .solution-card p {
    font-size: 12px;
    color: #fff !important; /* 文字变白，添加 !important */
    margin: 0 0 18px;
    width: auto;
  }
  .solution-card .learn-more {
    font-size: 12px;
    color: #0052d9 !important; /* 按钮文字保持蓝色，添加 !important */
    border-color: #fff;
    background: #fff;
  }
  .card-icon{width: 52px;height: 52px;}

  .news{padding: 20px 0;}
  .news-info{padding: 1px 0px 24px 0px;}
  .news-item:nth-child(1){display: none;}
  .news-list{width: auto;}
  .news-list .news-list-item .news-title{font-size: 13px; font-weight: 500;}
  .news-list .news-list-item .news-date{font-size: 12px;}



  .why-choose-us{padding: 20px 0;}
  .why-choose-us .why-choose-header h2{font-size: 20px;margin: 20px;}
  .why-choose-us .why-choose-header p{font-size: 12px;}


  .partners-title{font-size: 20px;margin: 45px 0px 30px 0px;}

  .partner-wall{margin-top: 20px;margin-bottom: 20px;}

  .item-header h3{font-size: 13px;line-height:1.5rem;}
  .item-content p{font-size: 13px;}


  .cert-item img{background-size:none;}

  .footer-container{display: none;}

  .contact-title{font-size: 20px;margin-bottom:30px;}

}

/* why-choose-us轮播样式 - 仅移动端 */
@media screen and (max-width: 670px) {
  .why-choose-us {
    padding: 25px 15px;
    background: #F7F8FA;  /* 添加背景色 */
  }

  .why-choose-us .advantages-grid {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }

  .advantages-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
  }

  .advantage-card {
    flex: 0 0 100%;
    width: 100%;
    /* padding: 24px; */
    margin: 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }

  /* 调整卡片内容样式 */
  .why-choose-us .advantage-card .card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;  /* 改为左对齐 */
    text-align: left;  /* 改为左对齐 */
    height: 155px;
    padding: 10px 25px 0px 25px;
    gap:8px;
  }

  .why-choose-us .advantage-card .card-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
  }

  .why-choose-us .advantage-card .card-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;

  }

  .why-choose-us .advantage-card .card-content .title {
    font-size: 16px;
    font-weight: 600;
    color: #103675;
    margin-bottom: 8px;
  }

  .why-choose-us .advantage-card .card-content .desc {
    font-size: 11px;
    line-height: 1.6;
    color: #666;
    margin: 0;
  }

  /* 轮播指示器样式 */
  .advantages-indicators {
    display: none;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
  }

  .advantage-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .advantage-indicator.active {
    width: 18px;
    border-radius: 3px;
    background: #007EFF;
  }
}

/* 修改 partners 轮播指示器样式，与 why-choose-us 保持一致 */
/* .carousel-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
} */

.carousel-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}

.carousel-dot.active {
  width: 18px;
  border-radius: 3px;
  background: #007EFF;
}

/* 移除旧的样式 */
.carousel-dots .dot {
  display: none; /* 移除旧的点样式 */
}

/* 移动端认证布局 */
@media screen and (max-width: 670px) {
  .cert-track {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* 上面一行4个 */
  .cert-track-row1 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  /* 下面一行3个 */
  .cert-track-row2 {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .cert-item {
    flex: 0 0 calc(25% - 8px); /* 4个等分，减去间距 */
  }

  .cert-track-row2 .cert-item {
    flex: 0 0 calc(33.33% - 7px); /* 3个等分，减去间距 */
  }
    /* PC端保持原有样式 */
  .cert-track {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;

  .cert-item:nth-child(1){width: 76px;}
  .cert-item:nth-child(3){width: 77px;}
  .cert-item:nth-child(5){transform: translateX(40px);width: 77px;}
  .cert-item:nth-child(6){transform: translateX(50px);}
  .cert-item:nth-child(7){transform: translateX(70px);width: 77px;}
   }
}

/* 移动端布局 */
@media screen and (max-width: 670px) {
    .cert-track {
        display: grid;
        grid-template-rows: auto auto;  /* 两行布局 */
        gap: 20px;
    }

    /* 第一行4个 */
    .cert-track > .cert-item:nth-child(-n+4) {
        grid-row: 1;
    }

    /* 第二行3个 */
    .cert-track > .cert-item:nth-child(n+5) {
        grid-row: 2;
    }

    .cert-track > .cert-item {
        width: auto;  /* 自适应宽度 */
    }

    /* 第一行4个平均分布 */
    .cert-track > .cert-item:nth-child(-n+4) {
        flex: 0 0 calc(25% - 8px);
    }

    /* 第二行3个居中分布 */
    .cert-track > .cert-item:nth-child(n+5) {
        flex: 0 0 calc(33.33% - 7px);
    }

    .cert-item img {
        width: 56px;
        height: 56px;
        margin-bottom: 0px;
    }

    .cert-item p {
        font-size: 11px;
    }
}

@media screen and (max-width: 768px) {
    .arch-header h2 {
        font-size: 20px;
        margin: 20px;
        padding: 0 20px;
        line-height: 1.5;
        /* 添加最大宽度和自动换行 */
        max-width: 100%;
    }

    /* 添加新的选择器，专门处理标题文本 */
    .arch-header h2::after {
        content: '让智能触手可及';
        display: block;
        margin-top: 5px; /* 调整行间距 */
    }

    /* 修改原标题文本 */
    .arch-header h2 {
        position: relative;
    }
    
    /* 隐藏原文本中的后半部分 */
    .arch-header h2 span:last-child {
        display: none;
    }
}

/* 轮播指示器默认样式 */
.carousel-dots {
    display: none; /* PC端默认隐藏 */
}

/* 移动端箭头样式 */
@media screen and (max-width: 768px) {
    /* 显示箭头按钮 */
    .carousel-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background: #fff;
        border: 1px solid #E6F1FF;
        border-radius: 50%;
        color: #666;
        font-size: 14px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }

    .prev-btn {
        left: 10px;
    }

    .next-btn {
        right: 10px;
    }

    /* 箭头按钮悬停效果 */
    .carousel-btn:hover {
        background: #0052D9;
        border-color: #0052D9;
        color: #fff;
    }

    /* 隐藏原有的点状指示器 */
    .carousel-dots {
        display: none;
    }
}

/* 轮播指示器样式 */
.carousel-dots {
    display: none; /* PC端默认隐藏 */
}

/* 移动端指示器样式 */
@media screen and (max-width: 768px) {
    /* 隐藏箭头按钮 */
    .carousel-btn {
        display: none;
    }

    /* 显示圆点指示器 */
    .carousel-dots {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 16px;
    }

    .carousel-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.1);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .carousel-dot.active {
        width: 18px;
        border-radius: 3px;
        background: #007EFF;
    }
}

/* 视频背景样式 */
.slide-video {
    position: absolute;
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 680px;
    object-fit: cover;
    z-index: 1;
}

/* 移动端隐藏视频 */
@media screen and (max-width: 768px) {
    .slide-video {
        display: none;
    }
    
    /* 确保移动端背景图片正确显示 */
    .slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .slide-1,
    .slide-2,
    .slide-3 {
        background-image: url('../images/swiper-bg0.png');
    }
}

/* 移动端样式重置 */
@media screen and (max-width: 768px) {
    /* 取消新闻列表项的悬浮效果 */
    .news-list .news-list-item:hover .hover-content {
        display: none;  /* 禁用悬浮内容 */
    }

    .news-list .news-list-item:hover > .news-title {
        display: block;  /* 保持标题显示 */
    }

    .news-list:has(.news-list-item:hover) .news-list-item {
        flex: 1;  /* 重置 flex 比例 */
    }

    .news-list:has(.news-list-item:hover) .news-list-item:hover {
        flex: 1;  /* 重置悬浮时的 flex 比例 */
    }

    /* 调整列表项基础样式 */
    .news-list .news-list-item {
        padding: 12px;  /* 减小内边距 */
        position: relative;  /* 为绝对定位的日期做准备 */
        min-height: 60px;   /* 确保有足够空间显示日期 */
    }

    .news-list .news-list-item .news-title {
        font-size: 13px;
        font-weight: 500;
        margin: 0;
    }

    /* 显示日期 */
    .news-list .news-list-item .hover-content .news-date {
        position: absolute;
        bottom: 12px;
        right: 12px;
        font-size: 12px;
        color: #999;
        display: block;
    }
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
    /* 移除轮播指示器 */
    .carousel-dots {
        display: none;
    }

    /* 移除箭头按钮 */
    .carousel-btn {
        display: none;
    }
}









/*侧边栏样式*/

/* 弹窗 */
.modal {
  display: none;
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*overflow: auto;*/
  background-color: rgba(0, 0, 0, 0.5);
}

/* 模态框对话框 */
.modal-dialog {
  margin: 10% auto;
  max-width: 600px;
  box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
  transform: scale(0.1);
  opacity: 0;
}

/* 进入动画 */
.modal-dialog.show {
  animation: modal-show 0.3s ease;
	transform: scale(1);
  opacity: 1;
}

@keyframes modal-show {
  from {
    transform: scale(0.1);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* 离开动画 */
.modal-dialog.hide {
  animation: modal-hide 0.3s ease;
}

@keyframes modal-hide {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.1);
    opacity: 0;
  }
}

/* 模态框内容 */
.modal-content {
  background-color: #fefefe;
  border-radius: 4px!important;
}
.modal-content .modal-header {
	height: 60px;
	background: #f2f3fa;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	line-height: 25px;
	border-radius: 4px 4px 0 0;
	padding: 16px 24px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	line-height: 25px;
}
.modal-content .modal-body {
	padding: 24px;
	font-size: 14px;
	line-height: 1.5715;
	word-wrap: break-word;
}

/* 关闭按钮 */
.ant-modal-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	padding: 0;
	color: rgba(0,0,0,.45);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	background: transparent;
	border: 0;
	outline: 0;
	cursor: pointer;
	transition: color .3s;
}
.ant-modal-close  .ant-modal-close-x {
	display: block;
	width: 56px;
	height: 56px;
	font-size: 16px;
	font-style: normal;
	line-height: 56px;
	text-align: center;
	text-transform: none;
	text-rendering: auto;
}
.anticon {
	display: inline-block;
	color: inherit;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -0.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.ant-modal-footer {
	display: flex;
	justify-content: center;
	border-top: none;
	padding: 30px 16px;
	text-align: right;
	background: transparent;
	border-radius: 0 0 2px 2px;
}


/*表单样式*/
.ant-row {
	/*flex-flow: row wrap*/
}

}

.ant-row-1 {
	flex-flow: row wrap
}

.ant-row,.ant-row:after,.ant-row:before {
	display: flex
}

.ant-row-no-wrap {
	flex-wrap: nowrap
}

.ant-row-start {
	justify-content: flex-start
}

.ant-row-center {
	justify-content: center
}

.ant-row-end {
	justify-content: flex-end
}

.ant-row-space-between {
	justify-content: space-between
}

.ant-row-space-around {
	justify-content: space-around
}

.ant-row-top {
	align-items: flex-start
}

.ant-row-middle {
	align-items: center
}

.ant-row-bottom {
	align-items: flex-end
}


.ant-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
}

.ant-form-item {
    box-sizing: border-box;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    margin: 0 0 24px;
    vertical-align: top;
}



.ant-modal-body .label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
    color: #333333;
    padding: 0;
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}


.ant-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
}

.ant-col-xs-24 {
    flex: 0 0 15%;
}

.ant-col {
    position: relative;
    min-height: 1px;
}


  /* Section11 样式 */
  .section11 {
    padding: 80px 20px;
    max-width: 1315px;
    margin: 0 auto;
  }
  
  .section11-header {
    text-align: center;
    margin-bottom: 40px;
  }
  
  .section11-title {
    text-align: center;
    font-size: 36px;
    color: #000000;
    margin: 30px;
    font-weight: 600;
  }
  
  .section11-subtitle {
    font-size: 16px;
    color: #333;
  }
  
  /* 卡片容器 */
  .section11 .advantage-container {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: stretch;
  }
  
  /* 卡片基础样式 */
  .section11 .advantage-card:nth-child(2) {
    flex: 1;
    /* height: 350px; */
    background-image: url('../images/wy-bg2.png');
    background-size: cover;
    background-position: center;
    border-radius:8px;
    transition: all 0.8s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
  }

  .section11 .advantage-card:nth-child(3) {
    flex: 1;
    /* height: 350px; */
    background-image: url('../images/wy-bg3.png');
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    transition: all 0.8s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
  }


  
  /* 卡片标题样式 */
  .section11 .advantage-title {
    color: #103675;
    font-size: 23px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 16px;
    margin-top: 20px;
  }
  
  /* 标题下方横线 */
  .section11 .advantage-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background-color: #D8D8D8;
    transition: all 0.8s ease;
  }
  
  /* 描述文本样式 */
  .section11 .advantage-desc {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  
  .section11 .advantage-desc.short {
    height: auto;
    opacity: 1;
  }
  
  /* Hover状态样式 */
  .section11 .advantage-card:nth-child(2):hover {
    flex: 1.5;
    background-image: url('../images/wy-bg2-1.png');
    background-size: cover;
    background-position: center;
    padding: 30px 40px 40px 40px;
    align-items: flex-start;
    text-align: left;
    /* box-shadow: 0 8px 24px rgba(43, 91, 221, 0.2); */
    /* height: 350px; */
  }
  .section11 .advantage-card:nth-child(2):hover .advantage-icon img{
    width: 110px;
  }

  .section11 .advantage-card:nth-child(3):hover {
    flex: 1.5;
    background-image: url('../images/wy-bg3-1.png');
    background-size: cover;
    background-position: center;
    padding: 30px 40px 40px 40px;
    align-items: flex-start;
    text-align: left;
    /* box-shadow: 0 8px 24px rgba(43, 91, 221, 0.2); */
    /* height: 350px; */
  }
  .section11 .advantage-card:nth-child(3):hover .advantage-icon img{
    width: 110px;
  }

  
  .section11 .advantage-card:hover .advantage-title {
    color: #fff;
    font-size: 24px;
  }
  
  .section11 .advantage-card:hover .advantage-title::after {
    background-color: #fff;
    left: 0;
    transform: none;
  }
  
  .section11 .advantage-card:hover .advantage-desc.short {
    height: 0;
    opacity: 0;
  }
  
  .section11 .advantage-card:hover .advantage-desc.full {
    height: auto;
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
  }
  
  /* 第一个卡片默认状态 */
  .section11 .advantage-card:first-child {
    flex: 1.5;
    background-image: url('../images/wy-bg1-1.png');
    background-position: center;
    padding: 30px 40px 40px 40px;
    align-items: flex-start;
    text-align: left;
    /* height: 350px; */
    border-radius: 8px;
    transition: all 0.8s ease;
  }

  .section11 .advantage-card:first-child .advantage-icon {
    transform: none;
  }

  .section11 .advantage-card:first-child .advantage-title {
    color: #fff;
    font-size: 24px;
    transform: none;
  }
  
  .section11 .advantage-card:first-child .advantage-title::after {
    background-color: #fff;
    left: 0;
    transform: none;
  }
  
  .section11 .advantage-card:first-child .advantage-desc.short {
    height: 0;
    opacity: 0;
  }
  
  .section11 .advantage-card:first-child .advantage-desc.full {
    height: auto;
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    transform: none;
  }
  
  /* 当hover其他卡片时，第一个卡片恢复默认状态 */
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) {
    flex: 1;
    /* height: 350px; */
    background-image: url(../images/wy-bg1.png);
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    transition: all 0.8s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    /* padding: 40px 16px 5px 16px; */
    padding: 40px 10px 5px 10px;
  }
  
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-title {
    color: #103675;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 16px;
    margin-top: 20px;
    font-size:24px;
  }

  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-title::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 40px;
     height: 2px;
     background-color: #D8D8D8;
     transition: all 0.8s ease;
  }
  
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-desc.short {
    height: auto;
    opacity: 1;
    color: #666;
  }
  
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-desc.full {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    transition: all 0.3s ease;
    height: 0;
    opacity: 0;
  }
  
  /* Section11 样式更新 */
  .section11 .advantage-icon {
    width: 100px;
    /* height: 80px; */
  }
  
  .section11 .advantage-icon img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
  }
  
  /* Section11 样式更新 - 未hover状态下的标题上边距 */
  .section11 .advantage-card .advantage-title {
    margin-top: 50px;  /* 默认状态下的上边距 */
  }
  
  /* hover状态下恢复原来的上边距 */
  .section11 .advantage-card:hover .advantage-title {
    margin-top: 15px;
  }
  
  /* 第一个卡片默认使用hover状态的上边距 */
  .section11 .advantage-card:first-child .advantage-title {
    margin-top: 15px;
  }
  
  /* 当hover其他卡片时，第一个卡片使用未hover状态的上边距 */
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-title {
    margin-top: 50px;
    font-size: 23px;
  }
  
  /* Section11 样式更新 - 未hover状态下的图标内边距 */
  .section11 .advantage-card .advantage-icon {
    width: 128px;
    transition: padding 0.8s ease;
  }
  
  /* hover状态下移除内边距 */
  .section11 .advantage-card:hover .advantage-icon {
    /* padding-top: 20px; */
  }
  
  /* 第一个卡片默认使用hover状态的内边距 */
  .section11 .advantage-card:first-child .advantage-icon {
    width: 110px;
  }
  
  /* 当hover其他卡片时，第一个卡片使用未hover状态的内边距 */
  .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) .advantage-icon {
    width: 128px;
    transition: padding 0.8s ease;
  }
  
/* 固定容器和卡片高度 */
.section11 .advantage-container {
    display: flex;
    align-items: stretch;
    height: 350px; /* 固定容器高度 */
}

  /* 移动端适配 */
  @media screen and (max-width: 768px) {
    .section11 {
        padding: 60px 16px;
    }
  
    .section11-title {
        font-size: 28px;
    }
  
    .section11 .advantage-container {
        flex-direction: column;
        gap: 16px;
    }
  
    .section11 .advantage-card,
    .section11 .advantage-card:first-child,
    .section11 .advantage-card:hover,
    .section11 .advantage-container:hover .advantage-card:first-child:not(:hover) {
        flex: 1;
        min-height:auto;
    }
  }


/*轮播补充样式*/
.bibi{
    z-index: 1;
    width: 1280px;
}
.bibi img{
    width: 43%;
    display: block;
}

.bibii{
    z-index: 1;
    width: 1280px;
}
.bibii img{
    width: 38.5%;
    display: block;
}

.bibiii{
    z-index: 1;
    width: 1280px;
}
.bibiii img{
    width: 45.5%;
    display: block;
}

/*底部广告样式*/
.slide-video-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 218px;
    object-fit: cover;
    z-index: 1;
}