@charset "utf-8";
/* 首页的CSS Document */

/*--上部内容--*/
#main {
	background-color:#FFFFFF;
}
/*--上部内容左侧--*/
#main-left {
	float:left;
	width:752px;
	height:473px;
	padding: 1px 1px 0 0;
}
/*--上部内容左侧上部--*/
#screen {
	height:222px;
}
/*--上部内容左侧下部类--*/
.main-col {
	float:left;
	width:185px;/*--缩了2个px，为了线宽--*/
	height:247px;
	border: 1px solid #CCCCCC;
	margin-right: 1px;
		background:  url(img/bg.gif) repeat-x;
	background-position:0% -100px;
}

.main-col h2{
	background-repeat:no-repeat;
	/*	font-family: "黑体","华文细黑";  字体不好看*/
}
#main-col-topBanner-1 ,#main-col-topBanner-2,#main-col-topBanner-3,#main-col-topBanner-4{
	height:81px;
	width: 174px;
	padding-left: 11px;
	padding-top: 7px;
	background-image:url(img/main-cols.gif) 
}

#main-col-topBanner-1{
	background-position: 0% 0%;
}
#main-col-topBanner-2{
		background-position: -185px 0%;
}
#main-col-topBanner-3{
		background-position: -370px 0%;
}
#main-col-topBanner-4{
		background-position: -555px 0%;
}

.main-col ul {
	/*	height:161px; */
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}
.main-col ul li, #main-row2 ul li { /* 三角形的列表*/
	background:url(img/main-li.gif) no-repeat left center;	
	margin:7px 2px 0px 15px;
	padding-left: 7px;
	line-height:23px;	
	border-bottom: 1px solid #999999;
	list-style: none;	
}

.main-col ul li, #main-row2 ul li img {
	margin:7px 2px 0px 15px;
}

.main-col .more{
	margin-top:5px;
	padding-left: 130px;
	line-height:20px;
	/* TODO 高度有点问题
	background-color:#F60;
	*/
}


/*--上部内容右侧--*/
#main-right {
	float:left;
	width:245px;
	height:473px;
}
/*--上部内容右侧第一行--*/
#main-row1 {
	margin:1px 0px 2px 0px;
	width:244px;
	height:142px;
		background:  url(img/bg.gif) repeat-x;
	background-position:0% -700px;	
	border: 1px solid #CCCCCC;
	border-top:none;
	overflow:hidden;
}

#main-row1 marquee{
	height:100px;
	width:250px
}
#main-row1 a,.hot{
	color: #F00;
}

#main-row1 h2{
	margin:0 8px 0 8px;
	height:26px;
	vertical-align: middle;
	line-height:26px;
	font-weight:bold;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}

#main-row1 marquee {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#main-row1 marquee ul li { /* 方形列表 */
	margin: 0 16px 0 12px;
	border-bottom: 1px solid #CCCCCC;	
	line-height:25px;
	list-style: none;	
	background: url(img/li-bg-square.gif) no-repeat left center;
	padding-left: 7px;	
}
/*--上部内容右侧第2行--*/
#main-row2 {
	margin:1px 0px 1px 0px;
	width:244px;
	border: 1px solid #CCCCCC;
	height: 262px;
	background-color:#FFFFFF;
	overflow:hidden;
	background:  url(img/bg.gif) repeat-x;
	background-position:0% -100px;
	border-bottom: none;
/*	
	background-color: #009;*/
}
/*--上部内容右侧第2行上部banner--*/
#main-row2 h2 {
	line-height:26px;
	height:26px;
	padding-left: 12px;
	border-bottom: 1px solid #FF0000;
	background: url(img/bg.gif) repeat-x;
	background-position:0% -600px;
}
/*--上部内容右侧第2行下部内容--*/
#main-row2 ul li {
	/* 大部分格式已在上面设定，这里只修改一下右边距*/
	margin-right: 12px;
}

#main-row2 ul li a{
   width:160px;
   display:block;
   float:left;
}

#main-row2 .more{
	margin-top:5px;
	padding-left: 191px;
	line-height:30px;	
	/* TODO 调整高度 margin-top 不管用？*/
}

/*--上部内容右侧第三行--*/
#main-row3,#main-row4 {
	width:246px;	/* 调宽了2个像素，以保证对齐，为什么TODO？*/
	height:30px;
	margin-top: -10px;
}

/*--图片转换模块--*/
#images-bar {
	margin:0px auto 1px auto;
	clear:both;
	height:175px;
	overflow:hidden;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
}

#images-bar h2 {
	line-height:26px;
	height:26px;	
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	background: url(img/bg.gif) repeat-x;
	background-position:0% -600px;
}

#images-bar ul {
	margin:20px -6px 0 18px;
	padding-right:-15px;
}

#images-bar ul li {
	margin-right:12px;
	float:left;
	list-style-image: none;
	list-style-type: none;
}


/*--下部内容类--*/
.bottom-col {
	margin:1px 1px 2px 1px;
	float:left;
	width:330px;
	height:166px;
	border: 1px solid #CCCCCC;	background:  url(img/bg.gif) repeat-x;
	background-position:0% -700px;
}
#bottom-col1{
	margin-left: 0px;
}
#bottom-col3{
	margin-right: 0px;
}

.bottom-col h2{
	padding-left:20px;
	height:26px;	background: url(img/bg.gif) repeat-x;
	background-position:0% -600px;
	border-bottom: 1px solid #FF0000;
	vertical-align: middle;	
	line-height:26px;	
	color: #333333;	
}
.bottom-col .space{
	float:left;
	width:125px;
	height:90px;
	background-repeat:no-repeat;
	background-image:url(img/bottom-space-bg.jpg); 
	border:none;	
	margin:14px 11px 14px 11px;
}

#bottom-col1 .space{
	background-position: 0px;
}
#bottom-col2 .space{
	background-position: -125px;
}
#bottom-col3 .space{
	background-position: -250px;
}

.bottom-col ul {
	margin-top:14px;
	margin-left: 139px;
	margin-right: 14px;
	border-bottom: 1px solid #CCCCCC;
}
.bottom-col ul li {
	line-height:23px;
	list-style:none;
	list-style-image:none;	
}

.bottom-col .more{
	float:left;
	margin-left:133px;
	line-height:24px;
	/* TODO 调整高度 margin-top 不管用？*/
}