@charset "utf-8";

/* ==========================================================
 *  Mobile Optimization Patch
 * 作用：在不破坏原有桌面端样式的前提下，集中优化移动端体验。
 * 加载顺序：在 bootstrap.css / style_1_1.css / index.css 之后加载。
 * ========================================================== */

/* ---------- 全局基础优化 ---------- */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }

/* iOS 惯性滚动 */
.scroll-touch, .navbar-collapse,
.owl-carousel, .meixuan_about_body_bg {
    -webkit-overflow-scrolling: touch;
}

/* 链接和按钮：去除点击高亮、防止点击穿透 */
a, button, input, textarea, select {
    -webkit-tap-highlight-color: transparent;
}

/* 触摸目标最小尺寸（44x44 是 Apple HIG 推荐值） */
.btn, .navbar-nav > li > a,
.fh5co-nav-toggle,
#fh5co-our-services .box,
.gotojobinfo {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/* ==========================================================
 *  平板及以下 (<= 991px)
 * ========================================================== */
@media screen and (max-width: 991px) {
    /* 容器内边距适配 */
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* 行间距 */
    .row { margin-left: -10px; margin-right: -10px; }
    .row > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

    /* 修复 vw 单位在移动端导致的极小字号 */
    .meixuan_about_h,
    .meixuan_about_p,
    .meixuan_h_job_join_title {
        font-size: 14px !important;
    }
}

/* ==========================================================
 *  手机端 (<= 768px) —— 主要优化范围
 * ========================================================== */
@media screen and (max-width: 768px) {
    /* ---------- 全局排版 ---------- */
    body {
        font-size: 15px;
        line-height: 1.7;
    }

    .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    /* 标题字号梯度 */
    .h-title { font-size: 22px !important; line-height: 1.4 !important; }
    .h-sub-title { font-size: 16px !important; margin-top: 8px !important; }

    h1 { font-size: 24px; line-height: 1.4; }
    h2 { font-size: 20px; line-height: 1.4; }
    h3 { font-size: 17px; line-height: 1.5; }

    /* 段落最小字号保护（防止 12px 在高 DPI 设备上太小） */
    p, .about-us-p, .meixuan_about_info_p,
    .meixuan_pr_ai_center_p, .meixuan_pr_camera_center_info_p,
    .meixuan_sms_info_p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    /* ---------- 顶部导航 Header（深蓝黑，全端统一）---------- */
    #fh5co-header {
        background: #080f1c !important;
        border-bottom: 1px solid rgba(27,111,212,0.18) !important;
        -webkit-box-shadow: 0 2px 16px rgba(8,15,28,0.45) !important;
        box-shadow: 0 2px 16px rgba(8,15,28,0.45) !important;
        min-height: 56px;
    }

    #fh5co-header .navbar { min-height: 56px; margin-top: 0; }

    /* navbar-header：flex 垂直居中（汉堡按钮对齐） */
    #fh5co-header .navbar-header {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        position: relative;
        min-height: 56px;
    }

    .navbar-brand {
        height: 56px !important;
        padding: 8px 10px !important;
        line-height: 40px !important;
        width: auto !important;
        max-width: 70%;
    }

    .navbar-brand > img,
    #logo-img {
        max-height: 40px !important;
        width: auto !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    /* 汉堡按钮：垂直精确居中 */
    .fh5co-nav-toggle {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 50% !important;
        right: 14px !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .fh5co-nav-toggle i { margin: 0 auto; display: block; position: relative; top: 0; }

    /* 下拉菜单：深色 */
    #fh5co-header .navbar-collapse {
        background: #0a1628 !important;
        margin: 0 -14px;
        padding: 0;
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid rgba(27,111,212,0.20) !important;
        -webkit-box-shadow: 0 8px 24px rgba(8,15,28,0.5);
        box-shadow: 0 8px 24px rgba(8,15,28,0.5);
    }

    #fh5co-header #navbar { padding: 6px 0; }
    #fh5co-header .navbar-nav { margin: 0; padding: 0; }

    #fh5co-header #navbar li a,
    #fh5co-header.navbar-fixed-top #navbar li a {
        padding: 14px 20px !important;
        font-size: 16px !important;
        color: rgba(255,255,255,0.70) !important;
        border-bottom: 1px solid rgba(27,111,212,0.12) !important;
        line-height: 1.6;
        min-height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #fh5co-header #navbar li a span { padding-bottom: 0 !important; }
    #fh5co-header #navbar li a span:before { display: none !important; }

    #fh5co-header #navbar li.active a,
    #fh5co-header #navbar li a:hover {
        color: #fff !important;
        background: rgba(27,111,212,0.15) !important;
    }

    /* ---------- 首页轮播 Banner ---------- */
    .owl-carousel-fullwidth .item,
    .owl-carousel-fullwidth .fh5co-owl-text-wrap {
        height: auto !important;
        min-height: 320px;
        padding: 60px 0 50px !important;
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
        font-size: 22px !important;
        line-height: 1.35 !important;
        margin-bottom: 12px !important;
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead[style*="font-size: 14px"] {
        font-size: 13px !important;
        margin-top: 12px !important;
    }

    .owl-theme .owl-dots { margin-bottom: 15px !important; }
    .owl-theme .owl-dots .owl-dot span { width: 22px; height: 3px; }

    /* ---------- 按钮 ---------- */
    .btn,
    .btn-sm,
    .btn-radius {
        font-size: 14px !important;
        padding: 10px 22px !important;
        border-radius: 24px !important;
        min-height: 40px;
        display: inline-block;
        letter-spacing: 1px;
    }

    /* ---------- 产品服务区 (Index) ---------- */
    #fh5co-our-services { padding: 30px 0 !important; }

    .meixuan_index_pr_pd_15 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    #fh5co-our-services .box {
        padding: 16px 10px !important;
        margin-bottom: 10px !important;
        min-height: 90px !important;
        border-radius: 12px !important;
    }

    #fh5co-our-services .box h3 {
        font-size: 15px !important;
        margin-top: 8px !important;
        line-height: 1.4;
    }

    #fh5co-our-services .box .icon img { width: 32px !important; }

    .fh5co-press-text { padding: 5px 5px 0 5px !important; }

    .fh5co-press-text .fh5co-press-title {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin: 8px 0 !important;
    }

    /* ---------- 关于我们区块 (Index) ----------
     * 新结构：背景在 #about-us 全宽，文字卡片居中 col-xs-12
     * 移动端：卡片全宽，内边距适当收紧 */
    .meixuan_about_index_text_col {
        width: 100% !important;
    }

    .about-us-index-title {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

    .about-us-p-top { margin-top: 20px !important; }

    /* ---------- 加入我们 (Index + Job 页) ---------- */
    #fh5co-job { padding: 20px 0 !important; }

    /* 职位列表外层：不管是 col-md-6 还是 col-xs-12，
       移动端统一强制 50% 两列并排 */
    #fh5co-job .row > .col-md-6,
    #fh5co-job .row > .col-lg-6,
    #fh5co-job .row > .col-xs-12.gotojobinfo {
        width: 50% !important;
        float: left !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* 职位卡内层：col-md-12 同样退化，强制全宽 */
    #fh5co-job .col-md-12.fh5co-job-col {
        width: 100% !important;
    }

    /* 职位卡：flex 横排，图标 + 文字 + 按钮一行显示
     * 固定高度 90px，hover 前后高度一致，不引起跳动 */
    .fh5co-job-col {
        height: 90px !important;
        padding: 12px 10px !important;
        border-radius: 10px !important;
        margin-top: 10px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        overflow: hidden;
    }

    /* 图标列：固定宽度 */
    .fh5co-job-col .col-lg-2.col-xs-2 {
        width: 32px !important;
        padding: 0 !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0 !important;
    }
    .fh5co-job-col .col-lg-2.col-xs-2 img {
        max-width: 24px !important;
        display: block;
    }

    /* 文字列：flex 1，自动占满剩余空间 */
    .fh5co-job-col .col-lg-8.col-xs-10 {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        padding: 0 6px !important;
        overflow: hidden;
    }

    /* "了解更多" 按钮列：隐藏（小屏空间不足，点卡片本身即可跳转） */
    .fh5co-job-col .more {
        display: none !important;
    }

    #fh5co-job .box { padding: 0 !important; }

    #fh5co-job .box h3 {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 0 3px 0 !important;
        border-bottom: none !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #fh5co-job .box h2 {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    #fh5co-job .box img { max-width: 70% !important; }

    .job-title {
        font-size: 22px !important;
        -webkit-text-stroke: 1px #0A4EB1;
    }

    /* ---------- 合作伙伴 ---------- */
    .meixuan_partners_pn_icon {
        max-width: 80% !important;
        display: block;
        margin: 0 auto;
    }

    .meixuan_partners_pn .row > div {
        margin-bottom: 14px;
    }

    .meixuan_partners_title {
        font-size: 20px !important;
    }

    /* ---------- 子页面 Banner (产品/关于/招聘) ---------- */
    .meixuan_pr_header_bg,
    .meixuan_about_header_bg,
    .meixuan_job_header_bg,
    .meixuan_job_join_header_bg {
        height: 280px !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .meixuan_job_banner_top,
    .meixuan_pr_info_banner_top,
    .meixuan_sms_info_banner_top,
    .meixuan_sms_info_banner_top_en,
    .meixuan_job_join_banner_top {
        margin-top: 90px !important;
    }

    .meixuan_job_banner_title,
    .meixuan_pr_info_banner_title,
    .meixuan_sms_info_banner_title {
        font-size: 24px !important;
        line-height: 1.4;
    }

    .meixuan_job_banner_title1 {
        font-size: 16px !important;
        line-height: 1.5;
    }

    /* ---------- 产品列表页（四张卡统一） ---------- */
    .meixuan_pr_info_bg1,
    .meixuan_pr_info_bg2,
    .meixuan_pr_info_bg3,
    .meixuan_pr_info_bg4,
    .meixuan_pr_info_bg5 {
        height: auto !important;
        min-height: 220px;
        /*padding: 24px 18px !important;*/
        border-radius: 10px !important;
        background-size: cover !important;
        overflow: hidden; /* BFC：包含内部 float，背景高度正确覆盖内容 */
    }

    .meixuan_pr_info_bg1 > div,
    .meixuan_pr_info_bg2 > div,
    .meixuan_pr_info_bg3 > div,
    .meixuan_pr_info_bg4 > div,
    .meixuan_pr_info_bg5 > div {
        padding-left: 0 !important;
    }

    /* 四张卡文字框（.product-col / .product-col-en）统一修复：
     * 原 CSS margin-top:200px 在移动端把文字推出容器；
     * 右侧两圆角与卡片整体圆角不连续；背景改半透明白保留可读性。 */
    .meixuan_pr_info_bg1 .product-col,
    .meixuan_pr_info_bg1 .product-col-en,
    .meixuan_pr_info_bg2 .product-col,
    .meixuan_pr_info_bg2 .product-col-en,
    .meixuan_pr_info_bg4 .product-col,
    .meixuan_pr_info_bg4 .product-col-en,
    .meixuan_pr_info_bg5 .product-col,
    .meixuan_pr_info_bg5 .product-col-en {
        margin-top: 200px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        padding: 14px 16px !important;
        background-color: rgba(255, 255, 255, 0.92) !important;
        border-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }

    /* 四张卡图标间距统一 */
    .meixuan_pr_info_bg1 .icon,
    .meixuan_pr_info_bg2 .icon,
    .meixuan_pr_info_bg4 .icon,
    .meixuan_pr_info_bg5 .icon {
        margin-bottom: 10px;
    }

    /* 第四项 SVG 图标移动端颜色：白色背景框下改深蓝（与前三项 img 图标一致） */
    .meixuan_pr_info_bg5 .icon svg {
        stroke: #0A4EB1 !important;
    }

    .h-product-title {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .h-product-sub-title {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* ---------- 关于我们页 - 时间线 ---------- */
    .meixuan_about_body_bg {
        background-size: cover !important;
        padding: 20px 0 !important;
    }

    .meixuan_about_info_h_bg,
    .meixuan_about_info_h_bg_en {
        background-position: 0 top !important;
        padding-top: 12px;
        line-height: 1.6 !important;
    }

    .meixuan_about_time_bg_y {
        background-size: 0 0 !important;
        background: none !important;
    }

    .meixuan_about_loc_y_pd { margin-top: 6px !important; }

    /* 时间线每个项目卡片化 */
    .meixuan_about_time_line_min .row > div[class*="col-"] {
        margin-bottom: 8px;
    }

    .meixuan_about_h {
        font-size: 15px !important;
        margin-top: 0 !important;
    }

    .meixuan_about_p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    /* ---------- 招聘列表页 ---------- */
    .meixuan_h_job_title {
        font-size: 18px !important;
        line-height: 1.5;
    }

    .meixuan_h_job_sub_title {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }

    .meixuan_h_job_g_border {
        padding: 18px 14px !important;
        border-radius: 10px !important;
    }

    .meixuan_h_job_g_title {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin-top: 10px !important;
    }

    .meixuan_h_job_g_s_title { font-size: 13px !important; }

    .meixuan_job_row_top { margin-top: 16px !important; }
    .meixuan_job_row_top1 { margin-top: 16px !important; }

    /* ---------- 产品详情页 ---------- */
    .meixuan_pr_ai_header_bg,
    .meixuan_pr_camera_header_bg,
    .meixuan_pr_pre_header_bg,
    .meixuan_pr_sms_header_bg {
        height: 280px !important;
        background-size: cover !important;
    }

    .meixuan_pr_ai_center_info,
    .meixuan_pr_camera_center_info,
    .meixuan_pr_pre_center_info,
    .meixuan_pr_sms_center_info {
        width: 100% !important;
        max-width: 280px;
        margin: 16px auto !important;
        height: auto !important;
        min-height: 130px;
        padding: 12px;
    }

    .meixuan_pr_camera_vs { margin-top: 20px !important; }

    .meixuan_pr_camera_s_title {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .meixuan_pr_camera_ss_title {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .meixuan_pr_camera_left_bg4,
    .meixuan_pr_camera_left_bg5,
    .meixuan_pr_camera_left_bg6,
    .meixuan_pr_camera_left_bg7,
    .meixuan_pr_camera_left_bg8 {
        height: 200px !important;
    }

    .meixuan_pr_ai_center_title { font-size: 17px !important; }
    .meixuan_pr_ai_center_sub_title { font-size: 14px !important; }

    /* ---------- Footer ---------- */
    .meixuan_footer {
        padding: 28px 0 20px;
    }

    /* 移动端 footer container 保留内边距，内容不贴边 */
    .meixuan_footer .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* col 本身 padding 归零，靠 container 的 padding 控制边距 */
    .meixuan_footer .row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* brand_col */
    .meixuan_footer_brand_col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .meixuan_footer_logo,
    .meixuan_footer_logo_e {
        display: block !important;
        max-width: 55% !important;
        margin: 12px 0 6px 0 !important;
    }

    /* 二维码在手机端也显示 */
    .meixuan_wechat_show {
        display: block !important;
        margin-top: 20px;
        padding-top: 18px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.08);
    }

    .meixuan_wechat {
        max-width: 120px !important;
        width: 120px !important;
    }

    .meixuan_footer_title {
        font-size: 14px !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        padding-left: 0 !important;
    }

    .meixuan_footer_title_small {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
        padding-left: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        word-break: break-all;
    }

    /* 前缀小图标（地址/加入/电话） */
    .meixuan_footer_title_small > img:first-child {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: 0;
    }

    /* 邮箱图片（join_email.png / buss1_email.png）：
     * 原内联 margin-top:-3px 在 flex 下失效，图片被压到很小；
     * 改为限制高度与行高一致，自动等比缩放，align-self 居中 */
    .meixuan_footer_title_small img:not(:first-child) {
        max-height: 18px !important;
        width: auto !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-item-align: center;
        align-self: center;
        margin-top: 0 !important;
        vertical-align: middle;
    }

    .meixuan_footer .row { margin-bottom: 12px; }

    .meixuan_footer_copyright {
        padding-top: 16px !important;
        line-height: 1.8;
    }
    .meixuan_footer_copyright .meixuan_footer_copyright_sep { display: inline-block; }
    .meixuan_footer_copyright a {
        display: inline-block;
        margin-bottom: 4px;
    }

    /* ---------- 触摸反馈 ---------- */
    .btn:hover, .btn:active, .btn:focus {
        -webkit-transform: none;
        transform: none;
    }

    .btn:active {
        opacity: 0.85;
    }

    /* ---------- 表单元素 ---------- */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    textarea, select {
        font-size: 16px; /* 避免 iOS 自动放大 */
    }

    /* ---------- 入场动画兜底 ----------
     * 原项目用 jQuery waypoint 控制 .to-animate 入场，
     * 但移动端 waypoint 可能不触发（元素已在首屏、或脚本加载延迟），
     * 会导致整个区域（含图片）永远 opacity:0 不可见。
     * 移动端直接显示，禁用入场动画。 ---------- */
    .to-animate,
    .to-animate-2,
    .single-animate,
    .js .to-animate,
    .js .to-animate-2,
    .js .single-animate {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible !important;
    }

    /* ---------- 产品介绍卡片图片（防塌陷 + 防隐藏） ---------- */
    #fh5co-our-services .set,
    #fh5co-our-services .set > div,
    #fh5co-our-services .set img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
    }

    #fh5co-our-services .set img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 180px; /* 加载期间防止容器塌陷 */
        -o-object-fit: contain;
        object-fit: contain;
    }

    /* 切换产品时确保显示状态正确 */
    #fh5co-our-services .set[style*="display: none"],
    #fh5co-our-services .set[style*="display:none"] {
        display: none !important;
    }
    #fh5co-our-services .set:not([style*="display: none"]):not([style*="display:none"]) {
        display: block !important;
    }
}

