html, body {width:100%;height:100%;min-width: 320px;} /*非常重要的样式让背景图片100%适应整个屏幕*/  
@charset "utf-8";
body 
{
	padding:0;
	margin:0;
	font-family: "微软雅黑";
	border:none;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
ul,ol,li{list-style-type:none;}
p,h2,h1,h3,h4{ padding:0; margin:0;}
a:link,a:visited{ text-decoration:none;}
a{color: inherit;text-decoration:none;}
.clear{ clear:both;}    

img {
    border: none;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*********************************************************************************************************************************************************
** 
*/
.header{
	float: left;
	width: 100%;
	background-color: #519e34;
	padding: 22px 0;
}
.logo{
	float: left;
	width: 198px;
	height: 75px;
	background: url(../images/logo.png) no-repeat left top;
}
.tel-wrap{
	float: right;
	background: url(../images/header-tel.png) no-repeat left top;
	min-height: 58px;
	padding: 10px 0 10px 72px;
	margin-top: 10px;
}
.tel-ser{
	display: block;
	font-size: 14px;
	color: #fff;
}
.tel-num{
	display: block;
	font-size: 20px;
	color: #fff;
}

.nav-wrap{
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
}
.nav{
	float: left;
	width: 100%;
}
.nav >ul{
	float: left;
	width: 100%;
}
.nav >ul >li{
	float: left;
	width: 16.66%;
	position: relative;
	text-align: center;
}
.nav >ul >li >a{
	float: left;
	width: 100%;
	font-size: 17px;
	color: #333333;
	padding: 18px 0;
	position: relative;
	border-top: solid 1px #fff;
}
.nav >ul >li:hover >a,.nav >ul >li.active >a{
	color: #fff;
	background-color: #407c34;
}
.nav >ul >li >ul{
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background-color: #fff;
	padding: 0px 0 0px 0;
	display: none;
	border-bottom: solid 3px #47a45d;
}
.nav >ul >li >ul >li{
	float: left;
	width: 100%;
}
.nav >ul >li >ul >li >a{
	float: left;
	width: 100%;
	font-size: 15px;
	color: #333;
	text-align: center;
	padding: 8px 0 7px 0;
	border-bottom: solid 1px #eee;
}
.nav >ul >li >ul >li:last-child >a{
	border-bottom: none;
}
.nav >ul >li >ul >li >a:hover{
	color: #fff;
	background-color: #47a45d;
}

/**轮播**/
.swiper-container1{
	float: left;
	width: 100%;
	overflow: hidden;
}
.swiper-container1 img{
	float: left;
    width: 100%;
}
.swiper-button-prev1, .swiper-button-next1 {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 49px;
    margin-top: -25px;
    z-index: 100;
    cursor: pointer;
    background-size: 30px 49px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .6s;
}
.swiper-button-prev1.swiper-button-disabled, .swiper-button-next1.swiper-button-disabled {
    opacity: 0;
    transition: .6s;
}
.swiper-button-prev1,
.swiper-container-rtl .swiper-button-next1 {
  background-image:url(../images/prev.png);
  left: 60px;
  right: auto;
}
.swiper-button-next1,
.swiper-container-rtl .swiper-button-prev1 {
  background-image:url(../images/next.png);
  right: 60px;
  left: auto;
}

.swiper-container1:hover .swiper-button-prev1,.swiper-container1:hover .swiper-button-next1{
	opacity: 1;
}
.swiper-container1:hover .swiper-button-prev1.swiper-button-disabled,.swiper-container1:hover  .swiper-button-next1.swiper-button-disabled {
    opacity: 1;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 0;
}
.swiper-pagination-bullet-active {
    background: #407c34;
    border: solid 1px #407c34;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 142px;
    left: 127px;
}

/*首页分类*/
.index-cate-wrap{
	float: left;
	width: 100%;
	padding: 43px 0;
}
.index-cate-list{
	float: left;
	width: 366px;
	margin-right: 51px;
}
.index-cate-list:nth-child(3n){
	margin-right: 0%;
}
.index-cate-pic{
	float: left;
	width: 100%;
	height: 279px;
	overflow: hidden;
	margin-bottom: 38px;
}
.index-cate-pic:hover{
	filter: brightness(1.3);
}
.index-cate-title{
	float: left;
	width: 100%;
	font-size: 22px;
	color: #519e34;
	font-weight: bold;
}
.index-cate-list:hover .index-cate-title{
	text-decoration: underline;
}
.index-cate-sub-title{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	margin-top: 23px;
}

/*新闻 我们的客户*/
.news-hezuo-wrap{
	float: left;
	width: 100%;
	background-color: #f8f8f8;
	padding: 68px 0;
}
.news-wrap{
	float: left;
	width: 375px;
	overflow: hidden;
}
.tab-news-wrap{
	float: left;
	width: 100%;
	
}
.tab-news{
	float: left;
	width: 100%;
	margin: 55px 0 35px 0;
}
.tab-news ul li{
	float: left;
	margin-right: 14px;
}
.tab-news ul li a{
	float: left;
	font-size: 16px;
	color: #666;
	padding: 8px 11px;
	border: solid 1px #afafaf;
	transition: .15s;
}
.tab-news ul li a:hover,.tab-news ul li.active a{
	color: #fff;
	border: solid 1px #519e34;
	background-color: #519e34;
}
.news-list-wrap{
	float: left;
	width: 100%;
}
.news-list{
	float: left;
	width: 100%;
	display: none;
}
.news-list.active{
	display: block;
}
.news-list-in{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.news-list-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #333;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 10px;
}
.news-list-title:hover{
	color: #519e34;
}
.news-list-title:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 90px;
	height: 2px;
	background-color: #519e34;
}
.news-list-sub-title{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #666666;
	line-height: 21px;
}
.kehu{
	float: right;
	width: calc( 100% - 444px );
}
.kehu-list{
	float: left;
	width: 100%;
	margin-top: 55px;
}
.kehu-list .swiper-slide li{
	float: left;
	width: 127px;
	height: 67px;
	overflow: hidden;
	margin-bottom: 30px;
}
.kehu-list .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0px;
}
.kehu-list .swiper-pagination-bullet{
	border: solid 1px #407c34;
}
.wecode-contact{
	float: left;
	width: 100%;
	background-color: #519e34;
	padding: 54px 0 60px 0;
}
.wecode-wrap{
	float: left;
	width: 375px;
	overflow: hidden;
}
.wecode-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
}
.wecode-sub-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;	
}
.wecode-pic{
	float: left;
	width: 105px;
	height: 105px;
}
.contact-wrap{
	float: right;
	width: calc( 100% - 444px );
}
.contact-title{
	float: left;
	width: 100%;
	font-size: 22px;
	color: #fff;
	margin-bottom: 34px;
}
.contact-list{
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.contact-list input{
	float: left;
	width: 31.33%;
	margin-right: 3%;
	border: solid 1px #fff;
	background-color: transparent;
	height: 40px;
	font-size: 14px;
	color: #fff;
	padding: 0 23px;
}
.contact-list input:nth-child(3n){
	margin-right: 0%;
}
.tijiao{
	float: left;
	width: 100%;
	margin-top: 7px;
}
.tjfk{
	float: left;
	width: 143px;
	height: 50px;
	font-size: 16px;
	color: #0f3888;
	font-weight: bold;
	letter-spacing: 6px;
	border: solid 1px #ffffff;
	text-align:center;
	background-color: #fff; line-height:50px;
	cursor: pointer;
	
}
.tjfk:hover{
	background-color: rgba(255,255,255,.8);
}
.beian{
	float: left;
	width: 100%;
	padding: 30px 0;
	background-color: #407c34;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

/*产品中心*/
.banner{
	float: left;
	width: 100%;
	overflow: hidden;
}
.mubiao-wrap{
	float: left;
	width: 100%;
	padding: 34px 0 40px 0;
}
.mubiao{
	float: left;
	width: 100%;
	border: solid 5px #eaeaea;
	background-color: #f8f8f8;
	padding: 26px;
	line-height: 25px;
	font-size: 16px;
	color: #333333;
}
.pro-nei-wrap{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.pro-nei-list-wrap{
	float: left;
	width: 100%;
}
.pro-nei-list{
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 52px;
}
.pro-nei-list-pic{
	float: left;
	width: 100%;
	height: 386px;
	overflow: hidden;
}
.pro-nei-list-pic img{
	transition: 1.15s;
}
.pro-nei-list:hover .pro-nei-list-pic img{
	transform: scale(1.06);
}
.pro-nei-list:nth-child(3n){
	margin-right: 0px;
}
.pro-nei-list-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-nei-list:hover .pro-nei-list-title{
	color: #519e34;
}

/*产品列表*/
.pro-art-wrap{
	float: left;
	width: 100%;
	margin-bottom: 70px;
}
.pro-menu-left{
	float: left;
	width: 273px;
	overflow: hidden;
	margin-top: -84px;
}
.pro-menu-head{
	float: left;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 84px;
	padding: 30px 0 0 16px;
	background: url(../images/pro-head.jpg) no-repeat left top;
}
.pro-menu{
	float: left;
	width: 100%;
	padding: 35px 16px 38px 16px;
	background-color: #f8f8f8;
}
.pro-menu >ul >li{
	float: left;
	width: 100%;
}
.pro-menu >ul >li >a{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #999999;
	padding: 15px 10px 10px 20px;
	border-bottom: solid 1px #e9e9e9;
}
.pro-menu >ul >li >a:hover,.pro-menu >ul >li.active >a{
	color: #fff;
	font-weight: bold;
	background-color: #519e34;
}
.pro-menu >ul >li >ul{
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 10px 0 14px 0;
	display: none;
}
.pro-menu >ul >li >ul.active{
	display: block;
}
.pro-menu >ul >li >ul >li{
	float: left;
	width: 100%;
}
.pro-menu >ul >li >ul >li >a{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 3px 10px 3px 35px;
}
.pro-menu >ul >li >ul >li >ul{
	float: left;
	width: 100%;
	display: none;
}
.pro-menu >ul >li >ul>li >ul.active{
	display: block;
}
.pro-menu >ul >li >ul >li >ul>li{
	float: left;
	width: 100%;
}
.pro-menu >ul >li >ul >li >ul>li>a{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 3px 5px 3px 50px ;
}
.pro-menu >ul >li >ul >li >ul>li>a:hover{
	color: #519e34;
}
.pro-art-right{
	float: right;
	width: calc( 100% - 308px );
	margin-top: 32px;
}
.pro-art-title{
	float: left;
	width: 100%;
	font-size: 25px;
	color: #333333;
	font-weight: bold;
	border-bottom: solid 3px #519e34;
	padding-bottom: 11px;
margin-bottom:30px;
}
.pro-art-sub-title{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #333;
	background-color: #f8f8f8;
	padding: 20px;
	margin: 27px 0;
}	
.pro-art-list-wrap{
	float: left;
	width: 100%;
}
.pro-art-list{
	float: left;
	width: 275px;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 38px;
}
.pro-art-list:nth-child(3n){
	margin-right: 0;
}
.pro-art-list-pic{
	float: left;
	width: 100%;
	height: 279px;
	overflow: hidden;
}
.pro-art-list-pic img{
	transition: 3.6s;
}
.pro-art-list:hover .pro-art-list-pic img{
	filter: brightness(1.3);
	transform: scale(1.18);
}
.pro-art-list-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	margin-top: 22px;
}
.pro-art-list:hover .pro-art-list-title{
	color: #519e34;
}
.genduo{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.genduo a{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #999999;
	background-color: #f8f8f8;
	border: solid 5px #f5f5f4;
	text-align: center;
	padding: 20px 0;
	transition: .15s;
}
.genduo a:hover{
	color: #519e34;
	text-decoration: underline;
	border: solid 5px #ececeb;
	
}

.nr{ width:100%; text-align:left; line-height:30px;}

.nr img{ max-width:100%; height:auto;}

.mod-pager-box
{
    clear:both;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:30px;
    font-family:微软雅黑,Microsoft YaHei;
    }
.mod-pager-box a
{
    text-align:center;
    line-height:30px;
    margin:0 5px;
    width:30px;
    height:30px;
    color:#cccccc;
    border:solid 1px #cccccc;
    display:inline-block;
    cursor:pointer;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    text-align:center;
    margin:0 5px;
    width:30px;
    height:30px;
    line-height:30px; cursor:pointer;
    color:#fff;
    background-color:#519e34;
    display:inline-block; 
}
.mod-pager-box a.pages
{
    width:auto;
    padding:0 15px;
    display:inline-block;
}

.mod-pager-box.s1 a[disabled='disabled'],mod-pager-box.s1 span[disabled='disabled']{ display:none;}