/* mainNav */
#mainNavWrapper {
background: url(mainNavBg.gif) repeat-x 0 0;/****一级栏目背景****/
position:absolute;
bottom:12px;
right:5px;
left:260px;
}
#mainNav {
text-align:center;
height:30px; /****一级栏目高度****/
background:url(mainNavRight.gif) no-repeat right 0;
}
.ddsmoothmenu {
font: normal 13px Arial;
}
.ddsmoothmenu ul.clearfix {
z-index:100;
margin: 0;
padding: 0 0 0 24px;
list-style-type: none;
background:url(mainNavLeft.gif) no-repeat left top;
}
/*顶级菜单项*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
margin-right:2px;
background:url(mainNavBg2.gif) no-repeat left top;/****一级栏目间隔线背景****/
}
.ddsmoothmenu ul li a {
text-transform:uppercase;
font-size:12px;
display: block;
width:90px;
text-align:center;
line-height:30px;/****改为跟一级栏目高度同样的数值****/
text-decoration: none;
}
* html .ddsmoothmenu ul li a {
display: inline-block;
}
.ddsmoothmenu ul li a{
color: #fff;/****文字颜色****/
}
.ddsmoothmenu ul li a:hover{
color: #037087;/****文字颜色****/
background:url(mainNavBg2.gif)  no-repeat 0 -30px;
}
.ddsmoothmenu ul li li a{
color:#037087;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li.current {
color: #037087;/****文字翻转颜色****/
}
.ddsmoothmenu ul li.current{
background:url(mainNavBg2.gif)  no-repeat 0 -30px;
}
.ddsmoothmenu ul li.current a {
color: #037087;
}
.ddsmoothmenu ul li li {
background:none;
}
/*子级菜单*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
padding: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: #78F2FC;/****子级菜单背景****/
font: normal 12px Arial;
padding:1px 16px;/****子级菜单内间距****/
width: 160px; /****子级菜单宽度****/
line-height:22px;/****子级菜单高度****/
margin: 0;
border: 1px solid #4CD9E4;/****子级菜单边框线****/
border-width:0 0 1px 1px;
text-align:left;
filter: Alpha(opacity=80);
-moz-opacity:.80;
opacity:0.80;
}
.ddsmoothmenu ul li ul li a:hover {
background:#4CD9E4;/****子级菜单翻转背景****/
}
/*菜单项下箭头和右箭头样式*/
.downarrowclass {
display:none;
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass {
position: absolute;
top: 6px;
right: 5px;
}
/*下拉菜单阴影*/
.ddshadow {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #B6CBDC;
}
.toplevelshadow {
opacity: 0.8;
}