@charset "utf-8";

#banner{
	width:960px;
	height:290px;
	overflow:hidden;
	background-image: url(../images/home_banner_3.jpg);
	background-repeat: no-repeat;
	}
#banner .slideshow{	 position:relative; height:290px; width:960px; 	}
#banner .slideshow img{position:absolute; left:0; top:0;}
#middle{
	width:980px;
	clear:both;
	
	}
#left-side{
	width:366px;
	float:left;
	padding-left:20px;
	display:inline-block;
	background-image: url(../images/products_services_bckg.jpg);
	background-repeat: no-repeat;
	position:relative;
	
	}
	#products-services{
		width:385;
		height:220px;
		background-image: url(../images/products_services_home.png);
		background-repeat: no-repeat;	
		display:block;
		position:relative;
		top: -30px;
		left:-20px;
		margin-bottom:-20px;
		
		
	}
		#products-services .products{

			height:168px;
			width:170px;
			margin-left:15px;
			margin-top:46px;
			display:inline-block;
			position:relative;
			float:left;
			
			
			}
			#products-services .products .link
			{
				width:100%;
				height:39px;
				cursor:pointer;
				
				}
			#products-services .products .link.first:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -15px -262px;
				}
			#products-services .products .link.second:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -15px -301px;
				}
			#products-services .products .link.third:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -15px -340px;
				}
			#products-services .products .link.fourth:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -15px -379px;
				}
				
		#products-services .services{
			height:128px;
			width:164px;
			margin-left:13px;
			margin-top:46px;
			display:inline-block;
			position:relative;
			
			}	
			#products-services .services .link
			{
				width:100%;
				height:39px;
				cursor:pointer;
				
				}
			#products-services .services .link.first:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -198px -262px;
				}
			#products-services .services .link.second:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -198px -301px;
				}
			#products-services .services .link.third:hover{
				background-image: url(../images/products_services_home.png);
				background-repeat: no-repeat;
				background-position: -198px -340px;
				}
				
	.news-title{
		font-size:16px;
		}
	.date{
		font-size:12px;
		line-height:18px;
		color:#CCC;
		}

#right-side{
	width:554px;
	margin-left:20px;
	float:left;
	padding-top:40px;
	display:inline-block;
	}
	.h1-why-title{color:#35da61;display:block; position:relative; text-align:right; margin-right:10px; margin-top:10px; margin-bottom:5px;}
	#why-box{
		font-size:13px;
		width: 511px;
		height:254px;
		background-image: url(../images/green_bckg_home.jpg);
		background-repeat: no-repeat;
		padding: 10px;
		padding-left:30px;
		padding-top:15px;
		display: block;
		position: relative;
		
		}
	#why-box p{
		margin-bottom:20px;
		
		}	
    #why-box .green{
		color:#FFF;
		
		}
    #why-box .bottom{
		margin-top:45px;
		width:410px;
		}