﻿
body {
	font-size:12px;
	font-family:Verdana, Arial,  "宋体", sans-serif;
	margin:0;
	padding:0;
	color:#333;
	background:url(../images/bg-page.jpg) repeat-x top #666;
	line-height:160%;}

	
/*********************************************************/

form,select {
  margin:0;
  padding:0;}
  
ul,li {
  margin:0;
  padding:0;
  list-style:none;}

.l {
	float:left;}
	
.r { 
	float:right;}
	
.cl {
	clear:both;}
	
a {
 color:#333;
  text-decoration:none;}

a:hover {
  color:#F90;}
    
img {
  border:0;}
  
.center {
  text-align:center;}

.right {
  text-align:right;}

.left {
  text-align:left;}

#layout { width:950px; clear:both; margin:9px auto; background:#FFF;}

/*********************************************/
/*************菜单*************************/
#menu {
	float:left;}
	

.xd_menu {
	position:relative;
	text-decoration:none;
	width:auto;
	z-index: 10;
	display: block;
	padding:0 15px;
	float: left;
	text-align:center;
	color:#1F1A17;
	height:28px;
	line-height:28px;
	margin-right:2px;
	background-image:url(../images/bg-nav.jpg);
	background-repeat:repeat-x;
	
}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/

.xd_menu:hover {
	color:#FFF;
	display:block;
	background:url(../images/bg-nav-hover.jpg) repeat-x;
}
.xd_menu span {
	display: none;
	width:auto;
}/*设置正常下的span为隐藏状态*/
.xd_menu:hover span {
	display:block;
	position:absolute;
	top:28px;
	left:-1px;
	width:80px;
	text-align:center;
	background:#006633;
	color:#FFF;
	text-decoration: none;
}/*设置hover下的span属性为呈现状态,并设置提示层的位置*/

.w200 {
  width:200px !important;}
  
.w150 {
  width:150px !important;}
  
.w210 {
  width:210px !important;}

.table_menu a {
	text-align: center;
	height: 20px;
	line-height:20px;
	overflow:hidden;
	color:#FFF;
	margin-top:5px;
	text-decoration: none;
	display: block;
}
.table_menu a:hover {
	color: #F1343B;
}

.table_menu {
	width: 100%;
}

#search-index { height:28px; line-height:28px; background:url(../images/bg-nav.jpg); padding:0 12px 0 20px; display:block; float:left; }

/*********************************************/

#top { width:100%; height:26px; line-height:26px; background:url(../images/bg-top.jpg) repeat; color:#FFF; clear:both;}
#top a {color:#FFF;}
#top a:hover { color:#FF0;}
#nav {height:40px; line-height:40px; background:#595E62; clear:both;border-bottom:1px #FFF solid;}


.search-input {color:#9A9A9A; height:18px; border:1px #9A9A9A solid; background:#FFF;}
#logo { height:76px; width:100%; background:#EAEAEA; color:#666;}
#logo a { text-decoration:underline; color:#F00;}
.bg-work { width:242px; height:150px; background:url(../images/bg-work.jpg) no-repeat;}
#main { min-height:400px; background:#EAEAEA; clear:both;}

.date { color:#CCC;}

#foot {width:100%; height:50px; line-height:20px; background:#1A3923; color:#E3E5E6; margin-top:1px; clear:both; padding-top:6px;}
.support { color:#BABEC1;}

.bg-kindlist { background:url(../images/bg-kindlist.jpg) no-repeat top #E7E8E8;}

.list-kind {margin:10px auto;}
.list-kind li { height:26px; line-height:26px; background:url(../images/bg-kind.gif) no-repeat bottom; display:block; clear:both; text-indent:12px;}
.list-kind li a { color:#0D112C;}
.list-kind li a:hover {color:#C30;}


.link-more { color:#757C82; text-decoration:underline; font-family:"宋体",Arial, Helvetica, sans-serif}

.bg-indexprod { width:669px; height:178px; background:url(../images/bg-indexprod.jpg) no-repeat;}

.location { float:right; color:#999; margin-top:-20px;}

.tit-prod {font-size:14px; color:#00A634; font-weight:bold;}

.prod-item { clear:both; margin-top:20px; padding-bottom:20px; border-bottom:1px #CCC solid;}