825 lines
44 KiB
HTML
825 lines
44 KiB
HTML
|
||
<!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/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
<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/dist/full.min.css" rel="stylesheet">
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 8px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
border: 2px solid #fff;
|
||
box-shadow: 0 0 0 2px #3b82f6;
|
||
}
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 20px;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background: #e5e7eb;
|
||
}
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
font-size: 0.875rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold gradient-text mb-4">新型离岸贸易</h1>
|
||
<p class="text-gray-600 text-lg">政策红利兑现期的投资机遇分析</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-calendar-alt text-blue-500 mr-3"></i>
|
||
概念事件时间轴
|
||
</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="space-y-6">
|
||
<div class="timeline-item relative">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-blue-700">2025-03-05</h3>
|
||
<p class="text-gray-700 mt-1">《政府工作报告》首次将"新型离岸贸易"写入国家顶层设计</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative">
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-green-700">2025-03-27</h3>
|
||
<p class="text-gray-700 mt-1">财政部宣布延续并扩大离岸贸易印花税免征试点</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative">
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-purple-700">2025-06-13</h3>
|
||
<p class="text-gray-700 mt-1">国常会部署上海自贸区打造离岸贸易服务"新窗口"</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative">
|
||
<div class="bg-orange-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-orange-700">2025-07-01</h3>
|
||
<p class="text-gray-700 mt-1">厦门上线全国首个离岸贸易印花税协税场景</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative">
|
||
<div class="bg-red-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-700">2025-07-24</h3>
|
||
<p class="text-gray-700 mt-1">央行上海总部提出"探索数字人民币在离岸贸易结算中的应用"</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="bg-gradient-to-r from-blue-600 to-blue-800 rounded-2xl shadow-lg p-6 mb-8 text-white">
|
||
<h2 class="text-2xl font-bold mb-4 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3"></i>
|
||
核心观点摘要
|
||
</h2>
|
||
<p class="text-lg leading-relaxed">
|
||
新型离岸贸易已从"政策概念"进入"制度红利兑现期"，核心驱动力是"零关税+数字结算+离岸金融"三位一体制度创新；未来3-6个月地方试点扩围与数字人民币场景落地将催化板块行情，2025-2027年有望复制跨境电商2016-2019年渗透率快速提升路径。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 card-hover">
|
||
<h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<i class="fas fa-rocket text-blue-500 mr-2"></i>
|
||
核心驱动力
|
||
</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-2"></i>
|
||
<span><strong>制度成本骤降</strong>：单笔离岸转手买卖综合税负下降约0.1%→0%</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<span><strong>数字基建就绪</strong>：结算效率提升50%以上</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<span><strong>离岸金融闭环</strong>：融资成本较传统模式低150-200bp</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 card-hover">
|
||
<h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<i class="fas fa-chart-line text-purple-500 mr-2"></i>
|
||
市场热度与情绪
|
||
</h3>
|
||
<div class="space-y-3 text-gray-700">
|
||
<div class="flex justify-between items-center">
|
||
<span>新闻报道数量</span>
|
||
<span class="text-sm bg-purple-100 text-purple-700 px-2 py-1 rounded">月均15篇→45篇</span>
|
||
</div>
|
||
<div class="flex justify-between items-center">
|
||
<span>机构调研频次</span>
|
||
<span class="text-sm bg-purple-100 text-purple-700 px-2 py-1 rounded">环比+300%</span>
|
||
</div>
|
||
<div class="flex justify-between items-center">
|
||
<span>电话会议数量</span>
|
||
<span class="text-sm bg-purple-100 text-purple-700 px-2 py-1 rounded">6-7月8场</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 card-hover">
|
||
<h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<i class="fas fa-exclamation-triangle text-orange-500 mr-2"></i>
|
||
预期差
|
||
</h3>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-star text-orange-500 mt-1 mr-2"></i>
|
||
<span>忽视数字人民币结算带来的"数据资产"价值</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-star text-orange-500 mt-1 mr-2"></i>
|
||
<span>海南"一线放开、二线管住"模式可能复制至更多自贸区</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂 -->
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-fire text-red-500 mr-3"></i>
|
||
关键催化剂与未来发展路径
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-3">近期催化剂（3-6个月）</h3>
|
||
<div class="space-y-3">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-blue-700">上海离岸贸易印花税政策延续</h4>
|
||
<p class="text-sm text-gray-600 mt-1">2025-03-31到期，预计Q1宣布延期至2027年</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-green-700">数字人民币离岸贸易首单落地</h4>
|
||
<p class="text-sm text-gray-600 mt-1">预计Q2厦门/上海试点</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-purple-700">海南封关后离岸贸易细则</h4>
|
||
<p class="text-sm text-gray-600 mt-1">12月18日封关，预计Q4发布细则</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-3">长期路径（2025-2027）</h3>
|
||
<div class="relative">
|
||
<div class="absolute left-4 top-0 bottom-0 w-0.5 bg-gray-300"></div>
|
||
<div class="space-y-4">
|
||
<div class="flex items-center">
|
||
<div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold text-sm z-10">1</div>
|
||
<div class="ml-4">
|
||
<h4 class="font-semibold">2025：制度试点</h4>
|
||
<p class="text-sm text-gray-600">6大自贸区+海南</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center text-white font-bold text-sm z-10">2</div>
|
||
<div class="ml-4">
|
||
<h4 class="font-semibold">2026：场景扩散</h4>
|
||
<p class="text-sm text-gray-600">跨境电商、绿色贸易、数字服务</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center text-white font-bold text-sm z-10">3</div>
|
||
<div class="ml-4">
|
||
<h4 class="font-semibold">2027：生态成熟</h4>
|
||
<p class="text-sm text-gray-600">离岸人民币债券+数字资产交易</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 -->
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-project-diagram text-indigo-500 mr-3"></i>
|
||
产业链与核心公司
|
||
</h2>
|
||
<div class="grid md:grid-cols-3 gap-4 mb-6">
|
||
<div class="bg-blue-50 rounded-lg p-4 text-center">
|
||
<h3 class="font-semibold text-blue-700 mb-2">上游</h3>
|
||
<p class="text-sm text-gray-700">离岸贸易平台、清算行、数字人民币系统</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<h3 class="font-semibold text-green-700 mb-2">中游</h3>
|
||
<p class="text-sm text-gray-700">离岸贸易服务商、大宗商品供应链</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4 text-center">
|
||
<h3 class="font-semibold text-purple-700 mb-2">下游</h3>
|
||
<p class="text-sm text-gray-700">跨境电商、海外仓、参展办展</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white">
|
||
<thead>
|
||
<tr class="bg-gray-100">
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">业务纯度</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">进展验证</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">厦门信达</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">100%</td>
|
||
<td class="px-4 py-3">上海信达诺已落地多笔离岸业务</td>
|
||
<td class="px-4 py-3">规模尚小，需跟踪订单</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">广电运通</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">80%</td>
|
||
<td class="px-4 py-3">跨境数据资产入表首单，获数币牌照</td>
|
||
<td class="px-4 py-3">政策依赖度高</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">建发股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">60%</td>
|
||
<td class="px-4 py-3">2023年供应链营收5933亿，排名第一</td>
|
||
<td class="px-4 py-3">大宗价格波动</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险 -->
|
||
<div class="bg-white rounded-2xl shadow-lg p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-shield-alt text-red-500 mr-3"></i>
|
||
潜在风险与挑战
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="border-l-4 border-red-500 pl-4">
|
||
<h3 class="font-semibold text-gray-800 mb-2">技术风险</h3>
|
||
<p class="text-gray-600 text-sm">数字人民币跨境支付需解决SWIFT替代的合规性问题</p>
|
||
</div>
|
||
<div class="border-l-4 border-orange-500 pl-4">
|
||
<h3 class="font-semibold text-gray-800 mb-2">商业化风险</h3>
|
||
<p class="text-gray-600 text-sm">离岸贸易企业毛利率普遍<5%，免税红利可能被价格战侵蚀</p>
|
||
</div>
|
||
<div class="border-l-4 border-yellow-500 pl-4">
|
||
<h3 class="font-semibold text-gray-800 mb-2">政策风险</h3>
|
||
<p class="text-gray-600 text-sm">美国若对东南亚转口贸易加征关税，可能冲击离岸贸易路径</p>
|
||
</div>
|
||
<div class="border-l-4 border-purple-500 pl-4">
|
||
<h3 class="font-semibold text-gray-800 mb-2">信息矛盾</h3>
|
||
<p class="text-gray-600 text-sm">财政部文件仅明确7个自贸区，需警惕过度解读</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="bg-gradient-to-r from-green-600 to-teal-600 rounded-2xl shadow-lg p-6 mb-8 text-white">
|
||
<h2 class="text-2xl font-bold mb-4 flex items-center">
|
||
<i class="fas fa-chart-pie mr-3"></i>
|
||
综合结论与投资启示
|
||
</h2>
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold mb-2">阶段判断</h3>
|
||
<p class="text-green-100">处于政策红利→订单验证过渡期，类似2016年跨境电商</p>
|
||
</div>
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold mb-2">投资方向</h3>
|
||
<ul class="space-y-2 text-green-100">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-right mt-1 mr-2"></i>
|
||
<span>数字结算基础设施（广电运通、新国都）——技术壁垒最高</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-right mt-1 mr-2"></i>
|
||
<span>区域试点龙头（厦门信达、嘉诚国际）——政策弹性最大</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-right mt-1 mr-2"></i>
|
||
<span>大宗商品供应链（建发股份）——规模优势+离岸贸易占比提升</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-2">跟踪指标</h3>
|
||
<ul class="space-y-2 text-green-100">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-chart-line mt-1 mr-2"></i>
|
||
<span>Q3离岸贸易收入占比（验证商业化进度）</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-coins mt-1 mr-2"></i>
|
||
<span>数字人民币跨境支付交易量（央行月度披露）</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-file-alt mt-1 mr-2"></i>
|
||
<span>海南封关后离岸加工增值货物清单（政策扩围信号）</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票表格 -->
|
||
<div class="bg-white rounded-2xl shadow-lg p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-table text-blue-500 mr-3"></i>
|
||
关联股票数据
|
||
</h2>
|
||
<div class="table-container">
|
||
<table class="min-w-full divide-y divide-gray-200">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">项目</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">投资逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="bg-white divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">厦门信达</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
|
||
离岸贸易
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">上海信达诺离岸贸易业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">离岸贸易</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">全资子公司上海信达诺已落地多笔离岸贸易业务，未来助力离岸贸易产业发展</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">嘉诚国际</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
|
||
离岸贸易
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">新加坡、泰国子公司</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商平台、离岸贸易</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">计划在新加坡、泰国设立全资子公司经营跨境电商平台海外段物流服务、离岸贸易等</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">五矿发展</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
|
||
离岸贸易
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">新型离岸国际贸易</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">离岸贸易</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">2023年6月在印尼浦开展新型离岸国际贸易首单业务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">广电运通</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
|
||
离岸贸易
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境易平台</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境数据资产</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境数据产品"跨境易"是广州首个跨境数据资产入表项目，整合19个国家和地区离岸贸易数据</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">建发股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链营收</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">2023年供应链营收5933.66亿，排名第一</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">物产中大</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链营收</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">2023年国有大宗商品供应链营收5411.68亿，排名第二</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">厦门国贸</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理业务营收4652.95亿，排名第三</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">厦门象屿</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">大宗商品经营与物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">大宗商品经营与物流业务营收4463.09亿，排名第四</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">浙商中拓</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链集成服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链集成服务业务营收2013.20亿，排名第五</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">中信金属</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">贸易业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">贸易业务营收1249.99亿，排名第六</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">苏美达</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
|
||
大宗商品供应链
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链运营</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链管理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">供应链运营、产业链业务营收1227.11亿，排名第七</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">ST联络</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">TikTok合作</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">电商、直播、物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">子公司斯蛋与TikTok深化合作，业务涵盖电商、直播、物流等</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">跨境通</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">TikTok业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">ZAFUL品牌在TikTok粉丝超70万，tiktok各区域均有布局</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">吉宏股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">家居用品、服饰用品</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商涉及家居用品、服饰用品等品类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">小商品城</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">义乌带路数据</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">利用智能算力为跨境数据流通、电商、物流等场景提供服务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">中国武夷</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">家居建材、能源物资、有色金属、农产品</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">聚焦"泛家居建材、能源物资、有色金属、农产品"四大品类跨境电商</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">华凯易佰</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境出口电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境出口电商业务采用国内仓、海外仓协同发展模式</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">焦点科技</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">AI Agent技术</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">在AI Agent领域推出Al麦可和Mentarc，解决跨境电商运营难题</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">海豚科技</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
|
||
跨境电商
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">AI Agent技术</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">以AI Agent为核心驱动力，打造国际化物流及金融服务产业平台</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">长久物流</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">中欧班列</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">2015年开通东北至欧洲国际铁路运输线路，覆盖欧洲及中亚地区</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">致欧科技</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流运输</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">主要通过海运进行跨境物流运输</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">天顺股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">中欧班列</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">已开行乌鲁木齐至俄罗斯、意大利等中欧、中亚国家班列</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">乐歌股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">宁波智能跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">宁波智能跨境物流为国内外贸货物运输代理、集装箱租赁等业务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">怡亚通</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流合作</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">与衢州智造新城管委会战略合作，开展跨境物流等业务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">海程邦达</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">通过海运、空运、铁路等方式为进出口贸易客户提供跨境物流服务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">嘉诚国际</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境电商业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">为希音提供跨境电商全程一体化服务，获平台企业认可</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">中集车辆</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">新能源重卡</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">2025年交付新能源重卡，落地水公铁联运场景，布局绿色跨境物流</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">长江投资</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">国际货运代理</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">子公司长发国际专注国际进出海口岸货运代理业务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">华鹏飞</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
|
||
跨境物流
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">物流服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">跨境物流</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">为客户提供国内/国际物流服务及供应链服务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">乐歌股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
|
||
海外仓建设
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">预计2027年底建成并投用超30万方米海外仓</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">小商品城</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
|
||
海外仓建设
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">义乌系海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">截至2023年底签约"义乌系"海外仓数量达210个，面积超190万平米</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">嘉诚国际</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
|
||
海外仓建设
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓建设</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">将在香港、东南亚、日韩、美加墨等地建设海外仓</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">致欧科技</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
|
||
海外仓建设
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外自营仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外自营仓主要分布在德国、美国、英国等地，约33万平米</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">焦点科技</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
|
||
海外仓建设
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">智慧物流与仓储</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">海外仓</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">智慧物流和智慧仓储是未来建设方向之一</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">米奥会展</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-pink-100 text-pink-800">
|
||
参展办展
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">全球办展</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">会展服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">利用20余年全球办展数据沉淀，优化AI展览产品</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">兰生股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-pink-100 text-pink-800">
|
||
参展办展
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">数字会展</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">会展服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">推进"数字会展"建设，拓展数据应用领域</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="px-4 py-3 whitespace-nowrap font-medium text-gray-900">汉商集团</td>
|
||
<td class="px-4 py-3 whitespace-nowrap">
|
||
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-pink-100 text-pink-800">
|
||
参展办展
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">会展业务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">会展服务</td>
|
||
<td class="px-4 py-3 text-sm text-gray-900">旗下汉商银座购物中心、21世纪购物中心、武展购物中心等均有会展业务</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 添加滚动动画效果
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -100px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
// 观察所有卡片
|
||
document.querySelectorAll('.card-hover').forEach(card => {
|
||
card.style.opacity = '0';
|
||
card.style.transform = 'translateY(20px)';
|
||
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(card);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |