/* 全局基础重置与底色 */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", sans-serif;
    color: #333333;
    background-color: #ffffff;
}

/* 顶栏与主色调 */
.nav-bg-01 {
    background-color: #f1f2f6;
    border-bottom: 2px solid #dc3545;
}

.navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.2s;
}

.navbar-nav .nav-link:hover {
    background-color: #e4e7ed;
}

/* 通用天空蓝渐变Banner背景 */
.banner-01 {
    height: 380px;
    background: linear-gradient(to bottom, #7ec4f8, #cbe6ff, #ffffff);
    width: 100%;
}

/* 产品模块卡片样式 */
.product-card-01 {
    transition: transform 0.3s, box-shadow 0.3s;
    background-color: #ffffff;
    border: 1px solid #e9ecef !important;
}

.product-card-01:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.product-img-box-01 {
    overflow: hidden;
    background-color: #f8f9fa;
}

.product-img-box-01 img {
    object-fit: cover;
    height: 160px;
    width: 100%;
}

/* 卡片标题指示蓝色圆点 */
.dot-icon-01 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #5bc0de;
    border-radius: 50%;
}

/* 内置标签容器与胶囊样式 */
.tag-container-01 .tag-item-01 {
    background-color: #f8f9fa;
    color: #666666;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 8px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.tag-container-01 .tag-danger-01 {
    background-color: #fff5f5;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 8px;
    border: 1px solid #feb2b2;
    border-radius: 4px;
}

/* 左侧深蓝/星空色海报栏 */
.side-banner-01 {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%);
    min-height: 520px;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* 侧边轮播小圆点指示器 */
.dot-indicator-01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #2b3a4a;
    color: #ffffff;
    font-size: 11px;
    cursor: pointer;
}

.dot-indicator-01.actived, .dot-indicator-01:hover {
    background-color: #007bff;
}

/* 标题样式 */
.section-title-01 {
 background-color: #f5f5f5 !important; /* 淡灰色背景 */
    padding: 8px 12px !important;        /* 增加内边距，让背景色包裹得更美观 */
    border-radius: 4px;                  /* 微微的圆角，增加精致感 */
    border-bottom: none !important;      /* 移除原本的下划线（可选，有背景时去掉更高级） */
}

/* 合作单位 Logo 滤镜 */
.gray-logo-01 {
    max-height: 45px;
    object-fit: contain;
    filter: grayscale(20%);
    opacity: 0.9;
    transition: opacity 0.2s;
}

.gray-logo-01:hover {
    opacity: 1;
    filter: none;
}

/* 页脚基础样式 */
.footer-bg-01 {
    background-color: #ffffff;
}

.footer-bg-01 a {
    color: #000000;
    text-decoration: none;
    transition: color 0.2s;
}


.footer-links-01 li {
    margin-bottom: 8px;
}

.footer-links-01 a {
    color: #000000;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-links-01 a:hover {
    color: #ff0000;
}

.footer-info-list-01 li {
    margin-bottom: 8px;
}

.footer-bottom-01 p {
    line-height: 1.8;
}



