/* ============================================================
 * ppmgt 官网 (pdweb) 移动端响应式样式
 * 适用于所有 pdweb 页面
 * 断点：768px（手机/小平板），480px（小屏手机）
 * ============================================================ */

/* ====== 全局基础修复 ====== */
@media (max-width: 768px) {
    /* 覆盖 site.css 中的固定宽度 */
    body {
        min-width: 0 !important;
        overflow-x: hidden;
        /* 移动端 header 为 fixed 56px，统一留白避免内容被遮挡 */
        padding-top: 56px;
    }

    .wrap {
        width: 100% !important;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .container {
        width: 100% !important;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .main-content {
        margin-top: 0;
        padding-bottom: 30px;
    }

    /* 移动端 body 已统一 padding-top: 56px，各页面自身的顶部 margin 需重置 */
    #projectfp { margin-top: 0 !important; }
    #aboutfp { margin-top: 0 !important; }
    .topBanner { padding-top: 0 !important; }
    .banner_middle { padding-top: 0 !important; }

    /* ====== Header 导航栏移动端适配 ====== */
    .header {
        height: 56px;
        position: fixed;
    }

    /* 禁用 site.css clearfix 伪元素，避免其在 flex 布局中成为 flex item 破坏布局 */
    .header .header-content:before,
    .header .header-content:after,
    .header .main-nav:before,
    .header .main-nav:after {
        display: none !important;
        content: none !important;
    }

    .header .header-content {
        width: 100% !important;
        max-width: 100vw;
        height: 56px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        position: relative;
    }

    /* 主菜单只保留 logo，其余导航项隐藏 */
    .header .main-nav {
        display: flex !important;
        align-items: center;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto;
    }
    .header .main-nav > li {
        display: none !important;
        margin: 0;
        padding: 0;
    }
    .header .main-nav > li#liLogo {
        display: block !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
    }
    .header .main-nav > li#liLogo .logo {
        display: block;
        float: none;
        width: 90px;
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        margin: 0;
    }

    /* 汉堡按钮：紧贴 logo 右侧，当前页名显示在汉堡右侧；
       图标样式与 mgt 端 .hamburger-btn 保持一致（#aaa 横条、4px 间距） */
    .pdweb-hamburger {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 44px;
        cursor: pointer;
        z-index: 10020;
        padding: 10px;
        box-sizing: border-box;
        flex: 0 0 auto;
        margin-left: 8px;
    }
    .pdweb-page-title {
        margin-left: 4px;
        color: #fff;
        font-size: 15px;   /* 与 mgt 端产品目录/按方案下单 .mobile-page-title 保持一致 */
        font-weight: 600;
        line-height: 56px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 45vw;
        flex: 0 1 auto;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .pdweb-hamburger span {
        display: block;
        width: 100%;
        height: 2px;
        background: #aaa;
        margin-bottom: 4px;
        border-radius: 1px;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    /* 与 mgt 端 .hamburger-btn.active 完全一致 */
    .pdweb-hamburger span:last-child { margin-bottom: 0; }
    .pdweb-hamburger.active span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .pdweb-hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    .pdweb-hamburger.active span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    /* 移动端菜单抽屉：从左侧滑出的固定宽抽屉（浅底深字），右侧为半透明遮罩。
       交互与 mgt 端产品目录侧栏一致：点汉堡/页名滑出，点遮罩或菜单项关闭。
       由 mobile-nav.js 统一注入，首页/解决方案/产品中心/项目案例/关于我们等页面表现一致。 */
    .pdweb-mobile-nav {
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        visibility: hidden;
        z-index: 9998;
        transition: background 0.28s ease, visibility 0s linear 0.28s;
    }
    .pdweb-mobile-nav.open {
        background: rgba(0,0,0,0.4);
        visibility: visible;
        transition: background 0.28s ease, visibility 0s;
    }
    .pdweb-mobile-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    /* 抽屉本体：固定宽度（不占满全屏），浅色背景，从左侧滑出 */
    .pdweb-mobile-nav > ul {
        width: 280px;
        max-width: 82vw;
        height: 100%;
        padding: 0 0 40px;
        background: #fff;
        box-shadow: 2px 0 12px rgba(0,0,0,0.15);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-105%);
        transition: transform 0.28s ease;
        font-family: PingFangSC-Regular,PingFangSC-Light,Microsoft YaHei,SourceHanSansCN-Normal,STHeiti,Helvetica,Arail;
    }
    .pdweb-mobile-nav.open > ul {
        transform: translateX(0);
    }
    .pdweb-mobile-nav li {
        border-bottom: 1px solid #f0f0f0;
    }
    .pdweb-mobile-nav li a,
    .pdweb-mobile-nav li span.nav-label-mobile {
        display: block;
        padding: 15px 20px 15px 24px;
        color: #333;
        font-size: 15px;
        text-decoration: none;
        cursor: pointer;
    }
    .pdweb-mobile-nav li a:hover,
    .pdweb-mobile-nav li span.nav-label-mobile:hover {
        background: #f5f7fa;
        color: #0f308f;
    }
    .pdweb-mobile-nav .submenu-mobile {
        display: none;
        background: #f8f9fb;
    }
    .pdweb-mobile-nav .submenu-mobile.open {
        display: block;
    }
    .pdweb-mobile-nav .submenu-mobile li {
        border-bottom: none;
    }
    .pdweb-mobile-nav .submenu-mobile li a {
        padding: 12px 20px 12px 48px;
        font-size: 14px;
        color: #555;
    }
    .pdweb-mobile-nav .has-submenu > span::after {
        content: ' ▾';
        font-size: 12px;
        color: #999;
        opacity: 1;
    }
    .pdweb-mobile-nav .has-submenu.open > span::after {
        content: ' ▴';
    }

    /* 电话项在移动端菜单底部显示 */
    .pdweb-mobile-nav .mobile-phone {
        margin-top: 20px;
        padding: 0;
        color: #0f308f;
        font-size: 18px;
        border-top: 1px solid #eee;
        border-bottom: none;
        text-align: center;
    }
    .pdweb-mobile-nav .mobile-phone a {
        display: block;
        padding: 16px 24px;
        color: #0f308f !important;
        font-size: 18px;
        text-decoration: none;
    }
    .pdweb-mobile-nav .mobile-phone a:hover {
        background: #f5f7fa;
    }
    .pdweb-mobile-nav .mobile-phone .tel_icon {
        margin: 0 6px -6px 0;
    }

    /* 隐藏下拉产品导航（桌面端） */
    .nav-service {
        display: none !important;
    }

    /* 语言切换器移动端 */
    .header .ppmgt-lang-switcher-pdweb,
    #ppmgtLangSwitcherPdweb {
        position: static;
        transform: none;
        margin-left: auto;
        margin-right: 8px;
    }

    /* ====== Footer 底部适配 ====== */
    .main-footer {
        padding: 36px 0 30px;
    }
    .main-footer .wrap {
        padding: 0 16px;
    }
    .main-footer .footer-blocks {
        display: flex;
        flex-direction: column;
    }
    .main-footer .footer-blocks .footer-block {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .main-footer .footer-blocks .footer-block .block-title {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .main-footer .footer-blocks .footer-block .block-links {
        font-size: 13px;
        line-height: 26px;
    }
    .main-footer .footer-blocks .footer-block .block-links a,
    .main-footer .footer-blocks .footer-block .block-links span {
        display: block;
        color: #6a6e74;
    }
    .main-footer .footer-blocks .footer-block .block-links br {
        display: none;
    }
    .main-footer .footer-qrcode {
        float: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 10px;
    }
    .main-footer .footer-qrcode .icon-qrcode-wechat {
        width: 120px;
        height: 120px;
    }
    .main-footer .footer-qrcode .note {
        margin: 10px 0 0;
    }
    .main-footer .copy-right .links li {
        float: none;
        padding: 4px 0;
    }
    .main-footer .copy-right .links li:not(:last-child)::after {
        display: none;
    }
    .copy-right2 {
        font-size: 12px;
        line-height: 1.8;
        text-align: center;
        padding-top: 16px;
    }
    .copy-right2 a {
        display: inline-block;
        margin-top: 4px;
    }

    /* ====== 首页 Banner 适配 ====== */
    .home .banner {
        height: auto;
        min-height: 280px;
        background-size: cover;
        background-position: center;
        margin-top: -56px;
        padding-top: 56px;
        box-sizing: border-box;
    }
    .home .banner .banner-content {
        width: 100% !important;
        padding: 40px 16px 40px;
        text-align: center;
    }
    .home .banner .banner-content .main-title {
        font-size: 28px !important;
        margin: 0 0 16px !important;
        text-align: center !important;
        letter-spacing: 2px;
    }
    .home .banner .banner-content .sub-title {
        font-size: 18px !important;
        margin-left: 0 !important;
        text-align: center !important;
    }
    .home .banner .banner-content .btn-join {
        padding: 14px 40px;
        font-size: 16px;
    }

    /* 首页 Swiper 适配 — 覆盖 index.html 内联 <style> 中的固定 1920x600 */
    #banner {
        height: auto !important;
        min-height: 200px;
        max-height: 50vh;
        overflow: hidden;
    }
    #banner .swiper-container {
        width: 100% !important;
        height: 100% !important;
    }
    #banner .swiper-slide {
        overflow: hidden;
    }
    #banner .swiper-slide img {
        width: 100%;
        height: 100%;
        max-height: 50vh;
        min-height: 220px;
        object-fit: cover;
        object-position: center;
    }
    /* 底部文字描述条 */
    #banner .swiper-slide .detail {
        height: auto;
        padding: 10px 16px;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0, 91, 172, 0.85);
    }
    #banner .swiper-slide .detail h3 {
        width: 100% !important;
        font-size: 15px;
        margin: 4px auto;
        text-align: center;
        line-height: 1.4;
    }
    #banner .swiper-slide .detail p,
    #banner .swiper-slide .detail p span {
        width: 100% !important;
        font-size: 12px;
        line-height: 1.5;
        margin: 2px auto;
        text-align: center;
    }

    /* ====== 系统下载区域 (#indexDl) 适配 ====== */
    #indexDl {
        padding: 0 0 8px;
    }
    #indexDl .support-title {
        padding-top: 30px;
        padding-bottom: 12px;
    }
    #indexDl .support-title h1 {
        font-size: 20px;
        line-height: 32px;
        text-align: center;
    }
    /* dl-wrap 内联样式已有 @media 768px/480px 断点，此处补强 */
    .dl-wrap {
        max-width: 100% !important;
        padding: 0 12px 20px !important;
    }
    .dl-wrap .tab-nav {
        flex-wrap: wrap;
        border-radius: 8px;
        overflow: hidden;
    }
    .dl-wrap .tab-btn {
        flex: 1 1 50%;
        max-width: none;
        padding: 12px 6px;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dl-wrap .tab-panel {
        padding: 24px 16px 32px;
        border-radius: 0 0 8px 8px;
    }
    .dl-wrap .tab-panel-header {
        margin-bottom: 24px;
    }
    .dl-wrap .tab-panel-header h2 {
        font-size: 20px;
    }
    .dl-wrap .tab-panel-header .os-version {
        font-size: 12px;
        margin-top: 4px;
        line-height: 1.5;
    }
    .dl-wrap .download-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        align-items: stretch;
    }
    .dl-wrap .download-card {
        padding: 16px 8px;
        display: grid;
        grid-template-rows: auto auto auto 1fr;
        align-items: center;
        justify-items: center;
        gap: 8px;
        height: 100%;
        box-sizing: border-box;
    }
    .dl-wrap .download-card .card-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        margin-bottom: 0;
        order: 1;
    }
    .dl-wrap .download-card .card-icon svg {
        width: 24px;
        height: 24px;
    }
    .dl-wrap .download-card .card-title {
        font-size: 14px;
        margin-bottom: 0;
        order: 2;
    }
    /* 按钮移到文件名（具体名称行）之前，位置固定在标题下方，不受文件名行数影响 */
    .dl-wrap .download-card .btn-download {
        padding: 7px 14px;
        font-size: 13px;
        margin-top: 0;
        order: 3;
    }
    .dl-wrap .download-card .card-subtitle {
        font-size: 11px;
        margin-bottom: 0;
        line-height: 1.3;
        word-break: break-all;
        width: 100%;
        order: 4;
        /* 文件名行顶部对齐，紧贴按钮下方；避免 1fr 等高行把短文件名垂直居中撑出大片空白 */
        align-self: start;
    }
    /* 删除“最新版本xxxxx”行 */
    .dl-wrap .download-card .file-info {
        display: none;
    }

    /* ====== 卡片区域适配 ====== */
    .home .card-area {
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .home .card-area .card-item {
        float: none;
        width: calc(50% - 6px);
        margin: 0;
        padding: 40px 10px 20px !important;
        height: auto;
        min-height: 200px;
        box-sizing: border-box;
    }
    .home .card-area .card-item .title {
        font-size: 18px !important;
        margin-top: 15px !important;
    }
    .home .card-area .card-item .title2 {
        font-size: 16px !important;
    }
    .home .card-area .card-item .note {
        font-size: 13px;
    }
    .home .card-area .card-item:hover {
        padding: 30px 10px 20px !important;
    }
    .home .card-area .card-item:hover .title {
        font-size: 20px !important;
        margin-top: 20px !important;
    }

    /* ====== Section 通用适配 ====== */
    .home .section {
        padding: 40px 0;
    }
    .home .section .section-title {
        font-size: 24px !important;
    }
    .home .section .section-subtitle {
        font-size: 18px !important;
    }
    .home .section .section-content {
        margin-top: 30px;
        padding: 0 16px;
    }

    .home .solution-section {
        padding: 40px 0 50px;
    }
    .home .capability-section {
        height: auto;
        padding: 40px 0;
    }
    .home .capability-section .section-content {
        width: 100% !important;
        height: auto !important;
        background-size: contain;
        background-position: center top;
        min-height: 300px;
        margin-top: 30px;
    }
    .home .capability-section .capability-item {
        position: static;
        margin-bottom: 16px;
        padding: 0 16px;
        color: #333 !important;
    }
    .home .capability-section .capability-item .capability-title {
        font-size: 20px;
    }
    .home .capability-section .capability-item .capability-desc {
        font-size: 14px;
    }
    .home .capability-section .role-name {
        position: static;
        text-align: center;
        margin-bottom: 10px;
    }

    /* ====== FAQ 页面适配 ====== */
    .faq-page .faq-container {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }
    .faq-page .side-menu {
        float: none;
        width: 100%;
        padding: 16px;
        box-sizing: border-box;
        min-height: auto;
    }
    .faq-page .side-menu .title {
        padding-left: 0;
        font-size: 18px;
    }
    .faq-page .side-menu .sub-title {
        padding-left: 0;
    }
    .faq-page .side-menu .questions > li {
        text-indent: 16px;
    }
    .faq-page .content {
        float: none;
        width: 100% !important;
        height: auto !important;
        padding: 20px 16px;
        box-sizing: border-box;
    }

    /* ====== 案例详情页 (project.html) 适配 ====== */
    .w1150 {
        width: 100% !important;
        max-width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }
    #main1 {
        margin-top: 16px !important;
    }
    #pagenav {
        line-height: 30px;
        font-size: 13px;
        padding: 0 4px;
        overflow-wrap: break-word;
    }
    .arc_con {
        padding: 20px 0;
    }
    .arc_con h1 {
        font-size: 17px !important;
        line-height: 28px;
        padding: 0 8px;
    }
    .arc_con .arc_content {
        padding: 16px 0;
        font-size: 14px;
    }
    .arc_con .arc_content p {
        line-height: 26px;
        margin-bottom: 16px;
    }
    .arc_con .arc_content img {
        max-width: 100% !important;
        height: auto !important;
    }
    .updown {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 4px;
        min-height: 0 !important;
    }
    .updown .previous,
    .updown .next {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        font-size: 13px;
        line-height: 22px;
        word-break: break-all;
    }

    /* ====== Scheme/产品详情页适配 ====== */
    .scheme-page .banner-content {
        padding-top: 20px;
        height: auto;
        padding-bottom: 40px;
    }
    .scheme-page .banner-content .title {
        font-size: 32px !important;
    }
    .scheme-page .banner-content .sub-title {
        font-size: 18px !important;
    }
    .scheme-page .banner-content .desc {
        font-size: 14px;
        line-height: 24px;
    }
    .scheme-page .question-cards {
        position: static;
        display: flex;
        flex-wrap: wrap;
    }
    .scheme-page .question-cards .question-card {
        float: none;
        width: 100% !important;
        height: auto;
        padding: 20px 16px;
        box-sizing: border-box;
    }
    .scheme-page .section {
        padding: 30px 0;
    }
    .scheme-page .section .section-title {
        font-size: 28px !important;
    }
    .scheme-page .overview-section {
        margin-top: 40px;
        padding: 40px 0;
    }
    .scheme-page .overview-section .overview-cards .card-item {
        float: none;
        width: 100%;
        height: auto;
        padding: 24px 16px;
        box-sizing: border-box;
    }
    .scheme-page .overview-section .overview-cards .card-item:nth-child(even) {
        border-left: none;
    }
    .scheme-page .case-section {
        height: auto;
    }
    .scheme-page .case-section .case-cards {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }
    .scheme-page .case-section .case-cards .card-item {
        float: none;
        width: calc(50% - 6px);
        margin-left: 0;
        height: auto;
        min-height: 200px;
        padding: 24px 12px 16px;
        box-sizing: border-box;
    }
    .scheme-page .access-section {
        height: auto;
        padding-bottom: 40px;
    }
    .scheme-page .access-section .timeline .line {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .scheme-page .access-section .timeline-points {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .scheme-page .access-section .timeline-points li {
        float: none;
        margin-left: 0 !important;
        font-size: 28px;
    }
    .scheme-page .access-section .access-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .scheme-page .access-section .access-steps .access-step {
        float: none;
        margin-left: 0 !important;
        width: calc(50% - 8px);
        box-sizing: border-box;
    }

    /* ====== 产品页面适配（cppdxt等） ====== */
    .banner .container {
        padding-top: 20px;
        height: auto;
        padding-bottom: 40px;
        width: 100% !important;
        box-sizing: border-box;
    }
    .banner .bannerTit {
        font-size: 24px !important;
    }
    .banner .bannerMsg {
        font-size: 14px;
        line-height: 24px;
    }
    .banner .verImg {
        position: static;
        width: 100%;
        height: auto;
    }
    .banner .verImg img {
        width: 100%;
        height: auto;
    }
    .banner .downLoadBtn {
        margin: 30px auto;
    }

    /* 导航盒子适配 */
    .navBox {
        height: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .navBox .container {
        height: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    .navBox .liBtn {
        float: none;
        display: inline-block;
        margin-left: 0;
        width: auto;
        min-width: 120px;
        height: 48px;
        line-height: 48px;
        flex-shrink: 0;
    }
    .navBox .liBtn:first-child {
        margin-left: 0;
    }
    .navBox .liBtn.third {
        margin-left: 0;
    }
    .navBox .pullDown {
        position: static;
        width: auto;
        height: 48px;
        line-height: 48px;
        margin-left: 10px;
    }

    /* Feature 区域 */
    .feature {
        height: auto;
        padding: 20px 0;
    }
    .feature .featureMsg {
        height: auto;
        background-size: contain;
        background-position: center 100px;
        padding-top: 20px;
    }
    .feature .featureMsg .featureTit {
        margin-top: 40px;
        font-size: 24px;
    }
    .feature .featureBox {
        float: none;
        width: 100%;
        margin-bottom: 16px;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .feature .indexImgBox {
        position: static;
        width: 100%;
        height: auto;
        background: none;
        text-align: center;
    }
    .feature .indexImgBox .indexBg {
        position: static;
        width: 90%;
        height: auto;
        max-width: 400px;
    }
    .feature .indexImgBox .indexTop {
        display: none;
    }
    .feature .msg {
        width: auto;
        float: none;
        margin-left: 10px;
    }

    /* Introduce 区域 */
    .introduce .intrBox {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 30px 16px;
        box-sizing: border-box;
    }
    .introduce .intrImgBox {
        float: none;
        width: 100%;
        height: auto;
        line-height: normal;
        padding: 0;
        order: -1;
    }
    .introduce .intrImgBox .introduceImg {
        max-width: 100%;
        height: auto;
    }
    .introduce .msgBox {
        float: none;
        width: 100%;
    }
    .introduce .msgBox .intrHead {
        margin-top: 20px;
        font-size: 22px;
        line-height: 32px;
    }
    .introduce .msgBox .intrMsg {
        margin-top: 20px;
        width: 100%;
        font-size: 16px;
    }
    .introduce .leftImg .msgBox {
        padding-left: 0;
    }
    .introduce .leftImg .msgBox .intrMsg {
        width: 100%;
    }

    /* 视频区域 / 解决方案引导区 */
    .installVideo {
        height: auto;
        padding: 40px 16px;
        background-size: cover;
        background-position: center;
    }
    .installVideo .container {
        padding-top: 20px;
        width: 100% !important;
    }
    .installVideo .installMsg {
        font-size: 14px;
        line-height: 28px;
    }
    .installVideo .downLoadBtn {
        margin-top: 24px;
        padding: 12px 36px;
        font-size: 18px;
        width: auto;
        height: auto;
        line-height: 1.6;
    }
    .modal .modal-container {
        width: 95vw;
        height: auto;
    }

    /* 项目案例页 */
    .xmal .banner {
        height: auto;
        min-height: 200px;
    }

    /* ====== 通用图片适配 ====== */
    img {
        max-width: 100%;
        height: auto;
    }

    /* ====== 关于我们等一般内容页 ====== */
    .content-page .main-content {
        padding: 16px;
    }

    /* ====== 首页 Banner 翻页圆点修复 ====== */
    #banner .swiper-pagination1 {
        right: auto !important;
        left: 50% !important;
        transform: translateX(-50%);
        bottom: 15px;
    }
    #banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    /* 强制覆盖 index.html 内联样式中的固定宽度 */
    #banner .swiper-slide .detail h3 { width: 100% !important; }
    #banner .swiper-slide .detail p { width: 100% !important; }
    #banner .swiper-slide .detail p span { width: 100% !important; }

    /* ====== 产品中心 (#indexCp) 卡片适配 ====== */
    #indexCp {
        margin: 6px auto;
    }
    #indexCp .support-title {
        padding-top: 10px;
        padding-bottom: 6px;
    }
    #indexCp h1,
    #indexCp h2 {
        font-size: 20px !important;
        margin: 8px 0 !important;
    }
    /* 产品中心 5 张卡：还原图2的"2列 + 左右大留白 + 大卡尺寸"风格，对齐上面下载节组件的宽松观感；
       3 个参数合一行便于后续微调：左右留白 = padding-X，列/行间距 = gap，每列张数 = N (repeat(N,1fr)) */
    .page-content {
        width: 100% !important;                          /* 关键：#indexCp 是 display:grid + place-items:center，
                                                            不设宽度时 .page-content 收缩为内容宽度 → 两边大片空白 */
        justify-self: stretch !important;
        padding: 0 16px;                                 /* 左右留白 16px，比 24px 更省空间 */
        grid-gap: 12px 10px !important;                  /* 行间距 12px、列间距 10px */
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;/* 3 列：375px 屏 → 每张卡约 (375-32-20)/3 ≈ 108px 宽，
                                                            比 2 列的 155px 小，一行放更多 */
    }
    .card {
        width: 100% !important;                          /* 覆盖 indexCp.css 的 calc() 桌面端宽度规则 */
        height: auto !important;
        aspect-ratio: 5 / 8;                             /* 保持桌面端 260:420 ≈ 5:8 比例，不裁切产品图 */
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;                      /* ::before 图 height:110% 溢出卡片底部会盖下一行 → 裁剪 */
        padding: 0.7rem !important;                       /* 卡变窄后内边距同步收紧，图片占比更大 */
        margin: 0 !important;                             /* 清除桌面端 margin-left/margin-right:16px，避免 2 列布局被压缩出现横向空白 */
        box-sizing: border-box !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1) !important;
        border-radius: 6px;                               /* 轻微圆角，和上面下载节的圆角卡片风格统一 */
    }
    /* 移动端：不要覆盖遮罩（渐隐的黑色阴影），让产品图完整展示 */
    .card:after {
        display: none !important;
    }
    /* 移动端：标题下方的详细描述（窗口叫号信息显示 等）不显示 */
    .card .content .copy,
    .card .content > p.copy {
        display: none !important;
    }
    /* 移动端禁用 hover 内容上移效果，内容始终贴卡片底部显示（利用 .card 默认 align-items:flex-end 实现向下对齐）；
       不要强制 min-height:100%，避免改变卡片原始高度造成图片宽度比例变化 */
    .card .content {
        transform: translateY(0) !important;
        width: 100%;
        padding: 0 !important;        /* 不额外加 padding，避免挤占图片显示区域 */
        margin: 0 !important;
        display: block !important;    /* 回到原生 block，不改变父级高度 */
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    .card .content > * + * { margin-top: 0 !important; }
    .card .content > *:not(.title) {
        opacity: 0 !important;
        display: none !important;
    }
    /* 主显示文字：不要遮罩；字体用绝对像素 11px；水平居中（text-align:center）、向下对齐（父级 align-items:flex-end 已经把 content 放在卡片底部，无需额外做 flex） */
    #indexCp .page-content .card .content h2.title,
    #indexCp .page-content .card .content .title {
        display: block !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        color: #fff;
        background: transparent !important;
        background-image: none !important;
        text-shadow: none !important;
        -webkit-text-stroke: 0 !important;
        padding: 2px 0 0 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        letter-spacing: 0 !important;
    }

    /* ====== 产品特色功能 (.specialty) 适配 ====== */
    .specialty {
        background: #f5f7fa !important;
        background-size: auto !important;
        padding-bottom: 20px;
    }
    .specialty .wrapper {
        max-width: 100% !important;
        padding: 0 8px;
    }
    .support-title {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .support-title h1 {
        font-size: 20px;
        line-height: 32px;
    }
    /* 禁用 indexTs.css 的桌面 4 列浮动布局，改用 flex 网格 */
    .specialty-slide {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
    }
    .specialty-slide li {
        width: 33.333% !important;
        float: none !important;
        padding: 16px 4px;
        min-height: 90px;
        box-sizing: border-box;
    }
    .specialty-slide li:after {
        top: 12% !important;
        bottom: 12% !important;
    }
    /* 每行第3个（最右列）去掉右边竖线 */
    .specialty-slide li:nth-child(3n):after {
        width: 0 !important;
    }
    .specialty-slide li:last-child:after {
        width: 0 !important;
    }
    .specialty-slide li .list {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
    }
    .specialty-slide li i {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        background-size: contain;
        background-position: center;
        flex-shrink: 0;
    }
    .specialty-slide li h1 {
        font-size: 12px;
        line-height: 16px;
        padding: 0 2px;
        max-width: 100%;
        word-break: break-word;
    }
    /* 禁用桌面 hover 翻转效果 */
    .specialty-slide li:hover .specialty-content {
        height: 0 !important;
        top: 100% !important;
        border-top: none !important;
    }
    li:hover:after {
        opacity: 1 !important;
    }
    /* 移动端点击展开内容面板（由 index.html 的 JS 控制 .open 类） */
    .specialty-slide li .specialty-content.open {
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        line-height: normal;
        padding: 16px 16px 20px;
        overflow: visible;
        box-shadow: none;
        border-top: 3px solid #489cfa;
        background: #fff;
    }
    .specialty-slide li .specialty-content.open a {
        display: block;
        line-height: normal;
    }
    .specialty-slide li .specialty-content.open h1 {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .specialty-slide li .specialty-content.open p {
        font-size: 12px;
        line-height: 20px;
        color: #666;
    }
    .specialty-slide li:last-child .specialty-content.open {
        display: none;
    }
    /* 展开指示箭头 */
    .specialty-slide li .list h1::after {
        content: ' \25BE';
        font-size: 10px;
        opacity: 0.5;
        display: inline-block;
        transition: transform 0.2s;
    }
    .specialty-slide li.open .list h1::after {
        transform: rotate(180deg);
    }
    .specialty-slide li:last-child .list h1::after {
        display: none;
    }

    /* ====== 典型案例 (#indexAl) 适配 ====== */
    #indexAl {
        width: 100% !important;
        padding: 20px 0 40px;
    }
    #indexAl h2 {
        font-size: 20px;
        margin: 20px 0;
    }
    #indexAl h2 a {
        font-size: 20px;
    }
    #indexAl .swiper-container {
        padding-bottom: 30px;
        overflow: hidden;
    }
    #indexAl .swiper-slide {
        width: 85% !important;
        max-width: 320px;
        height: auto !important;
    }
    #indexAl .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        max-height: 200px;
        object-fit: cover;
    }
    #indexAl .swiper-slide p {
        line-height: 50px;
        font-size: 13px;
    }
    /* 隐藏左右导航箭头（移动端滑动即可切换） */
    #indexAl .swiper-button-prev,
    #indexAl .swiper-button-next {
        display: none !important;
    }
    #indexAl .swiper-pagination2 {
        bottom: 5px;
    }

    /* ====== 下载中心页面 (down.html) 适配 ====== */
    .down-page .banner,
    .down .banner {
        height: auto;
        min-height: 200px;
        padding-bottom: 30px;
    }

    /* ====== 通用溢出修复 ====== */
    .specialty .wrapper,
    #indexCp .page-content,
    #indexDl .dl-wrap,
    .installVideo .container,
    #indexAl {
        overflow-x: hidden;
    }

    /* ====== 表格/内容区域通用适配 ====== */
    table {
        max-width: 100%;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ====== 小屏手机：480px 以内 ====== */
@media (max-width: 480px) {
    .home .banner .banner-content .main-title {
        font-size: 22px !important;
    }
    .home .banner .banner-content .sub-title {
        font-size: 15px !important;
    }
    .home .card-area .card-item {
        width: 100%;
    }
    .home .section .section-title {
        font-size: 20px !important;
    }
    .home .section .section-subtitle {
        font-size: 15px !important;
    }

    .scheme-page .banner-content .title {
        font-size: 24px !important;
    }
    .scheme-page .case-section .case-cards .card-item {
        width: 100%;
    }
    .scheme-page .access-section .access-steps .access-step {
        width: 100%;
    }

    .main-footer .footer-blocks .footer-block .block-title {
        font-size: 15px;
    }

    .pdweb-mobile-nav li a,
    .pdweb-mobile-nav li span.nav-label-mobile {
        font-size: 15px;
        padding: 14px 20px;
    }

    /* Banner 底部文字条在小屏上更紧凑 */
    #banner .swiper-slide .detail h3 {
        font-size: 13px;
    }
    #banner .swiper-slide .detail p,
    #banner .swiper-slide .detail p span {
        font-size: 11px;
    }

    /* 下载 tab 按钮更紧凑 */
    .dl-wrap .tab-btn {
        flex: 1 1 50%;
        padding: 10px 4px;
        font-size: 12px;
    }

    /* 产品特色：小屏 3 列，与下载卡片保持一致（图标在上、文字在下） */
    .specialty-slide li {
        width: 33.333% !important;
        float: none !important;
        padding: 14px 4px;
        min-height: 82px;
    }
    .specialty-slide li:after {
        top: 12% !important;
        bottom: 12% !important;
        width: 1px !important;
    }
    .specialty-slide li:nth-child(3n):after {
        width: 0 !important;
    }
    .specialty-slide li:last-child:after {
        width: 0 !important;
    }
    .specialty-slide li .list {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    .specialty-slide li i {
        width: 38px;
        height: 38px;
        margin-bottom: 8px;
        margin-right: 0;
    }
    .specialty-slide li h1 {
        font-size: 12px;
        line-height: 16px;
        padding: 0 2px;
        text-align: center !important;
    }
    /* 展开内容面板在小屏 3 列下更紧凑、居中 */
    .specialty-slide li .specialty-content.open {
        padding: 12px 10px 16px;
        margin-top: 8px;
    }
    .specialty-slide li .specialty-content.open h1 {
        text-align: center !important;
        font-size: 13px;
    }
    .specialty-slide li .specialty-content.open p {
        text-align: center !important;
        font-size: 11px;
    }

    /* 典型案例小屏更窄 */
    #indexAl .swiper-slide {
        width: 90% !important;
    }

    /* 产品中心标题 */
    #indexCp h1,
    #indexCp h2 {
        font-size: 18px !important;
    }
    .support-title h1 {
        font-size: 18px !important;
    }
    #indexDl .support-title h1 {
        font-size: 18px !important;
    }
}

