﻿/* ===== 移动端兼容适配 ===== */
/* 防止横向滚动 */
html { overflow-x: hidden; }
body { overflow-x: hidden; width: 100%; }

@media screen and (max-width: 768px) {
    /* 全局 */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Header - 导航栏 */
    #header {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    #header > div:first-child {
        width: auto !important;
        max-width: 60% !important;
        display: block !important;
        margin: 5px auto !important;
    }
    
    #header > div img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 导航菜单 */
    #headul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    #headul li {
        display: inline-block !important;
        margin: 2px 3px !important;
        list-style: none !important;
    }
    
    #headul li a, .banner1 {
        font-size: 13px !important;
        padding: 3px 5px !important;
        white-space: nowrap !important;
        display: inline-block !important;
    }
    
    /* 所有图片自适应 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 所有固定宽度属性 */
    [width] {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Body区域 */
    #body {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        left: 0 !important;
        position: relative !important;
    }
    
    #body h1 { font-size: 20px !important; }
    #body h2 { font-size: 16px !important; }
    
    /* Section区块 */
    #section {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    #section1 {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }
    
    #section2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
    
    /* 内页布局 */
    #body1 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    /* 侧边栏 */
    #menulist {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
    
    #menulist ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    #menulist table {
        width: 95% !important;
        max-width: 100% !important;
    }
    
    /* 内容区 */
    #paragragh1 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* 表格适配 */
    table {
        max-width: 100% !important;
        height: auto !important;
    }
    table td, table th {
        word-break: break-word !important;
    }
    
    /* 页脚 */
    #footer {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    #footdiv {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    #section3 {
        width: 100% !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }
    
    /* 文字调整 */
    .e4, p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    h1 { font-size: 20px !important; }
    h2 { font-size: 16px !important; }
    .banner2 { font-size: 18px !important; }
    .banner7 { font-size: 18px !important; }
    
    /* 带背景图的div适配 */
    div[style*="background-image"] {
        background-size: contain !important;
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
    }
    
    /* 列表适配 */
    #listbar {
        width: 100% !important;
    }
    
    /* 主内容图片自适应 */
    div[align="center"] img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 下载页面按钮 */
    h1.e4 {
        display: block !important;
        text-align: center !important;
    }
}