#index{width:100vw;height:100vh;background-color:#191a40;box-sizing:border-box}#index .bg{height:100%!important}#index .first-line{display:flex;justify-content:space-between;height:6.1203703704%;box-sizing:border-box}#index .first-line .left{width:34.375%;height:100%;box-sizing:border-box;font-size:.2rem}#index .first-line .left .company-info{color:#fff;height:100%;padding-left:5.303030303%}#index .first-line .left .company-info img{width:1.1625rem;height:.3625rem;vertical-align:middle}#index .first-line .left .company-info span,#index .first-line .left .company-info span:after{vertical-align:middle;display:inline-block;height:100%}#index .first-line .left .company-info span:after{content:"";width:0}#index .first-line .left .company-info span.line{margin:0 .1125rem 0 .1625rem;height:42.965204236%;border-right:1px solid #fff}#index .first-line .center{width:31.25%;color:#fff;text-align:center;height:100%;box-sizing:border-box}#index .first-line .center .village-name{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:.375rem;height:100%;padding-top:.125rem;box-sizing:border-box}#index .first-line .center .village-name img{width:75.8333333333%}#index .first-line .right{width:34.375%;height:100%;color:#fff;text-align:right;box-sizing:border-box;font-size:.2rem}#index .first-line .right .date{height:100%;padding-right:5.6060606061%}#index .first-line .right .date span,#index .first-line .right .date span:after{vertical-align:middle;display:inline-block;height:100%}#index .first-line .right .date span:after{content:"";width:0}#index .first-line .right .date span:first-of-type{margin-right:2.4242424242%}#index .left-right{display:flex;justify-content:space-between;height:2.8703703704%;margin-bottom:.3875rem}#index .left-right div{width:34.4270833333%;padding-top:1.6666666667%;box-sizing:border-box;height:100%;position:relative}#index .left-right div.left{text-align:right}#index .left-right div.left img{position:absolute;right:-.75rem;height:33.3333333333%;width:35.1515151515%}#index .left-right div.right{text-align:left}#index .left-right div.right img{position:absolute;left:-.75rem;height:33.3333333333%;width:35.1515151515%}#index .second-line{height:14.4907407407%;width:100%;box-sizing:border-box;padding:0 1.8229166667%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.2375rem}#index .second-line .item-1,#index .second-line .item-2,#index .second-line .item-3,#index .second-line .item-4{background:#20204e;height:100%;width:15.234375%;color:#fffefe;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.175rem}#index .second-line .item-1 img,#index .second-line .item-2 img,#index .second-line .item-3 img,#index .second-line .item-4 img{width:.4875rem;height:.5rem}#index .second-line .item-1>span:first-of-type,#index .second-line .item-2>span:first-of-type,#index .second-line .item-3>span:first-of-type,#index .second-line .item-4>span:first-of-type{margin:.1875rem;font-size:.35rem}#index .second-line .item-5,#index .second-line .item-6,#index .second-line .item-7{background:#20204e;height:100%;width:11.5885416667%;color:#fffefe;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.175rem}#index .second-line .item-5>div,#index .second-line .item-6>div,#index .second-line .item-7>div{width:7.5rem;height:5rem}#index .second-line .item-5 span,#index .second-line .item-6 span,#index .second-line .item-7 span{margin-top:.1875rem}#index .second-line .item-5 span{color:#03a9f4;font-size:.2rem}#index .second-line .item-6 span{color:#ff9800;font-size:.2rem}#index .third-line{height:68.5185185185%;width:100%;padding:0 1.8229166667%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between}#index .third-line>.left{height:100%;width:75%;margin-right:.9895833333%;box-sizing:border-box}#index .third-line>.left .top{width:100%;height:58.5135135135%;margin-bottom:.2625rem;background-color:#20204e}#index .third-line>.left .top .title{overflow:hidden}#index .third-line>.left .top .title .h3{margin:0;padding:0;color:#fff;text-align:center;font-size:.225rem;font-weight:700;height:.625rem;margin-top:.375rem}#index .third-line>.left .top .pie-chart{display:flex;justify-content:space-between;box-sizing:border-box;padding:.25rem .6875rem 0}#index .third-line>.left .top .pie-chart #hazardous,#index .third-line>.left .top .pie-chart #other,#index .third-line>.left .top .pie-chart #perishable,#index .third-line>.left .top .pie-chart #recyclable{position:relative}#index .third-line>.left>.bottom{width:100%;height:38.6486486486%;display:flex;justify-content:space-between}#index .third-line>.left>.bottom div.left{background-color:#20204e;width:50%;margin-right:.2125rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}#index .third-line>.left>.bottom div.left>.sub-top{width:100%;height:100%}#index .third-line>.left>.bottom div.right{background-color:#20204e;width:50%;height:100%}#index .third-line>.left>.bottom div.right>.sub-bottom{width:100%;height:100%}#index .third-line>.right{height:100%;background-color:#20204e;width:25%}#index .third-line>.right .dv-border-box-13{background-color:#20204e}#index .third-line>.right .dv-border-box-13 .border-box-content{box-sizing:border-box;padding:.5rem}