667 lines
34 KiB
HTML
667 lines
34 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>湖北三资改革深度分析 - 从土地财政到股权财政的转型实验</title>
|
||
|
||
<!-- DaisyUI & Tailwind CSS -->
|
||
<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>
|
||
|
||
<!-- Font Awesome Icons -->
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
|
||
<!-- Chart.js -->
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
|
||
<!-- Custom Styles -->
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
|
||
background-size: 200% 200%;
|
||
animation: gradient 15s ease infinite;
|
||
}
|
||
|
||
@keyframes gradient {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.neon-glow {
|
||
box-shadow: 0 0 20px rgba(59, 130, 246, 0.5),
|
||
0 0 40px rgba(59, 130, 246, 0.3),
|
||
0 0 60px rgba(59, 130, 246, 0.1);
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 20px;
|
||
height: 20px;
|
||
background: #3b82f6;
|
||
border-radius: 50%;
|
||
top: 50%;
|
||
left: -10px;
|
||
transform: translateY(-50%);
|
||
box-shadow: 0 0 10px rgba(59, 130, 246, 0.8);
|
||
}
|
||
|
||
.hover-scale {
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
|
||
.hover-scale:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
|
||
}
|
||
|
||
.stock-table {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.stock-table::-webkit-scrollbar {
|
||
height: 8px;
|
||
}
|
||
|
||
.stock-table::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.stock-table::-webkit-scrollbar-thumb {
|
||
background: #3b82f6;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.pulse-dot {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% { transform: scale(1); opacity: 1; }
|
||
50% { transform: scale(1.1); opacity: 0.7; }
|
||
100% { transform: scale(1); opacity: 1; }
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-900 text-gray-100">
|
||
|
||
<!-- Hero Section -->
|
||
<div class="hero-gradient min-h-screen flex items-center justify-center relative overflow-hidden">
|
||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||
<div class="container mx-auto px-4 relative z-10">
|
||
<div class="text-center">
|
||
<div class="inline-flex items-center gap-2 bg-red-600 text-white px-4 py-2 rounded-full mb-6 pulse-dot">
|
||
<i class="fas fa-fire"></i>
|
||
<span class="font-bold">热点概念</span>
|
||
<span class="text-xs">2025.10.21</span>
|
||
</div>
|
||
<h1 class="text-5xl md:text-7xl font-black mb-6 text-white">
|
||
湖北三资改革
|
||
</h1>
|
||
<p class="text-xl md:text-3xl mb-8 text-gray-200">
|
||
从土地财政到股权财政的转型实验
|
||
</p>
|
||
<div class="glass-effect rounded-2xl p-8 max-w-4xl mx-auto">
|
||
<p class="text-lg leading-relaxed text-gray-100">
|
||
一切国有资源尽可能<span class="font-bold text-yellow-400">资产化</span>、
|
||
一切国有资产尽可能<span class="font-bold text-green-400">证券化</span>、
|
||
一切国有资金尽可能<span class="font-bold text-blue-400">杠杆化</span>
|
||
</p>
|
||
<p class="text-sm text-gray-300 mt-4">
|
||
—— 湖北省省长 李殿勋 | 2025.10.16
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Insights Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">核心洞察</h2>
|
||
<p class="text-gray-400 text-lg">深度解析湖北三资改革的本质与影响</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<!-- 背景驱动 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale">
|
||
<div class="text-4xl mb-4 text-red-500">
|
||
<i class="fas fa-chart-line"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">财政困境倒逼</h3>
|
||
<div class="space-y-3 text-gray-300">
|
||
<p>• 土地财政锐减：政府性基金收入7年连降</p>
|
||
<p>• 收支缺口巨大：收入4000亿 vs 支出1万亿</p>
|
||
<p>• 转移支付放缓：中央支持边际减弱</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale">
|
||
<div class="text-4xl mb-4 text-green-500">
|
||
<i class="fas fa-exchange-alt"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">转型核心逻辑</h3>
|
||
<div class="space-y-3 text-gray-300">
|
||
<p>• 资源→资产：盘活沉睡国有资源</p>
|
||
<p>• 资产→证券：通过资本市场变现</p>
|
||
<p>• 资金→杠杆：放大财政资金效应</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 市场认知 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale">
|
||
<div class="text-4xl mb-4 text-blue-500">
|
||
<i class="fas fa-brain"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">市场预期差</h3>
|
||
<div class="space-y-3 text-gray-300">
|
||
<p>• 过度乐观：低估证券化复杂性</p>
|
||
<p>• 忽略风险：杠杆化双刃剑效应</p>
|
||
<p>• 外推偏差：湖北模式特殊性</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">事件时间轴</h2>
|
||
<p class="text-gray-400 text-lg">追踪湖北三资改革的关键节点</p>
|
||
</div>
|
||
|
||
<div class="max-w-4xl mx-auto">
|
||
<div class="space-y-8">
|
||
<div class="flex items-start gap-4">
|
||
<div class="timeline-dot flex-1">
|
||
<div class="glass-effect rounded-xl p-4">
|
||
<div class="flex items-center justify-between mb-2">
|
||
<span class="text-blue-400 font-bold">2025年4月</span>
|
||
<span class="badge badge-info">政策准备</span>
|
||
</div>
|
||
<p class="text-gray-300">湖北省印发《深化国有"三资"管理改革总体工作方案》</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start gap-4">
|
||
<div class="timeline-dot flex-1">
|
||
<div class="glass-effect rounded-xl p-4">
|
||
<div class="flex items-center justify-between mb-2">
|
||
<span class="text-blue-400 font-bold">2025年7月</span>
|
||
<span class="badge badge-warning">金融铺垫</span>
|
||
</div>
|
||
<p class="text-gray-300">李殿勋强调"大胆推进科技金融改革"</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start gap-4">
|
||
<div class="timeline-dot flex-1">
|
||
<div class="glass-effect rounded-xl p-4 neon-glow">
|
||
<div class="flex items-center justify-between mb-2">
|
||
<span class="text-red-400 font-bold">2025年10月16日</span>
|
||
<span class="badge badge-error">引爆点</span>
|
||
</div>
|
||
<p class="text-gray-300 font-bold">李殿勋提出"三化"纲领，概念正式引爆</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start gap-4">
|
||
<div class="timeline-dot flex-1">
|
||
<div class="glass-effect rounded-xl p-4">
|
||
<div class="flex items-center justify-between mb-2">
|
||
<span class="text-blue-400 font-bold">2025年10月20-21日</span>
|
||
<span class="badge badge-success">市场发酵</span>
|
||
</div>
|
||
<p class="text-gray-300">多家券商发布深度研报，市场情绪达到高潮</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start gap-4">
|
||
<div class="timeline-dot flex-1">
|
||
<div class="glass-effect rounded-xl p-4 border-2 border-dashed border-gray-600">
|
||
<div class="flex items-center justify-between mb-2">
|
||
<span class="text-gray-400 font-bold">未来：四中全会后</span>
|
||
<span class="badge badge-outline">关键观察</span>
|
||
</div>
|
||
<p class="text-gray-400">中央是否对湖北模式表态，决定概念生命力</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">核心标的池</h2>
|
||
<p class="text-gray-400 text-lg">湖北三资改革相关上市公司全景图谱</p>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<div class="stock-table">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-gray-700">
|
||
<th class="text-left p-4 font-bold text-blue-400">股票名称</th>
|
||
<th class="text-left p-4 font-bold text-blue-400">分类</th>
|
||
<th class="text-left p-4 font-bold text-blue-400">实际控制人</th>
|
||
<th class="text-left p-4 font-bold text-blue-400">持股比例/项目</th>
|
||
<th class="text-left p-4 font-bold text-blue-400">关联逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-yellow-400">湖北能源</td>
|
||
<td class="p-4">公用事业</td>
|
||
<td class="p-4">三峡集团</td>
|
||
<td class="p-4">已践行改革</td>
|
||
<td class="p-4 text-gray-300">混合所有制改革典范，出售长江证券聚焦主业</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-green-400">东湖高新</td>
|
||
<td class="p-4">创投</td>
|
||
<td class="p-4">湖北国资委</td>
|
||
<td class="p-4">9.21%</td>
|
||
<td class="p-4 text-gray-300">聚焦生物医药、新材料，资产注入想象空间大</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-green-400">武汉控股</td>
|
||
<td class="p-4">公用事业</td>
|
||
<td class="p-4">武汉市国资委</td>
|
||
<td class="p-4">40.18%</td>
|
||
<td class="p-4 text-gray-300">武汉城建唯一上市平台，污水处理龙头</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-blue-400">天风证券</td>
|
||
<td class="p-4">金融</td>
|
||
<td class="p-4">湖北财政厅</td>
|
||
<td class="p-4">28.14%</td>
|
||
<td class="p-4 text-gray-300">财政厅控股，直接受益于资产证券化业务</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-purple-400">湖北广电</td>
|
||
<td class="p-4">传媒</td>
|
||
<td class="p-4">湖北广播电视台</td>
|
||
<td class="p-4">15.27%</td>
|
||
<td class="p-4 text-gray-300">省属国有控股，参与文创股权投资基金</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-orange-400">楚天高速</td>
|
||
<td class="p-4">公用事业</td>
|
||
<td class="p-4">湖北国资委</td>
|
||
<td class="p-4">33.88%</td>
|
||
<td class="p-4 text-gray-300">高速公路资产，现金流稳定适合证券化</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-pink-400">兴发集团</td>
|
||
<td class="p-4">化工</td>
|
||
<td class="p-4">兴山县国资委</td>
|
||
<td class="p-4">20.06%</td>
|
||
<td class="p-4 text-gray-300">磷化工龙头，资源禀赋突出</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-cyan-400">华工科技</td>
|
||
<td class="p-4">半导体</td>
|
||
<td class="p-4">武汉市国资委</td>
|
||
<td class="p-4">17.28%</td>
|
||
<td class="p-4 text-gray-300">激光科技龙头，符合新质生产力方向</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-indigo-400">武商集团</td>
|
||
<td class="p-4">商超</td>
|
||
<td class="p-4">武汉市国资委</td>
|
||
<td class="p-4">26.64%</td>
|
||
<td class="p-4 text-gray-300">商业零售资产，存在整合预期</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition">
|
||
<td class="p-4 font-bold text-teal-400">湖北宜化</td>
|
||
<td class="p-4">化工</td>
|
||
<td class="p-4">宜昌市国资委</td>
|
||
<td class="p-4">22.03%</td>
|
||
<td class="p-4 text-gray-300">化肥龙头，传统产业转型代表</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">产业链图谱</h2>
|
||
<p class="text-gray-400 text-lg">三资改革价值链全景图</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<!-- 上游 -->
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<div class="flex items-center gap-3 mb-6">
|
||
<div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center">
|
||
<i class="fas fa-mountain text-white"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold">上游：资产供给方</h3>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-blue-400 mb-2">各级政府</h4>
|
||
<p class="text-sm text-gray-400">持有海量国有资源</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-blue-400 mb-2">国资委</h4>
|
||
<p class="text-sm text-gray-400">国有资产监管主体</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-blue-400 mb-2">大型国资集团</h4>
|
||
<p class="text-sm text-gray-400">湖北联投、湖北交投、三峡集团</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 中游 -->
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<div class="flex items-center gap-3 mb-6">
|
||
<div class="w-12 h-12 bg-gradient-to-br from-green-500 to-teal-600 rounded-full flex items-center justify-center">
|
||
<i class="fas fa-cogs text-white"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold">中游：运营平台</h3>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-green-400 mb-2">上市平台</h4>
|
||
<p class="text-sm text-gray-400">核心资产证券化载体</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-green-400 mb-2">金融服务平台</h4>
|
||
<p class="text-sm text-gray-400">天风证券、长江证券</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-green-400 mb-2">资产管理公司</h4>
|
||
<p class="text-sm text-gray-400">专业资产运营机构</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 下游 -->
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<div class="flex items-center gap-3 mb-6">
|
||
<div class="w-12 h-12 bg-gradient-to-br from-orange-500 to-red-600 rounded-full flex items-center justify-center">
|
||
<i class="fas fa-users text-white"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold">下游：需求方</h3>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-orange-400 mb-2">资本市场</h4>
|
||
<p class="text-sm text-gray-400">价值发现与定价</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-orange-400 mb-2">产业投资者</h4>
|
||
<p class="text-sm text-gray-400">战略投资与整合</p>
|
||
</div>
|
||
<div class="bg-gray-800/50 rounded-lg p-4">
|
||
<h4 class="font-bold text-orange-400 mb-2">地方经济</h4>
|
||
<p class="text-sm text-gray-400">获得新增长动能</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risk Analysis Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">风险警示</h2>
|
||
<p class="text-gray-400 text-lg">理性评估投资风险</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div class="glass-effect rounded-2xl p-6 border-l-4 border-red-500">
|
||
<div class="flex items-center gap-3 mb-4">
|
||
<i class="fas fa-exclamation-triangle text-red-500 text-2xl"></i>
|
||
<h3 class="text-xl font-bold">政策风险</h3>
|
||
</div>
|
||
<p class="text-gray-300 mb-3">中央态度未明，"杠杆化"可能引发系统性风险担忧</p>
|
||
<div class="bg-red-900/20 rounded-lg p-3">
|
||
<p class="text-sm text-red-300">⚠️ 若中央叫停，概念将瞬间崩塌</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 border-l-4 border-yellow-500">
|
||
<div class="flex items-center gap-3 mb-4">
|
||
<i class="fas fa-tasks text-yellow-500 text-2xl"></i>
|
||
<h3 class="text-xl font-bold">执行风险</h3>
|
||
</div>
|
||
<p class="text-gray-300 mb-3">资产清查、估值、证券化过程复杂，易生争议</p>
|
||
<div class="bg-yellow-900/20 rounded-lg p-3">
|
||
<p class="text-sm text-yellow-300">⚠️ 注入资产质量存不确定性</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 border-l-4 border-orange-500">
|
||
<div class="flex items-center gap-3 mb-4">
|
||
<i class="fas fa-chart-line text-orange-500 text-2xl"></i>
|
||
<h3 class="text-xl font-bold">商业化风险</h3>
|
||
</div>
|
||
<p class="text-gray-300 mb-3">部分资产如何定价、产生稳定现金流仍是难题</p>
|
||
<div class="bg-orange-900/20 rounded-lg p-3">
|
||
<p class="text-sm text-orange-300">⚠️ 证券化后收益可能不及预期</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 border-l-4 border-purple-500">
|
||
<div class="flex items-center gap-3 mb-4">
|
||
<i class="fas fa-globe text-purple-500 text-2xl"></i>
|
||
<h3 class="text-xl font-bold">推广风险</h3>
|
||
</div>
|
||
<p class="text-gray-300 mb-3">湖北模式特殊性，其他省份难以简单复制</p>
|
||
<div class="bg-purple-900/20 rounded-lg p-3">
|
||
<p class="text-sm text-purple-300">⚠️ 跨省推广不及预期将降温</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Strategy Section -->
|
||
<section class="py-20 relative">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4 gradient-text">投资策略</h2>
|
||
<p class="text-gray-400 text-lg">基于风险收益比的投资建议</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<!-- 首选 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale border-2 border-green-500/50">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<span class="badge badge-success text-lg">首选</span>
|
||
<i class="fas fa-star text-yellow-400 text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-green-400">湖北能源</h3>
|
||
<div class="space-y-3 mb-4">
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-check-circle text-green-500"></i>
|
||
<span class="text-sm">逻辑最扎实</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-check-circle text-green-500"></i>
|
||
<span class="text-sm">已践行改革</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-check-circle text-green-500"></i>
|
||
<span class="text-sm">基本面支撑</span>
|
||
</div>
|
||
</div>
|
||
<p class="text-gray-400 text-sm">风险收益比相对较高，适合中长期配置</p>
|
||
</div>
|
||
|
||
<!-- 次选 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale border-2 border-yellow-500/50">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<span class="badge badge-warning text-lg">次选</span>
|
||
<i class="fas fa-rocket text-yellow-400 text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-yellow-400">东湖高新/武汉控股</h3>
|
||
<div class="space-y-3 mb-4">
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-arrow-up text-yellow-500"></i>
|
||
<span class="text-sm">高弹性标的</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-arrow-up text-yellow-500"></i>
|
||
<span class="text-sm">想象空间大</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-arrow-up text-yellow-500"></i>
|
||
<span class="text-sm">短期博弈</span>
|
||
</div>
|
||
</div>
|
||
<p class="text-gray-400 text-sm">需严格止损，适合风险偏好高的投资者</p>
|
||
</div>
|
||
|
||
<!-- 关注 -->
|
||
<div class="glass-effect rounded-2xl p-6 hover-scale border-2 border-blue-500/50">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<span class="badge badge-info text-lg">关注</span>
|
||
<i class="fas fa-chart-line text-blue-400 text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-blue-400">天风证券</h3>
|
||
<div class="space-y-3 mb-4">
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-shield-alt text-blue-500"></i>
|
||
<span class="text-sm">间接受益</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-shield-alt text-blue-500"></i>
|
||
<span class="text-sm">相对稳健</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<i class="fas fa-shield-alt text-blue-500"></i>
|
||
<span class="text-sm">回调关注</span>
|
||
</div>
|
||
</div>
|
||
<p class="text-gray-400 text-sm">受益逻辑间接，更持久的参与方式</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Key Metrics -->
|
||
<div class="mt-12 glass-effect rounded-2xl p-8">
|
||
<h3 class="text-2xl font-bold mb-6 text-center">重点跟踪指标</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div class="text-center">
|
||
<div class="text-3xl font-bold text-blue-400 mb-2">政策信号</div>
|
||
<p class="text-sm text-gray-400">四中全会中央定调</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl font-bold text-green-400 mb-2">公司公告</div>
|
||
<p class="text-sm text-gray-400">重大资产重组</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl font-bold text-yellow-400 mb-2">跨省动态</div>
|
||
<p class="text-sm text-gray-400">省份跟进情况</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl font-bold text-purple-400 mb-2">财政数据</div>
|
||
<p class="text-sm text-gray-400">非税收入变化</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="py-12 border-t border-gray-800">
|
||
<div class="container mx-auto px-4 text-center">
|
||
<p class="text-gray-400 mb-4">
|
||
<i class="fas fa-info-circle"></i> 本页面内容基于公开信息整理，不构成投资建议
|
||
</p>
|
||
<p class="text-sm text-gray-500">
|
||
数据来源：新闻、路演、研报 | 更新时间：2025年10月21日
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Back to Top Button -->
|
||
<button onclick="window.scrollTo({top: 0, behavior: 'smooth'})"
|
||
class="fixed bottom-8 right-8 w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white shadow-lg hover:scale-110 transition z-50">
|
||
<i class="fas fa-arrow-up"></i>
|
||
</button>
|
||
|
||
<script>
|
||
// Add smooth scroll behavior
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Add intersection observer for animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.hover-scale').forEach(el => {
|
||
el.style.opacity = '0';
|
||
el.style.transform = 'translateY(20px)';
|
||
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |