Files
niumalll/website/about.html

583 lines
29 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="活牛采购系统,公司介绍,团队实力,发展历程,企业文化,畜牧行业,数字化转型,科技创新">
<!-- 结构化数据 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "活牛采购智能数字化系统",
"description": "了解活牛采购智能数字化系统的公司背景、团队实力、发展历程和企业文化,我们致力于为养殖行业提供专业的数字化采购解决方案。",
"url": "https://www.niumall.com",
"logo": "https://www.niumall.com/images/logo.png",
"sameAs": [
"https://weibo.com/niumall",
"https://linkedin.com/company/niumall"
]
}
</script>
<!-- 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 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" 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 active" 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="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="contact.html" class="btn btn-primary btn-lg me-3">
<i class="fas fa-rocket me-2"></i>免费试用
</a>
<a href="cases.html" class="btn btn-outline-primary btn-lg">
<i class="fas fa-users me-2"></i>客户案例
</a>
</div>
</div>
<div class="col-lg-6">
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow img-hover-zoom" loading="lazy">
</div>
</div>
</div>
</section>
<!-- 公司使命和价值观 -->
<section class="py-5 bg-dark">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="display-6 mb-4">我们的使命和价值观</h2>
<p class="lead">通过技术创新推动畜牧行业数字化转型,提升养殖企业采购效率,降低经营风险,助力行业高质量发展。</p>
<div class="row g-4 mt-4">
<div class="col-md-4">
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-4 mx-auto">
<i class="fas fa-bullseye"></i>
</div>
<h5>专注行业</h5>
<p class="text-muted">深耕畜牧行业,深刻理解行业特点和需求</p>
</div>
<div class="col-md-4">
<div class="feature-icon bg-success bg-opacity-10 text-success mb-4 mx-auto">
<i class="fas fa-lightbulb"></i>
</div>
<h5>技术创新</h5>
<p class="text-muted">运用前沿技术,打造智能化解决方案</p>
</div>
<div class="col-md-4">
<div class="feature-icon bg-info bg-opacity-10 text-info mb-4 mx-auto">
<i class="fas fa-hands-helping"></i>
</div>
<h5>客户至上</h5>
<p class="text-muted">以客户为中心,提供卓越服务体验</p>
</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">
<div class="col-lg-10 mx-auto">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-icon bg-success">
<i class="fas fa-seedling"></i>
</div>
<div class="timeline-content">
<h5>2018年</h5>
<p>公司成立,专注于畜牧行业数字化解决方案研发</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-primary">
<i class="fas fa-laptop-code"></i>
</div>
<div class="timeline-content">
<h5>2019年</h5>
<p>发布首款活牛采购管理系统V1.0,服务首批客户</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-warning">
<i class="fas fa-users"></i>
</div>
<div class="timeline-content">
<h5>2020年</h5>
<p>客户数量突破100家覆盖全国主要畜牧区域</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-info">
<i class="fas fa-cloud"></i>
</div>
<div class="timeline-content">
<h5>2021年</h5>
<p>系统全面上云,支持多端协同,用户体验大幅提升</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-danger">
<i class="fas fa-award"></i>
</div>
<div class="timeline-content">
<h5>2022年</h5>
<p>荣获"畜牧科技创新奖"服务客户数量突破500家</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-success">
<i class="fas fa-rocket"></i>
</div>
<div class="timeline-content">
<h5>2023年</h5>
<p>发布V3.0版本引入AI智能采购建议功能</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon bg-primary">
<i class="fas fa-trophy"></i>
</div>
<div class="timeline-content">
<h5>2024年</h5>
<p>获得ISO 9001质量管理体系认证服务客户突破1000家</p>
</div>
</div>
</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 class="row g-4">
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">张伟</h5>
<p class="text-primary">创始人兼CEO</p>
<p class="card-text">拥有15年畜牧行业经验对行业痛点有深刻理解曾任职于国内知名畜牧企业担任采购总监。</p>
<div class="mt-3">
<span class="badge bg-secondary me-1">畜牧专家</span>
<span class="badge bg-secondary">数字化转型顾问</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">李明</h5>
<p class="text-primary">联合创始人兼CTO</p>
<p class="card-text">资深软件架构师10年企业级软件开发经验主导系统技术架构设计拥有多项技术专利。</p>
<div class="mt-3">
<span class="badge bg-secondary me-1">系统架构师</span>
<span class="badge bg-secondary">云计算专家</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">王芳</h5>
<p class="text-primary">产品总监</p>
<p class="card-text">专注于用户体验设计确保产品易用性拥有丰富的B2B产品设计经验曾获多项设计奖项。</p>
<div class="mt-3">
<span class="badge bg-secondary me-1">用户体验专家</span>
<span class="badge bg-secondary">产品经理认证</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">刘强</h5>
<p class="text-primary">客户成功总监</p>
<p class="card-text">负责客户实施和成功交付,确保客户价值实现,拥有丰富的项目管理和客户成功经验。</p>
<div class="mt-3">
<span class="badge bg-secondary me-1">PMP认证</span>
<span class="badge bg-secondary">客户成功专家</span>
</div>
</div>
</div>
</div>
</div>
<!-- 专家顾问团队 -->
<div class="row mt-5">
<div class="col-12">
<div class="text-center">
<h3 class="mb-4">专家顾问团队</h3>
<div class="row g-4">
<div class="col-md-4">
<div class="card border-0">
<div class="card-body text-center">
<h5>中国农业大学畜牧专家</h5>
<p class="text-muted">提供行业指导和技术支持</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0">
<div class="card-body text-center">
<h5>数字化转型研究院</h5>
<p class="text-muted">提供数字化转型战略咨询</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0">
<div class="card-body text-center">
<h5>信息安全认证机构</h5>
<p class="text-muted">提供信息安全合规指导</p>
</div>
</div>
</div>
</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-md-3 col-6">
<div class="card border-0 text-center p-4 h-100">
<div class="feature-icon bg-primary bg-opacity-10 text-primary mb-3 mx-auto">
<i class="fas fa-certificate"></i>
</div>
<h5>ISO 9001</h5>
<p class="text-muted small">质量管理体系认证</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card border-0 text-center p-4 h-100">
<div class="feature-icon bg-success bg-opacity-10 text-success mb-3 mx-auto">
<i class="fas fa-shield-alt"></i>
</div>
<h5>信息安全</h5>
<p class="text-muted small">三级等保认证</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card border-0 text-center p-4 h-100">
<div class="feature-icon bg-warning bg-opacity-10 text-warning mb-3 mx-auto">
<i class="fas fa-award"></i>
</div>
<h5>行业奖项</h5>
<p class="text-muted small">畜牧科技创新奖</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card border-0 text-center p-4 h-100">
<div class="feature-icon bg-info bg-opacity-10 text-info mb-3 mx-auto">
<i class="fas fa-cloud"></i>
</div>
<h5>云服务认证</h5>
<p class="text-muted small">阿里云生态伙伴</p>
</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-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner1.png" alt="合作伙伴1" class="img-fluid" style="max-height: 60px;">
</div>
</div>
<div class="col-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner2.png" alt="合作伙伴2" class="img-fluid" style="max-height: 60px;">
</div>
</div>
<div class="col-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner3.png" alt="合作伙伴3" class="img-fluid" style="max-height: 60px;">
</div>
</div>
<div class="col-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner4.png" alt="合作伙伴4" class="img-fluid" style="max-height: 60px;">
</div>
</div>
<div class="col-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner5.png" alt="合作伙伴5" class="img-fluid" style="max-height: 60px;">
</div>
</div>
<div class="col-6 col-md-4 col-lg-2">
<div class="partner-logo text-center p-4 bg-light rounded">
<img src="images/partner6.png" alt="合作伙伴6" class="img-fluid" style="max-height: 60px;">
</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-md-4">
<div class="card border-0 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-map-marker-alt"></i>
</div>
<h5>办公地址</h5>
<p class="text-muted">北京市朝阳区xxx街道xxx号<br>邮编100000</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 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-phone"></i>
</div>
<h5>联系电话</h5>
<p class="text-muted">客服热线400-xxx-xxxx<br>商务合作010-xxxx-xxxx</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 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-envelope"></i>
</div>
<h5>电子邮箱</h5>
<p class="text-muted">商务咨询info@example.com<br>技术支持support@example.com</p>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="contact.html" class="btn btn-primary btn-lg">
<i class="fas fa-comments me-2"></i>在线留言
</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>
<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>
</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>
<script>
// 初始化AOS动画
AOS.init({
duration: 800,
once: true
});
</script>
</body>
</html>