/* ========== 全局基础 ========== */
*,
*::before,
*::after {
	box-sizing: border-box;}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;}

body {
	overflow-x: hidden;
	width: 100%;
	max-width: 100vw;}

/* 汉堡按钮：桌面隐藏 */
.navToggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	z-index: 1002;
	flex-shrink: 0;}

/* 子栏目 +/- ：桌面隐藏 */
.headerTwo .headerTwoRight ul li > .navSubToggle {
	display: none;}

.navToggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #333;
	border-radius: 1px;
	transition: transform 0.25s, opacity 0.25s;}

.navToggle.is-open span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);}

.navToggle.is-open span:nth-child(2) {
	opacity: 0;}

.navToggle.is-open span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);}

.navMask {
	display: none;}

/* ========== 中等屏 ≤1200px ========== */
@media screen and (max-width: 1200px) {
	.headerNew,
	.headerTwo {
		padding: 0 24px;}

	.centertion .zhongxinBox {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		padding: 24px 20px 0;}

	.sliderDiv .bgTopBox {
		width: 94%;
		max-width: 1100px;}

	.sliderDiv .bgTopBox .topDiv .topDivLeft {
		width: calc(100% - 220px);
		max-width: 760px;}

	.sliderDiv .lunboBox .sliderBg {
		min-width: 0 !important;}

	.subject {
		height: auto;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 10px;
		margin-bottom: 24px;}

	.subject .subjectItem {
		margin-right: 0;}

	.subject .subjectItem:nth-child(1) {
		width: 100%;
		height: 280px;}

	.subject .subjectItem:nth-child(n+2) {
		flex: 1;
		min-width: 140px;
		height: 240px;}

	.subject .subjectItem .itemR {
		flex: 1;
		width: auto;
		min-width: 0;
		padding: 24px 20px 28px;}
}

/* ========== 平板 ≤1100px ========== */
@media screen and (max-width: 1100px) {
	.headerNew,
	.headerTwo {
		padding: 0 16px;}

	.centertion .zhongxinBox {
		padding: 20px 14px 0;}

	.sliderDiv .bgTopBox {
		width: 96%;}

	.sliderDiv .bgTopBox .topDiv .topDivLeft {
		width: calc(100% - 200px);
		max-width: 680px;}

	.leftView {
		width: 100px;
		left: 6px;
		bottom: 16%;
		padding: 8px 6px;}

	.leftView p {
		margin: 6px 2px;
		font-size: 12px;}

	.centertion .zhongxinBox .centerLeft {
		width: 60%;}

	.centertion .zhongxinBox .centerRight {
		width: 38%;}

	.centertion .zhongxinBox .neirongBox .ziyuanCell {
		width: 50%;}

	.centertion .zhongxinBox .ziyuanBox .titleName {
		margin-right: 18px;
		font-size: 14px;}

	.subject .subjectItem:nth-child(n+2) {
		min-width: 120px;
		height: 220px;}

	.subject .subjectItem .itemL {
		width: 130px;
		font-size: 14px;
		padding: 0 12px;}

	.subject .subjectItem .itemR {
		padding: 16px 12px 28px;
		border-width: 10px;}

	.subject .subjectItem .itemR .nerPage {
		font-size: 13px;}

	.subject .subjectItem .itemR .nerPage img {
		width: 40px;
		height: 40px;}
}

