.outer-menu {
    width: 1460px;    /* 宽度随浏览器宽度 */

}

.inner-menu {
    width: 1460px;
    margin: 0 auto;
    /* 水平居中 */
    z-index: 10021;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体为微软雅黑 */
}



/* 导航栏容器 - 包含整个导航菜单的外层容器 */
.navbox {
    width: 1460px !important;  /* 固定宽度为1460像素 */
    height: 52px !important;   /* 固定高度为52像素 */
    margin: 0 auto !important; /* 上下边距为0，左右自动居中 */
    background-color: #6878D1 !important; /* 背景颜色为紫色 */
    overflow: visible !important; /* 内容溢出时可见，用于显示下拉菜单 */
    border-radius: 4px !important; /* 圆角半径为4像素 */
    line-height: 52px !important; /* 行高为52像素，保持文字居中对齐 */
    position: relative !important; /* 相对定位 */
    z-index: 999999 !important; /* 提高层级，确保菜单在最上层 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体为微软雅黑 */
}

/* 导航内部容器 - 清除浮动和间距 */
.navbox > div,
.navbox > div > div,
.navbox #wp_nav_w1 {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important; /* 确保内部容器也有定位 */
    z-index: 999998 !important; /* 更高的层级 */
}

/* 清除可能的默认样式 */
.navbox * {
    box-sizing: border-box !important;
    
}

/* 主导航菜单 - 一级菜单的容器 */
.navbox #wp_nav_w1 .wp_nav {
    padding: 0 !important;   /* 移除内边距 */
    z-index: 999997 !important; /* 提高层级 */
    display: flex !important; /* 使用Flex布局 */
    justify-content: center !important; /* 水平居中 */
    position: relative !important; /* 相对定位，用于子菜单定位 */
    height: 52px !important; /* 高度为52像素 */
    list-style: none !important; /* 移除列表样式 */
    margin: 0 !important; /* 外边距为0 */
    width: 100% !important; /* 宽度100% */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important; /* 字体为微软雅黑 */
}

/* 一级菜单项 - 每个一级菜单项的样式 */
.navbox #wp_nav_w1 .wp_nav .nav-item {
    display: flex !important; /* 弹性布局，居中对齐 */
    align-items: center !important; /* 垂直居中对齐 */
    justify-content: flex-start !important; /* 水平左对齐 */
    width: 150px !important; /* 固定宽度 */
    height: 52px !important; /* 固定高度为52像素 */
    font-weight: bold !important; /* 字体加粗 */
    font-size: 16px !important; /* 字体大小16像素 */
    float: left !important; /* 向左浮动，使菜单项横向排列 */
    white-space: nowrap !important; /* 文字不换行 */
    text-align: left !important; /* 文字左对齐 */
    letter-spacing: 2px !important; /* 字间距2像素 */
    position: relative !important; /* 相对定位，用于子菜单定位 */
    line-height: 52px !important; /* 行高为52像素，保持文字居中对齐 */
    padding-left: 20px !important; /* 左边距20像素 */
    box-sizing: border-box !important; /* 盒模型 */
    z-index: 999996 !important; /* 提高层级 */
    transition: background-color 0.2s ease !important; /* 背景色过渡动画 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important; /* 字体为微软雅黑 */
}

/* 首页菜单项 - 保持居中对齐 */
.navbox #wp_nav_w1 .wp_nav .nav-item.i1 {
    justify-content: center !important; /* 水平居中对齐 */
    text-align: center !important; /* 文字居中对齐 */
    padding-left: 0 !important; /* 移除左边距 */
}

/* 菜单项名称 - 包裹菜单文字的容器 */
.navbox #wp_nav_w1 .wp_nav .nav-item .item-name {
    display: inline-block !important; /* 内联块级元素 */
}

