@charset "utf-8";
/* CSS Document */
.header{
	width:100%;
	height:20px;
	border-bottom:1px solid #ccc;
	}
.preview{
	width:80px;
	height:20px;
	float:right;
	background:url(../images/head/dy.png) no-repeat;
	cursor:pointer;
	position:relative;
	z-index:99999;
	}
.helpcenter
{
    width:80px;
	height:20px;
	float:right;
	line-height:20px;	
 }
 .maillogin
{
    width:60px;
	height:20px;
	float:right;
	line-height:20px;	
 }
.preview_b{
	width:120px;
	height:120px;
	display:none;
	background:url(../images/head/code2.jpg) no-repeat;
    background-size:cover;
	position:absolute;
	left:50px;
	top:20px;
	z-index:999999;
	}
.top{
	width:100%;
	height:180px;
	font-size:12px;
	}
.left{
	width:200px;
	float:left;
	font-size:12px;
	}
.right{
	width:950px;
	float:right;
	font-size:12px;
	margin:0 0 0 50px;
    min-height:450px;
	}
.logo{
	float:left;
	width:450px;
	height:70px;
	margin:15px 0;
	}
.banner{
	width:100%;
	height:40px;
	background:url(../images/head/banner.png) repeat ;
	}
.banner ul{
	width:1200px;
	height:40px;
	margin:0 auto;
	}
.banner ul li{
	float:left;
	width:100px;
	height:35px;
	margin:5px 130px 0 0 ;
	text-align:center;
	line-height:35px;
	font-size:18px;
	color:#fff;
	border-radius: 10px 10px 0 0;
	position:relative;
	}
.banner ul li:hover a.aa{
	color:#f60;
	background:#fff;
	}
.banner ul li a.aa{
	border-radius: 10px 10px 0 0;
	width:100px;
	height:35px;
	color:#fff;
	display:block;
	}
.banner ul li a.aa:hover{
	color:#f60;
	background:#fff;
	}
.banner ul li.on a.aa{
	color:#f60;
	background:#fff;
	}
.banner ul li:hover .banner24{
	width:64px;
	height:27px;
	background:url(../Images/imagesss/banner24.png) no-repeat;
	position:absolute;
	left:-8;
	top:-10px;
	z-index:9999;
	}
.jt{
	width:20px;
	height:20px;
	background:url(../images/imagesss/jt.png);
	position:absolute;
	left:50px;
	top:25px;
	display:none;
	z-index:9999
	}
.k1,.k2,.k3,.k4,.k5{
	position:absolute;
	border:solid #ccc;
	border-width:1px 1px 1px;
	background:#FFF;
	z-index:9998;
	display:none;
	top:35px;
	border-radius:5px;
	*padding:0 0 20px 0;
	*border-radius:20px;
	}
.k1{
	display:none;
	}
.k2{
	left:0px;
	}
.k3{
	left:0px;
	}
.k4{
	left:0px;
	}
.k5{
	left:0px;
	}
.kkk{
	width:70px;
	height:90%;
	line-height:25px;
	border-right:1px solid #ccc;
	margin:10px 0;
	float:left;
	font-size:12px;
	overflow:hidden;
	text-align:left;
	padding:0 15px;
	}	
.kkk a.first{
	font-size:14px;
	font-weight:bold;
	color:#000;
	}
.k .last{
	border:0px;
	}
.top .content{
	width:100%;
	height:25px;
	border-bottom:1px solid #ccc;
	}
	
.top .content  ul{
	width:1200px;
	height:25px;
	margin:0 auto;
	background:#fff;
	}
.top .content ul li{
	height:25px;
	line-height:25px;
	text-align:center;
	float:left;
	margin:0 50px 0 0;
	}
	
/****************左部********************************/
.left_part{
	width:200px;
	padding:20px 0 100px 0;
	background:url(../images/imagesss/left_bg.png) repeat-y;
	}
.left_part ul{
	width:200px;
	}
