/*
功能：网站导航栏目下拉菜单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: -23px;
	WIDTH: 1004px;
}
#header .nav {
	FLOAT: right; 
	MARGIN-TOP: 0px; 
	WIDTH: 1004px
}
/* 一级导航文字间隔条 */
#header .nav UL .mainlevel {
	FLOAT: left;
	PADDING-LEFT: 1px;
	LINE-HEIGHT: 45px;
	background-image: url(/images/index_02.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}
#header .nav UL {
	DISPLAY: table
}
/* 一级栏目的字体样式和背景 */
#header .nav UL LI .nav-a {
	FONT-SIZE: 14px;
	font-weight: bold;
	text-align:center;
	COLOR: #ffffff; 
	HEIGHT: 45px;
	WIDTH: 124px;
	TEXT-DECORATION: none;
	DISPLAY: inline-block;
	LINE-HEIGHT: 45px;
}
#header .nav UL LI .nav-a:hover {
	HEIGHT: 45px; 
	COLOR: #ffffff; 
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	LINE-HEIGHT: 45px; 
}
/* 导航第一个栏目效果 */
#header .nav UL LI.first-crl {
	BACKGROUND: 0px 0px
}
#header .nav UL LI.first-crl .nav-a {
	HEIGHT: 45px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#header .nav UL LI.first-crl .nav-a .current {
	HEIGHT: 45px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
}
#header .nav UL LI.first-crl .nav-a:hover {
	HEIGHT: 45px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
}
/* 导航最后一个栏目效果 */
#header .nav UL LI.end-crl .nav-a {
	HEIGHT: 45px;
}
#header .nav UL LI.end-crl .current.nav-a {
	HEIGHT: 45px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#header .nav UL LI.end-crl .nav-a:hover {
	HEIGHT: 45px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/* 二级栏目背景效果 */
.mainlevel DIV {
	HEIGHT: 100px;
	POSITION: absolute;
	PADDING-BOTTOM: 15px;
	PADDING-TOP: 15px;
	PADDING-LEFT: 20px;
	DISPLAY: none;
	TOP: 45px;
	PADDING-RIGHT: 20px;
	WIDTH: 375px;
	background-color: #ddddde;
}
#sub_01 {
	LEFT: 112px
}
#sub_02 {
	LEFT: 223px
}
#sub_03 {
	LEFT: 334px
}
#sub_04 {
	LEFT: 445px
}
#sub_05 {
	RIGHT: 338px
}
#sub_06 {
	RIGHT: 227px
}
#sub_07 {
	RIGHT: 116px
}
#sub_08 {
	RIGHT: 5px
}
.mainlevel DIV OL {
	OVERFLOW: hidden; FLOAT: left; DISPLAY: block; WIDTH: 180px
}
.mainlevel DIV LI {
	BORDER-BOTTOM: #cccccc 1px dashed; LINE-HEIGHT: 30px; WIDTH: 200px
}
.mainlevel DIV LI A {
	HEIGHT: 30px; COLOR: #2e953c; PADDING-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 30px; WIDTH: 79px
}
.mainlevel DIV LI A:hover {
	COLOR: #b00f15
}
.mainlevel DIV .nav-img {
	FLOAT: right; DISPLAY: inline-block
}
.mainlevel div span img {
	border: 3px solid #ffffff;
}