@charset "utf-8";
/* CSS Document */
.contact{ overflow: hidden; padding: 40px 0;}
.con_left{ width: 40%; overflow: hidden; float: left;}
.con_header{ width: 312px; height: 94px; background: #206eb7; color: #fff; margin-bottom: 30px;}
.con_header h1{ width: 100%; height: 94px; background: url(../images/con1.png) 50px center no-repeat; line-height: 94px; text-align: center; font-size: 30px; font-weight: normal;}
.con_left p{ color: #4c4948;  line-height: 24px; margin-bottom: 30px; font-size: 16px;}
.con_left p img{max-width:200px;}
.con_left p span{ display: block; margin-bottom: 10px;}
.con_left a{color:#0071bf;}
.con_right{ width: 60%; overflow: hidden; float: left;}
.con_right img{ margin-bottom: 10px;}

@media all and (max-width:768px){
	.contact{ padding: 40px 20px;}
	.con_left,.con_right{ width: 80%; margin: 0 auto; float: none;}
}
@media all and (max-width:425px){
	.con_left,.con_right{ width: 90%; margin: 0 auto; float: none;}
}
@media all and (max-width:375px){
	.con_left,.con_right{ width: 95%; margin: 0 auto; float: none;}
}