.contact{margin:40px 0;background:url(../images/contact1.png) repeat-y center top} .lianxi{float:left;width:50%} .lianxi h1{font-size:20px;color:#1d5ae3} .lianxi div{line-height:36px;color:#464646} .form{float:left;padding:0 2%;width:46%} .form h2{font-size:20px;color:#1d5ae3} .form table{width:100%} .form table td{padding:12px 0} .form table .name{text-align:right;width:80px;font-size:15px} .form table td .text{width:100%;height:34px;line-height:34px;border:1px solid #d3d3d3;text-indent:6px} .form table td label{margin-right:8px} .form textarea{width:100%;height:90px;resize:none;border:1px solid #d3d3d3;outline:0} .form .btn{width:100%;height:38px;border:none;border-radius:5px;background:#e40203;font-size:18px;color:#fff;cursor:pointer} @media screen and (max-width: 768px){ .contact{padding:0 2%;margin:20px 0;background:0 0} .lianxi{float:none;width:auto} .form{margin-top:12px;border-top:1px dashed #ccc;float:none;padding:12px 0;width:auto} .form table td label{display:inline-block;margin:0 12px 12px 0} } #map{width:100%;height:500px} @media screen and (max-width: 768px){ #map{width:96%;margin:0 auto;height:280px} }