@charset "utf-8";
/* CSS Document */
* {
	margin: 0 auto;
	padding: 0;
}
body {
	background:#fff;
	font-size: 12px;
	font-family:"微软雅黑";
	color: #343434;
	line-height: 24px;
}
.clear{
	zoom: 1;
}
.clear:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
img {
	border: 0;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #0a9430;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.none {display:none;}
/* .w1100 {
	width:1100px;
} */
.header {
	height: 100px;
	width: 100%;
}
.header .header-main {
	width: 1100px;
}
.logo {
	margin-top:20px;
	float: left;
}
.menub {
	float:right;
	height:100px; line-height:100px;
}
.menub li {
	font-size:14px;
	float:left;
	width:110px; text-align:center; color:#666;
	
}
.menub li a{ display:block; }
.menub li a:hover{color:#fff; background:url(../images/navbg.png) no-repeat;background-size: 100% 100%;}
.menua a{color:#fff; background:url(../images/navbg.png) no-repeat; display:block}
.nav-btn{
	display: none;
}
#banner {
	width: 100%;
	height: auto;
    height: 525px ;
	position: relative;
	z-index:9;
}
#slides {
	display: block;
	width: 100%;
	 height: 100%;
	/* height: auto; */
	position: relative;
	/* height: 530px;*/
}
#slides li {
	width: 100%;
	height: 100%;
	 float: left;
    position: relative;
	 /*position: absolute;*/
	/*top: 0;*/
	/*left: 0; */
}
#slides li+li{
    margin-left: -100%;
}
#slides li img{
	width: 100%;
	display: block;
}
#slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}
#pagination {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 70%;
	z-index:991009;
	height: 10px;

}
#pagination li {
	display: block;
	width:13px;
	height: 13px;
	float: left;
	margin-left: 17px;
	background:#fff;
}
#pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#pagination li.current {
	background:#14a73c;
}
.about{ padding:40px 0;}
.about dt{ float:left;}
.about dd{ float:right; width:485px; height:300px; }
.about dd h3{ font-size:30px; color:#00a45d; margin-top:15px;}
.about dd p{ height:170px; overflow:hidden; margin-top:20px; line-height:29px;}
.about dd img{ margin-top:30px;}

.box1 {
	padding:40px 0;
	background:url(../images/bg2.jpg) no-repeat center top;
}
.tit1 {
	text-align:center;
	margin-bottom:20px;
	padding-top:6px;
	width:105px;
	color:#14a73c;
	font-size:22px; font-weight:bold;
	border-top:3px solid #14a73c;
}
.tit1 span{ text-transform:uppercase; font-size:16px; font-weight:normal; color:#a7a7a7;}
.prodcon{ width:100%; margin-top:30px;}
.prodcon li {width:249px; height:201px; margin:0px 13px 20px 13px; float:left;}
.prodcon li em{overflow:hidden; width:100%; height:100%; *line-height:198px; text-align:center;display:table; background:#FFF;}
.prodcon li em a{ height:100%; vertical-align:middle\9; _writing-mode: tb-rl; display:table-cell; vertical-align:middle; border:1px solid #f2f2f2;}
.prodcon li em a:hover{ border:1px solid #eb932e;}
.prodcon li img{vertical-align:middle; max-height:198px !important; max-width:247px !important;}
.prox{ text-align:center;}
.tit3{ border-top:3px solid #FFF; text-align:center; color:#FFF; font-size:14px; width:170px; margin-bottom:10px; margin-top:15px;}
.prox p a{ color:#FFF; padding:0 15px; font-size:14px;}
.prox img{ text-align:center; margin-top:10px; width:157px;}
.box2 {
	background:url(../images/bg3.jpg) no-repeat center top;
	padding:40px 0; height:457px;
}
.tit2 {
	text-align:center;
	margin-bottom:20px;
	padding-top:6px;
	width:105px;
	color:#fff;
	font-size:22px; font-weight:bold;
	border-top:3px solid #fff;
}
.tit2 span{ text-transform:uppercase; font-size:16px; font-weight:normal; color:#fff;}
.tit4{text-align:center;
	margin-bottom:20px;
	margin-top:30px;
	font-size:22px; font-weight:bold;}
.tit4 span{ text-transform:uppercase; font-size:22px;}
.mess{ width:300px;}
.mess li{ margin-bottom:10px;}
.text1{ width:219px; height:32px; border:none; background:#e3eaeb; line-height:32px;}
.text2{ width:219px; height:66px; border:none; background:#e3eaeb; line-height:32px;}
.cont{ margin-top:47px; text-align:center; line-height:30px; }
.cont img{ vertical-align:middle; margin-right:8px;}
.TabTitlea {
	width:246px;
	margin-bottom:20px;
}
.TabTitlea li {
	float:left;
	cursor:pointer;
	width:107px;
	height:34px;
	
	line-height:34px;
	text-align:center;
	font-size:14px;
	background:#9f9f9f;
	margin-left:30px;
}
.TabTitlea .active {
	background:#14a73c;
	color:#FFF;
}
.TabTitlea .normal {
	background:#9f9f9f;
	color:#343434;
}
.TabContent {
	clear:both;
	overflow:hidden;
	display:block;
}


.news {
	padding:40px 0;
}

.nele {
	width:440px;
	background:#FFF;
}
.nele dd {
	color:#4e4e4e;
	height:88px;
}
.nele dd span {
	line-height:36px;
	font-size:16px;
	font-weight:bold;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:100px;
}
.nele dd span a {
	color:#343434;
}
.nele dd img{ margin-top:10px;}
.neri {
	width:608px;
}
.neria {
	background:#f9f9f9;
	margin-top:15px;
	background:url(../images/ne.jpg) no-repeat;
}
.neria a{ display:block;width:100%; height:114px; }
.neria a:hover{background:url(../images/nea.jpg) no-repeat; color:#FFF;}
.neria dt {
	float:left;
	font-size:30px; text-align:center; line-height:17px;
	margin:35px 0 0 41px;
}
.neria dt span{ font-size:12px;}
.neria dd {
	width:445px;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
.neria dd span {
	line-height:36px;
	font-size:14px;
	font-weight:bold;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.nele dt img{
	width:100%;
	height: 217px;
	display: block;
}
.neria dd span a {
	color:#343434;
}
.tit5{
	margin-top:30px;
	font-size:19px; }
.tit5 span{font-size:29px; color:#14a73c; margin-right:8px;}
.link{ margin-top:10px; padding-bottom:10px;}
.link a{ padding:0 20px;white-space:nowrap;}
.footer{ background:url(../images/footbg.jpg) repeat-x;color:#FFF; height:189px;}
.footer dd{ margin-left:80px;}
.footer dt{ height:189px;}
.dnav a{  color:#FFF; padding:0 20px; height:40px; line-height:40px;}
.footer dd p{ margin-top:25px;}



.pro_lis{ float:left;}
.pro_li_t{ background:#14a73c; color:#fff; font-size:24px; height:45px; line-height:45px; text-align:center;
}
.pro_lis li{ height:35px;padding:10px 0;line-height:35px; text-align:center; background:#f6f6f6; border-bottom:1px solid #fff; font-size:14px; color:#333;}
.pro_lis li a{ display:block;font-size: 16px;font-weight: bold;text-align: center;}
.pro_lis li a:hover{ background:#23c54f; color:#fff;}
.ncase{ float:right;}
/* 2017.09.01添加响应式 */
.foot-nav{
	display: none;
}
.about dt img{
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (min-width:1120px){
	.w1100,.header .header-main,.bread{
		width:1100px;
	}
	.nnewsnr dd{
		width: 880px;
	}
	.pro_lis{
		width: 250px;
	}
	.ncase{
		width: 830px;
	}
	.ncase dl {
		width: 234px;
		margin: 0 20px;
	}
}
/* 中等屏幕 */
@media screen and (max-width: 1119px) and (min-width: 992px) {
	.w1100,.header .header-main,.bread{
		width:970px;
	}
    .header-main .logo{
		width: 200px;
		overflow: hidden;
	}
	.about dt{
		width: 480px;
		height: 280px;
	}
	.about dd{
		width: 450px;
		height: 280px;
	}
	.about dd p{
		height: 140px;
	}
	.prodcon li{
		width: 216px;
		height: 190px;
	}
	.nele{
		width: 380px;
	}
	.neri{
		width: 500px;
	}
	.neria dd {
		width: 340px;
	}
	.nnewsnr dd{
		width: 760px;
	}
	.pro_lis{
		width: 200px;
	}
	.ncase{
		width:750px;
	}
	.ncase dl{
		width:222px;
		margin: 0 10px;
	}
}
/* 平板 */
@media screen and (max-width: 991px ) and (min-width: 768px) {
	.w1100,.header .header-main,.bread{
		width:750px;
	}
	.header-main .logo{
		width: 180px;
		overflow: hidden;
	}
	.header-main .menub li{
		width: 80px;
	}
	.header .menua a{
		background-size: 100% 100%;
	}
	.about dt{
		width: 360px;
		height: 200px;
	}
	.about dd{
		width: 350px;
		height: 200px;
	}
	.about dd p{
		height: 60px;
	}
	.prodcon li{
		width: 160px;
		height: auto;
	}
	.nele{
		width: 300px;
	}
	.neri{
		width: 420px;
	}
	.neria dd {
		width: 280px;
		margin-top: 0;
	}
	.nele dt img{
		height: 200px;
	}
	.footer dd{
		margin-left: 0px;
		/* padding-left: 00px;
		box-sizing: border-box;
		width: 580px; */
	}
	.nnewsnr dd{
		width: 560px;
	}
	.pro_lis{
		width: 180px;
	}
	.ncase{
		width:500px;
	}
	.ncase dl{
		width:222px;
		margin: 0 10px;
	}
	.map{
		width: 500px!important;
	}
}
/* 手机 */
@media screen and (max-width: 767px ){
	.w1100,.header .header-main,.bread{
		width: 100%;
		padding-left:15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.header{
		height: auto;
	}
	.header .header-main{
		position: relative;
	}
	.header .menub{
		float: left;
		width: 100%;
		height: auto;
		line-height: normal;
		display: none;
	}
	.header-main.show .menub{
		display: block;
	}
	.header .menub li{
		float: none;
		width: 100%;
		padding: 5px 0;
	}
	.header .menub li a{
		background: none;
	}
	.header .menua  a{
		color: #09942f;
	}
	.logo{
		margin: 10px 0;
		height: auto;
	}
	.logo a{
		display: block;
		height: auto;
	}
	.logo img{
		height: 40px;
		display: block;
	}
	.nav-btn{
		display: block;
		float: right;
		border: 1px solid #ccc;
		width: 40px;
		border-radius: 3px;
		margin-top: 14px;
	}
	.nav-btn span{
		display: block;
		height: 2px;
		width: 30px;
		background-color: #ccc;
		margin: 5px auto;
	}
	.header-main.show .nav-btn{
		border: 1px solid #09942f;
	}
	.header-main.show .nav-btn span{
		background-color: #09942f;
	}
	#pagination{
		bottom: 10px;
	}
	#pagination li{
		width: 8px;
		height: 8px;
	}
	.about{
		padding: 20px;
	}
	.about dt{
		width:40%;
		height: auto;
	}
	.about dd{
		width: 50%;
		height: auto;
	}
	.about dd p{
		height: 60px;
	}
	.about dd img{
		width: 100%;
		height: auto;
	}
	.prodcon li{
		width: 50%;
		height: auto;
		margin: 0;
		box-sizing: border-box;
		padding: 10px;
	}
	.box1{
		background-size: cover;
	}
	.nele,.neri{
		width: 100%;
	}
	.neria{
		background: none;
		background-color: #f9f9f9;
		padding: 10px;
		box-sizing: border-box;
	}
	.neria dd {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
	}
	.nele dt img{
		height: auto;
	}
	.neria dt{
		display: none;
	}
	.footer{
		background: none;
		background-color:#09942f;
		padding: 20px 0;
		height: auto;
	}
	.link{
		font-size: 0;
	}
	.link a{
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		font-size: 14px;
		/* text-align: center; */
		position: relative;
	}
	.link a:after{
		content: "";
		height: 50%;
		width: 1px;
		background-color: #333;
		position: absolute;
		right: 0;
		top: 25%;
	}
	.footer dt{
		overflow: hidden;
	}
	.footer dt img{
		margin-top: -40px;
	}
	.footer .dnav{
		display: none;
	}
	.footer dd{
		margin-left: 20px;
	}
	.footer dd p{
		margin-top: 20px;
	}
	.nnewsnr dt{
		width: 30%!important;
		height: 200px!important;
	}
	.nnewsnr dt img,.nnewsnr dt a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.nnewsnr dd{
		width: 65%;
	}
	.pro_lis,.ncase{
		float: none;
	}
	.pro_li_t{
		text-align: left;
		padding: 0 10px;
		position: relative;
	}
	.pro_li_t:after{
		content: "";
		width: 10px;
		height: 10px;
		position: absolute;
		right: 20px;
		top: 40%;
		transform: rotate(45deg) translateY(-50%);
		border: 2px solid #fff;
		border-top-color: #14A73B;
		border-left-color: #14a73c;
	}
	.pro_lis>ul{
		display: none;
	}
	.pro_lis.show>ul{
		display: block;
	}
	.ncase dl{
		width: 50%;
		margin: 10px 0;
		box-sizing: border-box;
		padding:0 5px ;
	}
	.ncase dl img {
		vertical-align:middle;
		max-height:90px;
		max-width:100%!important;
	}
	.path {
		text-indent: 0!important;
		display: none;
	}
	.title span{
		font-size: 18px;
	}
	.nnews_con{
		margin-top: 20px;
	}
	.nnews_con img{
		max-width: 100%;
	}
	.message table{
		width: 100%;
	}
	.tex3{
		width: 180px!important;
	}
	.message #vdcode1{
		width: 110px;
	}
	.map{
		width: 100%!important;
		height: 300px!important;
		float: none!important;
	}
	.foot-nav{
		display: block;
		position: fixed;
		bottom:0;
		left: 0;
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	body{
		padding-bottom: 60px;
	}
	.foot-nav{
		background-color: #fff;
		border-top: 1px solid #ccc;
	}
	.foot-nav .foot-item{
		 flex: 1;
		 text-align: center;
	}
	.foot-nav .icon{
		display: inline-block;
		width: 30px;
		height: 30px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: middle;
	}
	.foot-nav .icon-1{
		background-image: url(../images/home_light.png)
	}
	.foot-nav .icon-2{
		background-image: url(../images/shop_light.png)
	}
	.foot-nav .icon-3{
		background-image: url(../images/community_light.png)
	}
	.foot-nav .icon-4{
		background-image: url(../images/group_light.png)
	}
	.foot-nav h4{
		font-size: 16px;
		font-weight: normal;
	}
	.foot-nav .active .icon-1{
		background-image: url(../images/home_light1.png)
	}
	.foot-nav .active .icon-2{
		background-image: url(../images/shop_light1.png)
	}
	.foot-nav .active .icon-3{
		background-image: url(../images/community_light1.png)
	}
	.foot-nav .active .icon-4{
		background-image: url(../images/group_light1.png)
	}
	
}

@media screen and (max-width:440px) {
	.about dt{
		width:100%;
		height: auto;
	}
	.about dd{
		width: 100%;
		height: auto;
	}
	.about dd p{
		height: auto;
	}
	.footer .fl{
		width: 100%;
	   text-align: center;
	   margin: 0;
	}
	.footer dd p{
		margin-top:0;
	}
	.footer .w1100{
		padding-left: 10px;
		padding-right: 10px;
	}
	.nnewsnr dt{
		width: 32%!important;
		height: 80px!important;
	}
	.nnewsnr dd{
		width: 65%;
	}
	.nnewsnr dd p{
		height: 18px!important;
	}
	.nnewsnr dd h3{
		font-size: 14px!important;
	}
	.nnewsnr dd h4{
		line-height: 1;
	}
	
}
@media only screen and (max-width: 420px) {
	#banner{
		height: 114px;
	}
}
@media only screen  and (max-width: 380px) {
	#banner{
		height: 114px;
	}
}
@media only screen and (max-width:330px ) {
	#banner{
		height: 88px;
	}
}