@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html{width: 100%; font-weight: normal;-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial; min-width:520px; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}






.mainmap{ overflow:hidden; position:relative;}
#container{ height:100%; width:100%;}


.map-box{ position: absolute;outline: 0; display:none;
    box-shadow: 0 8px 16px -4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 32px;
    z-index: 1;
    height: auto;
    padding: 24px 24px 100px 24px;
    left: 32px;
    width: 448px;
    margin-top: 0;}

.map-box .map-box-close{position: absolute; right: 16px; top: 16px; cursor:pointer;}	
.map-box .box-title{ font-size: 24px; font-weight:bold; color:#000000; line-height: 1.2;}
.map-box .box-sub-title{ margin-top:12px; font-size:16px; color: #4d4d4d; }
.map-box .box-sub-title	.no-cursive{ color: #000000; }

.box-info-container{ margin-top:24px;}
.box-info-container h3{ font-size: 18px; line-height: 24px; color: #a59483; font-weight:normal;}
.box-info-container	.box-text{font-weight: 400; color: #4d4d4d; text-transform: none; font-size: 16px; margin-top: 8px;}
.box-info-container	.box-text a{ font-weight:bold; color:#000;}
.box-info-container	.box-text a:hover{color: #a59483; }

.daohang{ width:120px; height:36px; text-align:center; line-height:36px; background:#a59483; color:#ffffff; display:block; border-radius:3px; margin-top:10px;}

.box-button{ background-color: #f5f5f5; position:absolute; bottom:0; left:0; width:100%;  padding: 20px 0;}
	
.box-button span{ margin-left:24px; cursor:pointer;  width:120px; height:36px; text-align:center; line-height:36px; background:#a59483; color:#ffffff; display:block; border-radius:3px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;}
	
#map-quote-box-container{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;background-color: rgba(0,0,0,.8); display:none;}

.map-quote-box{width: 448px;box-shadow: 0 8px 16px -4px rgba(0,0,0,.2); background-color: #fff; padding:24px 24px 110px 24px; top:50%; left:50%; margin-left:-224px; margin-top:-400px; position: fixed;}	
.map-box-close{position: absolute; cursor:pointer;  right: 16px; top: 16px;}

.box-title h3{     font-size: 24px;
    line-height: 28px;
    margin-top: 0; color:#000;}
.gform_body{ margin-top:10px;}
.gform_body ul{ overflow:hidden;}
.gform_body li{ float:left; width:100%;}	
.gform_body li span{ color:#4d4d4d; font-size:16px; line-height:40px; margin-top:10px; display:block;}
.gform_body li span i{ font-style:normal; font-size:14px; margin-left:5px; color:#cc0000; font-size:14px;}
.gform_body li p>input,.gform_body li select{background-color: #f4f2f0; height:48px; padding:0 16px; font-size:16px; width:100%;}
.gform_body li label { float:left; width:33.33%; cursor:pointer;}
.gform_body li label input{ margin-right:10px;}
.gform_body li textarea{background-color: #f4f2f0; height:100px; padding:10px 16px; font-size:16px; width:100%;}

.gform_footer{background-color: #f5f5f5; padding:24px; position:absolute; left:0; bottom:0; width:100%;}
.gform_footer input{cursor:pointer;  width:120px; height:36px; text-align:center; line-height:36px; background:#a59483; color:#ffffff; display:block; border-radius:3px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;}
	
@media screen and (max-width: 768px) {
.map-box{top: 20px; left:20px; padding: 15px 15px 80px 15px; width: 320px;}
.map-box .map-box-close{ right: 12px; top: 12px; width:25px; }	
.map-box .box-title{ font-size: 18px; }
.map-box .box-sub-title{ margin-top:10px; font-size:14px;  }

.box-info-container{ margin-top:20px;}
.box-info-container h3{ font-size: 16px; }
.box-info-container	.box-text{font-size: 14px; margin-top: 6px;}

.box-button{padding: 15px 0;}	
.box-button span{ margin-left:15px; }
	

.map-quote-box{width: 320px; padding:15px 15px 80px 15px; margin-left:-160px; margin-top:-250px; }	
.map-box-close{ right: 12px; top: 12px; width:25px;}

.box-title h3{font-size: 18px;line-height: 24px;}
.gform_body{ margin-top:5px;}
.gform_body li span{ font-size:14px; line-height:30px; margin-top:5px; }
.gform_body li p>input,.gform_body li select{ height:40px; padding:0 10px; font-size:14px; }

.gform_body li textarea{height:80px; padding:5px 10px; font-size:14px;}

.gform_footer{ padding:15px; }

	

}