body {
	font: 100% 宋体, 新宋体;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
	background-color: #FFF;
	font-size:12px;
}

a {
color:#333333;
text-decoration:none;
}

a:hover {
color:#FF3300;
}
img {border:0}
#container {
	width: 770px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background:  #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}
#header {
	background: url(../images/topBg.gif) #fff no-repeat top;
	height:116px;
}
#header h1 {
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
	font-size:0px;
	text-indent:-999em;
}
#top {
	height:81px;
}
#nav{
	list-style:none;
	margin:0;
	padding:0;
	height:35px;
}
#nav li,
#nav li a{
	width:82px;
	height:35px;
	display: block;
	float:left;
	text-indent:-999px;
	overflow:hidden;
	
}
#nav li a{background:url(../images/navBg.gif);}
#nav .btn1{width:114px;}
#nav .btn1 a{ width:114px;background-position: 0 top;}
#nav .btn2 a{ background-position: -114px top;}
#nav .btn22 a{ background-position: -196px top;}
#nav .btn3 a{ background-position: -278px top;}
#nav .btn4 a{ background-position: -360px top;}
#nav .btn5 a{ background-position: -442px top;}
#nav .btn6 a{ background-position: -524px top;}
#nav .btn7 a{ background-position: -606px top;}
#nav .btn8 a{ background-position: -688px top;}

#nav .btn1 a:hover{ width:114px;background-position: 0 topbottom;}
#nav .btn2 a:hover{ background-position: -114px bottom;}
#nav .btn22 a:hover{ background-position: -196px bottom;}
#nav .btn3 a:hover{ background-position: -278px bottom;}
#nav .btn4 a:hover{ background-position: -360px bottom;}
#nav .btn5 a:hover{ background-position: -442px bottom;}
#nav .btn6 a:hover{ background-position: -524px bottom;}
#nav .btn7 a:hover{ background-position: -606px bottom;}
#nav .btn8 a:hover{ background-position: -688px bottom;}

#nav .btn1 a.over{ background-position: 0 topbottom;}
#nav .btn2 a.over{ background-position: -114px bottom;}
#nav .btn22 a.over{ background-position: -196px bottom;}
#nav .btn3 a.over{ background-position: -278px bottom;}
#nav .btn4 a.over{ background-position: -360px bottom;}
#nav .btn5 a.over{ background-position: -442px bottom;}
#nav .btn6 a.over{ background-position: -524px bottom;}
#nav .btn7 a.over{ background-position: -606px bottom;}
#nav .btn8 a.over{ background-position: -688px bottom;}

#banner{ margin:1px 0 0 0;}

#mainContent {
	
	background: #FFFFFF;
}
.cont{
	padding:10px 5px;
	line-height:1.8em;
}
.cont1{
	padding:10px 0;
	float:left;
	line-height:1.8em;
}


.thrColFixHdr #sidebar1 {
	float: left; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 200px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	margin-top:10px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 200px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	margin-top:10px;

}
.thrColFixHdr #mainContent {
	margin: 10px 0px 0px 214px;
}
.twoColFixHdr #sidebar1 {
	float: left; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 200px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	margin-top:10px;
}
.twoColFixHdr #mainContent {
	margin: 6px 0 0 200px;
	padding: 0 0 0 15px;
}
.twoColFixHdr #mainTit {
	background:url(../images/mainTitBg.gif) no-repeat right #B2DFFF;
	color:#07558c;
	height:33px;
	line-height:33px;
	text-indent:0.8em;
}



#footer {
	clear:both;
	margin-top:8px;
	padding:10px 0 10px 0px;
	background:url(../images/footline.gif) top no-repeat;
	color:#333;
	line-height:1.5em;
}
#footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	font-family:Verdana, Arial, "宋体";
}
#footnav { float:right; width:250px; color:#999; margin:0 0 0 20px;}

.clearfloat{
	clear:both;
}

.indexCont{
	height:180px;
	background:url(../images/indexCont.gif) no-repeat top left;
}
#slider {
	margin:2px 0 0;
	position:relative;
	width:190px;
}

