Hugging Face's logo

Spaces:
blakegger
/
53ai-clone
Running

App Files Community
53ai-clone / index.html
blakegger's picture
blakegger
undefined - Initial Deployment
056b4f7 verified
raw
history blame contribute delete
62.2 kB
 <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI知识库|大模型知识库|智能体开发|53AI</title>
<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>
.gradient-bg {
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}
.hover-scale {
transition: transform 0.3s ease;
}
.hover-scale:hover {
transform: scale(1.03);
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.nav-link {
position: relative;
}
.nav-link:after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: -2px;
left: 0;
background-color: #3b82f6;
transition: width 0.3s ease;
}
.nav-link:hover:after {
width: 100%;
}
.timeline-item:not(:last-child):after {
content: '';
position: absolute;
top: 24px;
left: 50%;
bottom: -24px;
width: 2px;
background-color: #e5e7eb;
transform: translateX(-50%);
}
@media (max-width: 768px) {
.timeline-item:not(:last-child):after {
left: 20px;
transform: none;
}
}
</style>
</head>
<body class="font-sans antialiased text-gray-800">
<!-- Header -->
<header class="bg-white shadow-sm sticky top-0 z-50">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<div class="flex items-center">
<a href="https://www.53ai.com/" class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/logo.png" alt="53AI Logo" class="h-10">
<span class="ml-2 text-xl font-bold text-blue-600 hidden md:block">53AI</span>
</a>
<div class="ml-8 hidden lg:flex space-x-6">
<a href="https://www.53ai.com/" class="nav-link text-gray-700 hover:text-blue-600">首页</a>
<a href="https://www.53ai.com/product.html" class="nav-link text-gray-700 hover:text-blue-600">产品服务</a>
<a href="https://www.53ai.com/solution.html" class="nav-link text-gray-700 hover:text-blue-600">解决方案</a>
<a href="https://www.53ai.com/news.html" class="nav-link text-gray-700 hover:text-blue-600">AI知识库</a>
<a href="https://www.53ai.com/about.html" class="nav-link text-gray-700 hover:text-blue-600">关于我们</a>
</div>
</div>
<div class="flex items-center space-x-4">
<a href="https://chat.53ai.com/" class="hidden md:inline-block px-4 py-2 text-blue-600 hover:text-blue-800">登录</a>
<a href="https://www.53ai.com/trial.html" class="hidden md:inline-block px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition">预约演示</a>
<button class="lg:hidden text-gray-600 focus:outline-none" id="mobile-menu-button">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
<!-- Mobile menu -->
<div class="lg:hidden hidden bg-white w-full absolute left-0 shadow-lg" id="mobile-menu">
<div class="px-4 py-3 space-y-3">
<a href="https://www.53ai.com/" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">首页</a>
<a href="https://www.53ai.com/product.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">产品服务</a>
<a href="https://www.53ai.com/solution.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">解决方案</a>
<a href="https://www.53ai.com/news.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">AI知识库</a>
<a href="https://www.53ai.com/about.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">关于我们</a>
<div class="pt-2 border-t border-gray-200">
<a href="https://chat.53ai.com/" class="block px-3 py-2 text-blue-600 hover:bg-blue-50 rounded">登录</a>
<a href="https://www.53ai.com/trial.html" class="block px-3 py-2 bg-blue-600 text-white rounded-md text-center">预约演示</a>
</div>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="gradient-bg text-white py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold mb-6">AI知识库 | 大模型知识库 | 智能体开发</h1>
<p class="text-xl mb-8">我们专注于中大型企业AI落地方法论，提升企业全员的AI领导力</p>
<div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
<a href="javascript:;" class="px-8 py-3 bg-white text-blue-600 font-medium rounded-md hover:bg-gray-100 text-center">立即咨询</a>
<a href="javascript:;" class="px-8 py-3 border-2 border-white text-white font-medium rounded-md hover:bg-white hover:text-blue-600 text-center">预约演示</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://static.53ai.com/uploads/20240219/64076edae85077a71f1b283e9dc6e35d.jpg" alt="AI Knowledge" class="rounded-lg shadow-xl max-w-full h-auto">
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">热门场景</h2>
<p class="text-gray-600 max-w-2xl mx-auto">大模型提升全员工作效率，掌握企业知识与流程，驱动产品智能化改造</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- Work + AI -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<div class="flex items-center mb-4">
<img src="https://static.53ai.com/uploads/20240529/f87e241ff2dd3924718463507d38fcd1.png" alt="Work+AI" class="h-10 w-10 mr-3">
<h3 class="text-xl font-semibold">工作+AI</h3>
</div>
<p class="text-gray-600 mb-4">大模型提升全员工作效率</p>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/gongzuoduihua" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/39185f663b28883aa8de355676d00838.png" alt="工作对话" class="h-6 w-6 mr-2">
<span>工作对话</span>
</a>
<a href="https://www.53ai.com/product/neirongchuangzuo" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/a4de80d25bb700416c04905f92e5d89b.png" alt="内容创作" class="h-6 w-6 mr-2">
<span>内容创作</span>
</a>
<a href="https://www.53ai.com/product/zhinengwendang" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/088ab85a974ebb3c60b5907ef75d3852.png" alt="方案撰写" class="h-6 w-6 mr-2">
<span>方案撰写</span>
</a>
<a href="https://www.53ai.com/product/mofacaidan" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/818975be79b3c7bf409d26750da48dd2.png" alt="魔法菜单" class="h-6 w-6 mr-2">
<span>魔法菜单</span>
</a>
</div>
</div>
<!-- Business + AI -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<div class="flex items-center mb-4">
<img src="https://static.53ai.com/uploads/20240529/e3d1b654d90fe4a02dfda2b7bda13b74.png" alt="Business+AI" class="h-10 w-10 mr-3">
<h3 class="text-xl font-semibold">业务+AI</h3>
</div>
<p class="text-gray-600 mb-4">大模型掌握企业知识与流程</p>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/e23b099525c800ed821a4f49287d5339.png" alt="智能问答" class="h-6 w-6 mr-2">
<span>智能问答</span>
</a>
<a href="https://www.53ai.com/product/jinengtuozhan" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/55787c1b82bb850ad6b118645bec7ced.png" alt="拓展能力" class="h-6 w-6 mr-2">
<span>拓展能力</span>
</a>
<a href="https://www.53ai.com/product/siyoumoxing" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/cc1c95ffbf6069fba0f6977b36e16093.png" alt="私有模型" class="h-6 w-6 mr-2">
<span>私有模型</span>
</a>
</div>
</div>
<!-- AI x Business -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<div class="flex items-center mb-4">
<img src="https://static.53ai.com/uploads/20240529/3294c40ae237a976140829e8c3e481c6.png" alt="AIxBusiness" class="h-10 w-10 mr-3">
<h3 class="text-xl font-semibold">AI×业务</h3>
</div>
<p class="text-gray-600 mb-4">大模型驱动产品智能化改造</p>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/zijianyingyong" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/d440209b9c1afda99d91101920ce06a0.png" alt="应用智改" class="h-6 w-6 mr-2">
<span>应用智改</span>
</a>
<a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240531/8a55810e147bec67f510cb64241d2118.png" alt="LLMFlow" class="h-6 w-6 mr-2">
<span>LLMFlow</span>
</a>
<a href="https://www.53ai.com/product/ChatBI" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240531/454df06679465b9ed7e517a33c515648.png" alt="ChatBI" class="h-6 w-6 mr-2">
<span>ChatBI</span>
</a>
<a href="https://www.53ai.com/product/xitongguanli" class="flex items-center text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/uploads/20240529/f56b3b28ed3bdf19179f29de6d181e88.png" alt="统管平台" class="h-6 w-6 mr-2">
<span>统管平台</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="py-16">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">产品服务</h2>
<p class="text-gray-600 max-w-2xl mx-auto">从"工作+AI"到"业务+AI"，最终实现"AI×业务"的大模型落地三步走方法论</p>
</div>
<div class="grid md:grid-cols-2 gap-8 mb-12">
<!-- Consulting -->
<div class="bg-white rounded-xl overflow-hidden hover-scale card-shadow transition">
<div class="flex flex-col md:flex-row">
<div class="md:w-1/3">
<img src="https://static.53ai.com/uploads/20240529/d84e48f5bedc6e502af93d083ba4f487.jpg" alt="Consulting" class="w-full h-full object-cover">
</div>
<div class="md:w-2/3 p-6">
<h3 class="text-xl font-semibold mb-2">AI咨询与内训</h3>
<p class="text-gray-600 mb-4">为企业提供专业的AI落地咨询与内部培训服务</p>
<a href="https://www.53ai.com/consulting.html" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
了解更多 <i class="fas fa-chevron-right ml-1 text-sm"></i>
</a>
</div>
</div>
</div>
<!-- Custom Development -->
<div class="bg-white rounded-xl overflow-hidden hover-scale card-shadow transition">
<div class="flex flex-col md:flex-row">
<div class="md:w-1/3">
<img src="https://static.53ai.com/uploads/20250210/30a846a48c2b2f72efe6633d3d32efb4.jpg" alt="Custom Development" class="w-full h-full object-cover">
</div>
<div class="md:w-2/3 p-6">
<h3 class="text-xl font-semibold mb-2">微调与定制开发</h3>
<p class="text-gray-600 mb-4">为企业提供大模型微调与定制化开发服务</p>
<a href="https://www.53ai.com/fine-tuning.html" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
了解更多 <i class="fas fa-chevron-right ml-1 text-sm"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Popular Products -->
<div class="mb-12">
<h3 class="text-2xl font-semibold mb-6">热门产品</h3>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<a href="https://www.53ai.com/products/53AIHub" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250429/94e6d990ee63512db567bc53c113e8bd.png" alt="53AI Hub" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2">53AI Hub</h4>
<p class="text-gray-600 text-sm">开源 跨平台的智能体发布与运营平台</p>
</a>
<a href="https://www.53ai.com/products/53AIStudio" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250429/b2cd4330d03bce8eb0eb0332eb2954cd.png" alt="53AI Studio" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2">53AI Studio</h4>
<p class="text-gray-600 text-sm">高准确率的智能体开发与训练平台</p>
</a>
<a href="https://www.53ai.com/products/53AIKM" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250429/f9ed1b6c2d16a688c5791a0057c2217d.png" alt="53AI KM" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2">53AI KM</h4>
<p class="text-gray-600 text-sm">人与AI双驱动的企业知识库</p>
</a>
<a href="javascript:;" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250429/05d03bb026421069826c64e2407ad7ee.png" alt="53AI Browser" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2">53AI Browser</h4>
<p class="text-gray-600 text-sm">"AI专家"效率倍增的秘密武器 敬请期待...</p>
</a>
</div>
</div>
<!-- Solutions -->
<div>
<h3 class="text-2xl font-semibold mb-6">场景解决方案</h3>
<div class="grid md:grid-cols-3 gap-6">
<a href="https://www.53ai.com/solution.html#solution-148" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/assets/static/images/solution_icon_1.png" alt="智能问答" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2 text-center">【智能问答】解决方案</h4>
<p class="text-gray-600 text-sm text-center">让大模型掌握企业的知识和流程</p>
</a>
<a href="https://www.53ai.com/solution.html#solution-149" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/assets/static/images/solution_icon_2.png" alt="应用智改" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2 text-center">【应用智改】解决方案</h4>
<p class="text-gray-600 text-sm text-center">让大模型融入企业的产品和业务</p>
</a>
<a href="https://www.53ai.com/solution.html#solution-150" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<img src="https://static.53ai.com/assets/static/images/solution_icon_3.png" alt="智能工单" class="h-16 mb-4 mx-auto">
<h4 class="font-semibold mb-2 text-center">【智能工单】解决方案</h4>
<p class="text-gray-600 text-sm text-center">让大模型创建和受理业务工单</p>
</a>
</div>
</div>
</div>
</section>
<!-- Knowledge Base Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">AI知识库</h2>
<p class="text-gray-600 max-w-2xl mx-auto">大模型落地专家知识库</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
<a href="https://www.53ai.com/news/qianyanjishu" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<h3 class="font-semibold mb-3">前沿技术</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li class="hover:text-blue-600">大模型技术</li>
<li class="hover:text-blue-600">多模态技术</li>
<li class="hover:text-blue-600">RAG技术</li>
<li class="hover:text-blue-600">知识图谱</li>
<li class="hover:text-blue-600">模型微调</li>
</ul>
</a>
<a href="https://www.53ai.com/news/agentplatform" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<h3 class="font-semibold mb-3">Agent框架</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li class="hover:text-blue-600">langchain</li>
<li class="hover:text-blue-600">llamaindex</li>
<li class="hover:text-blue-600">RAGFlow</li>
<li class="hover:text-blue-600">coze</li>
<li class="hover:text-blue-600">Dify</li>
</ul>
</a>
<a href="https://www.53ai.com/news/hangyeyingyong" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<h3 class="font-semibold mb-3">行业应用</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li class="hover:text-blue-600">AI+汽车</li>
<li class="hover:text-blue-600">AI+金融</li>
<li class="hover:text-blue-600">AI+工业</li>
<li class="hover:text-blue-600">AI+培训</li>
<li class="hover:text-blue-600">AI+SaaS</li>
</ul>
</a>
<a href="https://www.53ai.com/news/qiyejingying" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
<h3 class="font-semibold mb-3">企业落地</h3>
<ul class="space-y-2 text-sm text-gray-600">
<li class="hover:text-blue-600">内容创作</li>
<li class="hover:text-blue-600">个人提效</li>
<li class="hover:text-blue-600">智能客服</li>
<li class="hover:text-blue-600">AI面试</li>
<li class="hover:text-blue-600">数字员工</li>
</ul>
</a>
</div>
<!-- Featured Articles -->
<div class="mb-12">
<h3 class="text-2xl font-semibold mb-6">精选文章</h3>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<a href="https://www.53ai.com/news/RAG/2025070167190.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250610/bd5d68036aa4ca73afcff97c0c1fd775.png" alt="qodo如何构建大型代码仓库的RAG？" class="w-full h-48 object-cover">
<div class="p-4">
<h4 class="font-semibold mb-2">qodo如何构建大型代码仓库的RAG？</h4>
</div>
</a>
<a href="https://www.53ai.com/news/zhishiguanli/2025062840361.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250610/5c681d6bd837631199bcd8aa11e74a63.png" alt="内容行业如何用AI编程" class="w-full h-48 object-cover">
<div class="p-4">
<h4 class="font-semibold mb-2">内容行业如何用AI编程，更好地管理知识</h4>
<p class="text-gray-600 text-sm line-clamp-2">AI编程让内容创作效率倍增，LQ的自动化知识管理系统帮你告别信息焦虑。</p>
</div>
</a>
<a href="https://www.53ai.com/news/zhinengkefu/2025062901869.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250610/a0df261a49922779b2225ad60b1e3d31.png" alt="王总，别被AI忽悠瘸了！" class="w-full h-48 object-cover">
<div class="p-4">
<h4 class="font-semibold mb-2">王总，别被AI忽悠瘸了！先把企业AI Agent的内裤穿上</h4>
<p class="text-gray-600 text-sm line-clamp-2">AI不是万能药，先打好数据地基才能让AI真正落地！</p>
</div>
</a>
<a href="https://www.53ai.com/news/dify/2025063090283.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
<img src="https://static.53ai.com/uploads/20250610/595e5dd418b528278c5b30e7ed069de3.png" alt="基于Dify平台实现推荐问题点击交互功能的技术方案" class="w-full h-48 object-cover">
<div class="p-4">
<h4 class="font-semibold mb-2">基于Dify平台实现推荐问题点击交互功能的技术方案</h4>
<p class="text-gray-600 text-sm line-clamp-2">Dify平台如何实现智能对话的点击交互？一文掌握推荐问题功能的技术实现。</p>
</div>
</a>
</div>
</div>
<!-- Latest Knowledge -->
<div>
<h3 class="text-2xl font-semibold mb-6">最新知识</h3>
<div class="grid md:grid-cols-4 gap-6">
<div>
<h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/qianyanjishu">前沿技术</a></h4>
<ul class="space-y-3">
<li><a href="https://www.53ai.com/news/LargeLanguageModel/2025070123457.html" class="text-sm hover:text-blue-600 line-clamp-1" title="我们不再是“码农”，而是AI时代的“建筑师”">我们不再是"码农"，而是AI时代的"建筑师" 2025-07-01</a></li>
<li><a href="https://www.53ai.com/news/LargeLanguageModel/2025070186043.html" class="text-sm hover:text-blue-600 line-clamp-1" title="99%的人都不知道：MCP 必须在 Claude Code 外面装">99%的人都不知道：MCP 必须在 Claude Code 外面装 2025-07-01</a></li>
<li><a href="https://www.53ai.com/news/LargeLanguageModel/2025070183029.html" class="text-sm hover:text-blue-600 line-clamp-1" title="MCP在数据领域的应用探索">MCP在数据领域的应用探索 2025-07-01</a></li>
</ul>
</div>
<div>
<h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/agentplatform">Agent框架</a></h4>
<ul class="space-y-3">
<li><a href="https://www.53ai.com/news/dify/2025063090283.html" class="text-sm hover:text-blue-600 line-clamp-1" title="基于Dify平台实现推荐问题点击交互功能的技术方案">基于Dify平台实现推荐问题点击交互功能的技术方案 2025-06-30</a></li>
<li><a href="https://www.53ai.com/news/dify/2025062908679.html" class="text-sm hover:text-blue-600 line-clamp-1" title="DifyAI关键技术深度剖析">DifyAI关键技术深度剖析 2025-06-29</a></li>
<li><a href="https://www.53ai.com/news/dify/2025062842570.html" class="text-sm hover:text-blue-600 line-clamp-1" title="Dify1.5.0神级更新：变量监视+状态缓存，开发效率暴增200%！">Dify1.5.0神级更新：变量监视+状态缓存，开发效率暴增200%！ 2025-06-28</a></li>
</ul>
</div>
<div>
<h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/hangyeyingyong">行业应用</a></h4>
<ul class="space-y-3">
<li><a href="https://www.53ai.com/news/AIpeixun/2025070180427.html" class="text-sm hover:text-blue-600 line-clamp-1" title="HR如何用AI提示词在30分钟内完成一天工作量">HR如何用AI提示词在30分钟内完成一天工作量 2025-07-01</a></li>
<li><a href="https://www.53ai.com/news/AIjinrong/2025063080216.html" class="text-sm hover:text-blue-600 line-clamp-1" title="知名投行全面部署AI助手，覆盖全员与全工作流程">知名投行全面部署AI助手，覆盖全员与全工作流程 2025-06-30</a></li>
<li><a href="https://www.53ai.com/news/AIyiliao/2025063010824.html" class="text-sm hover:text-blue-600 line-clamp-1" title="医疗行业怎么落地 AI？Abridge AI：重新定义医疗文档记录的智能化变革">医疗行业怎么落地 AI？Abridge AI：重新定义医疗文档记录的智能化变革 2025-06-30</a></li>
</ul>
</div>
<div>
<h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/qiyejingying">企业落地</a></h4>
<ul class="space-y-3">
<li><a href="https://www.53ai.com/news/neirongchuangzuo/2025070101648.html" class="text-sm hover:text-blue-600 line-clamp-1" title="我对 AI 写作的一些思考：Writing in the Age of LLMs">我对 AI 写作的一些思考：Writing in the Age of LLMs 2025-07-01</a></li>
<li><a href="https://www.53ai.com/news/neirongchuangzuo/2025063095706.html" class="text-sm hover:text-blue-600 line-clamp-1" title="怎么让 AI 写出好看有设计感的网页">怎么让 AI 写出好看有设计感的网页 2025-06-30</a></li>
<li><a href="https://www.53ai.com/news/neirongchuangzuo/2025063031769.html" class="text-sm hover:text-blue-600 line-clamp-1" title="靠Coze躺赢！输入水果名生成10w+AI切水果爆款视频！新号0粉小红书连爆2条快学！">靠Coze躺赢！输入水果名生成10w+AI切水果爆款视频！新号0粉小红书连爆2条快学！ 2025-06-30</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Methodology Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">53AI AI落地方法论</h2>
<p class="text-gray-600 max-w-2xl mx-auto">从"工作+AI"到"业务+AI"，最终实现"AI×业务"的大模型落地三步走方法论</p>
</div>
<div class="grid md:grid-cols-3 gap-8 mb-12">
<!-- Step 1 -->
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<div class="flex items-center mb-4">
<span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">1</span>
<h3 class="text-xl font-semibold">第一步：工作+AI</h3>
</div>
<p class="text-gray-600 mb-4">让全员零门槛使用上AI，实现工作提效30%</p>
<div class="mb-4">
<img src="https://static.53ai.com/assets/static/images/bg1.jpg" alt="Work+AI" class="rounded-lg w-full">
</div>
<div class="flex flex-wrap gap-3 mb-4">
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/assets/static/images/icon6.png" alt="全员提效" class="h-4 w-4 mr-1">
全员提效
</span>
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/assets/static/images/icon7.png" alt="场景涌现" class="h-4 w-4 mr-1">
场景涌现
</span>
</div>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/mofacaidan" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="魔法菜单" class="h-4 w-4 mr-1">
魔法菜单
</a>
<a href="https://www.53ai.com/product/gongzuoduihua" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="工作对话" class="h-4 w-4 mr-1">
工作对话
</a>
<a href="https://www.53ai.com/product/neirongchuangzuo" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="内容创作" class="h-4 w-4 mr-1">
内容创作
</a>
<a href="https://www.53ai.com/product/zhinengwendang" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能方案" class="h-4 w-4 mr-1">
智能方案
</a>
</div>
</div>
<!-- Step 2 -->
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<div class="flex items-center mb-4">
<span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">2</span>
<h3 class="text-xl font-semibold">第二步：业务+AI</h3>
</div>
<p class="text-gray-600 mb-4">让大模型掌握企业知识，胜任基础的工作岗位</p>
<div class="mb-4">
<img src="https://static.53ai.com/uploads/20240202/53d526a9366e64bdca8a602c1aada79f.jpg" alt="Business+AI" class="rounded-lg w-full">
</div>
<div class="flex flex-wrap gap-3 mb-4">
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/assets/static/images/icon6.png" alt="业务提效" class="h-4 w-4 mr-1">
业务提效
</span>
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/uploads/20240202/e9919042f684657ce9e310231dd86f72.png" alt="场景验证" class="h-4 w-4 mr-1">
场景验证
</span>
</div>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能问答" class="h-4 w-4 mr-1">
智能问答
</a>
<a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能陪练" class="h-4 w-4 mr-1">
智能陪练
</a>
<a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="销售助手" class="h-4 w-4 mr-1">
销售助手
</a>
<a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="共享服务" class="h-4 w-4 mr-1">
共享服务
</a>
</div>
</div>
<!-- Step 3 -->
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<div class="flex items-center mb-4">
<span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">3</span>
<h3 class="text-xl font-semibold">第三步：AI×业务</h3>
</div>
<p class="text-gray-600 mb-4">让大模型融入企业业务流程，全面赋能业务提效</p>
<div class="mb-4">
<img src="https://static.53ai.com/uploads/20240202/2464d4db78f5829333469fb543f12e40.jpg" alt="AIxBusiness" class="rounded-lg w-full">
</div>
<div class="flex flex-wrap gap-3 mb-4">
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/uploads/20240202/b96bedb5c63f0f092a2a3178db479094.png" alt="业绩增长" class="h-4 w-4 mr-1">
业绩增长
</span>
<span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
<img src="https://static.53ai.com/uploads/20240202/c59a15cf772c24d009293e40342d78e3.png" alt="构建壁垒" class="h-4 w-4 mr-1">
构建壁垒
</span>
</div>
<div class="grid grid-cols-2 gap-3">
<a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="业务集成" class="h-4 w-4 mr-1">
业务集成
</a>
<a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="零码编排" class="h-4 w-4 mr-1">
零码编排
</a>
<a href="https://www.53ai.com/product/ChatBI" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能问数" class="h-4 w-4 mr-1">
智能问数
</a>
<a href="https://www.53ai.com/product/zijianyingyong" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
<img src="https://static.53ai.com/assets/static/images/icon5.png" alt="应用智改" class="h-4 w-4 mr-1">
应用智改
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Product Matrix Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">53AI 产品矩阵</h2>
<p class="text-gray-600 max-w-2xl mx-auto">语料数据可视化清洗+智能体训练与编排+智能体发布与运营</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- Data Cleaning -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<h3 class="text-xl font-semibold mb-4">语料数据可视化清洗</h3>
<div class="mb-6">
<img src="https://static.53ai.com/assets/static/images/index-product/img-1.png" alt="Data Cleaning" class="rounded-lg w-full">
</div>
<a href="https://www.53ai.com/products/53AIKM" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
53AI KM 知识库管理 <i class="fas fa-chevron-right ml-1 text-sm"></i>
</a>
</div>
<!-- Agent Training -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<h3 class="text-xl font-semibold mb-4">智能体训练与编排</h3>
<div class="mb-6">
<img src="https://static.53ai.com/assets/static/images/index-product/lt-row.png" alt="Agent Training" class="rounded-lg w-full">
</div>
<a href="https://www.53ai.com/products/53AIStudio" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
53AI Studio 智能体编排 <i class="fas fa-chevron-right ml-1 text-sm"></i>
</a>
<div class="mt-6">
<h4 class="font-medium mb-3">三方智能体平台</h4>
<div class="grid grid-cols-5 gap-3">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-1.png" alt="Platform 1" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-2.png" alt="Platform 2" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-3.png" alt="Platform 3" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-4.png" alt="Platform 4" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-5.png" alt="Platform 5" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-6.png" alt="Platform 6" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-7.png" alt="Platform 7" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-8.png" alt="Platform 8" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-9.png" alt="Platform 9" class="h-8">
<img src="https://static.53ai.com/assets/static/images/index-product/logo-10.png" alt="Platform 10" class="h-8">
</div>
</div>
</div>
<!-- Agent Publishing -->
<div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
<h3 class="text-xl font-semibold mb-4">智能体发布与运营</h3>
<div class="mb-6">
<img src="https://static.53ai.com/assets/static/images/index-product/img-2.png" alt="Agent Publishing" class="rounded-lg w-full">
</div>
<a href="https://www.53ai.com/products/53AIHub" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
53AI Hub 智能体门户 <i class="fas fa-chevron-right ml-1 text-sm"></i>
</a>
<div class="mt-6">
<h4 class="font-medium mb-3">53AI Browser 智能工作台</h4>
<img src="https://static.53ai.com/assets/static/images/index-product/index-m.png" alt="53AI Browser" class="rounded-lg w-full">
</div>
</div>
</div>
</div>
</section>
<!-- Best Practices Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">53AI 最佳实践</h2>
<p class="text-gray-600 max-w-2xl mx-auto">上百家中大型企业验证过的AI落地最佳实践</p>
</div>
<div class="relative">
<!-- Timeline -->
<div class="flex overflow-x-auto pb-8 mb-8">
<div class="flex space-x-4 min-w-max">
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">01</div>
<span class="text-sm font-medium">认知对齐</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">02</div>
<span class="text-sm font-medium">启发思考</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">03</div>
<span class="text-sm font-medium">试点探索</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">04</div>
<span class="text-sm font-medium">试点交付</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">05</div>
<span class="text-sm font-medium">成果复制</span>
</div>
</div>
</div>
<!-- Practice Items -->
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<h3 class="text-xl font-semibold mb-4">达成共识</h3>
<div class="mb-4">
<img src="https://static.53ai.com/assets/static/images/img39.jpg" alt="Consensus" class="rounded-lg w-full">
</div>
<div class="mb-4">
<h4 class="font-medium mb-2">阶段</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>员工的AI技能</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>领导的AI思维</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>企业的AI文化</span>
</li>
</ul>
</div>
<div>
<h4 class="font-medium mb-2">成果</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>领导层的共识 对齐AI认知基线、用"统一的语言"达成共识</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>管理层的认知 理解AI特性、知道能做什么、不能做什么</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>执行层的应用 用大模型解决工作问题、掌握结构化提示词</span>
</li>
</ul>
</div>
</div>
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<h3 class="text-xl font-semibold mb-4">达成共识</h3>
<div class="mb-4">
<img src="https://static.53ai.com/uploads/20240430/c87e869d4e3ac6888a31a4f78e045b45.jpg" alt="Inspiration" class="rounded-lg w-full">
</div>
<div class="mb-4">
<h4 class="font-medium mb-2">阶段</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>行业领先AI应用分享</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>创新AI应用落地拆解</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>场景梳理与目标规划</span>
</li>
</ul>
</div>
<div>
<h4 class="font-medium mb-2">成果</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>获得支持 企业高管层支持， 双方投入</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>创新探索 找到业务问题或机遇，梳理工作流程，进行智能化改造</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>深度培训 AI虚拟团队 + 试点业务部门</span>
</li>
</ul>
</div>
</div>
<div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
<h3 class="text-xl font-semibold mb-4">达成共识</h3>
<div class="mb-4">
<img src="https://static.53ai.com/uploads/20240430/f9ad63ecfbfd7273878a02d86ebe2fe5.jpg" alt="Pilot" class="rounded-lg w-full">
</div>
<div class="mb-4">
<h4 class="font-medium mb-2">阶段</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
<span>大模型应用从想法到落地</span>
</li>
</ul>
</div>
<div>
<h4 class="font-medium mb-2">成果</h4>
<ul class="space-y-2">
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>业务梳理 梳理企业内部流程、需求部门业务目标</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>价值链条 打通试点业务从 业务价值、流程、AI技术的价值链闭环</span>
</li>
<li class="flex items-center">
<img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
<span>落地团队 高管+业务+HR+IT</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8 mb-8">
<div>
<h3 class="text-lg font-semibold mb-4">产品服务</h3>
<ul class="space-y-2">
<li><a href="https://www.53ai.com/product/quanyuanAI" class="text-gray-400 hover:text-white">工作+AI</a></li>
<li><a href="https://www.53ai.com/product/gongzuoduihua" class="text-gray-400 hover:text-white">工作对话</a></li>
<li><a href="https://www.53ai.com/product/neirongchuangzuo" class="text-gray-400 hover:text-white">内容创作</a></li>
<li><a href="https://www.53ai.com/product/zhinengwendang" class="text-gray-400 hover:text-white">方案撰写</a></li>
<li><a href="https://www.53ai.com/product/mofacaidan" class="text-gray-400 hover:text-white">魔法菜单</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">业务+AI</h3>
<ul class="space-y-2">
<li><a href="https://www.53ai.com/product/yewuAI" class="text-gray-400 hover:text-white">业务+AI</a></li>
<li><a href="https://www.53ai.com/product/jiqiren" class="text-gray-400 hover:text-white">智能问答</a></li>
<li><a href="https://www.53ai.com/product/jinengtuozhan" class="text-gray-400 hover:text-white">拓展能力</a></li>
<li><a href="https://www.53ai.com/product/siyoumoxing" class="text-gray-400 hover:text-white">私有模型</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">AIx业务</h3>
<ul class="space-y-2">
<li><a href="https://www.53ai.com/product/AIXyewu" class="text-gray-400 hover:text-white">AIx业务</a></li>
<li><a href="https://www.53ai.com/product/zijianyingyong" class="text-gray-400 hover:text-white">应用智改</a></li>
<li><a href="https://www.53ai.com/product/LLMFlow" class="text-gray-400 hover:text-white">LLMFlow</a></li>
<li><a href="https://www.53ai.com/product/ChatBI" class="text-gray-400 hover:text-white">ChatBI</a></li>
<li><a href="https://www.53ai.com/product/xitongguanli" class="text-gray-400 hover:text-white">统管平台</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">联系我们</h3>
<div class="mb-4">
<p class="text-gray-400 mb-2">售前咨询</p>
<a href="tel:18666627370" class="text-white hover:text-blue-400">186 6662 7370</a>
</div>
<div class="mb-4">
<p class="text-gray-400 mb-2">预约演示</p>
<a href="tel:18588820121" class="text-white hover:text-blue-400">185 8882 0121</a>
</div>
<div class="flex space-x-4">
<img src="https://wework.qpic.cn/wwpic3az/328234_yx2KiGx6QKC0txv_1751296166/0" alt="WeChat" class="h-24 w-24">
<img src="https://wework.qpic.cn/wwpic3az/262478_1RHcF30SRFeF0zE_1751296166/0" alt="Consultant" class="h-24 w-24">
</div>
</div>
</div>
<div class="pt-8 border-t border-gray-800">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<p class="text-gray-400">CopyRight © 2012-2024 深圳市博思协创网络科技有限公司 版权所有</p>
<a href="https://beian.miit.gov.cn/#/Integrated/index" class="text-gray-400 hover:text-white flex items-center mt-2">
<img src="https://static.53ai.com/assets/static/images/bei.png" alt="备案图标" class="h-4 mr-2">粤ICP备17114055号
</a>
</div>
<div class="text-gray-400 text-sm">
<p>广州：广州市华景路37号(华景软件园)暨南大学科技大厦6楼（整层）</p>
<p>深圳：深圳市福田区泰然四路29号天安创新科技广场一期A座1204</p>
<p>上海：上海市浦东新区金新路58号1602室</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Back to top -->
<button id="back-to-top" class="fixed bottom-8 right-8 bg-blue-600 text-white p-3 rounded-full shadow-lg hidden">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
</svg>
</button>
<script>
// Mobile menu toggle
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
mobileMenuButton.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
// Back to top button
const backToTopButton = document.getElementById('back-to-top');
window.addEventListener('scroll', () => {
if (window.pageYOffset > 300) {
backToTopButton.classList.remove('hidden');
} else {
backToTopButton.classList.add('hidden');
}
});
backToTopButton.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=blakegger/53ai-clone" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>