.header{z-index:10;width:100%;}
.header .logo{display:block;padding-top:20px;padding-bottom:20px;}
.header .logo img{height:60px;width:auto;}

.header-1 .navigation{padding-bottom:10px;padding-top:10px;}



.w1 {
  /* 最大宽度限制，防止在超大屏幕上过宽 */
  max-width: 1540px;
  /* 实现水平居中 */
  margin: 0 auto;
  /* 左右留出适当内边距，避免内容贴边 */
  padding: 0 1rem;
  /* 使用flex布局实现灵活排列 */
  display: flex;
  /* 允许子元素换行 */
  flex-wrap: wrap;
  /* 子元素水平居中（可选，根据需要调整） */
  justify-content: center;
  /* 子元素垂直居中 */
  align-items: center;}

/* 导航项样式示例（根据实际情况调整） */
.w1 > a {
  /* 导航项间距 */
  margin: 0.5rem 1rem;
  /* 其他样式 */
  text-decoration: none;
  color: #333;}






/* 以下样式不用修改 开始*/

    /* 默认ul 无需修改 */
    .navigation ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .navigation li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .navigation ul li ul li
    {
        float:none;
        z-index:9999;}
    /* 3级以上默认ul 无需修改 */
    .navigation ul li ul li ul
    {
        left:100%;
        top:0px;
        min-width: 100%;}
    /* IE6下的table样式 无需修改 */
    .navigation table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:9999;}   
    .navigation table table
    {
        top:0px;}
    .navigation td 
    {
        padding: 0;}   


/* 共6级导航子菜单打开关闭控制 支持多级菜单动画 */

/* 导航容器设置基础层级 */
.navigation {
    position: relative;
    z-index: 9999;}

/* 二级菜单基础样式 - 垂直展开 */
.navigation > ul > li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    min-width: 100%;
    z-index: 9999;}

/* 三级及以上菜单基础样式 - 水平展开 */
.navigation ul li ul li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    transform: translateX(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 10000;}

/* 显示二级菜单 */
.navigation > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;}

/* 显示三级及以上菜单 */
.navigation ul li ul li:hover > ul {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;}



 .navigation > ul > li.active > a { background: #002e73;}




    /* 默认a属性 无需修改 */
    .navigation a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/

.navigation a
{
    display: block;
        text-align: center;
        color: #fff;
        font-size: 18px;
        position: relative;
        line-height: 50px;
        height: 50px;
        padding: 0px 23px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.navigation a:hover
{
   background: #002e73;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.navigation table 
{
    top:26px;           /*必须设为 菜单高度 + 1*/
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;}   
.navigation table table
{
    left:81px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.navigation ul li ul li a
{
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;background-color:rgba(0, 46, 115,.6)
;}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.navigation ul li ul li a:hover
{
text-decoration:none;color:#fff;background: #002e73
;}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.navigation ul li ul li ul li a
{
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;
background-color:rgba(0, 46, 115,.7);}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.navigation ul li ul li ul li a:hover
{
text-decoration:none;color:#fff;background: #002e73;}



@media (max-width: 768px) {
  /* 隐藏所有二级及以下菜单 */
  .navigation ul li ul {
    display: none !important;
    visibility: hidden !important;}
  
  /* 禁用hover效果，防止小屏幕上意外触发 */
  .navigation > ul > li:hover > ul,
  .navigation ul li ul li:hover > ul {
    opacity: 0 !important;
    pointer-events: none !important;}
  
  /* 可选：如果需要，可以简化导航项样式以适应小屏幕 */
  .navigation a {
    font-size: 16px;
    padding: 0 15px;
    line-height: 40px;
    height: 40px;}
}


.text-overflow {
    font-size: 15px;}
.date {
    font-size: 14px;}