@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;}

}