/* ============================================================
   精技IT Service Center · 内容区样式 (style.css)
   全站统一设计稿风格：深蓝+亮蓝+金色，衬线标题，白卡片
   保留全部 CMS 内容区类名
   ============================================================ */
@import url('https://miaoda.feishu.cn/fonts/css2?family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap');

:root{
  --navy:#0B2545; --navy2:#123B6D; --navy3:#0E2A4D;
  --accent:#2563EB; --accent2:#3B82F6;
  --ink:#17202E; --body:#3D4A5C; --muted:#6B7788;
  --bg:#F4F6F9; --card:#FFFFFF; --line:#E3E8EF;
  --gold:#B98A2F;
}
*{ box-sizing:border-box; }

/* ---------- 栏目标题条 ---------- */
.maintitle{
  height:46px; line-height:46px;
  clear:both; overflow:hidden;
  background:linear-gradient(90deg,var(--navy) 0%,var(--navy2) 100%);
  border-radius:6px 6px 0 0;
  padding:0 18px; margin-bottom:0;
}
.maintitle p{
  float:left; font-weight:700; font-size:17px; color:#fff;
  font-family:'Noto Serif SC',Georgia,'Songti SC',serif;
  letter-spacing:1px;
}
.maintitle span{ float:right; color:#CBD5E1; padding-right:4px; font-size:13px; line-height:46px;}
.maintitle span a:link,.maintitle span a:visited{ color:#E2E8F0; }

/* ---------- 内容页容器 ---------- */
.page{ background:var(--card); border:1px solid var(--line); border-top:none; border-radius:0 0 6px 6px; padding:8px 0 18px; }

/* ---------- 公司简介 ---------- */
.about{ margin:24px; }
.about dt{ text-align:left; height:auto; line-height:1.6; padding:14px 16px; border-left:4px solid var(--accent); background:var(--bg); color:var(--body); font-weight:700; font-size:15px; border-radius:4px; margin-bottom:16px;}
.about dt a{ margin:0 6px; color:var(--accent); }
.about dd{ text-align:left; font-size:15px; line-height:1.9; padding-top:8px; color:var(--body);}
.about dd p{ font-size:15px; line-height:1.9; margin-bottom:18px; }

/* ---------- 公司信息列表 ---------- */
.company{ margin:24px; }
.company li{ line-height:1.9; color:var(--muted); border-bottom:1px dashed var(--line); padding:7px 0;}
.company li p{ width:110px; float:left; font-weight:700; color:var(--body); }

/* ---------- 产品/内容区 ---------- */
.product{ margin:18px 24px; }

/* ---------- 产品图片列表(封面网格) ---------- */
.ppics{ float:left; width:100%; margin-bottom:16px;}
.ppics li{
  float:left; text-align:center; margin:0 20px 20px 0;
  width:150px; padding:12px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
  box-shadow:0 1px 4px rgba(11,37,69,.07);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ppics li:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(11,37,69,.12); border-color:#C9D6E8;}
.ppics li p{ text-align:center; border:none; vertical-align:middle; overflow:hidden; width:100%; height:auto; background:var(--bg); border-radius:8px;}
.ppics li p img{ vertical-align:middle; margin:0; max-width:100%; height:auto;}
.ppics li span{ width:100%; display:block; line-height:1.5; height:auto; margin-top:10px; font-size:13px; text-align:left; overflow:hidden; color:var(--body);}
.ppics li span a{ color:var(--ink); font-weight:600;}
.ppics li span a:hover{ color:var(--accent);}
.ppics li span input{ float:right; margin-top:2px;}

/* ---------- 栏目图片列表 ---------- */
.cpics ul{ margin-bottom:28px; float:left;}
.cpics li{ width:auto; height:auto; float:left; margin:0 18px 20px 0; overflow:hidden; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:12px; box-shadow:0 1px 4px rgba(11,37,69,.07);}
.cpics li p{ text-align:center; border:none; vertical-align:middle; overflow:hidden; background:var(--bg); border-radius:8px;}
.cpics li img{ vertical-align:middle; margin:0; max-width:100%; height:auto;}
.cpics li span{ display:block; line-height:1.5; height:auto; margin-top:10px; font-size:13px; text-align:left; overflow:hidden; color:var(--body);}
.cpics li span a{ color:var(--ink); font-weight:600;}
.cpics li span input{ float:right;}

/* ---------- 产品图文列表(横向条目) ---------- */
.ptxts{ clear:both; margin:6px;}
.ptxts li{
  width:100%; height:auto; line-height:1.6; text-align:left; float:left;
  overflow:hidden; margin-top:16px; padding:16px;
  background:var(--card); border:1px solid var(--line); border-radius:10px;
  box-shadow:0 1px 4px rgba(11,37,69,.06);
}
.ptxts li p{
  width:130px; height:130px; text-align:center; border:1px solid var(--line);
  vertical-align:middle; overflow:hidden; float:left; margin-right:18px;
  background:var(--bg); border-radius:8px;
}
.ptxts li p img{ vertical-align:middle; margin:0; max-width:100%; height:auto;}
.ptxts li > a{ font-weight:700; font-size:15px; color:var(--ink); text-decoration:none; display:block; margin-bottom:6px;}
.ptxts li > a:hover{ color:var(--accent);}
.ptxts li span{ display:block; line-height:1.7; margin-top:8px; color:var(--muted); font-size:14px;}
.ptxts li dl{ height:auto; margin-top:12px; overflow:hidden;}
.ptxts li dl dd{ float:left; margin-right:10px;}
.ptxts li dl dd a{ color:var(--accent); font-weight:600; font-size:13px;}
.ptxts li input{ float:right; margin-top:4px;}

/* ---------- 产品询盘选择条 ---------- */
.contactnow{
  background:var(--bg); border:1px solid var(--line); border-radius:8px;
  padding:10px 14px; margin:14px 0; overflow:hidden;
}
.contactnow ul{ list-style:none; margin:0; padding:0;}
.contactnow li{ float:left; margin-right:14px; line-height:22px; color:var(--muted); font-size:13px;}
.contactnow li input{ vertical-align:middle;}

/* ---------- 产品详情 ---------- */
.productsdetail{ margin:24px; line-height:1.9; color:var(--body);}
.productsdetail p{ line-height:1.9;}

/* ---------- 描述/信息模块 ---------- */
.info{ margin:6px 0;}
.info dl{ margin:0;}
.info dt{ padding:12px 0 6px; font-weight:700; color:var(--navy); font-size:15px; border-bottom:2px solid var(--accent); display:inline-block;}
.info dd{ padding:12px 0 4px; line-height:1.9; color:var(--body);}

/* ---------- 通用列表 ---------- */
.list{ margin:10px 0;}
.list ul{ list-style:none; margin:0; padding:0;}
.list li{ padding:9px 0; border-bottom:1px dashed var(--line); line-height:1.7; color:var(--body);}
.list li a{ color:var(--ink);}
.list li a:hover{ color:var(--accent);}

/* ---------- 新闻详情 ---------- */
.newsdetail{ margin:24px; line-height:1.95; color:var(--body); font-size:15px;}
.newsdetail p{ margin-bottom:14px;}
.newsrelated{ margin:24px; padding-top:14px; border-top:2px solid var(--line);}
.newsrelated dt{ font-weight:700; color:var(--navy); margin-bottom:8px;}
.newsrelated dd{ padding:5px 0; color:var(--muted);}
.newsrelated dd a{ color:var(--ink);}
.newsrelated dd a:hover{ color:var(--accent);}

/* ---------- 询盘表单 ---------- */
.inquiry{ margin:24px;}
.inquiry table{ width:100%; border-collapse:collapse;}
.inquiry td{ padding:8px; border-bottom:1px dashed var(--line);}
.inquiry input[type=text],.inquiry textarea,.inquiry select{ width:90%; padding:7px 10px; border:1px solid var(--line); border-radius:6px; font-size:14px; font-family:inherit;}
.inquiry input[type=submit]{ padding:8px 22px; background:var(--accent); color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:14px;}
.inquiry input[type=submit]:hover{ background:var(--navy);}

/* ---------- 联系我们 ---------- */
.contact{ margin:24px;}
.contact p{ line-height:1.9; color:var(--body); margin-bottom:8px;}
.contact a{ color:var(--accent);}

/* ---------- 站点地图 ---------- */
.sitemap{ margin:24px;}
.sitemap ul{ list-style:none; margin:0; padding:0; columns:2; -webkit-columns:2;}
.sitemap li{ padding:7px 0; border-bottom:1px dashed var(--line);}
.sitemap li a{ color:var(--ink); font-weight:600;}
.sitemap li a:hover{ color:var(--accent);}
.sitemap p{ line-height:1.8; color:var(--muted);}

/* ---------- 分页 ---------- */
.function{
  clear:both; text-align:center; padding:16px 0 4px;
  color:var(--muted); font-size:13px;
}
.function a{ color:var(--accent); margin:0 3px; padding:3px 9px; border:1px solid var(--line); border-radius:6px; text-decoration:none;}
.function a:hover{ background:var(--accent); color:#fff; border-color:var(--accent);}
.function span,.function b{ margin:0 4px;}

/* ---------- 分类图片轮播等 ---------- */
.categoriespicshow{ margin:16px 0; text-align:center;}
.categoriespicshow img{ max-width:100%; height:auto; border-radius:8px;}
.infiniteCarousel{ margin:10px 0;}

/* ---------- 错误/成功提示 ---------- */
.error{ color:#C0392B; font-weight:600; margin:12px 24px;}
.success{ color:#27AE60; font-weight:600; margin:12px 24px;}
.alert{ color:var(--gold); font-weight:600; margin:12px 24px;}