html,body{
	height:100%;
	background-color: #f5f5f5;
}
.width_box{
	width:1200px; margin:0 auto;
}


/*header*/
#header{
	position: relative;
	height:80px; width:100%;
	background-color: #fff;
	border-bottom: 2px solid #e1e1e1;
}
#header .width_box{height:80px;}
img.logo{
	height:40px; margin-top: 20px;
}
ul.top_nav{
	margin-left: 50px; 
}
ul.top_nav>li{
	float: left; margin-right: 20px;
	height:80px; line-height: 80px;
	text-align: center;
	position: relative; 
}
#header ul.top_nav>li>a{ 
	height:100%; display: block;
	color:#333; font-size: 16px;
	padding:0 16px;
	border:2px solid transparent;
	border-right-width:1px;
	border-left-width:1px;   
	position: relative; z-index: 11;
}
#header ul.top_nav>li a.xiala{
	background:url(../images/xiala.png) no-repeat 82px center;
	/*padding:6px 20px 6px 16px;*/
}
#header ul.top_nav>li:hover .underList{
	display: block;
}
#header ul.top_nav>li .underList{
	display: none;
	position: absolute; top:70px ; left:50%;
	margin-left: -75px; border-radius: 10px;
	z-index:11; width:140px;
	white-space: nowrap;
	background-color: #fff;
	border:1px solid #dfdfdf;
	padding:8px 0;
}
#header .underList>i{
	position: absolute;
	top:-10px; left:50% ; margin-left: -2.5px;
	width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #FF9D01;
}
#header .underList li{
	height:34px; line-height: 34px;
	padding:0 10px;
}
.underList a{ color:#333; }
.underList a:hover{ color:#FF9D01;}
#header ul.top_nav>li.active>a, #header ul.top_nav>li.active:hover>a{
	 background-color: #FF9D01;
	 color:#fff;
}
#header ul.top_nav>li:hover>a{
	border-bottom: 3px solid #FF9D01;
	color:#FF9D01;
}
#header ul.top_nav>li:hover>a.xiala, #header ul.top_nav>li.active>a.xiala{
	border-top-color: #FF9D01;
	border-bottom-color: transparent;
	border-right-color:#dfdfdf; 
	border-left-color:#dfdfdf; 
	color:#FF9D01;
	background-color: #fff;
}
div.loginOrRegist{
	position: relative;
	height:80px; line-height: 80px;
}
div.loginOrRegist>a{
	border-left: 1px solid #e1e1e1;
	padding:0 10px;
}
#header div.loginOrRegist>a, #header div.loginOrRegist span{
	color: #FC9843; display: inline;
	font-size: 14px; 
}
#header .loginOrRegist .login li a{
	color:#666;
}
#header .loginOrRegist .login li:hover a{
	color:#FC9843;
}



/*loginBox*/
.midBox{
	width:100%; 
	position: relative;
}
.midBox>img{
	width:100%; min-height: 500px;
	min-width: 1200px; max-height: 655px;
}
.midBox>.loginLine{
	position: absolute; top:0; left:0;
	width:100%; height:100%;
}
.midBox .loginLine .width_box{
	height:100%; position: relative;
}
.midBox form{
	overflow: hidden; position: relative;
}
.midBox form .downImg{
	display: none;
	position: absolute; width:310px;
	top:20px; left:25px; background-color: #fff;
	padding-bottom: 30px;
}
.loginBox{
	position: absolute; right:30px; top:50%;
	background-color: #fff;
	border-radius: 5px; margin-top: -226px;
	width: 360px; height:452px;
}
.loginBox>p{
	height:60px; line-height: 60px; 
	font-size: 16px; padding-left: 20px;
	border-bottom:1px solid #cfcfcf;
}
.loginBox .inputItem{
	height:36px; margin-top: 20px;
	padding:0 25px;
}
.loginBox .inputItem input{
	border:1px solid #cfcfcf; border-radius: 5px;
	width:100%; padding-left: 40px;
	height:100%; line-height: 34px;
}
.inputItem input.phone{
	background:url(../images/denglu_@renwu.png) no-repeat 10px center;
}
.inputItem input.psd{
	background:url(../images/deng_@mima.png) no-repeat 10px center;
}
.loginBox .yzm input{
	width:220px; padding-left: 20px;
}
.loginBox .yzm img{
	width:86px; height:36px;
}
.loginBox .isAuto input{
	width:auto; height:auto; margin-right: 10px;
	padding-left: 0;
}

