Merge remote-tracking branch 'origin/main'
This commit is contained in:
@@ -4,7 +4,25 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>解决方案 - 活牛采购智能数字化系统</title>
|
||||
<meta name="description" content="活牛采购智能数字化系统针对不同行业和企业规模的专业解决方案，提供全流程数字化采购管理服务。">
|
||||
<meta name="description" content="活牛采购智能数字化系统针对不同行业和企业规模的专业解决方案，提供全流程数字化采购管理服务，助力养殖企业实现数字化转型。">
|
||||
<meta name="keywords" content="活牛采购解决方案,养殖业数字化转型,规模化养殖,家庭牧场,活牛贸易商,采购管理方案,数字化解决方案">
|
||||
|
||||
<!-- 结构化数据 -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "活牛采购智能数字化系统 - 解决方案",
|
||||
"description": "活牛采购智能数字化系统针对不同行业和企业规模的专业解决方案，提供全流程数字化采购管理服务。",
|
||||
"applicationCategory": "BusinessApplication",
|
||||
"operatingSystem": "Web",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "CNY"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Bootstrap 5 CSS -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
@@ -21,8 +39,14 @@
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span class="ms-2 fw-bold">活牛采购智能数字化系统</span>
|
||||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||||
<div class="logo-container me-2">
|
||||
<i class="fas fa-cow text-primary fs-2"></i>
|
||||
</div>
|
||||
<div class="brand-text">
|
||||
<div class="brand-name fw-bold">NiuMall</div>
|
||||
<div class="brand-subtitle">活牛采购智能系统</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
@@ -71,64 +95,88 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 解决方案 -->
|
||||
<!-- 解决方案英雄区域 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="display-5 fw-bold mb-4">行业解决方案</h1>
|
||||
<p class="lead">针对不同规模和类型的畜牧企业提供定制化解决方案，助力企业实现数字化转型</p>
|
||||
<p>我们的解决方案基于多年行业经验积累，结合先进的数字化技术，为企业提供量身定制的采购管理服务。</p>
|
||||
<div class="mt-4">
|
||||
<a href="#solutions" class="btn btn-primary btn-lg me-3">
|
||||
<i class="fas fa-th-large me-2"></i>查看方案
|
||||
</a>
|
||||
<a href="cases.html" class="btn btn-outline-primary btn-lg">
|
||||
<i class="fas fa-user-check me-2"></i>客户案例
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="images/solution-banner.jpg" alt="解决方案" class="img-fluid rounded shadow" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 按行业分类的解决方案 -->
|
||||
<section id="solutions" class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="display-5 fw-bold mb-4">行业解决方案</h1>
|
||||
<p class="lead">针对不同规模和类型的畜牧企业提供定制化解决方案</p>
|
||||
<h2 class="display-6 mb-3">按行业分类的解决方案</h2>
|
||||
<p class="text-muted">针对不同细分行业的特殊需求提供专业解决方案</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4 mb-5">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card solution-card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<i class="fas fa-building"></i>
|
||||
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
|
||||
<i class="fas fa-tractor"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">大型养殖企业</h5>
|
||||
<p class="card-text">针对年采购量超过1000头的大型养殖企业，提供集团化采购管理解决方案。</p>
|
||||
<h5 class="card-title text-center">规模化养殖</h5>
|
||||
<p class="card-text">针对年出栏量超过5000头的大型养殖场，提供集团化采购管理解决方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>多级审批流程</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>多供应商管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>数据分析报表</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>集团采购协同</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0 text-center">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card solution-card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
|
||||
<i class="fas fa-home"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">中小型牧场</h5>
|
||||
<p class="card-text">针对年采购量在100-1000头的中小型牧场，提供简化版采购管理方案。</p>
|
||||
<h5 class="card-title text-center">家庭牧场</h5>
|
||||
<p class="card-text">针对年出栏量在500-5000头的中小型牧场，提供简化版采购管理方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>简易操作界面</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>基础质检模板</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>成本控制分析</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>移动端支持</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0 text-center">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card solution-card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<div class="feature-icon bg-warning bg-opacity-10 text-warning mb-4 mx-auto">
|
||||
<i class="fas fa-exchange-alt"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">贸易商</h5>
|
||||
<h5 class="card-title text-center">活牛贸易</h5>
|
||||
<p class="card-text">针对活牛贸易商，提供订单管理和交易撮合解决方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>订单全流程跟踪</li>
|
||||
@@ -136,57 +184,265 @@
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>结算风险控制</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>交易数据分析</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
<div class="card-footer bg-transparent border-0 text-center">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 按企业规模的定制方案 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">按企业规模的定制方案</h2>
|
||||
<p class="text-muted">根据企业规模和需求提供差异化解决方案</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-info bg-opacity-10 text-info mb-4 mx-auto">
|
||||
<i class="fas fa-seedling"></i>
|
||||
</div>
|
||||
<h5>小微企业</h5>
|
||||
<p class="text-muted">年采购量<200头</p>
|
||||
<ul class="list-unstyled text-start">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>基础采购管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>简单质检流程</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>移动端操作</li>
|
||||
<li class="mb-2"><i class="fas fa-times text-danger me-2"></i>高级分析报表</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
|
||||
<i class="fas fa-building"></i>
|
||||
</div>
|
||||
<h5>中小企业</h5>
|
||||
<p class="text-muted">年采购量200-1000头</p>
|
||||
<ul class="list-unstyled text-start">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>全流程采购管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>供应商管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>质检标准模板</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>基础数据分析</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
|
||||
<i class="fas fa-city"></i>
|
||||
</div>
|
||||
<h5>大型企业</h5>
|
||||
<p class="text-muted">年采购量1000-5000头</p>
|
||||
<ul class="list-unstyled text-start">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>集团化采购管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>多级审批流程</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>高级质检体系</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>深度数据分析</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-warning bg-opacity-10 text-warning mb-4 mx-auto">
|
||||
<i class="fas fa-industry"></i>
|
||||
</div>
|
||||
<h5>集团公司</h5>
|
||||
<p class="text-muted">年采购量>5000头</p>
|
||||
<ul class="list-unstyled text-start">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>多子公司协同</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>集中采购策略</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>风控合规管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>BI商业智能</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 成功案例引用 -->
|
||||
<section class="py-5 bg-dark">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3 text-white">成功案例引用</h2>
|
||||
<p class="text-muted">真实客户案例展示我们的解决方案如何帮助客户实现业务增长</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<img src="images/case-logo-1.jpg" alt="客户logo" class="rounded-circle me-3" width="50" height="50">
|
||||
<div>
|
||||
<h5 class="mb-0">山东畜牧合作社</h5>
|
||||
<small class="text-muted">大型养殖企业</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="card-text">通过实施我们的集团化采购解决方案，该合作社实现了采购效率提升40%，成本降低15%。</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div class="text-success">
|
||||
<i class="fas fa-arrow-up me-1"></i>40% 效率提升
|
||||
</div>
|
||||
<a href="cases.html#case1" class="btn btn-outline-primary btn-sm">查看详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<img src="images/case-logo-2.jpg" alt="客户logo" class="rounded-circle me-3" width="50" height="50">
|
||||
<div>
|
||||
<h5 class="mb-0">内蒙古家庭牧场</h5>
|
||||
<small class="text-muted">中小型牧场</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="card-text">采用我们的简化版采购管理系统后，牧场主表示操作简便，采购周期缩短30%。</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div class="text-success">
|
||||
<i class="fas fa-arrow-up me-1"></i>30% 周期缩短
|
||||
</div>
|
||||
<a href="cases.html#case2" class="btn btn-outline-primary btn-sm">查看详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<img src="images/case-logo-3.jpg" alt="客户logo" class="rounded-circle me-3" width="50" height="50">
|
||||
<div>
|
||||
<h5 class="mb-0">华南活牛贸易公司</h5>
|
||||
<small class="text-muted">贸易商</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="card-text">使用我们的贸易商解决方案后，该公司订单处理效率提升50%，客户满意度显著提高。</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div class="text-success">
|
||||
<i class="fas fa-arrow-up me-1"></i>50% 效率提升
|
||||
</div>
|
||||
<a href="cases.html#case3" class="btn btn-outline-primary btn-sm">查看详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 效益分析和ROI计算 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">效益分析和ROI计算</h2>
|
||||
<p class="text-muted">我们的解决方案如何帮助您实现投资回报最大化</p>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center mt-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h2 class="display-6 mb-4">为什么选择我们的解决方案？</h2>
|
||||
<p>我们的解决方案基于多年行业经验积累，结合先进的数字化技术，为企业提供量身定制的采购管理服务。</p>
|
||||
<div class="mt-4">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>行业专业性</h5>
|
||||
<p class="mb-0">深耕畜牧行业多年，深刻理解行业特点和需求</p>
|
||||
</div>
|
||||
<h3 class="mb-4">数字化采购带来的核心价值</h3>
|
||||
<div class="mb-4">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span>采购效率提升</span>
|
||||
<span class="fw-bold">30-50%</span>
|
||||
</div>
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>技术先进性</h5>
|
||||
<p class="mb-0">采用前沿技术架构，确保系统稳定高效运行</p>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: 45%"></div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>服务全面性</h5>
|
||||
<p class="mb-0">提供从咨询、实施到运维的全生命周期服务</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span>采购成本降低</span>
|
||||
<span class="fw-bold">10-20%</span>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 15%"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span>风险控制能力</span>
|
||||
<span class="fw-bold">显著提升</span>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 80%"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span>决策支持能力</span>
|
||||
<span class="fw-bold">全面提升</span>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-info" role="progressbar" style="width: 90%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="images/solution-banner.jpg" alt="解决方案优势" class="img-fluid rounded shadow" loading="lazy">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title mb-4">投资回报分析</h4>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<div class="bg-primary bg-opacity-10 p-3 rounded text-center">
|
||||
<div class="h4 text-primary mb-0">3-6个月</div>
|
||||
<small>投资回收期</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="bg-success bg-opacity-10 p-3 rounded text-center">
|
||||
<div class="h4 text-success mb-0">5:1</div>
|
||||
<small>平均ROI</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="bg-warning bg-opacity-10 p-3 rounded text-center">
|
||||
<div class="h4 text-warning mb-0">15%</div>
|
||||
<small>年成本节约</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="bg-info bg-opacity-10 p-3 rounded text-center">
|
||||
<div class="h4 text-info mb-0">40%</div>
|
||||
<small>效率提升</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<p class="mb-0"><i class="fas fa-lightbulb text-warning me-2"></i>根据行业数据统计，采用数字化采购系统的企业平均可在6个月内收回投资成本。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 实施流程 -->
|
||||
<section class="py-5 bg-dark">
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">实施流程</h2>
|
||||
@@ -195,42 +451,50 @@
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-comments"></i>
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
|
||||
<i class="fas fa-comments"></i>
|
||||
</div>
|
||||
<h5>需求调研</h5>
|
||||
<p class="text-muted">深入了解企业现状和需求，制定个性化方案</p>
|
||||
</div>
|
||||
<h5>需求调研</h5>
|
||||
<p class="text-muted">深入了解企业现状和需求，制定个性化方案</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-cogs"></i>
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h5>系统部署</h5>
|
||||
<p class="text-muted">快速部署系统环境，进行基础配置</p>
|
||||
</div>
|
||||
<h5>系统部署</h5>
|
||||
<p class="text-muted">快速部署系统环境，进行基础配置</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-graduation-cap"></i>
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-warning bg-opacity-10 text-warning mb-4 mx-auto">
|
||||
<i class="fas fa-graduation-cap"></i>
|
||||
</div>
|
||||
<h5>培训指导</h5>
|
||||
<p class="text-muted">提供全面培训，确保用户熟练使用</p>
|
||||
</div>
|
||||
<h5>培训指导</h5>
|
||||
<p class="text-muted">提供全面培训，确保用户熟练使用</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body text-center">
|
||||
<div class="feature-icon bg-info bg-opacity-10 text-info mb-4 mx-auto">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
</div>
|
||||
<h5>持续优化</h5>
|
||||
<p class="text-muted">根据使用反馈，持续优化系统功能</p>
|
||||
</div>
|
||||
<h5>持续优化</h5>
|
||||
<p class="text-muted">根据使用反馈，持续优化系统功能</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -244,7 +508,14 @@
|
||||
<div class="card-body p-5 text-center">
|
||||
<h3 class="mb-3">获取专属解决方案</h3>
|
||||
<p class="mb-4">立即联系我们的专家团队，获取适合您的定制化解决方案</p>
|
||||
<a href="contact.html" class="btn btn-light btn-lg">联系我们</a>
|
||||
<div class="d-flex flex-wrap justify-content-center gap-3">
|
||||
<a href="contact.html" class="btn btn-light btn-lg">
|
||||
<i class="fas fa-phone me-2"></i>联系我们
|
||||
</a>
|
||||
<a href="demo.html" class="btn btn-outline-light btn-lg">
|
||||
<i class="fas fa-play-circle me-2"></i>预约演示
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -311,5 +582,13 @@
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<script>
|
||||
// 初始化AOS动画
|
||||
AOS.init({
|
||||
duration: 800,
|
||||
once: true
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user