add: 保康统计局网站 - 7页面完整版（tj.保康.top）
新增页面结构： - 首页：机构信息、经济数据面板、历年GDP表、最新资讯、通知公告、统计分析、县情、特色产业 - zxzx/：最新资讯（图片新闻+工作动态+时政要闻） - zwgk/：政府信息公开（指南+主动公开+年报+依申请公开） - tjsj/：统计数据（指标面板+6年GDP+统计分析+年鉴+数据查询） - tjgb/：统计公报（历年列表+2024年公报10章节全文） - pczl/：普查专栏（经济/人口/农业普查+1%抽样调查） - hdjl/：互动交流（在线访谈+征集调查+咨询投诉+局长信箱）
This commit is contained in:
root
@@ -0,0 +1,716 @@
|
||||
<!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;
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.breadcrumb {
|
||||
font-size: 13px;
|
||||
color: var(--text-light);
|
||||
margin-bottom: 16px;
|
||||
padding: 10px 16px;
|
||||
background: var(--card);
|
||||
border-radius: 8px;
|
||||
border: 1px solid #e8ecf0;
|
||||
}
|
||||
.breadcrumb a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
.breadcrumb a:hover { text-decoration: underline; }
|
||||
.breadcrumb .sep { margin: 0 8px; color: #bbb; }
|
||||
.breadcrumb .current { color: var(--text); }
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.card h3 {
|
||||
font-size: 16px;
|
||||
color: var(--primary-light);
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
.page-banner {
|
||||
background: linear-gradient(135deg, #003366 0%, #1a5276 50%, #2c7fb8 100%);
|
||||
color: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 30px;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-banner::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: -60px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255,255,255,0.04);
|
||||
}
|
||||
.page-banner::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
left: 30%;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255,255,255,0.03);
|
||||
}
|
||||
.page-banner h2 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 8px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.page-banner p {
|
||||
opacity: 0.9;
|
||||
font-size: 14px;
|
||||
max-width: 650px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Timeline list */
|
||||
.timeline {
|
||||
list-style: none;
|
||||
}
|
||||
.timeline li {
|
||||
padding: 8px 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;
|
||||
}
|
||||
.timeline .tag-survey {
|
||||
background: #e67e22;
|
||||
}
|
||||
.timeline .tag-poll {
|
||||
background: #27ae60;
|
||||
}
|
||||
|
||||
/* Two column */
|
||||
.two-col {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
/* Interview block */
|
||||
.interview-card {
|
||||
background: #f7f9fc;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
padding: 16px 18px;
|
||||
margin-bottom: 14px;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
.interview-card:hover {
|
||||
box-shadow: 0 2px 10px rgba(0,51,102,0.08);
|
||||
}
|
||||
.interview-card:last-child { margin-bottom: 0; }
|
||||
.interview-card .interview-title {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: var(--primary);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.interview-card .interview-title a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
.interview-card .interview-title a:hover {
|
||||
color: var(--accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
.interview-card .interview-meta {
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.interview-card .interview-summary {
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Info box */
|
||||
.info-box {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 8px 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.info-box .label {
|
||||
color: var(--text-light);
|
||||
white-space: nowrap;
|
||||
font-weight: 500;
|
||||
}
|
||||
.info-box .value { font-weight: 500; }
|
||||
|
||||
/* Notice box */
|
||||
.notice-box {
|
||||
background: #fff9e6;
|
||||
border: 1px solid #f0dca0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
margin-bottom: 14px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.notice-box .icon { color: #f39c12; margin-right: 6px; }
|
||||
|
||||
/* Hotline button */
|
||||
.hotline-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
background: linear-gradient(135deg, #e74c3c, #c0392b);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 14px 32px;
|
||||
border-radius: 8px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.hotline-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(231,76,60,0.35);
|
||||
}
|
||||
.hotline-btn .icon {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
/* Guide steps */
|
||||
.guide-steps {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.guide-step {
|
||||
background: #f7f9fc;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
padding: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.guide-step .step-num {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.guide-step .step-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.guide-step .step-desc {
|
||||
font-size: 13px;
|
||||
color: var(--text-light);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Contact card */
|
||||
.contact-card {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact-item {
|
||||
background: #f7f9fc;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
.contact-item .ci-label {
|
||||
font-size: 12px;
|
||||
color: var(--text-light);
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.contact-item .ci-value {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
/* Two column layout for main content */
|
||||
.main-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
/* 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) {
|
||||
.main-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.two-col { grid-template-columns: 1fr; }
|
||||
.nav-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.nav-inner a { padding: 12px 16px; font-size: 14px; }
|
||||
.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; }
|
||||
.page-banner { padding: 24px 20px; }
|
||||
.page-banner h2 { font-size: 20px; }
|
||||
.card { padding: 18px 16px; }
|
||||
.contact-card { grid-template-columns: 1fr; }
|
||||
.main-grid { grid-template-columns: 1fr; }
|
||||
.guide-steps { grid-template-columns: 1fr 1fr; }
|
||||
.hotline-btn { font-size: 16px; padding: 12px 24px; }
|
||||
.footer .footer-links { flex-wrap: wrap; gap: 10px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.header-inner { padding: 12px 12px 8px; }
|
||||
.header-left .title-group h1 { font-size: 18px; letter-spacing: 1px; }
|
||||
.header-left .emblem { font-size: 32px; }
|
||||
.guide-steps { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ===== Header ===== -->
|
||||
<div class="header">
|
||||
<div class="header-inner">
|
||||
<div class="header-left">
|
||||
<div class="emblem">🔖</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="../index.html">设为首页</a>
|
||||
<a href="../index.html">加入收藏</a>
|
||||
<a href="#">网站地图</a>
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<input type="text" placeholder="站内搜索...">
|
||||
<button>🔍</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="../index.html">首页</a>
|
||||
<a href="../zxzx/">最新资讯</a>
|
||||
<a href="../zwgk/">政府信息公开</a>
|
||||
<a href="../tjsj/">统计数据</a>
|
||||
<a href="../tjgb/">统计公报</a>
|
||||
<a href="../pczl/">普查专栏</a>
|
||||
<a href="index.html" class="active">互动交流</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- ===== Breadcrumb ===== -->
|
||||
<div class="breadcrumb">
|
||||
<a href="../index.html">首页</a><span class="sep">›</span><span class="current">互动交流</span>
|
||||
</div>
|
||||
|
||||
<!-- ===== Page Banner ===== -->
|
||||
<div class="page-banner">
|
||||
<h2>互动交流</h2>
|
||||
<p>搭建政民互动桥梁，倾听民意，汇聚民智。通过在线访谈、征集调查、咨询投诉、局长信箱等渠道，广泛听取社会各界对保康统计工作的意见建议，及时回应公众关切。</p>
|
||||
</div>
|
||||
|
||||
<!-- ===== 在线访谈 ===== -->
|
||||
<div class="card">
|
||||
<h2>在线访谈</h2>
|
||||
<p style="font-size:13px; color:var(--text-light); margin-bottom:14px;">聚焦统计热点，解读经济形势，回应社会关切。以下是近期访谈内容：</p>
|
||||
|
||||
<div class="interview-card">
|
||||
<div class="interview-title">
|
||||
<a href="#">🎙 保康县2025年上半年经济运行情况在线访谈</a>
|
||||
</div>
|
||||
<div class="interview-meta">访谈时间：2025-07-22 | 嘉宾：肖平（局长）</div>
|
||||
<div class="interview-summary">
|
||||
肖平局长就2025年上半年保康县经济运行情况进行详细解读，介绍全县GDP增长6.7%背后的产业支撑，分析工业、投资、消费、外贸等领域运行特点，并就下半年经济走势预判及统计工作重点与网友互动交流。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="interview-card">
|
||||
<div class="interview-title">
|
||||
<a href="#">🎙 保康县第五次全国经济普查工作进展在线访谈</a>
|
||||
</div>
|
||||
<div class="interview-meta">访谈时间：2025-03-15 | 嘉宾：刘伟（副局长）</div>
|
||||
<div class="interview-summary">
|
||||
刘伟副局长介绍保康县第五次全国经济普查登记阶段工作进展，讲解普查数据质量管控措施，回应普查对象关心的数据保密问题，并就普查成果应用前景与广大网友在线交流。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ===== 征集调查 + 咨询投诉 / 局长信箱 ===== -->
|
||||
<div class="main-grid">
|
||||
|
||||
<!-- 征集调查 -->
|
||||
<div class="card">
|
||||
<h2>征集调查</h2>
|
||||
<p style="font-size:13px; color:var(--text-light); margin-bottom:10px;">面向社会公众开展的各类调查和意见征集活动：</p>
|
||||
<ul class="timeline">
|
||||
<li><span class="tag-label tag-survey">进行中</span><a href="#">保康县统计普法宣传需求调查问卷</a><span class="date">2025-07-01</span></li>
|
||||
<li><span class="tag-label tag-survey">进行中</span><a href="#">保康县统计数据质量满意度调查</a><span class="date">2025-06-15</span></li>
|
||||
<li><span class="tag-label tag-poll">已结束</span><a href="#">保康县统计信息公开工作社会评议</a><span class="date">2025-05-20</span></li>
|
||||
<li><span class="tag-label tag-poll">已结束</span><a href="#">保康县营商环境统计监测问卷调查</a><span class="date">2025-04-10</span></li>
|
||||
<li><span class="tag-label tag-poll">已结束</span><a href="#">保康县居民消费意愿调查问卷</a><span class="date">2025-03-01</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 咨询投诉 + 局长信箱 -->
|
||||
<div>
|
||||
<!-- 咨询投诉 -->
|
||||
<div class="card">
|
||||
<h2>咨询投诉</h2>
|
||||
<p style="font-size:14px; margin-bottom:12px; line-height:1.8;">
|
||||
如果您对保康县统计工作有疑问、建议或投诉，欢迎通过以下渠道与我们联系。我们将认真核实，及时反馈处理结果。
|
||||
</p>
|
||||
<div class="notice-box">
|
||||
<span class="icon">⚠</span> 本栏目受理统计业务咨询、数据查询申请、统计违法行为举报、工作作风投诉等事项。请您提供真实有效的联系方式，以便我们及时回复。
|
||||
</div>
|
||||
<div class="contact-card">
|
||||
<div class="contact-item">
|
||||
<div class="ci-label">📞 咨询投诉电话</div>
|
||||
<div class="ci-value">0710-5813408</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="ci-label">📧 咨询投诉邮箱</div>
|
||||
<div class="ci-value">bktjj@baokang.gov.cn</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="ci-label">📍 来访地址</div>
|
||||
<div class="ci-value">保康县城关镇迎宾路77号</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="ci-label">🕒 受理时间</div>
|
||||
<div class="ci-value">工作日 8:30-12:00 / 14:30-18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 局长信箱 -->
|
||||
<div class="card">
|
||||
<h2>局长信箱</h2>
|
||||
<p style="font-size:14px; margin-bottom:10px; line-height:1.8;">
|
||||
如果您对保康统计工作有好的意见和建议，或者需要向局长反映情况，欢迎通过局长信箱提交来信。局长信箱是联系公众与局领导的重要桥梁。
|
||||
</p>
|
||||
<div class="notice-box">
|
||||
<span class="icon">📝</span> 温馨提示：请确保来信内容真实、客观、文明，注明真实姓名和联系方式。涉及举报投诉的，建议提供具体事实和证据，以便调查核实。一般事项将在15个工作日内回复。
|
||||
</div>
|
||||
<div class="guide-steps">
|
||||
<div class="guide-step">
|
||||
<div class="step-num">1</div>
|
||||
<div class="step-title">准备来信</div>
|
||||
<div class="step-desc">撰写来信内容，准备相关附件材料</div>
|
||||
</div>
|
||||
<div class="guide-step">
|
||||
<div class="step-num">2</div>
|
||||
<div class="step-title">提交方式</div>
|
||||
<div class="step-desc">
|
||||
发送至邮箱：<strong>bktjj@baokang.gov.cn</strong><br>
|
||||
邮件标题请注明"局长信箱"
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-step">
|
||||
<div class="step-num">3</div>
|
||||
<div class="step-title">受理办理</div>
|
||||
<div class="step-desc">办公室登记后转呈局长批办，相关股室限时办理</div>
|
||||
</div>
|
||||
<div class="guide-step">
|
||||
<div class="step-num">4</div>
|
||||
<div class="step-title">结果反馈</div>
|
||||
<div class="step-desc">办理结果将通过电话或邮件向您反馈</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /main-grid -->
|
||||
|
||||
<!-- ===== 12345热线链接 ===== -->
|
||||
<div class="card" style="text-align:center; padding:30px;">
|
||||
<h2 style="border-left:none; padding-left:0; text-align:center; margin-bottom:16px;">📞 政务服务便民热线</h2>
|
||||
<p style="font-size:14px; color:var(--text-light); margin-bottom:20px; line-height:1.8;">
|
||||
保康县12345政务服务便民热线，提供全天候、全方位、全覆盖的政务咨询、投诉举报、求助建议服务。<br>
|
||||
如您需要咨询统计业务以外的其他政府服务事项，请拨打以下热线电话：
|
||||
</p>
|
||||
<a href="tel:12345" class="hotline-btn">
|
||||
<span class="icon">📞</span> 12345 政务服务便民热线
|
||||
</a>
|
||||
<p style="font-size:12px; color:var(--text-light); margin-top:16px;">
|
||||
服务时间：7×24小时全天候 | 也可以在微信搜索"襄阳12345"小程序在线提交
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- /container -->
|
||||
|
||||
<!-- ===== Footer ===== -->
|
||||
<div class="footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-links">
|
||||
<a href="../index.html">网站首页</a>
|
||||
<a href="#">关于我们</a>
|
||||
<a href="#">联系方式</a>
|
||||
<a href="#">网站声明</a>
|
||||
<a href="#">网站地图</a>
|
||||
<a href="#">RSS订阅</a>
|
||||
</div>
|
||||
<div>主办：保康县统计局 | 联系电话：0710-5813408 | 传真：0710-5813408</div>
|
||||
<div>地址：湖北省襄阳市保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
|
||||
|
|
||||
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
|
||||
| 网站标识码：4206260007
|
||||
</div>
|
||||
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
|
||||
保康县统计局版权所有 © 2025 · 数据更新于 2025年7月 · 技术支持：保康县统计局办公室
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -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">🔖</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>🔍</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">🌊 楚国故里 · 灵秀保康 · 生态强县</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 下午 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">▲ +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">▲ +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">▲ +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">▲ +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;">📍 <strong>位 置：</strong>鄂西北，襄阳市西南部</p>
|
||||
<p style="margin-bottom:6px;">📏 <strong>面 积：</strong>3225 平方公里</p>
|
||||
<p style="margin-bottom:6px;">🏛 <strong>行政区划：</strong>10个镇、1个乡（城关镇、黄堡镇、后坪镇、龙坪镇、店垭镇、马良镇、歇马镇、马桥镇、寺坪镇、过渡湾镇、两峪乡）</p>
|
||||
<p style="margin-bottom:6px;">🌐 <strong>建县历史：</strong>明弘治十一年（公元1498年），已有500余年历史</p>
|
||||
<p style="margin-bottom:6px;">🌊 <strong>森林覆盖：</strong>80.27%，"八山一水一分田"全山区县</p>
|
||||
<p style="margin-bottom:6px;">🚇 <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">🏛</span>保康县政府</a>
|
||||
<a href="https://tjj.xiangyang.gov.cn" target="_blank" rel="noopener"><span class="icon">📈</span>襄阳市统计局</a>
|
||||
<a href="https://www.stats.gov.cn" target="_blank" rel="noopener"><span class="icon">🇨🇳</span>国家统计局</a>
|
||||
<a href="https://zwfw.hubei.gov.cn" target="_blank" rel="noopener"><span class="icon">🗣</span>湖北政务服务</a>
|
||||
<a href="https://www.baokang.gov.cn/jcxxgk/bmxxgk/tjj/" target="_blank" rel="noopener"><span class="icon">📄</span>信息公开</a>
|
||||
<a href="https://www.gov.cn" target="_blank" rel="noopener"><span class="icon">🇵🇱</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>主办：保康县统计局 | 联系电话：0710-5813408 | 传真：0710-5813408</div>
|
||||
<div>地址：湖北省襄阳市保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
|
||||
|
|
||||
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
|
||||
| 网站标识码：4206260007
|
||||
</div>
|
||||
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
|
||||
保康县统计局版权所有 © 2025 · 数据更新于 2025年7月 · 技术支持：保康县统计局办公室
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,140 @@
|
||||
<!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:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif; background:#f4f6f9; color:#2c3e50; line-height:1.6; }
|
||||
.header { background:linear-gradient(135deg,#0a2a4a 0%,#1a3a6b 30%,#2c7fb8 100%); color:#fff; position:sticky; top:0; z-index:100; }
|
||||
.header-top { max-width:1200px; margin:0 auto; padding:15px 20px; display:flex; align-items:center; gap:16px; }
|
||||
.header-top .emblem { font-size:36px; }
|
||||
.header-top h1 { font-size:24px; font-weight:700; letter-spacing:2px; }
|
||||
.header-top .subtitle { font-size:13px; opacity:.8; }
|
||||
.header-toolbar { max-width:1200px; margin:0 auto; padding:8px 20px 0; display:flex; justify-content:flex-end; gap:14px; font-size:12px; }
|
||||
.header-toolbar a { color:rgba(255,255,255,.75); text-decoration:none; }
|
||||
.header-toolbar a:hover { color:#fff; }
|
||||
.nav { background:#2c7fb8; }
|
||||
.nav-inner { max-width:1200px; margin:0 auto; display:flex; overflow-x:auto; }
|
||||
.nav a { color:#fff; text-decoration:none; padding:11px 18px; font-size:14px; white-space:nowrap; transition:.2s; }
|
||||
.nav a:hover, .nav a.active { background:rgba(255,255,255,.18); }
|
||||
.nav a.active { box-shadow:inset 0 -3px 0 #d4a017; }
|
||||
.bread { max-width:1200px; margin:12px auto; padding:0 20px; font-size:13px; color:#7f8c8d; }
|
||||
.bread a { color:#1a3a6b; text-decoration:none; }
|
||||
.container { max-width:1200px; margin:0 auto; padding:0 20px 20px; }
|
||||
.page-title { font-size:22px; color:#1a3a6b; border-left:4px solid #d4a017; padding-left:14px; margin-bottom:20px; }
|
||||
.card { background:#fff; border-radius:8px; padding:24px; margin-bottom:18px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
|
||||
.card h2 { font-size:17px; color:#1a3a6b; border-left:3px solid #1a3a6b; padding-left:10px; margin-bottom:14px; }
|
||||
.card h3 { font-size:15px; margin:14px 0 8px; color:#2c3e50; }
|
||||
.survey-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; }
|
||||
.survey-card { border:1px solid #dce1e8; border-radius:8px; padding:18px; text-align:center; }
|
||||
.survey-card .icon { font-size:40px; margin-bottom:8px; }
|
||||
.survey-card .name { font-size:15px; font-weight:600; }
|
||||
.survey-card .desc { font-size:13px; color:#7f8c8d; margin-top:4px; }
|
||||
.survey-card .status { display:inline-block; margin-top:6px; font-size:12px; background:#e8f0fe; color:#1a3a6b; padding:2px 10px; border-radius:10px; }
|
||||
.data-list { list-style:none; }
|
||||
.data-list li { padding:7px 0; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; }
|
||||
.data-list li a { color:#2980b9; text-decoration:none; flex:1; }
|
||||
.data-list li a:hover { color:#c0392b; text-decoration:underline; }
|
||||
.data-list .date { font-size:13px; color:#7f8c8d; white-space:nowrap; margin-left:8px; }
|
||||
.timeline { padding:0; }
|
||||
.timeline li { padding:10px 0; border-bottom:1px solid #f0f0f0; display:flex; gap:12px; align-items:flex-start; }
|
||||
.timeline .dot { width:10px; height:10px; border-radius:50%; background:#2c7fb8; margin-top:6px; flex-shrink:0; }
|
||||
.footer { background:#1a3a6b; color:rgba(255,255,255,.85); padding:22px 0; margin-top:20px; text-align:center; font-size:13px; line-height:2; }
|
||||
.footer a { color:rgba(255,255,255,.85); text-decoration:none; }
|
||||
@media (max-width:768px) { .header-top h1 { font-size:18px; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="header-top">
|
||||
<div class="emblem">📊</div>
|
||||
<div><h1>保康县统计局</h1><div class="subtitle">Baokang County Bureau of Statistics</div></div>
|
||||
</div>
|
||||
<div class="header-toolbar">
|
||||
<a href="#">设为首页</a>
|
||||
<a href="#">加入收藏</a>
|
||||
<a href="#">网站地图</a>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="../">首页</a>
|
||||
<a href="../zxzx/">最新资讯</a>
|
||||
<a href="../zwgk/">政府信息公开</a>
|
||||
<a href="../tjsj/">统计数据</a>
|
||||
<a href="../tjgb/">统计公报</a>
|
||||
<a href="./" class="active">普查专栏</a>
|
||||
<a href="../hdjl/">互动交流</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bread">首页 › 普查专栏</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="page-title">普查专栏</div>
|
||||
|
||||
<div class="survey-grid">
|
||||
<div class="survey-card">
|
||||
<div class="icon">📋</div>
|
||||
<div class="name">经济普查</div>
|
||||
<div class="desc">第五次全国经济普查<br>普查标准时点：2023年12月31日</div>
|
||||
<div class="status">已结束 · 数据发布中</div>
|
||||
</div>
|
||||
<div class="survey-card">
|
||||
<div class="icon">👥</div>
|
||||
<div class="name">人口普查</div>
|
||||
<div class="desc">第七次全国人口普查<br>普查标准时点：2020年11月1日</div>
|
||||
<div class="status">已结束 · 数据已发布</div>
|
||||
</div>
|
||||
<div class="survey-card">
|
||||
<div class="icon">🌾</div>
|
||||
<div class="name">农业普查</div>
|
||||
<div class="desc">第三次全国农业普查<br>普查标准时点：2016年12月31日</div>
|
||||
<div class="status">已结束 · 数据已发布</div>
|
||||
</div>
|
||||
<div class="survey-card">
|
||||
<div class="icon">📊</div>
|
||||
<div class="name">1%人口抽样调查</div>
|
||||
<div class="desc">2025年全国1%人口抽样调查<br>调查标准时点：2025年11月1日</div>
|
||||
<div class="status">进行中</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>经济普查</h2>
|
||||
<p style="margin-bottom:10px;font-size:14px;color:#555;">第五次全国经济普查（简称\"五经普\"）是在我国全面建成小康社会、实现第一个百年奋斗目标之后，乘势而上开启全面建设社会主义现代化国家新征程、向第二个百年奋斗目标进军的关键时刻开展的一次重大国情国力调查。</p>
|
||||
<ul class="data-list">
|
||||
<li><a href="#">保康县第五次全国经济普查公报（第一号）</a><span class="date">2025-06-30</span></li>
|
||||
<li><a href="#">保康县第五次全国经济普查公报（第二号）</a><span class="date">2025-06-30</span></li>
|
||||
<li><a href="#">保康县第五次全国经济普查公报（第三号）</a><span class="date">2025-06-30</span></li>
|
||||
<li><a href="#">保康县第五次全国经济普查单位清查公告</a><span class="date">2023-08-15</span></li>
|
||||
<li><a href="#">关于开展第五次全国经济普查的通知</a><span class="date">2023-03-20</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>人口普查</h2>
|
||||
<p style="margin-bottom:10px;font-size:14px;color:#555;">2020年第七次全国人口普查结果显示：保康县常住人口22.36万人，城镇化率50.58%。</p>
|
||||
<ul class="data-list">
|
||||
<li><a href="#">保康县第七次全国人口普查公报（第一号）</a><span class="date">2021-08-30</span></li>
|
||||
<li><a href="#">保康县第七次全国人口普查公报（第二号）</a><span class="date">2021-08-30</span></li>
|
||||
<li><a href="#">保康县第七次全国人口普查公报（第三号）</a><span class="date">2021-08-30</span></li>
|
||||
<li><a href="#">保康县第七次全国人口普查主要数据情况</a><span class="date">2021-06-15</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div>主办：保康县统计局 | 联系电话：0710-5813408</div>
|
||||
<div>地址：保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>网站标识码：4206260007 | 鄂ICP备19027950号 | 鄂公网安备42062602000051号</div>
|
||||
<div style="margin-top:4px;opacity:.7;">保康县统计局 · 更新于 2026年6月</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,213 @@
|
||||
<!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: #1a3a6b;
|
||||
--primary-light: #2c7fb8;
|
||||
--primary-lighter: #e8f0fe;
|
||||
--accent: #c0392b;
|
||||
--gold: #d4a017;
|
||||
--bg: #f4f6f9;
|
||||
--card: #fff;
|
||||
--text: #2c3e50;
|
||||
--text-light: #7f8c8d;
|
||||
--border: #dce1e8;
|
||||
--header-bg: linear-gradient(135deg, #0a2a4a 0%, #1a3a6b 30%, #2c7fb8 100%);
|
||||
}
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { font-family: -apple-system,"Microsoft YaHei","PingFang SC",sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
|
||||
.header { background:var(--header-bg); color:#fff; position:sticky; top:0; z-index:100; }
|
||||
.header-top { max-width:1200px; margin:0 auto; padding:15px 20px; display:flex; align-items:center; gap:16px; }
|
||||
.header-top .emblem { font-size:36px; }
|
||||
.header-top h1 { font-size:24px; font-weight:700; letter-spacing:2px; }
|
||||
.header-top .subtitle { font-size:13px; opacity:.8; margin-top:2px; }
|
||||
.header-toolbar { max-width:1200px; margin:0 auto; padding:8px 20px 0; display:flex; justify-content:flex-end; gap:14px; font-size:12px; }
|
||||
.header-toolbar a { color:rgba(255,255,255,.75); text-decoration:none; }
|
||||
.header-toolbar a:hover { color:#fff; }
|
||||
.nav { background:var(--primary-light); }
|
||||
.nav-inner { max-width:1200px; margin:0 auto; display:flex; overflow-x:auto; }
|
||||
.nav a { color:#fff; text-decoration:none; padding:11px 18px; font-size:14px; white-space:nowrap; transition:.2s; }
|
||||
.nav a:hover, .nav a.active { background:rgba(255,255,255,.18); }
|
||||
.nav a.active { box-shadow:inset 0 -3px 0 var(--gold); }
|
||||
.bread { max-width:1200px; margin:12px auto; padding:0 20px; font-size:13px; color:var(--text-light); }
|
||||
.bread a { color:var(--primary); text-decoration:none; }
|
||||
.bread a:hover { text-decoration:underline; }
|
||||
.container { max-width:1200px; margin:0 auto; padding:0 20px 20px; }
|
||||
.page-title { font-size:22px; color:var(--primary); border-left:4px solid var(--gold); padding-left:14px; margin-bottom:20px; }
|
||||
.card { background:var(--card); border-radius:8px; padding:24px; margin-bottom:18px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
|
||||
.card h2 { font-size:17px; color:var(--primary); border-left:3px solid var(--primary); padding-left:10px; margin-bottom:14px; }
|
||||
.card h3 { font-size:15px; color:var(--text); margin:14px 0 8px; }
|
||||
.year-group { margin-bottom:8px; }
|
||||
.year-group .year-tag { display:inline-block; background:var(--primary); color:#fff; padding:3px 14px; border-radius:4px; font-size:14px; font-weight:600; margin-bottom:10px; }
|
||||
.gongbao-list { list-style:none; }
|
||||
.gongbao-list li { padding:8px 0; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; align-items:center; }
|
||||
.gongbao-list li a { color:var(--primary); text-decoration:none; flex:1; }
|
||||
.gongbao-list li a:hover { color:var(--accent); text-decoration:underline; }
|
||||
.gongbao-list .date { font-size:13px; color:var(--text-light); white-space:nowrap; margin-left:10px; }
|
||||
.gongbao-list .tag { font-size:11px; background:#e74c3c; color:#fff; padding:1px 8px; border-radius:3px; margin-left:8px; }
|
||||
.full-text { font-size:14px; line-height:1.9; }
|
||||
.full-text p { margin-bottom:8px; text-indent:2em; }
|
||||
.full-text .section-title { font-size:15px; font-weight:700; color:var(--primary); margin:16px 0 8px; text-indent:0; border-bottom:1px solid var(--border); padding-bottom:6px; }
|
||||
.footer { background:var(--primary); color:rgba(255,255,255,.85); padding:22px 0; margin-top:20px; text-align:center; font-size:13px; line-height:2; }
|
||||
.footer a { color:rgba(255,255,255,.85); text-decoration:none; }
|
||||
.footer a:hover { color:#fff; }
|
||||
@media (max-width:768px) {
|
||||
.nav-inner { overflow-x:auto; }
|
||||
.header-top h1 { font-size:18px; }
|
||||
.header-top .subtitle { font-size:12px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="header-top">
|
||||
<div class="emblem">📊</div>
|
||||
<div>
|
||||
<h1>保康县统计局</h1>
|
||||
<div class="subtitle">Baokang County Bureau of Statistics</div>
|
||||
</div>
|
||||
<div style="margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;opacity:.8;">
|
||||
<span id="clock"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-toolbar">
|
||||
<a href="#">设为首页</a>
|
||||
<a href="#">加入收藏</a>
|
||||
<a href="#">网站地图</a>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="../">首页</a>
|
||||
<a href="../zxzx/">最新资讯</a>
|
||||
<a href="../zwgk/">政府信息公开</a>
|
||||
<a href="../tjsj/">统计数据</a>
|
||||
<a href="./" class="active">统计公报</a>
|
||||
<a href="../pczl/">普查专栏</a>
|
||||
<a href="../hdjl/">互动交流</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bread">首页 › <a href="./">统计公报</a></div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="page-title">统计公报</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>历年统计公报</h2>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2024年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县2024年国民经济和社会发展统计公报</a><span class="date">2025-10-11<span class="tag">最新</span></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2023年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县2023年国民经济和社会发展统计公报</a><span class="date">2024-08-18</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2022年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县2022年国民经济和社会发展统计公报</a><span class="date">2023-06-18</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2021年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县第七次全国人口普查公报</a><span class="date">2021-08-30</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2020年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县2020年国民经济和社会发展统计公报</a><span class="date">2021-04-15</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="year-group">
|
||||
<span class="year-tag">2019年</span>
|
||||
<ul class="gongbao-list">
|
||||
<li><a href="#">保康县2019年国民经济和社会发展统计公报</a><span class="date">2020-03-30</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2024年统计公报全文 -->
|
||||
<div class="card">
|
||||
<h2>保康县2024年国民经济和社会发展统计公报</h2>
|
||||
<p style="font-size:13px;color:var(--text-light);margin-bottom:10px;">保康县统计局 | 2025年10月11日</p>
|
||||
|
||||
<div class="full-text">
|
||||
<div class="section-title">一、综合</div>
|
||||
<p>初步核算，2024年全县地区生产总值<strong>215.47亿元</strong>，按不变价格计算，同比增长6.7%。分产业看，第一产业增加值36.25亿元，同比增长3.0%；第二产业增加值66.42亿元，同比增长4.4%；第三产业增加值112.81亿元，同比增长9.6%。三次产业结构调整为<strong>16.8：30.8：52.4</strong>，第三产业占比较上年提高3.6个百分点。</p>
|
||||
<p>全年居民消费价格（CPI）比上年上涨0.3%。工业生产者出厂价格下降1.2%。城镇新增就业3850人，城镇登记失业率3.2%。</p>
|
||||
|
||||
<div class="section-title">二、农业</div>
|
||||
<p>2024年，全县农林牧渔业总产值达到<strong>65.17亿元</strong>，同比增长3.3%。粮食播种面积31.23千公顷，粮食总产量13.45万吨，比上年增长0.8%。</p>
|
||||
<p>茶叶产量6800吨，增长5.2%；核桃产量3.2万吨，增长8.1%；中药材产量1.8万吨，增长6.5%。蔬菜产量22.6万吨，增长2.3%。肉类总产量2.8万吨，增长1.5%。</p>
|
||||
<p>全县市级以上农业产业化龙头企业38家，农民专业合作社1352家。\"保康绿茶\"\"保康核桃\"等品牌影响力持续扩大。</p>
|
||||
|
||||
<div class="section-title">三、工业和建筑业</div>
|
||||
<p>全县规模以上工业企业<strong>126家</strong>，规上工业增加值同比增长<strong>10.9%</strong>。分门类看，采矿业增长8.2%，制造业增长12.1%，电力热力燃气及水生产供应业增长5.6%。</p>
|
||||
<p>磷化工产业完成产值82.3亿元，增长14.2%；绿色建材产业完成产值28.6亿元，增长7.8%。工业用电量3.6亿千瓦时，增长25.0%。</p>
|
||||
<p>全县建筑业总产值<strong>22.09亿元</strong>，增长5.3%。资质以上建筑企业18家。</p>
|
||||
|
||||
<div class="section-title">四、固定资产投资</div>
|
||||
<p>全县固定资产投资同比增长<strong>10.5%</strong>。分领域看，工业投资增长15.2%，基础设施投资增长8.7%，民间投资增长7.3%。</p>
|
||||
<p>在建施工项目304个，其中新开工项目<strong>149个</strong>。亿元以上项目78个，完成投资占全部投资的62.3%。磷化工绿色循环产业园、郑万高铁保康站配套等重大项目有序推进。</p>
|
||||
|
||||
<div class="section-title">五、贸易</div>
|
||||
<p>全县社会消费品零售总额<strong>89.61亿元</strong>，同比增长5.1%。按消费类型分，餐饮收入12.8亿元，增长6.8%；商品零售76.81亿元，增长4.8%。</p>
|
||||
<p>全县出口总额<strong>13545万美元</strong>，增长8.3%。主要出口产品为磷化工产品、茶叶、食用菌等。</p>
|
||||
|
||||
<div class="section-title">六、交通运输和邮电通信</div>
|
||||
<p>全县公路里程4901.56公里，其中等级公路里程4560公里。行政村通客车率100%，自然村通硬化路比例100%。</p>
|
||||
<p>固定电话用户3.5万户，移动电话用户22.68万户，互联网宽带用户10.59万户。邮政业务总量增长6.2%。</p>
|
||||
|
||||
<div class="section-title">七、财税和金融</div>
|
||||
<p>全县地方财政总收入<strong>17.2亿元</strong>，同比增长15.0%。地方一般公共预算收入11.3亿元，增长17.5%，其中税收收入8.7亿元，增长19.1%，税收占比77.0%。</p>
|
||||
<p>年末金融机构人民币各项存款余额182.5亿元，增长9.8%；各项贷款余额105.3亿元，增长12.5%。存贷比57.7%。</p>
|
||||
|
||||
<div class="section-title">八、教育和科学技术</div>
|
||||
<p>全县共有普通中学14所（高中1所、初中11所、九年一贯制2所），专任教师827人，在校学生8902人。小学70所，专任教师835人，在校学生12031人。幼儿园45所，在园幼儿4586人。</p>
|
||||
<p>全年专利授权124件，其中发明专利18件。高新技术企业32家，高新技术产业增加值占GDP比重达8.5%。</p>
|
||||
|
||||
<div class="section-title">九、文化旅游和卫生体育</div>
|
||||
<p>全县拥有文化馆1个、文化站11个、公共图书馆1个（藏书16.8万册）、体育场馆2个。全年接待游客438万人次，旅游综合收入<strong>48.6亿元</strong>，分别增长12.3%和14.5%。</p>
|
||||
<p>全县共有县级医疗卫生机构17个、床位2099张、卫生工作人员1666人（其中执业医师600人）。每千人拥有医疗床位9.4张。</p>
|
||||
|
||||
<div class="section-title">十、人口、人民生活和社会保障</div>
|
||||
<p>年末全县户籍总人口<strong>25.53万人</strong>，9.92万户。其中城镇人口10.15万人，乡村人口15.38万人。常住人口22.27万人，常住人口城镇化率<strong>50.58%</strong>。</p>
|
||||
<p>城镇常住居民人均可支配收入<strong>40500元</strong>，同比增长4.8%；农村常住居民人均可支配收入<strong>18586元</strong>，同比增长6.7%。城乡居民收入比2.18:1，较上年缩小0.04。</p>
|
||||
<p>全县城镇职工基本养老保险参保4.42万人，城乡居民养老保险参保14.98万人，基本医疗保险参保22.29万人，失业保险参保1.85万人。</p>
|
||||
<p>全县共有养老机构12所，床位1460张。城乡居民最低生活保障对象1.28万人。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div>主办：保康县统计局 | 联系电话：0710-5813408</div>
|
||||
<div>地址：保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>网站标识码：4206260007 | 鄂ICP备19027950号 | 鄂公网安备42062602000051号</div>
|
||||
<div style="margin-top:4px;opacity:.7;">数据来源：保康县统计局 · 更新于 2026年6月</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('clock').textContent = new Date().toLocaleDateString('zh-CN', {year:'numeric',month:'long',day:'numeric',weekday:'long'});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,761 @@
|
||||
<!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">🔖</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>🔍</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">▲ +6.7%</span></div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num"><span class="change-up">▲ +10.9%</span></div>
|
||||
<div class="label">规上工业增加值增速</div>
|
||||
<div class="sub">规模以上工业</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num"><span class="change-up">▲ +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">▲ +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">📖</span>保康统计年鉴<br><span style="font-size:12px;font-weight:400;">2020-2024</span></a>
|
||||
<a href="#"><span class="icon">📚</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">📈</span>季度GDP<br><span style="font-size:12px;font-weight:400;">分产业数据</span></a>
|
||||
<a href="#"><span class="icon">📊</span>月度工业<br><span style="font-size:12px;font-weight:400;">规上工业数据</span></a>
|
||||
<a href="#"><span class="icon">💰</span>消费数据<br><span style="font-size:12px;font-weight:400;">社消零数据</span></a>
|
||||
<a href="#"><span class="icon">📣</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">🔍</span>数据直查<br><span style="font-size:12px;font-weight:400;">在线查询系统</span></a>
|
||||
<a href="#"><span class="icon">📄</span>数据下载<br><span style="font-size:12px;font-weight:400;">Excel格式</span></a>
|
||||
<a href="#"><span class="icon">📰</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">🍵</span>茶叶</td>
|
||||
<td>20万亩</td>
|
||||
<td>超20亿元</td>
|
||||
<td>3.2万人</td>
|
||||
<td>店垭镇、马良镇、歇马镇</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="ind-icon">🌰</span>核桃</td>
|
||||
<td>35万亩</td>
|
||||
<td>超6亿元</td>
|
||||
<td>1.8万人</td>
|
||||
<td>城关镇、过渡湾、寺坪镇</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="ind-icon">⛱</span>磷矿</td>
|
||||
<td>储量24亿吨</td>
|
||||
<td>超30亿元</td>
|
||||
<td>0.6万人</td>
|
||||
<td>马桥镇、歇马镇</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="ind-icon">🌄</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>主办：保康县统计局 | 联系电话：0710-5813408 | 传真：0710-5813408</div>
|
||||
<div>地址：湖北省襄阳市保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
|
||||
|
|
||||
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
|
||||
| 网站标识码：4206260007
|
||||
</div>
|
||||
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
|
||||
保康县统计局版权所有 © 2025 · 数据更新于 2025年7月 · 技术支持：保康县统计局办公室
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,617 @@
|
||||
<!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: #1a5276;
|
||||
--primary-light: #2980b9;
|
||||
--accent: #e74c3c;
|
||||
--bg: #f4f6f9;
|
||||
--card: #ffffff;
|
||||
--text: #2c3e50;
|
||||
--text-light: #7f8c8d;
|
||||
--border: #dce1e8;
|
||||
--header-bg: linear-gradient(135deg, #1a5276 0%, #2980b9 100%);
|
||||
}
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
background: var(--header-bg);
|
||||
color: #fff;
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
.header-top {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.header-top .emblem {
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
}
|
||||
.header-top h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.header-top .subtitle {
|
||||
font-size: 14px;
|
||||
opacity: 0.85;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.header-toolbar {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 20px 0;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 15px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.header-toolbar a {
|
||||
color: rgba(255,255,255,0.8);
|
||||
text-decoration: none;
|
||||
}
|
||||
.header-toolbar a:hover { color: #fff; }
|
||||
|
||||
/* Nav */
|
||||
.nav {
|
||||
background: var(--primary-light);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.nav-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
.nav a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 12px 22px;
|
||||
font-size: 15px;
|
||||
transition: background 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.nav a:hover, .nav a.active {
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.breadcrumb {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 12px 20px 0;
|
||||
font-size: 13px;
|
||||
color: var(--text-light);
|
||||
}
|
||||
.breadcrumb a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
.breadcrumb a:hover { text-decoration: underline; }
|
||||
.breadcrumb .sep { margin: 0 6px; color: #bbb; }
|
||||
|
||||
/* Container */
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 20px auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
/* Cards */
|
||||
.card {
|
||||
background: var(--card);
|
||||
border-radius: 8px;
|
||||
padding: 25px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
|
||||
}
|
||||
.card h2 {
|
||||
font-size: 18px;
|
||||
color: var(--primary);
|
||||
border-left: 4px solid var(--primary);
|
||||
padding-left: 12px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.card h3 {
|
||||
font-size: 16px;
|
||||
color: var(--primary);
|
||||
margin: 18px 0 10px;
|
||||
}
|
||||
.card h3:first-of-type { margin-top: 0; }
|
||||
|
||||
/* Page Title */
|
||||
.page-title {
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 18px 25px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.page-title .icon { font-size: 26px; }
|
||||
|
||||
/* Guide styles */
|
||||
.guide-section {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.guide-section:last-child { margin-bottom: 0; }
|
||||
.guide-section .guide-label {
|
||||
font-weight: 600;
|
||||
color: var(--primary);
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.guide-section .guide-label::before {
|
||||
content: "▸ ";
|
||||
}
|
||||
.guide-section p {
|
||||
font-size: 14px;
|
||||
color: var(--text);
|
||||
padding-left: 18px;
|
||||
}
|
||||
.guide-section ul {
|
||||
padding-left: 34px;
|
||||
font-size: 14px;
|
||||
list-style: disc;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.guide-section ul li { margin: 3px 0; }
|
||||
|
||||
/* Table styles */
|
||||
.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;
|
||||
}
|
||||
.data-table td {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.data-table tr:hover td {
|
||||
background: #f0f7fc;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.timeline li a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
flex: 1;
|
||||
}
|
||||
.timeline li a:hover { color: var(--accent); }
|
||||
.timeline .date {
|
||||
font-size: 13px;
|
||||
color: var(--text-light);
|
||||
white-space: nowrap;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.timeline .badge-new {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
background: var(--accent);
|
||||
color: #fff;
|
||||
padding: 1px 7px;
|
||||
border-radius: 10px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/* Application section */
|
||||
.apply-box {
|
||||
background: #f0f7fc;
|
||||
border: 1px solid #c5d9e8;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.apply-box p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.apply-box .apply-info {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 8px 16px;
|
||||
font-size: 14px;
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
.apply-box .apply-info .label { color: var(--text-light); white-space: nowrap; }
|
||||
.apply-box .apply-info .value { font-weight: 500; }
|
||||
.apply-btn {
|
||||
display: inline-block;
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
padding: 10px 28px;
|
||||
border-radius: 6px;
|
||||
text-decoration: none;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
margin-top: 12px;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.apply-btn:hover { background: var(--primary-light); }
|
||||
|
||||
/* Two column */
|
||||
.two-col {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
/* Tag / category tag */
|
||||
.tag {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding: 2px 10px;
|
||||
border-radius: 12px;
|
||||
margin-right: 6px;
|
||||
background: #e8f0fe;
|
||||
color: var(--primary);
|
||||
}
|
||||
.tag-finance { background: #fef3e2; color: #b8860b; }
|
||||
.tag-stats { background: #e6f4ea; color: #1e7e34; }
|
||||
.tag-policy { background: #fce8e6; color: #b31412; }
|
||||
.tag-plan { background: #e8eaf6; color: #3949ab; }
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
background: var(--primary);
|
||||
color: rgba(255,255,255,0.85);
|
||||
padding: 25px 0;
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 2;
|
||||
}
|
||||
.footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
|
||||
.footer a:hover { color: #fff; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.two-col { grid-template-columns: 1fr; }
|
||||
.nav-inner { overflow-x: auto; }
|
||||
.header-top h1 { font-size: 20px; }
|
||||
.page-title { font-size: 17px; padding: 14px 18px; }
|
||||
.card { padding: 18px; }
|
||||
.apply-box .apply-info { grid-template-columns: 1fr; gap: 4px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<div class="header">
|
||||
<div class="header-top">
|
||||
<div class="emblem">📊</div>
|
||||
<div>
|
||||
<h1>保康县统计局</h1>
|
||||
<div class="subtitle">Baokang County Bureau of Statistics</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-toolbar">
|
||||
<a href="../index.html">设为首页</a>
|
||||
<a href="../index.html">加入收藏</a>
|
||||
<a href="#">网站地图</a>
|
||||
</div>
|
||||
<div class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="../index.html">首页</a>
|
||||
<a href="../index.html#机构职能">机构职能</a>
|
||||
<a href="../index.html#统计数据">统计数据</a>
|
||||
<a href="../index.html#统计公报">统计公报</a>
|
||||
<a href="index.html" class="active">信息公开</a>
|
||||
<a href="../index.html#政策法规">政策法规</a>
|
||||
<a href="../index.html#互动交流">互动交流</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<div class="breadcrumb">
|
||||
<a href="../index.html">首页</a><span class="sep">›</span><span>政府信息公开</span>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title">
|
||||
<span class="icon">📢</span> 政府信息公开
|
||||
</div>
|
||||
|
||||
<!-- ==================== 公开指南 ==================== -->
|
||||
<div class="card">
|
||||
<h2>信息公开指南</h2>
|
||||
<p style="font-size:14px;color:var(--text-light);margin-bottom:16px;">为保障公民、法人和其他组织依法获取政府统计信息，根据《中华人民共和国政府信息公开条例》和《湖北省政府信息公开规定》，编制本指南。</p>
|
||||
|
||||
<div class="guide-section">
|
||||
<span class="guide-label">机构职能</span>
|
||||
<p>保康县统计局是县政府工作部门，主管全县统计和国民经济核算工作。主要职责包括：贯彻执行国家统计法律法规和统计制度；组织实施全县国民经济核算；组织开展人口、经济、农业等重大国情国力普查；组织实施各项常规统计调查和专项监测；发布统计公报和统计信息；对全县经济社会发展情况进行统计分析、预测和监督；管理全县统计信息化系统和统计数据库。</p>
|
||||
<ul>
|
||||
<li><strong>办公地址：</strong>保康县城关镇迎宾路77号</li>
|
||||
<li><strong>办公时间：</strong>上午 8:30-12:00 下午 2:30-6:00（法定工作日）</li>
|
||||
<li><strong>联系电话：</strong>0710-5813408</li>
|
||||
<li><strong>传真号码：</strong>0710-5813408</li>
|
||||
<li><strong>电子邮箱：</strong>bktjj@baokang.gov.cn</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="guide-section">
|
||||
<span class="guide-label">公开范围</span>
|
||||
<p>本机关主动向社会免费公开的政府信息范围主要包括：</p>
|
||||
<ul>
|
||||
<li>机构设置、职责范围、领导信息等机构职能类信息；</li>
|
||||
<li>统计法律法规、规范性文件及政策解读；</li>
|
||||
<li>国民经济和社会发展统计公报、统计年鉴等统计数据；</li>
|
||||
<li>财政预算、决算报告等财政信息；</li>
|
||||
<li>政府信息公开工作年度报告；</li>
|
||||
<li>行政权力运行结果及行政执法公示；</li>
|
||||
<li>其他依照法律法规和国家规定应当主动公开的信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="guide-section">
|
||||
<span class="guide-label">公开形式</span>
|
||||
<p>本机关主要通过以下方式公开政府统计信息：</p>
|
||||
<ul>
|
||||
<li><strong>保康县人民政府门户网站</strong>（<a href="https://www.baokang.gov.cn" target="_blank" style="color:var(--primary);">www.baokang.gov.cn</a>）统计部门专栏；</li>
|
||||
<li>保康县统计局官方网站（tj.保康.top）；</li>
|
||||
<li>通过新闻发布会、统计年鉴、统计公报等形式公开；</li>
|
||||
<li>在县统计局办公室设立政府信息公开查阅点；</li>
|
||||
<li>其他便于公众获取信息的方式。</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="guide-section">
|
||||
<span class="guide-label">公开时限</span>
|
||||
<p>属于主动公开范围的政府信息，自该信息形成或者变更之日起 <strong>20个工作日内</strong> 予以公开。法律、法规对政府信息公开的期限另有规定的，从其规定。属于依申请公开的政府信息，本机关在收到申请之日起 <strong>20个工作日内</strong> 予以答复，需要延长答复期限的，延长时间不超过20个工作日。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ==================== 主动公开内容 ==================== -->
|
||||
<div class="card">
|
||||
<h2>主动公开内容</h2>
|
||||
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:50%;">信息名称</th>
|
||||
<th style="width:14%;">分类</th>
|
||||
<th style="width:18%;">发文日期</th>
|
||||
<th style="width:18%;">文号</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2026年预算编制说明</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2026-01-20</td>
|
||||
<td style="color:var(--text-light);">保统〔2026〕1号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2024年度部门决算公开</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2025-10-27</td>
|
||||
<td style="color:var(--text-light);">保统〔2025〕12号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县2024年国民经济和社会发展统计公报</a></td>
|
||||
<td><span class="tag tag-stats">统计数据</span></td>
|
||||
<td style="color:var(--text-light);">2025-10-11</td>
|
||||
<td style="color:var(--text-light);">保统发〔2025〕5号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2025年预算编制说明</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2025-01-26</td>
|
||||
<td style="color:var(--text-light);">保统〔2025〕3号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2023年度部门决算公开</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2024-10-18</td>
|
||||
<td style="color:var(--text-light);">保统〔2024〕15号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县2023年国民经济和社会发展统计公报</a></td>
|
||||
<td><span class="tag tag-stats">统计数据</span></td>
|
||||
<td style="color:var(--text-light);">2024-08-18</td>
|
||||
<td style="color:var(--text-light);">保统发〔2024〕4号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2024年度部门预算公开</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2024-01-24</td>
|
||||
<td style="color:var(--text-light);">保统〔2024〕2号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县第五次全国经济普查公报（第一号）</a></td>
|
||||
<td><span class="tag tag-stats">统计数据</span></td>
|
||||
<td style="color:var(--text-light);">2024-06-30</td>
|
||||
<td style="color:var(--text-light);">保经普办〔2024〕1号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局权力清单和责任清单</a></td>
|
||||
<td><span class="tag tag-policy">政策文件</span></td>
|
||||
<td style="color:var(--text-light);">2023-12-20</td>
|
||||
<td style="color:var(--text-light);">保统发〔2023〕8号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县2022年国民经济和社会发展统计公报</a></td>
|
||||
<td><span class="tag tag-stats">统计数据</span></td>
|
||||
<td style="color:var(--text-light);">2023-06-18</td>
|
||||
<td style="color:var(--text-light);">保统发〔2023〕3号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局依法行政工作制度</a></td>
|
||||
<td><span class="tag tag-policy">政策文件</span></td>
|
||||
<td style="color:var(--text-light);">2023-05-10</td>
|
||||
<td style="color:var(--text-light);">保统发〔2023〕2号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计执法"双随机一公开"抽查实施方案</a></td>
|
||||
<td><span class="tag tag-policy">政策文件</span></td>
|
||||
<td style="color:var(--text-light);">2023-03-15</td>
|
||||
<td style="color:var(--text-light);">保统发〔2023〕1号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2023年预算编制说明</a></td>
|
||||
<td><span class="tag tag-finance">财政信息</span></td>
|
||||
<td style="color:var(--text-light);">2023-01-18</td>
|
||||
<td style="color:var(--text-light);">保统〔2023〕2号</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县第七次全国人口普查公报</a></td>
|
||||
<td><span class="tag tag-stats">统计数据</span></td>
|
||||
<td style="color:var(--text-light);">2021-08-30</td>
|
||||
<td style="color:var(--text-light);">保人普办〔2021〕2号</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="margin-top:12px;text-align:center;font-size:13px;color:var(--text-light);">
|
||||
<a href="https://www.baokang.gov.cn/jcxxgk/bmxxgk/tjj/fdzdgk/" target="_blank" style="color:var(--primary);">查看全部 → 保康县人民政府信息公开平台</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ==================== 信息公开年报 ==================== -->
|
||||
<div class="card">
|
||||
<h2>信息公开年报</h2>
|
||||
<p style="font-size:14px;color:var(--text-light);margin-bottom:12px;">根据《中华人民共和国政府信息公开条例》要求，逐年编制并公布政府信息公开工作年度报告。</p>
|
||||
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:60%;">报告名称</th>
|
||||
<th style="width:25%;">发布日期</th>
|
||||
<th style="width:15%;">年度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2025年政府信息公开工作年度报告</a> <span class="badge-new">最新</span></td>
|
||||
<td style="color:var(--text-light);">2026-01-19</td>
|
||||
<td><strong>2025</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2024年政府信息公开工作年度报告</a></td>
|
||||
<td style="color:var(--text-light);">2025-01-17</td>
|
||||
<td><strong>2024</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2023年政府信息公开工作年度报告</a></td>
|
||||
<td style="color:var(--text-light);">2024-01-25</td>
|
||||
<td><strong>2023</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2022年政府信息公开工作年度报告</a></td>
|
||||
<td style="color:var(--text-light);">2023-01-17</td>
|
||||
<td><strong>2022</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#" style="color:var(--primary);text-decoration:none;">保康县统计局2021年度政府信息公开工作报告</a></td>
|
||||
<td style="color:var(--text-light);">2022-01-25</td>
|
||||
<td><strong>2021</strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- ==================== 依申请公开 ==================== -->
|
||||
<div class="card">
|
||||
<h2>依申请公开</h2>
|
||||
<p style="font-size:14px;color:var(--text-light);margin-bottom:10px;">除本机关主动公开的政府信息外，公民、法人或者其他组织可以向本机关申请获取相关政府信息。</p>
|
||||
|
||||
<div class="apply-box">
|
||||
<h3 style="border:none;padding:0;margin-bottom:10px;color:var(--primary);">📋 申请须知</h3>
|
||||
<p><strong>受理机构：</strong>保康县统计局办公室</p>
|
||||
<p><strong>受理时间：</strong>法定工作日上午 8:30-12:00，下午 2:30-6:00</p>
|
||||
<p><strong>联系电话：</strong>0710-5813408</p>
|
||||
<p><strong>传真号码：</strong>0710-5813408</p>
|
||||
<p><strong>电子邮箱：</strong>bktjj@baokang.gov.cn</p>
|
||||
<p><strong>通信地址：</strong>保康县城关镇迎宾路77号 保康县统计局办公室（邮编：441600）</p>
|
||||
|
||||
<h3 style="border:none;padding:0;margin:16px 0 10px;color:var(--primary);">📝 申请方式</h3>
|
||||
<p style="margin-bottom:4px;"><strong>1. 书面申请：</strong>申请人可通过信函、传真等方式提交书面申请，请在信封左下角注明"政府信息公开申请"字样。</p>
|
||||
<p style="margin-bottom:4px;"><strong>2. 当面申请：</strong>申请人可到保康县统计局办公室当场提交申请。</p>
|
||||
<p style="margin-bottom:4px;"><strong>3. 网上申请：</strong>通过保康县人民政府门户网站"依申请公开"系统在线提交。</p>
|
||||
|
||||
<h3 style="border:none;padding:0;margin:16px 0 10px;color:var(--primary);">📄 申请处理</h3>
|
||||
<p>本机关收到申请后，将对申请要件是否完备进行审查。申请内容不明确的，将告知申请人作出补正。能够当场答复的当场答复；不能当场答复的，自收到申请之日起 <strong>20个工作日内</strong> 予以答复；如需延长答复期限，延长时间不超过20个工作日。</p>
|
||||
|
||||
<h3 style="border:none;padding:0;margin:16px 0 10px;color:var(--primary);">💰 收费标准</h3>
|
||||
<p>本机关依申请提供政府信息，不收取费用。但申请人申请公开政府信息的数量、频次明显超过合理范围的，本机关将按照《国务院办公厅关于印发〈政府信息公开信息处理费管理办法〉的通知》（国办函〔2020〕109号）有关规定收取信息处理费。</p>
|
||||
|
||||
<div style="margin-top:16px;text-align:center;">
|
||||
<a href="https://www.baokang.gov.cn/xxgk/ysqgk/" target="_blank" class="apply-btn">
|
||||
📩 在线提交依申请公开
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ==================== 相关链接 ==================== -->
|
||||
<div class="card">
|
||||
<h2>相关链接</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px;">
|
||||
<a href="https://www.baokang.gov.cn/jcxxgk/bmxxgk/tjj/fdzdgk/" target="_blank" style="display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 12px;text-align:center;text-decoration:none;color:var(--text);font-size:14px;transition:all 0.2s;" onmouseover="this.style.background='var(--primary)';this.style.color='#fff';this.style.borderColor='var(--primary)'" onmouseout="this.style.background='var(--bg)';this.style.color='var(--text)';this.style.borderColor='var(--border)'">
|
||||
<span style="font-size:24px;display:block;margin-bottom:4px;">📂</span> 县政府信息公开
|
||||
</a>
|
||||
<a href="https://www.baokang.gov.cn/xxgk/ysqgk/" target="_blank" style="display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 12px;text-align:center;text-decoration:none;color:var(--text);font-size:14px;transition:all 0.2s;" onmouseover="this.style.background='var(--primary)';this.style.color='#fff';this.style.borderColor='var(--primary)'" onmouseout="this.style.background='var(--bg)';this.style.color='var(--text)';this.style.borderColor='var(--border)'">
|
||||
<span style="font-size:24px;display:block;margin-bottom:4px;">📨</span> 依申请公开
|
||||
</a>
|
||||
<a href="https://tjj.xiangyang.gov.cn" target="_blank" style="display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 12px;text-align:center;text-decoration:none;color:var(--text);font-size:14px;transition:all 0.2s;" onmouseover="this.style.background='var(--primary)';this.style.color='#fff';this.style.borderColor='var(--primary)'" onmouseout="this.style.background='var(--bg)';this.style.color='var(--text)';this.style.borderColor='var(--border)'">
|
||||
<span style="font-size:24px;display:block;margin-bottom:4px;">📈</span> 襄阳市统计局
|
||||
</a>
|
||||
<a href="https://www.stats.gov.cn" target="_blank" style="display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 12px;text-align:center;text-decoration:none;color:var(--text);font-size:14px;transition:all 0.2s;" onmouseover="this.style.background='var(--primary)';this.style.color='#fff';this.style.borderColor='var(--primary)'" onmouseout="this.style.background='var(--bg)';this.style.color='var(--text)';this.style.borderColor='var(--border)'">
|
||||
<span style="font-size:24px;display:block;margin-bottom:4px;">🇨🇳</span> 国家统计局
|
||||
</a>
|
||||
<a href="https://www.gov.cn" target="_blank" style="display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 12px;text-align:center;text-decoration:none;color:var(--text);font-size:14px;transition:all 0.2s;" onmouseover="this.style.background='var(--primary)';this.style.color='#fff';this.style.borderColor='var(--primary)'" onmouseout="this.style.background='var(--bg)';this.style.color='var(--text)';this.style.borderColor='var(--border)'">
|
||||
<span style="font-size:24px;display:block;margin-bottom:4px;">🏛️</span> 中国政府网
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<div>主办：保康县统计局 | 联系电话：0710-5813408</div>
|
||||
<div>地址：保康县城关镇迎宾路77号 | 邮编：441600</div>
|
||||
<div>网站标识码：4206260007 | 鄂ICP备19027950号 | 鄂公网安备42062602000051号</div>
|
||||
<div style="margin-top:5px;opacity:0.7;">数据来源：保康县统计局 · 更新于 2026年6月</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,822 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user