.left_part ul li{
	width:167px;
	height:48px;
	font-size:16px;
	margin: 0 0 0 33px;
	border-bottom:1px #b6edf7 solid;
	line-height:50px;
	text-align:center;
	color:#000;
	cursor:pointer;
	}
.left_part ul li a{
	width:167px;
	height:48px;
	display:block;
	color:#000;
	}
.left_part ul li a:hover{
	background:url(../images/imagesss/a_hover.png) no-repeat #fff;
	color:#f60;
	}
.left_part ul li a.on{
	font-weight:bold;
	background:#fff;
	color:#f60;
	}
.r_title{
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	height:40px;
	color:#999999;
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
	}
.r_content{
	font-size:14px;
	}
/*****************/	
.r_content_company{
	line-height:30px;
	}
.r_content_company p{
	text-indent:2em;
	}
.r_content_culture p{
	line-height:50px;
	}
.r_content_contact{
	line-height:30px;
	padding:0 0 50px 0;
	}
.apply_left{
	float:left;
	width:100px;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	*margin:0 0 20px 0;
	font-weight:bold;
	text-align:right;
	}
.apply_right span{
	color:red;
	line-height:30px;
	width:10px;
	height:30px;
	line-height:30px;
	padding:0 10px;
	text-align:right;
	}
.c_pos{
	font-weight:bold;
	padding:0 0 0 10px;
	}
.c_pos1{
	padding:0 0 0 10px;
	}
.c_pos1 input{
	margin:0 50px 0 0 ;
	}
.telpos,.wipos,.netpos{
	text-indent:2em;
	background:#FFC;
	border:1px solid #F90;
	width:800px;
	display:none;
	}
.img_pos{
	width:350px;
	height:350px;
	float:left;
	}
.apply_right{
	float:left;
	width:300px;
	height:20px;
	line-height:20px;
	margin:0 10px 0 20px;
	*margin:0 10px 20px 0;
	}
.apply_right input{
	width:200px;
	height:25px;
	font-size:12px;
	}
.apply_right select{
	width:204px;
	height:25px;
	font-size:12px;
	}
.apply_right option{
	height:25px;
	line-height:25px;
	font-size:12px;
	}
.pos_submit{
	width:150px;
	height: 30px;
	display:block;
	margin: 10px auto 0;
	background: #f5aa2b;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 0;
	}
.news ul{
	margin:50px 0 0 ;
	width:950px;
	}	
.news ul li{
	margin:0 0  0 20px;
	height:30px;
	line-height:30px;
	width:750px;
	border-bottom:#ccc 1px solid;
	}
.news a{
	color:#333333;
	font-size:14px;
	}
.news a:hover{
	color:#f60;
	}
.news span{
	color:#ccc;
	margin:0 0 0 5px;
	font-size:12px;
	}

/*****************/
.partner_sort{
	margin:30px 0 0 ;
	}
.partner_sort li{
	width:120px;
	height:40px;
	margin:20px 10px 0  0;
	background-image:url(../images/combo.jpg);
	float:left;
	}
.cib{
	background-position: 0 0 ;
	}
.hxbank{
	background-position: 0 -35px ;
	}
.nhb{
	background-position: 0 -65px ;
	}
.news_detail_title	{
	width:100%;
	height:50px;
	font-size:24px;
	line-height:50px;
	text-align:center;
	}
.news_detail_other{
	text-align:center;
	font-size:12px;
	color:#666666;
	width:500px;
	margin:0 auto;
	}
.news_detail_content{
	text-indent:2em;
	}	
.card_ul{
	width:700px;
	height:525px;
	position:relative;
	z-index:999;
	}
.card_ul_left{
	width:350px;
	height:525px;
	position:absolute;
	left:0;
	z-index:9999;
	}	
.card_ul_right{
	width:350px;
	height:525px;
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
	}
.card_ul_left:hover{
	background:url(../images/navbtnsl.png) 20px center no-repeat; 
	}	
