@charset "utf-8";
/* ==========================================================================
   响应式适配样式（桌面端 / 平板 / 手机）
   加载顺序：bootstrap.min.css、css.css、Animation.css、slider.css、product.css 之后
   说明：原有样式大量使用固定像素（750px、1230px、1900px 等）和绝对定位，
        本文件只做覆盖，不修改原有桌面端视觉效果。
   断点：1199px（小笔记本）、991px（平板）、767px（手机）、480px（小屏手机）
   ========================================================================== */

/* ============================== 1. 通用 ============================== */
@media (max-width: 1199px) {
    /* 超大自定义容器（解决方案模块曾写死 1900px）统一收窄 */
    .program_style .container {
        width: 100%;
        max-width: 100%;
    }

    /* 首页幻灯片曾写死 1230px，窄屏下会横向溢出 */
    .banner_list_style {
        min-width: 0;
    }

    /* 解决方案模块写死了 940px 高度，平板下内容会超出 */
    .program_style {
        height: auto;
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* 图片不撑破容器 */
    .container img,
    .content img,
    .details_style img,
    .Tutorial_content img {
        max-width: 100%;
    }

    .width500 {
        width: 100% !important;
    }

    /* 固定高度的内容块（旧产品页遗留）改为自适应 */
    .height1,
    .height2,
    .height3,
    .height4,
    .height5,
    .height6 {
        height: auto !important;
    }

    /* 表格在窄屏内横向滚动，避免撑破页面 */
    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table > thead > tr > th,
    .table > tbody > tr > td {
        min-width: 80px;
        word-break: break-word;
    }

    /*
     * WOW 配置为 mobile:false，手机上不会初始化、也不会绑定滚动回调；
     * 但插件 live:true 的 MutationObserver 仍会给异步插入的 .wow 元素
     * 写入内联 visibility:hidden，之后没有任何机制将其恢复，
     * 导致 Ajax 拼接出来的列表（案例/行业动态/解决方案）在手机上整块不可见。
     * 这里统一兜底为可见，同时关闭动画避免闪烁。
     */
    .wow {
        visibility: visible !important;
        animation: none !important;
        -webkit-animation: none !important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    /* 兜底：避免个别遗漏的固定宽度元素导致整页出现横向滚动 */
    html,
    body {
        overflow-x: hidden;
    }

    /* 通用标题字号收缩 */
    .title_name h2 {
        font-size: 24px !important;
    }

    .title_name h4,
    .title_name h5 {
        font-size: 13px;
        line-height: 22px;
    }

    .mt100 {
        margin-top: 40px;
    }

    .padding {
        padding: 10px;
    }
}

/* ========================= 2. 头部与移动端导航 ========================= */
/* 移动端导航按钮：桌面端默认不显示 */
.mobile-nav-toggle {
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 9px 8px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    cursor: pointer;
    z-index: 1201;
    outline: none;
}

.mobile-nav-toggle span {
    display: block;
    height: 2px;
    margin: 4px 0;
    background: #ffffff;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.mobile-nav-toggle.open span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.mobile-nav-toggle.open span:nth-child(2) {
    opacity: 0;
}

.mobile-nav-toggle.open span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

/* 移动端下拉导航面板：桌面端默认不显示 */
.mobile-nav {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 56px;
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
    overflow-y: auto;
    background: rgba(18, 24, 33, 0.96);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    z-index: 1200;
    -webkit-overflow-scrolling: touch;
}

.mobile-nav.open {
    display: block;
}

.mobile-nav-list {
    margin: 0;
    padding: 6px 0 16px;
}

.mobile-nav-list > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-nav-list > li:last-child {
    border-bottom: 0;
}

.mobile-nav-list > li > a {
    display: block;
    padding: 13px 20px;
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
}

.mobile-nav-list > li.on > a,
.mobile-nav-list > li > a:active,
.mobile-nav-list > li > a:hover {
    background: rgba(236, 65, 67, 0.9);
    color: #ffffff;
}

/* 二级入口：与桌面端下拉菜单保持一致 */
.mobile-nav-sub {
    margin: 0;
    padding: 0 0 6px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-nav-sub > li > a {
    display: block;
    padding: 10px 20px 10px 38px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 20px;
}

.mobile-nav-sub > li > a:active,
.mobile-nav-sub > li > a:hover {
    color: #ffffff;
}

@media (max-width: 991px) {
    /* 头部改为贴顶的固定条，避免 20px 偏移在手机上出现空隙 */
    #navbar_main,
    .headerbg.active {
        margin-top: 0;
        background: rgba(18, 24, 33, 0.92);
    }

    #navbar_main .container-fluid {
        position: relative;
        height: 56px;
        padding: 0;
    }

    #navbar_main .logo {
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
    }

    #navbar_main .logo img {
        max-height: 34px;
        width: auto;
    }

    .mobile-nav-toggle {
        display: block;
    }

    body.nav-open {
        overflow: hidden;
    }
}

