530 lines
26 KiB
HTML
530 lines
26 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="cyberpunk">
|
||
<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@3.9.4/dist/full.css" rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@keyframes glow {
|
||
0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); }
|
||
50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.8); }
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
animation: glow 2s infinite;
|
||
}
|
||
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
|
||
}
|
||
|
||
.neon-text {
|
||
text-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88;
|
||
}
|
||
|
||
.floating {
|
||
animation: floating 3s ease-in-out infinite;
|
||
}
|
||
|
||
@keyframes floating {
|
||
0%, 100% { transform: translateY(0px); }
|
||
50% { transform: translateY(-10px); }
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.data-highlight {
|
||
background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
font-weight: bold;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-900 text-gray-100 min-h-screen">
|
||
<!-- Hero Section -->
|
||
<section class="hero-gradient text-white py-20 px-6 relative overflow-hidden">
|
||
<div class="container mx-auto relative z-10">
|
||
<div class="flex flex-col lg:flex-row items-center justify-between">
|
||
<div class="lg:w-2/3 mb-10 lg:mb-0">
|
||
<h1 class="text-5xl md:text-6xl font-bold mb-6 neon-text">
|
||
重庆概念投资价值分析
|
||
</h1>
|
||
<p class="text-xl md:text-2xl mb-8 opacity-90">
|
||
从工业重镇到新质生产力高地
|
||
</p>
|
||
<div class="flex flex-wrap gap-4">
|
||
<div class="badge badge-lg badge-primary glass-effect px-4 py-2">
|
||
<i class="fas fa-rocket mr-2"></i>产业升级
|
||
</div>
|
||
<div class="badge badge-lg badge-secondary glass-effect px-4 py-2">
|
||
<i class="fas fa-chart-line mr-2"></i>国企改革
|
||
</div>
|
||
<div class="badge badge-lg badge-accent glass-effect px-4 py-2">
|
||
<i class="fas fa-microchip mr-2"></i>AI赋能
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="lg:w-1/3 floating">
|
||
<div class="radial-progress" style="--value:85; --size:200px;">
|
||
85%
|
||
<span class="text-sm">投资价值</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute top-0 left-0 w-full h-full opacity-10">
|
||
<div class="absolute top-10 left-10 w-72 h-72 bg-purple-500 rounded-full filter blur-3xl"></div>
|
||
<div class="absolute bottom-10 right-10 w-96 h-96 bg-blue-500 rounded-full filter blur-3xl"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Insights -->
|
||
<section class="py-16 px-6">
|
||
<div class="container mx-auto">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4">核心观点</h2>
|
||
<p class="text-xl text-gray-400">政策驱动下的系统性转型机遇</p>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-3 gap-8">
|
||
<div class="card glass-effect card-hover">
|
||
<div class="card-body">
|
||
<div class="text-5xl mb-4 text-center">🏗️</div>
|
||
<h3 class="card-title justify-center text-xl mb-4">城市级重构</h3>
|
||
<p>自上而下政策支持，从国家级高铁网到地方行政区划调整，系统重塑重庆经济地理与产业结构</p>
|
||
<div class="text-center mt-4">
|
||
<span class="text-2xl data-highlight">1354亿</span>
|
||
<p class="text-sm text-gray-400">渝宜高铁投资</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card glass-effect card-hover">
|
||
<div class="card-body">
|
||
<div class="text-5xl mb-4 text-center">🤖</div>
|
||
<h3 class="card-title justify-center text-xl mb-4">产业升级</h3>
|
||
<p>智能汽车+机器人双轮驱动，传统工业基础与前沿AI应用融合，形成"33618"现代制造业集群</p>
|
||
<div class="text-center mt-4">
|
||
<span class="text-2xl data-highlight">200-300%</span>
|
||
<p class="text-sm text-gray-400">柴发环节增长空间</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card glass-effect card-hover">
|
||
<div class="card-body">
|
||
<div class="text-5xl mb-4 text-center">🔄</div>
|
||
<h3 class="card-title justify-center text-xl mb-4">国企改革</h3>
|
||
<p>混改+数字化赋能，提升经营效率，重庆百货等企业已验证改革成效，开启价值重估</p>
|
||
<div class="text-center mt-4">
|
||
<span class="text-2xl data-highlight">2亿</span>
|
||
<p class="text-sm text-gray-400">年节省成本</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline -->
|
||
<section class="py-16 px-6 bg-gray-800 bg-opacity-50">
|
||
<div class="container mx-auto">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4">关键事件时间轴</h2>
|
||
</div>
|
||
|
||
<div class="relative">
|
||
<div class="timeline-line absolute left-8 top-0 bottom-0 w-1"></div>
|
||
|
||
<div class="space-y-12">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold text-xl z-10">
|
||
2023
|
||
</div>
|
||
<div class="ml-8 flex-1">
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<h3 class="text-xl font-bold">国企改革深化</h3>
|
||
<p class="text-gray-400">重庆新华出版集团、重庆文化旅游集团揭牌成立</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center">
|
||
<div class="bg-purple-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold text-xl z-10">
|
||
2024
|
||
</div>
|
||
<div class="ml-8 flex-1">
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<h3 class="text-xl font-bold">金融体系优化</h3>
|
||
<p class="text-gray-400">重庆股转中心拟吸收合并母公司重庆股服集团</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center">
|
||
<div class="bg-pink-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold text-xl z-10">
|
||
2025
|
||
</div>
|
||
<div class="ml-8 flex-1">
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<h3 class="text-xl font-bold">产业爆发</h3>
|
||
<ul class="text-gray-400 space-y-2">
|
||
<li>• 渝宜高铁开工（1354亿元投资）</li>
|
||
<li>• 具身智能机器人"揭榜挂帅"项目发布</li>
|
||
<li>• 科技金融改革专项文件</li>
|
||
<li>• 行政区划调整（江北区、渝北区→两江新区）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Logic -->
|
||
<section class="py-16 px-6">
|
||
<div class="container mx-auto">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4">核心投资逻辑</h2>
|
||
<p class="text-xl text-gray-400">三大产业链深度剖析</p>
|
||
</div>
|
||
|
||
<div class="space-y-8">
|
||
<!-- 新基建与AI -->
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<div class="flex items-center mb-4">
|
||
<div class="text-4xl mr-4">⚡</div>
|
||
<h3 class="text-2xl font-bold">新基建与AI赋能链</h3>
|
||
</div>
|
||
<div class="grid md:grid-cols-3 gap-6 mt-6">
|
||
<div class="border-l-4 border-blue-500 pl-4">
|
||
<h4 class="font-bold mb-2">上游核心设备</h4>
|
||
<p class="text-gray-400">重庆机电（重庆康明斯数据中心柴发）</p>
|
||
</div>
|
||
<div class="border-l-4 border-purple-500 pl-4">
|
||
<h4 class="font-bold mb-2">中游建设运营</h4>
|
||
<p class="text-gray-400">数据中心建设商、运营商</p>
|
||
</div>
|
||
<div class="border-l-4 border-pink-500 pl-4">
|
||
<h4 class="font-bold mb-2">下游应用</h4>
|
||
<p class="text-gray-400">字节、阿里等云厂商算力中心</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 机器人与汽车 -->
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<div class="flex items-center mb-4">
|
||
<div class="text-4xl mr-4">🚗</div>
|
||
<h3 class="text-2xl font-bold">智能机器人与汽车协同链</h3>
|
||
</div>
|
||
<div class="grid md:grid-cols-3 gap-6 mt-6">
|
||
<div class="border-l-4 border-blue-500 pl-4">
|
||
<h4 class="font-bold mb-2">核心零部件</h4>
|
||
<p class="text-gray-400">湘油泵、隆盛、信质等</p>
|
||
</div>
|
||
<div class="border-l-4 border-purple-500 pl-4">
|
||
<h4 class="font-bold mb-2">整机与系统集成</h4>
|
||
<p class="text-gray-400">长安汽车、赛力斯</p>
|
||
</div>
|
||
<div class="border-l-4 border-pink-500 pl-4">
|
||
<h4 class="font-bold mb-2">应用场景</h4>
|
||
<p class="text-gray-400">汽车制造、笔电制造、集成电路</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 国企改革 -->
|
||
<div class="card glass-effect">
|
||
<div class="card-body">
|
||
<div class="flex items-center mb-4">
|
||
<div class="text-4xl mr-4">🏛️</div>
|
||
<h3 class="text-2xl font-bold">区域经济与国企改革链</h3>
|
||
</div>
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 mt-6">
|
||
<div class="text-center">
|
||
<div class="text-3xl mb-2">🏗️</div>
|
||
<h4 class="font-bold">传统基建</h4>
|
||
<p class="text-sm text-gray-400">重庆建工、重庆路桥</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl mb-2">💧</div>
|
||
<h4 class="font-bold">公用事业</h4>
|
||
<p class="text-sm text-gray-400">重庆水务、重庆燃气</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl mb-2">🛍️</div>
|
||
<h4 class="font-bold">消费服务</h4>
|
||
<p class="text-sm text-gray-400">重庆百货、重庆啤酒</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="text-3xl mb-2">🏦</div>
|
||
<h4 class="font-bold">金融支持</h4>
|
||
<p class="text-sm text-gray-400">重庆银行、西南证券</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data -->
|
||
<section class="py-16 px-6 bg-gray-800 bg-opacity-50">
|
||
<div class="container mx-auto">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-4xl font-bold mb-4">核心公司分析</h2>
|
||
<p class="text-xl text-gray-400">重庆概念股全景图</p>
|
||
</div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="text-base">
|
||
<th class="bg-base-300">股票名称</th>
|
||
<th class="bg-base-300">分类</th>
|
||
<th class="bg-base-300">相关性</th>
|
||
<th class="bg-base-300">逻辑纯粹度</th>
|
||
<th class="bg-base-300">投资亮点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="avatar placeholder">
|
||
<div class="bg-neutral text-neutral-content rounded-full w-12">
|
||
<span class="text-xl">重</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">重庆机电</div>
|
||
<div class="text-sm opacity-50">2722.HK</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>新基建</td>
|
||
<td>AI数据中心柴发需求爆发</td>
|
||
<td><span class="badge badge-accent">极高</span></td>
|
||
<td>净利率23.8%，ROE 38.8%，PE仅5-6倍</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="avatar placeholder">
|
||
<div class="bg-neutral text-neutral-content rounded-full w-12">
|
||
<span class="text-xl">重</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">重庆百货</div>
|
||
<div class="text-sm opacity-50">600729.SH</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>消费改革</td>
|
||
<td>国企改革典范，数字化赋能</td>
|
||
<td><span class="badge badge-primary">高</span></td>
|
||
<td>人效翻倍，年省成本2亿，重庆营收占比96%</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="avatar placeholder">
|
||
<div class="bg-neutral text-neutral-content rounded-full w-12">
|
||
<span class="text-xl">重</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">重庆建工</div>
|
||
<div class="text-sm opacity-50">600939.SH</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>地产基建</td>
|
||
<td>重庆国资委持股75.27%</td>
|
||
<td><span class="badge badge-warning">中等</span></td>
|
||
<td>中标轨交7号线9.31亿，重庆营收69%</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="avatar placeholder">
|
||
<div class="bg-neutral text-neutral-content rounded-full w-12">
|
||
<span class="text-xl">重</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">重庆啤酒</div>
|
||
<div class="text-sm opacity-50">600132.SH</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>消费</td>
|
||
<td>"啤酒+火锅"文化绑定</td>
|
||
<td><span class="badge badge-info">中等</span></td>
|
||
<td>产品结构优化，高端化趋势明确</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks & Conclusion -->
|
||
<section class="py-16 px-6">
|
||
<div class="container mx-auto">
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<!-- Risks -->
|
||
<div class="card glass-effect card-hover">
|
||
<div class="card-body">
|
||
<h3 class="card-title text-2xl mb-6">
|
||
<i class="fas fa-exclamation-triangle mr-2 text-yellow-400"></i>
|
||
潜在风险
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<span class="text-2xl mr-3">⚠️</span>
|
||
<div>
|
||
<h4 class="font-bold">政策执行风险</h4>
|
||
<p class="text-gray-400 text-sm">宏大政策蓝图能否高效落地执行</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="text-2xl mr-3">📉</span>
|
||
<div>
|
||
<h4 class="font-bold">商业化竞争风险</h4>
|
||
<p class="text-gray-400 text-sm">面临深圳、上海等先进地区竞争</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="text-2xl mr-3">💼</span>
|
||
<div>
|
||
<h4 class="font-bold">宏观经济风险</h4>
|
||
<p class="text-gray-400 text-sm">固定资产投资与消费复苏力度</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Conclusion -->
|
||
<div class="card glass-effect card-hover">
|
||
<div class="card-body">
|
||
<h3 class="card-title text-2xl mb-6">
|
||
<i class="fas fa-lightbulb mr-2 text-green-400"></i>
|
||
投资启示
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="alert alert-success">
|
||
<div class="flex items-center">
|
||
<span class="text-xl mr-3">🎯</span>
|
||
<div>
|
||
<h4 class="font-bold">优选赛道</h4>
|
||
<p class="text-sm">聚焦新质生产力与国企改革主线</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="alert alert-info">
|
||
<div class="flex items-center">
|
||
<span class="text-xl mr-3">📈</span>
|
||
<div>
|
||
<h4 class="font-bold">核心推荐</h4>
|
||
<p class="text-sm">重庆机电(HK) + 重庆百货(A股)双主线</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="alert alert-warning">
|
||
<div class="flex items-center">
|
||
<span class="text-xl mr-3">🔍</span>
|
||
<div>
|
||
<h4 class="font-bold">关键跟踪</h4>
|
||
<p class="text-sm">订单增速、同店增长、产业落地进展</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer footer-center p-10 bg-base-200 text-base-content">
|
||
<div>
|
||
<p class="font-bold">
|
||
重庆概念投资分析报告
|
||
</p>
|
||
<p>数据来源：财联社、路演记录、公开研报</p>
|
||
</div>
|
||
<div>
|
||
<p>© 2025 投资研究部. All rights reserved.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<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 scroll animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -100px 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('.card').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>
|