/* ============================================================
   长春金太阳光电 · 内页公共样式
   ============================================================ */
:root{
  --blue:#1D5FA9;
  --blue-deep:#17478B;
  --blue-light:#2F86D0;
  --ink:#22262B;
  --muted:#7C8794;
  --line:#E6EBF2;
  --bg:#F6F8FB;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{min-width:1440px;}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Source Han Sans SC",Arial,sans-serif;
  color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
img{display:block;}
ul{list-style:none;}
.container{width:1200px;margin:0 auto;position:relative;}

/* ================= header ================= */
.site-header{height:72px;background:#fff;position:relative;z-index:20;}
.logo{position:absolute;left:16px;top:8px;display:flex;align-items:center;gap:10px;}
.logo img{width:46px;height:58px;object-fit:contain;}
.logo-txt b{display:block;font-size:42px;line-height:1;letter-spacing:1px;color:#1A1A1A;font-weight:700;}
.logo-txt i{display:block;margin-top:4px;font-style:normal;font-size:8px;letter-spacing:2.2px;color:#6C6C6C;transform:scaleY(1.05);}
.main-nav{position:absolute;left:428px;top:0;height:72px;display:flex;align-items:center;gap:44px;}
.main-nav a{font-size:15px;color:#2E3338;white-space:nowrap;transition:color .2s;}
.main-nav a:hover,.main-nav a.on{color:var(--blue);}
.wechat-btn{
  position:absolute;right:0;top:0;width:206px;height:72px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#2158B4,#1B4A9C);color:#fff;font-size:12px;letter-spacing:1px;
}

/* ================= 内页 Banner ================= */
.page-banner{position:relative;height:280px;overflow:hidden;background:#0B2340;}
.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;}
.page-banner::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,22,42,.92) 0%,rgba(8,28,52,.74) 28%,rgba(10,34,62,.38) 60%,rgba(10,34,62,.16) 100%),
    linear-gradient(180deg,rgba(6,22,42,.4) 0%,rgba(6,22,42,0) 46%,rgba(6,22,42,.28) 100%);
}
.page-banner::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;
  background:linear-gradient(90deg,#2F86D0 0%,rgba(47,134,208,.55) 42%,rgba(47,134,208,0) 100%);
}
.page-banner .container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:6px;}
.page-banner h1{font-size:38px;font-weight:700;color:#fff;letter-spacing:4px;line-height:1.1;}
.page-banner h1 span{display:block;margin-top:12px;font-size:11px;font-weight:400;letter-spacing:4px;color:rgba(255,255,255,.62);text-transform:uppercase;}
.crumb{position:absolute;left:0;bottom:34px;font-size:12px;color:rgba(255,255,255,.62);letter-spacing:1px;}
.crumb a{color:rgba(255,255,255,.62);transition:color .2s;}
.crumb a:hover{color:#fff;}
.crumb i{margin:0 8px;font-style:normal;color:rgba(255,255,255,.35);}
.crumb em{font-style:normal;color:#fff;}

/* ================= 通用区块 ================= */
.sec{padding:72px 0;}
.sec.gray{background:var(--bg);}
.sec.tight{padding:56px 0;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px;}
.sec-head .kicker{font-size:13px;letter-spacing:3px;color:var(--blue);font-weight:700;}
.sec-head h2{margin-top:10px;font-size:32px;line-height:1.15;font-weight:700;color:#1D2530;letter-spacing:2px;}
.sec-head h2 span{display:block;margin-top:9px;font-size:11px;font-weight:400;letter-spacing:3px;color:#A9B3BF;text-transform:uppercase;}
.sec-head.center{flex-direction:column;align-items:center;text-align:center;}

/* 按钮 */
.ibtn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 30px;background:var(--blue);color:#fff;font-size:14px;letter-spacing:1px;transition:background .25s;}
.ibtn:hover{background:var(--blue-deep);}
.ibtn.ghost{background:transparent;border:1px solid var(--line);color:#3A4552;}
.ibtn.ghost:hover{border-color:var(--blue);color:var(--blue);}
.ibtn.sm{height:36px;padding:0 18px;font-size:13px;}

/* 栅格 */
.grid{display:grid;gap:24px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}

/* 卡片 */
.card{background:#fff;border:1px solid var(--line);transition:box-shadow .25s,transform .25s;}
.card:hover{box-shadow:0 14px 34px rgba(20,54,94,.1);transform:translateY(-3px);}
.card .thumb{overflow:hidden;}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s;}
.card:hover .thumb img{transform:scale(1.04);}

/* 文字 */
.lead{font-size:15px;line-height:30px;color:#5B6675;}
.lead + .lead{margin-top:16px;}
.lead b{color:#26313F;}

/* 数字统计 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stats .item{padding:34px 0;text-align:center;border-left:1px solid var(--line);}
.stats .item:first-child{border-left:0;}
.stats .num{font-size:46px;line-height:1;font-weight:300;color:var(--blue);}
.stats .num i{font-style:normal;font-size:18px;margin-left:3px;font-weight:400;}
.stats .lb{margin-top:12px;font-size:13px;color:var(--muted);letter-spacing:1px;}

/* 时间轴 */
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-top:8px;}
.timeline::before{content:"";position:absolute;left:0;right:0;top:66px;height:1px;background:var(--line);}
.tl-item{position:relative;padding-top:56px;}
.tl-item::before{content:"";position:absolute;left:0;top:60px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-sizing:content-box;transition:background .25s;}
.tl-item:hover::before{background:var(--blue);}
.tl-year{font-size:26px;font-weight:700;color:var(--blue);letter-spacing:1px;}
.tl-item h4{margin-top:22px;font-size:16px;font-weight:600;color:#26313F;letter-spacing:.5px;}
.tl-item p{margin-top:9px;font-size:13px;line-height:23px;color:var(--muted);padding-right:14px;}

/* 产品卡 */
.pcard{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;}
.pcard:hover{box-shadow:0 16px 38px rgba(20,54,94,.12);transform:translateY(-4px);}
.pcard .pic{height:280px;overflow:hidden;background:#0E1B26;}
.pcard .pic img{width:100%;height:100%;object-fit:cover;transition:transform .55s;}
.pcard:hover .pic img{transform:scale(1.05);}
.pcard .body{padding:24px 24px 26px;border-top:1px solid var(--line);}
.pcard h3{font-size:17px;font-weight:600;color:#1D2530;letter-spacing:.5px;}
.pcard .model{margin-top:8px;font-size:12px;color:#A9B3BF;letter-spacing:1px;}
.pcard p{margin-top:12px;font-size:13px;line-height:23px;color:var(--muted);height:46px;overflow:hidden;}
.pcard .more{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--blue);}
.pcard .more:hover{gap:12px;}

/* 新闻列表 */
.nlist{border-top:1px solid var(--line);}
.nrow{display:flex;align-items:center;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);}
.nrow .date{width:78px;flex:none;text-align:center;}
.nrow .date b{display:block;font-size:26px;font-weight:300;color:var(--blue);line-height:1;}
.nrow .date span{display:block;margin-top:7px;font-size:12px;color:#A9B3BF;letter-spacing:1px;}
.nrow .txt{flex:1;min-width:0;}
.nrow h3{font-size:17px;font-weight:500;color:#1D2530;letter-spacing:.4px;transition:color .2s;}
.nrow:hover h3{color:var(--blue);}
.nrow p{margin-top:9px;font-size:13px;line-height:23px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nrow .arrow{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:14px;transition:all .25s;}
.nrow:hover .arrow{background:var(--blue);border-color:var(--blue);color:#fff;}

/* 分页 */
.pager{margin-top:44px;display:flex;justify-content:center;gap:10px;}
.pager a{min-width:40px;height:40px;padding:0 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:13px;color:#5B6675;background:#fff;transition:all .2s;}
.pager a:hover{border-color:var(--blue);color:var(--blue);}
.pager a.on{background:var(--blue);border-color:var(--blue);color:#fff;}

/* 表单 */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.form-grid .full{grid-column:1/-1;}
.field label{display:block;font-size:13px;color:#5B6675;letter-spacing:1px;margin-bottom:9px;}
.field input,.field textarea{
  width:100%;border:1px solid var(--line);background:#fff;padding:13px 14px;font-size:14px;color:var(--ink);
  font-family:inherit;outline:none;transition:border-color .2s;
}
.field input:focus,.field textarea:focus{border-color:var(--blue);}
.field textarea{height:132px;resize:none;}

/* ================= footer ================= */
.footer{height:216px;background:#262626;color:#fff;position:relative;}
.footer .container{padding-top:44px;}
.footer-brand{display:flex;align-items:flex-start;gap:12px;}
.footer-brand img{width:42px;height:47px;object-fit:contain;margin-top:2px;}
.footer-brand b{display:block;font-size:32px;line-height:1;font-weight:700;letter-spacing:1px;color:#fff;}
.footer-brand i{display:block;margin-top:7px;font-style:normal;font-size:9px;letter-spacing:1.6px;color:#C7C7C7;transform:scaleY(1.06);}
.footer-nav{margin-top:26px;display:flex;gap:41px;}
.footer-nav a{font-size:14px;color:#CFCFCF;transition:color .2s;}
.footer-nav a:hover{color:#fff;}
.copyright{margin-top:15px;font-size:11px;color:#8A8A8A;letter-spacing:.4px;}
.footer-qr{position:absolute;right:0;top:36px;width:88px;height:88px;background:#fff;padding:3px;}
.footer-qr img{width:100%;height:100%;object-fit:cover;}
.qr-label{position:absolute;right:106px;top:52px;text-align:right;font-size:11px;line-height:18px;color:#B9B9B9;letter-spacing:1px;}
.footer-note{position:absolute;right:0;bottom:18px;font-size:11px;color:#7C7C7C;letter-spacing:.4px;}