@charset "utf-8";
/* m.css —— 移动端响应式 + SEO H1 样式继承 */

/* ---------- H1 样式继承（h2→h1 后保持视觉一致） ---------- */
/* 首页 banner 公司名 */
.left h1 { color: #fff; font-size: 45px; margin: 0; }
/* 内页栏目标题 */
.inside .tit h1 {
    border: 1px solid #173470; width: 228px; height: 26px;
    line-height: 26px; margin: 0 auto; position: relative;
}
.inside .tit h1 b {
    color: #173470; background: #fff; width: 116px;
    position: absolute; left: 50%; margin-left: -56px;
    display: block; text-align: center; bottom: -13px;
}
/* 首页各 section 的 .tit h2 不变，仅内页 .tit 用了 h1 */

/* ---------- 全局基础（iOS 禁止自动放大字体、移动端点击高亮透明） ---------- */
@media (max-width: 1200px) {
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    body {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        min-width: 0 !important;
    }
    *, *::before, *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
        vertical-align: middle;
    }
    video, iframe, embed, object {
        max-width: 100% !important;
    }
    table {
        max-width: 100% !important;
    }
}

/* ---------- 小屏桌面/平板：容器自适应 ---------- */
@media (max-width: 1200px) {
    .wapper,
    .step,
    .banner_01,
    .banner_01 ul,
    .banner_01 ul li,
    .banner_01 ul li img,
    .banner_01 .btnBg,
    .banner_01 .btn,
    .banner_03 .hd {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
    }
    .banner_03 .hd {
        padding-left: 0;
        padding-right: 0;
    }
    .banner_01 ul li img {
        object-fit: cover;
    }
}

/* ---------- 平板：两栏变栈式 ---------- */
@media (max-width: 900px) {
    .inside {
        margin-top: 30px;
        min-height: 0 !important;
    }
    .inside_left {
        width: 100% !important;
        float: none !important;
        margin-bottom: 12px;
    }
    .inside_right {
        width: 100% !important;
        float: none !important;
    }
    .inside_con {
        padding: 10px 12px !important;
    }
    .banner_03 .bd li {
        height: auto !important;
    }
}

/* ---------- 平板以下：汉堡菜单 ---------- */

/* 阻止滚动（菜单打开时） */
body.no-scroll { overflow: hidden !important; }

/* 遮罩层 */
.mobile-menu-overlay {
    display: none;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.45);
    z-index: 998;
}
.mobile-menu-overlay.show { display: block; }

@media (max-width: 900px) {
    /* -- header 容器 -- */
    .header {
        height: auto !important;
        line-height: normal !important;
        padding: 10px 12px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 999;
    }
    .header .logo {
        float: none !important;
        display: flex !important;
        align-items: center;
        padding: 0 !important;
        margin: 0 !important;
        flex-shrink: 0;
    }
    .header .logo a {
        display: inline-flex;
        align-items: center;
    }
    .header .logo img {
        max-height: 50px !important;
        width: auto !important;
        vertical-align: middle;
    }

    /* -- 汉堡按钮 -- */
    .mobile-menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 40px; height: 40px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 6px;
        z-index: 1001;
        flex-shrink: 0;
    }
    .mobile-menu-btn span {
        display: block;
        width: 24px; height: 2px;
        background: #333;
        border-radius: 2px;
        transition: transform .3s, opacity .3s;
    }
    /* X 动画 */
    .mobile-menu-btn.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .mobile-menu-btn.active span:nth-child(2) { opacity: 0; }
    .mobile-menu-btn.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* -- 侧滑菜单面板 -- */
    .menu {
        position: fixed !important;
        top: 0 !important; right: -280px;
        width: 270px !important; height: 100vh !important;
        background: #fff;
        z-index: 1000;
        float: none !important;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 70px 0 30px;
        box-shadow: -4px 0 20px rgba(0,0,0,.15);
        transition: right .3s ease;
        line-height: normal !important;
    }
    .menu.mobile-open {
        right: 0;
    }

    /* -- 菜单列表 -- */
    .menu ul {
        display: block !important;
        width: 100% !important;
        padding: 0;
        margin: 0;
    }
    .menu ul li {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
    }
    .menu ul li > span {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        line-height: 50px;
    }
    .menu ul li > span a {
        font-size: 15px !important;
        color: #333;
        text-decoration: none;
        flex: 1;
        text-align: left !important;
    }

    /* -- 子菜单箭头 -- */
    .sub-arrow {
        display: inline-block;
        width: 8px; height: 8px;
        border-right: 2px solid #999;
        border-bottom: 2px solid #999;
        transform: rotate(45deg);
        transition: transform .25s;
        margin-left: 10px;
        flex-shrink: 0;
    }
    .sub-open > span .sub-arrow {
        transform: rotate(-135deg);
    }

    /* -- 子菜单（默认隐藏，手风琴展开） -- */
    .menu ul li dl {
        display: none !important;
        position: static !important;
        width: 100% !important;
        background: #f8f8f8 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .menu ul li.sub-open dl {
        display: block !important;
    }
    .menu ul li dl dd {
        border-bottom: 1px solid #eee;
        padding: 0 !important;
        line-height: 44px !important;
    }
    .menu ul li dl dd a {
        display: block !important;
        padding: 0 20px 0 36px !important;
        font-size: 14px !important;
        color: #555 !important;
        text-align: left !important;
    }
    .menu ul li dl dd a:hover { color: #173470 !important; }

    /* 二级子菜单 dl dl */
    .menu ul li dl dl {
        position: static !important;
        background: #f2f2f2 !important;
    }
    .menu ul li dl dl dd a {
        padding-left: 52px !important;
        font-size: 13px !important;
        color: #777 !important;
    }
}

