Files
vf_react/public/htmls/充电桩.html
2025-11-13 17:38:54 +08:00

311 lines
13 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>充电桩概念全景图 | 三年倍增·订单&盈利双击</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.24/dist/full.min.css" rel="stylesheet">
<style>
:root {
--primary: #00d4ff;
--secondary: #0066cc;
--accent: #ffcc00;
--dark: #0a1929;
--light: #f0f8ff;
}
body {
background: linear-gradient(135deg, var(--dark) 0%, #001a33 100%);
color: var(--light);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 212, 255, 0.2);
border-radius: 16px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
}
.table-responsive {
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(0, 212, 255, 0.2);
}
table {
background: rgba(255, 255, 255, 0.03);
color: var(--light);
}
th {
background: rgba(0, 102, 204, 0.3);
color: var(--accent);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
td {
border-color: rgba(0, 212, 255, 0.1);
}
.badge {
font-size: 0.75rem;
padding: 0.4em 0.6em;
}
.text-primary {
color: var(--primary) !important;
}
.text-accent {
color: var(--accent) !important;
}
.btn-primary {
background: linear-gradient(90deg, var(--primary), var(--secondary));
border: none;
border-radius: 20px;
padding: 0.5rem 1.5rem;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-primary:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(0, 212, 255, 0.4);
}
.timeline-item {
border-left: 2px solid var(--primary);
padding-left: 1.5rem;
position: relative;
margin-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -6px;
top: 0;
width: 10px;
height: 10px;
background: var(--accent);
border-radius: 50%;
}
.hero-section {
background: linear-gradient(135deg, rgba(0, 102, 204, 0.2) 0%, rgba(0, 212, 255, 0.1) 100%);
border-radius: 20px;
padding: 2rem;
margin-bottom: 2rem;
border: 1px solid rgba(0, 212, 255, 0.3);
}
.metric-card {
text-align: center;
padding: 1.5rem;
background: rgba(0, 102, 204, 0.1);
border-radius: 12px;
border: 1px solid rgba(0, 212, 255, 0.2);
}
.metric-value {
font-size: 2rem;
font-weight: 700;
color: var(--accent);
}
.metric-label {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
margin-top: 0.5rem;
}
</style>
</head>
<body>
<div class="container-fluid px-3 px-md-4 py-4">
<!-- Hero Section -->
<div class="hero-section">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-5 fw-bold text-primary mb-3">
充电桩概念全景图
</h1>
<p class="lead mb-0">
三年倍增行动方案引爆订单&盈利双击主升浪 · 2025-2027 CAGR 40%+ 高确定性
</p>
</div>
<div class="col-lg-4 mt-3 mt-lg-0">
<div class="row g-2">
<div class="col-6">
<div class="metric-card">
<div class="metric-value">2800万</div>
<div class="metric-label">2027年目标桩数</div>
</div>
</div>
<div class="col-6">
<div class="metric-card">
<div class="metric-value">3亿</div>
<div class="metric-label">公共充电容量(kW)</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-lightning-charge-fill me-2"></i>核心观点摘要
</h2>
<div class="card p-3">
<p class="mb-0">
充电桩概念正从<strong class="text-accent">"政策预期"</strong>迈入<strong class="text-accent">"订单&盈利双击"</strong>的基本面主升浪:
①三年倍增方案给出2025-2027年<strong>CAGR 40%</strong>的确定性总量;
②欧美车桩比15-26:1的海外缺口打开高毛利出海市场中国模块/整桩成本优势<strong>30-50%</strong>
③直流快充+液冷超充技术迭代带动单桩价值量<strong>翻倍</strong>
</p>
</div>
</section>
<!-- 政策时间轴 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-calendar-event me-2"></i>政策时间轴
</h2>
<div class="card p-3">
<div class="timeline-item">
<div class="fw-bold text-accent">2023年2月</div>
<div class="small">八部委提出公共领域车桩比1:1首次设定量化目标</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2024年10月</div>
<div class="small">公共桩单月新增6.3万台,同比+34.3%,建设节奏已提前启动</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年1月</div>
<div class="small">联盟预测2025年新增公共桩103.8万台同比再提速20%</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年5月</div>
<div class="small">国新办再提"倍增"行动,中央预算内投资+政策性金融工具双管齐下</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年10月</div>
<div class="small">六部门正式文件落地2800万桩、3亿千瓦成为硬性KPI</div>
</div>
</div>
</section>
<!-- 产业链表格 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-diagram-3 me-2"></i>产业链核心公司A股
</h2>
<div class="table-responsive">
<table class="table table-sm table-hover align-middle mb-0">
<thead>
<tr>
<th>股票</th>
<th>环节</th>
<th>价值量占比</th>
<th>市场地位/亮点</th>
<th>来源</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong class="text-primary">优优绿能</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第一、国内第二市占率21.65%</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">特锐德</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第二市占率15.31%(特来电)</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">通合科技</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第三市占率14.78%</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">沃尔核材</strong></td>
<td><span class="badge bg-success">充电枪</span></td>
<td>12.25%</td>
<td>2024直流充电枪营收国内第一液冷枪已批量</td>
<td>调研</td>
</tr>
<tr>
<td><strong class="text-primary">盛弘股份</strong></td>
<td><span class="badge bg-warning">整桩</span></td>
<td>-</td>
<td>2024充电桩营收12.16亿占比40.04%</td>
<td>财报</td>
</tr>
<tr>
<td><strong class="text-primary">绿能慧充</strong></td>
<td><span class="badge bg-warning">整桩</span></td>
<td>-</td>
<td>2024充电桩销售8.06亿占比79.44%</td>
<td>财报</td>
</tr>
<tr>
<td><strong class="text-primary">特锐德</strong></td>
<td><span class="badge bg-info">运营</span></td>
<td>-</td>
<td>直流终端47.5万台份额24%充电量份额23%,双第一</td>
<td>研报</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 投资启示 -->
<section class="mb-4">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-cash-coin me-2"></i>综合结论与投资启示
</h2>
<div class="card p-3">
<p class="mb-3">
充电桩概念已<strong class="text-accent">脱离主题炒作</strong>,进入<strong class="text-accent">"政策订单→盈利释放"</strong>的基本面主升浪2025-2027年行业CAGR 40%+具备高确定性。
</p>
<div class="row g-2">
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">1</span>
<span>模块外供+出海认证:优优绿能、通合科技</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">2</span>
<span>整桩ODM欧美渠道道通科技、盛弘股份</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">3</span>
<span>液冷枪细分龙头:沃尔核材</span>
</div>
</div>
</div>
<hr class="my-3">
<p class="mb-0 small text-muted">
一句话总结:<strong class="text-accent">"三年倍增"给量,出海+液冷给价模块寡头给利润2026年春节前是设备端业绩兑现的黄金窗口。</strong>
</p>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-3 mt-4 border-top border-secondary">
<p class="small mb-0 text-muted">
数据来源:中国充电联盟、公开财报、券商研报 | 更新时间2025年10月
</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>