/**
 * 响应式适配层（FastAdmin 复刻版）
 * 原站 PC 为固定 1380px 设计；≥768px 保持原视觉 1:1，<768px 移动端自适应
 */

/* 语言切换（移动端显示于导航栏右侧） */
.mobile-lang-btn { display: none; }

/* Logo：桌面用横版全称，<768px 切换紧凑版（保证小屏可读） */
.header .logo .logo-compact { display: none; }

/* 页脚 Logo：反白版，去掉图片底色和深色底块 */
.footer .flogo img { background: transparent; }
.footer .flogo:after { display: none; }

/* 内容区图片自适应（正文长图/规格表） */
.ArticleTencont img, .Aboutpage img {
    max-width: 100%;
    height: auto;
}
.ArticleTencont table, .Aboutpage table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

/* 小屏（平板竖排以下） */
@media screen and (max-width: 1240px) {
    .w1200 {
        width: 100% !important;
        max-width: 1200px;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1024px) {
    /* 页头 */
    .header .ewm { display: none; }
    .header .tel p { font-size: 12px; }

    /* 产品/案例列表：每行 3 个 */
    .Piclist ul.list li {
        width: 31.5% !important;
        margin-right: 2.75% !important;
    }
    .Piclist ul.list li:nth-child(3n) { margin-right: 0 !important; }

    /* 服务优势 5 项 → 3+2 */
    .service ul li { width: 33% !important; }
    .service ul li .box { margin: 0 6px 12px; }

    /* 企业优势 4 项 → 2 列 */
    .power ul li { width: 48% !important; margin-bottom: 16px; }

    /* 新闻 4 列 → 2 列 */
    .news .bd ul li { width: 48.5% !important; margin-right: 3% !important; }
    .news .bd ul li:nth-child(2n) { margin-right: 0 !important; }
}

/* 手机端 */
@media screen and (max-width: 768px) {
    body { -webkit-text-size-adjust: 100%; }

    /* 顶部条简化 */
    .top_main .fl { font-size: 12px; }
    .top_main ul { display: none; }

    /* 页头 */
    .header_main { padding: 8px 0; }
    .header { display: flex; align-items: center; justify-content: space-between; }
    .header .logo .logo-full { display: none; }
    .header .logo .logo-compact { display: inline-block; height: 44px; width: auto; }
    .header .ewm { display: none; }
    .header .tel { padding-right: 0; }
    .header .tel img { max-height: 26px; }
    .header .tel p { font-size: 11px; margin: 0; }
    .header .tel span { font-size: 15px; }

    /* 防止个别元素把页面撑出横向滚动 */
    html, body { overflow-x: hidden; max-width: 100%; }
    .top_main, .nav_main { width: auto; box-sizing: border-box; }

    /* 导航：汉堡按钮 */
    .nav_main { position: relative; padding: 8px 12px; }
    .mobile-lang-btn {
        display: block;
        position: absolute; right: 14px; top: 50%;
        transform: translateY(-50%);
        color: #fff; font-size: 15px; z-index: 1001;
        padding: 4px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 3px;
    }
    .mobile-nav-btn {
        display: block !important;
        width: 34px; height: 28px;
        position: relative; z-index: 1001;
        cursor: pointer;
    }
    .mobile-nav-btn i {
        display: block; height: 3px; background: #fff; border-radius: 2px;
        margin: 5px 0; transition: .25s;
    }
    .nav_main.open .mobile-nav-btn i:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .nav_main.open .mobile-nav-btn i:nth-child(2) { opacity: 0; }
    .nav_main.open .mobile-nav-btn i:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    .nav_main ul.nav {
        display: none;
        position: absolute; left: 0; right: 0; top: 100%;
        background: #3E9BDF; z-index: 1000;
        max-height: 70vh; overflow-y: auto;
        box-shadow: 0 8px 16px rgba(0,0,0,.25);
    }
    .nav_main.open ul.nav { display: block; }
    .nav_main ul.nav li { float: none !important; width: 100%; border-bottom: 1px solid rgba(255,255,255,.12); }
    .nav_main ul.nav li > a { display: block; line-height: 44px !important; padding: 0 14px !important; font-size: 15px; }
    .nav_main ul.nav li dl {
        position: static !important;
        display: none;
        background: #2E86C9;
        padding: 4px 0;
    }
    .nav_main ul.nav li.open-sub dl { display: block; }
    .nav_main ul.nav li dl dd { float: left; width: 33.33%; }
    .nav_main ul.nav li dl dd a { line-height: 34px !important; font-size: 13px !important; color: #EAF5FE !important; }

    /* banner */
    #banner img { width: 100%; height: auto; }

    /* 搜索栏 */
    .search_main .skey { width: 100% !important; margin-bottom: 8px; }
    .search_main .skey p { white-space: nowrap; overflow-x: auto; }
    .search_main .search_form { width: 100% !important; }
    .search_main .search_form input[type=text] { width: 78% !important; }

    /* 服务优势 → 2 列 */
    .service ul li { width: 50% !important; }
    .service ul li .box span br { display: none; }

    /* 产品中心 tab 可横向滚动 */
    .product .tab { overflow-x: auto; white-space: nowrap; }

    /* 首页产品横向 2 列 */
    .product > .w1200 > ul.clearfix li {
        width: 48.5% !important; margin-right: 3% !important;
    }
    .product > .w1200 > ul.clearfix li:nth-child(2n) { margin-right: 0 !important; }

    /* 企业优势 → 1 列 */
    .power ul li { width: 100% !important; }

    /* 关于 */
    .about .about_con { width: 100% !important; float: none !important; }
    .about { background-size: cover; }

    /* 合作客户标准标签 */
    .kehu ul a { display: inline-block !important; margin: 4px 6px !important; }

    /* 新闻 → 1 列 */
    .news .bd ul li { width: 100% !important; margin-right: 0 !important; }

    /* 子页面：侧栏折叠到顶部，内容全宽 */
    .submian .subleft { width: 100% !important; float: none !important; margin-bottom: 12px; }
    .submian .subright { width: 100% !important; float: none !important; }
    .subleft .lefta .comt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .subleft .lefta .comt.expanded { display: block; -webkit-line-clamp: unset; }
    .subleft .lefta dl.bolt-submenu { display: inline; }
    .subleft .lefta dl.bolt-submenu dd { display: inline-block; margin-right: 8px; }
    .subleft .lefta ul li, .subleft .lefta dl.bolt-submenu dd { width: auto; }

    /* 产品列表 → 每行 2 个 */
    .Piclist ul.list li {
        width: 48.5% !important;
        margin-right: 3% !important;
    }
    .Piclist ul.list li:nth-child(2n) { margin-right: 0 !important; }
    .Piclist ul.list li h3 {
        font-size: 13px !important;
        height: auto !important;
        max-height: 36px;
        overflow: hidden;
    }

    /* 详情正文 */
    .ArticleTitle h1 { font-size: 18px !important; line-height: 1.4 !important; }
    .ArticleMessage { font-size: 12px !important; }
    .conBox { padding: 12px !important; }

    /* 分页 */
    .pglist { font-size: 12px; overflow-x: auto; white-space: nowrap; }

    /* 留言表单 */
    .message-form input, .message-form textarea {
        width: 100% !important; box-sizing: border-box;
    }
    .message-form .captcha-line img { vertical-align: middle; }

    /* 页尾 */
    .footer .flogo { float: none !important; text-align: center; margin: 0 auto 8px; }
    .footer .flogo img { width: 140px; height: auto; margin: 0 auto; }
    .footer .contact { float: none !important; width: 100% !important; font-size: 12px; }
    .footer .code { float: none !important; text-align: center; margin-top: 10px; }
    .footer .code img { width: 90px; height: 90px; }
    .fnav { display: none; }
}

@media screen and (max-width: 400px) {
    .Piclist ul.list li { width: 100% !important; margin-right: 0 !important; }
    .service ul li { width: 100% !important; }
}

/* 移动导航按钮桌面端隐藏 */
.mobile-nav-btn { display: none; }

/* 移动端底部标签栏（桌面端隐藏） */
.mobile-tabbar { display: none; }
.mobile-wx-mask { display: none; }
.mobile-hotline { display: none; }

@media screen and (max-width: 768px) {
    /* 顶栏：热线样式（复刻原站 m 站） */
    .top_main { background: #3E9BDF; color: #fff; padding: 7px 12px; }
    .top_main .welcome-text { display: none; }
    .top_main ul { display: none; }
    .top_main .mobile-hotline { display: block; font-size: 13px; width: 100%; text-align: center; }
    .top_main .mobile-hotline i {
        display: inline-block; width: 14px; height: 14px; margin-right: 6px;
        background: url('/skin/benyun/picture/tel_blue.png') no-repeat center / contain;
        vertical-align: -2px;
        filter: brightness(4);
    }

    /* 页头紧凑 */
    .header_main .header { padding: 10px 12px; }

    /* 浮动客服：移动端隐藏（底部标签栏已含电话/微信入口） */
    .toolbar { display: none !important; }

    /* 页头排布 */
    .header_main .header { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .header .logo { flex: 0 0 auto; }
    .header .tel { flex: 0 1 auto; text-align: right; padding-right: 0; min-width: 0; }
    .header .tel img { display: none; }
    .header .tel p { margin: 0; }
    .header .tel span { font-size: 14px; white-space: nowrap; }
    .mobile-tabbar {
        display: flex;
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;
        background: #3E9BDF;
        border-top: 1px solid rgba(255,255,255,.15);
    }
    .mobile-tabbar a {
        flex: 1; text-align: center; color: #fff; font-size: 12px;
        padding: 6px 0 5px;
    }
    .mobile-tabbar a.on { background: #2E86C9; }
    .mobile-tabbar i {
        display: block; width: 20px; height: 20px; margin: 0 auto 2px;
        background: no-repeat center / contain;
    }
    .tb-home { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3z'/%3E%3C/svg%3E"); }
    .tb-tel { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E"); }
    .tb-wx { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8.7 4C4.9 4 2 6.6 2 9.8c0 1.8.9 3.3 2.4 4.4l-.6 1.9 2.2-1.1c.6.2 1.2.3 1.9.4-.1-.4-.1-.8-.1-1.2 0-3 2.9-5.4 6.4-5.4h.4C14 6 11.6 4 8.7 4zM6.4 7.5c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.4-.9-.9.4-.9.9-.9zm4.6 0c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.4-.9-.9.4-.9.9-.9zM22 14.2c0-2.7-2.7-4.9-5.8-4.9s-5.8 2.2-5.8 4.9 2.6 4.9 5.8 4.9c.7 0 1.3-.1 1.9-.3l1.9.9-.5-1.6c1.5-.9 2.5-2.3 2.5-3.9zm-7.7-1.4c-.4 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.4.8-.8.8zm3.8 0c-.4 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.4.8-.8.8z'/%3E%3C/svg%3E"); }
    .tb-contact { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E"); }

    /* 给底部标签栏留出空间 */
    body { padding-bottom: 52px; }
    .footer { padding-bottom: 0; }

    /* 微信弹层 */
    .mobile-wx-mask {
        display: none; position: fixed; inset: 0; z-index: 2000;
        background: rgba(0,0,0,.55);
    }
    .mobile-wx-mask .mobile-wx-pop {
        position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%);
        background: #fff; border-radius: 8px; padding: 18px 22px; text-align: center;
        width: 240px;
    }
    .mobile-wx-mask img { width: 180px; height: 180px; }
    .mobile-wx-mask p { font-size: 13px; color: #666; margin: 8px 0; }
    .mobile-wx-mask a { color: #3E9BDF; font-size: 14px; }
}