@charset "UTF-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
html { font-size: 14px; margin: 0 auto; }
body, textarea, select, input, button {color: #333; font-size: 14px;}
i, em { font-style: normal; }
ul { list-style: none; }
a, input, select, textarea { outline: none; blr: expression(this.onFocus=this.blur()); }
a, a img { border: 0 none; color: #343434; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: #fff}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
::-webkit-input-placeholder { color: #ccc; } 
:-moz-placeholder { color: #ccc; } 
::-moz-placeholder { color: #ccc; } 
:-ms-input-placeholder { color: #ccc; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.fl{float: left;}
.fr{float: right;}
html,body{height: 100%;}
.banner{height: 480px;margin: 0 auto;background:url(bj.jpg) no-repeat left top #dae7dd;}
.logo{width: 600px;margin: 10px 0;}
.content-layout{width: 1000px;margin:0 auto;position: relative;}
.flex{display: flex;align-items: center;}
.pos {flex: 1;margin-left: 10px;}
.pos select{border: 1px solid #ddd;padding: 4px;border-radius: 2px;margin-left: 4px;font-size: 12px;}
.tel img{width: 30px;}
.pos img{width:18px;}
.tel span{padding-right: 10px;font-weight: bold;color: #666;}
.m-con{
	position: absolute;
	padding: 15px 25px 20px;
	top: 80px;
	right:20px;
	width: 280px;
	background:#e7f7f4;
	height: 280px;	
	font-size: 12px;
	border-radius: 8px;
	overflow: hidden;
	
}
.u_tit{font-size: 16px;display: flex;line-height: 40px;margin-bottom: 30px;}
.u_tit span{padding:0 8px;margin-right: 10px;cursor: pointer;}
.u_tit span.active{border-bottom:3px solid #85c226;color: #85c226;}
.m-con .input-flex{
	height: 35px;
	position: relative;
	margin-top: 15px;
	display: flex;
	align-items: center;	
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 3px;
	padding: 0 5px;
}
.m-con .input-flex img{width: 18px;margin-right: 3px;}
.m-con .input-flex em{flex: 0 0 4em;}

.m-con input{background: transparent;width: 160px;border:0;}
.m-con .checkbox{margin-top: 22px;position: relative;padding-bottom: 20px;}
.m-con input[type="checkbox"]{width: 14px;height: 14px;border: 0;margin-right: 5px;vertical-align:middle;}
.m-con .btn{
	display: block;
	line-height: 35px;
	background: #85c226;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border-radius: 3px;
}
.m-con .txt{padding-top: 10px;}
.m-con .txt a{color: #e55011;display: inline-block;padding: 0 3px;}
p.error{color: #ffc000;position: absolute;top: 20px;}
.bottom{padding: 20px;}
.bottom p{text-align: center;font-size: 12px;color: #888;}