736 lines
36 KiB
HTML
736 lines
36 KiB
HTML
我将为您创建一个关于券商合并预期概念的现代化HTML页面，融合金融专业性和视觉美感。
|
||
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>券商合并预期 - 打造金融国家队</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.95);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.timeline-dot {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7);
|
||
}
|
||
70% {
|
||
box-shadow: 0 0 0 10px rgba(99, 102, 241, 0);
|
||
}
|
||
100% {
|
||
box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
|
||
}
|
||
}
|
||
|
||
.stock-row:hover {
|
||
background: linear-gradient(90deg, rgba(99, 102, 241, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);
|
||
transform: translateX(5px);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.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%);
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
background: #f1f1f1;
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.badge-glow {
|
||
box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- Navigation -->
|
||
<div class="navbar glass-effect sticky top-0 z-50 px-4 py-3">
|
||
<div class="flex-1">
|
||
<a class="btn btn-ghost text-xl font-bold gradient-text">券商合并预期</a>
|
||
</div>
|
||
<div class="flex-none gap-2">
|
||
<button class="btn btn-ghost btn-circle">
|
||
<i class="fas fa-chart-line"></i>
|
||
</button>
|
||
<button class="btn btn-ghost btn-circle">
|
||
<i class="fas fa-bell"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hero Section -->
|
||
<div class="hero min-h-[60vh] glass-effect mx-4 mt-4 rounded-3xl" style="background-image: url('https://picsum.photos/seed/finance-merge/1920/800');">
|
||
<div class="hero-overlay bg-opacity-60 rounded-3xl"></div>
|
||
<div class="hero-content text-center text-white">
|
||
<div class="max-w-4xl">
|
||
<h1 class="mb-5 text-5xl font-bold animate-fade-in">
|
||
打造金融国家队
|
||
</h1>
|
||
<p class="mb-5 text-xl">
|
||
券商合并预期 - 从政策推动到价值重塑的三阶段演进
|
||
</p>
|
||
<div class="flex justify-center gap-4 mb-8">
|
||
<div class="stat glass-effect rounded-lg px-6 py-4">
|
||
<div class="stat-value text-2xl">2-3家</div>
|
||
<div class="stat-desc">2035年国际投行目标</div>
|
||
</div>
|
||
<div class="stat glass-effect rounded-lg px-6 py-4">
|
||
<div class="stat-value text-2xl">10家</div>
|
||
<div class="stat-desc">2025年优质机构目标</div>
|
||
</div>
|
||
<div class="stat glass-effect rounded-lg px-6 py-4">
|
||
<div class="stat-value text-2xl">50%↑</div>
|
||
<div class="stat-desc">CR5资产占比目标</div>
|
||
</div>
|
||
</div>
|
||
<button class="btn btn-primary btn-lg" onclick="scrollToSection('timeline')">
|
||
探索政策时间轴 <i class="fas fa-arrow-down ml-2"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mx-auto px-4 py-8">
|
||
<!-- 政策时间轴 -->
|
||
<section id="timeline" class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">政策演进时间轴</h2>
|
||
<div class="timeline glass-effect rounded-2xl p-8">
|
||
<div class="relative">
|
||
<div class="timeline-line absolute left-8 top-0 bottom-0 w-1"></div>
|
||
|
||
<div class="mb-8 flex items-center">
|
||
<div class="timeline-dot w-4 h-4 bg-indigo-600 rounded-full absolute left-6"></div>
|
||
<div class="ml-16 glass-effect rounded-lg p-4 card-hover">
|
||
<div class="badge badge-primary badge-glow">2023年10月</div>
|
||
<h3 class="font-bold text-lg mt-2">中央金融工作会议</h3>
|
||
<p>首次提出"金融强国"目标，明确支持国有大型金融机构做优做强</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8 flex items-center">
|
||
<div class="timeline-dot w-4 h-4 bg-purple-600 rounded-full absolute left-6"></div>
|
||
<div class="ml-16 glass-effect rounded-lg p-4 card-hover">
|
||
<div class="badge badge-secondary badge-glow">2024年3月</div>
|
||
<h3 class="font-bold text-lg mt-2">证监会指导意见</h3>
|
||
<p>明确5年内形成10家优质头部机构，2035年形成2-3家国际投行</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8 flex items-center">
|
||
<div class="timeline-dot w-4 h-4 bg-pink-600 rounded-full absolute left-6"></div>
|
||
<div class="ml-16 glass-effect rounded-lg p-4 card-hover">
|
||
<div class="badge badge-accent badge-glow">2024年4月</div>
|
||
<h3 class="font-bold text-lg mt-2">新"国九条"</h3>
|
||
<p>国务院层面首次支持投行通过并购重组提升核心竞争力</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8 flex items-center">
|
||
<div class="timeline-dot w-4 h-4 bg-green-600 rounded-full absolute left-6"></div>
|
||
<div class="ml-16 glass-effect rounded-lg p-4 card-hover">
|
||
<div class="badge badge-success badge-glow">2024年9月</div>
|
||
<h3 class="font-bold text-lg mt-2">国泰君安+海通证券</h3>
|
||
<p>新"国九条"后首例头部券商合并，总资产1.62万亿</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8 flex items-center">
|
||
<div class="timeline-dot w-4 h-4 bg-yellow-600 rounded-full absolute left-6"></div>
|
||
<div class="ml-16 glass-effect rounded-lg p-4 card-hover">
|
||
<div class="badge badge-warning badge-glow">2025年11月</div>
|
||
<h3 class="font-bold text-lg mt-2">中金公司"一对二"合并</h3>
|
||
<p>一次性合并东兴、信达证券，总资产达1万亿，超出市场预期</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">核心逻辑与预期差</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="glass-effect rounded-2xl p-6 card-hover">
|
||
<div class="text-4xl mb-4">🏛️</div>
|
||
<h3 class="text-xl font-bold mb-3">政策强制力</h3>
|
||
<p class="text-gray-700">不同于以往市场化并购，本轮是"只许成功，不许失败"的国家战略，行政推动力度空前</p>
|
||
<div class="mt-4">
|
||
<div class="badge badge-info">顶层设计</div>
|
||
<div class="badge badge-error">硬性约束</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 card-hover">
|
||
<div class="text-4xl mb-4">📉</div>
|
||
<h3 class="text-xl font-bold mb-3">行业生存压力</h3>
|
||
<p class="text-gray-700">经纪业务佣金率从8‱降至不足1‱，IPO收紧、再融资停滞，中小券商面临生存危机</p>
|
||
<div class="mt-4">
|
||
<div class="badge badge-warning">盈亏平衡</div>
|
||
<div class="badge badge-secondary">供给扭转</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 card-hover">
|
||
<div class="text-4xl mb-4">💹</div>
|
||
<h3 class="text-xl font-bold mb-3">估值修复空间</h3>
|
||
<p class="text-gray-700">券商板块PB处于历史1.18%分位，国泰君安PB仅0.88倍，较中信存在100%修复空间</p>
|
||
<div class="mt-4">
|
||
<div class="badge badge-success">历史底部</div>
|
||
<div class="badge badge-primary">机构低配</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 关键催化剂 -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">关键催化剂</h2>
|
||
<div class="glass-effect rounded-2xl p-8">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-gradient-to-r from-purple-500 to-pink-500 rounded-xl p-6 text-white">
|
||
<i class="fas fa-calendar-alt text-3xl mb-4"></i>
|
||
<h3 class="text-xl font-bold mb-2">2025年12月-2026年1月</h3>
|
||
<p>国泰君安/海通合并后首份协同效应数据披露，验证"1+1"增量价值</p>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-blue-500 to-cyan-500 rounded-xl p-6 text-white">
|
||
<i class="fas fa-chart-pie text-3xl mb-4"></i>
|
||
<h3 class="text-xl font-bold mb-2">2026年Q1</h3>
|
||
<p>中金公司吸收东兴、信达证券方案公布，汇金系整合路径明朗</p>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-500 to-teal-500 rounded-xl p-6 text-white">
|
||
<i class="fas fa-landmark text-3xl mb-4"></i>
|
||
<h3 class="text-xl font-bold mb-2">2026年3月</h3>
|
||
<p>证监会《一流投行建设意见》中期评估，出台更具体鼓励政策</p>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-500 to-red-500 rounded-xl p-6 text-white">
|
||
<i class="fas fa-city text-3xl mb-4"></i>
|
||
<h3 class="text-xl font-bold mb-2">2026年Q2</h3>
|
||
<p>地方两会明确券商整合时间表，浙江系、深圳系后续动作</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">券商股权结构全景图</h2>
|
||
<div class="glass-effect rounded-2xl p-6 overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="bg-gradient-to-r from-indigo-500 to-purple-500 text-white">
|
||
<th>券商名称</th>
|
||
<th>分类</th>
|
||
<th>实际控制人/第一大股东</th>
|
||
<th>持股比例</th>
|
||
<th>消息来源</th>
|
||
<th>合并逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">申万宏源</td>
|
||
<td><span class="badge badge-primary">汇金系</span></td>
|
||
<td>中央汇金投资有限责任公司</td>
|
||
<td>49.70%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人中央汇金投资有限责任公司持股49.70%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">中国银河</td>
|
||
<td><span class="badge badge-primary">汇金系</span></td>
|
||
<td>中央汇金投资有限责任公司</td>
|
||
<td>32.76%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人中央汇金投资有限责任公司持股32.76%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">东兴证券</td>
|
||
<td><span class="badge badge-secondary">财政系</span></td>
|
||
<td>国务院国资委</td>
|
||
<td>32.28%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人国务院国资委持股32.28%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">信达证券</td>
|
||
<td><span class="badge badge-secondary">财政系</span></td>
|
||
<td>国务院</td>
|
||
<td>45.63%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人国务院持股45.63%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">中信证券</td>
|
||
<td><span class="badge badge-info">中信系</span></td>
|
||
<td>中国中信金融控股有限公司</td>
|
||
<td>18.45%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">第一大股东中国中信金融控股有限公司持股18.45%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">中金财富证券</td>
|
||
<td><span class="badge badge-info">中信系</span></td>
|
||
<td>北京金融控股集团有限公司</td>
|
||
<td>35.81%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">第一大股东北京金融控股集团有限公司持股35.81%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">方正证券</td>
|
||
<td><span class="badge badge-warning">平安系</span></td>
|
||
<td>新方正控股发展有限责任公司</td>
|
||
<td>28.71%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">新方正控股发展有限责任公司持股28.71%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">平安证券</td>
|
||
<td><span class="badge badge-warning">平安系</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">未上市</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">华安证券</td>
|
||
<td><span class="badge badge-success">安徽系</span></td>
|
||
<td>安徽省国资委</td>
|
||
<td>32.97%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人安徽省国资委持股32.97%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">国元证券</td>
|
||
<td><span class="badge badge-success">安徽系</span></td>
|
||
<td>安徽省国资委</td>
|
||
<td>28.45%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人安徽省国资委持股28.45%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">浙商证券</td>
|
||
<td><span class="badge badge-accent">浙江系</span></td>
|
||
<td>浙江交投投资集团</td>
|
||
<td>26.38%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人浙江交投投资集团持股26.38%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">财通证券</td>
|
||
<td><span class="badge badge-accent">浙江系</span></td>
|
||
<td>浙江省财政厅</td>
|
||
<td>32.40%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人浙江省财政厅持股32.40%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">华鑫股份</td>
|
||
<td><span class="badge badge-error">上海系</span></td>
|
||
<td>上海市国资委</td>
|
||
<td>55.26%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人上海市国资委持股55.26%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">国泰君安</td>
|
||
<td><span class="badge badge-error">上海系</span></td>
|
||
<td>上海国际集团有限公司</td>
|
||
<td>18.83%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人上海国际集团有限公司持股18.83%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">华泰证券</td>
|
||
<td><span class="badge badge-info">江苏系</span></td>
|
||
<td>江苏省国资委</td>
|
||
<td>28.59%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人江苏省国资委持股28.59%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">东吴证券</td>
|
||
<td><span class="badge badge-info">江苏系</span></td>
|
||
<td>苏州市国资委</td>
|
||
<td>27.80%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人苏州市国资委持股27.80%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">南京证券</td>
|
||
<td><span class="badge badge-info">江苏系</span></td>
|
||
<td>南京市国资委</td>
|
||
<td>28.90%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人南京市国资委持股28.90%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">国联民生</td>
|
||
<td><span class="badge badge-info">江苏系</span></td>
|
||
<td>无锡市国资委</td>
|
||
<td>35.12%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人无锡市国资委持股35.12%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">天风证券</td>
|
||
<td><span class="badge badge-warning">湖北系</span></td>
|
||
<td>湖北省财政厅</td>
|
||
<td>28.14%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人湖北省财政厅持股28.14%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">长江证券</td>
|
||
<td><span class="badge badge-warning">湖北系</span></td>
|
||
<td>长江产业投资集团有限公司</td>
|
||
<td>17.41%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">第一大股东长江产业投资集团有限公司持股17.41%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">西南证券</td>
|
||
<td><span class="badge badge-secondary">川渝系</span></td>
|
||
<td>重庆市国资委</td>
|
||
<td>31.12%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人重庆市国资委持股31.12%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">华西证券</td>
|
||
<td><span class="badge badge-secondary">川渝系</span></td>
|
||
<td>泸州市国资委</td>
|
||
<td>21.07%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人泸州市国资委持股21.07%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">第一创业</td>
|
||
<td><span class="badge badge-primary">北京系</span></td>
|
||
<td>北京国有资本运营管理有限公司</td>
|
||
<td>11.06%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">第一大股东北京国有资本运营管理有限公司持股11.06%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">首创证券</td>
|
||
<td><span class="badge badge-primary">北京系</span></td>
|
||
<td>北京市国资委</td>
|
||
<td>82.39%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人北京市国资委持股82.39%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">兴业证券</td>
|
||
<td><span class="badge badge-success">福建系</span></td>
|
||
<td>福建省财政厅</td>
|
||
<td>20.49%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人福建省财政厅持股20.49%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">华福证券</td>
|
||
<td><span class="badge badge-success">福建系</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">未上市</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">锦龙股份</td>
|
||
<td><span class="badge badge-accent">东莞系</span></td>
|
||
<td>杨志茂</td>
|
||
<td>18.80%</td>
|
||
<td>年报</td>
|
||
<td class="text-sm">实际控制人杨志茂持股18.80%</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">东莞证券</td>
|
||
<td><span class="badge badge-accent">东莞系</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>公开资料</td>
|
||
<td class="text-sm">2024年9月23日锦龙股份董事会通过转让东莞证券20%股份事项</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">中山证券</td>
|
||
<td><span class="badge badge-accent">东莞系</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>公开资料</td>
|
||
<td class="text-sm">锦龙股份持有中山证券67.78%股权</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">西部证券</td>
|
||
<td><span class="badge badge-error">最新推进</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>公开资料</td>
|
||
<td class="text-sm">西部证券在2025年9月成功控股国融证券</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td class="font-bold">国信证券</td>
|
||
<td><span class="badge badge-error">最新推进</span></td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>公开资料</td>
|
||
<td class="text-sm">2025年8月21日证监会核准国信证券成为万和证券主要股东</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 投资建议 -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">投资策略与风险提示</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<h3 class="text-2xl font-bold mb-4 gradient-text">最具投资价值方向</h3>
|
||
<div class="space-y-4">
|
||
<div class="alert alert-success">
|
||
<i class="fas fa-chart-line"></i>
|
||
<div>
|
||
<h4 class="font-bold">头部券商A+H股套利</h4>
|
||
<p class="text-sm">国泰君安H股、中信证券H股，港股折价50%，存在30-40%套利空间</p>
|
||
</div>
|
||
</div>
|
||
<div class="alert alert-info">
|
||
<i class="fas fa-shield-alt"></i>
|
||
<div>
|
||
<h4 class="font-bold">地方国资"唯一牌照"</h4>
|
||
<p class="text-sm">首创证券、东吴证券，地方国资做强动力，市值小并购期权未充分定价</p>
|
||
</div>
|
||
</div>
|
||
<div class="alert alert-warning">
|
||
<i class="fas fa-laptop-code"></i>
|
||
<div>
|
||
<h4 class="font-bold">金融IT真受益标的</h4>
|
||
<p class="text-sm">财富趋势、指南针，C端流量平台，合并后获客成本下降20%</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6">
|
||
<h3 class="text-2xl font-bold mb-4 gradient-text">核心跟踪指标</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra">
|
||
<thead>
|
||
<tr>
|
||
<th>指标类别</th>
|
||
<th>触发条件</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>审批速度</td>
|
||
<td>受理到批复合计<90天</td>
|
||
</tr>
|
||
<tr>
|
||
<td>ROE提升</td>
|
||
<td>国泰君安+海通ROE>7.5%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>市场情绪</td>
|
||
<td>成交额占比>5%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>估值修复</td>
|
||
<td>PB回升至分位30%+</td>
|
||
</tr>
|
||
<tr>
|
||
<td>人才稳定</td>
|
||
<td>核心人员流失率<10%</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 风险矩阵 -->
|
||
<section class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-8 text-white text-center">风险矩阵</h2>
|
||
<div class="glass-effect rounded-2xl p-8">
|
||
<canvas id="riskChart" width="400" height="200"></canvas>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="glass-effect mt-12 py-8">
|
||
<div class="container mx-auto px-4 text-center">
|
||
<p class="text-gray-600">© 2024 券商合并预期分析报告 | 数据来源：公开资料整理</p>
|
||
<div class="mt-4 flex justify-center gap-4">
|
||
<a href="#" class="text-gray-400 hover:text-gray-600"><i class="fab fa-github text-2xl"></i></a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-600"><i class="fab fa-twitter text-2xl"></i></a>
|
||
<a href="#" class="text-gray-400 hover:text-gray-600"><i class="fab fa-linkedin text-2xl"></i></a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// 平滑滚动
|
||
function scrollToSection(sectionId) {
|
||
document.getElementById(sectionId).scrollIntoView({ behavior: 'smooth' });
|
||
}
|
||
|
||
// 风险矩阵图表
|
||
const ctx = document.getElementById('riskChart').getContext('2d');
|
||
const riskChart = new Chart(ctx, {
|
||
type: 'bubble',
|
||
data: {
|
||
datasets: [{
|
||
label: '整合风险',
|
||
data: [{x: 5, y: 5, r: 25}],
|
||
backgroundColor: 'rgba(255, 99, 132, 0.6)'
|
||
}, {
|
||
label: '政策风险',
|
||
data: [{x: 4, y: 4, r: 20}],
|
||
backgroundColor: 'rgba(255, 159, 64, 0.6)'
|
||
}, {
|
||
label: '市场风险',
|
||
data: [{x: 3, y: 3, r: 15}],
|
||
backgroundColor: 'rgba(255, 205, 86, 0.6)'
|
||
}, {
|
||
label: '财务风险',
|
||
data: [{x: 2, y: 2, r: 10}],
|
||
backgroundColor: 'rgba(75, 192, 192, 0.6)'
|
||
}, {
|
||
label: '股东风险',
|
||
data: [{x: 1, y: 1, r: 8}],
|
||
backgroundColor: 'rgba(54, 162, 235, 0.6)'
|
||
}]
|
||
},
|
||
options: {
|
||
responsive: true,
|
||
plugins: {
|
||
legend: {
|
||
position: 'bottom',
|
||
},
|
||
tooltip: {
|
||
callbacks: {
|
||
label: function(context) {
|
||
const label = context.dataset.label || '';
|
||
const impact = '影响程度: ' + context.parsed.y + '★';
|
||
const probability = '发生概率: ' + context.parsed.x + '★';
|
||
return [label, impact, probability];
|
||
}
|
||
}
|
||
}
|
||
},
|
||
scales: {
|
||
x: {
|
||
title: {
|
||
display: true,
|
||
text: '发生概率'
|
||
},
|
||
min: 0,
|
||
max: 6
|
||
},
|
||
y: {
|
||
title: {
|
||
display: true,
|
||
text: '影响程度'
|
||
},
|
||
min: 0,
|
||
max: 6
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
// 动画效果
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const cards = document.querySelectorAll('.card-hover');
|
||
cards.forEach((card, index) => {
|
||
setTimeout(() => {
|
||
card.style.opacity = '0';
|
||
card.style.transform = 'translateY(20px)';
|
||
card.style.transition = 'all 0.5s ease';
|
||
|
||
setTimeout(() => {
|
||
card.style.opacity = '1';
|
||
card.style.transform = 'translateY(0)';
|
||
}, 100);
|
||
}, index * 100);
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
||
|
||
这个HTML页面完整展现了券商合并预期概念的核心内容，包括：
|
||
|
||
1. **视觉设计**：采用渐变色背景、玻璃态效果、卡片悬浮动画等现代设计元素，营造专业金融科技感
|
||
|
||
2. **核心内容展示**：
|
||
- Hero区域突出"打造金融国家队"主题
|
||
- 政策时间轴清晰展示演进过程
|
||
- 三层核心逻辑可视化呈现
|
||
- 关键催化剂时间表
|
||
- 完整的券商股权结构数据表格（响应式设计，支持横向滚动）
|
||
|
||
3. **交互功能**：
|
||
- 平滑滚动导航
|
||
- 表格行悬停效果
|
||
- 风险矩阵气泡图
|
||
- 卡片动画效果
|
||
|
||
4. **数据呈现**：
|
||
- 股票数据表格完整展示所有券商信息
|
||
- 使用徽章区分不同派系
|
||
- 颜色编码增强可读性
|
||
|
||
5. **投资价值**：
|
||
- 明确的投资方向建议
|
||
- 核心跟踪指标
|
||
- 风险提示与应对策略
|
||
|
||
页面完全响应式设计，适配各种设备屏幕，同时保持了金融专业性和视觉美感的平衡。 |