@charset "utf-8";

/* ==========================================================================
   网企公司 · 外贸独立站官网 2026 版视觉系统
   参考风格：jijinweb.com（浅底留白 + 深色区块 + #ffe100 亮黄点缀）
   ========================================================================== */

:root{
	--accent:#ffe100;
	--accent-deep:#f5d400;
	--ink:#111111;
	--ink-2:#1d1010;
	--text:#555555;
	--text-2:#666666;
	--muted:#999999;
	--line:#eaeaea;
	--soft:#f9f9f9;
	--soft-2:#f4f4f4;
	--footer:#555657;
	--footer-dark:#3f4041;
	--container:90%;
	--max:1720px;
	--ease:all .5s ease;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;width:100%;}
body{
	margin:0;padding:0;width:100%;
	font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial,sans-serif;
	font-size:14px;line-height:1;color:#222;background:#fff;
	overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body.lock{overflow:hidden;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,figure{margin:0;padding:0;}
ul,li{list-style:none;}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;}
img{max-width:100%;display:block;border:0;}
em,i{font-style:normal;}
input,textarea,select,button{font-family:inherit;font-size:inherit;outline:none;border:0;background:none;}
img{transition:var(--ease);}

/* 通用容器 / 区块 */
.wrap{width:var(--container);max-width:var(--max);margin:0 auto;}
.section{padding:110px 0;position:relative;}
.section.soft{background:var(--soft);}
.section.soft-2{background:var(--soft-2);}
.section.dark{background:#0f1115;}
.clear{clear:both;}

/* 区块标题（眉标 + 36px 主标题 + 16px 说明） */
.title{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:30px;margin-bottom:52px;}
.title-main{max-width:760px;}
.eyebrow{
	display:flex;align-items:center;gap:8px;
	font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
	color:var(--ink);margin-bottom:18px;line-height:1;
}
.eyebrow .dot{width:7px;height:7px;background:var(--accent);display:inline-block;position:relative;top:-4px;}
.eyebrow .dot.dim{background:#cbcbcb;}
.eyebrow .en{letter-spacing:2.5px;}
.title h2{font-size:36px;line-height:1.35;font-weight:600;color:var(--ink);letter-spacing:.5px;}
.title p{font-size:16px;line-height:1.9;color:var(--text);margin-top:22px;}
.title.dark h2{color:#fff;}
.title.dark p{color:#a7a7a7;}
.title.dark .eyebrow{color:#fff;}
.title .title-side{flex-shrink:0;padding-bottom:6px;}

/* 箭头按钮（jijinweb 圆形箭头） */
.btn-more{display:inline-flex;align-items:center;font-size:15px;color:var(--ink);font-weight:500;}
.btn-more span{
	width:56px;height:56px;border:1px solid #d4d4d4;border-radius:50%;
	display:flex;align-items:center;justify-content:center;margin-left:16px;
	position:relative;overflow:hidden;transition:var(--ease);
}
.btn-more span svg{width:18px;height:18px;stroke:var(--ink);transition:var(--ease);position:relative;z-index:2;}
.btn-more span::before{content:"";position:absolute;inset:0;background:var(--accent);transform:scale(0);border-radius:50%;transition:var(--ease);}
.btn-more:hover span{border-color:var(--accent);}
.btn-more:hover span::before{transform:scale(1);}
.btn-more:hover{color:var(--ink);}
.btn-more.light{color:#fff;}
.btn-more.light span{border-color:rgba(255,255,255,.25);}
.btn-more.light span svg{stroke:#fff;}
.btn-more.light:hover span svg{stroke:#111;}
.btn-more.light:hover{color:#fff;}

/* 主按钮 */
.btn-pill{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	height:52px;padding:0 34px;border-radius:100px;
	font-size:16px;font-weight:600;line-height:1;white-space:nowrap;
	background:var(--accent);color:#111;transition:var(--ease);
}
.btn-pill svg{width:16px;height:16px;stroke:#111;}
.btn-pill:hover{background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16);transform:translateY(-3px);}
.btn-ghost{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	height:52px;padding:0 32px;border-radius:100px;
	font-size:16px;font-weight:500;color:#fff;
	border:1px solid rgba(255,255,255,.35);transition:var(--ease);
}
.btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7);}

/* ==========================================================================
   HEADER
   ========================================================================== */
.site-header{
	position:fixed;left:0;top:0;width:100%;height:95px;z-index:1000;
	display:flex;align-items:center;justify-content:space-between;
	padding:0 55px;transition:var(--ease);
}
.site-header::before{
	content:"";position:absolute;inset:0;z-index:-1;
	background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
	opacity:0;transition:var(--ease);
}
.site-header.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.08);height:80px;}
.site-header.scrolled::before{opacity:1;background:rgba(255,255,255,.94);}
.site-header .hd-left{display:flex;align-items:center;position:relative;z-index:2;}
.site-header .hd-logo img{height:38px;width:auto;transition:var(--ease);}
.site-header .hd-slogan{
	margin-left:18px;padding-left:18px;border-left:1px solid rgba(0,0,0,.12);
	font-size:13px;letter-spacing:3px;color:#888;line-height:1.5;
}
.site-header .hd-nav{display:flex;align-items:center;position:relative;z-index:2;}
.site-header .hd-nav > li{position:relative;margin-right:38px;}
.site-header .hd-nav > li:last-child{margin-right:0;}
.site-header .hd-nav > li > a{
	display:flex;align-items:center;gap:7px;height:95px;
	font-size:16px;color:var(--ink-2);font-weight:500;transition:var(--ease);
}
.site-header.scrolled .hd-nav > li > a{height:80px;}
.site-header .hd-nav > li > a:hover{color:var(--ink);}
.site-header .hd-nav > li > a::after{
	content:"";position:absolute;left:0;right:0;bottom:26px;height:2px;
	background:var(--accent);transform:scaleX(0);transform-origin:left;transition:var(--ease);
}
.site-header .hd-nav > li.on > a::after,
.site-header .hd-nav > li:hover > a::after{transform:scaleX(1);}
.site-header .hd-nav .caret{
	width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
	border-top:5px solid #999;transition:var(--ease);
}
.site-header .hd-nav li:hover .caret{transform:rotate(180deg);}
.site-header .hd-right{display:flex;align-items:center;position:relative;z-index:2;}
.site-header .hd-tel{display:flex;align-items:center;gap:9px;margin-right:22px;}
.site-header .hd-tel svg{width:19px;height:19px;fill:var(--ink);}
.site-header .hd-tel b{font-family:Arial;font-size:20px;letter-spacing:.5px;color:var(--ink);}
.site-header .hd-tel i{display:block;font-size:12px;color:#999;letter-spacing:1px;margin-bottom:4px;}
.site-header .hd-cta{
	display:inline-flex;align-items:center;gap:22px;
	height:42px;padding:0 8px 0 20px;border-radius:100px;
	background:var(--accent);color:#111;font-size:15px;font-weight:600;
	transition:var(--ease);white-space:nowrap;
}
.site-header .hd-cta .ico{
	width:26px;height:26px;border-radius:50%;background:#111;
	display:flex;align-items:center;justify-content:center;
}
.site-header .hd-cta .ico svg{width:13px;height:13px;stroke:var(--accent);}
.site-header .hd-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,225,0,.35);}
.site-header .hd-burger{display:none;width:44px;height:44px;position:relative;z-index:2;}
.site-header .hd-burger span{display:block;width:24px;height:2px;background:#111;margin:5px auto;transition:var(--ease);}

/* 首屏时头部为白色文字（压暗背景） */
.site-header.on-hero .hd-nav > li > a{color:#fff;}
.site-header.on-hero .hd-nav > li > a::after{background:var(--accent);}
.site-header.on-hero .hd-slogan{color:rgba(255,255,255,.55);border-left-color:rgba(255,255,255,.2);}
.site-header.on-hero .hd-tel b{color:#fff;}
.site-header.on-hero .hd-tel i{color:rgba(255,255,255,.6);}
.site-header.on-hero .hd-tel svg{fill:#fff;}
.site-header.on-hero .hd-burger span{background:#fff;}

/* 下拉菜单（深色磨砂面板） */
.mega{
	position:fixed;left:0;top:95px;width:100%;
	background:rgba(12,12,12,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
	z-index:990;padding:0;max-height:0;overflow:hidden;opacity:0;
	transition:max-height .45s ease,opacity .3s,padding .3s;
}
.mega.show{max-height:520px;opacity:1;padding:56px 0 60px;}
.mega .wrap{display:flex;justify-content:space-between;gap:60px;}
.mega-col{flex:1;}
.mega-col h3{
	font-size:20px;color:#fff;font-weight:600;padding-bottom:20px;margin-bottom:24px;
	position:relative;letter-spacing:.5px;
}
.mega-col h3::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--accent);}
.mega-col .links{display:flex;flex-direction:column;gap:15px;}
.mega-col .links a{font-size:15px;color:rgba(255,255,255,.68);transition:var(--ease);display:flex;align-items:center;gap:8px;}
.mega-col .links a::before{content:"";width:4px;height:4px;background:rgba(255,225,0,.65);border-radius:50%;opacity:0;transition:var(--ease);}
.mega-col .links a:hover{color:#fff;transform:translateX(4px);}
.mega-col .links a:hover::before{opacity:1;}
.mega-aside{
	width:300px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.1);padding-left:48px;
}
.mega-aside .mega-tip{font-size:13px;color:rgba(255,255,255,.45);letter-spacing:1px;margin-bottom:14px;}
.mega-aside .mega-big{font-size:30px;font-weight:600;color:#fff;line-height:1.35;margin-bottom:22px;}
.mega-aside .mega-big em{color:var(--accent);}
.mega-aside .mega-link{font-size:14px;color:var(--accent);}
.mega-aside .mega-link:hover{text-decoration:underline;}
.mega-mask{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:980;opacity:0;visibility:hidden;transition:var(--ease);pointer-events:none;}
.mega-mask.show{opacity:1;visibility:visible;pointer-events:auto;}

/* 移动端菜单 */
.m-nav{position:fixed;inset:0;width:100%;height:100%;z-index:1200;pointer-events:none;}
.m-nav .m-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:var(--ease);}
.m-nav .m-panel{
	position:absolute;right:0;top:0;width:82%;max-width:360px;height:100%;
	background:#fff;padding:28px 26px;overflow-y:auto;transform:translateX(100%);transition:var(--ease);
}
.m-nav h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.m-nav h2 img{height:34px;}
.m-nav h2 .close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#999;}
.m-nav .m-list > li{border-bottom:1px solid var(--line);}
.m-nav .m-list > li > a{display:flex;align-items:center;justify-content:space-between;height:56px;font-size:16px;font-weight:600;color:#222;}
.m-nav .m-sub{display:none;padding:0 0 16px;}
.m-nav .m-sub a{display:block;font-size:14px;color:var(--text);padding:9px 0;}
.m-nav .m-contact{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:2;color:var(--text);}
.m-nav .m-contact b{display:block;font-family:Arial;font-size:24px;color:#111;letter-spacing:.5px;}
.m-nav.open{pointer-events:auto;}
.m-nav.open .m-bg{opacity:1;}
.m-nav.open .m-panel{transform:translateX(0);}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;height:100vh;min-height:640px;max-height:980px;overflow:hidden;background:#0b0b0b;z-index:1;}
.hero .slide{
	position:absolute;inset:0;opacity:0;transition:opacity 1s ease;
	background-size:cover;background-position:center;
}
.hero .slide.on{opacity:1;}
.hero .slide::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.25) 100%);
}
.hero .slide.s2{background-image:url(banner4.jpg);}
.hero .slide.s3{background-image:url(banner3.jpg);}
.hero .slide.s1{background-image:url(banner1.jpg);}
.hero .wrap{position:relative;height:100%;z-index:3;}
.hero-inner{
	position:absolute;left:0;right:0;top:50%;transform:translateY(-48%);
	max-width:720px;color:#fff;
}
.hero-inner .eyebrow{color:#fff;opacity:.85;margin-bottom:26px;}
.hero-inner .eyebrow .dot{background:var(--accent);}
.hero h1{font-size:64px;line-height:1.24;font-weight:600;letter-spacing:1px;color:#fff;margin-bottom:26px;}
.hero h1 em{color:var(--accent);}
.hero .hero-p{font-size:18px;line-height:32px;color:rgba(255,255,255,.82);max-width:600px;}
.hero .hero-btns{display:flex;align-items:center;gap:16px;margin-top:42px;}
.hero .hero-btns .btn-pill{height:56px;padding:0 38px;}
.hero .hero-btns .btn-ghost{height:56px;}

.hero-bar{
	position:absolute;left:0;right:0;bottom:48px;z-index:5;
	display:flex;align-items:flex-end;justify-content:space-between;color:#fff;
}
.hero-bar .hbar-left{display:flex;align-items:center;gap:18px;}
.hero-bar .hcount{font-family:Arial;font-size:15px;letter-spacing:1px;color:rgba(255,255,255,.7);}
.hero-bar .hcount b{font-size:22px;color:#fff;font-weight:700;}
.hero-bar .hline{width:60px;height:1px;background:rgba(255,255,255,.3);}
.hero-bar .harrows{display:flex;gap:10px;}
.hero-bar .harrow{
	width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ease);
}
.hero-bar .harrow svg{width:14px;height:14px;stroke:#fff;}
.hero-bar .harrow:hover{background:var(--accent);border-color:var(--accent);}
.hero-bar .harrow:hover svg{stroke:#111;}
.hero-bar .hdots{display:flex;align-items:center;gap:0;}
.hero-bar .hdots span{width:50px;height:2px;background:rgba(255,255,255,.35);cursor:pointer;transition:var(--ease);}
.hero-bar .hdots span.on{background:var(--accent);}
.hero-bar .scroll-tip{display:flex;flex-direction:column;align-items:center;gap:12px;}
.hero-bar .scroll-tip i{font-size:12px;letter-spacing:3px;color:rgba(255,255,255,.7);writing-mode:vertical-rl;}
.hero-bar .scroll-tip .mouse{width:24px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:20px;display:flex;justify-content:center;}
.hero-bar .scroll-tip .mouse b{width:1px;height:8px;background:var(--accent);display:block;margin-top:8px;animation:wheel 2s linear infinite;}
@keyframes wheel{0%{transform:translateY(0);opacity:.9;}50%{transform:translateY(12px);opacity:.4;}100%{transform:translateY(0);opacity:.9;}}

.hero-side{
	position:absolute;right:55px;top:50%;transform:translateY(-50%) rotate(180deg);
	writing-mode:vertical-rl;font-size:12px;letter-spacing:4px;color:rgba(255,255,255,.4);z-index:4;
}

/* ==========================================================================
   SERVICE
   ========================================================================== */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 50px;}
.service-item{padding-top:36px;border-top:1px solid var(--line);position:relative;transition:var(--ease);}
.service-item::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--accent);transition:var(--ease);}
.service-item:hover::before{width:100%;}
.service-item .num{font-family:Arial;font-size:13px;letter-spacing:2px;color:#bbb;display:block;margin-bottom:26px;transition:var(--ease);}
.service-item:hover .num{color:var(--accent-deep);}
.service-item .ico{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:26px;transition:var(--ease);}
.service-item .ico svg{width:24px;height:24px;stroke:#111;transition:var(--ease);}
.service-item:hover .ico{background:var(--accent);border-color:var(--accent);}
.service-item h3{font-size:23px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:16px;}
.service-item p{font-size:15px;line-height:1.9;color:var(--text);min-height:86px;}
.service-item .more{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#888;margin-top:24px;transition:var(--ease);}
.service-item .more svg{width:14px;height:14px;stroke:#888;transition:var(--ease);}
.service-item:hover .more{color:var(--ink);}
.service-item:hover .more svg{stroke:var(--ink);transform:translateX(4px);}
.service-note{
	margin-top:64px;padding:30px 40px;background:var(--soft);
	display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.service-note p{font-size:16px;color:var(--text);line-height:1.8;}
.service-note p b{color:var(--ink);font-weight:600;}
.service-note .btn-pill{height:46px;font-size:15px;padding:0 28px;}

/* ==========================================================================
   STATS
   ========================================================================== */
.stats{background:#111111;padding:70px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);}
.stats-item{text-align:center;position:relative;padding:10px 0;}
.stats-item + .stats-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:56px;background:rgba(255,255,255,.12);}
.stats-item .n{font-family:Arial;font-size:46px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px;}
.stats-item .n small{font-size:20px;color:var(--accent);margin-left:2px;font-weight:400;}
.stats-item .t{font-size:14px;color:#8f8f8f;margin-top:16px;letter-spacing:1px;}

/* ==========================================================================
   WORKS
   ========================================================================== */
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.work{
	position:relative;display:block;overflow:hidden;background:#111;
}
.work .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;}
.work .thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:all .6s ease;}
.work:hover .thumb img{transform:scale(1.1);}
.work .tags{position:absolute;left:18px;top:18px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;}
.work .tags span{font-size:12px;color:#fff;background:rgba(255,255,255,.22);border-radius:100px;padding:5px 10px;line-height:1;backdrop-filter:blur(6px);}
.work .info{
	position:absolute;left:0;right:0;bottom:0;z-index:4;padding:24px;
	background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.82) 100%);
	display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
	opacity:1;transition:var(--ease);
}
.work .info h3{font-size:19px;font-weight:600;color:#fff;line-height:1.4;}
.work .info p{font-size:13px;color:rgba(255,255,255,.72);margin-top:8px;line-height:1.6;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.work .info .go{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--ease);}
.work .info .go svg{width:13px;height:13px;stroke:#fff;}
.work:hover .info .go{background:var(--accent);border-color:var(--accent);}
.work:hover .info .go svg{stroke:#111;}
.work::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent);z-index:6;transition:var(--ease);}
.work:hover::after{width:100%;}
.works-foot{margin-top:50px;display:flex;justify-content:center;}

/* ==========================================================================
   ADVANTAGE
   ========================================================================== */
.advantage{
	padding:110px 0;background:#0b0d11 url(pic68.jpg) no-repeat center/cover;position:relative;
}
.advantage::before{content:"";position:absolute;inset:0;background:rgba(8,10,14,.86);}
.advantage .wrap{position:relative;z-index:2;}
.adv-body{display:flex;justify-content:space-between;gap:70px;align-items:flex-start;margin-top:66px;}
.adv-tabs{display:flex;flex-direction:column;gap:46px;width:200px;flex-shrink:0;padding-left:10px;}
.adv-tab{
	width:132px;height:132px;border:1px solid rgba(255,255,255,.14);
	display:flex;align-items:center;justify-content:center;
	color:#a7a7a7;font-size:18px;letter-spacing:2px;cursor:pointer;
	transform:rotate(45deg);transition:all .35s ease;
}
.adv-tab b{transform:rotate(-45deg);font-weight:500;white-space:nowrap;transition:all .35s ease;}
.adv-tab:hover{border-color:rgba(255,225,0,.5);color:#fff;}
.adv-tab.on{color:var(--accent);border-color:rgba(255,225,0,.55);background:rgba(255,225,0,.04);}
.adv-tab.on b{font-size:22px;font-weight:600;}
.adv-list{flex:1;}
.adv-item{padding:0 0 34px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:34px;display:none;}
.adv-item:last-child{margin-bottom:0;}
.adv-item.on{display:block;}
.adv-item .en{font-size:13px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:16px;}
.adv-item h3{font-size:30px;color:#fff;font-weight:600;line-height:1.4;margin-bottom:16px;}
.adv-item p{font-size:15px;line-height:2;color:#a7a7a7;max-width:760px;}
.adv-item .adv-points{display:flex;gap:34px;flex-wrap:wrap;margin-top:22px;}
.adv-item .adv-points span{font-size:13px;color:rgba(255,255,255,.55);position:relative;padding-left:16px;}
.adv-item .adv-points span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;background:rgba(255,225,0,.8);}
.adv-right-img{display:none;}

/* ==========================================================================
   INDUSTRIES
   ========================================================================== */
.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:10px;}
.industry-item{
	height:96px;border:1px solid var(--line);background:#fff;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	transition:var(--ease);cursor:default;
}
.industry-item b{font-size:16px;color:var(--ink);font-weight:500;}
.industry-item i{font-size:11px;color:#bbb;letter-spacing:1px;font-family:Arial;}
.industry-item:hover{border-color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.06);transform:translateY(-4px);}
.industry-item:hover i{color:var(--accent-deep);}

/* ==========================================================================
   NEWS
   ========================================================================== */
.news-top{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;}
.news-card{display:block;box-shadow:0 0 35px rgba(0,0,0,.08);background:#fff;transition:var(--ease);}
.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12);}
.news-card .pic{height:240px;overflow:hidden;}
.news-card .pic img{width:100%;height:100%;object-fit:cover;transition:all .6s ease;}
.news-card:hover .pic img{transform:scale(1.08);}
.news-card .txt{padding:30px;background:var(--soft);}
.news-card .meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#999;letter-spacing:1px;margin-bottom:18px;}
.news-card .meta span{color:var(--accent-deep);background:#fff;padding:4px 9px;line-height:1;}
.news-card h3{font-size:19px;color:#333;font-weight:600;line-height:1.5;margin-bottom:14px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--ease);}
.news-card p{font-size:14px;color:#666;line-height:24px;height:48px;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-card:hover h3{color:var(--accent-deep);}
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;margin-top:26px;}
.news-row{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	height:64px;border-bottom:1px solid var(--line);transition:var(--ease);
}
.news-row h4{font-size:15px;color:#555;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-row .time{font-size:13px;color:#999;font-family:Arial;flex-shrink:0;}
.news-row:hover{border-color:var(--accent);}
.news-row:hover h4{color:var(--accent-deep);}

/* ==========================================================================
   CONTACT CTA
   ========================================================================== */
.cta{background:#111;padding:110px 0;position:relative;overflow:hidden;}
.cta::before{
	content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;
	border-radius:50%;background:radial-gradient(circle,rgba(255,225,0,.18),transparent 70%);
}
.cta .wrap{position:relative;z-index:2;display:flex;justify-content:space-between;gap:80px;align-items:flex-start;flex-wrap:wrap;}
.cta-left{max-width:560px;}
.cta-left .eyebrow{color:#fff;}
.cta-left h2{font-size:48px;line-height:1.3;color:#fff;font-weight:600;margin-bottom:24px;letter-spacing:1px;}
.cta-left h2 em{color:var(--accent);}
.cta-left p{font-size:16px;line-height:2;color:#a7a7a7;}
.cta-left .cta-info{display:flex;gap:50px;flex-wrap:wrap;margin-top:44px;padding-top:34px;border-top:1px solid rgba(255,255,255,.12);}
.cta-left .cta-info .ci i{display:block;font-size:12px;color:#777;letter-spacing:2px;margin-bottom:10px;}
.cta-left .cta-info .ci b{font-family:Arial;font-size:24px;color:var(--accent);letter-spacing:.5px;}
.cta-left .cta-info .ci span{font-size:14px;color:#ccc;line-height:1.8;}
.cta-form{width:460px;max-width:100%;flex-shrink:0;}
.cta-form .f-top{font-size:13px;color:#777;letter-spacing:2px;margin-bottom:18px;}
.cta-form .field{margin-bottom:26px;}
.cta-form .field label{display:block;font-size:13px;color:#888;margin-bottom:10px;}
.cta-form .field input{
	width:100%;height:52px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.22);
	font-size:16px;color:#fff;background:transparent;transition:var(--ease);
}
.cta-form .field input::placeholder{color:rgba(255,255,255,.35);}
.cta-form .field input:focus{border-bottom-color:var(--accent);}
.cta-form .btn-pill{width:100%;height:56px;border:0;cursor:pointer;font-size:16px;}
.cta-form .tip{font-size:12px;color:#777;margin-top:16px;line-height:1.7;}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer{background:var(--footer-dark);position:relative;padding-top:84px;}
.site-footer .wrap{position:relative;z-index:2;}
.foot-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:64px;flex-wrap:wrap;}
.foot-brand{width:300px;flex-shrink:0;}
.foot-brand img{height:42px;margin-bottom:26px;}
.foot-brand p{font-size:14px;line-height:1.9;color:#c9c9c9;}
.foot-brand .tel{display:block;font-family:Arial;font-size:30px;font-weight:700;color:var(--accent);margin:26px 0 8px;letter-spacing:.5px;}
.foot-brand .mail{font-size:14px;color:#c9c9c9;}
.foot-brand .addr{font-size:13px;color:#a8a8a8;line-height:1.9;margin-top:18px;max-width:280px;}
.foot-nav{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.foot-nav dl dt{font-size:16px;color:#fff;font-weight:600;margin-bottom:18px;padding-bottom:18px;border-top:1px solid rgba(255,255,255,.25);padding-top:18px;}
.foot-nav dl dd{margin-bottom:11px;}
.foot-nav dl dd a{font-size:14px;color:#a8a8a8;transition:var(--ease);display:block;}
.foot-nav dl dd a:hover{color:var(--accent);}
.foot-qr{display:flex;gap:26px;flex-shrink:0;}
.foot-qr .q{text-align:center;}
.foot-qr .q img{width:118px;height:118px;border:4px solid rgba(255,255,255,.14);}
.foot-qr .q p{font-size:12px;color:#a8a8a8;margin-top:10px;}
.foot-bottom{position:relative;z-index:2;padding:24px 0 26px;border-top:1px solid rgba(255,255,255,.1);}
.foot-bottom .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 16px;max-width:1100px;}
.foot-links a{font-size:12px;color:#8f8f8f;transition:var(--ease);}
.foot-links a:hover{color:var(--accent);}
.foot-copy{font-size:12px;color:#8f8f8f;line-height:1.8;margin-top:14px;}
.foot-copy a{color:#8f8f8f;}
.foot-copy a:hover{color:var(--accent);}

/* ==========================================================================
   悬浮工具 / 移动端底部条
   ========================================================================== */
.float-bar{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:900;}
.float-bar .fb{
	width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);
	display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;transition:var(--ease);
}
.float-bar .fb svg{width:22px;height:22px;fill:#111;}
.float-bar .fb:hover{background:var(--accent);transform:translateY(-3px);}
.float-bar .fb .pop{
	position:absolute;right:70px;top:50%;transform:translateY(-50%);
	background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:8px;border-radius:6px;
	opacity:0;visibility:hidden;transition:var(--ease);white-space:nowrap;width:max-content;
}
.float-bar .fb .pop img{width:120px;height:120px;max-width:none;}
.float-bar .fb:hover .pop{opacity:1;visibility:visible;}
.float-bar .fb.top{background:#111;}
.float-bar .fb.top svg{fill:#fff;}
.float-bar .fb.top:hover{background:var(--accent);}
.float-bar .fb.top:hover svg{fill:#111;}

.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid var(--line);height:60px;align-items:center;}
.mobile-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#666;height:100%;}
.mobile-bar a svg{width:20px;height:20px;fill:#666;}
.mobile-bar a.main{background:var(--accent);color:#111;font-weight:600;}
.mobile-bar a.main svg{fill:#111;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1600px){
	:root{--container:92%;}
	.site-header{padding:0 36px;}
	.site-header .hd-nav > li{margin-right:26px;}
	.site-header .hd-tel b{font-size:18px;}
	.service-grid{gap:0 34px;}
	.adv-body{gap:40px;}
}

@media (max-width:1366px){
	.site-header .hd-slogan{display:none;}
	.site-header .hd-nav > li{margin-right:20px;}
	.site-header .hd-nav > li > a{font-size:15px;}
	.site-header .hd-tel{display:none;}
	.hero h1{font-size:52px;}
	.hero-inner{max-width:620px;}
	.title h2{font-size:32px;}
	.service-grid{grid-template-columns:repeat(2,1fr);gap:46px 40px;}
	.service-item p{min-height:0;}
	.adv-tabs{width:180px;gap:38px;}
	.adv-tab{width:118px;height:118px;font-size:16px;}
	.industry-grid{grid-template-columns:repeat(4,1fr);}
	.cta-left h2{font-size:42px;}
	.cta-form{width:400px;}
	.news-card .pic{height:200px;}
}

@media (max-width:1024px){
	.site-header{height:72px;padding:0 24px;}
	.site-header .hd-nav{display:none;}
	.site-header .hd-tel{display:none;}
	.site-header .hd-cta{display:none;}
	.site-header .hd-burger{display:block;}
	.site-header .hd-logo img{height:32px;}
	.mega{display:none;}
	.section{padding:80px 0;}
	.hero{min-height:580px;}
	.hero h1{font-size:44px;}
	.hero .hero-p{font-size:16px;line-height:28px;}
	.hero .hero-btns .btn-pill,.hero .hero-btns .btn-ghost{height:50px;padding:0 26px;font-size:15px;}
	.hero-side{display:none;}
	.hero-bar{bottom:34px;}
	.hero-bar .scroll-tip{display:none;}
	.title{margin-bottom:38px;}
	.title h2{font-size:28px;}
	.title p{font-size:15px;margin-top:16px;}
	.works-grid{grid-template-columns:repeat(2,1fr);}
	.adv-body{flex-direction:column;gap:50px;margin-top:46px;}
	.adv-tabs{flex-direction:row;width:100%;gap:20px;padding-left:0;flex-wrap:wrap;}
	.adv-tab{width:104px;height:104px;}
	.adv-item h3{font-size:24px;}
	.news-top{grid-template-columns:repeat(2,1fr);gap:24px;}
	.news-card:last-child{display:none;}
	.news-list{grid-template-columns:1fr;gap:0;}
	.stats{padding:56px 0;}
	.stats-grid{grid-template-columns:repeat(3,1fr);gap:34px 0;}
	.stats-item:nth-child(4)::before{display:none;}
	.cta{padding:80px 0;}
	.cta .wrap{gap:50px;}
	.cta-form{width:100%;}
	.cta-left h2{font-size:36px;}
	.foot-top{gap:44px;}
	.foot-brand{width:100%;}
	.foot-nav{grid-template-columns:repeat(2,1fr);gap:30px 20px;}
	.float-bar{display:none;}
	.mobile-bar{display:flex;}
	body{padding-bottom:60px;}
	.foot-qr{margin:0 auto;}
}

@media (max-width:768px){
	:root{--container:92%;}
	.hero{height:auto;min-height:0;padding:150px 0 90px;}
	.hero .wrap{position:relative;height:auto;}
	.hero-inner{position:static;transform:none;max-width:100%;}
	.hero h1{font-size:32px;margin-bottom:18px;}
	.hero .hero-p{font-size:15px;line-height:26px;}
	.hero .hero-p br{display:none;}
	.hero .hero-btns{margin-top:30px;gap:10px;}
	.hero .hero-btns .btn-pill{padding:0 22px;}
	.hero-bar{position:static;margin-top:44px;}
	.hero-bar .harrows{display:none;}
	.hero-bar .hdots{display:none;}
	.title{display:block;}
	.title h2{font-size:24px;}
	.title .title-side{margin-top:24px;}
	.service-grid{grid-template-columns:1fr;gap:38px;}
	.service-item h3{font-size:20px;}
	.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 0;}
	.stats-item:nth-child(3)::before,.stats-item:nth-child(5)::before{display:none;}
	.stats-item .n{font-size:36px;}
	.works-grid{grid-template-columns:1fr;}
	.work .info h3{font-size:17px;}
	.adv-tab{width:92px;height:92px;font-size:14px;}
	.adv-tab.on b{font-size:17px;}
	.adv-item h3{font-size:20px;}
	.adv-item p{font-size:14px;line-height:1.9;}
	.industry-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
	.industry-item{height:84px;}
	.news-top{grid-template-columns:1fr;}
	.news-card:last-child{display:block;}
	.news-card .pic{height:200px;}
	.cta-left h2{font-size:28px;}
	.cta-left .cta-info{gap:26px;margin-top:32px;padding-top:26px;}
	.cta-left .cta-info .ci b{font-size:21px;}
	.foot-top{flex-direction:column;gap:40px;}
	.foot-nav{grid-template-columns:repeat(2,1fr);}
	.foot-bottom .wrap{flex-direction:column;align-items:flex-start;}
	.site-footer{padding-top:60px;}
	.btn-more span{width:46px;height:46px;}
	.service-note{padding:24px;gap:18px;}
	.service-note p{font-size:14px;}
	.news-row{height:58px;}
	.news-row h4{font-size:14px;}
}