/* ========== 移动端汉堡菜单（替代损坏的 infinitypush 插件）========== */

/* 汉堡按钮 - 默认隐藏，移动端显示 */
.mobile-hamburger {
    display: none;
}

@media (max-width: 767px) {
    /* 隐藏桌面端导航栏（原始横排导航） */
    .nav-right-top.navbar-default .nav-dh-list.navbar-nav:not(#mobile-navigation) {
        display: none !important;
    }

    .mobile-hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 35px;
        height: 35px;
        background: #0D6E39;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        padding: 8px;
        box-sizing: border-box;
        position: fixed;
        right: 5px;
        top: 3px;
        z-index: 9999;
        transition: background 0.3s;
    }

    .mobile-hamburger:hover {
        background: #0a5a2e;
    }

    .hamburger-line {
        display: block;
        width: 22px;
        height: 2.5px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s ease;
        transform-origin: center;
    }

    /* 汉堡打开状态 → X */
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(2) {
        opacity: 0;
    }
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    /* 导航列表 - 用 visibility+right 组合实现滑入动画，避免 display:none 导致的 transition 失效 */
    #mobile-navigation {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 70% !important;
        min-width: 280px !important;
        height: 100vh !important;
        background: #0D6E39 !important;
        z-index: 9998 !important;
        transition: right 0.35s ease, visibility 0s 0.35s !important;
        padding: 60px 0 20px !important;
        margin: 0 !important;
        float: none !important;
        box-shadow: -4px 0 15px rgba(0,0,0,0.2);
        overflow-y: auto;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #mobile-navigation.mobile-nav-open {
        right: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: right 0.35s ease, visibility 0s !important;
    }

    /* 导航链接样式 */
    #mobile-navigation > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    }

    #mobile-navigation > li > a {
        display: block !important;
        color: #fff !important;
        font-size: 17px !important;
        padding: 16px 25px !important;
        text-align: left !important;
        text-decoration: none !important;
        transition: background 0.25s;
        letter-spacing: 1px;
        pointer-events: auto !important;
        position: relative;
        z-index: 2;
    }

    #mobile-navigation > li.active > a,
    #mobile-navigation > li > a:hover {
        background: rgba(255,255,255,0.15) !important;
        color: #8AD32A !important;
    }

    /* 遮罩层 - pointer-events:none 确保不拦截导航栏区域的触摸事件 */
    body.mobile-nav-active::before {
        content: '';
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.45);
        z-index: 9997;
        pointer-events: none;
    }

    /* 汉堡导航打开时，隐藏页面中的固定tab栏，避免遮挡汉堡菜单 */
    body.mobile-nav-active .Industrial-park-tabs,
    body.mobile-nav-active .title-midd,
    body.mobile-nav-active .nav-tabs,
    body.mobile-nav-active .news-carousel-dots,
    body.mobile-nav-active .owl-dots,
    body.mobile-nav-active .swiper-pagination {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* ========== 原有 custom.css 内容 ========== */

/* 产业体系右边4大块 - 正确还原截图布局 */
.Industrial-system {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0;
}

.Industrial-system > ul {
    display: block;
    margin: 0;
    padding: 0;
}

.Industrial-system > ul > li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.Industrial-system > ul:last-child > li:last-child {
    margin-bottom: 0;
}















/* 底部footer - 纵向一列排列 */
.footer-lt p {
    margin: 10px 0 !important;
    text-align: center;
}

.footer-lt p span {
    padding: 0;
    border-left: none;
    display: block;
    margin-bottom: 8px;
}

.footer-lt nav {
    margin-top: 15px;
}

.footer-lt nav a {
    display: block;
    margin: 5px 0;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: 14px;
}

.footer-lt nav a:hover {
    color: #fff;
}

.footer-txt {
    margin-top: 15px !important;
}

/* ========== 修复导航栏上方空白条问题 ========== */
/* 移除 html 和 body 的所有默认间距 */
html, body.bg-color {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

/* 隐藏或移除 accessNull div */
#accessNull {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保 container 紧贴顶部 */
#container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 修复 header 定位 - 移除 absolute 定位导致的问题 */
#header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .header {
        position: relative !important;
    }

    /* 导航容器相对定位，让汉堡按钮定位 */
    .nav-right-top {
        position: relative !important;
    }

    /* 产业体系4大块 - 移动端改为竖向堆叠布局 */






    /* 产业体系整体 - 移动端单列 */
    .Industrial-system {
        padding: 0 10px !important;
    }

    .Industrial-system > ul > li {
        margin-bottom: 15px !important;
    }

    /* 新闻图片轮播 - 移动端确保可见 */
    .news-simple-carousel {
        min-height: 220px !important;
        height: 220px !important;
        margin-bottom: 20px !important;
    }
    .news-simple-carousel .news-slide-item img {
        min-height: 220px !important;
    }

    /* 产业体系 tab2-b - 移动端改为纵向堆叠（图片在上，4大块在下） */
    .Industrial-tab-pane {
        flex-direction: column !important;
        margin-top: 20px !important;
    }

    .Industrial-tab-pane > .col-md-6 {
        width: 100% !important;
        flex: none !important;
        padding: 0 !important;
    }

    /* 产业体系4大块卡片 - 移动端纵向布局（标题在上，图标在下） */












    /* ========== 移动端 产业体系 极简版（方案 A）==========
       桌面 472 swiper + 左右卡片 完全不动，仅动 max-width: 768px 媒体查询 */
    /* 大图缩到 220px（桌面 472 缩 386 自适应 220）*/
    #tab2-b #gallery,
    #tab2-b #gallery .swiper,
    #tab2-b #gallery .swiper-wrapper,
    #tab2-b #gallery .swiper-slide {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
    /* 隐藏 4 张缩略图（被下方分页点替代）*/
    #tab2-b #thumbs {
        display: none !important;
    }
    /* gallery 间距收紧 */
    #tab2-b #gallery {
        margin-bottom: 6px !important;
        border-radius: 10px;
    }
    /* gallery 分页点：桌面隐藏，移动端显示 */
    .gallery-pagination {
        display: none;
    }
    .gallery-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        opacity: 1;
        margin: 0 3px;
    }
    .gallery-pagination .swiper-pagination-bullet-active {
        background: #0D6E39;
        width: 18px;
        border-radius: 3px;
    }
    /* 移动端图片轮播：确保可见 */
    #gallery {
        margin-bottom: 15px !important;
    }
    #gallery img,
    #thumbs img {
        max-width: 100% !important;
        height: auto !important;
    }
    #thumbs {
        margin-top: 10px !important;
    }

    /* ========== 移动端 产业体系 4 行业卡 1×4 垂直堆叠（从上到下）==========
       桌面 2x2 网格（#tab2-b .industry-grid-half { grid-template-columns: 292×292 }）
       完全不动；以下规则仅在 max-width: 768px 媒体查询内生效。 */
    /* 隐藏大图 gallery + 缩略图（卡片上面的图全部去掉）*/
    #tab2-b #gallery,
    #tab2-b #thumbs {
        display: none !important;
    }
    /* 隐藏整个左 col（内含 #gallery #thumbs 都 display: none，外层 col 还在占位）*/
    #tab2-b .Industrial-tab-pane > .col-md-6:first-child {
        display: none !important;
    }
    /* 容器：flex column 垂直堆叠，4 张卡从上到下排 */
    #tab2-b .industry-grid-half {
        display: flex !important;
        flex-direction: column !important;    /* 垂直方向 */
        grid-template-columns: none !important;  /* 取消桌面 grid 列 */
        overflow: visible !important;        /* 不滚动 */
        scroll-snap-type: none;              /* 不 snap */
        gap: 10px !important;                /* 卡之间 10px 间距 */
        padding: 0 !important;
    }
    /* 每张卡：100% 容器宽（整宽 1 列） */
    #tab2-b .industry-grid-half > .industry-card {
        width: 100% !important;
        height: auto !important;
        padding: 14px 18px !important;         /* 桌面 30/14/30 → 移动 14/18/14 */
        scroll-snap-align: none;
        box-sizing: border-box;
    }
    /* 卡内元素保持默认大小（不缩） */
    #tab2-b .industry-grid-half .industry-icon {
        width: 54px !important;
        height: 54px !important;
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }
    #tab2-b .industry-grid-half .industry-title {
        font-size: 19px !important;
        margin-bottom: 2px !important;
    }
    #tab2-b .industry-grid-half .industry-en {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
    #tab2-b .industry-grid-half .industry-list li {
        padding: 5px 0 !important;
        font-size: 15px !important;
    }
    /* 解除 col / tab-pane 锁高，让容器自适应卡片自然高度
       桌面 .Industrial-tab-pane 和 .col-md-6 都锁了 472，移动端必须解锁
       否则 4 张卡 ~500px 内容会撑出 col 被 overflow:hidden 裁 */
    #tab2-a, #tab2-b, #tab2-c {
        min-height: auto !important;
    }
    #tab2-b .Industrial-tab-pane > .col-md-6 {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}












