@charset "gb2312";
/*reset*/
.cl{
	clear: both;
}
.wrap_box {
	max-width: 640px;
	margin: 0 auto;
	height:auto;
	position:relative;
	overflow:hidden;
}
.logo{ 
	display:block;
    width:100%;
}
.logo img{ 
	display:block;
    width:100%;
}
#nav{
	height: 0.6rem;
	border-bottom:1px solid #0c720b;
	border-top:1px solid #0c720b;
}
#nav ul li{
	width: 20%;
	height: 0.6rem;
	line-height: 0.63rem;
	float: left;
	text-align: center;
}
#nav ul li a{
	display: block;
	width: 100%;
	height: 0.6rem;
	background-color: #0c720b;
	
	color: #fff;
	font-size:0.22rem;
}
.navbg{
	color: #000!important;
	background-color: #fff!important;	
}




.fl{ width:100%; overflow:hidden;margin:0 auto; text-align:center;}
.fl a{ display:inline-block; width:20%; background-color:#137f12; line-height:60px; color:#FFF; font-size:0.24rem;border-radius:10px; margin:0.1rem; 0.2rem;}

/*adv*/
.adv img{
	width: 100%;
}

/*about*/
.about_tit{
	margin:0rem auto;
}
.about_tit img{
	width: 100%;
}
.aboutn{
	padding: 0rem 0.2rem;
	font-size:0.23rem;
	
}
.aboutn p{
	margin-bottom: 0rem;  
}
.about_more{
	width: 20%;
	font-size: 0.14rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0 auto;
	background-color: #0c720b;
	text-align: center;
}
.aboutn a{
	color: #0c720b;
}


/*advan*/
.advan img{
	width: 100%;
}


/*product*/
.pro{
	width:100%;
	margin-top:0rem;
}
.pro img{
	width:100%;
}
#dl-menu{
	margin-right: 0.1rem;
}
.pron{
}
.pron ul{

}
.pron ul li{
	width: 46%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
.pron ul li:nth-child(odd){
	position: relative;
	left: 0;
	top: 0;
}
.pron ul li:nth-child(even){
	position: relative;
	right: 0;
	top: 0;
}
.pron ul li img{
	width: 100%;
	border: 1px solid #0c720b;border-radius: 50%;    padding: 0.05rem;height: 2.9rem;
}
.pron ul li dl{
	height: 0.5rem;
	font-size: 0.16rem;
	line-height: 0.5rem;
	text-align: center;
}
.pron ul li p{background-color: #0c720b;
    border-radius: 19px;
    color: #fff;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.4rem;}
.pron ul li {margin-top: 0.2rem;}

/*news*/
.news_tit{
	margin: 0rem auto;
	position: relative;
	right: 0;
	top: 0;
}
.news_tit img{
	width: 100%;
}
.news ul li{
	margin: 0rem 0.2rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border-bottom: 1px dashed #706a6e;
	font-size: 0.2rem;
	padding-top: 0.1rem;
	color: #706a6e;
}
.news ul li:nth-child(odd){
	position: relative;
	left: 0;
	top: 0;
}
.news ul li:nth-child(even){
	position: relative;
	right: 0;
	top: 0;
}
.news ul li a{
	color: #706a6e;
}
.news ul li span{
	float: right;
}




/*copyright*/
.copyright{
	
	background:url(../images/bg.jpg) no-repeat center ;background:#0c720b;
	text-align: center;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
	margin-bottom: 1.1rem;
}
.copyright li{
	font-size: 0.2rem;
	color: #FFFFFF;
	
}

#footer{ 
	width:100%; 
	height:1rem;
	background:#090909; 
	max-width: 640px; 
	position:fixed; 
	bottom:0px;
	z-index: 999;
}
#footer li{
	 width:25%;
	text-align:center;
	float:left;
	background:url(../images/footbg.jpg) no-repeat right;
	padding-top:5px;
	}
#footer li img{
	display: inline-block;
}
#footer li a{ color:#fff;}

.top{
	width: 10%;
	opacity: 0.8;
	z-index: 998;
}
.top img{
	width: 100%;
}
.advan{
	width:100%;
	margin:0rem auto;
}
.adv img{
	width: 100%;
}