.card_ul_right:hover{
	background:url(../images/navbtnsr.png) 270px center no-repeat; 
	}
.card_ul li{
	width:700px;
	height:525px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:1000;
	}
.card_ul li.now{
	display:block;
	}
.safe_title{
	font-weight:bold;
	font-size:18px;
	padding:10px 0 10px 20px;
	line-height:30px;
	height:30px;
	}
.safe_content{
	font-size:14px;
	text-indent:2em;
	line-height:20px;
	margin:0 0 50px 0;
	padding:0 0 0 20px;
	}
.declare1 p{
	margin:0 0 10px 0;
	}
.declare1 img{
	margin:0 20px 0 0;
	}
.declare11{
	padding:0 0 0 10px;
	font-size:18px;
	line-height:30px;
	}
/******************************/	
.line{
	background:url(../images/footer.png) repeat-x;
	width:100%;
	height:20px;
	}
.footer{
	width:100%;
	height:200px;
	background:#ededed;
	}
.footer_content{
	margin:0 auto;
	padding:50px 0 0;
	text-align:center;
	width:1200px;
	font-size:12px;
	color:#666666;
	}
.footer_content p{
	line-height:30px;
	}
.footer_content p a{
	color:#666666;
	}
.footer_content p a:hover{
	color:#f60;
	}
.olink{
	width:700px;
	height:50px;
	margin:10px auto 0;
	}
.olink a{
	height:20px;
	float:left;
	display:block;
	margin:0 5px 0 0;
	}
	
.query-apply_input{
	width:200px;
	height:20px;
	line-height:20px;
	font-size:14px;
	float:left;
	}
.query-apply_submit{
	width:200px;
	height:25px;
	border:1px solid #F90;
	margin:20px 0 0 0;
	background: #f5aa2b;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	*line-height:20px;
	*border:0;
	}
.lable_input{
	background:#FF3;
	border:1px solid #F90;
	width:200px;
	height:22px;
	float:left;
	height:20px\9;
	margin:0 0 0 20px;
	color:#333333;
	text-align:center;
	line-height:20px;
	display:none;
	}
	
.clog
	{
	 width:950px;
	 margin:10px 10px 0 0;
	}
.log{
	width:100%;
	margin:5px 50px 20px 0;
	 float:left;
	}
.log ul li{
	height:46px;
	background:url(/images/imagesss/11.png) -30px -21px no-repeat;
	line-height:46px;
	padding:0 0 0 50px;
	color:#666666;
    width:400px;
	}
.log ul li.date_first{
	margin:0;
	height:30px;
	line-height:30px;
	color:#ff4500;
	background:none;
	padding:0;
	}
.log ul li.date{
	height:30px;
	line-height:30px;
	margin:0;
	color:#666666;
	background:none;
	padding:0;
	}
.log ul li.first{
	height:46px;
	background:url(/images/imagesss/11.png) -30px -88px no-repeat;
	color:#fff;
	}

	/* 该对象用户在IE下显示预览图片 */       
#pic_fake{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);       }       

/* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */  
#pic_size_fake{  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);  visibility:hidden;       }       
/* 该对象用户在FF下显示预览图片 */    
#pic{  width:300px; height:300px;  }
#pic1_fake{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);       }       

/* 该对象只用来在IE下获得图片的原始尺寸，无其它用途 */  
#pic1_size_fake{  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);  visibility:hidden;       }       
/* 该对象用户在FF下显示预览图片 */    
#pic1{  width:300px; height:300px;  }

.newsPage  a {
	margin: 0px 2px; padding: 0px 3px; border: 1px solid rgb(198, 198, 198); color: rgb(23, 23, 23); line-height: 16px; display: inline-block;
}
.newsPage  a:hover {
	background: rgb(52, 102, 153); color: rgb(255, 255, 255); text-decoration: none;
}
.newsPage  span {
	background: rgb(52, 102, 153); margin: 0px 2px; padding: 0px 3px; border: 1px solid rgb(52, 102, 153); color: rgb(255, 255, 255); line-height: 16px; display: inline-block; 
}

