/* 导航栏容器 - 包含整个导航菜单的外层容器 */
.navigation {
    width: 1200px;           /* 固定宽度为1200像素 */
    height: 52px;           /* 固定高度为36像素 */
    margin: 0 auto;         /* 上下边距为0，左右自动居中 */
    background-color: #0a65c7; /* 背景颜色为蓝色 */
    overflow: visible;      /* 内容溢出时可见，用于显示下拉菜单 */
    border-radius: 4px;     /* 圆角半径为4像素 */
}

/* 主导航菜单 - 一级菜单的容器 */
.wp_nav {
    padding-right: 10px;    /* 右侧内边距10像素 */
    padding-left: 10px;     /* 左侧内边距10像素 */
    z-index: 300;           /* 层级为300，控制显示顺序 */
    float: left;            /* 向左浮动 */
    padding-bottom: 1px;    /* 底部内边距1像素 */
    width: 1200px;          /* 宽度为1180像素 */
    padding-top: 1px;       /* 顶部内边距1像素 */
    position: relative;     /* 相对定位，用于子菜单定位 */
    height: 34px;           /* 高度为34像素 */
    list-style: none;       /* 移除列表样式 */
    margin: 0;              /* 外边距为0 */
}

/* 菜单项标记 - 可能用于标识当前选中的菜单项 */
.mark{
    background-color: #0a65c7; /* 背景颜色为蓝色 */
    width: 120px;           /* 宽度为120像素 */
}

/* 一级菜单项 - 每个一级菜单项的样式 */
.wp_nav .nav-item {
    padding-right: 21px;    /* 右侧内边距21像素 */
    padding-left: 21px;     /* 左侧内边距21像素 */
    font-weight: bold;      /* 字体加粗 */
    font-size: 14px;        /* 字体大小14像素 */
    float: left;            /* 向左浮动，使菜单项横向排列 */
    padding-bottom: 0px;    /* 底部内边距0像素 */
   
    padding-top: 0px;       /* 顶部内边距0像素 */
    white-space: nowrap;    /* 文字不换行 */
    text-align: center;     /* 文字居中对齐 */
    letter-spacing: 2px;    /* 字间距2像素 */
    position: relative;     /* 相对定位，用于子菜单定位 */
}

/* 菜单项名称 - 包裹菜单文字的容器 */
.wp_nav .nav-item .item-name {
    display: inline-block;  /* 内联块级元素，可设置宽高 */
}

/* 一级菜单链接 - 未访问和已访问状态 */
.wp_nav .nav-item a:link,
.wp_nav .nav-item a:visited {
    padding-right: 10px;    /* 右侧内边距10像素 */
    display: block;         /* 块级元素，占满整行 */
    padding-left: 10px;     /* 左侧内边距10像素 */
    padding-bottom: 9px;    /* 底部内边距9像素 */
    margin: 0px;            /* 外边距0像素 */
    color: #fff;            /* 文字颜色白色 */
    padding-top: 10px;      /* 顶部内边距10像素 */
    text-decoration: none;  /* 无下划线 */
}

/* 一级菜单链接 - 鼠标悬停状态 */
.wp_nav .nav-item a:hover {
    color: #fff;            /* 文字颜色保持白色 */
    text-decoration: none;  /* 无下划线 */
    font-size: 16px;        /* 字体变大到16像素 */
    margin-left: 5px;       /* 向左移动5像素 */
}

/* 二级菜单样式 - 下拉菜单的容器 */
.wp_nav .nav-item .sub-nav {
    display: none;          /* 默认隐藏 */
    left: 2px;              /* 距离左边2像素 */
    padding-bottom: 0px;    /* 底部内边距0像素 */
    width: 130px;           /* 宽度130像素 */
    padding-top: 0px;       /* 顶部内边距0像素 */
    position: absolute;     /* 绝对定位 */
    top: 35px;              /* 距离顶部35像素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
    z-index: 1000;          /* 层级1000 */
    border-top: #094d97 1px solid; /* 顶部边框1像素 */
    list-style: none;       /* 移除列表样式 */
    margin: 0;              /* 外边距0 */
    padding: 0;             /* 内边距0 */
}

