/*******************************************************************************************************************************
This Effect Of The Menu Which Created By Dasheng And Changan In Ni8.com.
You can use it in everywhere except for deleting these words.
															2009.12.05
******************************************************************************************************************************/
img{ border:0;}
.ddsmoothmenu { font:12px Tahoma;}

.ddsmoothmenu ul {	 z-index:100;
					 margin: 0; padding: 0; 
					 list-style: none;
					 float:left;
 					 width:600px;}
					 
			 
 

/*一级栏目---an*/
.ddsmoothmenu ul li {position: relative;
					 display:inline;
 					 line-height:20px;/*一级LI高度 用了ID可以不用调整*/
 }
 

/*一级栏目的链接---an*/
.ddsmoothmenu ul li a {
 display: block; 
 text-decoration: none;
 
 }
  
 /*一级栏目链接的属性设置*/
.ddsmoothmenu ul li a:link { color: #FFF; }
.ddsmoothmenu ul li a:hover { color: white; }


/*二级栏目整体控制*/
.ddsmoothmenu ul li ul { position: absolute; left:0; }

/*二级栏目LI的控制*/
.ddsmoothmenu ul li ul li {line-height:20px;}


/*二级栏目的链接属性*/
.ddsmoothmenu ul li ul li a {display: block; 
							 text-decoration: none;
							 }
.ddsmoothmenu ul li ul li ul { top: 0;}
/*箭头*/
.downarrowclass { position: absolute; top: 6px; right: 7px; display:none; /*去掉箭头，恢复箭头display:none;删除就可以了*/}
.rightarrowclass { position: absolute; top: 6px; right: 5px;  /*display:none;去掉箭头，恢复箭头display:none;删除就可以了*/ }
/*阴影 */
.ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow {opacity: 0.8; }



/*sz2的补充，因为每个宽度不同，定义每个ID*/

#nav_home{ width:119px; line-height:20px;float:left; margin-left:1px/*这个PADDING-left是因为阿祥左边有个黑色的,别的不需要的*/}



#nav_product{ width:119px; line-height:20px;float:left; margin-left:1px;}
#nav_product ul{ width:116px; background:#cccccc; border:1px solid #dddddd;display:none;}
#nav_product ul li{width:117px; background:#D3D3D3; line-height:20px;display: block; margin-left:2px;}
#nav_product ul li a{text-align:left; text-indent:1em; background-color:#cccccc; color:#000;}
#nav_product ul li a:hover{background:#E3E3E3; text-decoration:none;}

#nav_news{ width:119px; line-height:20px;float:left; margin-left:1px;}
#nav_news ul{ width:116px; background:#cccccc; border:1px solid #dddddd;display:none;}
#nav_news ul li{width:117px; background:#D3D3D3; line-height:20px;display: block; margin-left:2px;}
#nav_news ul li a{text-align:left; text-indent:1em; background-color:#cccccc; color:#000;}
#nav_news ul li a:hover{background:#E3E3E3; text-decoration:none;}

#nav_member{ width:119px; line-height:20px;float:left; margin-left:1px;}
#nav_member ul{ width:116px; background:#cccccc; border:1px solid #dddddd;display:none;}
#nav_member ul li{width:117px; background:#D3D3D3; line-height:20px;display: block; margin-left:2px;}
#nav_member ul li a{text-align:left; text-indent:1em; background-color:#cccccc; color:#000;}
#nav_member ul li a:hover{background:#E3E3E3; text-decoration:none;}




#nav_shop{ width:1px; line-height:38px;float:left;text-align:right;}
 


#nav_service{ width:119px; line-height:20px;float:left; margin-left:1px;}
#nav_service ul{ width:116px; background:#cccccc; border:1px solid #dddddd;display:none;}
#nav_service ul li{width:117px; background:#D3D3D3; line-height:20px;display: block;margin-left:2px;}
#nav_service ul li a{text-align:left; text-indent:1em; background-color:#cccccc; color:#000;}
#nav_service ul li a:hover{background:#E3E3E3; text-decoration:none;}




#nav_about{ width:119px; line-height:20px;float:left;margin-left:1px; }
#nav_about ul{ width:116px; background:#cccccc; border:1px solid #dddddd;display:none;}
#nav_about ul li{width:117px; background:#D3D3D3; line-height:20px;display: block;margin-left:2px;}
#nav_about ul li a{text-align:left; text-indent:1em; background-color:#cccccc; color:#000;}
#nav_about ul li a:hover{background:#E3E3E3; text-decoration:none;}