body {
    margin: 0;
    padding: 0;
}

/* 强制下拉菜单正确定位 - 最高优先级 */
html body #nav .sub,
html body .header_box_li #nav .sub,
#nav .sub,
.header_box_li #nav .sub,
#nav ul li .sub,
.header_box_li #nav ul li .sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

/* 修复下拉框悬停问题 - 只有直接悬停在导航项上时才显示 */
html body #nav li:hover > .sub,
html body .header_box_li #nav li:hover > .sub,
#nav li:hover > .sub,
.header_box_li #nav li:hover > .sub {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 确保下拉框在鼠标离开导航项时隐藏 */
html body #nav li:not(:hover) > .sub,
html body .header_box_li #nav li:not(:hover) > .sub,
#nav li:not(:hover) > .sub,
.header_box_li #nav li:not(:hover) > .sub {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body #nav .sub .box,
html body .header_box_li #nav .sub .box,
#nav .sub .box,
.header_box_li #nav .sub .box {
    padding: 15px !important;
    margin: 0 !important;
}

html body #nav .sub .box a,
html body .header_box_li #nav .sub .box a,
#nav .sub .box a,
.header_box_li #nav .sub .box a {
    display: block !important;
    padding: 8px 15px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
    margin: 0 !important;
}

html body #nav .sub .box a:last-child,
html body .header_box_li #nav .sub .box a:last-child,
#nav .sub .box a:last-child,
.header_box_li #nav .sub .box a:last-child {
    border-bottom: none !important;
}

html body #nav .sub .box a:hover,
html body .header_box_li #nav .sub .box a:hover,
#nav .sub .box a:hover,
.header_box_li #nav .sub .box a:hover {
    color: #333 !important;
    background: #f5f5f5 !important;
}

/* 强制覆盖 a_style.css 中的下拉菜单样式 */
#nav ul li .sub,
.header_box_li #nav ul li .sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

/* 修复下拉框悬停问题 - 只有直接悬停在导航项上时才显示 */
#nav ul li:hover > .sub,
.header_box_li #nav ul li:hover > .sub {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
}

/* 确保下拉框在鼠标离开导航项时隐藏 */
#nav ul li:not(:hover) > .sub,
.header_box_li #nav ul li:not(:hover) > .sub {
    opacity: 0 !important;
    visibility: hidden !important;
}

#nav ul li .sub .box,
.header_box_li #nav ul li .sub .box {
    padding: 15px !important;
    margin: 0 !important;
}

#nav ul li .sub .box a,
.header_box_li #nav ul li .sub .box a {
    display: block !important;
    padding: 8px 15px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
}

#nav ul li .sub .box a:last-child,
.header_box_li #nav ul li .sub .box a:last-child {
    border-bottom: none !important;
}

#nav ul li .sub .box a:hover,
.header_box_li #nav ul li .sub .box a:hover {
    color: #0066cc !important;
    background: #f5f5f5 !important;
}

/* 全局强制显示导航栏 */
#nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 75px !important;
    overflow: visible !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

#nav ul,
#nav ul.w1200 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 75px !important;
    overflow: visible !important;
}

#nav li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
    min-height: 75px !important;
    overflow: visible !important;
}

#nav li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 20px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    height: 75px !important;
    line-height: 35px !important;
    box-sizing: border-box !important;
    min-height: 75px !important;
    overflow: visible !important;
}

#nav li a h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    overflow: visible !important;
}

/* 强制显示导航栏 - 最高优先级 */
html body #nav,
html body nav#nav,
html body section #nav,
html body .header_box_li #nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 75px !important;
}

html body #nav ul,
html body #nav ul.w1200,
html body .header_box_li #nav ul,
html body .header_box_li #nav ul.w1200 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 75px !important;
}

html body #nav li,
html body .header_box_li #nav li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
    min-height: 75px !important;
}

html body #nav li a,
html body .header_box_li #nav li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 20px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    height: 75px !important;
    line-height: 35px !important;
    box-sizing: border-box !important;
    min-height: 75px !important;
}

html body #nav li a h3,
html body .header_box_li #nav li a h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* 额外强制显示 - 针对可能的隐藏问题 */
.header_box_li nav#nav,
.header_box_li #nav,
section .header_box_li #nav,
#nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 75px !important;
    overflow: visible !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

