feat: 10.10线上最新代码提交
This commit is contained in:
zdl
779
public/htmls/上海自贸区.html
Normal file
779
public/htmls/上海自贸区.html
Normal file
@@ -0,0 +1,779 @@
|
||||
|
||||
<!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">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="../../static/assets/img/apple-icon.png">
|
||||
<link rel="icon" type="image/png" href="../../static/assets/img/favicon.png">
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="../../static/assets/css/nucleo-icons.css" rel="stylesheet" />
|
||||
<link href="../../static/assets/css/nucleo-svg.css" rel="stylesheet" />
|
||||
<!-- Font Awesome Icons -->
|
||||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||||
<!-- CSS Files -->
|
||||
<link id="pagestyle" href="../../static/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
|
||||
<script src="../../static/assets/js/core/popper.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/assets/js/plugins/perfect-scrollbar.min.js"></script>
|
||||
<script src="../../static/assets/js/plugins/typedjs.js"></script>
|
||||
<script src="../../static/assets/js/plugins/parallax.min.js"></script>
|
||||
<script src="../../static/assets/js/plugins/smooth-scroll.min.js"></script>
|
||||
<script src="../../static/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/assets/js/plugins/anime.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/assets/js/plugins/chartjs.min.js"></script>
|
||||
<script src="../../static/assets/js/soft-design-system-pro.min.js?v=1.2.0" type="text/javascript"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||||
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.section-title:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg, #3b82f6, #60a5fa);
|
||||
}
|
||||
|
||||
.card {
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.timeline-item:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 5px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
background-color: #3b82f6;
|
||||
}
|
||||
|
||||
.timeline-item:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 17px;
|
||||
width: 2px;
|
||||
height: calc(100% + 10px);
|
||||
background-color: #e5e7eb;
|
||||
}
|
||||
|
||||
.timeline-item:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.highlight-box {
|
||||
background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
|
||||
border-left: 4px solid #3b82f6;
|
||||
padding: 15px;
|
||||
border-radius: 0 8px 8px 0;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.stock-table {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.stock-table table {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.concept-tag {
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.concept-tag.trade {
|
||||
background-color: #dbeafe;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.concept-tag.logistics {
|
||||
background-color: #dcfce7;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
.concept-tag.ai {
|
||||
background-color: #f3e8ff;
|
||||
color: #7e22ce;
|
||||
}
|
||||
|
||||
.concept-tag.data {
|
||||
background-color: #fef3c7;
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.concept-tag.media {
|
||||
background-color: #fce7f3;
|
||||
color: #be185d;
|
||||
}
|
||||
|
||||
.concept-tag.infrastructure {
|
||||
background-color: #e0f2fe;
|
||||
color: #0c4a6e;
|
||||
}
|
||||
|
||||
.concept-tag.finance {
|
||||
background-color: #fee2e2;
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
.concept-tag.realestate {
|
||||
background-color: #f0fdf4;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
.concept-tag.bse {
|
||||
background-color: #f1f5f9;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
#particles-js {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.section-title:after {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="particles-js"></div>
|
||||
|
||||
<div class="content-wrapper container mx-auto px-4 py-8">
|
||||
<!-- 标题部分 -->
|
||||
<div class="text-center mb-12">
|
||||
<h1 class="text-4xl font-bold text-gray-800 mb-4">上海自贸区：制度红利的复利才刚刚开始</h1>
|
||||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">从"政策试验田"到"制度红利兑现期"，上海自贸区已进入基本面驱动阶段</p>
|
||||
</div>
|
||||
|
||||
<!-- 概念事件部分 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">概念事件</h2>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">背景与催化事件</h3>
|
||||
<p class="text-gray-600 mb-4">上海自贸区（China (Shanghai) Pilot Free Trade Zone, SFTZ）成立于2013年9月29日，是中国首个自贸试验区，定位为"制度型开放试验田"。2025年，其核心催化事件包括：</p>
|
||||
|
||||
<div class="space-y-3">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">1</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">2025-01-15</p>
|
||||
<p class="text-gray-600">上海市政府宣布年内出台"制度型开放2.0版方案"，聚焦跨境金融、数据流动、离岸贸易等。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">2</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">2025-02-13</p>
|
||||
<p class="text-gray-600">五大片区（保税区、陆家嘴、金桥、张江、世博）成立数据跨境服务中心，建立"网格化政务服务"。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">3</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">2025-07-04</p>
|
||||
<p class="text-gray-600">海关总署公布，前5个月上海自贸区进出口总值<strong>超9000亿元</strong>，占全国自贸区<strong>26%</strong>以上。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">4</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">2025-07-25</p>
|
||||
<p class="text-gray-600">全球首单上海自贸区离岸债券发行（5亿元人民币），标志离岸金融基础设施突破。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">时间轴</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-gray-50">
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">时间</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">事件</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">2013-09-29</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">上海自贸区挂牌成立，负面清单管理、跨境人民币试点启动。</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">2023-12-07</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">国务院发布《全面对接国际高标准经贸规则总体方案》，80条措施落地。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">2024-04-01</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">离岸转手买卖印花税免征政策试点（至2025-03-31）。</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">2025-01-15</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">上海提出"制度型开放2.0版"，深化增值电信、数据跨境、离岸金融等开放。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">2025-07-25</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">离岸债券发行+进出口数据创新高，验证政策红利释放。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心观点摘要 -->
|
||||
<div class="card bg-gradient-to-r from-blue-50 to-indigo-50 shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">核心观点摘要</h2>
|
||||
<div class="highlight-box">
|
||||
<p class="text-gray-700">上海自贸区已从"政策试验田"进入<strong>制度红利兑现期</strong>，2025年"2.0版方案"叠加离岸金融、数据跨境、离岸贸易三大突破，驱动其从<strong>主题炒作转向基本面驱动</strong>。<strong>核心矛盾</strong>在于：市场仍将其视为"老题材"，但政策细则（如离岸债券、数据跨境负面清单）和业绩验证（<strong>9000亿进出口</strong>）已悄然升级。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 概念的核心逻辑与市场认知分析 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">概念的核心逻辑与市场认知分析</h2>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">核心驱动力</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-3">
|
||||
<i class="fas fa-globe"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-medium text-gray-800">制度型开放2.0</h4>
|
||||
<p class="text-gray-600">2025年方案提出"跨境资金池实时调拨"（央行2025-04-23）、"数据跨境负面清单+操作指引"（2025-01-15），<strong>对标CPTPP规则</strong>，解决外资核心痛点（如资金自由进出、数据合规流动）。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-3">
|
||||
<i class="fas fa-coins"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-medium text-gray-800">离岸金融突破</h4>
|
||||
<p class="text-gray-600">离岸债券（2025-07-25）和印花税免征（2024-04-01）形成<strong>离岸人民币资产闭环</strong>，吸引跨国企业资金管理中心落户（如滴水湖金融湾）。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 mr-3">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-medium text-gray-800">贸易量级验证</h4>
|
||||
<p class="text-gray-600"><strong>9000亿进出口</strong>（2025年前5月）占全国自贸区<strong>26%</strong>，显示政策转化为实际贸易流量，远超2013年占比（3%）。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">市场热度与情绪</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-newspaper text-blue-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>新闻热度</strong>：2025年7月"离岸债券+进出口数据"引发媒体密集报道，但券商研报覆盖度低（仅海南自贸港研报提及上海自贸区作为对比）。</p>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-balance-scale text-purple-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>情绪分歧</strong>：市场认为自贸区"十年无新意"，但忽略<strong>离岸贸易</strong>（2024年印花税免征）和<strong>数据跨境</strong>（2025年五大片区服务中心）的<strong>边际变化</strong>。</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">预期差分析</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-search text-green-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>被低估的环节</strong>：离岸贸易（转口+离岸转手）2023年规模已超<strong>3000亿美元</strong>（上海海关数据），但市场未定价其<strong>税收豁免</strong>和<strong>FT账户结算</strong>优势。</p>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-chart-pie text-yellow-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>数据验证</strong>：上海临港（600848）2023年路演显示，<strong>轻资产输出模式</strong>（昆明科技园、磨憨边境合作区）复制自贸区经验，但市场仍按地产估值（PE 8倍）。</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关键催化剂与未来发展路径 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">关键催化剂与未来发展路径</h2>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">近期催化剂（3-6个月）</h3>
|
||||
<div class="space-y-3">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">1</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">数据跨境细则落地</p>
|
||||
<p class="text-gray-600">2025年五大片区服务中心启动后，首批"负面清单"企业名单（如特斯拉、药明生物）或公布。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">2</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">离岸债券扩容</p>
|
||||
<p class="text-gray-600">中行首单后，第二批离岸债券（目标<strong>50亿元</strong>）或引入外资机构（汇丰、渣打）作为主承销商。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">3</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">REITs试点</p>
|
||||
<p class="text-gray-600">上海临港拟发行<strong>公募REITs</strong>盘活洋山港仓储资产，验证轻资产模式。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">长期路径（2025-2030）</h3>
|
||||
<div class="space-y-3">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-green-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">1</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">阶段1（2025-2026）</p>
|
||||
<p class="text-gray-600">制度红利释放——跨境资金池、数据流动、离岸税收三大政策全面落地，吸引跨国亚太区总部。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-green-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">2</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">阶段2（2027-2028）</p>
|
||||
<p class="text-gray-600">产业集聚——集成电路（张江）、生物医药（外高桥）、数字贸易（临港）形成<strong>万亿级集群</strong>。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-green-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">3</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">阶段3（2029-2030）</p>
|
||||
<p class="text-gray-600">规则输出——上海经验复制至长三角（如苏州、宁波自贸区联动），成为CPTPP对接模板。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 产业链与核心公司深度剖析 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">产业链与核心公司深度剖析</h2>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">产业链图谱</h3>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<div class="mb-3">
|
||||
<p class="font-medium text-gray-800 mb-1">上游</p>
|
||||
<p class="text-gray-600">政策基础设施（央行跨境支付系统、海关数据监管）</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<p class="font-medium text-gray-800 mb-1">中游</p>
|
||||
<div class="ml-4 space-y-2">
|
||||
<div>
|
||||
<p class="font-medium text-gray-700">离岸金融</p>
|
||||
<p class="text-gray-600">上海银行（601229）、华鑫股份（600621）（FT账户清算）</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-700">数据跨境</p>
|
||||
<p class="text-gray-600">数据港（603881）、云赛智联（600602）（数据中心+跨境服务）</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-700">离岸贸易</p>
|
||||
<p class="text-gray-600">长江投资（600119）、上海物贸（600822）（转口贸易龙头）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="font-medium text-gray-800 mb-1">下游</p>
|
||||
<p class="text-gray-600">跨国企业（特斯拉、苹果）亚太区资金管理中心</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">核心玩家对比</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-gray-50">
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">公司</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">业务关联</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">竞争优势</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">风险</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">上海临港</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">临港新片区开发+离岸金融载体</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">轻资产输出（昆明科技园）、REITs盘活</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">地产属性拖累估值（PE 8倍）</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">华贸物流</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">跨境物流+离岸贸易配套服务</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">60+海外网点，直客占比70%（空运）</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">运价波动影响毛利率</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">数据港</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">数据中心+数据跨境试点</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">临港数据中心资源稀缺性</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">政策细则延迟落地</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<h4 class="font-medium text-gray-800 mb-2">验证与证伪</h4>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>上海临港</strong>：2023年路演显示轻资产收入<strong>Q3破亿</strong>（+30%），但市场仍按地产估值，<strong>预期差显著</strong>。</p>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||||
<p class="text-gray-600"><strong>华贸物流</strong>：2025年路演中管理层明确"<strong>俄罗斯业务20亿营收</strong>"，验证"一带一路"物流网络变现能力。</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 潜在风险与挑战 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">潜在风险与挑战</h2>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-gray-50">
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">风险类型</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">具体表现</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">政策延迟</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">数据跨境负面清单细则若晚于2025Q4落地，可能影响外资总部落地节奏。</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">竞争分流</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">海南自贸港"双15%"税收优惠或分流跨国企业注册地（如特斯拉海南设立贸易公司）。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">技术瓶颈</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">离岸债券二级市场流动性不足（当前仅5亿元规模），需扩容至<strong>百亿级</strong>才能形成生态。</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">信息矛盾</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">部分研报将上海自贸区与海南自贸港政策混淆（如数字贸易试点），需区分<strong>离岸vs在岸</strong>场景。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 综合结论与投资启示 -->
|
||||
<div class="card bg-gradient-to-r from-indigo-50 to-purple-50 shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">综合结论与投资启示</h2>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">阶段判断</h3>
|
||||
<p class="text-gray-600">上海自贸区已从"政策主题"进入<strong>基本面驱动阶段</strong>（进出口数据、离岸债券、REITs三重验证）。</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">投资方向</h3>
|
||||
<div class="space-y-3">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-indigo-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">1</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">离岸金融基础设施</p>
|
||||
<p class="text-gray-600">上海银行（FT账户清算龙头）、华鑫股份（跨境资管）</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-indigo-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">2</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">数据跨境服务商</p>
|
||||
<p class="text-gray-600">数据港（临港数据中心稀缺性）、云赛智联（国资背景）</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-6 h-6 rounded-full bg-indigo-500 flex items-center justify-center text-white text-xs font-bold mr-3 mt-1">3</div>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800">轻资产输出标的</p>
|
||||
<p class="text-gray-600">上海临港（REITs+园区复制）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-700 mb-3">跟踪指标</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-medium text-gray-800 mb-1">离岸债券发行量</p>
|
||||
<p class="text-gray-600">2025年目标50亿元，当前5亿元</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-medium text-gray-800 mb-1">数据跨境企业备案数</p>
|
||||
<p class="text-gray-600">2025年首批名单</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-medium text-gray-800 mb-1">上海临港轻资产收入占比</p>
|
||||
<p class="text-gray-600">2025年目标>20%，当前<5%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 p-4 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-lg text-white">
|
||||
<p class="text-lg font-medium">当市场还在争论"自贸区是否过时"时，上海已用<strong>9000亿贸易流量</strong>和<strong>离岸债券</strong>证明——<strong>制度红利的复利才刚刚开始</strong>。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关联股票数据 -->
|
||||
<div class="card bg-white shadow-lg mb-8">
|
||||
<div class="card-body p-6">
|
||||
<h2 class="section-title text-2xl font-bold text-gray-800">关联股票数据</h2>
|
||||
|
||||
<div class="stock-table">
|
||||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-gray-50">
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">股票名称</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">概念</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="stockTableBody">
|
||||
<!-- 股票数据将通过JavaScript动态填充 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 股票数据
|
||||
const stockData = [{'上海自贸区(240123)': [{'stock': '长江投资', '概念1': '贸易', '概念2': '物流', 'reason': '同时属于贸易和物流板块'}, {'stock': '上海物贸', '概念': '贸易', 'reason': '属于贸易板块'}, {'stock': '龙头股份', '概念': '贸易', 'reason': '属于贸易板块'}, {'stock': '上海三毛', '概念': '贸易', 'reason': '属于贸易板块'}, {'stock': '畅联股份', '概念': '物流', 'reason': '属于物流板块'}, {'stock': '德邦股份', '概念': '物流', 'reason': '属于物流板块'}, {'stock': '密尔克卫', '概念': '物流', 'reason': '属于物流板块'}, {'stock': '上海雅仕', '概念': '物流', 'reason': '属于物流板块'}, {'stock': '锦江航运', '概念': '物流', 'reason': '属于物流板块'}, {'stock': '恒为科技', '概念': '人工智能', 'reason': '属于人工智能板块'}, {'stock': '云赛智联', '概念': '人工智能', 'reason': '属于人工智能板块'}, {'stock': '数据港', '概念1': '人工智能', '概念2': '数据要素', 'reason': '同时属于人工智能和数据要素板块'}, {'stock': '润达医疗', '概念': '人工智能', 'reason': '属于人工智能板块'}, {'stock': '力盛体育', '概念': '人工智能', 'reason': '属于人工智能板块'}, {'stock': '金桥信息', '概念1': '人工智能', '概念2': '数据要素', 'reason': '同时属于人工智能和数据要素板块'}, {'stock': '网达软件', '概念': '人工智能', 'reason': '属于人工智能板块'}, {'stock': '华扬联众', '概念': '数据要素', 'reason': '属于数据要素板块'}, {'stock': '上海钢联', '概念': '数据要素', 'reason': '属于数据要素板块'}, {'stock': '中远海科', '概念': '数据要素', 'reason': '属于数据要素板块'}, {'stock': '安硕信息', '概念': '数据要素', 'reason': '属于数据要素板块'}, {'stock': '新炬网络', '概念': '数据要素', 'reason': '属于数据要素板块'}, {'stock': '上海电影', '概念': '传媒', 'reason': '属于传媒板块'}, {'stock': '国新文化', '概念': '传媒', 'reason': '属于传媒板块'}, {'stock': '龙韵股份', '概念': '传媒', 'reason': '属于传媒板块'}, {'stock': '上海建科', '概念': '基础建设', 'reason': '属于基础建设板块'}, {'stock': '华建集团', '概念': '基础建设', 'reason': '属于基础建设板块'}, {'stock': '浦东建设', '概念': '基础建设', 'reason': '属于基础建设板块'}, {'stock': '隧道股份', '概念': '基础建设', 'reason': '属于基础建设板块'}, {'stock': '建元信托', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '华鑫股份', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '上海银行', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '沪农商行', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '摩恩电气', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '光大嘉宝', '概念': '金融', 'reason': '属于金融板块'}, {'stock': '中华企业', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '绿地控股', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '光明地产', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '城投控股', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '陆家嘴', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '大名城', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '上海临港', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '浦东金桥', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '新黄浦', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '市北高新', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '万业企业', '概念': '房地产', 'reason': '属于房地产板块'}, {'stock': '华岭股份', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '辰光医疗', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '艾融软件', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '海希通讯', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '创远信科', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '威贸电子', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '欧普泰', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '博迅生物', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '铁大科技', '概念': '北交所相关', 'reason': '属于北交所相关板块'}, {'stock': '阿为特', '概念': '北交所相关', 'reason': '属于北交所相关板块'}]}];
|
||||
|
||||
// 概念标签映射
|
||||
const conceptClassMap = {
|
||||
'贸易': 'trade',
|
||||
'物流': 'logistics',
|
||||
'人工智能': 'ai',
|
||||
'数据要素': 'data',
|
||||
'传媒': 'media',
|
||||
'基础建设': 'infrastructure',
|
||||
'金融': 'finance',
|
||||
'房地产': 'realestate',
|
||||
'北交所相关': 'bse'
|
||||
};
|
||||
|
||||
// 填充股票数据表格
|
||||
function populateStockTable() {
|
||||
const tableBody = document.getElementById('stockTableBody');
|
||||
const stocks = stockData[0]['上海自贸区(240123)'];
|
||||
|
||||
stocks.forEach((stock, index) => {
|
||||
const row = document.createElement('tr');
|
||||
if (index % 2 === 0) {
|
||||
row.classList.add('bg-gray-50');
|
||||
}
|
||||
|
||||
// 获取概念标签
|
||||
let conceptTags = '';
|
||||
if (stock['概念1'] && stock['概念2']) {
|
||||
conceptTags = `<span class="concept-tag ${conceptClassMap[stock['概念1']]}">${stock['概念1']}</span>
|
||||
<span class="concept-tag ${conceptClassMap[stock['概念2']]}">${stock['概念2']}</span>`;
|
||||
} else {
|
||||
conceptTags = `<span class="concept-tag ${conceptClassMap[stock['概念']]}">${stock['概念']}</span>`;
|
||||
}
|
||||
|
||||
row.innerHTML = `
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b font-medium">${stock.stock}</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">${conceptTags}</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-600 border-b">${stock.reason}</td>
|
||||
`;
|
||||
|
||||
tableBody.appendChild(row);
|
||||
});
|
||||
}
|
||||
|
||||
// 初始化粒子背景
|
||||
function initParticles() {
|
||||
tsParticles.load("particles-js", {
|
||||
particles: {
|
||||
number: {
|
||||
value: 80,
|
||||
density: {
|
||||
enable: true,
|
||||
value_area: 800
|
||||
}
|
||||
},
|
||||
color: {
|
||||
value: "#3b82f6"
|
||||
},
|
||||
shape: {
|
||||
type: "circle"
|
||||
},
|
||||
opacity: {
|
||||
value: 0.5,
|
||||
random: false
|
||||
},
|
||||
size: {
|
||||
value: 3,
|
||||
random: true
|
||||
},
|
||||
line_linked: {
|
||||
enable: true,
|
||||
distance: 150,
|
||||
color: "#3b82f6",
|
||||
opacity: 0.4,
|
||||
width: 1
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 2,
|
||||
direction: "none",
|
||||
random: false,
|
||||
straight: false,
|
||||
out_mode: "out",
|
||||
bounce: false
|
||||
}
|
||||
},
|
||||
interactivity: {
|
||||
detect_on: "canvas",
|
||||
events: {
|
||||
onhover: {
|
||||
enable: true,
|
||||
mode: "grab"
|
||||
},
|
||||
onclick: {
|
||||
enable: true,
|
||||
mode: "push"
|
||||
},
|
||||
resize: true
|
||||
},
|
||||
modes: {
|
||||
grab: {
|
||||
distance: 140,
|
||||
line_linked: {
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
push: {
|
||||
particles_nb: 4
|
||||
}
|
||||
}
|
||||
},
|
||||
retina_detect: true
|
||||
});
|
||||
}
|
||||
|
||||
// 页面加载完成后初始化
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
populateStockTable();
|
||||
initParticles();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
Reference in New Issue
Block a user