﻿/*图片切换*/
#product_banner { 
	height:370px;margin-bottom:10px;overflow:hidden;position:relative;width:940px;
}
#product_banner ul { 
	height:370px;overflow:hidden;margin:0;padding:0;width:940px; 
}
	#product_banner li { 
		list-style:none;float:left;height:370px;margin:0;padding:0;position:relative;width:940px; 
	}
	#product_banner li img{
		width:940px; height:370px;
	}
	#product_banner .product_info { 
		background-image:url(../images/product_info.png);bottom:10px;color:#fff;left:10px; padding:10px 20px 10px 20px; position:absolute;width:328px;  height:115px;
	}
	#product_banner .product_info h2 { 
		margin-bottom:0.2em; color: #fff; font-size: 24px;
	}
	#product_banner .product_info p { 
		margin-bottom:20px; color: #fff; font-size: 13px;
	}
	#product_banner .product_info .more { 
		display:inline-block; color: #F47402; font-size: 13px;
	}
	#cycle_nav { background-color:#585652;color:#fff;position:absolute;right:10px;padding:10px;top:10px;z-index:10; }
	#cycle_nav #pages a { background-color:#737373;color:#737373;display:block;height:9px;float:left;line-height:9px;margin-right:3px;text-align:center;text-indent:-9999px;width:9px;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; }
	#cycle_nav #pages a:hover,
	#cycle_nav #pages a.activeSlide { background-color:#f47402;color:#f47402; }
	#cycle_nav a.next,
	#cycle_nav a.previous { background-image:url(../images/cycle_nav.png);display:block;float:left;height:9px;margin-left:3px;overflow:hidden;text-indent:-9999px;width:8px; }
	#cycle_nav a.next { background-position:top right; }
	#cycle_nav a.next:hover { background-position:-8px right;-webkit-transition:none;-moz-transition:none; }
	#cycle_nav a.previous { background-position:0 0; }
	#cycle_nav a.previous:hover { background-position:0 -8px;-webkit-transition:none;-moz-transition:none; }

#about {
	float:left; position:relative; margin-right:10px;padding:10px 10px 10px 20px;width:268px; height:149px; 
	background:url(../images/bgabout.gif) center bottom no-repeat; border:#ececec 1px solid;
}
	#about h2{
		margin-bottom:8px; font-size: 26px;
	}
	#about div{
		margin-bottom:20px; color:#545454;
	}
	#about a.more{
		position:absolute; right:10px; bottom:44px;
		background:url(../images/ico3.gif) right center no-repeat; padding-right:10px;
		 color: #de0074; }

#way {
	float:left; position:relative; margin-right:10px;width:300px; height:169px; 
	
}
	#way h2{
		padding:8px 10px;
		position:absolute; z-index:3; bottom:0; left:0; width:280px; height:36px; color: #fff; }
	

#testimonials { 
	background:url(../images/speech_bubble.png) no-repeat 38px bottom; padding-bottom:20px;color:#fff;float:left; width:320px; 
}
#testimonials div { 
 	background:#545454 url(../images/quote.png) no-repeat 95% 90%;height:149px;margin:0;padding:10px 30px; 
 }
 #testimonials h2{
		margin-bottom:8px; color: #fff; font-size: 26px;
	}
	#testimonials h2 a{
		color:#fff;
	}
	#testimonials p{
		margin-bottom:10px;color: #fff;
	}
	a.ico01,a.ico02,a.ico03{
		display:inline-block; width:26px; height:26px; margin-right:10px;
	}
	a.ico01{
		background:url(../images/tes01.png) no-repeat;
	}
	a.ico02{
		background:url(../images/tes02.png) no-repeat;
	}
	a.ico03{
		background:url(../images/tes03.png) no-repeat;
	}
	a.ico01:hover,a.ico02:hover,a.ico03:hover{
		text-decoration:none;
	}
	
#case{
	float:left; width:610px; margin-right:10px; margin-top:10px;
}
	#case h2{
		position:relative ;margin-bottom:10px; height: 51px; line-height:51px; padding:0 20px;
		background:#f3f3f3; font-size: 25px; color:#fff;
	}
	#case h2 strong{
		font-weight:normal;
	}
	#case h2 span{
		position:absolute; display:block; right:10px; top:10px; height: 32px; width: 221px;
		background:#51504f;color: #fff; font-size: 13px; line-height:32px; text-align:center;
	}
	#case h2 span a{
		padding-left:8px;
		color: #f47402; background:url(../images/ico2.gif) right center no-repeat; padding-right:8px;
	}

#contract{
	float:left; width:320px; margin-top:10px;
}
	#contract h2{
		height: 51px; line-height:51px; padding:0 20px; margin-bottom:10px;
		background:#f3f3f3; font-size: 25px; color:#fff;
	}
	#contract ul{
		padding:0 10px;
	}
	#contract li{
		padding:10px 0 20px;
	}
	#contract li h3,#contract li h3 a{
		color: #de0074; font-size: 16px;
	}
	#contract li h4{
		padding:3px 0 8px; color:#9d9d9d;
		}
		#contract li h4 a{
			margin-left:10px; color: #0d96cd;
		}
	#contract li p{
		color:#686868;
	}
	#contract li p a{
		color:#686868;
	}

#service{
	clear:both; margin-top:5px; padding:0 320px 10px 0; width:620px; position:relative;
}
	#service h2{
		background:#f3f3f3; padding:0 20px;
		height:50px; line-height:50px; font-size: 25px; color:#d4d4d4;
	}
	#service ul.ulsev{
		overflow:hidden; zoom:1; padding-top:10px;
	}
	#service ul.ulsev li{
		float:left; width:210px; margin-right:10px; margin-bottom:10px; height:90px; padding:20px 0px 10px 90px; position:relative; line-height:150%;
	}
	#service ul.ulsev li img{
		position:absolute; left:20px; top:20px;
	}
	#service ul.ulsev h3{
		padding-bottom:5px; color:#333333; font-size:14px;
	}
	#service ul.ulsev li p{
		 color:#686868;
	}

	#service #news{
		position:absolute; width:310px; right:0; top:0;
	}
		#service #news li{
			padding-top:10px; line-height:150%;
		}
		#service #news li span{
			display:block; color:#adadad;
		}
		#service #news li a{
			color:#f47402;
		}

#customer{
	width:960px; padding:0 4px; margin:0 auto 10px;  
	background: url(../images/bgcus.gif) left top repeat-y #cccccc;
}
	#customer h2{
		position:relative; padding-left:30px; margin:0 auto; height: 54px; line-height:54px;
		font-size: 25px; color:#fff;
	}
	#customer h2 a.view{
		position:absolute; display:block; right:10px; top:20px; height: 44px; 
		line-height:20px; font-size:12px;
		padding-right:10px; background:url(../images/ico2.gif) right 7px no-repeat;
	}
	#customer ul{
		overflow:hidden; zoom:1;width:960px; margin:0 auto; padding-bottom:10px;
	}
	#customer  li{
		float:left; display:inline; width:180px; height:64px; padding-top:4px;  overflow:hidden; text-align:center; vertical-align:middle; background:#fff; margin-left:10px; margin-top:10px;
	}
	#customer  li img{
		width:160px; height:60px;
	}
	#customer img:hover {
	filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8;
}