662 lines
34 KiB
HTML
662 lines
34 KiB
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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
||
|
||
* {
|
||
font-family: 'Inter', sans-serif;
|
||
}
|
||
|
||
.gradient-bg {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.hover-scale {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.hover-scale:hover {
|
||
transform: translateY(-5px) scale(1.02);
|
||
}
|
||
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
|
||
width: 3px;
|
||
position: absolute;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
|
||
@keyframes float {
|
||
0% { transform: translateY(0px); }
|
||
50% { transform: translateY(-20px); }
|
||
100% { transform: translateY(0px); }
|
||
}
|
||
|
||
.float-animation {
|
||
animation: float 6s ease-in-out infinite;
|
||
}
|
||
|
||
.tech-card {
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||
}
|
||
|
||
.policy-card {
|
||
background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
|
||
}
|
||
|
||
.risk-card {
|
||
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
|
||
}
|
||
|
||
.opportunity-card {
|
||
background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7); }
|
||
70% { box-shadow: 0 0 0 10px rgba(102, 126, 234, 0); }
|
||
100% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0); }
|
||
}
|
||
|
||
.pulse-effect {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
.table-scroll {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.timeline-line {
|
||
left: 20px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<!-- Hero Section -->
|
||
<header class="gradient-bg text-white">
|
||
<div class="container mx-auto px-4 py-20">
|
||
<div class="flex flex-col md:flex-row items-center justify-between">
|
||
<div class="md:w-1/2 mb-10 md:mb-0">
|
||
<div class="inline-flex items-center bg-white/20 glass-effect rounded-full px-4 py-2 mb-6">
|
||
<span class="w-2 h-2 bg-green-400 rounded-full mr-2 pulse-effect"></span>
|
||
<span class="text-sm font-medium">诺贝尔奖级突破</span>
|
||
</div>
|
||
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
|
||
芳香胺：<br>
|
||
<span class="text-yellow-300">颠覆性技术革命</span>
|
||
</h1>
|
||
<p class="text-xl mb-8 text-gray-100">
|
||
2025年11月引爆资本市场的化学工艺突破
|
||
</p>
|
||
<div class="flex flex-wrap gap-4">
|
||
<button class="bg-white text-purple-700 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||
<i class="fas fa-chart-line mr-2"></i>投资分析
|
||
</button>
|
||
<button class="border-2 border-white text-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-700 transition">
|
||
<i class="fas fa-flask mr-2"></i>技术解析
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="md:w-1/2 flex justify-center">
|
||
<div class="float-animation">
|
||
<div class="w-64 h-64 bg-white/20 glass-effect rounded-full flex items-center justify-center">
|
||
<i class="fas fa-atom text-8xl"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Key Events Timeline -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-clock text-purple-600 mr-3"></i>关键事件时间轴
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
从政策发布到技术突破，看芳香胺概念的完美风暴
|
||
</p>
|
||
|
||
<div class="relative max-w-4xl mx-auto">
|
||
<div class="timeline-line hidden md:block"></div>
|
||
|
||
<!-- Timeline Item 1 -->
|
||
<div class="flex flex-col md:flex-row items-center mb-12">
|
||
<div class="md:w-1/2 md:pr-8 text-right">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg hover-scale">
|
||
<div class="text-sm text-purple-600 font-semibold mb-2">2024年2月</div>
|
||
<h3 class="text-xl font-bold mb-2">安全生产政策发布</h3>
|
||
<p class="text-gray-600">应急管理部发布《安全生产治本攻坚三年行动方案》，要求2025年底前完成重氮化工艺改造</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white font-bold z-10 my-4 md:my-0">
|
||
<i class="fas fa-flag"></i>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8"></div>
|
||
</div>
|
||
|
||
<!-- Timeline Item 2 -->
|
||
<div class="flex flex-col md:flex-row items-center mb-12">
|
||
<div class="md:w-1/2 md:pr-8"></div>
|
||
<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white font-bold z-10 my-4 md:my-0">
|
||
<i class="fas fa-microscope"></i>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg hover-scale">
|
||
<div class="text-sm text-purple-600 font-semibold mb-2">2025年10月28日</div>
|
||
<h3 class="text-xl font-bold mb-2">Nature论文发表</h3>
|
||
<p class="text-gray-600">张夏衡团队在《自然》杂志发表N-硝基胺介导直接脱氨官能团化研究，获辉瑞高度评价</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Timeline Item 3 -->
|
||
<div class="flex flex-col md:flex-row items-center">
|
||
<div class="md:w-1/2 md:pr-8 text-right">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg hover-scale">
|
||
<div class="text-sm text-purple-600 font-semibold mb-2">2025年11月初</div>
|
||
<h3 class="text-xl font-bold mb-2">资本市场爆发</h3>
|
||
<p class="text-gray-600">多篇深度解读文章密集发布，详细分析技术原理与产业影响，引发概念炒作</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white font-bold z-10 my-4 md:my-0">
|
||
<i class="fas fa-rocket"></i>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-8"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Logic -->
|
||
<section class="py-20 bg-gray-50">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-brain text-purple-600 mr-3"></i>核心逻辑分析
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
"技术+政策"双引擎驱动的范式转移
|
||
</p>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
|
||
<!-- Technology Card -->
|
||
<div class="tech-card rounded-2xl p-8 hover-scale">
|
||
<div class="bg-white rounded-full w-16 h-16 flex items-center justify-center mb-4">
|
||
<i class="fas fa-vial text-2xl text-purple-600"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">技术驱动的范式转移</h3>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>消除重氮盐爆炸风险，实现本质安全</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>温和条件下实现C-N键断裂</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>工艺简化，降低生产成本</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>被辉瑞誉为"真正的杰作"</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Policy Card -->
|
||
<div class="policy-card rounded-2xl p-8 hover-scale">
|
||
<div class="bg-white rounded-full w-16 h-16 flex items-center justify-center mb-4">
|
||
<i class="fas fa-gavel text-2xl text-orange-600"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">政策驱动的强制替代</h3>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-3"></i>
|
||
<span>2025年底政策大限临近</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-3"></i>
|
||
<span>重氮化工艺必须升级改造</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-3"></i>
|
||
<span>未完成改造将停产整顿</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-exclamation-triangle text-red-500 mt-1 mr-3"></i>
|
||
<span>技术升级从"可选项"变"必选项"</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-sitemap text-purple-600 mr-3"></i>产业链图谱
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
覆盖农药、染料、颜料、香料等关键精细化工领域
|
||
</p>
|
||
|
||
<div class="max-w-6xl mx-auto">
|
||
<div class="grid md:grid-cols-4 gap-6 mb-12">
|
||
<div class="text-center">
|
||
<div class="bg-purple-100 rounded-lg p-6 hover-scale">
|
||
<i class="fas fa-flask text-4xl text-purple-600 mb-4"></i>
|
||
<h3 class="font-bold mb-2">上游原料</h3>
|
||
<p class="text-sm text-gray-600">苯、硝酸等基础化工</p>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="bg-purple-200 rounded-lg p-6 hover-scale">
|
||
<i class="fas fa-industry text-4xl text-purple-700 mb-4"></i>
|
||
<h3 class="font-bold mb-2">中游生产</h3>
|
||
<p class="text-sm text-gray-700">芳香胺及衍生物</p>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="bg-purple-300 rounded-lg p-6 hover-scale">
|
||
<i class="fas fa-palette text-4xl text-purple-800 mb-4"></i>
|
||
<h3 class="font-bold mb-2">下游应用</h3>
|
||
<p class="text-sm text-gray-800">农药、染料、颜料</p>
|
||
</div>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="bg-purple-400 rounded-lg p-6 hover-scale">
|
||
<i class="fas fa-leaf text-4xl text-white mb-4"></i>
|
||
<h3 class="font-bold mb-2 text-white">终端市场</h3>
|
||
<p class="text-sm text-gray-100">农化、纺织、涂料</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Stocks Table -->
|
||
<section class="py-20 bg-gray-50">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-chart-pie text-purple-600 mr-3"></i>核心公司分析
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
深度解析产业链关键玩家
|
||
</p>
|
||
|
||
<div class="bg-white rounded-2xl shadow-xl p-6 max-w-7xl mx-auto">
|
||
<div class="table-scroll">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr class="bg-gradient-to-r from-purple-600 to-purple-800 text-white">
|
||
<th class="px-6 py-4 text-left rounded-tl-lg">公司名称</th>
|
||
<th class="px-6 py-4 text-left">分类/逻辑</th>
|
||
<th class="px-6 py-4 text-left">竞争优势</th>
|
||
<th class="px-6 py-4 text-left">潜在风险</th>
|
||
<th class="px-6 py-4 text-center rounded-tr-lg">相关性评级</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">扬农化工</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">农药龙头</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">产品线涵盖芳香胺系列衍生物，具备升级动力和财力</td>
|
||
<td class="px-6 py-4 text-sm">业务体量大，新工艺业绩弹性相对较小</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">浙江龙盛</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">染料龙头</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">年产7万吨芳香胺，升级需求最迫切</td>
|
||
<td class="px-6 py-4 text-sm">传统工艺体量大，转型存在不确定性</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">巍华新材</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-orange-100 text-orange-800 px-3 py-1 rounded-full text-sm">技术领先</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">已成功应用万吨级微通道反应器，技术理解能力强</td>
|
||
<td class="px-6 py-4 text-sm">可能继续优化现有技术，接纳新技术意愿存疑</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">美瑞新材</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-red-100 text-red-800 px-3 py-1 rounded-full text-sm">纯芳香胺</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">产品包括PNA和PPDA，概念最纯粹的芳香胺标的</td>
|
||
<td class="px-6 py-4 text-sm">公司体量较小，抗风险能力较弱</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">百诚医药</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">合作桥梁</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">与杭高院共建研发中心，具备独特合作优势</td>
|
||
<td class="px-6 py-4 text-sm">关联性为间接，具体合作存在不确定性</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition">
|
||
<td class="px-6 py-4 font-semibold text-purple-600">百合花</td>
|
||
<td class="px-6 py-4">
|
||
<span class="bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">工艺优化</span>
|
||
</td>
|
||
<td class="px-6 py-4 text-sm">通过工艺优化提升重氮化反应安全性和稳定性</td>
|
||
<td class="px-6 py-4 text-sm">属于改良派而非革命派，逻辑匹配度较低</td>
|
||
<td class="px-6 py-4 text-center">
|
||
<div class="flex justify-center">
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-yellow-400"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
<i class="fas fa-star text-gray-300"></i>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risk & Opportunity -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-balance-scale text-purple-600 mr-3"></i>风险与机遇
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
理性评估投资机会，把握关键转折点
|
||
</p>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
|
||
<!-- Risk Card -->
|
||
<div class="risk-card rounded-2xl p-8 hover-scale">
|
||
<div class="bg-white rounded-full w-16 h-16 flex items-center justify-center mb-4">
|
||
<i class="fas fa-exclamation-triangle text-2xl text-red-600"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">潜在风险</h3>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-times-circle text-red-500 mt-1 mr-3"></i>
|
||
<span>实验室到工厂的技术转化风险</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-times-circle text-red-500 mt-1 mr-3"></i>
|
||
<span>新技术与现有合规路径的成本博弈</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-times-circle text-red-500 mt-1 mr-3"></i>
|
||
<span>概念混淆导致的投资误判</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-times-circle text-red-500 mt-1 mr-3"></i>
|
||
<span>国际贸易摩擦影响出口业务</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Opportunity Card -->
|
||
<div class="opportunity-card rounded-2xl p-8 hover-scale">
|
||
<div class="bg-white rounded-full w-16 h-16 flex items-center justify-center mb-4">
|
||
<i class="fas fa-lightbulb text-2xl text-green-600"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">投资机遇</h3>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>2025年底政策大限催化</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>技术合作公告的验证信号</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>龙头企业确定性升级需求</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>全球技术输出的长期潜力</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Metrics -->
|
||
<section class="py-20 bg-gradient-to-r from-purple-700 to-purple-900 text-white">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-12">
|
||
<i class="fas fa-chart-bar mr-3"></i>核心数据指标
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-4 gap-6 max-w-6xl mx-auto">
|
||
<div class="text-center glass-effect rounded-xl p-6 hover-scale">
|
||
<div class="text-5xl font-bold mb-2">2025年底</div>
|
||
<p class="text-lg">政策改造大限</p>
|
||
</div>
|
||
<div class="text-center glass-effect rounded-xl p-6 hover-scale">
|
||
<div class="text-5xl font-bold mb-2">7万吨</div>
|
||
<p class="text-lg">浙江龙盛芳香胺产能</p>
|
||
</div>
|
||
<div class="text-center glass-effect rounded-xl p-6 hover-scale">
|
||
<div class="text-5xl font-bold mb-2">50天</div>
|
||
<p class="text-lg">Nature创纪录发表速度</p>
|
||
</div>
|
||
<div class="text-center glass-effect rounded-xl p-6 hover-scale">
|
||
<div class="text-5xl font-bold mb-2">4/4</div>
|
||
<p class="text-lg">审稿人一致高度评价</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Strategy -->
|
||
<section class="py-20 bg-gray-50">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-4xl font-bold text-center mb-4 text-gray-800">
|
||
<i class="fas fa-chess text-purple-600 mr-3"></i>投资策略
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">
|
||
从"淘金"到"卖铲"的智慧选择
|
||
</p>
|
||
|
||
<div class="max-w-4xl mx-auto">
|
||
<div class="bg-gradient-to-r from-yellow-400 to-orange-500 rounded-2xl p-8 text-white">
|
||
<h3 class="text-2xl font-bold mb-6">
|
||
<i class="fas fa-star mr-2"></i>核心投资启示
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="text-xl font-semibold mb-3">拥抱确定性</h4>
|
||
<ul class="space-y-2">
|
||
<li>• 扬农化工、浙江龙盛等龙头</li>
|
||
<li>• 政策"必答题"考生</li>
|
||
<li>• 最稳固的参与者</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-semibold mb-3">布局未来</h4>
|
||
<ul class="space-y-2">
|
||
<li>• 百诚医药技术桥梁</li>
|
||
<li>• 巍华新材工艺领先</li>
|
||
<li>• "卖铲人"逻辑</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-8 bg-white rounded-2xl shadow-lg p-8">
|
||
<h3 class="text-2xl font-bold mb-6 text-gray-800">
|
||
<i class="fas fa-eye mr-2 text-purple-600"></i>需重点跟踪指标
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="flex items-center p-4 bg-purple-50 rounded-lg">
|
||
<i class="fas fa-file-signature text-2xl text-purple-600 mr-4"></i>
|
||
<div>
|
||
<h4 class="font-semibold">技术授权公告</h4>
|
||
<p class="text-sm text-gray-600">判断概念虚实的关键</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center p-4 bg-blue-50 rounded-lg">
|
||
<i class="fas fa-calendar-check text-2xl text-blue-600 mr-4"></i>
|
||
<div>
|
||
<h4 class="font-semibold">年底合规进展</h4>
|
||
<p class="text-sm text-gray-600">验证政策执行力度</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center p-4 bg-green-50 rounded-lg">
|
||
<i class="fas fa-flask text-2xl text-green-600 mr-4"></i>
|
||
<div>
|
||
<h4 class="font-semibold">中试项目进展</h4>
|
||
<p class="text-sm text-gray-600">技术落地第一信号</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center p-4 bg-orange-50 rounded-lg">
|
||
<i class="fas fa-chart-line text-2xl text-orange-600 mr-4"></i>
|
||
<div>
|
||
<h4 class="font-semibold">产品价差变化</h4>
|
||
<p class="text-sm text-gray-600">成本优势体现</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-gray-900 text-white py-12">
|
||
<div class="container mx-auto px-4">
|
||
<div class="flex flex-col md:flex-row justify-between items-center">
|
||
<div class="mb-6 md:mb-0">
|
||
<h3 class="text-2xl font-bold mb-2">芳香胺概念分析</h3>
|
||
<p class="text-gray-400">专业、深度、及时的投资洞察</p>
|
||
</div>
|
||
<div class="flex space-x-6">
|
||
<a href="#" class="hover:text-purple-400 transition">
|
||
<i class="fab fa-twitter text-2xl"></i>
|
||
</a>
|
||
<a href="#" class="hover:text-purple-400 transition">
|
||
<i class="fab fa-linkedin text-2xl"></i>
|
||
</a>
|
||
<a href="#" class="hover:text-purple-400 transition">
|
||
<i class="fab fa-github text-2xl"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
||
<p>© 2025 芳香胺投资分析. All rights reserved.</p>
|
||
<p class="mt-2 text-sm">数据来源：公开信息整理 | 投资有风险，入市需谨慎</p>
|
||
</div>
|
||
</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'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Add animation on scroll
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(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 = 'all 0.6s ease-out';
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |