初始化项目结构并添加官网首页
This commit is contained in:
8
website/.vite/deps/_metadata.json
Normal file
8
website/.vite/deps/_metadata.json
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"hash": "dcd6c0c3",
|
||||
"configHash": "e557ffb3",
|
||||
"lockfileHash": "e3b0c442",
|
||||
"browserHash": "f2f05487",
|
||||
"optimized": {},
|
||||
"chunks": {}
|
||||
}
|
||||
3
website/.vite/deps/package.json
Normal file
3
website/.vite/deps/package.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"type": "module"
|
||||
}
|
||||
275
website/about.html
Normal file
275
website/about.html
Normal file
@@ -0,0 +1,275 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>关于我们 - 云南智慧牛产业平台</title>
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
.about-header {
|
||||
background-image: url('images/about-header.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: white;
|
||||
padding: 120px 0 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.about-header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.about-header .container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding: 40px 0;
|
||||
list-style: none;
|
||||
}
|
||||
.timeline:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 4px;
|
||||
margin-left: -2px;
|
||||
background-color: #ebeef5;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.timeline > li {
|
||||
position: relative;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.timeline > li:before,
|
||||
.timeline > li:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.timeline > li:after {
|
||||
clear: both;
|
||||
}
|
||||
.timeline > li > .timeline-panel {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 45%;
|
||||
padding: 25px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
|
||||
background: #fff;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.timeline > li > .timeline-panel:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
|
||||
border-color: #409EFF;
|
||||
}
|
||||
.timeline > li > .timeline-badge {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 50%;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: -12px;
|
||||
border-radius: 50%;
|
||||
background-color: #409EFF;
|
||||
border: 4px solid #fff;
|
||||
box-shadow: 0 0 0 2px #409EFF;
|
||||
}
|
||||
.timeline > li.timeline-inverted > .timeline-panel {
|
||||
float: right;
|
||||
}
|
||||
.timeline-title {
|
||||
margin-top: 0;
|
||||
color: #303133;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.timeline-body p {
|
||||
color: #606266;
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.text-muted i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="solutions.html">解决方案</a></li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li class="active"><a href="about.html">关于我们</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="about-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">关于我们</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">用科技连接牧场与餐桌，让养牛更简单</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 公司简介 -->
|
||||
<div class="section-container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 wow fadeInLeft">
|
||||
<h2 class="section-title">平台背景</h2>
|
||||
<div class="section-divider" style="margin-left: 0;"></div>
|
||||
<p class="lead">云南智慧牛产业平台是响应国家乡村振兴战略，依托云南省丰富的畜牧资源，由顶尖技术团队打造的综合性服务平台。</p>
|
||||
<p>我们致力于解决传统养殖中的信息不对称、融资难、监管难等痛点。平台通过物联网、大数据、区块链等技术，构建了从养殖到餐桌的全产业链数字化闭环，为政府、企业、养殖户、金融机构提供一站式服务。</p>
|
||||
<p>目前，平台已覆盖全省16个州市，服务养殖户超过5万户，管理牛只超过80万头，成为云南省数字农业的标杆项目。</p>
|
||||
</div>
|
||||
<div class="col-md-6 wow fadeInRight">
|
||||
<img src="images/about-header.jpg" class="img-responsive img-rounded shadow-lg" alt="团队合作" style="margin-top: 20px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 发展历程 -->
|
||||
<div class="section-container bg-gray">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-title">发展历程</h2>
|
||||
<div class="section-divider"></div>
|
||||
</div>
|
||||
|
||||
<ul class="timeline">
|
||||
<li class="wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="timeline-badge"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">2024年1月</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 起步</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p>云南智慧牛产业平台项目正式立项，组建核心研发团队。</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="timeline-badge"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">2024年6月</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 上线</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p>平台V1.0版本发布，在昆明、曲靖等地开展试点应用。</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="timeline-badge"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">2024年12月</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 突破</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p>平台注册养殖户突破1万户，在栏牛只超过10万头，获得政府表彰。</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="timeline-badge"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">2025年5月</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 升级</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p>V2.0版本发布，新增活体抵押贷、在线交易大厅等核心功能，开启全面推广。</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
|
||||
// Navbar Scroll Effect
|
||||
$(document).ready(function(){
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
226
website/contact.html
Normal file
226
website/contact.html
Normal file
@@ -0,0 +1,226 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>联系我们 - 云南智慧牛产业平台</title>
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
.contact-header {
|
||||
background-image: url('images/contact-header.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: white;
|
||||
padding: 120px 0 80px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.contact-header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.contact-header .container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.contact-card {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 12px;
|
||||
margin-bottom: 30px;
|
||||
transition: all 0.3s;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
|
||||
}
|
||||
.contact-card:hover {
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
transform: translateY(-10px);
|
||||
border-color: #409EFF;
|
||||
}
|
||||
.contact-icon {
|
||||
font-size: 48px;
|
||||
color: #409EFF;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.map-container {
|
||||
height: 450px;
|
||||
background-color: #f5f7fa;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #909399;
|
||||
font-size: 18px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #ebeef5;
|
||||
}
|
||||
.form-control {
|
||||
height: 46px;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
border-color: #dcdfe6;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #409EFF;
|
||||
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
|
||||
}
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="solutions.html">解决方案</a></li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li class="active"><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="contact-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">联系我们</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">无论是业务咨询还是技术支持，我们随时为您服务</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||||
<div class="row animated fadeInUp">
|
||||
<div class="col-md-4">
|
||||
<div class="contact-card">
|
||||
<i class="glyphicon glyphicon-map-marker contact-icon"></i>
|
||||
<h3>公司地址</h3>
|
||||
<p>云南省昆明市高新技术产业开发区科高路999号</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="contact-card">
|
||||
<i class="glyphicon glyphicon-earphone contact-icon"></i>
|
||||
<h3>联系电话</h3>
|
||||
<p>400-888-8888</p>
|
||||
<p>0871-12345678</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="contact-card">
|
||||
<i class="glyphicon glyphicon-envelope contact-icon"></i>
|
||||
<h3>电子邮箱</h3>
|
||||
<p>contact@caiyunniu.com</p>
|
||||
<p>support@caiyunniu.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top: 40px;">
|
||||
<div class="col-md-6 wow fadeInLeft">
|
||||
<h2>在线留言</h2>
|
||||
<div class="section-divider" style="margin-left: 0;"></div>
|
||||
<p class="text-muted">请填写以下表单，我们的工作人员会在24小时内与您联系。</p>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="name">您的姓名</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="请输入您的姓名">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="phone">联系电话</label>
|
||||
<input type="tel" class="form-control" id="phone" placeholder="请输入您的手机号码">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">电子邮箱</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="请输入您的电子邮箱">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="message">留言内容</label>
|
||||
<textarea class="form-control" id="message" rows="5" placeholder="请详细描述您的需求或建议"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-lg">提交留言</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-6 wow fadeInRight">
|
||||
<div class="map-container">
|
||||
<img src="https://via.placeholder.com/600x450.png?text=Map+Placeholder" alt="Map" style="width: 100%; height: 100%; object-fit: cover;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
|
||||
// Navbar Scroll Effect
|
||||
$(document).ready(function(){
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
11
website/css/animate.min.css
vendored
Normal file
11
website/css/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
397
website/css/style.css
Normal file
397
website/css/style.css
Normal file
@@ -0,0 +1,397 @@
|
||||
/* Reset & Common */
|
||||
body {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
|
||||
color: #333;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.navbar-default {
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
|
||||
border: none;
|
||||
padding: 15px 0;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.navbar-default.navbar-scrolled {
|
||||
padding: 8px 0;
|
||||
background-color: rgba(255, 255, 255, 0.98);
|
||||
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 26px;
|
||||
font-weight: 800;
|
||||
color: #409EFF !important;
|
||||
padding-top: 10px;
|
||||
letter-spacing: -0.5px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.navbar-scrolled .navbar-brand {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.navbar-nav > li > a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #303133 !important;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
position: relative;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
/* Navbar Link Underline Animation */
|
||||
.navbar-nav > li > a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 12px;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: #409EFF;
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.navbar-nav > li:hover > a::after,
|
||||
.navbar-nav > li.active > a::after {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.navbar-nav > li.active > a,
|
||||
.navbar-nav > li > a:hover {
|
||||
color: #409EFF !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Mobile Toggle Button */
|
||||
.navbar-toggle {
|
||||
border: none;
|
||||
background-color: transparent !important;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.navbar-toggle .icon-bar {
|
||||
background-color: #303133;
|
||||
width: 24px;
|
||||
height: 2px;
|
||||
border-radius: 1px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.navbar-toggle:hover .icon-bar {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
/* When opened */
|
||||
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
|
||||
transform: rotate(45deg) translate(5px, 5px);
|
||||
}
|
||||
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
|
||||
opacity: 0;
|
||||
}
|
||||
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
|
||||
transform: rotate(-45deg) translate(5px, -5px);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
margin-top: 12px;
|
||||
border-radius: 20px;
|
||||
padding: 8px 25px;
|
||||
font-weight: 500;
|
||||
box-shadow: 0 4px 6px rgba(64, 158, 255, 0.2);
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
background: linear-gradient(135deg, #409EFF 0%, #3a8ee6 100%);
|
||||
}
|
||||
|
||||
.navbar-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 12px rgba(64, 158, 255, 0.3);
|
||||
background: linear-gradient(135deg, #66b1ff 0%, #409EFF 100%);
|
||||
}
|
||||
|
||||
/* Hero Carousel */
|
||||
.carousel-inner .item {
|
||||
height: 650px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.carousel-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.5));
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
bottom: 25%;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.carousel-caption h1 {
|
||||
font-size: 56px;
|
||||
font-weight: 800;
|
||||
text-shadow: 0 4px 8px rgba(0,0,0,0.3);
|
||||
margin-bottom: 25px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.carousel-caption p {
|
||||
font-size: 22px;
|
||||
margin-bottom: 40px;
|
||||
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: 12px 35px;
|
||||
font-size: 18px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.section-container {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 15px;
|
||||
color: #303133;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
font-size: 18px;
|
||||
color: #909399;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.section-divider {
|
||||
width: 60px;
|
||||
height: 5px;
|
||||
background-color: #409EFF;
|
||||
margin: 20px auto;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.bg-gray {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
/* Service Cards */
|
||||
.service-card {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
|
||||
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
margin-bottom: 30px;
|
||||
height: 340px;
|
||||
border: 1px solid #ebeef5;
|
||||
}
|
||||
|
||||
.hover-lift:hover {
|
||||
transform: translateY(-12px);
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.12);
|
||||
}
|
||||
|
||||
.service-icon-wrapper {
|
||||
height: 140px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.service-icon-wrapper::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 40px;
|
||||
background: #fff;
|
||||
transform: skewY(-4deg);
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
font-size: 56px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.service-content {
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.service-content h3 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.service-content p {
|
||||
color: #606266;
|
||||
margin-bottom: 20px;
|
||||
height: 48px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* Data Section */
|
||||
.data-section {
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
|
||||
color: #fff;
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.section-title.text-white {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.section-divider.bg-white {
|
||||
background-color: #fff;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.data-item {
|
||||
margin-bottom: 40px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.data-item .number {
|
||||
font-size: 56px;
|
||||
font-weight: 800;
|
||||
font-family: 'DIN Alternate', 'Arial', sans-serif;
|
||||
margin-bottom: 10px;
|
||||
background: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: 0 5px 15px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.data-item .label {
|
||||
font-size: 20px;
|
||||
opacity: 0.9;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
background-color: #26292e;
|
||||
color: #909399;
|
||||
padding: 80px 0 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.footer h3 {
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-bottom: 30px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.footer h3::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
height: 2px;
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.footer ul.list-unstyled li {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #909399;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
color: #409EFF;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
margin-top: 60px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid rgba(255,255,255,0.05);
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
/* Back to Top */
|
||||
#back-to-top {
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
right: 40px;
|
||||
z-index: 9999;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
line-height: 46px;
|
||||
background: #409EFF;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
display: none;
|
||||
font-size: 20px;
|
||||
box-shadow: 0 4px 15px rgba(64, 158, 255, 0.4);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
#back-to-top:hover {
|
||||
background: #66b1ff;
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 6px 20px rgba(64, 158, 255, 0.5);
|
||||
}
|
||||
|
||||
/* Responsive Fixes */
|
||||
@media (max-width: 768px) {
|
||||
.navbar-brand { font-size: 22px; }
|
||||
.carousel-inner .item { height: 400px; }
|
||||
.carousel-caption h1 { font-size: 32px; margin-bottom: 10px; }
|
||||
.carousel-caption p { font-size: 16px; margin-bottom: 20px; }
|
||||
.section-container { padding: 60px 0; }
|
||||
.section-title { font-size: 30px; }
|
||||
.data-item .number { font-size: 36px; }
|
||||
.footer { padding: 40px 0 20px; }
|
||||
.footer h3 { margin-top: 30px; }
|
||||
}
|
||||
290
website/help.html
Normal file
290
website/help.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>帮助中心 - 云南智慧牛产业平台</title>
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
.help-header {
|
||||
background-image: url('images/help-header.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: white;
|
||||
padding: 120px 0 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.help-header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.help-header .container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.search-box {
|
||||
max-width: 600px;
|
||||
margin: 30px auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.search-box input {
|
||||
height: 56px;
|
||||
font-size: 16px;
|
||||
border-radius: 28px;
|
||||
padding-left: 25px;
|
||||
padding-right: 60px;
|
||||
border: none;
|
||||
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
.search-box .btn {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #409EFF;
|
||||
border: none;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.search-box .btn:hover {
|
||||
transform: scale(1.05);
|
||||
background: #66b1ff;
|
||||
}
|
||||
.panel-group .panel {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||||
border: 1px solid #ebeef5;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
.panel-title > a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
padding: 18px 20px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.panel-title > a:hover {
|
||||
color: #409EFF;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
.panel-title > a .glyphicon {
|
||||
margin-right: 10px;
|
||||
color: #409EFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.panel-body {
|
||||
border-top: 1px solid #f0f2f5;
|
||||
padding: 20px;
|
||||
color: #606266;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.list-group-item {
|
||||
border: none;
|
||||
padding: 12px 20px;
|
||||
color: #606266;
|
||||
border-radius: 4px !important;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
||||
background-color: #ecf5ff;
|
||||
color: #409EFF;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.list-group-item:hover {
|
||||
background-color: #f5f7fa;
|
||||
color: #409EFF;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="solutions.html">解决方案</a></li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li class="active"><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="help-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">帮助中心</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">有什么可以帮您？</p>
|
||||
<div class="search-box animated fadeInUp delay-2s">
|
||||
<input type="text" class="form-control" placeholder="搜索问题关键词，如“如何注册”">
|
||||
<button class="btn btn-primary"><i class="glyphicon glyphicon-search" style="color: white;"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||||
<div class="row">
|
||||
<div class="col-md-3 wow fadeInLeft">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item active">常见问题</a>
|
||||
<a href="#" class="list-group-item">账号管理</a>
|
||||
<a href="#" class="list-group-item">牛只录入</a>
|
||||
<a href="#" class="list-group-item">交易指南</a>
|
||||
<a href="#" class="list-group-item">金融服务</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9 wow fadeInRight">
|
||||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingOne">
|
||||
<h4 class="panel-title">
|
||||
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 如何注册成为平台会员？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
|
||||
<div class="panel-body">
|
||||
您可以点击页面右上角的“登录/注册”按钮，选择“注册”，填写您的手机号码并获取验证码即可完成注册。如果是企业用户，注册后需要在个人中心进行企业认证。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingTwo">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 忘记密码怎么办？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
|
||||
<div class="panel-body">
|
||||
在登录页面点击“忘记密码”，输入您注册时的手机号码，通过短信验证码验证身份后，即可重置密码。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingThree">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 发布的牛只信息需要审核吗？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
||||
<div class="panel-body">
|
||||
是的，为了保证交易的真实性和安全性，所有发布的牛只信息都需要经过平台审核。审核通常在1-2个工作日内完成，审核结果会通过短信通知您。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingFour">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 申请活体抵押贷款需要什么条件？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
|
||||
<div class="panel-body">
|
||||
申请人需为平台实名认证用户，且牛只已佩戴智能耳标并录入系统满3个月。具体额度和利率根据您的养殖规模和信用状况由合作银行评估决定。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center" style="margin-top: 50px;">
|
||||
<h3>没找到答案？</h3>
|
||||
<p class="text-muted">您可以直接联系我们的客服人员</p>
|
||||
<a href="contact.html" class="btn btn-primary btn-lg">联系客服</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
|
||||
// Navbar Scroll Effect
|
||||
$(document).ready(function(){
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
website/images/about-header.jpg
Normal file
BIN
website/images/about-header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 342 KiB |
BIN
website/images/contact-header.jpg
Normal file
BIN
website/images/contact-header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 KiB |
BIN
website/images/help-header.jpg
Normal file
BIN
website/images/help-header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 670 KiB |
BIN
website/images/hero-1.jpg
Normal file
BIN
website/images/hero-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 477 KiB |
BIN
website/images/hero-2.jpg
Normal file
BIN
website/images/hero-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
1
website/images/hero-3.jpg
Normal file
1
website/images/hero-3.jpg
Normal file
@@ -0,0 +1 @@
|
||||
<html><body>404</body></html>
|
||||
BIN
website/images/news-header.jpg
Normal file
BIN
website/images/news-header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 221 KiB |
359
website/index.html
Normal file
359
website/index.html
Normal file
@@ -0,0 +1,359 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>云南智慧牛产业平台 - 数字化驱动畜牧业未来</title>
|
||||
<!-- Bootstrap 3 -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="active"><a href="index.html">首页</a></li>
|
||||
<li><a href="solutions.html">解决方案</a></li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 轮播图 (Hero Section) -->
|
||||
<div id="carousel-hero" class="carousel slide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-hero" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-hero" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-hero" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active" style="background-image: url('images/hero-1.jpg');">
|
||||
<div class="carousel-overlay"></div>
|
||||
<div class="carousel-caption">
|
||||
<h1 class="animated fadeInDown">云南智慧牛产业平台</h1>
|
||||
<p class="animated fadeInUp delay-1s">数字化驱动畜牧业未来，打造全产业链智慧生态</p>
|
||||
<p class="animated fadeInUp delay-2s"><a class="btn btn-lg btn-primary" href="#" role="button">立即体验</a> <a class="btn btn-lg btn-default" href="#" role="button" style="background: transparent; color: white; border: 2px solid white;">了解更多</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item" style="background-image: url('images/hero-2.jpg');">
|
||||
<div class="carousel-overlay"></div>
|
||||
<div class="carousel-caption">
|
||||
<h1 class="animated fadeInDown">智慧养殖解决方案</h1>
|
||||
<p class="animated fadeInUp delay-1s">物联网+大数据，让养殖更轻松、更高效</p>
|
||||
<p class="animated fadeInUp delay-2s"><a class="btn btn-lg btn-primary" href="solutions.html" role="button">查看方案</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item" style="background-image: url('images/hero-3.jpg');">
|
||||
<div class="carousel-overlay"></div>
|
||||
<div class="carousel-caption">
|
||||
<h1 class="animated fadeInDown">可信牛只交易</h1>
|
||||
<p class="animated fadeInUp delay-1s">全程溯源，资金托管，让交易更放心</p>
|
||||
<p class="animated fadeInUp delay-2s"><a class="btn btn-lg btn-primary" href="#" role="button">进入交易大厅</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="left carousel-control" href="#carousel-hero" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">上一张</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-hero" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">下一张</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 平台简介 -->
|
||||
<section class="section-container text-center">
|
||||
<div class="container">
|
||||
<h2 class="section-title">平台简介</h2>
|
||||
<div class="section-divider"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<p class="lead text-muted">
|
||||
<span class="text-primary">云南智慧牛产业平台</span>（原彩云牛畜牧管理系统）致力于通过物联网、大数据、人工智能等先进技术，为畜牧业提供从养殖、交易、金融到监管的全方位数字化解决方案。
|
||||
</p>
|
||||
<p class="text-muted">我们旨在提升管理效率，降低运营成本，保障食品安全，推动产业升级，助力云南肉牛产业高质量发展。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心服务 -->
|
||||
<section class="section-container bg-gray">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-title">核心服务</h2>
|
||||
<p class="section-subtitle">打造全产业链闭环服务体系</p>
|
||||
<div class="section-divider"></div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 40px;">
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="service-card hover-lift">
|
||||
<div class="service-icon-wrapper" style="background: linear-gradient(135deg, #409EFF 0%, #3a8ee6 100%);">
|
||||
<i class="glyphicon glyphicon-dashboard service-icon"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>智慧养殖</h3>
|
||||
<p>牛只档案、健康监测、繁殖管理、饲料管理，实现精细化养殖。</p>
|
||||
<a href="solutions.html?tab=farming" class="btn btn-link">查看详情 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="service-card hover-lift">
|
||||
<div class="service-icon-wrapper" style="background: linear-gradient(135deg, #67C23A 0%, #5daf34 100%);">
|
||||
<i class="glyphicon glyphicon-shopping-cart service-icon"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>牛只交易</h3>
|
||||
<p>在线交易大厅、价格行情、供需匹配、安全支付，让交易更便捷。</p>
|
||||
<a href="solutions.html?tab=trading" class="btn btn-link">查看详情 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="service-card hover-lift">
|
||||
<div class="service-icon-wrapper" style="background: linear-gradient(135deg, #E6A23C 0%, #cf9236 100%);">
|
||||
<i class="glyphicon glyphicon-yen service-icon"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>金融服务</h3>
|
||||
<p>活体抵押贷款、养殖保险、风险评估，解决资金难题。</p>
|
||||
<a href="solutions.html?tab=finance" class="btn btn-link">查看详情 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="service-card hover-lift">
|
||||
<div class="service-icon-wrapper" style="background: linear-gradient(135deg, #F56C6C 0%, #dd6161 100%);">
|
||||
<i class="glyphicon glyphicon-stats service-icon"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>政府监管</h3>
|
||||
<p>数据上报、合规检查、疫情预警、追溯体系，助力精准监管。</p>
|
||||
<a href="solutions.html?tab=government" class="btn btn-link">查看详情 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 平台数据 -->
|
||||
<section class="section-container data-section">
|
||||
<div class="container">
|
||||
<div class="text-center text-white">
|
||||
<h2 class="section-title text-white">平台数据</h2>
|
||||
<div class="section-divider bg-white"></div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 40px;">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-6 text-center data-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="number" data-symbol="+">1200</div>
|
||||
<div class="label">入驻企业</div>
|
||||
</div>
|
||||
<div class="col-xs-6 text-center data-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="number" data-symbol="+">50000</div>
|
||||
<div class="label">在栏牛只</div>
|
||||
</div>
|
||||
<div class="col-xs-6 text-center data-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="number">350000000</div>
|
||||
<div class="label">累计交易额</div>
|
||||
</div>
|
||||
<div class="col-xs-6 text-center data-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="number" data-symbol="%">100</div>
|
||||
<div class="label">安全溯源</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div id="main-chart" style="width: 100%; height: 350px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 底部 Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
<p>获取最新行业资讯和平台动态</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Back to Top -->
|
||||
<div id="back-to-top" title="回到顶部">
|
||||
<i class="glyphicon glyphicon-chevron-up"></i>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.3/echarts.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
// Initialize WOW.js
|
||||
new WOW().init();
|
||||
|
||||
// Smooth Scroll
|
||||
$(document).ready(function(){
|
||||
// Counter Animation
|
||||
$('.data-item .number').each(function () {
|
||||
$(this).prop('Counter',0).animate({
|
||||
Counter: $(this).text().replace(/,/g, '').replace(/\+/g, '')
|
||||
}, {
|
||||
duration: 2500,
|
||||
easing: 'swing',
|
||||
step: function (now) {
|
||||
var text = Math.ceil(now).toLocaleString();
|
||||
if($(this).data('symbol')) {
|
||||
text += $(this).data('symbol');
|
||||
}
|
||||
$(this).text(text);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Add smooth scrolling to all links
|
||||
$("a").on('click', function(event) {
|
||||
if (this.hash !== "") {
|
||||
event.preventDefault();
|
||||
var hash = this.hash;
|
||||
$('html, body').animate({
|
||||
scrollTop: $(hash).offset().top
|
||||
}, 800, function(){
|
||||
window.location.hash = hash;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Back to Top Button
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('#back-to-top').fadeIn();
|
||||
} else {
|
||||
$('#back-to-top').fadeOut();
|
||||
}
|
||||
});
|
||||
|
||||
$('#back-to-top').click(function() {
|
||||
$('html, body').animate({scrollTop: 0}, 800);
|
||||
return false;
|
||||
});
|
||||
|
||||
// Navbar Scroll Effect
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// ECharts 初始化
|
||||
var chartDom = document.getElementById('main-chart');
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
text: '月度交易额趋势',
|
||||
textStyle: { color: '#fff' },
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['1月', '2月', '3月', '4月', '5月', '6月'],
|
||||
axisLabel: { color: '#fff' },
|
||||
axisLine: { lineStyle: { color: '#fff' } }
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: { color: '#fff' },
|
||||
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '交易额 (万元)',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
data: [1200, 1320, 1010, 1340, 2900, 3500],
|
||||
itemStyle: { color: '#409EFF' },
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: 'rgba(64, 158, 255, 0.5)' },
|
||||
{ offset: 1, color: 'rgba(64, 158, 255, 0.1)' }
|
||||
])
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
|
||||
// 响应式图表
|
||||
window.addEventListener('resize', function() {
|
||||
myChart.resize();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
2
website/js/wow.min.js
vendored
Normal file
2
website/js/wow.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
278
website/news.html
Normal file
278
website/news.html
Normal file
@@ -0,0 +1,278 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>新闻中心 - 云南智慧牛产业平台</title>
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
.news-header {
|
||||
background-image: url('images/news-header.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: white;
|
||||
padding: 120px 0 80px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.news-header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
.news-header .container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.news-item {
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
padding: 25px 0;
|
||||
transition: all 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.news-item:hover {
|
||||
background-color: #fcfcfc;
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid #409EFF;
|
||||
}
|
||||
.news-date {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
display: inline-block;
|
||||
background: #f0f2f5;
|
||||
padding: 2px 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.news-title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.news-title a {
|
||||
color: #303133;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.news-title a:hover {
|
||||
color: #409EFF;
|
||||
}
|
||||
.news-summary {
|
||||
color: #606266;
|
||||
font-size: 15px;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-bottom: 2px solid #ebeef5;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.nav-tabs > li > a {
|
||||
font-size: 16px;
|
||||
color: #606266;
|
||||
border: none;
|
||||
background: transparent;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:focus,
|
||||
.nav-tabs > li.active > a:hover {
|
||||
border: none;
|
||||
border-bottom: 3px solid #409EFF;
|
||||
color: #409EFF;
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
}
|
||||
.panel-default {
|
||||
border: 1px solid #ebeef5;
|
||||
box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
.panel-heading {
|
||||
background-color: #f5f7fa;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
padding: 15px;
|
||||
}
|
||||
.list-group-item {
|
||||
border-color: #ebeef5;
|
||||
padding: 12px 15px;
|
||||
color: #606266;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.list-group-item:hover {
|
||||
background-color: #ecf5ff;
|
||||
color: #409EFF;
|
||||
border-left: 3px solid #409EFF;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li><a href="solutions.html">解决方案</a></li>
|
||||
<li class="active"><a href="news.html">新闻中心</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="news-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">新闻中心</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">掌握行业动态，洞察市场先机</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||||
<div class="row">
|
||||
<div class="col-md-9 wow fadeInLeft">
|
||||
<!-- Tabs -->
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#industry" role="tab" data-toggle="tab">行业资讯</a></li>
|
||||
<li role="presentation"><a href="#policy" role="tab" data-toggle="tab">政策法规</a></li>
|
||||
<li role="presentation"><a href="#platform" role="tab" data-toggle="tab">平台动态</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="industry">
|
||||
<div class="news-item">
|
||||
<div class="news-date">2025-05-20</div>
|
||||
<h3 class="news-title"><a href="#">云南肉牛产业大会在昆明隆重召开</a></h3>
|
||||
<p class="news-summary">来自全省各地的专家学者、企业家代表齐聚一堂，共商肉牛产业高质量发展大计...</p>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="news-date">2025-05-18</div>
|
||||
<h3 class="news-title"><a href="#">本周活牛市场价格行情分析</a></h3>
|
||||
<p class="news-summary">受季节性需求影响，本周育肥牛价格小幅上涨，架子牛价格保持稳定...</p>
|
||||
</div>
|
||||
<div class="news-item">
|
||||
<div class="news-date">2025-05-15</div>
|
||||
<h3 class="news-title"><a href="#">数字化养殖技术助力传统牧场转型升级</a></h3>
|
||||
<p class="news-summary">某大型牧场引入智慧牛管理系统后，人工成本降低30%，产犊率提升15%...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="policy">
|
||||
<div class="news-item">
|
||||
<div class="news-date">2025-04-10</div>
|
||||
<h3 class="news-title"><a href="#">关于印发《云南省肉牛产业发展十四五规划》的通知</a></h3>
|
||||
<p class="news-summary">明确提出到2025年，全省肉牛存栏量突破800万头，综合产值达到1000亿元...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div role="tabpanel" class="tab-pane" id="platform">
|
||||
<div class="news-item">
|
||||
<div class="news-date">2025-06-01</div>
|
||||
<h3 class="news-title"><a href="#">平台V2.0版本正式上线公告</a></h3>
|
||||
<p class="news-summary">新增活体抵押贷在线申请功能，优化了交易大厅的搜索体验...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pagination -->
|
||||
<nav aria-label="Page navigation" class="text-center">
|
||||
<ul class="pagination">
|
||||
<li class="disabled">
|
||||
<a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
||||
</li>
|
||||
<li class="active"><a href="#">1</a></li>
|
||||
<li><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li>
|
||||
<a href="#" aria-label="Next"><span aria-hidden="true">»</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 wow fadeInRight">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">热门推荐</div>
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item">2025年养殖补贴政策解读</a>
|
||||
<a href="#" class="list-group-item">如何提高母牛受胎率？专家支招</a>
|
||||
<a href="#" class="list-group-item">平台入驻企业突破1000家</a>
|
||||
<a href="#" class="list-group-item">关于严厉打击私屠滥宰的通告</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
|
||||
// Navbar Scroll Effect
|
||||
$(document).ready(function(){
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
265
website/solutions.html
Normal file
265
website/solutions.html
Normal file
@@ -0,0 +1,265 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>解决方案 - 云南智慧牛产业平台</title>
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/animate.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
.solution-header {
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);
|
||||
color: white;
|
||||
padding: 120px 0 80px;
|
||||
text-align: center;
|
||||
}
|
||||
.nav-tabs {
|
||||
border-bottom: 2px solid #ebeef5;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.nav-tabs > li > a {
|
||||
font-size: 18px;
|
||||
padding: 15px 30px;
|
||||
color: #606266;
|
||||
border-radius: 4px 4px 0 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:focus,
|
||||
.nav-tabs > li.active > a:hover {
|
||||
border: 1px solid #ebeef5;
|
||||
border-bottom-color: transparent;
|
||||
color: #409EFF;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
border-top: 3px solid #409EFF;
|
||||
}
|
||||
.tab-pane {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.feature-list li {
|
||||
margin-bottom: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: #555;
|
||||
}
|
||||
.feature-icon {
|
||||
color: #67C23A;
|
||||
margin-right: 12px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.solution-img {
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.solution-img:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||||
<span class="sr-only">切换导航</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="index.html">首页</a></li>
|
||||
<li class="active"><a href="solutions.html">解决方案</a></li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Page Header -->
|
||||
<div class="solution-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">解决方案</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">针对不同业务场景，提供专业的一站式解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||||
<!-- Tabs -->
|
||||
<ul class="nav nav-tabs text-center animated fadeInUp" role="tablist" id="solutionTabs">
|
||||
<li role="presentation" class="active"><a href="#farming" aria-controls="farming" role="tab" data-toggle="tab">智慧养殖</a></li>
|
||||
<li role="presentation"><a href="#trading" aria-controls="trading" role="tab" data-toggle="tab">牛只交易</a></li>
|
||||
<li role="presentation"><a href="#finance" aria-controls="finance" role="tab" data-toggle="tab">金融赋能</a></li>
|
||||
<li role="presentation"><a href="#government" aria-controls="government" role="tab" data-toggle="tab">政府监管</a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab Panes -->
|
||||
<div class="tab-content">
|
||||
<!-- 智慧养殖 -->
|
||||
<div role="tabpanel" class="tab-pane fade in active" id="farming">
|
||||
<div class="row">
|
||||
<div class="col-md-6 wow fadeInLeft">
|
||||
<h2>智慧养殖解决方案</h2>
|
||||
<p class="lead text-muted">通过物联网设备和大数据分析，实现养殖全流程的数字化管理。</p>
|
||||
<ul class="list-unstyled feature-list">
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>牛只档案：</strong> 一牛一档，记录血统、生长、免疫全生命周期数据。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>健康监测：</strong> 智能耳标实时监测体温、活动量，疾病早发现。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>繁殖管理：</strong> 发情自动报警，提高配种成功率，缩短产犊间隔。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>环境监控：</strong> 温湿度、氨气浓度自动调节，提供舒适生长环境。</li>
|
||||
</ul>
|
||||
<br>
|
||||
<a href="#" class="btn btn-primary btn-lg">申请试用</a>
|
||||
</div>
|
||||
<div class="col-md-6 wow fadeInRight">
|
||||
<img src="images/hero-2.jpg" class="img-responsive img-rounded solution-img" alt="智慧养殖">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 牛只交易 -->
|
||||
<div role="tabpanel" class="tab-pane fade" id="trading">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>可信牛只交易体系</h2>
|
||||
<p class="lead text-muted">打造公开、透明、公平的活牛交易市场，解决传统交易痛点。</p>
|
||||
<ul class="list-unstyled feature-list">
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>视频看牛：</strong> 360度高清视频展示，足不出户看好牛。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>在线竞价：</strong> 公开透明的竞价机制，发现真实市场价格。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>资金托管：</strong> 银行存管资金，确认收货后放款，保障资金安全。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>物流追踪：</strong> 专用运输车辆，全程定位监控，防止中途换牛。</li>
|
||||
</ul>
|
||||
<br>
|
||||
<a href="#" class="btn btn-success btn-lg">进入交易大厅</a>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="images/hero-3.jpg" class="img-responsive img-rounded solution-img" alt="牛只交易">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 金融赋能 -->
|
||||
<div role="tabpanel" class="tab-pane fade" id="finance">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>普惠金融服务</h2>
|
||||
<p class="lead text-muted">盘活生物资产，解决养殖户融资难、融资贵问题。</p>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><strong>活体抵押贷</strong></div>
|
||||
<div class="panel-body">
|
||||
<p>基于牛只资产评估，无需不动产抵押，快速放款。</p>
|
||||
<ul>
|
||||
<li>额度：最高500万</li>
|
||||
<li>利率：年化3.85%起</li>
|
||||
<li>特点：一牛一码，远程监管</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><strong>养殖保险</strong></div>
|
||||
<div class="panel-body">
|
||||
<p>覆盖疾病、意外、自然灾害，理赔无忧。</p>
|
||||
<ul>
|
||||
<li>费率：政府补贴 + 个人自付</li>
|
||||
<li>理赔：在线定损，最快24小时到账</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="https://images.unsplash.com/photo-1579621970563-ebec7560eb3e?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" class="img-responsive img-rounded solution-img" alt="金融服务">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 政府监管 -->
|
||||
<div role="tabpanel" class="tab-pane fade" id="government">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>全链条监管平台</h2>
|
||||
<p class="lead text-muted">助力政府部门实现精准监管和科学决策。</p>
|
||||
<ul class="list-unstyled feature-list">
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>产业地图：</strong> 全省肉牛存栏分布热力图，产业结构一目了然。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>防疫追溯：</strong> 疫苗发放核销全记录，免疫覆盖率自动统计。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>检疫监管：</strong> 电子检疫证在线开具与核验，杜绝病害肉流入市场。</li>
|
||||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>无害化处理：</strong> 病死牛处理流程全记录，防止二次污染。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" class="img-responsive img-rounded solution-img" alt="政府监管">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>联系我们</h3>
|
||||
<p>电话：400-888-8888</p>
|
||||
<p>邮箱：contact@caiyunniu.com</p>
|
||||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于平台</a></li>
|
||||
<li><a href="solutions.html">核心服务</a></li>
|
||||
<li><a href="help.html">帮助中心</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>关注我们</h3>
|
||||
<p>微信公众号：云南智慧牛</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom text-center">
|
||||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="js/wow.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
|
||||
// Navbar Scroll Effect & URL Tab
|
||||
$(document).ready(function(){
|
||||
// Navbar Scroll
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 50) {
|
||||
$('.navbar-default').addClass('navbar-scrolled');
|
||||
} else {
|
||||
$('.navbar-default').removeClass('navbar-scrolled');
|
||||
}
|
||||
});
|
||||
|
||||
var urlParams = new URLSearchParams(window.location.search);
|
||||
var tab = urlParams.get('tab');
|
||||
if(tab){
|
||||
$('.nav-tabs a[href="#' + tab + '"]').tab('show');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user