/* responsive.css — 移动端覆盖 & 隐藏式菜单；PC 外观保持不变 */

/* 媒体在小屏不溢出 */
img,
video,
canvas,
svg,
iframe {
	max-width: 100%;
	height: auto;
}

/* 保留桌面 1000px 设计，小屏容器自适配 */
#PAGE,
.w1000,
.header {
	max-width: 1000px;
	width: 100%;
	box-sizing: border-box;
}

/* 外层白底容器写死宽度，这里强制小屏自适配 */
body>div[style*="width:1000px"] {
	max-width: 100%;
	width: 100%;
}

/* 默认：PC 不显示汉堡按钮 */
.nav-toggle {
	display: none;
}

/* 防水平滚动 */
html,
body {
	-webkit-text-size-adjust: 100%;
}

@media (max-width: 768px) {

	html,
	body {
		overflow-x: hidden;
	}
}

/* ——— 移动端覆盖 ——— */
@media (max-width: 768px) {

	.header {
		position: relative;
		height: auto !important;
	}

	/* 显示汉堡按钮（PC 不显示） */
	.nav-toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 1003;
		border: 1px solid #91c4f7;
		background: #fff;
		color: #16387C;
		padding: 8px 12px;
		border-radius: 6px;
		font-size: 14px;
		line-height: 1;
		cursor: pointer;
	}

	.nav-toggle__icon {
		font-size: 18px;
	}

	/* 顶部栏目：移动端默认隐藏（避免撑宽），内容在侧栏克隆显示 */
	.header .channel-col .in_r_search {
		display: none !important;
	}

	/* 1) 移动端隐藏 .pic_340 整块（覆盖前面的显示修复） */
	@media (max-width: 768px) {
		.pic_340 {
			display: none !important;
		}
	}

	/* 2) 移动端隐藏 header 里的 .channel-col.col-w（仅隐藏头部原位；
      隐藏式菜单中的克隆栏目仍显示，以保留移动端导航） */
	@media (max-width: 768px) {
		.header .channel-col.col-w {
			display: none !important;
			visibility: hidden !important;
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
		}

		.mobile-menu .menu-inner .channel-col.col-w {
			display: block !important;
			visibility: visible !important;
			height: auto !important;
		}
	}

	/* 3) 移动端隐藏首页右侧栏 .in1_right 整块 */
	@media (max-width: 768px) {
		.in1_right {
			display: none !important;
			visibility: hidden !important;
			width: 0 !important;
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			overflow: hidden !important;
		}

		/* 左侧内容独占一行（兜底） */
		.in1_left {
			float: none !important;
			width: 100% !important;
		}
	}

	/* 侧栏面板（运行时注入 .mobile-menu） */
	.mobile-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: min(86vw, 420px);
		background: #fff;
		z-index: 1002;
		box-shadow: -12px 0 24px rgba(0, 0, 0, .12);
		transform: translateX(100%);
		transition: transform .25s ease;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 14px 16px;
	}

	.mobile-menu .menu-inner .channel-col {
		display: block !important;
		border: 1px solid #91c4f7;
		border-radius: 6px;
		padding: 8px 12px;
		margin: 8px 0;
		box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
	}

	.mobile-menu .nowrap {
		white-space: normal !important;
	}

	/* 半透明遮罩（运行时注入 .menu-backdrop） */
	.menu-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .45);
		opacity: 0;
		pointer-events: none;
		z-index: 1001;
		transition: opacity .2s ease;
	}

	/* 展开状态 */
	body.nav-open .mobile-menu {
		transform: translateX(0);
	}

	body.nav-open .menu-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	/* 移动端隐藏：轮播 & 头条 */
	.focusview,
	#sub_box,
	#bd1lfimg {
		display: none !important;
	}

	.headline {
		display: none !important;
	}

	/* 两栏堆叠，修复错版 */
	.in1_left,
	.in1_right,
	.L690,
	.R300,
	.in1_lr {
		float: none !important;
		width: 100% !important;
		padding-right: 0 !important;
	}

	/* 要闻区全宽 */
	.hot-news {
		width: 100% !important;
		padding-left: 0 !important;
	}

	.hot-news ul {
		margin: 6px 0 2px 0 !important;
	}

	.hot-news ul li {
		width: 100% !important;
	}

	/* 列表占满一行，避免挤压 */
	ul.listGra li,
	.szzh li,
	.list_340 li,
	.list3 li,
	.list2 li,
	.hot-news ul li {
		width: 100% !important;
		box-sizing: border-box;
		float: none !important;
	}

	/* 图文块自适配 */
	.pic_340,
	.list_340,
	.in_r_hd,
	.in_r_tab {
		width: 100% !important;
	}

	.pic_340 img {
		float: left;
		margin-right: 8px;
	}

	.pic_340 p {
		overflow-wrap: break-word;
		word-break: break-word;
	}


	/* 轮播细节不参与布局 */
	#p-select,
	.sub_nav,
	.sub_no {
		display: none !important;
	}

	/* 字体与行高 */
	body {
		font-size: 16px;
		line-height: 1.6;
	}

	/* 页脚自适配 */
	#footer {
		width: 100% !important;
	}

	/* Tab 在小屏两列（过多则换行） */
	.tab_1 .con,
	.tab_1 .con a {
		width: 50% !important;
		box-sizing: border-box;
	}
}

/* 可见焦点（无障碍小增强） */
a:focus,
button:focus {
	outline: 2px solid #2f49fd;
	outline-offset: 2px;
}

/* --- 修复：移动端 in_l_tab.right 左侧留白/错版 --- */
@media (max-width: 768px) {

	/* 两侧栏目容器全宽堆叠 */
	.in_l_tab {
		float: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 去掉桌面布局残留的左右外边距/右浮动造成的偏移 */
	.in_l_tab.right,
	.in_l_tab.left {
		margin-left: 0 !important;
		margin-right: 0 !important;
		clear: both !important;
	}

	/* 如果有内联样式带来的额外 padding/gutter，这里归零（只影响小屏） */
	.in_l_tab.right[style],
	.in_l_tab.left[style] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* 保持纵向块与块之间的间距（避免完全贴死） */
	.L690 .in_l_tab+.in_l_tab {
		margin-top: 12px !important;
	}
}

/* --- 强制隐藏首页右侧栏：移动端有效（放到文件最末尾） --- */
@media (max-width: 768px) {

	/* 提高优先级，避免被旧样式或行内样式影响 */
	body .in1_right,
	#PAGE .in1_right,
	.w1000 .in1_right {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
}

/* --- 移动端隐藏：.R300 与 .Tab7 整块 --- */
@media (max-width: 768px) {

	/* 提高优先级，兜底覆盖旧样式或行内样式 */
	body .R300,
	#PAGE .R300,
	.w1000 .R300,
	body .Tab7,
	#PAGE .Tab7,
	.w1000 .Tab7 {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
}