/* 头部整体样式 - 固定定位实现粘性顶部效果 */
.header {
    width: 100%;                 /* 满屏宽度 */
    background: #00477C;         /* 品牌主蓝色 */

}
/* 头部顶部区域容器 */
.header_top {
    max-width: 1200px;          /* 内容最大宽度（根据设计稿调整） */
    margin: 0 auto;             /* 水平居中 */
    padding: 0 20px;            /* 左右留白（移动端友好） */
    height: 100px;               /* 固定高度 */
    display: flex;              /* 弹性布局实现灵活排列 */
    align-items: center;        /* 垂直居中 */
    justify-content: space-between; /* 左右内容两端对齐 */
    box-sizing: border-box;     /* 盒子模型计算方式（包含padding） */
}

/* 网站主标题样式 */
.header_title {
    color: white;              /* 白色文字 */
    margin: 0;                 /* 移除默认外边距 */
    font-size: 24px;           /* 主标题字号 */
}

/* 头部底部区域（常用于二级导航） */
.header_bottom {
    background: #00477C;       /* 保持与顶部一致的颜色 */
    padding: 10px 0;           /* 垂直内边距 */
}

.header_bottom .header_nav {
    position: relative;
    float: right;
}

.header_bottom .header_nav .block {
    width: 36px;
}


.header_bottom .header_nav .list_item {
    display: inline-block;
    width: 84px;
    height: 28px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

.list_item_first {
    text-align: center;
    white-space: nowrap;
}

.list_item:hover {
    border-bottom: 2px solid #FFFFFF;
}

.list_item.active {
    border-bottom: 2px solid #FFFFFF;
}

}
/* ====== 涓嬫媺瀛愯彍鍗� ====== */

/* ====== 涓嬫媺瀛愯彍鍗� ====== */
.nav_item_wrap {
    position: relative;
    display: inline-block;
    
}
.nav_item_wrap:hover .sub_nav {
    display: block;
}
.sub_nav {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    background: #00477C;
    min-width: 120px;
    z-index: 999;
    padding: 0;
    margin: 0;
}
.sub_nav_item {
    display: block;
    padding: 8px 16px;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    text-align: left;
}
.sub_nav_item:hover {
    background: #002b55;
    text-decoration: none !important;
}