@charset "gb2312";
body {
	background-color:#FFF; margin:0px; padding:0px; font-size:12px; color:#353535;
}
#content{
	width:978px;
	
}
#top{ float:left; width:100%;}
#logo{ float:left; margin:5px 0px 5px 0px;}
#logo_right{ float:right; background-image:url(../images/logo_right.jpg); width:298px; height:30px; padding-top:5px;}
a{ text-decoration:none; color:#353535;}
a:hover{ color:#C00;}
#menu{ background-image:url(../images/menu_bg.jpg); float:left; width:976px; height:27px; padding-top:15px;}
#menu a{ color:#FFF; font-size:14px; font-weight:bold;}
#menu a:hover{ color:#FC0;}
#banner{ float:left;}
#left{ float:left; width:222px; text-align:left; margin-top:10px;}
.long_title{ background-image:url(../images/long.jpg); width:210px; height:24px; font-size:14px; font-weight:bold; color:#fff; padding:5px 0px 0px 12px;} 
.longer_title{ background-image:url(../images/longer.jpg); width:499px; height:24px; font-size:14px; font-weight:bold; color:#fff; padding:5px 0px 0px 12px;} 
.longest_title{ background-image:url(../images/longest.jpg); width:963px; height:24px; font-size:14px; font-weight:bold; color:#fff; padding:5px 0px 0px 12px; float:left; text-align:left;} 
#main{ margin:10px 0px 10px 10px;  float:left; width:746px; text-align:left;}
*html #main{ margin-left:6px;}
#news_list{ float:left; width:700px; margin:10px 0px 10px 20px; padding:0px;}
*html #news_list{ margin:10px 0px 10px 10px;}
#news_list li{ line-height:32px; list-style:none; background-image:url(../images/ico.jpg); background-repeat:no-repeat; background-position:left center; padding-left:10px; border-bottom:1px dashed #CCC;}
.main_title{ background-image:url(../images/main_title.jpg); width:735px; height:24px; font-size:14px; font-weight:bold; color:#fff; padding:5px 0px 0px 12px; float:left; text-align:left;} 
#product_list{ float:left; margin:0px; padding:0px;}
#product_list li{ float:left; width:152px; list-style:none; text-align:center; margin:10px 0px 0px 28px;}
*html #product_list li{margin:10px 0px 0px 18px;}
#product_list li img{ border:1px solid #CCC}
#left_ul{ margin:0px; padding:0px; float:left; border-left:1px solid #E5E5E7;border-right:1px solid #E5E5E7;border-bottom:1px solid #E5E5E7;}
#left_ul li{ list-style:none; background-image:url(../images/menu_left_bg.jpg); height:22px; width:170px; padding:12px 0px 0px 50px;}
#left_ul li a{ font-size:14px; font-weight:bold;}
#search_title{ float:left; margin:10px 0px 5px 0px;}
#mid{ float:left; width:511px; text-align:left; margin:10px 7px 0px 13px;}
*html #mid{ margin:10px 5px 10px 10px;}
#mid ul{ margin:0px; padding:0px; margin:5px 0px 5px 10px; width:328px; }
#mid ul li{ line-height:24px; border-bottom:1px dashed #CCC; list-style:none; background-image:url(../images/ico.jpg); background-repeat:no-repeat; background-position:center left; padding-left:10px;}
#right{ float:right; margin-top:10px; width:222px;}
#bottom{ float:left; background-image:url(../images/bottom_bg.jpg); background-repeat:repeat-x; height:73px; width:975px; line-height:24px; padding-top:20px;}
.gd{float:left; margin:8px 0px 10px 0px; background-color:#F1EFF0; padding-top:8px; height:125px;}
.gb a img{ float:left;}
a img{ border:none; margin-left:3px;}
#nav {
width:200px;
line-height: 36px; 
list-style-type: none;
text-align:left;
 border-left:1px solid #E5E5E7;border-right:1px solid #E5E5E7;border-bottom:1px solid #E5E5E7;
/*定义整个ul菜单的行高和背景色*/
}

/*==================一级目录===================*/
#nav a {
width: 180px; 
display: block;
padding-left:40px;
/*Width(一定要)，否则下面的Li会变形*/
}

#nav li {
border-bottom:#FFF 1px solid; /*下面的一条白边*/
float:left;

background-image:url(../images/menu_left_bg.jpg);
font-weight:bold;

}

#nav li a:hover{
	color:#036;
/*background:#F85B78;*/ /*一级目录onMouseOver显示的背景色*/
}

#nav a:link {
color:#DD1336; text-decoration:none;
}

#nav a:visited {
color:#DD1336;text-decoration:none;
}

#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}

/*==================二级目录===================*/

#nav li ul {
list-style:none;
text-align:left;
}

#nav li ul li{
background:#D9E7F9; /*二级目录的背景色*/
font-weight:normal;
}

#nav li ul a{
padding-left:40px;
width:180px;
/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/

}

/*下面是二级目录的链接样式*/
#nav li ul a:link {
color:#000; text-decoration:none;
}

#nav li ul a:visited {
color:#999;text-decoration:none;
}

#nav li ul a:hover {
color:#F3F3F3;
text-decoration:none;
font-weight:normal;
background:#FFAA1C;
/* 二级onmouseover的字体颜色、背景色*/

}

/*==============================*/

#nav li:hover ul {
left: auto;
}

#nav li.sfhover ul {
left: auto;
}

#content {
clear: left; 
}
ul{ margin:0px; padding:0px;}

#nav ul.collapsed {
display: none;
}

#PARENT{
width:205px;
}