/* ============================================================
   卡萨罗散热器 新版首页风格（参考圣劳伦斯结构，红黑工业暖通风）
   仅作用于 ks- 前缀类，避免与旧 common.css 冲突
   ============================================================ */
.ks-header,.ks-header *,.ks-hero,.ks-brand,.ks-honor,.ks-timeline-sec,.ks-products,
.ks-invest,.ks-promise,.ks-slogan,.ks-news,.ks-entry,.ks-footer,.ks-side{box-sizing:border-box;margin:0;padding:0;}
.ks-header a,.ks-brand a,.ks-footer a{text-decoration:none;color:inherit;}
.ks-clear{clear:both;}
.ks-inner{width:1200px;max-width:96%;margin:0 auto;}
.ks-red{color:#c8161d;}

/* ---------- 顶部黑色导航 ---------- */
.ks-header{background:#161616;color:#fff;position:relative;z-index:99;}
.ks-header .ks-inner{display:flex;align-items:center;height:78px;}
.ks-logo{flex:0 0 auto;margin-right:24px;display:flex;align-items:center;}
.ks-logo img{height:46px;width:auto;display:block;}
.ks-nav{flex:1 1 auto;display:flex;align-items:center;list-style:none;white-space:nowrap;}
.ks-nav li{position:relative;}
.ks-nav li a{display:block;padding:0 13px;line-height:78px;font-size:15px;color:#eee;transition:.2s;white-space:nowrap;}
.ks-nav li a:hover,.ks-nav li.ks-cur a{color:#c8161d;}
.ks-nav li.ks-cur a::after{content:"";position:absolute;left:13px;right:13px;bottom:14px;height:2px;background:#c8161d;}
.ks-hotline{flex:0 0 auto;text-align:right;margin-left:16px;}
.ks-hotline small{display:block;font-size:12px;color:#bbb;letter-spacing:1px;}
.ks-hotline b{font-size:22px;color:#e33;font-weight:700;font-family:Arial;}

/* ---------- 首屏 Banner 轮播 ---------- */
.ks-hero{position:relative;height:560px;background:#222;overflow:hidden;}
.ks-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;text-decoration:none;color:#fff;}
.ks-slide.ks-on{opacity:1;}
/* Banner 文字层：标题/副标题从后台 slide 配置动态调用 */
.ks-slide{display:flex;align-items:flex-start;justify-content:flex-start;}
.ks-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,0) 78%);z-index:1;}
.ks-slide-txt{position:relative;z-index:2;text-align:left;padding:118px 0 0 92px;width:auto;max-width:640px;}
.ks-slide-title{color:#fff;font-size:34px;font-weight:800;letter-spacing:3px;line-height:1.4;text-shadow:0 2px 20px rgba(0,0,0,.7);margin:0 0 16px;text-align:left;position:relative;padding-bottom:12px;display:inline-block;max-width:720px;}
.ks-slide-title::after{content:"";position:absolute;left:0;bottom:0;width:76px;height:4px;background:#c8161d;}
.ks-slide-sub{color:#ffd166;font-size:22px;letter-spacing:5px;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.6);margin:0;text-align:left;}
.ks-dots{position:absolute;bottom:22px;left:0;right:0;text-align:center;z-index:5;}
.ks-dots i{display:inline-block;width:22px;height:3px;background:rgba(255,255,255,.5);margin:0 4px;cursor:pointer;transition:.2s;}
.ks-dots i.ks-on{background:#c8161d;}
.ks-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;line-height:64px;text-align:center;background:rgba(0,0,0,.25);color:#fff;font-size:30px;cursor:pointer;z-index:6;user-select:none;}
.ks-arrow:hover{background:rgba(200,22,29,.7);}
.ks-arrow.ks-prev{left:0;}
.ks-arrow.ks-next{right:0;}
.ks-btn{display:inline-block;margin-top:20px;background:#c8161d;color:#fff;padding:13px 42px;border-radius:30px;font-size:16px;transition:.25s;}
.ks-btn:hover{background:#a31218;}
.ks-btn.ks-ghost{background:transparent;border:1px solid #c8161d;color:#c8161d;}
.ks-btn.ks-ghost:hover{background:#c8161d;color:#fff;}

/* ---------- 通用小节标题 ---------- */
.ks-sec{padding:70px 0;}
.ks-sec .ks-eyebrow{display:inline-block;border:1px solid #c8161d;color:#c8161d;padding:4px 16px;border-radius:20px;font-size:14px;letter-spacing:2px;margin-bottom:18px;}
.ks-sec h3{font-size:36px;font-weight:800;color:#222;}
.ks-sec h3 i{color:#c8161d;font-style:normal;}
.ks-sec .ks-sub{color:#888;font-size:16px;margin-top:14px;line-height:1.9;}

/* ---------- 品牌介绍 ---------- */
.ks-brand{background:#fff;}
.ks-brand .ks-grid{display:flex;gap:50px;align-items:center;}
.ks-brand .ks-l{flex:1.1;}
.ks-brand .ks-l p.ks-desc{margin-top:22px;color:#555;line-height:2;font-size:16px;}
.ks-brand .ks-l .ks-more{display:inline-block;margin-top:26px;color:#c8161d;font-size:15px;}
.ks-stats{display:flex;gap:40px;margin-top:36px;}
.ks-stats .ks-num{font-size:38px;font-weight:800;color:#c8161d;font-family:Arial;}
.ks-stats .ks-num em{font-size:16px;font-style:normal;margin-left:2px;}
.ks-stats .ks-lab{font-size:14px;color:#999;margin-top:6px;}
.ks-brand .ks-r{flex:1;position:relative;}
.ks-factory{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ks-factory img{width:100%;height:180px;object-fit:cover;border-radius:6px;display:block;}

/* ---------- 深色荣誉/体系带 ---------- */
.ks-honor{background:#1b1f26;color:#fff;position:relative;overflow:hidden;}
.ks-honor-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ks-honor-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.5) 100%);}
.ks-honor-mask{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(18,18,26,.45) 0%,rgba(18,18,26,.14) 40%,rgba(12,12,16,.42) 100%);}
.ks-honor .ks-inner{position:relative;z-index:3;}
.ks-honor h3{color:#fff;}
.ks-honor .ks-sub{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);}
.ks-honor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.ks-honor-cards .ks-card{background:rgba(10,12,16,.55);border:1px solid rgba(255,255,255,.35);border-radius:8px;overflow:hidden;box-shadow:0 12px 30px rgba(255,255,255,.22);}
.ks-honor-cards img{width:100%;height:150px;object-fit:cover;display:block;}
.ks-honor-cards .ks-cap{padding:14px 16px;}
.ks-honor-cards .ks-cap b{font-size:17px;color:#ffd966;}
.ks-honor-cards .ks-cap p{font-size:14px;color:#ddd;margin-top:6px;line-height:1.75;}

/* ---------- 发展历程 ---------- */
.ks-timeline-sec{background:#f4f5f7;}
.ks-tl-curve{margin-top:30px;}
.ks-tl-curve svg{width:100%;height:auto;display:block;}
.ks-tl-curve .ks-dot{fill:#c8161d;}
.ks-tl-curve .ks-dot-big{fill:#c8161d;}
.ks-tl-curve text{font-family:Arial;}
.ks-tl{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 40px;margin-top:40px;}
.ks-tl .ks-node{border-left:2px solid #e2e2e2;padding:0 0 22px 22px;position:relative;}
.ks-tl .ks-node::before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#c8161d;}
.ks-tl .ks-node b{color:#c8161d;font-size:20px;}
.ks-tl .ks-node p{color:#666;font-size:15px;line-height:1.9;margin-top:8px;}

/* ---------- 产品中心 ---------- */
.ks-products{background:#fff;text-align:center;}
.ks-tabs{display:inline-flex;border:1px solid #ddd;border-radius:30px;overflow:hidden;margin:26px 0 34px;}
.ks-tabs a{padding:9px 30px;font-size:16px;color:#666;text-decoration:none;transition:.2s;}
.ks-tabs a.ks-on{background:#c8161d;color:#fff;}
.ks-tabs a:hover{color:#c8161d;}
.ks-tabs a.ks-on:hover{color:#fff;}
.ks-feat{position:relative;height:420px;border-radius:10px;overflow:hidden;margin:10px 0 30px;}
.ks-feat img{width:100%;height:100%;object-fit:cover;display:block;}
.ks-feat .ks-feat-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 60%);}
.ks-feat .ks-feat-txt{position:absolute;left:50px;top:50%;transform:translateY(-50%);color:#fff;max-width:46%;}
.ks-feat .ks-feat-txt h3{font-size:42px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.ks-feat .ks-feat-tags{margin-top:22px;}
.ks-feat .ks-feat-tags span{display:inline-block;border:1px solid rgba(255,255,255,.85);padding:7px 18px;font-size:14px;margin:0 10px 12px 0;}
.ks-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left;}
.ks-pro{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:.25s;background:#fff;}
.ks-pro:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-3px);}
.ks-pro img{width:100%;height:260px;object-fit:cover;object-position:center top;display:block;background:#eaf3f5;}
.ks-pro .ks-cap{padding:18px 20px;}
.ks-pro .ks-cap h4{font-size:18px;color:#222;}
.ks-pro .ks-cap p{font-size:14px;color:#777;margin-top:8px;line-height:1.7;}
.ks-pro .ks-cap a{color:#c8161d;font-size:14px;}

/* ---------- 招商加盟 ---------- */
.ks-invest{position:relative;overflow:hidden;color:#fff;text-align:center;}
.ks-invest-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ks-invest-mask{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(18,18,26,.5) 0%,rgba(26,10,10,.86) 100%);}
.ks-invest .ks-inner{position:relative;z-index:2;}
.ks-invest .ks-eyebrow{border-color:#ffd966;color:#ffd966;}
.ks-invest h3{color:#fff;}
.ks-invest .ks-sub{color:#ddd;max-width:820px;margin:14px auto 0;}
.ks-invest .ks-support{display:flex;justify-content:center;gap:0;margin-top:44px;border-top:1px solid rgba(255,255,255,.15);padding-top:30px;}
.ks-invest .ks-support div{flex:1;border-right:1px solid rgba(255,255,255,.15);}
.ks-invest .ks-support div:last-child{border-right:0;}
.ks-invest .ks-support b{display:block;font-size:16px;color:#fff;}
.ks-invest .ks-support span{font-size:14px;color:#ddd;}

/* ---------- 八大承诺 ---------- */
.ks-promise{background:#f4f5f7;text-align:center;}
.ks-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;}
.ks-pills .ks-pill{background:#fff;border:1px solid #e6e6e6;border-radius:30px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#333;}
.ks-pills .ks-pill i{width:22px;height:22px;border-radius:50%;background:#c8161d;color:#fff;font-style:normal;line-height:22px;font-size:13px;}

/* ---------- 口号带 ---------- */
.ks-slogan{position:relative;overflow:hidden;text-align:center;padding:64px 0;}
.ks-slogan-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ks-slogan-mask{position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.42);}
.ks-slogan small{position:relative;z-index:2;letter-spacing:4px;color:#a5673f;}
.ks-slogan h3{position:relative;z-index:2;font-size:38px;font-weight:800;margin-top:12px;color:#3f6b52;}
.ks-slogan h3 i{font-style:normal;color:#c8161d;}
.ks-slogan span{position:relative;z-index:2;display:inline-block;margin-top:16px;background:rgba(255,255,255,.62);padding:6px 22px;border-radius:20px;font-size:14px;color:#5a3a2e;}

/* ---------- 新闻资讯 ---------- */
.ks-news{background:#fff;}
.ks-news .ks-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.ks-news .ks-box{border:1px solid #eee;border-radius:8px;padding:24px;}
.ks-news .ks-box h4{font-size:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:14px;}
.ks-news .ks-box h4 a{font-size:14px;color:#999;font-weight:normal;}
.ks-news .ks-hot{display:flex;gap:16px;margin:18px 0;color:#444;text-decoration:none;}
.ks-news .ks-hot:hover h5{color:#c8161d;}
.ks-news .ks-hot img{width:150px;height:100px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#eef3f5;}
.ks-news .ks-hot h5{font-size:16px;line-height:1.6;color:#222;}
.ks-news .ks-hot p{font-size:14px;color:#777;margin-top:10px;line-height:1.9;}
.ks-news ul.ks-list{list-style:none;padding:0;margin:0;}
.ks-news ul.ks-list li{display:flex;justify-content:space-between;align-items:center;line-height:1;border-bottom:1px dashed #eee;font-size:15px;padding:13px 0;}
.ks-news ul.ks-list li a{color:#444;text-decoration:none;line-height:1.6;}
.ks-news ul.ks-list li a:hover{color:#c8161d;}
.ks-news ul.ks-list li span{color:#bbb;font-size:14px;flex:0 0 auto;margin-left:16px;}

/* ---------- 三个入口 ---------- */
.ks-entry{background:#f4f5f7;}
.ks-entry .ks-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;}
.ks-entry .ks-e{background:#fff;border-radius:8px;overflow:hidden;}
.ks-entry .ks-e img{width:100%;height:180px;object-fit:cover;display:block;}
.ks-entry .ks-e .ks-cap{padding:22px;}
.ks-entry .ks-e .ks-cap h5{font-size:15px;color:#999;}
.ks-entry .ks-e .ks-cap b{display:block;font-size:19px;color:#222;margin:10px 0 16px;}
.ks-entry .ks-e .ks-cap a{color:#c8161d;font-size:15px;}

/* ---------- 页脚 ---------- */
.ks-footer{background:#161616;color:#bbb;padding:56px 0 0;font-size:14px;}
.ks-footer .ks-grid{display:flex;gap:40px;}
.ks-footer .ks-brand-col{flex:1.2;}
.ks-footer .ks-brand-col img{height:46px;display:block;}
.ks-footer .ks-brand-col p{margin-top:18px;line-height:2;color:#999;}
.ks-footer .ks-brand-col b{display:block;color:#fff;font-size:24px;font-family:Arial;margin-top:14px;}
.ks-footer .ks-col{flex:1;}
.ks-footer .ks-col h5{color:#fff;font-size:16px;margin-bottom:16px;}
.ks-footer .ks-col a{display:block;line-height:2.2;color:#999;}
.ks-footer .ks-col a:hover{color:#c8161d;}
.ks-footer .ks-qr{flex:0 0 auto;text-align:center;}
.ks-footer .ks-qr img{width:100px;height:100px;border-radius:6px;display:block;margin-bottom:6px;}
.ks-footer .ks-copy{border-top:1px solid #2a2a2a;margin-top:44px;padding:18px 0;text-align:center;color:#777;line-height:2;}

/* ---------- 右侧悬浮 ---------- */
.ks-side{position:fixed;right:18px;bottom:120px;z-index:999;display:flex;flex-direction:column;gap:8px;}
.ks-side a{display:block;width:52px;background:#c8161d;color:#fff;text-align:center;font-size:13px;padding:10px 4px;border-radius:6px;line-height:1.4;}
.ks-side a:hover{background:#a31218;}

@media (max-width:992px){
  .ks-nav{display:none;}
  .ks-brand .ks-grid,.ks-news .ks-cols{display:block;}
  .ks-brand .ks-r{margin-top:30px;}
  .ks-honor-cards,.ks-pro-grid,.ks-entry .ks-cards{grid-template-columns:1fr 1fr;}
  .ks-tl{grid-template-columns:1fr 1fr;}
  .ks-pills{grid-template-columns:1fr 1fr;}
  .ks-invest .ks-support{flex-wrap:wrap;}
  .ks-invest .ks-support div{flex:1 1 33%;margin-bottom:14px;border-right:0;}
  .ks-hero-txt h2{font-size:34px;}
  .ks-feat{height:300px;}
  .ks-feat .ks-feat-txt{left:20px;max-width:70%;}
  .ks-feat .ks-feat-txt h3{font-size:28px;}
}
@media (max-width:768px){
  .ks-header .ks-inner{height:60px;}
  .ks-hotline b{font-size:16px;}
  .ks-logo img{height:34px;}
  .ks-hero{height:200px;}
  .ks-arrow{display:none;}
  .ks-sec{padding:40px 0;}
  .ks-sec h3{font-size:26px;}
  .ks-stats{flex-wrap:wrap;gap:20px;}
  .ks-stats .ks-num{font-size:26px;}
  .ks-honor-cards,.ks-pro-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .ks-entry .ks-cards,.ks-tl{grid-template-columns:1fr;}
  .ks-honor-cards img{height:110px;}
  .ks-pro img{height:150px;}
  .ks-factory{grid-template-columns:1fr 1fr;}
  .ks-factory img{height:130px;}
  .ks-news .ks-hot{flex-direction:column;}
  .ks-news .ks-hot img{width:100%;height:160px;}
  .ks-feat{height:220px;}
  .ks-feat .ks-feat-txt{max-width:80%;}
  .ks-feat .ks-feat-txt h3{font-size:24px;}
  .ks-feat .ks-feat-tags span{font-size:12px;padding:5px 12px;}
  .ks-slogan h3{font-size:28px;}
  .ks-footer .ks-grid{flex-direction:column;gap:24px;}
  .ks-side{display:none;}
}

/* ============================================================
   内页版芯加宽（旧 .container=1000px 太窄，加宽到1200px，与首页一致）
   ============================================================ */
.container{width:1200px;}
.cpright{width:940px;box-sizing:border-box;}
.cpshow{padding-top:20px;}
.cpshow li{width:290px;margin-right:9px;margin-bottom:12px;}
.cpshow li.noMl{margin-right:0;}