/* =====================================================================
   首页专属样式 home.css
   仅用于首页模板 (addons/cms/view/jbjs/index.html)
   —— 顶栏 / 导航 / Banner / 页脚 / 返回顶部等公共组件样式见 theme.css
   ===================================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  color:var(--site-text,#333);line-height:1.7;background:#fff;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{display:block;max-width:100%;}

/* ============ Section common ============ */
section{padding:60px 0;}
.sec-title{text-align:center;margin-bottom:36px;position:relative;}
.sec-title h2{display:inline-flex;align-items:center;gap:16px;font-size:28px;font-weight:800;
  color:var(--site-navy,#2f5fd0);letter-spacing:2px;}
.sec-title h2::before,.sec-title h2::after{content:"";width:36px;height:2px;
  background:linear-gradient(90deg,transparent,var(--site-accent,#3d7bff));}
.sec-title h2::after{background:linear-gradient(90deg,var(--site-accent,#3d7bff),transparent);}

/* reveal */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}

/* ============ 集团介绍 ============ */
.intro{background:#fff;}
.intro .wrap{max-width:860px;}
.intro-text p{color:#555;font-size:15px;text-align:justify;line-height:2.1;margin:0 auto;text-indent:2em;}
.intro-body{position:relative;overflow:hidden;max-height:126px;
  transition:max-height .6s cubic-bezier(.4,0,.2,1);}
.intro-body.open{max-height:1600px;}
.intro-fade{position:absolute;left:0;right:0;bottom:0;height:60px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);transition:opacity .4s;}
.intro-body.open .intro-fade{opacity:0;}
.intro-toggle{display:flex;align-items:center;justify-content:center;margin-top:18px;}
.intro-toggle button{background:none;border:1px solid var(--site-line,#e6e9f2);color:var(--site-accent,#3d7bff);
  font-size:13px;cursor:pointer;padding:7px 22px;border-radius:30px;
  display:flex;align-items:center;gap:6px;transition:.3s;font-family:inherit;}
.intro-toggle button:hover{background:var(--site-accent,#3d7bff);border-color:var(--site-accent,#3d7bff);color:#fff;}
.intro-toggle .caret{font-size:10px;transition:transform .35s;display:inline-block;}
.intro-toggle button.on .caret{transform:rotate(180deg);}

/* ============ 集团资讯 ============ */
#news{background:#f5f7fc;}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
/* 保证左右两栏严格 1:1，不被内部长标题撑开 */
.news-grid > *{min-width:0;}
.news-feature{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(47,95,208,.15);
  cursor:pointer;background:#e8edf8;}
.news-feature img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.news-feature:hover img{transform:scale(1.06);}
.news-feature .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;
  background:linear-gradient(180deg,transparent,rgba(36,80,184,.9));color:#fff;z-index:2;}
.news-feature .cap h4{font-size:18px;font-weight:700;margin-bottom:6px;}
.news-feature .cap h4 a{color:#fff;transition:.3s;}
.news-feature .cap h4 a:hover{color:#dce7ff;}
.news-feature .cap p{font-size:13px;opacity:.85;}
.news-panel{display:flex;flex-direction:column;background:#fff;border-radius:14px;
  padding:24px;box-shadow:0 16px 40px rgba(47,95,208,.10);}
.tabs{display:flex;gap:8px;border-bottom:2px solid var(--site-line,#e6e9f2);margin-bottom:18px;}
.tabs button{background:none;border:none;font-size:16px;color:#7a8299;cursor:pointer;
  padding:8px 4px;position:relative;transition:.3s;font-weight:600;font-family:inherit;}
.tabs button.on{color:var(--site-navy,#2f5fd0);}
.tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;
  background:var(--site-accent,#3d7bff);border-radius:3px;}
.news-list{list-style:none;display:flex;flex-direction:column;gap:2px;overflow:hidden;}
.news-list li{display:flex;align-items:center;padding:12px 10px;border-radius:8px;transition:.25s;}
.news-list li:hover{background:var(--site-bg-soft,#f5f7fc);transform:translateX(6px);}
.news-list li a{display:flex;align-items:center;gap:14px;width:100%;min-width:0;}
.news-list li .bar{width:6px;height:6px;border-radius:50%;background:var(--site-accent,#3d7bff);flex:none;}
.news-list li .t{flex:1;min-width:0;font-size:15px;color:#444;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;transition:.25s;}
.news-list li:hover .t{color:var(--site-accent,#3d7bff);}
.news-list li .d{font-size:13px;color:#aaa;flex:none;}
.news-more{margin-top:14px;text-align:right;}
.news-more a{font-size:13px;color:#999;transition:.3s;}
.news-more a:hover{color:var(--site-accent,#3d7bff);}

/* ============ 集团风采 gallery ============ */
.gallery{position:relative;background:#fff;}
.gal-box{position:relative;}
.gal-viewport{overflow:hidden;border-radius:14px;box-shadow:0 16px 44px rgba(47,95,208,.15);}
.gal-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.gal-track .gitem{flex:0 0 33.333%;padding:0 8px;}
.gal-track .gitem .ph{height:230px;border-radius:10px;overflow:hidden;position:relative;background:#e8edf8;}
.gal-track .gitem .ph a{display:block;width:100%;height:100%;}
.gal-track .gitem img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.gal-track .gitem:hover img{transform:scale(1.1);}
.gal-track .gitem .ph::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(36,80,184,.5));opacity:0;transition:.4s;}
.gal-track .gitem:hover .ph::after{opacity:1;}
.g-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  background:var(--site-navy,#2f5fd0);color:#fff;font-size:20px;border:none;cursor:pointer;z-index:5;
  display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 8px 20px rgba(36,80,184,.3);
  padding:0;line-height:1;}
.g-arrow:hover{background:var(--site-accent,#3d7bff);transform:translateY(-50%) scale(1.1);}
.g-arrow.prev{left:10px;}
.g-arrow.next{right:10px;}

@media(max-width:900px){
  .news-grid{grid-template-columns:1fr;}
  .gal-track .gitem{flex-basis:50%;}
  .gal-track .gitem .ph{height:170px;}
  section{padding:40px 0;}
}
@media(max-width:520px){
  .news-feature{height:220px;}
}