body{ font-family:"微软雅黑"; margin:0px; padding:0px; font-size: 16px;display:grid;}
div, dl, dt, dd, ul, ol, li,pre, code,
form, fieldset, input, button,
textarea, p, table, th, td, h3,h2,h4{margin:0px;padding:0px;}
img{border:0;}
ul,li{list-style-type:none;}
:focus {outline:0;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
/* all */
.main{ width:90%; max-width: 1450px; min-width: 1200px; margin: auto;}
.title_index{ text-align: center; margin: 70px auto 40px auto;}
.title_index h4{ font-size: 30px; color: #979797; font-weight: normal;line-height: 160%;}
.title_index h3{ font-size: 28px; color: #353535; font-weight: normal; position:relative}
.title_index h3:before{content:""; position:absolute; width:24px; height:1px; top:50%; background-color:#9c9c9c; margin-left:-40px;}
.title_index h3:after{content:""; position:absolute; width:24px; height:1px; top:50%; background-color:#9c9c9c; margin-left: 16px;}
.more_index{ width: 175px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #98a388; margin:60px auto;transition:0.3s; border-radius:10px;}
.more_index:hover{ box-shadow: 0px 0px 20px #fff;}
/* 头部 */
.top{ padding: 15px 0; height: 68px; position: relative;}
.top .logo{ float: left;}
.top .nav{ float: right;}
.top .nav ul li{ float: left; line-height: 68px; margin: 0 16px;}
.top .nav ul li:hover{ color: #96a185;}
.top .search{ float: right; padding:24px;}
.top .zywqh{ float: right; padding:16px 0;}
.top .zywqh span{ width: 46px; height: 28px; line-height: 28px; float: left; text-align: center; border: solid 1px #958f4e; }
.top .zywqh .c{border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.top .zywqh .e{border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.top .zywqh .active{ background: #958f4e; color: #fff;}

.search{  z-index:900; overflow:hidden;}
.search_form{ z-index: 9999; display:none; width:315px; height:60px; background:#f2f2f2; clear:both; position: absolute; right: 0; bottom:-60px;}
.search01{ width:240px; height:40px; line-height:40px; border:none; background:#fff; margin:10px 0px 10px 10px; text-indent:5px;float:left;}
.search02{ width:46px; height:40px; background:url(../images/search.jpg) #fff center no-repeat; border:none; float:left; padding:0px; margin:10px 0px;}


/* 底部 */
.bottom{ background: #f4f7f4; color:#362f2f; }
.bottom a{ color:#362f2f;}
.bottom_t{ height: 80px; line-height: 80px; border-bottom: solid 1px #e2e5e2;}
.bottom_t ul li{ float: left; margin-right:36px;}
.bottom_b{ padding: 40px 0; overflow: hidden; line-height: 36px;}
.bottom_b .left{ float: left;}
.bottom_b .right{ float: right;}

.banner{ min-width:1200px;}
/* 内页大图 */
.n_banner{ width: 100%; height: 200px; background-size:cover; text-align:center; line-height:200px; font-size:30px; color:#fff;letter-spacing:10px;}
/* 当前位置 */
.dqwz{ height: 66px; line-height: 66px; border-bottom: solid 1px #e2e2e2; position: relative;}
/* .dqwz:after{content:""; width:5%; min-width:calc(50% - 725px) ; height:3px; background-color:#3da4e7; display:block; bottom:-3px; position: absolute; } */
.dqwz .main { font-size: 18px;}
.dqwz .main span{ width:170px; text-align: center; display: block; float: left; }
.dqwz .main span:hover{color: #98a388;}
.dqwz .main .active{color: #98a388;}
.dqwz .main .active:after{content:""; width:170px; height:1px; background-color:#98a388; display:block; }

/* 首页 */
.jssorl-009-spin img {	animation-name:jssorl-009-spin;	animation-duration:1.6s;	animation-iteration-count:infinite;	animation-timing-function:linear}
@keyframes jssorl-009-spin {
	from {	transform:rotate(0);}
to {	transform:rotate(360deg);}
}.jssorb051 .i {	position:absolute;	cursor:pointer}
.jssorb051 .i .b {	fill:#fff;	fill-opacity:.5}
.jssorb051 .i:hover .b {	fill-opacity:.7}
.jssorb051 .iav .b {	fill-opacity:1}
.jssorb051 .i.idn {	opacity:.3}
.jssora051 {	display:block;	position:absolute;	cursor:pointer}
.jssora051 .a {	fill:none;	stroke:#fff;	stroke-width:360;	stroke-miterlimit:10}
.jssora051:hover {	opacity:.8}
.jssora051.jssora051dn {	opacity:.5}
.jssora051.jssora051ds {	opacity:.3;	pointer-events:none}

/* 新闻中心 */
.xwzx{ overflow: hidden; min-height: 850px; background: url(../images/xwzx_bg.jpg) center bottom no-repeat;}
.news_listt{display: flex;}
.news_listt .news_pic{ width: 55%; float: left; } 
.news_pic ul li{width: calc(50% - 26px);  margin-right: 26px; float: left; background: #fff; transition:0.3s; height: 460px;}
.news_pic ul li .img{transition:0.3s;	height: 0; padding-bottom: 70%;	background-size: cover;	overflow: hidden;}
.news_pic ul li .img img{ width: 100%; transition:0.3s; }
.news_pic ul li .time{ padding:0 18px; line-height: 46px; color: #909090; font-size: 14px; position:relative}
.news_pic ul li .time:after{content:"  "; width:66px; height:1px; background-color: #e6e6e6; margin:0 auto; display:block; position:absolute; left:18px;}
.news_pic ul li .title{ padding:0 18px; line-height:44px; font-size: 18px;padding-top: 10px; transition:0.3s;  font-weight: bold;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_pic ul li .jianjie{ padding:0 18px; color: #707070;  line-height: 34px; height: 68px; transition:0.3s;  font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.news_pic ul li:hover img{transform: scale(1.1);}
.news_pic ul li:hover{ box-shadow: 0px 0px 20px #98a388;}
.news_pic ul li:hover .title{ color:#96a185}
.news_pic ul li:hover .jianjie{color: #000;}
.news_listt .news_lb{ width: 45%; float: left;} 
.news_lb ul li { width: 100%; display: flex; margin:0; transition:0.3s;background: #fff; padding: 28px 0; margin-bottom: 20px;}
.news_lb ul li .time{ width:183px; text-align: center; border-right: solid 2px #e9e9e9; float: left; transition:0.3s; }
.news_lb ul li .time .d{ font-size:40px; line-height: 90px; color:#5e5e5e; }
.news_lb ul li .time .d:after{content:"  "; width:50px; height:3px; background-color: #dcdbdb; margin:0 auto; display:block;}
.news_lb ul li .time .y_m{ font-size: 14px; color: #5e5e5e; line-height: 40px;}
.news_lb ul li .news{ width: calc(100% - 185px); float: left; padding: 0 20px 0 60px;box-sizing: border-box;}
.news_lb ul li .news h3{ font-size: 18px; line-height: 56px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition:0.3s; }
.news_lb ul li .news p{ font-size: 14px; line-height: 34px;  color: #707070;  width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.news_lb ul li .news .more{width:78px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #87a6b6; margin-top: 10px; border: solid 1px #87a6b6; transition:0.3s;}
.news_lb ul li:hover{ box-shadow: 0px 0px 20px #98a388;}
.news_lb ul li:hover h3{ color:#96a185}
.news_lb ul li:hover p{ color:#303030}
.news_lb ul li:hover .news .more{  background: #87a6b6; color: #fff;}
/* 关于我们 */
.gywm{ overflow: hidden; padding-bottom: 100px;}
.gywm .jianjie{ line-height: 30px;}
.gywm .gywm_01{ overflow: hidden; margin-top: 30px;}
.gywm .gywm_01 .box{ width:calc(33.33% - 20px); text-align: center;float: left; transition:0.3s; position:relative }
.gywm .gywm_01 .box .img{ width: 100%; transition:0.3s;	height: 0; padding-bottom: 64%;	background-size: cover;	overflow: hidden;}
.gywm .gywm_01 .box .img img{ width: 100%; transition:0.3s; }
.gywm .gywm_01 .box:hover img{transform: scale(1.1);}
.gywm .gywm_01 .box h3{ width: 100%;  padding-top: 24%; color: #fff; font-size: 30px; font-weight: normal; position:absolute; top: 0;}
.gywm .gywm_01 a:nth-child(2) .box{ margin: 0 30px;}
.gywm .gywm_02{overflow: hidden; margin-top: 30px;}
.gywm .gywm_02 .box{ width: 50%; float: left;transition:0.3s; position:relative }
.gywm .gywm_02 .box .img{ width: 100%; transition:0.3s;	height: 0; padding-bottom: 64%;	background-size: cover;	overflow: hidden;}
.gywm .gywm_02 .box .img img{ width: 100%; transition:0.3s; }
.gywm .gywm_02 .box ul{ width: 100%;  position:absolute; top: 0; padding:70px 15px 0 15px; box-sizing: border-box;}
.gywm .gywm_02 .box ul li{ width:calc(33.33% - 30px); height: 0; padding-bottom: 10%;margin: 15px; float: left; transition:0.3s; }
.gywm .gywm_02 .box ul li img{ width: 100%;}
.gywm .gywm_02 .box h3{ color: #fff; font-size: 30px; font-weight: normal; position:absolute;}
.gywm .gywm_02 .box .pp{ bottom: 40px; right: 60px; color: #fff;}
.gywm .gywm_02 .box .sp{ bottom: 40px; left: 60px;}
.gywm .gywm_02 .box ul li:hover{ box-shadow: 0px 0px 20px #fff;}

/* 产品中心 */
.cpzx{ overflow: hidden; min-height: 850px; background: url(../images/cpzx_bg.jpg) center bottom no-repeat;}
.cpzx .title_index h4{ color: #fff;}
.cpzx .title_index h3{ color: #fff;}
.cpzx .title_index h3:before{ background-color:#fff;}
.cpzx .title_index h3:after{background-color:#fff;}
.products_list{display: flex;}
.products_list ul li{ width: calc(25% - 30px); margin-right: 40px;  transition:0.3s; float: left; background: #fff; padding:15px; box-sizing: border-box; overflow:hidden; }
.products_list ul a:nth-child(4) li{ margin-right:0;}
.products_list ul li .img{transition:0.3s;	height: 0; padding-bottom: 85%;	background-size: cover;	overflow: hidden;}
.products_list ul li .img img{ width: 100%; transition:0.3s; }
.products_list ul li .title{ font-size: 18px; padding: 40px 0  20px 0; text-align: center; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products_list ul li .jianjie{ font-size: 16px; padding: 10px 0  40px 0; text-align: center;  color: #909090; transition:0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products_list ul li:hover{ box-shadow: 0px 0px 20px #98a388;}
.products_list ul li:hover .jianjie{ color:#303030}
.products_list ul li:hover img{transform: scale(1.1);}


.wailian { overflow:hidden; margin:50px auto;}
.wailian img{ width:100%}
.wailian .left{ width:48%; float:left; }
.wailian .right{  width:48%; float:right; }
/*碳足迹*/
.tzj{background:#c0d7e9;}
.tzj img{ max-width:100%; display:block;}

/* 单页 */
.big_n{ overflow: hidden; background:url(../images/n_bg.jpg) #fff center bottom no-repeat;}
.big_n_b{ overflow: hidden;  background: #f6f6f6;}
.big_n .main{ min-height: 500px;}
.big_n .article{ background: #fff; padding:20px 60px 60px 60px; margin: 40px auto 180px auto;}
.big_n .zhengwen{ padding: 40px 0; font-size: 15px; line-height: 34px;}
.big_n .zhengwen img{ max-width: 100%;}

/* 新闻详情 */
.article{ overflow: hidden; padding: 40px 0;}
.article .title{ text-align: center; padding: 20px 0; font-size: 24px; color: #6c7650;}
.article .fabu{ text-align: center; font-size: 14px; }
.article .fabu span{ margin:0 20px; color:#707070;}
.article .zhengwen{ padding: 40px 0; font-size: 15px; line-height: 34px;}
.article .zhengwen img{ max-width: 100%;}
.article .sxp{font-size: 15px; line-height: 34px;}
.article .sxp a:hover{ color: #98a388;}

/* 合作工厂 */
.list_gc{display: flex;  padding: 40px 0 180px 0;}
.list_gc ul li{ width: calc(33.33% - 50px);  margin:40px 25px;  transition:0.3s; float: left; overflow:hidden; }
.list_gc ul li .img{transition:0.3s;	height: 0; padding-bottom: 68%;	background-size: cover;	overflow: hidden;}
.list_gc ul li .img img{ width: 100%; transition:0.3s; }
.list_gc ul li .title{ font-size: 18px; text-align: center;line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_gc ul li:hover{ box-shadow: 0px 0px 20px #fff; background: #fff;}
.list_gc ul li:hover .title{ color: #98a388;}
.list_gc ul li:hover img{transform: scale(1.1);}
/* 荣誉证书 */
.list_ry{display: flex;  padding: 40px 0 ;}
.list_ry ul li{ width: calc(33.33% - 50px);  margin:20px; transition:0.3s; float: left; overflow:hidden; }
.list_ry ul li .img{transition:0.3s;	height: 0; padding-bottom: 80%;	background-size: cover;	overflow: hidden;}
.list_ry ul li .img img{ width: 100%; transition:0.3s; }
.list_ry ul li:hover{ box-shadow: 0px 0px 20px #2f69b9;}
.ryzz{ overflow:hidden;}

/* 品牌 */
.list_pp{display: flex;  padding: 40px 0 ;}
.list_pp ul li{ width: calc(16.66% - 48px);  margin:20px; transition:0.3s; float: left; overflow:hidden; }
.list_pp ul li .img{transition:0.3s;	height: 0; padding-bottom: 29%;	background-size: cover;	overflow: hidden;}
.list_pp ul li .img img{ width: 100%; transition:0.3s; }
.list_pp ul li:hover{ box-shadow: 0px 0px 20px #98a388;}

/* 新闻列表 */
.list_news { padding: 40px 0 ;}
.list_news ul li { width: 100%; display: flex; margin:0; transition:0.3s;background: #fff; padding: 28px 0; margin-bottom: 20px;}
.list_news ul li .time{ width:183px; text-align: center; border-right: solid 2px #e9e9e9; float: left; transition:0.3s; }
.list_news ul li .time .d{ font-size:40px; line-height: 90px; color:#5e5e5e; }
.list_news ul li .time .d:after{content:"  "; width:50px; height:3px; background-color: #dcdbdb; margin:0 auto; display:block;}
.list_news ul li .time .y_m{ font-size: 14px; color: #5e5e5e; line-height: 40px;}
.list_news ul li .news{ width: calc(100% - 185px); float: left; padding: 0 20px 0 60px;box-sizing: border-box;}
.list_news ul li .news h3{ font-size: 18px; line-height: 56px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition:0.3s; }
.list_news ul li .news p{ font-size: 14px; line-height: 34px;  color: #707070;  width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.list_news ul li .news .more{width:78px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #6c7650; margin-top: 10px; border: solid 1px #6c7650; transition:0.3s;}
.list_news ul li:hover{ box-shadow: 0px 0px 20px #6c7650;}
.list_news ul li:hover .d{ color:#6c7650;}
.list_news ul li:hover .y_m{ color:#6c7650;}
.list_news ul li:hover h3{ color:#6c7650;}
.list_news ul li:hover p{ color:#6c7650;}
.list_news ul li:hover .news .more{  background: #6c7650; color: #fff;}
/* 联系我们 */
.lxwm{  padding: 60px 0 ;}
.lxwm table {	border-collapse: collapse; overflow:visible; width: 100%; margin-bottom: 20px; background: #fff;}
.lxwm  td {border: solid 1px #e6e6e6; padding: 40px 20px;}
.lxwm  td img{ margin: 0 14px;}
/* 分页 */
.pagination>li {
	display: inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #6c7650;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #6c7650;
	background-color: #eeeeee;
	border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #6c7650;
	border-color: #6c7650;
	cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.page {
	text-align: center;
	position: relative;
	padding: 40px 0;
}
.pager .pagination {
	margin: 0;
  }
  .pager .pager {
	margin: 0;
  }
  .pager li {
	margin: 0 .4em;
	display: inline-block;
  }
  .pager li a{ background: #fff!important;}
  .pager li:first-child > a,
  .pager li:last-child > a,
  .pager li:first-child > span,
  .pager li:last-child > span {
	padding: .5em 1.2em;
  }
  .pager li > a,
  .pager li > span {
	background: none;
	border: 1px solid #e6e6e6;
	border-radius: 0.25em;
	padding: .5em .93em;
	font-size: 14px;
  }