﻿body{
	padding: 0;
	margin: 0;
}
img{
	width : 100%;
}
a{
	text-decoration: none;
}

.top{
	width: 100%;
	height: auto;
}
.top .logo{
	width: 100%;
	line-height: 0;
}
.navbar{
	width: 100%;
	background: #479214;
	float: left;
	padding-top: 10px;
}
.navbar ul{
	margin: 0;
	padding: 0;
}
.navbar li{
	width: 27%;
	height: 24px;
	padding: 0 0 0 0;
	list-style: none;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
	text-align: center;
}
.navbar a{
	color: #FFFFFF;
	text-decoration: none;
}
.navbar .line{
	width: 5px;
	color: #67BC2C;
}
.main{
	width: 100%;
	float: left;
}
.main .title{
	width: 100%;
	line-height: 0;
}
.main .product-wrp{
	width: 100%;
	height: auto;
	float: left;
	margin-top: -1px;
	background-size: cover;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
}
.main .product-wrp .view{
	width: 30%;
	height: 40%;
	margin-left: 10px;
	background: #FFFFFF;
	float: left;
	margin-bottom: 20px;
}
.main .product-wrp .img{
}
.main .product-wrp .img img{
	width: 100%;
	height: 100%;
}
.main .product-wrp .name{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #287609;
	margin-top: 5px;
}
.buyer,
.zone,
.shili,
.banner{
	width: 100%;
	height: auto;
	line-height: 0;
	float: left;
}
.advantage,
.honor,
.advanced_equ{
	width: 100%;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	float: left;
}
.advanced_equ .content{
	width: 75%;
	height: auto;
	margin: 0 auto;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 12px;
}
.buy{
	width: 100%;
	line-height: 0;
	float: left;
}
.honor .content{
	width: 85%;
	height: auto;
	margin: 0 auto;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 12px;
}
.advantage{
	width: 100%;
	float: left;
}
.advantage .content{
	width: 195px;
	height: auto;
	margin: 0 auto;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 16px;
}
.customer{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	padding-bottom: 30px;
}
.customer .view{
	width: 99%;
	height: 150px;
	padding-left: 1%;
	white-space: nowrap;
}
.customer .view .img{
	width: 152px;
	height: 120px;
	border: 1px #B0FB00 solid;
	border-radius: 15px;
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}
.customer .view .img img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 15px;
}
.customer .view .judge{
	color: #FFFF81;
	width: 48%;
	height: 20px;
	float: left;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
}
.customer .view .source{
	width: 48%;
	height: 24px;
	color: #FFFFFF;
	float: left;
	font-size: 12px;

	overflow: hidden;
	text-overflow: ellipsis;
}
.customer .view .desc{
	width: 48%;
	height: 60px;
	color: #FFFF81;
	float: left;
	font-size: 12px;
	white-space: pre-wrap;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.about{
	float: left;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
	background-size: cover;
/*	padding-bottom: 120px;*/
}
.about .content{
	width: 87%;
	height: auto;
	margin: 0 auto;
	color: #FFFFFF;
}
.about .content p{
	text-indent: 2em;
}
.news{
	width: 100%;
	float: left;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.news .nav{
	width: 100%;
	background: #E1E1E1;
	float: left;
	
}
.news .nav ul{
	padding: 0;
	margin: 0;
}
.news .nav li{
	width: 20%;
	list-style: none;
	float: left;
	padding: 10px 0 10px 0 ;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}
.news .nav .active{
	color: #FFFFFF;
	background: #42CA39;
	padding: 10px 0 10px 0;
}
.news .nav .more{
	font-size: 8px;
}
.news a{
	color: #000000;
}
.news .news_wrp{
	width: 100%;
	background: #FFFFFF;
	float: left;
}
.news .news_wrp ul{
	padding-left: 10px;
	margin: 0;
}
.news .news_wrp li{
	list-style: none;
	padding: 10px 0 10px 0;
	border-bottom: 1px #D1D1D1 dashed;
}
.message {
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../img/content.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	margin-bottom: 80px;
}
.message .content{
	background: #FFFFFF;
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
	padding-bottom: 50px;
}
.message .content img{
	width: 100%;
	border-radius: 10px;
}
.message .content .info{
	margin: 0 auto;
	width: 80%;
	margin-top: 10px;
}
.message .content .info input{
	height: 20px;
	width: 70%;
	border: 1px #D1D1D1 solid;
}
.message .content .msg textarea{
	height: 40px;
	width: 70%;
	resize: none;
	border: 1px #D1D1D1 solid;
}
.message .content .msg{
	margin: 0 auto;
	width: 80%;
	display: flex;
	margin-top: 10px;
}
.message .content .submit{
	width: 85%;
	height: 30px;
	text-align: right;
	margin-top: 10px;
}
.message .content .submit a{
	background: #139616;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 10px;
}
.footer{
	background: #28941C;
	height:auto; 
	position:fixed; 
	bottom:0; 
	width:100%;
	padding-bottom: 5px;
}
.footer .click{
	width: 25%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer .click .text{
	width: 100%;
	font-size: 12px;
	margin-top: 5px;
}
.footer .click img{
	width: 35px;
	height: auto;
}
.news_list,
.news_detail{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-bottom: 150px;
}
.product_main .nav,
.news_list .nav,
.news_detail .nav{
	width: 99.5%;
	height: auto;
	float: left;
	border: 1px #D1D1D1 solid;
}
.product_main .nav .active a,
.news_list .nav .active a,
.news_detail .nav .active a{
	color: #42CA39 !important;
}
.product_main .nav ul,
.news_list .nav ul,
.news_detail .nav ul{
	margin: 0;
	padding: 0;
}
.product_main .nav a,
.news_list .nav a,
.news_detail .nav a{
	color: #000000 !important;
}
.product_main .nav li,
.news_list .nav li{
	width: 33.1%;
	list-style: none;
	float: left;
	padding: 10px 0 10px 0;
	text-align: center;
	border-right: 1px #D1D1D1 solid;
}
.news_detail .nav li{
	width: 24.6%;
	list-style: none;
	float: left;
	padding: 10px 0 10px 0;
	text-align: center;
	border-right: 1px #D1D1D1 solid;
}
.news_list .nav li{
	width: 24%;
	list-style: none;
	float: left;
	padding: 10px 0 10px 0;
	text-align: center;
	border-right: 1px #D1D1D1 solid;
}
.product_main .nav li:last-child,
.news_list .nav li:last-child,
.news_detail .nav li:last-child{
	border: 0;
}
.news_detail_wap{
	width: 100%;
	height: auto;
	margin-top: 30px;
	float: left;
}
.news_detail_wap_wrp{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.news_detail_wap_wrp .desc{
	width: 100%;
	height: auto;
	color: #A9A9A9;
	font-size: 16px;
}
.news_detail_wap_wrp .title{
	width: 100%;
	font-size: 16px;
	/*font-weight: bold;*/
	margin-top: 5px;
}
.news_detail_wap_wrp .date{
	width: 100%;
	height: auto;
	font-size: 12px;
	margin-top: 15px;
}
.news_detail_wap_wrp .text{
	width: 100%;
	height: auto;
	margin-top: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 15px;
	border-top: 1px #BFBEBE solid;
	border-bottom: 1px #BFBEBE solid;
	text-indent: 2em;
	color: #6F6F6F;
}
.news_detail_wap_wrp .next{
	width: 100%;
	height: auto;
	font-size: 13px;
	margin-top: 15px;
	color: #6F6F6F;
}
.wap-view{
		width: 93%;
		float: left;
		margin-top: 30px;
		margin-left: 10px;
		padding-bottom: 15px;
		border-bottom: 1px #F8F8F8 solid;
}
.wap-view .img{
	width: 116px;
	height: 80px;
	float: left;
	margin-right: 10px;
}
.wap-view img{
	width: 100%;
	height: 100%;
}
.wap-view .title{
	width: 55%;
	height: 20px;
	float: left;
	font-size: 16px;
	margin-top: 5px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000000;
	}
.wap-view .content{
	width: 55%;
	height: 40px;
	float: left;
	font-size: 12px;
	color: #A9A9A9;
	white-space: pre-wrap;
	text-align: left;
	line-height: 20px;
	overflow: hidden;
}
	.wap-view .date{
		width: 55%;
		height: 10px;
		float: left;
		color: #2A7D25;
		text-align: left;
		font-size: 12px;
		display: flex;
		align-items: center;
		white-space: nowrap;
	}
.control-wrp{
	width: 100%;
	height: 50px;
	margin-top: 20px;
	float: left;
	text-align: center;
}
.control-wrp a{
	border: 1px #EEEEEE solid;
	color: #A9A9A9;
	padding: 5px 10px 5px 10px;
}
.control-wrp .active{
	border: none;
	color: #FF5D4A;
}
.control-wrp a:hover{
	color: #FF594C;
}
.control-wrp .more{
	border: none;
	color: #000000;
}
.product_main{
	width: 100%;
	height: auto;
	background: #F5F5F5;
	float: left;
	margin-bottom: 100px;
}
.product_main a{
	color: #000000;
}
.product_main .curr{
	width: 99%;
	height: 36px;
	border: 1px #D1D1D1 solid;
	margin-top: 5px;
	float: left;
}
.product_main .curr .text{
	width: 30%;
	font-size: 16px;
	float: left;
	padding: 10px 0 10px 20px;
}
.product_main .curr .arrow{
	width: 20px;
	font-size: 12px;
	float: right;
	color: #A9A9A9;
	padding: 10px 0 10px 20px;
}
.product_main .nav{
	margin-top: 5px;
	background: #FFFFFF;
	border: none;
}

.product_main .nav li{
	width: 32.5%;
	border: 1px #D1D1D1 solid;
}
.product_main .nav li:last-child{
	border: 1px #D1D1D1 solid;
}
.product_main .view{
	width: 48%;
	height: 225px;
	background: #FFFFFF;
	float: left;
	padding-bottom: 10px;
	margin: 5px 5px 5px 0;
	overflow: hidden;
}
.product_main .view .img{
	width: 100%;
	max-width: 197px;
	height: 80%;
	max-height: 197px;
	justify-content: center;
}
.product_main .view img{
    width: 100%;
    height: 100%;
}
.product_main .view .title{
	width: 98%;
	height: 38px;
	font-size: 12px;
	margin-top: 5px;
	padding-left: 5px;
	white-space: pre-wrap;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.product_detail_main{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 80px;
}
.product_detail_main .detail_pic{
	width: 95%;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
.product_detail_main .name{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 10px;
}
.product_detail_main .title_wrp{
	width: 100%;
	height: auto;
	border-top: 1px #D1D1D1 solid;
	margin-top: 10px;

}
.product_detail_main .title_wrp .title{
	width: 90%;
	height: 30px;
	margin: 0 auto;
	margin-top: 10px;
	color: #1B7914;
}
.product_detail_main .pic,
.product_detail_main .banner{
	width: 100%;
	line-height: 0;
	float: left;
}
.product_detail_main .detail{
	width: 100%;
	height: auto;
	float: left;
}
.product_detail_main .detail .img{
	width: 150px;
	height: 150px;
	margin-left: 10px;
	float: left;
}
.product_detail_main .detail .img img{
	width: 100%;
	height: 100%;
}
.product_detail_main .detail .text{
	width: 45%;
	height: 15px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
}
.product_detail_main .detail .title{
	color: #3F9729;
}
.product_detail_main .property{
	margin-top: 10px;
}
.good,
.detail_page_info,
.pk,
.pro_detail,
.product_detail_main .property{
	width: 100%;
	float: left;
	line-height: 0;
}

.customer .detail_page_view{
	width: 49%;
	height: 150px;
	white-space: nowrap;
	margin-left: 2px;
	float: left;
}
.customer .detail_page_view .img{
	width: 90px;
	height: 75px;
	border: 1px #B0FB00 solid;
	border-radius: 15px;
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}
.customer .detail_page_view .img img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 15px;
}
.customer .detail_page_view .judge{
	color: #FFFF81;
	width: 35%;
	height: 12px;
	float: left;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
	font-size: 6px;
}
.customer .detail_page_view .source{
	width: 35%;
	height: 12px;
	color: #FFFFFF;
	float: left;
	font-size: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.customer .detail_page_view .desc{
	width: 35%;
	height: 40px;
	color: #FFFF81;
	float: left;
	font-size: 6px;
	white-space: pre-wrap;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.contact{
	width: 100%;
	float: left;
}
.contact .content{
	width: 85%;
	margin: 0 auto;
}
.contact .content p{
	line-height: 14px;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
}

