.contact {padding-bottom:60px;}
.contact .content{padding-top:60px;}
.contact .map{float:left;width:64%;height:330px;}
.contact .text{float:left;width:36%;height:330px;}
.contact .text{background:#647333;color:#fff;line-height:2.14;}
.contact .text h3{font-weight:normal;font-size:24px;line-height:1.5;padding-bottom:25px;}
.contact .text h3 span{text-transform: uppercase;display:block;font-size:15px;}
.contact .text .text01{padding:40px 0 0 45px;}
.contact2{background:#f4f4f4;padding:60px 0 100px;}
.contact2 .content{max-width:500px;margin:0 auto;padding-top:60px;}
.contact2 .content .item{background:#e0e0e0;padding:0 20px;margin-bottom:25px;position:relative;}
.contact2 .content .item input,.contact2 .content .item textarea{width:100%;height:34px;line-height:34px;border:0px;background:none;position:relative;z-index:2;}
.contact2 .content .item label{position:absolute;lefT:20px;top:0;line-height:34px;}
.contact2 .content .item textarea{height:120px;padding:5px 0;line-height:24px; resize: none;}
.contact2 .content a.but{display:block;text-align:center;height:34px;line-height:34px;color:#fff;background:#ccc;margin-top:30px;}
.contact2 .content a.but:hover{background:#647333;}
.anchorBL,.anchorTR{display:none;}
@media screen and (max-width:880px) {
.contact .content,.contact2 .content{padding-top:40px;}
.contact .map,.contact .text{float:none;width:100%;height:300px;}
.contact .text{height:auto;line-height:1.8;background:rgba(100,115,51,0.7);}
.contact .text h3{font-size:22px;padding-bottom:17px;}
.contact .text .text01{padding:17px 15px;text-align:center;}
}
@media screen and (max-width:640px) {
.contact {padding-bottom:40px;}
.contact .content,.contact2 .content{padding-top:30px;}
.contact .text h3{font-size:18px;padding-bottom:10px;}
.contact .text h3 span{font-size:12px;}
.contact .map{height:240px;}
.contact2{padding:60px 0 80px;}
.contact2 .content .item{padding:0 10px;margin-bottom:15px;}
.contact2 .content a.but{margin-top:20px;}
}
@media screen and (max-width:480px) {
.contact2{padding:40px 0 60px;}
}