/* ====== 桌面端：隐藏移动端元素 ====== */
@media (min-width: 769px) {
    .pdweb-hamburger {
        display: none !important;
    }
    .pdweb-page-title {
        display: none !important;
    }
    .pdweb-mobile-nav {
        display: none !important;
    }
}

/* ============================================================
 * 解决方案页 (fapdxt.html) 移动端适配
 * 布局固定 1200px，需在移动端全部改为自适应
 * ============================================================ */
@media (max-width: 768px) {
    /* 顶部 59px 占位条：移动端 body 已有 padding-top:56px，占位条改为 0 */
    .pdweb-top-spacer {
        margin-top: 0 !important;
        width: 100% !important;
    }

    /* ====== Banner 适配 ====== */
    .topBanner {
        height: auto !important;
        padding: 24px 0 30px !important;
    }
    .topBanner .banner_middle {
        width: 100% !important;
        padding: 0 16px;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .topBanner .banner_middle .left_banner {
        width: 100% !important;
        text-align: center;
    }
    .topBanner .banner_middle .banner_theme {
        font-size: 26px !important;
        line-height: 40px;
        letter-spacing: 3px;
        padding-bottom: 20px !important;
    }
    .topBanner .banner_middle .banner_description {
        font-size: 14px !important;
        line-height: 26px;
        text-align: center;
    }
    .topBanner .banner_middle .right_banner {
        width: 100% !important;
        height: auto !important;
        margin-top: 24px;
    }
    .topBanner .banner_middle .right_banner img {
        width: 100% !important;
        height: auto !important;
        max-width: 340px;
        margin: 0 auto;
        display: block;
    }

    /* ====== 主体容器 1200px -> 100% ====== */
    .boxx {
        width: 100% !important;
        padding: 20px 10px 0;
        box-sizing: border-box;
    }
    .fl_r {
        float: none !important;
        width: 100% !important;
    }
    .fl_l {
        display: none !important;
    }

    /* ====== 系统概览 tab 区适配 ====== */
    .pavilion-container {
        width: 100% !important;
        min-height: auto !important;
        padding: 16px 8px;
        box-sizing: border-box;
        background-size: cover;
    }
    .pavilion-container .pavilion-inner {
        max-width: 100% !important;
    }
    .pavilion-container h2 {
        font-size: 18px !important;
        letter-spacing: 1px;
        text-align: center !important;
    }
    /* tab 标签：横向滚动，避免换行挤压 */
    .pavilion-container .pavilion-inner .tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 4px 10px;
        white-space: nowrap;
    }
    .pavilion-container .pavilion-inner .tabs li {
        float: none;
        flex-shrink: 0;
        padding: 0 14px;
        margin-left: 8px !important;
        line-height: 32px;
        font-size: 14px;
    }
    .pavilion-container .pavilion-inner .tabs li:first-child {
        margin-left: 0 !important;
    }
    /* tab 内容：绝对定位改为文档流，未选中隐藏 */
    .pavilion-container .tab-content-wrap {
        height: auto !important;
    }
    .pavilion-container .tab-content {
        position: relative;
        height: auto;
        display: none;
        opacity: 1;
        z-index: auto;
    }
    .pavilion-container .tab-content.show {
        display: block;
        height: auto;
    }
    /* 卡片与图片自适应 */
    .pavilion-container .tab-content .col-sm-3 {
        float: none;
        width: 100% !important;
        padding: 0 !important;
    }
    .pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg {
        height: auto !important;
    }
    .pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img {
        width: 100% !important;
        height: auto !important;
    }
    .pavilion-container .tab-card.tab-card-lg h3 {
        font-size: 16px !important;
        margin-top: 16px !important;
    }
    .pavilion-container .tab-card p {
        font-size: 14px;
        line-height: 24px;
        overflow: visible;
        text-indent: 2em;
    }
    .pavilion-container .tab-card .time {
        position: static !important;
        width: 100% !important;
        padding: 12px 0 16px;
    }
    /* 系统特点 4 卡片：2 列布局 */
    .pavilion-container .tab-content.tab-features .col-sm-3 {
        float: left;
        width: 50% !important;
        padding: 0 6px !important;
        box-sizing: border-box;
        margin-bottom: 12px;
    }
    .pavilion-container .tab-content.tab-features .col-sm-3 .tab-card.tab-card-lg img {
        width: 56px !important;
        height: 56px !important;
    }
    .pavilion-container .tab-content.tab-features .tab-card.tab-card-lg .labels span {
        font-size: 11px;
        margin-top: 6px;
        margin-right: 4px;
    }
    .pavilion-container .tab-content.tab-features .time span {
        font-size: 15px;
    }

    /* ====== 产品区块（取号机/呼叫器/评价器/显示屏/大屏）适配 ====== */
    .frontContent {
        padding-top: 10px;
        margin-bottom: 20px;
    }
    .box {
        margin-bottom: 16px;
    }
    .box h2 {
        font-size: 17px !important;
        line-height: 26px;
        letter-spacing: 1px;
        text-align: center !important;
        margin-bottom: 10px;
    }
    .box p {
        font-size: 13px !important;
        line-height: 22px;
        text-align: left;
    }
    /* 产品缩略图 div（背景图）自适应 */
    #qhjImg, #hjqImg, #pjqImg, #jhpImg, #dpImg {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1200 / 460;
        margin: 10px auto;
        background-size: contain;
        background-position: center;
    }
    .peripheral {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1200 / 520;
    }
    .hjqArgs {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1200 / 650;
    }
    /* 产品 radio 选择：移动端一行自适应 */
    .frontContent .box > ul {
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 4px;
        min-height: 0 !important;
        margin-bottom: 10px;
    }
    .frontContent .box > ul > li {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
        margin-right: 0 !important;
        text-align: center;
    }
    .frontContent .box > ul > li img {
        width: 36px !important;
        height: 36px !important;
        object-fit: contain;
        margin: 0 auto;
    }
    /* label 与文字说明 */
    .qhjRadio, .hjqRadio, .jhpRadio, .dpRadio {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100% !important;
        height: 100% !important;
        padding: 6px 2px 8px;
        font-size: 11px !important;
        background-color: #f7f9fc !important;
        box-sizing: border-box;
    }
    .frontContent .box > ul > li span {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: 14px !important;
        top: auto !important;
        left: auto !important;
        font-size: 10px !important;
        text-align: center !important;
        margin-top: 4px;
        word-break: break-word;
    }
    /* video 自适应 */
    .box video {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
    }
    /* cpTable 区域压缩 */
    .cpTable {
        min-height: 0 !important;
        padding: 20px 0 !important;
        border-radius: 10px !important;
    }

    /* ====== 通用溢出保护 ====== */
    .boxx, .fl_r, .pavilion-container, .frontContent {
        overflow-x: hidden;
    }
}

