/* prod-rfid588 responsive.css —— 全站统一响应式层（最后加载，覆盖各 CSS 的固定宽度）
 * 断点：1220 / 1024 / 768 / 480
 * 处理：头部导航、首页各区块、内页两栏结构、页脚、浮动栏、搜索条。
 */

/* ========== ≤1220：放宽最小宽度，容器流式 ========== */
@media screen and (max-width:1220px) {
    body{min-width:0 !important;overflow-x:hidden;overflow-y:auto;}
    .content,.blk-main,.blk-md,.header,.nav ul,.footer,.news,.xnznr-search-1-main{width:auto;max-width:1200px;box-sizing:border-box;}
    .content,.blk-main,.blk-md,.header,.nav ul,.footer,.news{padding-left:16px;padding-right:16px;}
    .fullSlide .hero-in{padding:70px 16px 76px;}
}

/* ========== ≤1024：隐藏次要信息，两栏改自适应 ========== */
@media screen and (max-width:1024px) {
    .t_xz{display:none;}
    .t_top{height:auto;padding:14px 0 10px;overflow:hidden;}
    .t_wz{width:auto;max-width:46%;padding:7px 0 0 12px;}
    .t_tel p{margin-right:18px;}
    .topWrap,.nav{position:static;}

    /* 内页两栏：主栏优先，侧栏下移 */
    .blk-sm,.blk-xs{width:100%;float:none !important;box-sizing:border-box;}
    .blk-xs{margin-top:30px;}

    /* 首页：品类 2 列、选型 2 列、品牌 3 列、方案 2 列 */
    .cat_nr ul{margin-right:0;}
    .cat_nr li{width:calc(50% - 15px);margin:0 15px 15px 0;height:auto;min-height:250px;padding-bottom:70px;}
    .sel_nr dl{width:calc(50% - 24px);margin:0 24px 24px 0;min-height:0;}
    .sel_nr{margin-right:-24px;margin-bottom:-24px;}
    .brand_nr li{width:calc(33.333% - 22px);}
    .sol_nr{margin-right:-24px;margin-bottom:0;}
    .sol_nr li{width:calc(50% - 24px);margin:0 24px 24px 0;min-height:0;}
    .news .dongt,.news .wt_c{width:100%;float:none;}
    .news .wt_c{margin-top:34px;}
    .about dt,.about dd{width:100%;float:none;}
    .about dt img{width:100%;height:auto;}
    .about dd{padding:30px 24px 34px;}
    .about dd > p{height:auto;}
    .fullSlide .hero-fallback .hero-tit{font-size:34px;line-height:48px;}
    .fullSlide .hero-fallback .hero-sub{font-size:16px;line-height:30px;}
}