#leftmenu{ margin:0; padding:0; list-style:none;}
#leftmenu .both1list{height:0px; overflow:hidden; *margin-top:-14px;}
#leftmenu li{ margin:0; padding:2px 0; border-bottom:1px solid #ccc;}
#leftmenu li a{ display:block; height:25px; text-indent:2em; line-height:25px; background: url(../Images/1arr.gif) no-repeat 165px center #EBF1F5;color:#0a74bf;}
#leftmenu li a:hover{ background: url(../Images/1arr.gif) no-repeat 170px center #ebf1f5; }
#leftmenu li.pronew a{ display:block; height:25px; text-indent:2em; line-height:25px; background: url(../Images/3arr.gif) no-repeat 165px center #EBF1F5;color:#c4261d;}
#leftmenu li ul{ margin:0; padding:0;list-style:none;}
#leftmenu li ul li{ margin:0; padding:2px 0; border:0;border-top:1px dotted #ccc;}
#leftmenu li ul li a{ display:block; height:23px; text-indent:3.5em; line-height:23px;padding-top:2px; background: url(../Images/2arr.gif) no-repeat 28px center #fff;color:#0a74bf;}
#leftmenu li ul li a:hover{ background: url(../Images/2arr.gif) no-repeat 30px center #ebf1f5;}
#leftmenu li ul li.liullitext a {color:#4d4d4d;}
#leftmenu li ul li.liullitext0 a {color:#c4261d;}
#leftmenu li ul li.liullitext1 a { display:block; height:23px; text-indent:2.1em; line-height:23px;padding-top:2px;color:#4d4d4d; background:none;}
#leftmenu li ul li.liullitext1 a:hover{color:#c4261d; background-color:#ebf1f5;}
#leftmenu li ul li.liullitext2 a { display:block; height:23px; text-indent:2.1em; line-height:23px;padding-top:2px;color:#c4261d; background:none;}

.scroll {
background:#FFFFFF none repeat scroll 0 0;
border:0 solid #E7EBF7;
clear:left;
height:110px;
margin:0;
overflow-x:hidden;
overflow-y:auto;
position:relative;
width:190px;
}
.scrollContainer div.panel {
font-size:12px;
height:105px;
padding:1px;
width:190px;
}
.PicListBtn {
border:0 solid #CCCCCC;
width:200px;
}
.PicListBtn a {
float:left;
height:50px;
width:35px;
margin:4px 6px 0 0;
_margin:4px 4px 0 0;
}
.PicListBtn #a5{
	margin:4px 0 0 0;
}
.scrollButtons {
cursor:pointer;
display:none;
height:0;
width:0;
}

.pic {
border:3px solid #FFFFFF;
}
.pic1 {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E6E6E6;
padding:2px;
}
.table {
height:175px;
margin:0 auto;
border:1px solid #CCC;
}
.table_1_1 {
background-color:#FFFFFF;
padding:4px;
}
.table_1_1_pic {
}
.table_1_1_title {
float:left;
padding-top:5px;
text-align:left;
}
.table_1_1_page {
float:right;
padding-top:2px;
text-align:right;
width:20px;
}
.leftpic{
	margin:10px 0;
}
.showpage{
	margin-top:10px;
	border-top:1px dotted #09C;
	height:30px;
	line-height:30px;
}
.showpage table{
	height:30px;
	line-height:30px;
}
.clearThis {clear:both;}

/*----------------------*/
.prodlist{
	list-styl:none;
	margin:0;
	padding:2px;
	line-height:20px;
}
	.prodlist li{
		display:block;
		margin:0;
		padding:10px 0;
		width:100%;
		float:left;
		text-align:center;
		border-bottom:1px dashed #79C0F2;
	}
		.prodlist li a{
			text-decoration:none;
			color:#296969;
		}
		.prodlist li a:hover{
			text-decoration: underline;
			color:#000;
		}
	.prodlist .img {
		width:165px;
		height:175px;
		background-color:#ffffff;
		float:left;
		font-size:150px;
	}
		.prodlist .img a{
			display:block;
			width:165px;
			height:175px;
			border:1px solid #fff; 
			text-align:center;
			overflow:hidden;
		}
		.prodlist .img a:hover{
			border:1px solid #D9EFFF;
		}
	.prodlist .imgcont{
		margin:0 0 0 180px;
		text-align:left;
	}
	.prodlist .imgcont h3{
		font-size:14px;
		color:#666;
		margin:0;
		padding:0;
	}
	.prodlist .list_date{
		display:block;
		float:right;
		line-height:20px;
		color:#999999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	}
.prod_name{
	font-size:15px;
	font-weight:bold;
	color:#666;
}
.prod_name span{
	display:block;
	margin-top:-5px;
	margin-bottom:20px;
	font-size:12px;
	font-weight: normal;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
.showpic {
	width:220px;
	text-align:center;
	line-height:220px;
}

/*----------------------*/

/*------------------------*/
.picshow{
	list-styl:none;
	margin:0;
	padding:2px;
	line-height:20px;
}
	.picshow li{
		display:inline;
		margin:0;
		margin-left:25px;
		margin-right:5px;
		margin-bottom:5px;
		padding:0;
		height:200px;
		width:220px;
		float:left;
		text-align:center;
	}
		.picshow li a{
			display:block;
			text-decoration:none;
			color:#0A74BF;
			line-height:normal;
		}
		.picshow li a:hover{
			text-decoration: underline;
			color:#666;
		}
		.picshow li span{
			display:block;
			text-align:center;
			color:#999999;
		}
	.picshow .img {
		margin:5px;
		background-color:#FFFFFF;
		border:5px solid #EBF1F5;
	}
		.picshow .img a{
			display:block;
			width:200px;
			height:150px;
			border:1px solid #FFFFFF; 
			text-align:center;
			overflow:hidden;
		}
		.picshow .img a:hover{
			border:1px solid #8CB7BF;
		}
/*----------------------*/