/* 移动端 - 单列布局，子项目横排（与index.html一致） */
@media (max-width: 767px) {


    /* 业务页支撑产业 4 卡片：移动端单列堆叠（修复断点未触发） */
    .industry-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-top: 30px !important;
    }
    .industry-card {
        padding: 30px 22px !important;
    }
    .industry-title {
        font-size: 16px !important;
    }
    /* 移动端 3 个 li 横排为一行（不再 2 行换行），卡片尺寸不变 */
    .industry-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 6px !important;
    }
    .industry-list li {
        flex: 1 !important;
        flex-direction: column !important;
        gap: 4px !important;
        font-size: 12px !important;
        padding: 4px 2px !important;
        border-bottom: none !important;
        line-height: 1.2 !important;
    }
    .industry-list li i {
        font-size: 16px !important;
        width: auto !important;
    }





}

/* ========== page-banner 通用样式 ========== */
.page-banner {
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 400px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 横幅文字统一白色（背景 hf.png 是深色农业图）*/
.page-banner h1 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);   /* 文字阴影增强对比度 */
    font-weight: bold;
    margin-bottom: 16px;
}
.page-banner p {
    color: rgba(255, 255, 255, 0.92) !important;  /* 覆盖原 rgba(0,0,0,0.7) 黑色 */
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    font-size: 18px;
}









/* ========== 新闻详情页 & 子页面横幅通用样式 ========== */
.news-middler-top {
    height: auto !important;
    min-height: 300px !important;
}



/* ========== 移动端通用适配（合并所有 767px 以下样式）========== */
@media (max-width: 767px) {
    .news-middler-top {
        min-height: auto !important;
    }
    .page-banner-sub,

    .page-banner-sub h1,

    .page-banner-sub p,


    /* news-middler（新闻列表页的"新闻中心"标题区） */



    /* title-midd 标题 */
    .title-midd h2,
    .title-midd h3 {
        font-size: 28px !important;
        padding-bottom: 18px;
        letter-spacing: 1px;
    }
    .title-midd h2:before,
    .title-midd h3:before {
        font-size: 36px !important;
        top: 8px;
        white-space: nowrap;
    }
    .margin-top60 {
        margin-top: 35px !important;
    }

    /* 园区产业列表 - 移动端横排 */
    .industry-list {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    .industry-list li {
        border-bottom: none !important;
        padding: 8px 12px !important;
        flex: 1 1 auto !important;
        min-width: 80px !important;
    }
    .industry-list li i {
        margin-right: 5px !important;
        font-size: 16px !important;
    }

    /* page-banner 移动端适配（关于我们、联系我们等页面横幅） */
    .page-banner {
        min-height: 200px !important;
        padding: 60px 20px 40px !important;
    }
    .page-banner h1 {
        font-size: 28px !important;
        margin-bottom: 10px !important;
    }
    .page-banner p {
        font-size: 15px !important;
    }
}

/* ========== 超小屏手机 ========== */
@media (max-width: 480px) {





    /* page-banner 超小屏进一步缩小 */
    .page-banner {
        min-height: 160px !important;
        padding: 50px 15px 30px !important;
    }
    .page-banner h1 {
        font-size: 24px !important;
    }
    .page-banner p {
        font-size: 13px !important;
    }

    /* 联系我们 - 三列grid改单列 */
    #main [style*="grid-template-columns: repeat(3"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ========== 方案B：左侧大图 + 右侧列表 ========== */
.news-layout-b {
    display: table;
    width: 100%;
    margin-top: 50px;
    table-layout: fixed;
}


/* 左侧轮播 */
.news-left-carousel {
    display: table-cell;
    width: 55%;
    vertical-align: top;
    padding-right: 15px;
}

.news-carousel-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 450px;
}

.news-left-carousel {
    position: relative;
}

.news-carousel-item {
    display: none;
    position: relative;
    height: 100%;
}

.news-carousel-item.active {
    display: block;
}

.news-carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: #fff;
}

.news-carousel-tag {
    display: inline-block;
    padding: 3px 10px;
    background: #0D6E39;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
}

.news-carousel-caption h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    color: #fff;
}

.news-carousel-dots {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-right: 20px;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: auto;
    transform: none;
}

.news-carousel-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
}

.news-carousel-dots span.active {
    background: #0D6E39;
}

/* 右侧列表 */
.news-right-list {
    display: table-cell;
    width: 45%;
    background: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
    vertical-align: top;
}

.news-tab-switch {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
    position: relative;
    justify-content: space-around;  /* 2026-06-08：3 项 + 了解更多 链接均匀分布 */
}

.news-tab-switch li {
    padding: 8px 15px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.3s;
}

.news-tab-switch li:hover,
.news-tab-switch li.active {
    color: #0D6E39;
    border-bottom-color: #0D6E39;
}

.news-tab-switch .info-more-link {
    /* 2026-06-08：删 margin-left: auto（之前 margin-left: auto 把链接推到最右，与 justify-content: space-around 冲突导致 3 li 紧靠左） */
    font-size: 12px;                       /* 12px 小字 */
    color: #999;
    text-decoration: none;
    white-space: nowrap;
    font-weight: normal;
    transition: color 0.25s;
}
.news-tab-switch .info-more-link:hover {
    color: #0D6E39;
}

.news-list-content {
    overflow: hidden;
}

.news-list-ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-list-ul.active {
    display: block;
}

.news-list-ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0;
}

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

.news-list-ul li a {
    display: flex;
    gap: 15px;
    padding: 0;
    text-decoration: none;
}

