/* CSS Document */

body{ margin:0px; padding:0px; font-family:"宋体"; font-size:12px; color:#444; background:url(../images/top-bg.gif) repeat-x top; margin:0px auto;}
ul,li,dl,dd,dt,p,form{ margin:0px; padding:0px; list-style:none;}
images{ border:none;}
.clear{ clear:both; font-size:0px; line-height:0px;}
#box{ width:1000px; margin:0 auto;}

.bg{ width:1000px; margin:0px auto; background:url(../images/top-bg1.gif) no-repeat top;}
.top{ width:980px; margin:0px auto; padding-top:5px; padding-left:10px; padding-right:10px; height:145px;} 
.logo{ width:163px; float:left}
.topright{ width:600px; float:right;}
.search{ width:210px; float:right;}
.search1{ width:14px; height:25px; float:left; background:url(../images/dearch-left.gif) no-repeat;}
.search2{ width:120px; float:left; height:25px; }
.xiala{ width:36px; float:left; height:25px; }

* html #bg0{width:164px; border:1px solid #999; }
.search3{ width:30px; float:left;}

.english{ width:55px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; float:right; padding-top:20px; padding-bottom:20px;}
.english a{ color:#333; text-decoration:none;}
.english a:hover{ color:#333; text-decoration: underline;}

.menu{ width:600px; float:right; font-family:"Arial"; font-size: 14px; font-weight:bold;}
.menu a{ color:#333; text-decoration:none;}
.menu a:hover{ color:#3EAF64; text-decoration:none;}
.menu li{ width:85px; text-align:center; background:url(../images/fg.gif) no-repeat right; float:left;}
#menu1{color:#3EAF64; text-decoration:none;}
#menu1 a{color:#3EAF64; text-decoration:none;}
#menu1 a:hover{color:#3EAF64; text-decoration:none;}
#menuc{ width:80px; text-align: right; float:left; background:none;} 
#menuc2{ width:80px; text-align: right; float:left; background:none; color:#3EAF64;} 
#menuc2 a{ color:#3EAF64;} 
#menuc2 a:hover{ background:none; color:#3EAF64;} 





.content{ width:980px; padding-left:10px; padding-right:10px; padding-top:10px; margin:0px auto;}
.contentleft{ width:303px; float:left; padding-right:35px; }
.contentlefttitle{ width:288px; height:24px; background:url(../images/title01.jpg) no-repeat; float:left; padding-top:28px; padding-right:15px; text-align:right;}
.contentlefttitle2{ width:288px; height:24px; background:url(../images/title02.jpg) no-repeat; float:left; padding-top:28px; padding-right:15px; text-align:right;}
.contentlefttitle3{ width:288px; height:24px; background:url(../images/title03.jpg) no-repeat; float:left; padding-top:28px; padding-right:15px; text-align:right;}
.content a{ color:#fff; text-decoration:none;}
.content a:hover{ color:#E77D00; text-decoration:none;}
.contentlefpic{ width:303px; float:left;}
.contentright{ width:303px; float:left; }

.bottom{ width:1000px; margin:0px auto; background:url(../images/bottom-bg.gif) no-repeat bottom; height:80px;}
.bottom dd{ padding-left:225px; width:110px; float:left;}
.bottom dt{ width:455px; float:left; line-height:22px; color:#2DAA5B; padding-top:10px;}





.aboutcontent{ width:980px; padding-top:45px; padding-left:10px; padding-right:10px; }
.aboutcontentleft{ width:200px; padding-right:55px; float:left;}
* html .aboutcontentleft{ padding-top:25px; }
.hei{ font-size:12px; color:#666; line-height:180%;}
.aboutcontentleft1{ width:200px;}     
.aboutcontentleft2{width:195px; background:#78BE7F; padding-left:5px; overflow:hidden; }
.aboutcontentleft2bgg{ width:185px; ; padding-left:5px;}
.aboutcontentleft2bgg li{ color:#666; width:150px; padding-left:50px; float:right; line-height:180%;}
.aboutcontentleft2bg{ width:185px; padding-top:25px; height:240px; background: url(../images/about-titlebg.gif) repeat-x; padding-left:5px;}
.aboutcontentleft2bg li{ padding-left:48px; height:42px; background: url(../images/leftline.png) no-repeat bottom; }
.aboutcontentleft2bg a{ color:#333; text-decoration:none;}
.aboutcontentleft2bg a:hover{ color:#F9BB00; text-decoration: none;}
#aboutcontentleft2bg1{ color:#F9BB00;}
#aboutcontentleft2bg1 a{ color:#F9BB00;}
#aboutcontentleft2bg1 a:hover{ color:#F9BB00;}
.aboutcontentleft3{ width:200px; height:32px;  }
.aboutcontentright{ width:722px; float:left; }
* html .aboutcontentright{ padding-top:25px; }
.aboutcontentright1{ width:722px; height:135px; }
.aboutcontentright2{ width:702px; padding-top:25px; background: url(../images/right-bg.jpg) no-repeat bottom left; height:40px; padding-left:20px; font-size:14px; font-weight:bold; }
.aboutcontentright3{ padding-left:25px; padding-top:15px; padding-right:25px; line-height:22px; width:672px; padding-bottom:50px;}
.aboutcontentright4{  padding-top:30px;width:604px; padding-bottom:50px; padding-left:100px}


.procontent{ padding-left:10px; padding-right:15px;}
.procontent1{  width:690px; padding-left:10px; background:url(../images/p-ico.png) repeat-x bottom; height:125px; padding-top:30px;}
.proleft1{ width:360px; height:100px; float:left;}
.proleft1 dd{ width:95px; height:90px; padding-right:22px; float:left;}
.proleft1 dt{ width:80px; height:100px; float:left; line-height:25px; color:#666;  text-align: center;}
#proleftfont1{ color:#666; font-weight:bold;}
#proleftmore{ width:76px; height:17px; text-align:center; color:#25703E; background: url(../images/pro-bg.jpg) no-repeat; line-height:17px; display:block; clear:both;}
#proleftmore a{ color:#25703E; text-decoration:none;}
#proleftmore a:hover{ color:#fff; text-decoration:none;}

.proright1{ width:49%; height:130px; float:left;}
.proright1 dd{ width:95px; height:90px; padding-right:22px; float:left;}
.proright1 dt{ width:160px; height:100px; float:left; line-height:25px;}



.procontent2{ padding-top:20px; padding-left:75px; width:460px; height:318px;}
.procontent1l{ width:191px; float:left;}
.procontent1r{ width:156px; float:right;}

.procontent3{ padding-left:70px; float:left; width:600px; padding-top:28px; background:url(../images/pro-tibg.jpg) repeat-x bottom; line-height:30px; color:#666; font-size:12px; font-weight:bold;}
.procontent3f{ padding-left:70px; float:left; width:600px; padding-top:10px; line-height:26px; padding-bottom:100px;}





.cx{ width:680px; float:left; padding-left:20px; padding-top:20px; font-size:12px; padding-bottom:30px; }
.cxpage{ width:500px; float:right; line-height:26px;}
.cx a{color:#333; text-decoration:none;}
.cx a:hover{ color:#49B269; text-decoration:none;}
#cx1{width:680px; float:left; background: url(../images/cx-icobg.jpg) repeat-x bottom; height:32px;  line-height:33px;}
#cx1 a{ color:#333; text-decoration:none;}
#cx1 a:hover{ color:#49B269; text-decoration:none;}
.cx li{ width:680px; float:left; background: url(../images/cx-icobg.jpg) repeat-x bottom; line-height:33px;}



.dp{ width:680px; float:left; padding-left:20px; padding-top:40px; padding-bottom:100px; }
.dp1{ width:680px; float:left; padding-left:20px; padding-top:20px; padding-bottom:20px; }
.dp1 dd{ width:217px; float:left; padding-right:20px;}
.dp1 dt{ width:300px; float:left; line-height:26px; }
#dp1bg{ width:290px; padding-left:10px; margin-top:10px; padding-top:5px;float:left; background:url(../images/dp1-bg.jpg) repeat-x; line-height:26px; }
#dp1bgf{ font-size:12px; font-weight:bold;}
#dp1bgf a{ color:#333; text-decoration:none;}
#dp1bgf a:hover{ color:#F9BB00; text-decoration:underline;}

.dpz{ width:650px; float:left; padding-left:50px; padding-top:20px; padding-bottom:20px; }
.dpz1{ width:600px; float:left; padding-left:50px;padding-bottom:15px; line-height:26px; }
.dpz2{width:600px; background:url(../images/pro-tibg.jpg) repeat-x; margin-left:40px;height:4px; margin-bottom:16px; clear:both;}
.dpz3{ width:600px; float:left; padding-left:50px;padding-bottom:80px; line-height:26px; }

.contact{ width:680px; float:left; padding-left:20px; padding-top:40px; padding-bottom:60px; line-height:26px; }
.contact a{ color:#333; text-decoration:none}
.contact a:hover{ color:#F9BB00; text-decoration:underline;}




			

/* Easy Slider */
	#content1{
		position:relative; 
		}			


	#slider{ width:860px; margin:0px auto;}	
	#slider ul, #slider li{
		margin:0 ;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:860px;
		height:310px;s
		overflow:hidden;
		margin:0 auto ; 
		}	
	#prevBtn, #nextBtn{ 
	    
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:50px;
		top:71px;
		}	
	#nextBtn{ 
		left:930px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */