/* =========================================================
   中山市富迪电器有限公司 新官网样式
   布局参考 crown.com.cn：顶部条 + 主导航 + Hero + 数据条
   + 行业/解决方案 + 产品 + 资讯 + 多列页脚
   ========================================================= */
:root{
    --primary:#0a4d8c;
    --primary-dark:#073a6b;
    --accent:#00a0a8;
    --text:#333;
    --muted:#888;
    --line:#e6e6e6;
    --bg:#f6f8fa;
    --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px;}
.section{padding:64px 0;}
.section-title{text-align:center;margin-bottom:42px;}
.section-title h2{font-size:30px;color:var(--primary);position:relative;display:inline-block;padding-bottom:14px;}
.section-title h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:3px;background:var(--accent);}
.section-title p{color:var(--muted);margin-top:10px;letter-spacing:2px;}

/* 顶部条 */
.topbar{background:var(--primary-dark);color:#cfe0f0;font-size:13px;}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar a{color:#cfe0f0;}
.topbar .lang{margin-left:18px;}
.topbar .lang a{margin-left:4px;}
.topbar .lang a.active{color:#fff;font-weight:bold;}

/* 主导航 */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.04);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo img{height:52px;width:auto;}
.logo-text{display:flex;flex-direction:column;line-height:1.2;}
.logo-text strong{font-size:18px;color:var(--primary);}
.logo-text em{font-size:11px;color:var(--muted);font-style:normal;letter-spacing:1px;}
.main-nav>ul{display:flex;list-style:none;gap:6px;}
.main-nav>ul>li{position:relative;}
.main-nav>ul>li>a{display:block;padding:0 20px;height:78px;line-height:78px;font-size:16px;color:#333;transition:.2s;}
.main-nav>ul>li>a:hover,.main-nav>ul>li.active>a{color:var(--primary);}
.main-nav>ul>li.has-dropdown:hover .dropdown{display:block;}
.dropdown{display:none;position:absolute;top:78px;left:0;min-width:180px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.1);list-style:none;z-index:60;}
.dropdown li a{display:block;padding:12px 20px;font-size:14px;color:#555;border-bottom:1px solid #f2f2f2;}
.dropdown li a:hover{background:var(--bg);color:var(--primary);}
.nav-toggle{display:none;background:none;border:none;font-size:26px;color:var(--primary);cursor:pointer;}

/* Hero 轮播 */
.hero{position:relative;height:520px;overflow:hidden;background:var(--primary);}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;background-size:cover;background-position:center;}
.hero-slide.active{opacity:1;}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,58,107,.7),rgba(7,58,107,.25));}
.hero-caption{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:#fff;z-index:2;max-width:640px;}
.hero-caption h1{font-size:42px;margin-bottom:14px;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.hero-caption p{font-size:18px;opacity:.95;}
.hero-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px;}
.hero-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;}
.hero-dots span.active{background:#fff;}

/* 数据条 */
.stats{background:var(--primary);color:#fff;}
.stats-inner{display:flex;flex-wrap:wrap;}
.stat-item{flex:1;min-width:180px;text-align:center;padding:34px 10px;border-right:1px solid rgba(255,255,255,.15);}
.stat-item:last-child{border-right:none;}
.stat-item .num{font-size:40px;font-weight:bold;color:#fff;}
.stat-item .num small{font-size:18px;}
.stat-item .label{margin-top:6px;letter-spacing:2px;opacity:.9;}

/* 通用卡片网格 */
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s;}
.card:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-4px);}
.card img{width:100%;height:200px;object-fit:cover;}
.card-body{padding:16px 18px;}
.card-body h3{font-size:17px;color:#222;margin-bottom:8px;}
.card-body p{color:var(--muted);font-size:14px;}

/* 行业/解决方案 */
.industry{background:var(--bg);}
.ind-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ind-item{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px 18px;text-align:center;transition:.25s;}
.ind-item:hover{border-color:var(--accent);}
.ind-item .ico{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;}
.ind-item h4{font-size:16px;color:#222;}
.ind-item span{display:block;font-size:12px;color:var(--muted);margin-top:4px;}

/* 产品快捷入口 */
.pro-entry{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pro-entry a{position:relative;height:200px;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;}
.pro-entry a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pro-entry a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,58,107,.85),transparent);}
.pro-entry a span{position:relative;z-index:2;padding:18px 22px;font-size:20px;font-weight:bold;}

