/* index content layout */
 /* html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
} */
#indexContentA {
	margin: 9px auto;
	width: 960px;
	height: 467px;
	text-align: left;
	background: #FFF;
	overflow: hidden;
}

.colL {
	margin: 0 9px 0 0;
	width: 197px;
	height: 462px;
	background: #571414;
	float: left;
}

.colL div.hotline {
	margin: 3px;
	width: auto;
	height: 310px;
	background: url(hotline.gif) left top no-repeat;
	position: relative;
}

.colL div.hotline a {
	display: block;
	width: 97px;
	height: 20px;
	text-decoration: none;
	position: absolute;
	left: 79px;
	top: 83px;
}

.colL div.hotline a span {
	visibility: hidden;
}

.colL div.hotline p {
	display: none;
}

.colL div.magazine {
	margin: 3px;
}

.colL div.magazine h2 {
	width: 100%;
	height: 30px;
	background: #8A5B5B url(title_magazine.gif) no-repeat;
}

.colL div.magazine h2 span {
	visibility: hidden;
}

.colL div.magazine ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(magazine_ul_bg.gif);
}

.colL div.magazine ul li {
	height: 22px;
	padding: 9px 10px 0 15px;
}

.colL div.magazine ul a {
	text-decoration: none;
	color: #EEE;
}

.colL div.magazine ul a:hover {
	text-decoration: underline;
	color: #EEE;
}

.colL div.magazine span {
	display: block;
	padding: 0 8px;
	width: auto;
	background: #743E3E;
	text-align: right;
	line-height: 30px;
	border-top: 1px solid #571414;
}

.colL div.magazine span a {
	text-decoration: none;
	color: #EEE;
}

.colL div.career {
	margin: 0 3px;
	text-decoration: none;
	color: #EEE;
	overflow: hidden;
}

.colM {
	margin: 0 9px 0 0;
	width: 510px;
	height: 462px;
	background: #FFF;
	float: left;
	overflow:hidden;
}

.colM div.news {
	margin: 0 0 7px 0;
	width: 100%;
	height: 206px;
	background: #F4F4F4 url(texture_bg.gif) right bottom no-repeat;
	position: relative;
}

.colM div.news div.img {
	width: 197px;
	height: 126px;
	position: absolute;
	left: 326px;
	top: 50px;
	overflow: hidden;
}


.colM div.guide {
	width: 100%;
	height: 250px;
	background: #F7F7F7;
	position: relative;
}

.colM div.news h2,
.colM div.guide h2 {
	padding: 3px 0 6px 0;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	background: #E9E9E9 url(contentA_title_bg.gif) bottom repeat-x;
	color: #000;
}

.colM div.news h2 span,
.colM div.guide h2 span {
	margin: 0 0 0 10px;
	padding: 0 14px;
	background: url(contentA_title_bg2.gif) no-repeat;
	position: static;
}

.colM div.news span,
.colM div.guide span {
	position: absolute;
	right: 10px;
	top: 8px;
}

.colM div.news span a,
.colM div.guide span a {
	text-decoration: none;
	color: #555;
}

.colM div.guide div.colA {
	width: 175px;
	float: right;
	overflow:hidden;
	margin-right:10px; display:inline
	
}

.colM div.guide div.colA dl {
	margin:10px 5px;
	width: 164px;
	background: #F7F7F7;
	
}

.colM div.guide div.colA dl dt {
	text-align: center;

}

.colM div.guide div.colA dl dd {
	padding: 0 0 5px 0;
	text-align: center;
	line-height:20px;
}

.colM div.guide div.colA dl a {
	text-decoration: none;
	color: #571414;
}

.colM div.guide div.colA dl a:hover {
	text-decoration: underline;
	color: #571414;
}

.colM div.guide div.colB {

	margin: 11px 5px;
	width: 150px;
	background: #F7F7F7;
	float: left;
	white-space:nowrap;
	overflow:hidden;
}
.colM div.guide div.colC {

margin: 11px 5px;display:inline;
	width: 150px;
	background: #F7F7F7;
	float: left;
	white-space:nowrap;
	overflow:hidden;
}

.colM div.guide div.colB h3,
.colM div.guide div.colC h3 {
	padding: 0 0 0 15px;
	line-height: 25px;
	font-family: "";
	font-size: 13px;
	font-weight: bold;
	background: url(li_img3.gif) 2% 50% no-repeat;
	color: #571414;
}

.colM div.guide div.colB h3 a,
.colM div.guide div.colC h3 a {
	text-decoration: none;

}

.colM div.guide div.colB h3 a:hover,
.colM div.guide div.colC h3 a:hover {
	text-decoration: underline;

}

.colM div.guide div.colB ul,
.colM div.guide div.colC ul {
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
	line-height: 27px;
	list-style: none;
	background: url(dot.gif) top repeat-x;
}

.colM div.guide div.colB ul li,
.colM div.guide div.colC ul li {
	padding: 0 6px;
	background: url(dot.gif) bottom repeat-x;
}

.colM div.guide div.colB ul a,
.colM div.guide div.colC ul a {
	text-decoration: none;

}

.colM div.guide div.colB ul a:hover,
.colM div.guide div.colC ul a:hover {
	text-decoration: underline;

}

.colR {
	margin: 0;
	width: 235px;

	background: #E9E9E9 url(texture_bg.gif) right bottom no-repeat;
	float: left;
}

.colR div.passage {
	margin: 3px 10px;
	width: auto;

}

.colR div.passage ul {
	list-style: none;
	overflow: hidden;
}

.colR div.passage ul li {
	margin-bottom: 1px;
	padding: 0 15px;
	height: 23px;
	line-height: 23px;
	text-indent:7px;
	background: #F4F4F4 url(ksli.gif) right no-repeat;
	overflow: hidden;
}

