Files
niumalll/website/solutions.html
mapleaf a9209b9c75 docs(website): 重构关于页面布局和内容
- 更新页面布局,优化导航栏和面包屑导航
- 重新组织页面内容,突出公司使命和价值观
- 添加发展历程和核心团队介绍
- 更新合作伙伴展示方式
- 调整页脚内容,增加社交媒体链接
2025-09-10 20:09:58 +08:00

315 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>解决方案 - 活牛采购智能数字化系统</title>
<meta name="description" content="活牛采购智能数字化系统针对不同行业和企业规模的专业解决方案,提供全流程数字化采购管理服务。">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<!-- AOS Animation -->
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<!-- 自定义样式 -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
<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>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">产品介绍</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="solutions.html">解决方案</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cases.html">客户案例</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">关于我们</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">新闻动态</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">联系我们</a>
</li>
</ul>
<div class="ms-3">
<a href="contact.html" class="btn btn-primary">免费试用</a>
</div>
</div>
</div>
</nav>
<!-- 面包屑导航 -->
<nav aria-label="breadcrumb" class="pt-5 mt-5">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
<li class="breadcrumb-item active" aria-current="page">解决方案</li>
</ol>
</div>
</nav>
<!-- 解决方案 -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h1 class="display-5 fw-bold mb-4">行业解决方案</h1>
<p class="lead">针对不同规模和类型的畜牧企业提供定制化解决方案</p>
</div>
<div class="row g-4 mb-5">
<div class="col-md-6 col-lg-4">
<div class="card solution-card h-100 border-0">
<div class="card-body">
<div class="feature-icon mb-4 mx-auto">
<i class="fas fa-building"></i>
</div>
<h5 class="card-title text-center">大型养殖企业</h5>
<p class="card-text">针对年采购量超过1000头的大型养殖企业提供集团化采购管理解决方案。</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>
</div>
<div class="col-md-6 col-lg-4">
<div class="card solution-card h-100 border-0">
<div class="card-body">
<div class="feature-icon 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>
<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>
</div>
<div class="col-md-6 col-lg-4">
<div class="card solution-card h-100 border-0">
<div class="card-body">
<div class="feature-icon mb-4 mx-auto">
<i class="fas fa-exchange-alt"></i>
</div>
<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>
<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>
</div>
</div>
<div class="row align-items-center mt-5">
<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>
</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>
<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>
</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 class="py-5 bg-dark">
<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-md-6 col-lg-3">
<div class="text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fas fa-comments"></i>
</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>
<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>
<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>
<h5>持续优化</h5>
<p class="text-muted">根据使用反馈,持续优化系统功能</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-5">
<div class="container">
<div class="card bg-primary text-white border-0 shadow">
<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>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4 mb-lg-0">
<h5 class="footer-title">活牛采购智能数字化系统</h5>
<p>专业的活牛采购全流程数字化管理解决方案,提升采购效率,降低经营风险。</p>
<div class="d-flex">
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">产品</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="product.html">功能介绍</a></li>
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
<li class="mb-2"><a href="cases.html">客户案例</a></li>
<li class="mb-2"><a href="news.html">更新日志</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
<h5 class="footer-title">支持</h5>
<ul class="list-unstyled">
<li class="mb-2"><a href="#">帮助中心</a></li>
<li class="mb-2"><a href="#">在线客服</a></li>
<li class="mb-2"><a href="#">开发者文档</a></li>
<li class="mb-2"><a href="#">合作伙伴</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4">
<h5 class="footer-title">联系我们</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 北京市朝阳区xxx街道xxx号</li>
<li class="mb-2"><i class="fas fa-phone me-2"></i> 400-xxx-xxxx</li>
<li class="mb-2"><i class="fas fa-envelope me-2"></i> info@example.com</li>
</ul>
</div>
</div>
<div class="copyright text-center">
<p>&copy; 2023 活牛采购智能数字化系统. 保留所有权利。</p>
</div>
</div>
</footer>
<!-- 返回顶部按钮 -->
<button class="back-to-top" aria-label="返回顶部">
<i class="fas fa-arrow-up"></i>
</button>
<!-- Bootstrap JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation -->
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
<!-- 自定义脚本 -->
<script src="js/main.js"></script>
</body>
</html>