.unlock{ width:100%;padding:0;position:relative;z-index:1;margin:0 auto; color: #000;}
.unlock input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px; }
.unlock input[type="checkbox"]:focus + label:before,.unlock input[type="checkbox"]:hover + label:before{border-color:#333;border-width:2px;border-radius:99em; }
.unlock input[type="checkbox"]:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(1);filter:brightness(1);}
.unlock input[type="checkbox"] + label{position:relative;padding:10px;padding-left:35px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:0;}
.unlock input[type="checkbox"] + label:before{box-sizing:content-box;content:'';color:#333;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-12px; border:2px solid #998a59;border-radius:99em; text-align:left;}
.unlock input[type="checkbox"] + label:after{box-sizing:content-box;content:'';background-color:#f4db6b;position:absolute;top:50%;left:4px;width:22px;height:22px;border-radius:99em; margin-top:-11px; -webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;}
.unlock input[type="checkbox"] + label:after{background-color:transparent;top:50%;left:5px;width:0px;height:0px;margin-top:-7px;border-style:solid;border-color:#c8a402;border-width:7px;-o-border-image:none;border-image:none;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:none;transition:none;}
.unlock input[type="checkbox"]:checked + label:after{content:'';-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out}
.send{cursor:pointer;}

.sendline{float:left;width:100%; padding:0; margin: 0;}
.lock{float:left;width:100%; margin:0;font-size:15px; }
.unlock{width:100%;padding:0 0 0 10px;position:relative;z-index:1;margin:0 0 25px 0;}
.consult-wrapper{width:100%; float: left; margin:170px 0 100px;}
.consult-content{width:1300px; margin:0 auto;}
.cntitle{float:left;width:100%; font-size:56px;font-weight:400; color: #555}
.sidrbar-left{width:100%;float: left;margin-bottom:80px; line-height: 2em;font-size: 16px;letter-spacing: 0.1em}
.sidrbar-right{width:100%;float: left;}
.textareabox{width:100%; height:120px;padding:8px 12px; border:1px solid #999;font-size: 15px; box-sizing:border-box;border-radius:0; background-color:transparent;color:#000 !important; line-height:1.5em;}
.cn-subtitle{width:100%; margin:0 0 80px; font-size:17px;font-weight:500;text-align: center}  
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:150px;text-align:center; margin:0 auto 0 0;position: relative}
.send-mail{width:100%;font-size: 16px; padding:12px 0; line-height: 1.4em;text-align:center; margin:0;background-color:#333;border-radius:99em;display: block; text-decoration: none;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;cursor: pointer;color:#fff;border: 0;}
  .send-mail:hover {color: #fff; background:#c8a402;}
.form-row{width:100%;float: left; margin:0;}
.messagebox{float:left;width:100%; margin:10px 0 20px;}
.forms-dtitle{width:100%;float:left; margin:0 0 5px; line-height: 34px;font-weight: 500}
.forms-dtitle span{color:#e70012; }
.message{float:left;width:100%; margin:0;}
.sideright-stx{width:100%; float:left;font-size:14px;margin-bottom: 20px;letter-spacing: 0.1em}
.topwrap{width:100%;float:left;position: relative}
.consult-top{width:50%;float:left;margin:0 8% 60px 0;position: relative}
.consult-top img{max-width:100%;height: auto; }
.consult-top .time{width:100%;position:absolute;right:0; bottom:40px;font-size:14px;padding-right: 50px; color: #fff;text-align: right;font-weight:500;text-shadow:0px 1px 1px #4d4d4d;}
.top-right{width:42%;position: absolute;top:40%;right: 0;transform: translate(0, -50%);}
.cn-address{width:50%; float: left; line-height:1.8em;font-size:19px;text-align: center;}
.cn-address a{text-decoration: underline;text-underline-offset:10px;text-decoration-thickness: 1px;}
.cn-address span{font-size:30px;font-weight: 500; color: #000;line-height: 2em;}
.cn-address a:hover{color:#c8a402;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.cn-address i{font-size:18px;color: #777;}
.consult-botom{width:100%; float: left;padding:90px 0; background-color: #fff}
.botom-content{width:1200px; margin:0 auto;}
.formsbox{width:100%; float: left; margin:0;font-size: 15px;}
.formrow{width: 100%;float: left;}
.forms-a{float:left; width:47%; margin:0 3% 20px 0}
.forms-a input:focus{border-style:solid;border-bottom:1px solid #876800;border-top:none;border-left:none;border-right:none;outline: none;}
.forms-b{float:left; width:47%; margin:0 0 20px 3%}
.forms-title{width:18%;float:left; margin:0 1% 0 0; line-height: 34px;font-weight: 500}
.forms-table{width:81%;float:left; margin:0;}
.timebox{width:81%; float:left;}
.timebox ul{margin:0; padding:0; list-style:none; } 
.timebox li{ width:auto; float: left; margin:0 30px 0 0; padding:0;line-height:32px; font-size: 15px;}
.red{color:#e70012; }
.tableinfo{width:100%; height:32px; padding:10px 12px; border-bottom:1px solid #999;border-top:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;font-size: 15px; box-sizing:border-box;border-radius:0; background-color:transparent;color:#000 !important; line-height:30px;}

.inquiredname{float:left; width:100%;margin:10px 0 20px}
.consult-time{float:left; width:91%;}
.consult-time ul{margin:0; padding:0; list-style:none; } 
.consult-time li{width:auto;margin:0 30px 0 0; display: inline-block; line-height:34px;}
.consult-time li input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.inforspace{width:100px; height:30px; padding:5px; margin:0 10px;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;box-sizing:border-box; background-color:transparent;border-radius:0;}
.time-tag{width:8.5%;float:left; margin:0 .5% 0 0; line-height:34px;font-weight: 500}
.address-tag{width:8.5%;float:left; margin:0 .5% 0 0; line-height:34px;font-weight: 500}
.space-tag{width:100%;float:left; margin:0 0 10px; line-height:34px;font-weight: 500}
.inqitem{float:left; width:100%;margin:10px 0 20px}
.building{float:left; width:91%;margin:0;}
.building input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.buildingitem{ width: auto; float: left; margin: 0 15px 0 0;line-height:34px;}
.baseinfo{float:left; width:90%;}
.baseinfo ul{margin:0; padding:0; list-style:none; } 
.baseinfo li{width:auto;margin:0 25px 10px 0; display: inline-block; line-height:34px;}
.inforbuilding{width:200px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;box-sizing:border-box; background-color:transparent;border-radius:0;}
.infor2{width:120px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;box-sizing:border-box; background-color:transparent;border-radius:0;}
.infor-address{width:380px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;box-sizing:border-box; background-color:transparent;border-radius:0;}
.spaceinfo{width:100%;float:left; }
.spaceinfo ul{margin:0; padding:0; list-style:none; } 
.spaceinfo li{width:auto;margin:0 25px 10px 0; display: inline-block; line-height:34px;}

@media screen and (max-width: 1600px) {
.consult-wrapper{margin:160px 0 80px;}
.consult-content{width:1160px;}
.botom-content{width:1160px;}
}
@media screen and (max-width: 1200px) {
.consult-wrapper{margin:130px 0 70px;}
.consult-content{width:86%;}
.consult-botom{padding:70px 0}
.botom-content{width:86%;}
.cntitle{font-size:50px}
.consult-top{width:50%;margin:0 7% 40px 0;}
.top-right{width:43%;position: absolute;top:40%;right: 0;transform: translate(0, -50%);}
.sidrbar-left{margin-bottom:60px;}
.infor-address{width:350px; height:30px; padding:5px; }
.buildingitem{margin: 0 15px 15px 0;}
}
@media screen and (max-width: 980px) {
.consult-wrapper{margin:110px 0 50px;}
.consult-content{width:90%;}
.botom-content{width:90%;}
.sideright-stx{margin-bottom:15px}
.cntitle{font-size:36px}
.textareabox{height:90px;}
.unlock{margin:0 0 25px 0;}
.consult-top .time{position:absolute;right:0; bottom:25px;padding-right: 30px;}
.sidrbar-left{margin-bottom:40px;}
.consult-botom{padding:50px 0}
.cn-address{font-size:18px;}
.cn-address span{font-size:26px;}
.cn-subtitle{margin:0 0 45px;} 
.time-tag{width:100%;margin:0 0 5px 0;}
.address-tag{width:100%;margin:0 0 5px 0;}
.building{width:100%;margin:0;}
.forms-title{width:21%;margin:0 1% 0 0; }
.forms-table{width:78%;}
.timebox{width:78%;}
.consult-time{width:100%;}
.baseinfo{width:100%;}
}
@media screen and (max-width: 767px) {
.consult-wrapper{margin:80px 0 10px}
.sideright-stx{margin-bottom:10px}
.messagebox{margin:10px 0 20px;}
.textareabox{height:100px;}
.unlock{margin:0 0 15px 0;}
.send {width:120px;}
.consult-top{width:100%;margin:0 0 15px}
.top-right{width:90%; margin: 0 5%; position:static;transform: translate(0, 0);}
.cntitle{font-size:30px;margin-bottom:30px}
.sidrbar-left{margin-bottom:10px; line-height: 1.8em}
.cn-address{width: 100%; margin-bottom:35px}
.cn-address span{font-size:22px;}
.consult-botom{padding:30px 0}
.cn-subtitle{margin:0 0 25px;text-align: left} 
.forms-a{width:100%; margin:0 0 10px 0}
.forms-b{width:100%; margin:0 0 10px 0}
.inquiredname{margin:10px 0 10px}
.inqitem{margin:10px 0 10px}
}

div.text-warning{margin: 2px 0 -10px 0;color: #c14948;font-size: 15px;display:block;padding: 0;}
span.text-warning{margin: 2px 0px 0px 0px;color: #c14948;font-size: 15px;padding:0;}
.hidden-input {opacity: 0;position: absolute;z-index: -1;}
input[type=checkbox]+span {display: inline-block;height: 13px;width: 13px;border-radius: 50px; margin:0 5px 0 0;background-color: #ffffff; border: 1px solid #999}
input[type=checkbox]:checked+span {background-color:#333;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color: #999999;}
input::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder {color: #999999;}
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} 
input:-webkit-autofill,textarea:-webkit-autofill,
select:-webkit-autofill {background-color: transparent!important;background-image: none !important;-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; border-bottom:1px solid #999; border-top: none;border-left: none;border-right: none;outline: none}
input:-webkit-autofill{-webkit-text-fill-color:#333;}
textarea::-webkit-input-placeholder {color:#999999;}
textarea:-moz-placeholder {color: #999999;}
textarea::-moz-placeholder {color: #999999;}
textarea:-ms-input-placeholder {color: #999999;}
textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  } 
textarea:-webkit-autofill{-webkit-text-fill-color:#333;}
textarea{resize:vertical;}