﻿/* Global */
* {
 margin: 0;
 padding: 0;
}

html, body {
 height: 100%;
 text-align: center;
 font: 12px/1.4 "宋体",Verdana, sans-serif;
}
a{
	text-decoration: none;
	color:#000;
}
.fllt
{
	float:left;
}
.flrt{
	float:right;
}
.error{
	color:red;
}
/* Global end */

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    width: 1000px;
    background: #FFFFFF;
}
/*#header*/
#header{
	text-align:right;
	height: 110px;
	background: url(../images/logo_309x58.png) 20px 80% no-repeat;
}
#top{
	text-align:right;
	padding:5px  0;
	height:15px;
	background:url(../images/topline.gif) left bottom no-repeat;
}
#today{
	width:100%;
}
#today a{
 color:#000;
 font-size:14px;
 font-weight:boder;
 margin: 0 0 0 15px;
 text-decoration: none;
}

#search{
	width:30%;
}
#btnSearch{
	display:block;
	width:60px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	cursor:pointer;
}
#nav{
	width:460px;
	padding:25px 50px 0 0;
}

#nav ul{
	list-style:none;
}
#nav ul li{
	float:left;
}
#nav ul li a{
	display:block;
	width:65px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	color:#000;
	text-align:left;
	font-size:13px;
	text-decoration:none;
}

/*#footer*/
 .push {
  height: 40px;
	clear:both;
}
#footer{
	height:38px;
	clear:both;
	border-top:2px solid #ccc;
	width: 1000px;
	margin: 0 auto;
}
.copyright{
	font-size:14px;
}
/*sidebar*/
.sidebar{
 width:339px;
}

#ebank{
	height:200px;
	background:url(../images/ebankground20100611.jpg) left 0 no-repeat;
}
#ebank h3{
	font-size:14px !important;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:4px 0 5px 0;
	color:#fff;
}
#ebank dl{
	width:100%;
	clear:both;
}
#ebank dt{
	display:block;
	width:265px;
	margin:5px auto;
}

#ebank dt a{
	display:inline-block;
	width:100%;
	color:#cc0000;
	font-size: 14px;
	font-weight:bolder;
	height:39px;
	line-height:39px;
	vertical-align:middle; 
	background:url(../images/ebankbutton_down_193x39.gif) center  no-repeat;
}
#ebank dt a:hover{
	background:url(../images/ebankbutton_up_193x39.gif) center no-repeat;
}
#ebank dd{
	display:block;
	width:30%;
	margin-top:5px;
	margin-bottom:5px;
	
}

.margindd{
	margin-left:18% !important;
	margin-left:10%;
}
#telbank{
	width:100%;
	height:42px;
}

/*callcenter*/
#leftSidebar #callcenter{
	width:100%;
}
#callcenter{
	height:190px;
	background:url(../images/96555.gif) left top;
}
#callcenter ul{
	margin:70px 0 0 0;
	list-style:none;
}
#callcenter li{
	float:left;
	text-align:center;
}
#callcenter li a{
	margin:18px 0px 0 44px;
	display:inline-block;
	width:124px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-family:"黑体";
	font-size:15px;
	text-align:center;
}
#leftmenu {
	width:339px;
}
#leftmenu dt,#leftmenu dd{
	height:25px;
	line-height:25px;
	vertical-align:middle;
	display:inline-block;
	text-align:left;
}
#leftmenu dt {
	margin:2px 0;
	padding-left:15px;
	width:322px;
	border:solid 1px #e45;
	background:#eee;
}
#leftmenu dt.selected span{
	color:#e45;
}
#leftmenu dd{
	padding-left:20px;
	width:319px;
	border-bottom:dashed 1px #000;
}

#leftmenu dd.selected{
	background:url(../images/arrow_5.gif) no-repeat 5px center;
}
#leftmenu .idTabs{
	min-height:30px;
	height:auto !important;
	height:30px;
	clear:both;
}
/*mainContainer*/
.container{
	width:661px;
}
/*#slider*/
#slider {
    width: 655px; /* important to be same as image width */
    height: 217px !important; /* important to be same as image height */
    position: relative; /* important */
		overflow: hidden; /* important */
}
#sliderContent {
    width: 655px; /* important to be same as image width or wider */
}
.sliderImage {
    float: left;
    position: relative;
		display: none;
}
.sliderImage span {
		width:0;
		height:0;
    display: none;
}
.sliderImage img{
	border:none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
/*#slider*/
#notice{
	width:343px ;
	height:217px;
	border:1px solid #eee;
	background:url(../images/gonggao.gif) top center no-repeat;
}
#notice .title{
	display:block;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:13px;
	font-weight:bolder;
	color:#e45;
	margin-bottom:5px;
}

#notice .list{
	text-align:left;
	margin-left:10px;
	padding-left:10px;
}
#notice .list li{
 height:25px;
 line-height:25px;
 vertical-align:middle;	
}
#notice .list a:hover{
	text-decoration:underline;
}
#marqueewrapper{
	height:35px;
	background:url(../images/marquee_bg_d5d5d5_1000x35.gif) no-repeat;
	margin:2px 0;
}
.marquee{
	overflow:hidden; 
	height:35px;
	line-height:35px;
	width:1000px;
	vertical-align:middle;
	text-align:left;
}