/* 资讯 */
.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.news-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s;}
.news-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);}
.news-card img{width:100%;height:180px;object-fit:cover;}
.news-card .meta{padding:14px 18px;color:var(--muted);font-size:13px;}
.news-card h3{padding:0 18px;font-size:16px;color:#222;}

/* 新闻分类筛选条 */
.filter-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:42px;padding:0;}
.filter-bar a{display:inline-block;padding:9px 24px;border:1px solid var(--line);border-radius:30px;background:#fff;color:#555;font-size:14px;transition:.25s;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.filter-bar a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(10,77,140,.12);}
.filter-bar a.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 18px rgba(10,77,140,.28);}
.filter-bar a.active:hover{background:var(--primary-dark);border-color:var(--primary-dark);}

/* 新闻时间线 */
.news-timeline{position:relative;max-width:880px;margin:0 auto;}
.news-timeline:before{content:"";position:absolute;left:92px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--primary),#d6dee6);}
.news-tl-item{position:relative;display:grid;grid-template-columns:92px 1fr;gap:26px;align-items:flex-start;margin-bottom:30px;}
.news-tl-item:before{content:"";position:absolute;left:85px;top:18px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--primary);z-index:2;box-shadow:0 0 0 4px #fff;transition:transform .3s,background .3s;}
.news-tl-item.in:before{background:var(--primary);transform:scale(1.15);}
.tl-date{text-align:right;padding-top:10px;padding-right:24px;}
.tl-date .tl-day{display:block;font-size:30px;font-weight:700;color:var(--primary);line-height:1;}
.tl-date .tl-month{display:block;font-size:13px;color:var(--muted);margin-top:4px;letter-spacing:1px;}
.tl-card{display:grid;grid-template-columns:200px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .3s,transform .3s,border-color .3s;}
.tl-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.1);transform:translateY(-3px);border-color:var(--primary);}
.tl-thumb img{width:100%;height:152px;object-fit:cover;display:block;transition:transform .5s;}
.tl-card:hover .tl-thumb img{transform:scale(1.06);}
.tl-body{padding:16px 20px;}
.tl-body h3{font-size:18px;color:#222;margin-bottom:8px;line-height:1.4;}
.tl-body p{color:#777;font-size:14px;line-height:1.7;margin-bottom:12px;}
.tl-more{color:var(--primary);font-size:13px;font-weight:600;}
.news-card p{padding:8px 18px 18px;color:var(--muted);font-size:14px;}

/* 按钮 */
.btn{display:inline-block;padding:11px 28px;background:var(--primary);color:#fff;border-radius:4px;font-size:15px;transition:.2s;border:none;cursor:pointer;}
.btn:hover{background:var(--primary-dark);}
.btn-outline{background:transparent;border:1px solid #fff;color:#fff;}
.btn-outline:hover{background:#fff;color:var(--primary);}
.text-link{color:var(--accent);font-size:14px;}

/* 内页横幅 */
.page-banner{height:280px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;}
.page-banner h1{font-size:34px;letter-spacing:4px;}
.page-banner p{opacity:.9;margin-top:8px;letter-spacing:3px;}
/* 产品中心 banner：背景图按 container 约束，最大宽度 1024px 居中 */
.page-banner--product{background-color:#efefef;position:relative;overflow:hidden;}
.page-banner__img{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1250px;height:100%;background-image:url('../img/product.jpg');background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
/* 走进富迪 / 新闻资讯 banner 背景图（复用上述约束） */
.page-banner--about,
.page-banner--news{background-color:#efefef;position:relative;overflow:hidden;}
.page-banner--about .page-banner__img{background-image:url('../img/about.jpg');}
.page-banner--news .page-banner__img{background-image:url('../img/news.jpg');}
.page-banner--contact{background-color:#efefef;position:relative;overflow:hidden;}
.page-banner--contact .page-banner__img{background-image:url('../img/contact.jpg');}
.breadcrumb{background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);}
.breadcrumb .container{padding:12px 20px;}
.breadcrumb a{color:var(--primary);}

/* 关于页 */
.about-layout{display:grid;grid-template-columns:230px 1fr;gap:36px;}
.side-menu{list-style:none;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.side-menu li a{display:block;padding:14px 20px;border-bottom:1px solid #f0f0f0;color:#555;font-size:15px;}
.side-menu li a:hover,.side-menu li a.active{background:var(--primary);color:#fff;}
.about-content h2{font-size:24px;color:var(--primary);margin-bottom:16px;}
.about-content p{margin-bottom:14px;color:#555;}
.about-content img{max-width:100%;border-radius:6px;margin:16px 0;}
.about-intro-img{display:block;width:100%;max-width:780px;height:auto;border-radius:8px;margin:0 auto 24px;box-shadow:0 8px 22px rgba(0,0,0,.1);}
.about-intro{color:#555;font-size:15px;line-height:1.9;white-space:pre-wrap;}
.about-intro h2,.about-intro h3{color:#222;margin:22px 0 12px;}
.about-intro p{margin:14px 0;}
.about-intro ul,.about-intro ol{margin:14px 0;padding-left:24px;}
.about-intro li{margin:6px 0;}
.about-intro blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--primary);background:var(--bg);color:#666;}
.about-intro a{color:var(--primary);text-decoration:underline;}

/* 公司荣誉网格：3 个一行，自动换行 */
.honor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px;}
.honor-item{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.25s;}
.honor-item:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-4px);border-color:var(--primary);}
.honor-img{overflow:hidden;background:#f6f8fa;cursor:zoom-in;}
.honor-img img{width:100%;height:auto;display:block;transition:.35s;}
.honor-item:hover .honor-img img{transform:scale(1.04);}
.honor-desc{padding:14px 16px;text-align:center;color:#444;font-size:15px;}

/* 荣誉图片灯箱 */
.lb{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;flex-direction:column;padding:40px;cursor:zoom-out;}
.lb-img{max-width:90vw;max-height:78vh;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#fff;border-radius:4px;}
.lb-cap{color:#fff;margin-top:16px;font-size:16px;text-align:center;max-width:90vw;}
.lb-close{position:absolute;top:18px;right:28px;color:#fff;font-size:36px;line-height:1;cursor:pointer;}

/* 产品列表 */
.product-layout{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start;}
.product-side{position:sticky;top:20px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;}
.side-title{background:var(--primary);color:#fff;padding:14px 20px;font-size:16px;font-weight:600;}
.cat-nav{list-style:none;}
.cat-nav>li{border-bottom:1px solid #f0f0f0;}
.cat-nav>li:last-child{border-bottom:none;}
.cat-nav>li>a{display:block;padding:13px 20px;color:#444;font-size:15px;position:relative;}
.cat-nav>li>a:before{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid #b9c2cc;border-bottom:2px solid #b9c2cc;transform:rotate(-45deg);margin-right:10px;vertical-align:middle;}
.cat-nav>li>a:hover,.cat-nav>li.active>a{background:var(--bg);color:var(--primary);font-weight:600;}
.cat-sub{list-style:none;background:var(--bg);}
.cat-sub li a{display:block;padding:10px 20px 10px 40px;font-size:14px;color:#666;}
.cat-sub li a:hover,.cat-sub li.active a{color:var(--primary);}

.product-main{min-width:0;}
.list-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--line);padding-bottom:12px;margin-bottom:24px;}
.list-head h2{font-size:22px;color:var(--primary);}
.list-head .count{font-size:13px;color:var(--muted);}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.product-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s;}
.product-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);transform:translateY(-4px);border-color:var(--primary);}
.product-card .thumb{overflow:hidden;}
.product-card .thumb img{width:100%;height:200px;object-fit:cover;transition:.35s;}
.product-card:hover .thumb img{transform:scale(1.06);}
.product-card .body{padding:14px 16px;}
.product-card .body h3{font-size:16px;color:#222;}
.product-card .body .model{color:var(--accent);font-size:13px;margin-top:4px;}
.empty{text-align:center;color:#888;padding:60px 0;}

/* 产品详情 */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.product-detail .gallery{position:relative;}
.zoom-wrap{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;cursor:zoom-in;background:#fff;}
.zoom-wrap img{display:block;width:100%;transition:transform .12s ease-out;transform-origin:center center;will-change:transform;}
.thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.thumbs .thumb-item{width:76px;height:76px;object-fit:cover;border:2px solid var(--line);border-radius:6px;cursor:pointer;transition:border-color .2s,transform .2s;}
.thumbs .thumb-item:hover{transform:translateY(-2px);border-color:var(--accent);}
.thumbs .thumb-item.active{border-color:var(--primary);}
.product-detail .info .p-name{font-size:24px;color:#222;}
.product-detail .info .p-en{color:var(--muted);font-size:14px;margin:6px 0 16px;}
.product-detail .info .p-summary{color:#666;font-size:14px;line-height:1.8;margin:14px 0;}
.product-detail .info .p-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;}
.spec-table{width:100%;border-collapse:collapse;margin-top:16px;}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:10px 14px;text-align:left;font-size:14px;}
.spec-table th{background:var(--bg);width:110px;color:#444;font-weight:600;}

.detail-block{margin-top:46px;}
.detail-block .block-title{font-size:20px;color:#222;padding-left:12px;border-left:4px solid var(--primary);margin-bottom:18px;}
.detail-content{color:#555;font-size:15px;line-height:1.9;}
.detail-content h2,.detail-content h3{color:#222;margin:22px 0 10px;}
.detail-content img{max-width:100%;margin:14px 0;border-radius:6px;}
.detail-content ul,.detail-content ol{padding-left:24px;margin:12px 0;}
.detail-content li{margin:6px 0;}

/* 新闻详情 */
.news-detail{max-width:860px;margin:0 auto;}
.news-detail .news-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px;}
.news-detail .news-head h1{font-size:26px;color:#222;}
.news-detail .news-head .meta{color:var(--muted);font-size:13px;margin-top:10px;}
.news-detail .news-body{color:#555;font-size:15px;line-height:1.9;}
.news-detail .news-body img{max-width:100%;margin:16px 0;border-radius:6px;}
.news-detail .news-body h1,.news-detail .news-body h2,.news-detail .news-body h3{color:#222;margin:24px 0 12px;line-height:1.4;}
.news-detail .news-body h2{font-size:21px;}
.news-detail .news-body h3{font-size:18px;}
.news-detail .news-body p{margin:12px 0;}
.news-detail .news-body ul,.news-detail .news-body ol{margin:12px 0;padding-left:24px;}
.news-detail .news-body li{margin:6px 0;}
.news-detail .news-body blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--primary);background:var(--bg);color:#666;}
.news-detail .news-body a{color:var(--primary);text-decoration:underline;}
.news-detail .news-body code{background:#f2f4f7;padding:2px 6px;border-radius:4px;font-size:14px;}
.news-side{margin-top:30px;}
.news-side h4{font-size:16px;color:var(--primary);margin-bottom:12px;}

/* 联系页 */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-info-box p{margin-bottom:14px;font-size:15px;}
.contact-info-box strong{color:var(--primary);}
.contact-form label{display:block;font-size:14px;margin:14px 0 6px;color:#444;}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;font-size:14px;font-family:inherit;}
.contact-form textarea{height:120px;resize:vertical;}
.map-box{margin-top:20px;}
.map-canvas{height:320px;width:100%;border-radius:8px;border:1px solid var(--line);overflow:hidden;background:var(--bg);}
.amap-red-marker{width:22px;height:22px;background:#e4393c;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);transform-origin:bottom left;box-shadow:0 3px 8px rgba(0,0,0,.35);box-sizing:border-box;position:relative;}
.map-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;}
.map-tip{margin:0 0 24px;padding:14px 18px;background:#fff8e6;border:1px solid #f0d999;color:#8a6d1b;border-radius:6px;font-size:14px;}
.map-tip code{background:#fbf1cf;padding:1px 6px;border-radius:4px;}

/* 分页 */
.pager{display:flex;justify-content:center;gap:8px;margin-top:34px;}
.pager a,.pager span{padding:8px 14px;border:1px solid var(--line);border-radius:4px;color:#555;font-size:14px;}
.pager a:hover,.pager .current{background:var(--primary);color:#fff;border-color:var(--primary);}

/* 页脚 */
.site-footer{background:#1f2733;color:#aab4c0;margin-top:0;}
.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:48px 0;}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:16px;position:relative;padding-bottom:10px;}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--accent);}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:9px;}
.footer-col ul li a{color:#aab4c0;font-size:14px;}
.footer-col ul li a:hover{color:#fff;}
.footer-contact p{font-size:14px;margin-bottom:8px;}
.footer-bottom{background:#161c25;border-top:1px solid #2a3340;padding:16px 0;text-align:center;font-size:13px;color:#7d8794;}
.footer-bottom p{margin:2px 0;}

/* 提示 */
.alert{padding:12px 18px;border-radius:4px;margin:16px 0;font-size:14px;}
.alert-success{background:#e6f7ec;color:#1a7f43;border:1px solid #b7e4c7;}
.alert-error{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6;}

/* =========================================================
   动态交互效果（吸顶变化 / 下拉渐显 / 首屏 / 滚动揭示 / 计数 / 微交互）
   ========================================================= */

/* 顶栏滚动收缩 */
.site-header{transition:box-shadow .3s ease;}
.site-header.scrolled{box-shadow:0 6px 22px rgba(0,0,0,.14);}
.site-header .header-inner{transition:height .3s ease;}
.site-header.scrolled .header-inner{height:64px;}
.main-nav>ul>li>a{transition:height .3s ease,line-height .3s ease,color .2s;}
.site-header.scrolled .main-nav>ul>li>a{height:64px;line-height:64px;}
.logo img{transition:height .3s ease;}
.site-header.scrolled .logo img{height:44px;}
.site-header.scrolled .dropdown{top:64px;}

/* 导航项下划线动画 */
.main-nav>ul>li>a{position:relative;}
.main-nav>ul>li>a::after{content:"";position:absolute;left:18px;right:18px;bottom:16px;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:center;}
.main-nav>ul>li>a:hover::after,.main-nav>ul>li.active>a::after{transform:scaleX(1);}

/* 下拉菜单渐显 + 下滑 */
.dropdown{display:block;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;}
.main-nav>ul>li.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}

/* 首屏：图片缓慢放大 + 文字入场 */
.hero-slide{transform:scale(1.08);}
.hero-slide.active{animation:kenburns 7s ease-out forwards;}
@keyframes kenburns{from{transform:scale(1.12);}to{transform:scale(1);}}
.hero-caption h1,.hero-caption p{opacity:0;transform:translateY(24px);}
.hero-caption h1{animation:fadeUp .9s .25s ease forwards;}
.hero-caption p{animation:fadeUp .9s .5s ease forwards;}
.hero-caption .btn{opacity:0;animation:fadeIn .9s .75s ease forwards;}
@keyframes fadeUp{to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{to{opacity:1;}}

/* 卡片悬停遮罩 */
.product-card .thumb{position:relative;}
.product-card .thumb::after{content:"查看详情";position:absolute;inset:0;background:rgba(7,58,107,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:2px;opacity:0;transition:opacity .3s ease;z-index:2;}
.product-card:hover .thumb::after{opacity:1;}
.news-card{position:relative;}
.news-card::after{content:"阅读全文 →";position:absolute;inset:0;background:rgba(7,58,107,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:opacity .3s ease;z-index:4;}
.news-card:hover::after{opacity:1;}

/* 产品/解决方案入口悬停 */
.pro-entry a img{transition:transform .6s ease;}
.pro-entry a:hover img{transform:scale(1.08);}
.pro-entry a span{transition:letter-spacing .3s ease;}
.pro-entry a:hover span{letter-spacing:3px;}

/* 应用领域卡片悬停 */
.ind-item:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.08);border-color:var(--accent);}
.ind-item .ico{transition:transform .3s ease,background .3s ease;}
.ind-item:hover .ico{background:var(--accent);transform:translateY(-2px) scale(1.05);}

/* 数据条悬停 */
.stat-item{transition:background .3s ease;}
.stat-item:hover{background:rgba(255,255,255,.08);}
.stat-item .num .counter{display:inline-block;}

/* 按钮微交互 */
.btn{transition:background .25s ease,transform .25s ease,box-shadow .25s ease;}
.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,77,140,.28);}
.btn:active{transform:translateY(0);}
.text-link{position:relative;padding-right:20px;transition:color .2s;}
.text-link::after{content:"→";position:absolute;right:0;transition:transform .3s ease;}
.text-link:hover::after{transform:translateX(5px);}

/* 滚动揭示 */
.js .reveal{opacity:0;transform:translateY(38px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform;}
.js .reveal.in{opacity:1;transform:none;}

/* 返回顶部 */
.back-top{position:fixed;right:24px;bottom:28px;width:46px;height:46px;border:none;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s;z-index:90;box-shadow:0 6px 18px rgba(0,0,0,.22);}
.back-top.show{opacity:1;visibility:visible;transform:none;}
.back-top:hover{background:var(--primary-dark);}

/* 降低动态（无障碍） */
@media (prefers-reduced-motion: reduce){
    .js .reveal{opacity:1!important;transform:none!important;transition:none!important;}
    .hero-slide.active{animation:none!important;}
    .hero-caption h1,.hero-caption p,.hero-caption .btn{animation:none!important;opacity:1!important;transform:none!important;}
    *{scroll-behavior:auto!important;}
}

/* 响应式 */
@media(max-width:1024px){
    .grid-4,.ind-list,.product-grid{grid-template-columns:repeat(2,1fr);}
    .product-layout{grid-template-columns:200px 1fr;gap:24px;}
    .news-timeline:before{left:72px;}
    .news-tl-item{grid-template-columns:72px 1fr;gap:16px;}
    .news-tl-item:before{left:65px;}
    .tl-card{grid-template-columns:150px 1fr;}
    .honor-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
    .main-nav{position:absolute;top:78px;left:0;right:0;background:#fff;display:none;flex-direction:column;border-top:1px solid var(--line);}
    .main-nav.open{display:block;}
    .main-nav>ul{flex-direction:column;gap:0;}
    .main-nav>ul>li>a{height:50px;line-height:50px;}
    .dropdown{position:static;box-shadow:none;border:none;opacity:1;visibility:visible;transform:none;display:none;}
    .has-dropdown.open .dropdown{display:block;}
    .nav-toggle{display:block;}
    .hero{height:360px;}
    .hero-caption h1{font-size:28px;}
    .grid-3,.grid-4,.ind-list,.pro-entry,.news-list,.product-grid{grid-template-columns:1fr;}
    .about-layout,.contact-layout,.product-detail,.product-layout{grid-template-columns:1fr;}
    .product-side{position:static;}
    .news-timeline:before{left:50px;top:6px;bottom:auto;height:100%;}
    .news-tl-item{grid-template-columns:50px 1fr;gap:12px;margin-bottom:22px;}
    .news-tl-item:before{left:42px;width:14px;height:14px;}
    .tl-card{grid-template-columns:1fr;}
    .tl-thumb img{height:180px;}
    .tl-date .tl-day{font-size:22px;}
    .honor-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr 1fr;}
    .stat-item{flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.15);}
}