@charset "gb2312";
/* CSS Document */

body{margin:0;
     padding:0;
	 font-size:62.5%;
	 font-family:"微软雅黑","宋体";
	 color:#303030;
	 min-width:320px;
	 background:#FFFFFF;
	 }
article,aside,figcaption,figure,footer,header,hgroup,nav,section{
	display:block;
	}
a{
	text-decoration:none;
	color:#595959;
	cursor:pointer;}	
a:hover{
	color:#2861a6;}
li,ul,p,div,span,h4,img,a,h1{
	margin:0;
	padding:0;
	list-style:none;}	
img{
	border:none;}	
.spansmall{
	font-size:0.7em;}	
header{
	margin:auto;
	width:100%;
	background:#fafafa;
	border-bottom:#6174b3 4px solid;
	padding-top:20px;

	
	}
.header{
	margin:auto;
	width:960px;
	position:relative;
	height:80px;
	}

.header a.img{
	position:absolute;
	left:0;
	top:0;
	}
.header a.img img{
	width:100%;}	
			
.header span{
    display:block;
	width:98%;
	text-align:right;
	clear:both;
	margin-right:2%;
	font-size:1.2em;
	}

.header span a{
	text-decoration:none;
	color:#666666;}
.header span a:hover{
	color:#2861a6;}		
.navul{
	width:100%;
	text-align:right;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;

	}
.navul li{
	float:right;
	font-size:1.6em;
	margin:0 10px;	
	line-height:40px;
	position:relative;
	}
.heightaa{
	height:40px;
}	
.navul li a{
	display:block;	
	border-bottom:none;
	margin-bottom:-4px;
	padding:0 10px;
	line-height:40px;
	text-decoration:none;
	 color:#303030;
	}
.navul li a:hover{
	color:#2861a6;	
	border-bottom:#d6ad27 4px solid;
	cursor:pointer

	}	
.navul li a.cli{
	line-height:40px;
	color:#2861a6;
	margin-bottom:-4px;
	border-bottom:#d6ad27 4px solid;
	}
.navul li a.cli:hover{
	color:#2861a6;
	margin-bottom:0;
	cursor:pointer;
	}			
.navul li ul{
	float:left;
	width:100%;
	border-top:#d6ad27 4px solid;
	background:#042b5a;
	opacity:0.80;filter:alpha(opacity=80); 
	left:0;
	top:40px;
	color:#FFF;
	padding:10px 0;
	margin:0;
	position:absolute;
	z-index:1000;
	}
.navul li ul li{
	float:left;
	display:block;
	font-size:0.8em;
	width:100%;
	padding:0;	
	line-height:20px;
	margin:5px 0;
	text-align:center;
	}
.navul li ul li a{
	display:block;
	line-height:20px;
	color:#FFFFFF;}
.navul li ul li a{
	color:#fff;}			
.navul li ul li a:hover{
	background:none;
	color:#d6ad27;
	border:none;}
#banner{
	verticle-align:top;
	padding:0;
	margin:0;
	}	
#banner ul{
	padding:0;
	margin:0;
	background:#2861a6;
	}	
#banner ul li{
	padding:0;
	margin:0;
	margin:auto;
	width:960px;
	}

#banner ul li img{
	width:100%;
	vertical-align:bottom; 
	display:block
	margin:auto;}
	
#contentbox{
	width:960px;
	margin:auto;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	}
#contentboxb{
	width:960px;
	margin:auto;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	}
.company{
	padding:10px;
	border-radius:0 0 10px 10px;
	background:#e3e3e3;	
	overflow:hidden;
	_zoom:1;
	}
.company h4{
	float:left;
	width:75px;
	font-size:1.7em;
	color:#2861a6;
	line-height:1em;
	letter-spacing:1px;
	font-weight:normal;
	}
