body {
	background-color: #F3F3F3;
}

.hd_b {
	min-width: 1100px;
	height: 650px;
	background-image: url(../images/jbml_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.hd_center {
	width: 1100px;
	height: 100%;
	margin: auto;
}

.logo {
	margin-top: 44px;
}

.bt {
	margin: 84px 0 0 148px;
}

.xxgk_jj {
	margin: 50px auto 0 auto;
	padding: 0 30px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 20px;
	text-indent: 2em;
}

#center_con{
	width: 1100px;
	padding: 0 20px 20px 20px;
	margin: -85px auto 0 auto;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#center_con::before {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.al_content{
	margin-top: 24px;
}

.colum {
	margin-bottom: 14px;
	height: 56px;
	line-height: 56px;
	background-color: #e0f0ff;
}

.colum_name {
	float: left;
	padding: 0 35px;
	height: 100%;
	color: #FFFFFF;
	font-size: 20px;
	background-color: #0272C9;
	text-align: center;
	border-radius: 5px;
}

.bm_list{
	overflow: hidden;
}

.bm{
	float: left;
	margin: 12px 6px 0 6px;
	width: 220px;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 6px;
}
.bm:hover{color: #ff9797;border: 1px solid #ff9797}

@media screen and (max-width:768px) {
	body{
		width: 100%;
	}
	
	.hd_b{
		min-width: 100%;
		height: auto;
	}
	
	.hd_center{
		width: 100%;
	}
	
	.logo{
		width: 90%;
		margin: 0 5%;
	}
	
	.bt{
		width: 95%;
		margin: 40px 2.5% 0 2.5%;
	}
	
	#center_con{
		width: 100%;
		margin: 0 auto;
	}
	
	.bm {
	    width: 45%;
	    margin: 12px 2.5% 0 2.5%;
	}
}