/* 新版卡片整体容器：精致的细边框、浅灰色调 */
.product-card-v2 {
    background-color: #ffffff;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

/* 卡片悬停微特效 */
.product-card-v2:hover {
    border-color: #b5b5b5 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
}

/* 图片区域：完美对齐无边距 */
.product-img-v2 {
    width: 100%;
    overflow: hidden;
}

.product-img-v2 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

/* 标题左侧的渐变蓝色双圈/特色图标模拟 */
.blue-icon-v2 {
    display: inline-block;
    width: 32px;
    height: 20px;
    /* 使用新图中呈现的淡蓝色双泡泡质感背景，这里用双色径向渐变或SVG更逼真 */
    background: radial-gradient(circle at 30% 50%, #63b3ed 0%, #4299e1 60%, transparent 65%),
                radial-gradient(circle at 70% 50%, #90cdf4 0%, #63b3ed 50%, transparent 55%);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 标题字体规范 */
.product-card-v2 .card-title {
    color: #222222 !important;
    font-size: 17px !important;
    letter-spacing: 0.5px;
}

/* 标签包裹盒：自动换行与紧凑间距 */
.tag-box-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 6px; /* 严格按照图片中的紧凑行列间距 */
}

/* 灰白浅色标签 */
.tag-box-v2 .tag-v2 {
    background-color: #ffffff !important;
    color: #4a4a4a !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 5px 10px !important;
    border: 1px solid #e1e4e6 !important;
    border-radius: 4px !important;
       text-decoration: none;
}

.tag-box-v2 .tag-v2 a{text-decoration:none; color:#000}
.tag-box-v2 .tag-v2 a:hover {
    color: #007aff;
}


/* 红色“其他(5)”突出标签 */
.tag-box-v2 .tag-danger-v2 {
    background-color: #ffffff !important;
    color: #ff3b30 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 5px 10px !important;
    border: 1px solid #ffccd1 !important;
    border-radius: 4px !important;
       text-decoration: none;
}

/* 查看更多超链接样式 */
.more-link-v2 {
    font-size: 13px;
    color: #8e8e93;
    text-decoration: none;
    transition: color 0.2s ease;
    align-self: flex-start;
}

.more-link-v2:hover {
    color: #007aff;
}


/* ==========================================================================
   全新头部样式 V3 (1:1 像素复刻)
   ========================================================================== */

/* 搜索框美化 */
.search-box-v3 .form-control {
    border: 1px solid #e2e8f0;
    height: 48px;
    font-size: 14px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.02);
    transition: all 0.2s ease;
}

.search-box-v3 .form-control:focus {
    border-color: #cbd5e1;
    box-shadow: 0 0 0 3px rgba(203, 213, 225, 0.2);
    outline: none;
}

/* 占位符微调 */
.placeholder-small-v3::placeholder {
    color: #1a1a1a;
    font-size: 13.5px;
    letter-spacing: 0.5px;
}

/* 注册按钮定制（红底直角/微圆角） */
.btn-register-v3 {
    background-color: #ff1a1a !important;
    border-color: #ff1a1a !important;
    font-size: 13px;
    border-radius: 3px !important;
    padding: 3px 14px !important;
}

/* 邮箱与电话的小图标黑圈模拟 */
.icon-circle-v3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid #333333;
    border-radius: 50%;
    font-size: 16px;
    color: #333333;
    margin-right: 4px;
    font-style: normal;
}

/* 微调字体大小 */
.small-x-v3 {
    font-size: 16px !important;
    color: #333333 !important;
}

/* 导航栏背景及底边色 */
/* 导航栏背景及底边色 */
.nav-bar-v3 {
    background-color: #f7f8fa;
    border-bottom: 3px solid #e2e8f0;
    
    /* 以下为新增的平滑吸顶核心代码 */
    position: sticky;
    top: 0;
    z-index: 1050; /* 确保层级高于商品图片和Banner，但低于模态框或某些特殊浮窗 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* 可选：吸顶时增加一层淡淡的阴影，让悬浮感更精致 */
}
/* “全部产品”专属大红块 */
.nav-item-all-v3 {
    background-color: #ff1a1a;
    min-width: 150px;
}

.nav-item-all-v3 .nav-link {
    color: #ffffff !important;
    font-size: 15px;
}

/* 导航项文字 */
.nav-list-v3 .nav-item .nav-link {
    color: #333333 !important;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.1s ease;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-list-v3 .nav-item .nav-link:hover {
    color: #ff1a1a !important;
}

/* 纵向细分割线（PC端展示） */
.nav-divider-v3 {
    width: 1px;
    height: 16px;
    background-color: #cccccc;
    align-self: center;
}

/* 移动端特殊适配 */
@media (max-width: 991.98px) {
    .nav-list-v3 {
        width: 100%;
        padding: 10px 20px;
        align-items: flex-start !important;
    }
    .nav-list-v3 .nav-item {
        width: 100%;
        border-bottom: 1px solid #eaeaea;
    }
    .nav-item-all-v3 {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .sidebar-menu{display:none!important}
}
/* 限宽版 Banner 样式 */
.banner-v4 {
    height: 400px; /* 您可以根据原图比例调整高度 */
    background: linear-gradient(to bottom, #7ec4f8, #cbe6ff, #ffffff);
    width: 100%;
    
    /* 如果您有实际的 Banner 背景图，可以使用下面三行代码 */
    /* background-image: url('banner-bg.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
    
    border: 1px solid #e5e5e5; /* 增加一层淡淡的边框，与下方的卡片质感呼应 */
}


/* 侧边幻灯片容器：固定高度以匹配右侧新闻区 */
.side-banner-carousel {
    height: 620px; /* 保持与之前 side-banner-01 的高度一致 */
    background-color: #f8f9fa;
    position: relative;
}

/* 图片填充方式：确保不同尺寸图片都能完美填充容器不留白 */
.side-banner-carousel .object-fit-cover {
    object-fit: cover;
    object-position: center;
}

/* 自定义数字指示器样式 (还原原图右下角 1 2 3 4 5 效果) */
.custom-indicators-v5 {
    justify-content: flex-end !important; /* 靠右对齐 */
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    margin-left: 0 !important;
}

.custom-indicators-v5 button {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important; /* 圆形 */
    background-color: #2b3a4a !important; /* 深灰色背景 */
    color: #ffffff !important;
    text-indent: 0 !important; /* 显示数字文字 */
    font-size: 11px !important;
    font-weight: bold;
    border: none !important;
    opacity: 0.8 !important;
    margin: 0 3px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* 激活状态和悬停效果 */
.custom-indicators-v5 button.active, 
.custom-indicators-v5 button:hover {
    background-color: #007bff !important; /* 蓝色激活色 */
    opacity: 1 !important;
}




/* ==========================================================================
   主 Banner 轮播及自定义分页指示器 (1:1 像素复刻)
   ========================================================================== */

/* 轮播图外壳容器高度控制 */
.main-banner-carousel-v6 {
    height: 400px; /* 严格对齐商城整体排版高度 */
    background-color: #eef2f7;
    border: 1px solid #e5e5e5;
}

/* 确保内部图片完美拉伸填充 */
.main-banner-carousel-v6 .object-fit-cover {
    object-fit: cover;
    object-position: center;
}
/* ==========================================================================
   全新强制绝对居中 - 主 Banner 轮播分页指示器
   ========================================================================== */

/* 强制指示器容器在轮播图内绝对居中 */
.custom-indicators-v6 {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 20px !important;            /* 距离 Banner 底部留出 20px 安全距离 */
    margin-left: auto !important;       /* 核心：左右 margin 设为 auto 配合左右为 0 */
    margin-right: auto !important;     /* 强制实现绝对水平居中 */
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    
    display: flex !important;
    justify-content: center !important; /* 确保内部的小长条在容器内也居中 */
    align-items: center !important;
    gap: 8px;                           /* 小方条之间的左右间距 */
    z-index: 15 !important;             /* 确保层级在图片之上 */
    width: fit-content !important;      /* 宽度包裹内容 */
}

/* 默认状态下的条状样式（保持宽 10px、高 2px、冷灰色） */
.custom-indicators-v6 button {
    box-sizing: content-box;
    flex: 0 0 auto !important;
    width: 10px !important;                 /* 默认宽度 10px */
    height: 2px !important;                 /* 默认高度 2px */
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #b0b8c1 !important;  /* 默认冷灰色 */
    
    /* 移除所有可能导致偏移的默认边框 */
    border: none !important;
    /* 利用透明的上下边框增鼠标大点击热区，同时不影响 2px 的视觉高度 */
    border-top: 10px solid transparent !important; 
    border-bottom: 10px solid transparent !important;
    
    opacity: 1 !important;                 /* 取消 Bootstrap 默认的透明度 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; /* 切换时的顺滑动效 */
}

/* 高亮激活（Active）状态 */
.custom-indicators-v6 button.active {
    width: 24px !important;                 /* 高亮时顺滑拉长到 24px */
    background-color: #ff1a1a !important;  /* 高亮变红 */
}


/* ==========================================================================
   大型级联下拉菜单 Mega Menu (1:1 像素复刻版)
   ========================================================================== */

/* 保证触发器在 PC 端是悬停显示的基准 */
 /* ==========================================================================
   大型级联下拉菜单 Mega Menu (完美全五项二级修补版)
   ========================================================================== */

/* 巨型下拉大面板总容器：默认隐藏 */
.mega-dropdown-menu-v7 {
    display: none !important;
    position: absolute;
    top: 100% !important;        /* 完美贴紧上部，不留一像素缝隙，防止离开 */
    margin-top: 0 !important;
    left: 0;
    width: 1100px; 
    background-color: #ffffff;
    z-index: 1080;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: left;
    /* 加入出场平滑过渡 */
    transition: opacity 0.2s ease, visibility 0.2s ease;
    opacity: 0;
    visibility: hidden;
}

/* 核心修复：鼠标滑过「全部产品」或大面板内部时，菜单保持坚挺、不自动消失 */
@media (min-width: 992px) {
    .dropdown-mega-v7:hover .mega-dropdown-menu-v7,
    .mega-dropdown-menu-v7:hover {
        display: flex !important; /* 激活为双列Flex视图 */
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* 一级左侧菜单栏 */
.mega-left-sidebar-v7 {
    width: 150px !important;
    flex: 0 0 150px !important;
    background-color: #ffffff;
    border-right: 1px solid #ededed;
    padding: 5px 0;
}

.mega-left-sidebar-v7 .sidebar-item-v7 {
    position: relative;
    width: 100%;
}

.mega-left-sidebar-v7 .sidebar-item-v7 a {
    display: block;
    padding: 11px 15px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

/* 一级分类右侧的小箭头指示 */
.mega-left-sidebar-v7 .sidebar-item-v7::after {
    content: ">";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) scaleY(1.3);
    font-size: 11px;
    color: #ccc;
}

/* 一级导航高亮特效 */
.mega-left-sidebar-v7 .sidebar-item-v7:hover a {
    background-color: #c3def7 !important;
    color: #ff1a1a !important;
}
.mega-left-sidebar-v7 .sidebar-item-v7:hover::after {
    color: #ff1a1a;
}

/* 右侧面板联动布局包裹区 */
.mega-content-wrapper-v7 {
    padding: 20px 25px;
    background-color: #ffffff;
    min-height: 450px;
}

/* 默认隐藏右侧所有的子面板 */
.mega-sub-panel-v7 {
    display: none !important;
    position: absolute;
    top: 20px;
    left: 25px;
    right: 25px;
    bottom: 20px;
}

/* 兜底首屏策略：在大菜单刚展开、鼠标没碰到任何分类时，默认把“标准品”面板显示出来 */
.mega-sub-panel-v7.panel-nav1 {
    display: flex !important;
}

/* 五项联动互斥控制核心（使用高级CSS :has 选择器完成纯CSS流利切换） 
   当鼠标浮动在任何一个指定的 sidebar-item 上时，先切断默认的隐藏，并为对应子面板提权赋予展示
*/
.mega-dropdown-menu-v7:has(.sidebar-item-v7:hover) .mega-sub-panel-v7 { 
    display: none !important; 
}

/* 精准匹配每项 hover 分类 */
.mega-dropdown-menu-v7:has(.menu-item-nav1:hover) .panel-nav1 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav2:hover) .panel-nav2 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav3:hover) .panel-nav3 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav4:hover) .panel-nav4 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav5:hover) .panel-nav5 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav6:hover) .panel-nav6 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav7:hover) .panel-nav7 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav8:hover) .panel-nav8 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav9:hover) .panel-nav9 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav10:hover) .panel-nav10 { display: flex !important; }
.mega-dropdown-menu-v7:has(.menu-item-nav11:hover) .panel-nav11 { display: flex !important; }
/*.mega-dropdown-menu-v7:has(.menu-item-standard:hover) .panel-standard { display: flex !important; }*/
/*.mega-dropdown-menu-v7:has(.menu-item-biochemical:hover) .panel-biochemical { display: flex !important; }*/
/*.mega-dropdown-menu-v7:has(.menu-item-compound:hover) .panel-compound { display: flex !important; }*/
/*.mega-dropdown-menu-v7:has(.menu-item-instrument:hover) .panel-instrument { display: flex !important; }*/
/*.mega-dropdown-menu-v7:has(.menu-item-consumable:hover) .panel-consumable { display: flex !important; }*/