/* 一级菜单链接 - 未访问和已访问状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item a:visited {
    display: flex !important; /* 弹性布局 */
    align-items: center !important; /* 垂直居中 */
    justify-content: flex-start !important; /* 水平左对齐 */
    width: 100% !important;
    height: 100% !important;
    color: #fff !important; /* 文字颜色白色 */
    text-decoration: none !important; /* 无下划线 */
    transition: font-size 0.2s ease !important; /* 平滑过渡 */
}

/* 首页菜单链接 - 保持居中 */
.navbox #wp_nav_w1 .wp_nav .nav-item.i1 a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item.i1 a:visited {
    justify-content: center !important; /* 水平居中对齐 */
}

/* 一级菜单链接 - 鼠标悬停状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item a:hover {
    color: #fff !important; /* 文字颜色保持白色 */
    text-decoration: none !important; /* 无下划线 */
    font-size: 18px !important; /* 字体变大到18像素 */    
}

/* 一级菜单项hover - 整体容器效果 */
.navbox #wp_nav_w1 .wp_nav .nav-item:hover {
    background: rgba(255, 255, 255, 0.2) !important; /* 半透明白色背景 */
}

/* 二级菜单样式 - 下拉菜单的容器 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav {
    display: block !important; /* 始终显示，通过透明度控制 */
    opacity: 0 !important; /* 默认透明 */
    visibility: hidden !important; /* 默认不可见 */
    transform: translateY(-10px) !important; /* 默认向上偏移 */
    left: 0 !important; /* 距离左边0 */
    width: 150px !important; /* 宽度150像素 */
    position: absolute !important; /* 绝对定位 */
    top: 52px !important; /* 距离顶部52像素 */
    background-color: #6878D1 !important; /* 背景颜色紫色 */
    z-index: 999995 !important; /* 提高层级 */
    list-style: none !important; /* 移除列表样式 */
    margin: 0 !important; /* 外边距0 */
    padding: 0 !important; /* 内边距0 */
    border-radius: 0 0 4px 4px !important; /* 底部圆角 */
    border: none !important; /* 移除边框 */
    transition: all 0.2s ease !important; /* 平滑过渡动画 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;    /* 字体为微软雅黑 */    
}

/* 二级菜单显示 - 鼠标悬停在父菜单项时显示 */
.navbox #wp_nav_w1 .wp_nav .nav-item:hover .sub-nav {
    opacity: 1 !important; /* 完全不透明 */
    visibility: visible !important; /* 可见 */
    transform: translateY(0) !important; /* 回到原始位置 */
    display: block !important; /* 确保显示 */
}

/* 二级菜单项 - 每个下拉菜单项 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item {
    display: block !important; /* 块级元素 */
    width: 100% !important; /* 宽度100% */
    height: 40px !important; /* 固定高度 */
    padding: 0 !important; /* 内边距0 */
    margin: 0 !important; /* 外边距0 */
    background-color: #6878D1 !important; /* 背景颜色紫色 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* 半透明边框 */
    text-align: left !important; /* 文字左对齐 */
    position: relative !important; /* 相对定位 */
    float: none !important; /* 不浮动，垂直排列 */
    line-height: 40px !important; /* 行高40px */
    z-index: 999994 !important; /* 提高层级 */
    transition: background-color 0.2s ease !important; /* 背景色过渡动画 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important; /* 字体为微软雅黑 */
}

/* 二级菜单链接 - 未访问和已访问状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item a:visited {
    display: block !important; /* 块级元素 */
    width: 100% !important;
    height: 100% !important;
    padding: 0 15px !important; /* 左右内边距 */
    color: #fff !important; /* 文字颜色白色 */
    text-decoration: none !important; /* 无下划线 */
    background-color: transparent !important; /* 背景透明，继承父元素背景 */
    line-height: 40px !important; /* 行高40px */
    box-sizing: border-box !important; /* 盒模型 */
    transition: all 0.2s ease !important; /* 平滑过渡 */
    text-align: left !important; /* 文字左对齐 */
    font-weight: normal !important; /* 正常字重 */
    font-size: 15px !important; /* 字体大小 */
    border: none !important; /* 移除边框 */
}

