@import url("base.css");
/* CSS Document */

html { background: url("../lab/htmlBg.jpg") repeat-x fixed center top transparent;}
html { float: none; height: 100%;}

body{ color:#333;}
#header,#footer,#main{ margin:0 auto; overflow:hidden; width:980px;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#B8CB00; text-decoration:none;}

.of{ overflow:hidden;}
.empty10{ height:10px; overflow:hidden;}
.empty15{ height:15px; overflow:hidden;}
.empty20{ height:20px; overflow:hidden;}


/*头部*/
.top{ height:162px; background:url(../lab/logo.png) 0 26px no-repeat;}
.logo{ display:block; height:124px;}
.lang{ padding:0 0 0 26px; color:#fff;}
.lang a{ color:#fff;}



/*导航*/
.taoh{ background:url(../lab/1.jpg) bottom repeat-x; height:39px; overflow:hidden; border:solid 1px #CBCBCB;}
.taoh ul li{ float:left; background:url(../lab/1-1.jpg) right bottom no-repeat; height:39px; width:137px; line-height:39px; overflow:hidden; text-align:center; padding:0 2px 0 0; list-style:none;}
.taoh ul li.final{ background:none; width:144px; padding:0;}
.taoh ul li a{ display:block; color:#333; font-weight:bold; font-size:16px;}
.taoh ul li a:hover{ background:url(../lab/1-2.jpg) top repeat-x; text-shadow:1px 1px 2px #000; color:#fff; }
.taoh ul li a.select{ background:url(../lab/1-2.jpg) top repeat-x; text-shadow:1px 1px 2px #000; color:#fff; }


.where{ padding:15px 0 14px 20px; color:#fff; font-size:11px;}
.where a{ color:#fff;}
.foneLine{ text-decoration:underline;}
.tit{ font-size:16px; color:#BAC52E; font-weight:bold; text-indent:5px; height:20px; line-height:20px; padding:3px 0 8px 0;}
.tit a{ color:#BAC52E;}
/*圆角*/
.yj{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*position:relative;*/
z-index:100;
behavior: url(style/pie.htc);}



/*首页*/
.public{ background:#fff; overflow:hidden; padding:10px;}
.indCont{ width:259px; float:left; height:400px; margin:0 17px 0 0;}
.indPro{ width:368px; margin:0;}
.indAbout{ width:259px; float:right; height:400px;}
.indContNr{ height:370px; overflow:hidden;}
.indContNr p{/* line-height:24px;*/}
.indContNr img{ margin:0 0 10px 0;}
.indProList dl{ height:112px; border-bottom:solid 1px #84CB00; margin:15px 0 0 0;}
.indProImg{ display:block; float:left; width:105px; text-align:center;}
.indProR{ float:right; width:242px; padding:0 6px 0 0;}
.indProRNr{ display:block; height:70px; overflow:hidden; line-height:18px; padding:0 0 0 20px;}
.indProTit{ background:url(../lab/2.jpg) 0 4px no-repeat; height:20px; overflow:hidden; line-height:16px; text-indent:20px; font-weight:bold; margin:0 0 2px 0;}



/*内页左边*/
.left{ float:left; width:246px; overflow:hidden;}
#andyscroll2 {overflow: hidden;width:220px;height:165px; margin:0 0 10px 0;}
#andyscroll2 p{/* line-height:24px;*/}
#scrollmessage2{ padding:0 5px;}
.leftCont{ width:216px; overflow:hidden; margin:0 5px; border-top:solid 1px #ABABAB; padding:8px 0;}
.leftCont2{ border-top:none; padding:0 0 8px 0;}
.leftCont p{/* line-height:24px;*/}



/*内页右边*/
.right{ float:right; width:716px; overflow:hidden;}
.aboutNr{ padding:5px; min-height:500px; _height:expression(this.scrollHeight < 500 ? "500px" : "auto");}
.aboutNr p{/* line-height:24px;*/}


/*新闻*/
.newList{ border-top:solid 1px #ddd;}
.newListDl{ border-bottom:solid 1px #ddd; padding:13px 0 0 0; height:115px;}
.newListDl dd{ float:left; display:inline; width:170px; height:103px; overflow:hidden; padding:0 0 0 9px;}
.newListDl dd.newListDlddR{ width:485px;}
.newListDl dd h1{ font-weight:bold;}
.newListDl dd span{ display:block; min-height:40px; overflow:hidden; margin:0 0 5px 0;}
.newshowTit{ font-size:14px; font-weight:bold; text-align:center;}
.newTime{ border-bottom:dashed 1px #ABABAB; text-align:center; padding:4px 0;}
.newNr{ padding:10px 0; min-height:300px; _height:expression(this.scrollHeight < 300 ? "300px" : "auto");}
.newNext{ border-top:dashed 1px #ABABAB; padding:10px 0;}
/*.newNext a{ color:#BAC52E;}*/



/*产品*/
.proClass{ min-height:350px; _height:expression(this.scrollHeight < 350 ? "350px" : "auto"); width:696px; overflow:hidden;}
.proClass ul{ width:710px; overflow:hidden;}
.proClass ul li{ float:left; display:inline; width:330px; margin:10px 15px 0 5px; list-style:none;}
.proClass ul li h1{ background:url(../lab/4.jpg) no-repeat #1D3F4B;; height:30px; overflow:hidden; line-height:30px; text-indent:42px; font-size:14px; font-weight:bold; color:#fff;}
.proClassS{}
.proClassS a{ display:block; padding:0 0 0 8px; margin:10px 0 0 0;}
.proClassS a span{ display:block; float:right; width:286px; background:url(../lab/5.jpg) left 14px no-repeat; line-height:40px; height:40px; overflow:hidden; text-indent:14px; cursor:pointer;}
/*产品列表*/
.proList{}
.proLi{ display:inline; float:left; width:335px; height:120px; overflow:hidden; border-top:solid 1px #ddd; margin:0 8px 0 5px; padding:10px 0 0 0;}
.proImg{ display:block; float:left; width:110px; text-align:center; margin:0 10px 0 5px;}
.proTit{ display:block; float:right; width:190px; background:url(../lab/5.jpg) 0 5px no-repeat; padding:0 0 0 15px;}
.proShowImg{ display:inline; float:left; width:180px; padding:0 0 10px 0; margin:0 0 0 10px; text-align:center; overflow:hidden; border-bottom:solid 1px #ddd;}
.proShowNr{ display:inline; float:right; width:450px; overflow:hidden; margin:0 20px 0 0; min-height:350px; _height:expression(this.scrollHeight < 350 ? "350px" : "auto");}
.proShowNr p{/* line-height:24px;*/}
.fd{ display:block; text-align:right; margin:10px 0 0 0;}




/*--- 滚动底部 ---*/
.footer{bottom:0;position:fixed;_position:absolute;z-index:9999;bottom:0px;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)-0: document.body.scrollTop+(document.body.clientHeight-this.clientHeight)-0);width:100%;z-index:1; margin-bottom:-6px;*+margin-bottom:-2px;_margin-bottom:-4px; background: url("../lab/footer.png") repeat-x scroll 0 0 transparent; padding:15px 0 10px 0; text-align:center; color:#fff;}
.footer a{ color:#fff;}




/*分页*/
.page{ text-align:center; margin:20px 0;  padding:5px 0;}
.page a{ text-decoration:none; color:#424242; }
.red{ color:#EF303F;}


/*动画*/
.flash{ width:980px; height:294px; margin:0 auto; margin-top:0px; }

/*动画一*/
		.slideBox{ min-width:100%; height:294px; margin:0 auto; float:left;  overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:1%; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; list-style:none}
		.slideBox .hd ul li{ float:left; margin-right:0px;  width:10px; height:10px; line-height:10px; border:0px; border-radius:3px; margin-left:5px; text-align:center; background:#6E6E6E; color:#999; cursor:pointer; }
		
		.slideBox .hd ul li.on{ background:#F60; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0; height:294px; overflow:hidden;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ min-width:100%;  height:294px; display:block;  border:0px;  /*border-radius:3px; 圆角*/}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%;  display:block; width:55px; height:55px; background:url(images/ping0.png) no-repeat;background-position: 0 0; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:50px; background-position:right 0px;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*动画一*/