Files
niumalll/website/index.html

525 lines
27 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="专业的活牛采购数字化管理系统,提供从采购、运输到结算的全流程数字化解决方案,助力养殖企业提升采购效率。">
<meta name="keywords" content="活牛采购,畜牧管理,数字化系统,SOP系统,农业数字化,养殖业">
<!-- 结构化数据 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "活牛采购智能数字化系统",
"description": "专业的活牛采购数字化管理系统,提供从采购、运输到结算的全流程数字化解决方案",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "CNY"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"bestRating": "5",
"worstRating": "1",
"ratingCount": "156"
},
"softwareVersion": "3.2",
"dateModified": "2023-12-15"
}
</script>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.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">
<link href="css/responsive.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 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">
<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 active" 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" 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="news.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="docs.html">开发者文档</a>
</li>
<li class="nav-item">
<a class="nav-link" href="partners.html">合作伙伴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.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>
<!-- 英雄区域 -->
<section class="hero-section bg-dark text-white py-5">
<div class="container py-5">
<div class="row align-items-center">
<div class="col-lg-8 mx-auto text-center">
<div class="hero-badge mb-3">
<span class="badge bg-primary">行业领先</span>
</div>
<h1 class="display-4 fw-bold mb-4">数字化活牛采购全流程管理</h1>
<p class="lead mb-4">专业的SOP采购管理系统从供应商筛选、订单管理、运输跟踪到财务结算一站式解决活牛采购的所有难题。</p>
<div class="d-flex flex-wrap gap-3 justify-content-center mb-4">
<a href="contact.html" class="btn btn-primary btn-lg">
<i class="fas fa-rocket 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 class="d-flex align-items-center justify-content-center">
<i class="fas fa-check-circle text-success me-2"></i>
<small>已有 500+ 企业选择我们的系统</small>
</div>
</div>
</div>
</div>
</section>
<!-- 核心功能亮点轮播 -->
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-6 mb-3">核心功能亮点</h2>
<p class="text-muted">为什么选择我们的系统</p>
</div>
<div id="featuresCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="0" class="active" aria-current="true"></button>
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fas fa-bolt"></i>
</div>
<h3 class="mb-3">智能采购建议</h3>
<p class="lead">基于历史数据和市场趋势分析,系统能够为用户提供智能采购建议,包括采购时机、数量预测、价格趋势等,帮助用户做出更明智的采购决策。</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fas fa-mobile-alt"></i>
</div>
<h3 class="mb-3">移动端优化</h3>
<p class="lead">针对移动设备进行了全面优化,界面更加简洁直观,操作更加流畅便捷。无论您是在牧场、运输途中还是办公室,都能轻松管理采购流程。</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="feature-icon mx-auto mb-4">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="mb-3">数据可视化</h3>
<p class="lead">新增丰富的数据可视化功能,通过图表形式直观展示采购数据、成本分析、供应商绩效等关键指标,让数据更有价值。</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#featuresCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#featuresCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</section>
<!-- 功能特性 -->
<section class="features-section 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-md-6 col-lg-3">
<div class="card h-100 text-center border-0 card-hover">
<div class="feature-icon">
<i class="fas fa-users"></i>
</div>
<div class="card-body">
<h5 class="card-title">供应商管理</h5>
<p class="card-text">建立供应商档案,记录资质信息,评估供应商信誉等级</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card h-100 text-center border-0 card-hover">
<div class="feature-icon">
<i class="fas fa-clipboard-list"></i>
</div>
<div class="card-body">
<h5 class="card-title">采购计划</h5>
<p class="card-text">制定科学采购计划,自动生成采购清单和时间安排</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card h-100 text-center border-0 card-hover">
<div class="feature-icon">
<i class="fas fa-search"></i>
</div>
<div class="card-body">
<h5 class="card-title">质检系统</h5>
<p class="card-text">标准化质检流程,制定质检标准,记录质检数据</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card h-100 text-center border-0 card-hover">
<div class="feature-icon">
<i class="fas fa-truck"></i>
</div>
<div class="card-body">
<h5 class="card-title">运输跟踪</h5>
<p class="card-text">实时跟踪运输状态,确保货物安全准时到达</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 统计数据 -->
<section class="stats-section py-5 bg-dark text-white">
<div class="container">
<div class="row text-center">
<div class="col-md-3 col-6">
<div class="stat-item">
<div class="stat-number" data-target="500">0</div>
<div class="stat-label">服务企业</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="stat-item">
<div class="stat-number" data-target="99">0</div>
<div class="stat-label">客户满意度(%)</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="stat-item">
<div class="stat-number" data-target="40">0</div>
<div class="stat-label">效率提升(%)</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="stat-item">
<div class="stat-number" data-target="15">0</div>
<div class="stat-label">成本节约(%)</div>
</div>
</div>
</div>
</div>
</section>
<!-- 解决方案 -->
<section class="solutions-section 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-md-6 col-lg-4">
<div class="card solution-card h-100 border-0 card-hover">
<div class="card-body">
<h5 class="card-title">大型养殖企业</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>
</ul>
<a href="solutions.html" class="btn btn-outline-primary mt-3">了解更多</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card solution-card h-100 border-0 card-hover">
<div class="card-body">
<h5 class="card-title">中小型牧场</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>
</ul>
<a href="solutions.html" class="btn btn-outline-primary mt-3">了解更多</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card solution-card h-100 border-0 card-hover">
<div class="card-body">
<h5 class="card-title">贸易商</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>
</ul>
<a href="solutions.html" class="btn btn-outline-primary mt-3">了解更多</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 客户案例 -->
<section class="cases-section py-5 bg-light">
<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-4">
<div class="card case-card h-100 border-0 card-hover">
<img src="images/case1.jpg" class="card-img-top img-hover-zoom" alt="XX牧业集团" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">大型企业</span>
<h5 class="card-title">XX牧业集团采购数字化转型</h5>
<p class="card-text">通过实施活牛采购智能数字化系统该集团实现了采购流程标准化采购效率提升40%。</p>
<a href="cases.html" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card case-card h-100 border-0 card-hover">
<img src="images/case2.jpg" class="card-img-top img-hover-zoom" alt="YY生态牧场" loading="lazy">
<div class="card-body">
<span class="badge bg-success mb-2">中型企业</span>
<h5 class="card-title">YY生态牧场采购管理升级</h5>
<p class="card-text">该牧场通过系统化管理采购流程,显著降低了采购风险,提升了供应商管理效率。</p>
<a href="cases.html" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card case-card h-100 border-0 card-hover">
<img src="images/case3.jpg" class="card-img-top img-hover-zoom" alt="ZZ活牛贸易平台" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">贸易商</span>
<h5 class="card-title">ZZ活牛贸易平台业务优化</h5>
<p class="card-text">贸易商通过系统实现了多方交易协调,显著提升了交易效率和资金安全性。</p>
<a href="cases.html" class="btn btn-outline-primary">查看详情</a>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="cases.html" class="btn btn-primary btn-lg">查看更多案例</a>
</div>
</div>
</section>
<!-- 新闻动态 -->
<section class="news-section 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-md-6 col-lg-4">
<div class="card news-card h-100 border-0 card-hover">
<img src="images/news1.jpg" class="card-img-top img-hover-zoom" alt="产品更新" loading="lazy">
<div class="card-body">
<span class="badge bg-primary mb-2">产品更新</span>
<h5 class="card-title">活牛采购智能数字化系统V3.0正式发布</h5>
<p class="card-text text-muted">新版本增加了智能采购建议、移动端优化、数据可视化等功能...</p>
<a href="news.html" class="btn btn-outline-primary">阅读更多</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card news-card h-100 border-0 card-hover">
<img src="images/news2.jpg" class="card-img-top img-hover-zoom" alt="行业资讯" loading="lazy">
<div class="card-body">
<span class="badge bg-success mb-2">行业资讯</span>
<h5 class="card-title">数字化转型推动畜牧业高质量发展</h5>
<p class="card-text text-muted">随着信息技术的发展,数字化转型已成为畜牧业发展的必然趋势...</p>
<a href="news.html" class="btn btn-outline-primary">阅读更多</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card news-card h-100 border-0 card-hover">
<img src="images/news3.jpg" class="card-img-top img-hover-zoom" alt="客户案例" loading="lazy">
<div class="card-body">
<span class="badge bg-info mb-2">客户案例</span>
<h5 class="card-title">XX牧业集团成功实施采购数字化项目</h5>
<p class="card-text text-muted">通过与我们合作XX牧业集团实现了采购流程的全面数字化...</p>
<a href="news.html" class="btn btn-outline-primary">阅读更多</a>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="news.html" class="btn btn-primary btn-lg">查看更多新闻</a>
</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> 武汉市东湖高新区光谷软件园F2栋</li>
<li class="mb-2"><i class="fas fa-phone me-2"></i> 19971988959</li>
<li class="mb-2"><i class="fas fa-envelope me-2"></i> niumall@aiotagro.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>