@charset "UTF-8";
/* ========================================================================
   Bootstrap 5 主题层 — 广东晟麒麟智能科技有限公司
   覆盖在 Bootstrap 5.3.3 之上的品牌样式
   ======================================================================== */

:root {
  --bs-primary: #ab0809;
  --bs-primary-rgb: 171, 8, 9;
  --bs-secondary: #fddb00;
  --bs-font-sans-serif: "Microsoft YaHei", "微软雅黑", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tyw-container-width: 1200px;
  --tyw-brand: #ab0809;
  --tyw-brand-dark: #ab0809;
  --tyw-brand-gold: #fddb00;
  --tyw-text-muted: #666;
}

/* 基础字体 */
body {
  font-family: var(--bs-font-sans-serif);
  color: #333;
  line-height: 1.7;
}

/* 保持原站固定宽度容器 */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: var(--tyw-container-width);
}

a { color: var(--tyw-brand-dark); text-decoration: none; transition: color .2s; }
a:hover { color: #d40a0a; }

i, em, b { font-style: normal; }

/* 主色按钮 */
.btn-primary {
  --bs-btn-bg: var(--tyw-brand-dark);
  --bs-btn-border-color: var(--tyw-brand-dark);
  --bs-btn-hover-bg: #c40a0a;
  --bs-btn-hover-border-color: #c40a0a;
  --bs-btn-active-bg: #8c0607;
  --bs-btn-active-border-color: #8c0607;
  --bs-btn-disabled-bg: var(--tyw-brand-dark);
  --bs-btn-disabled-border-color: var(--tyw-brand-dark);
}
.btn-outline-primary {
  --bs-btn-color: var(--tyw-brand-dark);
  --bs-btn-border-color: var(--tyw-brand-dark);
  --bs-btn-hover-bg: var(--tyw-brand-dark);
  --bs-btn-hover-border-color: var(--tyw-brand-dark);
  --bs-btn-active-bg: var(--tyw-brand-dark);
  --bs-btn-active-border-color: var(--tyw-brand-dark);
}

/* 链接、文字工具 */
.text-primary { color: var(--tyw-brand-dark) !important; }
.bg-brand { background-color: var(--tyw-brand-dark) !important; }
.text-gold { color: var(--tyw-brand-gold) !important; }
.bg-gold { background-color: var(--tyw-brand-gold) !important; }

/* 品牌按钮别名 */
.btn-brand { --bs-btn-bg: var(--tyw-brand-dark); --bs-btn-border-color: var(--tyw-brand-dark); --bs-btn-hover-bg: #c40a0a; --bs-btn-hover-border-color: #c40a0a; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #8c0607; --bs-btn-active-border-color: #8c0607; --bs-btn-disabled-bg: var(--tyw-brand-dark); --bs-btn-disabled-border-color: var(--tyw-brand-dark); }
.btn-outline-brand { --bs-btn-color: var(--tyw-brand-dark); --bs-btn-border-color: var(--tyw-brand-dark); --bs-btn-hover-bg: var(--tyw-brand-dark); --bs-btn-hover-border-color: var(--tyw-brand-dark); --bs-btn-hover-color: #fff; --bs-btn-active-bg: #8c0607; --bs-btn-active-border-color: #8c0607; }

/* 区块标题（新闻/资讯系列） */
.section-title { display: flex; align-items: baseline; gap: .75rem; border-bottom: 2px solid var(--tyw-brand-dark); padding-bottom: .5rem; margin-bottom: 1.25rem; }
.section-title > a { font-size: 26px; font-weight: bold; color: var(--tyw-brand-dark); text-decoration: none; }
.section-title em { font-style: normal; }
.section-title em i { font-size: 14px; color: #999; text-transform: uppercase; }
@media (max-width: 575.98px) { .section-title > a { font-size: 20px; } }

/* 新闻标题列表链接 */
.news-title-link { transition: color .2s; }
.news-title-link:hover { color: var(--tyw-brand-dark) !important; }
.border-brand { border-color: var(--tyw-brand-dark) !important; }

/* 新闻首页“新闻资讯”列表：左侧小缩略图 + 标题 + 右侧日期 */
.news-list-thumb { width: 100px; height: 68px; object-fit: cover; border-radius: .375rem; display: block; }
.news-list-item-title { min-width: 0; }
@media (max-width: 575.98px) {
  .news-list-thumb { width: 84px; height: 58px; }
}

/* 新闻详情页底部“最新资讯”列表（每条一行，标题超长省略，默认黑色/悬停主色调红） */
.latest-news-list { list-style: none; padding-left: 0; margin: 0; }
.latest-news-list .latest-news-item { display: flex; align-items: baseline; gap: .75rem; font-size: 14px; line-height: 2; }
.latest-news-list .latest-news-item a { flex: 1 1 auto; min-width: 0; color: #212529; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest-news-list .latest-news-item a:hover { color: var(--tyw-brand); }
.latest-news-list .latest-news-date { flex: 0 0 auto; color: #999; font-size: 13px; font-style: normal; }

/* ========================================================================
   顶部导航 navbar
   ======================================================================== */
.navbar.bg-brand {
  background-color: var(--tyw-brand-dark);
}
.navbar.bg-brand .navbar-brand img { height: 60px; width: auto; }
.navbar.bg-brand .nav-link {
  color: rgba(255, 255, 255, .9);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 1rem 1.9rem !important;
  position: relative;
}
.navbar.bg-brand .nav-link:hover,
.navbar.bg-brand .nav-link.active,
.navbar.bg-brand .nav-link[aria-current="page"] {
  background-color: #000;
  color: #fff;
}
.navbar.bg-brand .navbar-toggler {
  border-color: rgba(255, 255, 255, .5);
  color: #fff;
}
.navbar.bg-brand .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25); }

/* 手机端：头部第一行最右侧的导航按钮——仅显示三条红色杠（≥768px 由 d-md-none 隐藏） */
.header-nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: .375rem;
  color: var(--tyw-brand);
  font-size: 32px;
  line-height: 1;
  flex-shrink: 0;
}
.header-nav-toggle:hover,
.header-nav-toggle:focus {
  background-color: transparent;
  color: #c40a0a;
}
.header-nav-toggle:focus-visible { box-shadow: 0 0 0 .2rem rgba(171, 8, 9, .2); }
.header-nav-toggle .icon-close { display: none; }
.header-nav-toggle[aria-expanded="true"] .icon-open { display: none; }
.header-nav-toggle[aria-expanded="true"] .icon-close { display: inline-block; font-size: 24px; }

/* 顶部信息条（logo + slogan + tel） */
.top-info-bar {
  background: #fff;
  border-bottom: 1px solid #eee;
}

/* 头部一行：logo | 竖线 | slogan | 电话 */
.header-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 12px 0;
}
.header-logo { flex-shrink: 0; }
.header-logo h1 { margin: 0; }
.header-logo img { height: 64px; width: auto; display: block; }

.header-divider {
  width: 2px;
  align-self: stretch;
  flex-shrink: 0;
  background: linear-gradient(to bottom, transparent 5%, #ccc 50%, transparent 95%);
}

.header-slogan { flex: 1 1 auto; min-width: 0; }
.header-slogan p { margin: 0; }
.slogan-line1,
.slogan-line2 {
  font-size: 28px;
  font-weight: 800;
  color: #1f1f1f;
  line-height: 1.4;
  white-space: nowrap;
}
.slogan-line1 .text-brand,
.slogan-line2 .text-brand { color: var(--tyw-brand); }
.slogan-line3 {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 2px;
  white-space: nowrap;
}

.header-tel {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.header-tel > i {
  font-size: 40px;
  color: #1f1f1f;
  line-height: 1;
}
.header-tel .tel-label { font-size: 13px; color: #777; display: block; }
.header-tel b { display: block; line-height: 1.25; }
.header-tel b a {
  font-size: 30px;
  font-weight: 800;
  color: #1f1f1f;
  text-decoration: none;
  white-space: nowrap;
}
.header-tel b a:hover { color: var(--tyw-brand); }

/* 首页：生产车间/荣誉资质/团队风采 tab 按钮 */
#helpTabs .nav-link {
  border: 1px solid var(--tyw-brand);
  border-radius: .375rem !important;
  background: #fff;
  color: var(--tyw-brand);
  font-weight: 500;
  margin: 0 8px;
  padding: 8px 28px;
  transition: background-color .2s, color .2s;
}
#helpTabs .nav-link a { color: inherit; }
#helpTabs .nav-link:hover,
#helpTabs .nav-link.active {
  background: var(--tyw-brand);
  color: #fff;
  font-weight: 700;
}
#helpTabs .nav-link:hover a,
#helpTabs .nav-link.active a { color: #fff; }

/* 中屏：缩字号防拥挤 */
@media (max-width: 1199.98px) {
  .header-inner { gap: 20px; }
  .header-logo img { height: 54px; }
  .slogan-line1, .slogan-line2 { font-size: 22px; }
  .header-tel > i { font-size: 32px; }
  .header-tel b a { font-size: 24px; }
}
/* 移动：隐藏 slogan 与分隔线；logo 在左、电话 + 三道杠按钮依次在右（单行） */
@media (max-width: 767.98px) {
  .header-inner { justify-content: flex-start; gap: 10px; padding: 8px 0; }
  .header-divider, .header-slogan { display: none; }
  .header-logo img { height: 40px; }
  .header-tel { margin-left: auto; gap: 6px; }
  .header-tel > i { font-size: 20px; }
  .header-tel .tel-label { display: none; }
  .header-tel b a { font-size: 16px; }
  .header-nav-toggle { width: 36px; height: 36px; font-size: 30px; }
  .header-nav-toggle[aria-expanded="true"] .icon-close { font-size: 22px; }

  /* 第二行红色导航条收起时不占位，仅保留下拉开合面板 */
  .navbar.bg-brand > .container > .navbar-toggler { display: none; }
  .navbar.bg-brand { background-color: transparent !important; }
  .navbar.bg-brand .navbar-collapse {
    background-color: var(--tyw-brand);
    border-radius: .375rem;
  }
}
/* 超窄屏：进一步压缩，确保电话与三道杠不溢出 */
@media (max-width: 374.98px) {
  .header-inner { gap: 6px; }
  .header-logo img { height: 36px; }
  .header-tel > i { display: none; }
  .header-tel b a { font-size: 15px; letter-spacing: -.5px; }
}

/* ========================================================================
   Banner
   ======================================================================== */
.ty-banner img,
.ty-banner-1 img { width: 100%; height: auto; display: block; }
.ty-banner .carousel-item img { width: 100%; height: auto; object-fit: cover; }

/* ========================================================================
   搜索框
   ======================================================================== */
.search-section {
  background: #f7f7f7;
  padding: 1.2rem 0;
  border-bottom: 1px solid #eee;
}
.search-section .hot-keywords b { color: #555; margin-right: .5rem; }
.search-section .hot-keywords a {
  color: #666;
  margin-right: .8rem;
  font-size: 14px;
}
.search-section .hot-keywords a:hover { color: var(--tyw-brand-dark); }

/* ========================================================================
   面包屑
   ======================================================================== */
.tyw-breadcrumb {
  background: transparent;
  padding: 1rem 0;
  margin: 0;
  font-size: 14px;
}
.tyw-breadcrumb .breadcrumb-item a { color: #666; }
.tyw-breadcrumb .breadcrumb-item a:hover { color: var(--tyw-brand-dark); }
.tyw-breadcrumb .breadcrumb-item.active { color: var(--tyw-brand-dark); }

/* ========================================================================
   侧栏导航（响应式：<992px 转横向 tabs）
   ======================================================================== */
.side-nav { background: #fafafa; border-radius: .375rem; overflow: hidden; }
.side-nav .nav-link {
  color: #333;
  padding: .85rem 1.2rem;
  border-radius: 0;
  border-left: 3px solid transparent;
  transition: all .2s;
}
.side-nav .nav-link:hover,
.side-nav .nav-link.active {
  color: var(--tyw-brand-dark);
  background: #fff;
  border-left-color: var(--tyw-brand-dark);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .side-nav {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #f0f0f0;
  }
  .side-nav .nav {
    flex-direction: row !important;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .side-nav .nav-link {
    border-left: none;
    border-bottom: 3px solid transparent;
    padding: .6rem 1rem;
  }
  .side-nav .nav-link:hover,
  .side-nav .nav-link.active {
    border-left-color: transparent;
    border-bottom-color: var(--tyw-brand-dark);
  }
}

/* ========================================================================
   区块组合标题：上括号 + 中文标题 + 英文副标 + 红箭头 + 下括号
   纯 CSS 绘制，替代仅 89×158 的小尺寸 PNG（框比文字窄导致重叠）
   ======================================================================== */
.n_tit {
  position: relative;
  text-align: center;
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 46px;
  font-weight: bold;
  color: #181818;
  line-height: 1.25;
  margin: 50px auto;
  padding: 58px 20px 64px;
  background: none;
  height: auto;
  box-sizing: border-box;
}
.n_tit b { color: var(--tyw-brand-dark); }
.n_tit p {
  position: relative;
  font-weight: normal;
  display: block;
  font-size: 18px;
  color: #666;
  line-height: 1.5;
  margin: 12px 0 0;
  font-family: "Times New Roman", Times, serif;
}

/* 上括号 / 下括号（currentColor：.text-white 深色块标题下自动变白） */
.n_tit::before,
.n_tit::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 24px;
  box-sizing: border-box;
}
.n_tit::before {
  top: 10px;
  border-top: 3px solid currentColor;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
}
.n_tit::after {
  bottom: 10px;
  border-bottom: 3px solid currentColor;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
}

/* 英文副标下方红色箭头（无副标的标题不显示） */
.n_tit p::after {
  content: "\2193";
  position: absolute;
  left: 50%;
  top: calc(100% + 2px);
  transform: translateX(-50%);
  color: var(--tyw-brand-dark);
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
}

/* 深色背景区块内的标题 */
.n_tit.text-white p { color: rgba(255, 255, 255, .6); }

@media (max-width: 767.98px) {
  .n_tit { font-size: 30px; margin: 30px auto; padding: 44px 12px 50px; }
  .n_tit p { font-size: 14px; }
  .n_tit::before,
  .n_tit::after { width: 90px; height: 20px; }
  .n_tit::before { top: 8px; }
  .n_tit::after { bottom: 8px; }
  .n_tit p::after { font-size: 20px; }
}

/* ========================================================================
   产品详情正文（替代误用 .n_tit 的固定高度容器）
   ======================================================================== */
.product-desc {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  text-align: justify;
  background: none;
  height: auto;
  padding: 0;
  margin: 1.5rem 0;
  font-weight: normal;
  position: static;
  background-image: none;
}
.product-desc img { max-width: 100%; height: auto; }
.product-desc p { margin-bottom: .75rem; }

/* ========================================================================
   产品/新闻卡片网格
   ======================================================================== */
.product-card,
.news-card {
  border: 1px solid #eee;
  border-radius: .375rem;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .25s, transform .25s;
  height: 100%;
}
.product-card:hover,
.news-card:hover {
  box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
  transform: translateY(-4px);
}
.product-card .card-img-top,
.news-card .card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #f5f5f5;
}
.product-card .card-title,
.news-card .card-title {
  font-size: 16px;
  color: #333;
  margin-bottom: .5rem;
  font-weight: 600;
  text-align: center;
}
.product-card:hover .card-title,
.news-card:hover .card-title { color: var(--tyw-brand-dark); }
.product-card .card-text { color: #888; font-size: 13px; text-align: center; }

/* ========================================================================
   客户 logo 卡片（合作客户区等） — 保留完整 logo，不裁剪
   ======================================================================== */
.client-card {
  border: 1px solid #eee;
  border-radius: .375rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 1rem;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
  text-decoration: none;
}
.client-card:hover {
  box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
  transform: translateY(-4px);
}
.client-card img {
  max-width: 100%;
  max-height: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

/* 首页合作客户：一行横向滚动 + 左右箭头按钮 */
.client-scroll-wrap { position: relative; display: flex; align-items: center; gap: .75rem; }
.client-scroll {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: .375rem .125rem; /* 给 hover 上浮的阴影留空间 */
}
.client-scroll::-webkit-scrollbar { display: none; }
.client-scroll .client-card { flex: 0 0 calc((100% - 4rem) / 5); min-height: 140px; }
@media (max-width: 767.98px) {
  .client-scroll .client-card { flex: 0 0 calc((100% - 2rem) / 2.5); min-height: 110px; }
  .client-scroll .client-card img { max-height: 80px; }
}
.client-scroll-btn {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: var(--tyw-brand);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s;
  z-index: 2;
}
.client-scroll-btn:hover,
.client-scroll-btn:focus {
  background: var(--tyw-brand);
  border-color: var(--tyw-brand);
  color: #fff;
}
@media (max-width: 767.98px) {
  .client-scroll-btn { width: 34px; height: 34px; font-size: 16px; }
}

/* ========================================================================
   首页：数字统计区
   ======================================================================== */
.stats-section {
  background: rgba(56, 56, 56, .85);
  color: #fff;
  padding: 2rem 0;
}
.stats-section .stat-item { text-align: center; }
.stats-section .stat-num {
  font-size: 3.5rem;
  color: #fff;
  font-family: Arial, sans-serif;
  line-height: 1;
  display: inline-block;
}
.stats-section .stat-unit {
  font-size: 16px;
  color: #fff;
  vertical-align: bottom;
  margin-left: .2rem;
}
.stats-section .stat-label {
  font-size: 14px;
  color: rgba(244, 244, 244, .6);
  margin-top: .5rem;
}
@media (max-width: 767.98px) {
  .stats-section .stat-num { font-size: 2.5rem; }
}

/* ========================================================================
   首页：为什么选择晟麒麟（4 项优势）
   ======================================================================== */
.advantage-card {
  border: none;
  text-align: center;
  padding: 1.5rem 1rem;
}
.advantage-card h3 { font-size: 1.25rem; color: #181818; font-weight: bold; margin: 1rem 0; }
.advantage-card p { color: #616161; font-size: 14px; line-height: 1.7; margin-bottom: .5rem; }

/* ========================================================================
   关于我们：公司介绍
   ======================================================================== */
.ab dd { box-shadow: 0 0 5px #dedede; padding: 35px 20px 1px; }
.ab dd h3 {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}
.ab dd h3 i { color: var(--tyw-brand-gold); font-style: normal; }
.ab dd h3 em {
  font-size: 1.4rem;
  color: var(--tyw-brand-dark);
  font-style: normal;
  letter-spacing: 1px;
  display: inline-block;
  padding-left: 15px;
}
.ab dd p { line-height: 2; font-size: 15px; color: #444; }

/* ========================================================================
   关于我们：发展历程（整组网格展示）
   ======================================================================== */
/* 发展历程卡片（独立于轮播，可在 grid 中整组展示、同行等高） */
.col:has(> .lc-item) { display: flex; flex-direction: column; }
.lc-item {
  border: 1px solid #ebebeb;
  background: #fff;
  padding: 1.5rem;
  margin: 0;
  height: 100%;
}
.lc-item dt {
  font-size: 28px;
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  position: relative;
  padding-top: 25px;
  margin-bottom: 1rem;
}
.lc-item dt::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: var(--tyw-brand-dark);
  top: 0;
  left: 0;
}
.lc-item dt i {
  font-size: 14px;
  color: #d2d2d2;
  text-transform: uppercase;
  margin-left: .3rem;
  font-style: normal;
}
.lc-item dd span {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: #888;
}

/* ========================================================================
   关于我们：企业文化 4 卡片
   ======================================================================== */
.culture-section {
  background: #f2f2f2;
  padding: 3rem 0;
}
.culture-card {
  text-align: center;
  padding: 1.5rem 1rem;
  box-shadow: 0 0 5px #d2d2d2;
  background: #f1f1f1;
  height: 100%;
}
.culture-card img { display: inline-block; }
.culture-card span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 15px;
}
.culture-card p { color: #555; font-size: 14px; line-height: 1.7; }

/* ========================================================================
   客户案例：图片画廊 + 灯箱
   ======================================================================== */
.gallery-card {
  border: 1px solid #eee;
  border-radius: .375rem;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow .2s;
}
.gallery-card:hover { box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .15); }
.gallery-card img { width: 100%; height: auto; max-height: 200px; object-fit: contain; display: block; }
.gallery-card .card-body { padding: .8rem; text-align: center; }

/* ========================================================================
   底部 footer
   ======================================================================== */
/* ========================================================================
   新版页脚：深色 5 列布局
   ======================================================================== */
.site-footer {
  background: #1b1a17;
  color: #fff;
  margin-top: 60px;
  padding-top: 56px;
  font-size: 15px;
  overflow: hidden;
  word-break: break-word;
}
.site-footer h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 22px;
}
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer ul li {
  margin-bottom: 13px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  line-height: 1.5;
}
.site-footer ul li::before { content: ""; width: 12px; height: 1px; background: #fff; flex-shrink: 0; align-self: center; }
.site-footer a { color: #fff; text-decoration: none; transition: color .2s; }
.site-footer a:hover { color: #fff; }

/* 品牌区 */
.footer-logo {
  display: inline-block;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 18px;
}
.footer-logo img {
  height: 56px;
  width: auto;
  display: block;
  /* 源 PNG 是白底不透明图：灰度→反相→提对比，
     得到黑底白 logo，再用 screen 混合让黑底与深色 footer 融合 */
  filter: grayscale(1) invert(1) contrast(2);
  mix-blend-mode: screen;
}
.footer-about { color: #fff; line-height: 1.75; margin-bottom: 0; }

/* 圆形联系按钮 */
.footer-social { display: flex; gap: 14px; margin-top: 22px; }
.footer-social > a,
.footer-social > button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #38352e;
  background: transparent;
  color: #9b978d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  transition: border-color .2s, color .2s;
  padding: 0;
}
.footer-social > a:hover,
.footer-social > button:hover { border-color: var(--tyw-brand); color: #fff; }
.footer-wechat-pic {
  position: absolute;
  left: 50%;
  bottom: 56px;
  transform: translateX(-50%);
  display: none;
  background: #fff;
  padding: 8px;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
}
.footer-wechat-pic img { width: 110px; height: 110px; display: block; }
.footer-social > button:hover .footer-wechat-pic { display: block; }

/* 联系方式列（图标代替破折号） */
.footer-contact li { align-items: flex-start; }
.footer-contact li::before { content: none; }
.footer-contact li i { color: #fff; font-size: 17px; margin-top: 2px; flex-shrink: 0; width: 20px; text-align: center; }

/* 关键词行 */
.footer-keywords {
  border-top: 1px solid #2e2c27;
  margin-top: 44px;
  padding: 16px 0;
  font-size: 12px;
  color: #fff;
}
.footer-keywords a { color: #fff; margin: 0 4px; }
.footer-keywords a:hover { color: #fff; }

/* 版权底栏 */
.footer-bottom {
  border-top: 1px solid #2e2c27;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #fff;
}
.footer-bottom a { color: #fff; }
.footer-bottom a:hover { color: #fff; }
@media (max-width: 575.98px) {
  .site-footer { padding-top: 40px; }
  .site-footer-main { --bs-gutter-x: 1.5rem; }
}

.footer {
  background: #2a2a2a;
  color: #aaa;
  padding: 3rem 0 1.5rem;
  margin-top: 3rem;
}
.footer a { color: #bbb; }
.footer a:hover { color: #fff; }
.footer .footer-nav a {
  margin: 0 .5rem;
  color: #ccc;
  font-size: 14px;
}
.footer .footer-contact li { margin-bottom: .5rem; font-size: 14px; }
.footer .footer-contact b { color: #fff; margin-right: .5rem; }
.footer .footer-copyright {
  border-top: 1px solid #444;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  font-size: 13px;
  color: #888;
}
.footer .footer-copyright a { color: #888; }
.footer .footer-copyright a:hover { color: #fff; }
.footer .footer-keywords a { color: #666; margin-right: .3rem; }
.footer .footer-keywords a:hover { color: #fff; }

/* footer 子块（与公共 foot.asp 配套） */
.footer .fnav a { color: #ccc; font-size: 14px; }
.footer .fnav a:hover { color: #fff; }
.footer .fnav span { color: #555; }
.footer .fcontact { color: #bbb; font-size: 14px; }
.footer .fcontact li { margin-bottom: .4rem; }
.footer .fcontact b { color: #fff; margin-right: .5rem; }
.footer .oth { color: #888; }
.footer .oth b { color: #fff; }
.footer .oth a { color: #888; }
.footer .oth a:hover { color: #fff; }
.footer .oth-keywords { color: #666; font-size: 13px; }
.footer .oth-keywords a { color: #666; margin: 0 .15rem; }
.footer .oth-keywords a:hover { color: #fff; }

/* 走进晟麒麟 banner（首页 about 入口） */
.about-banner { overflow: hidden; }
.about-banner img { filter: brightness(.6); transition: filter .4s; }
.about-banner:hover img { filter: brightness(.75); }
.about-banner-text h2 { font-size: clamp(1.8rem, 5vw, 3.5rem); }

/* 首页 advantage card 调整 */
.advantage-card .card-img-top { height: 220px; object-fit: cover; }
.advantage-card .stat { color: var(--tyw-brand); font-size: 20px; font-weight: bold; margin-bottom: .5rem; letter-spacing: 1px; }

/* dark section 标题：仅覆盖颜色，padding/margin 沿用 .n_tit 基础规则（为上下括号留位） */
.bg-dark .n_tit { color: #fff; }
.bg-dark .n_tit a { color: #fff; }
.bg-dark .n_tit b { color: var(--tyw-brand); }
.bg-dark .nav-tabs .nav-link { color: rgba(255,255,255,.7); border-color: transparent; }
.bg-dark .nav-tabs .nav-link.active { color: #fff; background: transparent; border-bottom-color: var(--tyw-brand-gold); }

/* 联系页百度地图容器 + 信息窗类 */
.baidu-map-box { width: 100%; height: 450px; margin-top: 30px; }
.map-title { font-size: 16px; line-height: 24px; }
.map-list { font-size: 14px; line-height: 22px; color: #333; margin-top: 6px; }
@media (max-width: 575.98px) {
  .baidu-map-box { height: 300px; }
}

/* 产品详情：优势列表条目 + 产品简介图 */
.adv-list { padding-left: 18px; background: url(/resource/images/f59d31325caa4d6aaafd144f6069c66b_10.png?ver=7) no-repeat left 8px; line-height: 24px; }
.productshowimg { border: 1px dotted #ccc; }

/* ========================================================================
   浮动客服按钮（右侧）
   ======================================================================== */
.kefu-fixed {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1030;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kefu-fixed .btn-kefu {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--tyw-brand-dark);
  color: #fff;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  transition: background .2s, transform .2s;
  text-decoration: none;
  position: relative;
}
.kefu-fixed .btn-kefu i { font-size: 20px; line-height: 1; margin-bottom: 2px; }
.kefu-fixed .btn-kefu:hover { background: #c40a0a; color: #fff; transform: scale(1.05); }
.kefu-fixed .kefu-weixin-pic {
  position: absolute;
  right: 70px;
  bottom: 0;
  display: none;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
}
.kefu-fixed .btn-kefu:hover .kefu-weixin-pic { display: block; }
.kefu-fixed .kefu-weixin-pic img { width: 120px; height: 120px; display: block; }
@media (max-width: 575.98px) {
  .kefu-fixed .btn-kefu { width: 44px; height: 44px; font-size: 0; }
  .kefu-fixed .btn-kefu i { font-size: 18px; margin: 0; }
  .kefu-fixed .kefu-weixin-pic img { width: 100px; height: 100px; }
}

/* ========================================================================
   联系页：联系信息 + 表单
   ======================================================================== */
.contact-info li { margin-bottom: 1rem; font-size: 15px; }
.contact-info b { color: var(--tyw-brand-dark); margin-right: .5rem; }
.contact-form .form-control:focus {
  border-color: var(--tyw-brand-dark);
  box-shadow: 0 0 0 .2rem rgba(171, 8, 9, .15);
}

/* ========================================================================
   sitemap 页面
   ======================================================================== */
.sitemap-section h3 {
  color: var(--tyw-brand-dark);
  font-size: 1.2rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid var(--tyw-brand-dark);
  margin-bottom: 1rem;
}
.sitemap-section .list-group-item {
  border: none;
  padding: .4rem 0;
}
.sitemap-section .list-group-item a { color: #555; }
.sitemap-section .list-group-item a:hover { color: var(--tyw-brand-dark); }

/* ========================================================================
   滚动入场动画（替代 WOW.js）
   ======================================================================== */
[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}
[data-animate].fade-in {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  [data-animate] { opacity: 1; transform: none; transition: none; }
}

/* ========================================================================
   通用辅助
   ======================================================================== */
.img-cover { object-fit: cover; }
.text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, .5); }
.section-padding { padding: 3rem 0; }
.list-style-none { list-style: none; padding: 0; }

/* 图片灯箱：弹框随图片收缩；预览图限制为窗口约 1/3 */
.lightbox-modal .modal-dialog { max-width: 90vw; display: flex; justify-content: center; }
.lightbox-modal .modal-content { width: fit-content; max-width: 90vw; }
.lightbox-modal .modal-body { padding: 0; text-align: center; }
.lightbox-modal .modal-body img {
  width: auto;
  height: auto;
  max-width: 33vw;
  max-height: 33vh;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
/* 手机端 1/3 屏宽证书无法阅读，放宽到近全屏预览 */
@media (max-width: 767.98px) {
  .lightbox-modal .modal-body img { max-width: 90vw; max-height: 70vh; }
}

/* product-show 缩略图列 */
.product-thumb-list img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color .2s;
}
.product-thumb-list img:hover,
.product-thumb-list img.active { border-color: var(--tyw-brand-dark); }

/* 新闻详情侧边推荐产品（2列网格，大图在上、文字在下） */
.product-side-grid .product-side-card { overflow: hidden; }
.product-side-grid .product-side-card .card-img-top { width: 100%; height: 120px; object-fit: cover; transition: transform .3s; }
.product-side-grid .product-side-card:hover .card-img-top { transform: scale(1.05); }
.product-side-grid .product-side-card .card-title { font-size: 13px; line-height: 1.5; color: #333; }
.product-side-grid .product-side-card:hover .card-title { color: var(--tyw-brand); }

/* 产品/搜索页侧边推荐资讯（垂直卡片，大图在上、文字在下） */
.news-side-list .news-side-card { overflow: hidden; }
.news-side-list .news-side-card .card-img-top { width: 100%; height: 110px; object-fit: cover; transition: transform .3s; }
.news-side-list .news-side-card:hover .card-img-top { transform: scale(1.05); }
.news-side-list .news-side-card .card-title { font-size: 13px; line-height: 1.5; color: #333; }
.news-side-list .news-side-card:hover .card-title { color: var(--tyw-brand); }

/* article 详情 */
.article-detail { font-size: 15px; line-height: 1.9; color: #444; }
.article-detail img { max-width: 100%; height: auto; }
.article-detail h2, .article-detail h3 { color: #181818; margin: 1.5rem 0 1rem; }
.article-detail p { margin-bottom: 1rem; }

/* 新闻详情正文：标题类字号收敛（默认2rem过大） */
.article-content { font-size: 15px; line-height: 1.9; color: #444; }
.article-content img { max-width: 100%; height: auto; }
.article-content h1 { font-size: 1.375rem; font-weight: 600; color: #181818; margin: 1.5rem 0 1rem; }
.article-content h2 { font-size: 1.25rem; font-weight: 600; color: #181818; margin: 1.5rem 0 1rem; }
.article-content h3 { font-size: 1.125rem; font-weight: 600; color: #181818; margin: 1.25rem 0 .75rem; }
.article-content h4, .article-content h5, .article-content h6 { font-size: 1rem; font-weight: 600; color: #181818; margin: 1rem 0 .5rem; }
.article-content p { margin-bottom: 1rem; }

/* 分页 */
.pagination .page-link { color: var(--tyw-brand-dark); }
.pagination .page-item.active .page-link {
  background: var(--tyw-brand-dark);
  border-color: var(--tyw-brand-dark);
  color: #fff;
}

/* 响应式：banner 高度自适应 */
@media (max-width: 767.98px) {
  .ty-banner .carousel-item img { min-height: 200px; max-height: 280px; }
  .ab dd h3 { font-size: 1.4rem; }
  .ab dd h3 em { font-size: 1rem; display: block; padding-left: 0; margin-top: .5rem; }
}