477 lines
25 KiB
HTML
477 lines
25 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="business">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>禾元生物合作 - 稻米造血的千亿市场革命</title>
|
||
<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>
|
||
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<style>
|
||
@keyframes float {
|
||
0%, 100% { transform: translateY(0px); }
|
||
50% { transform: translateY(-20px); }
|
||
}
|
||
|
||
@keyframes pulse-glow {
|
||
0%, 100% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.5); }
|
||
50% { box-shadow: 0 0 40px rgba(34, 197, 94, 0.8); }
|
||
}
|
||
|
||
.floating { animation: float 6s ease-in-out infinite; }
|
||
.pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.stock-badge {
|
||
animation: pulse-glow 3s ease-in-out infinite;
|
||
}
|
||
|
||
.number-animate {
|
||
animation: countUp 2s ease-out;
|
||
}
|
||
|
||
@keyframes countUp {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
.market-card {
|
||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
}
|
||
|
||
.tech-card {
|
||
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
||
}
|
||
|
||
.policy-card {
|
||
background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-900 text-white">
|
||
<!-- 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="floating mb-8">
|
||
<div class="inline-flex items-center justify-center w-32 h-32 rounded-full bg-white bg-opacity-20 glass-effect">
|
||
<i class="ri-plant-line text-6xl"></i>
|
||
</div>
|
||
</div>
|
||
<h1 class="text-5xl md:text-7xl font-bold mb-6 gradient-text">禾元生物合作</h1>
|
||
<p class="text-2xl md:text-3xl mb-4 text-white">稻米造血 · 千亿市场革命</p>
|
||
<div class="flex flex-wrap justify-center gap-4 mb-8">
|
||
<span class="badge badge-success badge-lg stock-badge">全球首创</span>
|
||
<span class="badge badge-info badge-lg">科创板五套重启</span>
|
||
<span class="badge badge-warning badge-lg">60%进口替代</span>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto">
|
||
<div class="glass-effect rounded-xl p-6 number-animate">
|
||
<div class="text-3xl font-bold text-green-400">300亿</div>
|
||
<div class="text-sm text-gray-300">市场规模</div>
|
||
</div>
|
||
<div class="glass-effect rounded-xl p-6 number-animate" style="animation-delay: 0.2s">
|
||
<div class="text-3xl font-bold text-blue-400">99.9999%</div>
|
||
<div class="text-sm text-gray-300">产品纯度</div>
|
||
</div>
|
||
<div class="glass-effect rounded-xl p-6 number-animate" style="animation-delay: 0.4s">
|
||
<div class="text-3xl font-bold text-purple-400">1/5</div>
|
||
<div class="text-sm text-gray-300">传统成本</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce">
|
||
<i class="ri-arrow-down-line text-4xl text-white"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Logic Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">核心驱动力</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div class="card card-hover bg-base-100 shadow-2xl">
|
||
<div class="card-body">
|
||
<div class="tech-card w-16 h-16 rounded-full flex items-center justify-center mb-4">
|
||
<i class="ri-flask-line text-2xl text-white"></i>
|
||
</div>
|
||
<h3 class="card-title text-2xl mb-4">技术突破</h3>
|
||
<p class="text-gray-300">全球首创"植物源重组蛋白表达平台"，利用水稻胚乳细胞作为生物工厂，实现99.9999%超高纯度，生产成本仅为传统血浆来源的五分之一。</p>
|
||
<div class="mt-4">
|
||
<div class="flex justify-between text-sm">
|
||
<span>技术壁垒</span>
|
||
<span class="text-blue-400">极高</span>
|
||
</div>
|
||
<div class="flex justify-between text-sm">
|
||
<span>专利保护</span>
|
||
<span class="text-green-400">完整</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card card-hover bg-base-100 shadow-2xl">
|
||
<div class="card-body">
|
||
<div class="market-card w-16 h-16 rounded-full flex items-center justify-center mb-4">
|
||
<i class="ri-line-chart-line text-2xl text-white"></i>
|
||
</div>
|
||
<h3 class="card-title text-2xl mb-4">市场刚需</h3>
|
||
<p class="text-gray-300">国内人血清白蛋白市场近300亿元，年需求量1000吨，其中60%依赖进口。肝硬化低白蛋白血症占整体市场规模约30%，存在巨大进口替代空间。</p>
|
||
<div class="mt-4">
|
||
<div class="flex justify-between text-sm">
|
||
<span>市场空间</span>
|
||
<span class="text-purple-400">300亿+</span>
|
||
</div>
|
||
<div class="flex justify-between text-sm">
|
||
<span>进口占比</span>
|
||
<span class="text-orange-400">60%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card card-hover bg-base-100 shadow-2xl">
|
||
<div class="card-body">
|
||
<div class="policy-card w-16 h-16 rounded-full flex items-center justify-center mb-4">
|
||
<i class="ri-government-line text-2xl text-white"></i>
|
||
</div>
|
||
<h3 class="card-title text-2xl mb-4">政策红利</h3>
|
||
<p class="text-gray-300">科创板第五套标准重启后首家IPO企业，获得资本市场对"硬科技"创新的支持。产品获批纳入优先审评审批程序，政策支持力度空前。</p>
|
||
<div class="mt-4">
|
||
<div class="flex justify-between text-sm">
|
||
<span>政策支持</span>
|
||
<span class="text-green-400">极强</span>
|
||
</div>
|
||
<div class="flex justify-between text-sm">
|
||
<span>融资渠道</span>
|
||
<span class="text-blue-400">畅通</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="py-20 px-4 bg-gray-800">
|
||
<div class="container mx-auto">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">关键时间轴</h2>
|
||
<div class="relative">
|
||
<div class="timeline-line absolute left-1/2 transform -translate-x-1/2 w-1 h-full"></div>
|
||
<div class="space-y-12">
|
||
<div class="flex items-center justify-center">
|
||
<div class="w-5/12 text-right pr-8">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-sm text-gray-400">2024年5月</div>
|
||
<div class="text-xl font-bold">完成III期临床试验</div>
|
||
<div class="text-sm text-gray-300 mt-2">疗效非劣于血浆来源产品</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-2/12 flex justify-center">
|
||
<div class="w-4 h-4 bg-blue-500 rounded-full"></div>
|
||
</div>
|
||
<div class="w-5/12"></div>
|
||
</div>
|
||
|
||
<div class="flex items-center justify-center">
|
||
<div class="w-5/12"></div>
|
||
<div class="w-2/12 flex justify-center">
|
||
<div class="w-4 h-4 bg-green-500 rounded-full"></div>
|
||
</div>
|
||
<div class="w-5/12 pl-8">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-sm text-gray-400">2025年6月25日</div>
|
||
<div class="text-xl font-bold">科创板第五套标准重启</div>
|
||
<div class="text-sm text-gray-300 mt-2">禾元生物成为首家上会企业</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center justify-center">
|
||
<div class="w-5/12 text-right pr-8">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-sm text-gray-400">2025年7月18日</div>
|
||
<div class="text-xl font-bold">双重催化剂</div>
|
||
<div class="text-sm text-gray-300 mt-2">产品获批 + IPO注册获批</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-2/12 flex justify-center">
|
||
<div class="w-4 h-4 bg-purple-500 rounded-full"></div>
|
||
</div>
|
||
<div class="w-5/12"></div>
|
||
</div>
|
||
|
||
<div class="flex items-center justify-center">
|
||
<div class="w-5/12"></div>
|
||
<div class="w-2/12 flex justify-center">
|
||
<div class="w-4 h-4 bg-orange-500 rounded-full pulse-glow"></div>
|
||
</div>
|
||
<div class="w-5/12 pl-8">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-sm text-gray-400">2025年10月28日</div>
|
||
<div class="text-xl font-bold text-green-400">正式上市</div>
|
||
<div class="text-sm text-gray-300 mt-2">首日盘中临停，市场热度极高</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Table Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">产业链核心公司</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full bg-base-100 rounded-lg shadow-2xl">
|
||
<thead>
|
||
<tr class="bg-gradient-to-r from-purple-600 to-blue-600 text-white">
|
||
<th class="text-lg font-bold">公司</th>
|
||
<th class="text-lg font-bold">关系类型</th>
|
||
<th class="text-lg font-bold">合作细节</th>
|
||
<th class="text-lg font-bold">投资价值</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center">
|
||
<span class="font-bold text-white">禾</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">禾元生物</div>
|
||
<div class="text-sm text-gray-400">688765</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td><span class="badge badge-primary">核心标的</span></td>
|
||
<td>核心产品奥福民®获批上市，全球首创植物源重组人血清白蛋白</td>
|
||
<td><span class="text-red-400">⚡ 高风险高收益</span></td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center">
|
||
<span class="font-bold text-white">贝</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">贝达药业</div>
|
||
<div class="text-sm text-gray-400">300558</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td><span class="badge badge-warning">投资+经销</span></td>
|
||
<td>持股7.47%，获区域独家经销权，利用成熟销售网络推广</td>
|
||
<td><span class="text-green-400">💎 稳健优选</span></td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="w-10 h-10 bg-purple-500 rounded-full flex items-center justify-center">
|
||
<span class="font-bold text-white">博</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">博济医药</div>
|
||
<div class="text-sm text-gray-400">300404</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td><span class="badge badge-info">CRO服务</span></td>
|
||
<td>提供三期临床研究服务，已赚取服务费</td>
|
||
<td><span class="text-yellow-400">📊 事件驱动</span></td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center">
|
||
<span class="font-bold text-white">楚</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">楚天科技</div>
|
||
<div class="text-sm text-gray-400">300358</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td><span class="badge badge-success">设备供应</span></td>
|
||
<td>提供层析柱、超滤系统等关键生产设备</td>
|
||
<td><span class="text-gray-400">🔧 产业配套</span></td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td>
|
||
<div class="flex items-center space-x-3">
|
||
<div class="w-10 h-10 bg-red-500 rounded-full flex items-center justify-center">
|
||
<span class="font-bold text-white">卫</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-bold">卫光生物</div>
|
||
<div class="text-sm text-gray-400">002880</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td><span class="badge badge-secondary">战略合作</span></td>
|
||
<td>在重组生物制品领域建立战略合作，潜在竞争/合作者</td>
|
||
<td><span class="text-orange-400">🔄 观望跟踪</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Catalysts & Risks Section -->
|
||
<section class="py-20 px-4 bg-gray-800">
|
||
<div class="container mx-auto">
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
||
<div>
|
||
<h2 class="text-3xl font-bold mb-8 gradient-text">近期催化剂</h2>
|
||
<div class="space-y-4">
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-green-500">
|
||
<h3 class="text-xl font-bold mb-2">📊 季度销售数据</h3>
|
||
<p class="text-gray-300">首个完整销售季度的收入数据将直接验证商业化能力</p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-blue-500">
|
||
<h3 class="text-xl font-bold mb-2">🏭 产能释放进展</h3>
|
||
<p class="text-gray-300">100万支工厂产能利用率和1200万支新基地建设进度</p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-purple-500">
|
||
<h3 class="text-xl font-bold mb-2">💊 新适应症拓展</h3>
|
||
<p class="text-gray-300">严重烧伤、重症脓毒血症等适应症的临床进展</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h2 class="text-3xl font-bold mb-8 gradient-text">潜在风险</h2>
|
||
<div class="space-y-4">
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-red-500">
|
||
<h3 class="text-xl font-bold mb-2">⚠️ 商业化挑战</h3>
|
||
<p class="text-gray-300">医生和患者对植物源产品的接受度需要时间培养</p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-orange-500">
|
||
<h3 class="text-xl font-bold mb-2">📉 盈利周期漫长</h3>
|
||
<p class="text-gray-300">预计2027年才能实现盈利，短期财务压力较大</p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-6 border-l-4 border-yellow-500">
|
||
<h3 class="text-xl font-bold mb-2">🏛️ 政策风险</h3>
|
||
<p class="text-gray-300">医保控费、集采等政策可能影响定价和利润空间</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Insights Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">投资启示</h2>
|
||
<div class="bg-gradient-to-r from-purple-900 to-blue-900 rounded-2xl p-8 md:p-12">
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 bg-red-500 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<i class="ri-rocket-2-line text-3xl text-white"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">高风险高收益</h3>
|
||
<p class="text-sm text-gray-300">禾元生物本身，商业化成功将获得最大估值重塑</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<i class="ri-shield-check-line text-3xl text-white"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">稳健优选</h3>
|
||
<p class="text-sm text-gray-300">贝达药业，兼具投资收益和业务协同双重逻辑</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<i class="ri-pulse-line text-3xl text-white"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">事件驱动</h3>
|
||
<p class="text-sm text-gray-300">博济医药等上游公司，短期交易性机会</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-12 text-center">
|
||
<div class="inline-flex items-center space-x-4 glass-effect rounded-full px-8 py-4">
|
||
<i class="ri-lightbulb-line text-2xl text-yellow-400"></i>
|
||
<span class="text-lg font-semibold">关键跟踪指标：奥福民®季度销售额、毛利率变化、新适应症进展</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="py-8 px-4 bg-gray-900 border-t border-gray-800">
|
||
<div class="container mx-auto text-center">
|
||
<p class="text-gray-400">© 2025 禾元生物合作概念分析 | 投资有风险，决策需谨慎</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Add smooth scrolling
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// 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('.card-hover').forEach(card => {
|
||
card.style.opacity = '0';
|
||
card.style.transform = 'translateY(20px)';
|
||
card.style.transition = 'all 0.6s ease-out';
|
||
observer.observe(card);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |