/* ============================================================================
   T03 补丁 · H1 层级重建后的等价样式（第 4 批）
   ----------------------------------------------------------------------------
   为什么单独成文件：线上 /css/css.css 属主为 root，FTP 无法覆盖写入（553），
   因此把补齐样式放在同目录新文件，由 common/header.html 紧跟在 css.css 之后引入，
   文档顺序在后 → 覆盖优先级与原「追加到 css.css 末尾」完全等价。

   规则来源：全部是对 css.css 里「元素选择器」规则的 1:1 镜像，只新增，不修改原有规则。
   ★ 站点 css.css 第 11 行 `body,ul,li,dl,dt,dd,h1,h2,h3,h4,p,div,input,i,span{margin:0;padding:0}`
     已把 h1~h4 的浏览器默认外边距全部清零，所以下面只需镜像显式声明过的属性，
     不需要额外补 UA 默认 margin。
   ============================================================================ */

/* —— 1. header logo ——
   模板：<h1 class="fl"> → <div class="logo-l fl">；<h2 class="fr"> → <div class="logo-r fr">
   原规则：.header h1{...} .header h1 img{...} .header h2{...} .header h2 img{...} + 960px 断点 */
.header .logo-l { margin-top: 20px; margin-bottom: 15px; }
.header .logo-l img { width: 100%; }
.header .logo-r { margin-top: 20px; margin-bottom: 15px; }
.header .logo-r img { width: 100%; }

@media only screen and (max-width: 960px) {
  .header .logo-l { width: 40%; margin-right: 5%; margin-top: 15px; margin-bottom: 10px; }
  .header .logo-r { width: 30%; float: left; margin-top: 15px; margin-bottom: 10px; }
}

/* —— 2. 手机端导航标题 ——
   模板：<h2 class="fl"> → <div class="m-n-t fl">（共 7 处，样式原先全挂在 .m-n-cont h2 上）
   原规则：.m-n-cont h2 / .m-n-cont h2 a / .m-n-cont h2 a i / .m-n-cont h2 a:hover /
           .m-n-cont-hd h2 i（两条，第二条带 myfirst 动画）+ 960px 断点 */
.m-n-cont .m-n-t { margin-bottom: 15px; padding-left: 5px; }
.m-n-cont .m-n-t a { font-size: 18px; color: #fff; font-weight: normal; }
.m-n-cont .m-n-t a i { font-size: 14px; margin-right: 10px; }
.m-n-cont .m-n-t a:hover { color: #da251c; }
.m-n-cont-hd .m-n-t i { margin-left: 6px; color: #fff; }
.m-n-cont-hd .m-n-t i { display: inline-block; position: relative; animation: myfirst 2s ease-out infinite; -moz-animation: myfirst 2s ease-out infinite; -webkit-animation: myfirst 2s ease-out infinite; -o-animation: myfirst 2s ease-out infinite; }

@media only screen and (max-width: 960px) {
  .m-n-cont .m-n-t { margin-bottom: 0; padding-left: 0; width: 100%; }
  .m-n-cont .m-n-t a { font-size: 16px; display: block; width: 100%; padding: 8px 0; }
  .m-n-cont .m-n-t a i { display: none }
}

/* —— 3. 内页 banner 标题 ——
   模板：<h2>{$banner.intro1}</h2> → <h1>（products / news / about / faq / team 五个 banner 片段）
   原规则：.page-b-text h2{font-size:32px;font-weight:600;letter-spacing:2px;color:#fff}
           + 960~1280 断点 margin-left:25%
           + ≤960 断点 font-size:24px;font-weight:600;letter-spacing:0 */
.page-b-text h1 { font-size: 32px; font-weight: 600; letter-spacing: 2px; color: #fff; }

@media screen and (min-width: 960px) and (max-width: 1280px) {
  .page-b-text h1 { margin-left: 25%; }
}

@media only screen and (max-width: 960px) {
  .page-b-text h1 { font-size: 24px; font-weight: 600; letter-spacing: 0; }
}

/* —— 4. 首页「-产品介绍」—— 
   模板：<h2>-产品介绍</h2> → <h1>
   原规则：.h-p-h-cont h2{font-size:28px;letter-spacing:3px;margin-bottom:30px}
           + ≤960 断点 font-size:24px;letter-spacing:0;margin-bottom:10px */
.h-p-h-cont h1 { font-size: 28px; letter-spacing: 3px; margin-bottom: 30px; }

@media only screen and (max-width: 960px) {
  .h-p-h-cont h1 { font-size: 24px; letter-spacing: 0px; margin-bottom: 10px; }
}

/* —— 5. 新闻详情文章标题 ——
   模板：<h2>{$detail.title}</h2> → <h1>
   原规则：.news-blank-hd h2{font-size:24px;margin-bottom:10px} + ≤960 断点 font-size:22px */
.news-blank-hd h1 { font-size: 24px; margin-bottom: 10px; }

@media only screen and (max-width: 960px) {
  .news-blank-hd h1 { font-size: 22px }
}

/* —— 6. 联系页「联系方式」——
   模板：<h3>联系方式</h3> → <h1>（该页无文字 banner，取首个内容标题做 H1）
   原规则：.contact-title h3{font-size:24px;font-weight:normal;color:#fff}
           .contact-title h3:after{content:"";display:block;height:3px;width:24px;background:#fff;margin:0 auto;margin-top:12px}
   ★ 注意：只镜像 h3 那一条，页面里其余两个 h3（在线留言 / 友情链接）不动 */
.contact-title h1 { font-size: 24px; font-weight: normal; color: #fff; }
.contact-title h1:after { content: ""; display: block; height: 3px; width: 24px; background: #fff; margin: 0 auto; margin-top: 12px; }