@font-face {
	font-family: FontAwesome;
	src: url(font/fontawesome-webfont.eot?v=4.3.0);
	src: url(font/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(font/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(font/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(font/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
	font-weight: 400;
	font-style: normal
}

.w1200{width:100%; max-width:1200px; margin:auto;}
.w100{ width:100%; margin:auto; }
.clear{ clear:both;}

header { width:100%; margin:auto;  height: 90px; }
header .top-bd,.nav-bd{ width:100%; margin:auto; max-width:1400px;}
header .top{background:#2d2d2d; color:#fff; height:42px; line-height:42px;}
header .top .p1{ float:left; padding-left:0.5%;}
header .top .p2{ float:right;}
header .top .p3{ float:right; padding-right:2%; padding-left:30px; font-size:1.8rem}
header .top .p3 img{ padding-right:10px;}
header nav{ height:90px; }
header .cm, header .phonemenu { display: none; }
header h1 { float:left; width:22.3%; margin-top:20px;}
header h2 { display:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:auto; float:right; text-align:center; height:90px; line-height:90px; position:relative; z-index:99;   }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline; width:110px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal; }
.nav .nLi h3 a{ display:block; width:110px; }
.nav .sub{ display:none; width:110px; left:0; top:90px;  position:absolute; background:#008060; line-height:40px; font-size:14px; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; color:#fff; }
.nav .sub a:hover{ background: #add58e; }
.nav .on h3 a{ background: #008060; color:#fff;}
/*页头*/

.banner{ position: relative; margin: 0 auto; overflow: hidden; z-index: -9; }
.banner img{ width: 1920px; height: auto; max-width: initial; }
.banner .pagination{ z-index: 99; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.banner .pagination .swiper-pagination-switch{ width: 38px; height: 4px; background: #fff; display: inline-block; margin: 0 3px; }
.banner .pagination .swiper-active-switch{ background:#287ab6;  }


.index-fl{ background:#008060; font-size: 35px; color: #add58e; text-align: center;height: 115px;  }
.index-fl li{ display: inline-block; width: 49.6%; position:relative;height: 115px; overflow: hidden; }
.index-fl li p{ z-index: 99;}
.index-fl li p em{ font-size: 38px; color: #add58e; display: inline-block; margin: 3% 10px 0 0;  }
.index-fl li p span{ font-family: 宋体; font-weight: bold}
.index-fl li div{ margin-top: -90px; margin-left: 120px; height: 115px; color:rgba(255,255,255,0.07); letter-spacing: 2px; font-size: 70px; text-transform:uppercase; font-style:oblique; width: 100%; text-align: left; }
.index-fl li:hover{ background: #9cd682; color: #fff; }
.index-fl li:hover p em{ color: #fff}
.index-fl a{ color: #add58e; }
.index-fl li:hover a{ color: #fff; }
/*分类*/

.lm-bt,.lm-bt2{text-align: center; margin: auto; }
.lm-bt p{ font-size: 80px; text-transform: uppercase; position: relative; color:rgba(255,255,255,0.3); font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.3); width: 485px; height: 125px; margin:0 auto 15px; }
.lm-bt p em,.lm-bt2 p em{ display: block; position: absolute; bottom: -8px; left:49%; width: 15px; height: 15px; background: #008060;   
	transform:rotate(45deg);   
	-ms-transform:rotate(45deg); /* Internet Explorer */   
	-moz-transform:rotate(45deg); /* Firefox */   
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */   
	-o-transform:rotate(45deg); /* Opera */}
.lm-bt span{ display: block; font-size: 24px; color: #008060}
.lm-bt2 p{ font-size: 80px; text-transform: uppercase; position: relative; color:rgba(0,0,0,0.3); font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.4); width: 550px; height: 125px; margin:0 auto 15px; }
.lm-bt2 span{ display: block; font-size: 24px; color: #333; }
/*栏目标题*/

.about{ background:url(../images/about-bj.jpg) no-repeat center top; background-size:cover; padding: 50px 0 20px;  }
.about-cen{ margin: 60px auto; overflow: hidden; }
.about-pic{ width: 50%; float: left; }
.about-pic img{ width: 100%; height: 280px;}
.about-wz{ float: right; width: 46%; color: #ddd; line-height: 36px; font-size: 16px; margin-top: 30px;}
.about-wz .bt{ font-size: 22px; color: #008060; margin: 10px 0; display: block;}
/*关于我们*/

.more{ overflow: hidden; font-size: 15px; margin:0 auto 30px; width: 139px; height: 53px; line-height: 53px; text-align: center; background: url(../images/more-bj.png) no-repeat center top;}
.more a{ color: #fff;}
.more a:hover{ display: block; background: #008060; width: 92%; height: 44px; line-height: 44px; margin:5px auto 0; color: #fff;}

.more2{ overflow: hidden;font-size: 15px; margin:0 auto 30px; width: 139px; height: 53px; line-height: 53px; text-align: center; background: url(../images/more2-bj.png) no-repeat center top;}
.more2 a{ color: #333;}
.more2 a:hover{ display: block; background: #008060; width: 92%; height: 44px; line-height: 44px; margin:5px auto 0; color: #fff;}
/*更多*/

.pro{ background: url(../images/pro-bj.jpg) no-repeat center top; overflow: hidden; padding: 50px 0 20px;  }
.pro-cen{ width:100%; margin: 50px auto 30px; overflow:hidden; position:relative; }
.pro-cen .bd{ width: 100%; height: 350px; }
.pro-cen .tempWrap{ width: 100%!important; }
.pro-cen .bd ul{ overflow:hidden; zoom:1; }
.pro-cen .bd ul li{ width:380px;  background: #fff; margin:0 45px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; position: relative;  }
.pro-cen .bd ul li .pic img{ width:auto;margin: auto; height:300px; display:block; }
.pro-cen .bd ul li .pic a:hover img{ border-color:#999;  }
.pro-cen .bd ul li .title{ display: none; line-height:24px; font-size: 20px; }
.pro-cen .bd ul li .title p{ display: block; margin:0 auto 10px; text-transform: uppercase; font-size: 18px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}
.pro-cen .bd ul li .title span{ display:block; margin:20px auto; font-size: 16px; text-align: center; width: 150px; border: 1px solid #fff; height: 40px; line-height: 40px; }
.pro-cen .bd ul li:hover .title{ padding-top:20%; color: #fff; background:rgba(0,128,96,0.9); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*pc产品*/
.wap-pic{ display: none;}
/*wap产品*/

.new{ background: url(../images/new-bj.jpg) no-repeat center top; overflow: hidden; padding: 50px 0 0; }
.new-cen{overflow: hidden; margin: 30px auto 50px}
.new-cen li{width:30%; float: left; margin: 1% 1% 0 0; background:rgba(255,255,255,0.1);  font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding: 8px 10px 8px 15px;}	
.new-cen li a{ color: #fff; display: block;}
.new-cen li p{ float: left; width: 85%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.new-cen li span{ float: right; width: 15%; text-align: center;}
.new-cen li a:hover{ background: #add58e; color: #fff;display: block;}
/*新闻*/


.foot{ background: #292929; overflow:hidden; padding: 50px 0 0; }
.foot ul{ border-bottom: 1px solid rgba(255,255,255,0.4); overflow: hidden; padding-bottom: 50px; }
.foot li{ float: left; width:21%; padding-left: 4%;}
.foot li em{ float: left; margin-right:15px; width: 15%; }
.foot li p{ float: left; font-size: 20px; font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; color: #008060; text-transform: uppercase; text-align: left; width:79%; margin-top: 20px; }
.foot li p span{ display: block; font-size: 14px; color: #fff; }
.foot li:nth-child(3n){width:22%; margin-left: 3%}
.foot li:nth-child(3n) em{ margin-right: 25px; float: left; width: 16%;}
.foot li:nth-child(3n) p{ float: left; font-size: 20px; font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; color: #008060; text-transform: uppercase; text-align: left; width:75%; margin-top: 20px; }
.foot li:nth-child(4n){float: right; width: 10%; }
.foot li img{ width: 100px; }
.foot .iconfont{ color: #008060; font-size: 60px; }
.foot .foot-down{ height: 60px; line-height: 60px; overflow: hidden; margin-left: 3%; }
.foot .foot-down a{ margin: 0 20px; color: #959595; }
.foot .foot-down p{ float: right;color: #959595; margin-right: 3%;  }
.foot .foot-down p span{ margin: 0 20px; }
.foot-nav{ float: left;}


/*页尾*/





/*页尾*/


/*二级页*/
.banner-ejy{ width: 100%; margin: auto;}
.banner-ejy img{ width:100%; height: auto;}

.lm-bt3{text-align: center; margin:50px auto; }
.lm-bt3 p{ font-size: 60px; text-transform: uppercase; position: relative; color:rgba(0,0,0,0.3); font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.4); width: 485px; margin:0 auto 15px; line-height: 90px; }
.lm-bt3 p em{ display: block; position: absolute; bottom: -8px; left:49%; width: 15px; height: 15px; background: #008060;   
	transform:rotate(45deg);   
	-ms-transform:rotate(45deg); /* Internet Explorer */   
	-moz-transform:rotate(45deg); /* Firefox */   
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */   
	-o-transform:rotate(45deg); /* Opera */}
.lm-bt3 span{ display: block; font-size: 24px; color: #008060; }
/*二级页标题*/
.ejy-fl{ background: #008060; font-size: 20px; color: #eabe79; text-align: center; height:60px; line-height: 60px;}
.ejy-fl li{ display: inline-block; width: 24.5%; border-right: 1px solid #23a05e; overflow: hidden; }
.ejy-fl li:hover{ background: #add58e; color: #fff; }
.ejy-fl li:last-child{ border-right: 0;}
.ejy-fl a{ color: #fff; }
.ejy-fl li:hover a{ color: #fff; display: block; }
/*二级页分类*/

.list_pro{ margin: 30px auto; overflow: hidden; }
.list_pro ul{ overflow:hidden; zoom:1; }
.list_pro li{ width: 32%; margin:1% 1% 0 0; float:left; overflow:hidden; text-align:center; position: relative; background: #fff;  }
.list_pro li .pic img{ width:auto; margin: auto; height:260px; display:block; }
.list_pro li .pic a:hover img{ border-color:#999;  }
.list_pro li .title{ display: none; line-height:24px; font-size: 20px; }
.list_pro li .title p{ display: block; margin:0 auto 10px; text-transform: uppercase; font-size: 18px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}
.list_pro li .title span{ display:block; margin:20px auto; font-size: 16px; text-align: center; width: 150px; border: 1px solid #fff; height: 40px; line-height: 40px; }
.list_pro li:hover .title{ padding-top:20%; color: #fff; background:rgba(69,185,124,0.9); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*二级页产品*/
.list_new{ margin: 50px auto; overflow: hidden; }
.list_new li{ float: left; margin: 10px auto; width:96%; padding: 2%; font-size: 18px;  background: #f2f2f2; }
.list_new li span{ display: block; font-size: 14px; margin: 10px 0;}
.list_new li p{ display: block; font-size: 14px; color: #999; }
.list_new li a{ display: block; width: 100%; }
.list_new li:hover{ display: block; background: #008060; }
.list_new li:hover span{ color: #fff; }
.list_new li:hover p{ color: #fff;}
.list_new li:hover a{ color: #fff;}
/*二级页新闻*/
.list_about{ margin: 50px auto; overflow: hidden; font-size: 16px; line-height: 36px;}
.list_about img{ display: block; margin: 10px auto; width: auto; max-width: 75%; }


.article{ margin: 50px auto;}
.article-bt{ text-align: center; font-size: 26px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.article-bt span{ display: block; font-size: 14px; color: #777; font-weight:200; }
.article-nr{ line-height: 38px; font-size: 16px; margin: 30px auto 0; }
.article-nr img{ width: auto; max-width: 80%; margin:10px auto; display: block; }


.page-fy{ margin: 50px auto 0; text-align: center;}
.page-fy a{ display: inline-block; width: 48%; margin-right: 4%; height: 35px; line-height: 35px; background: #eee; color:#222; }
.page-fy a:nth-child(2n){ margin-right: 0;}
.page{ text-align: center; overflow: hidden; margin: 0 auto 50px;}


.page{ width:100%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #008060; margin:0 3px; background:#008060; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #008060; margin:0 3px;}
.page a{ width:auto; padding:5px 10px; margin: 0 3px; border:1px solid #008060; color: #008060;  }
.page a:hover{  background:#008060; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#008060; color: #fff; }
/*分页*/


@media only screen and (max-width : 1850px) {
.banner img{ width: 100%; height: auto; }
.index-fl li div{ top:0px; text-align: center; }
.index-fl li{ display: inline-block; width: 49.6%; position:relative; height: 115px; overflow: hidden; }	
	
}


@media screen and (max-width: 1200px) {
header .nav{ display:none;}
header .top{ display:none;}
header { background:#fff; position: relative; height:60px; width: 100%; margin-left: 0; top: 0; left: 0;box-shadow: 0px 1px 10px #aaa }
header h1 { height:35px;  padding:0;}
header h2 { display:block; height:100%; }
header h2 img { height:70%; margin:10px 0px 0px 10px; }
header .lan { display: none; }
header .cm, header .phonemenu { display: block; z-index:999 }
header .cm { position: absolute; top: 15px; right: 10px; color: #FFF; border: 1px solid #008060; padding: 5px; cursor: pointer; }
header .cm img { display: block; heigth: auto; }
header .phonemenu { display: none; width: 100%; text-align: center; border-top: 1px solid #acd48b; background:#008060; padding: 26px 0; position: absolute; top: 60px;  z-index:9999; }
header .phonemenu ul li { width: 50%; height: 45px; line-height: 45px;  margin: 0 auto; font-size: 16px; border-bottom: 1px solid #acd48b; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
header .phonemenu ul li:hover { border-color: #FFF; width: 120px; font-size: 12px; }
header .phonemenu ul li a { color: #FFF; }
header nav { display: none; }

	
.index-fl{font-size: 16px; height: auto; overflow: hidden; padding:5px 0;  }
.index-fl li{ float: left; margin: 5px 0; border-right: 1px solid #34a86b; height:auto; text-align: center;}
.index-fl li p em{ font-size:28px; height: 35px; line-height:35px; margin:auto; }
.index-fl li p span{ display:block; }
.index-fl li div{ display:none; }
.index-fl li:nth-child(3n){ border-right: 0; }	
	
.lm-bt,.lm-bt2,.lm-bt3{text-align: center; margin: auto; width: 100%; }
.lm-bt p,.lm-bt2 p,.lm-bt3 p{ font-size: 35px; width:92%; height:auto; line-height: 25px; margin:20px auto; overflow: hidden; padding-bottom: 10px; }
.lm-bt p em,.lm-bt2 p em,.lm-bt3 p em{ bottom: -5px; width: 10px; height: 10px;}
.lm-bt span,.lm-bt2 span,.lm-bt3 span{ font-size: 20px; margin-top: -8px; }
/*栏目标题*/	
	
.about{ background: url(../images/about-bj2.jpg) no-repeat center top; background-size: 100% 100%; padding: 20px 0 0; overflow: hidden; }	
.about img{ display: block; width: 92%; margin:20px auto;}
.about-cen{ margin:0 auto 30px; width: 92%; }
.about-pic{ width: 100%; float:none; display: block; }
.about-pic img{ width: 100%; height:auto;}
.about-wz{ float:none; width:100%; margin-top: 20px; line-height: 24px;}
/*关于我们*/	
	
.pro{ padding: 20px 0 0;  }
.pro-cen{ display: none;}
.wap-pic{ display:block;  width:92%; margin:30px auto; height:300px; overflow:hidden; position:relative;  }
.wap-pic .hd{ height:15px; overflow:hidden; position:absolute; left:40%; bottom:0; z-index:1; }
.wap-pic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.wap-pic .hd ul li{ float:left; margin-right:5px; border-radius: 50%; width:10px; height:10px; line-height:10px; background:#999; cursor:pointer; }
.wap-pic .hd ul li.on{ background:#008060; color:#fff; }
.wap-pic .bd{ position:relative; height: 320px; z-index:0;   }
.wap-pic .bd li{ zoom:1; vertical-align:middle; position: relative; background: #fff; }
.wap-pic .bd img{width: auto; margin: auto; max-width:100%; height: 260px !important; display:block;  }
.wap-pic .bd li span{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); color: #fff;}
.wap-pic .prev,.wap-pic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.wap-pic .next{ left:auto; right:3%; background-position:8px 5px; }
.wap-pic .prev:hover,
.wap-pic .next:hover{ filter:alpha(opacity=100); opacity:1; }
.wap-pic .prevStop{ display:none; }
.wap-pic .nextStop{ display:none; }	
/*wap产品*/

.new{ padding: 20px 0 0; }
.new-cen{ width: 94%; margin:20px auto 30px;}
.new-cen li{ width:96%; margin: 2% auto 0; padding: 5px; }
.new-cen li p { margin: 0; }
/*新闻*/
	
.foot{ padding: 20px 0 0; }
.foot ul{width: 98%; margin: auto; overflow: hidden; padding-bottom: 10px; }
.foot li{ float: left; width:96%; padding-left: 4%;}
.foot li em{ float:left; margin-right:3%; width:10%; }
.foot li p{ float:left; font-size: 16px; width:85%; margin-top:10px; }
.foot li p span{ display: block; font-size: 14px; color: #fff; }
	
.foot li:nth-child(3n){ width:96%; padding-left: 4%; margin-left:0;}
.foot li:nth-child(3n) em{ float:left; margin-right:3%; width:10%; }
.foot li:nth-child(3n) p{  float:left; font-size: 16px; width:85%; margin-top:10px;  }
.foot li:nth-child(4n){ float:none; width:100%;}	
	
.foot li img{ margin:8px; }
.foot li img:nth-child(3n){ margin:10px 0 10px 10px; }
.foot .iconfont{ color: #008060; font-size: 40px; }
.foot .foot-down{ height:auto; line-height: 25px; padding: 10px 0; overflow: hidden; margin-left: 3%; }
.foot .foot-down .foot-nav{ display: none; }
.foot .foot-down p{ float: none; margin-right:0; text-align: center; }
.foot .foot-down p span{ display: inline-block; margin: 0 10px; }	
	.foot .foot-down p span a{ margin: 0;}
	
/*二级页	*/
.banner-ejy{ display: none;}
	
.page{ width:90%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #008060; margin:0 3px; background:#008060; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #008060; margin:0 3px;}
.page a{ width:auto; padding:5px 10px; margin: 0 3px; border:1px solid #008060; color: #008060;  }
.page a:hover{  background:#008060; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#008060; color: #fff; }
/*分页*/
	
.ejy-fl{ background:no-repeat; width: 96%; margin:20px auto 10px; font-size:16px; height:auto;line-height: 35px;  }
.ejy-fl li{ width: 32%; background: #008060; position:static; height:35px; line-height: 35px;}
.ejy-fl li p em{ display: none;}
	
.list_pro{ margin: 10px auto; width: 94%; }
.list_pro li{ width: 49%; margin:2% 2% 0 0;}
.list_pro li:nth-child(2n){ margin: 2% 0 0 0; }
.list_pro li .pic img{ height:140px;}
.list_pro li .title{ padding: 10px 0; font-size: 16px; position: static; display: block; }
.list_pro li .title p{ display:none; }
.list_pro li .title span{ display:none; }
/*产品*/
.list_new{ margin: 20px auto;}
.list_new li{margin: 1% 3%; width:90%; padding: 2%; }
.list_new li span{color: #848484}
.list_new li p{ color: #848484}
/*新闻	*/
.list_about{width: 92%; margin: 10px auto;}
.list_about img{ width:auto; max-width:100%; }
	
.article{ width: 92%; margin: 30px auto; }	
	
.article-bt{ padding-bottom: 10px; }
.article-nr{ line-height: 30px;  margin:10px auto 0; }
.article-nr img{ max-width: 100%; }

	
}

@media only screen and (max-width : 850px) {
	/* .banner{ height: 65vw !important;} */
	.banner .swiper-slide{overflow: hidden;position: relative;}
	.banner .swiper-slide img{position: absolute;left: 0;top:0;width:100%;height:100%;object-fit: cover;}
.banner .pagination .swiper-pagination-switch{ width: 15px; height: 3px; }
}
@media only screen and (max-width : 320px) {
	.foot li img{ width: 90px; margin: 0 5px; }
	.foot li img:nth-child(3n){ margin:0 0 0px 5px; }
}