Files
vf_react/public/htmls/人形机器人产业动态.html
2025-10-11 16:16:02 +08:00

381 lines
20 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">
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
#vanta-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.content-wrapper {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 1rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.section-title {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.75rem;
}
.content-wrapper {
margin: 1rem;
padding: 1rem;
}
}
.highlight-box {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 1.5rem;
border-radius: 0.75rem;
margin-bottom: 2rem;
}
.timeline-item {
position: relative;
padding-left: 2rem;
margin-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 0;
top: 0.5rem;
width: 0.75rem;
height: 0.75rem;
background: #667eea;
border-radius: 50%;
}
.timeline-item::after {
content: '';
position: absolute;
left: 0.375rem;
top: 1.25rem;
width: 1px;
height: calc(100% - 0.5rem);
background: #e5e7eb;
}
.timeline-item:last-child::after {
display: none;
}
</style>
</head>
<body class="bg-gray-50">
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<div class="content-wrapper p-8">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold mb-4 section-title">人形机器人产业动态分析</h1>
<p class="text-lg text-gray-600">2024-2025年"量产元年"深度洞察</p>
</div>
<!-- 概念事件 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">概念事件</h2>
<div class="highlight-box">
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center">
<i class="fas fa-landmark text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">政策端</h3>
<p class="text-sm">中国"十四五"规划将人形机器人列为战略性新兴产业;美国《芯片法案》加速本土产业链重构</p>
</div>
<div class="text-center">
<i class="fas fa-microchip text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">技术端</h3>
<p class="text-sm">特斯拉Optimus Gen2实现动态平衡宇树科技H1速度达3.3m/s汇川技术推出高性能核心部件</p>
</div>
<div class="text-center">
<i class="fas fa-industry text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">商业化端</h3>
<p class="text-sm">特斯拉计划2025年量产1万台宇树科技获500台订单汇川方案提升效率40%</p>
</div>
</div>
</div>
</section>
<!-- 核心观点摘要 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">核心观点摘要</h2>
<div class="bg-gradient-to-r from-blue-50 to-purple-50 p-6 rounded-lg border border-gray-200">
<p class="text-gray-700 leading-relaxed mb-4">
人形机器人产业正处于从"实验室"向"产业化"跨越的关键阶段。当前,技术突破(如电驱动、具身智能)与政策支持(中国"十四五"规划、美国《芯片法案》)共同驱动产业进入"量产元年"。
</p>
<p class="text-gray-700 leading-relaxed mb-4">
未来5-10年产业将围绕"电驱动+具身智能"加速技术融合工业场景如汽车制造、3C装配率先规模化应用家庭服务如养老、育儿与特种领域如灾难救援、太空探索为下一增长极。
</p>
<p class="text-gray-700 leading-relaxed">
当前市场热度高涨,但需警惕技术瓶颈(如动态平衡、多模态感知)、商业化不及预期(成本高、场景落地慢)及政策伦理风险(机器人税、数据安全、就业替代)。
</p>
</div>
</section>
<!-- 核心逻辑与市场认知分析 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">核心逻辑与市场认知分析</h2>
<div class="grid md:grid-cols-3 gap-6 mb-8">
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-purple-600">核心驱动力</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">技术突破</h4>
<p class="text-sm text-gray-600">电驱动主导、具身智能融合、低成本化</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">政策支持</h4>
<p class="text-sm text-gray-600">中国"十四五"规划、美国《芯片法案》</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">市场需求</h4>
<p class="text-sm text-gray-600">工业、家庭服务、特种领域需求旺盛</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-blue-600">市场热度与情绪</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">政策与资本助推</h4>
<p class="text-sm text-gray-600">2024年融资超50起总金额超100亿元</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">技术突破引发兴奋</h4>
<p class="text-sm text-gray-600">概念股涨幅超50%,市场关注度高</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">预期差与理性分化</h4>
<p class="text-sm text-gray-600">量产时间、场景优先级、成本控制存在分歧</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-green-600">预期差分析</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">技术落地节奏</h4>
<p class="text-sm text-gray-600">量产时间可能受供应链、技术成熟度影响</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">商业化场景优先级</h4>
<p class="text-sm text-gray-600">工业场景vs家庭服务场景的长期潜力</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">成本控制能力</h4>
<p class="text-sm text-gray-600">核心零部件国产化率、规模化量产能力</p>
</div>
</div>
</div>
</div>
</section>
<!-- 关键催化剂与未来发展路径 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">关键催化剂与未来发展路径</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-6 rounded-lg">
<h3 class="text-xl font-semibold mb-4 text-purple-700">近期催化剂2025-2026年</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-rocket text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">特斯拉Optimus Gen3量产</h4>
<p class="text-sm text-gray-600">2025年Q2推出成本降至1.5万美元以下</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-industry text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">国内企业量产线投产</h4>
<p class="text-sm text-gray-600">宇树科技月产能破1000台汇川技术方案落地</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-file-alt text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">政策支持落地</h4>
<p class="text-sm text-gray-600">工信部发布行动计划提供最高5亿元补贴</p>
</div>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-6 rounded-lg">
<h3 class="text-xl font-semibold mb-4 text-blue-700">长期发展路径2027-2030年</h3>
<div class="space-y-4">
<div>
<h4 class="font-medium text-blue-600 mb-2">技术成熟期2027-2029年</h4>
<ul class="text-sm text-gray-600 space-y-1 ml-4">
<li>• 动态平衡与复杂环境适应能力提升</li>
<li>• 多模态大模型突破任务成功率超90%</li>
<li>• 核心零部件国产化率提升至80%以上</li>
</ul>
</div>
<div>
<h4 class="font-medium text-blue-600 mb-2">商业化爆发期2030年后</h4>
<ul class="text-sm text-gray-600 space-y-1 ml-4">
<li>• 工业场景渗透率超30%,市场规模超千亿</li>
<li>• 家庭服务成为主流渗透率超50%</li>
<li>• 特种领域专业化应用加速落地</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链与核心公司深度剖析 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">产业链与核心公司深度剖析</h2>
<div class="bg-white p-6 rounded-lg shadow-md mb-8">
<h3 class="text-xl font-semibold mb-4 text-indigo-600">产业链图谱</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center p-4 bg-indigo-50 rounded-lg">
<h4 class="font-semibold text-indigo-700 mb-2">上游</h4>
<p class="text-sm text-gray-600">核心零部件、AI大模型、高性能芯片</p>
</div>
<div class="text-center p-4 bg-purple-50 rounded-lg">
<h4 class="font-semibold text-purple-700 mb-2">中游</h4>
<p class="text-sm text-gray-600">系统集成与整机制造、解决方案</p>
</div>
<div class="text-center p-4 bg-pink-50 rounded-lg">
<h4 class="font-semibold text-pink-700 mb-2">下游</h4>
<p class="text-sm text-gray-600">终端应用场景(工业、家庭、特种)</p>
</div>
</div>
</div>
</section>
<!-- 关联股票数据表格 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">关联股票数据</h2>
<div class="table-container">
<table class="table w-full">
<thead>
<tr class="bg-gradient-to-r from-purple-600 to-blue-600 text-white">
<th class="p-3 text-left">股票名称</th>
<th class="p-3 text-left">行业</th>
<th class="p-3 text-left">项目</th>
<th class="p-3 text-left">产业链</th>
<th class="p-3 text-left">分类</th>
<th class="p-3 text-left">市值</th>
<th class="p-3 text-left">合作原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 数据将通过JavaScript动态填充 -->
</tbody>
</table>
</div>
</section>
</div>
</div>
<script>
// 初始化Vanta.js背景
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x1a365d,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.75,
zoom: 0.65
});
// 处理股票数据
const stockData = [
{'stock': '均普智能', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '168', 'reason': '智元本体代工'},
{'stock': '宁波华翔', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '144', 'reason': '智元本体代工'},
{'stock': '博众精工', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '143', 'reason': '代工远征系列'},
{'stock': '蓝思科技', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '1,446', 'reason': '代工灵犀系列'},
{'stock': '禾川科技', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '74', 'reason': '/'},
{'stock': '领益智造', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '707', 'reason': '/'},
{'stock': '富临精工', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '248', 'reason': '关节总成'},
{'stock': '恒立液压', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '1,274', 'reason': '直线执行器对接中'},
{'stock': '恒立液压', '行业': '关节总成', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '1,274', 'reason': '直线关节执行器'},
{'stock': '瑞声科技', '行业': '灵巧手', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '553', 'reason': '灵巧手执行器'},
{'stock': '龙溪股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '关节轴承+连杆', '市值': '80', 'reason': '关节轴承+连杆'},
{'stock': '双环传动', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '减速器', '市值': '323', 'reason': '送样减速器'},
{'stock': '豪能股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '减速器', '市值': '120', 'reason': '送样减速器'},
{'stock': '凌云股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '六维力传感器', '市值': '167', 'reason': '送样六维力传感器'},
{'stock': '汉威科技', '行业': '其他', '项目': '小米', '产业链': '小米产业链', '分类': '传感器', '市值': '157', 'reason': '小米参股+检测设备+传感器'},
{'stock': '金杨股份', '行业': '其他', '项目': '小米', '产业链': '小米产业链', '分类': '检测设备', '市值': '67', 'reason': '小米参股+检测设备+传感器'},
{'stock': '绿的谐波', '行业': '减速器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '305', 'reason': '谐波减速器核心供应商,批量供应'},
{'stock': '中大力德', '行业': '减速器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '142', 'reason': '行星减速器核心供应商,批量供应'},
{'stock': '步科股份', '行业': '电机', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '82', 'reason': '无框力矩电机'},
{'stock': '华依科技', '行业': '电机', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '39', 'reason': 'IMU批量供应'},
{'stock': '均胜电子', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '268', 'reason': 'IMU、六维力传感器批量供应'},
{'stock': '东华测试', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '70', 'reason': '送样六维力传感器'},
{'stock': '安培龙', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '107', 'reason': '送样力矩传感器'},
{'stock': '柯力传感', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '212', 'reason': '送样六维力传感器'},
{'stock': '奥飞娱乐', '行业': '动捕', '项目': '智元', '产业链': '人形机器人', '分类': '设备采购', '市值': '140', 'reason': '采购诺亦腾动捕设备奥飞参股5%'},
{'stock': '凌云光', '行业': '动捕', '项目': '智元', '产业链': '人形机器人', '分类': '设备采购', '市值': '166', 'reason': '智元大模型真实数据受益'},
{'stock': '长华集团', '行业': '其他', '项目': '智元', '产业链': '人形机器人', '分类': '产业基金', '市值': '62', 'reason': '成立产业基金公司是LP'},
{'stock': '震裕科技', '行业': '关节总成', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '207', 'reason': '执行器已通过验证'}
];
// 填充表格数据
const tableBody = document.getElementById('stockTableBody');
stockData.forEach((item, index) => {
const row = document.createElement('tr');
row.className = index % 2 === 0 ? 'bg-white' : 'bg-gray-50';
row.innerHTML = `
<td class="p-3 border-b font-medium">${item.stock}</td>
<td class="p-3 border-b">${item.行业}</td>
<td class="p-3 border-b">${item.项目}</td>
<td class="p-3 border-b">${item.产业链 || '-'}</td>
<td class="p-3 border-b">
<span class="px-2 py-1 text-xs rounded-full ${
item.分类.includes('核心') ? 'bg-purple-100 text-purple-800' :
item.分类.includes('供应商') ? 'bg-blue-100 text-blue-800' :
item.分类.includes('设备') ? 'bg-green-100 text-green-800' :
'bg-gray-100 text-gray-800'
}">${item.分类}</span>
</td>
<td class="p-3 border-b">${item.市值}亿</td>
<td class="p-3 border-b text-sm">${item.reason}</td>
`;
tableBody.appendChild(row);
});
</script>
</body>
</html>
```