.header_box_li nav#nav ul,
.header_box_li #nav ul,
.header_box_li #nav ul.w1200 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 75px !important;
    overflow: visible !important;
}

.header_box_li #nav li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
    min-height: 75px !important;
    overflow: visible !important;
}

.header_box_li #nav li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 20px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    height: 75px !important;
    line-height: 35px !important;
    box-sizing: border-box !important;
    min-height: 75px !important;
    overflow: visible !important;
}

.header_box_li #nav li a h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    overflow: visible !important;
}
.header-bg {
    position: relative;
    width: 100%;
    height: 220px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    display: flex;
    background: 
        linear-gradient(
            to right,
            #174a8c 0%,
            #174a8c 30%,
            rgba(23,74,140,0.55) 48%,
            rgba(23,74,140,0.12) 70%,
            rgba(23,74,140,0.0) 100%
        ),
        url('../images/index-news-bg.jpg') center center/cover no-repeat;
}

/* 左侧logo区 */
.logo-area {
    width: 25%; /* 左侧1/4 */
    min-width: 180px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start;
    z-index: 1; /* 让渐变能稍微盖住logo右侧 */
    padding-left: 48px;
    box-shadow: 80px 0 120px -40px rgba(23,74,140,0.20); /* 更宽更柔和的阴影 */
    position: relative;
}
/* 新增：在logo区域上方叠加一层横向渐变遮罩，进一步柔化分界 */
.logo-area::after {
    content: "";
    position: absolute;
    top: 0; left: 40%; right: -60px; bottom: 0;
    background: linear-gradient(to right, rgba(23,74,140,0.16) 0%, rgba(23,74,140,0.0) 100%);
    pointer-events: none;
    z-index: 2;
}

/* 右侧背景图区 */
.header-content {
    width: 75%;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    z-index: 2;
    padding-right: 60px;
}
.header-content::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(23, 74, 140, 0.18); /* 轻微遮罩，保证内容可读 */
    z-index: 1;
    border-radius: 0 10px 10px 0;
}
.logo {
    height: 110px;
    width: auto;
    background: transparent;
    border-radius: 12px;
}
.header-right {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}
.welcome {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin-left: 0;
    line-height: 1;
    white-space: nowrap;
}
.header-search {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.18);
    border-radius: 28px;
    padding: 8px 16px;
    box-shadow: 0 2px 8px rgba(33,101,182,0.08);
}
.header-search input {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 20px;
    padding: 6px 12px;
    outline: none;
    width: 180px;
    border-radius: 18px;
}
.header-search input::placeholder {
    color: #ffffff;
    opacity: 1;
    font-weight: 500;
}
.header-search button {
    background: #2165b6;
    border: none;
    color: #fff;
    font-size: 18px;
    margin-left: 12px;
    padding: 6px 22px;
    border-radius: 18px;
    cursor: pointer;
    transition: background 0.2s;
}
.header-search button:hover {
    background: #174a8c;
}
/* 去掉搜索按钮内链接的下划线 */
.header-search button a {
    color: #fff;
    text-decoration: none;
}
.header-search button a:hover {
    color: #fff;
    text-decoration: none;
}
.school-info {
    color: #fff;
    margin-right: auto;
}
.school-name {
    font-size: 38px;
    font-family: 'KaiTi', '楷体', serif;
    font-weight: bold;
    margin-bottom: 8px;
}
.dept-name {
    font-size: 32px;
    font-weight: bold;
}
.header-nav {
    position: absolute;
    right: 260px;
    top: 30px;
}
.header-nav a {
    color: #fff;
    text-decoration: none;
    margin-left: 24px;
    font-size: 20px;
    transition: color 0.2s;
}
.header-nav a:hover {
    color: #ffd700;
}
.logo-separator {
    display: inline-block;
    margin: 0 18px;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    vertical-align: middle;
    opacity: 0.7;
    user-select: none;
}

/* 基础导航栏样式 - 确保导航栏可见 */
#nav {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#nav ul {
    background: #fff !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#nav li {
    background: transparent !important;
    border: none !important;
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#nav li a {
    background: transparent !important;
    border: none !important;
    display: block !important;
    padding: 20px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    height: 75px !important;
    line-height: 35px !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#nav li a h3 {
    color: #333 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#nav li:hover a {
    background: #f8f9fa !important;
    color: #0066cc !important;
}

