xqhzzk/tj-baokang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: 保康统计局网站 - 7页面完整版（tj.保康.top）

Browse Source 
新增页面结构：
- 首页：机构信息、经济数据面板、历年GDP表、最新资讯、通知公告、统计分析、县情、特色产业
- zxzx/：最新资讯（图片新闻+工作动态+时政要闻）
- zwgk/：政府信息公开（指南+主动公开+年报+依申请公开）
- tjsj/：统计数据（指标面板+6年GDP+统计分析+年鉴+数据查询）
- tjgb/：统计公报（历年列表+2024年公报10章节全文）
- pczl/：普查专栏（经济/人口/农业普查+1%抽样调查）
- hdjl/：互动交流（在线访谈+征集调查+咨询投诉+局长信箱）
This commit is contained in:
root
2026-06-03 10:53:22 +08:00
commit 796a27704b
7 changed files with 4031 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nginx/html/tj/index.html
+762
View File
@@ -0,0 +1,762 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>保康县统计局 - Baokang County Bureau of Statistics</title>
<style>
:root {
--primary: #003366;
--primary-light: #1a5276;
--primary-mid: #2c7fb8;
--primary-bright: #3498db;
--accent: #e74c3c;
--bg: #f0f3f7;
--card: #ffffff;
--text: #222;
--text-light: #6b7c93;
--border: #dce1e8;
--header-bg: linear-gradient(135deg, #003366 0%, #1a5276 40%, #2c7fb8 100%);
--nav-bg: linear-gradient(90deg, #1a5276, #2c7fb8);
--green: #1d8f46;
--red: #c0392b;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.7;
font-size: 15px;
}
/* Header */
.header {
background: var(--header-bg);
color: #fff;
}
.header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 18px 20px 10px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header-left {
display: flex;
align-items: center;
gap: 18px;
}
.header-left .emblem {
font-size: 42px;
line-height: 1;
color: #ffd700;
}
.header-left .title-group h1 {
font-size: 28px;
font-weight: 700;
letter-spacing: 3px;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.header-left .title-group .subtitle {
font-size: 13px;
opacity: 0.8;
letter-spacing: 1px;
margin-top: 1px;
}
.header-right {
display: flex;
align-items: center;
gap: 15px;
}
.header-right .toolbar a {
color: rgba(255,255,255,0.8);
text-decoration: none;
font-size: 13px;
margin-left: 12px;
transition: color 0.2s;
}
.header-right .toolbar a:hover { color: #fff; }
.search-box {
display: flex;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
overflow: hidden;
background: rgba(255,255,255,0.1);
}
.search-box input {
border: none;
background: transparent;
padding: 6px 12px;
color: #fff;
font-size: 13px;
width: 180px;
outline: none;
}
.search-box input::placeholder { color: rgba(255,255,255,0.6); }
.search-box button {
border: none;
background: rgba(255,255,255,0.2);
color: #fff;
padding: 6px 14px;
cursor: pointer;
font-size: 13px;
transition: background 0.2s;
}
.search-box button:hover { background: rgba(255,255,255,0.3); }
/* Nav */
.nav {
background: var(--nav-bg);
border-top: 1px solid rgba(255,255,255,0.1);
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.nav-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
}
.nav-inner a {
color: #fff;
text-decoration: none;
padding: 13px 22px;
font-size: 15px;
font-weight: 500;
transition: background 0.25s;
white-space: nowrap;
position: relative;
}
.nav-inner a:hover, .nav-inner a.active {
background: rgba(255,255,255,0.18);
}
.nav-inner a.active::after {
content: '';
position: absolute;
bottom: 0;
left: 20%;
right: 20%;
height: 3px;
background: #ffd700;
border-radius: 2px 2px 0 0;
}
/* Container */
.container {
max-width: 1200px;
margin: 20px auto;
padding: 0 20px;
}
/* Card */
.card {
background: var(--card);
border-radius: 8px;
padding: 24px 26px;
margin-bottom: 20px;
box-shadow: 0 1px 6px rgba(0,51,102,0.06);
border: 1px solid #e8ecf0;
}
.card h2 {
font-size: 18px;
color: var(--primary);
border-left: 4px solid var(--primary-mid);
padding-left: 12px;
margin-bottom: 16px;
font-weight: 600;
}
/* Banner */
.banner {
background: linear-gradient(135deg, #003366 0%, #1a5276 50%, #2c7fb8 100%);
color: #fff;
border-radius: 8px;
padding: 36px 30px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.banner::before {
content: '';
position: absolute;
top: -60px;
right: -60px;
width: 200px;
height: 200px;
border-radius: 50%;
background: rgba(255,255,255,0.04);
}
.banner::after {
content: '';
position: absolute;
bottom: -40px;
left: 30%;
width: 160px;
height: 160px;
border-radius: 50%;
background: rgba(255,255,255,0.03);
}
.banner h2 {
font-size: 24px;
margin-bottom: 10px;
border: none;
padding: 0;
color: #fff;
letter-spacing: 2px;
}
.banner p { opacity: 0.9; font-size: 14px; max-width: 650px; line-height: 1.8; }
.banner .badge {
display: inline-block;
background: rgba(255,255,255,0.15);
padding: 4px 14px;
border-radius: 20px;
font-size: 13px;
margin-top: 12px;
border: 1px solid rgba(255,255,255,0.15);
}
/* Info grid */
.info-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 24px;
font-size: 14px;
}
.info-grid .label {
color: var(--text-light);
white-space: nowrap;
font-weight: 500;
}
.info-grid .value { font-weight: 500; }
.info-grid .tag {
display: inline-block;
background: #e8f0fe;
color: var(--primary);
padding: 2px 10px;
border-radius: 4px;
font-size: 12px;
margin-right: 4px;
}
/* Stats */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 14px;
margin-top: 10px;
}
.stat-card {
background: #f7f9fc;
border-radius: 8px;
padding: 18px 14px;
text-align: center;
border: 1px solid var(--border);
transition: transform 0.2s, box-shadow 0.2s;
}
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,51,102,0.1);
}
.stat-card .num {
font-size: 26px;
font-weight: 700;
color: var(--primary);
line-height: 1.3;
}
.stat-card .num .unit { font-size: 14px; font-weight: 400; color: var(--text-light); }
.stat-card .num .change-up { font-size: 13px; color: var(--green); font-weight: 600; }
.stat-card .label {
font-size: 13px;
color: var(--text-light);
margin-top: 5px;
}
.stat-card .sub {
font-size: 12px;
color: var(--text-light);
margin-top: 2px;
}
/* Table */
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.data-table th {
background: var(--primary);
color: #fff;
padding: 10px 12px;
text-align: left;
font-weight: 500;
white-space: nowrap;
}
.data-table td {
padding: 9px 12px;
border-bottom: 1px solid var(--border);
white-space: nowrap;
}
.data-table tr:hover td {
background: #f0f6fc;
}
.data-table tr:nth-child(even) td {
background: #f8fafc;
}
.data-table tr:nth-child(even):hover td {
background: #f0f6fc;
}
/* Timeline list */
.timeline {
list-style: none;
}
.timeline li {
padding: 7px 0;
border-bottom: 1px solid #f0f0f0;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.timeline li:last-child { border-bottom: none; }
.timeline li a {
color: var(--primary-light);
text-decoration: none;
flex: 1;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeline li a:hover {
color: var(--accent);
text-decoration: underline;
}
.timeline .date {
font-size: 13px;
color: var(--text-light);
white-space: nowrap;
flex-shrink: 0;
}
.timeline .tag-label {
font-size: 11px;
background: var(--primary-bright);
color: #fff;
padding: 1px 8px;
border-radius: 3px;
margin-right: 6px;
flex-shrink: 0;
}
/* Two column */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.three-col {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
/* Quick links */
.quick-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin-top: 10px;
}
.quick-links a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #f7f9fc;
border: 1px solid var(--border);
border-radius: 8px;
padding: 16px 12px;
text-align: center;
text-decoration: none;
color: var(--text);
font-size: 14px;
font-weight: 500;
transition: all 0.25s;
min-height: 80px;
}
.quick-links a:hover {
background: var(--primary);
color: #fff;
border-color: var(--primary);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,51,102,0.25);
}
.quick-links a .icon {
font-size: 28px;
display: block;
margin-bottom: 6px;
}
/* Footer */
.footer {
background: var(--primary);
color: rgba(255,255,255,0.85);
padding: 28px 0;
margin-top: 30px;
text-align: center;
font-size: 13px;
line-height: 2.2;
border-top: 4px solid var(--primary-mid);
}
.footer-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer .footer-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.footer .footer-links a {
padding: 0 8px;
border-right: 1px solid rgba(255,255,255,0.2);
line-height: 1;
}
.footer .footer-links a:last-child { border-right: none; }
/* Section divider */
.section-title {
font-size: 14px;
color: var(--text-light);
margin-bottom: 6px;
font-weight: 500;
}
/* Responsive */
@media (max-width: 900px) {
.three-col { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
.two-col { grid-template-columns: 1fr; }
.three-col { grid-template-columns: 1fr; }
.nav-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nav-inner a { padding: 12px 16px; font-size: 14px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.header-inner { flex-direction: column; align-items: flex-start; gap: 10px; }
.header-right { width: 100%; justify-content: flex-end; }
.header-left .title-group h1 { font-size: 22px; }
.search-box input { width: 140px; }
.data-table { font-size: 12px; }
.data-table th, .data-table td { padding: 6px 8px; }
.banner { padding: 24px 20px; }
.banner h2 { font-size: 20px; }
.card { padding: 18px 16px; }
.quick-links { grid-template-columns: repeat(2, 1fr); }
.footer .footer-links { flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 480px) {
.stats-grid { grid-template-columns: 1fr; }
.quick-links { grid-template-columns: 1fr 1fr; }
.header-inner { padding: 12px 12px 8px; }
.header-left .title-group h1 { font-size: 18px; letter-spacing: 1px; }
.header-left .emblem { font-size: 32px; }
}
</style>
</head>
<body>
<!-- ===== Header ===== -->
<div class="header">
<div class="header-inner">
<div class="header-left">
<div class="emblem">&#128278;</div>
<div class="title-group">
<h1>保康县统计局</h1>
<div class="subtitle">Baokang County Bureau of Statistics</div>
</div>
</div>
<div class="header-right">
<div class="toolbar">
<a href="#">设为首页</a>
<a href="#">加入收藏</a>
<a href="#">网站地图</a>
</div>
<div class="search-box">
<input type="text" placeholder="站内搜索...">
<button>&#x1F50D;</button>
</div>
</div>
</div>
<div class="nav">
<div class="nav-inner">
<a href="./" class="active">首页</a>
<a href="./zxzx/">最新资讯</a>
<a href="./zwgk/">政府信息公开</a>
<a href="./tjsj/">统计数据</a>
<a href="./tjgb/">统计公报</a>
<a href="./pczl/">普查专栏</a>
<a href="./hdjl/">互动交流</a>
</div>
</div>
</div>
<div class="container">
<!-- ===== Banner ===== -->
<div class="banner">
<h2>保康县统计信息服务平台</h2>
<p>全面反映保康县国民经济和社会发展水平，提供权威统计数据、统计公报和统计分析，服务政府决策，满足社会公众信息需求。</p>
<span class="badge">&#127754; 楚国故里 · 灵秀保康 · 生态强县</span>
</div>
<!-- ===== 机构信息卡片 ===== -->
<div class="card">
<h2>机构信息</h2>
<div class="info-grid">
<span class="label">机构名称</span><span class="value">保康县统计局</span>
<span class="label">负 责 人</span><span class="value">肖平</span>
<span class="label">办公地址</span><span class="value">湖北省襄阳市保康县城关镇迎宾路77号</span>
<span class="label">联系电话</span><span class="value">0710-5813408</span>
<span class="label">办公时间</span><span class="value">上午 8:30-12:00 &nbsp; 下午 14:30-18:00（法定工作日）</span>
<span class="label">内设机构</span><span class="value">
<span class="tag">办公室</span>
<span class="tag">法规股</span>
<span class="tag">业务股</span>
</span>
</div>
</div>
<!-- ===== 2024年经济数据面板 ===== -->
<div class="card">
<h2>2024年保康县主要经济指标</h2>
<div class="stats-grid">
<div class="stat-card">
<div class="num">215.47 <span class="unit">亿元</span></div>
<div class="label">地区生产总值</div>
<div class="sub"><span class="change-up">&#9650; +6.7%</span></div>
</div>
<div class="stat-card">
<div class="num">52.4%</div>
<div class="label">第三产业占比</div>
<div class="sub">112.81 亿元</div>
</div>
<div class="stat-card">
<div class="num">50.58%</div>
<div class="label">常住人口城镇化率</div>
<div class="sub">22.27 万常住人口</div>
</div>
<div class="stat-card">
<div class="num">40,500 <span class="unit">元</span></div>
<div class="label">城镇人均可支配收入</div>
<div class="sub"><span class="change-up">&#9650; +4.8%</span></div>
</div>
<div class="stat-card">
<div class="num">18,586 <span class="unit">元</span></div>
<div class="label">农村人均可支配收入</div>
<div class="sub"><span class="change-up">&#9650; +6.7%</span></div>
</div>
<div class="stat-card">
<div class="num">17.2 <span class="unit">亿元</span></div>
<div class="label">地方财政总收入</div>
<div class="sub"><span class="change-up">&#9650; +15%</span></div>
</div>
</div>
</div>
<!-- ===== 历年数据表 ===== -->
<div class="card">
<h2>历年主要经济指标</h2>
<div style="overflow-x:auto;">
<table class="data-table">
<thead>
<tr>
<th>年份</th>
<th>GDP（亿元）</th>
<th>增速</th>
<th>一产（亿元）</th>
<th>二产（亿元）</th>
<th>三产（亿元）</th>
<th>城镇收入（元）</th>
<th>农村收入（元）</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>2024</strong></td>
<td>215.47</td>
<td style="color:var(--green);">+6.7%</td>
<td>36.25</td>
<td>66.42</td>
<td>112.81</td>
<td>40,500</td>
<td>18,586</td>
</tr>
<tr>
<td><strong>2023</strong></td>
<td>190.18</td>
<td style="color:var(--green);">+5.8%</td>
<td>27.18</td>
<td>71.46</td>
<td>91.55</td>
<td>38,645</td>
<td>17,419</td>
</tr>
<tr>
<td><strong>2022</strong></td>
<td>181.36</td>
<td style="color:var(--green);">+5.2%</td>
<td>28.22</td>
<td>72.08</td>
<td>81.06</td>
<td>36,665</td>
<td>16,129</td>
</tr>
<tr>
<td><strong>2019</strong></td>
<td>137.01</td>
<td style="color:var(--green);">+7.9%</td>
<td>22.25</td>
<td>59.93</td>
<td>54.82</td>
<td>31,128</td>
<td>13,132</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- ===== 三列布局：最新资讯 / 通知公告 / 统计分析 ===== -->
<div class="three-col">
<!-- 最新资讯 -->
<div class="card">
<h2>最新资讯</h2>
<ul class="timeline">
<li><a href="#">保康县统计局召开2025年上半年经济运行分析会</a><span class="date">2025-07-15</span></li>
<li><a href="#">县统计局组织开展统计普法宣传月活动</a><span class="date">2025-06-28</span></li>
<li><a href="#">保康县2025年统计工作暨党风廉政建设会议召开</a><span class="date">2025-05-20</span></li>
<li><a href="#">省统计局赴保康开展乡村振兴统计监测调研</a><span class="date">2025-04-12</span></li>
<li><a href="#">县统计局开展一季度"开门红"统计服务专项行动</a><span class="date">2025-03-05</span></li>
<li><a href="#">保康县部署第五次全国经济普查资料开发应用工作</a><span class="date">2025-01-22</span></li>
</ul>
</div>
<!-- 通知公告 -->
<div class="card">
<h2>通知公告</h2>
<ul class="timeline">
<li><span class="tag-label">公示</span><a href="#">保康县统计局2025年度统计执法检查工作方案</a><span class="date">2025-06-03</span></li>
<li><span class="tag-label">公示</span><a href="#">关于统计造假弄虚作假举报渠道的公告</a><span class="date">2025-05-10</span></li>
<li><span class="tag-label">通知</span><a href="#">关于开展2025年统计人员继续教育工作的通知</a><span class="date">2025-04-20</span></li>
<li><span class="tag-label">通知</span><a href="#">关于召开全县统计业务培训会议的通知</a><span class="date">2025-03-15</span></li>
<li><span class="tag-label">公告</span><a href="#">保康县统计局2025年部门预算公开</a><span class="date">2025-01-26</span></li>
</ul>
</div>
<!-- 统计分析 -->
<div class="card">
<h2>统计分析</h2>
<ul class="timeline">
<li><a href="#">2025年上半年保康县经济运行情况分析</a><span class="date">2025-07-20</span></li>
<li><a href="#">保康县一季度规上工业运行态势分析</a><span class="date">2025-04-18</span></li>
<li><a href="#">保康县近三年固定资产投资结构分析</a><span class="date">2025-03-25</span></li>
<li><a href="#">保康县城乡居民收入差距变化趋势研究</a><span class="date">2024-12-10</span></li>
<li><a href="#">保康县特色农业产业发展统计监测报告</a><span class="date">2024-10-08</span></li>
</ul>
</div>
</div><!-- /three-col -->
<!-- ===== 两列布局：县情概览 / 特色产业 ===== -->
<div class="two-col">
<!-- 县情概览 -->
<div class="card">
<h2>保康县情概览</h2>
<div style="font-size:14px; line-height:1.9;">
<p style="margin-bottom:6px;">&#128205; <strong>位 置：</strong>鄂西北，襄阳市西南部</p>
<p style="margin-bottom:6px;">&#128207; <strong>面 积：</strong>3225 平方公里</p>
<p style="margin-bottom:6px;">&#127963; <strong>行政区划：</strong>10个镇、1个乡（城关镇、黄堡镇、后坪镇、龙坪镇、店垭镇、马良镇、歇马镇、马桥镇、寺坪镇、过渡湾镇、两峪乡）</p>
<p style="margin-bottom:6px;">&#127760; <strong>建县历史：</strong>明弘治十一年（公元1498年），已有500余年历史</p>
<p style="margin-bottom:6px;">&#127754; <strong>森林覆盖：</strong>80.27%，"八山一水一分田"全山区县</p>
<p style="margin-bottom:6px;">&#128647; <strong>交 通：</strong>呼北高速、麻安高速、老石高速、保神高速；郑渝高铁设保康站</p>
</div>
</div>
<!-- 特色产业 -->
<div class="card">
<h2>特色产业</h2>
<div class="stats-grid">
<div class="stat-card">
<div class="num">20<span class="unit">万亩</span></div>
<div class="label">茶叶基地</div>
<div class="sub">综合产值超20亿元</div>
</div>
<div class="stat-card">
<div class="num">35<span class="unit">万亩</span></div>
<div class="label">核桃种植</div>
<div class="sub">综合产值超6亿元</div>
</div>
<div class="stat-card">
<div class="num">24<span class="unit">亿吨</span></div>
<div class="label">磷矿储量</div>
<div class="sub">全国八大磷矿第四位</div>
</div>
<div class="stat-card">
<div class="num">5<span class="unit">个</span></div>
<div class="label">4A级景区</div>
<div class="sub">2025年旅游收入55亿元</div>
</div>
</div>
</div>
</div><!-- /two-col -->
<!-- ===== 快速通道 ===== -->
<div class="card">
<h2>快速通道</h2>
<div class="quick-links">
<a href="https://www.baokang.gov.cn" target="_blank" rel="noopener"><span class="icon">&#127963;</span>保康县政府</a>
<a href="https://tjj.xiangyang.gov.cn" target="_blank" rel="noopener"><span class="icon">&#128200;</span>襄阳市统计局</a>
<a href="https://www.stats.gov.cn" target="_blank" rel="noopener"><span class="icon">&#127464;&#127475;</span>国家统计局</a>
<a href="https://zwfw.hubei.gov.cn" target="_blank" rel="noopener"><span class="icon">&#128483;</span>湖北政务服务</a>
<a href="https://www.baokang.gov.cn/jcxxgk/bmxxgk/tjj/" target="_blank" rel="noopener"><span class="icon">&#128196;</span>信息公开</a>
<a href="https://www.gov.cn" target="_blank" rel="noopener"><span class="icon">&#127477;&#127473;</span>中国政府网</a>
</div>
</div>
</div><!-- /container -->
<!-- ===== Footer ===== -->
<div class="footer">
<div class="footer-inner">
<div class="footer-links">
<a href="./">网站首页</a>
<a href="#">关于我们</a>
<a href="#">联系方式</a>
<a href="#">网站声明</a>
<a href="#">网站地图</a>
<a href="#">RSS订阅</a>
</div>
<div>主办：保康县统计局 &nbsp;|&nbsp; 联系电话：0710-5813408 &nbsp;|&nbsp; 传真：0710-5813408</div>
<div>地址：湖北省襄阳市保康县城关镇迎宾路77号 &nbsp;|&nbsp; 邮编：441600</div>
<div>
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
&nbsp;|&nbsp;
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
&nbsp;|&nbsp; 网站标识码：4206260007
</div>
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
保康县统计局版权所有 &copy; 2025 &nbsp;·&nbsp; 数据更新于 2025年7月 &nbsp;·&nbsp; 技术支持：保康县统计局办公室
</div>
</div>
</div>
</body>
</html>