/* ==========================================================
 *  小屏手机 (<= 480px)
 * ========================================================== */
@media screen and (max-width: 480px) {
    .owl-carousel-fullwidth .item,
    .owl-carousel-fullwidth .fh5co-owl-text-wrap {
        min-height: 280px;
        padding: 50px 0 40px !important;
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
        font-size: 20px !important;
    }

    .meixuan_pr_header_bg,
    .meixuan_about_header_bg,
    .meixuan_job_header_bg,
    .meixuan_job_join_header_bg,
    .meixuan_pr_ai_header_bg,
    .meixuan_pr_camera_header_bg,
    .meixuan_pr_pre_header_bg,
    .meixuan_pr_sms_header_bg {
        height: 220px !important;
    }

    .meixuan_job_banner_top,
    .meixuan_pr_info_banner_top,
    .meixuan_sms_info_banner_top,
    .meixuan_sms_info_banner_top_en,
    .meixuan_job_join_banner_top {
        margin-top: 60px !important;
    }

    .meixuan_job_banner_title,
    .meixuan_pr_info_banner_title,
    .meixuan_sms_info_banner_title {
        font-size: 22px !important;
    }

    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .btn { padding: 10px 18px !important; font-size: 13px !important; }
}

/* ==========================================================
 *  超小屏 (<= 360px)
 * ========================================================== */
