@charset "utf-8";
/* ==========================================================================
   博克螺套 —— 主导航增强样式
   作用：8 个一级菜单固定 150px 宽（不等分，左侧起排）、导航条加高。
   仅作用于桌面端（>=768px）；移动端沿用 style.css 的折叠菜单，不受影响。
   如需回滚：删除 header.php / header-home.php 里对本文件的 <link> 即可。
   ========================================================================== */
@media screen and (min-width: 768px) {
    .header .nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .header .nav li {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        width: 150px;
        min-width: 0;
        text-align: center;
    }

    .header .nav li > a {
        font-size: 16px;
        line-height: 52px;
        padding: 0 8px;
        letter-spacing: 0.02rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 有下拉的菜单显示小三角（原样式未渲染出指示符） */
    .header .nav li.dropdown > a::after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid currentColor;
        margin-left: 7px;
        vertical-align: 2px;
        opacity: 0.85;
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
    }

    .header .nav li.open > a::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    /* 下拉面板随单元格宽度对齐，避免窄单元格下文字被截断 */
    .header .nav li.dropdown .dropdown-box {
        left: 0;
        right: 0;
        min-width: 100%;
    }
}

/* topbar: 在线留言与网站地图靠近（2026-10-12） */
@media screen and (min-width:768px){
    .header .topbar li.c{margin-left:8px;}
}

/* ==========================================================================
   导航配色 v2（2026-10-12）：悬停/当前项改网站地图同款黄色 #f7c433，
   下拉面板改导航同款深蓝底（原白色半透明与整体风格不搭）。
   ========================================================================== */
@media screen and (min-width: 768px) {
    /* 一级菜单：悬停 / 展开中 / 当前栏目 → 黄底白字（同 topbar 网站地图按钮） */
    .header .nav li.active a,
    .header .nav li.open a,
    .header .nav li a:hover {
        color: #fff;
        background-color: #f7c433;
    }

    /* 下拉面板：深蓝底（与导航条一致），分隔线改半透明白 */
    .header .nav .dropdown-box {
        background-color: #023793;
        box-shadow: 0 6px 14px rgba(2, 34, 87, 0.35);
    }
    .header .nav .dropdown-box p {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.22);
    }
    .header .nav .dropdown-box a {
        color: #fff !important;
        background-color: transparent !important;
    }
    .header .nav .dropdown-box a:hover {
        background-color: #f7c433 !important;
        color: #fff !important;
    }
}

/* 移动端内页 Banner 修复（2026-10-12）：同首页，防压扁 */
@media screen and (max-width: 767px) {
    .banner-sub { height: 180px; }
    .banner-sub .swiper-slide { height: 180px; }
    .banner-sub .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
}