@charset "utf-8";
/* ============================================================
   checksci.com 移动站独立样式  m.css  v1 (2026-10-15)
   独立移动站：不加载 PC 的 style.css / mobile.css，
   移动壳（顶栏/抽屉/页脚/底栏）自建，
   内容区复用 PC 页 HTML，由本文件「重置 + 布局」两段接管。
   ============================================================ */

/* ---------- 0. 设计变量 ---------- */
:root{
  --brand:#3e5fae; --brand-d:#2f4a8c; --brand-l:#eef2fb;
  --txt:#333; --txt2:#666; --sub:#999;
  --bd:#e6e6e6; --bg:#f4f5f7; --card:#fff;
  --gap:12px; --r:6px;
  --fs-s:12px; --fs:14px; --fs-l:16px; --fs-xl:18px;
}

/* ---------- 1. 基础重置 ---------- */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--txt);
  font:var(--fs)/1.7 "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow-x:hidden; word-break:break-word;
}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:var(--txt);text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0 0 .7em}
h1,h2,h3,h4,h5{margin:0 0 .5em;font-weight:600;line-height:1.4}
table{border-collapse:collapse;width:100%!important}
input,textarea,select,button{font-family:inherit;font-size:var(--fs)}

/* ---------- 2. 顶栏 ---------- */
.mh{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:8px;
  height:48px;padding:0 10px;background:var(--brand);color:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.12);
}
.mh-menu,.mh-tel{
  flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:20px;line-height:1;border-radius:var(--r);
}
.mh-logo{flex:1;display:flex;align-items:center;justify-content:center;height:34px;overflow:hidden}
.mh-logo img{max-height:30px;width:auto}
.mh-logo span{color:#fff;font-size:var(--fs-l);font-weight:600;letter-spacing:1px}

/* ---------- 3. 搜索条 ---------- */
.m-search{display:flex;gap:6px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--bd)}
.m-search input{
  flex:1;height:34px;padding:0 10px;border:1px solid var(--bd);border-radius:var(--r);
  background:var(--bg);font-size:13px;outline:none;min-width:0;
}
.m-search button{
  flex:0 0 62px;height:34px;border:0;border-radius:var(--r);
  background:var(--brand);color:#fff;font-size:13px;
}