.news-list-date {
    flex: 0 0 70px;
    font-size: 12px;
    color: #999;
}

.news-list-title {
    flex: 1;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 响应式 */
@media (max-width: 767px) {
    .news-layout-b {
        display: block;
    }
    .news-left-carousel,
    .news-right-list {
        display: block;
        width: 100%;
        padding: 0;
    }
    .news-carousel-wrap {
        height: auto;
    }
    .news-carousel-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 16/10;
        object-fit: cover;
    }
    .news-carousel-caption {
        padding: 15px 12px 12px;
    }
    /* 2026-06-08：图片轮播高度减半。
       根因：line 1128 全局 `.news-carousel-item img { height: 425px }`（specificity 0,1,1）
       在 mobile 胜出 line 1094 `.news-carousel-item img { height: auto }`（同 specificity，后置赢），
       实际渲染 ~425px 太高。@media 内 !important 强压到 213px（425 / 2 ≈ 213）。*/
    .news-carousel-item img { height: 213px !important; }
}

/* ========== 全站去除点击/键盘聚焦时的黑色方框 ========== */
a:focus,
a:active,
button:focus,
button:active,
input:focus,
textarea:focus,
select:focus,
li:focus,
[role="tab"]:focus,
[role="tablist"]:focus,
.tab:focus,
*:focus {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* ========== 新闻中心所有文章图片固定 905x425 ========== */
/* 注意：不能用 #main img / .section img / article img 等过宽选择器，
   否则首页的 tab 图标、4张支撑功能图卡、轮播大图都会被强制成 905x425 导致纵向拉伸。
   文章页正文图片由更精确的 div[style*="line-height: 2"] / max-width: 800px 选择器命中即可。 */
.news-list-ul li a img,
.News-Center-ul li a img,
.News-Center-ul li img,
.news-list-content img,
.news-carousel-item img,


/* ========== Footer 重构：分组 + 图标 + 多列 ========== */
.footer {
    background: #0D6E39;
    color: rgba(255, 255, 255, 0.92);
    padding: 50px 0 30px;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.footer-col {
    /* 单一列容器，无额外样式 */
}
.footer-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.footer-title i {
    color: #4caf50;
    font-size: 18px;
}
.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-links li {
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.footer-links li i {
    color: #4caf50;
    margin-top: 4px;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}
.footer-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-links a:hover {
    color: #4caf50;
}
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 20px; }
    .footer { padding: 24px 0 16px; }
    .footer-title { font-size: 15px; }
}

/* ===== Footer 移动端折叠面板 ===== */
.footer-toggle {
    cursor: default;                               /* 桌面端默认不可点 */
}
.footer-toggle-icon {
    display: none;                                 /* 桌面端隐藏箭头 */
    margin-left: auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    transition: transform 0.3s ease;
}
@media (max-width: 992px) {
    .footer-toggle { cursor: pointer; user-select: none; }
    .footer-toggle:hover { color: #4caf50; }
    .footer-toggle-icon { display: inline-block; }
    .footer-col {
        background: rgba(255, 255, 255, 0.04);
        border-radius: 12px;
        padding: 0;
        overflow: hidden;
    }
    .footer-col .footer-title {
        padding: 12px 16px;
        margin: 0;
        border-bottom: 0;
        transition: background 0.25s ease;
        font-size: 15px;                            /* 紧凑：16 → 15 */
    }
    .footer-col .footer-title:hover {
        background: rgba(255, 255, 255, 0.06);
    }
    .footer-col .footer-links {
        max-height: 0;
        overflow: hidden;
        padding: 0 16px;
        transition: max-height 0.4s ease, padding 0.4s ease;
    }
    .footer-col.open .footer-links {
        max-height: 500px;                          /* 足够大即可 */
        padding: 2px 16px 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .footer-col.open .footer-toggle-icon {
        transform: rotate(180deg);
        color: #4caf50;
    }
}

/* ===== 导航 - 新闻中心下拉子菜单 ===== */
/* 桌面端 hover 展开 */
.has-submenu { position: relative; }
.has-submenu .nav-submenu-icon {
    font-size: 10px;
    margin-left: 6px;
    transition: transform 0.3s ease;
}
.has-submenu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    min-width: 140px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 999;
}
.has-submenu .sub-menu li a {
    display: block;
    padding: 10px 22px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}
.has-submenu .sub-menu li a:hover {
    background: rgba(13, 110, 57, 0.08);
    color: #0D6E39;
}
@media (min-width: 768px) {
    .has-submenu:hover .sub-menu,
    .has-submenu:focus-within .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    .has-submenu:hover .nav-submenu-icon,
    .has-submenu:focus-within .nav-submenu-icon {
        transform: rotate(180deg);
    }
}

/* 移动端：默认折叠，点击展开 */
@media (max-width: 767px) {
    .has-submenu .nav-news-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        cursor: pointer;
    }
    .has-submenu .nav-submenu-icon {
        margin-left: auto;
        transition: transform 0.3s ease;
    }
    .has-submenu .sub-menu {
        position: static;
        transform: none;
        box-shadow: none;
        background: transparent;                 /* 与主菜单无缝衔接 */
        border-radius: 0;
        margin: 0;
        padding: 0 0 0 20px;                    /* 左侧缩进表示层级 */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: visible;
        transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
    }
    .has-submenu .sub-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;  /* 复用主菜单分隔线 */
    }
    .has-submenu .sub-menu li a {
        padding: 14px 20px !important;          /* 与主菜单 16px 接近 */
        font-size: 15px !important;              /* 主菜单 17px → 子菜单 15px */
        color: rgba(255, 255, 255, 0.85) !important;  /* 与主菜单 #fff 一致（略透） */
    }
    .has-submenu .sub-menu li a:hover {
        background: rgba(255, 255, 255, 0.10) !important;  /* 与主菜单 hover 一致 */
        color: #8AD32A !important;                /* 与主菜单 active 绿色一致 */
    }
    .has-submenu.open .sub-menu {
        max-height: 300px;
        opacity: 1;
        padding: 0 0 0 20px;
    }
    .has-submenu.open .nav-submenu-icon {
        transform: rotate(180deg);
    }
}

/* ===== 横幅背景轮播（JS 动态高度 + cover 模式）===== */
.page-banner-sub .banner-slider,
.news-middler-top .banner-slider,
.page-banner-sub .banner-slide,
.news-middler-top .banner-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}
.page-banner-sub .banner-slide,
.news-middler-top .banner-slide {
    background-size: cover;                /* 修复：cover 模式，图片按比例缩放填满 */
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
}
.page-banner-sub .banner-slide.active,
.news-middler-top .banner-slide.active {
    opacity: 1;
    z-index: 1;
}

/* 全站统一：横幅紧贴导航，无间距 */
.news-middler-top {
    height: 300px !important;             /* 修复：固定 300px 高度（与 .page-banner-sub 一致） */
    min-height: 300px !important;
    background-image: none !important;    /* 修复：去掉原 .news-middler-top 的 hf.png 背景图（避免与 banner-slider 冲突） */
    background-color: #0D6E39 !important; /* 修复：兜底色 */
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}