.company h4 span{
	color:#b7b7b7;}	
.company p{
	margin-left:80px;
	color:#73726d;
	font-size:1.2em;
	line-height:17px;
	margin-top:-2px;
	}
.company p a{
	color:#73726d;}	
.company p a:hover{
	color:#73726d;
	}	
.indexnews{
	float:left;
	width:26.25%;
	min-width:260px;
	}
.indexnews h4{
	background:url(../images/dt.png) no-repeat left 0px;
	padding-left:40px;
	height:30px;
	margin-top:30px;
	font-size:1.7em;
	line-height:1em;
	color:#575757;
	font-weight:normal;
	border-bottom:#d7d7d7 1px solid;
	padding-bottom:10px;
	margin-bottom:5px;}
.indexnews h4 span{
	color:#9a9a9a;
	letter-spacing:10px;}
.indexnews a{
	display:block;
	font-size:1.2em;
	line-height:23px;
	cursor:pointer;
	color:#73726d;
	text-decoration:none;
}
.indexnews a:hover{
	color:#3e6eac;}
.culture{
  float:left;
  margin:30px 30px 0 30px;
  width:26.25%;

	}
.culture h4{
	background:url(../images/wh.png) no-repeat left 0px;
	padding-left:40px;
	height:30px;
	font-size:1.7em;
	line-height:1em;
	color:#575757;
	font-weight:normal;
	border-bottom:#d7d7d7 1px solid;
	padding-bottom:10px;
	margin-bottom:5px;
	}
.culture  h4 span{
	text-transform:uppercase;
	color:#9a9a9a;
	}		
.culture a{
	display:block;
	background:url(../images/culture.png) no-repeat left center;
	font-size:1.2em;
	padding:10px;
	padding-left:80px;
	line-height:19px;
	vertical-align:central;
	color:#73726d;
	text-decoration:none;
	}
.culture a b{
	font-size:1.2em;
	font-weight:normal;}			
.indexbusiness {
	
	
	}	
.indexbusiness  h4{
	
	background:url(../images/yw.png) no-repeat left 0px;
	padding-left:40px;
	height:30px;
	margin-top:30px;
	font-size:1.7em;
	line-height:1em;
	color:#575757;
	border-bottom:#d7d7d7 1px solid;
	padding-bottom:10px;
	margin-bottom:5px;
	font-weight:normal;
	overflow:hidden;
	position:relative;}	

.indexbusiness h4 span{
	color:#9a9a9a;
	letter-spacing:1px;
	}
.indexproduct{
	
	overflow:hidden;
	_zoom:1;
	position:relative;}	
.indexproduct li{
	float:left;
	font-size:1.2em;
	width:25%;
	text-align:center;
	margin-top:10px;
    cursor:pointer;
	position:relative;
	color:#b2b2b2;}	
.indexproduct li img{
	border:none;
	}	
.indexproduct li span{
	z-index:3;
	position:absolute;
	text-align:center;
	bottom:10px;
	left:0;
	width:100%;
	cursor:pointer;
	font-size:1em;
	}
.indexproduct  li:hover{
	color:#ddb31d;}	
.indexproduct li.first{
	margin-left:0;}	
.indexproduct  li.last{
	margin-right:0;
	font-size:1.7em;
	color:#8f8f8f;
	}
.indexproduct  li.last span{
	bottom:13px;}
footer{
	width:100%;
	}	
.indexservice{
	width:100%;
	overflow:hidden;
	}
.indexservice ul{
	width:959px;
	margin:auto;
	border:#CCCCCC 1px solid;
	border-left:none;
	overflow:hidden;
	}	
.indexservice ul li{
	float:left;
	width:258px;	
	padding:20px 30px;
	border-left:#CCCCCC 1px solid;
	color:#6e6e6e;
	font-size:1.6em;
	}
.indexservice ul li img{
	verteral-align:middle;
	float:left;
	}	
.indexservice ul li span{
	display:inline-block;
	margin-left:20px;
	float:left;
	width:165px;
	height:100%;
	margin-top:20px;
	

	}
.indexservice ul li span b{
	font-size:1.2em;
	color:#3f78bc;
	font-weight:normal;}
/*合作银行*/	
.indexparbox{
	background:#e0e0e0;
	margin-top:30px;
	}		
.indexpar{
	padding:20px 0;
	width:960px;
	overflow:hidden;
	position:relative;
	margin:auto;

	}	
.icbc{
	float:left;
	width:70%;
	}
.icbc h4{
	font-size:1.2em;
	color:#4a4a4a;
	margin-bottom:10px;
	font-weight:normal;}
.icbc img{
	width:20px;
	margin:5px 10px 0 0;
	}	
.canonical{
	width:20%;
	float:right;
	}
.canonical h4{
	font-size:1.2em;
	color:#4a4a4a;
	margin-bottom:10px;
	font-weight:normal;
	}
.canonical img{
	width:30px;
	margin:2%;
	}
.adress{
	width:100%;
	
	background:#2861a6;
	padding:0;
	margin:0;
	color:#fff;
	}
.adress span{
	width:960px;
	margin:0;
	display:block;
	padding:0;
	margin:auto;
	line-height:25px;
	font-size:1.2em;
}								
/*列表页面*/	
#left{
	float:left;
	width:17.604%;
	min-width:100px;
	margin-right:20px;
	text-align:center;
	background:#e2e2e2 url(../images/list_bg.png) repeat-x left bottom;
	padding:20px 0 0 0;
	}
#left ul h4{
	font-size:2.5em;
	color:#437bbe;
	text-transform:uppercase;
	letter-spacing:5px;
	font-weight:normal;
	padding:0 0 20px 0;
	}
#left ul h4 p{
	font-size:0.6em;}	
#left ul li{
	font-size:1.4em;
	line-height:20px;
	cursor:pointer;
	padding:12px 0;
	}
#left ul li.cli{
	background:#fff;
	border-left:#5c86b9 3px solid;
	}
