885 lines
40 KiB
HTML
885 lines
40 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=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;700&display=swap');
|
||
|
||
:root {
|
||
--space-blue: #0a0e27;
|
||
--neon-cyan: #00ffff;
|
||
--neon-purple: #9945ff;
|
||
--neon-pink: #ff006e;
|
||
--text-primary: #ffffff;
|
||
--text-secondary: #a0a0a0;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #0a0e27 100%);
|
||
color: var(--text-primary);
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.orbitron {
|
||
font-family: 'Orbitron', monospace;
|
||
}
|
||
|
||
/* 滚动条样式 */
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background: linear-gradient(45deg, var(--neon-cyan), var(--neon-purple));
|
||
border-radius: 4px;
|
||
}
|
||
|
||
/* Hero背景动画 */
|
||
.hero-bg {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: radial-gradient(ellipse at center, rgba(0, 255, 255, 0.1) 0%, transparent 70%);
|
||
animation: pulse 4s ease-in-out infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0%, 100% { opacity: 0.5; }
|
||
50% { opacity: 1; }
|
||
}
|
||
|
||
/* 星星背景 */
|
||
.stars {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
pointer-events: none;
|
||
z-index: -1;
|
||
}
|
||
|
||
.star {
|
||
position: absolute;
|
||
width: 2px;
|
||
height: 2px;
|
||
background: white;
|
||
border-radius: 50%;
|
||
animation: twinkle 3s infinite;
|
||
}
|
||
|
||
@keyframes twinkle {
|
||
0%, 100% { opacity: 0; }
|
||
50% { opacity: 1; }
|
||
}
|
||
|
||
/* 霓虹光效 */
|
||
.neon-text {
|
||
text-shadow: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 30px var(--neon-cyan);
|
||
}
|
||
|
||
.neon-border {
|
||
border: 2px solid var(--neon-cyan);
|
||
box-shadow: 0 0 10px var(--neon-cyan), inset 0 0 10px rgba(0, 255, 255, 0.1);
|
||
}
|
||
|
||
/* 卡片悬浮效果 */
|
||
.hover-card {
|
||
transition: all 0.3s ease;
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
|
||
.hover-card:hover {
|
||
transform: translateY(-5px);
|
||
background: rgba(255, 255, 255, 0.08);
|
||
box-shadow: 0 10px 30px rgba(0, 255, 255, 0.2);
|
||
}
|
||
|
||
/* 时间线样式 */
|
||
.timeline {
|
||
position: relative;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 2px;
|
||
height: 100%;
|
||
background: linear-gradient(180deg, var(--neon-cyan), var(--neon-purple));
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
margin: 40px 0;
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 20px;
|
||
height: 20px;
|
||
background: var(--neon-cyan);
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 20px var(--neon-cyan);
|
||
}
|
||
|
||
/* 表格样式 */
|
||
.data-table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
background: rgba(255, 255, 255, 0.03);
|
||
}
|
||
|
||
.data-table th {
|
||
background: linear-gradient(90deg, rgba(0, 255, 255, 0.2), rgba(153, 69, 255, 0.2));
|
||
padding: 15px;
|
||
text-align: left;
|
||
font-weight: 600;
|
||
border-bottom: 2px solid var(--neon-cyan);
|
||
}
|
||
|
||
.data-table td {
|
||
padding: 12px 15px;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.data-table tr:hover {
|
||
background: rgba(0, 255, 255, 0.05);
|
||
}
|
||
|
||
/* 进度条 */
|
||
.progress-bar {
|
||
height: 6px;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
border-radius: 3px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.progress-fill {
|
||
height: 100%;
|
||
background: linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));
|
||
transition: width 1s ease;
|
||
}
|
||
|
||
/* 标签样式 */
|
||
.tag {
|
||
display: inline-block;
|
||
padding: 4px 12px;
|
||
border-radius: 20px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
margin: 2px;
|
||
}
|
||
|
||
.tag-primary {
|
||
background: rgba(0, 255, 255, 0.2);
|
||
color: var(--neon-cyan);
|
||
border: 1px solid var(--neon-cyan);
|
||
}
|
||
|
||
.tag-secondary {
|
||
background: rgba(153, 69, 255, 0.2);
|
||
color: var(--neon-purple);
|
||
border: 1px solid var(--neon-purple);
|
||
}
|
||
|
||
/* 动画类 */
|
||
.fade-in {
|
||
animation: fadeIn 1s ease-in;
|
||
}
|
||
|
||
@keyframes fadeIn {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
/* 响应式调整 */
|
||
@media (max-width: 768px) {
|
||
.timeline::before {
|
||
left: 30px;
|
||
}
|
||
|
||
.timeline-dot {
|
||
left: 30px;
|
||
}
|
||
|
||
.data-table {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.data-table th,
|
||
.data-table td {
|
||
padding: 8px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 星星背景 -->
|
||
<div class="stars" id="stars"></div>
|
||
|
||
<!-- 导航栏 -->
|
||
<nav class="fixed top-0 w-full z-50 backdrop-blur-md bg-black/50 border-b border-cyan-500/20">
|
||
<div class="container mx-auto px-4 py-3">
|
||
<div class="flex justify-between items-center">
|
||
<div class="flex items-center space-x-3">
|
||
<i class="fas fa-satellite text-2xl neon-text"></i>
|
||
<h1 class="orbitron text-xl font-bold neon-text">太空算力</h1>
|
||
</div>
|
||
<div class="hidden md:flex space-x-6">
|
||
<a href="#overview" class="hover:text-cyan-400 transition">概念洞察</a>
|
||
<a href="#timeline" class="hover:text-cyan-400 transition">发展历程</a>
|
||
<a href="#industry" class="hover:text-cyan-400 transition">产业链</a>
|
||
<a href="#stocks" class="hover:text-cyan-400 transition">相关股票</a>
|
||
<a href="#outlook" class="hover:text-cyan-400 transition">未来展望</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
|
||
<div class="hero-bg"></div>
|
||
<div class="container mx-auto px-4 z-10 text-center">
|
||
<h1 class="orbitron text-5xl md:text-7xl font-bold mb-6 fade-in">
|
||
太空算力
|
||
<span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-600">
|
||
Space Computing
|
||
</span>
|
||
</h1>
|
||
<p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-3xl mx-auto fade-in">
|
||
突破地面算力的能源、散热与效率瓶颈，构建天基智能计算网络
|
||
</p>
|
||
<div class="flex flex-wrap justify-center gap-4 fade-in">
|
||
<div class="hover-card neon-border rounded-lg p-6 min-w-[200px]">
|
||
<i class="fas fa-solar-panel text-3xl text-yellow-400 mb-3"></i>
|
||
<h3 class="text-lg font-bold">8倍能源效率</h3>
|
||
<p class="text-sm text-gray-400">太阳能利用效率提升</p>
|
||
</div>
|
||
<div class="hover-card neon-border rounded-lg p-6 min-w-[200px]">
|
||
<i class="fas fa-snowflake text-3xl text-cyan-400 mb-3"></i>
|
||
<h3 class="text-lg font-bold">3倍散热效率</h3>
|
||
<p class="text-sm text-gray-400">真空环境辐射散热</p>
|
||
</div>
|
||
<div class="hover-card neon-border rounded-lg p-6 min-w-[200px]">
|
||
<i class="fas fa-tachometer-alt text-3xl text-green-400 mb-3"></i>
|
||
<h3 class="text-lg font-bold">秒级响应</h3>
|
||
<p class="text-sm text-gray-400">数据实时处理能力</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce">
|
||
<i class="fas fa-chevron-down text-2xl"></i>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 概念洞察 -->
|
||
<section id="overview" class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="orbitron text-4xl font-bold text-center mb-12 neon-text">概念洞察</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||
<div class="hover-card rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-4 text-cyan-400">
|
||
<i class="fas fa-rocket mr-2"></i>核心驱动力
|
||
</h3>
|
||
<ul class="space-y-3 text-gray-300">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
|
||
<div>
|
||
<strong>地面算力瓶颈：</strong>美国2030年数据中心将占发电量40%，能源供给难以为继
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
|
||
<div>
|
||
<strong>技术成熟度：</strong>星载计算、百Gbps激光通信已通过在轨验证
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
|
||
<div>
|
||
<strong>大国竞争：</strong>开辟算力自主可控"新赛道"，实现非对称超越
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-4 text-purple-400">
|
||
<i class="fas fa-chart-line mr-2"></i>市场认知
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div>
|
||
<div class="flex justify-between mb-2">
|
||
<span>市场热度</span>
|
||
<span class="text-cyan-400">极高</span>
|
||
</div>
|
||
<div class="progress-bar">
|
||
<div class="progress-fill" style="width: 95%"></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="flex justify-between mb-2">
|
||
<span>技术成熟度</span>
|
||
<span class="text-yellow-400">工程化初期</span>
|
||
</div>
|
||
<div class="progress-bar">
|
||
<div class="progress-fill" style="width: 35%"></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="flex justify-between mb-2">
|
||
<span>商业化程度</span>
|
||
<span class="text-orange-400">验证阶段</span>
|
||
</div>
|
||
<div class="progress-bar">
|
||
<div class="progress-fill" style="width: 25%"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-6 text-center">
|
||
<i class="fas fa-exclamation-triangle text-yellow-400 mr-2"></i>
|
||
关键预期差
|
||
</h3>
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="text-center">
|
||
<div class="text-4xl font-bold text-red-400 mb-2">200亿</div>
|
||
<p class="text-gray-300">单次部署成本（1000EFLOPS算力中心）</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-4xl font-bold text-orange-400 mb-2">2030</div>
|
||
<p class="text-gray-300">Tbps级激光通信成熟年份</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-4xl font-bold text-purple-400 mb-2">90%→</p>
|
||
<p class="text-gray-300">数据利用率提升幅度</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 时间线 -->
|
||
<section id="timeline" class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="orbitron text-4xl font-bold text-center mb-12 neon-text">发展历程</h2>
|
||
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="md:flex items-center">
|
||
<div class="md:w-1/2 md:pr-8 text-right">
|
||
<h3 class="text-xl font-bold text-cyan-400">2023年4月</h3>
|
||
<p class="text-gray-300">天风电子发布太空数据中心深度报告，预测2027年市场规模366亿美元</p>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8">
|
||
<div class="hover-card rounded-lg p-4">
|
||
<span class="tag tag-primary">技术孵化</span>
|
||
<span class="tag tag-secondary">概念提出</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="md:flex items-center">
|
||
<div class="md:w-1/2 md:pr-8 text-right md:order-2">
|
||
<h3 class="text-xl font-bold text-purple-400">2025年5月14日</h3>
|
||
<p class="text-gray-300">中国"三体计算星座"首批12颗卫星成功发射，完成从0到1突破</p>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8 md:order-1">
|
||
<div class="hover-card rounded-lg p-4">
|
||
<span class="tag tag-primary">中国在轨验证</span>
|
||
<span class="tag tag-secondary">重大突破</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="md:flex items-center">
|
||
<div class="md:w-1/2 md:pr-8 text-right">
|
||
<h3 class="text-xl font-bold text-cyan-400">2025年11月2-5日</h3>
|
||
<p class="text-gray-300">Starcloud发射H100卫星、SpaceX宣布太空数据中心计划、谷歌启动Suncatcher</p>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8">
|
||
<div class="hover-card rounded-lg p-4">
|
||
<span class="tag tag-primary">国际巨头入局</span>
|
||
<span class="tag tag-secondary">集中爆发</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="md:flex items-center">
|
||
<div class="md:w-1/2 md:pr-8 text-right md:order-2">
|
||
<h3 class="text-xl font-bold text-purple-400">2025年11月9日</h3>
|
||
<p class="text-gray-300">国内券商集中发布研报，市场情绪达到高点</p>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8 md:order-1">
|
||
<div class="hover-card rounded-lg p-4">
|
||
<span class="tag tag-primary">资本市场关注</span>
|
||
<span class="tag tag-secondary">舆情高峰</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产业链分析 -->
|
||
<section id="industry" class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="orbitron text-4xl font-bold text-center mb-12 neon-text">产业链分析</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-8 mb-12">
|
||
<div class="hover-card rounded-xl p-6 border-t-4 border-cyan-400">
|
||
<h3 class="text-xl font-bold mb-4 text-cyan-400">
|
||
<i class="fas fa-microchip mr-2"></i>上游 - 核心部件
|
||
</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 空间能源系统（太阳翼、电池片）</li>
|
||
<li>• 星载算力芯片（抗辐射CPU/GPU）</li>
|
||
<li>• 激光通信终端</li>
|
||
<li>• 代表企业：上海港湾、乾照光电、复旦微电</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-6 border-t-4 border-purple-400">
|
||
<h3 class="text-xl font-bold mb-4 text-purple-400">
|
||
<i class="fas fa-satellite-dish mr-2"></i>中游 - 平台制造
|
||
</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 卫星总装与制造</li>
|
||
<li>• 运载火箭系统</li>
|
||
<li>• 地面站建设</li>
|
||
<li>• 代表企业：中国卫星、航天动力、超捷股份</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-6 border-t-4 border-pink-400">
|
||
<h3 class="text-xl font-bold mb-4 text-pink-400">
|
||
<i class="fas fa-network-wired mr-2"></i>下游 - 运营服务
|
||
</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 星座运营与管理</li>
|
||
<li>• 太空算力服务（SAAS）</li>
|
||
<li>• 数据处理与应用</li>
|
||
<li>• 代表企业：普天科技、中科星图、星图测控</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-6 text-center">核心投资逻辑对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-left">
|
||
<thead>
|
||
<tr class="border-b border-cyan-500/30">
|
||
<th class="pb-4">投资逻辑</th>
|
||
<th class="pb-4">代表企业</th>
|
||
<th class="pb-4">核心优势</th>
|
||
<th class="pb-4">潜在风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-white/10">
|
||
<td class="py-4 text-cyan-400">平台运营商</td>
|
||
<td class="py-4">普天科技</td>
|
||
<td class="py-4">国家队背景、链长角色</td>
|
||
<td class="py-4">商业模式待验证</td>
|
||
</tr>
|
||
<tr class="border-b border-white/10">
|
||
<td class="py-4 text-purple-400">能源系统</td>
|
||
<td class="py-4">上海港湾、乾照光电</td>
|
||
<td class="py-4">确定性最高、价值量大</td>
|
||
<td class="py-4">技术路线竞争</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-4 text-pink-400">软件赋能</td>
|
||
<td class="py-4">开普云</td>
|
||
<td class="py-4">AI能力上天关键</td>
|
||
<td class="py-4">地面巨头竞争</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<section id="stocks" class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="orbitron text-4xl font-bold text-center mb-12 neon-text">相关股票</h2>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="data-table rounded-lg overflow-hidden">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>项目/合作内容</th>
|
||
<th>信源</th>
|
||
<th>关联逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">普天科技</td>
|
||
<td><span class="tag tag-primary">之江实验室牵头</span></td>
|
||
<td>与氦星光联、忆芯科技成立联合企业研发中心，开展空天智能关键技术研究</td>
|
||
<td>互动平台</td>
|
||
<td>潜在运营商角色，链长地位</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">上海港湾</td>
|
||
<td><span class="tag tag-secondary">能源系统</span></td>
|
||
<td>天基基础设施能源分系统核心供应商</td>
|
||
<td>研报</td>
|
||
<td>太阳翼能源系统核心供应商</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">乾照光电</td>
|
||
<td><span class="tag tag-secondary">能源系统</span></td>
|
||
<td>国内领先的砷化镓太阳能电池供应商</td>
|
||
<td>互动平台</td>
|
||
<td>空间太阳能电池核心供应商</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">开普云</td>
|
||
<td><span class="tag tag-primary">星载算力与AI模型</span></td>
|
||
<td>参与"星算计划"，以开悟星云和开悟星核实现AI赋能</td>
|
||
<td>互动平台</td>
|
||
<td>AI能力上天的软件赋能者</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">中科星图</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>合作研发高性能低功耗高可靠专用核心部件，建设开放普惠的太空算网</td>
|
||
<td>调研</td>
|
||
<td>开发太空计算专用硬件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">航宇微</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>玉龙810芯片为通用AI芯片，启动"新一代宇航SOC芯片及星载平台计算机项目"</td>
|
||
<td>调研/公告</td>
|
||
<td>研发宇航级AI芯片</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">星图测控</td>
|
||
<td><span class="tag tag-primary">北交所</span></td>
|
||
<td>太空云产品体系，提供太空全域数据服务、智能计算服务</td>
|
||
<td>年报/调研</td>
|
||
<td>提供太空数据与计算服务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">云南锗业</td>
|
||
<td><span class="tag tag-secondary">能源系统</span></td>
|
||
<td>空间太阳能电池用锗晶片建设项目（2025年末产能125万片/年）</td>
|
||
<td>调研</td>
|
||
<td>太阳能电池关键材料供应商</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">航天电子</td>
|
||
<td><span class="tag tag-primary">其他合作</span></td>
|
||
<td>回复星算计划提问，涉及激光通信终端等卫星载荷</td>
|
||
<td>互动平台</td>
|
||
<td>激光通信终端供应商</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">千方科技</td>
|
||
<td><span class="tag tag-primary">星载算力与AI模型</span></td>
|
||
<td>参与"星算计划"，构建天地一体化算力网络</td>
|
||
<td>公告</td>
|
||
<td>天地一体化算力网络建设</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">杭钢股份</td>
|
||
<td><span class="tag tag-primary">之江实验室牵头</span></td>
|
||
<td>子公司数据公司实施之江实验室机房基础设施升级改造工程，租期5年</td>
|
||
<td>公告</td>
|
||
<td>参与之江实验室基础设施建设</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">新疆交建</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>持有国星宇航股份比例0.54%</td>
|
||
<td>工商信息</td>
|
||
<td>通过持股参与卫星通信</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">新华网</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>持有国星宇航股份比例0.22%</td>
|
||
<td>工商信息</td>
|
||
<td>直接持股国星宇航</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">四川金顶</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>子公司开物星空发布"开物星空V2矿用AI卫星"，搭载超算AI等16项专用模块</td>
|
||
<td>新闻/工商</td>
|
||
<td>矿用AI卫星解决方案</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">顺灏股份</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>子公司轨道辰光核心业务包括"天数天算"和"地数天算"</td>
|
||
<td>互动/调研</td>
|
||
<td>天地一体化算力服务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">航天宏图</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>自主研发PIE-Engine时空云计算平台，提供数据和算力支持</td>
|
||
<td>互动平台</td>
|
||
<td>构建太空算力基础平台</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">中科曙光</td>
|
||
<td><span class="tag tag-secondary">太空算力相关</span></td>
|
||
<td>合作研发高性能低功耗高可靠专用核心部件，建设开放普惠的太空算网</td>
|
||
<td>调研</td>
|
||
<td>开发太空计算专用硬件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">大众公用</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>间接持有国星宇航股份比例0.41%（通过深创投）</td>
|
||
<td>工商信息</td>
|
||
<td>通过投资机构间接参与</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">深圳能源</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>间接持有国星宇航股份比例0.19%（通过深创投）</td>
|
||
<td>工商信息</td>
|
||
<td>通过投资机构间接参与</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">龙芯中科</td>
|
||
<td><span class="tag tag-primary">其他合作</span></td>
|
||
<td>星算计划全球合作伙伴</td>
|
||
<td>新闻</td>
|
||
<td>作为合作伙伴参与计划</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">七匹狼</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>控股股东间接持有国星宇航股份比例0.15%（通过深创投）</td>
|
||
<td>工商信息</td>
|
||
<td>通过投资机构间接参与</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">粤电力A</td>
|
||
<td><span class="tag tag-secondary">星算计划</span></td>
|
||
<td>间接持有国星宇航股份比例0.14%（通过深创投）</td>
|
||
<td>工商信息</td>
|
||
<td>通过投资机构间接参与</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-bold text-cyan-400">软通动力</td>
|
||
<td><span class="tag tag-primary">其他合作</span></td>
|
||
<td>与之江实验室、国星宇航发布"星算计划"，共建天地一体化算力网络</td>
|
||
<td>新闻</td>
|
||
<td>参与天地一体化算力网络</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 未来展望 -->
|
||
<section id="outlook" class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="orbitron text-4xl font-bold text-center mb-12 neon-text">未来展望</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-8 mb-12">
|
||
<div class="hover-card rounded-xl p-8 text-center">
|
||
<div class="text-5xl font-bold text-cyan-400 mb-4">2027</div>
|
||
<h3 class="text-xl font-bold mb-3">技术验证期</h3>
|
||
<p class="text-gray-300">完成百颗级星座部署，验证核心技术与特定应用场景</p>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8 text-center">
|
||
<div class="text-5xl font-bold text-purple-400 mb-4">2030</div>
|
||
<h3 class="text-xl font-bold mb-3">商业化初期</h3>
|
||
<p class="text-gray-300">千颗级星座建设，"太空算力即服务"模式成熟</p>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8 text-center">
|
||
<div class="text-5xl font-bold text-pink-400 mb-4">2035+</div>
|
||
<h3 class="text-xl font-bold mb-3">规模化发展</h3>
|
||
<p class="text-gray-300">GW级数据中心部署，成为地面算力重要补充</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hover-card rounded-xl p-8 mb-12">
|
||
<h3 class="text-2xl font-bold mb-6 text-center text-red-400">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>关键风险提示
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="text-lg font-bold mb-3 text-yellow-400">技术风险</h4>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 抗辐射技术尚未完全成熟</li>
|
||
<li>• Tbps级激光通信2030年才可能成熟</li>
|
||
<li>• 空间芯片算力仍落后地面顶级产品</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-lg font-bold mb-3 text-orange-400">商业化风险</h4>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li>• 发射成本仍是最大瓶颈</li>
|
||
<li>• 商业模式依赖高价值任务</li>
|
||
<li>• 万亿市场规模预期过于乐观</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<p class="text-xl text-gray-300 mb-6">需要重点跟踪的核心指标</p>
|
||
<div class="flex flex-wrap justify-center gap-3">
|
||
<span class="tag tag-primary"><i class="fas fa-rocket mr-1"></i>发射频率与成本</span>
|
||
<span class="tag tag-primary"><i class="fas fa-satellite mr-1"></i>星座规模与算力</span>
|
||
<span class="tag tag-primary"><i class="fas fa-handshake mr-1"></i>商业化订单</span>
|
||
<span class="tag tag-secondary"><i class="fas fa-wifi mr-1"></i>激光通信速率</span>
|
||
<span class="tag tag-secondary"><i class="fas fa-solar-panel mr-1"></i>太阳能电池效率</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="py-10 border-t border-cyan-500/20">
|
||
<div class="container mx-auto px-4 text-center">
|
||
<p class="text-gray-400 mb-4">
|
||
<i class="fas fa-info-circle mr-2"></i>
|
||
本报告基于公开信息撰写，不构成任何投资建议
|
||
</p>
|
||
<p class="text-sm text-gray-500">
|
||
数据来源：新闻研报、路演记录、公司公告 | 更新时间：2025年11月
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// 生成星星背景
|
||
function createStars() {
|
||
const starsContainer = document.getElementById('stars');
|
||
const starCount = 100;
|
||
|
||
for (let i = 0; i < starCount; i++) {
|
||
const star = document.createElement('div');
|
||
star.className = 'star';
|
||
star.style.left = Math.random() * 100 + '%';
|
||
star.style.top = Math.random() * 100 + '%';
|
||
star.style.animationDelay = Math.random() * 3 + 's';
|
||
starsContainer.appendChild(star);
|
||
}
|
||
}
|
||
|
||
// 滚动动画
|
||
function handleScroll() {
|
||
const elements = document.querySelectorAll('.fade-in');
|
||
elements.forEach(element => {
|
||
const rect = element.getBoundingClientRect();
|
||
if (rect.top < window.innerHeight && rect.bottom > 0) {
|
||
element.style.opacity = '1';
|
||
element.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}
|
||
|
||
// 平滑滚动
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
const target = document.querySelector(this.getAttribute('href'));
|
||
if (target) {
|
||
target.scrollIntoView({
|
||
behavior: 'smooth',
|
||
block: 'start'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
// 初始化
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
createStars();
|
||
handleScroll();
|
||
window.addEventListener('scroll', handleScroll);
|
||
|
||
// 添加渐入动画
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(entries) {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('fade-in');
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('section').forEach(section => {
|
||
observer.observe(section);
|
||
});
|
||
});
|
||
|
||
// 进度条动画
|
||
window.addEventListener('load', function() {
|
||
const progressBars = document.querySelectorAll('.progress-fill');
|
||
setTimeout(() => {
|
||
progressBars.forEach(bar => {
|
||
bar.style.width = bar.style.width;
|
||
});
|
||
}, 500);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|