/* 二级菜单项 - 鼠标悬停状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.25) !important; /* 半透明白色背景 */
}

/* 二级菜单链接 - 鼠标悬停状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item:hover a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item:hover a:visited,
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item:hover a:hover {
    color: #fff !important; /* 文字颜色保持白色 */
    font-size: 16px !important; /* 字体变大到16像素 */
    padding-left: 20px !important; /* 增加左边距 */
    background-color: transparent !important; /* 背景透明，继承父元素 */
}

/* 三级菜单样式 - 显示在父菜单项右侧 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav {
    display: block !important; /* 始终显示，通过透明度控制 */
    opacity: 0 !important; /* 默认透明 */
    visibility: hidden !important; /* 默认不可见 */
    transform: translateX(-10px) !important; /* 默认向左偏移 */
    left: 100% !important; /* 位置在父元素右侧 */
    top: 0 !important; /* 顶部对齐 */
    width: 175px !important; /* 宽度175像素 */
    position: absolute !important; /* 绝对定位 */
    background-color: #6878D1 !important; /* 背景颜色紫色 */
    z-index: 999993 !important; /* 提高层级，比二级菜单更高 */
    border-radius: 0 4px 4px 0 !important; /* 右侧圆角 */
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important; /* 左侧边框 */
    border-bottom: none !important; /* 移除底部边框 */
    border-top: none !important; /* 移除顶部边框 */
    border-right: none !important; /* 移除右边框 */
    transition: all 0.2s ease !important; /* 平滑过渡动画 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;    /* 字体为微软雅黑 */    
}

/* 三级菜单显示 - 鼠标悬停在父菜单项时显示 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item:hover .sub-nav {
    opacity: 1 !important; /* 完全不透明 */
    visibility: visible !important; /* 可见 */
    transform: translateX(0) !important; /* 回到原始位置 */
    display: block !important; /* 确保显示 */
}

/* 三级菜单项 - 每个三级菜单项 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item {
    display: block !important; /* 块级元素 */
    width: 100% !important;
    height: 40px !important; /* 固定高度 */
    padding: 0 !important; /* 内边距0 */
    margin: 0 !important; /* 外边距0 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* 半透明边框 */
    text-align: left !important; /* 文字左对齐 */
    position: relative !important; /* 相对定位 */
    line-height: 40px !important; /* 行高40px */
    z-index: 999992 !important; /* 提高层级 */
    transition: background-color 0.2s ease !important; /* 背景色过渡动画 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important; /* 字体为微软雅黑 */
}

/* 三级菜单链接 - 未访问和已访问状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item a:visited {
    display: block !important; /* 块级元素 */
    width: 100% !important;
    height: 100% !important;
    padding: 0 15px !important; /* 左右内边距 */
    color: #fff !important; /* 文字颜色白色 */
    text-decoration: none !important; /* 无下划线 */
    background-color: transparent !important; /* 背景透明，继承父元素背景 */
    line-height: 40px !important; /* 行高40px */
    box-sizing: border-box !important; /* 盒模型 */
    transition: all 0.2s ease !important; /* 平滑过渡 */
    text-align: left !important; /* 文字左对齐 */
    font-weight: normal !important; /* 正常字重 */
    font-size: 14px !important; /* 字体大小 */
    border: none !important; /* 移除边框 */
}

/* 三级菜单项 - 鼠标悬停状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.25) !important; /* 半透明白色背景 */
}

/* 三级菜单链接 - 未访问和已访问状态（悬停时） */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:link,
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:visited {
    color: #fff !important; /* 文字颜色保持白色 */
    background-color: transparent !important; /* 背景透明 */
}

/* 三级菜单链接 - 鼠标悬停状态 */
.navbox #wp_nav_w1 .wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:hover {
    color: #fff !important; /* 文字颜色保持白色 */
    font-size: 16px !important; /* 字体变大到16像素 */
    padding-left: 20px !important; /* 增加左边距 */
    background-color: transparent !important; /* 背景透明 */
}
