.contact-info{
	margin-bottom:19px;
}
.contact-title{
	font-size:30px;
	font-weight:bold;
	color:#333;
	margin-bottom:25px;
}
.tel-list li{
	font-size:16px;
	color:#555;
	line-height:24px;
	margin:12px 0;
}
#map{
	height:0;
	padding-bottom:42%;
	overflow:hidden;
	border-radius:5px;
	box-shadow: 0 5px 25px #ccc
}
.msg{
	background:#fff;
	box-shadow: 0 5px 25px #ccc;
	padding:8%;
}
.msg-title{
	font-size:24px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.msg-group{
	padding:0 10px;
}
.msg-group label{
	display:block;
	font-size:14px;
	color:#999;
	line-height:24px;
	font-weight:inherit;
}
.msg-group input,
.msg-group textarea{
	width:100%;
	padding:0 5px;
	background:#eee;
	color:#555;
	outline:none;
	border:1px solid #eee;
}
.msg-group input:focus,
.msg-group textarea:focus{
	border-color:#01aef0;
}
.msg-group input{
	height:40px;
	line-height:40px;
}
.msg-group textarea{
	resize:none;
	padding:5px;
	line-height:24px;
}
.msg-group .tip{
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#b50101;
}
.state{
	float:left;
	padding:9px 10px;
	line-height:22px;
	font-size:14px;
	color:#999;
}
.submit-btn{
	width:180px;
	height:40px;
	background:#01aef0;
	border:1px solid #01aef0;
	color:#fff;
	font-size:14px;
	float:right;
}

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

}

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

}

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

}

@media screen and (max-width:767px){
	.contact-title{font-size:20px;margin-bottom: 15px;}
	.msg{padding:4%;}
	.msg-title{font-size:20px;}
}

@media screen and (max-width:600px){
	#map{padding-bottom:90%;}
	.state,.submit-btn{float:none;}
	.state{text-align:center;}
	.submit-btn{display:block;margin:0 auto;}
}

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