Files
vf_react/public/htmls/钻石散热.html
2025-10-11 16:16:02 +08:00

587 lines
31 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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>钻石散热概念分析报告</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #e2e8f0;
min-height: 100vh;
}
.glass-card {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(148, 163, 184, 0.1);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}
.timeline-line {
width: 2px;
background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
}
.highlight-text {
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-container {
overflow-x: auto;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
.float-animation {
animation: float 4s ease-in-out infinite;
}
.diamond-bg {
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.05) 70%);
border-radius: 50%;
filter: blur(40px);
z-index: -1;
}
</style>
</head>
<body class="p-4 md:p-8">
<div class="max-w-7xl mx-auto">
<!-- 标题部分 -->
<div class="text-center mb-12 relative">
<div class="diamond-bg top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2"></div>
<h1 class="text-4xl md:text-6xl font-bold mb-4 highlight-text">钻石散热</h1>
<p class="text-xl text-slate-300 max-w-3xl mx-auto">AI时代的终极散热解决方案 - 从实验室概念到产业化临界点</p>
<div class="mt-6 inline-flex items-center px-4 py-2 rounded-full bg-gradient-to-r from-blue-500 to-purple-600 text-white">
<span class="font-medium">2025年规模化量产元年</span>
</div>
</div>
<!-- 概念事件时间线 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">概念事件时间线</h2>
<div class="relative">
<div class="timeline-line absolute left-4 top-0 bottom-0 transform -translate-x-1/2"></div>
<div class="space-y-6 ml-10">
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2024年8月</div>
<p class="text-slate-300">商务部将人造金刚石设备和技术列入出口管制清单,引发全球对钻石散热供应链的关注。</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2024年12月3日</div>
<p class="text-slate-300">华为公开"金刚石散热芯片"专利明确将钻石用于GPU/CPU散热。</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2024年12月15日</div>
<p class="text-slate-300">开源机械发布深度报告,首次提出"钻石散热是AI时代终极方案",引爆市场热度。</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2024年12月24日</div>
<p class="text-slate-300">英伟达完成钻石散热GPU实验室测试性能提升<span class="text-purple-400 font-bold">3倍</span>,温度降低<span class="text-purple-400 font-bold">60%</span></p>
</div>
</div>
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2025年1月1日</div>
<p class="text-slate-300">培育钻石行业掀起涨价潮(华晶上海+13%,黄河旋风+10%),叠加钻石散热概念,板块集体大涨。</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot absolute left-0 top-2 transform -translate-x-1/2"></div>
<div class="glass-card rounded-xl p-4">
<div class="text-blue-400 font-semibold">2025年1月6日</div>
<p class="text-slate-300">四方达与汇芯通信签署协议推进CVD金刚石在5G中高频器件的商用化。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心观点摘要</h2>
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 rounded-xl p-6 border border-blue-500/20">
<p class="text-lg text-slate-200 leading-relaxed">
钻石散热已从"实验室概念"进入"产业化临界点"<span class="text-purple-400 font-bold text-xl">2025年是规模化量产元年</span>。核心驱动力是AI算力需求爆发GPU热流密度>1000W/cm²与金刚石材料天然散热优势热导率2000W/m·K的刚性匹配。中国凭借<span class="text-blue-400 font-bold">90%全球人造钻石产能</span><span class="text-blue-400 font-bold">唯一完整产业链</span>,有望主导这一千亿级市场。
</p>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-bold mb-4 text-blue-400">核心驱动力</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center mr-3">
<span class="text-blue-400 font-bold">1</span>
</div>
<div>
<h4 class="font-semibold text-slate-200">技术突破</h4>
<p class="text-slate-400 text-sm">MPCVD法可量产6英寸晶圆级金刚石良率从50%提升至<span class="text-purple-400 font-bold">70%+</span></p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center mr-3">
<span class="text-blue-400 font-bold">2</span>
</div>
<div>
<h4 class="font-semibold text-slate-200">成本拐点</h4>
<p class="text-slate-400 text-sm">规模化后成本可下降<span class="text-purple-400 font-bold">70%</span>,当前钻石散热片成本约$50/片预计2026年降至$20/片</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center mr-3">
<span class="text-blue-400 font-bold">3</span>
</div>
<div>
<h4 class="font-semibold text-slate-200">需求刚性</h4>
<p class="text-slate-400 text-sm">英伟达B200 GPU功耗达<span class="text-purple-400 font-bold">1000W</span>,传统散热方案逼近物理极限</p>
</div>
</div>
</div>
</div>
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-bold mb-4 text-blue-400">市场热度与预期差</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-slate-200 mb-2">市场热度</h4>
<div class="grid grid-cols-2 gap-4">
<div class="bg-blue-900/20 rounded-lg p-3 text-center">
<div class="text-2xl font-bold text-purple-400">8篇</div>
<div class="text-xs text-slate-400">开源机械深度报告</div>
</div>
<div class="bg-blue-900/20 rounded-lg p-3 text-center">
<div class="text-2xl font-bold text-purple-400">12%</div>
<div class="text-xs text-slate-400">板块单日涨幅</div>
</div>
</div>
</div>
<div>
<h4 class="font-semibold text-slate-200 mb-2">预期差</h4>
<ul class="text-sm text-slate-400 space-y-2">
<li class="flex items-start">
<span class="text-purple-400 mr-2"></span>
<span>中低端渗透小米14 Ultra已测试钻石散热片成本仅增加$3</span>
</li>
<li class="flex items-start">
<span class="text-purple-400 mr-2"></span>
<span>政策催化:中国出口管制强化国产替代逻辑</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">近期催化剂3-6个月</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-xs font-bold">1</span>
</div>
<div>
<h4 class="font-medium text-slate-200">华为发布会</h4>
<p class="text-sm text-slate-400">2025年Q2或发布搭载钻石散热的昇腾910C芯片</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-xs font-bold">2</span>
</div>
<div>
<h4 class="font-medium text-slate-200">英伟达订单</h4>
<p class="text-sm text-slate-400">B200 GPU若采用钻石散热将带来10万片/月需求</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-xs font-bold">3</span>
</div>
<div>
<h4 class="font-medium text-slate-200">行业标准</h4>
<p class="text-sm text-slate-400">IEEE正在制定《金刚石散热片测试标准》预计2025年6月落地</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">长期路径2025-2030</h3>
<div class="space-y-3">
<div class="bg-gradient-to-r from-blue-900/20 to-purple-900/20 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<span class="font-medium text-slate-200">2025年</span>
<span class="text-purple-400 font-bold">0.1% → 1%</span>
</div>
<p class="text-sm text-slate-400">量产元年,数据中心先行</p>
</div>
<div class="bg-gradient-to-r from-blue-900/20 to-purple-900/20 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<span class="font-medium text-slate-200">2027年</span>
<span class="text-purple-400 font-bold">10%</span>
</div>
<p class="text-sm text-slate-400">成本降至$10/片,消费电子大规模渗透</p>
</div>
<div class="bg-gradient-to-r from-blue-900/20 to-purple-900/20 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<span class="font-medium text-slate-200">2030年</span>
<span class="text-purple-400 font-bold">$152亿</span>
</div>
<p class="text-sm text-slate-400">全球市场规模,中国市占率>80%</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">产业链与核心公司深度剖析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-purple-400">产业链图谱</h3>
<div class="bg-gradient-to-r from-blue-900/20 to-purple-900/20 rounded-xl p-6">
<div class="flex flex-wrap items-center justify-center gap-4 text-center">
<div class="px-4 py-2 bg-blue-500/20 rounded-lg">
<div class="text-sm text-slate-300">上游</div>
<div class="text-xs text-slate-400">CVD设备国机精工</div>
</div>
<div class="text-purple-400"></div>
<div class="px-4 py-2 bg-blue-500/20 rounded-lg">
<div class="text-sm text-slate-300">金刚石衬底</div>
<div class="text-xs text-slate-400">力量钻石/黄河旋风</div>
</div>
<div class="text-purple-400"></div>
<div class="px-4 py-2 bg-blue-500/20 rounded-lg">
<div class="text-sm text-slate-300">散热片加工</div>
<div class="text-xs text-slate-400">沃尔德/四方达</div>
</div>
<div class="text-purple-400"></div>
<div class="px-4 py-2 bg-blue-500/20 rounded-lg">
<div class="text-sm text-slate-300">模组集成</div>
<div class="text-xs text-slate-400">光莆股份</div>
</div>
<div class="text-purple-400"></div>
<div class="px-4 py-2 bg-blue-500/20 rounded-lg">
<div class="text-sm text-slate-300">下游应用</div>
<div class="text-xs text-slate-400">GPU/新能源车</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="w-full">
<thead>
<tr class="border-b border-slate-700">
<th class="text-left py-3 px-4 text-slate-300 font-semibold">公司</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">角色</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">进展验证</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 text-blue-400 font-medium">力量钻石</td>
<td class="py-3 px-4 text-slate-300">衬底龙头</td>
<td class="py-3 px-4 text-slate-400 text-sm">与台湾捷斯奥合作,<span class="text-purple-400">39亿定增</span>扩产</td>
<td class="py-3 px-4 text-slate-400 text-sm">产能释放慢于预期</td>
</tr>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 text-blue-400 font-medium">黄河旋风</td>
<td class="py-3 px-4 text-slate-300">热沉片量产</td>
<td class="py-3 px-4 text-slate-400 text-sm">厦门大学实验室已出<span class="text-purple-400">2英寸样品</span></td>
<td class="py-3 px-4 text-slate-400 text-sm">良品率仅<span class="text-purple-400">60%</span></td>
</tr>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 text-blue-400 font-medium">国机精工</td>
<td class="py-3 px-4 text-slate-300">设备垄断</td>
<td class="py-3 px-4 text-slate-400 text-sm">MPCVD设备占国内<span class="text-purple-400">70%</span>份额</td>
<td class="py-3 px-4 text-slate-400 text-sm">技术迭代风险</td>
</tr>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 text-blue-400 font-medium">沃尔德</td>
<td class="py-3 px-4 text-slate-300">加工环节</td>
<td class="py-3 px-4 text-slate-400 text-sm">5G射频散热片通过<span class="text-purple-400">两轮客户测试</span></td>
<td class="py-3 px-4 text-slate-400 text-sm">订单规模未披露</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-400 font-medium">光莆股份</td>
<td class="py-3 px-4 text-slate-300">模组集成</td>
<td class="py-3 px-4 text-slate-400 text-sm">持股化合积电(未上市,已量产)</td>
<td class="py-3 px-4 text-slate-400 text-sm">估值溢价过高</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-red-900/20 to-orange-900/20 rounded-xl p-5 border border-red-500/20">
<h3 class="text-lg font-semibold mb-3 text-red-400">技术风险</h3>
<p class="text-slate-300 text-sm">键合工艺:金刚石与硅的<span class="text-red-400 font-medium">热膨胀系数差异</span>可能导致芯片开裂(华为专利尚未解决此问题)。</p>
</div>
<div class="bg-gradient-to-br from-red-900/20 to-orange-900/20 rounded-xl p-5 border border-red-500/20">
<h3 class="text-lg font-semibold mb-3 text-red-400">商业化风险</h3>
<p class="text-slate-300 text-sm">成本敏感若2025年钻石散热片价格未降至<span class="text-red-400 font-medium">$30以下</span>,中低端市场渗透将受阻。</p>
</div>
<div class="bg-gradient-to-br from-red-900/20 to-orange-900/20 rounded-xl p-5 border border-red-500/20">
<h3 class="text-lg font-semibold mb-3 text-red-400">政策风险</h3>
<p class="text-slate-300 text-sm">出口管制反噬:海外客户可能转向<span class="text-red-400 font-medium">日本Orbray</span>已量产4英寸金刚石晶圆削弱中国份额。</p>
</div>
<div class="bg-gradient-to-br from-red-900/20 to-orange-900/20 rounded-xl p-5 border border-red-500/20">
<h3 class="text-lg font-semibold mb-3 text-red-400">信息矛盾</h3>
<p class="text-slate-300 text-sm">产能数据冲突开源机械预测2025年需求<span class="text-red-400 font-medium">100万片</span>,但国内总产能仅<span class="text-red-400 font-medium">30万片</span>,缺口可能被夸大。</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">综合结论与投资启示</h2>
<div class="space-y-6">
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 rounded-xl p-6">
<h3 class="text-xl font-semibold mb-3 text-purple-400">阶段判断</h3>
<p class="text-slate-200">当前处于<span class="text-purple-400 font-bold">主题炒作向基本面过渡</span>阶段2025年Q2华为/英伟达订单落地将验证商业化。</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">投资方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-blue-900/20 rounded-lg p-4">
<h4 class="font-semibold text-slate-200 mb-2">最纯标的</h4>
<ul class="text-slate-400 space-y-1">
<li><span class="text-blue-400">力量钻石</span>(衬底+产能)</li>
<li><span class="text-blue-400">国机精工</span>(设备垄断)</li>
</ul>
</div>
<div class="bg-blue-900/20 rounded-lg p-4">
<h4 class="font-semibold text-slate-200 mb-2">弹性标的</h4>
<ul class="text-slate-400 space-y-1">
<li><span class="text-blue-400">沃尔德</span>(加工环节,订单弹性大)</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">关键跟踪指标</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-sm font-bold">1</span>
</div>
<div>
<h4 class="font-medium text-slate-200">华为昇腾910C散热方案</h4>
<p class="text-sm text-slate-400">是否采用钻石2025年Q2</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-sm font-bold">2</span>
</div>
<div>
<h4 class="font-medium text-slate-200">力量钻石定增项目</h4>
<p class="text-sm text-slate-400">产能爬坡进度2025年H1</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center mr-3 mt-0.5">
<span class="text-purple-400 text-sm font-bold">3</span>
</div>
<div>
<h4 class="font-medium text-slate-200">钻石散热片ASP</h4>
<p class="text-sm text-slate-400">是否跌破$20成本临界点</p>
</div>
</div>
</div>
</div>
<div class="bg-gradient-to-r from-red-900/30 to-orange-900/30 rounded-xl p-4 border border-red-500/20">
<p class="text-slate-200"><span class="text-red-400 font-bold">风险提示:</span>若2025年Q2无头部厂商订单落地概念可能退潮。</p>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="glass-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">关联股票数据</h2>
<div class="table-container">
<table class="w-full">
<thead>
<tr class="border-b border-slate-700">
<th class="text-left py-3 px-4 text-slate-300 font-semibold">股票名称</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">项目</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">行业</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">分类</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">产业链</th>
<th class="text-left py-3 px-4 text-slate-300 font-semibold">原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">黄河旋风</td>
<td class="py-3 px-4 text-slate-300">金刚石表面热防护技术开发</td>
<td class="py-3 px-4 text-slate-400">半导体</td>
<td class="py-3 px-4 text-slate-400">金刚石材料应用</td>
<td class="py-3 px-4 text-slate-400">散热解决方案</td>
<td class="py-3 px-4 text-slate-400 text-sm">开发了金刚石热沉片用于芯片散热,与厦门大学合作成立实验室</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">黄河旋风</td>
<td class="py-3 px-4 text-slate-300">多晶金刚石热沉片研发</td>
<td class="py-3 px-4 text-slate-400">5G/AI</td>
<td class="py-3 px-4 text-slate-400">芯片散热材料</td>
<td class="py-3 px-4 text-slate-400">高端散热器件生产</td>
<td class="py-3 px-4 text-slate-400 text-sm">攻克5G/6G及AI领域芯片散热难题热导率超2000 W/mK</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">中兵红箭</td>
<td class="py-3 px-4 text-slate-300">金刚石半导体器件衬底材料开发</td>
<td class="py-3 px-4 text-slate-400">半导体</td>
<td class="py-3 px-4 text-slate-400">金刚石材料</td>
<td class="py-3 px-4 text-slate-400">半导体材料供应</td>
<td class="py-3 px-4 text-slate-400 text-sm">开发适用于高校的金刚石半导体器件衬底材料</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">力量钻石</td>
<td class="py-3 px-4 text-slate-300">半导体散热功能性金刚石材料开发</td>
<td class="py-3 px-4 text-slate-400">半导体</td>
<td class="py-3 px-4 text-slate-400">金刚石材料</td>
<td class="py-3 px-4 text-slate-400">散热材料研发</td>
<td class="py-3 px-4 text-slate-400 text-sm">与台湾捷斯奥合作研究半导体散热材料</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">四方达</td>
<td class="py-3 px-4 text-slate-300">天璇功能性金刚石超级工厂</td>
<td class="py-3 px-4 text-slate-400">光学/半导体</td>
<td class="py-3 px-4 text-slate-400">培育钻石生产</td>
<td class="py-3 px-4 text-slate-400">金刚石制造</td>
<td class="py-3 px-4 text-slate-400 text-sm">投产国内最大CVD金刚石生产基地生产光学级金刚石等产品</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">国机精工</td>
<td class="py-3 px-4 text-slate-300">MPCVD法大单晶金刚石项目</td>
<td class="py-3 px-4 text-slate-400">半导体</td>
<td class="py-3 px-4 text-slate-400">金刚石散热片</td>
<td class="py-3 px-4 text-slate-400">芯片散热部件</td>
<td class="py-3 px-4 text-slate-400 text-sm">金刚石散热片应用于GaN芯片建设65万片/年生产线</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">惠丰钻石</td>
<td class="py-3 px-4 text-slate-300">金刚石半导体材料研究</td>
<td class="py-3 px-4 text-slate-400">半导体</td>
<td class="py-3 px-4 text-slate-400">金刚石材料</td>
<td class="py-3 px-4 text-slate-400">半导体材料加工</td>
<td class="py-3 px-4 text-slate-400 text-sm">设立子公司研究金刚石半导体材料加工技术</td>
</tr>
<tr class="border-b border-slate-800 hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">光莆股份</td>
<td class="py-3 px-4 text-slate-300">钻石放热化台积电</td>
<td class="py-3 px-4 text-slate-400">光电子</td>
<td class="py-3 px-4 text-slate-400">散热材料</td>
<td class="py-3 px-4 text-slate-400">光应用产品</td>
<td class="py-3 px-4 text-slate-400 text-sm">持股公司实现金刚石材料规模化生产光应用产品营收占比73%</td>
</tr>
<tr class="hover:bg-slate-800/30 transition-colors">
<td class="py-3 px-4 text-blue-400 font-medium">沃尔德</td>
<td class="py-3 px-4 text-slate-300">5G微波射频功放器散热开发</td>
<td class="py-3 px-4 text-slate-400">半导体/5G</td>
<td class="py-3 px-4 text-slate-400">金刚石功能材料</td>
<td class="py-3 px-4 text-slate-400">散热解决方案</td>
<td class="py-3 px-4 text-slate-400 text-sm">金刚石材料用于5G射频器件散热超硬材料营收占比7%</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 添加滚动动画效果
const observerOptions = {
root: null,
rootMargin: '0px',
threshold: 0.1
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('fade-in');
observer.unobserve(entry.target);
}
});
}, observerOptions);
document.querySelectorAll('.glass-card').forEach(card => {
observer.observe(card);
});
</script>
<style>
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn 0.6s ease-out forwards;
}
</style>
</body>
</html>
```