/*
功能：网站导航栏目下拉菜单CSS效果
版权：智讯科技
日期：2014年7月31日
*/

OL {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
UL {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
LI {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
DIV {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
LI {
	LIST-STYLE-TYPE: none; OVERFLOW: hidden
}
/* 导航宽度与定位 */
#header {
	POSITION: absolute;
	Z-INDEX: 901;
	MARGIN-TOP: -30px;
	WIDTH: 700px;
}
#header .nav {
	FLOAT: right; 
	MARGIN-TOP: 0px; 
	WIDTH: 700px
}
/* 一级导航文字间隔条 */
#header .nav UL .mainlevel {
	FLOAT: left;
}
#header .nav UL {
	DISPLAY: table
}
/* 一级栏目的字体样式和背景 */
#header .nav UL LI .nav-a {
	FONT-SIZE: 16px;
	HEIGHT: 65px;
	TEXT-DECORATION: none;
	DISPLAY: inline-block;
	LINE-HEIGHT: 45px;
	PADDING-LEFT: 18px;
	PADDING-RIGHT: 18px;
}
#header .nav UL LI .nav-a:hover {
	COLOR: #e30010; 
	BACKGROUND: url(/images/index_01_1.gif) no-repeat 48px 50px;
	LINE-HEIGHT: 45px; 
	PADDING-LEFT: 18px;
	PADDING-RIGHT: 18px;
}
/* 导航第一个栏目效果 */
#header .nav UL LI.first-crl {
	BACKGROUND: 0px 0px
}
#header .nav UL LI.first-crl .nav-a {
	HEIGHT: 37px; 
}
#header .nav UL LI.first-crl .nav-a .current {
	HEIGHT: 37px;
}
#header .nav UL LI.first-crl .nav-a:hover {
	HEIGHT: 37px;
}
/* 导航最后一个栏目效果 */
#header .nav UL LI.end-crl .nav-a {
	HEIGHT: 38px; 
}
#header .nav UL LI.end-crl .current.nav-a {
	HEIGHT: 38px; 
	background-color: #ef8619;
}
#header .nav UL LI.end-crl .nav-a:hover {
	HEIGHT: 38px; 
	background-color: #ef8619;
}
/* 二级栏目背景效果 */
.mainlevel DIV {
	HEIGHT: 35px; 
	LINE-HEIGHT: 35px;
	BACKGROUND: url(/images/nav-bg-09.png) 0px 0px;
	POSITION: absolute;
	PADDING-LEFT: 15px; 
	DISPLAY: none; 
	TOP: 60px; 
	PADDING-RIGHT: 15px; 
}
#sub_01 {
	LEFT: 80px
}
#sub_02 {
	LEFT: 180px
}
#sub_03 {
	LEFT: 280px
}
#sub_04 {
	LEFT: 180px
}
#sub_05 {
	RIGHT: 130px
}
#sub_06 {
	RIGHT: 30px
}
.mainlevel DIV OL {
	OVERFLOW: hidden; FLOAT: left; DISPLAY: block;
}
.mainlevel DIV LI {
	LINE-HEIGHT: 27px;
}
.mainlevel DIV LI A {
	HEIGHT: 27px; COLOR: #ffffff; PADDING-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 27px; WIDTH: 75px
}
.mainlevel DIV LI A:hover {
	COLOR: #ffffff
}
.mainlevel DIV .nav-img {
	FLOAT: right; DISPLAY: inline-block
}
.mainlevel DIV SPAN IMG {
	BORDER-TOP: #ffffff 3px solid; BORDER-RIGHT: #ffffff 3px solid; BORDER-BOTTOM: #ffffff 3px solid; BORDER-LEFT: #ffffff 3px solid
}
