@charset "utf-8";
/**
 * 前台文字层级与颜色规范（三站共用）
 * ------------------------------------------------
 * 角色           字号      颜色         行高
 * 主标题         28px      #222         1.35
 * 副标题         20px      #333         1.4
 * 区块小标题     16px      #333         1.45
 * 导航菜单       16px      #555/#1f4da2 1.5
 * 二级菜单       14px      #666         1.5
 * 正文/列表摘要  14px      #666         1.75
 * 详情富文本     15px      #555         1.85
 * 备注/辅助说明  12px      #999         1.6
 * 页脚版权备注   12px      #9c9c9c      1.6
 * 品牌强调色               #1f4da2
 */

:root{
  --c-primary:#1f4da2;
  --c-primary-hover:#163a7a;
  --c-title:#222222;
  --c-heading:#333333;
  --c-text:#666666;
  --c-text-strong:#555555;
  --c-secondary:#888888;
  --c-muted:#999999;
  --c-border:#dddddd;
  --c-bg:#f1f1f1;
  --c-white:#ffffff;
  --c-footer:#e2e2e2;
  --c-footer-muted:#9c9c9c;

  --fs-hero:28px;
  --fs-h1:28px;
  --fs-h2:20px;
  --fs-h3:18px;
  --fs-h4:16px;
  --fs-nav:16px;
  --fs-nav-sub:14px;
  --fs-body:14px;
  --fs-detail:15px;
  --fs-caption:13px;
  --fs-note:12px;

  --lh-title:1.35;
  --lh-heading:1.4;
  --lh-body:1.75;
  --lh-detail:1.85;
  --lh-note:1.6;

  --ff-base:"Microsoft Yahei","PingFang SC","Helvetica Neue",Arial,sans-serif;
}

/* ===== 全局基础 ===== */
body{
  font-family:var(--ff-base);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--c-text);
}
a{color:var(--c-text);}
a:hover{color:var(--c-primary);}
h1,h2,h3,h4,h5,h6,b{color:var(--c-heading);}

/* 语义工具类（模板可逐步改用） */
.typo-hero,.typo-h1{font-size:var(--fs-h1);line-height:var(--lh-title);color:var(--c-title);font-weight:400;}
.typo-h2{font-size:var(--fs-h2);line-height:var(--lh-heading);color:var(--c-heading);font-weight:400;}
.typo-h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:var(--c-heading);font-weight:400;}
.typo-h4{font-size:var(--fs-h4);line-height:var(--lh-heading);color:var(--c-heading);font-weight:400;}
.typo-nav{font-size:var(--fs-nav);color:var(--c-text-strong);}
.typo-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text);}
.typo-detail{font-size:var(--fs-detail);line-height:var(--lh-detail);color:var(--c-text-strong);}
.typo-caption{font-size:var(--fs-caption);line-height:var(--lh-note);color:var(--c-secondary);}
.typo-note,.typo-remark{font-size:var(--fs-note);line-height:var(--lh-note);color:var(--c-muted);}
.typo-link{color:var(--c-primary);}
.typo-link:hover{color:var(--c-primary-hover);}

/* ===== 顶部导航 / 菜单 ===== */
.header .nav li a.navAone{
  font-size:var(--fs-nav);
  color:var(--c-text-strong);
}
.header .nav li a.navAone:hover,
.header .nav li.active a.navAone,
.header .nav li.on a.navAone{
  color:var(--c-primary);
}
.header .nav .sub a{
  font-size:var(--fs-nav-sub);
  color:var(--c-text);
}
.header .nav .sub a:hover{
  color:var(--c-white);
  background:var(--c-primary);
}
.header .title{
  font-size:var(--fs-body);
  color:var(--c-text);
}
.header .title font{
  font-size:var(--fs-h2);
  color:var(--c-primary);
}
.head-top .store{
  font-size:var(--fs-body);
  color:var(--c-secondary);
}
.head-top .tel{
  font-size:16px;
  line-height:1;
  color:var(--c-primary);
  white-space:nowrap;
}
.menu a.xa{
  font-size:var(--fs-nav);
  color:var(--c-heading);
}
.menu a.xa:hover,
.menu a.active{color:var(--c-primary);}
.menu .sub a{
  font-size:var(--fs-nav-sub);
  color:var(--c-text);
}