/* 二三级内部精细列表排版 */
.mega-center-column-v7 {
    padding-right: 0px;
    border-right: 1px solid #f0f0f0;
}
.mega-right-column-v7 {
    padding-left: 0px;
}
.mega-section-v7 {
    margin-bottom: 22px;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 12px;
}
.mega-section-v7 h6 {
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 10px;
}

.mega-section-v7 h6 a{color:#000; text-decoration:none}
.mega-section-v7 h6 a:link{color:#000;text-decoration:none}
.mega-section-v7 h6 a:hover{color:#ff1a1a;text-decoration:none}
.mega-links-v7 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}
.mega-links-v7 a {
    font-size: 13px;
    color: #555555;
    text-decoration: none;
    transition: color 0.15s ease;
}
.mega-links-v7 a:hover {
    color: #ff1a1a;
}


/* ==========================================================================
   手机端 / 移动端特殊适配：在手机端完全隐藏“全部产品”
   ========================================================================== */
@media (max-width: 991.98px) {
    /* 强行隐藏“全部产品”整块红色容器及其里面的巨型菜单 */
    .nav-item-all-v3 {
        display: none !important;
    }
}

.section-title-01, 
.news-section-01 h5, 
.partner-section-01 h5 {
    background-color: #f5f5f5 !important; /* 统一淡灰色背景 */
    padding: 8px 12px !important;        /* 增加内边距，让背景更饱满 */
    border-radius: 4px;                  /* 微微的圆角增加精致感 */
    border-bottom: none !important;      /* 移除原本突兀的下划线 */
}



/* ==========================================================================
   普通导航项的顶部全宽大下拉面板 (CSS 纯渲染版)
   ========================================================================== */

/* 1. PC 电脑端样式 */
@media (min-width: 992px) {
    /* 建立下拉定位基准（相对于整个导航条 navbar 容器定位，从而实现全宽效果） */
    .nav-bar-v3 .container {
        position: relative !important;
    }

    /* 下拉总容器：默认隐藏，绝对定位在导航栏下方 */
    .nav-mega-panel-custom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;            /* 撑满外层 container 的宽度 */
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-top: none;
        z-index: 1070;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    /* 核心悬停逻辑：鼠标放上去时显示面板 */
    .nav-dropdown-custom:hover .nav-mega-panel-custom {
        display: block !important;
    }

    /* 自定义 5 列等宽系统 (Bootstrap 默认没有 col-lg-5 等分，这里完美自建) */
    .col-lg-2-5 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        width: 20% !important;
    }

    /* 列表内的排版规范 */
    .menu-block-custom h6 {
        font-size: 14.5px;
        font-weight: 700;
        margin-bottom: 12px;
    }

   .menu-block-custom h6 a{
       color: #000000;
       text-decoration: none;
    }
    
       .menu-block-custom h6 a:link{
       color: #000000;
       text-decoration: none;
    }
    
        .menu-block-custom h6 a:hover{
       color: #ff1a1a;
       text-decoration: none;
    }
    
    
    .menu-block-custom ul li {
        margin-bottom: 6px;
    }

    .menu-block-custom ul li a {
        color: #555555;
        text-decoration: none;
        font-size: 13px;
        transition: color 0.15s ease;
    }

    /* 悬停三级分类变绿 */
    .menu-block-custom ul li a:hover {
        color: #ff1a1a !important;
    }
}

/* 2. 手机移动端特殊防错位处理 */
@media (max-width: 991.98px) {
    /* 手机端不展示复杂的 PC 巨型全宽菜单，防止溢出。手机端可通过左侧“全部产品”或折叠层进行控制 */
    .nav-mega-panel-custom {
        display: none !important;
    }
}


/* ==========================================================================
   服务与支持 - 单列标准垂直下拉菜单 (1:1 像素复刻)
   ========================================================================== */

@media (min-width: 992px) {
    /* 核心定位：挂载在“服务与支持”文字的正下方 */
    .dropdown-single-column-v7 {
        display: none;             /* 默认隐藏 */
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%); /* 居中对齐导航文字 */
        width: 140px;              /* 根据字数自适应紧凑宽度 */
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 4px;
        padding: 5px 0;
        z-index: 1090;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    }

    /* 悬停时流利展现 */
    .nav-dropdown-custom:hover .dropdown-single-column-v7 {
        display: block !important;
    }

    /* 单个纵向菜单项样式规范 */
    .dropdown-single-column-v7 li a {
        display: block;
        padding: 10px 0;           /* 上下间距，完美还原图片高度 */
        color: #333333 !important;
        font-size: 14.5px;
        text-decoration: none;
        text-align: center;        /* 文字严格水平居中 */
        transition: all 0.15s ease;
    }

    /* 鼠标滑过菜单项变绿，并有淡淡的灰色背景 */
    .dropdown-single-column-v7 li a:hover {
        color: #fe0d0e !important; /* 谷研主题绿 */
        background-color: #f8f9fa; /* 浅灰底色提升交互感 */
    }
}