/* 导航 LOGO 字号加大 2px + 保持原左浮位置 + nav 垂直居中 */
.pc-logoer {
    float: left !important;                 /* 修复：恢复原左浮位置（不动 nav 位置） */
    line-height: 1 !important;
}
.pc-logoer a {
    font-size: 20px !important;             /* 修复：18 → 20（再大 2px） */
    white-space: nowrap !important;          /* 修复：移动端 logo+公司名不拆成两行 */
}
.nav-right-top {
    float: right !important;                /* 修复：恢复原右浮 */
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;          /* 修复：nav 链接垂直居中 */
}

/* 导航文字和图标统一深绿色 */
.nav-dh-list li > a,
.nav-dh-list li > .nav-news-toggle {
    color: #0D6E39 !important;           /* 深绿（和 LOGO 同色） */
}
.nav-dh-list li > a i.fa-solid,
.nav-dh-list li > .nav-news-toggle i.fa-solid {
    color: #0D6E39 !important;           /* 图标也深绿 */
    margin-right: 6px;                    /* 图标和文字间距 */
    font-size: 14px;                     /* 图标略小于文字 */
}
.nav-dh-list li > a:hover,
.nav-dh-list li > .nav-news-toggle:hover,
.nav-dh-list li.active > a,
.nav-dh-list li.active > .nav-news-toggle {
    color: #8AD32A !important;           /* hover/active 变浅绿 */
}
.nav-dh-list li > a:hover i.fa-solid,
.nav-dh-list li > .nav-news-toggle:hover i.fa-solid {
    color: #8AD32A !important;
}

/* 导航点击后无下划线 */
.nav-dh-list li > a,
.nav-dh-list li > .nav-news-toggle,
.nav-dh-list li > a:link,
.nav-dh-list li > a:visited,
.nav-dh-list li > a:hover,
.nav-dh-list li > a:active {
    text-decoration: none !important;
    -webkit-text-decoration-line: none !important;
}
/* 绿色装饰条：保留但 bottom 下移，与文字分离不重叠 */
.nav-dh-list.navbar-nav>.active>a:after,
.nav-dh-list.navbar-nav>.active>a:hover:after,
.nav-dh-list.navbar-nav>.active>a:focus:after {
    bottom: -10px !important;              /* 修复：-3px → -10px，远离文字底部 */
    height: 4px !important;                 /* 修复：5px → 4px，更细 */
}

/* 园区产业 3 tab FA 图标变明显（参考下方 4 卡片大圆图标样式）*/
.Industrial-park-tabs > li > a > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid rgba(13, 110, 57, 0.15) !important;
    margin: 0 auto 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}
.Industrial-park-tabs > li > a > span i {
    color: #0D6E39 !important;
    font-size: 32px !important;
    line-height: 1 !important;
}
.Industrial-park-tabs > li > a:hover > span,
.Industrial-park-tabs > li > a:focus > span,
.Industrial-park-tabs > li.active > a > span {
    background: #8AD32A !important;
    border-color: #0D6E39 !important;
}
.Industrial-park-tabs > li > a:hover > span i,
.Industrial-park-tabs > li > a:focus > span i,
.Industrial-park-tabs > li.active > a > span i {
    color: #fff !important;
}
.Industrial-park-tabs > li > a > p {
    color: #0D6E39 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

/* 规划愿景左右两边卡片 .vd-icon hover 旋转动效（图标旋转，不是卡片旋转）*/
.vd-icon {
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.vision-deco-left .vd-stats li:hover .vd-icon,
.vision-deco-right .vd-list li:hover .vd-icon {
    transform: rotate(360deg) scale(1.15);
}

/* 园区产业 3 tab 内容区统一固定尺寸（跟规划愿景大小一致）
   规划愿景 .current-swiper 写死 472px，以此为标准
   ⚠️ 2026-06-07 修复：必须用 @media (min-width: 769px) 限定为桌面端，
      否则全局 !important 472 锁死会反向覆盖 line 533-541 处 @media (max-width: 768px) 移动端
      解锁规则（height:auto / overflow:visible），导致移动端 #tab2-b 右列被 472 高度裁切。 */
@media (min-width: 769px) {
    #tab2-a, #tab2-b, #tab2-c {
        min-height: 472px !important;             /* 480 → 472，对齐规划愿景 */
    }

    /* 产业体系 tab2-b 两列统一 472
       跟规划愿景 472 对齐：左 大图 386 + 间距 10 + 缩略图 76 = 472；右 2x2 卡片 = 472
       ⚠️ index.html 内联 CSS 把 .swiper-slide 锁死 310/100，必须连带内层一起覆盖
       ⚠️ 加 aspect-ratio 兜底，强制图片按比例渲染，防止 swiper JS 把高度改回自然
       ⚠️ 两列都锁 472 + overflow:hidden，右列内容 478.8 多出的 6.8 会被裁 */
    #tab2-b .Industrial-tab-pane > .col-md-6 {
        height: 472px !important;                  /* 两列都锁 472 */
        min-height: 472px !important;
        max-height: 472px !important;
        overflow: hidden !important;
    }
}
#tab2-b .Industrial-tab-pane > .col-md-6:first-child {
    justify-content: flex-start !important;
}
#tab2-b #gallery,
#tab2-b #gallery .swiper,
#tab2-b #gallery .swiper-wrapper,
#tab2-b #gallery .swiper-slide {
    height: 386px !important;                  /* 大图 360 → 386 (+26, 顶部/底部各裁 13px) */
    min-height: 386px !important;
    max-height: 386px !important;
    flex: none !important;
}
#tab2-b #gallery .swiper-slide {
    aspect-ratio: 540 / 386 !important;        /* 兜底：强制 1.4:1 */
}
#tab2-b #gallery img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
}
#tab2-b #thumbs,
#tab2-b #thumbs .swiper,
#tab2-b #thumbs .swiper-wrapper,
#tab2-b #thumbs .swiper-slide {
    height: 76px !important;                   /* 内外层都 76 */
    min-height: 76px !important;
    max-height: 76px !important;
    flex: none !important;
}
#tab2-b #thumbs .swiper-slide {
    aspect-ratio: 555 / 312 !important;
}
#tab2-b #thumbs {
    margin-top: 10px !important;
    overflow: hidden;
}
#tab2-b #thumbs img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ========== 支撑产业卡片 共享 base 样式 ==========
   同时用于 index.html 的 #tab2-c 和 business.html（business.html 历史上
   内联在 <style> 里的同一套规则，原计划"已迁移到 custom.css 共享"，但之前
   一直没迁过去，导致 business.html 的支撑产业完全没样式。补回。 */