/* ===== 主标题 / 副标题 ===== */
.titleAx{
  font-size:var(--fs-h1);
  line-height:var(--lh-title);
  color:var(--c-title);
  margin:15px 0;
}
.titleAx i,
.titleAx font{
  font-size:var(--fs-h3);
  color:var(--c-primary);
  font-weight:400;
}
.titleAx .more{
  font-size:var(--fs-note);
  color:var(--c-primary);
}
.titleTop,
.AboutBox .introduction .wx .title,
h1.title,
h2.titleTop{
  color:var(--c-title);
}
.site h3,
.siteRn h3,
.siteNn h3{
  font-size:var(--fs-h2);
  color:var(--c-heading);
}
.site .frame,
.site a,
.siteDn,
.siteDn a,
.siteRn .frame,
.siteRn a,
.siteNn .frame,
.siteNn .frame a{
  font-size:var(--fs-caption);
  color:var(--c-secondary);
}
.site a:hover,
.siteDn a:hover,
.siteRn a:hover,
.siteNn .frame a:hover{color:var(--c-primary);}

/* ===== 列表卡片：标题 / 摘要 ===== */
.list-product li h4,
.HomeArticle .list li h4,
.AboutBox .honor .picScroll-left .list li h4{
  font-size:var(--fs-h4);
  color:var(--c-heading);
}
.list-product li span,
.HomeArticle .list li p,
.HomeAdvantage .list li p,
.HomeApplication .list li .box p{
  font-size:var(--fs-caption);
  color:var(--c-secondary);
  line-height:var(--lh-note);
}
.HomeArticle .list li p{
  font-size:var(--fs-body);
  color:var(--c-text);
  line-height:var(--lh-body);
}
.HomeAdvantage .list li h3,
.HomeApplication .list li .box h4,
.HomePartner .list li h4{
  font-size:var(--fs-h2);
  color:var(--c-heading);
}
.HomeAdvantage .list li span{
  font-size:var(--fs-h4);
  color:var(--c-text);
}
.HomeAbout .right h3{font-size:var(--fs-h2);}
.HomeAbout .right .wx{
  font-size:var(--fs-body);
  line-height:var(--lh-body);
}

/* ===== 正文 / 详情富文本 ===== */
.wor,
.detailCont,
.detailCont.wx,
.contentBox .wor,
.ProductShow .sDown .content,
.ProductShow .Down .content,
.nlb .list li .middle p{
  font-size:var(--fs-detail);
  line-height:var(--lh-detail);
  color:var(--c-text-strong);
}
.wor p,
.detailCont p,
.contentBox .wor p{margin:0 0 12px;}
.wor img,
.detailCont img{max-width:100%;height:auto;}

/* 产品详情定制区联系信息 */
.ProductShow .customized .left h3{
  font-size:var(--fs-h2);
  color:var(--c-heading);
}
.ProductShow .customized .left span{
  font-size:var(--fs-body);
  color:var(--c-text);
}

/* 新闻/问答详情标题 */
.NewsShow .title,
.QuestionShow .title,
.nlb .list li .middle h4,
.contentBox .title{
  font-size:var(--fs-h2);
  line-height:var(--lh-heading);
  color:var(--c-title);
}

