feat: 10.10线上最新代码提交
This commit is contained in:
zdl
861
public/htmls/沙特合作.html
Normal file
861
public/htmls/沙特合作.html
Normal file
@@ -0,0 +1,861 @@
|
||||
|
||||
<!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">
|
||||
<title>沙特合作概念分析报告</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||||
<!-- Font Awesome Icons -->
|
||||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||||
<!-- Tailwind CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<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>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||||
background: linear-gradient(135deg, #1a2980, #26d0ce);
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.glass-effect {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.timeline-dot {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background-color: #3b82f6;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 20px;
|
||||
bottom: -20px;
|
||||
width: 2px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.industry-badge {
|
||||
display: inline-block;
|
||||
padding: 4px 12px;
|
||||
border-radius: 9999px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.industry-光伏 {
|
||||
background-color: rgba(251, 191, 36, 0.2);
|
||||
color: #d97706;
|
||||
}
|
||||
|
||||
.industry-传统能源 {
|
||||
background-color: rgba(239, 68, 68, 0.2);
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.industry-基建 {
|
||||
background-color: rgba(16, 185, 129, 0.2);
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
.industry-材料 {
|
||||
background-color: rgba(139, 92, 246, 0.2);
|
||||
color: #7e22ce;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
background: linear-gradient(90deg, #1e3a8a, #3b82f6);
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem 0.5rem 0 0;
|
||||
}
|
||||
|
||||
.highlight-box {
|
||||
background: rgba(59, 130, 246, 0.15);
|
||||
border-left: 4px solid #3b82f6;
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.mermaid {
|
||||
text-align: center;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.mermaid-container {
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#particles-js {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="text-gray-800">
|
||||
<div id="particles-js"></div>
|
||||
|
||||
<div class="container mx-auto px-4 py-8 max-w-6xl">
|
||||
<!-- 标题区域 -->
|
||||
<div class="glass-effect p-6 mb-8 text-center">
|
||||
<h1 class="text-4xl font-bold text-white mb-2">沙特合作概念分析</h1>
|
||||
<p class="text-blue-100 text-lg">石油美元转型的十年级机会</p>
|
||||
<div class="mt-4 flex justify-center space-x-4">
|
||||
<span class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm">新能源</span>
|
||||
<span class="bg-green-500 text-white px-3 py-1 rounded-full text-sm">基建</span>
|
||||
<span class="bg-yellow-500 text-white px-3 py-1 rounded-full text-sm">石化</span>
|
||||
<span class="bg-purple-500 text-white px-3 py-1 rounded-full text-sm">科技</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 概念事件和时间轴 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">概念事件与时间轴</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">背景与催化事件</h3>
|
||||
<p class="text-gray-200 mb-4">沙特合作概念源于沙特"2030愿景"（2016年发布）与中国"一带一路"倡议的战略对接，核心是通过能源、基建、科技、金融等领域的深度合作，推动沙特经济多元化转型。</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="highlight-box">
|
||||
<h4 class="font-semibold text-blue-300">关键催化事件</h4>
|
||||
<ul class="mt-2 space-y-2 text-sm text-gray-200">
|
||||
<li>• <strong>2023年3月</strong>：中国斡旋沙特-伊朗和解</li>
|
||||
<li>• <strong>2023年12月</strong>：中沙签署《全面战略伙伴关系协议》</li>
|
||||
<li>• <strong>2024年7月</strong>：PIF与中企成立合资公司</li>
|
||||
<li>• <strong>2025年4月</strong>：沙特阿美与比亚迪合作新能源车</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="highlight-box">
|
||||
<h4 class="font-semibold text-blue-300">核心数据</h4>
|
||||
<ul class="mt-2 space-y-2 text-sm text-gray-200">
|
||||
<li>• 沙特主权基金规模：<strong>9250亿美元</strong></li>
|
||||
<li>• 沙特新能源装机目标：<strong>130GW</strong></li>
|
||||
<li>• 沙特非石油出口占比目标：<strong>50%</strong></li>
|
||||
<li>• 沙特投资计划总额：<strong>3.3万亿美元</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-4 text-white">时间轴</h3>
|
||||
<div class="relative">
|
||||
<div class="timeline-line"></div>
|
||||
|
||||
<div class="relative flex mb-8">
|
||||
<div class="timeline-dot mr-4 mt-1"></div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-semibold text-white">2016年</h4>
|
||||
<p class="text-gray-300 text-sm">沙特发布"2030愿景"，提出经济多元化目标</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative flex mb-8">
|
||||
<div class="timeline-dot mr-4 mt-1"></div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-semibold text-white">2023年3月</h4>
|
||||
<p class="text-gray-300 text-sm">沙特-伊朗在北京和解，中国中东影响力提升</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative flex mb-8">
|
||||
<div class="timeline-dot mr-4 mt-1"></div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-semibold text-white">2023年12月</h4>
|
||||
<p class="text-gray-300 text-sm">中沙峰会签署25年合作协议，PIF投资中国新能源</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative flex mb-8">
|
||||
<div class="timeline-dot mr-4 mt-1"></div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-semibold text-white">2024年7月</h4>
|
||||
<p class="text-gray-300 text-sm">PIF与TCL中环、晶科能源合资建厂，沙特光伏装机目标9.5GW→58.7GW</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative flex">
|
||||
<div class="timeline-dot mr-4 mt-1"></div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-semibold text-white">2025年4月</h4>
|
||||
<p class="text-gray-300 text-sm">沙特阿美与比亚迪合作新能源车技术，沙特NEOM项目引入中国自动驾驶企业</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心观点摘要 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">核心观点摘要</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div class="bg-blue-900 bg-opacity-30 p-4 rounded-lg border border-blue-500 border-opacity-30">
|
||||
<div class="text-blue-300 text-5xl mb-2">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-white mb-2">阶段判断</h3>
|
||||
<p class="text-gray-200 text-sm">沙特合作已从"政策蜜月期"进入<strong class="text-yellow-300">产业落地期</strong>，新能源、基建、石化是三大主线</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-green-900 bg-opacity-30 p-4 rounded-lg border border-green-500 border-opacity-30">
|
||||
<div class="text-green-300 text-5xl mb-2">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-white mb-2">核心驱动力</h3>
|
||||
<p class="text-gray-200 text-sm">沙特<strong class="text-yellow-300">3.3万亿美元投资计划</strong>+中国<strong class="text-yellow-300">技术+产能输出</strong>需求，形成"资金-技术-市场"闭环</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-purple-900 bg-opacity-30 p-4 rounded-lg border border-purple-500 border-opacity-30">
|
||||
<div class="text-purple-300 text-5xl mb-2">
|
||||
<i class="fas fa-rocket"></i>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-white mb-2">未来潜力</h3>
|
||||
<p class="text-gray-200 text-sm">2030年前沙特非石油出口占比需从16%提升至50%，对应<strong class="text-yellow-300">年均千亿级美元</strong>合作空间</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心逻辑与市场认知分析 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">核心逻辑与市场认知分析</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">核心驱动力</h3>
|
||||
|
||||
<div class="mb-4">
|
||||
<h4 class="font-medium text-blue-300 mb-2">沙特侧</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-200">
|
||||
<li>• <strong>资金端</strong>：PIF管理规模<strong>9250亿美元</strong>（2024年），计划2030年增至2万亿</li>
|
||||
<li>• <strong>需求端</strong>：2030愿景要求<strong>130GW新能源装机</strong>（当前仅2.6GW），<strong>1500万吨/年炼化缺口</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="font-medium text-blue-300 mb-2">中国侧</h4>
|
||||
<ul class="space-y-2 text-sm text-gray-200">
|
||||
<li>• <strong>技术输出</strong>：光伏（TCL中环）、储能（阳光电源）、自动驾驶（文远知行）具备全球竞争力</li>
|
||||
<li>• <strong>产能消化</strong>：国内新能源产业链过剩，沙特提供<strong>高溢价市场</strong>（光伏电价0.07元/度 vs 国内0.3元/度）</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">市场热度与情绪</h3>
|
||||
|
||||
<div class="mb-4">
|
||||
<h4 class="font-medium text-blue-300 mb-2">研报密度</h4>
|
||||
<p class="text-sm text-gray-200">2024年6-7月集中发布<strong>12篇</strong>沙特主题报告（华泰、海通、中信等），热度接近2023年"中特估"</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="font-medium text-blue-300 mb-2">情绪分化</h4>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
|
||||
<div class="bg-green-900 bg-opacity-30 p-3 rounded-lg">
|
||||
<h5 class="font-medium text-green-300 text-sm mb-1">乐观派</h5>
|
||||
<p class="text-xs text-gray-200">看好"石油美元→新能源美元"转换（如PIF投资中国光伏）</p>
|
||||
</div>
|
||||
<div class="bg-red-900 bg-opacity-30 p-3 rounded-lg">
|
||||
<h5 class="font-medium text-red-300 text-sm mb-1">谨慎派</h5>
|
||||
<p class="text-xs text-gray-200">担忧沙特政策反复（如2024年突然收紧外资持股上限至49%）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">预期差分析</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg overflow-hidden">
|
||||
<thead>
|
||||
<tr class="bg-gray-700 bg-opacity-50">
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">市场共识</th>
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">被忽略的关键点</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特新能源需求爆发</td>
|
||||
<td class="py-3 px-4 text-sm text-yellow-300"><strong>本地化率要求75%</strong>（2025年风电设备需本地生产，中国企业需合资建厂）</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-gray-300">石化合作仅限原油采购</td>
|
||||
<td class="py-3 px-4 text-sm text-yellow-300"><strong>技术反向输出</strong>：沙特阿美引入中国"原油直接制化工品"技术（浙石化模式）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">基建合作以EPC为主</td>
|
||||
<td class="py-3 px-4 text-sm text-yellow-300"><strong>运营权争夺</strong>：中国铁建、中国建筑已中标NEOM项目<strong>运营权</strong>（非单纯施工）</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关键催化剂与未来发展路径 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">关键催化剂与未来发展路径</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">近期催化剂（3-6个月）</h3>
|
||||
<div class="space-y-3">
|
||||
<div class="bg-blue-900 bg-opacity-30 p-3 rounded-lg border-l-4 border-blue-500">
|
||||
<h4 class="font-medium text-blue-300 text-sm">2025年Q3</h4>
|
||||
<p class="text-xs text-gray-200 mt-1">荣盛石化SASREF项目<strong>50%股权交割</strong>（对价<strong>246亿元</strong>），验证"技术换市场"逻辑</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-blue-900 bg-opacity-30 p-3 rounded-lg border-l-4 border-blue-500">
|
||||
<h4 class="font-medium text-blue-300 text-sm">2025年10月</h4>
|
||||
<p class="text-xs text-gray-200 mt-1">沙特<strong>NEOM新城</strong>首批光伏订单落地（预计<strong>5GW</strong>，晶科能源、TCL中环竞标）</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-blue-900 bg-opacity-30 p-3 rounded-lg border-l-4 border-blue-500">
|
||||
<h4 class="font-medium text-blue-300 text-sm">政策窗口</h4>
|
||||
<p class="text-xs text-gray-200 mt-1">沙特拟<strong>放宽外资持股上限至100%</strong>（经济特区），利好华为、比亚迪设厂</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">长期路径（2025-2030）</h3>
|
||||
<div class="mermaid">
|
||||
<div class="mermaid-container">
|
||||
<div class="flex flex-col items-center space-y-4">
|
||||
<div class="bg-blue-500 text-white px-4 py-2 rounded-lg">2025: 新能源合资建厂</div>
|
||||
<div class="text-blue-500">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<div class="bg-blue-500 text-white px-4 py-2 rounded-lg">2027: 本地化率达标50%</div>
|
||||
<div class="text-blue-500">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<div class="bg-blue-500 text-white px-4 py-2 rounded-lg">2029: 非石油出口占比35%</div>
|
||||
<div class="text-blue-500">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<div class="bg-green-500 text-white px-4 py-2 rounded-lg">2030: 中沙贸易额突破2000亿美元</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 产业链与核心公司深度剖析 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">产业链与核心公司深度剖析</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">产业链图谱</h3>
|
||||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||||
<div class="flex flex-col md:flex-row justify-between items-center">
|
||||
<div class="text-center mb-4 md:mb-0">
|
||||
<div class="bg-yellow-500 text-white px-4 py-2 rounded-lg mb-2">上游</div>
|
||||
<p class="text-sm text-gray-300">沙特原油/天然气<br>（沙特阿美）</p>
|
||||
<div class="text-blue-400 mt-2">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<p class="text-sm text-gray-300">中国炼化<br>（荣盛石化、恒力石化）</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center mb-4 md:mb-0">
|
||||
<div class="bg-green-500 text-white px-4 py-2 rounded-lg mb-2">中游</div>
|
||||
<p class="text-sm text-gray-300">中国光伏/储能<br>（TCL中环、阳光电源）</p>
|
||||
<div class="text-blue-400 mt-2">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<p class="text-sm text-gray-300">沙特电站<br>（ACWA Power合资）</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="bg-purple-500 text-white px-4 py-2 rounded-lg mb-2">下游</div>
|
||||
<p class="text-sm text-gray-300">沙特NEOM智慧城市<br>（中国铁建、中国建筑）</p>
|
||||
<div class="text-blue-400 mt-2">
|
||||
<i class="fas fa-arrow-down"></i>
|
||||
</div>
|
||||
<p class="text-sm text-gray-300">运营权分成</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">核心玩家对比</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg overflow-hidden">
|
||||
<thead>
|
||||
<tr class="bg-gray-700 bg-opacity-50">
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">公司</th>
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">合作模式</th>
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">竞争优势</th>
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">风险点</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">荣盛石化</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特阿美入股10%+原油供应</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">浙石化4000万吨产能，技术输出沙特</td>
|
||||
<td class="py-3 px-4 text-sm text-red-300">地炼政策收紧，原油配额不足</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">TCL中环</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">PIF合资20GW硅片厂</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">全球硅片市占率<strong>35%</strong>，成本低于沙特</td>
|
||||
<td class="py-3 px-4 text-sm text-red-300">本地化率75%要求，技术外溢风险</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">阳光电源</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">全球最大储能订单（7.8GWh）</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特储能市占率<strong>60%</strong>，毛利率<strong>40%</strong></td>
|
||||
<td class="py-3 px-4 text-sm text-red-300">沙特电网消纳能力存疑</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中国铁建</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">NEOM新城EPC+运营</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">中标<strong>300亿美元</strong>项目，运营期30年</td>
|
||||
<td class="py-3 px-4 text-sm text-red-300">沙特付款周期长（平均<strong>180天</strong>）</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">验证与证伪</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="bg-red-900 bg-opacity-30 p-4 rounded-lg border border-red-500 border-opacity-30">
|
||||
<h4 class="font-medium text-red-300 mb-2">证伪信号</h4>
|
||||
<p class="text-sm text-gray-200">若2025年沙特光伏招标规模<strong><3GW</strong>（低于预期5GW），则新能源逻辑证伪</p>
|
||||
</div>
|
||||
<div class="bg-green-900 bg-opacity-30 p-4 rounded-lg border border-green-500 border-opacity-30">
|
||||
<h4 class="font-medium text-green-300 mb-2">验证信号</h4>
|
||||
<p class="text-sm text-gray-200">荣盛石化2025年沙特项目<strong>ROE>15%</strong>（对标沙特本土YASPET项目19%），验证盈利模型</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 潜在风险与挑战 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">潜在风险与挑战</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg overflow-hidden">
|
||||
<thead>
|
||||
<tr class="bg-gray-700 bg-opacity-50">
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">风险类型</th>
|
||||
<th class="py-2 px-4 text-left text-sm font-medium text-gray-300">具体表现</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">技术风险</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特高温（50℃）导致光伏组件衰减加速，需验证TCL中环<strong>N型硅片</strong>耐候性</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">商业化风险</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特劳动力成本虽低（620美元/月），但<strong>沙化率83.6%</strong>推高管理成本</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">政策风险</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">2024年沙特突然<strong>取消外资企业税收优惠</strong>（如KAEC特区），需跟踪2025年政策延续性</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">信息矛盾</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">路演称"沙特2030年风电装机58.7GW"，但沙特能源局文件仅规划<strong>40GW</strong>，存在<strong>18.7GW缺口</strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 综合结论与投资启示 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">综合结论与投资启示</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">阶段判断</h3>
|
||||
<div class="bg-blue-900 bg-opacity-30 p-4 rounded-lg">
|
||||
<p class="text-gray-200">沙特合作处于<strong class="text-yellow-300">"政策红利→订单兑现"</strong>过渡期，新能源>石化>基建</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">高价值细分</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="bg-yellow-900 bg-opacity-30 p-4 rounded-lg border border-yellow-500 border-opacity-30">
|
||||
<h4 class="font-medium text-yellow-300 mb-2">光伏硅片</h4>
|
||||
<p class="text-sm text-gray-200">TCL中环沙特合资厂（2025年投产）将享受<strong>0关税+15年免税</strong>，毛利率预计<strong>45%</strong>（vs国内25%）</p>
|
||||
</div>
|
||||
<div class="bg-green-900 bg-opacity-30 p-4 rounded-lg border border-green-500 border-opacity-30">
|
||||
<h4 class="font-medium text-green-300 mb-2">储能系统</h4>
|
||||
<p class="text-sm text-gray-200">阳光电源绑定PIF，2025年沙特储能需求<strong>15GWh</strong>（全球占比<strong>8%</strong>）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold mb-3 text-white">关键跟踪指标</h3>
|
||||
<div class="space-y-3">
|
||||
<div class="bg-purple-900 bg-opacity-30 p-3 rounded-lg">
|
||||
<h4 class="font-medium text-purple-300 text-sm">沙特光伏月度招标规模</h4>
|
||||
<p class="text-xs text-gray-200 mt-1">需≥1.5GW/月才能支撑产业链预期</p>
|
||||
</div>
|
||||
<div class="bg-purple-900 bg-opacity-30 p-3 rounded-lg">
|
||||
<h4 class="font-medium text-purple-300 text-sm">荣盛石化沙特项目原油结算价</h4>
|
||||
<p class="text-xs text-gray-200 mt-1">若高于布伦特<strong>-5美元/桶</strong>，则盈利模型成立</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 bg-gradient-to-r from-blue-800 to-purple-800 p-4 rounded-lg">
|
||||
<h3 class="text-xl font-semibold mb-2 text-white">一句话总结</h3>
|
||||
<p class="text-lg text-yellow-300 font-medium">沙特合作不是主题炒作，而是<strong>"石油美元转型"</strong>的十年级机会，核心在<strong>技术换市场</strong>的兑现节奏</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关联股票表格 -->
|
||||
<div class="glass-effect p-6 mb-8">
|
||||
<div class="card-header">
|
||||
<h2 class="text-2xl font-bold">关联股票</h2>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg overflow-hidden">
|
||||
<thead>
|
||||
<tr class="bg-gray-700 bg-opacity-50">
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-300">股票名称</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-300">行业</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-300">项目</th>
|
||||
<th class="py-3 px-4 text-left text-sm font-medium text-gray-300">原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">TCL中环</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">阳光电源</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中来股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">林洋能源</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">上海电气</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">清源股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">海南矿业</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">振江股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">晶科能源</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中信博</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-光伏">光伏</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作光伏领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">东方盛虹</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-传统能源">传统能源</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作传统能源领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">杰瑞股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-传统能源">传统能源</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作传统能源领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">荣盛石化</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-传统能源">传统能源</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作传统能源领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中油工程</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-传统能源">传统能源</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作传统能源领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">恒力石化</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-传统能源">传统能源</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作传统能源领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中钢国际</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中工国际</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">伟隆股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">立昂技术</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">朗新集团</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">通用电梯</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">杭萧钢构</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中国化学</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中国铁建</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中国建筑</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-基建">基建</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作基建领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">大连电瓷</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-材料">材料</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作材料领域业务</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-700 border-opacity-50">
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">北玻股份</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-材料">材料</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作材料领域业务</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 text-sm text-white font-medium">中天科技</td>
|
||||
<td class="py-3 px-4 text-sm"><span class="industry-badge industry-材料">材料</span></td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">沙特合作</td>
|
||||
<td class="py-3 px-4 text-sm text-gray-300">涉及沙特合作材料领域业务</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||||
<script>
|
||||
tsParticles.load("particles-js", {
|
||||
particles: {
|
||||
number: {
|
||||
value: 30,
|
||||
density: {
|
||||
enable: true,
|
||||
value_area: 800
|
||||
}
|
||||
},
|
||||
color: {
|
||||
value: "#ffffff"
|
||||
},
|
||||
shape: {
|
||||
type: "circle",
|
||||
stroke: {
|
||||
width: 0,
|
||||
color: "#000000"
|
||||
}
|
||||
},
|
||||
opacity: {
|
||||
value: 0.5,
|
||||
random: false,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 1,
|
||||
opacity_min: 0.1,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
size: {
|
||||
value: 3,
|
||||
random: true,
|
||||
anim: {
|
||||
enable: false,
|
||||
speed: 40,
|
||||
size_min: 0.1,
|
||||
sync: false
|
||||
}
|
||||
},
|
||||
line_linked: {
|
||||
enable: true,
|
||||
distance: 150,
|
||||
color: "#ffffff",
|
||||
opacity: 0.4,
|
||||
width: 1
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 2,
|
||||
direction: "none",
|
||||
random: false,
|
||||
straight: false,
|
||||
out_mode: "out",
|
||||
bounce: false,
|
||||
attract: {
|
||||
enable: false,
|
||||
rotateX: 600,
|
||||
rotateY: 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
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
|
||||
}
|
||||
},
|
||||
bubble: {
|
||||
distance: 400,
|
||||
size: 40,
|
||||
duration: 2,
|
||||
opacity: 8,
|
||||
speed: 3
|
||||
},
|
||||
repulse: {
|
||||
distance: 200,
|
||||
duration: 0.4
|
||||
},
|
||||
push: {
|
||||
particles_nb: 4
|
||||
},
|
||||
remove: {
|
||||
particles_nb: 2
|
||||
}
|
||||
}
|
||||
},
|
||||
retina_detect: true
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
Reference in New Issue
Block a user