/* 导航整体容器: 包裹一行背景 */
        .nav-wrapper {  border-bottom: 1px #F4F4F4 solid;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    /* 添加以下3行 */
    display: flex;
    justify-content: center;
        }

h3{ color:#00662c;}
        /* 核心菜单列表: 一行排列，不换行，所有菜单紧密连接成整体背景 */


        /* 每个菜单项 - 弹性比例，让菜单项自然撑开但不等宽可能，使用 flex-shrink: 0 确保不会挤压缩小文字 */
        /* 为了看起来像一整行，项目之间没有独立卡片背景，所有项目共享同一行白色背景 */
        .nav-item {
            flex-shrink: 0;          /* 不允许收缩，保证所有项目完整显示在一行，超出则父级滚动 */
            /* 可根据内容自然宽度 */
        }

        /* 链接样式: 去边框，去阴影，去任何独立块之间的分隔线 */
        .nav-link {
            display: inline-block;
            padding: 0.9rem 1.2rem;
            background-color: transparent;   /* 完全透明，继承整行背景 */
            color: #1f2e3d;
            text-decoration: none;
            font-size: 1rem;
            font-weight: 500;
            transition: all 0.2s ease;
            text-align: center;
            white-space: nowrap;
            letter-spacing: 0.3px;
            border-radius: 0;                /* 无圆角，让菜单之间无分割造型，完全连续一行 */
            /* 无边框，无阴影，无独立背景 */
            border: none;
            box-shadow: none;
            /* 轻微内敛线条感可选，不加分割线更干净，保持一整块背景 */
        }

        /* 鼠标移上链接: 背景变为 #00662c，文字白色，但注意：这个背景依然覆盖在整行白色之上，产生高亮块效果 */
        /* 但为了让感觉像 "整行背景的一部分，高亮某个item" 依然自然，因为无独立卡片所以切换背景依然统一 */
        .nav-link:hover {
            background-color: #00662c;
            color: white;
        }

        /* 焦点状态提升无障碍 */
        .nav-link:focus-visible {
            outline: 2px solid #00662c;
            outline-offset: -2px;
            background-color: #00662c;
            color: white;
        }

        /* 可选：鼠标不在链接上时整行是干净的白色背景，选中某个菜单背景变化，但整体依然连续 */
        /* 针对手机设备，保证滚动体验，且隐藏滚动条（可选但保留滚动功能）为了视觉干净，自定义滚动条 */
        @media (max-width: 1024px) {
        
            .nav-link {
                padding: 0.8rem 1rem;
                font-size: 0.95rem;
            }
        }

        @media (max-width: 768px) {
        
            .nav-wrapper {
                border-radius: 14px;
            }
            .nav-link {
                padding: 0.7rem 0.9rem;
                font-size: 0.9rem;
            }
        }

        @media (max-width: 640px) {
            .nav-link {
                padding: 0.65rem 0.8rem;
                font-size: 0.85rem;
            }
            .nav-list {
                padding: 0 0.5rem;
            }
        }

        /* 极小屏：保证文字不压缩 */
        @media (max-width: 480px) {
            .nav-link {
                padding: 0.6rem 0.7rem;
                font-size: 0.8rem;
            }
        }

        /* 为了让整行背景看起来完全不分成一块块，去除任何列表项之间的间距或分隔 */
        .nav-list,
        .nav-item,
        .nav-link {
            margin: 0;
            border: none;
        }

        /* 水平滚动条样式(美观且低调) */
        .nav-wrapper::-webkit-scrollbar {
            height: 5px;
        }
        .nav-wrapper::-webkit-scrollbar-track {
            background: #e9ecef;
            border-radius: 10px;
        }
        .nav-wrapper::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        .nav-wrapper::-webkit-scrollbar-thumb:hover {
            background: #00662c;
        }

 /* 内页通用头部装饰 */
     .inner-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 285px;
    text-align: center;
    padding-top:85px;
}

/* 伪元素做半透明层 */
.inner-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.inner-hero .container {
    position: relative;
    z-index: 2;
}
		/* 手机端（屏幕宽度小于768px） */
@media (max-width: 768px) {
    .inner-hero {
        height: 190px;
        padding-top: 40px; /* 可选：手机端适当减小上内边距 */
    }
	  
}

