/* =========================================================
 * 蝉花网 - 前端精修补充样式（不改变原有配色与版式）
 * 仅做：移动端响应式修复、图片防溢出、可读性增强
 * ========================================================= */

/* 图片在任何情况下不溢出容器 */
img {
	max-width: 100%;
}

/* 正文富文本中的图片自适应 */
.ArticlePressRelease-dek img,
.container_12 article img {
	max-width: 100%;
	height: auto;
}

/* ------- 小屏设备（手机）适配 ------- */
@media (max-width: 768px) {
	/* 960 网格在移动端降为流式布局 */
	.container_12 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0 12px;
		box-sizing: border-box;
	}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12 {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	/* 首页大banner标题字号收缩，防止溢出 */
	.banner-text h4 {
		font-size: 1.5em;
	}
	.banner-text p {
		font-size: 0.95em;
	}
	.banner {
		background-size: cover;
		background-position: center;
	}

	/* 图库缩略图移动端铺满一行 */
	.photos_thumb {
		width: 100% !important;
		height: auto !important;
	}

	/* 新闻详情页内容区留白收敛 */
	.ArticlePressRelease-content {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* 新闻列表右侧日期在手机端换行显示，避免挤压 */
	.container_12 p span[style*="float:right"],
	.container_12 p span[style*="float: right"] {
		float: none !important;
		display: block;
	}

	/* 销售网点页：地图与网点列表上下排列 */
	.con-jxs {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.con-jxs .maps {
		height: auto;
	}
	.con-jxs .maps .leftmap,
	.con-jxs .maps .rightcontain {
		width: 100% !important;
		float: none;
	}
	.con-jxs .maps .rightcontain .addresslist {
		height: 260px !important;
	}

	/* 联系我们页地图 */
	#allmap {
		width: 100% !important;
		height: 320px !important;
	}

	/* 页脚文字不溢出 */
	.footer .container {
		padding: 0 12px;
	}
}

/* ------- 平板适配 ------- */
@media (min-width: 769px) and (max-width: 1024px) {
	.container_12 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.con-jxs {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.con-jxs .maps .leftmap {
		width: 60%;
	}
	.con-jxs .maps .rightcontain {
		width: 38%;
	}
}