@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../img/top_bk.jpg) repeat-x top;
	font-size:0.75em;
	color:#666666;
}

img{border:0;}

div,p,h1,h2,h3,ul,li,img{
	margin:0;
	padding:0;
	}
td,th{ padding:3px;}
.clear{
	display:block;
	clear:both;

}

a:link,a:visited{color:#3366cc; text-decoration:none;} 
a:hover {color:#3366cc; text-decoration:underline;}

#mainwrap{
	width:775px;
	margin:0 auto;
	}

#header{
	width:775px;
}

#logo{
	width:286px;
	padding:22px 228px 10px 8px;
	float:left;
}
#search{
	width:252px;
	float:right;
	}
#search p{
	width:60px;
	margin-top:15px;
	float:right;
	text-align:right;
	background:url(../img/dot_1.jpg) left 1px no-repeat;
	}
#search .pro_search{
	width:252px;
	text-align:right;
	margin-top:10px;
	float:right;
	color:#000000;
	font-size:13px;
	line-height:22px;
	}
/*菜单部分
===============================================================================================*/
#menu{width:431px; height:24px;}
/*------ main nav ----------*/
	#nav {
	position: relative;
	height: 24px;
	margin:0;
	padding:0;
	width:431px;
	z-index:50;
	}

	#nav li ul{
		margin: 0;
		padding: 0;
		border-top:1px solid #bcbcbc;
		list-style-type: none;
	}
	#nav li ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#nav a {
		text-decoration: none;
	}

	#nav li.top {
		margin: 0;
		float: left;
		display: block;
	}

	#nav li ul {
		display: none;
		position: absolute;     
		left: -999em; 
		z-index: 10000;
	}

	#nav li ul li {
		display: block;
		text-align: left;
	}

	#nav li.off ul, #nav li.on ul  {
		left: auto;
		background-color: #fffff;
		z-index: 10000;
		position: absolute;
	}

	
	#nav li a {
		display: block;
		padding: 0;
	}

	#nav li.on a {
		color: #333333;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0px;
		width: 100px;
		z-index: 10000;
	}

	#nav li.on:hover ul a, #nav li.over ul li a {
	}

	#nav li.on:hover ul a:hover, #nav li.over ul li a:hover {
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color: #000000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}

	#nav li.off a:hover, #nav li.on a:hover {
	background-color: #000000;
	}
	
	#nav li.off:hover ul, #nav li.over ul, #nav li.on:hover ul {
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color: #000000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
		display: block;
	}
	
	#nav li.off ul a, #nav li.on ul a {
		display: block;
		color: #ffffff;
		font-weight:normal;
		border-bottom: 1px solid #909090;
		line-height:21px;
		margin: 0px;
		padding-left:18px;
		padding-right:5px;
		padding-top:3px;
		background:url(../img/menu_dot.gif) 8px 9px no-repeat;
		background-color:#333333;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}
		
	ul.drop {
		font-size: 12px;
	}
	

	#nav li span {
		display: none;
	}
	
	#menu1 {
		padding-left: 0px;
	}

	#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		background: url(../img/menu.jpg) no-repeat; 
	}

	
	#menu1 a.top, #menu2 a.top, #menu3 a.top, #menu4 a.top, #menu5 a.top{
		height: 24px;
	}
	
	#menu1 a {
		background-position: 0px 0px;
		width: 86px;
	}
	
	#menu2 a {
		background-position: -86px 0px;
		width: 86px;
	}
	
	#menu3 a {
		background-position: -172px 0px;
		width: 86px;
	}
	
	#menu4 a {
		background-position: -258px 0px;
		width: 86px;
	}
	
	#menu5 a {
		background-position: -344px 0px;
		width: 87px;
	}
	
	
	#menu1.on a {
		background-position: 0 -24px;
	}
	
	#menu2.on a {
		background-position: -86px -24px;
	}
	
	 #menu3.on a {
		background-position: -172px -24px;
	 } 
	
	#menu4.on a {
		background-position: -258px -24px;
	}
	
	#menu5.on a {
		background-position: -344px -24px;
	}

	#menu1 a:hover, #menu1:hover a, #menu1.over a {
		background-position: 0 -24px;
	}
	
	#menu2 a:hover, #menu2:hover a, #menu2.over a {
		background-position: -86px -24px;
	}
	
	#menu3 a:hover, #menu3:hover a, #menu3.over a {
		background-position: -172px -24px;
	}
	
	#menu4 a:hover, #menu4:hover a, #menu4.over a {
		background-position: -258px -24px;
	}
	
	#menu5 a:hover, #menu5:hover a, #menu5.over a {
		background-position: -344px -24px;
	}