/* ================================ 3. 首页 ================================ */
@media (max-width: 1199px) {
    /* 首屏大图：固定 750px 高度改为按内容自适应 */
    .banner {
        height: auto;
        min-height: 260px;
        padding: 100px 0 40px;
        background-size: cover;
        background-position: center top;
    }

    .banner .container {
        height: auto;
        display: block;
    }

    .banner_list_style,
    .banner_list_style .bd {
        height: auto;
        min-width: 0;
    }

    .ban1Line_right {
        position: static;
        height: auto;
        padding: 0 15px;
    }

    .ban1Line_right .title_name {
        font-size: 24px;
        margin-top: 0;
        line-height: 34px;
    }

    /* 产品与服务：横向滚动的视差区块改为纵向堆叠 */
    .product_style .title_name {
        margin: 20px 0;
        padding: 0 15px;
    }

    .product_bg,
    .product_list,
    #slider-wrap,
    #slider {
        height: auto !important;
        overflow: visible;
    }

    #slider {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .slider-sections,
    .slider-sections section {
        position: static !important;
        width: 100% !important;
        height: auto !important;
    }

    .slider-sections section {
        display: block !important;
        padding: 15px;
        margin-bottom: 15px;
        background: #ffffff;
        border-radius: 4px;
    }

    .slider-sections section img {
        width: 100% !important;
        height: auto !important;
        float: none;
    }

    /* 视差滑块脚本会给帧内元素写入内联绝对定位、尺寸与透明度，窄屏下统一复位为文档流 */
    .slider-sections section *,
    .slider-sections section *:before,
    .slider-sections section *:after {
        position: static !important;
        left: auto !important;
        top: auto !important;
        opacity: 1 !important;
    }

    .slider-sections section h2 {
        width: auto !important;
        height: auto !important;
    }

    /* 脚本会把同级文本块淡出（写入 display:none），这里强制保持可见 */
    .slider-sections .copy_content {
        display: block !important;
    }

    .slider-sections .text,
    .slider-sections .copy_content {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 10px 0 !important;
    }

    .index_box1_info {
        font-size: 15px;
    }

    .index_box1_text {
        width: 100% !important;
        margin-top: 10px;
    }

    .index_box1_text li {
        width: 50%;
        line-height: 30px;
    }

    /* 行业解决方案 */
    .program_style .title_name {
        margin-bottom: 25px;
        padding: 0 15px;
    }

    .program_style .index_Program_list .Program_name {
        height: auto;
        margin-bottom: 15px;
    }

    .program_style .index_Program_list img {
        height: 200px;
        object-fit: cover;
    }

    .program_style .Program_title {
        position: static;
        height: auto;
    }

    .program_style .Program_title h5 {
        display: none;
    }

    .program_style .Program_title h2 {
        line-height: 34px;
    }

    .program_style em {
        display: none;
    }
}

@media (max-width: 767px) {
    .ban1Line_right .title_name {
        font-size: 20px;
        line-height: 28px;
    }

    .program_style .index_Program_list img {
        height: 170px;
        object-fit: cover;
    }

    .user_casestyle .title_name {
        margin-top: 25px;
        padding: 0 15px;
    }

    .user_casestyle .case_mores {
        width: 150px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }
}

