@charset "utf-8";
/* 移动端适配样式 */
@media screen and (max-width: 768px) {
    /* 基础重置 */
    body, html {
        width: 100%;
        overflow-x: hidden;
        margin: 0;
        padding: 0;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    /* 优化触摸滚动 */
    * {
        -webkit-overflow-scrolling: touch;
    }
    
    /* 优化点击响应 */
    a, button, input, select, textarea {
        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    }
    
    /* 菜单打开时禁止body滚动 */
    body.menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }

    /* 禁用动画，防止移动端闪烁或错位 */
    .animated {
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* 通用容器适配 */
    .bz_wb, 
    .xxywbox, 
    .xydt_news_box, 
    .mtlgcontent, 
    .mtlg_listbox, 
    .mtlg_listbox_left, 
    .mtlg_listbox_right,
    .body_122601,
    .body_122602,
    .footer,
    .tzgg_box,
    .xskycontent,
    .qxlgcontent,
    .sswk,
    .sslgcontent,
    .ztzlbox,
    .ywsjbox,
    .sjmtwk {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        height: auto !important;
    }

    /* 给内容容器加 padding */
    .bz_wb {
        padding: 0 15px;
    }

    /* 调整间距 - 移动端减少空白 */
    .bz_clear {
        height: 10px !important;
    }
    
    /* 特定位置的间距优化 */
    .doclist_content > .bz_clear {
        height: 0 !important;
        display: none !important;
    }
    
    .doclist_content .bz_wb > .bz_clear {
        height: 0 !important;
        display: none !important;
    }
    
    .doclist_content_left .bz_clear {
        height: 0 !important;
        display: none !important;
    }

    /* Header 适配 */
    header {
        height: auto !important;
        padding: 10px 15px !important;
        background: #0050b3 !important;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100% !important;
        display: block !important;
    }

    .bz_a {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto !important;
        padding: 0 !important;
        position: relative; /* 确保 z-index 生效 */
        z-index: 1002; /* 保证在菜单之上 */
        background: #0050b3; /* 保证背景遮挡菜单顶部 */
    }

    .logo {
        width: 180px !important;
        height: auto !important;
    }
    
    .logo img {
        width: 100%;
        height: auto;
    }

    /* 汉堡菜单按钮 */
    .mobile-menu-btn {
        display: block;
        width: 30px;
        height: 24px;
        position: relative;
        cursor: pointer;
        z-index: 1001;
    }

    .mobile-menu-btn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        margin-bottom: 6px;
        transition: 0.3s;
    }
    
    .mobile-menu-btn span:last-child {
        margin-bottom: 0;
    }

    .mobile-menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 6px);
    }
    
    .mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }
    
    .mobile-menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -6px);
    }

    /* 隐藏 PC 导航 - 改为右侧滑入菜单 */
    header .bz_b, .bz_b {
        display: block !important;
        position: fixed !important;
        top: 0;
        right: -100%; /* 初始隐藏在右侧 */
        left: auto !important;
        width: 100% !important; /* 菜单宽度改为全宽 */
        max-width: 100% !important; /* 取消最大宽度限制 */
        height: 100vh !important;
        background: #0050b3;
        transition: right 0.3s ease-in-out; /* 滑入动画 */
        overflow-y: auto;
        padding: 70px 0 20px 0; /* 顶部留出 header 高度 */
        box-shadow: none;
        z-index: 999;
    }
    
    .bz_b.active {
        right: 0; /* 激活时滑入 */
    }

    /* 遮罩层 (可选，如果需要点击外部关闭需配合JS，这里仅做样式) */
    .menu-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 998;
        display: none;
    }
    .mobile-menu-btn.active + .menu-mask { /* 需要调整HTML结构才能生效，暂时忽略 */ }
    
    .bz_b_top, .bz_b_bottom {
        width: 100% !important;
        position: static !important;
        display: block !important;
        height: auto !important;
    }
    
    /* 副导航：两行，每行4个 */
    .link_list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start;
        padding: 10px 5px !important;
        background: rgba(0, 0, 0, 0.1); /* 区分背景 */
        margin: 0 !important;
        width: 100% !important; /* 确保占满容器 */
    }
    
    .link_list ul li {
        width: 25% !important; /* 每行4个 */
        margin: 5px 0 !important;
        padding: 0 2px !important; /* 增加左右内边距 */
        display: flex !important;
        justify-content: center;
        align-items: center;
        box-sizing: border-box; /* 确保 padding 计入宽度 */
    }
    
    .link_list ul li a {
        color: #fff !important;
        font-size: 12px !important; /* 稍微缩小字体 */
        display: block;
        width: 100%;
        text-align: center;
        padding: 4px 0;
        white-space: nowrap;
        overflow: visible; /* 允许文字溢出显示，或者改为 hidden 并配合 text-overflow */
        /* text-overflow: ellipsis; */
    }

    /* 隐藏原有的 link_btn (包含 English 和 right_nav) */
    .link_btn {
        display: none !important;
    }

    /* 显示移动端新增的 English 链接 */
    .mobile_en_li {
        display: flex !important;
    }

    /* 主导航样式优化 */
    .bz_b_bottom ul {
        display: block !important;
        padding: 10px 0 !important;
        width: 100% !important;
    }
    
    .bz_b_bottom ul li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 分隔线 */
    }
    
    .bz_b_bottom ul li a {
        color: #fff !important;
        font-size: 16px !important; /* 主导航字体稍大 */
        font-weight: 500;
        display: block;
        width: 100%;
        padding: 15px 25px; /* 增加点击区域和缩进 */
        text-align: left;
        letter-spacing: 1px; /* 增加字间距 */
    }
    
    .bz_b_bottom ul li:last-child {
        border-bottom: none;
    }


    /* Footer 适配 */
    footer {
        width: 100% !important;
        height: auto !important;
        padding: 30px 0 !important;
        background: #0050b3 !important;
        background-size: cover !important;
        margin-top: 30px !important;
    }
    
    footer .bz_wb {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        padding: 0 !important;
    }

    .footer_left {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer_left .logo {
        width: 100% !important;
        padding: 0 0 20px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    .footer_left .logo a {
        display: inline-block;
    }

    .footer_left .logo img {
        max-width: 280px;
        height: auto;
    }

    .footer_left p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        white-space: normal !important;
        text-align: center;
        color: rgba(255,255,255,0.8) !important;
    }

    .footer_right {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_right .right_link {
        width: 100%;
    }

    .footer_right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center !important;
        margin-bottom: 15px;
        width: 100%;
        padding: 0;
    }

    .footer_right ul li {
        margin: 5px 10px !important;
        width: auto !important;
        text-align: center;
        line-height: 1.5 !important;
    }

    .footer_right ul li a {
        font-size: 14px !important;
        white-space: nowrap;
        color: rgba(255,255,255,0.8) !important;
    }
}
@media screen and (min-width: 769px) {
    .mobile-menu-btn {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    /* 移动端二级菜单样式 - 提升优先级 */
    header .bz_b .bz_b_bottom ul li .mobile-arrow {
        width: 40px;
        height: 40px;
        display: flex !important; /* Force display on mobile */
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10002; /* 提高层级，高于一级菜单链接 */
        background: transparent; /* 确保背景透明 */
    }
    .mobile-arrow::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
        transition: transform 0.3s;
    }
    .mobile-arrow.active::after {
        transform: rotate(-135deg);
    }

    header .bz_b .bz_b_bottom ul li {
        flex-wrap: wrap;
        position: relative;
        height: auto !important;
    }

    /* Force override PC hover styles on mobile */
    header .bz_b .bz_b_bottom ul li:hover .sub_ul {
        display: none; /* Disable hover display on mobile */
    }

    header .bz_b .bz_b_bottom ul li .sub_ul {
        width: 100% !important;
        position: static !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(0, 0, 0, 0.1) !important;
        display: none !important; /* Force hidden by default */
        left: auto !important;
        transform: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* 激活状态显示 */
    header .bz_b .bz_b_bottom ul li .sub_ul.open {
        display: block !important;
    }

    header .bz_b .bz_b_bottom ul li .sub_ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        display: block !important;
        text-align: left !important;
    }

    header .bz_b .bz_b_bottom ul li .sub_ul li a {
        display: block;
        padding: 10px 0 10px 40px;
        font-size: 15px;
        color: #eee;
        text-align: left;
    }

    /* 隐藏 PC 端的小箭头 */
    header .bz_b .bz_b_bottom ul li .sub_ul::after {
        display: none !important;
    }
}