/* ========== 平板竖屏 / 手机横屏 ≤900px ========== */
@media screen and (max-width: 900px) {
	img {
		max-width: 100%;}

	.headerNew {
		height: 40px;
		padding: 0 14px;
		padding-left: max(14px, env(safe-area-inset-left));
		padding-right: max(14px, env(safe-area-inset-right));}

	.headerNew .heafer_left {
		font-size: 13px;}

	.headerTwo {
		height: 60px;
		padding: 0 14px;
		padding-left: max(14px, env(safe-area-inset-left));
		padding-right: max(14px, env(safe-area-inset-right));
		position: relative;}

	.headerTwo .logo {
		height: 38px;
		width: auto;
		max-width: calc(100% - 56px);
		object-fit: contain;}

	.navToggle {
		display: flex;}

	.navMask {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.25s, visibility 0.25s;}

	.navMask.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;}

	.headerTwo .headerTwoRight {
		position: fixed;
		top: 0;
		right: 0;
		width: min(300px, 85vw);
		height: 100%;
		height: 100dvh;
		background: #fff;
		z-index: 1001;
		padding: 72px 0 max(24px, env(safe-area-inset-bottom));
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateX(110%);
		transition: transform 0.28s ease;
		box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);}

	.headerTwo .headerTwoRight.is-open {
		transform: translateX(0);}

	.headerTwo .headerTwoRight ul {
		flex-direction: column;
		align-items: stretch;
		overflow: visible;}

	.headerTwo .headerTwoRight ul li {
		position: relative;
		border-bottom: 1px solid #f0f0f0;
		float: none;
		width: 100%;}

	.headerTwo .headerTwoRight .bito {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 20px;
		font-size: 15px;
		width: 100%;
		min-height: 48px;
		box-sizing: border-box;}

	.headerTwo .headerTwoRight ul li.has-sub > .bito {
		padding-right: 52px;}

	.headerTwo .headerTwoRight ul li > .navSubToggle {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		border: none;
		background: transparent;
		color: #333;
		font-size: 22px;
		line-height: 48px;
		text-align: center;
		cursor: pointer;
		padding: 0;
		z-index: 2;
		font-family: Arial, sans-serif;
		font-weight: 400;}

	.headerTwo .headerTwoRight ul li.has-sub > .navSubToggle {
		display: block;}

	.headerTwo .headerTwoRight ul li.has-sub > .navSubToggle::before {
		content: "+";}

	.headerTwo .headerTwoRight ul li.has-sub.is-open > .navSubToggle::before {
		content: "-";}

	.headerTwo .headerTwoRight .huaxian {
		display: none;}

	.headerTwo .headerTwoRight ul div {
		position: static !important;
		display: none;
		margin: 0;
		padding: 0 0 8px;
		border: none;
		box-shadow: none;
		border-radius: 0;
		background: #f7f7f7;
		white-space: normal;
		min-width: 0;
		line-height: 1.4;}

	.headerTwo .headerTwoRight ul li.is-open > div {
		display: block !important;}

	.headerTwo .headerTwoRight ul div a {
		padding: 12px 28px;
		font-size: 14px;
		min-height: 44px;
		display: flex;
		align-items: center;}

	/* 轮播与检索区 */
	.sliderDiv .lunboBox {
		height: 42vw;
		min-height: 160px;
		max-height: 240px;}

	.sliderDiv .lunboBox ul {
		overflow: hidden;}

	.sliderDiv .topbgy {
		display: none;}

	.sliderDiv .bgTopBox {
		position: relative !important;
		left: 0 !important;
		bottom: auto !important;
		transform: none !important;
		width: 100% !important;
		max-width: none;
		padding: 14px 12px 10px;
		padding-bottom: max(10px, env(safe-area-inset-bottom));
		background: linear-gradient(180deg, #8a3f8a 0%, #a04ba0 55%, #934493 100%);
		display: block !important;}

	.sliderDiv .bgTopBox .topDiv {
		flex-direction: column;
		margin-bottom: 14px;
		gap: 10px;}

	.sliderDiv .bgTopBox .topDiv .topDivLeft {
		width: 100%;
		max-width: none;
		height: auto;
		margin-right: 0;
		padding-bottom: 8px;
		background: rgba(255, 255, 255, 0.14);
		border-radius: 8px;}

	.topDivLeft .jiansuo {
		margin: 14px 14px 0;}

	.topDivLeft .tongyijiansuo {
		width: 112px;
		height: 28px;
		margin-right: 10px;}

	.topDivLeft .tongyijiansuo div {
		font-size: 14px;
		line-height: 28px;}

	.topDivLeft .jiansuoBox {
		margin: 12px 14px;
		flex-wrap: wrap;
		gap: 8px;}

	.topDivLeft .jiansuoBox input {
		width: 100%;
		height: 44px;
		padding: 0 14px;
		font-size: 16px; /* 避免 ios 自动放大 */
		background: #fff;
		border-radius: 4px;}

	.topDivLeft .jiansuoBox .jiansuoBtn,
	.topDivLeft .jiansuoBox .gaojijiansuo {
		flex: 1;
		width: auto;
		min-width: 0;
		height: 44px;
		font-size: 15px;
		line-height: 44px;
		margin-right: 0;
		border-radius: 4px;}

	.topDivLeft .jiansuoBox .jiansuoBtn {
		display: flex;
		align-items: center;
		justify-content: center;}

	.topDivLeft .jiansuoBox .jiansuoBtn img {
		width: 18px;
		height: 18px;
		margin-right: 6px;}

	.topDivLeft .tip {
		margin: 0 14px 10px;
		font-size: 12px;
		line-height: 1.45;
		opacity: 0.92;}

	.sliderDiv .bgTopBox .topDiv .topDivRight {
		width: 100%;
		height: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 0;
		background: rgba(255, 255, 255, 0.14);
		border-radius: 8px;
		overflow: hidden;}

	.topDiv .topDivRight .rightCell {
		width: 100%;
		height: auto;
		padding: 12px 4px;
		font-size: 12px;}

	.topDiv .topDivRight .rightCell img {
		height: 30px;
		width: auto;
		margin-bottom: 4px;}

	.sliderDiv .bgTopBox #sliderBox {
		overflow: visible;}

	.sliderDiv .bgTopBox #sliderBox ul {
		overflow: visible;}

	.sliderDiv .bgTopBox #sliderBox .fff {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		gap: 6px 0;
		width: 100%;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl {
		float: none !important;
		width: auto;
		padding: 10px 4px;
		position: relative;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl a {
		font-size: 12px;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl .imgBox {
		width: 48px;
		height: 48px;
		margin-bottom: 6px;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl a img {
		height: 26px;
		width: auto;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl .Tips {
		left: 50%;
		transform: translateX(-50%);
		top: 92px;
		z-index: 6;
		width: 120px;}

	/* 内容区 */
	.centertion {
		min-height: 0;
		background-size: cover;
		padding-bottom: 0;}

	.centertion .zhongxinBox {
		flex-direction: column;
		gap: 14px;
		padding: 16px 12px 0;
		width: 100%;
		min-width: 0;}

	.centertion .zhongxinBox .centerLeft,
	.centertion .zhongxinBox .centerRight,
	.centertion .zhongxinBox .widthMax {
		width: 100%;}

	.centertion .zhongxinBox .titleBox {
		height: auto;
		min-height: 44px;
		padding: 8px 12px;
		flex-wrap: nowrap;
		gap: 8px;
		align-items: center;
		justify-content: space-between;}

	.centertion .zhongxinBox .titleBox .title {
		font-size: 16px;
		flex: 1;
		min-width: 0;
		width: auto;
		justify-content: flex-start;
		gap: 8px;}

	.centertion .zhongxinBox .titleBox .title img {
		width: 22px;
		height: 22px;
		flex-shrink: 0;
		margin-right: 0;}

	.centertion .zhongxinBox .ziyuanBox {
		flex-wrap: wrap;
		row-gap: 8px;
		align-items: center;}

	.centertion .zhongxinBox .ziyuanBox .title {
		flex: none;
		width: 100%;
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		justify-content: flex-start;}

	.centertion .zhongxinBox .ziyuanBox .title::-webkit-scrollbar {
		display: none;}

	.centertion .zhongxinBox .ziyuanBox .titleName {
		margin-right: 14px;
		font-size: 14px;
		white-space: nowrap;
		flex-shrink: 0;
		padding: 4px 0;}

	.centertion .zhongxinBox .ziyuanBox .moreBox {
		flex-shrink: 0;
		margin-left: auto;
		align-self: flex-end;}

	.centertion .zhongxinBox .moreBox {
		flex-shrink: 0;
		align-self: center;
		margin-left: auto;}

	/* 资讯通告内：信息公告 / 馆内动态 标题左、MORE 右同行 */
	.centertion .zhongxinBox .zixunneirongBox .xinxigonggao > .flex_b,
	.centertion .zhongxinBox .zixunneirongBox .guanneidongtai > .flex_b:first-child {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 8px;}

	.centertion .zhongxinBox .neirongBox {
		height: auto !important;
		min-height: 160px;
		padding: 14px 12px;}

	.centertion .zhongxinBox .neirongBox .ziyuanCell {
		width: 50%;
		height: 32px;
		padding-right: 6px;}

	.centertion .zhongxinBox .neirongBox .ziyuanCell span {
		font-size: 13px;
		line-height: 32px;}

	.centertion .zhongxinBox .imgBox {
		padding: 12px;
		height: auto !important;
		min-height: 0;
		gap: 8px;
		align-content: stretch;}

	.centertion .zhongxinBox .imgBox .imgBoxItem {
		width: calc(50% - 4px);
		height: auto;
		min-height: 92px;
		padding: 12px 6px;}

	.centertion .zhongxinBox .zixunneirongBox {
		height: auto !important;
		flex-direction: column;
		padding: 14px 12px 18px;
		gap: 22px;}

	.centertion .zhongxinBox .zixunneirongBox .xinxigonggao,
	.centertion .zhongxinBox .zixunneirongBox .guanneidongtai {
		width: 100%;}

	.centertion .zhongxinBox .zixunneirongBox .guanneidongtai > .flex_b {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;}

	.centertion .zhongxinBox .zixunneirongBox .dongtaiLeft,
	.centertion .zhongxinBox .zixunneirongBox .fontaiRight {
		width: 100%;}

	.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiImgs {
		height: 48vw;
		max-height: 220px;
		min-height: 150px;
		padding-top: 8px;}

	.fontaiRight .dongtaiImgs .sliders {
		width: 100% !important;
		display: block;}

	.fontaiRight .dongtaiImgs .sliders li {
		width: 100%;
		float: none;}

	.centertion .zhongxinBox .zixunneirongBox .fontaiRight img {
		width: 100% !important;
		height: 100% !important;
		max-width: 100%;
		object-fit: cover;}

	.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts {
		height: 48px;
		line-height: 48px;}

	.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiTexts .text {
		width: 70%;
		font-size: 13px;}

	.centertion .zhongxinBox .zixunneirongBox .xinxiCell {
		margin-top: 12px;
		align-items: flex-start;
		gap: 10px;}

	.centertion .timeBox {
		width: 42px;
		height: 42px;
		flex-shrink: 0;}

	.centertion .zhongxinBox .zixunneirongBox .zixunContent {
		width: calc(100% - 52px);
		font-size: 13px;
		line-height: 1.45;}

	.subject {
		flex-direction: column;
		height: auto;
		gap: 12px;
		margin-top: 8px;
		margin-bottom: 20px;}

	.subject .subjectItem,
	.subject .subjectItem:nth-child(1),
	.subject .subjectItem:nth-child(n+2) {
		width: 100%;
		height: auto;
		min-width: 0;
		margin-right: 0;}

	.subject .subjectItem .itemL {
		width: 110px;
		min-height: 160px;
		font-size: 14px;
		padding: 12px 10px;}

	.subject .subjectItem .itemL p {
		margin: 16px 0;
		height: auto;}

	.subject .subjectItem .itemL .icon {
		height: 40px;}

	.subject .subjectItem .itemL .jiantou {
		width: 32px;}

	.subject .subjectItem:nth-child(n+2) .itemL {
		width: 100%;
		min-height: 88px;
		flex-direction: row;
		justify-content: flex-start;
		gap: 14px;
		padding: 14px 18px;}

	.subject .subjectItem:nth-child(n+2) .itemL p {
		margin: 0;
		flex: 1;
		text-align: left;
		height: auto;}

	.subject .subjectItem .itemR {
		flex: 1;
		width: auto;
		min-width: 0;
		height: auto;
		min-height: 200px;
		padding: 16px 8px 28px;
		border-width: 8px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;}

	.subject .subjectItem .itemR .nerPage {
		font-size: 12px;
		align-content: flex-start;}

	.subject .subjectItem .itemR .nerPage .nerItem {
		width: 25%;
		margin-bottom: 8px;}

	.subject .subjectItem .itemR .nerPage img {
		width: 36px;
		height: 36px;
		margin-bottom: 4px;}

	.leftView,
	#roll {
		display: none !important;}

	.footer {
		height: auto !important;}

	.footerTop {
		height: auto !important;
		padding: 18px 12px;}

	.footerTop > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;}

	.footerTop a {
		margin-right: 0 !important;
		padding: 8px 12px;
		font-size: 12px;
		border-radius: 4px;}

	.footerTop .down::before {
		display: none;}

	.footerBottom {
		height: auto !important;
		padding: 16px 14px max(16px, env(safe-area-inset-bottom));
		line-height: 1.7;
		font-size: 11px;}

	.footerBottom span {
		font-size: 14px;}
}

/* ========== 手机 ≤576px ========== */
@media screen and (max-width: 576px) {
	.headerNew .heafer_left {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;}

	.headerTwo {
		height: 56px;}

	.headerTwo .logo {
		height: 34px;}

	.sliderDiv .lunboBox {
		height: 38vw;
		min-height: 140px;
		max-height: 180px;}

	.sliderDiv .bgTopBox {
		padding: 12px 10px 8px;}

	.sliderDiv .bgTopBox #sliderBox .fff {
		grid-template-columns: repeat(4, 1fr);}

	.sliderDiv .bgTopBox #sliderBox .fff .fl {
		padding: 8px 2px;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl a {
		font-size: 11px;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl .imgBox {
		width: 42px;
		height: 42px;}

	.sliderDiv .bgTopBox #sliderBox .fff .fl a img {
		height: 22px;}

	.topDiv .topDivRight .rightCell {
		padding: 10px 2px;
		font-size: 11px;}

	.topDiv .topDivRight .rightCell img {
		height: 26px;}

	.centertion .zhongxinBox {
		padding: 12px 10px 0;
		gap: 12px;}

	.centertion .zhongxinBox .neirongBox .ziyuanCell {
		width: 50%;
		height: 36px;}

	.centertion .zhongxinBox .neirongBox .ziyuanCell span {
		font-size: 13px;
		line-height: 36px;}

	.centertion .zhongxinBox .titleBox .title {
		font-size: 15px;}

	.centertion .zhongxinBox .ziyuanBox .titleName {
		font-size: 13px;
		margin-right: 12px;}

	.centertion .zhongxinBox .imgBox .imgBoxItem {
		font-size: 12px;
		min-height: 84px;}

	.centertion .zhongxinBox .imgBox img {
		width: 40px;
		height: 40px;}

	.centertion .zhongxinBox .zixunneirongBox .fontaiRight .dongtaiImgs {
		height: 52vw;
		max-height: 200px;}

	.subject .subjectItem .itemL {
		width: 96px;
		min-height: 140px;
		font-size: 13px;
		padding: 10px 8px;}

	.subject .subjectItem .itemL p {
		margin: 10px 0;}

	.subject .subjectItem:nth-child(n+2) .itemL {
		min-height: 76px;
		padding: 12px 14px;}

	.subject .subjectItem .itemR {
		padding: 12px 6px 26px;
		border-width: 6px;}

	.subject .subjectItem .itemR .nerPage {
		font-size: 11px;}

	.subject .subjectItem .itemR .nerPage img {
		width: 32px;
		height: 32px;}
}

/* ========== 超小屏 ≤380px ========== */
@media screen and (max-width: 380px) {
	.sliderDiv .bgTopBox #sliderBox .fff,
	.sliderDiv .bgTopBox .topDiv .topDivRight {
		grid-template-columns: repeat(2, 1fr);}

	.topDiv .topDivRight .rightCell,
	.sliderDiv .bgTopBox #sliderBox .fff .fl a {
		font-size: 12px;}
}