/* 桌面端隐藏汉堡按钮和遮罩 */
@media (min-width: 901px) {
    .mobile-menu-btn { display: none !important; }
    .mobile-menu-overlay { display: none !important; }
}

/* ---------- 内页标题块（.inside .tit）缩小 ---------- */
@media (max-width: 900px) {
    .inside .tit h2 {
        width: auto !important;
        max-width: 80%;
        margin: 0 auto;
    }
    .inside .tit strong {
        font-size: 22px !important;
        margin-top: 10px !important;
    }
    .inside .tit span {
        width: auto !important;
        padding: 0 12px;
    }
}

/* ---------- 图片列表 img_list_301：移动端响应式（基础在 style.css） ---------- */
@media (max-width: 900px) {
    .img_list_301 ul {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }
    .img_list_301 ul li .show_img,
    .img_list_301 ul li .show_img img {
        height: 100px !important;
    }
    .img_list_301 ul li .show_img_title {
        padding: 10px 8px !important;
        font-size: 14px !important;
    }
}
@media (max-width: 400px) {
    .img_list_301 ul {
        grid-template-columns: 1fr !important;
    }
    .img_list_301 ul li .show_img,
    .img_list_301 ul li .show_img img {
        height: 120px !important;
    }
}

/* ---------- 新闻列表 NewList ---------- */
@media (max-width: 768px) {
    .NewList {
        padding: 0 !important;
        margin: 0 !important;
    }
    .NewList ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    .NewList ul li {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
        box-sizing: border-box;
    }
    .NewList ul li img {
        width: 100% !important;
        height: auto !important;
    }
}