/* ======================= 3.1 内页顶部横幅（bannerN） ======================= */
@media (max-width: 991px) {
    /* 页面首屏图原为 400~490px 固定高度，标题使用绝对定位 */
    .bannerN {
        height: auto !important;
        min-height: 190px;
        padding: 90px 0 25px;
        background-size: cover !important;
    }

    .bannerN .banH2 {
        position: static;
        bottom: auto;
        width: 100%;
        padding: 0 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .bannerN h3 {
        position: static;
        bottom: auto;
        width: 100%;
        padding: 0 15px;
        margin-top: 8px;
        font-size: 13px;
        line-height: 22px;
    }

    .bannerN .imgFull {
        background-size: cover;
        background-position: center;
    }

    /* 首屏内容曾用 hidden-sm 在平板隐藏，导致横幅只剩背景色，这里恢复显示 */
    .banner .hidden-sm,
    .bannerN .hidden-sm,
    .banner_hardware .hidden-sm {
        display: block !important;
        height: auto;
    }
}

/* ============================ 4. 产品列表页 ============================ */
@media (max-width: 1199px) {
    .products_list .products_bg {
        float: none !important;
        width: 100%;
        max-width: 320px;
        height: auto;
        margin: 0 auto 15px !important;
    }

    .products_list .products_bg img {
        width: 100%;
        height: auto;
        display: block;
    }

    .products_list .products_img {
        position: static;
        width: 100%;
        height: auto;
    }

    .products_list .products_img img {
        width: 100%;
        height: auto;
    }

    .products_list .products_content {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 15px;
    }

    .products_list .products_content .more {
        position: static;
        display: inline-block;
        margin-bottom: 10px;
    }

    .products_list .products_content .products_btn {
        position: static !important;
        margin-top: 15px;
    }

    .products_list .products_content h5 {
        margin: 10px 0;
        line-height: 24px;
        height: auto;
    }

    .products_list .quantity {
        margin-bottom: 10px;
    }

    .pro_logo {
        display: none;
    }
}

/* ============================== 5. 案例页 ============================== */
/* 案例卡片由脚本拼接，以下为拼接结构（case_cover / case_intro）的配套样式 */
.case_list .case_content {
    /* 分类标签为绝对定位，需要卡片自身作为定位参照 */
    position: relative;
}

.case_list .case_cover {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.case_list .case_cover img {
    display: block;
    width: 100%;
    height: 237px;
    object-fit: cover;
}

.case_list .case_intro {
    height: 100px;
    overflow: hidden;
}

/* 加载中 / 无数据 / 请求失败时的占位 */
.case_list .case_tip {
    float: none !important;
    width: 100% !important;
    padding: 40px 0;
    text-align: center;
    color: #999999;
    font-size: 15px;
    line-height: 26px;
}

@media (max-width: 991px) {
    .case_style .case_sort {
        text-align: center;
    }

    .case_style .case_sort li {
        float: none;
        display: inline-block;
        margin: 4px;
    }

    .case_style .case_sort .sort_btn {
        width: auto;
        min-width: 72px;
        padding: 0 12px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    /* 封面图按原始比例显示，不同尺寸的素材不再被拉伸变形 */
    .case_info .case_content img,
    .case_list .case_cover img {
        height: auto;
        max-height: 260px;
    }

    .case_info .case_content h5,
    .case_list .case_intro {
        height: auto !important;
        max-height: none;
        overflow: hidden;
    }

    /* 简介最多显示三行，避免单列时卡片被大段文字拉得过长 */
    .case_list .case_intro {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .case_info .case_content h3 {
        font-size: 17px;
        line-height: 26px;
        padding: 8px 12px;
    }

    .case_info .case_content .activity_style {
        font-size: 14px;
        padding: 2px 8px;
        height: 26px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    /* 分类按钮由固定 120px 改为等宽三列，六个入口整齐排列 */
    .case_style .case_sort ul {
        overflow: hidden;
    }

    .case_style .case_sort li {
        float: left;
        display: block;
        width: 33.333%;
        margin: 0;
        padding: 4px;
        box-sizing: border-box;
    }

    .case_style .case_sort .sort_btn {
        width: 100%;
        min-width: 0;
        padding: 0;
    }

    .case_list .case_cover img {
        max-height: none;
    }
}

/* ============================= 6. 行业动态页 ============================= */
@media (max-width: 991px) {
    .news_list .list_style li,
    .news_list .contents {
        height: auto;
        overflow: hidden;
    }

    .news_list .list_style .news_time {
        float: none;
        width: 100%;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid #dddddd;
    }

    .news_list .list_style .news_time h1 {
        padding: 0;
        font-size: 16px;
        line-height: 0;
    }

    .news_list .list_style .news_time h1 img {
        width: 100%;
        height: auto;
    }

    .news_list .list_style .news_contents {
        position: static;
        left: auto;
        top: auto;
        height: auto;
        padding: 10px 15px 45px;
    }

    .news_list .list_style .news_contents h3 {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 24px;
    }

    .news_list .list_style .news_contents h5 {
        line-height: 22px;
        font-size: 13px;
    }

    .news_list .list_style .news_contents .number {
        left: 15px;
        bottom: 12px;
    }

    .news_list .list_style .news_contents .more_link {
        right: 15px;
        bottom: 12px;
    }
}

/* ============================ 7. 解决方案页 ============================ */
@media (max-width: 991px) {
    .Program_list .icon_Program {
        display: none;
    }

    .Program_list li {
        padding: 12px;
    }

    .Program_list li .Program_content h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .Program_list li .Program_content .Program_name {
        float: none;
        display: inline-block;
        margin: 0 8px 8px 0;
    }
}

/* ============================ 8. 关于我们（发展历程） ============================ */
@media (max-width: 991px) {
    .Company_Profile {
        min-height: 0;
        padding: 0 5px;
    }

    .Introduction.mtb50 {
        margin-top: 20px;
    }

    .Introduction p {
        text-align: justify;
    }

    .cd-horizontal-timeline.loaded {
        padding: 30px 0;
    }

    .cd-horizontal-timeline .title_name {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .cd-horizontal-timeline .timeline {
        height: auto;
        max-width: 100%;
    }

    .cd-horizontal-timeline .events-wrapper {
        margin: 0;
        height: auto;
        overflow: visible;
    }

    .cd-horizontal-timeline .events-wrapper::before,
    .cd-horizontal-timeline .events-wrapper::after {
        display: none;
    }

    /* 横向滚动的时间轴改为多行平铺（脚本会写入行内 left/width，需强制复位） */
    .cd-horizontal-timeline .events {
        position: static;
        width: auto !important;
        height: auto;
        background: none;
        transform: none !important;
        -webkit-transform: none !important;
    }

    .cd-horizontal-timeline .events ol {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .cd-horizontal-timeline .events li {
        width: 33.333%;
        padding: 8px 2px;
        text-align: center;
    }

    .cd-horizontal-timeline .events a {
        position: static !important;
        left: auto !important;
        display: block;
        padding-bottom: 0;
        font-size: 12px;
    }

    /* 触屏下不再需要横向滚动条、连接线与小圆点 */
    .cd-horizontal-timeline .events a::after,
    .cd-horizontal-timeline .filling-line,
    .cd-timeline-navigation {
        display: none;
    }

    .cd-horizontal-timeline .events a.selected {
        color: #ff9900;
        font-weight: bold;
    }

    .cd-horizontal-timeline .events-content h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .cd-horizontal-timeline .events-content em,
    .cd-horizontal-timeline .events-content p {
        font-size: 13px;
    }

    /* 装饰性波浪层在窄屏下会遮挡标题 */
    .cd-horizontal-timeline .waveAnimation {
        display: none;
    }
}

@media (max-width: 480px) {
    .cd-horizontal-timeline .events li {
        width: 50%;
    }

    .cd-horizontal-timeline .events-content h2 {
        font-size: 16px;
    }
}

/* ============================= 9. 联系我们 ============================= */
@media (max-width: 991px) {
    .map_style {
        height: auto;
        overflow: visible;
    }

    #allmap {
        height: 320px !important;
    }

    .tips-box {
        position: static;
        width: 100%;
        margin: 0;
        padding: 15px;
    }

    .contact-right-box,
    .contact-right-box .tips-cont,
    .tipx-right-box {
        width: 100% !important;
        float: none !important;
    }

    .tips-cont {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        background-size: cover;
        padding-bottom: 15px;
    }

    .contact-right-box .tips-cont {
        height: auto;
    }

    .contact-right-box .tips-cont h4 {
        font-size: 16px;
        line-height: 30px;
    }

    .contact-right-box .tips-cont li {
        float: none;
        width: 100%;
        height: auto;
        line-height: 26px;
        padding: 3px 15px;
        word-break: break-all;
    }

    .tips-img {
        display: none;
    }

    /* 底部装饰条在手机端会遮挡内容 */
    .contact_phone {
        display: none;
    }
}

/* ============================ 10. 申请试用表单 ============================ */
@media (max-width: 991px) {
    .Register_style {
        margin-top: 20px;
    }

    .try_content {
        width: 100% !important;
        padding: 15px;
    }

    .try_content .name {
        height: auto;
        margin: 12px 0;
    }

    .try_content .label_name {
        float: none;
        width: auto;
        text-align: left;
        line-height: 28px;
        font-size: 15px;
    }

    .try_content .text,
    .try_content .add_name,
    .try_content .add_qq {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
    }

    .try_content .btn_submit {
        width: 100%;
        font-size: 16px;
    }
}

/* ============================= 11. 文档 / 教程 ============================= */
/* 固定头部会盖住页面顶部，补充内边距 */
.Tutorial_style {
    padding-top: 104px;
}

@media (max-width: 991px) {
    .Tutorial_style {
        padding-top: 56px;
    }

    .scrollsidebar,
    .page_left_style {
        width: 100%;
        float: none;
    }

    .page_left_style .side_list {
        min-height: 0;
        text-align: left;
        padding-bottom: 10px;
    }

    .page_left_style .side_list li {
        display: inline-block;
        margin: 5px 4px;
        height: 36px;
        line-height: 36px;
    }

    .page_left_style .side_list li a {
        margin: 0;
        padding: 0 12px;
        font-size: 14px;
    }

    .page_left_style .side_list li .icon_jc {
        display: none;
    }

    .show_btn,
    .side_title {
        display: none !important;
    }

    .Tutorial_content {
        float: none !important;
        width: 100% !important;
        border-left: 0;
        position: static;
    }

    .Tutorial_content .content {
        margin: 15px;
        line-height: 26px;
        word-break: break-word;
    }
}

/* ====================== 12. 产品详情页（product_into*） ====================== */
@media (max-width: 1199px) {
    .product_details .product_title {
        width: 45%;
    }

    .product_details .banH2 {
        width: 55%;
    }

    .product_details .product_title .synopsis {
        width: 100%;
    }

    .jf_system .system_title,
    .jf_system .system_info,
    .jf_system .Demo_address {
        width: 100%;
    }

    .jf_System_content .Configuration {
        height: auto !important;
    }

    .jf_System_content .Configuration ul {
        width: 48% !important;
        font-size: 15px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 991px) {
    /* 首屏：绝对定位的标题与简介改为文档流 */
    .product_details .bannerN,
    .product_details .banner_hardware {
        height: auto !important;
        min-height: 0;
        padding: 90px 0 30px;
        background-size: cover !important;
    }

    .product_details .banH2,
    .brand_hardware .banH2,
    .banner_hardware .banH2 {
        position: static;
        width: 100% !important;
        bottom: auto;
        top: auto;
        font-size: 22px;
        padding: 0 15px;
        text-align: center;
    }

    /* 首屏示意图（如票务平台 t_9.png）：按内容宽度等比缩放，与下方简介留出间距 */
    .product_details .banH2 img {
        max-width: 100%;
        height: auto;
        margin: 0 auto 10px;
    }

    .product_details .product_title {
        position: static;
        width: 100% !important;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 15px;
        text-align: center;
    }

    /* 旧版页面把首屏简介写死 450px */
    .product_details .bannerpro3 .Description {
        width: 100% !important;
    }

    .product_details .product_title .synopsis {
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        background: none !important;
        padding: 0;
        text-align: left;
    }

    .product_details .sky,
    .product_details .waveWrapper {
        display: none;
    }

    /* 首屏装饰图（绝对定位的球体与路由器图）在窄屏会压住标题 */
    .product_details .ban1Line {
        display: none;
    }

    .jf_system .system_title {
        height: auto;
        line-height: 32px;
        font-size: 22px;
        padding: 0;
    }

    .jf_system .system_info {
        height: auto;
        font-size: 14px;
        line-height: 24px;
    }

    .jf_system .Demo_address {
        height: auto;
        width: 100% !important;
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
        word-break: break-all;
    }

    .product_details .Cache_style {
        width: 100% !important;
        bottom: auto !important;
    }

    /* 选项卡 */
    .product_details_style .Switch_list {
        height: auto;
        padding: 8px 0;
        text-align: center;
    }

    /* 产品页顶部的“产品介绍/配置要求”选项卡 */
    .jf_System_content .title_name {
        height: auto;
        padding: 8px 0;
        text-align: center;
    }

    .jf_System_content .title_name li {
        float: none;
        display: inline-block;
        margin: 4px;
    }

    .jf_System_content .title_name li a {
        font-size: 15px;
        padding: 8px 16px;
    }

    .product_details_style .Switch_list li {
        float: none;
        display: inline-block;
        width: auto;
        height: 40px;
        line-height: 40px;
        margin: 4px;
        font-size: 14px;
    }

    .product_details_style .Switch_list li.on a {
        padding: 6px 12px;
    }

    /* 图文左右排列统一改为上下堆叠 */
    .tuwen .col-xs-12,
    .product_details .col-xs-12 {
        margin-bottom: 15px;
    }

    .product_details h2 {
        font-size: 20px;
    }

    .product_details h5,
    .product_details h4 {
        font-size: 14px;
        line-height: 24px;
    }

    /* 旧版正文里写死的左右缩进，在窄屏会把文字挤成细条 */
    .product_details .present_content p,
    .product_details .description_con h2,
    .product_details .description_con h3,
    .product_details .description_con h4,
    .product_details .description_con h5,
    .product_details .description_con p {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-indent: 0;
    }

    /* 旧版产品页的绝对定位内容块 */
    .product_Profile .present_bg {
        width: 100% !important;
        height: auto !important;
        background: #f0f0f0 !important;
        border-radius: 4px;
        overflow: hidden;
    }

    .product_Profile .present_bg .present_content {
        height: auto;
        padding: 15px;
    }

    .product_Profile .Compared_style {
        width: 100% !important;
        height: auto !important;
        margin-top: 20px;
        background: none !important;
    }

    .product_Profile .Compared_style .name {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 15px;
        left: auto;
        font-size: 18px;
    }

    .product_Profile .Compared_style .common {
        position: static;
        width: 100% !important;
        height: auto !important;
        padding: 15px;
        margin-bottom: 15px;
    }

    .product_Profile .Compared_style .common.left_content,
    .product_Profile .Compared_style .common.right_content {
        left: auto;
        right: auto;
        top: auto;
    }

    .product_Profile .Info_top {
        height: auto;
        background: #1580c4 !important;
        padding: 15px 0;
    }

    .product_Profile .Info_top h2 {
        position: static;
        width: auto;
        transform: none;
        -webkit-transform: none;
        top: auto;
        left: auto;
        font-size: 20px;
    }

    .product_Profile .summary,
    .product_Profile .summarys {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 15px;
        background: #1580c4 !important;
        padding: 15px;
        border-radius: 4px;
    }

    .product_Profile .summary h2,
    .product_Profile .summary h3,
    .product_Profile .software_style .title_name {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 10px;
        left: auto;
        right: auto;
        top: auto;
        text-align: left;
    }

    .product_Profile .summary h4 {
        height: auto;
        margin: 10px 0;
        line-height: 24px;
    }

    .product_Profile .introduction_p2 .summary {
        background: #f0f0f0 !important;
    }

    .product_Profile .software_style .bg_img {
        position: static;
    }

    .product_Profile .software_style .bg_img img,
    .product_Profile .introduction_p1 img,
    .product_Profile .introduction_p2 img {
        max-width: 100%;
    }

    /* 功能列表 */
    .jf_eatures_style .Features_title,
    .Advantage_style .Features_title {
        width: 100%;
        font-size: 18px;
    }

    .jf_eatures_style .description_title {
        position: static;
        width: auto;
        height: auto;
        line-height: 32px;
        margin: 0 0 15px;
        border-radius: 4px;
        font-size: 18px;
    }

    .Features_style .Features_title {
        position: static;
        width: 100%;
        height: auto;
        background: none !important;
        padding: 10px;
    }

    .Features_style .Features_title h3 {
        position: static;
        width: auto;
        height: auto;
        left: auto;
        top: auto;
        color: #333333;
        line-height: 30px;
    }

    .Features_style .contents {
        margin-left: 0;
    }

    .Features_style .tagBall {
        height: auto;
        margin-top: 20px;
    }

    .Features_style .tagBall .tag {
        position: static !important;
        display: block;
        margin-bottom: 12px;
    }

    /* 对比表格的表头（用 li 实现）在窄屏隐藏，表格本身横向滚动 */
    .comtable_list .table_title {
        display: none;
    }

    .comtable_list table td {
        padding: 10px 8px;
        font-size: 14px;
    }

    /* 授权、硬件、报价等旧版块 */
    .Authorize_style {
        height: auto;
        min-height: 0;
        background-size: cover !important;
        padding: 20px 0;
    }

    .Authorize_content {
        margin: 0;
    }

    .Authorize_content .Authorize_name {
        width: 100%;
        float: none;
    }

    .Authorize_content .Authorize_name .present {
        position: static;
        left: auto;
    }

    .banner_hardware {
        height: auto;
        padding-bottom: 30px;
    }

    .banner_hardware .hidden-sm {
        height: auto;
    }

    .hardware_name {
        position: static;
        margin: 0 15px;
        font-size: 14px;
        line-height: 26px;
    }

    .hardware_title {
        position: static;
        width: 100%;
        height: auto;
        margin: 20px 0;
        background: #0267b9 !important;
        padding: 15px;
        left: auto;
    }

    .hardware_title .title {
        width: auto;
        height: auto;
        margin: 0;
    }

    .hardware_title_wrap {
        height: auto !important;
    }

    .equipment_title,
    .extended_style .Extended_title {
        position: static;
        width: 100%;
        margin: 20px 0;
        text-align: center;
        right: auto;
        top: auto;
    }

    .equipment_title h1.name {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .extended_style .Extended_title h1 {
        font-size: 24px;
    }

    .extended_style .Extended_title h2 {
        font-size: 18px;
    }

    .price_style .price_title {
        height: 140px;
        background-size: cover;
    }

    .price_style .price_title h2 {
        padding-top: 50px;
        font-size: 22px;
    }

    /* 产品截图轮播：3D 旋转需固定像素容器，窄屏改为纵向堆叠 */
    #tour {
        padding: 15px;
        min-height: 0;
        margin-top: 0;
        background-image: none;
    }

    .switcher-wrap,
    .switcher-wrap.slider {
        padding: 0;
    }

    #img-slider {
        height: auto !important;
    }

    #img-slider .img,
    #img-slider .slide {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 12px !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: auto !important;
        opacity: 1 !important;
    }

    #img-slider .img img {
        width: 100%;
        height: auto;
    }

    #img-slider .img .label {
        position: static;
        padding: 8px 0;
        font-size: 15px;
    }

    /* 3D 轮播的左右箭头与圆点导航在堆叠布局下失效，隐藏 */
    .switcher-wrap a.next,
    .switcher-wrap a.prev,
    .switcher-wrap ul.switcher {
        display: none;
    }

    /* 产品亮点卡片 */
    .background4 {
        padding: 15px;
    }

    .background4 h3 {
        font-size: 16px;
    }

    .mainBgImg {
        display: none;
    }

    /* 配置清单 */
    .Configuration .Configuration_style label {
        width: 100px;
        float: none;
        display: inline-block;
    }

    .Configuration .Configuration_style li {
        line-height: 26px;
        padding: 4px 0;
        word-break: break-word;
    }

    .jf_System_content .Configuration ul {
        width: 100% !important;
        float: none !important;
        font-size: 15px !important;
        line-height: 30px !important;
        margin-bottom: 20px;
    }

    /* 旧版产品页在 ul 上写死了 500px 宽度并左右浮动 */
    .product_details .Configuration ul {
        width: 100% !important;
        float: none !important;
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    /* 部分截图以 width="100%" height="350" 的方式嵌入，窄屏下按原始比例显示 */
    .product_details img[width="100%"] {
        height: auto !important;
    }

    /* 旧版竖向时间轴 */
    #timeline:before,
    #Features:before {
        display: none;
    }

    #timeline .year_style,
    #Features .year_style {
        height: auto;
        margin-bottom: 20px;
    }

    #timeline .date_Update,
    #Features .date_Update {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 15px;
        background: none !important;
        border-bottom: 3px solid #f04e4e;
        font-size: 18px;
        padding-bottom: 8px;
    }

    #timeline .date_Update h3,
    #Features .date_Update h3 {
        margin-top: 0;
        font-size: 24px;
    }

    #timeline .timeline-item,
    #Features .timeline-item {
        margin-bottom: 25px;
    }

    #timeline .timeline-item .timeline-content,
    #Features .timeline-item .timeline-content {
        float: none !important;
        width: 100%;
        margin-top: 0 !important;
    }

    #timeline .timeline-item .timeline-content:before,
    #Features .timeline-item .timeline-content:before,
    #timeline .timeline-item .timeline-icon,
    #Features .timeline-item .timeline-icon {
        display: none;
    }

    .Update_time,
    #timeline .timeline-content.fr .Update_time,
    #Features .timeline-content.fr .Update_time {
        position: static;
        display: inline-block;
        width: auto;
        margin-bottom: 8px;
    }

    /* 多端销售示意图 */
    .multi-terminal {
        height: auto !important;
        margin: 30px 0 !important;
        background: #0b6fb8 !important;
        background-image: none !important;
        padding: 20px 15px !important;
    }

    .multi-terminal h2,
    .multi-terminal h5 {
        width: 100% !important;
        margin: 10px 0 !important;
        color: #ffffff !important;
    }

    .multi-terminal .icon-item {
        float: none !important;
        display: inline-block;
        width: 45% !important;
        margin: 8px 2px !important;
        vertical-align: top;
    }

    .multi-terminal .icon-item img {
        max-width: 60px;
    }

    .app-preview {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 15px;
        text-align: center;
    }

    .app-preview img {
        max-width: 240px;
        height: auto;
    }

    .notice-push {
        height: auto !important;
        padding: 25px 0 !important;
    }

    .diagram-box {
        width: 100% !important;
        height: auto !important;
    }

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

    #mygraph {
        height: 320px !important;
    }
}

