@charset "utf-8";
/* CSS Document */
.ban{ height:400px; width:100%; background-position:center; background-repeat:no-repeat; }
.ayip{background-image:url(../images/ban-a.jpg); height:470px;background-position:center bottom; }
.ayih{background-image:url(../images/ban-h.jpg); height:470px;background-position:center bottom;}
@media screen and (max-width:768px){
.aa{ background-position:-900px;}
}
.ctop{ height:70px; width:100%;}
.lomenu{ height:75px; width:100%; border-bottom:1px solid #e6e6e6;}
.cation{ position:relative;}
.cation img{ position:relative; float:left;}
.cation p{ float:left; line-height:75px; margin-left:10px; color:#414141}
.cation span{ font-family:'宋体';}

.cation1{ position:relative;}
.cation1 img{ position:relative; float:left;}
.cation1 p{ float:left; line-height:75px; margin-left:10px; color:#414141}
.cation1 span{ font-family:'宋体';}


.cmenu li{ float:left; background:url(../images/nx.jpg) right center no-repeat;padding:0 20px; line-height:75px;}
.cmenu li a{ display:inline-block; position:relative; transition:all 0.8s;}
.cmenu li a span{ background:#009c4d; position:absolute; bottom:0; width:100%; height:3px; left:0; transform:scale(0,1); transition:all 0.8s}
.cmenu li a:hover,.cmenu li a.cur{ color:#007c3d}
.cmenu li a:hover span,.cmenu li a.cur span{ transform:scale(1);}
@media screen and (max-width:768px){
.am{ height:150px;}
.cation{ display:none;}
.cmenu{ width:100%;}
.cmenu li{ width:25%; box-sizing:border-box; text-align:center;}
.cmenu li a{ font-size:1.125rem;}
}
.main{ padding:80px 0;}
/*公司简介*/
.ac1{background:url(../images/abg.jpg) center no-repeat;  padding:120px 0; overflow:hidden}
.ac2{background:url(../images/jbg.jpg) center no-repeat; padding:120px 0; overflow:hidden;}
.ac3{background:url(../images/cbg.jpg) center no-repeat; padding:120px 0; overflow:hidden;}
.ac4{background:#f1f1f1; padding:120px 0;}
@media screen and (min-width:1680px){
.ac1{ padding:150px 0 100px 0; overflow:hidden}
.ac2{ padding:50px 0 150px 0; overflow:hidden;}
.ac3{ padding:150px 0; overflow:hidden;}
.ac4{padding:220px 0;}
}
.nxtit{ text-align:center; position:relative; z-index:99; }
.nxtit h4{ font-size:2.25rem; color:#0e0e0e; font-weight:bold;}
.nxtit h4 span{ font-size:2.5rem; color:#0e0e0e; font-family:'AgencyFB'; text-transform:uppercase; position:relative; top:5px;}
.nxtit hr{ width:64px; height:4px; margin:0 auto; background:#000; border:none;}



.abpic{ width:45%; position:relative;}
.abpic .lfh{ position:absolute; left:-30px; top:-27px; z-index:0;}
.abpic span{ font-size:72px; color:#fff; position:absolute; top:-80px;font-family:'Alternate'; right:0;}
.abpic img{ position:relative; z-index:2;}
.zhuan{ width:100%; border-top-left-radius:40px; overflow:hidden;}
.abtxt{ width:53%;}
.abtxt h4{ font-size:2.25rem; color:#025a2d; font-weight:bold;}
.abtxt span{ font-size:1.25rem; color:#009c4d; display:block;}
.abtxt hr{ width:50px; height:3px; background:#009c4d; margin:33px 0;}
.abtxt p{ color:#515151; line-height:1.875em;}

.abtxt2{ margin-top:30px; line-height:1.875em;}
.abtxt2 p{ color:#515151}
@media screen and (min-width:1680px){
.abtxt2{ margin-top:50px; line-height:1.875em;}
.abpic{ width:48%; position:relative;}
.abtxt{ width:48%;}
}
@media screen and (max-width:768px){
.abpic{ width:100%; position:relative;}
.abtxt{ width:100%;}
.abtxt2{ width:100%;}
.abtxt p{ font-size:1.125rem;}
.abtxt2 p{font-size:1.125rem;}
}


/*发展历程*/
.fztit{ text-align:center;}
.fztit h4{ font-size:2.25rem; color:#000000; font-weight:bold;}
.fztit span{ font-size:1.5rem; color:#505050; text-transform:uppercase; margin-top:-15px; display:block;}
.fabg{ background:url(../images/fx.png) center no-repeat; min-height:679px; position:relative !important; top:5em; width:100%;}
.fabg .kd{ position:relative;}
.fabg .u2013{ top:663px; left:0px; float:left; position:absolute;}
.fabg .u2015{ top:570px; left:158px; float:left;position:absolute;}
.fabg .u2016{ top:465px; left:260px; float:left;position:absolute;}
.fabg .u2017{ top:453px; left:510px; float:left;position:absolute;}
.fabg .u2018{top:370px; right:675px;  float:left;position:absolute;}
.fabg .u2019{top:391px; right:515px;  float:left;position:absolute;}
.fabg .u2020{top:400px; right:340px;  float:left;position:absolute;}
.fabg .u2021{top:288; right:0px;  float:left;position:absolute;}
.fabg .u2022{top:130px; right:30px;  float:left;position:absolute;}
.fabg .asu i{ display:block; width:14px; height:14px; border:5px solid #ff7e00; border-radius:14px; background:#fff;}
.fabg .asu h6{ font-size:1.125rem; color:#004d8e}
.fabg .asu h6 span{ font-size:2.25rem; font-family:'Alternate';}
.fabg .asu p{ color:#262626;}
@media screen and (min-width:1680px){
.fabg{  min-height:679px; position:absolute; width:100%;}
.fabg .u2013{ left:0px; }
.fabg .u2015{top:570px; left:158px;}
.fabg .u2016{top:465px; left:260px;}
.fabg .u2017{top:453px; left:482px;}
.fabg .u2018{top:370px; right:675px;}
.fabg .u2019{top:391px; right:515px;}
.fabg .u2020{top:400px; right:340px;}
.fabg .u2021{top:220px; right:-9px;}
.fabg .u2022{top:115px; right:0px;}
}
@media screen and (max-width:1368px){
.fabg{ top:-120px;}
.fabg .u2013{ top:615px; left:5px; float:left; position:absolute;}
.fabg .u2015{ top:505px; left:100px; float:left;position:absolute;}
.fabg .u2016{ top:458px; left:390px; float:left;position:absolute;}
.fabg .u2017{ top:362px; left:565px; float:left;position:absolute;}
.fabg .u2018{top:362px; right:200px;  float:left;position:absolute;}
.fabg .u2019{top:275px; right:100px;  float:left;position:absolute;}
}

/*手机发展历程*/
.mcourse{ display:none;}
@media screen and (max-width:768px){
.fabg { display: none;}
.mcourse{ display:block; margin-top:30px;}
.course-txt{}
.course-txt h6:before{ content:''; width:20px; height:20px; border-radius:10px; background:#009c4d; display:inline-block; margin-right:10px; position:relative; top:-5px;}
.course-txt h6{ font-size:1.25rem; color:#000; font-weight:bold;}
.course-txt h6 span{ font-size:1.75rem; font-weight:bold; color:#009c4d}
.course-txt p{ font-size:1.25rem; color:#333; line-height:1.875em;}
}

.zzjg_nr{ padding-top: 50px; margin: 0 auto; max-width: 1440px; width: 96%;}
.zzjg_nr img{ max-width: 100%;}

/*企业优势*/
.ys-center{ text-align:center; width:100%; margin:60px auto 0;}
.ys-center li{ float:left; width:23%; box-sizing:border-box; border:1px solid #ddd; background:#fff; min-height:320px; margin-right:2.33%; cursor: pointer; padding:20px; transition:all 0.8s ease; max-height:320px; overflow:hidden;}
.ys-center li:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.2);}
.ys-center li img{ transition:all 0.5s ease; transform:rotateY(0deg)}
.ys-center li:hover img{transform:rotateY(180deg)}
.ys-center li p{ margin:24px 0; font-size:1.5rem; color:#025a2d; font-weight:bold;}
.ys-center li span{ line-height:1.5em; font-size:1rem; display:block; width:70%; margin:0 auto}
.ys-center li:nth-child(4){ margin-right:0;}
@media screen and (max-width:768px){
.ys-center li{ width:48%; max-height:400px; margin-right:4%; margin-bottom:24px;}
.ys-center li span{ width:100%;}
.ys-center li:nth-child(2){ margin-right:0;}
}


/*荣誉资质*/
#box{ width: 100%; height:330px; overflow:hidden; position:relative;}
#box .prev{ cursor:pointer; font-family:'宋体'; font-weight:bold; font-size:2rem; color:#009c4d; position:absolute; left:0; top:40%; z-index:22}
#box .next{ cursor:pointer; font-family:'宋体'; font-weight:bold; font-size:2rem; color:#009c4d; position:absolute; right:0; top:40%; z-index:22}
.hrtit{ margin-bottom:20px;}
.hrtit h6{ font-size:1.875rem; color:#353535; font-weight:bold; line-height:1.2em;}
.hrtit p{ color:#009c4d; font-size:1.5em; text-transform:uppercase;}
.honrlist{ width:100%;}

.honrlist li{  padding:5px; width:32%; float:left;  margin-right:10px; text-align: center;}


.honrlist li div{ width:100%; overflow:hidden; border:4px solid #e1e1e1; box-sizing:border-box}
.honrlist li div img{ transform:scale(1); transition:all 0.5s}
.honrlist li:hover div img{ transform:scale(1.05);}
.honrlist li p{ text-align:center; color:#000; margin:14px 0 10px; font-size:1.125rem;}
@media screen and (max-width:768px){
.honrlist li{ width:48%; margin:0 10px 10px 0;}
.honrlist li p{ min-height:92px; max-height:92px;}
#box .prev{ top:26%;}
#box .next{ top:26%;}
}

/*示范案例*/
.caselist{ width:100%;}
.caselist li{ position:relative; margin-bottom:20px;}
.caselist li a{ display: flex; justify-content: space-between; align-items: center; padding: 2%; background: #f5f5f5;}
.case_pic{ overflow: hidden; flex: 0 1 50%;}
.case_pic img{ display: block; width: 100%; transition: 0.5s;}
.caselist li:hover .case_pic img{ transform: scale(1.05);}
.case_wb{ margin-left: 30px; flex: 1;}
.case_mc{ line-height: 60px; height: 60px; overflow: hidden; font-size: 1.5rem; font-weight: bold; color: #1b1b1b; transition: 0.5s;}
.case_ms{ margin-top: 15px;}
.case_ms p{font-size: 1.125rem; line-height: 26px; margin-bottom: 10px;}
.case_more{ display: inline-block; margin-top: 40px; background: #008240; color: #fff; padding: 10px 35px; transition: 0.5s;}
.case_more:hover{ box-shadow: 3px 3px 1px #000;}
.caselist li:hover .case_mc{ color: #008240;}
@media screen and (max-width:768px){
	.case_mc{ font-size: 1.125rem; }

}

/*联系我们*/
.conta{ text-align:center;}
.conta h4{ font-size:1.875rem; font-weight:bold; color:#008240}
.conta span{ color:#3d3d3d; text-transform:uppercase; font-size:0.875rem;}
.conta ul { margin:30px 0;}
.conta ul li{ float:left; width:30.5%; box-sizing:border-box; padding-left:60px; padding-top:5px; text-align:left; min-height:60px;}
.conta ul li p{color:#7d7d7d}
.conta ul li:nth-child(1){ background:url(../images/cox1.jpg) left center no-repeat; width:38%}
.conta ul li:nth-child(2){ background:url(../images/cox2.jpg) left center no-repeat;}
.conta ul li:nth-child(3){ background:url(../images/cox3.jpg) left center no-repeat;}
@media screen and (max-width:768px){
.conta h4{ font-size:1.75rem; }
.conta ul li{ width:100%; margin-bottom:20px;}
.conta ul li:nth-child(1){  width:100%}
}


/*新闻资讯*/
.newslist li{ width:33.33%; box-sizing:border-box; border-right:1px solid #dedcdc; padding:28px 22px; transition:all 0.8s ease; float:left; margin-bottom:1px;}
.newslist li:nth-child(1){border-left:1px solid #dedcdc;}
.newslist li:nth-child(4){border-left:1px solid #dedcdc;}
.newslist li:nth-child(7){border-left:1px solid #dedcdc;}
.newslist li:hover{ background:#008c45}
.newslist li .naa h4{ min-height:54px;}
.newslist li .naa em{ font-size:1rem; color:#8f8f8f;transition:all 0.8s ease;}
.newslist li .naa h4{ font-size:1.5rem; color:#464646; margin:17px 0; line-height:1.125em;transition:all 0.8s ease;}
.newslist li .naa span{ font-size:0.875rem; color:#a7a7a7;transition:all 0.8s ease;}
.newslist li:hover em{ color:#fff;}
.newslist li:hover h4{ color:#fff;}
.newslist li:hover span{ color:#fff;}

.newslist li .nbb{ width:100%; overflow:hidden; margin:17px 0 27px; max-height 315px;}
.newslist li .nbb img{ transform:scale(1); transition:all 0.8s ease; width:100%; }
.newslist li:hover .nbb img{ transform:scale(1.05);}
.newslist li .ncc{ min-height:128px; max-height:128px; overflow:hidden;}
.newslist li .ncc p{ color:#575757;transition:all 0.8s ease;}
.newslist li:hover .ncc p{ color:#fff;}
.newslist li .ndd{ margin-top:30px;}
@media screen and (max-width: 768px){
.newslist li{ width:100%; border:none !important; border-bottom:1px solid #decece !important;}
.newslist li .naa span{ font-size:1rem;}
.newslist li .nbb{ display:none;}
.newslist li .ncc{ display:none;}
.newslist li .ndd{ display:none;}
}

/*新闻资讯*/

.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;height:30px;line-height:30px;overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
	.news-type{ height:auto; line-height:1.5em}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.125em;}
.xgnews-con li{ width:100%; height:2.375em; line-height:2.375em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.375em;}
}

/*核心技术*/
.hc1{background:url(../images/j1bg.jpg) center no-repeat;  padding:140px 0; overflow:hidden}
.hc2{background:url(../images/j2bg.jpg) center no-repeat; padding:100px 0; overflow:hidden;}
.hc3{background:url(../images/j3bg.jpg) center no-repeat; padding:100px 0; overflow:hidden;}

@media screen and (min-width:1680px){
.hc1{ padding:180px 0; overflow:hidden}
.hc2{ padding:180px 0; overflow:hidden;}
.hc3{ padding:180px 0; overflow:hidden;}
.hc4{padding:220px 0;}
}

/*炉渣练砖*/
.jstit{ width:60%; box-sizing:border-box; padding-left:3%;}
.jstit h4{font-weight: bold;display: inline-block;font-size: 2.25rem; color: #00542c; margin-bottom:10px;}
.jstit h4 span{font-size: 40px;font-family: 'AgencyFB';text-transform: uppercase; display: inline-block;position: relative; color:#000; opacity:0.5; top:5px;}
.jstit img{width: 60%;}
.jstit p{ font-size:1.125rem; color:#414241; margin-bottom:50px;}
.jspic{ width:38%;}
.jspic .jsg{ position:relative; width:100%; margin-top:120px; box-sizing:border-box; }
.jspic .jsg li{ width:100%;}
.jspic .jsg li img{ width:100%;}
.jspic .jsg .prev{ position:absolute; bottom:40px; z-index:22}
.jspic .jsg .next{ position:absolute; bottom:0; z-index:22}
@media screen and (min-width:1680px){
.jstit{ width:60%; box-sizing:border-box; padding-left:11%;}
}
@media screen and (max-width:768px){
.jstit img{width: 100%;}
.jstit{ width:100%; box-sizing:border-box; padding:0 3%;}
.jspic{ width:100%;}
}
/*金属资源化*/
.jstit1{ width:100%; box-sizing:border-box; text-align:center;}
.jstit1 h4{font-weight: bold;font-size: 2.25rem; color: #00542c; line-height:1.2em}
.jstit1 span{font-size: 20px;text-transform: uppercase; display: inline-block;position: relative; color:#000; opacity:0.5; top:5px;}
.jstit1 p{ font-size:1.125rem; color:#414241; margin-bottom:20px;}
.jspic1{ width:50%; box-sizing:border-box;  padding-left:4.8%;}
.jspic1 li{ box-sizing:border-box; border:3px solid #ccc; border-radius:10px; overflow:hidden; width:48.5%; margin-bottom:20px; cursor:pointer}
.jspic1 li img{ transform:scale(1); transition:all 0.8s ease;}
.jspic1 li:hover img{ transform:scale(1.05);}
@media screen and (min-width:1680px){
.jstit1 img{ width:initial;}
}
@media screen and (max-width:1555px) {
	.jstit1 p{margin-bottom: 20px;}
}


/*污水处理*/
.jstit2{ width:48%; box-sizing:border-box; padding-left:4.8%;}
.jstit2 h4{font-weight: bold;display: inline-block;font-size: 2.25rem; color: #00542c; margin-bottom:10px;}
.jstit2 h4 span{font-size: 40px;font-family: 'AgencyFB';text-transform: uppercase; display: inline-block;position: relative; color:#000; opacity:0.5; top:5px;}
.jstit2 p{ font-size:1.125rem; color:#414241; margin-bottom:50px;}
.jspic2{ width:50%; box-sizing:border-box;  padding-right:4.8%;}
.jspic2 li{ box-sizing:border-box; border:3px solid #ccc; border-radius:10px; overflow:hidden; width:48.5%; margin-bottom:20px; cursor:pointer}
.jspic2 li img{ transform:scale(1); transition:all 0.8s ease;}
.jspic2 li:hover img{ transform:scale(1.05);}
@media screen and (min-width:1680px){
.jstit2{  padding-left:11%;}
.jspic2{  padding-right:11%;}
}
@media screen and (max-width:768px){
.jstit2{ width:100%; box-sizing:border-box; padding:0 3%; margin-bottom:45px;}
.jspic2{ width:100%; padding:0 3%;}
}

/*手机核心菜单*/
.mhcc{ display:none;}
.mhcc li{ float:left; background:url(../images/nx.jpg) right center no-repeat;padding:0 20px; line-height:75px;}
.mhcc li a{ display:inline-block; position:relative; transition:all 0.8s;}
.mhcc li a span{ background:#009c4d; position:absolute; bottom:0; width:100%; height:3px; left:0; transform:scale(0,1); transition:all 0.8s}
.mhcc li a:hover,.cmenu li a.cur{ color:#007c3d}
.mhcc li a:hover span,.cmenu li a.cur span{ transform:scale(1);}
@media screen and (max-width:768px){
.mhcc{ display:block;}
}

/*产品列表*/
.porlist{ width:100%;}
.porlist li{ width:32.33%; margin-right:1.5%; float:left; margin-bottom:31px;}
.porlist li .pp{ border:4px solid #e1e1e1; box-sizing:border-box; width:100%; overflow:hidden;}
.porlist li .pp img{ width:100%; transform:scale(1); transition:all 0.8s ease;}
.porlist li:hover .pp img{ transform:scale(1.05);}
.porlist li .pd{ background:#e1e1e1 url(../images/mt.png) 95% center no-repeat; box-sizing:border-box; padding:12px 12px;}
.porlist li .pd p{ font-size:1.125rem; color:#484848}

.porlist li:nth-child(3){ margin-right:0;}
.porlist li:nth-child(6){ margin-right:0;}
.porlist li:nth-child(9){ margin-right:0;}
.porlist li:nth-child(12){ margin-right:0;}
@media screen and (max-width: 768px){
.pxx{ width:100%;}
.pxx li{ width:33.33%;}
.ap{ background-position:-250px;}
.porlist li{ width:49%; margin:0 0.5% 32px;}
.porlist li .pd p{ max-height:46px; overflow:hidden;}
}

/*产品介绍*/
.sot{ font-size:1.875rem; color:#2b2b2b}
.pmain1{ padding:37px 29px; border:1px solid #d0d0d0; background:#fff; margin-top:20px;}
.pzhan{ width:82%;}
.pzhan .pic{ width:54.5%; box-sizing:border-box; border:2px solid #e4e4e4}
.pzhan .pcon{ width:43%;}
.pcon h4{ font-size:2.25rem; color:#676767}
.pcon div{ border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:17px 0; padding:36px 0;}
.pcon div p{ line-height:1.5em; color:#676767}
.pcon h6{ font-size:1.125rem; color:#222222; background:url(../images/ma.jpg) left center no-repeat; padding-left:24px;}
.pcon .lj{ font-size:1.125rem; color:#fff; font-weight:bold; display:inline-block; padding:10px 16px; background:#009c4d; margin-top:20px;}

.ptui{ width:16%; background:#f3f3f3; padding:18px 16px; box-sizing:border-box;}
.ptui h6{ border-bottom:1px solid #e1e1e1; padding-bottom:12px; margin-bottom:16px;}
.ptui li{ width:100%; margin-bottom:10px;}

.pkt{ border:1px solid #d0d0d0; background:#fff; margin:10px 0;}
.pkt p{ font-size:1.125rem; color:#303030; font-weight:bold; display:inline-block; padding:20px; border-bottom:4px solid #009c4d}
.pmain2{ padding:37px 29px; border:1px solid #d0d0d0; background:#fff; }
.dd{ width:100%; margin:20px auto 0;}
.dd span{ background:#eee; padding:5px 8px;}

@media screen and (max-width: 768px){
.pzhan{ width:100%;}
.pzhan .pic{ width:100%; box-sizing:border-box; border:2px solid #e4e4e4;}
.pzhan .pcon{ width:100%;}
.ptui{ width:100%; margin-top:20px;}
.ptui li{ width:31.33%; margin-bottom:10px; float:left; margin-right:2%; }
.pmain2 p{ font-size:1.125rem !important;}
.pmain2 span{ font-size:1.125rem !important;}
}
.nproan { padding-bottom: 20px;}
.nproan ul{ display: flex; justify-content: center;}
.nproan li{ width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background: #f1f1f1; overflow: hidden; text-indent: -999rem; cursor: pointer; transition: 0.5s;}
.nproan li.on{ background: #009c4d;}

@media screen and (max-width: 768px) {
	.idd1020 { display: none !important;}
	.idd800 { display: block !important;}
}