/* ===========================================================
   广东华矩检测技术有限公司 — 内容子页样式
   与 static/css/style_1.css 的 Bootstrap 模板风格保持一致
   主色 #006dfa
   =========================================================== */

.hj-page { padding: 70px 0 90px; }
.hj-page .hj-lead {
  font-size: 16px;
  line-height: 2;
  color: #555;
  margin-bottom: 18px;
}
.hj-page p { font-size: 15px; line-height: 2; color: #666; }

.hj-h3 {
  font-family: "Oswald", "Microsoft YaHei", sans-serif;
  font-size: 26px;
  color: #222;
  margin: 0 0 18px;
  padding-left: 14px;
  border-left: 4px solid #006dfa;
  line-height: 1.3;
}
.hj-block { margin-bottom: 56px; }

/* 数据条 */
.hj-stats { display: flex; flex-wrap: wrap; gap: 18px; margin: 6px 0 0; }
.hj-stat {
  flex: 1 1 180px;
  background: #f7faff;
  border: 1px solid #e3ecfb;
  border-radius: 10px;
  padding: 22px 18px;
  text-align: center;
}
.hj-stat b { display: block; font-size: 30px; color: #006dfa; font-family: "Oswald", sans-serif; line-height: 1.2; }
.hj-stat span { font-size: 14px; color: #777; }

/* 服务卡片 */
.hj-cards { display: flex; flex-wrap: wrap; gap: 22px; }
.hj-card {
  flex: 1 1 300px;
  border: 1px solid #ececec;
  border-top: 3px solid #006dfa;
  border-radius: 10px;
  padding: 26px 24px 22px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
  transition: box-shadow .18s, transform .18s;
}
.hj-card:hover { box-shadow: 0 12px 30px rgba(0, 109, 250, .13); transform: translateY(-3px); }
.hj-card h4 { font-size: 19px; color: #222; margin: 0 0 12px; font-weight: 700; }
.hj-card p { margin: 0; font-size: 14px; color: #777; line-height: 1.9; }
.hj-card .hj-ico {
  display: inline-block; width: 46px; height: 46px; line-height: 46px; text-align: center;
  border-radius: 50%; background: #eaf3ff; color: #006dfa; font-size: 20px; margin-bottom: 14px;
}

/* 新闻列表 */
.hj-news { list-style: none; margin: 0; padding: 0; }
.hj-news li {
  display: flex; align-items: center; gap: 18px;
  padding: 20px 4px; border-bottom: 1px dashed #e6e6e6;
}
.hj-news .d {
  flex: 0 0 92px; text-align: center; background: #f7faff; border: 1px solid #e3ecfb;
  border-radius: 8px; padding: 8px 0; color: #006dfa;
}
.hj-news .d b { display: block; font-size: 22px; font-family: "Oswald", sans-serif; line-height: 1.1; }
.hj-news .d span { font-size: 12px; color: #8a9bb5; }
.hj-news .t { flex: 1; }
.hj-news .t a { font-size: 17px; color: #222; text-decoration: none; }
.hj-news .t a:hover { color: #006dfa; }
.hj-news .t p { margin: 6px 0 0; font-size: 13px; color: #999; line-height: 1.8; }

/* 留言表单 */
.hj-form { max-width: 720px; }
.hj-form .hj-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.hj-form input, .hj-form textarea {
  width: 100%; border: 1px solid #dcdfe6; border-radius: 8px;
  padding: 13px 16px; font-size: 15px; color: #222; outline: none;
  font-family: inherit; background: #fff;
}
.hj-form input:focus, .hj-form textarea:focus { border-color: #006dfa; box-shadow: 0 0 0 3px rgba(0, 109, 250, .12); }
.hj-form .hj-row > * { flex: 1 1 240px; }
.hj-form textarea { min-height: 150px; resize: vertical; }
.hj-btn {
  display: inline-block; border: 0; cursor: pointer; color: #fff;
  background: #006dfa; border-radius: 8px; padding: 13px 42px;
  font-size: 16px; letter-spacing: 2px; font-weight: 600;
}
.hj-btn:hover { background: #0056cc; }
.hj-btn:disabled { opacity: .6; cursor: not-allowed; }
.hj-form-msg { margin-top: 14px; font-size: 14px; min-height: 22px; }
.hj-form-msg.ok { color: #1a9c58; }
.hj-form-msg.err { color: #d93025; }

@media (max-width: 768px) {
  .hj-page { padding: 44px 0 60px; }
  .hj-block { margin-bottom: 40px; }
  .hj-h3 { font-size: 22px; }
}