@media screen and (max-width: 360px) {
    body { font-size: 14px; }
    .h-title { font-size: 20px !important; }
    .navbar-brand > img, #logo-img { max-height: 34px !important; }
}

/* ==========================================================
 *  横屏适配
 * ========================================================== */
@media screen and (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
    .owl-carousel-fullwidth .item,
    .owl-carousel-fullwidth .fh5co-owl-text-wrap {
        min-height: 240px;
        padding: 40px 0 !important;
    }

    #fh5co-header .navbar-collapse {
        max-height: 60vh;
    }
}

/* ==========================================================
 *  安全区域 (iPhone X+ 刘海屏 / 底部 Home Indicator)
 * ========================================================== */
@supports (padding: env(safe-area-inset-bottom)) {
    .meixuan_footer {
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }
    #fh5co-header .navbar-collapse {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* ==========================================================
 *  减少动画偏好（无障碍 & 节能）
 * ========================================================== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================
 *  打印优化
 * ========================================================== */
@media print {
    #fh5co-header, .fh5co-nav-toggle, .owl-theme .owl-dots,
    .meixuan_footer { display: none !important; }
    body { padding-top: 0 !important; }
}

/* ==========================================================
 *  问题4：移动端其他补充修复（<= 768px）
 * ========================================================== */
@media screen and (max-width: 768px) {
    /* 合作伙伴（新设计）移动端 */
    .meixuan_partners_section { padding: 30px 0 26px; }

    .meixuan_partners_cn_title { font-size: 24px !important; }

    .meixuan_partners_logos {
        gap: 10px 12px;
    }

    .meixuan_partners_logo_item {
        min-width: calc(33.333% - 12px);
        padding: 12px 14px;
        border-radius: 10px;
    }

    .meixuan_partners_pn_icon { max-height: 28px; }

    /* footer：联系信息列（地址/加入/电话）宽度铺满 */
    .meixuan_footer .col-lg-6[style*="padding: 0px"],
    .meixuan_footer .col-lg-12[style*="padding: 0px"] {
        width: 100% !important;
    }

    /* 关于我们区块：手机端文字不被背景图压到，增加内边距 */
    .about_us_bg {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    /* 首页 hero Banner：col-md-offset 在手机端无效但容器要全宽 */
    .fh5co-owl-text-wrap .col-md-8,
    .fh5co-owl-text-wrap .col-md-8.col-md-offset-1,
    .fh5co-owl-text-wrap .col-md-8.col-md-offset-2 {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 0 16px !important;
    }

    /* 首页产品介绍区：.set 图片在移动端居中 */
    #fh5co-our-services .set .col-lg-6:last-child {
        text-align: center;
    }
    #fh5co-our-services .set .col-lg-6:last-child img {
        max-width: 85% !important;
        margin: 16px auto 0;
        display: block;
    }
}