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

717 lines
20 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>保康县统计局 - 互动交流</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">&#128278;</div>
<div class="title-group">
<h1>保康县统计局</h1>
<div class="subtitle">Baokang County Bureau of Statistics</div>
</div>
</div>
<div class="header-right">
<div class="toolbar">
<a href="../index.html">设为首页</a>
<a href="../index.html">加入收藏</a>
<a href="#">网站地图</a>
</div>
<div class="search-box">
<input type="text" placeholder="站内搜索...">
<button>&#x1F50D;</button>
</div>
</div>
</div>
<div class="nav">
<div class="nav-inner">
<a href="../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="#">&#x1F399; 保康县2025年上半年经济运行情况在线访谈</a>
</div>
<div class="interview-meta">访谈时间:2025-07-22 &nbsp;|&nbsp; 嘉宾:肖平(局长)</div>
<div class="interview-summary">
肖平局长就2025年上半年保康县经济运行情况进行详细解读,介绍全县GDP增长6.7%背后的产业支撑,分析工业、投资、消费、外贸等领域运行特点,并就下半年经济走势预判及统计工作重点与网友互动交流。
</div>
</div>
<div class="interview-card">
<div class="interview-title">
<a href="#">&#x1F399; 保康县第五次全国经济普查工作进展在线访谈</a>
</div>
<div class="interview-meta">访谈时间:2025-03-15 &nbsp;|&nbsp; 嘉宾:刘伟(副局长)</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">&#x26A0;</span> 本栏目受理统计业务咨询、数据查询申请、统计违法行为举报、工作作风投诉等事项。请您提供真实有效的联系方式,以便我们及时回复。
</div>
<div class="contact-card">
<div class="contact-item">
<div class="ci-label">&#x1F4DE; 咨询投诉电话</div>
<div class="ci-value">0710-5813408</div>
</div>
<div class="contact-item">
<div class="ci-label">&#x1F4E7; 咨询投诉邮箱</div>
<div class="ci-value">bktjj@baokang.gov.cn</div>
</div>
<div class="contact-item">
<div class="ci-label">&#x1F4CD; 来访地址</div>
<div class="ci-value">保康县城关镇迎宾路77号</div>
</div>
<div class="contact-item">
<div class="ci-label">&#x1F552; 受理时间</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">&#x1F4DD;</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;">&#x1F4DE; 政务服务便民热线</h2>
<p style="font-size:14px; color:var(--text-light); margin-bottom:20px; line-height:1.8;">
保康县12345政务服务便民热线,提供全天候、全方位、全覆&#x76D6;的政务咨询、投诉举报、求助建议服务。<br>
如您需要咨询统计业务以外的其他政府服务事项,请拨打以下热线电话:
</p>
<a href="tel:12345" class="hotline-btn">
<span class="icon">&#x1F4DE;</span> 12345 政务服务便民热线
</a>
<p style="font-size:12px; color:var(--text-light); margin-top:16px;">
服务时间:7×24小时全天候 &nbsp;|&nbsp; 也可以在微信搜索"襄阳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>主办:保康县统计局 &nbsp;|&nbsp; 联系电话:0710-5813408 &nbsp;|&nbsp; 传真:0710-5813408</div>
<div>地址:湖北省襄阳市保康县城关镇迎宾路77号 &nbsp;|&nbsp; 邮编:441600</div>
<div>
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
&nbsp;|&nbsp;
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
&nbsp;|&nbsp; 网站标识码:4206260007
</div>
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
保康县统计局版权所有 &copy; 2025 &nbsp;·&nbsp; 数据更新于 2025年7月 &nbsp;·&nbsp; 技术支持:保康县统计局办公室
</div>
</div>
</div>
</body>
</html>