updated
This commit is contained in:
root
584
public/htmls/北交所.html
Normal file
584
public/htmls/北交所.html
Normal file
@@ -0,0 +1,584 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>北交所概念深度分析 - 中国资本市场的新篇章</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
||||
|
||||
* {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
.gradient-bg {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
}
|
||||
|
||||
.card-hover {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.card-hover:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.timeline-line {
|
||||
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
|
||||
}
|
||||
|
||||
.glow-text {
|
||||
text-shadow: 0 0 20px rgba(102, 126, 234, 0.5);
|
||||
}
|
||||
|
||||
.stock-table {
|
||||
min-width: 1200px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.stock-table {
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.pulse {
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
.glass-effect {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.number-animate {
|
||||
animation: countUp 2s ease-out;
|
||||
}
|
||||
|
||||
@keyframes countUp {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-50">
|
||||
<!-- Hero Section -->
|
||||
<div class="gradient-bg text-white py-20 px-4">
|
||||
<div class="max-w-7xl mx-auto text-center">
|
||||
<div class="mb-6">
|
||||
<i class="fas fa-chart-line text-6xl mb-4 glow-text"></i>
|
||||
</div>
|
||||
<h1 class="text-5xl font-bold mb-4 glow-text">北交所概念深度分析</h1>
|
||||
<p class="text-xl mb-8">中国资本市场的新篇章 · 专精特新企业的摇篮</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto mt-12">
|
||||
<div class="glass-effect rounded-lg p-6 card-hover">
|
||||
<div class="text-4xl font-bold number-animate">260+</div>
|
||||
<div class="text-lg">上市公司数量</div>
|
||||
</div>
|
||||
<div class="glass-effect rounded-lg p-6 card-hover">
|
||||
<div class="text-4xl font-bold number-animate">7000亿</div>
|
||||
<div class="text-lg">总市值规模</div>
|
||||
</div>
|
||||
<div class="glass-effect rounded-lg p-6 card-hover">
|
||||
<div class="text-4xl font-bold number-animate">50%</div>
|
||||
<div class="text-lg">专精特新占比</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Core Concepts Section -->
|
||||
<div class="max-w-7xl mx-auto px-4 py-12">
|
||||
<div class="mb-8">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-4">
|
||||
<i class="fas fa-lightbulb text-purple-600 mr-2"></i>核心观点摘要
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-purple-600 text-2xl mb-3">
|
||||
<i class="fas fa-rocket"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold mb-2">政策驱动根本逻辑</h3>
|
||||
<p class="text-gray-600">北交所的诞生与发展，首要驱动力是国家战略意志。"深改19条"等一系列政策举措，目标是打造服务创新型中小企业的专业化平台。</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-blue-600 text-2xl mb-3">
|
||||
<i class="fas fa-puzzle-piece"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold mb-2">市场结构补充</h3>
|
||||
<p class="text-gray-600">专注"更早、更小、更新"企业，与沪深市场形成差异化互补，超50%为国家级专精特新"小巨人"企业。</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-green-600 text-2xl mb-3">
|
||||
<i class="fas fa-chart-area"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold mb-2">流动性重塑估值</h3>
|
||||
<p class="text-gray-600">投资者门槛降低带来数百万新增用户，日均换手率从不足1%跃升至5%以上，引发估值系统性重估。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Timeline Section -->
|
||||
<div class="bg-gray-100 py-12 px-4">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8 text-center">
|
||||
<i class="fas fa-history text-purple-600 mr-2"></i>发展历程与关键节点
|
||||
</h2>
|
||||
|
||||
<div class="relative">
|
||||
<div class="timeline-line absolute left-1/2 transform -translate-x-1/2 w-1 h-full"></div>
|
||||
|
||||
<div class="space-y-12">
|
||||
<div class="flex items-center">
|
||||
<div class="flex-1 text-right pr-8">
|
||||
<div class="bg-white rounded-lg p-4 shadow-lg card-hover">
|
||||
<h3 class="font-semibold text-lg">奠基与探索期</h3>
|
||||
<p class="text-gray-600">2021-2022年</p>
|
||||
<p class="text-sm">北交所正式开市，首批81家企业挂牌，日均成交额6.63亿元</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-4 h-4 bg-purple-600 rounded-full pulse"></div>
|
||||
<div class="flex-1 pl-8"></div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<div class="flex-1 pr-8"></div>
|
||||
<div class="w-4 h-4 bg-purple-600 rounded-full pulse"></div>
|
||||
<div class="flex-1 pl-8">
|
||||
<div class="bg-white rounded-lg p-4 shadow-lg card-hover">
|
||||
<h3 class="font-semibold text-lg">政策引爆与重估期</h3>
|
||||
<p class="text-gray-600">2023年9月-2024年2月</p>
|
||||
<p class="text-sm">"深改19条"发布，北证50指数三月涨幅超100%，新股首日平均涨幅350%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<div class="flex-1 text-right pr-8">
|
||||
<div class="bg-white rounded-lg p-4 shadow-lg card-hover">
|
||||
<h3 class="font-semibold text-lg">分化与理性回归</h3>
|
||||
<p class="text-gray-600">2024年3月-11月</p>
|
||||
<p class="text-sm">估值达99%历史高位，市场观点转向"攻转守"，关注基本面价值</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-4 h-4 bg-purple-600 rounded-full pulse"></div>
|
||||
<div class="flex-1 pl-8"></div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center">
|
||||
<div class="flex-1 pr-8"></div>
|
||||
<div class="w-4 h-4 bg-purple-600 rounded-full pulse"></div>
|
||||
<div class="flex-1 pl-8">
|
||||
<div class="bg-white rounded-lg p-4 shadow-lg card-hover">
|
||||
<h3 class="font-semibold text-lg">深化发展新阶段</h3>
|
||||
<p class="text-gray-600">2024年底至今</p>
|
||||
<p class="text-sm">"920"代码统一，推出可转债，鼓励H股发行，并购重组活跃</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Market Analysis -->
|
||||
<div class="max-w-7xl mx-auto px-4 py-12">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8">
|
||||
<i class="fas fa-chart-pie text-purple-600 mr-2"></i>市场认知与估值分析
|
||||
</h2>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h3 class="text-xl font-semibold mb-4">市场情绪演变</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-3 h-3 bg-red-500 rounded-full mr-3"></div>
|
||||
<div>
|
||||
<span class="font-medium">狂热期</span>
|
||||
<span class="text-gray-600 ml-2">2023年底-2024年初</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="w-3 h-3 bg-yellow-500 rounded-full mr-3"></div>
|
||||
<div>
|
||||
<span class="font-medium">过渡期</span>
|
||||
<span class="text-gray-600 ml-2">2024年中</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<div class="w-3 h-3 bg-green-500 rounded-full mr-3"></div>
|
||||
<div>
|
||||
<span class="font-medium">理性期</span>
|
||||
<span class="text-gray-600 ml-2">2024年底至今</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h3 class="text-xl font-semibold mb-4">关键估值指标</h3>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="text-center p-4 bg-purple-50 rounded-lg">
|
||||
<div class="text-2xl font-bold text-purple-600">58.03x</div>
|
||||
<div class="text-sm text-gray-600">PE(TTM)峰值</div>
|
||||
</div>
|
||||
<div class="text-center p-4 bg-blue-50 rounded-lg">
|
||||
<div class="text-2xl font-bold text-blue-600">4.78x</div>
|
||||
<div class="text-sm text-gray-600">PB(LF)峰值</div>
|
||||
</div>
|
||||
<div class="text-center p-4 bg-green-50 rounded-lg">
|
||||
<div class="text-2xl font-bold text-green-600">4.86%</div>
|
||||
<div class="text-sm text-gray-600">平均ROE</div>
|
||||
</div>
|
||||
<div class="text-center p-4 bg-orange-50 rounded-lg">
|
||||
<div class="text-2xl font-bold text-orange-600">5.75%</div>
|
||||
<div class="text-sm text-gray-600">日均换手率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Catalysts Section -->
|
||||
<div class="bg-gradient-to-r from-purple-50 to-blue-50 py-12 px-4">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8">
|
||||
<i class="fas fa-fire text-orange-500 mr-2"></i>关键催化剂
|
||||
</h2>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div class="bg-white rounded-lg shadow-md p-6 card-hover">
|
||||
<h3 class="text-lg font-semibold mb-3 text-purple-600">
|
||||
<i class="fas fa-arrow-right mr-2"></i>近期催化剂（3-6个月）
|
||||
</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<span>首批直接IPO企业落地</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<span>北证专精特新指数ETF推出</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<span>H股发行实现破局</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<span>并购重组案例增多</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-md p-6 card-hover">
|
||||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||||
<i class="fas fa-globe mr-2"></i>长期发展路径（3-5年）
|
||||
</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-arrow-up text-blue-500 mt-1 mr-2"></i>
|
||||
<span>市场生态成熟期：上市公司500+</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-arrow-up text-blue-500 mt-1 mr-2"></i>
|
||||
<span>价值发现与蓝筹涌现期</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-arrow-up text-blue-500 mt-1 mr-2"></i>
|
||||
<span>转板机制常态化</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-arrow-up text-blue-500 mt-1 mr-2"></i>
|
||||
<span>国际影响力提升期</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stock Data Table -->
|
||||
<div class="max-w-7xl mx-auto px-4 py-12">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8">
|
||||
<i class="fas fa-table text-purple-600 mr-2"></i>产业链核心公司
|
||||
</h2>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg overflow-x-auto">
|
||||
<div class="stock-table">
|
||||
<table class="w-full">
|
||||
<thead class="bg-gradient-to-r from-purple-600 to-blue-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left">股票名称</th>
|
||||
<th class="px-6 py-4 text-left">分类</th>
|
||||
<th class="px-6 py-4 text-left">行业</th>
|
||||
<th class="px-6 py-4 text-left">项目</th>
|
||||
<th class="px-6 py-4 text-left">产业链</th>
|
||||
<th class="px-6 py-4 text-left">关联原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<!-- 光伏产业链 -->
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">隆基绿能</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-green-100 text-green-800 px-2 py-1 rounded">光伏</span></td>
|
||||
<td class="px-6 py-4">光伏设备</td>
|
||||
<td class="px-6 py-4">高效电池</td>
|
||||
<td class="px-6 py-4">单晶硅</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">光伏龙头，单晶硅技术领先</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">通威股份</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-green-100 text-green-800 px-2 py-1 rounded">光伏</span></td>
|
||||
<td class="px-6 py-4">光伏设备</td>
|
||||
<td class="px-6 py-4">硅料</td>
|
||||
<td class="px-6 py-4">硅料</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">全球硅料龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">晶澳科技</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-green-100 text-green-800 px-2 py-1 rounded">光伏</span></td>
|
||||
<td class="px-6 py-4">光伏设备</td>
|
||||
<td class="px-6 py-4">组件</td>
|
||||
<td class="px-6 py-4">组件</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">全球组件领先企业</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">福斯特</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-green-100 text-green-800 px-2 py-1 rounded">光伏</span></td>
|
||||
<td class="px-6 py-4">光伏设备</td>
|
||||
<td class="px-6 py-4">胶膜</td>
|
||||
<td class="px-6 py-4">胶膜</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">光伏胶膜绝对龙头</td>
|
||||
</tr>
|
||||
|
||||
<!-- 半导体产业链 -->
|
||||
<tr class="hover:bg-blue-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">韦尔股份</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-blue-100 text-blue-800 px-2 py-1 rounded">半导体</span></td>
|
||||
<td class="px-6 py-4">半导体</td>
|
||||
<td class="px-6 py-4">芯片设计</td>
|
||||
<td class="px-6 py-4">图像传感器</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">CIS芯片设计龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-blue-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">中芯国际</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-blue-100 text-blue-800 px-2 py-1 rounded">半导体</span></td>
|
||||
<td class="px-6 py-4">半导体</td>
|
||||
<td class="px-6 py-4">晶圆代工</td>
|
||||
<td class="px-6 py-4">晶圆代工</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">国内晶圆代工龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-blue-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">北方华创</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-blue-100 text-blue-800 px-2 py-1 rounded">半导体</span></td>
|
||||
<td class="px-6 py-4">半导体</td>
|
||||
<td class="px-6 py-4">设备</td>
|
||||
<td class="px-6 py-4">设备</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">半导体设备平台型公司</td>
|
||||
</tr>
|
||||
|
||||
<!-- AI产业链 -->
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">科大讯飞</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-purple-100 text-purple-800 px-2 py-1 rounded">AI</span></td>
|
||||
<td class="px-6 py-4">人工智能</td>
|
||||
<td class="px-6 py-4">语音识别</td>
|
||||
<td class="px-6 py-4">语音识别</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">智能语音技术龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-purple-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">海康威视</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-purple-100 text-purple-800 px-2 py-1 rounded">AI</span></td>
|
||||
<td class="px-6 py-4">人工智能</td>
|
||||
<td class="px-6 py-4">计算机视觉</td>
|
||||
<td class="px-6 py-4">计算机视觉</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">安防AI视觉龙头</td>
|
||||
</tr>
|
||||
|
||||
<!-- 新能源车产业链 -->
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">宁德时代</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-orange-100 text-orange-800 px-2 py-1 rounded">新能源车</span></td>
|
||||
<td class="px-6 py-4">动力电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">全球动力电池绝对龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">比亚迪</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-orange-100 text-orange-800 px-2 py-1 rounded">新能源车</span></td>
|
||||
<td class="px-6 py-4">动力电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">新能源汽车垂直整合龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">亿纬锂能</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-orange-100 text-orange-800 px-2 py-1 rounded">新能源车</span></td>
|
||||
<td class="px-6 py-4">动力电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4">锂电池</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">消费+动力电池平台</td>
|
||||
</tr>
|
||||
|
||||
<!-- 工业机器人 -->
|
||||
<tr class="hover:bg-indigo-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">汇川技术</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-indigo-100 text-indigo-800 px-2 py-1 rounded">工业机器人</span></td>
|
||||
<td class="px-6 py-4">自动化设备</td>
|
||||
<td class="px-6 py-4">工业机器人</td>
|
||||
<td class="px-6 py-4">工业机器人</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">工业自动化龙头</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-indigo-50 transition-colors">
|
||||
<td class="px-6 py-4 font-medium">埃斯顿</td>
|
||||
<td class="px-6 py-4"><span class="badge bg-indigo-100 text-indigo-800 px-2 py-1 rounded">工业机器人</span></td>
|
||||
<td class="px-6 py-4">自动化设备</td>
|
||||
<td class="px-6 py-4">工业机器人</td>
|
||||
<td class="px-6 py-4">工业机器人</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-600">国产机器人龙头</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Investment Strategy -->
|
||||
<div class="bg-gray-100 py-12 px-4">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8">
|
||||
<i class="fas fa-chess text-purple-600 mr-2"></i>投资策略与建议
|
||||
</h2>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-center mb-4">
|
||||
<div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<i class="fas fa-star text-purple-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">三高策略股</h3>
|
||||
</div>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li>• 高稀缺性</li>
|
||||
<li>• 高成长性</li>
|
||||
<li>• 高股息率</li>
|
||||
<li class="text-sm text-purple-600 font-medium">代表：路斯股份、同力股份</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-center mb-4">
|
||||
<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<i class="fas fa-building text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">平台型整合者</h3>
|
||||
</div>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li>• 现金充裕</li>
|
||||
<li>• 并购能力强</li>
|
||||
<li>• 外延式增长</li>
|
||||
<li class="text-sm text-blue-600 font-medium">代表：凯德石英、佳合科技</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||||
<div class="text-center mb-4">
|
||||
<div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<i class="fas fa-link text-green-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">产业链"卖水人"</h3>
|
||||
</div>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li>• 嵌入核心产业链</li>
|
||||
<li>• 不可替代性</li>
|
||||
<li>• 业绩能见度高</li>
|
||||
<li class="text-sm text-green-600 font-medium">代表：半导体材料、特种化学品</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Risk Analysis -->
|
||||
<div class="max-w-7xl mx-auto px-4 py-12">
|
||||
<h2 class="text-3xl font-bold text-gray-800 mb-8">
|
||||
<i class="fas fa-exclamation-triangle text-red-500 mr-2"></i>风险提示
|
||||
</h2>
|
||||
|
||||
<div class="bg-red-50 border-l-4 border-red-500 p-6 rounded-lg">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg mb-3 text-red-700">政策与流动性风险</h3>
|
||||
<p class="text-gray-700">政策支持力度减弱、流动性枯竭可能导致股价剧烈波动</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg mb-3 text-red-700">业绩不及预期风险</h3>
|
||||
<p class="text-gray-700">59%公司归母净利润负增长，业绩分化是常态</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg mb-3 text-red-700">估值匹配度风险</h3>
|
||||
<p class="text-gray-700">部分公司估值已处高位，面临回归压力</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg mb-3 text-red-700">市场波动风险</h3>
|
||||
<p class="text-gray-700">市场深度有限，易受资金情绪影响</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="gradient-bg text-white py-8 px-4">
|
||||
<div class="max-w-7xl mx-auto text-center">
|
||||
<p class="mb-2">© 2024 北交所概念深度分析报告</p>
|
||||
<p class="text-sm opacity-75">数据来源：公开新闻、路演记录、市场研究</p>
|
||||
<div class="mt-4 flex justify-center space-x-4">
|
||||
<i class="fab fa-weixin text-2xl hover:scale-110 transition-transform cursor-pointer"></i>
|
||||
<i class="fab fa-weibo text-2xl hover:scale-110 transition-transform cursor-pointer"></i>
|
||||
<i class="fab fa-twitter text-2xl hover:scale-110 transition-transform cursor-pointer"></i>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// 添加页面滚动效果
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('number-animate');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
document.querySelectorAll('.card-hover').forEach(el => {
|
||||
observer.observe(el);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user