/* 基础重置与全局样式 */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft Yahei", sans-serif; }
        body { color: #333; line-height: 1.6; }
        .container { margin: 0 auto; padding: 0 15px; }
        @media (max-width: 1200px) { .container { width: 100%; } }

        /* 导航栏升级 */
        .nav-bar { 
            background: linear-gradient(135deg, #00A86B 0%, #007A4D 100%); 
            color: #fff; 
            padding: 15px 0; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 999;
        }
        .nav-content {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .nav-content a {
            color: #fff; 
            margin: 0 20px; 
            text-decoration: none;
            font-size: 16px;
            padding: 5px 0;
            position: relative;
            transition: all 0.3s;
        }
        .nav-content a:hover { color: #e8f5e9; }
        .nav-content a.active { 
            text-decoration: underline;
            text-underline-offset: 5px;
            text-decoration-thickness: 2px;
        }
        .nav-content a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: #fff;
            transition: all 0.3s;
            transform: translateX(-50%);
        }
        .nav-content a:hover::after { width: 100%; }

        /* 面包屑升级 */
        .breadcrumb {
            margin: 20px 0; 
            font-size: 14px; 
            color: #666;
            display: flex;
            align-items: center;
        }
        .breadcrumb a {
            color: #00A86B;
            text-decoration: none;
        }
        .breadcrumb a:hover { text-decoration: underline; }
        .breadcrumb span { margin: 0 8px; }

        /* 标题与模块样式升级 */
        .case-title { 
            font-size: 26px; 
            color: #007A4D; 
            border-bottom: 3px solid #00A86B; 
            padding-bottom: 12px; 
            margin: 40px 0 25px;
            position: relative;
        }
        .case-title::after {
            content: '';
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 80px;
            height: 3px;
            background: #007A4D;
        }
        .sub-title { 
            font-size: 20px; 
            color: #00A86B; 
            margin: 30px 0 20px; 
            font-weight: 600;
            display: flex;
            align-items: center;
        }
        .sub-title::before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 20px;
            background: #00A86B;
            margin-right: 10px;
            border-radius: 3px;
        }
        .content-block { margin-bottom: 30px; font-size: 15px; }

        /* 1. 案例头部信息升级 */
        .case-header { 
            background: linear-gradient(135deg, #f5f9f7 0%, #e8f5e9 100%); 
            padding: 30px; 
            border-radius: 12px; 
            margin-bottom: 40px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border: 1px solid #e6f7ef;
        }
        .case-header h1 { 
            font-size: 32px; 
            color: #007A4D; 
            margin-bottom: 15px;
            line-height: 1.4;
        }
        .case-meta { 
            display: flex; 
            flex-wrap: wrap; 
            gap: 20px; 
            color: #555;
            font-size: 15px;
        }
        .case-meta span { 
            display: flex; 
            align-items: center;
            padding: 8px 15px;
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.03);
        }
        .case-meta i { 
            margin-right: 8px; 
            color: #00A86B;
            font-size: 18px;
        }

        /* 2. 挑战与背景（两栏布局升级） */
        .challenge-layout { display: flex; gap: 25px; flex-wrap: wrap; }
        .challenge-card { 
            flex: 1; 
            min-width: 350px; 
            background: #fff; 
            border: 1px solid #e6e6e6; 
            padding: 25px; 
            border-radius: 10px; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .challenge-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        }
        .challenge-card p { margin-bottom: 12px; }

        /* 3. 解决方案 - 产品清单升级 */
        .product-list { 
            display: grid; 
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
            gap: 20px; 
            margin-top: 20px; 
        }
        .product-item { 
            border: 1px solid #e0e0e0; 
            padding: 20px; 
            border-radius: 10px; 
            text-align: center; 
            transition: all 0.3s;
            background: #fff;
            overflow: hidden;
            position: relative;
        }
        .product-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: #00A86B;
            transform: translateX(-100%);
            transition: transform 0.3s;
        }
        .product-item:hover { 
            transform: translateY(-8px); 
            box-shadow: 0 8px 25px rgba(0,168,107,0.15);
        }
        .product-item:hover::before { transform: translateX(0); }
        .product-item img { 
            width: 100%; 
            height: 190px; 
            object-fit: cover; 
            border-radius: 8px; 
            margin-bottom: 15px;
            transition: transform 0.5s;
        }
        .product-item:hover img { transform: scale(1.05); }
        .product-item a { 
            color: #007A4D; 
            text-decoration: none; 
            font-weight: 600;
            font-size: 16px;
            transition: color 0.3s;
        }
        .product-item a:hover { 
            color: #00A86B; 
            text-decoration: underline;
        }

        /* 4. 核心亮点：设计还原度对比（视觉升级） */
        .comparison-section { 
            background: #fff; 
            padding: 30px; 
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            margin: 30px 0;
        }
        .comparison-title {
            text-align: center; 
            color: #666; 
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 600;
        }
        .comparison-title span {
            color: #00A86B;
            font-size: 20px;
        }
        .comparison-wrap { 
            display: flex; 
            gap: 20px; 
            flex-wrap: wrap; 
            margin-top: 25px; 
        }
        .comparison-card { 
            flex: 1; 
            min-width: 350px; 
            background: #fff;
            overflow: hidden;
            transition: transform 0.3s;
        }
        .comparison-card:hover { transform: translateY(-5px); }
        .comparison-card img { 
            width: 100%; 
            border-radius: 10px 10px 0 0;
            height: 300px;
            object-fit: cover;
        }
        .comparison-label { 
            text-align: center; 
            padding: 12px; 
            font-weight: 600; 
            font-size: 16px;
        }
        .label-effect { 
            border-radius: 10px;
            font-size: 15px;
            text-align: center;
            margin-bottom: 10px;
            padding: 10px;
            background: linear-gradient(135deg, #E8F5E9 0%, #d4edda 100%);
            color: #324233;
        }
        .label-real { 
            border-radius: 10px;
            font-size: 15px;
            text-align: center;
            margin-bottom: 10px;
            padding: 10px;
            background: linear-gradient(135deg, #E3F2FD 0%, #d1e7dd 100%);
            color: #1976D2;
        }

        /* 5. 实景照片展示（交互升级） */
        .gallery { margin-top: 25px; }
        .gallery-grid { 
            display: grid; 
            grid-template-columns: repeat(4, 1fr); 
            gap: 15px; 
        }
        .gallery-item { 
            overflow: hidden; 
            border-radius: 10px; 
            cursor: pointer;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            transition: all 0.3s;
        }
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }
        .gallery-item img { 
            width: 100%; 
            height: 150px; 
            object-fit: cover; 
            transition: transform 0.6s ease;
        }
        .gallery-item:hover img { transform: scale(1.15); }
        @media (max-width: 768px) { 
            .gallery-grid { grid-template-columns: repeat(2, 1fr); } 
            .gallery-item img { height: 120px; }
        }
        .gallery-tip {
            text-align: center; 
            margin-top: 15px; 
            color: #999; 
            font-size: 14px;
        }

        /* 6. 客户评价升级 */
        .testimonial { 
            background: linear-gradient(135deg, #fff 0%, #f8fff9 100%); 
            border-left: 5px solid #00A86B; 
            padding: 25px; 
            margin: 30px 0; 
            font-style: italic; 
            color: #555;
            border-radius: 0 10px 10px 0;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            font-size: 16px;
            line-height: 1.8;
        }
        .testimonial-author { 
            text-align: right; 
            margin-top: 15px; 
            font-weight: 600; 
            color: #333; 
            font-style: normal;
            font-size: 15px;
        }

        /* 7. 相关产品推荐升级 */
        .related-products { 
            border-top: 2px dashed #e0e0e0; 
            padding-top: 30px; 
            margin-top: 40px;
        }

        /* 回到顶部按钮 */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: #00A86B;
            color: #fff;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            transition: background 0.3s;
            opacity: 0;
            visibility: hidden;
            z-index: 998;
        }
        .back-to-top.show {
            opacity: 1;
            visibility: visible;
        }
        .back-to-top:hover {
            background: #007A4D;
        }


               .hero {
            background: linear-gradient(rgb(186 211 205 / 90%), rgb(167 185 181 / 80%)), url(../images/xjyy.jpg) center / cover no-repeat;
        }

        .product-list{border:none;}
        .indexImg img{height: 300px;}
        .indexImg{text-align: center;}






/* 相关新闻 */

.product-scenarios{
        background: white;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-top: 20px;

}

.news-section-pro {
  margin: 30px 0;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
}
/* 标题栏（pro版） */
.news-header-pro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.news-header-pro h3 {
  font-size: 18px;
  color: #333;
  margin: 0;
}
/* 查看更多链接（pro版） */
.more-link-pro {
  font-size: 14px;
  color: #666;
  text-decoration: none;
}
.more-link-pro:hover {
  color: #00a651; /* 悬停变品牌绿 */
}
/* 新闻列表（核心调整：2列布局）（pro版） */
.news-list-pro {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 固定2列，每2条一组 */
  gap: 15px; /* 组内/组间间距 */
}
/* 新闻卡片（pro版） */
.news-item-pro {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 4px;
  transition: all 0.3s;
  cursor: pointer; /* 鼠标悬浮变手型 */
}
.news-item-pro:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* 新闻缩略图（pro版） */
.news-thumb-pro {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px;
}
/* 新闻标题（pro版） */
.news-title-pro {
  font-size: 15px;
  color: #333;
  margin: 0 0 5px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-item-pro:hover .news-title-pro {
  color: #00a651; /* 品牌绿色 */
}
/* 新闻日期（pro版） */
.news-date-pro {
  font-size: 12px;
  color: #999;
}
/* 新闻摘要（pro版） */
.news-desc-pro {
  font-size: 13px;
  color: #666;
  margin: 5px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 响应式适配：手机端变回单列 */
@media (max-width: 768px) {
  .news-list-pro {
    grid-template-columns: 1fr;
  }
}