/* 二级菜单显示 - 鼠标悬停在父菜单项时显示 */
.wp_nav .nav-item:hover .sub-nav {
    display: block;         /* 显示为块级元素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
}

/* 二级菜单项 - 每个下拉菜单项 */
.wp_nav .nav-item .sub-nav .nav-item {
    padding-right: 0px;     /* 右侧内边距0 */
    padding-left: 0px;      /* 左侧内边距0 */
    background: none transparent scroll repeat 0% 0%; /* 无背景图片 */
    padding-bottom: 0px;    /* 底部内边距0 */
    margin: 0px auto;       /* 上下边距0，左右自动 */
    width: 127px;           /* 宽度127像素 */
    padding-top: 7px;       /* 顶部内边距7像素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
    border-bottom: #094d97 1px solid; /* 底部边框1像素 */
    text-align: left;       /* 文字左对齐 */
    position: relative;     /* 相对定位 */
    float: none;            /* 不浮动，垂直排列 */
}

/* 二级菜单链接 - 未访问和已访问状态 */
.wp_nav .nav-item .sub-nav .nav-item a:link,
.wp_nav .nav-item .sub-nav .nav-item a:visited {
    color: #fff;            /* 文字颜色白色 */
    text-decoration: none;  /* 无下划线 */
    padding-left: 10px;     /* 左侧内边距10像素 */
    display: block;         /* 块级元素 */
    padding-bottom: 7px;    /* 底部内边距7像素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
}

/* 二级菜单项 - 鼠标悬停状态 */
.wp_nav .nav-item .sub-nav .nav-item:hover {
    background: #0a65c7;   /* 背景颜色保持蓝色 */
    border-left: none;      /* 无左边框 */
}

/* 二级菜单链接 - 鼠标悬停状态 */
.wp_nav .nav-item .sub-nav .nav-item:hover a:link,
.wp_nav .nav-item .sub-nav .nav-item:hover a:visited,
.wp_nav .nav-item .sub-nav .nav-item:hover a:hover {
    color: #fff;            /* 文字颜色保持白色 */
    font-size: 16px;        /* 字体变大到16像素 */
    margin-left: 5px;       /* 向左移动5像素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
}

/* 三级菜单样式 - 显示在父菜单项右侧 */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav {
    display: none;          /* 默认隐藏 */
    left: 100%;             /* 位置在父元素右侧 */
    top: 0;                 /* 顶部对齐 */
    width: 130px;           /* 宽度130像素 */
    font-size: 14px;        /* 字体大小14像素 */
    position: absolute;     /* 绝对定位 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
    z-index: 1001;          /* 层级1001，比二级菜单更高 */
    border-top: #094d97 1px solid;  /* 顶部边框 */
    border-left: #094d97 1px solid; /* 左侧边框 */
    border-right: #094d97 1px solid; /* 右侧边框 */
}

/* 三级菜单显示 - 鼠标悬停在父菜单项时显示 */
.wp_nav .nav-item .sub-nav .nav-item:hover .sub-nav {
    display: block;         /* 显示为块级元素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
}

/* 三级菜单项 - 每个三级菜单项 */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item {
    padding-right: 0px;     /* 右侧内边距0 */
    padding-left: 0px;      /* 左侧内边距0 */
    background: none transparent scroll repeat 0% 0%; /* 无背景图片 */
    padding-bottom: 0px;    /* 底部内边距0 */
    margin: 0px auto;       /* 上下边距0，左右自动 */
    width: 127px;           /* 宽度127像素 */
    padding-top: 7px;       /* 顶部内边距7像素 */
    border-bottom: #094d97 1px solid; /* 底部边框 */
    text-align: left;       /* 文字左对齐 */
    position: relative;     /* 相对定位 */
    font-size: 14px;        /* 字体大小14像素 */
}

/* 三级菜单链接 - 未访问和已访问状态 */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item a:link,
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item a:visited {
    color: #fff;            /* 文字颜色白色 */
    text-decoration: none;  /* 无下划线 */
    padding-left: 10px;     /* 左侧内边距10像素 */
    display: block;         /* 块级元素 */
    padding-bottom: 7px;    /* 底部内边距7像素 */
    font-size: 14px;        /* 字体大小14像素 */
    background-color: #0a65c7; /* 背景颜色蓝色 */
}

/* 三级菜单项 - 鼠标悬停状态 */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover {
    background: #0a65c7;   /* 背景颜色保持蓝色 */
    border-left: none;      /* 无左边框 */
    font-size: 16px;        /* 字体变大到16像素 */
}

/* 三级菜单链接 - 未访问和已访问状态（悬停时） */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:link,
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:visited{
    color: #fff;            /* 文字颜色保持白色 */
    font-size: 14px;        /* 字体大小14像素 */
    margin-left: 5px;       /* 向左移动5像素 */
}

/* 三级菜单链接 - 鼠标悬停状态 */
.wp_nav .nav-item .sub-nav .nav-item .sub-nav .nav-item:hover a:hover {
    color: #fff;            /* 文字颜色保持白色 */
    font-size: 16px;        /* 字体变大到16像素 */
    margin-left: 5px;       /* 向左移动5像素 */
}