416 lines
21 KiB
HTML
416 lines
21 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
|
||
|
||
* {
|
||
font-family: 'Inter', sans-serif;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
border: 1px solid transparent;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||
border-color: #667eea;
|
||
}
|
||
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
|
||
.table-hover-row:hover {
|
||
background-color: rgba(102, 126, 234, 0.05);
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.risk-badge {
|
||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
}
|
||
|
||
.opportunity-badge {
|
||
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
||
}
|
||
|
||
.pulse-dot {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
|
||
}
|
||
70% {
|
||
box-shadow: 0 0 0 10px rgba(102, 126, 234, 0);
|
||
}
|
||
100% {
|
||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
|
||
}
|
||
}
|
||
|
||
.scroll-fade-in {
|
||
animation: fadeInUp 0.8s ease-out;
|
||
}
|
||
|
||
@keyframes fadeInUp {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(30px);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<!-- Hero Section -->
|
||
<section class="hero-gradient text-white py-20 px-4">
|
||
<div class="max-w-7xl mx-auto">
|
||
<div class="flex flex-col md:flex-row items-center justify-between">
|
||
<div class="md:w-2/3 mb-8 md:mb-0 scroll-fade-in">
|
||
<div class="flex items-center mb-4">
|
||
<span class="bg-white/20 backdrop-blur-sm px-3 py-1 rounded-full text-sm font-semibold">
|
||
<i class="fas fa-fire mr-2"></i>热门概念
|
||
</span>
|
||
<span class="ml-3 pulse-dot inline-block w-3 h-3 bg-green-400 rounded-full"></span>
|
||
<span class="ml-2 text-sm">实时更新</span>
|
||
</div>
|
||
<h1 class="text-4xl md:text-6xl font-bold mb-6">
|
||
超聚变 <span class="text-yellow-300">数字技术</span>
|
||
</h1>
|
||
<p class="text-xl md:text-2xl mb-6 text-gray-100">
|
||
华为X86服务器业务剥离 · 河南国资控股 · 国产服务器龙头
|
||
</p>
|
||
<div class="flex flex-wrap gap-4">
|
||
<div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-lg">
|
||
<i class="fas fa-rocket mr-2"></i>筹备IPO
|
||
</div>
|
||
<div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-lg">
|
||
<i class="fas fa-chart-line mr-2"></i>国产化销售全国首位
|
||
</div>
|
||
<div class="bg-white/10 backdrop-blur-sm px-4 py-2 rounded-lg">
|
||
<i class="fas fa-microchip mr-2"></i>昇腾AI核心伙伴
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="md:w-1/3 text-center">
|
||
<div class="bg-white/10 backdrop-blur-sm rounded-2xl p-6">
|
||
<h3 class="text-2xl font-bold mb-2">核心催化剂</h3>
|
||
<div class="text-4xl font-bold text-yellow-300">IPO筹备</div>
|
||
<p class="text-sm mt-2">2025年10月独家消息</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Insights -->
|
||
<section class="py-16 px-4">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-3xl font-bold text-center mb-12 gradient-text">核心洞察</h2>
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="bg-white rounded-xl p-6 card-hover">
|
||
<div class="text-4xl mb-4 text-purple-600">
|
||
<i class="fas fa-shield-alt"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">国产替代国家队</h3>
|
||
<p class="text-gray-600">承担打破国外服务器巨头垄断的国家使命，河南国资提供资源和政策支持</p>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6 card-hover">
|
||
<div class="text-4xl mb-4 text-blue-600">
|
||
<i class="fas fa-brain"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">AI算力核心受益者</h3>
|
||
<p class="text-gray-600">深度绑定华为昇腾生态，在国产AI算力产业链中占据关键位置</p>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6 card-hover">
|
||
<div class="text-4xl mb-4 text-green-600">
|
||
<i class="fas fa-chart-pie"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">IPO价值重估机遇</h3>
|
||
<p class="text-gray-600">非上市公司估值待发现，IPO提供清晰的价值实现路径</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline -->
|
||
<section class="py-16 px-4 bg-gray-100">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-3xl font-bold text-center mb-12 gradient-text">关键时间轴</h2>
|
||
<div class="relative">
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-1 h-full timeline-line"></div>
|
||
<div class="space-y-12">
|
||
<div class="flex items-center justify-end md:w-1/2 md:pr-8">
|
||
<div class="bg-white rounded-lg p-6 card-hover">
|
||
<div class="text-sm text-gray-500 mb-2">2021年</div>
|
||
<h3 class="text-lg font-bold">华为剥离X86业务</h3>
|
||
<p class="text-gray-600">美国制裁下，华为剥离服务器业务，河南国资接手成立超聚变</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center justify-start md:ml-auto md:w-1/2 md:pl-8">
|
||
<div class="bg-white rounded-lg p-6 card-hover">
|
||
<div class="text-sm text-gray-500 mb-2">2025年3月</div>
|
||
<h3 class="text-lg font-bold">省长调研背书</h3>
|
||
<p class="text-gray-600">河南省长王凯调研，确认国产化服务器销售额全国首位</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center justify-end md:w-1/2 md:pr-8">
|
||
<div class="bg-white rounded-lg p-6 card-hover">
|
||
<div class="text-sm text-gray-500 mb-2">2025年9月</div>
|
||
<h3 class="text-lg font-bold">产业资本布局</h3>
|
||
<p class="text-gray-600">东方明珠公告投资5亿元，通过专项基金受让股权</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center justify-start md:ml-auto md:w-1/2 md:pl-8">
|
||
<div class="bg-white rounded-lg p-6 card-hover">
|
||
<div class="text-sm text-gray-500 mb-2">2025年10月</div>
|
||
<h3 class="text-lg font-bold text-purple-600">IPO筹备曝光</h3>
|
||
<p class="text-gray-600">财联社独家报道，招聘财务专家，启动上市准备</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Table -->
|
||
<section class="py-16 px-4">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-3xl font-bold text-center mb-12 gradient-text">产业链相关公司</h2>
|
||
<div class="bg-white rounded-xl shadow-lg overflow-hidden">
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full table-auto">
|
||
<thead>
|
||
<tr class="bg-gray-50 border-b">
|
||
<th class="px-4 py-3 text-left text-sm font-semibold text-gray-700">股票名称</th>
|
||
<th class="px-4 py-3 text-left text-sm font-semibold text-gray-700">分类</th>
|
||
<th class="px-4 py-3 text-left text-sm font-semibold text-gray-700">关联关系</th>
|
||
<th class="px-4 py-3 text-left text-sm font-semibold text-gray-700">逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">东方明珠</td>
|
||
<td><span class="bg-purple-100 text-purple-800 px-2 py-1 rounded text-xs">参股</span></td>
|
||
<td class="text-sm">投资近5亿元通过专项基金受让股权</td>
|
||
<td class="text-sm text-gray-600">最直接的股权投资，一级市场套利</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">天源迪科</td>
|
||
<td><span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs">总经销</span></td>
|
||
<td class="text-sm">子公司金华威分销GPU算力服务器</td>
|
||
<td class="text-sm text-gray-600">业绩与超聚变AI业务直接挂钩</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">英维克</td>
|
||
<td><span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">液冷散热</span></td>
|
||
<td class="text-sm">联合创新实验室，深度液冷合作</td>
|
||
<td class="text-sm text-gray-600">高功耗服务器刚需，技术壁垒高</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">荣科科技</td>
|
||
<td><span class="bg-orange-100 text-orange-800 px-2 py-1 rounded text-xs">国资系</span></td>
|
||
<td class="text-sm">同属豫信电科控股，金牌经销商</td>
|
||
<td class="text-sm text-gray-600">国资协同+业务合作双重逻辑</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">开勒股份</td>
|
||
<td><span class="bg-orange-100 text-orange-800 px-2 py-1 rounded text-xs">国资转型</span></td>
|
||
<td class="text-sm">与豫资基金成立合资公司转型AI+</td>
|
||
<td class="text-sm text-gray-600">弹性大，国资背景+新业务</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">中航光电</td>
|
||
<td><span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">核心供应</span></td>
|
||
<td class="text-sm">光、电、高速、液冷多领域合作</td>
|
||
<td class="text-sm text-gray-600">高价值量核心元器件供应商</td>
|
||
</tr>
|
||
<tr class="border-b table-hover-row">
|
||
<td class="px-4 py-3 font-medium">神州数码</td>
|
||
<td><span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs">总经销</span></td>
|
||
<td class="text-sm">超聚变总经销商之一</td>
|
||
<td class="text-sm text-gray-600">大型分销商，渠道优势明显</td>
|
||
</tr>
|
||
<tr class="table-hover-row">
|
||
<td class="px-4 py-3 font-medium">飞荣达</td>
|
||
<td><span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">液冷散热</span></td>
|
||
<td class="text-sm">供应液冷服务器相关产品</td>
|
||
<td class="text-sm text-gray-600">受益于AI服务器散热需求增长</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risk Analysis -->
|
||
<section class="py-16 px-4 bg-gray-100">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-3xl font-bold text-center mb-12 gradient-text">风险与机遇</h2>
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<div class="bg-white rounded-xl p-6">
|
||
<h3 class="text-xl font-bold mb-6 text-red-600">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>潜在风险
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<span class="risk-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">技术</span>
|
||
<div>
|
||
<h4 class="font-semibold">供应链"卡脖子"</h4>
|
||
<p class="text-sm text-gray-600">核心X86 CPU仍依赖Intel/AMD，面临制裁风险</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="risk-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">商业</span>
|
||
<div>
|
||
<h4 class="font-semibold">激烈市场竞争</h4>
|
||
<p class="text-sm text-gray-600">服务器红海市场，面临浪潮、新华三等强劲对手</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="risk-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">政策</span>
|
||
<div>
|
||
<h4 class="font-semibold">政策支持不确定性</h4>
|
||
<p class="text-sm text-gray-600">信创扶持重心可能转移，华为潜在回归竞争</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6">
|
||
<h3 class="text-xl font-bold mb-6 text-green-600">
|
||
<i class="fas fa-lightbulb mr-2"></i>投资机遇
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<span class="opportunity-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">供应链</span>
|
||
<div>
|
||
<h4 class="font-semibold">深度绑定供应商</h4>
|
||
<p class="text-sm text-gray-600">如英维克等液冷方案提供商技术壁垒高</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="opportunity-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">渠道</span>
|
||
<div>
|
||
<h4 class="font-semibold">核心分销渠道</h4>
|
||
<p class="text-sm text-gray-600">天源迪科等GPU算力服务器总商业绩兑现明确</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="opportunity-badge text-white px-2 py-1 rounded text-xs mt-1 mr-3">股权</span>
|
||
<div>
|
||
<h4 class="font-semibold">直接股权投资</h4>
|
||
<p class="text-sm text-gray-600">东方明珠等纯粹股权博弈标的</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Metrics -->
|
||
<section class="py-16 px-4">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-3xl font-bold text-center mb-12 gradient-text">关键跟踪指标</h2>
|
||
<div class="grid md:grid-cols-4 gap-6">
|
||
<div class="bg-white rounded-xl p-6 text-center card-hover">
|
||
<div class="text-3xl mb-3 text-purple-600">
|
||
<i class="fas fa-file-invoice-dollar"></i>
|
||
</div>
|
||
<h3 class="font-bold mb-2">招股书财务数据</h3>
|
||
<p class="text-sm text-gray-600">营收结构、毛利率、研发投入</p>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6 text-center card-hover">
|
||
<div class="text-3xl mb-3 text-blue-600">
|
||
<i class="fas fa-server"></i>
|
||
</div>
|
||
<h3 class="font-bold mb-2">昇腾服务器出货量</h3>
|
||
<p class="text-sm text-gray-600">AI算力业务占比验证</p>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6 text-center card-hover">
|
||
<div class="text-3xl mb-3 text-green-600">
|
||
<i class="fas fa-chart-pie"></i>
|
||
</div>
|
||
<h3 class="font-bold mb-2">市场份额数据</h3>
|
||
<p class="text-sm text-gray-600">IDC权威机构季度报告</p>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-6 text-center card-hover">
|
||
<div class="text-3xl mb-3 text-orange-600">
|
||
<i class="fas fa-handshake"></i>
|
||
</div>
|
||
<h3 class="font-bold mb-2">关联公司业绩</h3>
|
||
<p class="text-sm text-gray-600">经销商、供应商财报验证</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Disclaimer -->
|
||
<footer class="bg-gray-900 text-white py-8 px-4">
|
||
<div class="max-w-7xl mx-auto text-center">
|
||
<p class="text-sm text-gray-400 mb-2">
|
||
<i class="fas fa-info-circle mr-2"></i>
|
||
投资有风险，入市需谨慎
|
||
</p>
|
||
<p class="text-xs text-gray-500">
|
||
本分析基于公开信息整理，不构成投资建议。请注意区分"超聚变"(服务器)与"核聚变"(能源)概念差异。
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Add scroll animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -100px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('scroll-fade-in');
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.card-hover').forEach(el => {
|
||
observer.observe(el);
|
||
});
|
||
|
||
// Add smooth scroll behavior
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |