*{ padding:0; margin:0;}
body{ font-size:12px;}
a{ text-decoration:none; color:#000;}
li{ list-style-type:none;}
.clear{ clear:both;}
img{ border:0;}

#top{ width:100%; height:103px; border-bottom:2px solid #cfcfcf;  background:#fff;}
	#head{ width:1200px; margin:0 auto; height:103px;}
	#logo{ width:290px; height:100%; float:left; background:url(../images/logo.jpg) no-repeat center;}
	#nav{ width:850px; height:px; float:right;}
		#nav2 ul{ width:100%; height:103px; line-height:103px;}
		#nav2 ul li{ width:140px; text-align:center;  font-size:18px; font-family:"Î¢ÈíÑÅºÚ"; float:left;}
		#nav2 ul li a{ display:block; letter-spacing:2px; }
		#nav2 ul li a:hover{ color:#258cdc; background:#fafafa; }
		
		/* ÏÂÀ­²Ëµ¥ÑùÊ½±í*/
	.dropMenu {	top:0px; max-width:400px; min-width:150px; padding:6px 10px; visibility:hidden; position:absolute; z-index:100; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
	.dropMenu li{ width:150px; line-height:30px; float:left;}
	.dropMenu li a { display:block; font-size:14px; padding:0 8px; font-family:"Î¢ÈíÑÅºÚ";}
	.dropMenu li a:hover{color:#258cdc;}
	.dropMenu span{ display:block; float:right; width:200px; min-height:130px; height:inherit;}
		
		#dropmenu1 span{ background:url(../image/nav_1.png) no-repeat right bottom;}
		#dropmenu3 span{ background:url(../image/nav_2.jpg) no-repeat right bottom;}
		#dropmenu5 span{ background:url(../image/nav_3.jpg) no-repeat right bottom;}
		



#banner{ width:100%; height:480px; text-align:center;}

.full_banner{width:100%; position:relative; height:480px; background:#FFF; overflow:hidden;}
	.full_banner .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
	.full_banner .bd ul{width:100% !important;}
	.full_banner .bd li{width:100% !important; float:left; height:480px; overflow:hidden; text-align:center;}
	.full_banner .bd li a{ display:block; height:480px;}
	.full_banner .hd{width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
		.full_banner .hd ul{text-align:center; margin-top:-5px;}
			.full_banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:0 5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
		.full_banner .hd ul .on{background-position:0px 0px;}
.Bnav{position:relative; width:748px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px;}
	.Bnav .m{float:right; position:relative; z-index:1;}
	
	

.cont{ width:1200px; margin:0 auto; margin-top:20px;}
	
	#cont1{ width:100%; margin-bottom:30px;}
		#cont1 h1{ width:100%; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; font-size:30px; font-weight:normal; letter-spacing:3px;}
		#cont1c{ width:100%; margin-top:15px;}
		.area{ float:left; width:400px; text-align:center;} 
			.area_img{ height:150px;}
			.area_img img{ -webkit-transition: 0.8s; -webkit-transition: -webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out;}
  
			.area_img img:hover{  transform: rotateZ(360deg);  -webkit-transform: rotateZ(360deg);  -moz-transform: rotateZ(360deg);}
			
			.area_w{ color:#7d7d7d; line-height:20px; font-family:"Î¢ÈíÑÅºÚ";}
			.area_w h2{ font-size:22px; font-weight:normal; width:100%; height:35px; line-height:35px; color:#000;}

#cont2{ width:100%; height:auto; background:#f6f6f6; margin-top:20px; padding:30px 0;}
	#cont22{ width:1200px; margin:0 auto;}
		#pru_t{ width:100%; background:url(../images/pru_bg.jpg) repeat-x center 25px;  margin:15px 0 40px 0;}
			#prt_t1{ width:250px; margin:0 auto; background:#f6f6f6; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px;letter-spacing:3px;}
			#prt_t1 h1{ width:100%;  font-size:30px; font-weight:normal; }
			#prt_t1 span{ display:block; color:#808080; margin-top:5px;}
		.pru{ width:100%; height:350px; overflow:hidden;}
			.pru_l{ width:550px; float:left;}
				
			.pru_r{ width:550px; float:right;}
			
			.pru_w{ font-family:"Î¢ÈíÑÅºÚ"; margin:20px 0; }
				.pru_w dt{ width:100%; height:px; background:url(../images/icon1.jpg) no-repeat left center; font-size:24px; color:#277abe; text-indent:15px;}
				.pru_w dd{ width:100%; font-size:16px; line-height:35px; margin:15px 0;}
				.pru_w a{ display:block; width:130px; text-align:center; color:#fff; font-size:14px; height:35px; line-height:35px; background:url(../images/pru_more.jpg) no-repeat center; float:right;}
			
		
	#pru_more{ width:100%; height:40px; line-height:40px; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px;}
		

	#news{ float:left; width:510px; height:340px; }
		#news_t{ width:100%; height:54px; line-height:55px; border-bottom:1px solid #bfbfbf; margin-bottom:15px;}
			#news_t h2{ font-size:24px; float:left; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; margin-left:10px;}
			#news_t span{ float:right; margin-right:10px; margin-top:10px;}
		#news_b{ width:100%; }
			#news_b ul{ width:98%; margin:0 auto;}
			#news_b ul li{ width:100%; height:35px; line-height:35px; font-size:14px; overflow:hidden;}
				#news_b ul li span{  width:85%; float:left; text-indent:15px; background:url(../images/icon0.jpg) no-repeat 5px center;}
				#news_b ul li em{ float:left; width:15%; text-align:center; font-style:normal;}
		
		
	#coo{ float:right; width:640px; height:340px;}
		#coo_t{ width:100%; height:54px; line-height:55px; border-bottom:1px solid #bfbfbf; margin-bottom:15px;}
			#coo_t h2{ font-size:24px; float:left; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; margin-left:10px;}
			#coo_t span{ float:right; margin-right:10px; margin-top:10px;}
		#coo_b{ width:100%; }
			#coo_b ul{}
			#coo_b ul li{ width:168px; height:50px; float:left; padding:2px; border:1px solid #ccc; margin:5px 16px;}
			

#bottom{ width:100%; height:230px; background:#5b5b5b; padding-top:20px; margin-top:20px;}
	#bottom_c{ width:1200px; margin:0 auto;}
	.bottom_cl{ width:260px; float:left; color:#fff; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; margin:0 50px; text-indent:15px;}
		.bottom_cl a{ color:#fff;}
		.bottom_cl dt{ width:100%; height:40px; line-height:35px; font-size:16px; border-bottom:1px solid #848484; margin-bottom:10px;}
		.bottom_cl dd{ width:100%; height:35px; line-height:30px;}
	.bottom_cl1{ margin-left:0px;}
	.bottom_cl2{ width:420px;}
	
	#wx{ width:115px; height:115px; float:right; margin:-120px 10px 0 0; background:#fff; padding:2px; text-align:center; text-indent:0px;}
	#wx img{ width:115px; height:115px;}


#copyright{ width:100%; text-align:center; height:45px; line-height:45px; background:#000; color:#fff; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px;}
#copyright a{ color:#fff; text-decoration:underline;}




/*µ¥Ò³ÃæÑùÊ½±í*/


#index_danye{ width:100%; margin:0 auto;}

.danye_pic{ width:100%; margin:0 auto; height:280px;}
	.contact{ background:#98bad3 url(../images/contact.jpg) no-repeat center top;}
	.product{ background:#b7ddf2 url(../images/product.jpg) no-repeat center top;}
	.news{ background:#dfe0e4 url(../images/news.jpg) no-repeat center top;}
	.solution{ background:#aec2cd url(../images/solution.jpg) no-repeat center top;}
	.service{ background:#0a6ea9 url(../images/service.jpg) no-repeat center top;}

#pos{ width:100%; height:30px; line-height:30px; font-family:"Î¢ÈíÑÅºÚ"; text-indent:30px; background:url(../images/pos.jpg) no-repeat left center; margin-bottom:15px;} 

#listL{ width:270px; float:left;}
	#channel{ width:100%; font-family:"Î¢ÈíÑÅºÚ";}
	#channel_t{ width:100%; height:50px; line-height:50px; color:#fff; background:#0480b6; text-align:center; font-size:18px;}
	#channel_b{ width:100%;}
		#channel_b ul{}
		#channel_b ul li{ width:95%; margin:0 auto; height:40px; line-height:40px; background:#e7e7e7; text-align:center; font-size:16px; margin-top:10px;}

#listR{ width:890px; float:right;}

	#listC{ width:100%; min-height:300px;}
	#listC_t{ font-size:24px; font-family:"Î¢ÈíÑÅºÚ"; text-align:center; margin-bottom:10px;}
	#listC_b{ width:100%; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px; line-height:200%;}


	#liebiao{ width:100%; padding-bottom:10px;}
	.lis{ width:100%; border-bottom:1px dashed #ccc; float:left; padding-bottom:10px; margin-bottom:10px;}
		.lis_pic{ width:150px; height:120px; background:#ccc; float:left;}
		.lis_w{ width:710px; float:right; padding-right:10px;}
		.lis_w b{ width:100%; height:30px; line-height:30px; display:block; font-size:16px;}
		.lis_w span{ display:block; line-height:30px; font-size:14px; }
		.lis_w em{ display:block; line-height:30px; font-size:14px; font-style:normal; font-weight:bold; }
#fenye{ width:100%; text-align:center; line-height:30px; line-height:30px;}
#fenye li{ display:inline; margin:0 5px;}
	
		
#center{width:100%;margin:0 auto;padding:30px 0 0 0;}
#title{width:100%;height:30px;margin:0 auto;background:url(../images/line.png) no-repeat;text-align:center;line-height:30px;font-size:24px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold; letter-spacing:8px;}
.title1{text-align:center;width:345px;margin:60px 0 10px 0;font-size:14px;color:#444444;font-weight:bold;border-bottom:10px solid #74acca;padding-bottom:28px;}
#center ul{float:left;width:350px;font-size:14px;}
#center ul li{height:auto;}
#center ul span{line-height:30px;font-size:14px;color:#818181;}
.icos{text-align:center;margin-top:75px;}
.l1,.l2{margin-left:67px;}
#center ul span a{width:96px;height:24px;line-height:24px;border:1px solid #3d9be9;border-radius:4px;font-size:12px;display:block;text-align:center;color:#3d9be9;float:right;margin:28px 5px 0 0;}		

#pro_img{ width:450px; text-align:center; float:left;}

#pro_w{ width:720px; float:right; margin-top:20px;}
	#pro_li{ display:block; width:320px; height:120px; line-height:30px; float:left; font-family:"Î¢ÈíÑÅºÚ"; margin:10px 20px; }
	#pro_li h2{ width:100%; display:block; font-size:18px; float:left;}
	#pro_li span{ width:100%; color:#bbb; margin-top:10px;}
	 
#data{ width:100%; text-align:center; height:25px; line-height:25px; font-size:14px;margin-top:5px; font-family:"ËÎÌå"; }		
#listC{border:1px solid #000000;}