.support-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 50px auto 0;
}
.support-card {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 40px 30px 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    opacity: 0;
    transform: translateY(30px);
    animation: supportFadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.support-card:nth-of-type(1) { animation-delay: 0.05s; }
.support-card:nth-of-type(2) { animation-delay: 0.18s; }
.support-card:nth-of-type(3) { animation-delay: 0.31s; }
.support-card:nth-of-type(4) { animation-delay: 0.44s; }
@keyframes supportFadeIn {
    to { opacity: 1; transform: translateY(0); }
}
.support-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #0D6E39 0%, #4caf50 100%);
    transform: translateX(-101%);
    transition: transform 0.45s ease;
}
.support-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(13, 110, 57, 0.18);
}
.support-card:hover::before {
    transform: translateX(0);
}
.support-index {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: rgba(13, 110, 57, 0.35);
}
.support-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39 0%, #2e7d32 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 32px;
    box-shadow: 0 6px 16px rgba(13, 110, 57, 0.25);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.35s ease;
}
.support-card:hover .support-icon {
    transform: rotate(360deg) scale(1.05);
    box-shadow: 0 10px 24px rgba(13, 110, 57, 0.40);
}
.support-card h3 {
    color: #0D6E39;
    margin: 0 0 6px;
    font-size: 24px;             /* 2026-06-08：22 → 24（农业服务字号 +2px） */
    font-weight: 600;
}
.support-en {
    display: block;
    color: #8AD32A;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
}
.support-card p {
    color: #666;
    line-height: 1.8;
    margin: 0 0 20px;
    font-size: 14px;
    flex-grow: 1;
}
.support-cta {
    display: inline-block;
    color: #0D6E39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 22px;
    border-radius: 20px;
    border: 1px solid #0D6E39;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.support-cta:hover {
    background: #0D6E39;
    color: #fff;
    transform: translateX(4px);
}
@media (max-width: 768px) {
    .support-grid { grid-template-columns: 1fr; gap: 20px; }
    .support-card { padding: 32px 22px 24px; }
    .support-icon { width: 68px; height: 68px; font-size: 28px; }
    .support-card h3 { font-size: 20px; }
}

/* ========== 首页支撑产业 tab2-c 覆盖（首页 1x4 压缩到 400 高）==========
   共享 base 之上的首页特定调整。business.html 不会触发这里（没有 #tab2-c）
   2026-06-08 改造：4 张卡从"图标+段落"改为"小标签+能力点列表"风格，
   仿规划愿景"园区数据/投资亮点"卡片视觉。 */
#tab2-c .support-card {
    text-align: left;
    align-items: flex-start;            /* 覆盖原 .support-card 的 center，让内容左对齐 */
    padding: 24px 26px 22px !important; /* 覆盖原 52/30/42，让列表卡更紧凑 */
    border-top: 3px solid #0D6E39;       /* 仿规划愿景 .vision-deco 顶部条 */
}

/* 顶部小标签（仿 .vision-deco .vd-tag 渐变绿底白字胶囊）*/
.support-tag {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
    background: linear-gradient(90deg, #0D6E39, #4caf50);
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    align-self: flex-start;             /* 强制左对齐（父 .support-card 是 column） */
}

/* 能力点列表（仿 .vision-deco .vd-stats 图标+文字行）*/
.support-points {
    list-style: none;
    margin: 8px 0 16px;
    padding: 0;
    width: 100%;
    text-align: left;
}
.support-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 22px 0;             /* 2026-06-08：20 → 22（上下间距 +2px） */
    border-bottom: 1px solid #f0f5ec;
    font-size: 16px;             /* 2026-06-08：14 → 16 */
    color: #444;
    line-height: 1.3;
    flex-grow: 1;                /* 2026-06-08：撑开 ul 内部 + 4 li 上下均匀分布 */
}
.support-points li:last-child { border-bottom: none; }
.support-points li i {
    flex-shrink: 0;
    width: 30px;                 /* 2026-06-08：25 → 30 */
    height: 30px;                /* 2026-06-08：25 → 30 */
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;             /* 2026-06-08：11 → 13（图标 30×30 配套） */
}
.support-points li:hover { background: rgba(138, 211, 42, 0.08); }

/* 移动端 #tab2-c 列表卡收紧 */
@media (max-width: 768px) {
    #tab2-c .support-card { padding: 18px 18px 18px !important; }
    .support-points li { font-size: 12px; padding: 5px 0; }
    .support-points li i { width: 26px; height: 26px; font-size: 11px; }
    .support-card h3 { font-size: 19px; }      /* 覆盖原 @media 内 20 */
    .support-en { font-size: 10px; margin-bottom: 10px; }
}

/* 产业体系 tab2-b 右列 2x2 卡片：4 张统一 292×222
   宽 292（grid 改 292px 292px），高 222（自然：padding 30+30=60 + 内容 162 = 222，不锁）
   网格总高 222 + 12 + 222 = 456（容器 472，底部 16 空）
   ⚠️ 2026-06-07 修复：必须用 @media (min-width: 769px) 限定为桌面端，
      否则全局 !important 会反向覆盖 line 504 处的 @media (max-width: 768px) 移动端
      flex column 1×4 堆叠规则，导致移动端 4 张卡被裁 */
@media (min-width: 769px) {
    #tab2-b .industry-grid-half {
        grid-template-columns: 292px 292px !important;   /* 显式列宽 292（291 → 292，+1）*/
    }
    #tab2-b .industry-card {
        width: 292px !important;                         /* 显式宽 292（291 → 292，+1）*/
        padding: 28px 14px 28px !important;              /* 2026-06-08：29 → 28（4 张卡总高 478 → 476px，仍超 472 容器 4px） */
    }
}

/* 卡片内 "标题" 到 "英文 en" 的间距：1px 太小，调到 4px */
#tab2-b .industry-title {
    margin: 0 0 4px !important;                       /* 1 → 4，让标题和英文 en 有呼吸 */
}

/* 公司 LOGO 图（nongzhanggui-logo-transparent-256.png） */
.pc-logo-img {
    height: 30px !important;                  /* 修复：40 → 30，更小 */
    width: auto !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* 移动端：logo + 公司名压缩到一行
   影响：所有用 .pc-logoer 的页面（index/business/news/about/faq/contact/20+ 文章页）
   仅 max-width: 767px 生效，桌面端（>=768px）不受影响 */
@media (max-width: 767px) {
    .pc-logoer a {
        font-size: 14px !important;          /* 20 → 14，12 个汉字一行内放得下 */
    }
    .pc-logo-img {
        height: 24px !important;            /* 30 → 24，同步缩小 */
        margin-right: 5px !important;        /* 8 → 5，缩间隙 */
    }
    /* 2026-06-08：横幅高度减半（line 1385 全局 height:300px !important 在 mobile 仍生效，~300px 太大）。
       位置靠后 + specificity 0,1,0 + !important 强压 line 1385 同 specificity + !important（后置赢）。*/
    .news-middler-top {
        height: 150px !important;            /* 300 / 2 = 150 */
        min-height: 150px !important;
    }
}

/* 2026-06-08：#tab2-c 桌面端 1x4 网格方阵（从 index.html line 1436 inline style 提取）
   桌面端 4 张卡同高 420px，1 行 4 列，gap 44px，max-width 1188px */
.tab2c-1x4-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 44px !important;
    max-width: 1188px !important;
    margin: 0 auto !important;
    min-height: 420px !important;
}

/* 2026-06-08：桌面端 #tab2-c 4 张卡 .support-card-icon 显示（之前 line 2057-2060 全局 display:none 桌面端不显示）
   4 张桌面端卡 i 元素 HTML 已有（fa-tractor / fa-flask / fa-handshake / fa-gears），只补 CSS 显示
   ⚠️ 用 @media (min-width: 769px) 限定桌面端，不影响移动端 @media (max-width: 768px) line 2104-2116 的 inline-flex */
