.product{
	position: relative;
	overflow: hidden;
	height: 764px;
	text-align: center;
	/*background: #098934;*/
}
.procon{
	position: relative;
	z-index: 10;;
	color: #8e8e8e;
}

.procon h2{
	margin-top: 34px;
	height: 74px;
	line-height: 74px;
	font-size: 36px;
	font-weight: normal;
	color: #191919;
}
.procon p{
	line-height:32px ;
	font-size: 18px;
	color: #8e8e8e;
}
.procon ul{
	
	height: 488px;
	width:1280px;
	margin:48px auto 0;
	/*background: lightsalmon;*/

}
.procon ul li{
	float: left;
	width: 233px;
	margin-left: 20px;
	/*background: green;*/
		
}
.procon ul li a{}
.procon ul li a:hover h3,.procon ul li a:hover p{
	color:#bfb189;
}
.procon ul li h3{
	margin-top:32px;
	line-height: 46px;
	font-size: 24px;
	color:#191919;
	font-weight: normal;
}
.procon ul li p{
	margin:0 auto;
	line-height: 26px;
	font-size:14px;
	width:233px;
}

.pro-left-bg{
	position: absolute;
	left: 0;
	top:142px;
	width:192px;
	height: 431px;

	
}
.pro-right-bg{
	position: absolute;
	right: 0;
	top:210px;
	width:193px;
	height: 429px;

	
}


/*-----------------------------------------*/

.service{
	overflow: hidden;
	width: 100%;
	height: 580px;
	background-repeat: no-repeat; 
	background-position-x: 50%; 
	background-image:url(../../images/servicebg.jpg);
	text-align: center;
	color: white;
}

.service h2{
	margin-top:124px;
	font-size: 42px;
	line-height: 64px;
	font-weight: normal;
}
.service p{
	line-height: 30px;
	font-size: 18px;
}
.service ul{
	margin: 90px auto 0;
	width:990px;
	height: 140px;
	/*background: lightblue;*/
}
.service ul li{
	float: left;
	margin-left: 15px;
	width:310px;
	height: 132px;
}
.service ul li a{
	display: block;
	overflow: hidden;
	height: 100%;
	color: white;
	background-image: url(../../images/sbg1.png);
}

.service ul li a h4{
	margin-top:26px;
	line-height: 48px;
	font-size:36px;
	font-weight: normal;
}
.service ul li a p{
	line-height: 42px;
	font-size: 18px;
}
.service ul li a:hover{
	background-image: url(../../images/sbg2.png);
}