@charset "utf-8";
/* CSS Document */

/*---------------------------------------top*/
#header {
	height: 144px;
	border-bottom: 2px solid #01a300;
	z-index:5;
    position: relative;
}
#logo{
	height: 144px;
	width: 460px;
	float: left;
}
#logo img{
	width: 50px;
	height: 60px;
	margin: 42px 25px 42px 66px;
	float: left;
}
#logo h1{
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	color: #333;
	margin: 47px 0px 15px 0px;
}
#logo h2{
	font-size: 14px;
	height: 14px;
	color: #333;
	margin: 0px;
	line-height: 14px;
}
#nav{
	height: 144px;
	width: 737px;
	float: right;
	z-index: 999;
    position: relative;
}
#nav p{
	height: 18px;
	line-height: 18px;
	margin: 60px 0px 7px 18px;
	align-content: center;
	vertical-align: middle;
	font-size: 12px;
}
#nav p span{
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	padding: 0px;
	margin: 0px 4px 0px 0px;
	display: inline-block;

}
#nav p span:hover{
	color: #01a300;
}
#nav p img{
	display:inline-block;
	width: 28px;
	height:18px;
	margin:0px 12px 0px 345px;
	vertical-align: middle;
	cursor: pointer;
}
#nav p a.a1{
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	padding: 0px;
	margin: 0px 4px 0px 0px;
	display: inline-block;

}
#nav p a.a1:hover{
	color: #01a300;
}
#nav p img{
	display:inline-block;
	width: 28px;
	height:18px;
	margin:0px 12px 0px 345px;
	vertical-align: middle;
	cursor: pointer;
}
#nav p a.a2{
	color: #01a300;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	width: 140px;
	margin: 0px 20px 0px 0px;
	float: right;
	text-align:right;
	vertical-align: middle;
	display: inline-block;
	background: url("../image/email.png") left center no-repeat;
}
/*---------------------------------------nav*/

#navBtn>li{
	display: inline-block;
	height: 42px;
	margin:0px 2px 0px 0px;
	line-height: 42px;
	vertical-align: top;
	font-size: 16px;
	padding:0px 10px;  
	position: relative;

}
#navBtn>li>a{
	display: inline-block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	color:#000;
	text-align: center;
	font-size: 16px;
	padding:0px 10px; 
}
#navBtn>li>a:hover,.navLi.on>a, .navLi.sb>a{
	color:#fff !important;
	background-color: #01a300;
}
.subnav{
	display:none;
	width:100%;
	border-top:0;
	position: absolute;
	z-index: 999; 
	background:#fff;
	opacity:0.8;
	padding: 15px 0px 0px 0px;
}
.subnav li{
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.subnav li a{
	display: inline-block;
	color: #000;
	font-size: 12px;
	height: 40px;
}
.subnav li a:hover{
	color: #01a300;
}



#banner{
	height: 600px;
    position:relative;
    z-index:1;
}


/*---------------------------------------main*/
#main{
	height: 525px;
	padding: 70px 20px 0px 20px;
}
#product{
	height: 300px;
	margin: 60px 0px 0px 0px;
}
#product li{
	float: left;
	width:354px;
	height:246px;
	margin:26px 22px;
	padding:0px;
	border: 1px solid #d8d8d8;
	cursor:pointer;
}
#product li p{
	width: 294px;
	padding: 0px 30px;
	height: 56px;
	font-size: 16px;
	color: #333;
	background-color: #d8d8d8;
	line-height: 56px;
}
#product li.hover{
	width:354px;
	height:298px;
	margin:0px 22px;
}
#product li.hover div{
	height: 220px;
}
#product li.hover p{
	height: 78px;
	line-height: 78px;
	color:#fff;
	background-color: #01a300;
}
#product li.hover .imgbtn{
	display: none;
}
/*---------------------------------------footer*/
#footer{
	height: 1250px;
}
#about{
	height: 520px;
	background: url("../image/aboutBg.png") center center no-repeat;
	/*position: relative;*/
}
#about div,#contact>div{
	padding: 40px 0px 0px 0px;
}
#about div h1,#contact div h1{
	color:#fff;
}
#about>div h2{
	color:#fff;
	margin:0px 0px 20px 0px !important;
}
#about div p{
	width: 614px;
	height: 325px;
	color: #fff;
	font-size: 14px;
	display: line-height;
	line-height: 1.8;
	letter-spacing:0.2px;
	margin: 0px 0px 0px 293px;
}
#about div a{
	color: #fff;
	font-size: 14px;
	letter-spacing:0.2px;
	margin: 0px 293px 0px 0px;
	float: right;
	text-decoration:underline;
}
#about div a:hover{
	color: red;
}
#cooperation{
	height: 350px;
}

#cooperation div h1{
	margin: 60px 0px 8px 0px;
}
#corpBox{
	height: 125px;
}
#corpBox li{
	height: 120px;
	width: 275px;
	border: 1px solid #d8d8d8;
	display:table;
	float: left;
	margin:0px 0px 0px 20px;
}
#corpBox li span{
	height: 100%;
	width: 100%;
	text-align: center;
    display:table-cell;
    vertical-align:middle;
}
#contact{
	height: 320px;
	background-color: #222324;
}
#contact div h2{
	color:#fff;
	margin:0px 0px 30px 0px !important;
}
#contactBox{
	width: 511px;
	height: 170px;
	float: left;
	margin: 0px 0px 0px 20px;
}
#contactBox p,#rightcopy p{
	font-size: 14px;
	color: #fff;
	line-height: 2.3;
}
#rightcopy{
	width: 260px;
	height: 170px;
	float: right;
	margin:0px 20px 0px 0px;
}