.opacityBox {
        width: 1200px;
        height: 1260px;
        margin: 0 auto;
        border-top: 5px solid #d99489;
        margin-top: 258px;
        background-color: #faeee2;
        opacity: 0.85;
    }
    
    .ItemBox {
        width: 1104px;
        height: 1180px;
        background: #ffffff;
        margin: 0 auto;
        padding: 16px;
        box-sizing: border-box;
    }
    
    .listRight ul {
        display: none;
    }
    
    .listLeft ul li {
        width: 150px;
        height: 44px;
        background-color: #ffffff;
        border: solid 1px #e9bc8f;
        font-size: 18px;
        line-height: 44px;
        text-align: center;
        margin: 10px 0 10px 10px;
    }
    
    .hover {
        background: url(../images/active1.png) no-repeat transparent !important;
        border: none !important;
        width: 156px !important;
    }
    
    .hover a {
        color: #cb644b !important;
    }
    
    .listLeft ul li a {
        color: #484848;
    }
    
    .listRight {
        width: 62%;
        float: right;
        background: #fff;
        margin: 15px 15px 15px 0;
        padding: 20px;
        box-sizing: border-box;
        height: 260px;
    }
    
    .listRight ul {
        width: 100%;
    }
    
    .listRight ul li {
        font-size: 18px;
        line-height: 18px;
        width: 100%;
    }
    
    .listRight ul li a {
        color: #505050;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: 38px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .listRight ul li a:hover {
        color: #3783d8;
    }
    
    .fwgkList ul li {
        display: inline-block;
        margin: 26px 10px;
        width: 190px;
        height: 44px;
        background-color: #fffbf6;
        text-align: center;
        line-height: 44px;
        font-size: 18px;
    }
    
    .fwgkList ul li:hover {
        background: url(../images/active2.png) no-repeat transparent;
        line-height: 54px;
        height: 52px;
        margin: 20px 10px;
    }
    
    .fwgkList ul li:hover a {
        color: #c75438;
    }
    
    .fwgkList ul li a {
        color: #5a5a5a;
    }
    
    .bottom .content {
        width: 1200px !important;
    }
/* ========== 完善后的响应式适配方案 ========== */

@media screen and (max-width: 1200px) {
    /* 1. 容器去绝对化：解决背景与内容脱离的问题 */
    body {
        background-size: auto 400px !important; /* 手机端背景图只保留顶部 */
    }
    
    .opacityBox {
        display: none; /* 移动端建议隐藏这个半透明层，直接操作 ItemBox */
    }
    
    #container > div[style*="position: absolute"] {
        position: relative !important; /* 强制转为相对定位，按顺序排列 */
        top: 20px !important;
        width: 100% !important;
    }

    .ItemBox {
        width: 95% !important;
        height: auto !important; /* 撤销固定高度，允许内容撑开 */
        margin: 0 auto 50px !important;
        padding: 10px !important;
        display: block !important;
    }

    /* 2. 左右板块改为上下排列 */
    .ItemBox > div[style*="float: left"],
    .ItemBox > div[style*="float: right"] {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px;
    }

    /* 3. 修复标题背景图片错乱 */
    .ItemBox div[style*="background: url"] {
        background-size: contain !important;
        background-position: center !important;
        width: 100% !important;
        height: 50px !important; /* 统一标题高度 */
    }

    /* 4. 左侧菜单自适应 (listLeft) */
    .listLeft {
        width: 100% !important;
        height: auto !important;
    }
    .listLeft ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .listLeft ul li {
        width: 42% !important; /* 手机端一行排两个 */
        margin: 5px !important;
        font-size: 14px !important;
    }
    .hover {
        width: 42% !important;
        background-size: 100% 100% !important;
    }

    /* 5. 底部服务列表自适应 (fwgkList) */
    .fwgkList ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .fwgkList ul li {
        width: 45% !important;
        margin: 5px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .listLeft ul li, .hover {
        width: 90% !important; /* 极小屏下一行排一个 */
    }
    .fwgkList ul li {
        width: 100% !important;
    }
}