-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
513 lines (479 loc) · 33.5 KB
/
Copy pathindex.html
File metadata and controls
513 lines (479 loc) · 33.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="埃非索管理咨询 EFESO — 工业4.0与WCOM™世界级制造转型领域全球顶尖专家，以数据驱动的运营卓越方法论赋能中国制造企业。">
<title>EFESO 埃非索 — 工业卓越与运营转型 | Demo 7</title>
<!-- Fonts: Syne (大字) + DM Sans (正文) + DM Mono (数据) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ═══════════════════════════════════════════════════════════════
NAV — Single-line, 72px, BCG/Roland Berger pattern
═══════════════════════════════════════════════════════════════ -->
<header class="navbar" id="navbar">
<div class="container nav-wrap">
<a href="#" class="nav-logo">
<img src="assets/images/efeso_logo_white_text.png" alt="EFESO 埃非索管理咨询">
</a>
<ul class="nav-links">
<li><a href="#about">关于我们</a></li>
<li><a href="#capabilities">核心能力</a></li>
<li><a href="#awards">工业4.0奖</a></li>
<li><a href="#judges">专家评委</a></li>
<li><a href="#video-tour">实景参观</a></li>
<li><a href="#calculator">绩效估算</a></li>
</ul>
<a href="#calculator" class="nav-cta">
<i class="fas fa-chart-line"></i> 测算运营 ROI
</a>
</div>
</header>
<!-- ═══════════════════════════════════════════════════════════════
HERO — 全宽沉浸, 底部对齐大字
Pattern: Terminal Industries / Imotion Factory / Godly dark luxury
═══════════════════════════════════════════════════════════════ -->
<section class="hero" id="hero">
<div class="hero-bg"></div>
<div class="hero-vignette"></div>
<div class="hero-scan"></div>
<!-- HUD overlay — Terminal Industries inspired -->
<div class="hero-hud" aria-hidden="true">
SYSTEM ── WCOM™ ACTIVE<br>
OEE: 97.4% ▰▰▰▰▰▰▰<br>
EFFICIENCY: OPTIMAL<br>
MODE: INDUSTRY 4.0
</div>
<div class="container">
<div class="hero-content">
<div class="hero-label reveal">WORLD-CLASS OPERATIONS CONSULTING</div>
<h1 class="hero-h1 reveal reveal-d1">
工业卓越<br>
<span>转型领航者</span>
</h1>
<div class="hero-row reveal reveal-d2">
<p class="hero-desc">
埃非索全球 35+ 办公室深耕工业制造 40 余年，以 WCOM™ 卓越运营体系与工业 4.0 方法论，帮助全球头部制造企业实现可量化的绩效突破。
</p>
<div class="hero-actions">
<a href="#capabilities" class="btn-copper">
<i class="fas fa-arrow-right"></i> 了解四大能力
</a>
<a href="#calculator" class="btn-outline">测算 ROI</a>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
STATS WALL — 数字冲击区，BCG data-forward pattern
═══════════════════════════════════════════════════════════════ -->
<div class="stats-wall" id="stats-wall">
<div class="container">
<div class="stats-grid">
<div class="stat-item reveal">
<div class="stat-num"><span class="count-up" data-target="40">0</span><span class="stat-unit">+</span></div>
<div class="stat-label">年行业深耕</div>
<div class="stat-bar"><div class="stat-bar-fill" data-w="80"></div></div>
</div>
<div class="stat-item reveal reveal-d1">
<div class="stat-num"><span class="count-up" data-target="35">0</span><span class="stat-unit">+</span></div>
<div class="stat-label">全球办公室</div>
<div class="stat-bar"><div class="stat-bar-fill" data-w="70"></div></div>
</div>
<div class="stat-item reveal reveal-d2">
<div class="stat-num"><span class="count-up" data-target="90">0</span><span class="stat-unit">%</span></div>
<div class="stat-label">客户续约率</div>
<div class="stat-bar"><div class="stat-bar-fill" data-w="90"></div></div>
</div>
<div class="stat-item reveal reveal-d3">
<div class="stat-num"><span class="count-up" data-target="400">0</span><span class="stat-unit">+</span></div>
<div class="stat-label">历届参评企业</div>
<div class="stat-bar"><div class="stat-bar-fill" data-w="65"></div></div>
</div>
</div>
</div>
</div>
<!-- ═══════════════════════════════════════════════════════════════
ABOUT — 交错叙事, Roland Berger pattern
═══════════════════════════════════════════════════════════════ -->
<section class="section" id="about">
<div class="container">
<div class="about-intro">
<div class="about-left">
<div class="section-tag reveal">ABOUT EFESO CONSULTING</div>
<h2 class="section-h2 reveal reveal-d1">
从董事会到<br>生产一线的<br>全程协作
</h2>
<p class="section-sub reveal reveal-d2" style="margin-top: 1rem;">
埃非索管理咨询 (上海) 有限公司专门从事运营战略与绩效改善，客户涵盖国际品牌、行业龙头到中等规模跨国企业。
</p>
<div class="about-pillars">
<div class="about-pillar reveal reveal-d2">
<div class="pillar-idx">01</div>
<div>
<div class="pillar-title">大员在田 · 运营落地致胜</div>
<div class="pillar-body">从公司高层到生产一线并肩协作，推动运营绩效卓越突破，90%+ 令人引以为傲的客户保持率。</div>
</div>
</div>
<div class="about-pillar reveal reveal-d3">
<div class="pillar-idx">02</div>
<div>
<div class="pillar-title">"协同工作" 理念</div>
<div class="pillar-body">深入融入客户文化、业务与挑战，安全推动组织变革，一起实现可持续的卓越转型。</div>
</div>
</div>
<div class="about-pillar reveal reveal-d4">
<div class="pillar-idx">03</div>
<div>
<div class="pillar-title">改革的关键在于人</div>
<div class="pillar-body">以人员动力 (Human Dynamics) 为核心，独特人本方法赋予转型持续动力并带来长期盈利。</div>
</div>
</div>
</div>
</div>
<div class="about-img-wrap reveal reveal-d2">
<img src="assets/images/wcom_consulting_team.png" alt="埃非索顾问团队在工厂现场">
<div class="about-badge">
<div class="about-badge-num">90%+</div>
<div class="about-badge-txt">CLIENT RETENTION RATE</div>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
CAPABILITIES — 交错网格, Awwwards 工业赢家布局
═══════════════════════════════════════════════════════════════ -->
<section class="section section-alt" id="capabilities">
<div class="container">
<div class="section-tag reveal">CORE CAPABILITIES</div>
<h2 class="section-h2 reveal reveal-d1">四大核心运营能力</h2>
<p class="section-sub reveal reveal-d2">融合 40 年 WCOM™ 卓越运营体系与最前沿的工业 4.0 数字化能力</p>
<div class="cap-grid" style="margin-top: 3rem;">
<!-- Wide card: WCOM + metric -->
<div class="cap-card cap-card-wide reveal">
<div>
<div class="cap-icon"><i class="fas fa-award"></i></div>
<div class="cap-num">01 / 04</div>
<h3 class="cap-title">WCOM™ 世界级制造体系</h3>
<p class="cap-body">融合 TPM、精益生产与 6 Sigma 卓越体系，通过八大支柱消除全流程损耗，构建世界级制造竞争力，帮助企业从概念走向持续卓越。</p>
<div class="cap-tags">
<span class="cap-tag">零缺陷</span>
<span class="cap-tag">自主维护</span>
<span class="cap-tag">EEM</span>
<span class="cap-tag">6 Sigma</span>
</div>
</div>
<div style="text-align: right; padding-top: 1rem;">
<div class="cap-metric">+25<span style="font-size:2rem;color:var(--silver-dim)">%</span></div>
<div class="cap-metric-label">平均 OEE 提升幅度</div>
</div>
</div>
<!-- Standard card 2 -->
<div class="cap-card reveal reveal-d1">
<div class="cap-icon" style="background:rgba(160,80,220,0.12);color:#c084fc;border-color:rgba(160,80,220,0.2);">
<i class="fas fa-microchip"></i>
</div>
<div class="cap-num">02 / 04</div>
<h3 class="cap-title">工业 4.0 与数字孪生</h3>
<p class="cap-body">打造 OT 与 IT 融合架构，构建基于 IIoT、AI 预测性维护、机器视觉与数字孪生的灯塔工厂样板。</p>
<div class="cap-tags">
<span class="cap-tag">OT/IT 融合</span>
<span class="cap-tag">AI 预测维护</span>
<span class="cap-tag">灯塔工厂</span>
</div>
</div>
<!-- Standard card 3 -->
<div class="cap-card reveal reveal-d2">
<div class="cap-icon" style="background:rgba(26,122,76,0.15);color:#2fa86a;border-color:rgba(26,122,76,0.3);">
<i class="fas fa-route"></i>
</div>
<div class="cap-num">03 / 04</div>
<h3 class="cap-title">敏捷端到端供应链</h3>
<p class="cap-body">优化需求预测与拉动式生产计划，缩短交期，降低库存周转天数 30% 以上，构建全链路可视化协同。</p>
<div class="cap-tags">
<span class="cap-tag">拉动生产</span>
<span class="cap-tag">库存优化</span>
<span class="cap-tag">端到端可视</span>
</div>
</div>
<!-- Standard card 4 -->
<div class="cap-card reveal reveal-d3">
<div class="cap-icon" style="background:rgba(37,100,180,0.15);color:#60a5fa;border-color:rgba(37,100,180,0.3);">
<i class="fas fa-leaf"></i>
</div>
<div class="cap-num">04 / 04</div>
<h3 class="cap-title">绿色低碳与双碳 ESG</h3>
<p class="cap-body">深入融入节能减排策略，推进单位产品碳足迹认证，打造零碳示范工厂，实现可持续发展战略目标。</p>
<div class="cap-tags">
<span class="cap-tag">双碳 ESG</span>
<span class="cap-tag">零碳工厂</span>
<span class="cap-tag">绿色制造</span>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
AWARDS — 竖向时间轴叙事, CSS Design Awards narrative pattern
═══════════════════════════════════════════════════════════════ -->
<section class="awards-section" id="awards">
<div class="container">
<div class="section-tag reveal">GLOBAL & CHINA AWARDS</div>
<h2 class="section-h2 reveal reveal-d1">行业最高荣誉认可</h2>
<p class="section-sub reveal reveal-d2">两大奖项共同表彰中国与全球最卓越的工业创新与运营领导力，自 2013 年建立至今。</p>
<!-- Award Block 1: Industry 4.0 -->
<div class="award-layout">
<div class="award-visual reveal" id="trophy-3d-container">
<canvas id="trophy-3d-canvas"></canvas>
</div>
<div class="reveal reveal-d1">
<div style="font-family:var(--font-mono);font-size:0.68rem;color:var(--copper);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1rem;">
EST. 2013 · ROI-EFESO GLOBAL AWARD
</div>
<h3 style="font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:0.02em;color:var(--silver);line-height:1.1;margin-bottom:0.9rem;">
工业 4.0<br>中国奖与全球奖
</h3>
<p style="font-size:0.9rem;color:var(--silver-dim);line-height:1.7;margin-bottom:2rem;">
自 2013 年建立以来，ROI-EFESO 工业 4.0 奖项已成为全球最具盛名的行业盛会之一，表彰开创性的解决方案与前瞻性思维，评选覆盖智能工厂、预测性维护与绿色低碳。
</p>
<div class="timeline">
<div class="tl-item">
<div class="tl-period">4 – 6月</div>
<div class="tl-desc">在线申报，填写报名问卷，提交项目材料</div>
</div>
<div class="tl-item">
<div class="tl-period">7 – 8月</div>
<div class="tl-desc">专家委员会现场与线上审核阶段</div>
</div>
<div class="tl-item">
<div class="tl-period">9 – 10月</div>
<div class="tl-desc">评委会匿名投票，遴选最终获奖名单</div>
</div>
<div class="tl-item">
<div class="tl-period">11 – 12月</div>
<div class="tl-desc">全球颁奖典礼与项目纪录片发布</div>
</div>
</div>
<a href="#calculator" class="btn-copper" style="display:inline-flex;margin-top:2rem;">
<i class="fas fa-trophy"></i> 申请 2026 工业 4.0 奖
</a>
</div>
</div>
<!-- Winners row -->
<div class="winners-row reveal">
<div class="winner-cell">
<div class="winner-cat">2025/26 智能工厂奖</div>
<div class="winner-name">宁德时代（福鼎工厂）</div>
<div class="winner-factory">全球规模领先锂电池基地</div>
</div>
<div class="winner-cell">
<div class="winner-cat">2025/26 AI 创新奖</div>
<div class="winner-name">海尔青岛净水工厂</div>
<div class="winner-factory">AI + IIoT 深度融合</div>
</div>
<div class="winner-cell">
<div class="winner-cat">2025/26 可持续奖</div>
<div class="winner-name">雀巢（青岛工厂）</div>
<div class="winner-factory">AI 算法驱动能效突破</div>
</div>
</div>
<!-- Award Block 2: WCM -->
<div class="award-layout flip" style="margin-top:0;">
<div class="award-visual reveal" style="position:relative;">
<img src="assets/images/wcm_award_ceremony.png" alt="WCM 颁奖典礼">
<div class="award-visual-overlay"></div>
</div>
<div class="reveal reveal-d1">
<div style="font-family:var(--font-mono);font-size:0.68rem;color:var(--copper);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1rem;">
WCM CHINA AWARD · 世界级制造
</div>
<h3 style="font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:0.02em;color:var(--silver);line-height:1.1;margin-bottom:0.9rem;">
WCM<br>世界级制造中国奖
</h3>
<p style="font-size:0.9rem;color:var(--silver-dim);line-height:1.7;margin-bottom:2rem;">
WCM 中国奖专为中国市场设立，融合埃非索 WCOM™ 卓越体系与全球灯塔工厂标准，聚焦生产效率、质量零缺陷与数字化转型综合能力。
</p>
<div style="display:flex;gap:3rem;margin-bottom:2.5rem;flex-wrap:wrap;">
<div>
<div style="font-family:var(--font-display);font-size:3.5rem;font-weight:700;letter-spacing:0.02em;color:var(--copper);line-height:1.1;">33</div>
<div style="font-family:var(--font-mono);font-size:0.68rem;color:var(--silver-muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.3rem;">位权威专家评委</div>
</div>
<div>
<div style="font-family:var(--font-display);font-size:3.5rem;font-weight:700;letter-spacing:0.02em;color:var(--copper);line-height:1.1;">400+</div>
<div style="font-family:var(--font-mono);font-size:0.68rem;color:var(--silver-muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.3rem;">历届参评企业</div>
</div>
</div>
<a href="#judges" class="btn-outline" style="display:inline-flex;">
<i class="fas fa-users"></i> 认识 33 位评委
</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
JUDGES — 5列紧凑无框照片墙, Godly editorial pattern
═══════════════════════════════════════════════════════════════ -->
<section class="judges-section" id="judges">
<div class="container">
<div class="judges-header">
<div>
<div class="section-tag reveal">WCM CHINA JUDGES</div>
<h2 class="section-h2 reveal reveal-d1">世界级制造中国奖评委团</h2>
<p class="section-sub reveal reveal-d2" style="margin-top:0.5rem;">33 位来自全球制造与工业领域的顶级专家，排名按姓氏字母顺序</p>
</div>
</div>
<div class="judges-grid">
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/baroncelli-carlo.png" alt="Baroncelli Carlo"><div class="judge-name">Baroncelli Carlo</div><div class="judge-role">埃非索联合创始人<br>WCOM书籍作者</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/chen-jin-bing.png" alt="陈金炳"><div class="judge-name">陈金炳</div><div class="judge-role">中国科大科技商学院<br>企业家项目负责人</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/chen-min.png" alt="陈敏"><div class="judge-name">陈敏</div><div class="judge-role">宝洁公司<br>原工厂总监</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/chen-pin-quan.png" alt="陈品铨"><div class="judge-name">陈品铨</div><div class="judge-role">罗氏技术运营中国区<br>卓越运营负责人</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/donkers-joost.png" alt="Donkers Joost"><div class="judge-name">Donkers Joost</div><div class="judge-role">达能集团<br>专业营养副总裁</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/fang-ye-xian.png" alt="方也弦"><div class="judge-name">方也弦</div><div class="judge-role">亿滋食品大中华区<br>数字化转型负责人</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/feng-an-min.png" alt="冯安民"><div class="judge-name">冯安民</div><div class="judge-role">宁德时代<br>智能工厂总监</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/gross-marc.png" alt="Gross Marc"><div class="judge-name">Gross Marc</div><div class="judge-role">喜力啤酒<br>原生集团COO</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/huang-zhi-min.png" alt="黄志敏"><div class="judge-name">黄志敏</div><div class="judge-role">达能食品饮料<br>营运数字化负责人</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/koetsier-bas.png" alt="Koetsier Bas"><div class="judge-name">Koetsier Bas</div><div class="judge-role">埃非索集团<br>运营副总裁</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/lelli-manuele.png" alt="Lelli Manuele"><div class="judge-name">Lelli Manuele</div><div class="judge-role">菲利普莫里斯<br>制造副总裁</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/li-yan.png" alt="李琰"><div class="judge-name">李琰</div><div class="judge-role">博世力士乐（西安）<br>总经理</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/liu-wei-bo.png" alt="刘维波"><div class="judge-name">刘维波</div><div class="judge-role">贝恩咨询合伙人<br>绩效改进专家</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/liu-yu-ping.png" alt="刘玉平"><div class="judge-name">刘玉平</div><div class="judge-role">海尔智家集成供应链<br>战略规划总监</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/lu-xiang-ling.png" alt="卢向玲"><div class="judge-name">卢向玲</div><div class="judge-role">欧莱雅<br>苏州工厂总经理</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/lv-zhi-yong.png" alt="吕志勇"><div class="judge-name">吕志勇</div><div class="judge-role">伊利集团<br>质量管理部总经理</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/ma-li-ming.png" alt="马黎明"><div class="judge-name">马黎明</div><div class="judge-role">索尔维星工厂计划<br>卓越运营亚太区</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/martinez-abel.png" alt="Martínez Abel"><div class="judge-name">Martínez Abel</div><div class="judge-role">JDE/皮爷咖啡<br>全球供应链总监</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/roesch-raimund.png" alt="Roesch Raimund"><div class="judge-name">Roesch Raimund</div><div class="judge-role">大众一汽发动机(大连)<br>总经理</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/sorrentino.png" alt="Sorrentino F."><div class="judge-name">Sorrentino F.</div><div class="judge-role">索恩格汽车<br>CEO</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/su-gong.png" alt="苏巩"><div class="judge-name">苏巩</div><div class="judge-role">摩根士丹利亚洲基金<br>执行合伙人</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/sun-tong.png" alt="孙通"><div class="judge-name">孙通</div><div class="judge-role">日丰企业集团<br>制造中心总监</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/sun-jian-guo.png" alt="孙建国"><div class="judge-name">孙建国</div><div class="judge-role">飞鹤乳业<br>集团副总裁</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/sun-xiao-ming.png" alt="孙小明"><div class="judge-name">孙小明</div><div class="judge-role">上海交通大学教授<br>工业工程与管理系</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/van-de-nobelen-ruud.png" alt="Van de Nobelen R."><div class="judge-name">Van de Nobelen R.</div><div class="judge-role">玛氏<br>卓越供应链副总裁</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/wang-guo-wei.png" alt="王国伟"><div class="judge-name">王国伟</div><div class="judge-role">圣戈班中国<br>亚太区卓越运营总监</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/yuan-yang.png" alt="袁洋"><div class="judge-name">袁洋</div><div class="judge-role">玛氏箭牌糖果<br>中国供应链高级总监</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/zhang-qing.png" alt="张庆"><div class="judge-name">张庆</div><div class="judge-role">太古可口可乐<br>持续改进总经理</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/zhang-rong-cheng.png" alt="张荣成"><div class="judge-name">张荣成</div><div class="judge-role">安姆科新材料<br>集团副总裁</div></div>
<div class="judge-card reveal reveal-d2"><img class="judge-avatar" src="assets/images/judges/zhao-zhong.png" alt="赵忠"><div class="judge-name">赵忠</div><div class="judge-role">光明乳业<br>生产中心总经理</div></div>
<div class="judge-card reveal"><img class="judge-avatar" src="assets/images/judges/zhou-hui-dong.png" alt="周会东"><div class="judge-name">周会东</div><div class="judge-role">远景科技集团<br>全球ESG负责人</div></div>
<div class="judge-card reveal reveal-d1"><img class="judge-avatar" src="assets/images/judges/zhu-yang.png" alt="朱阳"><div class="judge-name">朱阳</div><div class="judge-role">长江商学院<br>运营管理教授</div></div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
VIDEO TOUR
═══════════════════════════════════════════════════════════════ -->
<section class="video-section section" id="video-tour">
<div class="container">
<div class="section-tag reveal">FACTORY TOUR</div>
<h2 class="section-h2 reveal reveal-d1">3 分钟走进世界级<br>工厂转型现场</h2>
<p class="section-sub reveal reveal-d2">观摩埃非索顾问团队如何深入智能化车间，帮助企业建立零缺陷防护网与预测性维护体系。</p>
<div class="video-wrap reveal reveal-d2">
<video src="assets/videos/factory_tour.mp4" controls preload="metadata"></video>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
ROI CALCULATOR
═══════════════════════════════════════════════════════════════ -->
<section class="calc-section" id="calculator">
<div class="container">
<div class="section-tag reveal">INTERACTIVE ASSESSMENT</div>
<h2 class="section-h2 reveal reveal-d1">EFESO 运营绩效<br>ROI 实时估算器</h2>
<p class="section-sub reveal reveal-d2">基于您的产值规模与数字化成熟度，精准评估 WCOM™ 与工业 4.0 带来的运营提效收益。</p>
<div class="calc-layout reveal reveal-d2">
<div>
<label class="calc-label" for="calc-rev">工厂 / 企业年产值规模（亿元）</label>
<input type="number" id="calc-rev" class="calc-input" value="10" min="1" max="1000">
<label class="calc-label">当前精益与数字化成熟度</label>
<div class="c-select" id="csel">
<div class="c-select-trigger">
<span id="csel-text">单点自动化阶段（已有局部精益）</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="c-select-opts">
<div class="c-opt" data-val="1">初始起步阶段（概念建立）</div>
<div class="c-opt sel" data-val="2">单点自动化阶段（已有局部精益）</div>
<div class="c-opt" data-val="3">全面推进标准化阶段（数字化转型）</div>
</div>
<input type="hidden" id="calc-mat" value="2">
</div>
<div style="padding:1.1rem 1.25rem;background:var(--copper-dim);border:1px solid rgba(201,151,74,0.2);border-radius:var(--radius-md);font-size:0.83rem;color:var(--silver-dim);line-height:1.6;margin-top:0.5rem;">
<i class="fas fa-info-circle" style="color:var(--copper);margin-right:0.5rem;"></i>
结果基于埃非索 40+ 年全球项目数据库中的行业基准值，实际收益需经专业评估确认。
</div>
</div>
<div class="calc-results">
<div class="result-block">
<div class="result-label">预估每年成本节省</div>
<div class="result-val" id="res-saved">¥ 67.5 百万/年</div>
</div>
<div class="result-block">
<div class="result-label">预估 OEE 提升幅度</div>
<div class="result-val v-green" id="res-oee">+ 27 %</div>
</div>
<div class="result-block">
<div class="result-label">投资回收周期</div>
<div class="result-val v-silver" id="res-payback">11.5 个月</div>
</div>
<a href="#" class="calc-cta">
<i class="fas fa-file-alt"></i> 获取诊断白皮书
</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════════════════════ -->
<footer class="footer" id="contact">
<div class="container">
<div class="footer-grid">
<div class="footer-logo">
<img src="assets/images/efeso_logo_white_text.png" alt="EFESO 埃非索管理咨询">
<p class="footer-desc">
埃非索管理咨询 (EFESO Management Consultants) 是全球领先的运营管理与工业 4.0 转型专家，深耕制造业 40+ 年。
</p>
</div>
<div>
<div class="footer-col-h">核心能力</div>
<ul class="footer-links">
<li><a href="#capabilities">WCOM™ 世界级制造</a></li>
<li><a href="#capabilities">工业 4.0 与数字孪生</a></li>
<li><a href="#capabilities">端到端供应链优化</a></li>
<li><a href="#capabilities">绿色低碳与 ESG</a></li>
</ul>
</div>
<div>
<div class="footer-col-h">奖项与活动</div>
<ul class="footer-links">
<li><a href="#awards">工业 4.0 全球奖</a></li>
<li><a href="#awards">WCM 中国奖评选</a></li>
<li><a href="#judges">专家评审委员会</a></li>
<li><a href="#video-tour">标杆工厂参访纪录</a></li>
</ul>
</div>
<div>
<div class="footer-col-h">联系我们</div>
<ul class="footer-links">
<li><a href="#">上海: 陆家嘴环路1000号</a></li>
<li><a href="#">热线: +86 (21) 6888 8888</a></li>
<li><a href="#">邮箱: info.china@efeso.com</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p class="footer-copy">© 2026 EFESO Management Consultants. All Rights Reserved.</p>
<p class="footer-copy">DEMO 7 · 精英工业叙事 · Syne + DM Sans · 冷银暗铜系</p>
</div>
</div>
</footer>
<script src="three.min.js"></script>
<script src="app.js"></script>
</body>
</html>