@charset "utf-8";
/*
Powered by Ratuo CMS
Copyright: Ratuo Inc. 镭拓科技
Website URL: http://www.ratuo.com/
*/
/*======================
        公共样式
=======================*/
body{font-family:arial;font-size:12px; color:#555; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,input { margin: 0; padding: 0; }
em, cite, th { font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{color:#004f05; text-decoration:underline;}
li{ list-style:none;}
img{ border:none;}
input,img{vertical-align:middle;}
input{ font-family:Arial, Helvetica, sans-serif;}
.clear{ clear:both;}
.hide{ display:none}
.line15px{ clear:both;height:15px; overflow:hidden;}
.line20px{ clear:both; height:20px; overflow:hidden;}
.line10px{ clear:both; height:10px; overflow:hidden;}


#home{ background:#e0e0e0 url(body.gif) repeat ;}
	#wrap{ background:url(bodybg.png) repeat-x 0 0;}
		#sideWrap{ background:url(sidebodybg.png) repeat-x 0 0;}
		#bodyBox{ background:url(bodybg.jpg) no-repeat center top; overflow:hidden;}
		#sideBodyBox{ background:url(sidebodybg.jpg) no-repeat center top; overflow:hidden;}
			#header{ width:980px; margin:0 auto; background:#fff;}
				.top{ height:85px;}
					.logo{ width:300px; height:85px; float:left;}
						.logo img{ margin:15px 0 0 20px;}
					.search{ width:680px; float:left;}
						.topTool{ line-height:30px; height:30px; overflow:hidden; margin-right:15px; text-align:right;}
						.searchBox{ width:277px; height:30px; oveflow:hidden; float:right; margin-right:15px; background:url(search.png) no-repeat 0 0; display:inline;}
							.searchInput{ width:245px; height:28px; overflow:hidden; margin:1px; display:inline-block; float:left; border:0; text-indent:5px; color:#555; background:none;}
							.searchBut{width:30px; height:30px; overflow:hidden; border:0; background:none; float:left; cursor:pointer;}
				.ulNav{ overflow:hidden; background:url(nav.gif) repeat-x 0 0; height:40px; line-height:40px;}
					.ulNav li{ width:160px; float:left; background:url(li.png) no-repeat left bottom; text-align:center;}
						.ulNav li a{ color:#fff; font-size:15px; display:block;}
							.ulNav li a:hover{ background:#002803; text-decoration:none; font-weight:bold; color:#fff;}
			
			#main{ width:980px; margin:0 auto; overflow:hidden; background:url(bg.png) repeat-x 0 410px #fff;}
			
			
						
/*banner*/
#banner{width:980px;height:400px;background:url(bannerbg.jpg) no-repeat 0 0;overflow:hidden;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:400px; line-height:400px; text-align:center; background-position:center;background-size:cover;display:none;}
#banner_img .ad_img{position:absolute;right:75px;top:70px;width:390px;height:290px;}
#banner_img .ad_txt{position:absolute;left:95px;top:110px;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);}
	#banner_img .ad_txt h2{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#fff; line-height:50px;}
	#banner_img .ad_txt h3{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; line-height:30px; margin-top:20px;}
	
#banner_ctr{position:absolute;width:980px;bottom:6px;z-index:100; text-align:center;}
	#banner_ctr ul{ display:inline-block; width:70px; margin:0 auto;}
		#banner_ctr ul li{ float:left; background:#fff; margin:0 3px;display:inline; width:11px; overflow:hidden; height:11px;cursor:pointer;}
			#banner_ctr ul li.on{  background:#003606;width:11px; overflow:hidden; height:11px;}

/*banner END*/			
				
				.partBox{padding-bottom:10px;}
					.pad10{ padding:10px; display:inline-block; overflow:hidden;}
					.indexLeft{ width:325px; float:left; border-right:1px solid #e8e8e8;}
						.indexTitle{text-transform:capitalize; line-height:30px; font-size:14px; overflow:hidden; font-weight:bold; padding:10px; font-family:Verdana;}
							.indexTitle span{ display:block; float:right; font-weight:normal;}
								.indexTitle span a{ color:#888; text-transform:uppercase; font-size:12px}
					.selectIndex{width:200px; margin:20px 0 0 10px; display:inline;}
					.moreBut{ margin:30px 0 0 10px;}
						.moreBut a{ display:block; width:90px; height:24px; overflow:hidden;}
						
						.ulDropNav{ margin:0 10px;}
							.ulDropNav li{ width:305px;background:url(libg.jpg) no-repeat 0 0; line-height:34px; text-transform:capitalize; font-size:13px; font-weight:bold; margin-bottom:3px; text-indent:5px; display:inline-block; position:relative;}
								.ulDropNav li a{display:block; color:#fff;}
									.ulDropNav li a:hover{ text-decoration:none; color:#fff;}
							.dlDrop{ top:34px; left:0; background:#bee993; padding:5px 0; overflow:hidden; width:305px;zoom:1; position:absolute; z-index:100;}
								.dlDrop dd{ line-height:16px; margin:0 5px; padding:5px 0; border-bottom:1px dotted #54a069;}
									.dlDrop dd a{font-weight:normal; color:#555; text-transform:capitalize;} 
									.dlDrop dd a:hover{ color:#004f05; text-decoration:underline;} 
							
					.indexMid{ width:325px;float:left; border-right:1px solid #fff; border-left:1px solid #fff; overflow:hidden; -moz-column-width:325px;}
						.indexArt{ background:url(indemid.jpg) no-repeat 0 0 #fff; height:270px; margin:0 10px; overflow:hidden; zoom:1;}
							.indexArtCont{ margin:140px 10px 0 10px; height:65px; overflow:hidden; line-height:20px;}
					.indexRight{width:325px; float:left; border-left:1px solid #e8e8e8; overflow:hidden;}
						.dlRight{ overflow:hidden; padding:10px;}
							.dlRight dt{ line-height:30px; height:30px; background:#005305; color:#fff; font-size:15ppx; font-weight:bold; text-indent:10px;font-family:Verdana;}
							.dlRight dd{ border:1px solid #005305; overflow:hidden; display:block; padding:11px 10px; zoom:1;}
								.ulIndexPro{ overflow:hidden;}
									.ulIndexPro li{ padding:5px 0; overflow:hidden;}
										.ulIndexPro li em{margin-top:25px; font-weight:bold; display:inline-block; width:190px; height:50px; overflow:hidden; display:inline-block; float:left;}
										.ulIndexPro li span{width:80px; height:75px; overflow:hidden; float:left; display:block; float:left; margin-right:10px;}
				.picShow{overflow:hidden;width:928px; float:left; padding-bottom:15px;}
					.ulPicShow{overflow:hidden;}
						.ulPicShow li{ float:left; width:212px;margin:0 10px;overflow:hidden; display:inline; height:152px; position:relative;}
							.ulPicShow li em{width:210px;height:150px; overflow:hidden; border:1px solid #ccc; display:block;}
								.ulPicShow li em img{}
							.ulPicShow li span{ line-height:26px;height:26px; display:block; position:absolute; bottom:0; left:1px; background:url(spanbg.png) repeat-x; width:210px; z-index:100;}
								.ulPicShow li span a{ color:#fff; background:url(inc.gif) no-repeat right center;margin:0 5px; display:inline-block; width:200px}
							.ulPicShow li:hover{}
								.ulPicShow li:hover em{}
								.ulPicShow li:hover a{ color:#fff; text-decoration:none;}
				.leftArrowPic{width:16px; height:150px;overflow:hidden;float:left;display:inline; margin:10px 0 0 10px;}
					.leftArrowPic a{background:url(scroll.gif) no-repeat 0 center; width:16px; height:150px; display:block;}
				
				.rightArrowPic{width:16px; height:150px;overflow:hidden; float:left;display:inline; margin-top:10px;}
					.rightArrowPic a{background:url(scroll.gif) no-repeat -16px center; width:16px; height:150px; display:block;}
			/*side*/
			#sideMain{ width:980px; margin:0 auto; overflow:hidden; background:url(mainbg.gif) repeat-y 0 0 #fff;}
				.left{ width:210px;float:left;}
					.sideTitle{ background:url(sidetitle.gif) repeat-x #006e1e; height:30px; line-height:30px; color:#fff; font-size:15px; text-indent:6px; font-weight:bold;}
					.ulNavList{ overflow:hidden;}
						.ulNavList li{ border-top:#fff solid 1px; line-height:30px; background:#055f1d;}
							.ulNavList li a{display:block;background:url(add.gif) no-repeat 5px center; text-indent:18px; color:#fff;}
								.ulNavList li a.click{background:url(reduce.gif) no-repeat 5px center;}
						.ulNavList li dl{overflow:hidden; display:none;border-bottom:1px solid #055f1d; background:#fff;}
							.ulNavList li  dl dd{ border-bottom:1px dotted #ccc;}
								.ulNavList li  dl dd a{ display:inline-block; color:#666; line-height:18px; padding:5px 5px; text-indent:0px;}
					.ulStation{ overflow:hidden;}
						.ulStation li{ border-bottom:1px dotted #ddd; line-height:18px; padding:5px; background:url(arrow.gif) no-repeat 5px 10px; text-indent:20px;}
							.ulStation li a{ display:block;}
					
				.right{ width:755px; margin-left:14px; overflow:hidden; display:inline; float:left;}
					.position{ line-height:30px; height:30px; border-bottom:1px solid #e5e5e5; background:url(position.jpg) no-repeat 0 center; padding-left:12px; text-transform:capitalize; color:#777;}
						.position a{ color:#777; text-transform:capitalize;}
					.dlPro{ overflow:hidden; width:730px; margin:0 auto;}
						.dlPro dt{ background:#42B280; color:#333; height:30px; line-height:30px; overflow:hidden; padding-left:12px; font-weight:bold;}
							.dlPro dd{ border:1px solid #dfdfdf; overflow:hidden; padding:10px 0;}
								.dlPro dd span{ width:50%; display:block; float:left; background:url(inc02.gif) no-repeat 12px 12px; line-height:26px; text-indent:20px;}
					.ulPro{overflow:hidden; padding:10px;}
						.ulPro li{ float:left; width:162px;margin:5px 10px;overflow:hidden; display:inline; height:147px;}
							.ulPro li em{width:160px;height:145px; overflow:hidden; border:1px solid #ccc; display:block;}
					
					.artTitle{ line-height:40px; font-size:16px; font-weight:bold; color:#333; text-align:center; padding:0 20px 0 20px; font-family:Verdana; margin-right:20px; margin-top:20px;background:#42b280}
					.artBox{ padding-right:20PX;; overflow:hidden; line-height:20px; margin-bottom:20px;}
					.dlFrom{ overflow:hidden; padding:20px 15px 0 15px; line-height:24px;}
						.dlFrom dt em{ color:#f00;}
						.inputFrom{ width:220px; height:25px; border:1px solid #dbdfe6; border-top:1px solid #abadb3; line-height:25px;}
						.textFrom{ width:380px; height:135px; border:1px solid #dbdfe6; border-top:1px solid #abadb3; line-height:25px;}
						.butFrom{ width:68px; height:25px; overflow:hidden; cursor:pointer; background:url(button.png) no-repeat center; line-height:25px; text-align:center; color:#444; border:none;}
					.bigPic{ text-align:center; padding:20px 15px 0 15px; line-height:30px; font-size:14px; font-weight:bold; text-transform:uppercase;}
					
					.pd8{ padding:8px 0; overflow:hidden;} 
					
					.dataTab{ border-top:1px solid #ccc; border-right:1px solid #ccc;}
						.dataTab td{ padding:6px; line-height:16px; text-align:center; border:1px solid #ccc; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0;}
						.dataTab td.gary{ background:#e8e8e8; color:#222;}
						.dataTab td.garyTwo{ background:#f2f2f2;}
					.page{color:#555; overflow:hidden;height:36px; line-height:36px; color:#f06717; overflow:hidden;text-align:center;}
						.page span{ padding:0 6px; display:inline-block; color:#555;}
						.page a{ display:block; color:#004F05;}	
			
			#footer{ width:980px; margin:0 auto; overflow:hidden;}
				.footop{ line-height:45px; height:45px; overflow:hidden; text-align:center; color:#888; background:#e9e9e9;}
					.footop a{ padding:0 3px; display:inline-block;}
				#footer p{ line-height:18px; padding:10px 0; background:#fff; text-align:center;}
				
				
.artBox table { background:#d9ede1;}
	
	
	/*在线悬浮窗口*/
#serviceHide{ position:absolute; right:0; top:350px;width:28px;overflow:hidden; display:none; z-index:10000;}
	#serviceHide a{ display:block;}

#service{position:absolute; right:0; top:350px; width:130px; overflow:hidden;  z-index:10000;}
	.serviceLeft{float:left; width:28px; overflow:hidden; margin-top:21px;}
	.serviceRight{ float:left; width:130px; overflow:hidden;}
		.serviceTop{ width:130px; height:60px; overflow:hidden; background:url(service02.png) no-repeat 0 0;}
			.serviceTop a{ width:13px; height:13px; display:block; float:right;}
		.serviceMid{ background:url(service02.png) no-repeat 0 -60px #fff; border-left:1px solid #dedede; border-right:1px solid #dedede; }
			.dlService{ padding:10px 0; overflow:hidden; }
			.dlService dd{ width:103px; overflow:hidden; margin:5px auto 0px auto; line-height:18px; text-align:center; }
			.dlService dd.skype{}
.serviceBottom{ background:url(serviceBottom.png) no-repeat 0 0; width:130px; height:8px; overflow:hidden;}
.skypeTitle{ text-align:center; color:#09F; font-weight:bold; font-size:16px;}