.map{padding:100px 0;}
.map .content{position:relative;}
.map .contact{width:400px;float:left;}
.map #mapwrap{height:500px;float:right;width:800px;}
.map .contact .item{padding:0 20px;display:flex;align-items:center;justify-content: flex-start;height:150px;background:#F7F7F7;border:1px solid #F7F7F7}
.map .contact .item + .item{margin-top:25px;}
.map .contact .item:hover{border-color:#EB6300}
.map .contact .item .info{padding-left:30px;color:#333;}
.map .contact .item .info p{font-size:18px;}
.map .contact .item .info strong{font-size:20px}

/*  */
.contact_form {padding:95px 0;background:#F7F7F7}
.contact_form .lm_head h3{font-size:44px;color:#333;font-weight:bold;}
.contact_form .lm_head p{font-size:20px;font-family: Arial;color:#bbb;margin:12px 0 0}
.contact_form p{margin:25px 0;color:#999999;font-size:16px;}
.contact_form form input{float:left;width:32%;height:80px;padding: 0 30px;background:#fff;border:1px solid #ddd;margin-bottom:20px;}
.contact_form form input + input{margin-left:2%;}
.contact_form form textarea{background:#fff;border:1px solid #ddd;width:100%;height:180px;padding:30px;margin-bottom:25px;}
.contact_form form button{font-size:18px;color:#fff;display:block;width:150px;height:52px;line-height:52px;border-radius:5px;background:#EB6300;cursor: pointer;}
@media (max-width:767px){
    .lm_head{padding:0 0 15px;}
    .contact_form .lm_head h3{font-size:24px;}
    .contact_form .lm_head p{font-size:20px;}
    /*  */
    .map{padding:30px 15px;}
    .map .contact{position:static;height:auto;width:100%;padding:0;}
    .map .contact .item{padding:0 20px;height:100px;}
    .map .contact .item + .item{margin-top:15px;}
    .map .contact .item .icon img{width:30px;}
    .map .contact .item .info{padding-left:15px;}
    .map .contact .item .info strong{font-size:18px;}
    .map #mapwrap{width:100%;height:300px;margin-top:15px;}
    /*  */
    /*  */
    .contact_form{padding:30px 15px;}
    .contact_form p{margin-top:0;font-size:14px;}
    .contact_form form input{width:100%;height:45px;padding:0 15px;}
    .contact_form form input + input{margin-left:0;}
    .contact_form form textarea{padding:15px;}
    .contact_form form button{width:100%;}
}
@media (max-width:991px) and (min-width:768px){
    .map{padding:50px 20px;}
    .map .content{width:100%;}
    .map .contact{position:static;height:auto;width:100%;padding:15px 0;}
    .map .contact .top{font-size:30px;}
    .map .contact .p1{font-size:18px;margin:10px 0;}
    .map #mapwrap{height:300px;width:100%;}
    /*  */
    .contact_form{padding:30px 20px;}
    .contact_form p{margin-top:0;font-size:14px;}
    .contact_form form input{width:100%;height:45px;padding:0 15px;}
    .contact_form form input + input{margin-left:0;}
    .contact_form form textarea{padding:15px;}
    .contact_form form button{width:100%;}
}
@media (max-width:1199px) and (min-width:992px){
    .map{padding:60px 30px}
    .map .contact{width:100%;display:flex;}
    .map .contact .item{width:32%;padding:0 15px;}
    .map .contact .item + .item{margin-left:2%;margin-top:0;}
    .map .contact .item .info strong{font-size:18px;}
    .map #mapwrap{margin-top:50px;width:100%;}
    /*  */
    .contact_form{padding:60px 30px;}
}
@media (min-width:1200px) and (max-width:1440px){
    .map .contact{width:450px;}
    .map #mapwrap{width:700px}
    .map .contact .item{padding:0 25px;}
    .map .contact .item .info strong{font-size:20px;}
}
@media (min-width:1441px) and (max-width:1639px){
    .map #mapwrap{width:900px;}
  
}