/* ===========================================================
   8831 子站版式（参考 8805 子站结构，配色按 8831 红 #e13911）
   仅子站页面引用，不影响主站
   =========================================================== */
.sub-con{width:1200px;margin:0 auto;max-width:100%;}
.sub-con .sub-sec{margin:30px auto;overflow:hidden;}

/* ===== 顶部（仿 8805：logo + 大红电话 + 通栏红导航条） ===== */
.sub-head{margin-top:20px;}
.sub-head-in{width:1200px;margin:0 auto;max-width:100%;overflow:hidden;}
.sub-head .sub-logo{float:left;margin:0;padding:0;}
.sub-head .sub-logo img{height:64px;display:block;}
.sub-head .sub-tel{float:none;text-align:center;color:#e13911;font-size:14px;line-height:1.4;padding-top:6px;margin:0;}
.sub-head .sub-tel strong{display:inline-block;color:#e13911;font-size:38px;font-weight:bold;font-family:'Microsoft YaHei',SimHei,Arial,sans-serif;letter-spacing:1px;line-height:1.25;white-space:nowrap;}
.sub-nav{background:#e13911;margin-top:16px;}
.sub-nav ul{width:1200px;margin:0 auto;max-width:100%;display:flex;list-style:none;padding:0;}
.sub-nav ul li{flex:1;text-align:center;}
.sub-nav ul li a{display:block;height:50px;line-height:50px;color:#fff;font-size:16px;font-weight:bold;text-decoration:none;}
.sub-nav ul li:hover a,.sub-nav ul li.on a{background:#c5320f;}

/* 区块标题：左侧红条 + 标题 + 右侧+MORE */
.sub-title{height:46px;line-height:46px;border-bottom:2px solid #e13911;margin-bottom:18px;overflow:hidden;}
.sub-title h3{float:left;font-size:22px;color:#333;font-weight:bold;padding-left:14px;position:relative;}
.sub-title h3:before{content:"";position:absolute;left:0;top:10px;width:4px;height:26px;background:#e13911;}
.sub-title .more{float:right;font-size:13px;color:#999;line-height:46px;}
.sub-title .more:hover{color:#e13911;}

/* 产品网格：图 + 底部名称条（仿 8805 pro_img2） */
.sub-pro ul{overflow:hidden;margin:0 -10px;}
.sub-pro ul li{float:left;width:224px;margin:0 10px 22px;position:relative;}
.sub-pro ul li .pic{display:block;width:224px;height:170px;overflow:hidden;border:1px solid #e6e6e6;background:#f3f3f3;}
.sub-pro ul li .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.sub-pro ul li:hover .pic img{transform:scale(1.06);}
.sub-pro ul li .name{display:block;height:38px;line-height:38px;background:#e13911;color:#fff;font-size:14px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;}
.sub-pro ul li:hover .name{background:#c5320f;}

/* 小 banner（仿 8805 banner_small，用纯色代替背景图） */
.sub-banner{background:#e13911;height:120px;margin:30px auto;border-radius:6px;position:relative;overflow:hidden;}
.sub-banner .sub-ban-txt{position:absolute;left:40px;top:26px;color:#fff;}
.sub-banner .sub-ban-txt .t1{font-size:18px;}
.sub-banner .sub-ban-txt .t2{font-size:30px;font-weight:bold;letter-spacing:1px;margin-top:6px;}
.sub-banner .sub-ban-btn{position:absolute;right:40px;top:38px;}
.sub-banner .sub-ban-btn a{display:inline-block;width:150px;height:46px;line-height:46px;text-align:center;background:#fff;color:#e13911;font-size:18px;font-weight:bold;border-radius:4px;}
.sub-banner .sub-ban-btn a:hover{background:#fff7f5;}
/* banner 中部产品词 */
.sub-banner .sub-ban-words{position:absolute;left:460px;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.sub-banner .sub-ban-words .w{display:inline-block;padding:5px 12px;margin:4px 4px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.12);color:#fff;font-size:15px;line-height:1;border-radius:20px;white-space:nowrap;}
.sub-banner .sub-ban-words .tail{color:rgba(255,255,255,.92);font-size:15px;margin-left:4px;white-space:nowrap;}

/* 公司简介（仿 8805 about_con） */
.sub-about .ab-img{float:left;width:300px;max-width:42%;margin-right:24px;border:1px solid #e0e0e0;padding:4px;background:#fff;}
.sub-about .ab-img img{width:100%;display:block;}
.sub-about .ab-text{overflow:hidden;line-height:1.9;color:#555;}
.sub-about .ab-text p{margin:0 0 12px;text-indent:2em;}
.sub-about .ab-more{display:inline-block;margin-top:6px;padding:7px 22px;background:#e13911;color:#fff;font-size:14px;border-radius:3px;}
.sub-about .ab-more:hover{background:#c5320f;}

/* 新闻列表（仿 8805 news_con2） */
.sub-news ul{margin:0;padding:0;}
.sub-news ul li{height:46px;line-height:46px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}
.sub-news ul li .d{float:right;color:#999;font-size:13px;margin-left:16px;}
.sub-news ul li a{color:#444;font-size:15px;text-decoration:none;}
.sub-news ul li a:before{content:"";display:inline-block;width:6px;height:6px;background:#e13911;border-radius:50%;margin-right:12px;vertical-align:middle;}
.sub-news ul li a:hover{color:#e13911;text-decoration:underline;}

/* 联系我们（仅栏目页 jianjie 用） */
.sub-contact .ct-box{margin:8px 0;padding:18px 22px;background:#f7f7f7;border-left:4px solid #e13911;line-height:2;color:#444;}
.sub-contact .ct-box strong{color:#e13911;font-size:17px;}
.sub-contact .ct-tip{color:#888;font-size:13px;margin-top:6px;}

/* 子站页脚（仿 8805 footer） */
.sub-footer{margin-top:40px;background:#2b2b2b;color:#bbb;padding:26px 0;text-align:center;font-size:13px;line-height:2;}
.sub-footer .f-nav a{color:#ddd;text-decoration:none;margin:0 10px;}
.sub-footer .f-nav a:hover{color:#e13911;}
.sub-footer .f-cp{margin-top:8px;color:#888;}

/* ===== 移动端 ===== */
@media (max-width:768px){
  .sub-con{width:100%;padding:0 10px;box-sizing:border-box;}
  .sub-head{margin-top:12px;}
  .sub-head-in{width:100%;padding:0 10px;box-sizing:border-box;}
  .sub-head .sub-logo img{height:44px;}
  .sub-head .sub-tel{clear:both;padding-top:2px;}
  .sub-head .sub-tel strong{font-size:22px;}
  .sub-nav{margin-top:10px;}
  .sub-nav ul{width:100%;}
  .sub-nav ul li a{height:42px;line-height:42px;font-size:14px;}
  .sub-title h3{font-size:18px;}
  .sub-pro ul{margin:0 -6px;}
  .sub-pro ul li{width:calc(50% - 12px);margin:0 6px 14px;}
  .sub-pro ul li .pic{height:120px;}
  .sub-pro ul li .name{height:32px;line-height:32px;font-size:12px;}
  .sub-banner{height:auto;padding:18px 16px;position:static;}
  .sub-banner .sub-ban-txt{position:static;color:#fff;}
  .sub-banner .sub-ban-txt .t2{font-size:24px;}
  .sub-banner .sub-ban-btn{position:static;margin-top:14px;}
  .sub-banner .sub-ban-btn a{width:100%;}
  .sub-banner .sub-ban-words{position:static;transform:none;margin-top:12px;left:auto;right:auto;}
  .sub-banner .sub-ban-words .w{font-size:13px;padding:4px 10px;}
  .sub-about .ab-img{float:none;width:100%;max-width:100%;margin:0 0 14px;}
  .sub-news ul li{height:auto;line-height:1.6;padding:10px 0;}
  .sub-news ul li .d{float:none;display:block;margin:2px 0 0;}
  /* 手机版底部拨号工具条 */
  body.sub-body{padding-bottom:54px;}
  #sub-tool{position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;height:50px;}
  #sub-tool a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:13px;background:#e13911;}
  #sub-tool a:nth-child(2){background:#c5320f;}
}