.contact{
	overflow: hidden;
	padding: .5rem 0 1rem;
}

.map_box{
	overflow: hidden;
}
.map_box .left{
	width: 50%;
	float: left;
}
.map_box .left h3{
	color: #1769bd;
	font-size: .2rem;
	margin: .4rem 0 .3rem;
}

.map_box .left ul li{
	margin-bottom: .3rem;
}
.map_box .left ul li h4{
	color: #1769bd;
	font-size: .16rem;
	margin: 0;
	display: inline-block;
}
.map_box .left ul li p{
	color: #323232;
	font-size: .16rem;
	margin: .05rem 0 0;
}
.map_box .left ul li img{
	display: inline-block;
	width: .33rem;
	height: .33rem;
	vertical-align: top;
	margin-right: .2rem;
}

#map{
	width: 50%;
	float: right;
	height: 3.8rem;
}


@media(max-width: 767px){
	.contact{
		padding: .4rem 0 .8rem;
	}
	.map_box{
		padding: .05rem 0 0;
	}
	.map_box .left,#map{
		width: 100%;
	}
	.map_box .left h3{
		font-size: .24rem;
		margin: 0 0 .3rem;
	}
	.map_box .left ul li img{
		width: .37rem;
		height: .37rem;
	}
	.map_box .left ul li h4,.map_box .left ul li p{
		font-size: .22rem;
		margin-top: 0;
	}
	.map_box .left ul li h4{
		width: 80%;
		line-height: .3rem;
	}
}