@charset "utf-8";
body {
	font-size: 12px;
	margin:0;
	padding:0;
	line-height:180%;
	background:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
}
ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
img{border:0;}
.clear{ clear:both;}
.top{ background:url(top.gif);
margin:0 auto;
width:942px;
height:32px;
text-align:right;
padding:10px 60px 0 0;
	  }
.cen{ margin:0 5px;}
a { text-decoration:none; color:#666;}
a:hover{ color:#000;}
.logo{
	width:886px;
	margin:0 auto;
	padding:10px 0 0 0;
	color:#595959;
	height:50px;
	}
*html .logo{padding:8px 0 0 0;}
.fl{ float:left;}
.fr{ float:right;}
.logo .rigtxt{
	width:620px;
	float:right;
	line-height:38px;
	}
*html .logo .rigtxt{ line-height:30px;}
.btn{ margin:0 15px 0 0;}
.searchbox{ float:right; margin-top:5px;}
.searchbox input{ height:14px;}
.ban{ width:886px; margin:0 auto;}
.foot{ width:100%; background:url(foot.gif) no-repeat center; color:#818181; bottom:0;}
.foot .footbox{ width:866px; height:56px; margin:0 auto; padding:30px 68px 0 68px;}
.footlink{ float:right;}
.footlink a{color:#818181}

/* Navigation */
.chromestyle{
	width:888px;
	margin:5px auto;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
height:31px;
background: url(menu.gif) no-repeat; /*THEME CHANGE HERE*/
padding:0;
margin:0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{display: inline;}
.chromestyle ul li.nav1 a{ background:url(menu_01.gif) no-repeat;}
.chromestyle ul li.nav2 a{ background:url(menu_02.gif) no-repeat;}
.chromestyle ul li.nav3 a{ background:url(menu_03.gif) no-repeat;}
.chromestyle ul li.nav4 a{ background:url(menu_04.gif) no-repeat;}
.chromestyle ul li.nav5 a{ background:url(menu_05.gif) no-repeat;}
.chromestyle ul li.nav6 a{ background:url(menu_06.gif) no-repeat;}
.chromestyle ul li.nav7 a{ background:url(menu_07.gif) no-repeat;}
.chromestyle ul li.nav8 a{ background:url(menu_08.gif) no-repeat;}
.chromestyle ul li a{
color:#494949;
padding:0;
margin:0;
display:block;
width:111px;
height:31px;
float:left;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-position:0 -31px;/*THEME CHANGE HERE*/
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #f2f2f2; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:14px;
z-index:999;
width:105px;
text-align:center;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #f2f2f2; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
background:#fff;
color:#666;
filter:alpha(opacity=90); /* IE 透明度20% */
-moz-opacity:0.9; /* Moz + FF 透明度20%*/
opacity: 0.9; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #fff;
color:#000;
filter:alpha(opacity=90); /* IE 透明度20% */
-moz-opacity:0.9; /* Moz + FF 透明度20%*/
opacity: 0.9; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/
}

.mainbg{ width:1002px; background:url(main_bg.gif) repeat-y; margin:0 auto; padding-bottom:20px;}
.main{
	width:886px;
	margin:0 auto;
	}
.left{
	width:530px;
	float:left;
	}
.right{
	width:343px;
	float:left;
	margin-left:13px;
	}
	
.tabs,.tabs_act{
	float:left;
	width:68px;
	height:29px;
	text-align:center;
	line-height:25px;
	display:block;
	}
#set_tab01{ background:url(news1.gif) no-repeat;}
#set_tab02{ background:url(news2.gif) no-repeat;}
.left .Sliding_tab ul .tabs_act{ width:68px; background-position:0 -29px;}
.Sliding_tab{height:28px; border-bottom:1px #CCC solid;}
*html .Sliding_tab{height:23px; border-bottom: none; background:url(news_line.gif)}
.Sliding_tab a{ color:#000; font-family:"宋体";}
.Sliding_tab li{float:left;}
.Sliding_tab li.table_li{height:26px;line-height:26px; float:right; padding-right:5px;}
*html .Sliding_tab li.table_li{height:26px; line-height:23px;}
.tablist {clear:both; overflow:hidden; padding:13px 6px;}

.tablist li{ background:url(dot_line.gif) repeat-x 0 bottom; height:28px; line-height:28px;}
*html .tablist li{ background:url(dot_line.gif) repeat-x 0 bottom; height:25px; line-height:25px;}
.tablist li a{ background:url(news_dot.gif) no-repeat 2px 7px; padding-left:19px; display:block; color:#595959;}
.tablist li a:hover{ color:#000;}
.tablist li a span{ float:right;}

.rollBox{width:343px;overflow:hidden;padding:0; background:url(home_caset.gif) no-repeat; padding-top:35px;}
.rollBox .LeftBotton{height:80px;width:19px;background:url(left_btn.gif) no-repeat 0 20px;overflow:hidden;float:left;display:inline;margin:15px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:80px;width:20px;background:url(right_btn.gif) no-repeat 10px 20px;overflow:hidden;float:left;display:inline;margin:15px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:292px;overflow:hidden;float:left; margin-left:3px}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:146px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block; margin:0 auto; border:0; width:130px; height:79px;}
.rollBox .Cont .pic p{line-height:26px;color:#505050; padding:0; margin:0;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


.rollBox_1{width:227px;overflow:hidden;padding:0; background:url(subproduct_t.gif) no-repeat; padding-top:35px;}
.rollBox_1 .LeftBotton{height:80px;width:19px;background:url(left_btn.gif) no-repeat 0 20px;overflow:hidden;float:left;display:inline;margin:15px 0 0 0;cursor:pointer;}
.rollBox_1 .RightBotton{height:80px;width:20px;background:url(right_btn.gif) no-repeat 10px 20px;overflow:hidden;float:left;display:inline;margin:15px 0 0 0;cursor:pointer;}
.rollBox_1 .Cont{width:185px;overflow:hidden;float:left; margin-left:3px}
.rollBox_1 .ScrCont{width:100000px;}
.rollBox_1 .Cont .pic{width:185px;float:left;text-align:center;}
.rollBox_1 .Cont .pic img{display:block; margin:0 auto; border:0;}
.rollBox_1 .Cont .pic p{line-height:26px;color:#505050; padding:0; margin:0;}
.rollBox_1 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox_1 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox_1 #List1,.rollBox #List2{float:left;}

.roun .rounCenter_fh{
	width:341px;
	float:left;
	overflow:hidden;

	}
	
/*首页银行版块*/
.container, .container img{ width:292px; height:117px;}
.index_bank{width:341px; height:117px;}

.subban{ width:886px; margin:0 auto;}
.subbox{ width:886px; margin:5px auto 0 auto; background:url(subbox_bg.gif) repeat-y;}
.subleft{ width:227px; float:left;}
.subleft span{ float:right; margin-bottom:5px; }
.subleft span a{ color:#000; font-family:"宋体";}

#lmenu li{  margin-bottom:5px;}
#lmenu li a{ display:block; height:23px; background:url(l_off.gif) no-repeat; font-weight:bold; padding-left:25px; line-height:26px; color:#000;}
#lmenu li a:hover{display:block; background:url(l_on.gif) no-repeat; color:#FFF;}
#lmenu li ul li { margin-bottom:5px; border-bottom:#999 dotted 1px;}
#lmenu li ul li a{ display:block; height:23px; background:#fff url(bigclass.gif) no-repeat 10px 10px; font-weight:normal; padding-left:25px; line-height:26px; color:#000;}
#lmenu li ul li a:hover{display:block; background:#fff url(bigclass.gif) no-repeat 10px 10px; color:#000;}
#lmenu a.on{ background:url(l_on.gif) no-repeat; color:#FFF;}

.subnews{ background:url(subnews_t.gif) no-repeat; margin-top:10px; padding:7px;}
.subnews li{ background:url(dot_line.gif) repeat-x 0 bottom; line-height:28px;}
*html .subnews li{ background:url(dot_line.gif) repeat-x 0 bottom; line-height:25px;}
.subnews li a{ background:url(news_dot.gif) no-repeat 2px 7px; padding-left:19px; display:block; color:#595959;}
.subnews li a:hover{ color:#000;}

.subcase{ background:url(subcase_t.gif) no-repeat; margin-top:10px; padding:7px;}
.subcase .tp{ padding:0 0 8px 0; text-align:center;}
.subcase .tp p{ margin:0; padding:0;}
.subcase .tp p a{ color:#000}

.subright{ width:643px; float:left; margin:0 0 0 15px;}
.subright h1{ font-family:"微软雅黑"; font-size:14px; line-height:30px; height:45px; font-weight:bold; color:#2c2c2c; margin:0; padding:0; background:url(h1bg.gif); padding-left:10px;}
.subtxt{ padding:0 15px; line-height:22px;}
.subtxt1{ padding:0 15px; line-height:22px;}
.subtxt1 img{padding:5px; border:1px solid #EEEEEE;}

#newslist li{ background:url(dot_line.gif) repeat-x 0 bottom;  line-height:28px;}
*html #newslist li{ background:url(dot_line.gif) repeat-x 0 bottom;  line-height:25px;}
#newslist li a{ background:url(news_dot.gif) no-repeat 2px 7px; padding-left:19px; display:block; color:#595959;}
#newslist li a:hover{ color:#000;}
#newslist li a span{ float:right;}

#pro {
	margin:0;
}
#pro li {
	width:603px;
	height:165px;
	float:left;
	margin-left:9px;
}
*html #pro li {
	width:603px;
	height:165px;
	float:left;
	margin-left:5px;
}
#pro li p {
	width:143px;
	height:140px;
	text-align:center;
	display:table;
	table-layout:fixed;
	padding:0;
	margin:0;
	background:#f5f5f5;
	float:left;
}
#pro li p a {
	display:block;
	display:table-cell !important;
	text-align:center;
	vertical-align:middle;
	line-height:105px;
	height:105px;
	font-size:105px;
	background:#f5f5f5;
	margin:1px;
	overflow:hidden;
	padding:0;
}
#pro li p a img {
	vertical-align:middle;
	text-align:center;
}
img.pro {
 max-width:245px;
 max-height:245px;
 width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
 height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
}



#pro li span a {
	border:none;
	width:422px;
	height:20px;
	color:#595959;
	padding:5px 0 5px 0;
	font-size:12px;
	display:block;
	float:left;
	margin-left:15px;
}
*+html #pro li span a {
	font-size:12px;
	border:none;
	height:20px;
	width:422px;
	display:block;
	float:left;
}
#pro li span a:hover {
	color:#e93131;
}

.class{ background:url(class_t.gif) no-repeat; margin-top:10px; padding:30px 7px 7px 7px;}
.class a{ color:#333;}

/*
	List Expander 
*/

.listexpander{ background:url(dot_line.gif); }
.listexpander a{ color:#595959;}
.listexpander a:hover{ color:#e93131;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	font-weight:bold;
	line-height:25px;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li, .listexpander li.collapsed{background: #fff url(bigclass.gif) no-repeat 10px 10px;} 
.listexpander li.expanded{background:#fff url(bigclass.gif) no-repeat 10px 10px;}

/* second level */

.listexpander li ul, .listexpander li li{font-weight:normal;}
.listexpander li li.collapsed{background:#fff url(collapsed.gif) no-repeat 15px 10px; padding-left:5px;} 
.listexpander li li.expanded{background:#fff url(expanded.gif) no-repeat 5px 10px;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#fff;}
.listexpander li li li.collapsed{background:#fff url(collapsed.gif) no-repeat 5px 10px;} 
.listexpander li li li.expanded{background:#fff url(expanded.gif) no-repeat 5px 10px;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}
.producttxt{ float:left; width:442px; margin-left:15px; line-height:20px;}
.producttxt a{ font-family:"宋体"; color:#C30;}

.fy01{ line-height:30px; margin-top:8px;}

#menu{
	width:66px;
	margin:0 auto;
	height:22px;
}
#menu ul{
	width:66px;
	height:22px;
	list-style-type:none;
}
.m_li{
	float:left;
	width:66px;
	height:22px;
	line-height:22px;
	text-align:center;
	font-weight:bold;
}
.m_li a{
	width:66px;
	color:#fff;
	font-weight:bold;
}
.m_li_a{
	float:left;
	width:66px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#fff;
	position:relative;
}
.m_li_a a{
	color:#228dd1;
}
.m_li_a a:hover{
	color:#228dd1;
}
.menu2{
	margin:0 auto;
	height:22px;
}
.smenu{
	margin:0 auto;
	list-style-type:none;
	height:22px;
}
.s_li{
	line-height:22px;
	width:auto;
	display:none;
	height:22px;
	margin-right:-2px;
	margin-left:-2px;
}
.s_li_a{
	line-height:22px;
	width:auto;
	display:block;
	height:22px;
	margin-right:-2px;
	margin-left:-2px;
}
.showprobig{ text-align:center; padding-bottom:2px;}
.showprobig img{padding:10px; border:1px solid #EEEEEE; max-width: 400px; max-height: 400px; zoom: expression( function(elm) { if (elm.width > 400 || elm.height > 400 ){ if (elm.width>elm.height) { elm.width=400; } else{ elm.height=400; } } elm.style.zoom = '1'; }(this) ); }


.menu {
	background: url(menu00001.JPG);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:888px;
	margin:0;
	margin:5px 57px;
	font-size:13px;
	font-weight: normal;
	color: #2c2c2c;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left; 
position:relative;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	width:110px;
	height:30px;
	color:#2c2c2c;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-size:13px;
	font-weight: bold;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#e1300e; 
font-size:13px;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
left:0; 
width:110px;
font-size:12px;
font-weight: normal;
line-height:22px;
height:22px;
}
.menu ul li:hover ul li a {
display:block; 
background:#f0f4f5; 
color:#2c2c2c;
font-size:12px;
font-weight: normal;
line-height:22px;
height:22px;
z-index:999;
}
.menu ul li:hover ul li a:hover {
	background:#ffffff;
	color:#000;
	font-size:12px;
	font-weight: normal;
	line-height:22px;
	height:22px;
}