Files
root 796a27704b add: 保康统计局网站 - 7页面完整版(tj.保康.top)
新增页面结构:
- 首页:机构信息、经济数据面板、历年GDP表、最新资讯、通知公告、统计分析、县情、特色产业
- zxzx/:最新资讯(图片新闻+工作动态+时政要闻)
- zwgk/:政府信息公开(指南+主动公开+年报+依申请公开)
- tjsj/:统计数据(指标面板+6年GDP+统计分析+年鉴+数据查询)
- tjgb/:统计公报(历年列表+2024年公报10章节全文)
- pczl/:普查专栏(经济/人口/农业普查+1%抽样调查)
- hdjl/:互动交流(在线访谈+征集调查+咨询投诉+局长信箱)
2026-06-03 10:53:22 +08:00

762 lines
22 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>保康县统计局 - 统计数据</title>
<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;
}
/* Stats grid */
.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;
}
.stat-card .change-up { font-size: 13px; color: var(--green); font-weight: 600; }
/* 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: 10px 0;
border-bottom: 1px solid #f0f0f0;
display: flex;
flex-direction: column;
gap: 3px;
}
.timeline li:last-child { border-bottom: none; }
.timeline li .tl-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.timeline li a {
color: var(--primary-light);
text-decoration: none;
flex: 1;
font-size: 14px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeline li a:hover {
color: var(--accent);
text-decoration: underline;
}
.timeline .date {
font-size: 12px;
color: var(--text-light);
white-space: nowrap;
flex-shrink: 0;
}
.timeline .summary {
font-size: 13px;
color: #666;
line-height: 1.6;
padding-left: 4px;
}
/* Two column */
.two-col {
display: grid;
grid-template-columns: 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;
}
/* Industry table */
.industry-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-top: 6px;
}
.industry-table th {
background: var(--primary-mid);
color: #fff;
padding: 9px 12px;
text-align: center;
font-weight: 500;
}
.industry-table td {
padding: 9px 12px;
border-bottom: 1px solid var(--border);
text-align: center;
}
.industry-table tr:hover td {
background: #f0f6fc;
}
.industry-table .ind-icon {
font-size: 22px;
display: block;
margin-bottom: 2px;
}
/* Section title */
.sec-subtitle {
font-size: 13px;
color: var(--text-light);
margin-top: 4px;
margin-bottom: 12px;
}
/* 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; }
/* Responsive */
@media (max-width: 900px) {
.two-col { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.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; }
.industry-table { font-size: 12px; }
.industry-table th, .industry-table td { padding: 6px 8px; }
.card { padding: 18px 16px; }
.quick-links { grid-template-columns: repeat(2, 1fr); }
.timeline li .tl-top { flex-wrap: wrap; }
.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="./">首页</a>
<a href="./zxzx/">最新资讯</a>
<a href="./zwgk/">政府信息公开</a>
<a href="./tjsj/" class="active">统计数据</a>
<a href="./tjgb/">统计公报</a>
<a href="./pczl/">普查专栏</a>
<a href="./hdjl/">互动交流</a>
</div>
</div>
</div>
<div class="container">
<!-- ===== 页面标题 ===== -->
<div class="card" style="background:linear-gradient(135deg,#003366 0%,#1a5276 50%,#2c7fb8 100%);color:#fff;border:none;padding:28px 30px;">
<h2 style="color:#fff;border-left-color:#ffd700;font-size:22px;margin-bottom:6px;">统计数据</h2>
<p style="opacity:0.85;font-size:14px;padding-left:16px;">保康县国民经济和社会发展综合统计数据查询平台</p>
</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"><span class="change-up">&#9650; +10.9%</span></div>
<div class="label">规上工业增加值增速</div>
<div class="sub">规模以上工业</div>
</div>
<div class="stat-card">
<div class="num"><span class="change-up">&#9650; +10.5%</span></div>
<div class="label">固定资产投资增速</div>
<div class="sub">不含农户</div>
</div>
<div class="stat-card">
<div class="num">89.61 <span class="unit">亿元</span></div>
<div class="label">社会消费品零售总额</div>
<div class="sub"><span class="change-up">&#9650; +5.1%</span></div>
</div>
<div class="stat-card">
<div class="num">13,545 <span class="unit">万美元</span></div>
<div class="label">出口总额</div>
<div class="sub">货物出口</div>
</div>
</div>
</div>
<!-- ===== 历年GDP对比表 ===== -->
<div class="card">
<h2>历年地区生产总值对比</h2>
<div class="sec-subtitle">按三次产业分(单位:亿元)</div>
<div style="overflow-x:auto;">
<table class="data-table">
<thead>
<tr>
<th>年份</th>
<th>GDP(亿元)</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);font-weight:600;">+6.7</td>
<td>36.25</td>
<td>66.42</td>
<td>112.81</td>
</tr>
<tr>
<td><strong>2023</strong></td>
<td>190.18</td>
<td style="color:var(--green);font-weight:600;">+5.8</td>
<td>27.18</td>
<td>71.46</td>
<td>91.55</td>
</tr>
<tr>
<td><strong>2022</strong></td>
<td>181.36</td>
<td style="color:var(--green);font-weight:600;">+5.2</td>
<td>28.22</td>
<td>72.08</td>
<td>81.06</td>
</tr>
<tr>
<td><strong>2021</strong></td>
<td>156.57</td>
<td style="color:var(--green);font-weight:600;">+12.8</td>
<td>25.36</td>
<td>66.87</td>
<td>64.34</td>
</tr>
<tr>
<td><strong>2020</strong></td>
<td>135.22</td>
<td style="color:var(--red);font-weight:600;">-2.1</td>
<td>25.10</td>
<td>60.15</td>
<td>49.97</td>
</tr>
<tr>
<td><strong>2019</strong></td>
<td>137.01</td>
<td style="color:var(--green);font-weight:600;">+7.9</td>
<td>22.25</td>
<td>59.93</td>
<td>54.82</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- ===== 两列:统计分析列表 + 数据查询入口 ===== -->
<div class="two-col">
<!-- 统计分析列表 -->
<div class="card">
<h2>统计分析</h2>
<ul class="timeline">
<li>
<div class="tl-top">
<a href="#">2025年上半年保康县经济运行情况分析</a>
<span class="date">2025-07-20</span>
</div>
<div class="summary">上半年全县经济持续回升,GDP同比增长6.3%,规上工业、固投保持两位数增长,消费市场稳中有进。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县一季度规模以上工业运行态势分析</a>
<span class="date">2025-04-18</span>
</div>
<div class="summary">一季度规上工业增加值同比增长8.5%,磷化工、农产品加工等重点行业贡献突出。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县固定资产投资结构分析(2022-2024)</a>
<span class="date">2025-03-25</span>
</div>
<div class="summary">基础设施投资持续扩大,产业投资占比稳步提升,民间投资活力增强。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县城乡居民收入差距变化趋势研究</a>
<span class="date">2024-12-10</span>
</div>
<div class="summary">城乡居民收入比从2019年的2.37缩小至2024年的2.18,共同富裕取得新进展。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县特色农业产业发展统计监测报告</a>
<span class="date">2024-10-08</span>
</div>
<div class="summary">茶叶、核桃、中药材三大特色产业综合产值突破50亿元,带动农户3.2万户。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县2024年上半年消费品市场运行分析</a>
<span class="date">2024-07-22</span>
</div>
<div class="summary">社消零总额同比增长5.6%,餐饮住宿恢复明显,线上消费持续增长。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县磷化工产业经济运行情况分析</a>
<span class="date">2024-05-15</span>
</div>
<div class="summary">磷矿开采及加工产业产值同比增长12.3%,占规上工业比重达38%。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县旅游产业发展统计报告(2023年度)</a>
<span class="date">2024-03-20</span>
</div>
<div class="summary">全县接待游客580万人次,旅游综合收入48亿元,分别同比增长18%和21%。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县服务业发展现状与对策分析</a>
<span class="date">2024-01-12</span>
</div>
<div class="summary">第三产业增加值占GDP比重首次突破50%,现代服务业发展势头良好。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县2023年经济运行情况综合分析</a>
<span class="date">2024-01-05</span>
</div>
<div class="summary">2023年全县经济稳中有进,GDP突破190亿元,各项主要指标完成年度目标。</div>
</li>
</ul>
</div>
<!-- 数据查询入口 -->
<div>
<div class="card">
<h2>统计年鉴</h2>
<div class="quick-links" style="grid-template-columns:1fr 1fr;">
<a href="#"><span class="icon">&#128214;</span>保康统计年鉴<br><span style="font-size:12px;font-weight:400;">2020-2024</span></a>
<a href="#"><span class="icon">&#128218;</span>襄阳市统计年鉴<br><span style="font-size:12px;font-weight:400;">查阅入口</span></a>
</div>
</div>
<div class="card">
<h2>季度数据</h2>
<div class="quick-links" style="grid-template-columns:1fr 1fr;">
<a href="#"><span class="icon">&#128200;</span>季度GDP<br><span style="font-size:12px;font-weight:400;">分产业数据</span></a>
<a href="#"><span class="icon">&#128202;</span>月度工业<br><span style="font-size:12px;font-weight:400;">规上工业数据</span></a>
<a href="#"><span class="icon">&#128176;</span>消费数据<br><span style="font-size:12px;font-weight:400;">社消零数据</span></a>
<a href="#"><span class="icon">&#128227;</span>价格指数<br><span style="font-size:12px;font-weight:400;">CPI/PPI数据</span></a>
</div>
</div>
<div class="card">
<h2>数据查询</h2>
<div class="quick-links">
<a href="#"><span class="icon">&#128269;</span>数据直查<br><span style="font-size:12px;font-weight:400;">在线查询系统</span></a>
<a href="#"><span class="icon">&#128196;</span>数据下载<br><span style="font-size:12px;font-weight:400;">Excel格式</span></a>
<a href="#"><span class="icon">&#128240;</span>可视化图表<br><span style="font-size:12px;font-weight:400;">交互式数据</span></a>
</div>
</div>
</div>
</div><!-- /two-col -->
<!-- ===== 特色产业数据表 ===== -->
<div class="card">
<h2>特色产业数据</h2>
<div class="sec-subtitle">保康县四大特色产业基本情况</div>
<div style="overflow-x:auto;">
<table class="industry-table">
<thead>
<tr>
<th>产业</th>
<th>规模</th>
<th>年产值</th>
<th>从业人数</th>
<th>主要分布</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="ind-icon">&#127861;</span>茶叶</td>
<td>20万亩</td>
<td>超20亿元</td>
<td>3.2万人</td>
<td>店垭镇、马良镇、歇马镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#127792;</span>核桃</td>
<td>35万亩</td>
<td>超6亿元</td>
<td>1.8万人</td>
<td>城关镇、过渡湾、寺坪镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#9969;</span>磷矿</td>
<td>储量24亿吨</td>
<td>超30亿元</td>
<td>0.6万人</td>
<td>马桥镇、歇马镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#127748;</span>旅游</td>
<td>5个4A景区</td>
<td>55亿元</td>
<td>1.5万人</td>
<td>全县各景区</td>
</tr>
</tbody>
</table>
</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>