.colR div.passage ul a {
	text-decoration: none;
	color: #333;
}

.colR div.passage ul a:hover {
	text-decoration: underline;
	color: #900;
}

.colR div.passage span {
	display: block;
	text-align: right;
	line-height: 26px;
	background: #E9E9E9;
}

.colR div.passage span a {
	text-decoration: none;
	color: #555;
}

.colR div.prof h2,
.colR div.passage h2 {
	margin: 2px 0 10px 0;
	padding: 1px 0 0 8px;
	width: auto;
	border-left: 4px solid #571414;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	background: #E9E9E9;
}

.colR div.prof {
	position: relative;
	margin: 3px 10px;
	height: 242px;
}

.colR div.prof span {
	position: absolute;
	right: 5px;
	bottom: 0;
}

.colR div.prof span a {
	text-decoration: none;
}

.colR div.prof dl dt {
	width: 74px;
	height: 99px;
	margin: 5px 10px 4px 0;
	float: left;
	line-height: 99px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

.colR div.prof dl dd {
	line-height: 18px;
}

.colR div.prof dl dd.title {
	color: #369;
	padding: 3px 0;
}

.colR div.prof dl dd.title a {
	color: #369;
}

.colR div.prof p {
	line-height: 160%;
	clear: both;
}

#indexContentB {
	width: 960px;
	height: 350px;
	text-align: left;
	background: #FFF;
	overflow: hidden;
	margin-top: 9px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	white-space:nowrap;
}

#indexContentB div.colL {
	margin: 0 7px 0 0;
	width: 717px;
	height: 462px;
	background: #FFF;
	float: left;
}



.txtA,
.txtB{
	width: 234px;
	height: 342px;
	background: #F9F9F9 url(texture_bg.gif) right bottom no-repeat;
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	overflow:hidden;
}

.txtC {
	width: 234px;
	height: 342px;
	background: #F9F9F9;
	background-image:url(txtc.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float: left;
	margin-top: 6px; display:inline;
	overflow:hidden;
	
}



.txtA h2,
.txtB h2,
.txtC h2 {
	padding: 0 0 0 20px;
	width: auto;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
}

.txtA h2 {
	background: #FFF url(t1.gif); background-position:left; background-repeat:no-repeat;
	border-bottom: 3px solid #4477BB;
}

.txtB h2 {
	background: #FFF url(t2.gif); background-position:left; background-repeat:no-repeat;
	border-bottom: 3px solid #cf7800;
}

.txtC h2 {
	background: #FFF url(t3.gif); background-position:left; background-repeat:no-repeat;
	border-bottom: 3px solid #32881b;
}

.txtA h2 a,
.txtB h2 a,
.txtC h2 a {
	color: #000;
	text-decoration: none;
}

.txtA h2 a:hover,
.txtB h2 a:hover,
.txtC h2 a:hover {
	color: #666;
	text-decoration: none;
}

.txtA ul,
.txtB ul,
.txtC ul {
	margin: 10px 10px 5px 10px;
	list-style: none;
}

.txtA ul li{
line-height:24px; vertical-align:middle; text-indent:15px;
	background: url(li1.gif) 0% 50% no-repeat;
}
.txtB ul li{
line-height:24px; vertical-align:middle;text-indent:15px;
	background: url(li2.gif) 0% 50% no-repeat;
}
.txtC ul li {
line-height:24px; vertical-align:middle;text-indent:15px;
	background: url(li3.gif) 0% 50% no-repeat;
	width:210px; overflow:hidden; white-space:nowrap;
}

.txtA ul li a,
.txtB ul li a,
.txtC ul li a {
	text-decoration: none;
	color: #666;
}

.txtA ul a:hover,
.txtB ul a:hover,
.txtC ul a:hover {
	text-decoration: underline;
	color: #900;
}

#indexContentB div.colR {
	margin: 0;
	width: 200px;
	height: 462px;
	background: #FFF;
	float: left;
}

#indexContentB div.colR > div.links {
	margin-top: 24px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}



.swf{ width:210px; height:150px; float:left; margin:10px 5px;}



.zoujin { width:716px; float:left;
	height: 171px;
	background: #F4F4F4 url(texture_bg.gif) right bottom no-repeat;
	position: relative;
	margin:10px 0px;
}

.zoujin a {	
	text-decoration: none;
	color: #571414;
}

.zoujin h2 {
	width: 100%;
	border-bottom: 1px solid #FFF;
	background: #DFDFDF url(title_intro.gif) left center no-repeat;
	font-size: 12px;
	line-height: 25px;
	color: #571414;
	font-weight: bold;
	overflow: hidden;
}

.zoujin h2 span {
	position: static;
	visibility: hidden;
}

.zoujin p {
	padding: 12px 10px 12px 482px;
	width: auto;
	height: 120px;
	background: url(intro_pic.gif) 4% 50% no-repeat;
	line-height:20px; vertical-align: middle;
	color: #555;
	overflow: hidden;
}

.zoujin span {
	position: absolute;
	right: 10px;
	top: 5px;
}

.dongtai {
	margin: 0 0 7px 0;
	width: 280px;
	float:left;
	height: 160px;
	position: relative;
	white-space:nowrap;
	overflow:hidden;
}

.dongtai ul {
	margin: 10px 5px;
	padding: 0;
	list-style: none;
	position: relative;
}

.dongtai ul li {
	padding: 4px 5px 4px 15px;
	background: url(li_img1.gif) 2% 50% no-repeat;
}

.dongtai ul a {
	text-decoration: none;
	color: #555;
}

.dongtai ul a:hover {
	text-decoration: underline;
	color: #900;
}