/* 小屏手机：480px 以内 */
@media (max-width: 480px) {
    /* 产品 radio 选择：一行自适应（更紧凑） */
    .frontContent .box > ul {
        gap: 3px;
    }
    .frontContent .box > ul > li img {
        width: 32px !important;
        height: 32px !important;
    }
    .qhjRadio, .hjqRadio, .jhpRadio, .dpRadio {
        padding: 4px 1px 6px;
    }
    .frontContent .box > ul > li span {
        font-size: 9px !important;
        line-height: 12px !important;
        margin-top: 2px;
    }
    /* 系统特点卡片改单列，避免过窄 */
    .pavilion-container .tab-content.tab-features .col-sm-3 {
        width: 100% !important;
    }
    .topBanner .banner_middle .banner_theme {
        font-size: 22px !important;
    }
    .topBanner .banner_middle .banner_description {
        font-size: 13px !important;
    }
    .pavilion-container .pavilion-inner .tabs li {
        padding: 0 10px;
        font-size: 13px;
    }
}

/* ============================================================
 * 项目案例页 (xmal.html) 移动端适配
 * ============================================================ */
@media (max-width: 768px) {
    /* 固定侧边菜单在移动端隐藏 */
    #project_menu,
    #about_menu {
        display: none !important;
    }

    /* 页面标题 */
    #projectfp {
        padding-top: 20px;
    }
    .projectTitle h1 {
        font-size: 20px !important;
        line-height: 30px;
        padding: 0 16px;
    }

    /* 案例分类标题 */
    .we_content h2 {
        font-size: 17px !important;
        line-height: 26px;
        padding: 0 16px;
        margin-bottom: 16px !important;
    }

    /* 案例列表：1200px 三列 → 2 列网格 */
    .we_content {
        width: 100% !important;
        margin-bottom: 40px !important;
    }
    .we_content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0 10px;
    }
    /* ul 中的 clearfix 占位 div 在 grid 布局下隐藏 */
    .we_content ul .clear {
        display: none !important;
    }
    .we_content ul li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .we_content ul li .we_img {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }
    .we_content ul li img {
        width: 100% !important;
        height: auto !important;
        max-height: 160px;
        object-fit: cover;
    }
    .we_content ul li span,
    .we_content ul li a {
        font-size: 13px !important;
        line-height: 22px;
    }
    .xmalDiv {
        padding: 0 16px;
    }
    .xmalDiv a {
        font-size: 1.2em !important;
    }
}

