目录

1.效果展示

2.文件目录

3.网页源码

1.效果展示

2.文件目录

3.网页源码

index.html

垃圾分类网
搜索
网站主页
垃圾分类
清洁产业
厕所革命
环卫信息
 var mySwiper = new Swiper ('.swiper-container', {direction: 'horizontal', // 垂直切换选项loop: true, // 循环模式选项autoplay: {delay: 2500,//2.5秒切换一次disableOnInteraction: false,},// 如果需要分页器pagination: {el: '.swiper-pagination',clickable :true,},// 如果需要前进后退按钮navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',},// 如果需要滚动条scrollbar: {el: '.swiper-scrollbar',},})
垃圾分类，这件天大的“小事”将...
新华..关爱环卫工人公益项目已累计赔付...万元
北京朝阳：一座垃圾处理中心如何变身“循环经济产业园”
..垃圾分类调查：多座大型分类处理设施明年投用
一图读懂全国地级及以上城市全面启动生活垃圾分类
..：第三方检测公司垃圾焚烧项目..造假被处罚
..：深入学习..重要指示批示精神全面
女子公园捡垃圾疑摆拍又反转，...
...：各地不得对新能源汽车实行限行、限购
关于印..案...
...爆黑天鹅？
..如何让电子垃圾变废为宝？
 ..：到..年，全市商业综合体实现生活垃圾分类100%全覆盖
..：切实做好垃圾分类工作 推动山清水秀美丽之地建设
项目研究
环卫管理
法规研究
项目公示
实现减量化是治理好农村生活垃圾的关键
..环卫行业用工现状调研报告
求实创新打造环卫铁军 ——环卫管理一线的探...
..智慧环卫平台建设思路探讨
浅谈“第三方”在城乡环卫一体化工作中的应用
乡村环境卫生常态工作机制探究——以..钦
 
..生活垃圾焚烧发电项目环评全本和公众...
..年国家及地方危废政策大汇总
餐厨垃圾国家..研究和思考
生态效率视角下建筑废弃物...
我国农村固体废物污染..问题研究
巩义市中心城区环卫专项规划
..生活垃圾焚烧飞灰固化物填埋场项目环...
..农村生活垃圾焚烧站项目（..）环...
..农村生活垃圾焚烧站项目（..）环...
..农村生活垃圾焚烧站项目（..）环...
..堌阳镇生活垃圾处理设施建设项目环境...
..环境卫生管理处..第三城市垃圾处...
环卫产品
电动环卫车
电动环卫车
环卫垃圾桶
环卫垃圾桶
海沃大料斗式车箱对接方案
海沃大料斗式车箱对接方案
五征环卫装备产品发往市场
五征环卫装备产品发往市场
福田普罗科环卫车
福田普罗科环卫车
无人驾驶环卫产品
无人驾驶环卫产品
环卫法规
政策法规
标准规范
环卫百科
在全国地级及以上城市全面开展生活垃圾分...
《推动重点消费品更新升级 畅通资源循环...
..城市建筑垃圾管理...
生态环境....加强危险废物处置...
..农村垃圾治理...
..办公室关于进一步推进“厕所...
..地方标准...
关于《..生活垃圾定时定点分类投...
关于《..可回收物体系规划实施方...
细则来了！..印发《 “无废城...
关于征求《..再生资源分拣中心建设管...
..印发《..交易平台服...
丹麦：我们要做的不仅是垃圾焚烧！
耗资..日元　..这座垃圾焚烧发电厂...
..悉心整理：压缩式垃圾车最常见的...
渗滤液处理后可以直饮，这是真的吗？
原来垃圾焚烧厂也可以这么美！
一张图读懂烟气净化！
Infini Studio | 网页制作
金华市婺城区
TEL：1365650350
QQ：106448156
Email:106448156@qq.com
weibo:@bucunzaide

css文件

*{margin: 0;padding: 0;list-style: none;}body{background: url(../img/background.jpg);} a{text-decoration: none;color: white;}.ziti{font-size: 45px;}.containe{height: 100%;width: 100%;margin-left: 10%;margin-right: 10%;}.header1{float: left;font-size: 28px;margin-top: 1%;margin-left: 1%;}.header2{width: 20%;height: 36px;margin-left: 35%;margin-top: 3%;margin-right: -1%;border: 3px solid gray;float: left;background: white;}.header3{width: 6%;height: 40px;margin-top: 3%;margin-right: 5%;border:1px solid black;float: left;background: black;color: white;text-align: center;font-size: 16px;line-height: 40px;}.nack{margin-top: 2%;padding: 0;width: 80%;height: 10%;float: left;border: 0.1px solid black;background: black;margin-bottom: 1%;}.a{padding-top: 1%;padding-bottom: 1%;text-align: center;color: white;width: 10%;height: 5%;float: left;font-size: 16px;}.a:hover{background: red;}.span{background: darkcyan;padding-top: 1%;padding-bottom: 1%;text-align: center;color: white;width: 10%;height: 5%;float: left;font-size: 16px;}.b{padding-top: 0.3%;padding-bottom: 0.3%;height: 5%;width: 8%;float: right;}.swiper-container{float: left;width: 40%;height: 20%;margin-left: 0.01%;}.swiper-slide{font-size: 40px;text-align: center;line-height: 300px;color: white;}.swiper-slide img{width: 90%;}.content{float: right;margin-right: 25%;margin-top: 1%;height: 10%;width: 30%;}.mulu1{margin-top: 1%;color: dodgerblue;font-weight: bold;font-size: 22px;margin-bottom: 4%;}.mulu2{margin-left: 2.5%;margin-bottom: 4%;}.mulu2 li{margin-top: 1%;}.content2{float: left;width: 80%;}.content2 h1{margin-left: 3%;}#container{width: 80%;margin: 0 auto;margin-top: 20px;}.wrap{width: 30%;float: left;margin-top: 2%;border: 1px #BCBCBC solid;box-shadow: 2px 2px 2px #444;}.wrap .text{position: relative;height: 0px;left: 10px;color: black;width: 100%;text-align: center;font-size:30px;display: none;}.wrap:hover .text {display: block;}a:hover img{filter: alpha(Opacity=0.8);-moz-opacity:0.8;opacity: 0.8;}.wrap:nth-child(3n+2){margin-left: 3.5%;margin-right: 3.5%;}.wrap img{width: 100%;}.wrap p{ text-align: center;color: #666666;font-size: 16px;margin: 2px;border-radius: 0px 0px 10px 10px;}@media only screen and (max-width: 500px) {.wrap{width: 48%;margin-top: 1.5%;}.wrap:nth-child(3n+2){margin: 0;margin-top: 1.5%;}.wrap:nth-child(2n+1){margin-right: 3%;}}.content3,.content4{float: left;width: 80%;margin-top: 3%;margin-left: 2%;margin-right: 5%;margin-bottom: 3%;}.xiao{width: 100%;margin-left: 3%;margin-top: 2%;}.xiao a{text-decoration: none;color: #333333;}.xiao li{line-height: 20px;background: gray;width: 95%;margin-bottom: 2px;padding: 2px 5px;border-radius: 0 20px 20px 0;border-left: 3px solid black;transition: all 1s ease-out;}.xiao li:hover{width: 90%;background: orange;transition: all 150ms linear;}.xiaoa:hover{color: white;}.xiao ul{width: 33%;float: left;font-size: 20px;}.toumu h2{width: 30%;float: left;margin-left: 3%;margin-top: 2%;margin-bottom: 1%;}.content4{margin-bottom: 5%;}.fen1 ul{width: 33%;float: left;}.fen1 li img{width: 41%;float: left;margin-left: 8%;}.fen2 ul{width: 33%;float: left;}.fen2 li{margin-left: 10%;margin-top: 1%;margin-bottom: 1%;font-size: 18px;list-style: circle;}.img img{width: 35%;margin-left: 2.5%;margin-right: 1%;float: left;}.g1{text-align: center;float: left;width: 80%;}.g1 h1,h2{margin-top: 1%;margin-bottom: 1%;}.blue{color: royalblue;}.g1 li{text-align: center;margin-top: 1%;margin-bottom: 1%;float: left;margin-left: 7%;margin-right: 7%;}.g2{width: 80%;float: left;text-align: center;margin-bottom: 1%;}.g2 li{width: 23.5%;float: left;}.g2 h1{margin-top: 8%;margin-bottom: 1%;}.g3{width: 80%;margin-bottom: 2%;background: white;box-shadow: 0 0 3px black;opacity: 0.9;}.g3 li{width: 22%;float: left;margin-left: 3%;}.g3 li:hover{transform: rotate(0deg) scale(2,2);z-index: 400;position: relative;transition: all 0.5s linear;opacity: 1;}.g3 li img{width: 85%;}.g4{width: 100%;float: left;text-align: center;}.g4 li{width: 20%;float: left;}.g4 h1{margin-top: 8%;margin-bottom: 1%;}.g5{width: 80%;}.g5 img{float: left;margin: 3%;width: 30%;}.hezi{margin-right: 1%;margin-top: 2%;width: 32%;float: left;background: white;height: 150px;}.hezi h1{margin-top: 4%;font-size: 22px;font-weight: bold;font-family: "微软雅黑";}.hezi p{margin-top: 3%;line-height: 25px;}.g6{float: left;margin-top: 3%;padding: 3%;width: 72%;background: white;}.g6 .f1{width: 40%;}.g6 .f2{float: right;width: 50%;}.g6 .f2 img{width: 70%;margin-right: 10%;float: right;}.g6 .f3{font-size: 20px;margin-top: 2%;margin-left: 4%;float: left;text-indent: 2em;width: 40%;color: rgb(100,100,100);}.g6 .f4{margin-top: 5%;margin-left: 15%;width: 15%;text-align: center;float: left;height: 40px;line-height: 40px;border: 1px solid black;}#footer{background-color: #E0E0E0;position: relative;padding-top: 1%;line-height: 22px;padding-bottom: 1%;clear: both;top: 70px;}#footer_left,#footer_right{width: 49%;display: inline-block;}#link{float: right;}#footer_left img{margin-left: 84%;}#link img{width: 30px;height: 25px;}#footer_right{border-left: 2px #BCBCBC solid;padding-left: 10px;}#contact{font-size: 0.75em;text-shadow: 1px 1px 1px white;color: #666;}