.main_tit { width:100%; margin:20px 0 10px 0; height:34px; background:url(/images/imagesss/main_tit_bg.gif) repeat-x; float:none }
.main_tit h2 { margin-left:5px; float:left; display:inline; background:#fff; border:1px solid #e2e2e2; border-bottom:none; height:33px; padding:0 55px; text-align:center; line-height:34px; font:bold 14px/34px "Microsoft YaHei"; color:#333; }

#star ul{margin:0;}

#star li{float:left;width:20px;cursor:pointer;text-indent:-9999px;background:url(/images/imagesss/star.png) no-repeat;}

#star li.on{background-position:0 -28px;}

.btn_o, .btn_g, input.btn_o, a.btn_g {display:inline-block;   background:url('/images/imagesss/button_bg.gif') repeat-x; 
height:27px; overflow:visible; border:1px solid #fe920c; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; line-height:27px; padding:0 15px; color:#fff; }
.btn_g, a.btn_g { background-position:0 -54px; border:1px solid #b3b3b3 }
.btn_o:hover, input.btn_o:hover { background-position:0 -27px }
.btn_g:hover, a.btn_g:hover { background-position:0 -81px }
.inp_text{ height:27px; border:1px solid #c4c4c4; line-height:27px; padding:0 0 0 5px; color:#333 }


/*retrievepassword*/
.r_title{
	margin-bottom: 19px;
	border-bottom: 2px solid #ddd;
	color: #333;
	font-size: 18px;
}
.stepall{
	width:1200px;
	height:30px;
	background:#ccc;
	}
.stepall li{
	width:300px;
	height:30px;
	float:left;
	font-size:14px;
	line-height:30px;
	text-align:center;
	color:#666;
	position:relative;
	}
#step2,#step3,#step4{
	margin:0 0 0 -15px;
	}
.stepall li div{
	float:left;
	}
.step_1{
	width:283px;
	height:30px;
	position:absolute;
	background:#ccc;
	top:0;
	left:0;
	z-index:1;
	}
.step_2{
	width:0;
	height:0;
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-left:15px #ccc solid;
	position:absolute;
	top:0;
	right:2px;
	z-index:3;
	}
.step_1_cur{
	background:#f60;
	color:#fff;
	}
.step_2_cur{
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-left:15px #f60 solid;
	}
.step_3{
	width:0;
	height:0;
	border-top:15px transparent solid;
	border-bottom:15px transparent solid;
	border-left:15px #fff solid;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	}
.step_content{
	width:1198px;
	height:450px;
	border:1px #fcfcfc solid;
	background:#ececec;
	margin:20px auto 0;
	position:relative;
	}
.step_content li{
	width:1198px;
	height:400px;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	padding:50px 0 0;
	}
.field{
	margin:0 0 30px 350px;
	height:30px;
	font-size:14px;
	}
.field label{
	width:60px;
	height:30px;
	line-height:40px;
	text-align:left;
	display:block;
	float:left;
	}
.field_span{
	background:#FFC;
	border:1px solid #FC6;
	color:#F00;
	height:30px;
	line-height:30px;
	text-align:left;
	display:block;
	float:left;
	margin:0 0 0 10px;
	padding:0 10px;
	}
.field input{
	width:200px;
	height:30px;
	display:block;
	float:left;
	margin:0 0 0 5px;
	}
.field img{
	display:block;
	margin:-2px 0 0 5px;
	float:left;
	}
.step_name{
	height:30px;
	line-height:40px;
	display:block;
	float:left;
	margin:0 0 0 5px;
	}
.field .step1_btn{
	width:200px;
	margin:0 0 0 65px;
	background: #f5aa2b;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url('/images/imagesss/button_bg.gif') repeat-x;
	background-position: 0 -18px;
	}
.field_verify{
	margin:0 0 20px 420px;
	}
.field .get_code_btn{
	width:100px;
	height:35px;
	}