/* ===== 备注 / 辅助说明 ===== */
.share{
  font-size:var(--fs-note);
  color:var(--c-muted);
  line-height:28px;
}
.share .collection span{
  font-size:var(--fs-note);
  color:var(--c-muted);
  line-height:1;
}
.UpdatePrompt,
.temporary-1,
.HomeProduct .tone .more,
.HomeProduct .tone li span a,
.footer .right .ewm,
.footer .down,
.footer .down a,
.footer .link span a,
.contactBox .comments .log i{
  font-size:var(--fs-note);
  color:var(--c-muted);
  line-height:var(--lh-note);
}
.footer .information{
  font-size:var(--fs-body);
  color:var(--c-footer);
}
.footer .nav h3{
  font-size:var(--fs-h2);
  color:var(--c-white);
}
.footer .nav li a{
  font-size:var(--fs-body);
  color:var(--c-muted);
}
.footer .nav li a:hover{color:var(--c-white);}
.footer .down,
.footer .down a{
  font-size:var(--fs-note);
  color:var(--c-footer-muted);
}
.footer .down a:hover{color:var(--c-white);}

/* 联系我们卡片 */
.contactBox .top ul li b{
  font-size:var(--fs-h3);
  color:var(--c-heading);
}
.contactBox .top ul li p{
  font-size:var(--fs-body);
  color:var(--c-text);
}
.contactBox .comments span.wr{
  font-size:var(--fs-h4);
  color:var(--c-text);
}

/* 面包屑 */
.siteNn .subMenu a{
  font-size:var(--fs-nav-sub);
  color:var(--c-text);
}
.siteNn .subMenu a:hover,
.siteNn .subMenu a.active{color:var(--c-primary);}

/* 品牌色统一（交互强调） */
.header .nav li a.navAone:before,
.header .nav li a.navAone:after,
.menu a.xa:before,
.HomeProduct .tone li:before,
.list-product li em,
.HomeAdvantage .list li:before,
.HomeArticle .list li:before,
.HomeArticle .list li .time{
  /* 仅颜色相关由变量承接，结构样式保留原文件 */
}

/* 移动端略收主标题 */
@media (max-width:768px){
  :root{
    --fs-hero:24px;
    --fs-h1:24px;
    --fs-h2:18px;
    --fs-h3:16px;
  }
}

/* ===== 详情富文本排版（产品/方案/新闻/单页） ===== */
.tab-box{
  margin: 24px 0 40px;
  padding: 0;
}
.tab-box .box,
.rich-body{
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  background: #fff;
  box-sizing: border-box;
}
.tab-box .box{
  padding: 32px 40px 40px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.tab-box .box p,
.rich-body p{
  margin: 0 0 16px;
  padding: 0;
  text-align: left;
  word-break: break-word;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  color: #666 !important;
  letter-spacing: .3px !important;
  text-indent: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-family: var(--ff-base) !important;
}
.tab-box .box span,
.rich-body span,
.tab-box .box b,
.rich-body b,
.tab-box .box strong,
.rich-body strong{
  font-size: inherit !important;
  font-weight: 400 !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
}
.tab-box .box p.rich-h,
.rich-body p.rich-h{
  font-size: 16px !important;
  color: #444 !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  margin: 28px 0 10px;
  padding: 0;
  text-align: left;
}
.tab-box .box p.rich-h:first-child,
.rich-body p.rich-h:first-child{
  margin-top: 0;
}
.tab-box .box p.rich-item,
.rich-body p.rich-item,
.tab-box .box p.rich-li,
.rich-body p.rich-li{
  padding-left: 1em;
  margin-bottom: 10px;
}
.tab-box .box h1,.tab-box .box h2,.tab-box .box h3,.tab-box .box h4,
.rich-body h1,.rich-body h2,.rich-body h3,.rich-body h4{
  color: #444;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  margin: 28px 0 10px;
}
.tab-box .box img,
.rich-body img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 18px auto;
}
.tab-box .box table,
.rich-body table{
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0 22px;
  font-size: 14px;
  color: #666;
}
.tab-box .box table td,
.tab-box .box table th,
.rich-body table td,
.rich-body table th{
  border: 1px solid #eee;
  padding: 10px 12px;
  line-height: 1.7;
  text-align: left;
  vertical-align: middle;
  font-weight: 400;
}
.tab-box .box table th,
.rich-body table th{
  background: #fafafa;
  color: #555;
}
.rich-page{
  padding: 36px 0 48px;
}
@media (max-width:768px){
  .tab-box .box{
    padding: 20px 16px 24px;
  }
}