/* 强制居中样式 - 使用最高优先级选择器 */

/* 隐藏顶部SHIGW文字栏 */
header.show .h-top {
    display: none !important;
}

/* 强制header背景为白色 */
header.show {
    background-color: #ffffff !important;
    text-align: center !important;
    padding: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 滚动时的固定导航背景 */
header.fixed,
header.show.fixed,
header[style*="position: fixed"],
header.sticky,
header.show[style*="background"] {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 覆盖所有可能的黄色背景 */
header {
    background-color: #ffffff !important;
}

header * {
    background-color: transparent !important;
}

/* 强制header内部容器居中 */
header.show .h-bot {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

header.show .h-inner.clearfix {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    float: none !important;
    position: relative !important;
}

/* 强制logo居中 */
header.show .h-inner.clearfix .h-index {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 15px auto 10px auto !important;
    float: none !important;
    position: relative !important;
}

header.show .h-inner.clearfix .h-index .h-logo {
    max-height: 80px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 隐藏菜单按钮 */
header.show .h-inner.clearfix .h-menu {
    display: none !important;
}

/* 强制导航居中 */
header.show .h-inner.clearfix ul.h-nav {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 0 15px 0 !important;
    list-style: none !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li {
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 15px !important;
    float: none !important;
    position: relative !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li a.h-link {
    color: #333 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 8px 12px !important;
    display: block !important;
    transition: color 0.3s ease !important;
    font-weight: 500 !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li a.h-link:hover {
    color: #e0984f !important;
}

/* 隐藏分隔线 */
header.show .h-inner.clearfix ul.h-nav li.h-line {
    display: none !important;
}

/* 子菜单样式 */
header.show .h-inner.clearfix ul.h-nav li.h-li.has-nav ul.h-sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px 0 !important;
    min-width: 120px !important;
    z-index: 1000 !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li.has-nav ul.h-sub li {
    margin: 0 !important;
    display: block !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li.has-nav ul.h-sub li a {
    padding: 8px 15px !important;
    color: #333 !important;
    font-size: 14px !important;
    display: block !important;
}

header.show .h-inner.clearfix ul.h-nav li.h-li.has-nav ul.h-sub li a:hover {
    background-color: #e9e9e9 !important;
    color: #000 !important;
}

/* 移除可能影响布局的元素 */
header.show .h-space-top,
header.show .h-space-bot {
    display: none !important;
}

/* 确保main内容紧贴header */
main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.a-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 首页模块背景修改为白色 */
/* 品牌故事模块 */
.c-main {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 明星单品模块 */
.g-main {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 科研匠心模块 */
.d-main {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 科研匠心模块右侧图片调整 */
.d-main .d-right {
    width: 40% !important;
    text-align: right !important;
    padding-right: 20px !important;
}

.d-main .d-right .d-img {
    width: 90% !important;
    height: auto !important;
    max-width: 450px !important;
}

.d-main .d-left {
    width: 55% !important;
}

/* 科研匠心模块叠加图片效果 */
.d-main .d-box {
    position: relative !important;
    display: inline-block !important;
}

.d-main .d-overlay-img {
    position: static !important;
    width: 90% !important;
    height: auto !important;
    max-width: 450px !important;
    border: none !important;
    box-shadow: none !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    header.show .h-inner.clearfix ul.h-nav li.h-li {
        display: block !important;
        margin: 5px 0 !important;
        text-align: center !important;
    }
    
    header.show .h-inner.clearfix ul.h-nav li.h-line {
        display: none !important;
    }
    
    header.show .h-inner.clearfix .h-index .h-logo {
        max-height: 60px !important;
    }
}

@media (max-width: 480px) {
    header.show .h-inner.clearfix {
        padding: 0 10px !important;
    }
    
    header.show .h-inner.clearfix ul.h-nav {
        padding: 5px 0 10px 0 !important;
    }
    
    header.show .h-inner.clearfix ul.h-nav li.h-li a.h-link {
        font-size: 14px !important;
        padding: 6px 8px !important;
    }
}