/* ---------- 4. 抽屉导航 ---------- */
.m-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:80;display:none}
.m-mask.on{display:block}
.m-drawer{
  position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;z-index:90;
  background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;
  transform:translateX(-100%);transition:transform .25s ease;
}
.m-drawer.on{transform:none}
.m-dw-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;height:48px;background:var(--brand);color:#fff;font-size:var(--fs-l);
}
.m-dw-hd b{font-size:24px;font-weight:400;cursor:pointer;line-height:1}
.m-nav>li{border-bottom:1px solid #f0f0f0}
.m-nav>li>a{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;font-size:15px;font-weight:600;color:var(--txt);
}
.m-nav>li>a .ar{color:var(--sub);font-size:16px;transition:transform .2s}
.m-nav>li.open>a .ar{transform:rotate(45deg)}
.m-sub{display:none;padding:2px 0 8px;background:var(--bg)}
.m-nav>li.open .m-sub{display:block}
.m-sub .g-t{
  display:block;padding:8px 14px 4px;font-size:var(--fs-s);color:var(--brand);font-weight:600;
}
.m-sub a{
  display:block;padding:7px 14px 7px 22px;font-size:13px;color:var(--txt2);border-top:1px solid #eee;
}
.m-sub a:active{background:var(--brand-l)}
.m-dw-ft{padding:14px;font-size:var(--fs-s);color:var(--sub);text-align:center;border-top:1px solid var(--bd)}

/* ---------- 5. 内容容器 ---------- */
.m-main{padding:10px 10px 68px}
.m-box{background:var(--card);border-radius:var(--r);padding:12px;margin-bottom:10px}

/* ---------- 6. 内容区重置（接管 PC HTML） ---------- */
.m-main .wrap,.m-main .cpright,.m-main .cpMain,.m-main .leftr{width:auto!important;min-width:0!important;float:none!important;margin:0!important;padding:0!important}
.m-main .topadcs,.m-main .search,.m-main .lf_n,.m-main .menu,.m-main .lf_n_c{display:none!important}  /* 通栏图/PC搜索/左侧栏目导航：移动壳已有 */
.m-main .fl{float:none!important;width:auto!important}
.m-main div,.m-main ul,.m-main li,.m-main p,.m-main span,.m-main a{max-width:100%}
/* pre 保留空白会撑破视口（首页 .inabout_wen pre 实测 1462px），强制换行 */
.m-main pre{white-space:pre-wrap!important;word-wrap:break-word;overflow-x:auto;font-size:13px;line-height:1.8;margin:0 0 .7em}
.m-main [style*="width"]{max-width:100%!important}
.m-main img{max-width:100%!important;height:auto!important}
.m-main table,.m-main table td,.m-main table th{display:block;width:100%!important}
.m-main table tr{border:1px solid var(--bd);border-radius:var(--r);margin-bottom:8px;overflow:hidden}
.m-main table td,.m-main table th{border:0;border-bottom:1px solid #f0f0f0;padding:8px 10px;font-size:13px}
.m-main table tr>*:last-child{border-bottom:0}

/* ---------- 7. 面包屑 ---------- */
.m-main .rtop{
  margin:0 0 10px;padding:9px 12px;background:#fff;border-radius:var(--r);
  font-size:var(--fs-s);color:var(--sub);line-height:1.8;
}
.m-main .rtop a{color:var(--txt2)}
.m-main .rtop h5{margin:0 0 4px;font-size:var(--fs-l);color:var(--txt)}

/* ---------- 8. 产品列表 ---------- */
.m-main .pro_list{margin-bottom:10px}
.m-main .pro_list>ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.m-main .pro_list>ul>li{
  width:auto!important;float:none!important;margin:0!important;
  background:#fff;border-radius:var(--r);overflow:hidden;
}
.m-main .pro_list>ul>li>a{display:block;padding:8px}
.m-main .pro_list .pic{width:auto!important;height:auto!important;margin:0}
.m-main .pro_list .pic img{width:100%!important;height:150px!important;object-fit:contain;padding:0!important}
.m-main .pro_list .title{
  width:auto!important;height:auto!important;padding:6px 2px 2px!important;text-align:center;
}
.m-main .pro_list .title p{margin:0;font-size:13px;line-height:1.5;white-space:normal!important;overflow:visible!important}
.m-main .pro_list .title p:first-child{color:var(--brand);font-weight:600}
.m-main .pro_list .title p:last-child{color:var(--txt2);font-size:var(--fs-s)}

/* ---------- 9. 新闻/文章列表 ---------- */
.m-main .news_list{background:#fff;border-radius:var(--r);padding:4px 0;margin-bottom:10px}
.m-main .news_list li{border-bottom:1px solid #f2f2f2}
.m-main .news_list li:last-child{border-bottom:0}
.m-main .news_list li a{display:block;padding:11px 12px;font-size:var(--fs);color:var(--txt)}
.m-main .news_list li a:active{background:var(--brand-l)}
.m-main .news_list li span,.m-main .news_list li em{color:var(--sub);font-size:var(--fs-s);font-style:normal}

/* ---------- 10. 文章详情 ---------- */
.m-main .news_xx{background:#fff;border-radius:var(--r);padding:14px 12px}
.m-main .news_xx01 h1{font-size:var(--fs-xl);line-height:1.45;margin-bottom:8px}
.m-main .news_xx02{font-size:var(--fs-s);color:var(--sub);border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:10px}
.m-main .news_xx03{font-size:15px;line-height:1.9;color:#444}
.m-main .news_xx03 img{margin:8px 0}
.m-main .news_sx{margin-top:14px;padding-top:10px;border-top:1px solid #f0f0f0;font-size:13px}
.m-main .n_s,.m-main .n_x{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-main .n_s a,.m-main .n_x a{color:var(--brand)}

/* ---------- 11. 产品详情 ---------- */
.m-main .products_xx{background:#fff;border-radius:var(--r);padding:12px;margin-bottom:10px}
.m-main .proxx_pic{width:auto!important;float:none!important;text-align:center;margin-bottom:10px}
.m-main .proxx_pic img{max-height:260px;object-fit:contain}
.m-main .proxx_con,.m-main .cp_content,.m-main .proxx_con02{width:auto!important;float:none!important;padding:0!important;margin:0}
.m-main .fenlei{border-bottom:1px solid var(--bd);margin-bottom:10px}
.m-main .fenlei .hd>ul,.m-main .hd>ul{display:flex!important;gap:6px;overflow-x:auto}
.m-main .hd>ul>li{
  float:none!important;width:auto!important;flex:0 0 auto;padding:7px 14px;
  font-size:13px;border-radius:var(--r);background:var(--bg);color:var(--txt2);
}
.m-main .hd>ul>li.on{background:var(--brand);color:#fff}
.m-main .bd{padding:0!important;width:auto!important}
.m-main .proxx_con02 p{font-size:14px;line-height:1.8}
.m-main .proxx_con02 img{margin:6px 0}

/* ---------- 12. 首页板块（仅首页） ---------- */
.m-main .index_banner img{width:100%!important;height:auto!important;display:block}
.m-main .index_banner{margin-bottom:10px;border-radius:var(--r);overflow:hidden}
.m-main .index_pro,.m-main .index_about,.m-main .index_news,.m-main .index_huoban,.m-main .index_yingyong{background:#fff;border-radius:var(--r);padding:12px;margin-bottom:10px}
.m-main .index_title p,.m-main .index_title02 p,.m-main .index_title03 p{font-size:var(--fs-l);margin-bottom:10px;padding-left:9px;border-left:3px solid var(--brand)}
.m-main .slideTxtBox .hd{height:auto!important;overflow:visible!important}
.m-main .slideTxtBox .hd>ul{display:flex!important;flex-wrap:wrap;gap:6px}
.m-main .slideTxtBox .hd>ul>li{
  float:none!important;width:auto!important;height:auto!important;line-height:1!important;
  padding:7px 12px;font-size:13px;border-radius:var(--r);background:var(--bg);color:var(--txt2);cursor:pointer;
}
.m-main .slideTxtBox .hd>ul>li.on{background:var(--brand);color:#fff}
.m-main .picList,.m-main .bd02>ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:auto!important;transform:none!important;position:static!important}
.m-main .picList>li,.m-main .bd02>ul>li{
  width:auto!important;float:none!important;margin:0!important;
  border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:#fff;
}
.m-main .picList>li.clone,.m-main .bd02>ul>li.clone{display:none!important}
.m-main .embj,.m-main .bianxiao{width:auto!important;min-width:0!important;height:auto!important;float:none!important}
.m-main .embj .pic,.m-main .bianxiao .pic{width:auto!important;height:auto!important;text-align:center}
.m-main .embj .pic img,.m-main .bianxiao .pic img{width:100%!important;height:130px!important;object-fit:contain}
.m-main .embj p,.m-main .bianxiao p{font-size:13px;margin:6px 4px 2px;color:var(--txt)}
.m-main .embj span,.m-main .bianxiao span{display:block;font-size:var(--fs-s);color:var(--sub);margin:0 4px 8px;line-height:1.5}
.m-main .index_youshi ul li,.m-main .index_yingyong ul li,.m-main .index_news ul li{width:auto!important;float:none!important}
.m-main .index_news ul li a{display:block;padding:9px 0;border-bottom:1px solid #f2f2f2;font-size:14px}
.m-main .index_news ul li:last-child a{border-bottom:0}
.m-main .index_huoban img{width:auto!important;max-height:40px;margin:4px}

/* ---------- 13. 分页 ---------- */
.m-main .pages{height:auto!important;min-height:0;text-align:center;margin:12px 0 4px}
.m-main .pages ul>span,.m-main .pages ul>li{display:inline-block;vertical-align:middle;margin:0 4px 6px 0}
.m-main .pages ul>span>a,.m-main .pages ul>li>a,.m-main .pages ul>span.page-numbar>a.page-num{
  display:inline-block;min-width:32px;padding:6px 10px;border:1px solid var(--bd);border-radius:var(--r);
  color:var(--txt2);font-size:13px;line-height:18px;background:#fff;
}
.m-main .pages ul>span.page-status{border:0;background:none;color:var(--sub);font-size:var(--fs-s);padding:6px 6px 6px 0}
.m-main .pages ul>span.page-numbar{margin:0}
.m-main .pages ul>span.page-numbar>span.page-num{border:0;background:none;color:#bbb;padding:6px 2px;min-width:0}
.m-main .pages a.page-num-current,.m-main .pages .thisclass a{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}
.m-main .pages ul>span.page-numbar{display:none}   /* 手机上收起数字页码，只留导航键 */

/* ---------- 14. 表单（留言/询价） ---------- */
.m-main form{max-width:100%}
.m-main .Input,.m-main .input02,.m-main input[type=text],.m-main input[type=tel],.m-main textarea{
  width:100%!important;height:38px!important;line-height:1.4!important;margin:0 0 8px;
  padding:8px 10px!important;border:1px solid var(--bd);border-radius:var(--r);background:#fff;font-size:13px;
}
.m-main textarea{height:88px!important}
.m-main .btn,.m-main input[type=submit],.m-main button.btn{
  display:block;width:100%;height:40px;border:0;border-radius:var(--r);
  background:var(--brand);color:#fff;font-size:15px;
}

/* ---------- 15. 页脚 ---------- */
.mf{background:#2b3245;color:#b9c0d0;padding:18px 14px 74px;font-size:var(--fs-s);line-height:1.9}
.mf h4{color:#fff;font-size:var(--fs);margin:0 0 6px;font-weight:600}
.mf a{color:#b9c0d0;margin-right:12px}
.mf .mf-tel{color:#fff;font-size:var(--fs-l);font-weight:600;margin:6px 0}
.mf .mf-cp{border-top:1px solid #3d4457;margin-top:12px;padding-top:10px;color:#7d869a}

/* ---------- 16. 底部悬浮条 ---------- */
.mbar{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;
  height:52px;background:#fff;border-top:1px solid var(--bd);
  box-shadow:0 -1px 6px rgba(0,0,0,.06);
}
.mbar a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:11px;color:var(--txt2);border-right:1px solid var(--bd);
}
.mbar a:last-child{border-right:0}
.mbar a i{font-size:17px;line-height:1;margin-bottom:2px;font-style:normal}
.mbar a.hot{background:var(--brand);color:#fff}
.mbar a:active{background:var(--brand-l)}
.mbar a.hot:active{background:var(--brand-d)}

/* ---------- 17. 回顶按钮 ---------- */
.mtop{
  position:fixed;right:12px;bottom:66px;z-index:65;width:38px;height:38px;
  border-radius:50%;background:rgba(0,0,0,.35);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:18px;
}

/* ---------- 18. 平板/大屏：内容居中限宽 ---------- */
@media(min-width:640px){
  .m-main{max-width:720px;margin:0 auto}
  .m-search{max-width:720px;margin:0 auto}
  .mf{padding-left:0;padding-right:0}
  .mf>div{max-width:720px;margin:0 auto;padding:0 14px}
}

/* ---------- 14. 首页乱版修复（2026-10-15c） ---------- */
/* 1) banner：li 靠 inline background 图轮播，PC 700px 高；移动端须自定高 + cover */
.m-main .index_banner .slideBox{height:180px!important;overflow:hidden;position:relative;border-radius:var(--r)}
.m-main .index_banner .slideBox .bd,.m-main .index_banner .slideBox .bd>ul,.m-main .index_banner .slideBox .bd>ul>li{height:180px!important;width:100%!important}
.m-main .index_banner .slideBox .bd>ul>li{background-size:cover!important;background-position:center!important}
.m-main .index_banner .slideBox .hd{bottom:10px!important;right:auto!important;left:50%;transform:translateX(-50%);width:auto!important}
.m-main .index_banner .slideBox .hd ul li{width:20px!important;height:4px!important;margin:0 3px!important}

/* 2) 标题区三件套：p 大标题 + img 装饰线 + span 副标题（此前 img 原尺寸乱入 span 错位） */
.m-main .index_title img,.m-main .index_title02 img,.m-main .index_title03 img{width:150px!important;height:auto!important;display:block!important;margin:2px 0 8px}
.m-main .index_title span,.m-main .index_title03 span{display:block!important;font-size:12px!important;color:var(--sub)!important;line-height:1.6!important;text-align:left!important;width:auto!important;float:none!important}
.m-main .index_title02 span{display:block!important;font-size:12px!important;color:rgba(255,255,255,.85)!important;line-height:1.6!important;text-align:left!important;width:auto!important;float:none!important}

/* 3) 品牌优势（proyoushi）：PC 深色背景图 + 白字；移动端深蓝底兜底 + 图标 2 列网格 */
.m-main .index_proyoushi{background:var(--brand)!important;border-radius:var(--r);padding:14px;margin-bottom:10px}
.m-main .index_proyoushi .index_title02 p{color:#fff!important}
.m-main .index_proyoushi .list-wrap ul{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:auto!important}
.m-main .index_proyoushi .list-wrap li{width:auto!important;float:none!important;height:auto!important;background:rgba(255,255,255,.12)!important;border-radius:var(--r);padding:12px 4px;text-align:center;margin:0!important}
.m-main .index_proyoushi .box{display:block;width:auto!important}
.m-main .index_proyoushi .ico{display:block;width:auto!important;height:auto!important}
.m-main .index_proyoushi .ico img{width:42px!important;height:42px!important;object-fit:contain;margin:0 auto}
.m-main .index_proyoushi .tit{font-size:13px!important;color:#fff!important;width:auto!important;margin:8px 0 0!important;line-height:1.4!important}
.m-main .ys_more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.m-main .ys_more a{flex:1 1 44%;text-align:center;padding:8px 4px;font-size:12px;color:#fff!important;background:rgba(255,255,255,.16);border-radius:var(--r);white-space:nowrap}

/* 4) 推荐新闻 tjnews：图限 112px 缩略图（原 573px 直接铺满全屏） */
.m-main .tjnews{margin-top:10px!important;overflow:hidden}
.m-main .tjnews>a{display:flex!important;gap:10px;align-items:flex-start}
.m-main .tjnews .pic{width:112px!important;height:76px!important;float:none!important;flex:0 0 auto;border-radius:6px;overflow:hidden}
.m-main .tjnews .pic img{width:100%!important;height:100%!important;object-fit:cover}
.m-main .tjnews .tjnews_wen{width:auto!important;float:none!important;flex:1;min-width:0}
.m-main .tjnews_wen p{font-size:15px!important;line-height:1.5!important;border-bottom:0!important;background:none!important;padding-left:0!important;height:auto!important}
.m-main .tjnews_wen .note{font-size:12px;color:var(--sub);line-height:1.6;margin:4px 0;max-height:38px;overflow:hidden}
.m-main .tjnews_url{font-size:12px;color:var(--brand)}

/* 5) 新闻列表：标题左、日期右同行（原 float 掉行散排） */
.m-main .innews_list{margin-top:8px!important}
.m-main .innews_list li{display:flex!important;align-items:center;height:auto!important;border-bottom:1px solid #f2f2f2;background:none!important;padding:0!important}
.m-main .innews_list li a{display:flex!important;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:9px 0 9px 14px;background:url(/static/css/img/newsli.png) no-repeat 0 12px/10px auto}
.m-main .innews_list .title{width:auto!important;float:none!important;flex:1;min-width:0;font-size:14px!important;line-height:1.5!important;height:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important}
.m-main .innews_list .date{width:auto!important;float:none!important;flex:0 0 auto;font-size:12px!important;color:var(--sub)!important}

/* 6) 公司简介/优势/应用领域：白卡片统一 + 布局收拢 */
.m-main .index_youshi{background:#fff;border-radius:var(--r);padding:12px;margin-bottom:10px}
.m-main .inyoushi01,.m-main .inyoushi03{width:auto!important;float:none!important;height:auto!important;border-right:0!important;text-align:left;padding:10px 0;border-bottom:1px solid #f2f2f2}
.m-main .index_youshi .inyoushi01:last-child,.m-main .index_youshi .inyoushi03:last-child{border-bottom:0}
.m-main .inyoushi01 img,.m-main .inyoushi03 img{width:64px!important;height:64px!important;object-fit:contain;padding:0!important;float:left;margin-right:10px}
.m-main .inyoushi01 p,.m-main .inyoushi03 p{font-size:15px!important;line-height:64px!important;color:var(--brand)!important;margin:0!important;float:left}
.m-main .inyoushi01 span,.m-main .inyoushi03 span{display:block!important;clear:both;font-size:12px!important;color:var(--sub)!important;line-height:1.7!important;padding-top:6px}
.m-main .inabout_title{font-size:17px;font-weight:700;margin-bottom:8px}
.m-main .inabout_title .hong{color:#e02020}

/* 7) 合作客户 more 链接 */
.m-main .index_huoban .more{display:block;text-align:center;font-size:13px;color:var(--brand);padding:8px 0 2px}