/* ============================================================
   江苏江南古运河文化旅游股份有限公司 · 全站响应式适配
   兼容：手机 / 平板 / 窄屏笔记本（桌面端 >1200px 不受影响）
   ============================================================ */

/* 全局基础：字体渲染 */
html { -webkit-text-size-adjust: 100%; }

/* 汉堡开关：桌面端一律隐藏 */
.mnavSwitch { display: none; }
.mnavBtn { display: none; }

/* ------------------------------------------------------------
   ① 1200px 以下：固定 1200 容器改为流式
   ------------------------------------------------------------ */
@media screen and (max-width: 1200px) {
	img { max-width: 100%; height: auto; }

	.headerb,
	.gyhIab,
	.gyhIac,
	.gyhIbb,
	.gyhIbbb,
	.gyhIca,
	.footera,
	.aboutaa,
	.aboutbaa,
	.aboutbab,
	.aboutbac,
	.aboutbae,
	.aboutbaf,
	.aboutbai,
	.partywork,
	.partyworkbottom,
	.newNyaa,
	.announcementsaa,
	.scenicspota,
	.cruiseaa,
	.nyxiangqa {
		width: auto;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.headerb { width: 100%; padding: 0 15px; }

	/* 桌面导航适当压缩 */
	.headerbRa { font-size: 15px; margin-right: 12px; padding-top: 46px; }
	.headerbLogo { max-height: 70px; width: auto; }
	.headerbLgp { font-size: 13px; top: 55px; left: 80px; }
	.change { width: 100px; }
	.change button { width: 34px; height: 36px; margin-top: 36px; }

	/* 顶部 banner 随宽度缩放 */
	.gyhIbanner { height: 420px; }
	.gyhIbanner .swiper-slide { background-size: cover !important; }

	/* 关于我们页装饰层去掉最小宽度限制 */
	.aboutba { min-width: 0; }
	.aboutbaab { width: 400px; height: 220px; background-size: cover; }
}

/* ------------------------------------------------------------
   ② 1024px 以下：汉堡导航 + 主要区块单列堆叠
   ------------------------------------------------------------ */
@media screen and (max-width: 1024px) {

	/* ---- 顶部导航：汉堡菜单 ---- */
	.header { height: 60px; background-image: none !important; background-color: #ffffff;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .08); }
	.dhl { height: 60px; }
	.headerb { position: relative; }
	.headerbL { padding-top: 9px; }
	.headerbLogo { max-height: 42px; }
	.headerbLgp { display: none; }

	.mnavSwitch { display: none; }
	.mnavBtn { display: block; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%);
		transform: translateY(-50%); width: 44px; height: 44px; line-height: 44px; text-align: center;
		font-size: 24px; color: #333; cursor: pointer; z-index: 10001; }
	.headerbR { display: none; position: fixed; top: 60px; left: 0; right: 0; background: #fff;
		box-shadow: 0 6px 16px rgba(0, 0, 0, .12); padding: 4px 0 12px; z-index: 9998;
		max-height: 80vh; overflow-y: auto; }
	#mnavSwitch:checked ~ .headerbR { display: block; }
	.headerbR .headerbRa { float: none; display: block; padding: 13px 20px; margin: 0;
		font-size: 16px; color: #333; border-bottom: 1px solid #f2f2f2; }
	.headerbR .headerbRa:last-of-type { border-bottom: none; }
	.headerbR .bhyun01, .headerbR .bhyun02 { display: none; }
	.headerbR .change { float: none; width: auto; height: auto; text-align: left; padding: 10px 20px 2px; }
	.headerbR .change button { width: auto; height: auto; margin: 0 10px 0 0; padding: 6px 18px;
		border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; }

	/* ---- 首页 banner ---- */
	.gyhIbanner { height: 280px; }
	.gyhIbanner .swiper-slide { background-size: cover !important; }

	/* ---- 首页公司简介区：左右两栏堆叠 ---- */
	.gyhIa { padding: 25px 0 35px; }
	.gyhIab { margin-bottom: 35px; }
	.gyhIaba { float: none; width: 100%; padding-top: 0; }
	.gyhIabaimg { display: none; }
	.gyhIabab { height: auto; }
	.gyhIabb { float: none; width: 100%; margin-top: 20px; }
	.gyhIabbb { display: none; }

	/* ---- 首页联系/架构快速入口：两列堆叠 ---- */
	.gyhIaca { padding: 18px 16px; }
	.gyhIacaa, .gyhIacab { float: none; width: 100%; margin-bottom: 15px; }
	.gyhIacab { margin-bottom: 0; }
	.gyhIacaaa { width: 38%; height: auto; padding-bottom: 34%; background-size: cover !important; }
	.gyhIacaab { width: 62%; padding-left: 15px; }
	.gyhIacaabb { height: auto; }

	/* ---- 党建栏目：大图条 + 两条列表 堆叠 ---- */
	.gyhIb { padding: 30px 0 40px; }
	.gyhIba { margin-bottom: 25px; }
	.gyhIbba { height: auto; }
	.gyhibbaa { float: none; width: 100%; height: 0; padding-bottom: 60%; background-size: cover !important; }
	.gyhIbbab { float: none; width: 100%; padding: 20px 16px; }
	.gyhIbbab .gyhIabac { margin-bottom: 6px; }
	.gyhIbbba { float: none; width: 100%; margin-right: 0; margin-bottom: 14px; padding: 18px 16px; }
	.gyhIbbba:last-of-type { margin-bottom: 0; }

	/* ---- 新闻中心栏目 ---- */
	.gyhIc { padding: 30px 0 45px; }
	.gyhIcaa { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; }
	.gyhIcaa:last-of-type { margin-bottom: 0; }
	.gyhIcaaa { height: 0; padding-bottom: 58%; background-size: cover !important; }
	.gyhIcaae { margin-bottom: 22px; }

	/* ---- 底部 ---- */
	.footer { padding: 35px 0 30px; background-size: cover; }
	.footerab { margin-bottom: 20px; }
	.footeraba { width: 33.33%; line-height: 46px; font-size: 14px; }
	.footeraca { float: none; text-align: left; margin-top: 8px; }

	/* ---- 内页 banner / 子导航 ---- */
	.nybanner { height: 160px; background-size: cover; }
	.aboutaaaa { padding: 0 22px; line-height: 58px; font-size: 15px; }
	.aboutaaab { line-height: 58px; font-size: 13px; }

	/* ---- 关于我们页 ---- */
	.aboutbanew { padding: 30px 0 45px; }
	.aboutbaa { margin-bottom: 25px; }
	.aboutbaaaa { font-size: 20px; margin-bottom: 18px; }
	.aboutbaab { float: none; width: 100%; height: 210px; margin-bottom: 20px; }
	.aboutbac { height: 190px; background-size: cover; }
	.aboutbae { margin-bottom: 35px; }
	.aboutbaea { float: none; width: 100%; padding: 15px 0 0; }
	.aboutbaeaa { margin-bottom: 20px; }
	.aboutbaeb { float: none; width: 100%; height: 300px; }
	.aboutbaf { margin-bottom: 40px; }
	.aboutbaia { float: none; width: 100%; margin-bottom: 15px; }
	.aboutbaib { float: none; width: 100%; height: 160px; }

	/* ---- 党建列表 ---- */
	.partywork { margin-bottom: 30px; padding-bottom: 30px; }
	.partyworka { float: none; width: 100%; height: 0; padding-bottom: 60%; background-size: cover !important; }
	.partyworkb { float: none; width: 100%; padding-top: 20px; }
	.partyworkbb { margin-bottom: 25px; }
	.partyworkbc { margin-bottom: 30px; }
	.partyworkbottoma { float: none; width: 100%; margin-right: 0; margin-bottom: 25px; }
	.partyworkbottomatop { height: 210px; background-size: cover !important; }

	/* ---- 新闻列表 ---- */
	.newNya { padding: 20px 0 45px; }
	.newNyaaa { padding: 25px 0; }
	.newNyaaaa { width: 55px; }
	.newNyaaaaa { font-size: 40px; padding-top: 30px; }
	.newNyaaab { margin: 22px 18px 0; }
	.newNyaaac { float: none; width: auto; overflow: hidden; }
	.newNyaaaca { padding-top: 30px; font-size: 17px; }
	.newNyaaad { display: none; }

	/* ---- 通知公告列表 ---- */
	.announcementsa { padding: 10px 0 45px; }
	.announcementsaaa { float: none; width: 100%; padding: 25px 0; }
	.announcementsaaa:nth-of-type(odd) { padding-right: 0; }
	.announcementsaaa:nth-of-type(even) { padding-left: 0; }

	/* ---- 景区列表 ---- */
	.scenicspota { padding: 25px 0 40px; }
	.scenicspotaa { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; }
	.scenicspotaaa { height: 0; padding-bottom: 70%; background-size: cover !important; }

	/* ---- 游船详情列表 ---- */
	.cruisea { padding: 35px 0; }
	.cruiseaaa { margin-bottom: 22px; }
	.cruiseaab { height: auto; margin-bottom: 35px; }
	.cruiseaaba { float: none; width: 100%; height: auto; padding: 22px 18px; }
	.cruiseaaba1 { border-right: 0; border-left: 10px solid rgb(75, 79, 113); }
	.cruiseaabb { float: none; width: 100%; margin-top: 12px; }
	.cruiseaabb img { width: 100%; }

	/* ---- 详情页 ---- */
	.nyxiangq { padding: 30px 0; }
	.nyxiangqaa { padding-bottom: 30px; }
	.nyxiangqaaa { font-size: 17px; }
	.nyxiangqab { padding: 25px 0 40px; overflow-x: auto; }
	.nyxiangqab table { max-width: 100% !important; word-break: break-all; }
	.nyxiangqac { padding-top: 30px; }
	.nyxiangqaca { font-size: 14px; }
}

/* ------------------------------------------------------------
   ③ 768px 以下：手机竖屏精细化
   ------------------------------------------------------------ */
@media screen and (max-width: 768px) {

	.gyhIbanner { height: 220px; }

	/* 简介区 */
	.gyhIabaa { font-size: 18px; }
	.gyhIabab { font-size: 14px; }

	/* 联系/架构块内部堆叠 */
	.gyhIacaaa { width: 100%; height: 170px; padding-bottom: 0; background-size: cover !important; }
	.gyhIacaab { width: 100%; padding-left: 0; margin-top: 12px; }
	.gyhIacaaba { font-size: 21px; }

	/* 新闻行：日期块 + 内容（自适应宽） */
	.gyhIcaaeb { width: auto; padding-left: 15px; overflow: hidden; }
	.gyhIcaaeba, .gyhIcaaebb { white-space: normal; }
	.gyhIcaaebb { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

	/* 内页 */
	.nybanner { height: 130px; }
	.aboutaaaa { padding: 0 16px; line-height: 50px; font-size: 14px; }
	.aboutaaab { line-height: 50px; }

	/* 分页 */
	.page { margin: 15px 0; text-align: center; }
	.page span, .page a { padding: 4px 7px; margin-left: 3px; font-size: 13px; }

	/* 底部导航 2 列换行 */
	.footeraba { width: 50%; line-height: 42px; }
	.footerac { font-size: 13px; }
}

/* ------------------------------------------------------------
   ④ 480px 以下：小屏手机
   ------------------------------------------------------------ */
@media screen and (max-width: 480px) {

	.gyhIbanner { height: 190px; }
	.headerbLogo { max-height: 36px; }

	/* 组织架构/公司简介 图片高度再压 */
	.aboutbaab { height: 180px; }
	.aboutbac { height: 160px; }
	.partyworkbottomatop { height: 180px; }
	.cruiseaabaa { width: auto; padding: 0 12px; }

	/* 详情内容字号 */
	.nyxiangqab { font-size: 14px; line-height: 2; }
	.nyxiangqaaba { width: auto; height: 36px; line-height: 36px; padding: 0 18px; margin-bottom: 8px; }

	/* 联系方式行 */
	.gyhIacaabb br { display: none; }
}