@media screen and (max-width: 768px) {

    /* ===== 1. 全局重置 ===== */
    body {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }
    .layout, .main {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    .index_content {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    .index_content.pt100 {
        padding-top: 60px !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ===== 2. 隐藏桌面导航，使用汉堡菜单 ===== */
    .hend {
        height: 56px !important;
        padding: 0 !important;
        background: linear-gradient(135deg, #0a3d7c, #1565c0) !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        overflow: visible !important;
    }
    /* 隐藏桌面端菜单 */
    .mune {
        display: none !important;
    }
    /* 显示手机端汉堡头部 */
    .mobile-header {
        display: flex !important;
    }
    .hend_right, .hend_EN, .hend_yhq, .top-down {
        display: none !important;
    }

    /* ===== 3. Banner区 ===== */
    .index_banner {
        height: auto !important;
        min-height: 200px !important;
        padding: 70px 15px 20px 15px !important;
        background-size: cover !important;
        background-position: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .index_banner > div {
        position: static !important;
        top: auto !important;
        width: 100% !important;
    }
    .index_banner p {
        font-size: 16px !important;
        margin-top: 8px !important;
        line-height: 1.4 !important;
    }
    .index_banner p:first-of-type {
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    /* ===== 4. 搜索框 ===== */
    .index_search {
        margin-top: 15px !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
    }
    .index_searchTab {
        width: 100% !important;
        position: static !important;
        bottom: auto !important;
        height: auto !important;
        border-radius: 10px !important;
        overflow: visible !important;
    }
    .index_searchList {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        height: auto !important;
        background: rgba(255,255,255,0.95) !important;
        border-radius: 10px !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    .index_searchList select {
        width: 30% !important;
        height: 40px !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }
    .index_searchList input {
        width: 70% !important;
        height: 40px !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    .index_searchList button {
        width: 100% !important;
        height: 38px !important;
        margin-top: 6px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        float: none !important;
        background: linear-gradient(to right, #00E0FF, #1296db) !important;
        color: #fff !important;
    }

    /* ===== 5. 统计数字区 ===== */
    .aboutHX_sj {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 10px 0 !important;
        margin-top: 0 !important;
        box-sizing: border-box !important;
    }
    .aboutHX_sj li {
        width: 50% !important;
        float: none !important;
        text-align: center !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    .aboutHX_sj li h3 {
        font-size: 16px !important;
    }
    .aboutHX_sj li b {
        font-size: 22px !important;
    }
    .aboutHX_sj li p {
        font-size: 11px !important;
    }

    /* ===== 6. 标题 ===== */
    .wmdfw_Top {
        padding: 20px 0 10px 0 !important;
    }
    .index_listTop {
        padding: 10px 0 !important;
        margin: 10px 0 !important;
    }
    .index_listTop h1 {
        font-size: 20px !important;
    }
    .index_listTop p {
        font-size: 12px !important;
    }

    /* ===== 7. 服务手风琴 → 卡片 ===== */
    .accordion_center {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    .accordion_center ul {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .accordion_center ul li {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-bottom: 12px !important;
        border-radius: 10px !important;
        overflow: visible !important;
        position: relative !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .accordion_center ul li:hover {
        width: 100% !important;
    }
    /* 隐藏桌面遮罩slide-item */
    .accordion_center ul li .slide-item {
        display: none !important;
    }
    /* 显示mask作为卡片内容 */
    .accordion_center ul li .mask {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        background: rgba(0, 120, 200, 0.88) !important;
        padding: 25px 15px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .accordion_center ul li .mask h3 {
        color: #fff !important;
        font-size: 18px !important;
        text-align: center !important;
        margin: 0 0 8px 0 !important;
        font-weight: bold !important;
    }
    .accordion_center ul li .mask > span {
        color: rgba(255,255,255,0.9) !important;
        font-size: 13px !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    .accordion_center ul li .mask .mark_text {
        width: 90% !important;
        margin: 4px auto !important;
        padding-left: 0 !important;
        overflow: visible !important;
        text-align: left !important; /* Keep bullets left-aligned but center the block */
    }
    .accordion_center ul li .mask .mark_text span {
        float: none !important;
        display: inline !important;
        color: #6ac0f0 !important;
        font-size: 14px !important;
        padding-right: 5px !important;
        margin-bottom: 0 !important;
    }
    .accordion_center ul li .mask .mark_text p {
        color: rgba(255,255,255,0.9) !important;
        font-size: 13px !important;
        float: none !important;
        width: 100% !important;
        line-height: 1.5 !important;
        display: inline !important;
    }
    .accordion_center ul li .mask a {
        position: static !important;
        display: inline-block !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
        padding: 8px 30px !important;
        border-radius: 20px !important;
        font-size: 14px !important;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
        background: #fff !important;
        color: #0078c8 !important;
        font-weight: bold !important;
    }

    /* ===== 8. 国家切换Tab横向滚动 (现代化样式) ===== */
    .tbjy_bannerBox {
        height: 60px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 0 !important;
        margin-bottom: 10px !important;
        background: transparent !important;
    }
    /* 隐藏滚动条 */
    .tbjy_bannerBox::-webkit-scrollbar {
        display: none !important;
    }
    .tbjy_bannerMenu, .dmfw_Menu {
        display: inline-block !important;
        position: static !important;
        width: auto !important;
        float: none !important;
        height: auto !important;
        padding: 0 12px !important;
        white-space: nowrap !important;
    }
    .tbjy_bannerMenu li, .dmfw_Menu li {
        display: inline-block !important;
        float: none !important;
        width: auto !important; /* 强制覆盖桌面端的 width: 18% */
        height: auto !important; /* 强制覆盖桌面端的 height: 80px */
        margin: 0 8px 0 0 !important;
        line-height: normal !important;
        vertical-align: middle !important;
        background: transparent !important; /* 清除桌面端的蓝色方块背景 */
    }
    .tbjy_bannerMenu li a, .dmfw_Menu li a {
        display: inline-block !important;
        width: auto !important; /* 强制覆盖桌面端的 width: 100% */
        height: auto !important; /* 强制覆盖桌面端的 height: 100% */
        padding: 6px 16px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border-radius: 30px !important;
        background: #f8f9fa !important;
        color: #555 !important;
        white-space: nowrap !important;
        border: 1px solid #eaeaea !important;
        line-height: normal !important;
        box-shadow: none !important;
    }
    .tbjy_bannerMenu li.active a, .dmfw_Menu li.active a {
        background: linear-gradient(135deg, #0a88d9, #1296db) !important;
        color: #fff !important;
        border-color: transparent !important;
        box-shadow: 0 2px 6px rgba(18, 150, 219, 0.4) !important;
    }

    /* ===== 9. 国家专线详情 ===== */
    .wmdfw_box {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    .daomenlst, .jyjslst, .tbjy_tabList {
        width: 100% !important;
    }
    .tbjy_box, .tbjy_tab, .jyfw_tab {
        width: 100% !important;
    }
    .tbjy_list, .jyfw_box, .jyjs_content {
        width: 100% !important;
        float: none !important;
    }
    .jyfw_box li {
        width: 100% !important;
        float: none !important;
        padding: 12px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
        border-left: 3px solid #1296db !important;
        background: #fff !important;
        border-radius: 6px !important;
    }
    .jyfw_box li h3 {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }
    .jyfw_box li p {
        font-size: 13px !important;
        color: #555 !important;
        line-height: 1.5 !important;
    }

    /* ===== 10. 集运服务 ===== */
    .jyjs_list {
        width: 100% !important;
        float: none !important;
        padding: 12px !important;
        margin-top: 20px !important; /* Override desktop 100px */
        box-sizing: border-box !important;
    }
    .jyjs_list h1, .jyjs_list h2 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important; /* Override desktop 60px */
    }
    .jyjs_yqlj {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
    .jyjs_yqlj li {
        width: 30% !important;
        float: none !important;
        margin: 1.5% !important;
        height: auto !important; /* Override desktop 125px */
        line-height: normal !important; /* Override desktop 125px */
    }
    .jyjs_yqlj li img {
        width: 100% !important;
        height: auto !important;
    }
    .jyjs_taobao, .jyjs_taobao img {
        width: 100% !important;
        height: auto !important;
    }

    /* ===== 11. 收费/流程/禁品/条款 ===== */
    .hxjy_fous, .tbjy_jylc, .sfbz_box {
        width: 100% !important;
        overflow-x: hidden !important;
        padding: 0 !important; /* 覆盖桌面端的 padding: 0 0 50px 150px; */
    }
    .hxjy_fous li {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        background: #f8f9fa !important;
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        border: 1px solid #eaeaea !important;
    }
    .hxjy_fousImg {
        width: 50px !important;
        height: 50px !important;
        margin-right: 15px !important;
        flex-shrink: 0 !important;
        background: #eef7fd !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .hxjy_fousImg img {
        width: 24px !important;
        height: auto !important;
        max-width: none !important;
    }
    .hxjy_fous li > div:not(.hxjy_fousImg) {
        flex: 1 !important;
        text-align: left !important;
    }
    .hxjy_fous li h3 {
        margin: 0 0 5px 0 !important;
        font-size: 16px !important;
        color: #333 !important;
    }
    .hxjy_fous li p {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #666 !important;
    }

    .tbjy_jylc li {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
    .tbjy_jylc li img {
        width: 100% !important;
        height: auto !important;
    }

    /* ===== 我们还提供 ===== */
    .wmhtg {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }
    .wmhtg_L {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    .wmhtg_L img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    .wmhtg_R {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .wmhtg_R li {
        width: 100% !important;
        margin-bottom: 15px !important;
        line-height: 1.6 !important;
        font-size: 13px !important;
        display: flex !important;
        align-items: flex-start !important;
        background: #f8f9fa !important;
        padding: 12px 15px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        color: #555 !important;
    }
    .wmhtg_R li span {
        flex-shrink: 0 !important;
        margin-right: 10px !important;
        font-weight: bold !important;
        color: #1296db !important;
        font-size: 16px !important;
    }
    .wmhtg_R li.active {
        background: #eef7fd !important;
        border: 1px solid #d0e8f8 !important;
        color: #333 !important;
    }

    /* ===== 禁品说明 & 条款细则 ===== */
    .tkxz_content {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    .tkxz_content h1 {
        margin: 25px 0 15px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
    .tkxz_title {
        padding: 0 !important;
        text-align: justify !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #666 !important;
    }
    .tkxz_content h3 {
        margin: 20px 0 10px 0 !important;
        font-size: 16px !important;
        color: #333 !important;
    }
    .tkxz_content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #555 !important;
        margin-bottom: 5px !important;
        text-align: justify !important;
    }
    .tkxz_content p.shsj {
        text-indent: 0 !important;
        padding-left: 15px !important;
    }
    .tkxz_content p.shsjce {
        text-indent: 0 !important;
        padding-left: 30px !important;
    }
    .wjp_box {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    .wjphy_L, .wjphy_R, .wjpky_text, .wjpky_img {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
    .wjphy_R img, .wjpky_img img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
        margin-bottom: 15px !important;
    }
    .wjpky_text p.dian {
        padding-left: 15px !important;
        position: relative !important;
    }
    .wjpky_text p.dian b {
        position: absolute !important;
        left: 0 !important;
        top: 8px !important;
        width: 4px !important;
        height: 4px !important;
        border-radius: 50% !important;
        background: #1296db !important;
    }

    /* ===== 12. 国际快递 ===== */
    .gjkd_content {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    .hxys_box {
        width: 100% !important;
    }
    .hxys_box li {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        align-items: flex-start !important;
        padding: 12px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border-radius: 8px !important;
    }
    .hxys_img {
        width: 50px !important;
        height: 50px !important;
        margin-right: 12px !important;
        flex-shrink: 0 !important;
    }
    .hxys_text {
        flex: 1 !important;
    }
    .hxys_text b {
        font-size: 14px !important;
        display: block !important;
        margin-bottom: 4px !important;
    }
    .hxys_text p {
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #666 !important;
    }

    /* ===== 国际快递 - 服务流程 ===== */
    .gjkd_fwlc {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        height: auto !important;
        margin: 0 !important;
    }
    .gjkd_fwlcTitle {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .gjkd_fwlcTitle p {
        width: 48% !important;
        float: none !important;
        height: auto !important;
        line-height: normal !important;
        padding: 15px 5px !important;
        margin: 0 0 15px 0 !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        text-align: center !important;
        border: 1px solid #eaeaea !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #333 !important;
        box-sizing: border-box !important;
    }
    .gjkd_fwlcText {
        width: 100% !important;
        overflow: hidden !important;
    }
    .fwlcText_top, .fwlcText_bottom {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 20px !important;
    }
    .fwlcText_L {
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        float: none !important;
        padding: 12px 15px !important;
        margin-bottom: 15px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        font-weight: bold !important;
        font-size: 16px !important;
    }
    .fwlcText_L span {
        display: none !important; /* Hide arrow on mobile */
    }
    .fwlcText_R {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    .fwlcText_R p {
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        margin: 0 0 10px 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
        text-align: left !important;
        font-size: 13px !important;
        background: #f4f4f4 !important;
    }

    /* ===== 我们的服务 (收费标准底部) ===== */
    .ourrow {
        width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .ourrow_list {
        width: 48% !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: #f8f9fa !important;
        padding: 15px 10px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        border: 1px solid #eaeaea !important;
    }
    .ourrow_list img {
        width: 32px !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }
    .ourrow_list h4 {
        margin: 0 0 6px 0 !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #333 !important;
        text-align: center !important;
    }
    .ourrow_list p.text-muted {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #666 !important;
        text-align: center !important;
    }

    /* ===== 我们的优势 ===== */
    .wmdys {
        height: auto !important;
        padding: 40px 15px !important;
        box-sizing: border-box !important;
        background-position: center !important;
    }
    .wmdys > div:nth-of-type(2) {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        margin: 20px 0 0 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 15px !important;
    }
    .wmdys > div:nth-of-type(2) > div {
        display: block !important;
        background: rgba(255, 255, 255, 0.15) !important;
        padding: 15px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }
    .wmysdiv {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
        background: transparent !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    .wmysdiv img {
        width: 40px !important;
        height: 40px !important;
        margin-right: 15px !important;
        flex-shrink: 0 !important;
        background: rgba(255, 255, 255, 0.2) !important;
        border-radius: 8px !important;
        padding: 5px !important;
    }
    .wmysdivs {
        text-align: left !important;
        flex: 1 !important;
    }
    .wmysdivs p {
        text-align: left !important;
        color: #fff !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }
    .wmysdivs p:first-child {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 4px !important;
    }
    .wmysdivs .henx {
        display: none !important;
    }

    /* ===== 13. 关于我们 ===== */
    .aboutcy_listBox {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    .aboutcy_L, .aboutcy_R {
        width: 100% !important;
        float: none !important;
    }
    .aboutcy_R {
        padding: 12px !important;
        margin-top: 10px !important;
    }
    .aboutus {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .aboutus_img {
        width: 80px !important;
        height: 80px !important;
        float: none !important;
        margin: 0 auto 10px auto !important;
    }
    .aboutus_title {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding-top: 0 !important;
    }
    .aboutus_title h1 {
        font-size: 20px !important;
    }
    .aboutus_text {
        padding-top: 10px !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    /* ===== 14. 公司简介/合作 ===== */
    .gsjj_box {
        width: 100% !important;
        padding: 20px 12px !important;
        box-sizing: border-box !important;
    }
    .gsjj_L, .gsjj_R {
        width: 100% !important;
        float: none !important;
    }
    .hzhb_box {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 20px 0 !important;
    }
    .hzhb_img {
        width: 100% !important;
        float: none !important;
    }
    .hzhb_imgList {
        width: 33% !important;
    }
    .hzhb_imgList img {
        width: 100% !important;
        height: auto !important;
    }

    /* ===== 15. 案例 ===== */
    .gsal_box {
        padding: 10px 0 !important;
    }
    .gsal_img {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .gsal_imgList {
        width: 50% !important;
        float: none !important;
        padding: 5px !important;
        box-sizing: border-box !important;
    }
    .gsal_imgList img {
        width: 100% !important;
        height: auto !important;
    }

    /* ===== 16. 我们的优势 ===== */
    .wdys_box {
        width: 100% !important;
        min-width: 0 !important;
    }
    .wdys_listBox {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .wdys_list {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    .wdys_list h2 {
        font-size: 18px !important;
    }
    .wdys_list p {
        font-size: 13px !important;
    }
    .wdys_img img {
        max-width: 100% !important;
    }
    .wmdys_list {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    .wmdys_text {
        margin: 15px 0 10px 0 !important;
    }

    /* ===== 17. 我们的优势(背景图区块) ===== */
    .wmdys {
        height: auto !important;
        padding: 20px 12px !important;
    }
    .wmysdiv {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .wmysdivs {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* ===== 18. 底部页脚 ===== */
    .footer {
        padding: 15px 12px !important;
    }
    .footer_box {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .footer_box li {
        width: 50% !important;
        float: none !important;
        padding-left: 10px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
    .footer_box li.footer_img {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        text-align: center !important;
    }
    .company_banquan {
        padding: 10px 12px !important;
        text-align: center !important;
    }
    .company_banquan p {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    /* ===== 19. 隐藏桌面端在线客服侧栏 ===== */
    .online {
        display: none !important;
    }
    .onlineOpen {
        display: none !important;
    }

    /* ===== 20. 返回顶部按钮 ===== */
    .Top_up {
        right: 10px !important;
        bottom: 60px !important;
        width: 35px !important;
        height: 35px !important;
        padding: 5px !important;
    }

    /* ===== 21. 浮动元素通用清理 ===== */
    .left, .right {
        float: none !important;
        width: 100% !important;
    }

    /* ===== 22. 表格响应式 ===== */
    table {
        width: 100% !important;
        font-size: 12px !important;
    }
    .table {
        width: 100% !important;
        overflow-x: auto !important;
    }

    /* ===== 23. 新闻区域 ===== */
    .news_box li {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .news_img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }
    .news_textBox {
        width: 100% !important;
        float: none !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    .news_textBox h1 {
        font-size: 16px !important;
    }

    /* ===== 24. 集运流程 ===== */
    .yslc_box {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .yslc_box li {
        width: 50% !important;
        float: none !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    /* ===== 25. 悬浮客服缩小 ===== */
    .custom-floating-widget {
        transform: translateY(-50%) scale(0.85) !important;
        transform-origin: right center !important;
    }

    /* ===== 26. 手机端汉堡导航样式 ===== */
    .mobile-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 65px !important;
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .mobile-logo {
        height: 55px !important;
        display: flex !important;
        align-items: center !important;
    }
    .mobile-logo img {
        height: 45px !important;
        width: auto !important;
    }
    .hamburger-btn {
        width: 30px !important;
        height: 24px !important;
        position: relative !important;
        cursor: pointer !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        z-index: 10001 !important;
    }
    .hamburger-btn span {
        display: block !important;
        width: 100% !important;
        height: 3px !important;
        background-color: #fff !important;
        border-radius: 3px !important;
        transition: all 0.3s ease !important;
    }
    
    /* 汉堡菜单展开时的全屏遮罩层 */
    .mobile-nav-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(10, 61, 124, 0.98) !important; /* 深蓝色背景 */
        z-index: 10000 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
    }
    .mobile-nav-overlay.open {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .mobile-nav-close {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        font-size: 40px !important;
        color: #fff !important;
        cursor: pointer !important;
        line-height: 1 !important;
        width: 40px !important;
        height: 40px !important;
        text-align: center !important;
    }
    .mobile-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }
    .mobile-nav-menu a {
        color: #fff !important;
        font-size: 20px !important;
        padding: 15px 0 !important;
        text-decoration: none !important;
        width: 80% !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        transition: color 0.3s !important;
    }
    .mobile-nav-menu a:last-child {
        border-bottom: none !important;
    }
    .mobile-nav-menu a:hover, .mobile-nav-menu a:active {
        color: #00E0FF !important;
    }
}

/* 默认在桌面端隐藏手机端独有元素 */
.mobile-header, .mobile-nav-overlay {
    display: none;
}


/* ===== 悬浮微信和在线聊天部件 ===== */
.custom-floating-widget {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -60px; /* 替代 transform，防止破坏内部 fixed 元素的定位基准 */
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    z-index: 99999;
    border-radius: 12px 0 0 12px;
    display: flex;
    flex-direction: column;
}
.custom-floating-widget .widget-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s;
    position: relative;
}
.custom-floating-widget .widget-item:last-child {
    border-bottom: none;
}
.custom-floating-widget .widget-item:hover {
    background: #f8f9fa;
}

/* 微信二维码弹窗 (带遮罩居中版) */
.wechat-popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 100000;
}
.wechat-popup-content {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 280px;
    border-radius: 12px;
    padding: 30px 20px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.wechat-popup-content h3 {
    font-size: 18px !important;
    color: #333 !important;
    margin: 0 0 20px 0 !important;
    font-weight: normal !important;
}
.wechat-popup-content img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.wechat-popup-content p {
    font-size: 14px !important;
    color: #666 !important;
    margin: 20px 0 25px 0 !important;
}
.wechat-popup-close {
    background: #00d26a;
    color: #fff;
    border: none;
    padding: 10px 45px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    width: auto;
    display: inline-block;
    outline: none;
}

/* ===== 隐藏 Tawk.to 默认图标 ===== */
iframe[src*="tawk.to"],
iframe[title="chat widget"],
#tawkchat-iframe-container,
.tawk-min-container {
    display: none !important;
}
body.tawk-active iframe[src*="tawk.to"],
body.tawk-active iframe[title="chat widget"],
body.tawk-active #tawkchat-iframe-container,
body.tawk-active .tawk-min-container {
    display: block !important;
}