@media (min-width: 769px) {
    .support-card-icon {
        display: inline-flex !important;  /* 2026-06-08：!important 强压 line 2057-2060 全局 display:none 同 specificity 后置赢 */
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 45px;                  /* 2026-06-08：40 → 45 */
        height: 45px;                 /* 2026-06-08：40 → 45 */
        border-radius: 50%;
        background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
        color: #fff;
        font-size: 18px;              /* 2026-06-08：16 → 18（图标 45×45 配套） */
        margin-bottom: 8px;
        box-shadow: 0 2px 6px rgba(13, 110, 57, 0.2);
        transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;  /* 2026-06-08：图标 hover 旋转 transition */
    }
    /* 2026-06-08：4 张卡图标鼠标放上去转 360 度（base .support-icon:hover 不匹配 .support-card-icon） */
    .support-card:hover .support-card-icon {
        transform: rotate(360deg);
        box-shadow: 0 6px 14px rgba(13, 110, 57, 0.35);
    }
    /* 2026-06-08：桌面端 4 张卡 .support-title 容器（图标 + h3 一行 + 居中）*/
    .support-title {
        display: flex;
        align-items: center;
        justify-content: center;  /* 2026-06-08：图标 + h3 在容器水平居中 */
        gap: 10px;
        margin-bottom: 4px;
    }
    .support-title .support-card-icon {
        margin-bottom: 0;  /* 容器内 flex row，icon 不再需要底部 margin */
    }
    .support-title h3 {
        margin: 0;  /* 容器内 flex row，h3 不再需要底部 margin */
    }
    /* 2026-06-08：桌面端 4 张卡 cta 按钮在卡内水平居中（不影响其他元素左对齐） */
    .support-card > .support-cta {
        align-self: center;       /* flex item 单独居中（父 .support-card align-items: flex-start 不变） */
        margin-top: 8px;
    }
}

/* 移动端 规划愿景：3 主题 swiper + 园区数据 + 投资亮点
   所有规则 scoped 到 .navbar-toggle（Bootstrap 响应式类，移动端才显示），
   不影响桌面 .swiper.hidden-xs 的任何布局 */
