.mains {
	width: 100%;
	height: auto;
	background-color: #f2f2f2;

	box-sizing: border-box;
	padding-bottom: 20px;
}

.main_nav {
	width: 100%;
	max-width: 83.3333vw;
	height: auto;
	padding: 10px 0 10px 0;
	margin: 0 auto;
}

.main_er {
	width: 100%;
	padding: 0vw 1.5625vw;
	background-color: #fff;
	max-width: 83.3333vw;
	margin: 0 auto;
	box-sizing: border-box;
}

.base_bdcnav_location i {
	font-size: 14px;
}

.nav_er {
	width: 100%;
	height: 98px;
	background-color: #fff;
}

.nav_er1 {
	width: 100%;
	height: 98px;
	padding: 0px;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #e6e6e6;
}

.nav_er_ul {
	width: 100%;
	height: 96px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0px;
}

.nav_er_li {
	width: auto;
	height: 42px;
	margin: 0 5px;
	border-radius: 21px;
}

.nav_er_li a {
	display: block;
	width: auto;
	height: 42px;
	padding: 0 20px;
	font-size: 18px;
	color: #555;
	line-height: 42px;
	text-align: left;
	margin: 0;
}

.nav_er_li:hover {
	height: 42px;
	background: #084c99;
}

.nav_er_li:hover a {
	color: #fff;
	font-weight: bold;
}
.nav_er_li.on:hover a{
	font-weight: bold;
}
.nav_er_li.on {
	height: 42px;
	background: #084c99;
	font-weight: bold;
}

.nav_er_li.on a {
	color: #fff;
	font-weight: normal;
}

.base_bdcnav {
	width: auto;
	height: 50px;
	margin: 0 0 0 0;
}

.base_bdcnav_location {
	font-size: 14px;
	color: #666666;
	line-height: 36px;
	float: left;
	margin-right: 0;
	padding-left: 25px;
	background: url(../images/dwxcb_14.png) no-repeat;
	background-position: left center;
	background-size: 14px 19px;
}

.base_bdcnav_location a {
	font-size: 14px;
	color: #666666;
	margin: 0 5px;
}

.base_bdcnav_location a:hover {
	font-size: 14px;
	color: #084c99;
}

.base_bdcnav_location_a_last-child {
	font-size: 16px;
	color: #084c99 !important;
}

.page {
	text-align: center;
}
.mobile-nav-btns{
	display: none;
}
@media screen and (max-width: 768px) {
	.main_er {
		padding: 10px 10px;
		min-width: 100%;
	}
	.main_nav{
		min-width: 100%;
		/* 基础规则里的 padding 是 10px 0 10px 0，那 10px 下边距会在蓝色标题条和白色主体之间
		   留一条灰缝。按用户要求去掉下边距，蓝条底边直接接住主体（拉通） */
		padding: 10px 0 0;
	}
	.base_bdcnav {
		height: 37px;
	}
	.base_bdcnav_location {
		/* 原 25px：图标墨迹正好压在 x=25，比下面蓝色标题条的 15px 内衬多出 10px，看着没对齐。
		   收到 15px，跟蓝条一套内衬。
		   （那句 background: url(dwxcb_14.png) 是死图，文件不存在，房子图标其实是
		   head.html 里 iconfont 的 <i> 画的，所以这 10px 是纯留白，缩了不会压到图标） */
		padding-left: 15px;
		/* 原 36px：span 是浮动在 .base_bdcnav 顶部的，字在行盒里居中，
		   行盒 36px → 墨迹中心落在 y=437.5，而灰带（410~456）中心是 433，
		   看上去就是往下坠的。28px 时墨迹中心 = 419.5 + 14 = 433.5，正好居中，整体上移 4px */
		line-height: 28px;
	}
	.mobile-nav-btns{
		width: 100%;
		/* 原 45px，之前放宽到 60px。现按 750 设计稿口径换 vw：60 ÷ 7.5 = 8vw，
		   750 宽时仍是 60px（九宫格图标 39px，上下各留 10px），手机上 30px */
		height: 8vw;
		background-color: #084c99;
		display: flex;
		justify-content: center;
		align-items: center;
		justify-content: space-between;
        padding: 0 2vw; /* 原 15px */
	}
	.mobile-nav-btns a{
		display: flex;
		justify-content: center;
	}
	.mobile-nav-btns p{
		display: block;
		color: #ffffff;
		/* 原 19px → 24px，现按 750 口径换 vw：24 ÷ 7.5 = 3.2vw */
		font-size: 3.2vw;
	}
	/* 两个图标原来靠 width/height:70% 定尺寸，但 70% 是相对 <a> 的宽度算的，
	   而 <a> 的宽度又是图片自己撑出来的 —— 循环依赖，百分比算不出来，浏览器
	   只好退回原图尺寸（48.png 18×32、47.png 39×39），所以这俩图标在任何屏宽
	   下都一样大，压根没自适应。改成写死的 vw：750 基准下与原渲染尺寸一致 */
	.mobile-nav-btns a[aria-label="返回"] img{
		width: 2.4vw;      /* 48.png 原图 18px 宽 */
		height: 4.2667vw;  /* 32px 高 */
	}
	.mobile-nav-btns a[aria-label="栏目菜单"] img{
		width: 5.2vw;      /* 47.png 原图 39px */
		height: 5.2vw;
	}
	.nav_er{
		display: none;
		height: auto;
		
	}
	.nav_er1 {
		height: auto;
	}
	.nav_er_ul{
		flex-flow: column;
		height: auto;
	}
	.nav_er_li{
		border-radius: 0;
		width: 100%;
	}
	.nav_er_li.on {
		height: 42px;
		background: #1382ff;
	}
	.nav_er_li:hover {
		height: 42px;
		color: #1382ff;
		background: none;
	}
	.nav_er_li:hover a {
		color: #555;
		font-weight: normal;
	}
	.nav_er_li a {
		font-size: 16px;
	}
	.page{
		margin-bottom: 15px;
	}
}