Files
vf_react/public/htmls/汽车央企战略重组.html
2025-10-11 16:16:02 +08:00

622 lines
39 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" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
<!-- Custom CSS -->
<style>
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #3182ce;
left: -8px;
top: 6px;
}
.timeline-line {
position: absolute;
width: 2px;
background-color: #e2e8f0;
left: 0;
top: 0;
bottom: 0;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.875rem;
}
}
</style>
</head>
<body class="bg-gray-50">
<!-- Background Effect -->
<div id="vanta-bg" class="fixed inset-0 z-0"></div>
<!-- Main Content -->
<div class="relative z-10">
<!-- Header Section -->
<div class="gradient-bg text-white py-16 px-4">
<div class="max-w-6xl mx-auto">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4">汽车央企战略重组</h1>
<p class="text-xl md:text-2xl opacity-90 max-w-3xl mx-auto">
国企改革深化提升行动收官之年,打造具有全球竞争力的世界一流汽车集团
</p>
<div class="mt-8 flex flex-wrap justify-center gap-4">
<span class="bg-blue-500 bg-opacity-30 px-4 py-2 rounded-full text-sm font-medium">
<i class="fas fa-calendar-alt mr-2"></i>2025年国企改革收官
</span>
<span class="bg-blue-500 bg-opacity-30 px-4 py-2 rounded-full text-sm font-medium">
<i class="fas fa-industry mr-2"></i>央企战略性重组
</span>
<span class="bg-blue-500 bg-opacity-30 px-4 py-2 rounded-full text-sm font-medium">
<i class="fas fa-chart-line mr-2"></i>市场出清加速
</span>
</div>
</div>
</div>
</div>
<!-- Main Content Container -->
<div class="max-w-6xl mx-auto px-4 py-12">
<!-- Concept Event Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-bolt text-yellow-500 mr-3"></i>概念事件
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-3">背景</h3>
<p class="text-gray-600 leading-relaxed">
2025年是国企改革深化提升行动收官之年国资委明确提出对整车央企进行战略性重组目标是通过整合研发、制造和市场资源打造具有全球竞争力的世界一流汽车集团。
</p>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-3">催化事件</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<i class="fas fa-newspaper text-sm"></i>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">2025年3月29日</p>
<p class="text-gray-600">国务院国资委在电动汽车百人会上宣布,将对一汽、东风、长安三大整车央企进行战略性重组,并整治行业无序竞争。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<i class="fas fa-newspaper text-sm"></i>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">2025年6月5日</p>
<p class="text-gray-600">长安、东风合并方案调整,新设一级央企总部落户重庆,长安作为子公司保留。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<i class="fas fa-newspaper text-sm"></i>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">2025年2月9日</p>
<p class="text-gray-600">兵装集团(长安母公司)和东风集团同步公告,控股股东筹划与其他国资央企重组。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-3">时间轴</h3>
<div class="relative pl-8">
<div class="timeline-line"></div>
<div class="space-y-6">
<div class="timeline-dot">
<p class="font-medium text-gray-800">2024年</p>
<p class="text-gray-600">国资委启动新能源业务单独考核,推动央企转型。</p>
</div>
<div class="timeline-dot">
<p class="font-medium text-gray-800">2025年Q1</p>
<p class="text-gray-600">政策明确重组方向,市场预期升温。</p>
</div>
<div class="timeline-dot">
<p class="font-medium text-gray-800">2025年Q2-Q3</p>
<p class="text-gray-600">重组方案落地,新央企挂牌,资产整合启动。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Executive Summary Section -->
<div class="mb-16">
<div class="bg-gradient-to-r from-blue-600 to-indigo-700 rounded-xl card-shadow p-6 md:p-8 text-white">
<h2 class="text-2xl md:text-3xl font-bold mb-6 flex items-center">
<i class="fas fa-lightbulb text-yellow-300 mr-3"></i>核心观点摘要
</h2>
<div class="bg-white bg-opacity-20 rounded-lg p-6 backdrop-blur-sm">
<p class="text-lg leading-relaxed">
汽车央企战略重组已从政策预期进入<strong class="text-yellow-300">落地执行阶段</strong>,核心驱动力是<strong class="text-yellow-300">新能源转型滞后</strong><strong class="text-yellow-300">行业竞争出清</strong>。重组将加速市场出清,利好比亚迪、吉利等民企龙头,同时催生央企-民企合作新模式(如长安+华为、一汽+零跑。未来6个月是验证整合效果的关键窗口期。
</p>
</div>
</div>
</div>
<!-- Core Logic Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-brain text-purple-500 mr-3"></i>核心逻辑与市场认知
</h2>
<div class="grid md:grid-cols-2 gap-8 mb-8">
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心驱动力</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<span class="font-bold">1</span>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">政策倒逼</p>
<p class="text-gray-600">国资委对央企新能源业务单独考核2024年起传统燃油车业务拖累业绩东风2023年亏损50亿元</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<span class="font-bold">2</span>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">市场出清</p>
<p class="text-gray-600">三家央企新能源市占率合计不足15%重组后削减SKU释放份额<strong>预计释放10%-15%市场空间</strong>)。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mt-1">
<span class="font-bold">3</span>
</div>
<div class="ml-4">
<p class="font-medium text-gray-800">技术短板</p>
<p class="text-gray-600">央企智能化依赖外部合作长安HI模式、一汽零跑联合开发重组可集中资源攻坚核心技术。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">市场热度与情绪</h3>
<div class="space-y-4">
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<p class="font-medium text-gray-800">新闻热度</p>
<span class="bg-red-100 text-red-800 px-2 py-1 rounded text-sm font-medium">+300%</span>
</div>
<p class="text-gray-600 text-sm">2025年3-6月相关报道量同比增300%21财经、证券时报密集跟踪</p>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<p class="font-medium text-gray-800">研报覆盖</p>
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-sm font-medium">12家</span>
</div>
<p class="text-gray-600 text-sm">国金、方正、中信等12家券商发布深度报告一致看好"变相出清"逻辑。</p>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex justify-between items-center mb-2">
<p class="font-medium text-gray-800">情绪分歧</p>
<span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-sm font-medium">存在</span>
</div>
<p class="text-gray-600 text-sm">部分机构担忧"弱弱联合"效果,但主流观点认为"政策驱动+市场出清"不可逆。</p>
</div>
</div>
</div>
</div>
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded">
<h3 class="text-lg font-semibold text-gray-800 mb-2">预期差分析</h3>
<div class="space-y-2">
<p class="text-gray-700"><strong class="text-yellow-700">市场忽略点:</strong>重组不仅是合并更可能分拆汽车业务成立新央企如6月重庆方案长安等子公司反而获得更大自主权。</p>
<p class="text-gray-700"><strong class="text-yellow-700">数据矛盾:</strong>新闻称"合并中止",但路演纪要显示兵器装备集团军工资产将注入兵器工业集团,汽车业务独立运营,实际为专业化整合而非简单合并。</p>
</div>
</div>
</div>
</div>
<!-- Catalysts Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-red-500 mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="grid md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4 flex items-center">
<span class="bg-red-100 text-red-800 rounded-full w-6 h-6 flex items-center justify-center text-xs font-bold mr-2"></span>
近期催化剂3-6个月
</h3>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div>
<p class="font-medium text-gray-800">新央企挂牌</p>
<p class="text-gray-600 text-sm">预计2025年8月新设汽车央企在重庆成立长安、东风股权划转完成。</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div>
<p class="font-medium text-gray-800">华为合作深化</p>
<p class="text-gray-600 text-sm">一汽官宣与零跑合作车型2025Q3发布验证央企-民企协同模式。</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div>
<p class="font-medium text-gray-800">政策细则</p>
<p class="text-gray-600 text-sm">国资委将发布《汽车行业公平竞争审查细则》,加速落后产能退出。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4 flex items-center">
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-xs font-bold mr-2"></span>
长期路径2025-2027
</h3>
<div class="space-y-4">
<div class="bg-blue-50 rounded-lg p-4">
<p class="font-medium text-gray-800 mb-1">阶段12025H2</p>
<p class="text-gray-600 text-sm">完成资产交割,削减冗余品牌(如东风风行、长安凯程)。</p>
</div>
<div class="bg-blue-50 rounded-lg p-4">
<p class="font-medium text-gray-800 mb-1">阶段22026</p>
<p class="text-gray-600 text-sm">新央企与华为、宁德时代成立合资公司,统一电池/智驾平台。</p>
</div>
<div class="bg-blue-50 rounded-lg p-4">
<p class="font-medium text-gray-800 mb-1">阶段32027</p>
<p class="text-gray-600 text-sm">海外布局加速依托央企渠道出口东南亚目标年出口50万辆</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Industry Chain Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-project-diagram text-green-500 mr-3"></i>产业链与核心公司深度剖析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">产业链图谱</h3>
<div class="flex flex-wrap justify-center gap-4">
<div class="bg-green-50 border border-green-200 rounded-lg p-4 text-center min-w-[150px]">
<p class="font-semibold text-green-800 mb-2">上游</p>
<p class="text-sm text-gray-700">宁德时代(电池)</p>
<p class="text-sm text-gray-700">华为(智驾)</p>
<p class="text-sm text-gray-700">零跑(技术输出)</p>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 text-center min-w-[150px]">
<p class="font-semibold text-blue-800 mb-2">中游</p>
<p class="text-sm text-gray-700">新央企(长安+东风整合)</p>
<p class="text-sm text-gray-700">一汽(独立北方板块)</p>
</div>
<div class="bg-purple-50 border border-purple-200 rounded-lg p-4 text-center min-w-[150px]">
<p class="font-semibold text-purple-800 mb-2">下游</p>
<p class="text-sm text-gray-700">比亚迪(承接出清份额)</p>
<p class="text-sm text-gray-700">吉利(几何+极氪协同)</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">角色</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">优势</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">长安汽车</td>
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">新央企核心</td>
<td class="px-4 py-3 text-sm text-gray-500">新能源销量全国第三25年5月阿维塔盈利</td>
<td class="px-4 py-3 text-sm text-gray-500">品牌整合难度大(深蓝/启源重叠)</td>
</tr>
<tr class="bg-gray-50">
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">东风集团</td>
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">被整合方</td>
<td class="px-4 py-3 text-sm text-gray-500">商用车龙头市净率0.16倍(严重低估)</td>
<td class="px-4 py-3 text-sm text-gray-500">合资崩塌(日产/本田销量腰斩)</td>
</tr>
<tr>
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">比亚迪</td>
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">份额承接者</td>
<td class="px-4 py-3 text-sm text-gray-500">DM5.0技术领先,成本优势显著</td>
<td class="px-4 py-3 text-sm text-gray-500">政策补贴退坡风险</td>
</tr>
<tr class="bg-gray-50">
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">零跑汽车</td>
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">技术合作方</td>
<td class="px-4 py-3 text-sm text-gray-500">与一汽联合开发,增程式技术输出</td>
<td class="px-4 py-3 text-sm text-gray-500">过度依赖央企订单</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mt-8 bg-gray-50 rounded-lg p-4">
<h3 class="text-lg font-semibold text-gray-800 mb-2">验证与证伪</h3>
<div class="space-y-2">
<p class="text-gray-700"><strong class="text-green-700">数据印证:</strong>东风2023年销量下滑48%14万辆印证"出清"逻辑。</p>
<p class="text-gray-700"><strong class="text-red-700">风险信号:</strong>长安深蓝2024年销量目标25万辆但Q1仅完成4.2万辆(进度滞后)。</p>
</div>
</div>
</div>
</div>
<!-- Risks Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-orange-500 mr-3"></i>潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险类型</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">具体表现</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">应对策略</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">技术风险</td>
<td class="px-4 py-3 text-sm text-gray-500">固态电池量产延迟2028年后</td>
<td class="px-4 py-3 text-sm text-gray-500">押注磷酸铁锂过渡方案</td>
</tr>
<tr class="bg-gray-50">
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">商业化风险</td>
<td class="px-4 py-3 text-sm text-gray-500">新央企品牌认知度低(如"岚图"月销<3000辆</td>
<td class="px-4 py-3 text-sm text-gray-500">借助华为渠道赋能</td>
</tr>
<tr>
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">政策风险</td>
<td class="px-4 py-3 text-sm text-gray-500">地方保护主义阻碍产能出清(如武汉/重庆博弈)</td>
<td class="px-4 py-3 text-sm text-gray-500">国资委直接协调</td>
</tr>
<tr class="bg-gray-50">
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">信息矛盾</td>
<td class="px-4 py-3 text-sm text-gray-500">新闻称"合并中止",但路演纪要显示资产注入兵器工业集团</td>
<td class="px-4 py-3 text-sm text-gray-500">以国资委公告为准</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Conclusion Section -->
<div class="mb-16">
<div class="bg-gradient-to-r from-indigo-600 to-purple-700 rounded-xl card-shadow p-6 md:p-8 text-white">
<h2 class="text-2xl md:text-3xl font-bold mb-6 flex items-center">
<i class="fas fa-flag-checkered text-yellow-300 mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3">阶段判断</h3>
<div class="bg-white bg-opacity-20 rounded-lg p-4 backdrop-blur-sm">
<p class="text-lg">
当前处于政策驱动向基本面验证过渡期2025Q3新央企运营数据是关键分水岭。
</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3">投资方向</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-white bg-opacity-20 rounded-lg p-4 backdrop-blur-sm">
<p class="font-semibold text-yellow-300 mb-2">直接受益</p>
<ul class="space-y-1">
<li>• 比亚迪(份额提升)</li>
<li>• 吉利汽车(几何+极氪协同)</li>
</ul>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-4 backdrop-blur-sm">
<p class="font-semibold text-yellow-300 mb-2">合作红利</p>
<ul class="space-y-1">
<li>• 零跑汽车(一汽技术合作)</li>
<li>• 华为系(赛力斯、北汽蓝谷)</li>
</ul>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-4 backdrop-blur-sm">
<p class="font-semibold text-yellow-300 mb-2">低估修复</p>
<ul class="space-y-1">
<li>• 东风集团股份H股</li>
<li>• PB<0.2重组后资产重估</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3">跟踪指标</h3>
<div class="space-y-3">
<div class="flex items-center">
<div class="bg-yellow-400 text-indigo-900 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0">
<i class="fas fa-chart-line"></i>
</div>
<div class="ml-4">
<p class="font-medium">新央企月销量</p>
<p class="text-sm opacity-80">2025Q4需突破10万辆验证整合效果</p>
</div>
</div>
<div class="flex items-center">
<div class="bg-yellow-400 text-indigo-900 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0">
<i class="fas fa-handshake"></i>
</div>
<div class="ml-4">
<p class="font-medium">华为合作项目落地</p>
<p class="text-sm opacity-80">一汽-零跑联合车型订单量目标5万辆/年)</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Related Stocks Section -->
<div class="mb-16">
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-bar text-blue-500 mr-3"></i>关联股票数据
</h2>
<div id="stocks-container" class="space-y-8">
<!-- Stock tables will be dynamically generated here -->
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<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>
<script>
// Initialize Vanta.js background
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: 10.00,
waveSpeed: 0.75,
zoom: 0.75
});
// Stock data
const stockData = [{'中兵集团并购重组(250605)': [{'stock': '东安动力', '分类': '汽车', '项目': '长安系', '持股比例': '中兵集团所属长安汽车持股50.45%', '市场地位': '自主品牌自动变速器国内外市场第一', '消息来源': '公告', 'reason': '中兵集团通过长安汽车控股东安动力,且其自动变速器业务具有市场领先地位'}, {'stock': '长安汽车', '分类': '汽车', '项目': '长安系', '持股比例': '中兵集团所属长安汽车持股39.7%', '市场地位': '新能源车销量全国第三25年5月排名', '消息来源': '公告/媒体', 'reason': '中兵集团通过长安汽车控股,且新能源车销量表现突出'}, {'stock': '湖南天雁', '分类': '汽车', '项目': '长安系', '持股比例': '中兵集团所属长安汽车持股37.16%', '行业地位': '中国内燃机行业排头兵', '消息来源': '公告', 'reason': '中兵集团通过长安汽车控股,且在内燃机领域具有行业领先地位'}, {'stock': '建设工业', '分类': '汽车/军工', '产业链': '汽车连杆', '持股比例': '中兵集团持股78.13%', '市场地位': '汽车连杆市占率领先', '消息来源': '公告', 'reason': '中兵集团直接控股,且汽车连杆产品市场占有率高'}, {'stock': '中光学', '分类': '汽车/军工', '产业链': '汽车光电', '持股比例': '中兵集团持股42.19%', '产品类型': '摄像头模组、激光雷达、HUD', '消息来源': '公告', 'reason': '中兵集团控股,且产品覆盖汽车光电核心领域'}, {'stock': '长城军工', '分类': '军工', '产业链': '空调压缩机', '持股比例': '中兵集团持股30.03%', '业务范围': '民品业务包括汽车空调压缩机', '消息来源': '公告', 'reason': '中兵集团控股,且民品业务涉及汽车空调压缩机'}, {'stock': '建设工业', '分类': '军工', '产业链': '军用机器狗', '持股比例': '中兵集团持股78.13%', '产品类型': '轻武装备为主(珠海航展展示机器狗)', '消息来源': '公告/媒体', 'reason': '中兵集团控股,且军用机器狗产品在珠海航展展示'}, {'stock': '中光学', '分类': '军工', '产业链': '光电防务', '持股比例': '中兵集团持股42.19%', '产品类型': '轻武器微光瞄/准镜重要生产单位', '消息来源': '公告', 'reason': '中兵集团控股,且在光电防务领域生产核心产品'}, {'stock': '长城军工', '分类': '军工', '产业链': '弹药', '持股比例': '中兵集团持股30.03%', '业务范围': '常规弹药与精确制导弹药发展并重,武器装备深度融入国防体系', '消息来源': '公告', 'reason': '中兵集团控股,且弹药业务覆盖海陆空火箭军等多军种'}, {'stock': '保变电气', '分类': '电力', '产业链': '核电变压器', '持股比例': '中兵集团持股17.98%', '市场地位': '输变电装备制造核心企业之一,核电变压器市场占有率较高', '消息来源': '公告', 'reason': '中兵集团控股,且核电变压器产品具有市场优势'}]}, {'央国企重组(250211)': [{'stock': '中兵红箭', '行业': '军工', '项目': '中兵系', '产业链': '国防装备', 'reason': '隶属于中国兵器工业集团,主营业务涉及军工装备制造'}, {'stock': '长安汽车', '行业': '汽车制造', '项目': '中兵系', '产业链': '整车制造', 'reason': '中兵系控股企业,聚焦汽车整车研发生产'}, {'stock': '许继电气', '行业': '电力设备', '项目': '中电系/国家电网', '产业链': '智能电网', 'reason': '国家电网旗下电力设备核心企业,参与特高压输电项目'}, {'stock': '中国船舶', '行业': '船舶制造', '项目': '南北船', '产业链': '海洋工程', 'reason': '中国船舶集团核心上市平台,整合南北船资源'}, {'stock': '海康威视', '行业': '电子信息', '项目': '中国电科', '产业链': '安防监控', 'reason': '中国电科旗下智能安防龙头企业'}, {'stock': '中国医药', '行业': '医药生物', '项目': '央企医药平台', '产业链': '药品流通', 'reason': '中国医药集团核心上市平台,覆盖医药全产业链'}]}, {'整车央企重组(250330)': [{'stock': '东风科技', '行业': '汽车制造', '项目': '整车央企重组', '分类': '整车企业', '产业链': '上游供应商', 'reason': '东风汽车集团持股74.7%,属于东风汽车集团体系内核心零部件供应商'}, {'stock': '东风股份', '行业': '汽车制造', '项目': '整车央企重组', '分类': '整车企业', '产业链': '商用车制造', 'reason': '东风汽车集团持股55%,专注轻型商用车领域'}, {'stock': '一汽解放', '行业': '汽车制造', '项目': '整车央企重组', '分类': '整车企业', '产业链': '重卡制造', 'reason': '一汽集团持股77.8%,中国重卡行业龙头企业'}, {'stock': '启明信息', '行业': '汽车电子', '项目': '整车央企重组', '分类': '汽车IT服务', '产业链': '汽车信息化', 'reason': '一汽集团持股48.67%,提供汽车业管理软件与集成服务'}, {'stock': '富奥股份', '行业': '汽车零部件', '项目': '整车央企重组', '分类': '零部件供应商', '产业链': '底盘系统', 'reason': '一汽集团持股25.38%,东北地区汽车零部件龙头'}, {'stock': '一汽富维', '行业': '汽车零部件', '项目': '整车央企重组', '分类': '零部件供应商', '产业链': '车身部件', 'reason': '一汽集团持股14.46%,主要生产汽车座椅、保险杠等'}, {'stock': '建设工业', '行业': '军工制造', '项目': '央企重组', '分类': '特种装备制造', '产业链': '兵器装备', 'reason': '兵器装备集团持股65.89%,军民融合型装备制造企业'}, {'stock': '东安动力', '行业': '汽车零部件', '项目': '整车央企重组', '分类': '动力系统供应商', '产业链': '发动机制造', 'reason': '兵器装备集团持股49.99%,专注于汽车动力总成研发'}, {'stock': '华强科技', '行业': '军工电子', '项目': '央企重组', '分类': '特种电子装备', '产业链': '军工配套', 'reason': '兵器装备集团持股45.52%,军用电子元器件核心供应商'}, {'stock': '中光学', '行业': '光电设备', '项目': '央企重组', '分类': '光学器件制造', '产业链': '军工光学', 'reason': '兵器装备集团持股39.57%,军用光学设备核心企业'}, {'stock': '湖南天雁', '行业': '汽车零部件', '项目': '整车央企重组', '分类': '零部件供应商', '产业链': '涡轮增压器', 'reason': '兵器装备集团持股37.15%,专注于发动机增压器领域'}, {'stock': '长安汽车', '行业': '汽车制造', '项目': '整车央企重组', '分类': '整车企业', '产业链': '乘用车制造', 'reason': '兵器装备集团持股32.21%,自主品牌乘用车头部企业'}, {'stock': '长城军工', '行业': '军工制造', '项目': '央企重组', '分类': '特种装备制造', '产业链': '兵器装备', 'reason': '兵器装备集团持股30.03%,专注于军用火工品生产'}, {'stock': '国机汽车', '行业': '汽车服务', '项目': '央企重组', '分类': '汽车贸易', '产业链': '汽车流通', 'reason': '机械工业集团持股68.70%,汽车综合服务解决方案提供商'}, {'stock': '中工国际', '行业': '工程承包', '项目': '央企重组', '分类': '国际工程', '产业链': '装备制造', 'reason': '机械工业集团持股63.86%,国际化工程承包与装备制造'}, {'stock': '国机重装', '行业': '重型机械', '项目': '央企重组', '分类': '高端装备', '产业链': '能源装备', 'reason': '机械工业集团持股56.35%,大型铸锻件及核电设备制造'}, {'stock': '国机精工', '行业': '精密制造', '项目': '央企重组', '分类': '轴承制造', '产业链': '精密机械', 'reason': '机械工业集团持股49.79%,轴承与磨料磨具核心企业'}, {'stock': '苏美达', '行业': '机电设备', '项目': '央企重组', '分类': '贸易与制造', '产业链': '机电产品', 'reason': '机械工业集团持股46.79%,机电产品贸易与新能源设备制造'}, {'stock': '一拖股份', '行业': '农业机械', '项目': '央企重组', '分类': '农机制造', '产业链': '现代农业装备', 'reason': '机械工业集团持股43.13%,中国最大拖拉机生产企业'}, {'stock': '国机通用', '行业': '通用机械', '项目': '央企重组', '分类': '流体机械', '产业链': '工业泵阀', 'reason': '机械工业集团持股36.82%,工业泵与阀门核心供应商'}]}];
// Function to generate stock tables
function generateStockTables() {
const container = document.getElementById('stocks-container');
stockData.forEach(category => {
const categoryName = Object.keys(category)[0];
const stocks = category[categoryName];
// Create category section
const categorySection = document.createElement('div');
categorySection.className = 'mb-8';
// Create category title
const categoryTitle = document.createElement('h3');
categoryTitle.className = 'text-xl font-semibold text-gray-800 mb-4 flex items-center';
categoryTitle.innerHTML = `<i class="fas fa-folder-open text-blue-500 mr-2"></i>${categoryName}`;
categorySection.appendChild(categoryTitle);
// Create table container
const tableContainer = document.createElement('div');
tableContainer.className = 'table-container';
// Create table
const table = document.createElement('table');
table.className = 'min-w-full divide-y divide-gray-200';
// Create table header
const thead = document.createElement('thead');
thead.className = 'bg-gray-50';
const headerRow = document.createElement('tr');
// Get all unique keys from the first stock item
const allKeys = Object.keys(stocks[0]);
allKeys.forEach(key => {
const th = document.createElement('th');
th.className = 'px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider';
th.textContent = key;
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
// Create table body
const tbody = document.createElement('tbody');
tbody.className = 'bg-white divide-y divide-gray-200';
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
if (index % 2 === 0) {
row.className = 'bg-gray-50';
}
allKeys.forEach(key => {
const td = document.createElement('td');
td.className = 'px-4 py-3 text-sm text-gray-900';
td.textContent = stock[key] || '-';
row.appendChild(td);
});
tbody.appendChild(row);
});
table.appendChild(tbody);
tableContainer.appendChild(table);
categorySection.appendChild(tableContainer);
container.appendChild(categorySection);
});
}
// Generate stock tables when page loads
document.addEventListener('DOMContentLoaded', generateStockTables);
</script>
</body>
</html>
```