Files
tj-baokang/nginx/html/tj/index.html
T
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

763 lines
23 KiB
HTML
Raw 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>保康县统计局 - 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>