#nav li:hover a h3 {
    color: #0066cc !important;
    background: transparent !important;
    border: none !important;
}

#nav .sub {
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    border-radius: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
}

#nav li:hover .sub {
    opacity: 1 !important;
    visibility: visible !important;
}

#nav .sub .box {
    padding: 15px !important;
}

#nav .sub .box a {
    color: #666 !important;
    background: transparent !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
    padding: 8px 0 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    text-align: center !important;
}

#nav .sub .box a:last-child {
    border-bottom: none !important;
}

#nav .sub .box a:hover {
    color: #333 !important;
    background: #f5f5f5 !important;
}

/* 确保header_box_li:before伪元素不显示 */
.header_box_li:before {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 简化样式覆盖 - 只保留必要的样式 */
.header_box_li:before {
    display: none;
    background: transparent;
    opacity: 0;
    visibility: hidden;
}

/* 确保导航栏与头部之间没有绿线 */
.header_box_li {
    border-bottom: none;
    box-shadow: none;
    background-image: none;
}

/* 导航栏与头部之间的间距 */
.header_box_li + #nav,
.header_box_li ~ #nav {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* 移除多余的样式覆盖，保持简洁 */

/* 导航栏宽度设置 - 确保占据整个屏幕宽度 */
#nav {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

#nav .w1200 {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

#nav ul.w1200 {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

/* 确保导航栏背景覆盖整个宽度 */
#nav ul {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
}

/* 大屏幕导航栏优化 - 确保9个栏目均匀等间距分布 */
@media (min-width: 1200px) {
    #nav {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #nav ul.w1200 {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        list-style: none !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #nav li {
        flex: 1 !important;
        text-align: center !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #nav li a {
        display: block !important;
        padding: 20px 15px !important;
        text-decoration: none !important;
        color: #333 !important;
        transition: all 0.3s ease !important;
        height: 75px !important;
        line-height: 35px !important;
        box-sizing: border-box !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #nav li a h3 {
        margin: 0 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #nav li:hover a {
        background: #f8f9fa !important;
        color: #0066cc !important;
    }
    
    #nav li:hover a h3 {
        color: #0066cc !important;
    }
    
    /* 下拉菜单样式优化 */
    #nav .sub {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 200px !important;
        background: #fff !important;
        border: 1px solid #e9ecef !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
        z-index: 1000 !important;
        margin-top: 0 !important;
    }
    
    #nav li:hover .sub {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    #nav .sub .box {
        padding: 15px !important;
    }
    
    #nav .sub .box a {
        display: block !important;
        padding: 8px 0 !important;
        color: #666 !important;
        text-decoration: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
        transition: color 0.3s ease !important;
        text-align: center !important;
    }
    
    #nav .sub .box a:last-child {
        border-bottom: none !important;
    }
    
    #nav .sub .box a:hover {
        color: #333 !important;
        background: #f5f5f5 !important;
    }
}

/* 超大屏幕优化 - 确保在超宽屏幕上也能正常显示 */
@media (min-width: 1600px) {
    #nav ul.w1200 {
        padding: 0 40px;
    }
    
    #nav li a {
        padding: 20px 20px;
    }
    
    #nav li a h3 {
        font-size: 17px;
    }
}

/* 确保头部在大屏幕上正常显示 */
@media (min-width: 1200px) {
    .header-bg {
        height: 220px;
        border-radius: 10px 10px 0 0;
    }
    
    .logo-area {
        width: 25%;
        min-width: 180px;
        padding-left: 48px;
    }
    
    .header-content {
        width: 75%;
        min-width: 350px;
        padding-right: 60px;
    }
    
    .logo {
        height: 110px;
    }
    
    .welcome {
        font-size: 32px;
    }
    
    .header-search input {
        width: 180px;
        font-size: 20px;
    }
}

/* 备用样式 - 确保导航栏在所有情况下都能正常显示 */
#nav {
    position: relative;
    z-index: 1000;
}

#nav ul.w1200 {
    position: relative;
    z-index: 1000;
}

/* 确保导航栏在滚动时也能正常显示 */
#nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 响应式优化 - 确保在不同屏幕尺寸下都能正常显示 */
@media (max-width: 1199px) {
    #nav ul.w1200 {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    #nav li {
        flex: 0 0 auto;
        min-width: 120px;
    }
}

