@charset "utf-8";
body{  font-size:12px;font-family:"Microsoft YaHei",SimHei,arial; background:url(bg.png) repeat-x #dddddd; }

html,body,div,span,iframe,input,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,i,center,dl,dt,dd,ol,ul,li,form,label,fieldset{margin:0;padding:0}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}
li{list-style:none;}
a img{border:0;}
.clear{clear:both;}
.ziti{font-family:"Microsoft YaHei",SimHei,arial;}

.top{ width:1002px; margin:0 auto; height:170px }

.logo{ float:left; margin-top:25px}
.search{ width:330px; float:right; height:41px; margin-top:70px}
.sea-box{ background:url(searchl.png) no-repeat; width:224px; height:41px; border:none; float:left}
.sea-but{ width:101px; float:right}


.nav{ width:1000px; margin:0 auto; height:64px; font-size:14px}
.nav ul#navmenu {margin:0;	border:0 none;	padding:0;	width: 1000px; /*For KHTML*/	list-style: none; margin:0 0 0 3px}

.nav ul#navmenu li {	margin:0;	border:0 none;	padding:0;	float: left; /*For Gecko*/	display: inline; list-style: none;	position: relative;	height: 64px; line-height:64px; margin:0 2px}

.nav ul#navmenu ul { width: 138px;	list-style: none;	display: none;	position: absolute;	top: 64px;	left: -2px;}

.nav ul#navmenu ul li {	float: none; /*For Gecko*/	display: block !important;	display: inline; /*For IE*/height:36px; line-height:36px;}
/* Root Menu */ 
.nav ul#navmenu a {	width:138px;	float: none !important; /*For Opera*/	float: left; /*For IE*/ text-align:center;
				display: block; background:url(menu.png) left top no-repeat;color: #FFF;text-decoration: none;	height: 64px; line-height:64px;	 /*For IE*/}				
/* Root Menu Hover Persistence */ 
.nav ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: url(menunow.png) left top no-repeat;	color: #FFF;} /*一级菜单 a:hover */
/* 2nd Menu */ 
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {	float: none; background:#3d6787;color: #fff;line-height:36px; height:36px;  }/*二级菜单 背景 */
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {	background:#1c1c1c;	color: #FFF;line-height:36px; height:36px;  }/*二级菜单 a:hover */

ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {	display: none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {	display: block;}


.banner{ width:1002px; height:330px; margin:0 auto}

.main{ width:962px; height:auto; overflow:hidden; background:url(mbg.png) repeat; margin:0 auto; padding:10px 20px;}
.company{ width:400px; height:auto; overflow:hidden; float:left; line-height:22px}
.company h1{ font-size:16px; font-weight:normal; line-height:40px}

.product{ width:535px; float:right}
.left{ background: url(arrow.png) no-repeat -11px 0px;
float: left;
width: 11px;
height: 70px;
cursor: pointer; margin-top:50px;}

.right{ background: url(arrow.png) no-repeat 0px 0px;
float: left;
width: 11px;
height: 70px;
cursor: pointer; margin-top:50px;}

.product ul li{ width:170px; float:left; text-align:center;}
.product ul li img{border: 1px #c0c0c0 solid;
padding: 4px;}

.product ul li h1{ width:170px; line-height:22px; font-weight:normal; font-size:14px}


.foot{ background:url(foot.png) left top no-repeat; width:1002px; height:auto; overflow:hidden; margin:0 auto; text-align:center; padding:10px 0;}

.f-nav{ width:1002px; height:30px; line-height:30px; float:left}

.f-nav a,.copy a{ padding:0 10px; color:#fff;}

.copy{ color:#fff; width:1002px; float:left; line-height:30px;}


.n-main{ width:1002px; background:url(cbg.png) left top repeat-y; height:auto; overflow:hidden; margin:0 auto;}

.n-left{ width:250px; height:auto; float:left}
.n-left h1{ background:url(title1.png) left top no-repeat; float:left; width:230px; height:41px; line-height:40px; color:#fff; font-size:16px; font-weight:normal; padding-left:20px}
.n-left ul li{ background:url(class.png) 0 center no-repeat; width:230px; height:30px; line-height:26px; margin-left:20px; float:left}
.n-left ul li a{ color:#fff; display:block; padding-left:20px}
.n-left ul li a:hover{ background:url(classnow.png) left center no-repeat;}

.n-right{ width:752px; height:auto; overflow:hidden; float:right;}

.n-right-tit{ width:732px; padding:0 0 0 20px; float:left; background:url(title2.png) left center no-repeat; height:41px; line-height:40px; color:#fff;}

.n-right-tit a{ color:#fff;}

.n-right-tit a:hover{ text-decoration:underline;}


.about,.pic,.news{ width:732px; padding:10px 10px 10px 20px; line-height:24px; float:left}

.pic ul li{ width:170px; float:left; text-align:center; margin:5px}
.pic ul li img{border: 1px #c0c0c0 solid;
padding: 4px;}

.pic ul li h1{ width:170px; line-height:22px; font-weight:normal; font-size:14px}

.news ul li{height: 36px;
font-size: 12px;
overflow: hidden;
line-height: 22px;
background: url(line.png) 0px 0px no-repeat; float:left; width:732px;}
.news ul li a{ padding-left:15px}
.news ul li a:hover{ text-decoration:underline; color:#444444;}
.news ul li span{ float:right; padding-right:10px}