Files
vf_react/public/htmls/功率半导体.html
2025-11-13 17:38:54 +08:00

490 lines
24 KiB
HTML
Raw 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" data-theme="business">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>功率半导体概念分析 - 周期复苏与结构升级的双轮驱动</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
}
.glass-card {
background: rgba(30, 41, 59, 0.5);
backdrop-filter: blur(10px);
border: 1px solid rgba(148, 163, 184, 0.1);
}
.timeline-item::before {
content: '';
position: absolute;
left: -1px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #3b82f6, #8b5cf6);
}
.pulse-dot {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
}
}
.gradient-text {
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hover-scale {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-scale:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive::-webkit-scrollbar {
height: 6px;
}
.table-responsive::-webkit-scrollbar-track {
background: rgba(30, 41, 59, 0.3);
}
.table-responsive::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
border-radius: 3px;
}
.stat-card {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
border: 1px solid rgba(59, 130, 246, 0.2);
}
.tech-badge {
background: linear-gradient(135deg, #f59e0b, #ef4444);
color: white;
padding: 2px 8px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 600;
}
</style>
</head>
<body class="bg-slate-900 text-slate-100">
<!-- Header -->
<header class="sticky top-0 z-50 glass-card border-b border-slate-700">
<div class="container mx-auto px-4 py-4">
<div class="flex items-center justify-between">
<div>
<h1 class="text-3xl font-bold gradient-text flex items-center gap-3">
<i class="fas fa-microchip"></i>
功率半导体概念分析
</h1>
<p class="text-slate-400 mt-1">周期复苏与结构升级的双轮驱动</p>
</div>
<div class="hidden md:flex items-center gap-4">
<span class="text-sm text-slate-400">更新时间2025年Q3</span>
<div class="badge badge-success gap-2">
<span class="w-2 h-2 bg-success rounded-full pulse-dot"></span>
高度关注
</div>
</div>
</div>
</div>
</header>
<main class="container mx-auto px-4 py-8">
<!-- 核心观点摘要 -->
<section class="mb-8">
<div class="glass-card rounded-2xl p-6 hover-scale">
<h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
<i class="fas fa-lightbulb text-yellow-400"></i>
核心观点摘要
</h2>
<div class="prose prose-invert max-w-none">
<p class="text-lg leading-relaxed text-slate-300">
功率半导体行业正处于由<span class="text-blue-400 font-semibold">周期触底回升</span><span class="text-purple-400 font-semibold">技术结构升级</span>双轮驱动的黄金发展期。其核心驱动力源于新能源车特别是800V高压平台和"风光储"带来的需求爆发,以及国产替代在成本和供应链安全优势下的加速渗透。
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
<div class="stat-card rounded-xl p-4">
<div class="text-3xl font-bold text-blue-400">35%↑</div>
<div class="text-sm text-slate-400 mt-1">800V架构2030年渗透率</div>
</div>
<div class="stat-card rounded-xl p-4">
<div class="text-3xl font-bold text-purple-400">50%+</div>
<div class="text-sm text-slate-400 mt-1">国产成本优势</div>
</div>
<div class="stat-card rounded-xl p-4">
<div class="text-3xl font-bold text-green-400">30%↓</div>
<div class="text-sm text-slate-400 mt-1">SiC损耗降低</div>
</div>
</div>
</div>
</section>
<!-- 关键事件时间轴 -->
<section class="mb-8">
<div class="glass-card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-6 flex items-center gap-2">
<i class="fas fa-timeline text-blue-400"></i>
关键事件时间轴
</h2>
<div class="space-y-4">
<div class="timeline-item relative pl-8">
<div class="absolute left-0 top-1 w-3 h-3 bg-blue-500 rounded-full"></div>
<div class="flex justify-between items-start">
<div>
<span class="text-blue-400 font-semibold">2025-09-12</span>
<p class="mt-1">无锡振华报告800V架构渗透率2025-2030年从9.5%提升至35%以上</p>
</div>
<span class="tech-badge">800V</span>
</div>
</div>
<div class="timeline-item relative pl-8">
<div class="absolute left-0 top-1 w-3 h-3 bg-purple-500 rounded-full"></div>
<div class="flex justify-between items-start">
<div>
<span class="text-purple-400 font-semibold">2025-07-30</span>
<p class="mt-1">深蓝汽车与功率半导体龙头联合布局下一代芯片</p>
</div>
<span class="tech-badge">产业协同</span>
</div>
</div>
<div class="timeline-item relative pl-8">
<div class="absolute left-0 top-1 w-3 h-3 bg-green-500 rounded-full"></div>
<div class="flex justify-between items-start">
<div>
<span class="text-green-400 font-semibold">2025-02-02</span>
<p class="mt-1">太空验证国产SiC功率器件第三代半导体应用突破</p>
</div>
<span class="tech-badge">SiC</span>
</div>
</div>
<div class="timeline-item relative pl-8">
<div class="absolute left-0 top-1 w-3 h-3 bg-yellow-500 rounded-full"></div>
<div class="flex justify-between items-start">
<div>
<span class="text-yellow-400 font-semibold">2024-01-15</span>
<p class="mt-1">多家企业发布涨价函,行业供需关系逆转信号</p>
</div>
<span class="tech-badge">涨价潮</span>
</div>
</div>
</div>
</div>
</section>
<!-- 核心驱动力 -->
<section class="mb-8">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="glass-card rounded-2xl p-6 hover-scale">
<div class="flex items-center gap-3 mb-4">
<i class="fas fa-bolt text-3xl text-yellow-400"></i>
<h3 class="text-xl font-bold">能源革命</h3>
</div>
<ul class="space-y-2 text-slate-300">
<li class="flex items-start gap-2">
<i class="fas fa-car text-green-400 mt-1"></i>
<span>新能源汽车800V高压平台</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-solar-panel text-yellow-400 mt-1"></i>
<span>光伏储能需求爆发</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-charging-station text-blue-400 mt-1"></i>
<span>充电桩建设加速</span>
</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6 hover-scale">
<div class="flex items-center gap-3 mb-4">
<i class="fas fa-flag text-3xl text-red-400"></i>
<h3 class="text-xl font-bold">国产替代</h3>
</div>
<ul class="space-y-2 text-slate-300">
<li class="flex items-start gap-2">
<i class="fas fa-coins text-green-400 mt-1"></i>
<span>成本优势50%+</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-shield-alt text-blue-400 mt-1"></i>
<span>供应链安全需求</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-rocket text-purple-400 mt-1"></i>
<span>技术加速追赶</span>
</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6 hover-scale">
<div class="flex items-center gap-3 mb-4">
<i class="fas fa-microchip text-3xl text-purple-400"></i>
<h3 class="text-xl font-bold">技术迭代</h3>
</div>
<ul class="space-y-2 text-slate-300">
<li class="flex items-start gap-2">
<i class="fas fa-gem text-purple-400 mt-1"></i>
<span>SiC第三代半导体</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-chart-line text-green-400 mt-1"></i>
<span>效率提升30%</span>
</li>
<li class="flex items-start gap-2">
<i class="fas fa-temperature-low text-blue-400 mt-1"></i>
<span>耐高温性能</span>
</li>
</ul>
</div>
</div>
</section>
<!-- 核心公司分析 -->
<section class="mb-8">
<div class="glass-card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-6 flex items-center gap-2">
<i class="fas fa-building text-blue-400"></i>
核心公司分析
</h2>
<div class="table-responsive">
<table class="table table-zebra w-full">
<thead>
<tr class="text-slate-300 border-b border-slate-700">
<th class="bg-slate-800">公司名称</th>
<th class="bg-slate-800">产品分类</th>
<th class="bg-slate-800">市场地位/相关性</th>
<th class="bg-slate-800">数据来源</th>
<th class="bg-slate-800">核心逻辑</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">华润微</td>
<td><span class="badge badge-info">MOSFET</span></td>
<td>A股第一中国市场市占率9%</td>
<td>中金企信2020年数据</td>
<td class="text-sm">IDM龙头全产业链一体化优势</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">士兰微</td>
<td><span class="badge badge-info">MOSFET</span> <span class="badge badge-warning">IGBT</span></td>
<td>MOSFET A股第二IGBT国内第一</td>
<td>中金企信2020年数据</td>
<td class="text-sm">双产品线布局全球IGBT市占率3.4%</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">斯达半导</td>
<td><span class="badge badge-warning">IGBT</span></td>
<td>IGBT模块国内第一全球市占率4.3%</td>
<td>研报2022年数据</td>
<td class="text-sm">车规级IGBT技术领先深度绑定大客户</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">新洁能</td>
<td><span class="badge badge-info">MOSFET</span> <span class="badge badge-warning">IGBT</span></td>
<td>MOSFET A股第三市占率3.76%</td>
<td>中金企信2020年数据</td>
<td class="text-sm">产品迭代快,光伏服务器电源增长迅速</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">时代电气</td>
<td><span class="badge badge-warning">IGBT</span></td>
<td>IGBT模块国内第二全球市占率4.1%</td>
<td>研报2022年数据</td>
<td class="text-sm">轨道交通技术积累,拓展新能源汽车</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">扬杰科技</td>
<td><span class="badge badge-warning">IGBT</span></td>
<td>8/12寸IGBT芯片全系列批量出货</td>
<td>调研数据</td>
<td class="text-sm">涨价潮主力,中低压产品库存干净</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">芯联集成</td>
<td><span class="badge badge-secondary">SiC MOSFET</span></td>
<td>2025年H1 SiC出货量亚洲前列</td>
<td>调研数据</td>
<td class="text-sm">SiC领域快速突破代工产能优势</td>
</tr>
<tr class="hover:bg-slate-800/50">
<td class="font-semibold text-blue-400">东微半导</td>
<td><span class="badge badge-info">MOSFET</span></td>
<td>超级结MOSFET在12英寸基地扩容</td>
<td>半年报</td>
<td class="text-sm">技术领先,高端产品占比提升</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 风险提示 -->
<section class="mb-8">
<div class="glass-card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
<i class="fas fa-exclamation-triangle text-yellow-400"></i>
关键风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="alert alert-warning">
<i class="fas fa-microchip"></i>
<div>
<h4 class="font-bold">技术风险</h4>
<p class="text-sm">SiC衬底良率和成本仍是制约第三代半导体大规模应用的核心瓶颈</p>
</div>
</div>
<div class="alert alert-error">
<i class="fas fa-dollar-sign"></i>
<div>
<h4 class="font-bold">商业化风险</h4>
<p class="text-sm">SiC器件价格过高车企搭载意愿不及预期</p>
</div>
</div>
<div class="alert alert-info">
<i class="fas fa-globe"></i>
<div>
<h4 class="font-bold">竞争风险</h4>
<p class="text-sm">海外巨头反制,价格战"内卷"压力</p>
</div>
</div>
<div class="alert alert-success">
<i class="fas fa-chart-line"></i>
<div>
<h4 class="font-bold">预期差风险</h4>
<p class="text-sm">涨价仅限中低压产品,非全面复苏</p>
</div>
</div>
</div>
</div>
</section>
<!-- 投资启示 -->
<section>
<div class="glass-card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
<i class="fas fa-chart-pie text-green-400"></i>
投资启示
</h2>
<div class="prose prose-invert max-w-none">
<p class="text-lg text-slate-300 mb-4">
功率半导体概念正从<span class="text-yellow-400">主题炒作阶段</span>,逐步过渡到<span class="text-green-400">基本面驱动的分化阶段</span>。行业的贝塔行情普涨期已过,未来将是阿尔法机会的天下。
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
<div class="bg-gradient-to-br from-blue-900/50 to-purple-900/50 rounded-xl p-4 border border-blue-500/30">
<h4 class="font-bold text-blue-400 mb-2">
<i class="fas fa-crown mr-2"></i>拥抱结构升级
</h4>
<p class="text-sm text-slate-300">
优先选择汽车电子800V/SiC和绿色能源赛道中具备核心技术护城河的公司
</p>
</div>
<div class="bg-gradient-to-br from-green-900/50 to-emerald-900/50 rounded-xl p-4 border border-green-500/30">
<h4 class="font-bold text-green-400 mb-2">
<i class="fas fa-chart-line mr-2"></i>布局周期复苏
</h4>
<p class="text-sm text-slate-300">
关注中低压产品占比高、成本控制能力强的弹性品种
</p>
</div>
<div class="bg-gradient-to-br from-purple-900/50 to-pink-900/50 rounded-xl p-4 border border-purple-500/30">
<h4 class="font-bold text-purple-400 mb-2">
<i class="fas fa-water mr-2"></i>挖掘隐形冠军
</h4>
<p class="text-sm text-slate-300">
配套散热基板等关键组件的细分龙头将直接受益产业升级
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="glass-card border-t border-slate-700 mt-12">
<div class="container mx-auto px-4 py-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<p class="text-slate-400 text-sm">© 2025 功率半导体概念分析 | 数据来源:公开研究报告及公告</p>
<div class="flex gap-4 mt-4 md:mt-0">
<span class="badge badge-outline gap-2">
<i class="fas fa-info-circle"></i>
仅供研究参考
</span>
<span class="badge badge-outline gap-2">
<i class="fas fa-sync-alt"></i>
实时更新
</span>
</div>
</div>
</div>
</footer>
<script>
// 添加平滑滚动效果
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// 添加滚动动画
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
document.querySelectorAll('.hover-scale').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(el);
});
</script>
</body>
</html>