/* 确保头部和导航栏之间的间距合适 */
.header_box_li {
    margin-bottom: 0;
    padding-bottom: 0;
}

#nav {
    margin-top: 0;
    padding-top: 0;
}

/* 优化下拉菜单定位 */
#nav li {
    position: relative !important;
}

#nav .sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* 确保下拉菜单内容正确显示 */
#nav .sub .box {
    padding: 15px !important;
    margin: 0 !important;
}

#nav .sub .box a {
    display: block !important;
    padding: 8px 15px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
    margin: 0 !important;
}

#nav .sub .box a:last-child {
    border-bottom: none !important;
}

#nav .sub .box a:hover {
    color: #333 !important;
    background: #f5f5f5 !important;
}

/* 最终强制下拉菜单定位 - 确保在所有情况下都正确 */
html body #nav li,
html body .header_box_li #nav li,
#nav li,
.header_box_li #nav li {
    position: relative !important;
}

html body #nav .sub,
html body .header_box_li #nav .sub,
#nav .sub,
.header_box_li #nav .sub,
#nav ul li .sub,
.header_box_li #nav ul li .sub {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

html body #nav li:hover .sub,
html body .header_box_li #nav li:hover .sub,
#nav li:hover .sub,
.header_box_li #nav li:hover .sub {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 确保下拉菜单内容样式正确 */
html body #nav .sub .box,
html body .header_box_li #nav .sub .box,
#nav .sub .box,
.header_box_li #nav .sub .box {
    padding: 15px !important;
    margin: 0 !important;
}

html body #nav .sub .box a,
html body .header_box_li #nav .sub .box a,
#nav .sub .box a,
.header_box_li #nav .sub .box a {
    display: block !important;
    padding: 8px 15px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
    margin: 0 !important;
}

html body #nav .sub .box a:last-child,
html body .header_box_li #nav .sub .box a:last-child,
#nav .sub .box a:last-child,
.header_box_li #nav .sub .box a:last-child {
    border-bottom: none !important;
}

html body #nav .sub .box a:hover,
html body .header_box_li #nav .sub .box a:hover,
#nav .sub .box a:hover,
.header_box_li #nav .sub .box a:hover {
    color: #333 !important;
    background: #f5f5f5 !important;
}

/* 强制覆盖所有下拉菜单悬停颜色 - 确保字体变蓝 */
html body #nav .sub .box a:hover,
html body .header_box_li #nav .sub .box a:hover,
#nav .sub .box a:hover,
.header_box_li #nav .sub .box a:hover,
#nav ul li .sub .box a:hover,
.header_box_li #nav ul li .sub .box a:hover,
#nav .sub .box a:hover,
#nav ul li .sub .box a:hover {
    color: #0066cc !important;
    background: #f5f5f5 !important;
}

/* 确保所有下拉菜单链接在悬停时都变蓝 */
#nav .sub a:hover,
#nav ul li .sub a:hover,
.header_box_li #nav .sub a:hover,
.header_box_li #nav ul li .sub a:hover {
    color: #0066cc !important;
    background: #f5f5f5 !important;
}

/* 强制覆盖大屏幕媒体查询中的下拉菜单悬停颜色 */
@media (min-width: 1200px) {
    #nav .sub .box a:hover,
    #nav ul li .sub .box a:hover {
        color: #0066cc !important;
        background: #f5f5f5 !important;
    }
}

/* 修复下拉框悬停问题的关键规则 */
/* 确保下拉框默认隐藏 */
#nav .sub,
#nav ul li .sub {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 只有直接悬停在导航项上时才显示下拉框 */
#nav li:hover > .sub,
#nav ul li:hover > .sub {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 防止下拉框在鼠标移动到其他区域时意外显示 */
#nav li:not(:hover) > .sub,
#nav ul li:not(:hover) > .sub {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 强制导航栏下拉框文字居中 - 最高优先级 */
#nav .sub .box a,
#nav ul li .sub .box a,
nav#nav .sub .box a,
nav#nav ul li .sub .box a,
.header_box_li #nav .sub .box a,
.header_box_li #nav ul li .sub .box a {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 确保下拉框容器也居中 */
#nav .sub .box,
#nav ul li .sub .box,
nav#nav .sub .box,
nav#nav ul li .sub .box,
.header_box_li #nav .sub .box,
.header_box_li #nav ul li .sub .box {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确保下拉框本身居中 */
#nav .sub,
#nav ul li .sub,
nav#nav .sub,
nav#nav ul li .sub,
.header_box_li #nav .sub,
.header_box_li #nav ul li .sub {
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 悬停时保持居中 */
#nav li:hover .sub,
#nav ul li:hover .sub,
nav#nav li:hover .sub,
nav#nav ul li:hover .sub,
.header_box_li #nav li:hover .sub,
.header_box_li #nav ul li:hover .sub {
    transform: translateX(-50%) translateY(0) !important;
}

