/*header 开始*/

.header_m {
	position: relative;
	width: 100%;
	display: none;
}

/* logo  开始*/
.logo_m {
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 15px;
	background-color: #3d7bca;

}

.logo_m a {
	display: flex;
	float: left;
    width: 300px;
    height: 52px;
}

.logo_m i {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
	background: url(../images/list.png) center center no-repeat;
	background-size: 90%;
}

/* logo  结束*/

/* search  开始*/
.search_m {
	position: absolute;
	z-index: 3;
	width: 100%;
	padding: 5px;
	background-color: #3d7bca;
}

.input-box_m {
	width: 95%;
	background: #FFFFFF;
	border: #999999 solid 1px;
	margin: 0px auto;
	border-radius: 45px;
}

.input-box_m .from-control_m {
	width: 85%;
	height: 30px;
	border: none;
	outline: none;
	margin-left: 20px;
}

.input-box_m .submit_m {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 20px;
	background: url("../images/ico11.png") center center no-repeat;
	border: none;
	outline: none;
}

/* search  结束*/
.footer_m {
	background-color: #f9f9f9;
	border-top: #3d7bca solid 5px;
	display: none;
	width: 100%;
	padding: 15px;
}

.footer_m p {
	color: #333;
	font-size: 14px;
	line-height: 25px;
}


/* logoAndSearch  结束 */

/* 顶部导航  开始*/
.top_nav_m {
	width: 100%;
	background: #F6F7FB;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-top: #3d7bca 1px solid;
	border-bottom: #3d7bca 1px solid;
}

.top_nav_m:after {
	width: 50px;
	height: 100%;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), #ECECEC 200%);
	/* 	border-top: #084c96 1px solid;
	border-bottom: #084c96 1px solid; */
}

.main_nav_m {
	width: auto;
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.main_nav_m::-webkit-scrollbar {
	display: none;
}

.main_nav_m li {
	flex: none;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
}

.main_nav_m li a {
	width: auto;
	float: left;
	line-height: 30px;
	padding: 5px 15px;
	display: block;
	font-size: 13px;
	color: #aaa;
	white-space: nowrap;
	font-weight: bold
}

.main_nav_m li a:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #3d7bca;
}

.main_nav_m .on {
	color: #3d7bca;
	font-weight: 600;
}

/* 顶部导航  结束*/

.masking {
	z-index: 2;
	width: 100%;
	display: none;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
}

.menu-m {
	position: fixed;
	top: 0;
	left: 15px;
	right: 15px;
	background-color: #f9f9f9;
	bottom: auto;
	transition: height 1s;
	overflow: hidden;
	padding: 0 20px;
	z-index: 100;
}

.menu-m>.title {
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 10px;
}

.menu-m>.list a {
	border-bottom: #E7E7E7 solid 1px;
	display: block;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
}

.menu-m>.list .active {
	background: rgba(23, 119, 203, 0.5);
	color: #FFFFFF;
}

.menu-btn-m {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/show.png) center center no-repeat;
	background-size: 100%;
}

.menu-btn-m.up {
	background: url(../images/hide.png) center center no-repeat !important;
	background-size: 100%;
}

.menu-list-m {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	transition: all 0.5s;
	overflow: hidden;
	background: #F9F9F9;
	z-index: 99;
}

.menu-list-m>div {
	margin: 15px 0;
	padding: 0 15px;
}

.menu-list-m a {
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 35px;
	font-size: 15px;
	color: #333333;
}

@media screen and (max-width: 960px) {

	*,
	*::before,
	*::after {
		box-sizing: border-box !important;
	}

	#Header,
	#Footer,
	#fixationId,
	#fixationId2,
	.pc-display {
		display: none !important;
	}

	.header_m,
	.footer_m {
		display: block;
	}

	body {
		background: none;
	}

	#Content {
		width: 100%;
		padding: 10px;
	}

	.part_1 {
		margin: 0;
	}

	.part_1 .left,
	.part_1 .right {
		width: 100%;
		float: none;
	}
        .part_1 .left{
height: 250px;
}
	.bt ul {
		display: flex;
		margin-top: 10px;
	}

	.bt ul li {
		width: auto;
		float: none;
		flex: 1;
	}

	#con-img {
		display: none;
	}

	.part_2 .cont .left {
		display: none;
	}

	.part_2 .cont .right {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		padding: 5px;
	}

	.part_3 {
		margin-top: 10px;
	}
.title .titleZ,
	.part_3 .title {
		display: none;
	}

	.part_3 .top ul {
		background: rgba(3, 169, 244, 0.4);
	}

	.part_3 .top ul li {
		background: none !important;
	}

	.part_3 .bottom {
		margin: 0;
	}

	.part_3 .bottom .tabs {
		width: 300%;
	}

	.part_3 .bottom .tabs>div {
		width: 33.33%;
	}

	.part_3 .bottom .tabs1 .left {
		display: none;
	}

	.part_3 .bottom .tabs1 .center {
		width: 100%;
		margin: 0;
		float: none;
	}

	.part_3 .bottom .tabs1 .right,
	.part_3 .bottom .jggk {
		width: 100%;
		float: none;
	}

	.part_3 .bottom .tabs2 .left,
	.part_3 .bottom .tabs3 .left,
	.part_3 .bottom .tabs2 .right,
	.part_3 .bottom .tabs3 .right {
		width: 100%;
		float: none;
	}

	.part_5 {
		display: none;
	}

	.roll {
		height: 90px;
	}

	#Content>.left {
		display: none;
	}

	#Content .right {
		width: 100%;
		height: auto;
		float: none;
	}

	.where {
		padding: 0 5px;
		height: auto;
		line-height: normal;
background: none;
	}

	#Content .right .text {
		padding: 0 5px;
		position: relative;
	}

	#Content .right .rightList {
		padding: 0 10px;
	}

	#Content .right .rightList ul li {
		padding-left: 0;
	}

	.page .item {
		display: block;
		height: auto;
	}

	.content {
		padding: 10px;
	}

	.content .page-date .source {
		display: block;
	}
.letter-btn{
    margin-right: 30px;
}
}