/* ================================================================
   鹏宇时代 · 移动端全局适配 mobile.css
   断点: max-width:767px (手机)
   加载顺序: css.css → mobile.css → 页面内联 <style>
   对内联 <style> 中已设属性的覆盖使用 !important
   v=20260827 (整个文件包进 @media(767px)，修复规则泄漏到 PC 端的问题)
   ⚠️ 所有规则必须保持在下方 @media 块内，禁止写到块外（会污染 PC 端）
================================================================ */

@media (max-width: 767px) {

/* ====================== 基础 ====================== */

/* 防止 iOS 输入框聚焦缩放 + 提升基础可读性 */
body { font-size: 1em !important; -webkit-text-size-adjust: 100%; }

/* 内容区最大宽度容器 */
.content { min-width: 0; }

/* ====================== Header ====================== */

/* 缩小 logo / header 高度，留更多内容空间 */
.header { height: 56px; }
.header .a img { max-height: 44px; }
.header .a h5 { display: none !important; }
/* 移动端导航已由 css.css @media(max-width:1023px) 处理（hamburger + 下拉） */

/* ====================== 底部固定导航条 ====================== */

/* 隐藏底部固定 4 项导航条（占用屏幕空间，体验差） */
.footer_tool { display: none !important; }
/* 去掉为 footer_tool 预留的底部 padding */
.copyright { padding-bottom: 1em !important; }

/* ====================== 右侧悬浮工具条 ====================== */

/* 移动端保留简化版悬浮工具（仅图标，不弹二维码） */
.tool {
    display: block !important;
    position: fixed !important;
    right: 10px !important;
    bottom: 16px !important;
    top: auto !important;
    margin-top: 0 !important;
    z-index: 9999 !important;
}
.tool ul li { display: inline-block; padding-bottom: 0; }
.tool ul li dl {
    width: 44px; height: 44px; line-height: 44px; border-radius: 50%;
}
.tool ul li dt { width: 44px; height: 44px; }
.tool ul li dd { display: none !important; }
.tool ul li:hover dl { width: 44px; background: #B8963E; }
.tool ul li .code { display: none !important; }

/* footer 进入视口时隐藏悬浮工具条，避免遮挡联系信息 */
body.footer-inview .tool { display: none !important; }

/* ====================== Footer ====================== */
/* 原因：css.css 给 .footer .content>dl 设了 min-width:0 + width:auto，
   导致 grid 子项被内容 min-width 挤压，1fr 列被压成 ~60px，
   中文 4 字标题"关于我们"被压成每个字一行。
   修复：grid 用 minmax(0, 1fr) 允许列宽严格 50/50，dl width:100% 锁满。*/

.footer ul.content {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    padding: 1.5em 1em !important;
    gap: 10px 8px !important;
}
/* 用 ul.content > dl 直接子选择器 + !important 强制拉伸 + 100% 宽度 */
.footer ul.content > dl {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: none !important;
    float: none !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    border-left: 0 !important;
    padding: 0.6em 0.5em !important;
}
.footer ul.content > dl.f1,
.footer ul.content > dl.f5 {
    width: 100% !important;
    min-width: 0 !important;
}

/* ========== 2x2 布局：第 1 行=热门产品+快速导航，第 2 行=联系我们+二维码 ========== */
.footer ul.content > dl.f1:nth-of-type(1) { grid-row: 1 !important; grid-column: 1 !important; }
.footer ul.content > dl.f5               { grid-row: 2 !important; grid-column: 1 !important; }
.footer ul.content > dl.f1:nth-of-type(2) { grid-row: 1 !important; grid-column: 2 !important; }
.footer .content > .code                 { grid-row: 2 !important; grid-column: 2 !important; }
.footer .content > .code {
    grid-column: span 2 !important;
    padding: 1em 0 0.2em !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.8em !important;
    border-top: 1px solid rgba(184, 150, 62, 0.22);
    width: 100% !important;
    box-sizing: border-box !important;
}
.footer .content > .code img { width: 64px; height: 64px !important; }
.footer .content > .code { color: #EFE9DA; font-size: 12px !important; flex-direction: column !important; gap: 4px !important; text-align: center !important; }

/* 标题 */
.footer dl dt { margin-bottom: 0.5em !important; }
.footer dl dt h5 { font-size: 14px !important; letter-spacing: 1px !important; font-weight: 600 !important; }

/* 链接文字大小 + 行高 */
.footer dl dd a { font-size: 13px !important; line-height: 1.9 !important; display: block !important; }
/* 联系我们版块：缩到第 2 列窄列，字号缩小避免挤断 */
.footer ul.content > dl.f5 { grid-column: 1 !important; }
.footer ul.content > dl.f5 dd p {
    font-size: 11.5px !important;
    line-height: 1.8 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    margin: 0 !important;
    color: #d9d9da;
}
.footer ul.content > dl.f5 dd p a { display: inline !important; color: #d9d9da; }

/* 版权区 */
.copyright { padding: 0.9em 0.8em 0.8em !important; font-size: 12px !important; line-height: 1.8 !important; }
.copyright ul.content { padding: 0 !important; max-width: 100% !important; }
.copyright .xs_show { display: none !important; }

/* ====================== 表单 ====================== */

/* 表单字段全宽 + 16px 字号（防 iOS 缩放） */
.msgbox { width: 92%; font-size: 1em; }
.msgbox dl { width: 100%; display: block; padding-top: .8em; margin-right: 0; }
.msgbox dl.full dd { width: 100%; margin-left: 0; }
.msgbox dd { width: 100%; }
.msgbox dd input, .msgbox dd textarea {
    font-size: 16px; padding: .8em .5em; width: 100%; box-sizing: border-box;
}
.msgbox a#submit1, .msgbox a#submit {
    width: 100%; font-size: 1.15em; padding: .8em 0;
}

/* ====================== 免责声明 ====================== */

.mianze { width: 92% !important; margin: 12px auto; box-sizing: border-box; }

/* ====================== 首页 py-* 覆盖 ====================== */
/* 首页内联 <style> 已有 @media(768px) 处理大部分，此处补缺 */

/* 内容容器 padding 收窄 */
.py-content { padding: 0 16px !important; }

/* 版块 padding 收窄 */
.py-biz { padding: 44px 0 52px !important; }
.py-flow { padding: 40px 0 44px !important; }
.py-industry { padding: 40px 0 44px !important; }
.py-news { padding: 40px 0 44px !important; }

/* 标题区域 */
.py-biz-head { margin-bottom: 32px !important; }
.py-biz-head strong.py-h2 { font-size: 24px !important; letter-spacing: 2px !important; }
.py-biz-head .sub { font-size: 13px !important; }
.py-biz-head .en { font-size: 12px !important; letter-spacing: 4px !important; }

/* 底部 CTA 咨询条 → 移动端纵向 */
.py-biz-cta {
    flex-direction: column !important;
    text-align: center;
    padding: 20px 16px !important;
}
.py-biz-cta .txt strong { font-size: 17px; }
.py-biz-cta a.btn { width: 100%; text-align: center; box-sizing: border-box; }

/* 服务流程：移动端 2×2 网格（替代纵向 4 行） */
.py-flow-steps {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
.py-flow-step {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}
.py-flow-arr { display: none !important; }
/* 小卡片内部收紧 */
.py-flow-step .icon-wrap { width: 40px; height: 40px; margin: 16px 0 0 14px; }
.py-flow-step .icon-wrap svg { width: 20px; height: 20px; }
.py-flow-step .num { font-size: 32px; top: 8px; right: 12px; }
.py-flow-step h3 { font-size: 14px; margin: 10px 0 6px 14px; letter-spacing: .5px; }
.py-flow-step .desc { font-size: 12px; padding: 0 14px 14px; line-height: 1.6; }

/* ====================== 服务页 py-fg-* 覆盖 ====================== */
/* 各服务页内联 <style> 已有 @media(768px) 处理大部分，此处补缺 */

/* Hero 文字居中 */
.py-fg-hero-txt { max-width: 100% !important; text-align: center !important; }
.py-fg-hero-tag { justify-content: center !important; }
.py-fg-hero-txt .feat { justify-content: center !important; }
.py-fg-hero-btns { justify-content: center !important; }

/* Hero 装饰大字隐藏 */
.py-fg-hero-ghost { display: none !important; }

/* Hero 按钮全宽 */
.py-fg-hero-btns .btn-gold, .py-fg-hero-btns .btn-line {
    flex: 1; text-align: center; font-size: 14px !important;
    padding: 12px 20px !important; box-sizing: border-box;
}

/* 卡片 2×2（4张 → 2行）+ padding 收窄 */
.py-fg-cards { flex-direction: row !important; flex-wrap: wrap !important; gap: 12px !important; }
.py-fg-card { flex: 0 0 calc(50% - 6px) !important; box-sizing: border-box !important; max-width: calc(50% - 6px) !important; }
.py-fg-card .top { padding: 14px 14px 0 !important; }
.py-fg-card .icon-wrap { width: 42px !important; height: 42px !important; }
.py-fg-card .icon-wrap svg { width: 22px !important; height: 22px !important; }
.py-fg-card .num { font-size: 36px !important; }
.py-fg-card h3 { font-size: 15px !important; }
.py-fg-card .en { font-size: 11px !important; }
.py-fg-card .body { padding: 4px 14px 14px !important; }
.py-fg-card .body .desc { font-size: 11.5px !important; line-height: 1.6 !important; }
.py-fg-card .body ul li { font-size: 11.5px !important; line-height: 1.6 !important; }

/* 优势卡片 2×3（6张 → 3行）+ 纵向布局（图标在上） */
.py-fg-adv-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.py-fg-adv { padding: 14px 12px !important; gap: 8px !important; flex-direction: column !important; align-items: flex-start !important; }
.py-fg-adv .icon-wrap { width: 40px !important; height: 40px !important; }
.py-fg-adv .icon-wrap svg { width: 22px !important; height: 22px !important; }
.py-fg-adv h3 { font-size: 13.5px !important; margin: 2px 0 4px !important; }
.py-fg-adv p { font-size: 11px !important; line-height: 1.55 !important; }

/* 服务流程 2×3（6步 → 3行）*/
.py-fg-flow { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.py-fg-step { padding: 14px 12px 12px !important; }
.py-fg-step .no { font-size: 38px !important; top: 6px !important; right: 10px !important; }
.py-fg-step .icon-wrap { width: 40px !important; height: 40px !important; margin-bottom: 8px !important; }
.py-fg-step .icon-wrap svg { width: 22px !important; height: 22px !important; }
.py-fg-step h3 { font-size: 13.5px !important; margin: 0 0 4px !important; }
.py-fg-step p { font-size: 11px !important; line-height: 1.55 !important; }

/* 媒体墙 logo 3列 → 6列（12个 → 2行）*/
.py-fg-logo-list { grid-template-columns: repeat(6, 1fr) !important; gap: 6px !important; }
.py-fg-logo { min-height: 48px !important; padding: 6px 2px !important; }
.py-fg-logo img { max-height: 26px !important; }

/* ====================== geo 服务页专属：4 行 → 2 行 ====================== */

/* 什么是GEO 服务卡（4张 1列4行 → 2×2）*/
.py-hw-srv-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.py-hw-srv { padding: 16px 13px !important; gap: 12px !important; }
.py-hw-srv .icon-wrap { width: 38px !important; height: 38px !important; }
.py-hw-srv .icon-wrap svg { width: 20px !important; height: 20px !important; }
.py-hw-srv h3 { font-size: 13.5px !important; margin: 0 0 4px !important; letter-spacing: 0 !important; }
.py-hw-srv h3 em { display: block !important; margin: 2px 0 0 !important; }
.py-hw-srv p { font-size: 11px !important; line-height: 1.6 !important; }

/* AI 平台（7个 2列4行 → 4列2行）*/
.py-geo-ai-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
.py-geo-ai { padding: 14px 2px 12px !important; }
.py-geo-ai .dot { width: 32px !important; height: 32px !important; margin: 0 auto 8px !important; }
.py-geo-ai .dot svg { width: 17px !important; height: 17px !important; }
.py-geo-ai strong { font-size: 12px !important; letter-spacing: 0 !important; }
.py-geo-ai span { font-size: 9.5px !important; letter-spacing: 0 !important; margin-top: 3px !important; }

/* FAQ 常见问题（4个 1列4行 → 2×2）*/
.py-hw-faq-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.py-hw-faq-item { padding: 14px 12px 12px !important; }
.py-hw-faq-item .q { gap: 8px !important; margin-bottom: 6px !important; }
.py-hw-faq-item .q i { width: 22px !important; height: 22px !important; font-size: 13px !important; }
.py-hw-faq-item .q h3 { font-size: 12.5px !important; line-height: 1.4 !important; }
.py-hw-faq-item p { font-size: 10.5px !important; line-height: 1.6 !important; padding-left: 30px !important; }

/* geo 服务内容 5卡 → 2列3行（最后一张 span 2 占整行）*/
.py-geo-srv-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.py-geo-srv, .py-geo-srv.wide { grid-column: span 1 !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 10px !important; padding: 16px 10px !important; box-sizing: border-box !important; }
.py-geo-srv-grid > .py-geo-srv:last-child { grid-column: span 2 !important; flex-direction: row !important; text-align: left !important; }
.py-geo-srv .icon-wrap { width: 38px !important; height: 38px !important; }
.py-geo-srv .icon-wrap svg { width: 20px !important; height: 20px !important; }
.py-geo-srv h3 { font-size: 13.5px !important; margin: 0 0 4px !important; letter-spacing: 0 !important; }
.py-geo-srv h3 em { display: block !important; margin: 2px 0 0 !important; }
.py-geo-srv p { font-size: 11px !important; line-height: 1.6 !important; }

/* ====================== baike 服务页专属 ====================== */

/* 百科词条类型（8张 1列8行 → 4列2行，与 PC 同构）*/
.py-bk-types { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; }
.py-bk-type { padding: 14px 4px 12px !important; box-sizing: border-box !important; min-width: 0 !important; }
.py-bk-type::before { height: 3px !important; }
.py-bk-type .icon-wrap { width: 34px !important; height: 34px !important; margin: 0 auto 8px !important; }
.py-bk-type .icon-wrap svg { width: 18px !important; height: 18px !important; }
.py-bk-type h3 { font-size: 12.5px !important; letter-spacing: 0 !important; }
.py-bk-type .en { font-size: 9px !important; letter-spacing: 0 !important; margin-top: 3px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

/* 服务内容版块 padding */
.py-fg-sec { padding: 40px 0 48px !important; }
.py-fg-head { margin-bottom: 32px !important; }

/* CTA */
.py-cta { padding: 44px 0 50px !important; }
.py-cta-inner { padding: 0 16px !important; }

/* ====================== 资讯页 py-zx-* 覆盖 ====================== */

.py-zx-list { padding: 36px 0 44px !important; }
.py-zx-detail { padding: 32px 0 44px !important; }
.py-zx-article { padding: 24px 20px !important; }
.py-zx-article .a-body { font-size: 14px !important; line-height: 1.9 !important; }
.py-zx-side { width: 100% !important; }
.py-zx-rec { padding: 20px 16px !important; }
.py-zx-page a, .py-zx-page span { padding: 6px 10px; font-size: 13px; }

/* ====================== 触摸目标 ====================== */

/* 确保按钮/链接最小 44px 触摸区域 */
.py-fg-hero-btns .btn-gold,
.py-fg-hero-btns .btn-line,
.py-cta-btns .btn-gold,
.py-cta-btns .btn-line,
.py-card-more,
.py-biz-cta a.btn,
.msgbox a#submit1 { min-height: 44px; }

/* ====================== 首页轮播 Hero 补丁 ====================== */

/* 首页 py-hero 已有完善 @media(768px)，仅微调 */
.py-hero-txt h2 { font-size: 26px !important; letter-spacing: 2px !important; }
.py-hero-txt .desc { font-size: 14px !important; }
.py-hero-btns .btn-gold, .py-hero-btns .btn-line {
    font-size: 14px !important; padding: 12px 24px !important;
}

/* ====================== 杂项 ====================== */

/* 轮播下方横条（客制化/享服务/保品质/创品牌）：4 行 → 2×2 */
.indexPart1 { height: auto !important; }
.indexPart1 .am-avg-sm-5 > li {
    width: 50% !important;
    float: left !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 64px;
    padding: 10px 4px 8px 8px !important;
}
.indexPart1 li .img {
    line-height: 1 !important;
    margin-top: 10px !important;
}
.indexPart1 li .img img { width: 48px; height: auto; }
.indexPart1 li .img-right {
    margin-left: 58px !important;
}
.indexPart1 li h3 {
    font-size: 15px !important;
    padding: 0 0 2px 0 !important;
}
.indexPart1 li .img-right span {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* 旧分类页 table 横向滚动 */
table { max-width: 100%; }
.sub_content { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 图片最大宽度 */
img { max-width: 100%; height: auto; }

/* 防止 pre/code 溢出 */
pre, code { white-space: pre-wrap; word-wrap: break-word; }

} /* ===== end @media (max-width: 767px) ===== */