.marquee ul{
	width:100%;
}
.marquee ul li{
	list-style-type:disc;
 	float:left;
 	margin-left:20px;
 	padding-left:0;
 	padding-left:20px\9;
}
.marquee ul li a{
	display:block;
	margin-right:10px;
	color:#c00;
}
.dot_red{
	color:red;
	width:2px;
}
.tabarea{
	margin:0 0 0 1px ;
	width:328px;
}
.tabarea .tabtitle {
	 width:324;
	 height:42px;
	 padding-left:0px;
}
.tabarea .tabtitle li {
	list-style:none; 
	float:left;
}
.tabarea .tabtitle li a {
	font: 13px;
  display:block;
  text-decoration:none !important;
  width:106px;
  height:42px;
 	line-height:42px;
  vertical-align:middle;
  background:url(../images/typemenuh.gif) no-repeat;
}

.tabarea .tabtitle a.selected{
		font-size:14px;
  	font-weight:bolder;
		background:url(../images/typemenubackground.gif) no-repeat ;
		color:#fff;
		font-weight:bolder;
}
.tab {
  text-align:left;
	width:100%;
	margin-bottom:5px;
	border-bottom-width:2px; 
	border-bottom-style:solid;
  border-bottom-color:#ddd;
  
}

.list{
	list-style:none;
}
.list li{
	padding:0 0 0 20px;
	background:url(../images/icon_4x7_arrow.gif) no-repeat left center;
	text-overflow:ellipsis; 
	-o-text-overflow: ellipsis;
	white-space:nowrap; 
	overflow:hidden; 
}
.list li a{
	height:24px;
	line-height:24px;
	vertical-align:middle;
	font-size:12px;
	display:block;
	width:100%;
}
.list li a:hover{
	color:#e45;
	text-decoration:blink;
}
#tab_ebank{
	background: url(../images/tab_ebank.jpg) no-repeat 10px center;
}
#tab_personal{
	background: url(../images/tab_persernal.gif) no-repeat 10px center;
	clear:both;
}
#tab_enterprise{
	background: url(../images/tab_enterprise.gif) no-repeat 10px center;
}
#tab_card{
	background: url(../images/tab_card.png) no-repeat 10px center;
}
#tab_cul{
	background: url(../images/tab_cul.gif) no-repeat 10px center;
}

#serviceTab .list{
	margin:0 0 0 140px !important;
	padding-top: 15px;
	height:110px;
}
#tab_personal ul li,#tab_enterprise ul li{
	float:left;
	width:50px;
	overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#cardTab .list{
	margin:0 0 0 175px ;
	padding-top: 15px;
	height:110px;
}

.righttab .tabtitle{
	padding:0;
	width:100%;
}
.righttab .tabtitle li a{
	width:164px;
	margin:0;
	background:url(../images/typemenuh_162x39.gif) no-repeat;
}
.righttab .tabtitle li a.selected{
	background:url(../images/typemenubackground_162x39.gif) no-repeat ;
}
#stockTab div,#otherTab div{
	height:170px;
}
.list .more{
	background:#fff;
}
.more a{
	text-align:right;
	color:#e45;
}
.list .more a:hover{
	text-decoration:underline;
}

/*article*/
#article{
	width:98%;
	margin:0 auto;
}
#position{
	text-align:left;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border-bottom: 2px solid #e45;
	width:659px;
	margin-left:2px;
}
#article .title{
	margin:10px 0;
}
#article .title h3{
	display:inline-block;
	width:90%;
	border-bottom:1px solid #000;
}
#article .idTabs{
	list-style:none;
	background:url(../images/cxnav.gif) repeat;
	min-height:51px;
	height:auto !important;
	height:51px;
	width:100%;
	margin:0;
}
#article .idTabs li{
	float:left;
	height:51px;
  background:url(../images/cxnav.gif);
}
#article .idTabs li a{
	display:inline-block;
	height:30px;
	line-height:15px;
	vertical-align:middle;
	text-align:left;
}
.content .idTabs li a{
 	width:133px;
 	text-align:center;
	padding:14px 0px 6px 0px;
}
#article .subnav li{
	width:25%;
}
#article .subnav li a{
	width:133px !important;
	width:113px;
	padding:19px 0px 0px 20px;
}
#article .subnav li a.selected{
	background:url(../images/tab_arrow_red_20x51.png) left 0 no-repeat ;
	*background:url(../images/tab_arrow_red_20x51.png) left  no-repeat;
	
}
.content .idTabs li a.selected{
	background:url(../images/tab_bussiness_ee4455_126x50.png) left no-repeat;
	color:#fff;
}
.content{
	text-align:left;
	margin:0 auto;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	clear:both;
	min-height:200px;
	height:auto !important;
	height:200px;
}
.textindent{
	text-indent:22px;
}
.content  h5,.row_type .title{
 line-height:30px;
 height:30px;
 vertical-align:middle;
 font-size:12px;
}

.content ol{
	list-style-type: decimal;
	margin-left:25px;
}
.content ul{
	margin-left:25px;
	list-style-type: disc;
}
.content .table{
	width:94%;
	margin:15px auto;
	border:1px solid #000;
	text-align:center;
	border-collapse: collapse;
	
}
.content .table td,.content .table th{
	border:1px solid #000;
}
.row_type{
	width:98%;
	margin:0 auto;
	text-align:left;
	min-height:200px;
	height:auto !important;
	height:200px;
	clear:both;
}
.row_type .title{
	border-bottom:1px solid #000;
}
.list_type{
	list-style:none;
	clear:both;
}
.list_type li {
	padding:0 0 0 20px;
	background:url(../images/icon_4x7_arrow.gif) no-repeat left center;}
.list_type li a {
	width:76%;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  }
#pager{
	margin-top:10px;
	clear:both;
}