/* 如果需要更小的手机（如iPhone SE） */
@media (max-width: 480px) {
    .inner-hero {
        height: 190px;
        padding-top: 35px;
    }
		  
}
        .inner-hero h1 { color:#fff; font-size:35px;
          text-shadow: 0 2px 4px rgba(0,0,0,0.3);
            font-weight: 700;
            letter-spacing: -0.3px;
            margin-bottom: 10px;
        }
        .inner-hero p { color:#fff;
            font-size: 16px;
            opacity: 0.85;
            max-width: 680px;
            margin: 0 auto;
			text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        .breadcrumb {
            margin-top:10px;
            font-size: 14px;
            color: rgba(255,255,255,0.7);
        }
        .breadcrumb a {
            color: #fbbe0b;
        }
        .section-padding {
            padding: 40px 15px;
        }
        .section-title {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 48px;
 
            padding-left: 20px;
            color: #0f2b3d;
        }
        .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .card {
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 12px 28px -8px rgba(0,0,0,0.08);
            transition: all 0.3s;
            border: 1px solid rgba(2,162,162,0.08);
        }
        .card:hover {
            transform: translateY(-6px);
            box-shadow: 0 24px 40px -12px rgba(2,162,162,0.2);
            border-color: #00662c;
        }
        .card-img {
    width: 100%;
    height: auto;         /* 高度自适应 */
    aspect-ratio: 4 / 3;  /* 可选：固定宽高比，防止布局抖动 */
    transition: 0.4s;
}
        .card-content {
            padding: 24px 20px 28px;
        }
        .card-content h3 {
     
            margin-bottom: 12px;
            font-weight: 600;
        }
        .card-content p {
            color: #475569;
            line-height: 1.5;
            margin-bottom: 20px;
        }
        .btn-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #00662c;
            font-weight: 500;
            border-bottom: 1px solid #00662c;
        }
        /* 关于我们 特色区块 */
        .about-story {
            display: flex;
            gap: 48px;
            align-items: center;
            margin-bottom: 70px;
        }
        .about-story-img {
            flex: 1;
            border-radius:12px;
            overflow: hidden;
            box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
        }
        .about-story-img img {
            width: 100%;
            height: 380px;
            object-fit: cover;
        }
        .about-story-text {
            flex: 1;
        }
        .about-story-text h3 {
            font-size: 28px;
            margin-bottom: 20px;
            color: #0ca6a6;
        }
        .stats {
            display: flex;
            gap: 32px;
            margin-top: 32px;
        }
        .stat-item {
            text-align: center;
        }
        .stat-number {
            font-size: 36px;
            font-weight: 800;
            color: #00662c;
        }
        /* 产品展示特殊风格 */
        .product-badge {
            background: #e6f7f5;
            display: inline-block;
            padding: 6px 14px;
            border-radius: 15px;
            font-size: 13px;
            font-weight: 600;
            color: #00662c;
            margin-bottom: 12px;
        }
        /* 工程案例 */
        .case-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .case-item {
            border-radius: 32px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 12px 28px rgba(0,0,0,0.05);
            transition: 0.3s;
        }
        .case-item:hover {
            transform: translateY(-5px);
        }
        .case-img {
            height: 300px;
            width: 100%;
            object-fit: cover;
        }
        .case-info {
            padding: 24px;
        }
        /* 新闻中心 */
        .news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .news-card .date {
            color: #00662c;
            font-weight: 600;
            margin-bottom: 12px;
            display: block;
        }
        /* 联系表单 */
        .contact-flex {
            display: flex;
            gap: 48px;
          
            border-radius: 15px;
          
            box-shadow: 0 4px 14px rgba(0,0,0,0.02);
        }
        .contact-info {
            flex: 1;
        }
        .contact-info i {
            width: 44px;
            height: 44px;
            background: #e6f7f5;
            border-radius: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #00662c;
            margin-right: 16px;
        }
        .contact-detail {
            margin-bottom: 28px;
            display: flex;
            align-items: center;
        }
        .contact-form {
            flex: 1;
        }
        .form-group {
            margin-bottom: 20px;
        }
        input, textarea {
            width: 100%;
            padding: 14px 20px;
            border: 1px solid #e2e8f0;
            border-radius: 28px;
            font-size: 16px;
            transition: 0.2s;
        }
        input:focus, textarea:focus {
            outline: none;
            border-color: #00662c;
            box-shadow: 0 0 0 3px rgba(2,162,162,0.1);
        }
        .btn-submit {
            background: #00662c;
            border: none;
            padding: 14px 32px;
            border-radius: 40px;
            color: white;
            font-weight: 600;
            cursor: pointer;
            transition: 0.2s;
        }
        .btn-submit:hover {
            background: #018a8a;
            transform: translateY(-2px);
        }
      
        @media (max-width: 1024px) {
            .grid-3, .news-grid { grid-template-columns: repeat(2,1fr); }
            .case-grid { grid-template-columns: 1fr; }
            .about-story { flex-direction: column; }
            .contact-flex { flex-direction: column; }
        }
        @media (max-width: 768px) {
			.inner-hero .container{ padding-top:20px;}
            .inner-hero h1 { font-size: 22px; }
			
			 .inner-hero p { color:#fff;
            font-size: 14px;
            opacity: 0.85;
            max-width: 680px;
            margin: 0 auto;
			text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
            .grid-3, .news-grid { grid-template-columns: 1fr; }
          
            .contact-flex {  }
        }
		
		
		
		
		/* 分页容器样式 */
.pagination-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

/* 分页按钮统一样式 */
.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.page-link:hover:not(.disabled) {
    background: #f0f7ff;
    border-color: #1890ff;
    color: #1890ff;
    transform: translateY(-1px);
}

/* 禁用状态（当前页不可点击时的样式） */
.page-link.disabled {
    color: #ccc;
    cursor: not-allowed;
    background: #f5f5f5;
}

/* 当前激活页码 */
.page-link.active {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff;
    pointer-events: none;
}

/* 信息文字样式 */
.page-info {
    color: #666;
    font-size: 14px;
    margin: 0 8px;
}

/* 下拉选择框样式 */
.page-select {
    padding: 6px 28px 6px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 14px;
}

.page-select:hover {
    border-color: #1890ff;
}

/* 跳转组样式 */
.page-jump {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 8px;
}