@charset "utf-8";
/* CSS Document */
ul{ margin:0; padding:0;}
ul li{ list-style:none;}
.formBox{ width:90%; margin:0 auto; overflow:hidden;}
.formBox .letter{ text-align:justify;}
.formBox .pInfo{ height:auto; margin:20px 0 0;}
.formBox .pInfo .contactInfo{ width:47%; margin-right:3%; margin-bottom:30px; float:left; overflow:hidden;}
.formBox .pInfo .contTop{ height:40px; line-height:40px; text-align:left; padding:0 10px; background-color:#eeeeee; overflow:hidden}
.formBox .pInfo .appointmentContent{width:47%; margin-left:3%; float:right; overflow:hidden;}
.formBox .pInfo .inp{margin-top: 30px;}
.formBox .pInfo .inp ul li{ margin-bottom:10px; position:relative;}
.formBox .pInfo .inp ul li .inpt{width:80%; height: 2.5rem; display:inline; background:#FFF;}
.formBox .pInfo .inp ul li #veriBox{ display:inline-block; width:80px; height:32px; border:1px solid #000;margin-top: 4px; position:absolute; top:1px; right:10px;}
.formBox .pInfo .inp ul li .seleInpt{width:70%; height: 2.5rem; display:inline; background:#FFF;}
.formBox .pSolution .tit{ padding:0 10px}
.formBox .pSolution .check{ width:30%;float:left; overflow:hidden;}
.formBox .pSolution .checkMiddle{ margin:0 5%;}
.formBox .pSolution .check .checkTop{ height:40px; line-height:40px; text-align:left;font-weight:bold;margin-top: 20px; padding:0 10px; background-color:#eeeeee; font-size:.75rem; overflow:hidden}
.formBox .pSolution .check .choose{ height:274px;margin-top: 20px; margin-bottom: 6px;padding: 0 4px;}
.formBox .pSolution .check .choose .choseT{text-align:left; font-weight:bold; margin-bottom:5px;}
.formBox .pSolution .choseTphone{width:40%;height: 240px;}
.formBox .pSolution .check .choose .checkBox{width:36px;height:25px; background:#FFF;margin-right:0; opacity: 1;appearance:normal;-webkit-appearance:normal; display:inline;float:inherit; vertical-align:middle;}
.formBox .pSolution .check .choose .checkBox span{ font-size:.95rem;}
.formBox .pSolution .check .choose .lineHeight{ line-height:35px;padding-left:0}
.formBox .pSolution .check .choose .lineHeight span{ font-size:14px;}
input[type="submit"]{width:110px;height: 45px; line-height:45px;text-align: center;margin-bottom: 20px;margin-left: 20px; background:#217fc4;color:#FFF !important; overflow:hidden;}
input[type="submit"]:hover{background:#217fc4;color:#FFF !important;}
@media screen and (max-width:1168px){
.formBox .pSolution .check .choose{ padding:0;}
}
@media screen and (min-width:725px) and (max-width:1019px){
.formBox .pInfo{ height:auto; margin:20px 5px 0;}
.formBox .pSolution .tit{ padding:0 18px}
.formBox .pInfo .inp ul li .inpt{width:70%;}
.formBox .pSolution .check{ width:45%; margin: 0 2%;}
.formBox .pInfo .inp ul li .seleInpt{width:55%;}
.formBox .pSolution .chooseTrade{ height:300px;}
.btn{ margin-left:22px}
}
@media screen and (max-width:725px){
.formBox{ width:100%;}
.formBox .letter{ padding:0 20px;}
.formBox .pSolution .tit{ padding:0 20px;}
.formBox .pInfo .contactInfo{ width:100%;}
.formBox .pInfo .contTop{ padding:0 20px;}
.formBox .pInfo .inp ul li{ padding:0 20px;}
.formBox .pInfo .appointmentContent{ width:100%; margin-bottom: 20px;}
.formBox .pSolution .check{ width:100%;}
.formBox .pSolution .checkMiddle{ margin:0; height:287px;}
.formBox .pSolution .chooseTrade{ height:260px;}
.formBox .pSolution .check .checkTop{ padding:0 20px;}
.formBox .pSolution .check .choose{ height:238px; padding:0 14px;}
.formBox .pSolution .check .choose .lineHeight span{ font-size:.8rem;}
.btn{ margin:0 auto 20px;}
}
@media screen and (max-width:460px){
.formBox .pInfo .inp ul li .inpt{width:70%;}
.formBox .pInfo .inp ul li .seleInpt{width:55%;}
}
@media screen and (max-width:360px){
.formBox .pSolution .choseTphone{height:260px;}
}