/* 中鑫曜图数智科技 - 手机端样式（屏幕宽度 768px 及以下） */

body {
  padding-bottom: 46px;
  font-size: 14px;
}

.wrap {
  padding: 0 14px;
}

/* ---------- 顶部导航 ---------- */
.header .wrap {
  height: auto;
  padding-top: 10px;
  padding-bottom: 8px;
  flex-wrap: wrap;
}

.logo {
  order: 1;
  font-size: 18px;
}

.logo .mark {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 17px;
  line-height: 32px;
}

.logo .logo-img {
  height: 32px;
  margin-right: 8px;
}

.top-cta {
  order: 4;
  padding: 7px 16px;
  font-size: 13px;
}

/* 汉堡按钮（有脚本时显示） */
.nav-toggle {
  order: 2;
  display: none;
  margin-left: auto;
  width: 40px;
  height: 36px;
  padding: 9px 8px;
  border: 1px solid #3a4a58;
  background-color: transparent;
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  height: 2px;
  margin-bottom: 4px;
  background-color: #ffffff;
}

.nav-toggle span:last-child {
  margin-bottom: 0;
}

.nav {
  order: 3;
  width: 100%;
  height: auto;
  margin-top: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.nav a {
  height: 40px;
  padding: 0 11px;
  font-size: 14px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
}

/* 有脚本时折叠成可展开菜单；无脚本时保持平铺，保证导航可用 */
html.js .nav-toggle {
  display: block;
}

html.js .nav,
html.js .top-cta {
  display: none;
}

html.js .header .wrap.nav-open .nav {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #26343f;
}

html.js .header .wrap.nav-open .nav a {
  width: 100%;
  height: 42px;
  padding: 0 4px;
  line-height: 42px;
  border-bottom: 1px solid #26343f;
}

html.js .header .wrap.nav-open .nav a.on {
  color: #e0b464;
}

html.js .header .wrap.nav-open .top-cta {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 9px 0;
  text-align: center;
}

/* ---------- 横幅 ---------- */
.banner {
  height: auto;
  padding-bottom: 36px;
}

.banner-txt {
  padding-top: 42px;
}

.banner-tag {
  font-size: 12px;
  letter-spacing: 2px;
  padding: 6px 14px;
  margin-bottom: 16px;
}

.banner h1 {
  font-size: 24px;
  line-height: 1.45;
  margin-bottom: 16px;
}

.banner p {
  font-size: 14px;
  line-height: 1.9;
  margin-bottom: 22px;
}

.banner-btns {
  flex-direction: column;
  gap: 10px;
}

.banner-btns .btn {
  width: 100%;
  text-align: center;
}

.banner-line {
  margin-top: 28px;
  padding-top: 20px;
  flex-wrap: wrap;
  gap: 18px;
}

.banner-line .item {
  width: calc(50% - 9px);
  margin-right: 0;
}

.banner-line .item b {
  font-size: 22px;
}

.banner-line .item span {
  font-size: 13px;
}

/* ---------- 通用区块 ---------- */
.sec {
  padding: 44px 0;
}

.sec-sm {
  padding: 32px 0;
}

.sec-lg {
  padding: 50px 0;
}

.head {
  margin-bottom: 28px;
}

.head .lab {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.head h2 {
  font-size: 22px;
  padding-bottom: 10px;
}

.head p {
  font-size: 14px;
  margin-top: 12px;
}

/* ---------- 图文并排 ---------- */
.side .pic,
.about-intro .pic,
.flex2 .pic {
  height: 200px;
}

.side .txt,
.side.asym .txt,
.about-intro .txt,
.flex2 .txt {
  padding: 22px 18px;
}

.side .txt h3,
.flex2 .txt h3,
.about-intro .txt h2 {
  font-size: 19px;
  margin-bottom: 12px;
}

/* ---------- 卡片 ---------- */
.biz .card {
  width: calc(50% - 10px);
  height: auto;
  padding: 20px 16px;
}

.biz3 .cell {
  width: calc(50% - 12px);
  height: auto;
  padding: 20px 16px;
}

.biz .card h3,
.biz3 .cell h3 {
  font-size: 17px;
}

/* ---------- 数字条与流程：两列排布 ---------- */
.nums .n {
  flex: none;
  width: calc(50% - 12px);
  height: auto;
}

.nums .n b {
  font-size: 26px;
}

.nums .n span {
  font-size: 13px;
}

.flow .st {
  flex: none;
  width: calc(50% - 9px);
  height: auto;
  padding: 20px 16px;
}

.flow .st p {
  font-size: 13px;
}

.val-grid .v {
  flex: none;
  width: calc(50% - 11px);
  height: auto;
}

/* ---------- 新闻 ---------- */
.nlist .row .pic {
  height: 180px;
}

.ncard .body {
  padding: 16px;
}

.art .art-head h1 {
  font-size: 22px;
  line-height: 1.5;
}

.art .art-top {
  height: 190px;
}

.art .body {
  font-size: 15px;
}

/* ---------- 列表分页 ---------- */
.pager {
  margin-top: 28px;
  padding-top: 20px;
  gap: 6px;
}

.pager a,
.pager span {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
  line-height: 30px;
}

/* ---------- 视频 ---------- */
.vfeat .player {
  height: 210px;
}

/* ---------- 联系我们 ---------- */
.cform {
  padding: 22px 16px 26px;
}

.cinfo {
  padding: 22px 16px;
}

/* ---------- 底部咨询条 ---------- */
.cta {
  padding: 34px 0;
}

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

/* ---------- 页脚 ---------- */
.footer {
  padding: 20px 0;
  font-size: 13px;
}

/* ---------- 悬浮联系：手机端改为底部展开 ---------- */
.floatus {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  flex-direction: column;
  align-items: stretch;
}

.floatus .fu-panel {
  width: 100%;
  max-height: 66vh;
  overflow-y: auto;
  padding: 16px 14px;
  border: none;
  border-top: 1px solid #e2ddd2;
  box-shadow: none;
}

.floatus .fu-tab {
  width: 100%;
  height: 46px;
  padding: 0;
  font-size: 15px;
  letter-spacing: 2px;
  writing-mode: horizontal-tb;
}

/* ---------- 电话一键拨号 ---------- */
.header {
  position: static;
}

.dial-btn {
  padding: 7px 18px;
  font-size: 14px;
}