/* 手机端兼容处理 */
@media (max-width: 991.98px) {
    .dropdown-single-column-v7 {
        display: none !important;  /* 移动端不通过 hover 触发 */
    }
}

/* ==========================================================================
   全新无缝不间断微调滚动 (消除空白、平滑衔接)
   ========================================================================== */

/* 1. 外层包裹：剔除任何可能导致换行的限制 */
.logo-marquee-wrapper-custom {
    width: 100%;
    padding: 20px 0;
    background-color: #ffffff;
    overflow: hidden;
}

/* 2. 跑道容器：自动计算内部所有图片的物理总宽度，不缩水 */
.logo-marquee-track-custom {
    display: flex !important;
    width: max-content !important; /* 核心：强制跑道宽度为所有图片无限延伸的总和 */
    /* 25秒滚完半程，您可以根据松紧度调整时间。时间越大越平缓 */
    animation: marqueeScrollLeftLinear 25s linear infinite; 
}

/* 3. Logo 单组：取消强行绑定屏幕宽度的 vw 单位，改用自然 Flex 布局 */
.logo-marquee-group-custom {
    display: flex !important;
    flex-direction: row !important;
    flex-shrink: 0;
}

/* 4. 每个独立 Logo 的间距：控制它们之间的紧凑程度 */
.marquee-item-custom {
    padding: 0 45px; /* 这里决定了 Logo 之间的左右距离，如果觉得稀疏可以改小（如 30px） */
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marquee-item-custom img {
    max-height: 38px;  /* 统一图片高度 */
    width: auto;
    object-fit: contain;
}

/* 鼠标悬停时平滑暂停 */
.logo-marquee-wrapper-custom:hover .logo-marquee-track-custom {
    animation-play-state: paused;
}

/* ==========================================================================
   精确无缝核心位移动画：因为两组完全等宽，位移 -50% 刚好是前半段的终点，
   此时后半段完美接班，实现真正的 0 空白、0 跳动连续滚动。
   ========================================================================== */
@keyframes marqueeScrollLeftLinear {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0); /* 必须是 -50% */
    }
}


/* ==========================================================================
   页面右侧固定浮动工具栏栏目样式 (1:1 像素与色彩还原)
   ========================================================================== */

/* 侧边栏主外壳：固定在视窗右侧偏中下位置 */
.right-float-sidebar-v7 {
    position: fixed !important;
    right: 9px;                  /* 距离右侧边缘的间距 */
    top: 55%;                     /* 高度居中偏下 */
    transform: translateY(-50%);
    z-index: 2000;                /* 超高层级，确保不被任何Banner或者大下拉遮挡 */
}

/* 前 6 个青蓝色常规按钮样式 */
.sidebar-btn-v7 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 68px;                  /* 按钮标准宽度 */
    height: 68px;                 /* 按钮标准高度 */
    background-color: #0f467e;    /* 完美还原图中的青蓝色 */
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 6px;           /* 舒适的小圆角 */
    font-size: 12px;
    letter-spacing: 0.5px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* 按钮文字微调 */
.sidebar-btn-v7 span {
    font-size: 11px;
    line-height: 1.2;
    transform: scale(0.95);      /* 略微缩小文字使两字并排更紧凑 */
    text-align: center;
}

/* 最后一个“返回顶部”专属墨绿色调 */
.sidebar-btn-top-v7 {
    background-color: #0f467e !important; /* 深度墨绿色 */
    height: 50px;                 /* 返回顶部略扁一些 */
}

/* 鼠标悬停互动特效：产生轻微的提亮与上浮感 */
.sidebar-btn-v7:hover {
    background-color: #fe1415;    /* 悬停提亮 */
    transform: translateX(-3px);  /* 往左微微滑动，极具动感 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.sidebar-btn-top-v7:hover {
    background-color: #074e4c !important; /* 顶部按钮悬停加深 */
    transform: translateX(-3px);
}

/* 移动端兼容防护：由于手机屏幕狭窄，通过 Bootstrap 自带类 `d-none d-lg-flex` 在小于 992px 的设备上自动隐藏，绝不遮挡移动端内容 */

/* ==========================================================================
   全宽满屏轮播图优化（高度精控，防止图片被无边界拉伸）
   ========================================================================== */

/* 1. PC 电脑大屏端：规定一个大气稳定的视觉高度 */
@media (min-width: 992px) {
    .custom-full-carousel {
        height: 480px !important;   /* 这里可以根据你原始 banner 的图高进行微调（如450px或500px） */
        width: 100% !important;
        border-radius: 0px !important; /* 满屏显示时，电脑端去掉边上的小圆角，显得更大气 */
    }
}

/* 2. 手机移动端：高度调小，防止在狭窄的手机上图片比例失调 */
@media (max-width: 991.98px) {
    .custom-full-carousel {
        height: 220px !important;   /* 手机端黄金展示高度，让图横向拉满 */
        width: 100% !important;
        border-radius: 0px !important; 
    }
}

/* 确保内部动画框架与外层高度绝对同步 */
.custom-full-carousel .carousel-inner,
.custom-full-carousel .carousel-item {
    height: 100% !important;
}