/* ========================= 13. 详情页正文（案例/动态/方案） ========================= */
@media (max-width: 991px) {
    /* 后台富文本可能包含宽表格，容器内横向滑动 */
    .details_style .content,
    .case_details .padding {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        word-break: break-word;
    }
}

@media (max-width: 767px) {
    .details_style,
    .case_details {
        padding: 0 5px;
    }

    .details_style .title_name h2,
    .case_details .title_name h2 {
        font-size: 20px;
        line-height: 30px;
        padding: 0 10px;
    }

    .details_style .title_name h5,
    .case_details .title_name h5 {
        font-size: 12px;
    }

    .details_style .content,
    .case_details .padding {
        line-height: 26px;
        word-break: break-word;
        overflow-x: auto;
    }

    .details_style .content img,
    .case_details .padding img {
        max-width: 100% !important;
        height: auto !important;
    }

    .details_style .Details_Into {
        border-right: 0;
    }
}

/* ============================== 14. 页脚 ============================== */
@media (max-width: 991px) {
    .footerBg .footTopL {
        float: none;
    }

    .footerBg .footTopL dl {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        max-width: none;
        margin: 0 1% 15px 0;
        padding: 0;
    }

    .footerBg .footTopL dl dd {
        line-height: 24px;
    }

    .footerBg .weixin {
        float: none;
        margin: 10px auto 0;
    }

    .footerBg .weixin img {
        max-width: 140px;
        height: auto;
    }

    .footerBg .weixin h5 {
        font-size: 13px;
    }

    .footerBg .CopyRight_name {
        margin-top: 0;
        line-height: 26px;
        padding: 10px 0;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .footerBg .footTopL dl {
        width: 100%;
        margin-right: 0;
    }

    .footerBg .footTopL dl dd {
        display: inline-block;
        margin-right: 8px;
    }
}

/* =========================== 15. 右侧悬浮客服 =========================== */
@media (max-width: 991px) {
    .cndns-right {
        top: auto;
        bottom: 70px;
        margin-top: 0;
    }

    .cndns-right-btn {
        width: 40px;
        height: 40px;
        margin-bottom: 4px;
    }

    .cndns-right-btn span {
        font-size: 20px;
        line-height: 40px;
    }

    .cndns-right-btn p {
        display: none !important;
    }

    /* 需悬停展开弹层的入口在触屏上无意义，只保留拨号与回到顶部 */
    .cndns-right-meau.meau-sev,
    .cndns-right-meau.meau-code {
        display: none !important;
    }

    /* 悬浮弹出层在手机端会超出屏幕，直接隐藏（热线/微信信息页脚已有） */
    .cndns-right-box {
        display: none !important;
    }
}

/* ============================ 16. 常见问题（FAQ） ============================ */
@media (max-width: 991px) {
    .pay_style .directions_style {
        height: auto;
        margin-bottom: 15px;
    }

    .directions_style .title_name {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .Accounts_style .Accounts {
        height: auto;
        margin-bottom: 15px;
    }

    .Accounts_style .Accounts h1 {
        font-size: 22px;
        margin: 20px 0;
        letter-spacing: 1px;
        word-break: break-all;
    }

    .Accounts_style .Accounts .bank_name {
        padding-left: 15px;
        font-size: 14px;
        word-break: break-all;
    }

    .Accounts_style .Accounts .company {
        position: static;
        height: auto;
    }

    .description {
        font-size: 14px;
        line-height: 24px;
    }
}

/* ============================ 17. 分页 ============================ */
@media (max-width: 991px) {
    .pages {
        width: 100%;
        margin: 25px auto 0;
        text-align: center;
    }

    .pages #Pagination,
    .pages .searchPage {
        float: none;
        display: inline-block;
    }

    .pages #Pagination .pagination a,
    .pages #Pagination .pagination span {
        padding: 8px 11px;
        font-size: 13px;
    }

    .pages .searchPage {
        margin-top: 10px;
        padding: 4px 0;
    }
}