626 lines
28 KiB
HTML
626 lines
28 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>AI4S：人工智能驱动的科学研究 - 第五范式</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
||
<style>
|
||
:root {
|
||
--primary-color: #2563eb;
|
||
--secondary-color: #7c3aed;
|
||
--accent-color: #06b6d4;
|
||
--dark-bg: #1e293b;
|
||
--light-bg: #f8fafc;
|
||
}
|
||
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||
background-color: var(--light-bg);
|
||
color: #334155;
|
||
}
|
||
|
||
.hero-section {
|
||
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
|
||
color: white;
|
||
padding: 4rem 0;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,133.3C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
|
||
background-size: cover;
|
||
}
|
||
|
||
.section-title {
|
||
font-weight: 700;
|
||
color: var(--dark-bg);
|
||
position: relative;
|
||
padding-bottom: 1rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.section-title::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 60px;
|
||
height: 4px;
|
||
background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.timeline-card {
|
||
border-left: 3px solid var(--primary-color);
|
||
padding-left: 1.5rem;
|
||
margin-bottom: 2rem;
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -8px;
|
||
top: 0;
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 50%;
|
||
background-color: var(--primary-color);
|
||
border: 3px solid white;
|
||
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
|
||
}
|
||
|
||
.stat-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 1.5rem;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
height: 100%;
|
||
}
|
||
|
||
.stat-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
color: var(--primary-color);
|
||
line-height: 1;
|
||
}
|
||
|
||
.stock-table {
|
||
background: white;
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
|
||
}
|
||
|
||
.stock-table th {
|
||
background-color: var(--dark-bg);
|
||
color: white;
|
||
font-weight: 600;
|
||
padding: 1rem;
|
||
border: none;
|
||
}
|
||
|
||
.stock-table td {
|
||
padding: 1rem;
|
||
vertical-align: middle;
|
||
border-color: #e2e8f0;
|
||
}
|
||
|
||
.badge-category {
|
||
font-size: 0.875rem;
|
||
padding: 0.375rem 0.75rem;
|
||
border-radius: 20px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.badge-business {
|
||
background-color: #dbeafe;
|
||
color: #1e40af;
|
||
}
|
||
|
||
.badge-related {
|
||
background-color: #e9d5ff;
|
||
color: #6b21a8;
|
||
}
|
||
|
||
.pathway-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 1.5rem;
|
||
margin-bottom: 1.5rem;
|
||
border-left: 4px solid;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.pathway-card.stage-1 {
|
||
border-left-color: #10b981;
|
||
}
|
||
|
||
.pathway-card.stage-2 {
|
||
border-left-color: #3b82f6;
|
||
}
|
||
|
||
.pathway-card.stage-3 {
|
||
border-left-color: #8b5cf6;
|
||
}
|
||
|
||
.risk-card {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 1.5rem;
|
||
margin-bottom: 1rem;
|
||
border: 1px solid #e2e8f0;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.risk-card:hover {
|
||
border-color: var(--primary-color);
|
||
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
|
||
}
|
||
|
||
.insight-box {
|
||
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
|
||
border-radius: 12px;
|
||
padding: 2rem;
|
||
margin-bottom: 2rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.insight-box::before {
|
||
content: '"';
|
||
position: absolute;
|
||
top: -20px;
|
||
left: 20px;
|
||
font-size: 120px;
|
||
color: rgba(0, 0, 0, 0.05);
|
||
font-family: Georgia, serif;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.hero-section {
|
||
padding: 2rem 0;
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 2rem;
|
||
}
|
||
|
||
.stock-table {
|
||
font-size: 0.875rem;
|
||
}
|
||
|
||
.stock-table th,
|
||
.stock-table td {
|
||
padding: 0.5rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- Hero Section -->
|
||
<section class="hero-section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-8">
|
||
<h1 class="display-4 fw-bold mb-3">AI4S：人工智能驱动的科学研究</h1>
|
||
<p class="lead mb-0">科学研究的第五范式，从知识归纳到知识创造的革命性跃迁</p>
|
||
</div>
|
||
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
|
||
<div class="d-flex flex-column align-items-lg-end">
|
||
<div class="stat-card bg-white bg-opacity-10 text-white mb-3">
|
||
<div class="stat-number">1400亿$</div>
|
||
<div class="small">预计市场规模</div>
|
||
</div>
|
||
<div class="stat-card bg-white bg-opacity-10 text-white">
|
||
<div class="stat-number">25%</div>
|
||
<div class="small">研发渗透率目标</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Executive Summary -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<h2 class="section-title">核心观点摘要</h2>
|
||
<div class="insight-box">
|
||
<p class="mb-0 fs-5">
|
||
AI4S作为科学研究的第五范式，正处于从概念验证向规模化商业化过渡的关键阶段。其核心驱动力在于AI技术与量子计算的结合带来的计算能力革命性提升，以及自动化实验平台形成的数据-算法-实验闭环。随着渗透率从当前的<strong>2.5%</strong>向<strong>25%</strong>迈进，AI4S有望从目前的约<strong>149亿美元</strong>市场成长为年产值突破<strong>1400亿美元</strong>的巨大产业，中国凭借完整的产业链和丰富的应用场景，有望诞生全球领先的AI4S企业。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="py-5 bg-white">
|
||
<div class="container">
|
||
<h2 class="section-title">概念发展时间轴</h2>
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2023年</h5>
|
||
<ul class="mb-0">
|
||
<li>诺贝尔化学奖授予基于AI4S的蛋白质折叠研究</li>
|
||
<li>微观纪元与阿尔法纳生物合作研发micro RNA药物设计平台</li>
|
||
</ul>
|
||
</div>
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2023年12月</h5>
|
||
<ul class="mb-0">
|
||
<li>宁德时代在香港设立国际研发中心，聚焦AI4S</li>
|
||
</ul>
|
||
</div>
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2024年</h5>
|
||
<ul class="mb-0">
|
||
<li>英伟达GTC大会将AI4S列为AI三大关键方向</li>
|
||
<li>DeepSeek模型问世，降低AI4S技术门槛</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2024年8月</h5>
|
||
<ul class="mb-0">
|
||
<li>晶泰科技与协鑫集团签署5年战略合作，金额约<strong>10亿元</strong></li>
|
||
<li>深势科技与东阳光科技成立AI4S新材料研发联合实验室</li>
|
||
</ul>
|
||
</div>
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2025年2-3月</h5>
|
||
<ul class="mb-0">
|
||
<li>镁伽科技推出LABILLION™实验室智慧管理平台</li>
|
||
<li>深度原理完成<strong>亿元级</strong>Pre-A轮融资</li>
|
||
<li>志特新材与量子科技长三角产业创新中心等达成战略合作</li>
|
||
</ul>
|
||
</div>
|
||
<div class="timeline-card">
|
||
<h5 class="text-primary">2025年4月</h5>
|
||
<ul class="mb-0">
|
||
<li>志特新材与中国科学技术大学共建"功能材料智创实验室"</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Logic Section -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<h2 class="section-title">核心驱动力分析</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="stat-card">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-primary bg-opacity-10 rounded-circle p-3 me-3">
|
||
<i class="bi bi-cpu text-primary fs-4"></i>
|
||
</div>
|
||
<h5 class="mb-0">技术突破</h5>
|
||
</div>
|
||
<ul class="mb-0">
|
||
<li>新一代AI神经网络机制</li>
|
||
<li>量子计算赋能（指数级计算能力提升）</li>
|
||
<li>自动化实验平台（7×24小时高效运行）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="stat-card">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-secondary bg-opacity-10 rounded-circle p-3 me-3">
|
||
<i class="bi bi-graph-up text-secondary fs-4"></i>
|
||
</div>
|
||
<h5 class="mb-0">产业需求</h5>
|
||
</div>
|
||
<ul class="mb-0">
|
||
<li>研发效率瓶颈（药物研发从4-5年缩短至12个月）</li>
|
||
<li>复杂系统挑战（多性能耦合、多元素合金体系）</li>
|
||
<li>产业升级需求（新能源、半导体等战略性产业）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="stat-card">
|
||
<div class="d-flex align-items-center mb-3">
|
||
<div class="bg-info bg-opacity-10 rounded-circle p-3 me-3">
|
||
<i class="bi bi-currency-dollar text-info fs-4"></i>
|
||
</div>
|
||
<h5 class="mb-0">商业化成熟</h5>
|
||
</div>
|
||
<ul class="mb-0">
|
||
<li>算力成本下降（DeepSeek算力降至原1/10）</li>
|
||
<li>数据积累丰富（百万量级高质量材料数据）</li>
|
||
<li>商业模式清晰（技术服务、联合实验室、产品销售）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Table -->
|
||
<section class="py-5 bg-white">
|
||
<div class="container">
|
||
<h2 class="section-title">相关股票数据</h2>
|
||
<div class="table-responsive">
|
||
<table class="table stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>项目</th>
|
||
<th>消息来源</th>
|
||
<th>关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>晶泰控股（港）</strong></td>
|
||
<td><span class="badge badge-category badge-business">业务相关</span></td>
|
||
<td>AI+、机器人+的医药、材料等领域应用，晶体结构预测模型CSP、自由能微扰算法FEP等超过200个AI垂类模型</td>
|
||
<td>公开资料</td>
|
||
<td>产品涉及AI+、机器人+的医药、材料等领域应用，已积累晶体结构预测模型CSP、自由能微扰算法FEP等超过200个AI垂类模型</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>直真科技</strong></td>
|
||
<td><span class="badge badge-category badge-business">业务相关</span></td>
|
||
<td>联合重庆市科学技术研究院研发"知算"平台，已完成局部测试</td>
|
||
<td>官微</td>
|
||
<td>联合重庆市科学技术研究院针对AI4S主导研发"知算"平台，已完成局部测试，有望年内发布</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>志特新材</strong></td>
|
||
<td><span class="badge badge-category badge-business">业务相关</span></td>
|
||
<td>与中科大实验室共建AI for Science平台，新材料研发与产业落地，已签4200万美元海外大单</td>
|
||
<td>官微</td>
|
||
<td>与中科大实验室共建AI for Science平台进行新材料研发与产业落地，AI4S业务已签订4200万美元海外大单</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>七匹狼</strong></td>
|
||
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
|
||
<td>投资北京深势科技（持股0.58%），构建"深势·宇知AI for Science大模型体系"</td>
|
||
<td>互动/官网</td>
|
||
<td>苏州悦享股权投资合伙企业投资北京深势科技，持股比例0.58%，北京深势科技构建了"深势·宇知AI for Science大模型体系"</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>恩华药业</strong></td>
|
||
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
|
||
<td>与深势科技战略合作，基于AI+分子模拟的药物设计平台</td>
|
||
<td>公开资料</td>
|
||
<td>与深势科技达成战略合作，利用临床前计算机辅助药物设计平台，将AI+分子模拟的计算范式深度融合到合作研发项目中</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>并行科技</strong></td>
|
||
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
|
||
<td>与深势科技共建"微观尺度工业基础设施"，发布深势宇知®大模型体系</td>
|
||
<td>公开资料</td>
|
||
<td>与深势科技及多家产业链伙伴共建"微观尺度工业基础设施"，发布了深势宇知®大模型体系</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Future Development Path -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<h2 class="section-title">未来发展路径</h2>
|
||
<div class="pathway-card stage-1">
|
||
<div class="d-flex align-items-start">
|
||
<div class="bg-success bg-opacity-10 rounded-circle p-2 me-3 mt-1">
|
||
<i class="bi bi-1-circle-fill text-success"></i>
|
||
</div>
|
||
<div>
|
||
<h5 class="text-success">第一阶段（当前-2026年）：技术验证与商业模式探索</h5>
|
||
<p class="mb-2">AI4S技术在不同领域进行验证，商业模式逐步清晰，头部企业开始形成。</p>
|
||
<ul class="mb-0">
|
||
<li>药物研发领域渗透率从2.5%提升至5%左右</li>
|
||
<li>材料研发成为第二个重点应用领域</li>
|
||
<li>量子计算与AI4S结合开始小规模验证</li>
|
||
<li>市场规模：约300-500亿美元</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pathway-card stage-2">
|
||
<div class="d-flex align-items-start">
|
||
<div class="bg-primary bg-opacity-10 rounded-circle p-2 me-3 mt-1">
|
||
<i class="bi bi-2-circle-fill text-primary"></i>
|
||
</div>
|
||
<div>
|
||
<h5 class="text-primary">第二阶段（2026-2030年）：规模化应用与产业生态形成</h5>
|
||
<p class="mb-2">AI4S技术在多个行业实现规模化应用，形成完整产业生态，量子计算开始商业化。</p>
|
||
<ul class="mb-0">
|
||
<li>药物研发渗透率提升至15%，材料研发达到10%</li>
|
||
<li>量子计算实现初步商业化</li>
|
||
<li>形成完整产业生态</li>
|
||
<li>市场规模：约800-1000亿美元</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pathway-card stage-3">
|
||
<div class="d-flex align-items-start">
|
||
<div class="bg-purple bg-opacity-10 rounded-circle p-2 me-3 mt-1">
|
||
<i class="bi bi-3-circle-fill text-purple" style="color: #8b5cf6;"></i>
|
||
</div>
|
||
<div>
|
||
<h5 class="text-purple" style="color: #8b5cf6;">第三阶段（2030-2035年）：全面普及与范式变革</h5>
|
||
<p class="mb-2">AI4S成为科学研究的标准范式，量子计算与AI4S深度融合，实现从"知识应用"到"知识创新"的跃迁。</p>
|
||
<ul class="mb-0">
|
||
<li>研发环节渗透率达到25%，市场规模突破1400亿美元</li>
|
||
<li>量子计算与AI4S结合发挥主导作用</li>
|
||
<li>推动多个领域实现重大科学突破</li>
|
||
<li>中国诞生1-2家全球AI4S龙头企业</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks and Challenges -->
|
||
<section class="py-5 bg-white">
|
||
<div class="container">
|
||
<h2 class="section-title">潜在风险与挑战</h2>
|
||
<div class="row g-3">
|
||
<div class="col-md-6">
|
||
<div class="risk-card">
|
||
<h6 class="text-danger mb-3"><i class="bi bi-exclamation-triangle me-2"></i>技术风险</h6>
|
||
<ul class="mb-0">
|
||
<li>数据质量与数量不足（极端工况数据缺乏）</li>
|
||
<li>模型可解释性差（"黑盒"特性限制应用）</li>
|
||
<li>多尺度建模难度大（原子到宏观尺度耦合）</li>
|
||
<li>量子计算技术不成熟（2030年初步商业化）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="risk-card">
|
||
<h6 class="text-warning mb-3"><i class="bi bi-currency-exchange me-2"></i>商业化风险</h6>
|
||
<ul class="mb-0">
|
||
<li>成本高企（算力和自动化实验投入大）</li>
|
||
<li>市场接受度不足（AI交互准确率需>90%）</li>
|
||
<li>应用场景有限（药物研发为主，其他领域探索中）</li>
|
||
<li>商业模式不成熟（定价和价值分享机制待完善）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="risk-card">
|
||
<h6 class="text-info mb-3"><i class="bi bi-shield-exclamation me-2"></i>政策与竞争风险</h6>
|
||
<ul class="mb-0">
|
||
<li>技术出口管制（中美科技竞争背景）</li>
|
||
<li>数据安全与隐私保护（生物医药数据敏感）</li>
|
||
<li>行业竞争加剧（更多企业进入AI4S领域）</li>
|
||
<li>人才竞争激烈（复合型人才稀缺）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="risk-card">
|
||
<h6 class="text-secondary mb-3"><i class="bi bi-graph-down me-2"></i>预期差风险</h6>
|
||
<ul class="mb-0">
|
||
<li>技术成熟度预期差（市场高估当前成熟度）</li>
|
||
<li>商业化进度预期差（实际进程慢于预期）</li>
|
||
<li>量子计算结合预期差（短期可行性被高估）</li>
|
||
<li>中国优势实现预期差（原创能力不足）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Insights -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<h2 class="section-title">投资启示</h2>
|
||
<div class="row g-4">
|
||
<div class="col-lg-4">
|
||
<div class="stat-card">
|
||
<h5 class="text-primary mb-3">投资阶段判断</h5>
|
||
<p>AI4S概念已从纯主题炒作阶段进入基本面驱动阶段。投资者应关注具有实质性业务进展和技术壁垒的企业，而非纯概念炒作。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="stat-card">
|
||
<h5 class="text-secondary mb-3">最具投资价值方向</h5>
|
||
<ul class="mb-0">
|
||
<li>AI4S技术平台（晶泰科技、深势科技）</li>
|
||
<li>自动化实验设备（镁伽科技）</li>
|
||
<li>行业解决方案（药物、材料研发）</li>
|
||
<li>量子计算+AI4S（微观纪元）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="stat-card">
|
||
<h5 class="text-info mb-3">投资策略建议</h5>
|
||
<ul class="mb-0">
|
||
<li>长期布局，关注技术壁垒企业</li>
|
||
<li>分阶段投资，根据发展进程调整</li>
|
||
<li>风险控制，分散投资避免过度集中</li>
|
||
<li>关注中国优势企业，但重视原创技术</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-dark text-white py-4 mt-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p class="mb-0">© 2025 AI4S概念分析 | 人工智能驱动的科学研究</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p class="mb-0">数据来源：公开资料、公司公告、行业研报</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<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 -100px 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);
|
||
|
||
// Observe all cards and sections
|
||
document.querySelectorAll('.stat-card, .timeline-card, .pathway-card, .risk-card').forEach(el => {
|
||
el.style.opacity = '0';
|
||
el.style.transform = 'translateY(20px)';
|
||
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|