#left ul li a{
	color:#1f1f1f;
	display:block;
	}
#left ul li a:hover{
	color:#2861a6;}					
#right{
	
	}
/*所在位置*/	
.listname{
	overflow:hidden;
	padding:10px 0;
	border-bottom:#c9c9c9 1px solid;
	vertical-align:middle;}
.listname h1{
	float:left;
	font-size:1.8em;
	font-weight:normal;
	}	
.listname p{
	float:right;
	font-size:12px;
	line-height:25px;
	background:url(../images/list_02.gif) no-repeat left center;
	padding-left:20px;}	
.listbox{
	overflow:hidden;
	margin-top:10px;
	font-size:1.2em;}
.listbox li{
	background:url(../images/cir_01.gif) no-repeat left 3px;
	padding-left:10px;
	
	margin:10px 0;
	}
.listbox li:hover{
	background:url(../images/cir_02.gif) no-repeat left 3px;
	color:#2861a6}	

.page{
	overflow:hidden;
	margin:10px 0;
	text-align:center;
	border-top:#c9c9c9 1px solid;
	padding:10px 0;}

.page a{
	display:inline-block;
	line-height:24px;
	margin:5px;
width:24px;
height:24px;
	
	}
.page a.cli{
	background:url(../images/page_02.gif) no-repeat;
	line-height:24px;
	color:#fff;}	
.page a.one_a{
	background:url(../images/page04_a.gif) no-repeat;
	}
.page a.last_a{
	background:url(../images/page05_a.gif) no-repeat;
	}	
.page a.one{
	background:url(../images/page04.gif) no-repeat;
	}
.page a.last{
	background:url(../images/page05.gif) no-repeat;
	}
.page a.up_a{
	background:url(../images/page01_a.gif) no-repeat;
}
.page a.down_a{
	background:url(../images/page02_a.gif) no-repeat;
}
.page a.up{
	background:url(../images/page01.gif) no-repeat;
}
.page a.down{
	background:url(../images/page02.gif) no-repeat;
}
.dteail{
	overflow:hidden;
	margin-top:10px;
	padding:10px;
	font-size:1.4em;
	line-height:23px;
	color:#666;}
.dteail h4{
	margin:10px 0;
    font-size:1.0em;
    
}
.dteail p{
	text-indent:2em;
}
.dteail img{
	max-width:100%;
}
.dteail h2{text-align:center;}

.dteail div span.first {
display:block;
font-size:3em;
padding:12px 0;
font-weight:bold;
text-indent:0;
float:left;}


							
			
@media screen and (max-width:1024px){
	body{
		}
	.header{
		width:96%;}
	#banner ul li{
		width:96%;}
	#banner ul li img{
		width:100%;}	
	#contentbox{
		width:96%;
		}	
	#contentboxb{
		width:96%;
		}		
		
.indexservice ul{
	width:96%;
	margin:auto;
	border:#CCCCCC 1px solid;
	border-left:none;
	overflow:hidden;
	}	
.indexservice ul li{
	float:left;
	width:29.1%;	
	padding:2% 2%;
	border-left:#CCCCCC 1px solid;
	color:#6e6e6e;
	font-size:1.6em;
	}
.indexservice ul li img{
	verteral-align:middle;
	float:left;
	}	
.indexservice ul li span{
	display:inline-block;
	margin-left:20px;
	float:left;
	width:60%;
	margin-top:10px;
	}
.indexpar{
	width:96%}	
.adress span{
	width:96%
	}	
	}
@media screen and (max-width:960px){
	body{
		min-width:960px;
		}
	}
@media screen and (max-width:768px)	{
	body{
		min-width:320px;}
	#contentbox{
		width:96%;}	
	#contentboxb{
		width:100%;
		}		
	.indexnews{
		width:47%;
		min-width:260px;
		}	
	.culture{
		width:47%;
		min-width:257px;
		margin:0;
		margin-top:30px;
		float:right;		
		}
	.indexbusiness{
		margin:0;
		float:left;
		width:100%;
		}		
.indexservice{
	margin-top:30px;
	}			
.indexservice ul{
	margin:0;	
	width:96%;
	margin:auto;
	border:#CCCCCC 1px solid;
	border-left:none;
	overflow:hidden;
	}	
