278 lines
12 KiB
HTML
278 lines
12 KiB
HTML
<!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> |