/* ---------- 首页 con 系列：模块堆叠 ---------- */
@media (max-width: 900px) {
    .con1, .con2, .con3, .con4, .con5, .con6,
    [class^="con"][class$=" wapper"] {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    .con1 ul li,
    .con2 ul li,
    .con3 ul li,
    .con4 ul li,
    .con5 ul li,
    .con6 ul li {
        width: 100% !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box;
    }
}

/* ---------- 产品相册 / Photo 相册 ---------- */
@media (max-width: 768px) {
    #gallery li,
    .product_zhanshi table,
    .product_zhanshi td {
        width: 100% !important;
        display: block !important;
        float: none !important;
        box-sizing: border-box;
    }
    .product_zhanshi img {
        width: 100% !important;
        height: auto !important;
    }
}

/* ---------- 表单 / 留言 Message 改版组件适配 ---------- */
@media (max-width: 768px) {
    .inside_con .message-card {
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .inside_con .message-hero {
        padding: 24px 16px 20px !important;
    }
    .inside_con .message-hero h2 {
        font-size: 20px !important;
    }
    .inside_con .message-hero p {
        font-size: 13px !important;
    }
    .inside_con .message-badges {
        gap: 6px 12px !important;
    }
    .inside_con .message-form,
    .inside_con .message-body {
        padding: 20px 16px !important;
    }
    .inside_con .message-form .form-row,
    .inside_con .message-form .row {
        display: block !important;
    }
    .inside_con .message-form input,
    .inside_con .message-form textarea,
    .inside_con .message-form select {
        width: 100% !important;
        box-sizing: border-box;
        font-size: 16px !important; /* 避免 iOS 自动放大 */
        padding: 12px !important;
    }
    .inside_con .message-form button,
    .inside_con .message-form .btn {
        width: 100% !important;
        min-height: 44px;
    }
}

/* ---------- 表格通用响应：允许横向滚动 ---------- */
@media (max-width: 768px) {
    .inside_con table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .inside_con .tit-table,
    .inside_con .no-scroll-table {
        display: table;
        overflow: visible;
        white-space: normal;
    }
}

/* ---------- 分页器 ---------- */
@media (max-width: 768px) {
    .pages, .pagelist, .page {
        text-align: center !important;
    }
    .pages a, .pages span,
    .pagelist a, .pagelist span,
    .page a, .page span {
        display: inline-block;
        min-width: 32px;
        min-height: 32px;
        line-height: 30px !important;
        padding: 0 8px !important;
        margin: 2px !important;
        font-size: 13px !important;
    }
}

/* ---------- 底部 ---------- */
@media (max-width: 900px) {
    .footer {
        padding: 20px 12px !important;
    }
    .footer .wapper,
    .footer > div {
        padding: 0 !important;
    }
    .footer ul,
    .footer dl {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
        text-align: center;
    }
    .footer ul li,
    .footer dl dd {
        text-align: center !important;
    }
    .footer .foot_logo,
    .footer .foot-logo {
        float: none !important;
        display: block;
        margin: 0 auto 10px !important;
        text-align: center;
    }
    .foot, .bottom {
        padding: 15px 12px !important;
        font-size: 12px !important;
    }
}

/* ---------- Step 流程图（首页10步申请步骤） ---------- */
@media (max-width: 900px) {
    .step {
        width: 100% !important;
        padding: 0 12px !important;
    }
    .step h3 {
        font-size: 22px !important;
        padding: 20px 0 15px !important;
    }
    .step ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        gap: 8px;
    }
    .step ul > span {
        display: none !important;
    }
    .step span.line {
        display: none !important;
    }
    .step li {
        width: 30% !important;
        height: auto !important;
        min-height: 100px;
        margin: 0 !important;
        background-size: cover !important;
        border-radius: 6px;
        overflow: hidden;
    }
    .step li p {
        font-size: 13px !important;
        padding-top: 50% !important;
        padding-bottom: 6% !important;
    }
    .step li:nth-of-type(6) p {
        font-size: 28px !important;
        padding-top: 25% !important;
    }
    .step > a {
        display: block !important;
        margin: 15px auto 0 !important;
        text-align: center;
        font-size: 14px !important;
    }
}
@media (max-width: 480px) {
    .step li {
        width: 46% !important;
    }
    .step li p {
        font-size: 12px !important;
    }
}

/* ---------- 面包屑导航 .weizhi ---------- */
@media (max-width: 768px) {
    .weizhi {
        height: auto !important;
        line-height: 1.6 !important;
        font-size: 13px !important;
        margin-top: 10px !important;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
    .weizhi a {
        padding: 3px 10px !important;
        font-size: 13px !important;
    }
}

/* ---------- 留学服务/申请状态等 SEO Landing ---------- */
@media (max-width: 768px) {
    .seo-hero,
    .seo-section,
    .seo-landing,
    [class*="seo-"] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .seo-grid,
    .seo-cards,
    .seo-list {
        display: block !important;
    }
    .seo-grid > *,
    .seo-cards > *,
    .seo-list > * {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
    }
}

/* ---------- 手机小屏进一步收紧 ---------- */
@media (max-width: 480px) {
    body {
        font-size: 14px !important;
    }
    .inside .tit strong {
        font-size: 18px !important;
    }
    .header .logo img {
        max-height: 40px !important;
    }
    .inside_con {
        padding: 8px 10px !important;
        font-size: 14px !important;
        line-height: 1.7;
    }
    h1, h2, h3 {
        line-height: 1.4;
    }
    .sr-only {
        /* 保持隐藏 */
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
    }
}

/* ==========================================================================
   首页 Banner 区域（.banner .left / .right / .scroll_03）
   桌面端：absolute 叠加在轮播图上
   移动端：轮播图限高 + 公司信息精简叠加 + 右侧滚动新闻隐藏
   ========================================================================== */
@media (max-width: 900px) {
    .banner {
        position: relative !important;
        overflow: hidden;
    }

    /* -- 轮播图：限高，图片裁切 -- */
    .banner_02 {
        height: 220px !important;
        overflow: hidden !important;
        position: relative;
    }
    .banner_02 img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover;
    }

    /* -- 公司信息：叠加在轮播图底部 -- */
    .banner .left {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        float: none !important;
        width: 100% !important;
        padding: 12px 16px !important;
        z-index: 5;
        background: rgba(9, 47, 112, 0.75);
        text-align: center;
        border-left: 0px;
        box-sizing: border-box;
    }
    .banner .left h1,
    .banner .left h2 {
        font-size: 18px !important;
        margin: 0 0 4px !important;
        line-height: 1.3 !important;
    }
    .banner .left b {
        font-size: 12px !important;
        display: inline-block !important;
        padding: 2px 8px !important;
        margin-bottom: 4px;
    }
    .banner .left strong {
        font-size: 12px !important;
        line-height: 1.4 !important;
        display: block;
    }
    .banner .left span {
        display: none !important;
    }

    /* -- 右侧滚动新闻：移动端隐藏（内容在首页其他模块已有） -- */
    .banner .right {
        display: none !important;
    }
}

/* 小手机进一步压缩 banner */
@media (max-width: 480px) {
    .banner_02,
    .banner_02 img {
        height: 180px !important;
    }
    .banner .left {
        padding: 8px 12px !important;
    }
    .banner .left h1,
    .banner .left h2 {
        font-size: 16px !important;
    }
    .banner .left b {
        font-size: 11px !important;
    }
    .banner .left strong {
        font-size: 11px !important;
    }
}

/* ==========================================================================
   首页 CON1 服务项目卡片：4列 → 2×2 网格卡片
   ========================================================================== */
@media (max-width: 900px) {
    .con1 {
        height: auto !important;
        margin-top: 24px !important;
        padding: 0 16px !important;
        box-sizing: border-box;
    }
    .con1 .tit h2 {
        width: auto !important;
        max-width: 80%;
        margin: 0 auto;
    }
    .con1 .tit strong {
        font-size: 20px !important;
    }
    .con1 .tit span {
        width: auto !important;
        font-size: 13px !important;
    }
    .con1 ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 16px !important;
        padding: 0 !important;
    }
    .con1 ul .clear { display: none !important; }
    .con1 ul li {
        float: none !important;
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-size: 60px 60px !important;
        background-position: center 16px !important;
        background-repeat: no-repeat !important;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 84px 8px 14px !important;
        box-sizing: border-box;
        text-align: center;
        transition: box-shadow .2s;
    }
    .con1 ul li:active {
        box-shadow: 0 2px 8px rgba(0,0,0,.1);
    }
    .con1 ul li a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        text-decoration: none;
    }
    .con1 ul li strong {
        display: block !important;
        padding-top: 0 !important;
        font-size: 14px !important;
        color: #173470 !important;
        font-weight: 600 !important;
        text-align: center !important;
    }
    .con1 ul li span {
        display: none !important;
    }
    .cui-cta{margin: 0 20px;}
}
@media (max-width: 400px) {
    .con1 ul li {
        background-size: 48px 48px !important;
        background-position: center 12px !important;
        padding: 68px 6px 12px !important;
    }
    .con1 ul li strong {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   首页 CON2 公司简介：3图重叠 → 单图 + 文字卡片
   ========================================================================== */
@media (max-width: 900px) {
    .con2 {
        margin-top: 24px !important;
    }
    .con2 .tit h2 {
        width: auto !important;
        max-width: 80%;
        margin: 0 auto;
    }
    .con2 .tit strong {
        font-size: 20px !important;
    }
    .con2 .tit span {
        width: auto !important;
    }
    .con2bg {
        background: #f5f6f4 !important;
        padding: 0 !important;
    }

    /* 容器 */
    .about {
        position: static !important;
        height: auto !important;
        margin-top: 0 !important;
        padding: 16px !important;
        overflow: hidden;
    }

    /* 只保留第一张图 */
    .about .img1 {
        position: static !important;
        width: 100% !important;
        margin-bottom: 0;
        border-radius: 8px;
        overflow: hidden;
    }
    .about .img1 img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover;
        display: block;
        border-radius: 8px;
    }

    /* 隐藏装饰性的第二、三张图 */
    .about .img2,
    .about .img3 {
        display: none !important;
    }

    /* 公司简介文字 */
    .about > span {
        position: static !important;
        display: block !important;
        width: 100% !important;
        padding: 14px 0 !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: #444 !important;
        text-indent: 2em;
    }

    /* MORE 按钮 */
    .about .more {
        position: static !important;
        width: 100% !important;
        text-align: center;
        margin-top: 4px;
        padding: 0 0 8px;
    }
    .about .more a {
        font-size: 14px !important;
        background: #173470;
        color: #fff !important;
        padding: 10px 40px;
        border-radius: 20px;
        display: inline-block;
        text-decoration: none;
        letter-spacing: 2px;
    }
}

/* ==========================================================================
   首页 CON3 新闻中心：左右两列 → 堆叠
   ========================================================================== */
@media (max-width: 900px) {
    .c3-left,
    .c3-right {
        float: none !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .c3-right .list {
        height: auto !important;
        margin-bottom: 10px;
    }
    .c3-right .list-left {
        float: none !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #173470;
        padding-bottom: 6px;
        margin-bottom: 6px;
    }
    .c3-right .list-right {
        float: none !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   首页 CON4 底部导航区（深色背景 + f_nav + f_pillars）
   ========================================================================== */
@media (max-width: 900px) {
    .con4bg {
        margin-top: 30px !important;
        background-size: cover !important;
    }
    .con4 {
        padding: 0 12px !important;
    }
    .c4-left {
        float: none !important;
        width: 100% !important;
    }
    .c4-left span {
        font-size: 18px !important;
        padding-top: 15px !important;
    }
    .c4-left b {
        font-size: 12px !important;
    }
    .c4-right {
        float: none !important;
        margin-top: 15px !important;
        text-align: center;
    }
    .c4-right a {
        width: 100% !important;
        max-width: 300px;
        margin: 0 auto;
    }
    .con4bg .f_nav {
        flex-wrap: wrap !important;
        gap: 15px !important;
        padding-bottom: 20px !important;
    }
    .con4bg .f_nav dl {
        width: 45% !important;
        min-width: 0 !important;
    }
    .con4bg .f_nav .c4-right {
        width: 100% !important;
        text-align: center !important;
    }
    .con4bg .f_nav .c4-right a {
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .con4bg .f_nav dl {
        width: 100% !important;
    }
    .c4-left span {
        font-size: 16px !important;
    }
}

/* ==========================================================================
   Footer pillar 聚合入口条：3列网格 → 单列
   ========================================================================== */
@media (max-width: 900px) {
    .con4bg .f_pillars {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding-top: 16px !important;
    }
    .con4bg .f_pillars .pillar h5 {
        font-size: 14px !important;
    }
    .con4bg .f_pillars .pillar-links {
        gap: 6px !important;
    }
    .con4bg .f_pillars .pillar-links a {
        font-size: 12px !important;
        padding: 3px 8px !important;
    }
}

/* ==========================================================================
   内页 .inside_left 侧边栏：点击展开式 + 视觉优化
   ========================================================================== */
@media (max-width: 900px) {
    .inside_left .side_a dl dt {
        font-size: 16px !important;
    }
    .inside_left .side_a dl dd {
        height: auto !important;
        line-height: 40px !important;
    }
    .inside_left .side_a dl dd a {
        font-size: 14px !important;
        min-height: 40px;
    }
}

/* ==========================================================================
   新闻详情页 / 图文详情页：内容自适应
   ========================================================================== */
@media (max-width: 768px) {
    .inside_con table,
    .inside_con p,
    .inside_con div,
    .inside_con span {
        max-width: 100% !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .inside_con img {
        max-width: 100% !important;
        height: auto !important;
    }
    .inside_con iframe,
    .inside_con embed,
    .inside_con video {
        max-width: 100% !important;
        height: auto !important;
    }
    /* 详情页文字 */
    .inside_con p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    /* 上一篇/下一篇 */
    .inside_con .prev_next,
    .inside_con .pre_next {
        font-size: 13px !important;
    }
    .inside_con .prev_next a,
    .inside_con .pre_next a {
        word-break: break-all;
    }
}

/* ==========================================================================
   SEO Landing 页面补充覆盖（city/country/major 目录）
   ========================================================================== */
@media (max-width: 768px) {
    .landing-hero,
    .hero-section,
    [class*="-hero"] {
        padding: 24px 12px !important;
    }
    .landing-hero h1,
    .hero-section h1 {
        font-size: 22px !important;
    }
    .landing-grid,
    .city-grid,
    .country-grid,
    .major-grid {
        display: block !important;
    }
    .landing-grid > *,
    .city-grid > *,
    .country-grid > *,
    .major-grid > * {
        width: 100% !important;
        margin-bottom: 12px !important;
    }
    /* FAQ 折叠 */
    .faq-item h3,
    .faq-item summary {
        font-size: 14px !important;
    }
    .faq-item p,
    .faq-item div {
        font-size: 13px !important;
        line-height: 1.7;
    }
}

/* ==========================================================================
   通用溢出兜底：所有固定宽度 inline style 的 img/table
   ========================================================================== */
@media (max-width: 900px) {
    [width],
    [style*="width:"] {
        max-width: 100% !important;
        box-sizing: border-box;
    }
    td img, th img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ---------- 打印友好（顺带做个兜底） ---------- */
@media print {
    .header .menu,
    .footer,
    .banner,
    .banner_01, .banner_02, .banner_03 {
        display: none !important;
    }
    .wapper {
        width: 100% !important;
    }
}