body{ background: #eff8ff url(../images/bg.jpg) center top; background-size: 100%;}
.w600{ width: 600px; margin: 0 auto;  font-size: 16px;}
.bgwhite{ background: #fff;}
.QsBox{ padding-top:60px;}
.banner{ height: 180px; overflow: hidden;}
.part_1_box{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top:20px; padding-bottom: 60px;}
.formBox{ width: 90%; margin:0 auto 10px;}
.formBox p{ height:45px; line-height: 45px; padding: 6px 10px; display: flex;}
.formBox p input{ border:1px solid #f3f3f3; padding-left: 10px; background: #fff; border-radius: 5px; height: 40px; margin: 4px 0; flex: 1;}
.formBox p label{ padding-right: 10px; }


.part_2_box{ margin: 12px auto 0;}
.part_2_box .icon_box{ position: relative; z-index: 0;display: flex;}
.part_2_box .icon_box .icon_l{ position: absolute; z-index: 10; top: -37px; left: 40px; }
.part_2_box .icon_box .icon_r{ position: absolute; z-index: 10; top: -37px; right: 40px; }

.onlineBox{ margin-top: 32px;}
.tabox{ width:88%; margin:0 auto; padding-bottom: 10px;}
.tit_td{ line-height: 45px; color: #303030; padding:20px 0 5px;}
.wz_tr{ display: flex; flex-flow: wrap;}
.wz_tr li.wz_three{ width:26.4%;}
.wz_tr li{ width:50%;padding: 0 1.5%; line-height: 40px;}
.wz_tr li.lastLi{ float:left; width:100%;}
.wz_tr input.s11{ padding-left:5px; line-height:30px; height:30px; width:85%; background: #f3f3f3; }
.wz_tr textarea.s12{ padding-left:5px; line-height:25px; width:100%; background: #f3f3f3; border: 1px solid #e7e6e6;}

.dh{ display: block;}
.dh li{ width:100%;padding: 0 1.5%;}

.wz_select{ margin: 0 2%;}
.li_select { width: 100%;line-height: 40px; height: 40px; padding-left: 10px;  border: none;  border-radius: 4px;  background-color: #FFFFFF; border:1px solid #e4e4e4; font-size: 16px;}

.butDi{ width:170px;margin: 30px auto; padding-bottom: 30px;}
.butDi input{ width: 170px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; border: 0; cursor: pointer; border-radius: 20px; background:#0041c0;}
.butDi input:hover{ background:#01318e;}

.er_box{margin: 0 auto 50px;}
.er_box img{ width: 100%; }
/*------------*/
@media screen and (max-width:640px){
	img{ width:100%;}
	.w600{ width: 96vw; margin: 0 auto; font-size: 14px;}
	.QsBox{ padding-top:1em;}
	.banner{ height: auto; overflow: hidden;}
	.li_select { font-size: 14px;}
	.tit_td{ line-height: 1.5em; color: #303030; padding:20px 0 10px;}
	.wz_tr input.s11{ padding-left:5px; line-height:30px; height:30px; width:80%; background: #f3f3f3; }
	.tcKu{width:90%; top: 30%; left: 5%; font-size: 14px;}
	}
@media screen and (min-width:640px){
.tcKu{ width: 400px; font-size: 16px; top: 32%; left: 38%;}
	.tcKu h1{ font-size:16px;}
	}

.tBox{ background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: fixed; z-index: 10; top:0; left:0; width: 100%; height: 100%;}

.tcKu{ background: #fff; border-radius: 8px; text-align: center; position: absolute;}
.tcKu a{float:right; display: inline-block; margin: 10px 10px 0 0;}
.tcKu h1{ padding:2% 5%; margin: 0 auto 30px; line-height: 1.5em;}
.tcKu span{ width: 90%; margin: 0 auto;padding-bottom: 10px;display: block;}
.tcKu span img{ width: 100%; }