.navbar-toggle .mobile-vision-swiper {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.navbar-toggle .mobile-vision-swiper .swiper-slide {
    height: auto !important;
    background: #fff;
}
.navbar-toggle .mvs-image {
    width: 100%;
    height: 140px;                        /* 180 → 140，刚好露图 */
    background-size: cover;
    background-position: center;
}
.navbar-toggle .mvs-body {
    padding: 10px 16px 14px;              /* 14/18/18 → 10/16/14 */
}
.navbar-toggle .mvs-title {
    color: #0D6E39;
    font-size: 15px;                       /* 17 → 15 */
    font-weight: 600;
    margin: 0 0 6px;                       /* 0 0 10 → 0 0 6 */
    padding-bottom: 4px;                   /* 6 → 4 */
    border-bottom: 1px solid #f0f5ec;
    position: relative;
}
.navbar-toggle .mvs-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #8AD32A;
}
.navbar-toggle .mvs-detail {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-toggle .mvs-detail li {
    padding: 5px 0 5px 14px;               /* 7/0/7/16 → 5/0/5/14 */
    position: relative;
    font-size: 13px;                       /* 14 → 13 */
    color: #444;
    line-height: 1.4;                      /* 1.5 → 1.4 */
    border-bottom: 1px dashed #f0f5ec;
}
.navbar-toggle .mvs-detail li:last-child {
    border-bottom: none;
}
.navbar-toggle .mvs-detail li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;                            /* 14 → 11 配 13px 字号 */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8AD32A;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination {
    position: static;
    margin-top: 6px;                       /* 10 → 6 */
    text-align: center;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;                           /* 8 → 6 */
    background: #d0d0d0;
    opacity: 1;
    margin: 0 3px;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination-bullet-active {
    background: #0D6E39;
    width: 18px;                           /* 22 → 18 */
    border-radius: 3px;
}

/* 移动端：园区数据 + 投资亮点（点击展开）
   <details> 折叠：默认关闭，点击 summary 展开内容 */
.navbar-toggle .mvs-collapse {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    overflow: hidden;
}
.navbar-toggle .mvs-collapse:last-of-type {
    margin-bottom: 30px;
}
.navbar-toggle .mvs-collapse summary {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s;
}
.navbar-toggle .mvs-collapse summary:hover {
    background: #f8fbf5;
}
.navbar-toggle .mvs-collapse summary::-webkit-details-marker {
    display: none;
}
.navbar-toggle .mvs-collapse summary::marker {
    display: none;
    content: '';
}
.navbar-toggle .mvs-collapse-tag {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
    background: linear-gradient(90deg, #0D6E39, #4caf50);
    padding: 3px 10px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
}
.navbar-toggle .mvs-collapse-label {
    font-size: 16px;
    font-weight: 600;
    color: #0D6E39;
    flex: 1;
}
.navbar-toggle .mvs-collapse-icon {
    color: #0D6E39;
    font-size: 14px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.navbar-toggle .mvs-collapse[open] .mvs-collapse-icon {
    transform: rotate(180deg);
}
.navbar-toggle .mvs-collapse-body {
    padding: 0 14px 14px;
}

/* 园区数据 4 项 2x2 网格（展开后显示）*/
.navbar-toggle .mvs-data {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.navbar-toggle .mvs-data li {
    background: #f8fbf5;
    border-radius: 8px;
    padding: 14px 8px 12px;
    text-align: center;
    border-top: 3px solid #0D6E39;
}
.navbar-toggle .mvs-stat-num {
    margin-bottom: 4px;
}
.navbar-toggle .mvs-stat-num b {
    font-size: 22px;
    color: #0D6E39;
    font-weight: 700;
    line-height: 1;
}
.navbar-toggle .mvs-stat-num small {
    font-size: 11px;
    color: #8AD32A;
    font-weight: 600;
    margin-left: 2px;
}
.navbar-toggle .mvs-data li em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* 投资亮点 4 项 2x2 网格（展开后显示）*/
.navbar-toggle .mvs-highlights {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.navbar-toggle .mvs-highlights li {
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    background: #f8fbf5;
    border-radius: 8px;
    border-top: 3px solid #0D6E39;
}
.navbar-toggle .mvs-highlights i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39, #4caf50);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}
.navbar-toggle .mvs-hl-text b {
    display: block;
    color: #0D6E39;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}
.navbar-toggle .mvs-hl-text em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* ========== 阶段 1 保险：swiper 初始化可能改 .tab-pane display，强制覆盖 ==========
   2026-06-08 临时加：上一轮移动端点击展开 2x2 改动出现 tab 切换异常，
   怀疑 tfboys.min.js 里 mobileVisionSwiper 初始化时临时把父级 .tab-pane 改成
   display:block 计算尺寸，完成后不恢复父级 hidden。
   这条 !important 规则覆盖任何 inline style，确保 3 个 .tab-pane 中只有 .active 显示。
   验证完 tab 切换正常后，下一阶段会逐项引入 2x2 折叠功能。*/
.tab-pane:not(.active) {
    display: none !important;
}

/* ========== 阶段 3 移动端点击折叠/展开（不动桌面端）========== */
/* 2026-06-08 阶段 3：4 张 .support-card 移动端默认折叠（只显示标题+英文+⌄），
   点击展开后能力点以 2×2 网格显示 + 详情按钮。桌面端不受任何影响。*/

/* 全局：默认隐藏箭头（桌面端不需要）*/
.support-toggle-icon {
    display: none;
}

/* 全局：默认隐藏卡片头部图标（桌面端不需要，阶段 6 新增）*/
.support-card-icon {
    display: none;
}

@media (max-width: 768px) {
    /* 卡片整体可点击 + 焦点样式 */
    .support-card {
        cursor: pointer;
        user-select: none;
    }
    .support-card:focus-visible {
        outline: 2px solid #0D6E39;
        outline-offset: 2px;
    }
    /* 折叠态：隐藏小标签 + 能力点 + 详情按钮 */
    .support-tag,
    .support-points,
    .support-card .support-cta {
        display: none;
    }
    /* 折叠态：整张卡水平布局（一行显示：图标+标题+英文+⌄）*/
    .support-card {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px;
    }
    /* 折叠态 padding 收紧，让 4 张首屏可见 */
    #tab2-c .support-card { padding: 14px 16px !important; }

    /* 展开态：保持 row + flex-wrap，头部一行横排，能力点/按钮 wrap 到新行 */
    .support-card.is-expanded {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 16px 18px !important;
    }
    /* 能力点 + 按钮 wrap 到下一行占满宽度 */
    .support-card.is-expanded .support-points,
    .support-card.is-expanded .support-cta,
    .support-card.is-expanded .support-tag {
        flex-basis: 100% !important;
    }
    .support-card.is-expanded h3 { font-size: 17px; }

    /* 移动端显示箭头 + 右上角定位（折叠/展开态都右上角）*/
    .support-toggle-icon {
        display: block;
        position: absolute;
        top: 18px;
        right: 20px;
        font-size: 14px;
        color: rgba(13, 110, 57, 0.5);
        transition: transform 0.3s ease, color 0.2s ease;
        pointer-events: none;       /* 让点击事件穿透到卡片 */
    }

    /* 移动端：显示卡片头部小绿圆图标（阶段 6 新增）*/
    .support-card-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
        color: #fff;
        font-size: 14px;
        box-shadow: 0 2px 6px rgba(13, 110, 57, 0.2);
    }

    /* 移动端：英文加粗 + 垂直居中（阶段 7 新增，阶段 9 强化，阶段 11 全部加 !important）*/
    /* 关键：所有相关属性加 !important 强制覆盖 line 1638/1644 等基础规则 */
    .support-card h3 {
        display: inline-flex !important;
        align-items: center !important;
        height: 32px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
    }
    .support-en {
        display: inline-flex !important;
        align-items: center !important;
        align-self: center !important;
        height: 32px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
    }
    /* 展开态：能力点 2×2 网格 */
    .support-card.is-expanded .support-points {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px 14px;
        margin: 14px 0 16px;
        animation: supportFadeIn 0.3s ease;
    }
    /* 阶段 13：能力点加大 */
    .support-card.is-expanded .support-points li {
        border-bottom: none;
        padding: 4px 0;
        gap: 10px;
        font-size: 14px;
    }
    .support-card.is-expanded .support-points li i {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    /* 展开态：详情按钮显示（阶段 13 居中）*/
    .support-card.is-expanded .support-cta {
        display: block !important;
        width: fit-content;
        margin: 0 auto !important;       /* 水平居中 */
        text-align: center;
        font-size: 13px;
        padding: 8px 24px;
    }
    /* 展开态：小标签显示（恢复） */
    .support-card.is-expanded .support-tag {
        display: inline-block !important;
        align-self: flex-start;    /* 标签左对齐 */
    }
    /* 展开态：箭头旋转 + 高亮 */
    .support-card.is-expanded .support-toggle-icon {
        transform: rotate(180deg);
        color: #0D6E39;
    }
}

/* ===== 产业体系 移动端 4 张卡片折叠版（与支撑卡 .support-card 共用样式 + JS）=====
   容器 .navbar-toggle 在桌面端（>=768px）被 Bootstrap display:none
   这里再补充移动端：
   ① 隐藏桌面原 4 张 .industry-card，避免双显
   ② 子项 .industry-points 用 3 列竖排（区别于支撑卡的 2×2 横排）
   ③ 移动端 .support-card padding 收紧（参照支撑卡 line 2074） */

@media (max-width: 768px) {
    /* 移动端：隐藏桌面 grid 4 张原卡
       ⚠️ 必须用 768（与 .support-card 折叠态的 @media 一致），
       否则 768px 临界值视口会出现"4 张原卡 + 4 张新卡"双显，导致高度翻倍 */
    #tab2-b .industry-grid-half > .industry-card {
        display: none !important;
    }
    /* 移动端：左 col（swiper 区）也隐藏，腾出空间给折叠卡 */
    #tab2-b .Industrial-tab-pane > .col-md-6:first-child {
        display: none !important;
    }
}

/* 折叠列表容器 */
.industry-mobile-list {
    margin: 0;
    padding: 0;
}
.navbar-toggle .industry-mobile-list {
    width: 100%;
    padding: 0;
    margin-top: -80px;
    box-sizing: border-box;
}

/* （line 2213-2263 之前的 .navbar-toggle .support-card 兜底规则已删除——
   它通过 .navbar-toggle 匹配到 #industry-mobile 容器，干扰产业卡高度。
   改用 line 2300 起的 #industry-mobile 专用规则。）*/

/* 产业卡 3 列竖排子项（仅 .is-expanded 展开态生效，折叠态由 line 2062 .support-points{display:none} 隐藏）
   ⚠️ 必须用 .is-expanded 限定，否则 .industry-points { display: grid !important } 覆盖 line 2062 折叠态 display:none，
   导致产业卡折叠时也显示 3 个子项（用户截图反馈）。 */
.navbar-toggle .support-card.is-expanded .industry-points {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    flex-direction: row !important;        /* 覆盖支撑卡 .support-points 的 column */
}
.navbar-toggle .industry-points li {
    flex-direction: column !important;     /* 图标在上，文字在下（截图设计）*/
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 4px !important;
    padding: 10px 4px !important;
    background: #f6fbf3;
    border-radius: 8px;
    min-height: 56px;
    box-sizing: border-box;
}
.navbar-toggle .industry-points li i {
    font-size: 18px !important;            /* 覆盖支撑卡 14px（更显眼）*/
    color: #fff !important;                /* 2026-06-08：图标改白色（绿色渐变圆形背景上才看得见，绿色会被淹没）*/
}

/* ===== 产业卡 #industry-mobile 移动端（最高 specificity 兜底）=====
   截图显示 padding 14/16 在生效（#tab2-c .support-card 1,1,0+imp 仍胜出 0,2,0 容器规则），
   用 html + body + ID 三层 specificity 1,1,0,2 + !important 强压到 0。 */
@media (max-width: 768px) {
    /* 容器：flex column + gap 20px，让 4 张卡之间有间距（与支撑卡 .support-grid gap 一致）*/
    html body #industry-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
    html body #industry-mobile .support-card {
        width: 400px !important;
        max-width: 100% !important;
        padding: 14px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    /* h3 标题强制不换行（之前删 line 2217-2263 兜底时把这条 nowrap 一起删了，
       导致"基核保障产业"6 字被挤成竖排 3 行，撑大卡片高度）*/
    html body #industry-mobile .support-card h3 {
        white-space: nowrap !important;
        flex-shrink: 1 !important;
    }
    /* 英文 en 也强制不换行 */
    html body #industry-mobile .support-card .support-en {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    /* 展开态：h3 + .support-en 加 min-width: 0 + flex-shrink: 1，
       空间不够时缩小而不是被 .is-expanded 的 flex-wrap: wrap 换到下一行
       ⚠️ 只作用于 .is-expanded，不影响折叠态 */
    html body #industry-mobile .support-card.is-expanded h3,
    html body #industry-mobile .support-card.is-expanded .support-en {
        min-width: 0 !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }
}

/* ===== about.html 企业理念移动端 3 张折叠卡片（与支撑卡 1:1 复刻）=====
   HTML：3 张 .idea-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 3 张 .idea-card 不动；.navbar-toggle 桌面端 Bootstrap display:none */

/* 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显 */
@media (min-width: 769px) {
    .navbar-toggle.support-grid { display: none !important; }
}

@media (max-width: 768px) {
    /* 隐藏桌面 3 张 .idea-card */
    .idea-card { display: none !important; }
    /* 容器：flex column + 居中 + gap 20px */
    .navbar-toggle.support-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 -10px !important;
        width: calc(100% + 20px) !important;
        box-sizing: border-box !important;
    }
    /* 卡片：400px 宽 + padding 14/16（与产业卡一致）*/
    .navbar-toggle.support-grid .support-card {
        width: 400px !important;
        max-width: 100% !important;
        padding: 14px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    /* 折叠态：<p> 段落隐藏 */
    .navbar-toggle.support-grid .support-card:not(.is-expanded) p {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* 展开态：<p> 段落显示 + 顶部 dashed 分隔线 */
    .navbar-toggle.support-grid .support-card.is-expanded p {
        display: block !important;
        padding: 12px 0 0 !important;
        margin-top: 10px !important;
        border-top: 1px dashed #e8efe6 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #444 !important;
    }
    /* h3 强制不换行 */
    .navbar-toggle.support-grid .support-card h3 {
        white-space: nowrap !important;
        flex-shrink: 1 !important;
    }
    /* 图标垂直对齐微调（不同 FA 图标 baseline 不同，仅做轻量补偿）*/
    .navbar-toggle.support-grid .support-card-icon {
        line-height: 30px !important;
    }
}

/* ===== business.html 园区产业移动端 4 张折叠卡片（与支撑卡 1:1 复刻）=====
   HTML：4 张 .industry-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 4 张 .support-card
   支撑产业 4 张原 .support-card 复用 index.html 折叠样式（不动 HTML）
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显（about.html 那个错）*/

/* 桌面端兜底隐藏 .navbar-toggle.support-grid */
@media (min-width: 769px) {
    .navbar-toggle.support-grid { display: none !important; }
}

/* 移动端：隐藏桌面 4 张 .industry-card（原桌面 2x2 卡片）*/
@media (max-width: 768px) {
    .industry-card { display: none !important; }
    /* 隐藏桌面 4 张原 .support-card（68x68 大图标 + 段落，移动端会被我新加的 4 张 .navbar-toggle.support-grid 折叠版取代）*/
    .support-grid { display: none !important; }
}

/* ===== faq.html 移动端 3 张分类折叠卡片（与 about.html 1:1 模式）=====
   HTML：3 张 .faq-category-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 .navbar-toggle Bootstrap display:none，.faq-category-card 不动
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显（about.html 那个错）*/

/* 移动端：隐藏桌面 3 张 .faq-category-card（移动端会被新追加的 3 张 .navbar-toggle.support-grid 折叠版取代）*/
@media (max-width: 768px) {
    .faq-category-card { display: none !important; }
}

/* ===== contact.html 移动端 3 张联系方式折叠卡片（与 about.html 1:1 模式）=====
   HTML：3 张 .contact-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 .navbar-toggle Bootstrap display:none，.contact-card 不动
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid（business.html 改法已全局生效）*/

/* 移动端：隐藏桌面 3 张 .contact-card */
@media (max-width: 768px) {
    .contact-card { display: none !important; }
    /* 展开态 <p> 内 <a> 链接颜色（避免浏览器默认蓝紫色）*/
    .navbar-toggle.support-grid .support-card.is-expanded p a {
        color: #0D6E39 !important;
        text-decoration: none !important;
    }
    .navbar-toggle.support-grid .support-card.is-expanded p a:hover {
        text-decoration: underline !important;
    }
}

/* faq.html 移动端 3 个 h2 折叠/展开（仅移动端，桌面端 0 改动）
   原 h2 已替换为 <details open class="faq-group"><summary class="faq-category-h2">...</summary>
   移动端 JS 移除 open 属性让 details 默认折叠；summary 复用 h2 视觉样式 */
@media (max-width: 768px) {
    details.faq-group > summary.faq-category-h2 {
        /* 复用原 .faq-category h2 样式 */
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 22px;
        color: #0D6E39;
        font-weight: 600;
        margin: 30px 0 16px;
        padding: 12px 14px;
        background: #fff;
        border-radius: 8px;
        border-left: 4px solid #0D6E39;
        box-shadow: 0 2px 10px rgba(0,0,0,0.06);
        cursor: pointer;
        list-style: none;                 /* 隐藏默认三角 marker */
        user-select: none;
    }
    details.faq-group > summary.faq-category-h2::-webkit-details-marker {
        display: none;                    /* Webkit 隐藏默认 marker */
    }
    /* 折叠/展开 ⌄ 箭头（旋转 180°）*/
    details.faq-group > summary.faq-category-h2::after {
        content: '\f078';                 /* fa-chevron-down */
        font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free';
        font-weight: 900;
        color: #0D6E39;
        font-size: 14px;
        transition: transform 0.3s ease;
    }
    details.faq-group[open] > summary.faq-category-h2::after {
        transform: rotate(180deg);
    }
    /* 折叠时：所有 .faq-item 隐藏（已由 <details> 默认行为控制——无 open 不显示子元素）*/
}

/* faq.html 移动端：缩短各区块间距（桌面端 0 改动） */
@media (max-width: 768px) {
    /* HTML5 元素浏览器默认 margin 重置（根因之一） */
    section { margin: 0 !important; }
    .title-midd { margin-top: 0 !important; }
    .title-midd.margin-top60 { margin-top: 8px !important; }
    .faq-search-wrapper { margin-bottom: 8px !important; padding: 12px !important; }
    .navbar-toggle.support-grid { margin-top: 0 !important; }
    .navbar-toggle.support-grid .support-card { margin-bottom: 8px !important; }
    details.faq-group > summary.faq-category-h2 { margin: 12px 0 8px !important; padding: 10px 14px !important; font-size: 18px !important; }
    .cta-section { padding: 12px 0 !important; margin: 0 !important; }
    .cta-section h2 { font-size: 20px !important; margin-bottom: 8px !important; }
    .cta-section > p { margin-bottom: 12px !important; }
    .cta-section .cta-cards { gap: 6px !important; }
    .cta-section .cta-card { padding: 10px !important; margin: 0 !important; }
    .footer { margin-top: 0 !important; padding: 0 !important; }
    .footer .container { padding: 12px !important; }
    /* banner 图与下方内容间距 */
    .title-midd h2 { margin: 0 !important; }
}