.indexservice ul li{
	float:left;
	width:33%;	
	border-left:#CCCCCC 1px solid;
	color:#6e6e6e;
	padding:0;
	margin:0;
	font-size:1.6em;
	text-align:center;
	}
.indexservice ul li img{
	margin-left:25%;
	margin-top:20px;}
.indexservice ul li span{
	float:left;
	text-align:left;
	width:80%;
	padding:10%;
	margin:0;

	}

.indexpar{
	width:80%}
.adress span{width:80%	 }	
#left {
		padding-top:10px;}
#left ul h4{
		font-size:1.8em;
		letter-spacing:0px;
		}
	#left ul h4 p{
	letter-spacing:2px;
	}	
}
		
@media screen and (max-width:600px)	{
	.header{
		width:100%;
		height:90px;}
.navul{
	width:100%;
	text-align:right;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;

	}
.navul li{
	float:right;
	font-size:1.6em;
	margin:0px;
	padding:0;
    width:20%;
	line-height:40px;
	position:relative;
	}
.navul li a{
	display:block;
	padding:0;
	width:100%;
	margin:0;
	text-align:center;
	text-decoration:none;
	 color:#303030;
	}	
.header img{
	margin-left:10px;
}
}	
@media screen and (max-width:480px){
	.header{
		width:100%;
		}
	.indexnews{
	float:left;
	width:100%;
	}
		
	.indexbusiness{
		width:100%;
	}
	.culture{
		width:100%;}	
	.navul li{
		font-size:1.2em;}
				#left ul h4{
		font-size:1.6em;
		
		}
	.listname h1{
			font-size:1.6em;}
	.listname p{
		display:none}
	

	}
@media screen and (max-width:450px){
	#contentbox{
		width:95%}
	.indexbusiness ul li{
		padding:2%;
		width:21%;		
		}
	.indexbusiness ul li img{
		width:100%;}
	.indexproduct li span{
	z-index:3;
	position:absolute;
	text-align:center;
	bottom:13px;
	left:0;
	width:100%;
	cursor:pointer;
	font-size:1em;
	}			
	}	
i.qq_icon,i.weibo_icon{ width: 23px;height: 19px;display:inline-block; position:relative;top: 5px; padding-right:5px;}
i.qq_icon { background-position:-432px -154px;}
i.weibo_icon{background-position:-432px -174px;}
.login { background: #333; height: 29px; line-height: 25px; color: #898989; font-family:"SimSun","宋体","Arial Narrow"; }
.login a { color: #898989; padding: 0 10px;}
/*登陆注册*/
#login{ width:960px; margin:0 auto; padding-top:30px; }
dl.login{ float:left; background: url(../images/content1_19.jpg) repeat-x 0 41px;padding-bottom:80px;}
dl.login dt{ width:445px; height:42px; line-height:35px; padding-left:45px; font-size:16px; font-weight:bold; color:#414141; background:url(../images/login_03.jpg) no-repeat 9px 0; margin-bottom:20px;}

dl.login dt.zhu1{background:url(../images/zhuce_06.jpg) no-repeat 9px 0; margin-bottom:20px;}
dl.login dd{ padding-top:20px; clear:both; font-size:14px; height:42px; line-height:42px;}
dl.login dd .tt{ float:left; width:100px; text-align:right;height:38px;}
dl.login dd .input input{ line-height:38px; height:38px;}
dl.login dd .input{float:left; padding-left:20px; line-height:38px;}
dl.login dd .input input.shu{ width:200 ; height:38px; border:solid 1px #cbcbcb; padding-left:8px; border:solid 1px #cbcbcb; padding-left:8px; line-height:38px; color:#969696;line-height:38px; color:#969696;}
dl.login dd input.yan{ width:110px; height:38px; border:solid 1px #cbcbcb; padding-left:8px; line-height:38px; color:#969696;}
dl.login dd .input a{ line-height:42px;}

dl.zhuce{ float:right; width:410px; height:362px; border-left:solid 1px #e2e2e2; padding-left:30px;


}
dl.zhuce dt{font-size:16px; color:#414141; bac height:42px; line-height:35px; background: url(../images/content1_19.jpg) repeat-x 35px bottom;
}
dl.zhuce dt div{ background:url(../images/login_05.jpg) no-repeat 0 0; padding-left:40px;}
dl.zhuce dt div.zhu2{ background:url(../images/zhuce_03.jpg) no-repeat 0 0; margin-bottom:20px;}
dl.zhuce dd{ line-height:60px; font-size:16px;}
/*登陆注册*/
										