.loginBox .btnItem{
	height:36px; margin-bottom: 18px;
	padding:0 25px;
}
.loginBox button{
	width:100%; height:36px; font-size: 16px;
	cursor:pointer; border-radius: 5px;
}
.loginBox button.loginBtn{
	background-color: #19ab17; color:#fff;
}
.loginBox button.registBtn{
	background-color: #f2f2f2;
	border: 1px solid #e3e3e3;
}

div.downLoad {
	position: relative;
	height:60px; line-height: 60px;
	background-color: #f2f3f7;
	overflow: hidden;
}
div.downLoad button{
	overflow: hidden;
	display: block; 
	background-color: #cff6e1;
	border:1px solid #A1DE9F;
	height:38px; width:160px;
	font-size: 12px; line-height: 38px;
	margin:11px auto 0;
	border-radius: 38px;
}
div.downLoad button img{
	height:16px; width:10px; margin-top: 9px;
	vertical-align: top; margin-right: 5px;
}
div.downLoad>img{
	position: absolute; top:0; right:0;
	height:60px;
}

/*濠电偛顦崝宀勫船閿燂拷*/
#regist{
	background-color: #fff;
	padding:40px 0 30px; font-size: 14px;
}
#regist .width_box{
	padding:0 60px 40px; border:5px solid #dfdfdf;
	min-height: 560px;
}
#regist h3{
	font-size: 16px;
	height:50px; line-height: 50px;
}
.textStep{
	height:30px; line-height: 30px;
	font-size: 14px; color:#848484;
}
.textStep .span1{
	margin-left: 20px;
}
.textStep .span2{
	margin-left: 266px;
}
.textStep .span3{
	margin-left: 275px;
}
.bgStep{
	height:40px; width:1022px; margin:0 auto;
	background: url(../images/steps.png) no-repeat center center;
}
.bgStep1{
	background-position:0 -94px ;
}
.bgStep2{
	 background-position:0 -45px ;
	 margin-bottom:20px;
}
.bgStep3{
	 background-position:0 0 ;
}
#regist form div.resItem{
	height:36px; margin-top: 18px; font-size: 14px;
}
#regist div label{
	display: inline-block; text-align: right;
	height:100%; width:110px; line-height: 36px;
	margin-right: 10px; vertical-align: top;
}
#regist div label i{
	color:#f00; margin-right: 5px;
}
#regist div div.resItem input{
	height:100%; border:1px solid #ccc; line-height: 34px;
	vertical-align: top; width:300px; padding-left: 10px;
}
#regist div div.resItem>span{
	display: inline-block; margin-left: 5px;
	color:red; height:36px; line-height: 36px;
	font-family: "Helvetica Neue";
	font-size: 13px;
}
#regist .check{
	height:60px; line-height: 60px; font-size: 14px;
	padding-left: 33px;
}
#regist .check input{margin-right: 5px;  }
#regist div>button{
	background-color: #19ab17; color:#fff;
	width:300px; height:40px; border-radius: 5px;
	margin-left: 70px; font-size: 15px;
}
#regist form>button{
	background-color: #19ab17; color:#fff;
	width:300px; height:40px; border-radius: 5px;
	margin-left: 70px; font-size: 15px;
}
#regist .goLogin{
	width:420px; text-align: center; font-size: 13px;
	height:50px; line-height: 50px;
}

