.ban_contact{ background:url(../images/ban_contact.jpg) no-repeat center top;   }
.ban span{  font-size:30px; height:300px; line-height:300px; color:#fff; padding-left:30px;}


.contact { padding: 30px 0;  }
.contact .lxleft{ float:left; background:#f5f5f5; width:60%; height:300px; padding:8% 3%;}
.contact .lxleft h4{ font-size:30px; padding-bottom:20px;}
.contact .lxleft p{ font-size:16px; line-height:22px; color:#666; }

.contact .lxright{ float:right; background:#0062bc; width:40%; height:300px; padding-top:35px;}
.contact .lxright p{ font-size:16px;padding-left:20%; line-height:22px; color:#fff; }
.contact .lxright a{ color:#fff; font-size:16px;}

@media (max-width:767px) {
.ban_contact{ background-size:100%; background:url(../images/banner01.jpg) no-repeat center top;    }
.ban span{ width:100%;  font-size:25px; height:150px; line-height:150px; color:#fff; text-align:center; display:block;  padding-left:0;}
.contact{ padding:0 15px; margin-top:30px; }	

.contact .lxleft{  background:#f5f5f5; width:100%; height:180px; padding:8% 5%; }
.contact .lxright{  background:#0062bc; width:100%; height:300px; padding:5% 5%; }
.contact .lxleft h4{ font-size:26px; padding-bottom:10px;}
.contact .lxright p{ font-size:16px;padding-left:0; line-height:22px; color:#fff; }


}