@media (max-width: 480px) {
    .we_content ul {
        grid-template-columns: 1fr;
    }
    .we_content ul li img {
        max-height: 200px;
    }
}

/* ============================================================
 * 关于我们页 (aboutUs.html) 移动端适配
 * ============================================================ */
@media (max-width: 768px) {
    /* Banner 徽章适配 */
    .topBanner .banner_middle .banner_description .banner_pill {
        width: auto;
        min-width: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 14px;
        margin-right: 8px;
        font-size: 13px;
        letter-spacing: 2px;
        white-space: nowrap;
    }

    /* 品牌介绍区 */
    .td_aboutus_content {
        padding: 0 !important;
    }
    .td_aboutus_content h2 {
        font-size: 20px !important;
        line-height: 30px;
        margin: 20px auto 0 !important;
        padding: 0 16px;
        box-sizing: border-box;
        text-align: center;
        width: 100% !important;
        height: auto !important;
    }
    .td_aboutus_content .aboutus {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    .td_aboutus_content .aboutus p {
        font-size: 14px !important;
        line-height: 26px !important;
        padding: 0 16px;
        box-sizing: border-box;
        width: 100% !important;
    }

    /* 品牌精神 3 列 → 单列 */
    .our_point_big {
        width: 100% !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .our_point_big .our_point {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    .our_point h2 {
        width: 100% !important;
        height: auto !important;
        font-size: 20px !important;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .point_content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 16px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .point_content ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 !important;
    }
    .point_content ul li {
        float: none !important;
        margin: 8px 0 24px !important;
        width: 100% !important;
        max-width: 320px;
        height: auto !important;
        text-align: center;
    }
    .point_content ul li .point_top {
        margin: 0 auto;
        width: 110px;
        height: 110px;
        border-radius: 55px;
    }
    .point_content ul li .point_top p {
        padding-top: 38px;
        font-size: 14px;
        line-height: 22px;
    }
    .point_content ul li .point_bottom p {
        font-size: 14px;
        line-height: 24px;
        padding: 0 8px;
    }

    /* 联系我们：1265px 固定容器 → 100% */
    .td_aboutus_content > div[style*="1265px"] {
        width: 100% !important;
        height: auto !important;
    }
    .td_aboutus_content .td_aboutus_left {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 16px;
        box-sizing: border-box;
    }
    .td_aboutus_content .td_aboutus_left p {
        font-size: 14px;
        line-height: 26px;
        word-break: break-all;
    }
    .td_aboutus_content .td_aboutus_left p a {
        font-size: 14px;
    }
    .td_aboutus_content .td_aboutus_right {
        position: static !important;
        margin: 0 !important;
        text-align: center;
        padding: 0 16px 24px;
    }
    .td_aboutus_content .td_aboutus_right img {
        width: 100% !important;
        height: auto !important;
        max-width: 420px;
        position: static !important;
        display: inline-block;
    }
    /* 联系方式的浮动头像卡片区块默认隐藏（桌面 hover 触发），移动端隐藏避免占位 */
    .td_aboutus_content .main-section2 {
        display: none !important;
    }
}