@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
::-webkit-input-placeholder {font-size: 14px;}
::-moz-placeholder {font-size: 14px;}
:-ms-input-placeholder {font-size: 14px;}
.InputV1, .TextareaV1{box-sizing:border-box;font-family: "寰蒋闆呴粦",'Microsoft YaHei',Arial,"瀹嬩綋";}
.Gbook_b1{box-sizing:border-box;}
.Gbook_b1 li{display: inline-block;line-height: 44px;}
.Gbook_b1 label{margin-right: 20px;float: left;width: 80px;}
.Gbook_b1 .name{width:31.3%;float:left; margin-bottom:20px;}
.Gbook_b1 .phone{width:31.3%; margin-left:3.05%;float:left; margin-bottom:20px;}
.Gbook_b1 .email{width:31.3%; margin-left:3.05%;float:left; margin-bottom:20px;}
.Gbook_b1 .company{width:31.3%; margin-left:3.05%;float:left; margin-bottom:20px;display: none;}
.Gbook_b1 .content{width:100%;float:left; margin-bottom:20px;margin: 0 0 20px;}
.Gbook_b1 .vcode{width: 100%;}
.Gbook_b1 .vcode ul{float: left;position: relative;width: 380px;max-width: 100%;}
.Gbook_b1 .vcode ul img{height: 42px;margin-right: 0;}
.Gbook_b1 .vcode ul li{display: block;}
.Gbook_b1 .vcode ul li:nth-child(2){float: right;position: absolute;right: 0;top: 0;height: 100%;width: auto;}
.Gbook_b1 .vcode .InputV1{width:100%;}
.Gbook_b1 .content textarea{min-height: 13em !important;}
.Gbook_b1 .content{min-height: auto !important;}
.Gbook_b1 .btn {width: 100%;display: block;margin-top: 1em;}

.main-box .tit:after{display: block;content: "";background:#e7333b;width: 1.5em;height: 4px;margin: 1em auto 0 auto;}
.main-box .tit span{font-size: 1.8vw;font-weight: normal;line-height: 1.2;display: block;}
.main-box .tit em{font-size: 12px;color: #ccc;}
.main-box .tit br{display: none;}

.InputV1,.TextareaV1{border: 1px solid #fff;background-color:#fff;width: 100%;color: #888;}
.InputV1{height:43px;line-height:43px;padding: 0 10px;}
.TextareaV1{line-height: 1.5;display: block;margin-right: 0; padding:10px; resize:none;}
.TextareaV1:focus{border-color:#e62129;}
.InputV1:focus{border-bottom-color:#e62129;}
.ButtonV1{display: block; line-height: 1.5;padding: 0.5em 1em; color:#fff;font-size:18px;width: 9em;border: none;background-color: #e62129;}

.ButtonV1:hover{background: #e62129;cursor: pointer;}

.Gbook_b1 .name, .Gbook_b1 .phone, .Gbook_b1 .email{position: relative;
    border: 1px solid #fff;
    padding-left: 2.1em;box-sizing: border-box;background: url(/images/ci1.png) #fff 0.5em center no-repeat;background-size: auto 40%;
}
.Gbook_b1 .name:after, .Gbook_b1 .phone:after, .Gbook_b1 .email:after{z-index: 1;
    content: "";display: block;width: 1px;background-color: #d3d3d3;position: absolute;left: 1.95em;top: 30%;bottom: 30%;
}
.Gbook_b1 .phone{background-image: url(/images/ci2.png);}
.Gbook_b1 .email{background-image: url(/images/ci3.png);}

@media screen and (max-width: 1024px){
    .InputV1, .TextareaV1{font-size: 16px;}

    .main-box .tit span{font-size: 22px;}
}
@media screen and (max-width: 640px){
    .InputV1, .TextareaV1{font-size: 3.8vw;}
    .Gbook_b1 li{width: 100% !important;margin: 0 0 2vw 0 !important;line-height: unset;}
    .Gbook_b1 label{font-size: 3.6vw;width: 6em;float: left;margin-right: 0;line-height: 9.3vw;height: 9.3vw;}
    .InputV1{line-height: 9.3vw;height: 9.3vw;padding: 0 2vw;display: block;}
    .TextareaV1{padding: 2vw;}
    
    .Gbook_b1 .vcode ul{position: relative;}
    .Gbook_b1 li.floatleft{margin: 0 !important;}
    .Gbook_b1 li.floatleft:last-child{position: absolute;right: 0;top: 0;width: auto !important;}
    .Gbook_b1 li.floatleft img{display: block;margin: 0;height: 100%;}
    .Gbook_b1 .vcode .InputV1{width: 100%;}

    .Gbook_b1 .content textarea {min-height: 11em !important;}

    .ButtonV1{font-size: 3.8vw;margin: 6vw auto 0 auto;}
}