/* ==================== 手机端公共样式（<= 767px） ==================== */
@media (max-width: 767px) {

	/* 页面容器 */
	body {
		max-width: 100%;
		min-width: 100%;
	}

	/* ==================== 顶部 Header ==================== */
	.zzlHeader {
		width: 100%;
		background-image: url('../images/top_bg_m_red.jpg');
		min-width: auto;
	}

	.zzlHeader > .cont {
		width: 100%;
		height: 70px;
	}

	.zzlHeader > .cont > a {
		background-image: url('../images/top_logo_m_red.png');
		background-position: left;
		width: 365px;
		height: 50px;
		margin-bottom: 0px;
	}

	/* ==================== 主导航菜单 ==================== */
	#zzlNav {
		max-width: 100%;
	}

	#zzlNav > .navbar {
		width: 100%;
		min-width: 100%;
	}

	#zzlNav > .navbar > .container-fluid {
		justify-content: flex-start;
	}

	#zzlNav > .navbar > .container-fluid > .navbar-toggler {
		border: none;
	}

	/* 移动端菜单按钮图标显示为白色 */
	#zzlNav > .navbar > .container-fluid > .navbar-toggler > .navbar-toggler-icon {
		filter: invert(1) brightness(2);
	}

	/* ==================== 面包屑导航 ==================== */
	.pos {
		max-width: 100%;
		min-width: 100%;
	}

	.pos > nav {
		width: 90%;
	}

	.pos > nav > .breadcrumb {
		width: 100%;
	}

	/* ==================== 底部 Footer ==================== */
	.bottom {
		height: auto;
		min-width: 370px;
	}

	.bottom > .bottomCont {
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}

	.bottom > .bottomCont > .bottomLeft {
		display: none;
	}

	.bottom > .bottomCont > .bottomMiddle {
		width: 100%;
	}
}