/*缂備焦顨忛崗娑氳姳閳轰緡娼伴柨鐕傛嫹*/
#regist form select{
	border:1px solid #ccc; width:300px; height:36px;
	line-height:24px; padding:6px 0 6px 10px;
	outline: none;
}
#regist form>button.next2{
	margin-left: 118px; margin-top: 25px;
}
#regist .goLogin2{
	width:480px;
}
/*缂備焦顨忛崗娑氱箔娴ｅ壊娼伴柨鐕傛嫹*/
.upImg{
	position: relative;
	display: inline-block;
	background-color:#eee; 
	width:90px; height:100px;
}
.upImg img{
	vertical-align: top; width:100%; height:100%;
}
.upImg input{
	position: absolute; top:0; left:0;
	width:100%; height:100%;
	outline: none;  z-index: 1;
	opacity: 0;
	filter:alpha(opacity=0);  
  /*This works in IE 8 & 9 too*/  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  /*IE4-IE9*/  
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.upImg2{
	position: relative;
	display: inline-block; 
	width:90px; height:110px;
	margin-right: 20px;
}
.upImg2 img{
	vertical-align: top; width:100%; height:80px;
}
.upImg2 input{
	position: absolute; top:0; left:0;
	width:100%; height:80px;
	outline: none;  z-index: 1;
	opacity: 0;
	filter:alpha(opacity=0);  
  /*This works in IE 8 & 9 too*/  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  /*IE4-IE9*/  
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.upImg2 p{
	height:30px; line-height: 30px; font-size: 12px;
}
.upImg2 p a:hover{
	color:#0376AF; text-decoration: underline;
}
.shiliBox{
	position: relative; margin-top: 20px;
}
.shiliBox>div.shili{
	position: absolute; top:-120px; right:60px;
	width:386px; display: none;
}
.shiliBox>div.shili img{width:100%;}
.shiliBox>div.shili p{
	text-align: center; line-height: 20px;
}

.upImg3{
	width:90px; height:80px;
}

.textTip{
	font-size: 12px; padding-left:125px;
	line-height: 20px; margin:10px 0;
	width:560px; color:#848484;
}
.regForm3>div>div{display: inline-block;}
.ksTel input{
	height:36px; line-height: 34px;
	border:1px solid #ccc;
	border-radius: 5px; text-align: center;
}
.ksTel .w1{width:80px;}
.ksTel .w2{width:150px;}
#regist form>button.next3{
	margin-left: 130px; margin-top: 20px;
}
/*缂備焦顨忛崜娆徝洪幘鎰佹桨闁跨噦鎷�*/
p.sqDone{
	height:60px; line-height: 60px;
	padding-left:25px; color:#848484;
}
p.sqDone img{
	width:30px; height:30px;
	margin-right:10px;
}
p.sqDone.color_y{
	color:#ff9d00;
	margin-top: 10px;
}


/*footer*/
.footer{
	background-color: #f5f5f5;
	font-size: 14px;
	padding-bottom: 10px;
}
.footer .width_box{
	background-color: #f5f5f5;
}
.footTop{
	padding:20px 0;
}
.footTop>div{
	float: left;
	margin-right: 60px;
}
.footTop>div>div{
	height:120px; color:#999;
}
.footTop h3{
	font-size: 16px;
	height:40px; line-height: 40px;
}
.footTop a{
	color:#999; font-size: 14px;
	white-space: nowrap
}
.footTop a:hover{
	color:#848484;
}
.footTop>div.hezuo{
	width:380px;
}
.footTop>div.contact{
	width:300px;
}
.footTop>div.hezuo a{
	float:left; margin-right: 12px;
	line-height: 24px;
}
.footTop>div.contact p{
	height:22px; line-height: 22px;
}
.footTop>div.guanzhu{
	width:170px;
}
.footTop>div.guanzhu p{
	width:97px; text-align: center;
	line-height: 24px
}
p.footBtm{
	color:#666; text-align: center;
}
p.footBtm a{
	color: #666;
}