795 lines
38 KiB
HTML
795 lines
38 KiB
HTML
|
||
<!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/css?family=Inter:300,400,500,600,700,800" 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">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
|
||
body {
|
||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||
}
|
||
.gradient-bg {
|
||
background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
|
||
background-size: 400% 400%;
|
||
animation: gradient 15s ease infinite;
|
||
}
|
||
@keyframes gradient {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%;
|
||
background-color: #3b82f6;
|
||
top: 5px;
|
||
left: -8px;
|
||
}
|
||
.timeline-line {
|
||
position: absolute;
|
||
width: 2px;
|
||
height: 100%;
|
||
background-color: #e5e7eb;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
font-size: 0.75rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<div class="min-h-screen py-8 px-4 sm:px-6 lg:px-8">
|
||
<!-- 标题部分 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="text-center mb-10">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">数字货币概念洞察</h1>
|
||
<div class="w-24 h-1 bg-blue-600 mx-auto mb-6"></div>
|
||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">从政策试点到商业化落地，数字货币正重塑全球金融格局</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-history text-blue-600 mr-3"></i>概念事件时间轴
|
||
</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="space-y-6">
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2014年</h3>
|
||
<p class="text-gray-700">中国人民银行成立数字货币研究所，启动数字人民币（e-CNY）研发。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2019年</h3>
|
||
<p class="text-gray-700">深圳、苏州等"4+1"试点启动，数字人民币首次落地。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2021年</h3>
|
||
<p class="text-gray-700">数字人民币试点扩容至17省市26地区，累计交易金额<strong>超7万亿元</strong>（2024年6月数据）。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2024年10月</h3>
|
||
<p class="text-gray-700">央行数字货币研究所所长穆长春提出"多边央行数字货币桥（mBridge）"进入MVP阶段，沙特加入合作。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2025年5月</h3>
|
||
<p class="text-gray-700">美国通过《GENIUS法案》，要求稳定币1:1锚定美元资产，重塑全球稳定币格局。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2025年6月</h3>
|
||
<p class="text-gray-700">中国人民银行宣布设立<strong>数字人民币国际运营中心</strong>（上海），推进跨境支付与人民币国际化。</p>
|
||
</div>
|
||
<div class="timeline-dot">
|
||
<h3 class="font-bold text-lg text-gray-900">2025年7月</h3>
|
||
<p class="text-gray-700">连连数字（02598.HK）获香港VATP牌照，计划发行人民币稳定币，布局跨境贸易结算。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-gradient-to-r from-blue-600 to-indigo-700 rounded-xl shadow-lg p-6 text-white">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-5">
|
||
<h3 class="font-bold text-lg mb-3">阶段判断</h3>
|
||
<p>数字货币已从"政策试点"进入"<strong>商业化落地+国际化扩张</strong>"阶段，核心驱动力从政策转向<strong>跨境支付需求</strong>和<strong>稳定币合规化</strong>。</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-5">
|
||
<h3 class="font-bold text-lg mb-3">未来潜力</h3>
|
||
<p>数字人民币（CBDC）与美元稳定币（如USDC）将形成"<strong>主权货币数字化</strong>"与"<strong>私人货币合规化</strong>"双轨竞争，<strong>跨境贸易结算</strong>是最大应用场景。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-brain text-blue-600 mr-3"></i>核心逻辑与市场认知分析
|
||
</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">核心驱动力</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-bold text-blue-700 mb-2">政策驱动</h4>
|
||
<p class="text-gray-700">中国通过mBridge推动人民币国际化（2025年Q2沙特加入），美国通过《GENIUS法案》巩固美元稳定币霸权。</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h4 class="font-bold text-green-700 mb-2">技术突破</h4>
|
||
<p class="text-gray-700">数字人民币实现<strong>双离线支付</strong>（无网无电交易）、<strong>可编程性</strong>（智能合约定向支付），稳定币通过区块链实现<strong>7×24小时跨境清算</strong>（成本低于SWIFT 50%以上）。</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-bold text-purple-700 mb-2">需求爆发</h4>
|
||
<p class="text-gray-700">跨境电商B2B支付需求激增（连连数字2024年跨境TPV达<strong>2815亿元</strong>，同比+63%），小币种兑换痛点推动稳定币应用。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">市场热度与情绪</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-yellow-50 rounded-lg p-4">
|
||
<h4 class="font-bold text-yellow-700 mb-2">新闻热度</h4>
|
||
<p class="text-gray-700">2025年6月"数字人民币国际运营中心"设立后，相关概念股（如拉卡拉、新国都）单日涨幅<strong>超10%</strong>。</p>
|
||
</div>
|
||
<div class="bg-red-50 rounded-lg p-4">
|
||
<h4 class="font-bold text-red-700 mb-2">研报密集度</h4>
|
||
<p class="text-gray-700">2025年Q2以来，<strong>15篇</strong>深度报告聚焦"稳定币+跨境支付"，机构一致预期2025年稳定币市场规模将突破<strong>3万亿美元</strong>。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">预期差分析</h3>
|
||
<div class="bg-gray-100 rounded-lg p-5">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<h4 class="font-bold text-gray-800 mb-2">市场共识</h4>
|
||
<p class="text-gray-700">认为数字人民币仅替代现金（M0），场景有限。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-800 mb-2">预期差</h4>
|
||
<p class="text-gray-700">实际应用中，<strong>B2B供应链金融</strong>（如中国银行4300万数字人民币贷款）和<strong>跨境贸易</strong>（mBridge大宗商品结算）已落地，远超零售支付预期。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-rocket text-blue-600 mr-3"></i>关键催化剂与未来发展路径
|
||
</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">近期催化剂（3-6个月）</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-600 flex items-center justify-center text-white text-sm mr-3 mt-1">1</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-900">2025年Q4</h4>
|
||
<p class="text-gray-700">连连数字香港交易所上线，首批支持<strong>30%跨境小币种交易</strong>（如泰铢→人民币稳定币→美元，耗时从3天缩至1小时）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-600 flex items-center justify-center text-white text-sm mr-3 mt-1">2</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-900">2025年10月</h4>
|
||
<p class="text-gray-700">mBridge项目或宣布<strong>中东石油贸易</strong>试点（沙特阿美参与），人民币结算占比有望从当前<strong>14.7%</strong>提升至<strong>20%+</strong>。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-600 flex items-center justify-center text-white text-sm mr-3 mt-1">3</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-900">2025年12月</h4>
|
||
<p class="text-gray-700">美国SEC或批准<strong>以太坊现货ETF</strong>，推动稳定币抵押品需求（USDC储备中<strong>27%</strong>为短期美债）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">长期发展路径</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-green-600 flex items-center justify-center text-white text-sm mr-3 mt-1">1</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-900">2025-2027年</h4>
|
||
<p class="text-gray-700">数字人民币从"试点"转向"<strong>强制场景</strong>"（如国企跨境采购、一带一路项目），年交易额或达<strong>10万亿元</strong>。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-green-600 flex items-center justify-center text-white text-sm mr-3 mt-1">2</div>
|
||
<div>
|
||
<h4 class="font-bold text-gray-900">2028年后</h4>
|
||
<p class="text-gray-700">全球形成"<strong>CBDC联盟</strong>"（中国+东盟+中东）对抗"<strong>美元稳定币联盟</strong>"（美国+欧盟），跨境支付市场份额争夺白热化。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-sitemap text-blue-600 mr-3"></i>产业链与核心公司深度剖析
|
||
</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">产业链图谱</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-blue-50 rounded-lg p-5">
|
||
<h4 class="font-bold text-blue-700 mb-3 text-center">上游</h4>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-center">
|
||
<i class="fas fa-shield-alt text-blue-600 mr-2"></i>
|
||
<span>加密技术（格尔软件、数字认证）</span>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<i class="fas fa-microchip text-blue-600 mr-2"></i>
|
||
<span>硬件钱包（紫光国微）</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-5">
|
||
<h4 class="font-bold text-green-700 mb-3 text-center">中游</h4>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-center">
|
||
<i class="fas fa-university text-green-600 mr-2"></i>
|
||
<span>银行IT（长亮科技、神州信息）</span>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<i class="fas fa-credit-card text-green-600 mr-2"></i>
|
||
<span>支付终端（新大陆、拉卡拉）</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-5">
|
||
<h4 class="font-bold text-purple-700 mb-3 text-center">下游</h4>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-center">
|
||
<i class="fas fa-globe-asia text-purple-600 mr-2"></i>
|
||
<span>跨境支付（连连数字、小商品城）</span>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<i class="fas fa-store text-purple-600 mr-2"></i>
|
||
<span>场景运营（美团、京东）</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold text-gray-900 mb-4">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white border border-gray-200">
|
||
<thead>
|
||
<tr class="bg-gray-100">
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">公司</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">业务进展</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">竞争优势</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">潜在风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b font-bold text-gray-900">连连数字</td>
|
||
<td class="py-3 px-4 border-b">香港VATP牌照+人民币稳定币发行计划</td>
|
||
<td class="py-3 px-4 border-b">65张全球支付牌照，跨境B2B市占率20%</td>
|
||
<td class="py-3 px-4 border-b">香港监管细则未落地</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b font-bold text-gray-900">长亮科技</td>
|
||
<td class="py-3 px-4 border-b">承建6家大行数字人民币核心系统</td>
|
||
<td class="py-3 px-4 border-b">银行IT市占率第一（中小银行）</td>
|
||
<td class="py-3 px-4 border-b">订单确认延迟于预期</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b font-bold text-gray-900">拉卡拉</td>
|
||
<td class="py-3 px-4 border-b">POS机100%支持数字人民币</td>
|
||
<td class="py-3 px-4 border-b">线下商户覆盖率超90%</td>
|
||
<td class="py-3 px-4 border-b">支付宝/微信降维竞争</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-exclamation-triangle text-red-600 mr-3"></i>潜在风险与挑战
|
||
</h2>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-red-50 rounded-lg p-5">
|
||
<h3 class="font-bold text-red-700 mb-3">技术风险</h3>
|
||
<p class="text-gray-700">数字人民币<strong>双离线支付</strong>在极端场景（如战争）下可能失效，需依赖中心化备份系统。</p>
|
||
</div>
|
||
<div class="bg-orange-50 rounded-lg p-5">
|
||
<h3 class="font-bold text-orange-700 mb-3">商业化风险</h3>
|
||
<p class="text-gray-700">稳定币<strong>储备审计不透明</strong>（如USDT仅85%现金抵押），存在脱钩风险。</p>
|
||
</div>
|
||
<div class="bg-yellow-50 rounded-lg p-5">
|
||
<h3 class="font-bold text-yellow-700 mb-3">政策风险</h3>
|
||
<p class="text-gray-700">美国若禁止<strong>非美元稳定币</strong>（如人民币稳定币），将直接冲击连连数字香港业务。</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-5">
|
||
<h3 class="font-bold text-purple-700 mb-3">信息矛盾</h3>
|
||
<p class="text-gray-700">新闻称"数字人民币将替代SWIFT"，但路演显示<strong>CIPS仍是主要通道</strong>（数字人民币仅补充），存在过度炒作。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-gradient-to-r from-indigo-600 to-purple-700 rounded-xl shadow-lg p-6 text-white">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-line mr-3"></i>综合结论与投资启示
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="font-bold text-lg mb-3">阶段判断</h3>
|
||
<p>数字货币处于"<strong>政策红利+技术验证</strong>"向"<strong>商业落地</strong>"过渡期，<strong>跨境支付</strong>是首个爆发场景。</p>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="font-bold text-lg mb-3">投资主线</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">1. 跨境支付基础设施</h4>
|
||
<p><strong>连连数字</strong>（02598.HK）——唯一具备"牌照+场景+稳定币"闭环的标的。</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">2. 银行IT龙头</h4>
|
||
<p><strong>长亮科技</strong>（300348.SZ）——数字人民币系统升级订单占比超30%，2025年业绩弹性最大。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-bold text-lg mb-3">关键跟踪指标</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle mr-2 mt-1"></i>
|
||
<span><strong>mBridge项目进展</strong>：2025年Q4前是否纳入<strong>石油贸易</strong>结算。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle mr-2 mt-1"></i>
|
||
<span><strong>连连数字稳定币发行量</strong>：2025年目标<strong>10亿美元</strong>（当前为0）。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle mr-2 mt-1"></i>
|
||
<span><strong>数字人民币跨境交易额</strong>：2025年需突破<strong>1万亿元</strong>（当前约1000亿元）。</span>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-4 p-3 bg-white bg-opacity-20 rounded-lg">
|
||
<p class="font-bold">风险提示</p>
|
||
<p>若美国将人民币稳定币列为"<strong>制裁对象</strong>"，所有逻辑将重构。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票表格 -->
|
||
<div class="max-w-7xl mx-auto mb-12">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
|
||
<i class="fas fa-table text-blue-600 mr-3"></i>关联股票
|
||
</h2>
|
||
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-white border border-gray-200">
|
||
<thead>
|
||
<tr class="bg-gray-100">
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">股票名称</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">产业链</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">分类</th>
|
||
<th class="py-3 px-4 border-b text-left font-bold text-gray-900">理由</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">格尔软件</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">吉大正元</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">数字认证</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">电科网安</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">信安世纪</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">国投智能</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">数字加密</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">启明星辰</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">网络安全</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">绿盟科技</td>
|
||
<td class="py-3 px-4 border-b">上游</td>
|
||
<td class="py-3 px-4 border-b">网络安全</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">宇信科技</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">神州信息</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">天阳科技</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">软通动力</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">长亮科技</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">润和软件</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">信雅达</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">汇金科技</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">赢时胜</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">高伟达</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">安硕信息</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">银信科技</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">先进数通</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">银行IT</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">星网锐捷</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">场景建设</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">科蓝软件</td>
|
||
<td class="py-3 px-4 border-b">中游</td>
|
||
<td class="py-3 px-4 border-b">场景建设</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">飞天诚信</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">东信和平</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">楚天龙</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">智度股份</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">优博讯</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">四方精创</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">神思电子</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">旗天科技</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">数字钱包</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">广电运通</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">终端改造</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">御银股份</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">终端改造</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">紫光国微</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">终端改造</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">南天信息</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">终端改造</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">创识科技</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">终端改造</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">海联金汇</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">恒宝股份</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">拉卡拉</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">翠微股份</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">新国都</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">新大陆</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">赫美集团</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">第三方支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">中油资本</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">跨境支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">小商品城</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">跨境支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">华峰超纤</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">跨境支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">信雅达</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">跨境支付</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">税友股份</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">中科江南</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">航天信息</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">金财互联</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">飞天诚信</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">博思软件</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">旋极信息</td>
|
||
<td class="py-3 px-4 border-b">下游</td>
|
||
<td class="py-3 px-4 border-b">财税</td>
|
||
<td class="py-3 px-4 border-b"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 添加页面滚动动画效果
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const cards = document.querySelectorAll('.card-hover');
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = 1;
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, {
|
||
threshold: 0.1
|
||
});
|
||
|
||
cards.forEach(card => {
|
||
card.style.opacity = 0;
|
||
card.style.transform = 'translateY(20px)';
|
||
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(card);
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |