Hugging Face's logo

Spaces:
blakegger
/
53ai-clone
Running

App Files Community
blakegger commited on
Commit
056b4f7
·
verified ·
1 Parent(s): c4dcbc7

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +881 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: 53ai Clone
3
- emoji: 🐨
4
- colorFrom: blue
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: 53ai-clone
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,881 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI知识库|大模型知识库|智能体开发|53AI</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
12
+ }
13
+ .hover-scale {
14
+ transition: transform 0.3s ease;
15
+ }
16
+ .hover-scale:hover {
17
+ transform: scale(1.03);
18
+ }
19
+ .card-shadow {
20
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
21
+ }
22
+ .nav-link {
23
+ position: relative;
24
+ }
25
+ .nav-link:after {
26
+ content: '';
27
+ position: absolute;
28
+ width: 0;
29
+ height: 2px;
30
+ bottom: -2px;
31
+ left: 0;
32
+ background-color: #3b82f6;
33
+ transition: width 0.3s ease;
34
+ }
35
+ .nav-link:hover:after {
36
+ width: 100%;
37
+ }
38
+ .timeline-item:not(:last-child):after {
39
+ content: '';
40
+ position: absolute;
41
+ top: 24px;
42
+ left: 50%;
43
+ bottom: -24px;
44
+ width: 2px;
45
+ background-color: #e5e7eb;
46
+ transform: translateX(-50%);
47
+ }
48
+ @media (max-width: 768px) {
49
+ .timeline-item:not(:last-child):after {
50
+ left: 20px;
51
+ transform: none;
52
+ }
53
+ }
54
+ </style>
55
+ </head>
56
+ <body class="font-sans antialiased text-gray-800">
57
+ <!-- Header -->
58
+ <header class="bg-white shadow-sm sticky top-0 z-50">
59
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
60
+ <div class="flex items-center">
61
+ <a href="https://www.53ai.com/" class="flex items-center">
62
+ <img src="https://static.53ai.com/assets/static/images/logo.png" alt="53AI Logo" class="h-10">
63
+ <span class="ml-2 text-xl font-bold text-blue-600 hidden md:block">53AI</span>
64
+ </a>
65
+ <div class="ml-8 hidden lg:flex space-x-6">
66
+ <a href="https://www.53ai.com/" class="nav-link text-gray-700 hover:text-blue-600">首页</a>
67
+ <a href="https://www.53ai.com/product.html" class="nav-link text-gray-700 hover:text-blue-600">产品服务</a>
68
+ <a href="https://www.53ai.com/solution.html" class="nav-link text-gray-700 hover:text-blue-600">解决方案</a>
69
+ <a href="https://www.53ai.com/news.html" class="nav-link text-gray-700 hover:text-blue-600">AI知识库</a>
70
+ <a href="https://www.53ai.com/about.html" class="nav-link text-gray-700 hover:text-blue-600">关于我们</a>
71
+ </div>
72
+ </div>
73
+ <div class="flex items-center space-x-4">
74
+ <a href="https://chat.53ai.com/" class="hidden md:inline-block px-4 py-2 text-blue-600 hover:text-blue-800">登录</a>
75
+ <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>
76
+ <button class="lg:hidden text-gray-600 focus:outline-none" id="mobile-menu-button">
77
+ <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
78
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
79
+ </svg>
80
+ </button>
81
+ </div>
82
+ </div>
83
+
84
+ <!-- Mobile menu -->
85
+ <div class="lg:hidden hidden bg-white w-full absolute left-0 shadow-lg" id="mobile-menu">
86
+ <div class="px-4 py-3 space-y-3">
87
+ <a href="https://www.53ai.com/" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">首页</a>
88
+ <a href="https://www.53ai.com/product.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">产品服务</a>
89
+ <a href="https://www.53ai.com/solution.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">解决方案</a>
90
+ <a href="https://www.53ai.com/news.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">AI知识库</a>
91
+ <a href="https://www.53ai.com/about.html" class="block px-3 py-2 text-gray-700 hover:bg-gray-100 rounded">关于我们</a>
92
+ <div class="pt-2 border-t border-gray-200">
93
+ <a href="https://chat.53ai.com/" class="block px-3 py-2 text-blue-600 hover:bg-blue-50 rounded">登录</a>
94
+ <a href="https://www.53ai.com/trial.html" class="block px-3 py-2 bg-blue-600 text-white rounded-md text-center">预约演示</a>
95
+ </div>
96
+ </div>
97
+ </div>
98
+ </header>
99
+
100
+ <!-- Hero Section -->
101
+ <section class="gradient-bg text-white py-16 md:py-24">
102
+ <div class="container mx-auto px-4">
103
+ <div class="flex flex-col md:flex-row items-center">
104
+ <div class="md:w-1/2 mb-10 md:mb-0">
105
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">AI知识库 | 大模型知识库 | 智能体开发</h1>
106
+ <p class="text-xl mb-8">我们专注于中大型企业AI落地方法论，提升企业全员的AI领导力</p>
107
+ <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
108
+ <a href="javascript:;" class="px-8 py-3 bg-white text-blue-600 font-medium rounded-md hover:bg-gray-100 text-center">立即咨询</a>
109
+ <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>
110
+ </div>
111
+ </div>
112
+ <div class="md:w-1/2 flex justify-center">
113
+ <img src="https://static.53ai.com/uploads/20240219/64076edae85077a71f1b283e9dc6e35d.jpg" alt="AI Knowledge" class="rounded-lg shadow-xl max-w-full h-auto">
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </section>
118
+
119
+ <!-- Features Section -->
120
+ <section class="py-16 bg-gray-50">
121
+ <div class="container mx-auto px-4">
122
+ <div class="text-center mb-12">
123
+ <h2 class="text-3xl font-bold mb-4">热门场景</h2>
124
+ <p class="text-gray-600 max-w-2xl mx-auto">大模型提升全员工作效率，掌握企业知识与流程，驱动产品智能化改造</p>
125
+ </div>
126
+
127
+ <div class="grid md:grid-cols-3 gap-8">
128
+ <!-- Work + AI -->
129
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
130
+ <div class="flex items-center mb-4">
131
+ <img src="https://static.53ai.com/uploads/20240529/f87e241ff2dd3924718463507d38fcd1.png" alt="Work+AI" class="h-10 w-10 mr-3">
132
+ <h3 class="text-xl font-semibold">工作+AI</h3>
133
+ </div>
134
+ <p class="text-gray-600 mb-4">大模型提升全员工作效率</p>
135
+ <div class="grid grid-cols-2 gap-3">
136
+ <a href="https://www.53ai.com/product/gongzuoduihua" class="flex items-center text-blue-600 hover:text-blue-800">
137
+ <img src="https://static.53ai.com/uploads/20240529/39185f663b28883aa8de355676d00838.png" alt="工作对话" class="h-6 w-6 mr-2">
138
+ <span>工作对话</span>
139
+ </a>
140
+ <a href="https://www.53ai.com/product/neirongchuangzuo" class="flex items-center text-blue-600 hover:text-blue-800">
141
+ <img src="https://static.53ai.com/uploads/20240529/a4de80d25bb700416c04905f92e5d89b.png" alt="内容创作" class="h-6 w-6 mr-2">
142
+ <span>内容创作</span>
143
+ </a>
144
+ <a href="https://www.53ai.com/product/zhinengwendang" class="flex items-center text-blue-600 hover:text-blue-800">
145
+ <img src="https://static.53ai.com/uploads/20240529/088ab85a974ebb3c60b5907ef75d3852.png" alt="方案撰写" class="h-6 w-6 mr-2">
146
+ <span>方案撰写</span>
147
+ </a>
148
+ <a href="https://www.53ai.com/product/mofacaidan" class="flex items-center text-blue-600 hover:text-blue-800">
149
+ <img src="https://static.53ai.com/uploads/20240529/818975be79b3c7bf409d26750da48dd2.png" alt="魔法菜单" class="h-6 w-6 mr-2">
150
+ <span>魔法菜单</span>
151
+ </a>
152
+ </div>
153
+ </div>
154
+
155
+ <!-- Business + AI -->
156
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
157
+ <div class="flex items-center mb-4">
158
+ <img src="https://static.53ai.com/uploads/20240529/e3d1b654d90fe4a02dfda2b7bda13b74.png" alt="Business+AI" class="h-10 w-10 mr-3">
159
+ <h3 class="text-xl font-semibold">业务+AI</h3>
160
+ </div>
161
+ <p class="text-gray-600 mb-4">大模型掌握企业知识与流程</p>
162
+ <div class="grid grid-cols-2 gap-3">
163
+ <a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-blue-600 hover:text-blue-800">
164
+ <img src="https://static.53ai.com/uploads/20240529/e23b099525c800ed821a4f49287d5339.png" alt="智能问答" class="h-6 w-6 mr-2">
165
+ <span>智能问答</span>
166
+ </a>
167
+ <a href="https://www.53ai.com/product/jinengtuozhan" class="flex items-center text-blue-600 hover:text-blue-800">
168
+ <img src="https://static.53ai.com/uploads/20240529/55787c1b82bb850ad6b118645bec7ced.png" alt="拓展能力" class="h-6 w-6 mr-2">
169
+ <span>拓展能力</span>
170
+ </a>
171
+ <a href="https://www.53ai.com/product/siyoumoxing" class="flex items-center text-blue-600 hover:text-blue-800">
172
+ <img src="https://static.53ai.com/uploads/20240529/cc1c95ffbf6069fba0f6977b36e16093.png" alt="私有模型" class="h-6 w-6 mr-2">
173
+ <span>私有模型</span>
174
+ </a>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- AI x Business -->
179
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
180
+ <div class="flex items-center mb-4">
181
+ <img src="https://static.53ai.com/uploads/20240529/3294c40ae237a976140829e8c3e481c6.png" alt="AIxBusiness" class="h-10 w-10 mr-3">
182
+ <h3 class="text-xl font-semibold">AI×业务</h3>
183
+ </div>
184
+ <p class="text-gray-600 mb-4">大模型驱动产品智能化改造</p>
185
+ <div class="grid grid-cols-2 gap-3">
186
+ <a href="https://www.53ai.com/product/zijianyingyong" class="flex items-center text-blue-600 hover:text-blue-800">
187
+ <img src="https://static.53ai.com/uploads/20240529/d440209b9c1afda99d91101920ce06a0.png" alt="应用智改" class="h-6 w-6 mr-2">
188
+ <span>应用智改</span>
189
+ </a>
190
+ <a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-blue-600 hover:text-blue-800">
191
+ <img src="https://static.53ai.com/uploads/20240531/8a55810e147bec67f510cb64241d2118.png" alt="LLMFlow" class="h-6 w-6 mr-2">
192
+ <span>LLMFlow</span>
193
+ </a>
194
+ <a href="https://www.53ai.com/product/ChatBI" class="flex items-center text-blue-600 hover:text-blue-800">
195
+ <img src="https://static.53ai.com/uploads/20240531/454df06679465b9ed7e517a33c515648.png" alt="ChatBI" class="h-6 w-6 mr-2">
196
+ <span>ChatBI</span>
197
+ </a>
198
+ <a href="https://www.53ai.com/product/xitongguanli" class="flex items-center text-blue-600 hover:text-blue-800">
199
+ <img src="https://static.53ai.com/uploads/20240529/f56b3b28ed3bdf19179f29de6d181e88.png" alt="统管平台" class="h-6 w-6 mr-2">
200
+ <span>统管平台</span>
201
+ </a>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ </section>
207
+
208
+ <!-- Services Section -->
209
+ <section class="py-16">
210
+ <div class="container mx-auto px-4">
211
+ <div class="text-center mb-12">
212
+ <h2 class="text-3xl font-bold mb-4">产品服务</h2>
213
+ <p class="text-gray-600 max-w-2xl mx-auto">从"工作+AI"到"业务+AI"，最终实现"AI×业务"的大模型落地三步走方法论</p>
214
+ </div>
215
+
216
+ <div class="grid md:grid-cols-2 gap-8 mb-12">
217
+ <!-- Consulting -->
218
+ <div class="bg-white rounded-xl overflow-hidden hover-scale card-shadow transition">
219
+ <div class="flex flex-col md:flex-row">
220
+ <div class="md:w-1/3">
221
+ <img src="https://static.53ai.com/uploads/20240529/d84e48f5bedc6e502af93d083ba4f487.jpg" alt="Consulting" class="w-full h-full object-cover">
222
+ </div>
223
+ <div class="md:w-2/3 p-6">
224
+ <h3 class="text-xl font-semibold mb-2">AI咨询与内训</h3>
225
+ <p class="text-gray-600 mb-4">为企业提供专业的AI落地咨询与内部培训服务</p>
226
+ <a href="https://www.53ai.com/consulting.html" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
227
+ 了解更多 <i class="fas fa-chevron-right ml-1 text-sm"></i>
228
+ </a>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Custom Development -->
234
+ <div class="bg-white rounded-xl overflow-hidden hover-scale card-shadow transition">
235
+ <div class="flex flex-col md:flex-row">
236
+ <div class="md:w-1/3">
237
+ <img src="https://static.53ai.com/uploads/20250210/30a846a48c2b2f72efe6633d3d32efb4.jpg" alt="Custom Development" class="w-full h-full object-cover">
238
+ </div>
239
+ <div class="md:w-2/3 p-6">
240
+ <h3 class="text-xl font-semibold mb-2">微调与定制开发</h3>
241
+ <p class="text-gray-600 mb-4">为企业提供大模型微调与定制化开发服务</p>
242
+ <a href="https://www.53ai.com/fine-tuning.html" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
243
+ 了解更多 <i class="fas fa-chevron-right ml-1 text-sm"></i>
244
+ </a>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+
250
+ <!-- Popular Products -->
251
+ <div class="mb-12">
252
+ <h3 class="text-2xl font-semibold mb-6">热门产品</h3>
253
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
254
+ <a href="https://www.53ai.com/products/53AIHub" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
255
+ <img src="https://static.53ai.com/uploads/20250429/94e6d990ee63512db567bc53c113e8bd.png" alt="53AI Hub" class="h-16 mb-4 mx-auto">
256
+ <h4 class="font-semibold mb-2">53AI Hub</h4>
257
+ <p class="text-gray-600 text-sm">开源 跨平台的智能体发布与运营平台</p>
258
+ </a>
259
+ <a href="https://www.53ai.com/products/53AIStudio" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
260
+ <img src="https://static.53ai.com/uploads/20250429/b2cd4330d03bce8eb0eb0332eb2954cd.png" alt="53AI Studio" class="h-16 mb-4 mx-auto">
261
+ <h4 class="font-semibold mb-2">53AI Studio</h4>
262
+ <p class="text-gray-600 text-sm">高准确率的智能体开发与训练平台</p>
263
+ </a>
264
+ <a href="https://www.53ai.com/products/53AIKM" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
265
+ <img src="https://static.53ai.com/uploads/20250429/f9ed1b6c2d16a688c5791a0057c2217d.png" alt="53AI KM" class="h-16 mb-4 mx-auto">
266
+ <h4 class="font-semibold mb-2">53AI KM</h4>
267
+ <p class="text-gray-600 text-sm">人与AI双驱动的企业知识库</p>
268
+ </a>
269
+ <a href="javascript:;" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
270
+ <img src="https://static.53ai.com/uploads/20250429/05d03bb026421069826c64e2407ad7ee.png" alt="53AI Browser" class="h-16 mb-4 mx-auto">
271
+ <h4 class="font-semibold mb-2">53AI Browser</h4>
272
+ <p class="text-gray-600 text-sm">"AI专家"效率倍增的秘密武器 敬请期待...</p>
273
+ </a>
274
+ </div>
275
+ </div>
276
+
277
+ <!-- Solutions -->
278
+ <div>
279
+ <h3 class="text-2xl font-semibold mb-6">场景解决方案</h3>
280
+ <div class="grid md:grid-cols-3 gap-6">
281
+ <a href="https://www.53ai.com/solution.html#solution-148" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
282
+ <img src="https://static.53ai.com/assets/static/images/solution_icon_1.png" alt="智能问答" class="h-16 mb-4 mx-auto">
283
+ <h4 class="font-semibold mb-2 text-center">【智能问答】解决方案</h4>
284
+ <p class="text-gray-600 text-sm text-center">让大模型掌握企业的知识和流程</p>
285
+ </a>
286
+ <a href="https://www.53ai.com/solution.html#solution-149" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
287
+ <img src="https://static.53ai.com/assets/static/images/solution_icon_2.png" alt="应用智改" class="h-16 mb-4 mx-auto">
288
+ <h4 class="font-semibold mb-2 text-center">【应用智改】解决方案</h4>
289
+ <p class="text-gray-600 text-sm text-center">让大模型融入企业的产品和业务</p>
290
+ </a>
291
+ <a href="https://www.53ai.com/solution.html#solution-150" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
292
+ <img src="https://static.53ai.com/assets/static/images/solution_icon_3.png" alt="智能工单" class="h-16 mb-4 mx-auto">
293
+ <h4 class="font-semibold mb-2 text-center">【智能工单】解决方案</h4>
294
+ <p class="text-gray-600 text-sm text-center">让大模型创建和受理业务工单</p>
295
+ </a>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </section>
300
+
301
+ <!-- Knowledge Base Section -->
302
+ <section class="py-16 bg-gray-50">
303
+ <div class="container mx-auto px-4">
304
+ <div class="text-center mb-12">
305
+ <h2 class="text-3xl font-bold mb-4">AI知识库</h2>
306
+ <p class="text-gray-600 max-w-2xl mx-auto">大模型落地专家知识库</p>
307
+ </div>
308
+
309
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
310
+ <a href="https://www.53ai.com/news/qianyanjishu" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
311
+ <h3 class="font-semibold mb-3">前沿技术</h3>
312
+ <ul class="space-y-2 text-sm text-gray-600">
313
+ <li class="hover:text-blue-600">大模型技术</li>
314
+ <li class="hover:text-blue-600">多模态技术</li>
315
+ <li class="hover:text-blue-600">RAG技术</li>
316
+ <li class="hover:text-blue-600">知识图谱</li>
317
+ <li class="hover:text-blue-600">模型微调</li>
318
+ </ul>
319
+ </a>
320
+ <a href="https://www.53ai.com/news/agentplatform" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
321
+ <h3 class="font-semibold mb-3">Agent框架</h3>
322
+ <ul class="space-y-2 text-sm text-gray-600">
323
+ <li class="hover:text-blue-600">langchain</li>
324
+ <li class="hover:text-blue-600">llamaindex</li>
325
+ <li class="hover:text-blue-600">RAGFlow</li>
326
+ <li class="hover:text-blue-600">coze</li>
327
+ <li class="hover:text-blue-600">Dify</li>
328
+ </ul>
329
+ </a>
330
+ <a href="https://www.53ai.com/news/hangyeyingyong" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
331
+ <h3 class="font-semibold mb-3">行业应用</h3>
332
+ <ul class="space-y-2 text-sm text-gray-600">
333
+ <li class="hover:text-blue-600">AI+汽车</li>
334
+ <li class="hover:text-blue-600">AI+金融</li>
335
+ <li class="hover:text-blue-600">AI+工业</li>
336
+ <li class="hover:text-blue-600">AI+培训</li>
337
+ <li class="hover:text-blue-600">AI+SaaS</li>
338
+ </ul>
339
+ </a>
340
+ <a href="https://www.53ai.com/news/qiyejingying" class="bg-white rounded-lg p-6 hover-scale card-shadow transition">
341
+ <h3 class="font-semibold mb-3">企业落地</h3>
342
+ <ul class="space-y-2 text-sm text-gray-600">
343
+ <li class="hover:text-blue-600">内容创作</li>
344
+ <li class="hover:text-blue-600">个人提效</li>
345
+ <li class="hover:text-blue-600">智能客服</li>
346
+ <li class="hover:text-blue-600">AI面试</li>
347
+ <li class="hover:text-blue-600">数字员工</li>
348
+ </ul>
349
+ </a>
350
+ </div>
351
+
352
+ <!-- Featured Articles -->
353
+ <div class="mb-12">
354
+ <h3 class="text-2xl font-semibold mb-6">精选文章</h3>
355
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
356
+ <a href="https://www.53ai.com/news/RAG/2025070167190.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
357
+ <img src="https://static.53ai.com/uploads/20250610/bd5d68036aa4ca73afcff97c0c1fd775.png" alt="qodo如何构建大型代码仓库的RAG？" class="w-full h-48 object-cover">
358
+ <div class="p-4">
359
+ <h4 class="font-semibold mb-2">qodo如何构建大型代码仓库的RAG？</h4>
360
+ </div>
361
+ </a>
362
+ <a href="https://www.53ai.com/news/zhishiguanli/2025062840361.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
363
+ <img src="https://static.53ai.com/uploads/20250610/5c681d6bd837631199bcd8aa11e74a63.png" alt="内容行业如何用AI编程" class="w-full h-48 object-cover">
364
+ <div class="p-4">
365
+ <h4 class="font-semibold mb-2">内容行业如何用AI编程，更好地管理知识</h4>
366
+ <p class="text-gray-600 text-sm line-clamp-2">AI编程让内容创作效率倍增，LQ的自动化知识管理系统帮你告别信息焦虑。</p>
367
+ </div>
368
+ </a>
369
+ <a href="https://www.53ai.com/news/zhinengkefu/2025062901869.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
370
+ <img src="https://static.53ai.com/uploads/20250610/a0df261a49922779b2225ad60b1e3d31.png" alt="王总，别被AI忽悠瘸了！" class="w-full h-48 object-cover">
371
+ <div class="p-4">
372
+ <h4 class="font-semibold mb-2">王总，别被AI忽悠瘸了！先把企业AI Agent的内裤穿上</h4>
373
+ <p class="text-gray-600 text-sm line-clamp-2">AI不是万能药，先打好数据地基才能让AI真正落地！</p>
374
+ </div>
375
+ </a>
376
+ <a href="https://www.53ai.com/news/dify/2025063090283.html" class="bg-white rounded-lg overflow-hidden hover-scale card-shadow transition">
377
+ <img src="https://static.53ai.com/uploads/20250610/595e5dd418b528278c5b30e7ed069de3.png" alt="基于Dify平台实现推荐问题点击交互功能的技术方案" class="w-full h-48 object-cover">
378
+ <div class="p-4">
379
+ <h4 class="font-semibold mb-2">基于Dify平台实现推荐问题点击交互功能的技术方案</h4>
380
+ <p class="text-gray-600 text-sm line-clamp-2">Dify平台如何实现智能对话的点击交互？一文掌握推荐问题功能的技术实现。</p>
381
+ </div>
382
+ </a>
383
+ </div>
384
+ </div>
385
+
386
+ <!-- Latest Knowledge -->
387
+ <div>
388
+ <h3 class="text-2xl font-semibold mb-6">最新知识</h3>
389
+ <div class="grid md:grid-cols-4 gap-6">
390
+ <div>
391
+ <h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/qianyanjishu">前沿技术</a></h4>
392
+ <ul class="space-y-3">
393
+ <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>
394
+ <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>
395
+ <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>
396
+ </ul>
397
+ </div>
398
+ <div>
399
+ <h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/agentplatform">Agent框架</a></h4>
400
+ <ul class="space-y-3">
401
+ <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>
402
+ <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>
403
+ <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>
404
+ </ul>
405
+ </div>
406
+ <div>
407
+ <h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/hangyeyingyong">行业应用</a></h4>
408
+ <ul class="space-y-3">
409
+ <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>
410
+ <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>
411
+ <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>
412
+ </ul>
413
+ </div>
414
+ <div>
415
+ <h4 class="font-medium mb-3 text-blue-600"><a href="https://www.53ai.com/news/qiyejingying">企业落地</a></h4>
416
+ <ul class="space-y-3">
417
+ <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>
418
+ <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>
419
+ <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>
420
+ </ul>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ </section>
426
+
427
+ <!-- Methodology Section -->
428
+ <section class="py-16 bg-white">
429
+ <div class="container mx-auto px-4">
430
+ <div class="text-center mb-12">
431
+ <h2 class="text-3xl font-bold mb-4">53AI AI落地方法论</h2>
432
+ <p class="text-gray-600 max-w-2xl mx-auto">从"工作+AI"到"业务+AI"，最终实现"AI×业务"的大模型落地三步走方法论</p>
433
+ </div>
434
+
435
+ <div class="grid md:grid-cols-3 gap-8 mb-12">
436
+ <!-- Step 1 -->
437
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
438
+ <div class="flex items-center mb-4">
439
+ <span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">1</span>
440
+ <h3 class="text-xl font-semibold">第一步：工作+AI</h3>
441
+ </div>
442
+ <p class="text-gray-600 mb-4">让全员零门槛使用上AI，实现工作提效30%</p>
443
+ <div class="mb-4">
444
+ <img src="https://static.53ai.com/assets/static/images/bg1.jpg" alt="Work+AI" class="rounded-lg w-full">
445
+ </div>
446
+ <div class="flex flex-wrap gap-3 mb-4">
447
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
448
+ <img src="https://static.53ai.com/assets/static/images/icon6.png" alt="全员提效" class="h-4 w-4 mr-1">
449
+ 全员提效
450
+ </span>
451
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
452
+ <img src="https://static.53ai.com/assets/static/images/icon7.png" alt="场景涌现" class="h-4 w-4 mr-1">
453
+ 场景涌现
454
+ </span>
455
+ </div>
456
+ <div class="grid grid-cols-2 gap-3">
457
+ <a href="https://www.53ai.com/product/mofacaidan" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
458
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="魔法菜单" class="h-4 w-4 mr-1">
459
+ 魔法菜单
460
+ </a>
461
+ <a href="https://www.53ai.com/product/gongzuoduihua" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
462
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="工作对话" class="h-4 w-4 mr-1">
463
+ 工作对话
464
+ </a>
465
+ <a href="https://www.53ai.com/product/neirongchuangzuo" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
466
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="内容创作" class="h-4 w-4 mr-1">
467
+ 内容创作
468
+ </a>
469
+ <a href="https://www.53ai.com/product/zhinengwendang" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
470
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能方案" class="h-4 w-4 mr-1">
471
+ 智能方案
472
+ </a>
473
+ </div>
474
+ </div>
475
+
476
+ <!-- Step 2 -->
477
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
478
+ <div class="flex items-center mb-4">
479
+ <span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">2</span>
480
+ <h3 class="text-xl font-semibold">第二步：业务+AI</h3>
481
+ </div>
482
+ <p class="text-gray-600 mb-4">让大模型掌握企业知识，胜任基础的工作岗位</p>
483
+ <div class="mb-4">
484
+ <img src="https://static.53ai.com/uploads/20240202/53d526a9366e64bdca8a602c1aada79f.jpg" alt="Business+AI" class="rounded-lg w-full">
485
+ </div>
486
+ <div class="flex flex-wrap gap-3 mb-4">
487
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
488
+ <img src="https://static.53ai.com/assets/static/images/icon6.png" alt="业务提效" class="h-4 w-4 mr-1">
489
+ 业务提效
490
+ </span>
491
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
492
+ <img src="https://static.53ai.com/uploads/20240202/e9919042f684657ce9e310231dd86f72.png" alt="场景验证" class="h-4 w-4 mr-1">
493
+ 场景验证
494
+ </span>
495
+ </div>
496
+ <div class="grid grid-cols-2 gap-3">
497
+ <a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
498
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能问答" class="h-4 w-4 mr-1">
499
+ 智能问答
500
+ </a>
501
+ <a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
502
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能陪练" class="h-4 w-4 mr-1">
503
+ 智能陪练
504
+ </a>
505
+ <a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
506
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="销售助手" class="h-4 w-4 mr-1">
507
+ 销售助手
508
+ </a>
509
+ <a href="https://www.53ai.com/product/jiqiren" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
510
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="共享服务" class="h-4 w-4 mr-1">
511
+ 共享服务
512
+ </a>
513
+ </div>
514
+ </div>
515
+
516
+ <!-- Step 3 -->
517
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
518
+ <div class="flex items-center mb-4">
519
+ <span class="bg-blue-600 text-white rounded-full h-8 w-8 flex items-center justify-center mr-3">3</span>
520
+ <h3 class="text-xl font-semibold">第三步：AI×业务</h3>
521
+ </div>
522
+ <p class="text-gray-600 mb-4">让大模型融入企业业务流程，全面赋能业务提效</p>
523
+ <div class="mb-4">
524
+ <img src="https://static.53ai.com/uploads/20240202/2464d4db78f5829333469fb543f12e40.jpg" alt="AIxBusiness" class="rounded-lg w-full">
525
+ </div>
526
+ <div class="flex flex-wrap gap-3 mb-4">
527
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
528
+ <img src="https://static.53ai.com/uploads/20240202/b96bedb5c63f0f092a2a3178db479094.png" alt="业绩增长" class="h-4 w-4 mr-1">
529
+ 业绩增长
530
+ </span>
531
+ <span class="flex items-center text-sm bg-blue-50 text-blue-600 px-3 py-1 rounded-full">
532
+ <img src="https://static.53ai.com/uploads/20240202/c59a15cf772c24d009293e40342d78e3.png" alt="构建壁垒" class="h-4 w-4 mr-1">
533
+ 构建壁垒
534
+ </span>
535
+ </div>
536
+ <div class="grid grid-cols-2 gap-3">
537
+ <a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
538
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="业务集成" class="h-4 w-4 mr-1">
539
+ 业务集成
540
+ </a>
541
+ <a href="https://www.53ai.com/product/LLMFlow" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
542
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="零码编排" class="h-4 w-4 mr-1">
543
+ 零码编排
544
+ </a>
545
+ <a href="https://www.53ai.com/product/ChatBI" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
546
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="智能问数" class="h-4 w-4 mr-1">
547
+ 智能问数
548
+ </a>
549
+ <a href="https://www.53ai.com/product/zijianyingyong" class="flex items-center text-sm text-blue-600 hover:text-blue-800">
550
+ <img src="https://static.53ai.com/assets/static/images/icon5.png" alt="应用智改" class="h-4 w-4 mr-1">
551
+ 应用智改
552
+ </a>
553
+ </div>
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </section>
558
+
559
+ <!-- Product Matrix Section -->
560
+ <section class="py-16 bg-gray-50">
561
+ <div class="container mx-auto px-4">
562
+ <div class="text-center mb-12">
563
+ <h2 class="text-3xl font-bold mb-4">53AI 产品矩阵</h2>
564
+ <p class="text-gray-600 max-w-2xl mx-auto">语料数据可视化清洗+智能体训练与编排+智能体发布与运营</p>
565
+ </div>
566
+
567
+ <div class="grid md:grid-cols-3 gap-8">
568
+ <!-- Data Cleaning -->
569
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
570
+ <h3 class="text-xl font-semibold mb-4">语料数据可视化清洗</h3>
571
+ <div class="mb-6">
572
+ <img src="https://static.53ai.com/assets/static/images/index-product/img-1.png" alt="Data Cleaning" class="rounded-lg w-full">
573
+ </div>
574
+ <a href="https://www.53ai.com/products/53AIKM" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
575
+ 53AI KM 知识库管理 <i class="fas fa-chevron-right ml-1 text-sm"></i>
576
+ </a>
577
+ </div>
578
+
579
+ <!-- Agent Training -->
580
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
581
+ <h3 class="text-xl font-semibold mb-4">智能体训练与编排</h3>
582
+ <div class="mb-6">
583
+ <img src="https://static.53ai.com/assets/static/images/index-product/lt-row.png" alt="Agent Training" class="rounded-lg w-full">
584
+ </div>
585
+ <a href="https://www.53ai.com/products/53AIStudio" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
586
+ 53AI Studio 智能体编排 <i class="fas fa-chevron-right ml-1 text-sm"></i>
587
+ </a>
588
+
589
+ <div class="mt-6">
590
+ <h4 class="font-medium mb-3">三方智能体平台</h4>
591
+ <div class="grid grid-cols-5 gap-3">
592
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-1.png" alt="Platform 1" class="h-8">
593
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-2.png" alt="Platform 2" class="h-8">
594
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-3.png" alt="Platform 3" class="h-8">
595
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-4.png" alt="Platform 4" class="h-8">
596
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-5.png" alt="Platform 5" class="h-8">
597
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-6.png" alt="Platform 6" class="h-8">
598
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-7.png" alt="Platform 7" class="h-8">
599
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-8.png" alt="Platform 8" class="h-8">
600
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-9.png" alt="Platform 9" class="h-8">
601
+ <img src="https://static.53ai.com/assets/static/images/index-product/logo-10.png" alt="Platform 10" class="h-8">
602
+ </div>
603
+ </div>
604
+ </div>
605
+
606
+ <!-- Agent Publishing -->
607
+ <div class="bg-white rounded-xl p-6 hover-scale card-shadow transition">
608
+ <h3 class="text-xl font-semibold mb-4">智能体发布与运营</h3>
609
+ <div class="mb-6">
610
+ <img src="https://static.53ai.com/assets/static/images/index-product/img-2.png" alt="Agent Publishing" class="rounded-lg w-full">
611
+ </div>
612
+ <a href="https://www.53ai.com/products/53AIHub" class="text-blue-600 hover:text-blue-800 font-medium inline-flex items-center">
613
+ 53AI Hub 智能体门户 <i class="fas fa-chevron-right ml-1 text-sm"></i>
614
+ </a>
615
+
616
+ <div class="mt-6">
617
+ <h4 class="font-medium mb-3">53AI Browser 智能工作台</h4>
618
+ <img src="https://static.53ai.com/assets/static/images/index-product/index-m.png" alt="53AI Browser" class="rounded-lg w-full">
619
+ </div>
620
+ </div>
621
+ </div>
622
+ </div>
623
+ </section>
624
+
625
+ <!-- Best Practices Section -->
626
+ <section class="py-16 bg-white">
627
+ <div class="container mx-auto px-4">
628
+ <div class="text-center mb-12">
629
+ <h2 class="text-3xl font-bold mb-4">53AI 最佳实践</h2>
630
+ <p class="text-gray-600 max-w-2xl mx-auto">上百家中大型企业验证过的AI落地最佳实践</p>
631
+ </div>
632
+
633
+ <div class="relative">
634
+ <!-- Timeline -->
635
+ <div class="flex overflow-x-auto pb-8 mb-8">
636
+ <div class="flex space-x-4 min-w-max">
637
+ <div class="flex flex-col items-center">
638
+ <div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">01</div>
639
+ <span class="text-sm font-medium">认知对齐</span>
640
+ </div>
641
+ <div class="flex flex-col items-center">
642
+ <div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">02</div>
643
+ <span class="text-sm font-medium">启发思考</span>
644
+ </div>
645
+ <div class="flex flex-col items-center">
646
+ <div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">03</div>
647
+ <span class="text-sm font-medium">试点探索</span>
648
+ </div>
649
+ <div class="flex flex-col items-center">
650
+ <div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">04</div>
651
+ <span class="text-sm font-medium">试点交付</span>
652
+ </div>
653
+ <div class="flex flex-col items-center">
654
+ <div class="bg-blue-600 text-white rounded-full h-12 w-12 flex items-center justify-center mb-2">05</div>
655
+ <span class="text-sm font-medium">成果复制</span>
656
+ </div>
657
+ </div>
658
+ </div>
659
+
660
+ <!-- Practice Items -->
661
+ <div class="grid md:grid-cols-3 gap-8">
662
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
663
+ <h3 class="text-xl font-semibold mb-4">达成共识</h3>
664
+ <div class="mb-4">
665
+ <img src="https://static.53ai.com/assets/static/images/img39.jpg" alt="Consensus" class="rounded-lg w-full">
666
+ </div>
667
+ <div class="mb-4">
668
+ <h4 class="font-medium mb-2">阶段</h4>
669
+ <ul class="space-y-2">
670
+ <li class="flex items-center">
671
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
672
+ <span>员工的AI技能</span>
673
+ </li>
674
+ <li class="flex items-center">
675
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
676
+ <span>领导的AI思维</span>
677
+ </li>
678
+ <li class="flex items-center">
679
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
680
+ <span>企业的AI文化</span>
681
+ </li>
682
+ </ul>
683
+ </div>
684
+ <div>
685
+ <h4 class="font-medium mb-2">成果</h4>
686
+ <ul class="space-y-2">
687
+ <li class="flex items-center">
688
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
689
+ <span>领导层的共识 对齐AI认知基线、用"统一的语言"达成共识</span>
690
+ </li>
691
+ <li class="flex items-center">
692
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
693
+ <span>管理层的认知 理解AI特性、知道能做什么、不能做什么</span>
694
+ </li>
695
+ <li class="flex items-center">
696
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
697
+ <span>执行层的应用 用大模型解决工作问题、掌握结构化提示词</span>
698
+ </li>
699
+ </ul>
700
+ </div>
701
+ </div>
702
+
703
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
704
+ <h3 class="text-xl font-semibold mb-4">达成共识</h3>
705
+ <div class="mb-4">
706
+ <img src="https://static.53ai.com/uploads/20240430/c87e869d4e3ac6888a31a4f78e045b45.jpg" alt="Inspiration" class="rounded-lg w-full">
707
+ </div>
708
+ <div class="mb-4">
709
+ <h4 class="font-medium mb-2">阶段</h4>
710
+ <ul class="space-y-2">
711
+ <li class="flex items-center">
712
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
713
+ <span>行业领先AI应用分享</span>
714
+ </li>
715
+ <li class="flex items-center">
716
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
717
+ <span>创新AI应用落地拆解</span>
718
+ </li>
719
+ <li class="flex items-center">
720
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
721
+ <span>场景梳理与目标规划</span>
722
+ </li>
723
+ </ul>
724
+ </div>
725
+ <div>
726
+ <h4 class="font-medium mb-2">成果</h4>
727
+ <ul class="space-y-2">
728
+ <li class="flex items-center">
729
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
730
+ <span>获得支持 企业高管层支持， 双方投入</span>
731
+ </li>
732
+ <li class="flex items-center">
733
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
734
+ <span>创新探索 找到业务问题或机遇，梳理工作流程，进行智能化改造</span>
735
+ </li>
736
+ <li class="flex items-center">
737
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
738
+ <span>深度培训 AI虚拟团队 + 试点业务部门</span>
739
+ </li>
740
+ </ul>
741
+ </div>
742
+ </div>
743
+
744
+ <div class="bg-gray-50 rounded-xl p-6 hover-scale transition">
745
+ <h3 class="text-xl font-semibold mb-4">达成共识</h3>
746
+ <div class="mb-4">
747
+ <img src="https://static.53ai.com/uploads/20240430/f9ad63ecfbfd7273878a02d86ebe2fe5.jpg" alt="Pilot" class="rounded-lg w-full">
748
+ </div>
749
+ <div class="mb-4">
750
+ <h4 class="font-medium mb-2">阶段</h4>
751
+ <ul class="space-y-2">
752
+ <li class="flex items-center">
753
+ <img src="https://static.53ai.com/assets/static/images/icon65.svg" alt="Icon" class="h-4 w-4 mr-2">
754
+ <span>大模型应用从想法到落地</span>
755
+ </li>
756
+ </ul>
757
+ </div>
758
+ <div>
759
+ <h4 class="font-medium mb-2">成果</h4>
760
+ <ul class="space-y-2">
761
+ <li class="flex items-center">
762
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
763
+ <span>业务梳理 梳理企业内部流程、需求部门业务目标</span>
764
+ </li>
765
+ <li class="flex items-center">
766
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
767
+ <span>价值链条 打通试点业务从 业务价值、流程、AI技术的价值链闭环</span>
768
+ </li>
769
+ <li class="flex items-center">
770
+ <img src="https://static.53ai.com/assets/static/images/icon66.png" alt="Icon" class="h-4 w-4 mr-2">
771
+ <span>落地团队 高管+业务+HR+IT</span>
772
+ </li>
773
+ </ul>
774
+ </div>
775
+ </div>
776
+ </div>
777
+ </div>
778
+ </div>
779
+ </section>
780
+
781
+ <!-- Footer -->
782
+ <footer class="bg-gray-900 text-white py-12">
783
+ <div class="container mx-auto px-4">
784
+ <div class="grid md:grid-cols-4 gap-8 mb-8">
785
+ <div>
786
+ <h3 class="text-lg font-semibold mb-4">产品服务</h3>
787
+ <ul class="space-y-2">
788
+ <li><a href="https://www.53ai.com/product/quanyuanAI" class="text-gray-400 hover:text-white">工作+AI</a></li>
789
+ <li><a href="https://www.53ai.com/product/gongzuoduihua" class="text-gray-400 hover:text-white">工作对话</a></li>
790
+ <li><a href="https://www.53ai.com/product/neirongchuangzuo" class="text-gray-400 hover:text-white">内容创作</a></li>
791
+ <li><a href="https://www.53ai.com/product/zhinengwendang" class="text-gray-400 hover:text-white">方案撰写</a></li>
792
+ <li><a href="https://www.53ai.com/product/mofacaidan" class="text-gray-400 hover:text-white">魔法菜单</a></li>
793
+ </ul>
794
+ </div>
795
+ <div>
796
+ <h3 class="text-lg font-semibold mb-4">业务+AI</h3>
797
+ <ul class="space-y-2">
798
+ <li><a href="https://www.53ai.com/product/yewuAI" class="text-gray-400 hover:text-white">业务+AI</a></li>
799
+ <li><a href="https://www.53ai.com/product/jiqiren" class="text-gray-400 hover:text-white">智能问答</a></li>
800
+ <li><a href="https://www.53ai.com/product/jinengtuozhan" class="text-gray-400 hover:text-white">拓展能力</a></li>
801
+ <li><a href="https://www.53ai.com/product/siyoumoxing" class="text-gray-400 hover:text-white">私有模型</a></li>
802
+ </ul>
803
+ </div>
804
+ <div>
805
+ <h3 class="text-lg font-semibold mb-4">AIx业务</h3>
806
+ <ul class="space-y-2">
807
+ <li><a href="https://www.53ai.com/product/AIXyewu" class="text-gray-400 hover:text-white">AIx业务</a></li>
808
+ <li><a href="https://www.53ai.com/product/zijianyingyong" class="text-gray-400 hover:text-white">应用智改</a></li>
809
+ <li><a href="https://www.53ai.com/product/LLMFlow" class="text-gray-400 hover:text-white">LLMFlow</a></li>
810
+ <li><a href="https://www.53ai.com/product/ChatBI" class="text-gray-400 hover:text-white">ChatBI</a></li>
811
+ <li><a href="https://www.53ai.com/product/xitongguanli" class="text-gray-400 hover:text-white">统管平台</a></li>
812
+ </ul>
813
+ </div>
814
+ <div>
815
+ <h3 class="text-lg font-semibold mb-4">联系我们</h3>
816
+ <div class="mb-4">
817
+ <p class="text-gray-400 mb-2">售前咨询</p>
818
+ <a href="tel:18666627370" class="text-white hover:text-blue-400">186 6662 7370</a>
819
+ </div>
820
+ <div class="mb-4">
821
+ <p class="text-gray-400 mb-2">预约演示</p>
822
+ <a href="tel:18588820121" class="text-white hover:text-blue-400">185 8882 0121</a>
823
+ </div>
824
+ <div class="flex space-x-4">
825
+ <img src="https://wework.qpic.cn/wwpic3az/328234_yx2KiGx6QKC0txv_1751296166/0" alt="WeChat" class="h-24 w-24">
826
+ <img src="https://wework.qpic.cn/wwpic3az/262478_1RHcF30SRFeF0zE_1751296166/0" alt="Consultant" class="h-24 w-24">
827
+ </div>
828
+ </div>
829
+ </div>
830
+
831
+ <div class="pt-8 border-t border-gray-800">
832
+ <div class="flex flex-col md:flex-row justify-between items-center">
833
+ <div class="mb-4 md:mb-0">
834
+ <p class="text-gray-400">CopyRight © 2012-2024 深圳市博思协创网络科技有限公司 版权所有</p>
835
+ <a href="https://beian.miit.gov.cn/#/Integrated/index" class="text-gray-400 hover:text-white flex items-center mt-2">
836
+ <img src="https://static.53ai.com/assets/static/images/bei.png" alt="备案图标" class="h-4 mr-2">粤ICP备17114055号
837
+ </a>
838
+ </div>
839
+ <div class="text-gray-400 text-sm">
840
+ <p>广州：广州市华景路37号(华景软件园)暨南大学科技大厦6楼（整层）</p>
841
+ <p>深圳：深圳市福田区泰然四路29号天安创新科技广场一期A座1204</p>
842
+ <p>上海：上海市浦东新区金新路58号1602室</p>
843
+ </div>
844
+ </div>
845
+ </div>
846
+ </div>
847
+ </footer>
848
+
849
+ <!-- Back to top -->
850
+ <button id="back-to-top" class="fixed bottom-8 right-8 bg-blue-600 text-white p-3 rounded-full shadow-lg hidden">
851
+ <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
852
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
853
+ </svg>
854
+ </button>
855
+
856
+ <script>
857
+ // Mobile menu toggle
858
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
859
+ const mobileMenu = document.getElementById('mobile-menu');
860
+
861
+ mobileMenuButton.addEventListener('click', () => {
862
+ mobileMenu.classList.toggle('hidden');
863
+ });
864
+
865
+ // Back to top button
866
+ const backToTopButton = document.getElementById('back-to-top');
867
+
868
+ window.addEventListener('scroll', () => {
869
+ if (window.pageYOffset > 300) {
870
+ backToTopButton.classList.remove('hidden');
871
+ } else {
872
+ backToTopButton.classList.add('hidden');
873
+ }
874
+ });
875
+
876
+ backToTopButton.addEventListener('click', () => {
877
+ window.scrollTo({ top: 0, behavior: 'smooth' });
878
+ });
879
+ </script>
880
+ <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>
881
+ </html>