/* ============================================================
   官网首页新版样式 index_new.css
   整体宽度 1920px，内容宽度 1280px，兼容手机端
   主色：政务蓝 #3780c6
   ============================================================ */

/* ---------- 基础重置 ---------- */
html, body { height: auto; }
body {
	margin: 0;
	font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #333;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
ul, ol, li, p, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
img { border: 0; }
a { text-decoration: none; color: #333; transition: color .2s; }
a:hover { color: #3780c6; }
button, input { font-family: inherit; outline: none; }

/* 内容容器：1400px */
.nx-container { width: 1400px; margin: 0 auto; }

/* ---------- 头部（一行式：logo+导航+搜索与 banner 背景融为一体，滚动后固定为政务蓝底） ---------- */
.nx-header { position: absolute; top: 0; left: 0; right: 0; z-index: 1000; }
.nx-header.fixed {
	position: fixed; background: #3780c6;
	box-shadow: 0 2px 14px rgba(23, 52, 88, .25);
	animation: nxNavDown .3s ease;
}
@keyframes nxNavDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.nx-header-in { display: flex; align-items: center; height: 88px; }
.nx-logo { flex-shrink: 0; display: block; }
.nx-logo img { height: 60px; width: auto; display: block; }
.nx-search { display: flex; margin-left: auto; align-items: center; flex-shrink: 0; }
.nx-search-inp {
	width: 220px; height: 38px; line-height: 38px;
	border: 1px solid #fff; border-right: none;
	border-radius: 19px 0 0 19px;
	padding: 0 18px; font-size: 13px; color: #333; background: #fff;
}
.nx-search-inp:focus { border-color: #1f5a99; }
.nx-search-btn {
	width: 78px; height: 40px; border: none; cursor: pointer;
	background: #2b6aab; color: #fff; font-size: 14px; letter-spacing: 4px;
	border-radius: 0 20px 20px 0;
}
.nx-search-btn:hover { background: #1f5a99; }
/* 搜索开关按钮（仅手机端显示，FA 图标） */
.nx-search-toggle { display: none; }

/* 汉堡按钮（仅手机端显示，Font Awesome 图标） */
.nx-nav-toggle {
	display: none; flex-direction: column; align-items: center; justify-content: center;
	width: 42px; height: 42px;
	background: none; border: 1px solid #d4dee9; border-radius: 6px; cursor: pointer;
	margin-left: 14px; padding: 0;
}
.nx-nav-toggle i { font-size: 18px; color: #3780c6; line-height: 1; }
.nx-nav-toggle:hover { border-color: #3780c6; }

/* 关闭按钮（仅手机端抽屉内显示） */
.nx-nav-close { display: none; }
/* 抽屉头部 logo 区（仅手机端显示） */
.nx-nav-head { display: none; }

/* ---------- 导航（与 logo、搜索同行，透明悬浮于 banner） ---------- */
.nx-nav { flex-shrink: 0; margin-left: 46px; min-width: 0; }
.nx-nav > ul { display: flex; height: 88px; }
.nx-nav > ul > li { position: static; width: 148px; flex-shrink: 0; }
.nx-nav > ul > li > a {
	display: flex; align-items: center; justify-content: center;
	height: 88px; color: #fff; font-size: 17px; letter-spacing: 2px;
	position: relative; transition: background .2s;
}
.nx-nav > ul > li > a:hover,
.nx-nav > ul > li > a.hover { background: #2b6aab; }
.nx-nav > ul > li > a.hover::after {
	content: ""; position: absolute; left: 50%; bottom: 8px; margin-left: -12px;
	width: 24px; height: 3px; border-radius: 2px; background: #fff;
}
/* 暂时隐藏数字门户栏目（恢复时删除本行即可） */
.nx-nav > ul > li:has(> a[href*="szdz.gxkfjt.com"]) { display: none; }
/* 下拉子菜单：横向通栏面板（左 16:9 栏目展示图 + 右侧栏目列表，半透明磨砂底） */
/* 面板内容对齐一级栏目文字位置（一行式头部按 logo 后左对齐导航重新计算） */
.nx-nav .submenu {
	position: absolute; top: 100%; left: 0; right: 0; min-width: 0;
	display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
	height: 220px; overflow: hidden;
	padding-left: calc(max(0px, 50% - 700px) + 672px);
	/* 透明悬浮态：上半段与一级菜单悬停玻璃同色，向下渐变到全透明（固定态由下方 .fixed 规则换政务蓝渐变） */
	background: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .08) 46%, rgba(255, 255, 255, 0) 100%);
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	border-top: none;
	box-shadow: 0 18px 36px rgba(23, 52, 88, .18);
	opacity: 0; visibility: hidden; transform: translateY(-8px);
	transition: all .28s ease; z-index: 100;
}
/* 以下状态差异仅限电脑版（≥769px），避免影响手机端抽屉菜单 */
@media (min-width: 769px) {
	/* 透明悬浮态：整个头部加自上而下渐隐的半透明深蓝底，提升菜单在 banner 上的可读性 */
	.nx-header:not(.fixed) {
		background: linear-gradient(180deg, rgba(16, 45, 82, .58) 0%, rgba(16, 45, 82, .32) 55%, rgba(16, 45, 82, 0) 100%);
	}
	/* 透明悬浮态：一级悬停轻玻璃底；二级面板去投影让底部渐隐干净，二级悬停加深一档 */
	.nx-header:not(.fixed) .nx-nav > ul > li > a:hover,
	.nx-header:not(.fixed) .nx-nav > ul > li > a.hover { background: rgba(255, 255, 255, .14); }
	.nx-header:not(.fixed) .nx-nav .submenu { box-shadow: none; }
	.nx-header:not(.fixed) .nx-nav .submenu li a:hover { background: rgba(255, 255, 255, .22); }
	/* 头部固定为政务蓝底后：二级面板恢复政务蓝渐变 */
	.nx-header.fixed .nx-nav .submenu {
		background: linear-gradient(180deg, #3780c6 0%, rgba(55, 128, 198, .7) 42%, rgba(45, 110, 178, .26) 100%);
	}
}
.nx-nav > ul > li:hover .submenu { opacity: 1; visibility: visible; transform: translateY(0); }
/* 左侧 16:9 栏目展示图（随二级列表对齐一级栏目位置，各栏目不同） */
.nx-nav .submenu::before {
	content: ""; position: absolute;
	left: calc(max(0px, 50% - 700px) + 304px); top: 50%; transform: translateY(-50%);
	width: 320px; height: 180px; border-radius: 10px;
	background: url("/templates/cqgxqjs/images/cban9.jpg") center/cover no-repeat;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
	pointer-events: none;
}
/* 集团概况：大场景航拍图 */
.nx-nav .submenu:has(.subnav2)::before { background-image: url("/templates/cqgxqjs/images/nav_jtgk.jpg"); }
/* 新闻中心：图+列表整体右移至一级栏目正下方 */
.nx-nav .submenu:has(.subnav3) { padding-left: calc(max(0px, 50% - 700px) + 820px); }
.nx-nav .submenu:has(.subnav3)::before { background-image: url("/templates/cqgxqjs/images/nav_xwzx.jpg"); left: calc(max(0px, 50% - 700px) + 452px); }
/* 党建工作（二级栏目由脚本注入） */
.nx-nav .submenu:has(.subnav18) { padding-left: calc(max(0px, 50% - 700px) + 968px); }
.nx-nav .submenu:has(.subnav18)::before { left: calc(max(0px, 50% - 700px) + 600px); }
/* 信息公开 */
.nx-nav .submenu:has(.subnav13) { padding-left: calc(max(0px, 50% - 700px) + 1116px); }
.nx-nav .submenu:has(.subnav13)::before { background-image: url("/templates/cqgxqjs/images/nav_xxgk.jpg"); left: calc(max(0px, 50% - 700px) + 748px); }
/* 右侧栏目列表 */
.nx-nav .submenu li { display: block; }
.nx-nav .submenu li a {
	display: flex; align-items: center;
	height: 46px; padding: 0 22px; border-radius: 8px;
	font-size: 15px; color: rgba(255, 255, 255, .85); letter-spacing: 1px; white-space: nowrap;
	transition: color .2s, background .2s;
}
.nx-nav .submenu li a:hover { color: #fff; background: rgba(255, 255, 255, .1); }

/* ---------- 轮播区 ---------- */
.nx-hero { position: relative; }
.nx-hero .nx-hero-swiper { width: 100%; height: 980px; overflow: hidden; position: relative; }
.nx-hero .swiper-slide { height: 100%; }
.nx-hero-slide { position: relative; height: 100%; background-size: cover; background-position: center; }
.nx-hero-mask {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: linear-gradient(90deg, rgba(10, 27, 50, .58) 0%, rgba(10, 27, 50, .28) 46%, rgba(10, 27, 50, .05) 78%),
		linear-gradient(0deg, rgba(10, 27, 50, .35) 0%, rgba(10, 27, 50, 0) 30%),
		linear-gradient(180deg, rgba(10, 27, 50, .5) 0%, rgba(10, 27, 50, 0) 24%);
}
.nx-hero-text {
	position: relative; z-index: 5; height: 100%;
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
	padding-top: 340px; /* 标题顶部对齐，距背景顶 340px */
	box-sizing: border-box;
}
.nx-hero-sub {
	font-size: 14px; letter-spacing: 6px; text-transform: uppercase;
	color: rgba(255, 255, 255, .78); margin-bottom: 20px;
	opacity: 0; transform: translateY(40px);
}
.nx-hero-text h2 {
	font-size: clamp(34px, 4.2vh, 48px); line-height: 1.45; font-weight: 700; color: #fff;
	text-shadow: 0 3px 18px rgba(0, 0, 0, .35); max-width: 940px;
}
.nx-hero-text h2 span { display: block; opacity: 0; transform: translateY(48px); }
.nx-hero .swiper-slide-active .nx-hero-sub { animation: nxRise .7s .1s cubic-bezier(.22, .61, .36, 1) forwards; }
.nx-hero .swiper-slide-active .nx-hero-text h2 span { animation: nxRise .8s cubic-bezier(.22, .61, .36, 1) forwards; }
.nx-hero .swiper-slide-active .nx-hero-text h2 span:nth-child(1) { animation-delay: .25s; }
.nx-hero .swiper-slide-active .nx-hero-text h2 span:nth-child(2) { animation-delay: .45s; }
.nx-hero .swiper-slide-active .nx-hero-text h2 span:nth-child(3) { animation-delay: .65s; }
@keyframes nxRise { to { opacity: 1; transform: translateY(0); } }
/* 轮播分页（新闻卡片上压轮播，分页点上移避开卡片及其阴影区） */
.nx-hero-pagination { position: absolute; top: 615px; bottom: auto; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; z-index: 20; pointer-events: none; }
.nx-hero-pagination .swiper-pagination-bullet {
	pointer-events: auto;
	width: 8px; height: 8px; background: #fff; opacity: .4; margin: 0 6px;
	transition: all .3s; border-radius: 4px;
}
.nx-hero-pagination .swiper-pagination-bullet-active { opacity: 1; width: 26px; }
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 120px;
}
/* ---------- 党建标语banner ---------- */
.nx-slogan-sec { padding: 46px 0 20px; }
.nx-slogan-swiper { position: relative; overflow: hidden; border-radius: 8px; }
.nx-slogan-swiper img { display: block; width: 100%; height: 158px; object-fit: cover; }
.nx-slogan-pg { margin-top: 10px; text-align: center; }
.nx-slogan-pg .swiper-pagination-bullet { width: 8px; height: 8px; background: #3780c6; opacity: .3; margin: 0 6px; border-radius: 4px; transition: all .3s; cursor: pointer; }
.nx-slogan-pg .swiper-pagination-bullet-active { opacity: 1; width: 26px; }
.nx-slogan-prev, .nx-slogan-next { position: absolute; top: 50%; margin-top: -19px; width: 38px; height: 38px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; background: rgba(30,64,108,.25); border-radius: 50%; z-index: 10; opacity: 0; transition: all .3s; }
.nx-slogan-prev { left: 14px; }
.nx-slogan-next { right: 14px; }
.nx-slogan-swiper:hover .nx-slogan-prev, .nx-slogan-swiper:hover .nx-slogan-next { opacity: 1; }
.nx-slogan-prev:hover, .nx-slogan-next:hover { background: rgba(30,64,108,.45); }

/* ---------- 集团简介 + 集团数据（白底：左文右图 + 底部悬浮数据条，参考hfgxjt排版） ---------- */
.nx-data-sec { padding: 40px 0 0; }
.nx-data-wrap { display: flex; align-items: center; gap: 48px; }
.nx-data-left { flex: 1; min-width: 0; padding-right: 100px; }
.nx-data-left h3 { font-size: 26px; font-weight: 700; color: #2b6aab; letter-spacing: 2px; line-height: 1.4; margin-bottom: 22px; }
.nx-data-left h3 a { color: #2b6aab; }
.nx-data-left h3 a:hover { color: #3780c6; }
.nx-data-left p {
	font-size: 14px; line-height: 27px; color: #5a6a7d; text-align: justify;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;
}
.nx-data-more { margin-top: 26px; }
.nx-data-more a { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; color: #333; letter-spacing: 1px; }
.nx-data-more a i { font-size: 12px; color: #3780c6; transition: transform .25s; }
.nx-data-more a:hover i { transform: translateX(4px); }
/* 集团logo水印背景：newsbg1.png 靠右下角，作为纯背景、文字可压于其上 */
.nx-data-wrap { position: relative; }
.nx-data-wrap::after {
	content: ""; position: absolute; right: 0; bottom: 0;
	width: 560px; height: 310px;
	background: url("/templates/cqgxqjs/images/newsbg1.png") no-repeat right bottom / contain;
	z-index: -1; pointer-events: none;
}
/* 数据条：标准文档流位于内容下方，与上方内容留 30px 间距 */
.nx-data-bar {
	/* position: relative; */
	height: 110px;
	margin-top: 30px;
	z-index: 20;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(55, 128, 198, .12);
	box-shadow: 0 12px 30px rgba(30, 64, 108, .1);
}
.nx-data-list { display: flex; height: 100%; }
.nx-data-list li {
	flex: 1; display: flex; align-items: center; justify-content: center;
	gap: 14px; padding: 0 8px;
}
.nx-data-list li + li { border-left: 1px solid rgba(0, 0, 0, .08); }
.nx-data-num {
	font-size: 54px; font-weight: 700; color: #3780c6; line-height: 1;
	font-family: Arial, "Microsoft YaHei", sans-serif; letter-spacing: -1px;
	min-width: 96px; text-align: right;
}
.nx-data-meta i { display: block; font-style: normal; font-size: 15px; font-weight: 700; color: #3780c6; line-height: 1.3; white-space: nowrap; }
.nx-data-meta p { margin-top: 6px; font-size: 13px; color: #40506a; line-height: 1.45; white-space: nowrap; }
.nx-data-bar .nx-data-meta p { white-space: normal; }

/* ---------- 通用区块标题 ---------- */
.nx-section { padding: 64px 0 20px; }
.nx-sec-title { text-align: center; margin-bottom: 38px; }
.nx-sec-title h2 {
	display: inline-block; position: relative; padding: 0 22px;
	font-size: 32px; color: #1f3a5f; letter-spacing: 5px; line-height: 1.3;
}
.nx-sec-title h2::before, .nx-sec-title h2::after {
	content: ""; position: absolute; top: 50%; margin-top: -1px;
	width: 56px; height: 2px; background: #cfdff0;
}
.nx-sec-title h2::before { left: -76px; }
.nx-sec-title h2::after { right: -76px; }
.nx-sec-title p { margin-top: 10px; font-size: 13px; color: #9aa7b5; letter-spacing: 6px; text-transform: uppercase; }

/* ---------- 动态信息：三标签并列切换（白色卡片上压轮播，错位层叠） ---------- */
.nx-news-sec { padding: 0 0 20px; margin-top: -300px; position: relative; z-index: 10; }
.nx-news-card {
	background: #fff; border-radius: 12px;
	box-shadow: 0 12px 40px rgba(23, 52, 88, .12);
	padding: 42px 44px 30px; box-sizing: border-box;
}

/* 标签切换头（新闻动态 / 时政要讯 / 公示公告） */
.nx-newstab-head { display: flex; align-items: flex-end; gap: 44px; border-bottom: 2px solid #e6edf5; }
.nx-newstab-head span {
	position: relative; font-size: 20px; color: #5a6b7d; letter-spacing: 1px;
	padding: 0 2px 14px; cursor: pointer; transition: color .2s;
}
.nx-newstab-head span:hover { color: #3780c6; }
.nx-newstab-head span.cur { color: #1f3a5f; font-weight: 700; }
.nx-newstab-head span.cur::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px;
	background: #3780c6; border-radius: 2px;
}
.nx-newstab-more { margin-left: auto; margin-bottom: 14px; font-size: 13px; color: #8a99a8; }
.nx-newstab-more:hover { color: #3780c6; }

/* 面板 */
.nx-newstab-panel { display: none; padding-top: 30px; }
.nx-newstab-panel.cur { display: block; }

/* 面板一：图片新闻轮播 + 列表 */
.nx-media-wrap { display: flex; gap: 36px; align-items: flex-start; }
.nx-media-focus { width: 560px; flex-shrink: 0; --media-h: 380px; }
/* 静态页：Swiper fade 轮播（淡切 + 拖动切换 + 分页点） */
.nx-media-swiper { position: relative; overflow: hidden; width: 100%; height: var(--media-h); border-radius: 8px; background: #dce8f4; }
.nx-media-swiper .swiper-slide { position: relative; }
.nx-media-swiper img { display: block; width: 100%; height: var(--media-h); object-fit: cover; }
.nx-media-tit {
	position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 18px 13px;
	background: linear-gradient(180deg, rgba(16, 40, 70, 0), rgba(16, 40, 70, .8));
}
.nx-media-tit a {
	display: block; color: #fff; font-size: 15px; line-height: 1.5; max-width: 100%;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.nx-media-swiper .nx-media-pg { position: absolute; right: 14px; bottom: 48px; left: auto; width: auto; text-align: right; }
.nx-media-swiper .nx-media-pg .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: .4; margin: 0 6px; transition: all .3s; border-radius: 4px; }
.nx-media-swiper .nx-media-pg .swiper-pagination-bullet-active { opacity: 1; width: 26px; }
/* CMS 发布页：autoflashnews 输出的 focusBox（SuperSlide fade，标签自带脚本初始化） */
/* fade 靠 opacity 切换，li 必须保持可见；ul 固定高裁剪，未初始化时仅露出第一张 */
.nx-media-focus .focusBox { position: relative; overflow: hidden; width: 100% !important; height: auto !important; }
.nx-media-focus .focusBox .bd ul { position: relative; height: var(--media-h); overflow: hidden; }
.nx-media-focus .focusBox .bd ul li { position: relative; width: 100%; }
.nx-media-focus .focusBox .bd img { display: block; width: 100%; height: var(--media-h); object-fit: cover; }
.nx-media-focus .focusBox .bd .con { display: none; }
.nx-media-focus .focusBox .bd .con1 {
	position: absolute; left: 0; bottom: 0; width: 560px !important;
	padding: 30px 18px 13px;
	background: linear-gradient(180deg, rgba(16, 40, 70, 0), rgba(16, 40, 70, .8));
}
.nx-media-focus .focusBox .bd .con1 a {
	display: block; color: #fff; font-size: 15px; line-height: 1.5;
	overflow: hidden; text-overflow: ellipsis;
	padding-left: 0; 
}
.nx-media-focus .focusBox .hd { position: absolute; right: 14px; bottom: 74px; z-index: 9; }
.nx-media-focus .focusBox .hd ul { display: block; }
.nx-media-focus .focusBox .hd ul li {
	float: left; width: 9px; height: 9px; margin-left: 7px; border-radius: 5px;
	background: #fff; opacity: .45; cursor: pointer; transition: all .3s;
}
.nx-media-focus .focusBox .hd ul li.on { opacity: 1; width: 22px; }
.nx-media-list { flex: 1; min-width: 0; max-width: 100%; }
.nx-media-list li { display: flex; align-items: flex-start; gap: 14px; padding: 13px 2px; border-bottom: 1px dashed #e2eaf3; }
.nx-media-list li:last-child { border-bottom: none; }
.nx-media-list li a {
	flex: 1; min-width: 0; font-size: 15px; color: #40506a; line-height: 1.55;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.nx-media-list li a::before {
	content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%;
	background: #3780c6; opacity: .55; margin-right: 12px; vertical-align: 3px;
}
.nx-media-list li a:hover { color: #3780c6; }
.nx-media-list li span { flex-shrink: 0; font-size: 13px; color: #9aa7b5; padding-top: 2px; }

/* 面板二 / 三：时政要讯、公示公告（双列卡片） */
.nx-cardlist {
	display: grid; grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(3, auto); grid-auto-flow: column;
	gap: 18px 26px;
}
/* {tag:NEWS} 输出自带 UL：透传子级，让 li 直接参与网格布局 */
.nx-cardlist.nx-cms > ul {
	display: contents; margin: 0; padding: 0; list-style: none;
}
.nx-cardlist.nx-cms ul, .nx-cardlist ul { list-style: none; }
.nx-cardlist.nx-cms ul { margin: 0; padding: 0; }
.nx-cardlist li {
	border: 1px solid #e6edf5; border-radius: 10px; padding: 16px 20px 14px;
	background: #fbfdff; transition: box-shadow .25s, border-color .25s;
}
.nx-cardlist li:hover { border-color: #bcd4ec; box-shadow: 0 6px 18px rgba(55, 128, 198, .12); }
.nx-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.nx-card-top a, .nx-cardlist.nx-cms li > a {
	flex: 1; min-width: 0; font-size: 15px; color: #2c3e50; line-height: 1.55;
}
.nx-card-top a:hover, .nx-cardlist.nx-cms li > a:hover { color: #3780c6; }
.nx-card-top span, .nx-cardlist.nx-cms li > span {
	flex-shrink: 0; font-size: 12px; color: #98a6b5; padding-top: 2px; white-space: nowrap;
}
.nx-cardlist.nx-cms li { align-items: flex-start; gap: 14px; }
.nx-cardlist li > p {
	margin-top: 9px; font-size: 13px; color: #7b8794; line-height: 1.7; text-align: justify;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ---------- 风采展示（coverflow 三维叠加相册） ---------- */
.nx-gallery-sec {
	background:
		linear-gradient(rgba(120,160,200,.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(120,160,200,.07) 1px, transparent 1px),
		linear-gradient(180deg, #f2f7fc 0%, #e9f1f9 100%);
	background-size: 48px 48px, 48px 48px, 100% 100%;
	margin-top: 56px; padding: 58px 0 42px;
}
.nx-gallery { position: relative; }
.nx-gal-bd { overflow: hidden; padding: 24px 0 64px; }
.nx-gal-bd .pic { width: 100%; height: 100%; overflow: hidden; }
.nx-gal-bd ul li {
	position: relative; width: 560px; overflow: hidden;
	box-shadow: 0 14px 34px rgba(23,52,88,.18);
	border-radius: 4px;
	/* 合成层提示：滑动时保持 GPU 层，避免反复重绘 */
	will-change: transform; backface-visibility: hidden;
}
.nx-gal-bd ul li img {
	width: 100%; height: auto; display: block; object-fit: cover;
	transition: transform .5s ease;
}
.nx-gal-bd ul li:hover img { transform: scale(1.05); }
.nx-gal-bd .title {
	position: absolute; left: 0; right: 0; bottom: 0; margin: 0;
	padding: 52px 18px 16px; text-align: center;
	background: linear-gradient(180deg, rgba(10,30,55,0) 0%, rgba(10,30,55,.78) 100%);
	font-size: 24px; font-weight: 600; color: #fff; line-height: 1.3;
}
.nx-gal-bd .title a {
	display: inline-block; max-width: 100%; color: #fff;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nx-gal-bd .title a:hover { color: #cfe3f7; }
/* 左右切换箭头（圆形按钮，悬停政务蓝） */
.nx-gal-prev, .nx-gal-next {
	position: absolute; top: 158px; z-index: 5;
	width: 44px; height: 44px; border-radius: 50%;
	background: rgba(255,255,255,.92); color: #3780c6;
	box-shadow: 0 4px 14px rgba(23,52,88,.16);
	display: flex; align-items: center; justify-content: center;
	font-size: 20px; transition: background .25s ease, color .25s ease;
}
.nx-gal-prev { left: 6px; }
.nx-gal-next { right: 6px; }
.nx-gal-prev:hover, .nx-gal-next:hover { background: #3780c6; color: #fff; }
/* 分页圆点（当前点白色，其余政务蓝） */
.nx-gal-pg { margin-top: 6px; text-align: center; position: static; }
.nx-gal-pg .swiper-pagination-bullet { width: 8px; height: 8px; background: #3780c6; opacity: .35; margin: 0 6px; transition: all .3s; border-radius: 4px; }
.nx-gal-pg .swiper-pagination-bullet-active { opacity: 1; width: 26px; }

/* ---------- 底部联系方式 ---------- */
.nx-footer {
	position: relative; overflow: hidden;
	margin-top: 0; color: #c7d5e6;
	background: linear-gradient(160deg, #20456f 0%, #16304f 55%, #122640 100%);
}
/* 底部外框左侧装饰剪影（淡雅水印，与融合 logo 呼应） */
.nx-footer::before {
	content: ""; position: absolute; left: 0; bottom: 0; z-index: 0;
	width: 453px; height: 328px;
	background: url("/templates/cqgxqjs/images/newsbg.png") no-repeat left bottom;
	background-size: 453px auto;
	opacity: .45; pointer-events: none;
}
.nx-footer > .nx-container { position: relative; z-index: 1; }
.nx-footer-top { display: flex; align-items: flex-start; gap: 48px; padding: 52px 0 46px; }
.nx-fbrand { flex: 1.2; min-width: 0; }
.nx-flogo { display: inline-block; }
.nx-flogo img { height: 56px; width: auto; display: block; }
.nx-fintro { margin-top: 20px; font-size: 14px; line-height: 2; color: #a9bdd4; text-align: justify; }
.nx-fcontact { flex: 1; min-width: 0; margin-left: 40px; }
.nx-ftit {
	font-size: 18px; color: #fff; letter-spacing: 3px; line-height: 1.3;
	padding-left: 12px; border-left: 3px solid #4d9ae8; margin-bottom: 20px;
}
.nx-fcontact ul li { display: flex; align-items: flex-start; font-size: 14px; line-height: 1.8; margin-bottom: 13px; color: #a9bdd4; }
/* iOS Safari 自动把邮箱/电话/地址识别为链接时，保持原有颜色与样式 */
.nx-fcontact a { color: inherit; text-decoration: none; }
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; }
.nx-fcontact ul li svg { width: 16px; height: 16px; margin: 4px 10px 0 0; flex-shrink: 0; stroke: #7fb0e0; }
.nx-fqr { width: 150px; flex-shrink: 0; text-align: center; }
.nx-fqr img { width: 128px; height: 128px; background: #fff; padding: 6px; border-radius: 8px; box-sizing: content-box; }
.nx-fqr p { margin-top: 10px; font-size: 13px; color: #a9bdd4; letter-spacing: 2px; }
.nx-footer-bar { background: rgba(9, 20, 35, .55); }
.nx-footer-bar-in { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 14px 0; font-size: 13px; color: #8fa5bf; }
.nx-footer-bar-in a { color: #b8c9dd; }
.nx-footer-bar-in a:hover { color: #fff; }
.nx-footer-bar-in img { vertical-align: middle; height: 16px; margin-right: 3px; }

/* ---------- 返回顶部 ---------- */
.nx-toolbar { position: fixed; right: 22px; bottom: 96px; z-index: 999; }
.nx-gotop {
	display: none; width: 46px; height: 46px;
	align-items: center; justify-content: center;
	background: #fff; border: 1px solid #dbe6f2; border-radius: 50%;
	box-shadow: 0 4px 16px rgba(31, 58, 95, .16); cursor: pointer;
}
.nx-gotop.show { display: flex; }
.nx-gotop svg { width: 18px; height: 18px; stroke: #3780c6; }
.nx-gotop:hover { background: #3780c6; border-color: #3780c6; }
.nx-gotop:hover svg { stroke: #fff; }

body.nx-locked { overflow: hidden; }

/* ============================================================
   响应式
   ============================================================ */
@media (max-width: 1320px) {
	.nx-container { width: auto; margin: 0 24px; }
	.nx-gal-prev { left: -6px; }
	.nx-gal-next { right: -6px; }
	.nx-data-num { font-size: 40px; min-width: 80px; }
}

@media (max-width: 1180px) {
	/* 导航吃满 logo 与搜索之间剩余空间，缩小搜索输入框给导航让位，避免栏目文字换行 */
	.nx-nav { flex: 1 1 auto; min-width: 0; }
	.nx-search-inp { width: 130px; padding: 0 12px; }
	.nx-nav > ul > li { width: auto; flex: 1; }
	.nx-nav > ul > li > a { font-size: 16px; letter-spacing: 0; }
	/* 导航项 flex 均分（首页+4 个可见栏目共 5 项），面板逐项按比例对齐：
	   搜索总宽 208px（输入 130 + 按钮 78），列表宽 = 100vw-592px：
	   列表 x = 474 + (100vw-592)*f，图片 x = 106 + (100vw-592)*f，f=(序号+0.5)/5 */
	.nx-nav .submenu { height: 190px; padding-left: calc(474px + (100vw - 592px) * 0.3); }
	.nx-nav .submenu::before { left: calc(106px + (100vw - 592px) * 0.3); width: 260px; height: 146px; }
	.nx-nav .submenu:has(.subnav3) { padding-left: calc(474px + (100vw - 592px) * 0.5); }
	.nx-nav .submenu:has(.subnav3)::before { left: calc(106px + (100vw - 592px) * 0.5); }
	.nx-nav .submenu:has(.subnav18) { padding-left: calc(474px + (100vw - 592px) * 0.7); }
	.nx-nav .submenu:has(.subnav18)::before { left: calc(106px + (100vw - 592px) * 0.7); }
	.nx-nav .submenu:has(.subnav13) { padding-left: calc(474px + (100vw - 592px) * 0.9); }
	.nx-nav .submenu:has(.subnav13)::before { left: calc(106px + (100vw - 592px) * 0.9); }
}

@media (max-width: 1024px) {
	.nx-hero .nx-hero-swiper { height: 500px; }
	.nx-hero-text { justify-content: center; padding-top: 0; } /* ≤1024 恢复垂直居中 */
	.nx-hero-text h2 { font-size: 34px; }
	.nx-nav .submenu { height: 164px; }
	.nx-nav .submenu::before { width: 200px; height: 112px; }
	.nx-nav .submenu li a { height: 42px; font-size: 14px; }
	.nx-news-sec { margin-top: -64px; }
	.nx-media-wrap { flex-direction: column; }
	.nx-media-focus { width: 100%; }
	.nx-cardlist { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 14px 18px; }
	.nx-footer-top { flex-wrap: wrap; gap: 24px; }
	.nx-fcontact { margin-left: 0; }
	.nx-sec-title h2 { font-size: 28px; }
	.nx-sec-title h2::before, .nx-sec-title h2::after { display: none; }
	.nx-slogan-sec { padding: 36px 0 16px; }
	.nx-data-sec { padding: 36px 0 30px; }
	.nx-data-wrap { display: block; }
	.nx-data-wrap::after { width: 400px; height: 220px; }
	.nx-data-bar { position: relative; height: auto; padding: 8px 0; margin: 16px 0 0; }
	.nx-data-list li { gap: 10px; padding: 10px 8px; }
	.nx-data-num { font-size: 42px; min-width: 86px; }
	.nx-data-meta i { font-size: 13px; }
	.nx-data-meta p { font-size: 13px; margin-top: 5px; }
}

@media (max-width: 768px) {
	.nx-header-in { height: 66px; }
	.nx-logo img { height: 46px; }
	/* 搜索：图标开关 + 点击下拉展开（通栏无边角） */
	.nx-search {
		display: flex; position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
		margin-left: 0; padding: 10px 14px;
		background: #fff; border-radius: 0;
		box-shadow: 0 10px 30px rgba(23,52,88,.18);
		opacity: 0; transform: translateY(-8px); pointer-events: none;
		transition: opacity .25s ease, transform .25s ease;
	}
	.nx-search.open { opacity: 1; transform: translateY(0); pointer-events: auto; }
	.nx-search .nx-search-inp { flex: 1; width: auto; min-width: 0; }
	.nx-search-toggle {
		display: flex; align-items: center; justify-content: center;
		width: 42px; height: 42px; margin-left: auto; padding: 0;
		background: none; border: 1px solid rgba(255, 255, 255, .55); border-radius: 6px; cursor: pointer;
	}
	.nx-search-toggle i { font-size: 17px; color: #fff; line-height: 1; }
	.nx-search-toggle:hover { border-color: #fff; }
	.nx-nav-toggle { display: flex; border-color: rgba(255, 255, 255, .55); }
	.nx-nav-toggle i { color: #fff; }
	.nx-nav-toggle:hover { border-color: #fff; }
	.nx-hero .nx-hero-swiper { height: 56vw; min-height: 300px; max-height: 400px; }
	.nx-hero-sub { font-size: 11px; letter-spacing: 3px; margin-bottom: 10px; }
	.nx-hero-text h2 { font-size: 22px; line-height: 1.5; }
	.nx-hero .nx-hero-pagination { top: auto; bottom: 80px; height: 14px; line-height: 14px; }
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 210px; bottom: auto; }
	.nx-news-sec { margin-top: -95px; }
	.nx-news-card { padding: 20px 16px 18px; border-radius: 10px; }
	.nx-section { padding: 40px 0 12px; }
	.nx-sec-title { margin-bottom: 26px; }
	.nx-sec-title h2 { font-size: 24px; letter-spacing: 3px; }
	.nx-sec-title p { letter-spacing: 4px; }
	.nx-newstab-head { gap: 24px; }
	.nx-newstab-head span { font-size: 17px; }
	.nx-newstab-panel { padding-top: 20px; }
	.nx-media-wrap { flex-direction: column; gap: 10px; }
	.nx-media-swiper { height: 54vw; }
	.nx-media-swiper img { height: 54vw; }
	.nx-media-tit a { font-size: 13px; }
	.nx-media-swiper .nx-media-pg { top: auto; bottom: 40px; }
	.nx-media-focus .focusBox .bd ul { height: 54vw; }
	.nx-media-focus .focusBox .bd img { height: 54vw; }
	.nx-media-focus .focusBox .bd .con1 { padding: 22px 12px 10px; width: auto !important}
	.nx-media-focus .focusBox .bd .con1 a { font-size: 13px; }
	.nx-media-focus .focusBox .hd { bottom: 58px; right: 10px; }
	.nx-cardlist { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; gap: 12px; }
	.nx-cardlist li { padding: 13px 15px 12px; }
	/* 党建标语banner与集团数据 */
	.nx-slogan-sec { padding: 26px 0 12px; }
	.nx-slogan-swiper { border-radius: 6px; height: 40px; }
	.nx-slogan-swiper img { height: 40px; }
	.nx-slogan-prev, .nx-slogan-next { display: none; }
	.nx-data-sec { padding: 22px 0 18px; }
	.nx-data-left h3 { font-size: 20px; letter-spacing: 1px; margin-bottom: 12px; }
	.nx-data-left { padding-right: 45px; }
	.nx-data-left p { -webkit-line-clamp: 4; line-height: 24px; }
	.nx-data-more { margin-top: 14px; }
	.nx-data-wrap::after { width: 260px; height: 140px; }
	.nx-data-bar { position: relative; height: auto; padding: 4px 0; margin: 12px 0 0; box-shadow: none; }
	.nx-gallery-sec { margin-top: 26px; }
	.nx-data-list { display: grid; grid-template-columns: 1fr 1fr; }
	.nx-data-list li { justify-content: flex-start; padding: 13px 10px; gap: 10px; }
	.nx-data-list li + li { border-left: none; }
	.nx-data-list li:nth-child(even) { border-left: 1px solid #e2eaf3; }
	.nx-data-list li:nth-child(n+3) { border-top: 1px solid #e2eaf3; }
	.nx-data-num { font-size: 36px; min-width: 74px; }
	.nx-data-meta i { font-size: 12px; }
	.nx-data-meta p { font-size: 12px; margin-top: 4px; }
	/* 手机端全屏抽屉菜单（政务蓝渐变 + 柔光与水印装饰） */
	.nx-nav {
		position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000;
		margin-left: 0;
		background: linear-gradient(168deg, #2a67a8 0%, #3780c6 54%, #4a93da 100%);
		padding: 18px 22px 40px;
		overflow-y: auto; transform: translateX(100%); transition: transform .3s ease;
	}
	/* 顶部柔光 */
	.nx-nav::before {
		content: ""; position: absolute; left: 0; right: 0; top: 0; height: 320px; z-index: -1;
		background: radial-gradient(430px 270px at 86% -30px, rgba(255, 255, 255, .16), transparent 70%);
		pointer-events: none;
	}
	/* 左下建筑剪影水印（白色化处理，与页脚呼应） */
	.nx-nav::after {
		content: ""; position: absolute; left: -18px; top: calc(100vh - 195px);
		width: 265px; height: 195px; z-index: -1;
		background: url("/templates/cqgxqjs/images/newsbg.png") no-repeat left bottom;
		background-size: 265px auto; opacity: .12;
		filter: brightness(0) invert(1); pointer-events: none;
	}
	.nx-nav.open { transform: translateX(0); }
	/* 抽屉头部 logo（白描边透明底图，无卡片背景） */
	.nx-nav-head { display: block; margin-bottom: 16px; }
	.nx-nav-logo { display: inline-flex; align-items: center; }
	.nx-nav-logo img { height: 46px; width: auto; display: block; }
	.nx-nav-close {
		display: flex; align-items: center; justify-content: center;
		position: absolute; top: 16px; right: 20px; width: 40px; height: 40px;
		background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; cursor: pointer; padding: 0;
	}
	.nx-nav-close i { font-size: 18px; color: #fff; line-height: 1; }
	.nx-nav-close:hover { border-color: #fff; background: rgba(255, 255, 255, .2); }
	.nx-nav-close:hover i { color: #fff; }
	.nx-nav > ul { display: block; height: auto; position: relative; }
	.nx-nav > ul > li { border-bottom: 1px solid rgba(255, 255, 255, .14); }
	.nx-nav > ul > li > a {
		height: 56px; justify-content: flex-start;
		color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1.5px;
	}
	.nx-nav > ul > li > a:hover, .nx-nav > ul > li > a.hover { background: none; color: #a8d8ff; }
	.nx-nav > ul > li > a.hover::after { display: none; }
	.nx-nav .submenu {
		position: static; transform: none; opacity: 1; visibility: visible;
		box-shadow: none; border-top: none;
		background: rgba(255, 255, 255, .1); border-radius: 10px;
		min-width: 0; height: auto; overflow: visible;
		margin: 2px 0 12px; padding: 4px 8px 4px 12px; display: none;
	}
	/* 隐藏电脑版通栏面板装饰与分隔线；padding-left 强制覆盖桌面 :has() 变体 */
	.nx-nav .submenu::before, .nx-nav .submenu::after { display: none; }
	.nx-nav .submenu {
		padding-left: 20px !important;
		backdrop-filter: none; -webkit-backdrop-filter: none;
	}
	.nx-nav .submenu li { display: block; }
	.nx-nav .submenu li a {
		display: block; text-align: left; line-height: 42px; height: 42px; padding: 0 10px;
		color: rgba(255, 255, 255, .88); font-weight: 400; letter-spacing: 1px;
		border-radius: 8px;
	}
	.nx-nav .submenu li + li a::before { display: none; }
	.nx-nav .submenu li a::after { display: none; }
	.nx-nav .submenu li a:hover, .nx-nav .submenu li a:active { background: rgba(255, 255, 255, .12); color: #fff; }
	.nx-has-sub > a::after {
		content: ""; position: absolute; right: 6px; top: 50%; margin-top: -3px;
		width: 8px; height: 8px; border-right: 2px solid rgba(255, 255, 255, .55); border-bottom: 2px solid rgba(255, 255, 255, .55);
		transform: rotate(45deg); transition: transform .25s;
	}
	.nx-sub-open > a::after { transform: rotate(225deg); margin-top: -7px; }
	.nx-gal-prev, .nx-gal-next { display: none; }
	.nx-gal-pg { display: none; }
	.nx-gal-bd { padding: 10px 0 46px; }
	.nx-gal-bd ul li { width: 74vw; }
	.nx-gal-bd ul li img { height: 42vw; }
	.nx-gal-bd .title { font-size: 17px; padding: 34px 12px 10px; }
	.nx-footer-top { padding: 36px 0 30px; }
	.nx-footer::before { width: 240px; height: 174px; background-size: 240px auto; }
	.nx-fbrand { flex: 100%; }
	.nx-fintro { margin-top: 14px; }
	.nx-fqr { text-align: left; }
	.nx-footer-bar-in { justify-content: center; text-align: center; }
	.nx-toolbar { right: 14px; bottom: 70px; }
}

@media (max-width: 480px) {
	.nx-container { margin: 0 16px 10px; }
	.nx-search-inp { width: 108px; padding: 0 12px; }
	.nx-newstab-head { gap: 16px; }
	.nx-newstab-head span { font-size: 16px; }
	.nx-media-list li a { font-size: 14px; }
	.nx-flogo img { height: 40px; }
}