﻿/*======================总体控制======================*/
*{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:0px;
	margin:0px;
	padding:0px;
	text-align:left;
}
body{
	text-align:center;
}
/*===================================================*/

/*======================链接样式======================*/
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
/*===================================================*/

/*======================页面布局======================*/
#container{
	width:960px;
	margin:0 auto;
}
#body{
	width:960px;
	float:left;
}
.area{
	margin:5px 0;
	float:left;
}
.part{
	width:960px;
	position:relative;
	float:right;
}
#areaRight{
	width:190px;
	background:url(images/rightBg.png) no-repeat;
	position:absolute;
	right:0px;
	top:10px;
	float:right;
}
#areaRight #cont{
	width:170px;
	height:460px;
	text-align:left;
	margin:150px 0 0 10px;
	float:right;
}
#areaRight #cont a{
	display:block;
	margin:2px 20px 2px 17px;
	line-height:17px;
	height:17px;
	background:url(images/rightPointImg.GIF) no-repeat;
	padding-left:20px;
}
#areaRight #cont .colorRed{
	color:#f719ac;
}
#areaRight #cont .colorBlk{
	color:black;
}
#areaRight #areaRightImg{
	width:180px;
	height:90px;
	margin-top:10px;
	float:right;
}
#banner{
	width:960px;
	height:110px;
	float:left;
}
/*===================================================*/

/*======================areaOne======================*/
#areaOne{
	width:770px;
	height:345px;
}
#areaOne #cont{
	background:#bba867;
	width:770px;
	height:340px;
	float:left;
}
#areaOne #cont #tit{
	display:block;
	width:770px;
	height:30px;
	background:url(images/areaContTop.gif) no-repeat bottom left;
}
#areaOne #cont ul{
	width:240px;
	height:220px;
	padding:0;
	margin:0 3px 0 7px;
	display:block;
	overflow:hidden;
	float:left;
}
#areaOne #cont ul li{
	width:240px;
	height:22px;
	list-style:none;
	margin:2px 0;
	padding:0x;
}
#areaOne #cont .odd{
	background:#bba867;
}
#areaOne #cont .even{
	background:#cec08b;
}
#areaOne #cont ul li .num{
	width:16px;
	height:16px;
	line-height:18px;
	margin:2px 0 0 4px;
	display:block;
	background:#F719AC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	float:left;
	clear:left;
}
#areaOne #cont ul li .tit{
	display:block;
	color:#FFFFFF;
	line-height:18px;
	float:left;
	width:120px;
	margin:2px 5px 2px 10px;
	overflow:hidden;
}
#areaOne #cont ul li .sin{
	display:block;
	color:#FFFFFF;
	line-height:18px;
	float:left;
	width:55px;
	margin:2px 0 2px 2px;
	overflow:hidden;
}
#areaOne #cont ul li .down{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:4px 0 3px 2px;
	background:url(images/button.gif);
	clear:right;
}
/*===================================================*/

/*======================areaTwo======================*/
#areaTwo{
	width:770px;
	height:255px;
}
#areaTwo #areaShow{
	width:265px;
	height:250px;
	background:url(images/areaShow.gif) no-repeat;
	position:relative;
	float:left;
}
#areaTwo #areaShow .picA{
	width:104px;
	height:30px;
	background:url(images/picA.gif) no-repeat;
	position:absolute;
	text-align:center;
	top:35px;
	left:16px;
	padding-top:90px;
	color:#FFFFFF;
}
#areaTwo #areaShow .picB{
	width:104px;
	height:30px;
	background:url(images/picB.gif) no-repeat;
	position:absolute;
	text-align:center;
	top:35px;
	right:14px;
	padding-top:90px;
	color:#FFFFFF;
}
#areaTwo #areaShow .top{
	display:block;
	padding:10px 14px 0;
	font-size:14px;
	font-weight:bold;
}
#areaTwo #areaHot{
	width:495px;
	height:250px;
	background:url(images/areaHot.gif) no-repeat;
	float:right;
}
#areaTwo #areaHot #cont{
	width:475px;
	height:205px;
	padding:0 10px;
}
#areaTwo ul{
	width:220px;
	height:230px;
	padding:0;
	margin:0 3px 0 7px;
	display:block;
	overflow:hidden;
	float:left;
}
#areaTwo li{
	width:220px;
	height:22px;
	list-style:none;
	margin:1px 0;
	padding:0x;
}
#areaTwo .odd{
}
#areaTwo .even{
	background:#e3e3e3;
}
#areaTwo li .num{
	width:16px;
	height:16px;
	line-height:18px;
	margin:2px 0 0 4px;
	display:block;
	background:#F719AC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	float:left;
	clear:left;
}
#areaTwo li .tit{
	display:block;
	color:#000000;
	line-height:18px;
	float:left;
	width:100px;
	margin:2px 5px 2px 10px;
	overflow:hidden;
}
#areaTwo li .sin{
	display:block;
	color:#000000;
	line-height:18px;
	float:left;
	width:55px;
	margin:2px 0 2px 2px;
	overflow:hidden;
}
#areaTwo li .down{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:4px 0 3px 2px;
	background:url(images/button.gif);
	clear:right;
}
/*===================================================*/

