  /* 原有样式保留 */
    .navbar-default.navbar-white {
        background-color: #0066CC;
        border-color: #0066CC;
    }
    .navbar-default.navbar-white .navbar-nav > li > a {
        color: #FFFFFF;
    }
    .navbar-nav > li > a,
    .nav-link {
        font-family: "Microsoft YaHei", SimSun;
        font-size: 16px;
        font-weight: bold;
    }

    /* 导航栏基础样式 */
    .navbar-default.navbar-white {
        background-color: #0066CC;
        border-color: #8cbbeb;
    }
    .navbar-default.navbar-white .navbar-nav > li > a {
        color: #FFFFFF;
    }
    .navbar-nav > li > a,
    .nav-link {
        font-family: "Microsoft YaHei", SimSun;
        font-size: 16px;
        font-weight: bold;
    }

    /* 鼠标悬停效果 - 尤尼克斯绿色 (#00A651) */
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        background-color: #00A651 !important;
        color: white !important;
    }

    /* 当前栏目高亮 - 黄色 (#FFD700) */
    .navbar-nav > li.active > a,
    .navbar-nav > li.active > a:hover,
    .navbar-nav > li.active > a:focus {
        background-color: #00A651  !important;
        color: yellow !important;
    }

    /* 下拉菜单样式 */
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        background-color: #f5f5f5 !important;
        color: #333 !important;
    }

    /* 移动端样式保持原有 */
    @media (max-width: 767px) {
        .navbar-nav > li > a {
            display: block !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
        .navbar-nav > li > a:hover,
        .navbar-nav > li > a:focus,
        .navbar-nav > li.active > a,
        .navbar-nav > li.active > a:hover,
        .navbar-nav > li.active > a:focus {
            background-color: #00A651 !important;
        }
    }

    /* 移动端导航菜单修复 - 严格适配 Bootstrap 3.4.1 */
    @media (max-width: 767px) {
        /* 强制<a>为块级元素，宽度撑满父容器 */
        .navbar-nav > li > a {
            display: block !important;
            width: 100% !important;
            box-sizing: border-box !important; /* 包含 padding 和 border */
              text-decoration: none !important; /* 移除下划线 */
        }

        /* 默认状态：尤尼克斯蓝（固定高度和边距） */
        .navbar-nav > li > a {
            background-color: #0066CC !important;
            color: white !important;
            padding: 12px 15px !important;
            margin: 2px 0 !important;
            border-radius: 4px !important;
            
            transition: none !important; /* 禁用所有动画 */
            text-align: center !important; /* 文字居中 */
              text-decoration: none !important; /* 移除下划线 */
        }

        /* 悬停/选中/展开状态：尤尼克斯绿（完全一致） */
        .navbar-nav > li > a:hover,
        .navbar-nav > li > a:focus,
        .navbar-nav > li.active > a,
        .navbar-nav > li.active > a:hover,
        .navbar-nav > li.active > a:focus,
        .navbar-nav > li.open > a,
        .navbar-nav > li.open > a:hover,
        .navbar-nav > li.open > a:focus {
            background-color: #00A651 !important;
          
              text-decoration: none !important; /* 移除下划线 */
        }
    }
    /* 移动端导航菜单修复 - 兼容 Bootstrap 3.4.1 */
    @media (max-width: 767px) {
        /* 默认状态：尤尼克斯蓝 */
        .navbar-nav > li > a {
            background-color: #0066CC !important;
        
            
        }
        
         /* 悬停/选中状态：深绿色（比尤尼克斯绿更深） */
        .navbar-nav > li > a:hover,
        .navbar-nav > li > a:focus,
        .navbar-nav > li.active > a,
        .navbar-nav > li.active > a:hover,
        .navbar-nav > li.active > a:focus {
            background-color: #008040 !important; /* 深绿色 */
             border: none !important;
            text-decoration: none !important; /* 确保无下划线 */
        }

        /* 修复下拉菜单父项样式 */
        .navbar-nav > li.dropdown > a {
            position: relative; /* 确保下拉箭头位置正确 */
        }

        /* 确保下拉菜单能正常显示 */
        .navbar-nav .open .dropdown-menu {
            display: block !important;
            background-color: #0066CC !important; /* 子菜单背景色 */
        }

        /* 子菜单项样式 */
        .navbar-nav .dropdown-menu > li > a {
            color: white !important;
            padding: 10px 15px !important;
        }

        /* 子菜单项悬停样式 */
        .navbar-nav .dropdown-menu > li > a:hover {
            background-color: #00A651 !important;
        }
         /* 子菜单当前项高亮 */
        .navbar-nav .dropdown-menu > li.active > a,
        .navbar-nav .dropdown-menu > li.active > a:hover,
        .navbar-nav .dropdown-menu > li.active > a:focus {
            background-color: #008040 !important; /* 与主菜单一致 */
        }

        /* 下拉菜单父项展开状态 */
        .navbar-nav > li.open > a,
        .navbar-nav > li.open > a:hover,
        .navbar-nav > li.open > a:focus {
            background-color: #008040 !important;
        }

        /* 子菜单默认样式 */
        .navbar-nav .dropdown-menu {
            background-color: #0066CC !important; /* 子菜单背景色保持尤尼克斯蓝 */
        }
    }
 /* 修改后的banner样式 */
    .banner-container {
        padding: 20px 0;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
       
        margin-bottom: 20px;
        overflow: hidden;
    }
    
    .banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1100px; /* 缩小整体宽度，使内容更紧凑 */
        margin: 0 auto;
    }
    
    .banner-left, .banner-right {
        flex: 1;
        max-width: 40%; /* 限制两侧宽度 */
        opacity: 0;
    }
    
    .banner-center {
        flex: 0 0 auto; /* 让LOGO区域不伸缩 */
        opacity: 0;
    }
    
    .banner-left h1, 
    .banner-right h1 {
        font-size: 38px;
        margin-bottom: 5px;
        font-family: 'Microsoft YaHei', sans-serif; /* 标题使用微软雅黑 */
        font-weight: bold; /* 加粗效果 */
    }
    
    .banner-left p, 
    .banner-right p {
        font-size: 18px;
        margin-top: 0;
    }
    
    .banner-center img {
        height: 150px; /* 固定高度 */
        width: auto;
        max-width: 150px; /* 限制最大宽度 */
        display: block;
        margin: 0 30px; /* 调整LOGO左右间距 */
    }
    
    /* 保持原有动画效果 */
    .floating {
        animation: floating 3s ease-in-out infinite;
    }
    
    @keyframes floating {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
        100% { transform: translateY(0px); }
    }
    
    .banner-left { animation-delay: 0.3s; }
    .banner-center { animation-delay: 0.6s; }
    .banner-right { animation-delay: 0.3s; }
       /* 移动端样式 - 只显示LOGO */
    @media (max-width: 767px) {
        .banner-left,
        .banner-right {
            display: none !important;  /* 隐藏两侧文字区域 */
        }
        
        .banner-center {
            flex: 1 0 auto;  /* 让LOGO区域占据全部可用空间 */
            opacity: 1 !important;  /* 强制显示LOGO */
            animation: none !important;  /* 取消动画效果 */
        }
        
        .banner-center img {
            height: 120px;
            max-width: 120px;
            margin: 0 auto;  /* 居中显示 */
        }
        
        /* 确保LOGO在移动端立即显示而不需要滚动触发 */
        .banner-center.floating {
            animation: floating 3s ease-in-out infinite;
        }
    }
    
    /* 保持原有动画效果 */
    .floating {
        animation: floating 3s ease-in-out infinite;
    }
    
    @keyframes floating {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
        100% { transform: translateY(0px); }
    }
    
    .banner-left { animation-delay: 0.3s; }
    .banner-center { animation-delay: 0.6s; }
    .banner-right { animation-delay: 0.3s; }