/* ------------------------------topmenu------------------------------------------- */
	
#content{
	width:775px;
	padding-top:10px;
}

#content_left{
	width:535px;
	float:left;
	}
#content_left a:link,#content_left a:visited{color:#535353; text-decoration:none;}
#content_left a:hover{color:#535353; text-decoration:underline;}

.flash{
	padding-bottom:10px;
	}
.main_pro{
	width:535px;
	height:100px;
	background:url(../img/pro_bk_03.jpg) left top no-repeat;
	margin-bottom:10px;
	}

.main_pro h1{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:24px;
	}
	
.main_pro p{
	padding-top:8px;
	padding-left:20px;
	line-height:20px;
	}
.main_pro1{
	width:535px;
	height:100px;
	background:url(../img/pro_bk_03.jpg) 0px -110px no-repeat;
	margin-bottom:10px;
	}

.main_pro1 h1{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:24px;
	}
	
.main_pro1 p{
	padding-top:8px;
	padding-left:20px;
	line-height:20px;
	}
	
.main_pro_2{
	width:265px;
	height:80px;
	float:left;
	background:url(../img/pro_bk_03.jpg) 0px -220px no-repeat;
	margin-bottom:10px;
	}

.main_pro_2 h2{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}
.main_pro_2 p{
	padding-top:5px;
	line-height:16px;
	padding-left:20px;
	}

.main_pro_21{
	width:265px;
	height:80px;
	float:right;
	background:url(../img/pro_bk_03.jpg) -270px -220px no-repeat;
	margin-bottom:10px;
	}

.main_pro_21 h2{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}
.main_pro_21 p{
	padding-top:5px;
	line-height:16px;
	padding-left:20px;
	}

.main_pro_3{
	width:130px;
	height:80px;
	float:left;
	background:url(../img/pro_bk_03.jpg) 0px -310px no-repeat;
	margin-bottom:10px;
	}

.main_pro_3 h3{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}

.main_pro_31{
	width:130px;
	height:80px;
	float:left;
	margin-left:5px;
	background:url(../img/pro_bk_03.jpg) -135px -310px no-repeat;
	margin-bottom:10px;
	}

.main_pro_31 h3{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}

.main_pro_32{
	width:130px;
	height:80px;
	float:left;
	margin-left:5px;
	background:url(../img/pro_bk_03.jpg) -270px -310px no-repeat;
	margin-bottom:10px;
	}

.main_pro_32 h3{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}

.main_pro_33{
	width:130px;
	height:80px;
	float:left;
	margin-left:5px;
	background:url(../img/pro_bk_03.jpg) -405px -310px no-repeat;
	margin-bottom:10px;
	}

.main_pro_33 h3{
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	line-height:22px;
	}
#right{
	float:right;
	}
#content_right{
	width:235px;
	padding-left:5px;
	float:right;
}

#content_right p.case{padding-bottom:10px;}

.new{
	width:235px;
	padding:0px;
	margin:0px;
	padding-bottom:10px !important;
	}
.new_title{
	width:235px;
	height:32px;
	background:url(../img/new_title.jpg) no-repeat;
	}
.new_title p{
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	padding-left:20px;
	}
.new_title img{
	float:right;
	margin-top:-25px;
	margin-right:5px;
	}
.new_box{
	width:235px;
	background:url(../img/news_bk.jpg) repeat-y;
	}
.new_box ul{
	list-style:none;
	}
.new_box ul li{
	padding-top:6px;
	list-style:none;
	width:205px;
	line-height:18px;
	padding-left:20px;
	float:left;
	background:url(../img/new_dot.jpg) 10px 14px no-repeat;
	}
#top{
	width:900px;
	text-align:right;
	margin:0;
	padding:0px 24px 0;
	}
.footer_bk{
	width:100%;
	height:20px;
	background:url(../img/footerbk.jpg) repeat-x;
	}
#footer
{
	text-align:center;
	line-height:20px;
	padding-top:10px;
	padding-bottom:20px;
	}