/* typographic */

a.more,

a.more:visited{

	padding-left: 16px;

	background: url(../images/bullet.gif) 0 3px no-repeat;

	_background: url(../images/bullet.gif) 0 2px no-repeat;

	color: #3f7521;

	font-size: 12px;

}

a.more:hover{

	text-decoration: underline;

}

a.title,

a.title:visited{

	color: #3f7521;

}



/* slider */

#slider{

	position: relative;

	width: 100%;

}

	#slider li{

    	width: 100%;

		height:100%;

    	background-position: center center;

    	background-repeat: no-repeat;

    	background-size: cover;

	}

		#slider .wrapper{

			height: 100%;

		}

			#slider .title{

				position: absolute;

				top: 14%;

				line-height: 48px;

				text-shadow: 0 1px 3px #000;

			}

				#slider .title a,

				#slider .title a:visited{

					font-size: 16px;

					color: #fff;

				}

				#slider .title a:hover{

					text-decoration: underline;

				}

				#slider h2{

					font-size: 26px;

					font-weight: normal;

					color: #fff;

				}

			

/* filter */

#filter{

	position: absolute;

	left: 50%;

	margin-left: -566px;

	bottom: 140px;

	width: 1130px;

	height: 95px;

	box-shadow: 0 2px 4px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);

	z-index: 80;

}

	#filter li{

		float: left;

		width: 161.5px;
		padding-top:9px;

		text-align: center;
		border-left:#dedede 1px solid;
		background-image:url(../images/p1.gif);

	}
#filter li.tubiao{


		width: 48px;
		height:48px;

		text-align: center;
		border:#dedede 1px solid;
	 

	}


#filter li.tubiao img{


		border-radius:50%;
	 

	}






	#filter li.first-child{

		border-left: none;

	}

		#filter li a{

			display: inline-block;

			width: 161.5px;

			height: 33px;
			line-height:23px;

			padding-top: 0px;

		

		}

		#filter li:hover{
		background:#3f7521;

			color: #fff;

		}
		
		#filter li:hover a{

			color: #fff;

		}

		

		

/* famous-brand */

#famous-brand{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 90px;

	background-color: #fff;

}

	#famous-brand .wrapper{

		width: 575px;

		height: 90px;

		background: url(../images/icons.gif) 0 -154px no-repeat;

	}

	

/* banner */

#banner{

	width: 100%;

	height: 180px;

	background: #22222c url(../images/banner.jpg) center center no-repeat;

	text-align: center;

	color: #fff;

}

	#banner .wrapper{

		height: 100%;

	}

		#breadcrumb{

			padding-top: 15px;

			font-size: 12px;

		}

			#breadcrumb a,

			#breadcrumb a:visited{

				color: #fff;

			}

			#breadcrumb a:hover{

				text-decoration: underline;

			}

			#breadcrumb span.bullet{

				padding: 0 6px;

			}

			

/* company */

#company{

	overflow: hidden;

	position: relative;

	padding: 42px 0;

	border-top: 1px solid #dedede;

	z-index:50;

}

	#company .wrapper{

		width: 1191px;

	}

		#company .fl{

			width: 337px;

		}

		#company .fr{

			width: 854px;

		}

			.box{

				position: relative;

				display: inline;

				float: left;

				margin: 8px;

				z-index:50;

				background-color: #fff;

				box-shadow: 0 1px 3px #a8a8a8;

				-webkit-box-shadow: 0 1px 3px #a8a8a8;

				-moz-box-shadow: 0 1px 3px #a8a8a8;

				behavior: url(../other/PIE.htc);

			}
			
			
			
			.box1{

				position: relative;

				display: inline;

				float: left;

				margin: 8px;

				z-index:50;

				background-color: #fff;

				box-shadow: 0 1px 3px #a8a8a8;

				-webkit-box-shadow: 0 1px 3px #a8a8a8;

				-moz-box-shadow: 0 1px 3px #a8a8a8;

				behavior: url(../other/PIE.htc);

			}
			
			
			
			
			
			

			#overview{

				width: 321px;

				height: 372px;

				background: url(../images/overview.png) 0 0 no-repeat;

			}

#news, #advantage{
	overflow: hidden;
	width: 411px;
	height: 225px;

			}
			
	#seventy-years{
	overflow: hidden;
	width: 321px;
	height: 225px;

			}		
			
			
		#pros{
	width: 1175px;
	height: 292px;

			}	
			
#pros p.highlight{

						margin-top: 16px;

						color: #333333;

					}

					#pros ul{

						display: inline-block;

						padding: 26px 0 15px;

					}

						#pros li{

							position: relative;

							display: inline;

							float: left;

							width: 179px;

							height: 179px;

							margin-right: 12px;

							background: url(../images/shadow.png) 0 bottom no-repeat;

						}

							#pros li img{

								width: 179px;

								height: 179px;

							}

							#pros li p.overlay{

								bottom: 0px;

								width: 163px;

								padding: 10px 8px;

							}
			
			
			
			
			
			
			
			
			
			
			
			
			
			

			#projects{
	width: 838px;
	height: 372px;

			}

			#seventy-years{

				background: url(../images/70years.jpg) 0 0 no-repeat;

			}

				#seventy-years a{

					float: left;

					width: 100%;

					height: 100%;

				}

				.box .inner{

					position: relative;

					padding: 16px 20px;

					z-index: 90;

				}

				#advantage .inner{

					position: absolute;

					top: 0;

					left: 0;

					width: 371px;

				}

					.border{

						overflow: hidden;

						width: 100%;

						height: 1px;

						margin-top: 15px;

						background: url(../images/border-box.gif) 0 0 repeat-x;

					}

					a.more{

						position: absolute;

						bottom: 20px;

						right: 20px;

						z-index: 90;

					}

					#overview a.title,

					#overview a.title:visited,

					#advantage a.title,

					#advantage a.title:visited{

						overflow: hidden;

						color: #fff;

					}

					#overview a.more,

					#overview a.more:visited{

						background-image: url(../images/bullet-reverse.gif);

						color: #fff;

					}

					#advantage .border{

						background: url(../images/border-box.png) 0 0 repeat-x;

					}

					#news ul{

						margin-top: 16px;

					}

						#news li{

							display: inline;

							float: left;

							width: 371px;

						}

							#news li a,

							#news li a:visited{

								overflow: hidden;

								display: inline-block;

								width: 371px;

								height: 42px;

								margin: 5px 0 8px;

								color: #333333;

								word-break: break-all;

							}

							#news li a:hover{

								text-decoration: underline;

							}

							#news p.summary{

								overflow: hidden;

								width: 371px;

								height: 54px;

								word-break: break-all;

							}

				#advantage ul{

					z-index: 0;

				}

					#advantage li{

						position: relative;

						float: left;

						width: 411px;

						height: 225px;

					}

						#advantage img{

							width: 411px;

							height: 225px;

						}

						#advantage p.overlay{
	_bottom: 3px;
	width: 371px;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-left: 20px;

						}

					#projects p.highlight{

						margin-top: 16px;

						color: #333333;

					}

					#projects ul{

						display: inline-block;

						padding: 26px 0 15px;

					}

						#projects li{

							position: relative;

							display: inline;

							float: left;

							width: 123px;

							height: 123px;

							margin-right: 12px;

							background: url(../images/shadow.png) 0 bottom no-repeat;

						}

							#projects li img{

								width: 123px;

								height: 123px;

							}

							#projects li p.overlay{

								bottom: 0px;

								width: 107px;

								padding: 10px 8px;

							}