/* mainNav */
#mainNav {
height:44px; /****一级栏目高度****/
background:url(mbg.gif) repeat-x;/****一级栏目背景****/
text-align:center;
}
.ddsmoothmenu {
font: normal 12px Verdana;
width: 100%;
}
.ddsmoothmenu ul {
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*顶级菜单项*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}
.ddsmoothmenu ul li a {
font-size:13px;
font-weight:bold;
display: block;
padding: 0 26px;/****一级栏目间距****/
line-height:44px;/****改为跟一级栏目高度同样的数值****/
background:url(mainNavIcon.gif) no-repeat 10px 45%;/****一级栏目间隔线背景****/
text-decoration: none;
}
* html .ddsmoothmenu ul li a {
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
color: #2d849e;/****文字颜色****/
}
.ddsmoothmenu ul li a:hover {
color: #27687C;/****文字翻转颜色****/
}
/*子级菜单*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
margin:0;
padding:0;
background:none;
}
.ddsmoothmenu ul li ul li ul {
top: 0;
}
.ddsmoothmenu ul li ul li a {
background: #DAF3F7;/****子级菜单背景****/
font: normal 12px Verdana;
padding:1px 16px;/****子级菜单内间距****/
width: 110px; /****子级菜单宽度****/
line-height:22px;/****子级菜单高度****/
margin: 0;
border: 1px solid #13728E;/****子级菜单边框线****/
border-width:0 0 1px 0;
/*filter: Alpha(opacity=80);
-moz-opacity:.80;
opacity:0.80;*/
}
.ddsmoothmenu ul li ul li a:hover {
background:#70AEC1;/****子级菜单翻转背景****/
}
/*菜单项下箭头和右箭头样式*/
.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;
}