/* ============================================================
   mobile.css - 全站移动端（H5）响应式精细化增强（dcos 蓝 #007FFF）
   方案 A：在模板现有响应式基础上补充移动端体验优化，全站生效
   断点：992px（平板竖屏）/ 768px（手机）/ 480px（小屏手机）
   ============================================================ */

/* ---------- 平板竖屏及以下 ---------- */
@media screen and (max-width: 992px) {

	/* 表格横向滚动，避免挤压 */
	.table-responsive,
	.table-wrap,
	table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

	/* 多列卡片压缩为双列 */
	.pic-y .media,
	.honour .media { padding: 18px 12px; }

	/* 大标题缩小 */
	.title-big h2, .title_big h2 { font-size: 26px; }
	.title-c strong { font-size: 22px; }
}

/* ---------- 手机 ---------- */
@media screen and (max-width: 768px) {

	/* ===== 顶部导航 ===== */
	#pc-header .navbar { min-height: 52px; }
	#pc-header .logo img, #pc-header .navbar .logo img { max-height: 40px; width: auto; }
	#pc-header .navbar .container-layout { padding: 0 10px; }
	/* 汉堡菜单按钮区域加大，方便点击 */
	#pc-header .navbar .icon-navicon { padding: 8px 14px; font-size: 18px; color: #007FFF; }
	/* 展开后的导航菜单 */
	#pc-header .nav-navicon {
		position: static; width: 100%; background: #fff;
		box-shadow: 0 6px 16px rgba(0,127,255,.10);
	}
	#pc-header .nav-navicon > li { float: none; display: block; border-bottom: 1px solid #EAF3FF; }
	#pc-header .nav-navicon > li > a {
		display: block; padding: 12px 16px; font-size: 15px; color: #333; font-weight: 500;
	}
	#pc-header .nav-navicon > li.active > a { color: #007FFF; }
	#pc-header .nav-navicon .drop-menu {
		position: static; width: 100%; background: #F7FAFF;
		box-shadow: none; border-top: 1px solid #EAF3FF;
	}
	#pc-header .nav-navicon .drop-menu li a {
		display: block; padding: 10px 16px 10px 28px; font-size: 14px; color: #555;
	}
	#pc-header .nav-navicon .drop-menu li a.text-main { color: #007FFF; }

	/* ===== 通用间距与字号 ===== */
	.container-layout, .container { padding-left: 14px; padding-right: 14px; }
	h1 { font-size: 22px; }
	h2 { font-size: 19px; }
	h3 { font-size: 17px; }
	p, li, .text-middle { line-height: 1.8; }

	/* ===== Banner ===== */
	.banner-big { min-height: 180px; }
	.title_big { padding: 30px 0; }
	.title_big h2 { font-size: 24px; }

	/* ===== 卡片/列表 ===== */
	.pic-y .media { padding: 16px 10px; }
	.media-y .media-body strong { margin: 12px 0 24px 0; }

	/* ===== 按钮点击区加大 ===== */
	.btn, .button, .more, a.btn { padding: 10px 20px; min-height: 42px; }

	/* ===== 图片自适应 ===== */
	img { max-width: 100%; height: auto; }

	/* ===== 关于我们 图片/文字框 ===== */
	.advantage .pic { padding-right: 0; }
	.advantage .tit { position: static; width: 100%; margin-top: 18px; }

	/* ===== 底部 ===== */
	footer .container-layout { padding-left: 14px; padding-right: 14px; }
}

/* ---------- 小屏手机 ---------- */
@media screen and (max-width: 480px) {
	.title_big h2 { font-size: 21px; }
	.title-big h2, .title_big h2 { font-size: 21px; }
	.container-layout, .container { padding-left: 10px; padding-right: 10px; }
}