/*全局*/
body { font-family: "宋体"; font-size: 14px; color: #000000; padding-bottom: 50px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.bgreen {background: #daf6d6; }
/*头部*/
.topimg,.topimg img { width: 100%; }
nav { width: 100%; height: 76px; background: #1f803b; overflow: hidden; }
nav ul li { float: left; width: 123px; height: 20px; line-height: 20px; margin-top: 12px; border-left: 1px solid #ffffff; border-right: 1px solid #1f803b; text-align: center; font-family: "黑体"; font-size: 18px; color: #ffffff; }
nav ul li:nth-child(8n) {border-right: 1px solid #ffffff; }
/*焦点图*/
.focus { float: left; position: relative; width: 610px; height: 340px; overflow: hidden; }
.focus .left,.focus .right { position: absolute; width: 34px; height: 34px; top: 153px; background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 34px; color: #ffffff; font-size: 26px; font-family: "黑体"; cursor: pointer; z-index: 10; }
.focus .right { right: 0; }
.focus .menu {position: absolute; width: 100px; height: 10px; right: 20px; bottom: 15px; z-index: 10; }
.focus .menu ul li { float: left; width: 8px; height: 8px; margin: 0 5px; border: 1px solid #ffffff; border-radius: 50%; cursor: pointer; }
.focus .menu ul .on { background: #ffffff; }
.focus .box ul li {width: 610px; height: 340px; overflow: hidden; display: none; }
.focus .box ul li:first-child {display: block; }
.focus .box ul li img {width: 610px; height: 340px; }
.focus .box ul li span { position: absolute; width: 480px; padding-right: 130px; height: 40px; line-height: 40px; bottom: 0; background: rgba(0, 0, 0, 0.6); font-size: 18px; color: #ffffff; overflow: hidden; text-indent: 10px; }
/*首屏新闻*/
.news { float: right; width: 360px; height: 340px; overflow: hidden; }
.news ul li { width: 360px; height: 30px; line-height: 30px; overflow: hidden; font-family: "黑体"; font-size: 16px; color: #595757; }
.news ul li:nth-child(3n+1) { height: 40px; line-height: 40px; font-size: 20px; font-weight: bolder; }
.news ul li:nth-child(4),.news ul li:nth-child(7) { margin-top: 20px; }
/*聚焦环保*/
.jjhb { width: 490px; height: 440px; background: #ffffff; overflow: hidden; }
.jjhb .title { width: 440px; height: 36px; margin-top: 20px; font-size: "黑体"; line-height: 36px; color: #1f803b; border-bottom: 1px solid #a0a0a0; }
.jjhb .title h3 { float: left; font-size: 24px; border-bottom: 2px solid #1f803b; }
.jjhb .title span { float: right; font-size: 16px; }
.jjhb .pic { width: 440px; height: 122px; margin-top: 15px; }
.jjhb .pic img { float: left; width: 180px; height: 122px; }
.jjhb .pic span { float: right; width: 250px; height: 122px; background: #1f803b; color: #ffffff; }
.jjhb .pic h4 { width: 230px; height: 46px; line-height: 46px; font-size: "黑体"; font-size: 16px; overflow: hidden; }
.jjhb .pic p { width: 230px; height: 66px; line-height: 22px; font-size: 12px; overflow: hidden; }
.jjhb .text { margin-top: 10px; }
.jjhb .text ul li { width: 440px; height: 35px; line-height: 35px; font-size: 12px; overflow: hidden; border-bottom: 1px dashed #9c9c9c; }
.jjhb .text ul li a:before { display: block; content: " "; float: left; width: 7px; height: 7px; margin-top: 14px; margin-right: 5px; border-radius: 50%; background: #555555; }
.jjhb .text ul li a { display: block; float: left; width: 360px; overflow: hidden; color: #555555; }
.jjhb .text ul li span { float: right; color: #9c9c9c; }
/*生态达人*/
.stdr .box { width: 1000px; height: 430px; margin-top: 30px; overflow: hidden; }
.stdr .box ul li { float: left; width: 223px; height: 400px; margin-right: 36px; margin-bottom: 30px; overflow: hidden; }
.stdr .box ul li:nth-child(4n) { margin-right: 0; }
.stdr .box ul li img { width: 223px; height: 250px; }
.stdr .box .show { position: relative; width: 221px; height: 149px; border: 1px solid #d4d2d3; border-top: none; }
.stdr .box .show:hover { background: #1f803b; color: #ffffff; }
.stdr .box .show h4 { width: 160px; height: 30px; line-height: 30px; padding-top: 10px; overflow: hidden; text-align: center; }
.stdr .box .show p { width: 160px; height: 25px; line-height: 25px; overflow: hidden; font-size: 12px; }
.stdr .box .show span { display: block; width: 78px; height: 30px; line-height: 30px; text-align: center; margin: 10px auto; background: #1f803b; cursor: pointer; border-radius: 5px; color: #ffffff; border: 1px solid #ffffff; }
.stdr .more { width: 230px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #d4d2d3; font-family: "黑体"; font-size: 18px; color: #555555; cursor: pointer; }
.stdr .more:hover { background: #1f803b; color: #ffffff; }
/*环保成果展*/
.hbcgz .box { width: 100%; height: 530px; margin-top: 30px; background: #daf6d6; overflow: hidden; }
.hbcgz .box ul li { float: left; position: relative; width: 326px; height: 170px; margin-bottom: 10px; margin-left: 11px; overflow: hidden; }
.hbcgz .box ul li:nth-child(1) {width: 663px; height: 350px; margin-left: 0; }
.hbcgz .box ul li:nth-child(4) { margin-left: 0; }
.hbcgz .box ul li img { width: 100%; height: 100%; }
.hbcgz .box ul li span{ position: absolute; height: 30px; line-height: 30px; text-indent: 10px; padding-right: 10px; color: #ffffff; bottom: 10px; background: rgba(0,0,0,0.4); }