/* 移动端也保持居中 */
@media (max-width: 768px) {
    #nav .sub .box a,
    #nav ul li .sub .box a,
    nav#nav .sub .box a,
    nav#nav ul li .sub .box a {
        text-align: center !important;
    }
}
/* 导航栏下拉框文字垂直和水平居中 - 最高优先级 */
#nav .sub .box a,
#nav ul li .sub .box a,
nav#nav .sub .box a,
nav#nav ul li .sub .box a,
.header_box_li #nav .sub .box a,
.header_box_li #nav ul li .sub .box a {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 12px 20px !important;
    line-height: 1.4 !important;
}

/* 确保下拉框容器支持垂直居中 */
#nav .sub .box,
#nav ul li .sub .box,
nav#nav .sub .box,
nav#nav ul li .sub .box,
.header_box_li #nav .sub .box,
.header_box_li #nav ul li .sub .box {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px !important;
}

/* 确保下拉框本身居中 */
#nav .sub,
#nav ul li .sub,
nav#nav .sub,
nav#nav ul li .sub,
.header_box_li #nav .sub,
.header_box_li #nav ul li .sub {
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 悬停时保持居中 */
#nav li:hover .sub,
#nav ul li:hover .sub,
nav#nav li:hover .sub,
nav#nav ul li:hover .sub,
.header_box_li #nav li:hover .sub,
.header_box_li #nav ul li:hover .sub {
    transform: translateX(-50%) translateY(0) !important;
}

/* 移动端也保持垂直居中 */
@media (max-width: 768px) {
    #nav .sub .box a,
    #nav ul li .sub .box a,
    nav#nav .sub .box a,
    nav#nav ul li .sub .box a {
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 35px !important;
    }
}

/* 针对特定选择器的额外保障 */
html body #nav .sub .box a,
html body .header_box_li #nav .sub .box a,
html body #nav ul li .sub .box a,
html body .header_box_li #nav ul li .sub .box a {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
}

/* 确保文字在链接内部垂直居中 */
#nav .sub .box a *,
#nav ul li .sub .box a *,
nav#nav .sub .box a *,
nav#nav ul li .sub .box a * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
/*导航栏下拉框问题*/
/* 强覆盖：只允许 a:hover 或下拉自身 hover 显示，彻底屏蔽 li:hover 误触发 */
@media (min-width: 769px) {
    /* 默认隐藏并禁用指针事件（避免透明层抢 hover） */
    #nav .sub {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-50%) translateY(-10px) !important;
    }

    /* 允许 li:hover 打开下拉框，支持从导航栏字体到下拉框的悬停过渡 */

    /* 仅当链接本身 hover/focus 或下拉层本身 hover 时显示 */
    #nav li > a:hover + .sub,
    #nav li > a:focus + .sub,
    nav#nav li > a:hover + .sub,
    nav#nav li > a:focus + .sub,
    .header_box_li #nav li > a:hover + .sub,
    #nav li > .sub:hover,
    /* 添加 li:hover 支持 */
    #nav li:hover .sub,
    nav#nav li:hover .sub,
    .header_box_li #nav li:hover .sub {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
    }

    /* 优化导航栏悬停区域 */
    #nav li > a { 
        display: inline-block !important; 
        padding: 10px 15px !important;
    }
    #nav li { 
        position: relative !important; 
    }
    
    /* 确保下拉框有足够的悬停区域，减少间隙 */
    #nav .sub {
        margin-top: 0 !important;
        padding-top: 5px !important;
    }
    
    /* 为下拉框添加一个透明的悬停区域，连接导航栏和下拉框 */
    #nav li::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 10px;
        background: transparent;
        z-index: 1;
    }
}