root
796a27704b
新增页面结构： - 首页：机构信息、经济数据面板、历年GDP表、最新资讯、通知公告、统计分析、县情、特色产业 - zxzx/：最新资讯（图片新闻+工作动态+时政要闻） - zwgk/：政府信息公开（指南+主动公开+年报+依申请公开） - tjsj/：统计数据（指标面板+6年GDP+统计分析+年鉴+数据查询） - tjgb/：统计公报（历年列表+2024年公报10章节全文） - pczl/：普查专栏（经济/人口/农业普查+1%抽样调查） - hdjl/：互动交流（在线访谈+征集调查+咨询投诉+局长信箱）
823 lines
27 KiB
HTML
823 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>保康县统计局 - 最新资�?/title>
|
|
<style>
|
|
/* ========== 全局重置 & 基础 ========== */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body {
|
|
font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
|
|
background: #f0f4f8;
|
|
color: #333;
|
|
line-height: 1.6;
|
|
}
|
|
a {
|
|
color: #1a3a6b;
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
a:hover {
|
|
color: #e8442a;
|
|
}
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
/* ========== 顶部工具�?========== */
|
|
.top-bar {
|
|
background: #1a3a6b;
|
|
color: #b0c4de;
|
|
font-size: 13px;
|
|
padding: 6px 0;
|
|
}
|
|
.top-bar .container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.top-bar a {
|
|
color: #b0c4de;
|
|
}
|
|
.top-bar a:hover {
|
|
color: #fff;
|
|
}
|
|
.top-bar .date {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
/* ========== 头部 ========== */
|
|
.header {
|
|
background: linear-gradient(135deg, #1a3a6b 0%, #2b5a9e 100%);
|
|
color: #fff;
|
|
padding: 28px 0 22px;
|
|
}
|
|
.header .container {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
}
|
|
.header .site-logo {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: rgba(255,255,255,0.15);
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 30px;
|
|
flex-shrink: 0;
|
|
}
|
|
.header .site-title h1 {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
letter-spacing: 2px;
|
|
}
|
|
.header .site-title p {
|
|
font-size: 14px;
|
|
opacity: 0.8;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* ========== 导航�?========== */
|
|
.nav {
|
|
background: #fff;
|
|
border-bottom: 3px solid #1a3a6b;
|
|
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
.nav .container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.nav-list {
|
|
display: flex;
|
|
gap: 0;
|
|
}
|
|
.nav-list li a {
|
|
display: block;
|
|
padding: 14px 22px;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
color: #333;
|
|
transition: all 0.25s;
|
|
position: relative;
|
|
}
|
|
.nav-list li a::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 0;
|
|
height: 3px;
|
|
background: #1a3a6b;
|
|
transition: width 0.25s;
|
|
}
|
|
.nav-list li a:hover::after,
|
|
.nav-list li a.active::after {
|
|
width: 70%;
|
|
}
|
|
.nav-list li a.active {
|
|
color: #1a3a6b;
|
|
background: #f0f4f8;
|
|
}
|
|
.nav-list li a:hover {
|
|
background: #f5f7fa;
|
|
}
|
|
|
|
/* 移动端菜单按�?*/
|
|
.menu-toggle {
|
|
display: none;
|
|
background: none;
|
|
border: none;
|
|
font-size: 24px;
|
|
cursor: pointer;
|
|
padding: 10px 14px;
|
|
color: #1a3a6b;
|
|
}
|
|
|
|
/* ========== 容器 ========== */
|
|
.container {
|
|
width: 100%;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
/* ========== 面包�?========== */
|
|
.breadcrumb {
|
|
padding: 14px 0;
|
|
font-size: 13px;
|
|
color: #888;
|
|
}
|
|
.breadcrumb a {
|
|
color: #1a3a6b;
|
|
}
|
|
.breadcrumb a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.breadcrumb .sep {
|
|
margin: 0 8px;
|
|
color: #bbb;
|
|
}
|
|
|
|
/* ========== 主布局 ========== */
|
|
.main-wrap {
|
|
display: flex;
|
|
gap: 30px;
|
|
padding-bottom: 50px;
|
|
}
|
|
.main-left {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
.main-right {
|
|
width: 320px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* ========== 栏目区块 ========== */
|
|
.section {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
|
|
margin-bottom: 24px;
|
|
overflow: hidden;
|
|
}
|
|
.section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
border-bottom: 2px solid #1a3a6b;
|
|
background: #fafcff;
|
|
}
|
|
.section-header h2 {
|
|
font-size: 18px;
|
|
color: #1a3a6b;
|
|
font-weight: 700;
|
|
}
|
|
.section-header h2 .icon {
|
|
margin-right: 8px;
|
|
}
|
|
.section-header .more {
|
|
font-size: 13px;
|
|
color: #888;
|
|
}
|
|
.section-header .more:hover {
|
|
color: #1a3a6b;
|
|
}
|
|
.section-body {
|
|
padding: 16px 20px;
|
|
}
|
|
|
|
/* ========== 图片新闻 ========== */
|
|
.news-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 18px;
|
|
}
|
|
.news-card {
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
cursor: pointer;
|
|
background: #f9fafc;
|
|
border: 1px solid #eef0f4;
|
|
}
|
|
.news-card:hover {
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
|
|
}
|
|
.news-card .img-placeholder {
|
|
width: 100%;
|
|
height: 160px;
|
|
background: linear-gradient(135deg, #d4e0f0 0%, #b0c8e4 100%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 40px;
|
|
color: #1a3a6b;
|
|
opacity: 0.5;
|
|
}
|
|
.news-card .card-info {
|
|
padding: 12px 14px;
|
|
}
|
|
.news-card .card-info h3 {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
color: #222;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
line-height: 1.4;
|
|
margin-bottom: 6px;
|
|
}
|
|
.news-card .card-info .date {
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
|
|
/* ========== 资讯列表 ========== */
|
|
.news-list li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
.news-list li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.news-list li a {
|
|
flex: 1;
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-right: 12px;
|
|
}
|
|
.news-list li a::before {
|
|
content: '�?';
|
|
color: #1a3a6b;
|
|
font-weight: 700;
|
|
}
|
|
.news-list li .date {
|
|
font-size: 12px;
|
|
color: #aaa;
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
}
|
|
.news-list li .tag {
|
|
display: inline-block;
|
|
background: #e8442a;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
padding: 1px 8px;
|
|
border-radius: 3px;
|
|
margin-left: 8px;
|
|
flex-shrink: 0;
|
|
}
|
|
.news-list li .tag.blue {
|
|
background: #1a3a6b;
|
|
}
|
|
|
|
/* 带图标的资讯列表（用于工作动�?时政要闻增加图标�?*/
|
|
.news-list.with-icon li a::before {
|
|
content: '📄 ';
|
|
color: inherit;
|
|
font-weight: normal;
|
|
}
|
|
.news-list.politics li a::before {
|
|
content: '🏛�?';
|
|
color: inherit;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* ========== 右侧边栏 ========== */
|
|
.sidebar-section {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
|
|
margin-bottom: 24px;
|
|
overflow: hidden;
|
|
}
|
|
.sidebar-section .section-header {
|
|
padding: 14px 18px;
|
|
}
|
|
.sidebar-section .section-header h2 {
|
|
font-size: 16px;
|
|
}
|
|
.sidebar-section .section-body {
|
|
padding: 8px 18px 14px;
|
|
}
|
|
|
|
/* 通知公告列表 */
|
|
.notice-list li {
|
|
padding: 10px 0;
|
|
border-bottom: 1px dashed #eee;
|
|
}
|
|
.notice-list li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.notice-list li a {
|
|
font-size: 14px;
|
|
display: block;
|
|
}
|
|
.notice-list li a::before {
|
|
content: '📢 ';
|
|
font-size: 13px;
|
|
}
|
|
.notice-list li .date {
|
|
font-size: 12px;
|
|
color: #aaa;
|
|
display: block;
|
|
margin-top: 2px;
|
|
padding-left: 22px;
|
|
}
|
|
.notice-list li .tag-new {
|
|
display: inline-block;
|
|
background: #e8442a;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
padding: 0 6px;
|
|
border-radius: 2px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* 快速链�?*/
|
|
.quick-links {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 8px;
|
|
}
|
|
.quick-links a {
|
|
display: block;
|
|
padding: 10px 12px;
|
|
background: #f5f8fc;
|
|
border-radius: 6px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
transition: all 0.2s;
|
|
border: 1px solid #e8edf4;
|
|
}
|
|
.quick-links a:hover {
|
|
background: #1a3a6b;
|
|
color: #fff;
|
|
border-color: #1a3a6b;
|
|
}
|
|
.quick-links a .link-icon {
|
|
display: block;
|
|
font-size: 22px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* ========== 页脚 ========== */
|
|
.footer {
|
|
background: #1a3a6b;
|
|
color: #b0c4de;
|
|
padding: 32px 0 24px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
}
|
|
.footer .footer-links {
|
|
margin-bottom: 12px;
|
|
}
|
|
.footer .footer-links a {
|
|
color: #b0c4de;
|
|
margin: 0 10px;
|
|
}
|
|
.footer .footer-links a:hover {
|
|
color: #fff;
|
|
}
|
|
.footer p {
|
|
margin: 4px 0;
|
|
opacity: 0.8;
|
|
}
|
|
.footer .footer-sep {
|
|
color: #4a6a9a;
|
|
margin: 0 6px;
|
|
}
|
|
.footer .gov-badge {
|
|
display: inline-block;
|
|
border: 1px solid #4a6a9a;
|
|
border-radius: 4px;
|
|
padding: 2px 10px;
|
|
font-size: 12px;
|
|
margin: 6px 4px;
|
|
color: #8aa8d0;
|
|
}
|
|
|
|
/* ========== 响应�?========== */
|
|
@media (max-width: 992px) {
|
|
.main-wrap {
|
|
flex-direction: column;
|
|
}
|
|
.main-right {
|
|
width: 100%;
|
|
}
|
|
.news-grid {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.header .site-title h1 {
|
|
font-size: 22px;
|
|
}
|
|
.header .container {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.menu-toggle {
|
|
display: block;
|
|
}
|
|
.nav-list {
|
|
display: none;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
background: #fff;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
.nav-list.show {
|
|
display: flex;
|
|
}
|
|
.nav-list li a {
|
|
padding: 12px 20px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
.nav .container {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.news-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.news-card .img-placeholder {
|
|
height: 140px;
|
|
}
|
|
|
|
.quick-links {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.top-bar .container {
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
font-size: 12px;
|
|
}
|
|
.header .site-title h1 {
|
|
font-size: 18px;
|
|
}
|
|
.header .site-logo {
|
|
width: 48px;
|
|
height: 48px;
|
|
font-size: 24px;
|
|
}
|
|
.section-header h2 {
|
|
font-size: 16px;
|
|
}
|
|
.news-list li a {
|
|
font-size: 13px;
|
|
}
|
|
.quick-links {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ========== 顶部工具�?========== -->
|
|
<div class="top-bar">
|
|
<div class="container">
|
|
<div>
|
|
<span class="date" id="currentDate"></span>
|
|
<a href="#">设为首页</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">加入收藏</a>
|
|
</div>
|
|
<div>
|
|
<a href="#">简体版</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">无障碍浏�?/a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ========== 头部 ========== -->
|
|
<header class="header">
|
|
<div class="container">
|
|
<div class="site-logo">📊</div>
|
|
<div class="site-title">
|
|
<h1>保康县统计局</h1>
|
|
<p>Baokang County Bureau of Statistics</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ========== 导航�?========== -->
|
|
<nav class="nav" id="mainNav">
|
|
<div class="container">
|
|
<ul class="nav-list" id="navList">
|
|
<li><a href="./">首页</a></li>
|
|
<li><a href="./zxzx/" class="active">最新资�?/a></li>
|
|
<li><a href="./zwgk/">政府信息公开</a></li>
|
|
<li><a href="./tjsj/">统计数据</a></li>
|
|
<li><a href="./tjgb/">统计公报</a></li>
|
|
<li><a href="./pczl/">普查专栏</a></li>
|
|
<li><a href="./hdjl/">互动交流</a></li>
|
|
</ul>
|
|
<button class="menu-toggle" id="menuToggle" aria-label="切换菜单">�?/button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- ========== 面包�?========== -->
|
|
<div class="container">
|
|
<div class="breadcrumb">
|
|
<a href="./">首页</a>
|
|
<span class="sep">�?/span>
|
|
<span>最新资�?/span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ========== 主内容区 ========== -->
|
|
<div class="container">
|
|
<div class="main-wrap">
|
|
|
|
<!-- ========== 左侧主区 ========== -->
|
|
<div class="main-left">
|
|
|
|
<!-- 图片新闻 -->
|
|
<div class="section">
|
|
<div class="section-header">
|
|
<h2><span class="icon">📸</span>图片新闻</h2>
|
|
<a href="#" class="more">更多 ></a>
|
|
</div>
|
|
<div class="section-body">
|
|
<div class="news-grid">
|
|
<div class="news-card">
|
|
<div class="img-placeholder">🖼�?/div>
|
|
<div class="card-info">
|
|
<h3>保康县统计局开展第五次全国经济普查数据质量核查工作</h3>
|
|
<span class="date">2025-05-28</span>
|
|
</div>
|
|
</div>
|
|
<div class="news-card">
|
|
<div class="img-placeholder">🖼�?/div>
|
|
<div class="card-info">
|
|
<h3>市统计局调研组来保康调研指导统计基层基础建设工作</h3>
|
|
<span class="date">2025-05-22</span>
|
|
</div>
|
|
</div>
|
|
<div class="news-card">
|
|
<div class="img-placeholder">🖼�?/div>
|
|
<div class="card-info">
|
|
<h3>保康县召开2025年一季度经济运行分析暨统计业务培训会</h3>
|
|
<span class="date">2025-05-15</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 工作动�?-->
|
|
<div class="section">
|
|
<div class="section-header">
|
|
<h2><span class="icon">📋</span>工作动�?/h2>
|
|
<a href="#" class="more">更多 ></a>
|
|
</div>
|
|
<div class="section-body">
|
|
<ul class="news-list with-icon">
|
|
<li>
|
|
<a href="#">保康县统计局召开上半年统计数据分析研判会</a>
|
|
<span class="date">2025-06-03</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">县统计局开�?统计开放日"宣传活动<span class="tag blue">�?/span></a>
|
|
<span class="date">2025-06-01</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县完�?025年人口变动抽样调查村级样本核实工�?/a>
|
|
<span class="date">2025-05-30</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">县统计局组织党员干部赴红色教育基地开展主题党日活�?/a>
|
|
<span class="date">2025-05-28</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">市统计局来保康开展统计执法检�?回头�?</a>
|
|
<span class="date">2025-05-25</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县召开第五次经济普查数据审核验收推进会</a>
|
|
<span class="date">2025-05-22</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">县统计局举办全县统计业务能力提升培训�?/a>
|
|
<span class="date">2025-05-20</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县统计局深入企业走访调研生产经营情况</a>
|
|
<span class="date">2025-05-18</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">县统计局开�?五一"期间安全生产统计数据核查</a>
|
|
<span class="date">2025-05-15</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县启�?025年住户调查周期内样本轮换工作</a>
|
|
<span class="date">2025-05-12</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 时政要闻 -->
|
|
<div class="section">
|
|
<div class="section-header">
|
|
<h2><span class="icon">🏛�?/span>时政要闻</h2>
|
|
<a href="#" class="more">更多 ></a>
|
|
</div>
|
|
<div class="section-body">
|
|
<ul class="news-list politics">
|
|
<li>
|
|
<a href="#">习近平在湖北考察时强调：进一步全面深化改�?奋力谱写中国式现代化湖北篇章</a>
|
|
<span class="date">2025-06-02</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">国务院印发《关于进一步推动统计工作高质量发展的意见�?/a>
|
|
<span class="date">2025-05-30</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">省统计局部署全省统计系统"数据质量提升�?专项行动</a>
|
|
<span class="date">2025-05-28</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">襄阳市召开全市经济运行调度暨统计工作会�?/a>
|
|
<span class="date">2025-05-25</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县委常委会听取一季度经济运行情况汇报</a>
|
|
<span class="date">2025-05-22</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /左侧主区 -->
|
|
|
|
<!-- ========== 右侧边栏 ========== -->
|
|
<div class="main-right">
|
|
|
|
<!-- 通知公告 -->
|
|
<div class="sidebar-section">
|
|
<div class="section-header">
|
|
<h2><span class="icon">📢</span>通知公告</h2>
|
|
<a href="#" class="more">更多 ></a>
|
|
</div>
|
|
<div class="section-body">
|
|
<ul class="notice-list">
|
|
<li>
|
|
<a href="#">关于开�?025年统计执法检查工作的通知 <span class="tag-new">�?/span></a>
|
|
<span class="date">2025-06-01</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县统计局关于公布统计造假举报电话和电子邮箱的公告</a>
|
|
<span class="date">2025-05-25</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">关于召开2025年全县统计工作会议的通知</a>
|
|
<span class="date">2025-05-20</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">保康县第五次全国经济普查登记补充公告</a>
|
|
<span class="date">2025-05-15</span>
|
|
</li>
|
|
<li>
|
|
<a href="#">2025年统计专业技术资格考试报名公告</a>
|
|
<span class="date">2025-05-10</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 快速链�?-->
|
|
<div class="sidebar-section">
|
|
<div class="section-header">
|
|
<h2><span class="icon">🔗</span>快速链�?/h2>
|
|
</div>
|
|
<div class="section-body">
|
|
<div class="quick-links">
|
|
<a href="#">
|
|
<span class="link-icon">📊</span>
|
|
统计数据
|
|
</a>
|
|
<a href="#">
|
|
<span class="link-icon">📈</span>
|
|
统计公报
|
|
</a>
|
|
<a href="#">
|
|
<span class="link-icon">📋</span>
|
|
普查专栏
|
|
</a>
|
|
<a href="#">
|
|
<span class="link-icon">📝</span>
|
|
在线咨询
|
|
</a>
|
|
<a href="#">
|
|
<span class="link-icon">📁</span>
|
|
资料下载
|
|
</a>
|
|
<a href="#">
|
|
<span class="link-icon">📞</span>
|
|
联系我们
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /右侧边栏 -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ========== 页脚 ========== -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-links">
|
|
<a href="./">网站首页</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">关于我们</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">网站地图</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">联系我们</a>
|
|
<span class="footer-sep">|</span>
|
|
<a href="#">隐私声明</a>
|
|
</div>
|
|
<p>主办单位：保康县统计局 | 联系电话�?710-5812345</p>
|
|
<p>地址：湖北省襄阳市保康县城关镇光千路188�? | 邮编�?41600</p>
|
|
<p>
|
|
<span class="gov-badge">鄂ICP备XXXXXXXX�?1</span>
|
|
<span class="gov-badge">鄂公网安�?XXXXXXXXXXXX�?/span>
|
|
</p>
|
|
<p style="margin-top:8px; font-size:12px; opacity:0.6;">版权所�?© 2025 保康县统计局 保留所有权�?/p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- ========== JavaScript ========== -->
|
|
<script>
|
|
// 自动显示当前日期
|
|
(function() {
|
|
var now = new Date();
|
|
var weekdays = ['�?,'一','�?,'�?,'�?,'�?,'�?];
|
|
var y = now.getFullYear();
|
|
var m = String(now.getMonth()+1).padStart(2,'0');
|
|
var d = String(now.getDate()).padStart(2,'0');
|
|
var w = weekdays[now.getDay()];
|
|
document.getElementById('currentDate').textContent = y + '�? + m + '�? + d + '�?星期' + w;
|
|
})();
|
|
|
|
// 移动端菜单切�? document.getElementById('menuToggle').addEventListener('click', function() {
|
|
document.getElementById('navList').classList.toggle('show');
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|