2b1ed656cd
主要改进: - 修复星形图标可见性问题，改为黄色高对比度显示 - 移除'立即参展'按钮，清理冗余CTA元素 - 修正背景图片路径并优化透明度(opacity-10) - 为所有容器区域添加hover提示文字 - 删除'立即参与，共创绿色出行未来'整个CTA区块 - 优化页面加载器和图片错误处理 - 修复展会信息卡片文字对比度问题 - 增强多层背景遮罩效果 影响文件: - web_frontend/web_result/index.html - web_frontend/web_result/css/animations.css - web_frontend/web_result/js/main.js - 新增多个页面和样式文件 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
636 lines
37 KiB
HTML
636 lines
37 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>预算分析 - 2024长三角国际新能源汽车展</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
* {
|
||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
}
|
||
.nav-link {
|
||
position: relative;
|
||
transition: color 0.3s ease;
|
||
}
|
||
.nav-link::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -2px;
|
||
left: 0;
|
||
width: 0;
|
||
height: 2px;
|
||
background: #667eea;
|
||
transition: width 0.3s ease;
|
||
}
|
||
.nav-link:hover::after,
|
||
.nav-link.active::after {
|
||
width: 100%;
|
||
}
|
||
.chart-bar {
|
||
animation: growBar 1s ease-out forwards;
|
||
}
|
||
@keyframes growBar {
|
||
from { width: 0; }
|
||
}
|
||
.counter {
|
||
animation: countUp 2s ease-out forwards;
|
||
}
|
||
@keyframes countUp {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
.pie-chart {
|
||
width: 200px;
|
||
height: 200px;
|
||
border-radius: 50%;
|
||
background: conic-gradient(
|
||
#667eea 0deg 126deg,
|
||
#10b981 126deg 198deg,
|
||
#f59e0b 198deg 234deg,
|
||
#ef4444 234deg 270deg,
|
||
#8b5cf6 270deg 306deg,
|
||
#ec4899 306deg 360deg
|
||
);
|
||
position: relative;
|
||
}
|
||
.roi-indicator {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
@keyframes pulse {
|
||
0%, 100% { transform: scale(1); opacity: 1; }
|
||
50% { transform: scale(1.05); opacity: 0.9; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<!-- Navigation -->
|
||
<nav class="fixed top-0 w-full bg-white shadow-md z-50">
|
||
<div class="container mx-auto px-6 py-4">
|
||
<div class="flex items-center justify-between">
|
||
<div class="flex items-center">
|
||
<svg class="w-8 h-8 mr-3 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M10 2a8 8 0 100 16 8 8 0 000-16zm1 11H9v-2h2v2zm0-4H9V5h2v4z"/>
|
||
</svg>
|
||
<span class="text-xl font-bold text-gray-800">Green Mobility 2024</span>
|
||
</div>
|
||
<div class="hidden md:flex space-x-8">
|
||
<a href="../index.html" class="nav-link text-gray-700 hover:text-purple-600">首页</a>
|
||
<a href="overview.html" class="nav-link text-gray-700 hover:text-purple-600">策划概述</a>
|
||
<a href="exhibition.html" class="nav-link text-gray-700 hover:text-purple-600">展会介绍</a>
|
||
<a href="marketing.html" class="nav-link text-gray-700 hover:text-purple-600">营销方案</a>
|
||
<a href="operation.html" class="nav-link text-gray-700 hover:text-purple-600">现场运营</a>
|
||
<a href="budget.html" class="nav-link active text-gray-700 hover:text-purple-600">预算分析</a>
|
||
<a href="risk.html" class="nav-link text-gray-700 hover:text-purple-600">风险评估</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Page Header -->
|
||
<section class="bg-gradient-to-r from-green-600 to-emerald-600 text-white pt-24 pb-12">
|
||
<div class="container mx-auto px-6">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4">预算与收益分析</h1>
|
||
<p class="text-xl opacity-90">科学规划预算，实现投资价值最大化</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Budget Overview -->
|
||
<section class="py-16 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-3xl font-bold text-gray-800 mb-4">预算总览</h2>
|
||
<p class="text-gray-600">合理配置资源，确保展会成功举办</p>
|
||
</div>
|
||
|
||
<!-- Key Metrics -->
|
||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-12">
|
||
<div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-xl p-6 text-center counter">
|
||
<div class="text-3xl font-bold text-blue-600 mb-2">900万</div>
|
||
<div class="text-gray-600">总支出预算</div>
|
||
<div class="mt-2 text-xs text-gray-500">占预期收入75%</div>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-green-50 to-green-100 rounded-xl p-6 text-center counter" style="animation-delay: 0.2s">
|
||
<div class="text-3xl font-bold text-green-600 mb-2">1200万</div>
|
||
<div class="text-gray-600">预期总收入</div>
|
||
<div class="mt-2 text-xs text-gray-500">同比增长20%</div>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-xl p-6 text-center counter" style="animation-delay: 0.4s">
|
||
<div class="text-3xl font-bold text-purple-600 mb-2">300万</div>
|
||
<div class="text-gray-600">预期净利润</div>
|
||
<div class="mt-2 text-xs text-gray-500">利润率25%</div>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-orange-50 to-orange-100 rounded-xl p-6 text-center counter roi-indicator" style="animation-delay: 0.6s">
|
||
<div class="text-3xl font-bold text-orange-600 mb-2">33.3%</div>
|
||
<div class="text-gray-600">投资回报率</div>
|
||
<div class="mt-2 text-xs text-gray-500">行业领先水平</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Expenditure Budget -->
|
||
<section class="py-16 bg-gray-50">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">支出预算明细</h2>
|
||
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
||
<!-- Budget Breakdown Chart -->
|
||
<div>
|
||
<div class="bg-white rounded-2xl shadow-lg p-8">
|
||
<h3 class="text-xl font-bold mb-6">预算分配图</h3>
|
||
<div class="flex justify-center mb-6">
|
||
<div class="pie-chart">
|
||
<div class="absolute inset-4 bg-white rounded-full flex items-center justify-center">
|
||
<div class="text-center">
|
||
<div class="text-2xl font-bold">900万</div>
|
||
<div class="text-xs text-gray-500">总预算</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-3 text-sm">
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-purple-600 rounded-full mr-2"></div>
|
||
<span>场地费用 33.3%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-green-600 rounded-full mr-2"></div>
|
||
<span>营销推广 22.2%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-yellow-600 rounded-full mr-2"></div>
|
||
<span>人员成本 16.7%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-red-600 rounded-full mr-2"></div>
|
||
<span>活动执行 11.1%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-purple-600 rounded-full mr-2"></div>
|
||
<span>运营保障 8.9%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-pink-600 rounded-full mr-2"></div>
|
||
<span>应急储备 7.8%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Detailed Budget List -->
|
||
<div>
|
||
<div class="bg-white rounded-2xl shadow-lg p-8">
|
||
<h3 class="text-xl font-bold mb-6">详细预算清单</h3>
|
||
<div class="space-y-4">
|
||
<!-- 场地费用 -->
|
||
<div>
|
||
<div class="flex justify-between items-center mb-2">
|
||
<span class="font-semibold text-purple-600">场地费用</span>
|
||
<span class="font-bold">300万</span>
|
||
</div>
|
||
<div class="bg-gray-200 rounded-full h-3">
|
||
<div class="bg-purple-600 h-3 rounded-full chart-bar" style="width: 100%"></div>
|
||
</div>
|
||
<div class="mt-2 text-xs text-gray-600 space-y-1">
|
||
<div class="flex justify-between">
|
||
<span>展馆租赁</span>
|
||
<span>200万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>搭建装修</span>
|
||
<span>80万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>设备租赁</span>
|
||
<span>20万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 营销推广 -->
|
||
<div>
|
||
<div class="flex justify-between items-center mb-2">
|
||
<span class="font-semibold text-green-600">营销推广</span>
|
||
<span class="font-bold">200万</span>
|
||
</div>
|
||
<div class="bg-gray-200 rounded-full h-3">
|
||
<div class="bg-green-600 h-3 rounded-full chart-bar" style="width: 66.7%; animation-delay: 0.2s"></div>
|
||
</div>
|
||
<div class="mt-2 text-xs text-gray-600 space-y-1">
|
||
<div class="flex justify-between">
|
||
<span>线上推广</span>
|
||
<span>80万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>线下推广</span>
|
||
<span>60万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>媒体合作</span>
|
||
<span>40万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>精准邀请</span>
|
||
<span>20万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 人员成本 -->
|
||
<div>
|
||
<div class="flex justify-between items-center mb-2">
|
||
<span class="font-semibold text-yellow-600">人员成本</span>
|
||
<span class="font-bold">150万</span>
|
||
</div>
|
||
<div class="bg-gray-200 rounded-full h-3">
|
||
<div class="bg-yellow-600 h-3 rounded-full chart-bar" style="width: 50%; animation-delay: 0.4s"></div>
|
||
</div>
|
||
<div class="mt-2 text-xs text-gray-600 space-y-1">
|
||
<div class="flex justify-between">
|
||
<span>项目团队</span>
|
||
<span>80万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>临时人员</span>
|
||
<span>40万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>专家顾问</span>
|
||
<span>30万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 活动执行 -->
|
||
<div>
|
||
<div class="flex justify-between items-center mb-2">
|
||
<span class="font-semibold text-red-600">活动执行</span>
|
||
<span class="font-bold">100万</span>
|
||
</div>
|
||
<div class="bg-gray-200 rounded-full h-3">
|
||
<div class="bg-red-600 h-3 rounded-full chart-bar" style="width: 33.3%; animation-delay: 0.6s"></div>
|
||
</div>
|
||
<div class="mt-2 text-xs text-gray-600 space-y-1">
|
||
<div class="flex justify-between">
|
||
<span>开幕典礼</span>
|
||
<span>30万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>论坛峰会</span>
|
||
<span>40万</span>
|
||
</div>
|
||
<div class="flex justify-between">
|
||
<span>互动活动</span>
|
||
<span>30万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Revenue Budget -->
|
||
<section class="py-16 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">收入预算规划</h2>
|
||
|
||
<div class="max-w-5xl mx-auto">
|
||
<!-- Revenue Sources -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
|
||
<div class="bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl p-6 text-white text-center">
|
||
<div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">展位收入</h3>
|
||
<div class="text-3xl font-bold mb-1">700万</div>
|
||
<div class="text-blue-100 text-sm">占比 58.3%</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-green-500 to-green-600 rounded-xl p-6 text-white text-center">
|
||
<div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">赞助收入</h3>
|
||
<div class="text-3xl font-bold mb-1">300万</div>
|
||
<div class="text-green-100 text-sm">占比 25%</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-purple-500 to-purple-600 rounded-xl p-6 text-white text-center">
|
||
<div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">广告收入</h3>
|
||
<div class="text-3xl font-bold mb-1">100万</div>
|
||
<div class="text-purple-100 text-sm">占比 8.3%</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-orange-500 to-orange-600 rounded-xl p-6 text-white text-center">
|
||
<div class="w-16 h-16 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-2">其他收入</h3>
|
||
<div class="text-3xl font-bold mb-1">100万</div>
|
||
<div class="text-orange-100 text-sm">占比 8.3%</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Revenue Details -->
|
||
<div class="bg-gray-50 rounded-2xl p-8">
|
||
<h3 class="text-2xl font-bold mb-6">收入来源详解</h3>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<!-- Exhibition Booth Revenue -->
|
||
<div class="bg-white rounded-xl p-6">
|
||
<h4 class="text-lg font-bold mb-4 text-blue-600">展位收入明细</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex justify-between py-2 border-b">
|
||
<span class="text-gray-600">标准展位（9㎡）</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">1200个</div>
|
||
<div class="text-xs text-gray-500">5000元/个</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between py-2 border-b">
|
||
<span class="text-gray-600">特装展位</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">20,000㎡</div>
|
||
<div class="text-xs text-gray-500">500元/㎡</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between py-2">
|
||
<span class="text-gray-600">室外展位</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">5,000㎡</div>
|
||
<div class="text-xs text-gray-500">300元/㎡</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sponsorship Revenue -->
|
||
<div class="bg-white rounded-xl p-6">
|
||
<h4 class="text-lg font-bold mb-4 text-green-600">赞助收入构成</h4>
|
||
<div class="space-y-3">
|
||
<div class="flex justify-between py-2 border-b">
|
||
<span class="text-gray-600">冠名赞助</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">1家</div>
|
||
<div class="text-xs text-gray-500">100万元</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between py-2 border-b">
|
||
<span class="text-gray-600">战略合作</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">3家</div>
|
||
<div class="text-xs text-gray-500">50万元/家</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-between py-2">
|
||
<span class="text-gray-600">行业赞助</span>
|
||
<div class="text-right">
|
||
<div class="font-semibold">10家</div>
|
||
<div class="text-xs text-gray-500">5万元/家</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ROI Analysis -->
|
||
<section class="py-16 bg-gray-50">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">投资回报分析</h2>
|
||
|
||
<div class="max-w-6xl mx-auto">
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||
<!-- Direct Benefits -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mr-4">
|
||
<svg class="w-6 h-6 text-green-600" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"/>
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold">直接收益</h3>
|
||
</div>
|
||
<div class="space-y-3">
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<div class="flex justify-between mb-2">
|
||
<span class="text-gray-600">展会净利润</span>
|
||
<span class="font-bold text-green-600">300万</span>
|
||
</div>
|
||
<div class="text-xs text-gray-500">占总投入33.3%</div>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<div class="flex justify-between mb-2">
|
||
<span class="text-gray-600">现场成交额</span>
|
||
<span class="font-bold text-green-600">10亿+</span>
|
||
</div>
|
||
<div class="text-xs text-gray-500">带动产业发展</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Indirect Benefits -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4">
|
||
<svg class="w-6 h-6 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold">间接收益</h3>
|
||
</div>
|
||
<div class="space-y-3">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-2">品牌价值提升</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 媒体曝光1亿+次</li>
|
||
<li>• 行业影响力TOP3</li>
|
||
<li>• 品牌认知度+50%</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-2">长期合作机会</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 战略合作20+项</li>
|
||
<li>• 客户留存率85%</li>
|
||
<li>• 复购意向90%</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Social Benefits -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mr-4">
|
||
<svg class="w-6 h-6 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
||
<path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-bold">社会效益</h3>
|
||
</div>
|
||
<div class="space-y-3">
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-2">产业带动效应</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 带动相关产业30亿</li>
|
||
<li>• 创造就业1000+</li>
|
||
<li>• 税收贡献2000万</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-2">行业推动作用</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 技术成果50+项</li>
|
||
<li>• 行业白皮书2份</li>
|
||
<li>• 标准制定参与</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ROI Summary -->
|
||
<div class="mt-12 bg-gradient-to-r from-green-600 to-emerald-600 rounded-2xl p-8 text-white">
|
||
<h3 class="text-2xl font-bold mb-6 text-center">综合投资回报</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 text-center">
|
||
<div>
|
||
<div class="text-3xl font-bold mb-2">1:1.33</div>
|
||
<div class="text-green-100">投入产出比</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-3xl font-bold mb-2">6个月</div>
|
||
<div class="text-green-100">投资回收期</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-3xl font-bold mb-2">1500万</div>
|
||
<div class="text-green-100">综合价值</div>
|
||
</div>
|
||
<div>
|
||
<div class="text-3xl font-bold mb-2">A+</div>
|
||
<div class="text-green-100">投资评级</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Cost Control -->
|
||
<section class="py-16 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-3xl font-bold text-center text-gray-800 mb-12">成本控制措施</h2>
|
||
|
||
<div class="max-w-4xl mx-auto">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div class="bg-gray-50 rounded-xl p-6">
|
||
<h3 class="text-lg font-bold mb-4 text-blue-600">预算管控</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">分级审批制度</p>
|
||
<p class="text-sm text-gray-600">10万以下部门审批，10万以上管理层审批</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">实时监控系统</p>
|
||
<p class="text-sm text-gray-600">每周预算执行报告，偏差预警</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">成本责任制</p>
|
||
<p class="text-sm text-gray-600">各部门成本KPI考核</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-gray-50 rounded-xl p-6">
|
||
<h3 class="text-lg font-bold mb-4 text-purple-600">优化措施</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">供应商竞标</p>
|
||
<p class="text-sm text-gray-600">3家以上比价，优选性价比</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">资源共享</p>
|
||
<p class="text-sm text-gray-600">与合作伙伴资源互换</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
||
</svg>
|
||
<div>
|
||
<p class="font-semibold">数字化管理</p>
|
||
<p class="text-sm text-gray-600">减少人工成本，提高效率</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA Section -->
|
||
<section class="py-16 bg-gradient-to-r from-green-600 to-emerald-600 text-white">
|
||
<div class="container mx-auto px-6 text-center">
|
||
<h2 class="text-3xl font-bold mb-6">科学预算，确保展会成功</h2>
|
||
<p class="text-xl mb-8 opacity-90">了解风险管控，保障展会顺利进行</p>
|
||
<a href="risk.html" class="inline-block bg-white text-green-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
|
||
查看风险评估 →
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-gray-900 text-white py-12">
|
||
<div class="container mx-auto px-6">
|
||
<div class="text-center text-sm text-gray-400">
|
||
<p>© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html> |