/* 顶部工具栏背景容器 */
.top-bar-v3 {
    background: linear-gradient(to bottom, #ffffff 0%, #f4f5f7 100%); /* 渐变色 */
    border-bottom: 1px solid #e2e8f0;                                 /* 底部浅灰细线 */
    width: 100%;
}

/* 顶部超链接基础样式 */
.top-bar-link-v3 {
    color: #666666 !important;
    text-decoration: none !important;
    font-size: 13px;
    letter-spacing: 0.3px;
    transition: color 0.15s ease-in-out;
}

/* 悬停加深颜色 */
.top-bar-link-v3:hover {
    color: #111111 !important;
}

/* 用于替代不够红的 text-danger，把收藏里的 "0" 变成纯正的大红色 */
.text-bright-red {
    color: #e60012 !important; 
}

/* 手机移动端适配：防止两边留白过大或排版挤压 */
@media (max-width: 575.98px) {
    .top-bar-v3 .container {
        justify-content: center !important; /* 手机端居中对齐 */
        gap: 15px !important;               /* 紧凑缩小元素间距 */
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .top-bar-link-v3 {
        font-size: 12px;                    /* 手机端略微缩小字体 */
    }
}


/* ==========================================================================
   关于我们 - 鼠标放上去在正下方出现二维码
   ========================================================================== */

/* 容器包裹层 */
.top-bar-about-v3 {
    display: inline-block;
    cursor: pointer;
}

/* 隐藏的二维码下拉框基础样式 */
.about-qrcode-dropdown-v3 {
    display: none;                 /* 默认彻底隐藏 */
    position: absolute;
    top: 100%;                     /* 严格挂载在“关于我们”正下方 */
    left: 50%;
    transform: translateX(-50%);   /* 横向水平完美居中 */
    margin-top: 6px;               /* 与文字保持舒适的空隙 */
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px;
    width: 122px;                  /* 略微宽于二维码，预留呼吸感 */
    z-index: 1060;                 /* 确保层级高于Banner和常规元素 */
}

/* 核心联动逻辑：当鼠标 Hover（划过）到外壳时，强制让二维码框显示 */
.top-bar-about-v3:hover .about-qrcode-dropdown-v3 {
    display: block !important;
}

/* 可选加分微特效：鼠标滑过时给一个隐约向上的小三角箭头 */
.about-qrcode-dropdown-v3::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent; /* 白色小三角 */
}

/* ==========================================================================
   Font Awesome 微信图标专属颜色与特效
   ========================================================================== */

/* ==========================================================================
   Bootstrap Icons 微信字体图标专属修正样式
   ========================================================================== */

/* 1. 精准控制类名，赋予微信绿和合适的字号 */
.text-wechat-green-v3 {
    color: #1aad19 !important; /* 微信官方绿 */
    font-size: 15px !important; /* 调整字体大小，使其跟旁边的文字完美契合 */
    display: inline-block;
}

/* 2. 鼠标移入“关于我们”时，i 图标配合文字产生平滑的呼吸放大效果 */
.top-bar-about-v3:hover .text-wechat-green-v3 {
    transform: scale(1.15);
    transition: transform 0.15s ease-in-out;
}


/* ==========================================================================
   导航栏向下滚动——顺滑固定吸顶专属样式
   ========================================================================== */

/* 当页面向下滚动，JS 动态赋予此状态 */
.nav-bar-v3.fixed-top-active {
    position: fixed !important;  /* 强行脱离常规流，固定在屏幕最顶端 */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;              /* 确保层级高于轮播图(Banner)和下方商品图 */
    
    /* 视觉加分项 */
    background-color: #ffffff !important;         /* 吸顶时底色变纯白，增强阅读高级感 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);   /* 给吸顶栏加一层非常轻柔的全局阴影，使其与下方内容错开层级 */
    border-bottom: 1px solid #e2e8f0 !important;  /* 吸顶时将原有的粗边框变细，显得更精致 */

    /* 触发硬件加速的平滑下拉入场动画 */
    animation: navSmoothSlideDown 0.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* 吸顶顺滑向下淡入淡出的贝塞尔曲线动画 */
@keyframes navSmoothSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 可选安全优化：确保吸顶后内部的下拉大菜单层级永远在最上方 */
.nav-bar-v3.fixed-top-active .mega-dropdown-menu-v7 {
    z-index: 1060 !important;
}


/* 面包屑导航样式调整 */
        .breadcrumb-wrapper {
            padding-left: calc(var(--bs-gutter-x) * 0.5);
            margin-top: 10px;

        }
        .breadcrumb {
            margin-bottom: 10px;
            font-size: 14px;
        }
        .breadcrumb-item a {
            color: #6c757d;
            text-decoration: none;
        }
        .breadcrumb-item a:hover {
            color: #0d6efd;
            text-decoration: underline;
        }

.analysis-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 30px;
            padding-left: calc(var(--bs-gutter-x) * 0.5);
        }
        .card-item {
            margin-bottom: 35px;
        }
        /* 图片容器，控制边框、圆角和阴影效果 */
        .img-container {
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            padding: 4px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 4 / 3; /* 保持图片容器比例一致 */
            overflow: hidden;
        }
        .img-container a{color:#000; text-decoration:none}
        .img-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        /* 文字标签样式 */
        .item-label {
            font-size: 15px;
            font-weight: bold;
            margin-top: 10px;
            color: #212529;
            text-align: center;
            padding-left: 2px;
        }
        .sub-label {
            font-size: 13px;
            color: #666;
            text-align: left;
            padding-left: 2px;
            margin-top: 2px;
        }
        
        /*产品二级分类*/
     /* --- 左侧侧边栏样式 --- */
        .sidebar {
            background: #f1f1f1;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .sidebar-header {
            background-color: #c8161d;
            color: white;
            padding: 12px 20px;
            font-weight: bold;
            font-size: 18px;
            border-top-left-radius: 4px;
            border-top-right-radius: 15px;
        }
        .sidebar-footer {
            background-color: #c8161d;
            color: white;
            font-size: 12px;
            padding: 6px 12px;
            display: inline-block;
            border-top-left-radius: 8px;
            border-bottom-right-radius: 4px;
            float: right;
        }
        .menu-item {
            border-bottom: 1px solid #e0e0e0;
        }
        .menu-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 20px;
            font-weight: 500;
            color: #333;
            text-decoration: none;
            background: #fdfdfd;
            cursor: pointer;
        }
        /* 选中/展开状态的主分类标题颜色 */
        .menu-item.active .menu-title-text {
            color: #c8161d;
            font-weight: bold;
        }
        .sub-menu {
            list-style: none;
            padding: 5px 10px 10px 15px;
            background: #fff;
            margin: 0;
        }
        .sub-menu li a {
            display: block;
            padding: 5px 0;
            color: #888;
            text-decoration: none;
            font-size: 14px;
        }
        .sub-menu li.active a {
            color: #c8161d;
            font-weight: bold;
        }
        .toggle-btn {
            background: #ccc;
            color: white;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            transition: background-color 0.2s;
        }
        /* 展开状态的按钮变成红色 */
        .menu-item .menu-title[aria-expanded="true"] .toggle-btn {
            background: #c8161d;
        }

        /* --- 右侧主内容样式 --- */
        .main-title {
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 20px;
            border-bottom: 2px solid #ccc;
            padding-bottom: 8px;
        }
        
        /* 标签小按钮 */
        .tag-btn {
            border: 1px solid #ccc;
            background: #fff;
            color: #555;
            padding: 4px 12px;
            font-size: 13px;
            border-radius: 4px;
            margin-right: 8px;
            margin-bottom: 10px;
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s;
        }
        .tag-btn.active, .tag-btn:hover {
            background: #c8161d;
            color: #fff;
            border-color: #c8161d;
        }

        /* 商品卡片式容器 */
        .product-card {
            background: #fff;
            border: 1px solid #eef0f2;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            margin-bottom: 20px;
            overflow: hidden;
        }
        .product-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            background: #fff;
        }
        .product-name {
            font-size: 16px;
            font-weight: bold;
            color: #111;
            margin: 0;
        }
        
            .product-name  a{
 color: #000;
 text-decoration: none;
        }
        
                    .product-name  a:link{
 color: #000;
 text-decoration: none;
        }
        
                    .product-name  a:visitede{
 color: #000;
 text-decoration: none;
        }
        
         .product-name  a:hover{
 color: #ff0000;
 text-decoration: none;
        }
        
        /* 详情按钮样式升级 */
        .btn-detail {
            font-size: 12px;
            border: 1px solid #dee2e6;
            padding: 4px 12px;
            border-radius: 12px;
            background-color: #f8f9fa;
            color: #333;
            transition: all 0.2s;
        }
        /* 当对应的折叠面板展开时(即没有 collapsed 类名) 按钮变红 */
        .btn-detail:not(.collapsed) {
            background-color: #c8161d;
            color: white;
            border-color: #c8161d;
        }

        /* 表格样式与防挤压优化 */
        .table-product {
            margin-bottom: 0;
            font-size: 13px;
        }
        .table-product thead {
            background-color: #c8161d;
            color: white;
            text-align: center;
        }
        .table-product th {
            font-weight: 500;
            padding: 10px 6px;
            border: none;
        }
        .table-product td {
            padding: 12px 8px;
            text-align: center;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .table-product a{color:#000;text-decoration:none}
        .table-product a:link{color:#000;text-decoration:none}
        .table-product a:visited{color:#000;text-decoration:none}
        .table-product a:hover{color:#000;text-decoration:none}
        
        /* 数量加减计步器固定宽度防止挤压 */
        .table-product td .quantity-group {
            display: inline-flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 3px;
            background: #fff;
            white-space: nowrap;
        }
        .quantity-btn {
            background: none;
            border: none;
            width: 22px;
            height: 24px;
            font-size: 12px;
            cursor: pointer;
        }
        .quantity-input {
            width: 30px;
            text-align: center;
            border: none;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            font-size: 12px;
            font-weight: bold;
            height: 24px;
        }
        .quantity-input:focus {
            outline: none;
        }

        /* 购物车按钮列 */
        .cart-column {
            white-space: nowrap;
        }
        .cart-icon-btn {
            color: #c8161d;
            font-size: 20px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px 8px;
            display: inline-block;
        }

        /* 分页条 */
        .pagination .page-link {
            color: #555;
            border-color: #dee2e6;
            padding: 6px 12px;
            font-size: 13px;
        }
        .pagination .page-item.active .page-link {
            background-color: #c8161d;
            border-color: #c8161d;
            color: #fff;
        }
        
        
          /* 面包屑导航 */
        .breadcrumb-nav {
            font-size: 13px;
            padding: 15px 0;
        }
        .breadcrumb-nav a {
            color: #666;
            text-decoration: none;
        }
        .breadcrumb-nav a:hover {
            color: #c8161d;
        }

            /* --- 主体卡片容器 --- */
        .detail-card {
            background: #fff;
            border: 1px solid #eef0f2;
            border-radius: 4px;
            padding: 25px;
            margin-bottom: 20px;
        }

        /* --- 头部购买区块 --- */
        .product-logo-box {
            border: 1px solid #eee;
            padding: 15px;
            text-align: center;
            border-radius: 4px;
            min-height: 200px;
            width: 280px;
            display: flex;
            overflow: hidden;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .product-logo-box img{max-width:100%; height:auto}
        .brand-name {
            color: #c8161d;
            font-weight: bold;
            font-size: 22px;
            letter-spacing: 1px;
            line-height: 1;
        }
        .brand-sub {
            font-size: 12px;
            color: #555;
            border-top: 1px solid #c8161d;
            padding-top: 2px;
            margin-top: 2px;
        }
        .product-main-title {
            font-size: 20px;
            font-weight: bold;
            color: #111;
            margin-bottom: 8px;
        }
        .product-sku {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
        }
        
        /* 购买属性规格标签 */
        .spec-label {
            font-size: 13px;
            color: #666;
            width: 70px;
            display: inline-block;
        }
        .spec-radio-btn {
            display: inline-block;
            border: 1px solid #ccc;
            padding: 3px 12px;
            font-size: 12px;
            border-radius: 3px;
            margin-right: 8px;
            cursor: pointer;
            background: #fff;
        }
        .spec-radio-btn.active {
            border-color: #c8161d;
            color: #c8161d;
            background-color: #fff1f1;
            font-weight: bold;
        }

        /* 价格数量 */
        .price-text {
            color: #c8161d;
            font-weight: bold;
            font-size: 15px;
        }
        .price-del {
            font-size: 12px;
            color: #999;
            text-decoration: line-through;
            margin-left: 10px;
        }
        .qty-input-group {
            width: 100px;
        }

        /* 核心动作按钮 */
        .btn-buy-now {
            background-color: #c8161d;
            color: white;
            border: none;
            padding: 6px 24px;
            font-size: 14px;
            font-weight: bold;
            border-radius: 4px;
        }
        .btn-buy-now:hover {
            background-color: #b01117;
            color: white;
        }
        .action-link {
            font-size: 13px;
            color: #c8161d;
            text-decoration: none;
            margin-left: 20px;
        }
        .action-link:hover {
            text-decoration: underline;
        }

        /* --- 下方参数分块样式 --- */
        .section-title {
            background-color: rgb(241, 241, 241);
            font-size: 15px;
            font-weight: bold;
            padding: 8px 15px;
            border-left: 4px solid #ff1a1a;
            margin-bottom: 15px;
            margin-top: 10px;
        }
        .section-content {
            font-size: 13.5px;
            line-height: 1.7;
            color: #444;
            padding: 0 10px 15px 10px;
            text-align: justify;
        }

        /* --- 右侧相关产品栏 --- */
        .related-box {
            background: #fff;
            border: 1px solid #eef0f2;
            border-radius: 4px;
        }
        .related-header {
            background-color: #c8161d;
            color: white;
            padding: 10px 15px;
            font-weight: bold;
            font-size: 15px;
        }
        .related-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .related-item {
            border-bottom: 1px solid #f1f1f1;
        }
        .related-item a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 11px 15px;
            color: #444;
            text-decoration: none;
            font-size: 13px;
            transition: background 0.2s;
        }
        .related-item a:hover {
            background-color: #fff5f5;
            color: #c8161d;
        }
        .related-item text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 5px;
        }
        .related-item i {
            color: #ccc;
            font-size: 11px;
        }
        
        
            /* 顶部面包屑与标题对齐区 */
        .page-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid #ccc;
            padding-bottom: 10px;
            margin-bottom: 25px;
        }
        .page-title {
            font-size: 24px;
            font-weight: bold;
            color: #111;
            margin: 0;
        }
        .breadcrumb-nav {
            font-size: 13px;
        }
        .breadcrumb-nav a {
            color: #666;
            text-decoration: none;
        }
        .breadcrumb-nav a:hover {
            color: #0056b3;
        }

        /* --- 文献列表单项样式 --- */
        .literature-item {
            padding: 20px 0;
            border-bottom: 1px solid #ededed;
            transition: background-color 0.2s;
        }
        .literature-item:hover {
            background-color: #fafafa;
        }

        /* 期刊封面图片容器 */
        .cover-wrapper {
            width: 140px; /* PC端固定封面宽度 */
            flex-shrink: 0;
        }
        .cover-img {
            width: 100%;
            height: 80px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            border: 1px solid #e0e0e0;
            transition: transform 0.2s;
        }
        .literature-item:hover .cover-img {
            transform: scale(1.03); /* 鼠标悬浮时封面轻微放大 */
        }

        /* 右侧图文描述区 */
        .content-wrapper {
            flex-grow: 1;
        }
        .literature-title {
            font-size: 16px;
            font-weight: bold;
            color: #0056b3; /* 经典文献蓝色调 */
            margin-bottom: 8px;
            text-decoration: none;
            display: block;
        }
        .literature-title:hover {
            text-decoration: underline;
        }
        .literature-desc {
            font-size: 13.5px;
            color: #666;
            line-height: 1.6;
            text-align: justify;
            margin-bottom: 10px;
        }
        
        /* 了解更多按钮 */
        .btn-more {
            font-size: 13px;
            color: #ff6600; /* 原图橙色视觉 */
            text-decoration: none;
            font-weight: 500;
        }
        .btn-more:hover {
            text-decoration: underline;
        }

        /* 底部时间 */
        .literature-date {
            font-size: 12px;
            color: #999;
            margin-top: 5px;
        }

        /* --- 底部分页条自定义 --- */
        .pagination .page-link {
            color: #333;
            border-color: #dee2e6;
            padding: 6px 14px;
            font-size: 14px;
        }
        .pagination .page-item.active .page-link {
            background-color: #0056b3;
            border-color: #0056b3;
            color: #fff;
        }
        .pagination .page-link:hover {
            background-color: #f1f1f1;
            color: #0056b3;
        }



/* ==========================================================================
   全新侧边栏级联系统 - 完美支持 一、二级独立链接与独立折叠
   ========================================================================== */

/* --- 一级分类整行重置 --- */
.menu-title {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 !important; /* 移除容器内边距，完全交给内部链接和触发器 */
    cursor: default;
}

/* 一级标题文字链接：撑满可用左侧空间 */
.main-category-link {
    display: block;
    padding: 12px 15px; /* 恢复原一级菜单的饱满内边距 */
    color: #333333;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.2s ease;
}
.main-category-link:hover {
    color: #dc3545; /* 悬浮时文字变红 */
}

/* 一级独立加减号触发块：放大点击热区 */
.main-toggle-trigger {
    padding: 12px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}
.main-toggle-trigger:hover {
    background-color: rgba(0, 0, 0, 0.04); /* 鼠标移入符号区域时有轻微阴影提示 */
}


/* --- 二级与三级分类控制 --- */
.sub-menu-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0; 
}

/* 二级分类跳转链接 */
.category-link {
    display: block;
    flex-grow: 1;
    padding: 8px 12px;
    color: #444444;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.category-link:hover {
    color: #dc3545;
}

/* 二级折叠箭头触发块 */
.toggle-trigger {
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}
.toggle-trigger:hover {
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

/* 三级折叠小箭头过渡及旋转 */
.child-toggle-btn {
    font-size: 11px;
    color: #999;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-trigger[aria-expanded="true"] .child-toggle-btn {
    transform: rotate(180deg);
    color: #dc3545;
}

/* 三级菜单面板与样式 */
.third-menu {
    list-style: none;
    padding-left: 14px;
    margin-top: 2px;
    margin-bottom: 8px;
    border-left: 1px dashed #e4e7ed;
}
.third-menu li a {
    display: block;
    padding: 6px 0 6px 12px;
    font-size: 13px;
    color: #666666;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.third-menu li a:hover,
.third-menu li.active > a {
    color: #dc3545;
    font-weight: bold;
}

/*2026-6-23*/


/* ================= 修复二级菜单重影与定位 ================= */

/* 确保大菜单相对于导航栏正确悬浮定位 */
.dropdown-mega-v7 {
    position: relative;
}

/* 鼠标移入“全部产品”时，整体下拉菜单显示 */
.dropdown-mega-v7:hover .mega-dropdown-menu-v7 {
    display: flex !important;
}

/* 下拉总菜单的基础样式与定位 */
.mega-dropdown-menu-v7 {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0e0e0;
    min-width: 850px; /* 给予足够宽度防止挤压 */
    border-radius: 0 0 4px 4px;
}

/* 左侧一级菜单侧边栏 */
.mega-left-sidebar-v7 {
    width: 220px;
    background-color: #f8f9fa;
    border-right: 1px solid #eeeeee;
    padding: 10px 0;
}

.mega-left-sidebar-v7 .sidebar-item-v7 a {
    display: block;
    padding: 12px 20px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.15s ease-in-out;
}

/* 鼠标悬停或处于激活状态的一级分类样式 */
.mega-left-sidebar-v7 .sidebar-item-v7:hover a,
.mega-left-sidebar-v7 .sidebar-item-v7.active a {
    background-color: #c3def7 !important;
    color: #000 !important;
}

/* 右侧二级内容总包裹层：必须设置为 relative 且统一高度 */
.mega-content-wrapper-v7 {
    padding: 25px;
    min-height: 450px; 
    background: #fff;
}

/* 【核心修复】二级联动面板：采用绝对定位重叠在右侧区域内 */
.mega-sub-panel-v7 {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    
    /* 默认彻底隐藏，不占用空间、不可见、不响应鼠标 */
    display: none !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out;
}

/* 【核心修复】当带上 active 类时，才真正释放显示，阻断重影 */
.mega-sub-panel-v7.active {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* 二级菜单排版微调 */
.mega-section-v7 {
    margin-bottom: 25px;
    padding-right: 15px;
}

.mega-section-v7 h6 {
    font-size: 15px;
    font-weight: 700;
    color: #212529;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.mega-links-v7 a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #6c757d;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.1s;
}

.mega-links-v7 a:hover {
    color: #6c757d;
    text-decoration: none;
}

    .dropdown-mega-v7 {
        position: relative;
    }
    /* 鼠标悬停一级菜单时，显示大菜单 */
    .dropdown-mega-v7:hover .mega-dropdown-menu-v7 {
        display: flex !important;
    }
    /* 大菜单基础定位 */
    .mega-dropdown-menu-v7 {
        display: block; /* 默认隐藏 */
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        border: 1px solid #eee;
        min-width: 800px; /* 可根据设计稿调整宽度 */
    }
    /* 左侧边栏 */
    .mega-left-sidebar-v7 {
        width: 220px;
        background-color: #f8f9fa;
        border-right: 1px solid #eee;
    }
    .mega-left-sidebar-v7 .sidebar-item-v7 a {
        display: block;
        padding: 12px 20px;
        color: #333;
        text-decoration: none;
        transition: all 0.2s;
    }
    /* 激活/悬停左侧菜单项时的样式 */
    .mega-left-sidebar-v7 .sidebar-item-v7.active a,
    .mega-left-sidebar-v7 .sidebar-item-v7:hover a {
        background-color: #0d6efd;
        color: #ff1a1a !important;
    }
    /* 右侧二级内容包裹层 */
    .mega-content-wrapper-v7 {
        padding: 20px;
        min-height: 400px;
        overflow: hidden;
    }
    /* 二级面板默认全部隐藏 */
    .mega-sub-panel-v7 {
        display: none !important; 
        width: 100%;
    }
    /* 只有当带上 .active 类时才显示 */
    .mega-sub-panel-v7.active {
        display: flex !important;
    }
    /* 内部排版微调 */
    .mega-section-v7 {
        margin-bottom: 20px;
    }
    .mega-section-v7 h6 {
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .mega-links-v7 a {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 0px;
        color: #666;
        text-decoration: none;
        font-size: 14px;
    }
    .mega-links-v7 a:hover {
        color: #16386b;
    }
    
    
    
    
    
 /* 浮动菜单主容器 */
        .sidebar-menu {
            position: fixed;
            right: 10px;
            top: 53%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 6px;
            z-index: 9000;
        }

        /* 基础按钮样式 */
        .sidebar-menu-item {
            position: relative;
            width: 76px;
            height: 76px;
            background-color: #0b457e;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-radius: 4px;
            transition: background-color 0.3s;
            text-decoration: none;
        }

        .sidebar-menu-item:hover {
            background-color: #08335e;
        }

        .sidebar-menu-item i {
            font-size: 22px;
            margin-bottom: 6px;
        }

        .sidebar-menu-item span {
            font-size: 12px;
        }

        /* 通用弹出容器基础样式 - 已重命名为 sidebar-popover */
        .sidebar-popover {
            position: absolute;
            right: 86px;
            top: 0; /* 保持顶部平齐 */
            transform: scale(0.95);
            transform-origin: right top;
            background-color: #ffffff;
            box-shadow: 0 6px 18px rgba(0,0,0,0.15);
            border-radius: 8px;
            visibility: hidden;
            opacity: 0;
            transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
            z-index: 1001;
        }

        /* 鼠标悬停显示弹窗 - 已联动修改 */
        .sidebar-menu-item:hover .sidebar-popover {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }

        /* --- 在线客服专属弹出名片样式 --- */
        .customer-service-popover {
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            background-color: #fcfcfc;
        }

        /* 单个名片卡片 */
        .cs-card {
            background: #ffffff;
            border: 1px solid #e8e8e8;
            border-radius: 12px;
            padding: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 340px;
            box-sizing: border-box;
        }

        /* 左侧文本区 */
        .cs-info {
            color: #333333;
            text-align: left;
        }

        .cs-info h3 {
            margin: 0 0 8px 0;
            font-size: 20px;
            color: #2c2c2c;
            font-weight: bold;
        }

        .cs-detail {
            font-size: 14px;
            color: #4a4a4a;
            line-height: 1.6;
        }

        /* QQ图标对齐 */
        .qq-line {
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: bold;
            color: #333;
        }
        
        .qq-icon {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }

        /* 右侧二维码区 */
        .cs-qrcode {
            text-align: center;
            flex-shrink: 0;
            margin-left: 15px;
        }

        .cs-qrcode img {
            width: 95px;
            height: 95px;
            border: 1px solid #dcdcdc;
            padding: 2px;
            border-radius: 4px;
            display: block;
        }

        .cs-qrcode p {
            margin: 6px 0 0 0;
            font-size: 13px;
            color: #2c2c2c;
            font-weight: bold;
        }

        /* --- 其他菜单弹窗简易样式 --- */
        .simple-popover {
            padding: 15px;
            white-space: nowrap;
            color: #333;
            border-radius: 4px;
        }
        
        
        
        /* ================= 修复二级菜单重影与定位 ================= */

/* 确保大菜单相对于导航栏正确悬浮定位 */
.dropdown-mega-v7 {
    position: relative;
}

/* 鼠标移入“全部产品”时，整体下拉菜单显示 */
.dropdown-mega-v7:hover .mega-dropdown-menu-v7 {
    display: flex !important;
}

/* 下拉总菜单的基础样式与定位 */
.mega-dropdown-menu-v7 {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0e0e0;
    min-width: 850px; /* 给予足够宽度防止挤压 */
    border-radius: 0 0 4px 4px;
}

/* 左侧一级菜单侧边栏 */
.mega-left-sidebar-v7 {
    width: 220px;
    background-color: #f8f9fa;
    border-right: 1px solid #eeeeee;
    padding: 10px 0;
}

.mega-left-sidebar-v7 .sidebar-item-v7 a {
    display: block;
    padding: 12px 20px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.15s ease-in-out;
}

/* 鼠标悬停或处于激活状态的一级分类样式 */
.mega-left-sidebar-v7 .sidebar-item-v7:hover a,
.mega-left-sidebar-v7 .sidebar-item-v7.active a {
    background-color: #c3def7 !important;
    color: #ff1a1a!important;
}

/* 右侧二级内容总包裹层：必须设置为 relative 且统一高度 */
.mega-content-wrapper-v7 {
    padding: 25px;
    min-height: 450px; 
    background: #fff;
}

/* 【核心修复】二级联动面板：采用绝对定位重叠在右侧区域内 */
.mega-sub-panel-v7 {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    
    /* 默认彻底隐藏，不占用空间、不可见、不响应鼠标 */
    display: none !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out;
}

/* 【核心修复】当带上 active 类时，才真正释放显示，阻断重影 */
.mega-sub-panel-v7.active {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* 二级菜单排版微调 */
.mega-section-v7 {
    margin-bottom: 25px;
    padding-right: 15px;
}

.mega-section-v7 h6 {
    font-size: 15px;
    font-weight: 700;
    color: #212529;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.mega-links-v7 a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #6c757d;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.1s;
}

.mega-links-v7 a:hover {
    color: #0d6efd;
    text-decoration: underline;
}

    .dropdown-mega-v7 {
        position: relative;
    }
    /* 鼠标悬停一级菜单时，显示大菜单 */
    .dropdown-mega-v7:hover .mega-dropdown-menu-v7 {
        display: flex !important;
    }
    /* 大菜单基础定位 */
    .mega-dropdown-menu-v7 {
        display: none; /* 默认隐藏 */
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        border: 1px solid #eee;
        min-width: 800px; /* 可根据设计稿调整宽度 */
    }
    /* 左侧边栏 */
    .mega-left-sidebar-v7 {
        width: 220px;
        background-color: #f8f9fa;
        border-right: 1px solid #eee;
    }
    .mega-left-sidebar-v7 .sidebar-item-v7 a {
        display: block;
        padding: 12px 20px;
        color: #333;
        text-decoration: none;
        transition: all 0.2s;
    }
    /* 激活/悬停左侧菜单项时的样式 */
    .mega-left-sidebar-v7 .sidebar-item-v7.active a,
    .mega-left-sidebar-v7 .sidebar-item-v7:hover a {
        background-color: #0d6efd;
        color: #ff1a1a !important;
    }
    /* 右侧二级内容包裹层 */
    .mega-content-wrapper-v7 {
        padding: 20px;
        min-height: 400px;
    }
    /* 二级面板默认全部隐藏 */
    .mega-sub-panel-v7 {
        display: none !important; 
        width: 100%;
    }
    /* 只有当带上 .active 类时才显示 */
    .mega-sub-panel-v7.active {
        display: flex !important;
    }
    /* 内部排版微调 */
    .mega-section-v7 {
        margin-bottom: 20px;
    }
    .mega-section-v7 h6 {
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .mega-links-v7 a {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 8px;
        color: #666;
        text-decoration: none;
        font-size: 14px;
    }
    .mega-links-v7 a:hover {
        color: #0d6efd;
    }