/* ========== ≤768：移动端 ========== */
@media screen and (max-width:768px) {
    /* 头部 */
    .t_top{padding:10px 0 8px;}
    .logo{max-width:220px;}
    .logo img{max-width:220px;max-height:42px;}
    .t_wz{display:none;}
    .t_tel{float:right;margin-top:4px;}
    .t_tel p{background:none;padding-left:0;font-size:12px;line-height:18px;margin-right:14px;}
    .t_tel p span{font-size:16px;line-height:22px;}
    .t_tel p:last-child{display:none;}

    /* 导航：横向滑动条 */
    .nav{height:auto;}
    .nav ul{width:auto;padding:0 8px;display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .nav ul::-webkit-scrollbar{display:none;}
    .nav li{float:none;display:inline-block;flex:0 0 auto;height:44px;line-height:44px;background:none;margin:0;padding:0 12px;white-space:nowrap;}
    .nav li a{font-size:15px;height:44px;line-height:44px;padding:0;}
    .nav li p{display:none !important;}
    .nav .cur a,.nav li:hover a{background:none;color:#8fd0ff;}

    /* 首页 hero */
    .fullSlide .hero-in{padding:44px 16px 48px;}
    .fullSlide .hero-fallback .hero-tit{font-size:26px;line-height:38px;margin-bottom:12px;}
    .fullSlide .hero-fallback .hero-sub{font-size:14px;line-height:24px;margin-bottom:22px;}
    .hero-btn1,.hero-btn2{height:42px;line-height:40px;padding:0 20px;font-size:14px;margin-right:10px;}

    /* 首页区块 */
    .titis{padding:48px 0 26px;}
    .titis h2{font-size:28px;height:38px;line-height:38px;}
    .titis p{font-size:14px;line-height:24px;}
    .cat_bj,.sel_bj,.brand_bj,.news_bj,.sol_bj,.ab_bj{padding-bottom:48px;}
    .cat_nr li,.sel_nr dl,.brand_nr li,.sol_nr li{width:100%;margin:0 0 14px;}
    .cat_nr li{min-height:0;padding-bottom:74px;}
    .fn_btn1{margin-top:28px;}
    .wt_nr dd p{height:auto;}

    /* 内页 */
    .ty-banner-1 img{width:100%;height:auto;}
    .p1-search-1 .blk-md{width:auto;}
    .p1-search-1-inp{float:none !important;margin:0 0 10px;}
    .p1-search-1 p{line-height:26px !important;height:auto !important;padding-bottom:8px;}
    .blk-main{padding:0 12px;}
    .blk-xs{margin-top:22px;}

    /* 单页（关于/联系）内容块自适应 */
    .p12-aboutinfo-1-nr > div{width:auto !important;float:none !important;margin:0 0 18px !important;padding:18px !important;margin-right:0 !important;}
    .ct-icons p{height:auto !important;line-height:30px !important;padding:0 0 0 32px !important;}
    .ct-icons p.ct-sm{padding:0 0 0 32px !important;}

    /* 页脚 */
    .ft_t{height:auto;padding:24px 0 18px;}
    .ft_logo,.ft_sz,.ft_l{float:none;width:auto;max-width:none;}
    .ft_sz{padding:10px 0 6px 12px;}
    .ft_l{padding-top:6px;}
    .ft_l a{margin-left:0;margin-right:30px;}
    .ft_nav,.lx_c,.erwm{float:none;width:100%;border-right:none;padding-left:0;height:auto;}
    .lx_c{padding-top:6px;}
    .erwm{padding-top:14px;text-align:left;}
    .ft_nav{padding-bottom:10px;}
    .footer{padding-bottom:10px;}

    /* 浮动栏：移动端隐藏（避免遮挡内容，联系入口在页脚与内页均有） */
    .client-2{display:none;}
}

/* ========== ≤480：小屏微调 ========== */
@media screen and (max-width:480px) {
    .fullSlide .hero-fallback .hero-tit{font-size:22px;line-height:32px;}
    .hero-btns{height:auto;}
    .hero-btn1,.hero-btn2{display:block;width:100%;margin:0 0 10px;}
    .titis h2{font-size:24px;}
    .cat_nr li h4{font-size:20px;}
}

/* 侧栏“推荐阅读/相关资讯”列表：纯文字条目样式（旧样式按图片位设计） */
.tj_nr{border:1px solid #e4ebf2 !important;padding:6px 14px !important;}
.tj_nr li{line-height:normal !important;margin:0 !important;text-align:left !important;}
.tj_nr li a{display:block;padding:10px 0;border-bottom:1px dashed #e5e9ee;}
.tj_nr li:last-child a{border-bottom:none;}
.tj_nr span{display:block;height:auto !important;line-height:22px !important;font-size:14px;color:#33414f;margin-top:0 !important;white-space:normal;}

/* 单页内容容器（旧模板未定义，补齐） */
.blk-md{width:1200px;margin:0 auto;}

/* ========== 列表空状态（全站共用） ========== */
.list-empty{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #d9e3ec;color:#67707c;font-size:15px;line-height:32px;}
.list-empty a{color:#0277d6;}

/* ========== 全局基础覆盖（内页各 CSS 有同名旧规则，此处最后加载统一修正） ========== */
/* Logo 不被固定 80px 容器压扁，按后台 Logo 原始比例缩放 */
.logo{width:auto !important;max-width:280px;height:73px;}
.logo img{width:auto !important;height:auto !important;max-width:280px;max-height:56px;object-fit:contain;}
/* 页头文字块：压缩旧模板固定宽度，保证 头像+名称+联系方式 一行放下 */
.t_wz{width:auto !important;max-width:420px;}
.t_wz em{font-size:20px !important;color:#101b3c;height:28px;line-height:28px;}
.t_wz span{font-size:14px !important;height:auto !important;line-height:24px !important;color:#56617a;font-weight:normal !important;}
.t_tel p{margin-right:24px !important;}
.t_tel p span{font-size:19px;}
.ft_logo{width:auto !important;}
.ft_logo img{width:auto !important;height:auto !important;max-width:280px;max-height:56px;object-fit:contain;}
/* 内页横幅：直接显示（不再依赖 JS 加 .show），全宽自适应 */
.ty-banner-1{line-height:0;text-align:center;}
.ty-banner-1 img{visibility:visible !important;width:100%;height:auto;margin:0 !important;display:block;}
/* 右侧浮动栏垂直居中，不遮挡页头 */
.client-2{top:50% !important;transform:translateY(-50%);margin-top:0 !important;}

/* ========== 动效降级 ========== */
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
}