﻿/* mainNav */
#mainNav {
height:30px; /****一级栏目高度****/
background: url(mainNavRight.gif) no-repeat 100% 0;
text-align:center;
}
.ddsmoothmenu {
font: normal 12px Verdana;
width: 100%;
}
.ddsmoothmenu ul.clearfix {
z-index:100;
margin: 0;
padding: 0 0 0 32px;
list-style-type: none;
background:url(mainNavLeft.gif) no-repeat 0 0;
}
/*顶级菜单项*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}
.ddsmoothmenu ul li a {
display: block;
width:97px;
text-align:center;
line-height:30px;/****改为跟一级栏目高度同样的数值****/
text-decoration: none;
background-image:url(mainNav.gif);
background-repeat:no-repeat;
}
.ddsmoothmenu ul li a span{
    margin-left:-9999em;}
* html .ddsmoothmenu ul li a {
display: inline-block;
}
.ddsmoothmenu ul li a{
color: #fff;/****文字颜色****/
}
.ddsmoothmenu ul li a:hover {
color: #FF0;/****文字翻转颜色****/
}
.menuHome a{
background-position:0 0;
}
.menu1 a{
background-position:-97px 0;
}
.menu2 a{
background-position:-194px 0;
}
.menu3 a{
background-position:-291px 0;
}
.menu4 a{
background-position:-388px 0;
}
.menu5 a{
background-position:-485px 0;
}
.menu6 a{
background-position:-582px 0;
}
.menu7 a{
background-position:-679px 0;
}
.menu8 a{
background-position:-776px 0;
}
.menuHome a:hover, .menuHome .current{
background-position:0 -30px;
}
.menu1 a:hover, .menu1 .current{
background-position:-97px -30px;
}
.menu2 a:hover, .menu2 .current{
background-position:-194px -30px;
}
.menu3 a:hover, .menu3 .current{
background-position:-291px -30px;
}
.menu4 a:hover, .menu4 .current{
background-position:-388px -30px;
}
.menu5 a:hover, .menu5 .current{
background-position:-485px -30px;
}
.menu6 a:hover, .menu6 .current{
background-position:-582px -30px;
}
.menu7 a:hover, .menu7 .current{
background-position:-679px -30px;
}
.menu8 a:hover, .menu8 .current{
background-position:-776px -30px;
}


/*子级菜单*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
}
.ddsmoothmenu ul li ul li ul {
top: 0;
}
.ddsmoothmenu ul li ul li a {
background: #75726F;/****子级菜单背景****/
font: normal 12px Verdana;
padding:1px 0;/****子级菜单内间距****/
width: 95px; /****子级菜单宽度****/
line-height:26px;/****子级菜单高度****/
margin: 0;
border: 1px solid #BA0F13;/****子级菜单边框线****/
border-width:0 1px 1px 1px;
/*filter: Alpha(opacity=80);   
-moz-opacity:.80;   
opacity:0.80;*/
}
.ddsmoothmenu ul li ul li a:hover {
background:#D11216;/****子级菜单翻转背景****/
}
