/* map */
.map{ float: left; width: 100%; height: 100vh;}
.Content{ position: relative;}
.contact-info{ width: 4.5rem; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; box-sizing: border-box; padding: .3rem .5rem; background: rgba(255,255,255,.7); font-family: "Calibri";}
.contact-info h2{ width: 100%; float: left; font-weight: bold; margin-top: .1rem; line-height: .48rem; font-size: .28rem; font-family: 'TCCM',"puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;; text-transform: uppercase;}
.contact-info p{ font-size: .18rem; margin: 0; font-weight: normal; color: #666; line-height: .24rem;}
.contact-info ul{ width: 100%; float: left; margin: .1rem 0; font-size: 0;}
.contact-info ul li{ width: 50%; float: left; margin: .1rem 0;}
.contact-info ul li span{ font-size: .16rem; display: block;}
.contact-info ul li a{ color: #000;}
.contact-info ul li:nth-last-child(1){ width: 100%;}
.contact-info form,
.contact-info form input{ width: 100%;}
.contact-info form input{ margin: .1rem 0; line-height: .36rem; box-sizing: border-box; border: 1px solid #ccc; background: none; padding: 0 .15rem; font-size: .14rem;}
.contact-info form input.none{ display: none;}
.contact-info form textarea{ padding: .1rem .15rem; width: 100%; line-height: .24rem; box-sizing: border-box; border: 1px solid #ccc; background: none; font-size: .14rem; font-family: "Calibri";;}
.contact-info form button{ padding: .1rem .4rem; background: #004098 ; border: 1px solid #004098 ; margin-top: .1rem; text-transform: uppercase; color: #fff;}
.contact-info form button:hover{ opacity: .7;}
@media screen and (max-width: 734px){
    .map{ float: left; width: 100%; height: 40vh; }
    .contact-info{ width: 90vw; position: relative; top: 0; float: left; transform: translateY(0%); left: 5vw; box-sizing: border-box; padding: .2rem 0;}
}