@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.messages_titile{ line-height:60px; font-size:20px; font-family:"微软雅黑"; margin-top:30px;}
.Gbook_b1{ width: 83.3%; margin: 4vw auto 0 auto; padding:30px 0 40px 0;}
.Gbook_b1 .name{width:31%;float:left; margin-bottom:20px;}
.Gbook_b1 .phone{width:31%; margin-left:3%;float:left; margin-bottom:20px;}
.Gbook_b1 .email{width:31%; margin-left:3%;float:left; margin-bottom:20px;}
.Gbook_b1 .company{width:100%;float:left; margin-bottom:20px;}
.Gbook_b1 .content{width:100%;float:left; margin-bottom:20px;margin: 0 0 20px;}
.Gbook_b1 .vcode{width:395px;float:left; }
.Gbook_b1 .vcode ul li:nth-child(2){float: right;}
.Gbook_b1 .vcode .InputV1{ width:280px;}
.Gbook_b1 .btn{width:31%;float:left; margin-left:2%; }

.InputV1{height:38px; width:100%;line-height:38px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;}
.InputV1:focus{border:1px solid #957555;background-color:#fff;}
.ButtonV1{height:40px;line-height:40px;padding:0 20px;background-color:#957555;color:#fff; font-size:16px; cursor:pointer; font-family:"微软雅黑";border: 0;}
.TextareaV1{line-height:150%;width: 100%;padding:10px;border:1px solid #ddd;background-color:#fafafa; resize:none;}
.TextareaV1:focus{border:1px solid #009c73;background-color:#fff;}

/*留言内容*/
.messPage { padding: 72px 0px 0 0;width:1200px; margin:0 auto; }
.messPage .inT { text-align: center; margin-bottom: 60px; }
.inT { font-size: 30px; color: #8f8f8f; line-height: 1.1;font-family:"微软雅黑"; }
.messdL { border: 1px solid #e5e5e5; padding: 13px 30px 3px; margin-bottom: 30px; }
.messdL .blue { font-size: 14px; }
.messdL dt .blue { margin-right: 24px; }
.messdL .c { padding: 8px 0px 12px; line-height:22px; color:#777; }
.messdL dd { border-top:dotted 1px #e8e8e8; padding-top: 12px; line-height:22px; }
.blue { color: #009c73; font-weight:bold; }
.InputV1, .TextareaV1{box-sizing:border-box;}

@media only screen and (max-width: 1024px){
.messages_titile{ width:92%; margin:0 auto;}
.Gbook_b1{ width:90%; margin:0 auto; padding:20px 0 40px 0; border-bottom: solid #e8e8e8 1px;}
.TextareaV1{width:98%}

.Gbook_b1 .vcode{ width:282px;}
.Gbook_b1 .vcode .InputV1{ width:180px;}
.Gbook_b1 .name{width:29%;float:left; margin-bottom:20px;}
.Gbook_b1 .phone{width:29%; margin-left:6%;float:left; margin-bottom:20px;}
.Gbook_b1 .email{width:29%; margin-left:6%;float:left; margin-bottom:20px;}
.messPage { padding: 50px 0px 0 0; width:92%;margin:0 auto;}
	}
@media only screen and (max-width: 640px){
.Gbook_b1{ width: 94.5%; }
.Gbook_b1 .company{width:98%;float:left; margin-bottom:8px;}
.Gbook_b1 .name{width:98%;float:left; margin-bottom:8px;}
.Gbook_b1 .phone{width:98%;float:left; margin-left:0; margin-bottom:8px;}
.Gbook_b1 .email{width:98%;float:left; margin-left:0;margin-bottom:8px;}
.Gbook_b1 .content{width:98%;float:left; margin-bottom:8px;}
.Gbook_b1 .btn{width:98%;float:left; margin-left:0; }
.Gbook_b1 .vcode{ width:98%;float:left;margin-left:0; margin-bottom:8px;}
.Gbook_b1 .vcode .InputV1{width: 100%;}
.Gbook_b1 .vcode ul li:nth-child(1){width: calc(100% - 110px);}

.InputV1,.TextareaV1{width: 100%;}
.messPage { padding: 50px 0px 0 0; width:92%;margin:0 auto;}
.messPage .inT { text-align: center; margin-bottom:40px; }
.messdL { border: 1px solid #e5e5e5; padding: 13px 20px 3px; margin-bottom: 15px; }
	}