/*******************************************************************************************************************************
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:11px Tahoma;}

.ddsmoothmenu ul {	 z-index:100;
					 margin: 0; padding: 0; 
					 list-style: none;
					 float:left;
					 background:#959494 url(../images/nav_bg.gif) repeat-x;/*这个是整体的背景 #e67315是橙色打底，防止图片不能显示时，保证背景*/ 
					 width:596px;}
					 
					 
 /*用来设置右边与箭头的空格而已*/
.ddsmoothmenu  span {padding-left:15px;}


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

 

/*一级栏目的链接---an*/
.ddsmoothmenu ul li a {
 display: block; 
 text-decoration: none; 
 }
  
 /*一级栏目链接的属性设置*/
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { 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_left{width:69px;float:left;height:28px; line-height:28px; margin:0px;padding:0px; background-image:url(../images/top_05.gif); background-repeat:no-repeat; background-position:top;}
#nav_home{ width:49px; line-height:28px;float:left;/*这个PADDING-left是因为阿祥左边有个黑色的,别的不需要的*/}

#nav_home ul{ width:128px; background:#959494; border:1px solid #ccc;display:none;}
#nav_home ul li{ width:128px; background:#959494; line-height:28px;display: block;}
#nav_home ul li a{background:#959494; text-align:left;}
#nav_home ul li a:link,#nav_home ul li a:visited{background:#959494;}
#nav_home ul li a:hover{background:#FFF; color:#808080;}

#nav_product{ width:88px; line-height:28px;float:left; background: url(../images/nav_s.gif) no-repeat left;/*这个背景其实是每个的左边的小分割线*/ text-align:center;}
#nav_product ul{ width:190px; background:#959494; border:1px solid #ccc;display:none;}
#nav_product ul li{ width:190px; background:#959494; line-height:28px;display: block;}
#nav_product ul li a{background:#959494; text-align:left;}
#nav_product ul li a:link,#nav_product ul li a:visited{background:#959494;}
#nav_product ul li a:hover{background:#FFF; color:#808080;}


#nav_support{ width:88px; line-height:28px;float:left; background: url(../images/nav_s.gif) no-repeat left; text-align:center;}
#nav_support ul{ width:128px; background:#959494; border:1px solid #ccc; display:none;}
#nav_support ul li{ width:128px; background:#959494; line-height:28px;display: block; }
#nav_support ul li a{background:#959494; text-align:left;}
#nav_support ul li a:link,#nav_support ul li a:visited{background:#959494;}
#nav_support ul li a:hover{background:#FFF; color:#808080;}


#nav_member{ width:88px; line-height:28px;float:left; background: url(../images/nav_s.gif) no-repeat left; text-align:center;}
#nav_member ul{ width:128px; background:#959494; border:1px solid #ccc;display:none;}
#nav_member ul li{ width:128px; background:#959494; line-height:28px;display: block; }
#nav_member ul li a{background:#959494; text-align:left;}
#nav_member ul li a:link,#nav_member ul li a:visited{background:#959494;}
#nav_member ul li a:hover{background:#FFF; color:#808080;}

#nav_order{ width:88px; line-height:28px;float:left; background: url(../images/nav_s.gif) no-repeat left; text-align:center;}
 
#nav_business{ width:88px; line-height:28px;float:left; background: url(../images/nav_s.gif) no-repeat left; text-align:center;}
#nav_business ul{ width:100px; background:#959494; border:1px solid #ccc;display:none;}
#nav_business ul li{ width:100px; background:#959494; line-height:28px;display: block; }
#nav_business ul li a{background:#959494; text-align:left;}
#nav_business ul li a:link,##nav_business ul li a:visited{background:#959494;}
#nav_business ul li a:hover{background:#FFF; color:#808080;}