/*=====================areaThree=====================*/
#areaThree{
	width:960px;
	height:290px;
	background:url(images/areaListTop.gif) repeat-x #f0f1f3;
	float:left;
}
#areaThree .area{
	width:240px;
	height:290px;
	text-align:center;
	float:left;
}
#areaThree .area .top{
	height:38px;
	line-height:38px;
	color:#034786;
	font-weight:bold;
	font-size:14px;
	background:url(images/areaListTopPoint.gif) no-repeat 5px 8px;
	padding:0 30px;
}
#areaThree .area .cont{
	width:95%;
	height:240px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
#areaThree .cont ul{
	width:220px;
	height:250px;
	padding:0;
	margin:10px 3px 0;
	display:block;
	overflow:hidden;
	float:left;
}
#areaThree .cont ul li{
	width:220px;
	height:22px;
	list-style:none;
	margin:1px 0;
	padding:0x;
}
#areaThree .cont .odd{
}
#areaThree .cont .even{
	background:#f0f1f3;
}
#areaThree .cont ul li .tit{
	display:block;
	color:#000000;
	line-height:18px;
	float:left;
	width:120px;
	margin:2px 5px 2px 10px;
	overflow:hidden;
}
#areaThree .cont ul li .sin{
	display:block;
	color:#000000;
	line-height:18px;
	float:left;
	width:55px;
	margin:2px 0 2px 2px;
	overflow:hidden;
}
#areaThree .cont ul li .down{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:4px 0 3px 2px;
	background:url(images/button.gif);
}
/*===================================================*/

/*======================areaFour=====================*/
#areaFour{
	width:960px;
	height:270px;
	border:#ff1278 solid 3px;
	background:url(images/areaFourTopBg.gif) repeat-x 0px 5px;
	text-align:center;
	float:left;
}
#areaFour #left{
	width:15px;
	height:33px;
	background:url(images/areaFourTopLeft.gif);
	margin-top:5px;
	float:left;
}
#areaFour #right{
	width:15px;
	height:33px;
	background:url(images/areaFourTopRight.gif);
	margin-top:5px;
	float:right;
}
#areaFour #pic{
	width:99px;
	height:42px;
	background:url(images/areaFourTopPic.png);
	float:left;
}
#areaFour #cont{
	width:950px;
	height:215px;
	border:5px solid #FFFFFF;
	background:#FFFFFF;
	float:left;
}
#areaFour #cont ul{
	margin:0;
	padding:0;
}
#areaFour #cont ul li{
	display:block;
	width:125px;
	height:21px;
	line-height:21px;
	list-style:circle;
	float:left;
	padding:0 0 0 10px;
	border-bottom:#FF0000 dotted 1px;
}
#areaFour #cont .colorRed{
	color:red;
}
#areaFour #cont .colorBlk{
	color:black;
}
/*===================================================*/

/*=======================foot========================*/
#foot{
	width:860px;
	background:url(images/footBg.gif) repeat-x;
	text-align:center;
	padding:20px 50px;
	float:left;
}
#foot img{
	float:left;
	margin:0 20px 0 60px;
}
#foot span{
	display:block;
	width:420px;
	height:60px;
	line-height:160%;
	float:left;
	margin:0 0px 0 40px;
}
/*===================================================*/