/* CSS Document */
/*@Author:hf.tian
@Create Time: 2017-2-8 8:41
@Last Modified Time:*/

*,body{ margin:0 auto; padding: 0; border:none;  font-family: "Microsoft Yahei";  }
.btn a,.btn a:link,.btn a:active,.btn a:hover{ text-decoration: none; color: #ffffff;}
.main{width: 100%;height:640px; margin:0 auto;  text-align: center;  background:#6cbdff; }
.w1200{ width: 1100px; margin: 0 auto; }
.title{  height: 80px; line-height: 80px;  margin: 0 auto; font-size: 22pt; font-weight: bold; color: #062b3c;text-align:center; letter-spacing: 0.1em;}
.title img{ width: 38px; height: 36px; vertical-align: middle;  margin-right: 10px;}
	.img_box{
		float:left;
		margin:0 auto;
		padding-top:20px;
		margin-top:30px;
	}
	.form_box{
		float:right;
		width: 320px;
		height: 320px;
		vertical-align: middle;
		text-align: center;
		margin-top: 140px;
		padding:15px;
		border:0;
		font-size: 12pt;
		color: #707585;
		background: #f8fcff;
	-moz-box-shadow: 0px   5px 5px #498abf;/*//Firefox4.0-*/
	-webkit-box-shadow:0px 5px 5px #498abf;/*//Safariand Google chrome10.0-*/
	box-shadow:0px   5px 5px #498abf ;/*//Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9*/
	}
	.form-title{color: #354e87; font-size: 13pt;margin-left:10px; height: 10px; text-align: left;}
	.form-control{
		/*margin-right:15px;*/
		margin-top:15px;

	}
	.form-ma{width:212px; height:128px;border:#d6d6d6 1px ridge; padding: 10px; padding-bottom: 0px; }
	.form-ma_text{height:35px; line-height:35px;font-size: 10pt; color: black; }
	/*.a{
		background:url(images/btn1.png);
		border-style:hidden;
		width:236px;
		height:40px;
		margin-bottom:5px;
		margin-left:16px;
		cursor:pointer;
		outline:none;
		}*/
	.b{
		background:url(../images/user.png) no-repeat left center;
		width:242px;
		height:35px;
		border:#d6d6d6 1px ridge;
	    text-indent:20px;
		}
	.c{
		background:url(../images/password.png) no-repeat left center;
		width:242px;
		height:35px;
		border:#d6d6d6 1px ridge;
		text-indent:20px;
		}
	.img_box{
			position:absolute;
			/*left:-110px;*/
	}
	.btn{
		margin-top:50px;
		width:300px;
		height:40px;
		margin-bottom:15px;
		margin-left:10px;
		outline:none;
		border:none;
		cursor:pointer;
		color: #ffffff;
		font-size: 13pt;
		line-height: 36px;
		vertical-align: middle;
		background:url(../images/btn0.png);
	}
.btn:hover{
	display: block;
	width:300px;
	height:40px;;
	margin: 0 ;
	margin-left:10px;
	margin-top:50px;
	margin-bottom:15px;
	border:none;
	cursor:pointer;
	outline:none;
	background:url(../images/btn2.png);
	vertical-align: middle;
	text-decoration: none;

}

	.img_con{
			position:absolute;
			float:right;
			left:425px;
	}
.btn button[type='submit']{ border: none; background: none; letter-spacing: 1em; text-indent: 1em; color:#fff; font-size: 12pt; }
.footer_main{width: 100%;height:68px;/*height:118px;*/ line-height: 20px;border-bottom: 1px solid #7bc4ff; margin-top: 10px;font-size: 10pt;color:#879193;text-align: center;   }
.footer_txt{ width: 500px; margin: 0 auto;}
.footer_ewm{width: 200px; height: 200px;}
.footer_ewm img{width: 200px; height: 200px;}
.gf{width: 400px; height: 80px; text-align: left; margin: 0 ; padding: 0; text-indent: 0; letter-spacing: 0; margin-left: -1em;}
.erm_1{margin-left: 75px;    margin-right: 150px; border:1px solid #ccc; }
.ewm_2{ margin-left: 40px; }
p a {color:#879193; text-decoration: underline; cursor: pointer;}
p a:link,p a:active,p a:hover{color:#3182CB; text-decoration: underline; cursor: pointer;}
#ewm{ width:600px; height: 300px; float: left;margin: 5px; background-image: url("images/erweim.png");}



#mask_shadow {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}
#popup {
	display: none;
	opacity: 0;
	position: absolute;
	z-index: 2;
	top: 150px;
	width: 700px;
	height: 300px;
	/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
}
#popup .title {
	position: relative;
	width: 100%;
	height: 35px;
	background-color: #6CBDFF;
	cursor: move;
}
#popup .title p {
	font-size: 13pt;
	padding-left: 0px;
	font-weight: normal;
	line-height: 35px;
	color: #fff;
	letter-spacing: normal;
}
#popup .title span {
	position: absolute;
	top: -25px;
	right: 10px;
	width: 30px;
	height: 30px;
	color:#ffffff;
	opacity: .9;
	font-size: 21px;
	cursor: pointer;
	text-align: center;
	/*border: 1px solid #333;*/
}
#popup .title span:hover {
	opacity: .8;
}
#popup .cont { width: 100%; height: 300px; background-color: #ffffff;    }
#btn1 {
	margin: 30px;
}




/*纯css实现弹出遮罩

#Layer1 {
	margin: 0;
	padding: 0;
	height: 310px;
	width: 600px;
	*/
/*border: 1px solid #999;*//*

	z-index: 50;
	display: none;
	position: relative;
	background-color: #FFF;
}
#Layer1 #win_top {
	height: 30px;
	width: 600px;
*/
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;*//*

	line-height: 30px;
	color: #fff;
	background: #6CBDFF;
	font-family: "微软雅黑", Verdana, sans-serif, "宋体";
	font-weight: bold;
	text-indent: 1em;
}
#Layer1 #win_top a {
	float: right;
	margin-right: 5px;
}
#shade {
	background-color:#000;
	position:absolute;
	z-index:49;
	display:none;
	width:100%;
	height:100%;
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#Layer1 .content {
	*/
/*margin-top: 5px;*//*

*/
/*	margin-right: 30px;
	margin-left: 90px;*//*

}
#Layer1 a{ text-decoration: none;}

*/








.mt250{margin-top:250px; margin-bottom:50px;}
.mb25{ margin-bottom: 30px; }
.ml15{margin-left: 15px;}
.ml45{margin-left: 65px;}
.indet{margin-left:1em;}
