@charset "utf-8";
/*
 * 移动端适配层
 * 用法：必须在 common.css / nav.css / index.css / list.css / page.css / honor.css 之后引入。
 * 断点：<=1024px 关闭 1920px 等比缩放，改为流式布局（平板 2 列）
 *      <=768px  手机单列 + 抽屉式导航
 * 说明：项目原样式与页面内联 style 大量写死 px，故此处多数规则使用 !important 覆盖。
 */

/* 仅在移动端出现的元素，PC 端保持隐藏 */
.menuToggle,
.navMask {
    display: none;
}

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

    /* ==================== 全局基础 ==================== */
    html {
        width: 100%;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-text-size-adjust: 100%;
    }
    body {
        width: 100%;
        height: auto;
        min-height: 100%;
        overflow: visible;
        -webkit-user-select: text;
        user-select: text;
        overscroll-behavior: auto;
    }
    img, video, iframe, svg, table {
        max-width: 100%;
    }
    img, video {
        height: auto;
    }
    .width100 {
        width: 100%;
    }

    /* 原字号类按 1920 设计稿写死，统一压到移动端可读区间 */
    .font60 { font-size: 30px !important; }
    .font46, .font45 { font-size: 26px !important; }
    .font36 { font-size: 22px !important; }
    .font30, .font29 { font-size: 19px !important; }
    .font26, .font25, .font24, .font23 { font-size: 16px !important; }
    .font22, .font21, .font20, .font19 { font-size: 14px !important; }
    .font18 { font-size: 13px !important; }
    .font14 { font-size: 12px !important; }

    /* 大间距类收缩；marginTop80 原本是给绝对定位的头部留位，移动端头部改为 sticky 占位 */
    .marginTop80, .marginTop90 { margin-top: 0 !important; }
    .marginTop60, .marginTop50 { margin-top: 20px !important; }
    .marginTop30 { margin-top: 16px !important; }
    .marginTop20 { margin-top: 12px !important; }
    .marginTop10 { margin-top: 8px !important; }
    .marginBottom80 { margin-bottom: 24px !important; }

    /* ==================== 顶部一级导航 ==================== */
    .head {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 56px;
        transform: none !important;
        z-index: 100;
    }
    .head .head-box {
        height: 56px;
        margin: 0 0;
    }
    .head .logo a,
    .head .logo img {
        height: 40px;
        width: auto;
    }
    /* 手机端隐藏搜索入口与搜索面板，搜索功能仅保留 PC 端 */
    .head .search,
    .searchBox {
        display: none !important;
    }

    /* 汉堡按钮 */
    .menuToggle {
        display: flex;
        position: absolute;
        top: 0;
        right: 16px;
        width: 56px;
        height: 56px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        z-index: 101;
    }
    .menuToggle span {
        display: block;
        width: 22px;
        height: 2px;
        background: #014DA6;
        transition: transform .25s ease, opacity .25s ease;
    }
    .head.navOpen .menuToggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .head.navOpen .menuToggle span:nth-child(2) { opacity: 0; }
    .head.navOpen .menuToggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

    /* 一级导航改为左侧抽屉 */
    #firstNav { position: static; }
    #firstNav ul {
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 8px 16px 32px;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(13, 53, 104, .12);
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-100%);
        transition: transform .25s ease;
    }
    .head.navOpen #firstNav ul { transform: translateX(0); }
    #firstNav li {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        border-bottom: 1px solid #eef1f5;
    }
    #firstNav a {
        display: block;
        padding: 14px 4px;
        font-size: 16px !important;
    }
    #firstNav .navLine { display: none; }
    .navMask {
        display: none;
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 98;
        background: rgba(0, 0, 0, .4);
    }
    .head.navOpen .navMask { display: block; }

    /* 搜索面板 */
    .searchBox {
        position: fixed;
        top: 56px;
        left: 0;
        width: 100%;
        height: auto;
        padding: 28px 16px 36px;
        box-sizing: border-box;
        z-index: 102;
    }
    .searchBox .close { top: 10px; right: 16px; }
    .search-content p { font-size: 26px; line-height: 1.2; margin-bottom: 14px; }
    .search-content .searchInput { width: 100%; max-width: 560px; }
    .search-content input { width: 100%; line-height: 46px; font-size: 16px; box-sizing: border-box; }
    .searchBtn { top: 5px; }
    .searchBtn img { width: 26px; height: 26px; }

    /* ==================== 二级导航（横向滑动 + 吸顶） ==================== */
    .seconNav {
        width: 100%;
        height: auto;
        position: -webkit-sticky;
        position: sticky;
        top: 56px;
        z-index: 90;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .seconNav::-webkit-scrollbar { display: none; }
    .seconNav .nav { position: static; }
    .seconNav .nav ul {
        display: flex;
        flex-wrap: nowrap;
        /* 菜单项放得下时整体居中；放不下时 width:max-content 占满内容宽度，仍可横向滑动。
           safe center 防止内容溢出时首尾被裁切，老浏览器回退到上面的 center */
        justify-content: center;
        justify-content: safe center;
        width: max-content;
        min-width: 100%;
        height: auto;
        padding: 0 8px;
        box-sizing: border-box;
    }
    .seconNav li {
        flex: 0 0 auto;
        height: auto;
        margin: 0 10px;
    }
    .seconNav li a {
        display: block;
        padding: 12px 2px;
        font-size: 15px !important;
        white-space: nowrap;
    }
    .seconNav .navLine { display: none; }

    /* ==================== 首页框架（移动端不初始化 fullPage） ==================== */
    .screen { display: block; }
    .section,
    .fp-section {
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
        transform: none !important;
    }
    .fp-overflow {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
    }
    #fp-nav, .fp-watermark { display: none !important; }
    #movefloat { display: none !important; }
    .screenContent {
        height: auto;
        min-height: 0;
        padding: 24px 0 32px;
        box-sizing: border-box;
    }
    /* iOS 不支持 background-attachment: fixed */
    .bg1, .bg2, .bg3, .bg4, .bg5 { background-attachment: scroll; }
    .news, .dynamics, .brand, .special, .media {
        padding: 0 16px;
        margin-top: 0;
        box-sizing: border-box;
    }
    .titleEn { font-size: 13px; letter-spacing: 1px; }
    .titleZn { font-size: 26px; }
    .titleBox { align-items: center; }

    /* ---------- 第一屏：Banner + 快捷入口 ---------- */
    .homeBanner { height: 46vw; min-height: 200px; }
    .homeBanner .bannerSlide {
        background-size: cover;
        background-position: center;
    }
    .homeBanner .swiper-pagination-box { bottom: 5%; left: 5%; }
    .homeBanner .swiper-pagination {
        padding: 8px 0;
        --swiper-pagination-bullet-width: 8px;
        --swiper-pagination-bullet-height: 8px;
    }
    .homeBanner .swiper-pagination span { margin: 2px 8px !important; }
    .homeBanner .swiper-page-num { width: auto; margin: 0 6px 0 12px; font-size: 12px !important; }
    .homeBanner .swiper-page-num span { font-size: 12px !important; }
    .shortcuts {
        height: auto;
        padding: 12px 16px;
        flex-direction: column;
        gap: 10px;
    }
    .shortcutsLeft, .shortcutsRight { width: 100%; }
    .shortcutsLeft a { padding: 4px 0; font-size: 16px !important; }
    .shortcutsRight {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px;
    }
    .shortcutsRight > img,
    .shortcutsRight > a {
        width: calc((100% - 16px) / 3) !important;
        height: auto !important;
        flex: 0 0 calc((100% - 16px) / 3);
    }
    .shortcutsRight img { width: 100% !important; height: auto !important; }
    .shortcutsRight a:not(:last-child) { border-right: 0; }

    /* ---------- 第二屏：公司要闻 ---------- */
    .newsMore { font-size: 13px !important; }
    .newsMore::after { width: 8px; height: 14px; margin-left: 6px; }
    .newsBanner { width: 100%; height: auto; }
    .newsBanner img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
    .newsPDate { width: 60px; height: 60px; padding: 8px; }
    .newsPDate p { font-size: 12px !important; }
    .newPTitle {
        height: auto;
        min-height: 46px;
        padding: 8px 12px;
        box-sizing: border-box;
    }
    .newPTitle a { width: 100%; margin-left: 0; font-size: 13px !important; }
    .newsBanner .swiper-pagination { right: 12px; --swiper-pagination-bottom: 54px; }
    .new-list { width: 100%; margin-top: 16px; }
    .new-list a { padding: 12px 0; border-bottom: 1px dashed #c9ced5; }
    .newsDate { width: 56px !important; flex: 0 0 56px; }
    .newsDate p { font-size: 13px !important; }
    .newsTitle { width: calc(100% - 68px) !important; font-size: 14px !important; line-height: 1.5; }

    /* ---------- 第三屏：公司动态 ---------- */
    .dynamicsLeft { width: 100%; height: auto; }
    .dynamicsImg { width: 100%; height: auto; }
    .dynamicsList { height: auto; padding: 16px; gap: 12px; }
    .dynamicsList a {
        display: block;
        white-space: normal;
        line-height: 1.5;
        font-size: 14px !important;
    }
    .dynamicsTitle { margin-left: 8px; }
    .dynamicsRight { width: 100%; gap: 12px; margin-top: 12px; }
    .dynamicsMtbd, .dynamicsGzcx, .dynamicsRight img {
        width: 100%;
        height: auto;
        aspect-ratio: 585 / 270;
        object-fit: cover;
    }
    .dynamicsMore { height: 40px; padding: 0 16px; }
    .dynamicsMore p { font-size: 12px !important; }
    .mtbd, .gzcx { margin-left: 24px; font-size: 13px !important; }
    .mtbd::before, .gzcx::before { width: 18px; height: 18px; margin-left: -24px; }

    /* ---------- 第四屏：文化品牌 ---------- */
    .brand .flex-between { height: auto !important; }
    .brandContent { width: 100%; padding: 24px; }
    .brandTitle::before { width: 32px; height: 32px; }
    .brandTitle p { margin-left: 48px; font-size: 18px !important; }
    .brandLine { margin-left: 48px; }
    .brandDescription { font-size: 13px !important; line-height: 1.8; margin-top: 16px; }
    .brandVideo {
        width: 100%;
        flex: none;
        aspect-ratio: 16 / 9;
        margin-top: 12px;
    }
    .play {
        width: 48px;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* 手机端「更多内容链接」靠右：不脱离文档流，避免 float 造成父容器高度塌陷 */
    .brandMore {
        float: none;
        display: flex;
        align-items: center;
        width: fit-content;
        max-width: 100%;
        margin: 16px 0 0 auto;
        font-size: 14px !important;
    }
    .brandMore::after { width: 18px; height: 16px; margin-left: 8px; flex: 0 0 18px; }

    /* ---------- 第五屏：专题专栏 ---------- */
    .special a { display: block; width: 100%; margin-bottom: 16px; }
    .special .zt { width: 100%; height: auto; aspect-ratio: 3 / 2; }
    .specialbuttom {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-left: 48px;
        padding-right: 44px;
        font-size: 15px !important;
    }
    .specialbuttom::before { width: 24px; margin-left: 14px; }
    .specialbuttom::after { width: 24px; height: 24px; margin-right: 14px; }

    /* ---------- 第六屏：中原新媒体 ---------- */
    .media-left { width: 100%; height: auto; }
    .mediaQd { min-height: 140px; padding: 12px 8px; }
    .one img { width: 36px; height: 36px; }
    .one p { font-size: 14px !important; margin-top: 8px !important; }
    /* 触屏没有 hover，改由点击切换 .active 显示二维码 */
    .mediaQd:hover { background-color: transparent; }
    .mediaQd:hover .one { display: block; }
    .mediaQd:hover .two { display: none; }
    .mediaQd.active { background-color: #004EA2; }
    .mediaQd.active .one { display: none; }
    .mediaQd.active .two { display: flex; }
    .two::before { width: 26px; height: 26px; top: 2px; }
    .two p { margin-left: 40px; font-size: 14px !important; }
    .two .whiteLine { margin: 10px 0; }
    .two img { width: 72px; height: 72px; }

    /* “一线视界”心形拼贴：整体沿用 PC 端 760x505 原始布局后一次性缩放，
       不覆盖任何单个图片尺寸或行内 style，心形形状与 PC 完全一致。
       zoom 会同步缩放布局占位，父容器无需手动定高；.43 为脚本未执行时的兜底值。 */
    .media-img {
        width: 100% !important;
        height: auto !important;
        margin-top: 12px;
        padding: 12px 8px;
        box-sizing: border-box;
        overflow: hidden !important;
        background-color: rgba(136, 191, 255, .28) !important;
    }
    /* 标题「一线视界」：左上角蓝色字 + 下方短蓝线（对齐 PC 端效果） */
    .media-img > p {
        position: static !important;
        padding: 16px 20px 0 !important;
        font-size: clamp(15px, 4.3vw, 18px) !important;
        color: #004EA2 !important;
    }
    .media-img > p::after {
        display: block !important;
        position: static !important;
        width: clamp(20px, 7vw, 32px) !important;
        height: 2px !important;
        margin: 8px 0 0 !important;
        background: #004EA2 !important;
    }
    .media-img .yxsj {
        width: 760px !important;
        height: 505px !important;
        zoom: .43;
        transform: none !important;
    }
    .media-img img { max-width: none !important; }
    .media-img img:hover { transform: none !important; }

    /* ==================== 二级页容器 ==================== */
    .secondHtml {
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        padding-top: 0;
        overflow: visible !important;
        transform: none !important;
        box-sizing: border-box;
    }
    .secondBanner {
        height: 180px;
        padding-top: 56px;
        background-size: cover;
    }
    .secondBanner p { font-size: 24px !important; }
    .secondBanner p::before { width: 40px; height: 3px; bottom: -18px; }

    /* ==================== 详情页 ==================== */
    .article { padding: 20px 16px; min-height: 0; }
    .articleTitle { padding-right: 0; }
    .articleTitle p { font-size: 20px !important; line-height: 1.5; }
    .articleTitle a {
        position: static;
        display: inline-block;
        margin-top: 8px;
        font-size: 13px !important;
    }
    .articleTitle a::after { width: 22px; height: 8px; top: 6px; margin-left: 8px; }
    .articleDate { padding: 12px 0; font-size: 12px !important; }
    .article-content {
        min-height: 0;
        padding-top: 16px;
        font-size: 15px;
        line-height: 1.8;
        word-break: break-word;
        overflow-x: auto;
    }
    .article-content img,
    .article-content table { max-width: 100% !important; height: auto !important; }
    .article-content table { display: block; overflow-x: auto; }
    .article-change { flex-direction: column; height: auto; gap: 12px; margin-top: 20px; }
    .article-change a { width: 100%; height: auto; padding: 14px; }

    /* ==================== 列表页 ==================== */
    .list-main, .list-main-pic, .list-main-news {
        padding: 20px 16px !important;
        min-height: 0;
        box-sizing: border-box;
    }
    .list-news { padding: 0 16px !important; margin-bottom: 20px; }
    .columnName { font-size: 22px; margin-bottom: 24px; }
    .columnName::before { width: 28px; height: 3px; bottom: -12px; }

    .cubeList, .list-one, .list-pic {
        flex-wrap: wrap;
        gap: 0 16px;
        margin-bottom: 0;
    }
    .cube-item, .one-item, .pic-item, .baogao-item {
        width: calc((100% - 16px) / 2);
        margin: 0 0 20px !important;
    }
    .cube-item { height: auto; min-height: 170px; padding: 22px; }
    .cubeInfo { position: static; margin-top: 18px; }
    .one-item img, .one-item video,
    .pic-item img, .baogao-item img,
    .news-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
    .news-img { aspect-ratio: 16 / 9; }
    .picDate { width: 60px; height: 60px; font-size: 13px !important; }
    .line1 { margin: 2px 12px; }
    .news-item { padding: 20px 0 !important; flex-wrap: wrap; }
    .news-date { width: auto; }
    .news-title { width: 100% !important; height: auto !important; margin: 0; }
    .news-description { margin-bottom: 0; }
    .news-info { width: auto !important; }
    .news-title .textRow1 { max-width: 100%; }
    .oneInfo { gap: 10px; }
    .oneDate { width: 56px; flex: 0 0 56px; }
    .oneTitle { width: calc(100% - 66px); }

    /* 分页 */
    .boxPage { flex-wrap: wrap; padding: 8px 0; }
    .numPage { display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%; }
    .numPage a { width: 32px; height: 32px; line-height: 32px; margin: 2px; font-size: 12px; }
    .prePage {
        width: auto;
        height: 32px;
        line-height: 32px;
        padding: 0 12px 0 30px;
        background-position: 8px 8px;
    }
    .nextPage {
        width: auto;
        height: 32px;
        line-height: 32px;
        padding: 0 30px 0 12px;
        background-position: calc(100% - 8px) 8px;
    }

    /* ==================== 关于我们 ==================== */
    .about-company, .about-leader, .about-org, .about-honor {
        height: auto !important;
        min-height: 0;
        padding: 20px 16px !important;
        background-size: cover;
        scroll-margin-top: 110px;
    }
    .company, .leader { float: none; width: 100%; }
    .companyInfo { font-size: 14px !important; line-height: 1.8; }
    /* 里程数据：手机端 2×2 等宽居中网格 */
    .company .mileage {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        justify-content: center;
        width: 100%;
        margin: 20px auto;
    }
    .mileage-box {
        width: 100%;
        padding: 12px 6px;
        border: 1px solid #dce6f2;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: center;
    }
    .mileage-box:last-child { border-right: 1px solid #dce6f2; }
    .mileage-num { font-size: 22px !important; }
    /* 圆角单位标（年/家）改为行内跟随，避免绝对定位在小卡片里压住数字 */
    .mileage-num span {
        position: static;
        display: inline-block;
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px !important;
        margin-left: 4px;
        vertical-align: middle;
        bottom: auto;
    }
    .mileage-text { font-size: 12px !important; }
    /* 领导成员：三列对齐（姓名 ▶ 职务），参考手机端设计稿 */
    .leader-item {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0;
        margin-bottom: 14px;
    }
    .leaderName {
        flex: 0 0 76px;        /* 固定姓名列宽，三角与职务才能逐行对齐 */
        width: auto;
        padding-right: 18px;   /* 右侧留给三角 */
        box-sizing: border-box;
        font-size: 15px !important;
        line-height: 1.5;
        white-space: nowrap;
        text-align: left;
    }
    /* PC 端右向黑三角，缩小到 10px */
    .leaderName::after {
        display: block;
        right: 2px;
        border-width: 5px;
        transform: translateY(-50%);
    }
    .leaderPost {
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 12px !important;
        font-size: 13px !important;
        line-height: 1.6;
        text-align: left;
        word-break: break-word;
    }
    .honorMain { flex-direction: column; }
    .honorMain .trophy { display: none; }
    .honorBox { margin-left: 0; }
    .honorMain ul { height: auto !important; max-height: 320px; }
    .honorMain ul li { font-size: 13px !important; line-height: 1.6; padding-left: 24px; }
    .honorMain ul li::before { width: 12px; height: 12px; top: 4px; }
    .honorImg { width: 100%; }
    .honorImg .swiper-slide,
    .honorImg .swiper-slide img { width: 140px; height: 190px; }
    .honorImg .swiper-button-prev { left: 0; }
    .honorImg .swiper-button-next { right: 0; }

    /* ==================== 路况直播 / 信息披露 / 搜索 ==================== */
    .gzcx-bg { flex-direction: column; align-items: center; padding: 20px 16px !important; }
    .gzcx-bg > img { width: 100% !important; height: auto !important; max-width: 360px; }
    .lkCode { width: 100%; max-width: 420px; height: auto; padding: 24px; margin-top: 16px; }
    .lkCode p { font-size: 20px !important; padding-left: 56px; margin-bottom: 20px; }
    .lkCode p::before { width: 40px; height: 36px; }
    .lkCode img { width: 160px; height: auto; }
    .list-main > div[style] { height: auto !important; }
    .list-main iframe { height: 60vh !important; min-height: 320px; }

    /* ==================== 页脚 ====================
       PC 端 .footLink / .footCopyright 写死 230px 左右内边距、.links 有 100px 左外边距、
       .jbzx img 固定 236px，是移动端横向滚动条的主要来源，这里全部收紧 */
    .foot,
    .foot * {
        max-width: 100%;
        box-sizing: border-box;
    }
    .foot {
        width: 100% !important;
        max-width: 100vw;
        height: auto !important;
        min-height: 0;
        padding: 24px 4vw !important;
        gap: 16px;
        overflow-x: hidden;
    }
    /* 首页页脚所在的整屏容器，防止 PC 端 1920px 宽度残留把父级撑开 */
    .section.fp-auto-height,
    .fp-overflow {
        width: 100% !important;
        max-width: 100vw;
        overflow-x: hidden;
    }
    .footLink {
        width: 100% !important;
        padding: 0 !important;
        flex-direction: column;
        align-items: flex-start;
    }
    .friendLink, .links a {
        line-height: 1.8;
        font-size: 13px !important;
        word-break: break-word;
    }
    .friendLink::before { display: none; }
    .links {
        width: 100%;
        margin: 8px 0 0 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 4px 12px;
    }
    .footBeian {
        width: 100%;
        margin-top: 16px;
        flex-wrap: wrap;
        gap: 8px 0;
    }
    .footBeian a {
        padding: 0 4px !important;
        font-size: 12px;
        white-space: normal;
        word-break: break-all;
    }
    .ab::before { display: none; }
    .jbzx { width: 100%; text-align: center; }
    .jbzx img {
        width: 180px;
        max-width: 80vw !important;
        height: auto;
    }
    .footCopyright {
        width: 100%;
        padding: 12px 0 !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

/* ==================== 手机（<=768px） ==================== */
@media screen and (max-width: 768px) {
    .flex-between { flex-direction: column; align-items: stretch; }
    .titleEn { font-size: 12px !important; }
    .titleZn { font-size: 22px !important; }

    /* 首屏 banner 占满视口（扣除头部 56px） */
    .section:first-child .screenContent {
        padding-top: 0;
        padding-bottom: 0;
    }
    .homeBanner {
        height: calc(100vh - 56px);
        min-height: 360px;
    }
    /* 手机端隐藏快捷入口区（OA 链接 + 3 张宣传图）；平板 768~1024 仍显示 */
    .shortcuts {
        display: none !important;
    }
    .mediaQd { width: 50%; }

    .secondBanner { height: 150px; padding-top: 44px; }
    .secondBanner p { font-size: 20px !important; }

    /* 卡片改单列 */
    .cube-item, .one-item, .pic-item, .baogao-item { width: 100%; }
    .news-item { flex-direction: column; align-items: flex-start; gap: 8px; }
    .news-date { display: flex; align-items: baseline; gap: 8px; }
    .news-date p { font-size: 14px !important; }
    .news-title { display: flex; gap: 8px; }
    .news-img { margin-top: 8px; }
    .footCopyright { line-height: 1.6; }

    /* 栏目标题手机端统一居中：信息披露(xxpl)、各列表页、关于我们；蓝色装饰线同步居中 */
    .columnName {
        text-align: center;
    }
    .columnName::before {
        left: 50%;
        transform: translateX(-50%);
    }

    /* 可视化定期报告（list_baogao）：按手机端设计稿精调——标题居中、蓝色短横线居中 */
    .baogao-main .columnName {
        text-align: center;
        font-size: 19px !important;
        line-height: 1.4;
        color: #3E3A39;
        margin-bottom: 32px !important;
    }
    .baogao-main .columnName::before {
        left: 50% !important;
        width: 24px !important;
        height: 2px !important;
        bottom: -10px !important;
        background-color: #004FA4;
        transform: translateX(-50%);
    }

    /* 定期报告卡片：手机端底部是横线分隔，不套用通用卡片的投影与圆角 */
    .baogao-main .baogao-item {
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 4px solid #B5B5B6 !important;
        background: transparent;
    }
    /* 标题与「查看详情」左侧留白；箭头同步右移，保持与文字的相对间距 */
    .baogao-main .baogaoTitle,
    .baogao-main .baogaoInfo {
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    .baogao-main .baogaoInfo::after {
        left: calc(115px + 12px);
    }

    /* 分页：手机端不显示具体页码，只保留上一页 / 下一页并居中 */
    .boxPage {
        justify-content: center !important;
        align-items: center;
        gap: 0 12px;
    }
    .boxPage .numPage { display: none !important; }
    /* 用更高特异性覆盖 .boxPage a 的 inline-block；箭头改为伪元素，与文字一起 flex 居中 */
    .boxPage .prePage,
    .boxPage .nextPage {
        display: flex;
        flex: 0 0 auto;
        margin: 0;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center !important;
        padding: 0 16px;
        background-image: none !important;
    }
    .boxPage .prePage::before,
    .boxPage .nextPage::after {
        content: "";
        flex: 0 0 12px;
        width: 12px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px 20px;
    }
    .boxPage .prePage::before { background-image: url("../images/page/pagepre.png"); }
    .boxPage .nextPage::after { background-image: url("../images/page/pagenext.png"); }
}

/* ==================== 移动端体验增强 ==================== */
@media screen and (max-width: 1024px) {

    /* 触屏没有 hover：去掉点击蓝色高亮块，避免误触时的闪烁 */
    a,
    button,
    .menuToggle,
    .mediaQd,
    .head,
    .seconNav {
        -webkit-tap-highlight-color: transparent;
    }

    /* 说明：不锁定 html/body 的 overflow —— 会让 position:sticky 的头部失去滚动参照而消失。
       抽屉展开时保持页面自然滚动，头部由 sticky 持续吸顶。 */

    /* 顶部导航、搜索面板宽度兜底，防止任何写死宽度在窄屏撑出横向滚动条 */
    .head,
    .seconNav,
    .searchBox {
        max-width: 100vw;
        box-sizing: border-box;
    }

    /* 搜索面板限高并可滚动，避免小屏弹出键盘后按钮被挤出可视区 */
    .searchBox {
        max-height: calc(100vh - 56px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .searchBox .search-content {
        height: auto;
        min-height: 0;
        padding-bottom: 8px;
    }

    /* 抽屉菜单高度跟随视口，并避让底部安全区 */
    #firstNav ul {
        max-height: calc(100vh - 56px);
        padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
    }

    /* 正文代码块 / 长英文串横向滚动，避免撑破页面 */
    .article-content pre,
    .article-content code {
        max-width: 100%;
        overflow-x: auto;
        word-break: break-word;
        box-sizing: border-box;
    }

    /* 版权栏避让 iPhone 底部指示条 */
    .footCopyright {
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }
}

/* 手机横屏：视口高度很小，压缩 banner 高度，避免首屏内容被挤出屏幕 */
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .homeBanner {
        height: 60vh;
        max-height: 320px;
    }
    .secondBanner {
        height: 130px;
        padding-top: 34px;
    }
    .secondBanner p {
        font-size: 20px !important;
    }
    #firstNav ul {
        max-height: calc(100vh - 56px);
        padding-top: 4px;
    }
    #firstNav a {
        padding: 10px 4px;
    }
}

/* ================================================================
 * 参考 sdzbkg.com 手机端视觉体系重做（<=768px 竖屏）
 * 依据其 media.css 的 @media (max-width: 1024px) 段：
 *   - 字号全部用 vw 等比：3.2vw / 3.73vw / 4vw / 6.13vw / 8.27vw
 *   - 内容左右留白 4vw，板块上下留白 8.4vw / 9.6vw
 *   - 强调色渐变 #114bb0 -> #347fce，卡片带蓝色投影
 *   - banner 100vh 全屏、自然纵向滚动、单列卡片
 * 本站是「同一套 DOM 响应式」，只对齐视觉语言，不引入其 wap 专用 DOM。
 * 本段置于文件最后，用于覆盖上方旧版固定 px 规则。
 * ================================================================ */
@media screen and (max-width: 768px) and (orientation: portrait) {
    :root {
        --m-gutter: 4vw;
        --m-sm: clamp(11px, 3.2vw, 14px);
        --m-base: clamp(13px, 3.73vw, 16px);
        --m-title: clamp(20px, 6.13vw, 28px);
        --m-blue: #014DA6;
        --m-blue-2: #347FCE;
    }

    /* 1. 统一留白与板块节奏（参考站 .news-center padding: 8.4vw 4vw 9.6vw） */
    .screenContent {
        padding: 8.4vw 0 9.6vw !important;
    }
    .section:first-child .screenContent { padding: 0 !important; }
    .news, .dynamics, .brand, .special, .media,
    .list-main, .list-main-pic, .list-main-news, .list-news,
    .article, .about-company, .about-leader, .about-org, .about-honor,
    .gzcx-bg, .lkCode {
        padding-left: var(--m-gutter) !important;
        padding-right: var(--m-gutter) !important;
        box-sizing: border-box;
    }

    /* 2. 首屏 banner 全屏；dvh 消除移动浏览器地址栏收起时的高度跳动 */
    .homeBanner {
        height: calc(100vh - 56px);
        height: calc(100dvh - 56px);
        min-height: 360px;
    }

    /* 3. 板块标题：英文淡蓝小字、中文品牌蓝（参考站 .plate-title 配色） */
    .titleEn {
        font-size: var(--m-sm) !important;
        letter-spacing: .12em;
        color: rgba(1, 77, 166, .45) !important;
    }
    .titleZn {
        font-size: var(--m-title) !important;
        color: var(--m-blue) !important;
        line-height: 1.3;
    }
    .titleBox { margin-bottom: 4vw; }
    .newsMore, .dynamicsMore p, .brandMore { font-size: var(--m-sm) !important; }

    /* 4. 正文统一 vw 等比字号，避免 320~430px 屏观感不一致 */
    .newsTitle, .news-title, .oneTitle, .dynamicsList a,
    .brandDescription, .companyInfo, .article-content,
    .specialbuttom, .cube-item, .picDate, .newsDate p,
    .links a, .friendLink, .footCopyright {
        font-size: var(--m-base) !important;
    }
    .columnName { font-size: var(--m-title) !important; }

    /* 5. 新闻卡片：渐变蓝日期块 + 半透明标题条 + 蓝色投影（参考站 news-swiper-box） */
    .newsBanner {
        border-radius: 2vw;
        overflow: hidden;
        box-shadow: 0 2vw 4vw rgba(42, 85, 150, .22) !important;
    }
    .newsPDate {
        background: linear-gradient(-90deg, var(--m-blue), var(--m-blue-2)) !important;
        width: 14vw !important;
        height: 14vw !important;
        padding: 1.5vw !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .newsPDate p { font-size: var(--m-sm) !important; line-height: 1.4; }
    .newPTitle {
        background: rgba(0, 0, 0, .6) !important;
        padding: 2.5vw 3vw !important;
        box-sizing: border-box;
    }
    .newPTitle a { font-size: var(--m-base) !important; line-height: 1.5; }

    /* 6. 列表卡片圆角 + 轻投影，间距按 vw */
    .cube-item, .one-item, .pic-item, .baogao-item, .news-item {
        border-radius: 2vw;
        box-shadow: 0 1vw 3vw rgba(42, 85, 150, .12);
    }
    .cube-item, .one-item, .pic-item, .baogao-item {
        margin-bottom: 5vw !important;
    }
    .one-item img, .one-item video, .pic-item img, .baogao-item img, .news-img {
        border-radius: 2vw 2vw 0 0;
    }

    /* 7. 触控目标不小于 44px */
    #firstNav a, .seconNav li a, .numPage a, .prePage, .nextPage {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ==================== 版权信息（手机端） ====================
   缩小字号并强制单行；js/common.js 的 fitCopyright() 会按实际文字宽度精调字号，
   保证任意长度的版权文字都能在一行完整显示，且不会产生横向滚动条。
   本段置于文件最后，用于覆盖上方 .footCopyright 的 vw 字号规则。 */
@media screen and (max-width: 1024px) {
    .foot .footCopyright {
        font-size: 11px !important;
        line-height: 1.6;
        white-space: nowrap !important;
        word-break: keep-all;
        letter-spacing: 0;
        text-align: center;
        overflow: hidden;
        text-overflow: clip;
    }
}

/* ==================== 新闻列表（list_news）手机端 ====================
   按设计稿：左图右文横向卡片；日期 / 标题 / 摘要 / 查看详情在右侧纵向排布，
   去掉通用卡片的投影与 2vw 圆角，改为白底细边框卡片。
   本段置于文件最后，用于覆盖上方所有响应式规则。 */
@media screen and (max-width: 768px) {
    .list-news { background: #F7F7F8; padding: 10px !important; }

    .list-news .news-item {
        display: grid !important;
        grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
        grid-template-areas:
            "newsImg newsDate"
            "newsImg newsTitle";
        grid-template-rows: auto 1fr;
        align-items: start;
        column-gap: 14px;
        row-gap: 8px;
        padding: 12px !important;
        margin-bottom: 12px !important;
        border: 1px solid #E3E3E3;
        border-radius: 6px !important;
        box-shadow: none !important;
        background: #fff;
    }
    .list-news .news-img {
        grid-area: newsImg;
        align-self: stretch;
        width: 100%;
        height: 100%;
        min-height: 104px;
        aspect-ratio: auto;
        object-fit: cover;
        border-radius: 6px !important;
        margin: 0;
    }
    .list-news .news-date {
        grid-area: newsDate;
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        gap: 0;
        width: auto;
    }
    .list-news .news-date p {
        font-size: 12px !important;
        line-height: 1.4;
        margin: 0;
        color: #004EA2;
    }
    /* 原 DOM 是「MM-dd」+「yyyy」两段，用 order 加连字符拼成 yyyy-MM-dd */
    .list-news .newsYear { order: 1; }
    .list-news .newsYear::after { content: "-"; }
    .list-news .newsDay { order: 2; }

    .list-news .news-title {
        grid-area: newsTitle;
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 6px;
        width: auto !important;
        height: auto !important;
        min-width: 0;
        margin: 0 !important;
    }
    .list-news .news-title .textRow1 {
        display: block;
        min-width: 0;
        max-width: 100%;
        color: #004EA2;
        font-size: 15px !important;
        font-weight: 700;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-news .news-description {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #666;
        font-size: 12px !important;
        line-height: 1.5;
        margin-bottom: 0 !important;
    }
    .list-news .news-info {
        position: relative;
        width: auto !important;
        color: #004EA2;
        font-size: 12px !important;
        line-height: 1.4;
    }
    .list-news .news-info::after {
        width: 20px;
        height: 8px;
        left: 56px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url("../images/arrow_blue.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* ==================== 二级 / 三级列表（list_two、list_three）手机端 ====================
   两页 DOM 结构相同（.list-pic > .pic-item），共用同一套样式。
   按设计稿：一行两列卡片；日期块浮在图片左上角，标题两行省略，
   「查看详情」带箭头，卡片底部为横线（不用通用投影与圆角）。
   本段置于文件最后，用于覆盖上方所有响应式规则。 */
@media screen and (max-width: 768px) {
    :is(.twoBg, .threeBg) { background-image: none !important; background-color: #F7F7F8; }

    :is(.twoBg, .threeBg) .list-pic {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
        margin-bottom: 0;
    }
    :is(.twoBg, .threeBg) .pic-item {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 10px;
        border: 0;
        border-bottom: 2px solid #B5B5B6;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent;
        box-sizing: border-box;
    }
    :is(.twoBg, .threeBg) .pic-item > .news-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        border-radius: 6px !important;
        margin: 0;
    }
    :is(.twoBg, .threeBg) .picDate {
        top: 0;
        left: 0;
        width: 44px;
        height: 44px;
        background-color: #727171;
        font-size: 11px !important;
    }
    :is(.twoBg, .threeBg) .picDate p {
        margin: 0;
        font-size: 11px !important;
        line-height: 1.3;
    }
    :is(.twoBg, .threeBg) .picDate .line1 { margin: 2px 8px; }
    :is(.twoBg, .threeBg) .picTitle {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.8em;
        margin: 10px 0 12px;
        color: #3E3A39;
        font-size: 13px !important;
        line-height: 1.4;
    }
    :is(.twoBg, .threeBg) .picInfo {
        position: relative;
        width: auto;
        margin: 0;
        color: #3E3A39;
        font-size: 11px !important;
        line-height: 1.4;
    }
    :is(.twoBg, .threeBg) .picInfo::after {
        width: 20px;
        height: 8px;
        left: 52px;
        top: 50%;
        transform: translateY(-50%);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* ==================== 一级列表（list_one）手机端 ====================
   按设计稿：一行两列；图片在上，标题与日期在下方左右分列，
   卡片底部为蓝色横线（不用通用投影与圆角）。
   本段置于文件最后，用于覆盖上方所有响应式规则。 */
@media screen and (max-width: 768px) {
    .oneBg .list-one {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
        margin-bottom: 0;
    }
    .oneBg .one-item {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 10px;
        border: 0;
        border-bottom: 2px solid #004EA2;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent;
        box-sizing: border-box;
    }
    .oneBg .one-item > img,
    .oneBg .one-item > video {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 1;
        object-fit: cover;
        border-radius: 2px !important;
        margin: 0;
    }
    .oneBg .oneInfo {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        margin: 10px 0 0;
    }
    .oneBg .oneTitle {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        margin: 0;
        color: #3E3A39;
        font-size: 12px !important;
        line-height: 1.45;
    }
    .oneBg .oneDate {
        flex: 0 0 40px;
        width: 40px;
        text-align: center;
        color: #3E3A39;
        font-size: 11px !important;
        line-height: 1.4;
    }
    .oneBg .oneDate p {
        margin: 0;
        font-size: 11px !important;
        line-height: 1.4;
    }
}

/* ==================== 方块列表（list_cube）手机端 ====================
   按设计稿：一行两列统一白底卡片；日期带圆点在顶部，标题两行，
   「查看详情」贴底带箭头，去掉通用大圆角与投影。
   本段置于文件最后，用于覆盖上方所有响应式规则。 */
@media screen and (max-width: 768px) {
    .list-main .cubeList {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 12px;
        margin-bottom: 0;
    }
    .list-main .cube-item {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: auto !important;
        min-height: 150px;
        margin: 0 !important;
        padding: 14px !important;
        border: 1px solid #E3E8EF;
        border-radius: 2px !important;
        box-shadow: 0 2px 10px rgba(175, 190, 210, .28) !important;
        background-color: #FFFFFF;
        background-image: none !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    .list-main .cubeDate {
        padding-left: 16px;
        font-size: 10px !important;
        line-height: 1.4;
    }
    .list-main .cubeDate::before {
        width: 8px;
        height: 8px;
        top: 2px;
    }
    .list-main .cubeTitle {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 10px 0 0;
        font-size: 13px !important;
        line-height: 1.45;
    }
    .list-main .cubeInfo {
        position: static;
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        gap: 8px;
        width: auto;
        margin: auto 0 0;
        padding-top: 12px;
        font-size: 11px !important;
        line-height: 1.4;
    }
    .list-main .cubeInfo::after {
        position: static;
        display: inline-block;
        flex: 0 0 18px;
        width: 18px;
        height: 8px;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    /* 统一白底：蓝 / 深灰字 + 蓝色圆点/箭头；hover 也不变蓝 */
    .list-main .cubeDate,
    .list-main .cubeInfo { color: #004EA2 !important; }
    .list-main .cubeTitle { color: #3E3A39 !important; }
    .list-main .cubeDate::before {
        background-image: url("../images/list/time_blue.png") !important;
    }
    .list-main .cubeInfo::after {
        background-image: url("../images/arrow_blue.png") !important;
    }
}

/* ==================== 专题列表（list_zt）手机端 ====================
   参考 list_news：左图右文横向卡片（白底细边框、蓝色日期 / 标题）。
   list_zt 与 list_one 共用 .oneBg / .list-one / .one-item，靠 .zt-list 标识区分。 */
@media screen and (max-width: 768px) {
    .oneBg .list-one.zt-list {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 0;
        padding: 0;
    }
    .oneBg .zt-list > a {
        display: grid !important;
        grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
        align-items: stretch;
        column-gap: 14px;
        width: 100% !important;
        min-height: 116px;
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid #E3E3E3;
        border-radius: 6px !important;
        box-shadow: none !important;
        background: #FFFFFF;
        box-sizing: border-box;
    }
    .oneBg .zt-list > a > img {
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        width: 100%;
        height: 100%;
        min-height: 92px;
        aspect-ratio: auto;
        object-fit: cover;
        border-radius: 6px !important;
        margin: 0;
    }
    .oneBg .zt-list .oneInfo {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 8px;
        min-width: 0;
        margin: 0;
    }
    .oneBg .zt-list .oneDate {
        order: -1;
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        gap: 0;
        flex: 0 0 auto;
        width: auto;
        text-align: left;
        color: #004EA2;
        font-size: 12px !important;
        line-height: 1.4;
    }
    .oneBg .zt-list .oneDate p {
        margin: 0;
        font-size: 12px !important;
        line-height: 1.4;
    }
    /* MM-dd + yyyy -> yyyy-MM-dd，与 list_news 保持一致 */
    .oneBg .zt-list .oneDate p:last-child { order: 1; }
    .oneBg .zt-list .oneDate p:last-child::after { content: "-"; }
    .oneBg .zt-list .oneDate p:first-child { order: 2; }
    .oneBg .zt-list .oneTitle {
        order: 1;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: auto !important;
        min-width: 0;
        margin: 0;
        color: #004EA2;
        font-size: 14px !important;
        font-weight: 700;
        line-height: 1.4;
    }
}

/* ==================== 详情页（info / info_qlzy / info_dqzc）手机端 ====================
   按设计稿：白底卡片；标题独占一行，日期与「返回」同排，下方细分隔线；
   正文首行缩进、段间留白；上一篇 / 下一篇各占一块带边框的白色区域。
   本段置于文件最后，用于覆盖上方所有响应式规则。 */
@media screen and (max-width: 768px) {
    /* 外层浅灰底仅包裹详情页；不支持 :has() 时只是没有底色，布局不受影响 */
    .secondHtml:has(> .article) { background-color: #F7F7F8; }

    .secondHtml > .article {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 10px;
        row-gap: 0;
        min-height: 0;
        margin: 12px;
        padding: 16px !important;
        border: 1px solid #E8E8E8;
        border-radius: 8px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
        background: #FFFFFF;
        box-sizing: border-box;
    }
    /* 让标题里的 p / a 直接参与卡片网格：标题一行、日期与返回同一行 */
    .secondHtml > .article .articleTitle { display: contents; }
    .secondHtml > .article .articleTitle > p {
        grid-column: 1 / -1;
        grid-row: 1;
        margin: 0 0 12px;
        color: #3E3A39;
        font-size: 18px !important;
        font-weight: 600;
        line-height: 1.5;
    }
    .secondHtml > .article .articleDate {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
        padding: 0 0 10px;
        border-bottom: 0;
        color: #8A8A8A;
        font-size: 12px !important;
        font-weight: 400;
    }
    .secondHtml > .article .articleTitle > a {
        grid-column: 2;
        grid-row: 2;
        position: static;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0 0 10px;
        color: #0154A7;
        font-size: 12px !important;
        text-decoration: none;
    }
    .secondHtml > .article .articleTitle > a::after {
        position: static;
        display: inline-block;
        width: 16px;
        height: 8px;
        top: auto;
        margin-left: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .secondHtml > .article::after {
        content: "";
        grid-column: 1 / -1;
        grid-row: 3;
        height: 1px;
        margin-bottom: 14px;
        background: #E3E3E3;
    }
    .secondHtml > .article .article-content {
        grid-column: 1 / -1;
        grid-row: 4;
        min-height: 0;
        padding-top: 0;
        overflow-x: hidden;
        color: #3E3A39;
        font-size: 14px !important;
        line-height: 1.9;
        word-break: break-word;
    }
    .secondHtml > .article .article-content p {
        margin: 0 0 1em;
        text-indent: 2em;
    }
    .secondHtml > .article .article-change {
        grid-column: 1 / -1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 12px;
        margin-top: 24px;
    }
    .secondHtml > .article .article-change a {
        width: 100%;
        height: auto;
        padding: 12px 14px;
        border: 1px solid #E8E8E8;
        border-radius: 6px;
        box-shadow: none;
        background: #FFFFFF;
        color: #999999;
        box-sizing: border-box;
    }
    .secondHtml > .article .article-change a p {
        margin: 0;
        color: #999999;
        font-size: 12px !important;
    }
    .secondHtml > .article .article-change a p.textRow2 {
        margin-top: 6px;
        color: #3E3A39;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.5;
    }
}

/* ==================== 首页 Banner（index.htm 46-65）移动端图片适配 ====================
   三张实图均约 2.2:1（2924x1329 / 8746x4001 / 17545x7975）。
   原先被 portrait 规则拉成 calc(100dvh - 56px) 的近全屏高度，cover 会把宽幅图裁得只剩中间，
   故改回按 11/5 比例自适应高度，图片用 contain 完整显示、不拉伸也不裁切。 */
@media screen and (max-width: 1024px) {
    .homeBanner {
        height: auto !important;
        aspect-ratio: 11 / 5;
        min-height: 0 !important;
        max-height: calc(100dvh - 70px);
    }
    .homeBanner .swiper-slide > a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .homeBanner .bannerSlide {
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: #FFFFFF;
    }
}