.color-green{color:#00a950}.home4-container{width:100%;height:100%;background:#e6e8ef;padding:15px;overflow-y:auto}.home4-container .nav1{height:44px;-ms-flex-align:stretch}.home4-container .nav1,.home4-container .nav1 .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;align-items:stretch}.home4-container .nav1 .left{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:stretch}.home4-container .nav1 .left .item{color:#70789d;width:105px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;font-size:16px}.home4-container .nav1 .left .item:hover{color:#30417a;font-weight:600}.home4-container .nav1 .left .item.active{background:-webkit-gradient(linear,left bottom,left top,from(#273c9e),to(#3348a9));background:linear-gradient(1turn,#273c9e,#3348a9);border-radius:10px 10px 0 0;color:#fff;font-weight:600}.home4-container .nav1 .left .item.active:before{background:none}.home4-container .nav1 .left .item.has-border:before{display:block;content:"";width:1px;height:20px;position:absolute;right:0;top:12px;background:#70789d}.home4-container .nav1 .left .item:last-child:before{background:none}.home4-container .nav1 .right{color:#3b3b3b;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:12px}.home4-container .nav1 .right,.home4-container .nav1 .right div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home4-container .nav1 .right div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.home4-container .nav2{width:100%;background:#21409d;border-radius:0 10px 0 0;padding:0 15px 0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home4-container .nav2,.home4-container .nav2 .left{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.home4-container .nav2 .left .item{font-size:12px;color:hsla(0,0%,100%,.8);float:left;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.home4-container .nav2 .left .item span{height:14px;border-right:1px solid hsla(0,0%,100%,.8);padding-right:10px}.home4-container .nav2 .left .item:last-child span{border-right:none}.home4-container .nav2 .left .item.active,.home4-container .nav2 .left .item:hover{color:#fff}.home4-container .nav2 .left .item.active span,.home4-container .nav2 .left .item:hover span{font-weight:700}.home4-container .nav2 .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home4-container .nav2 .right .search{z-index:10}.home4-container .nav2 .right .search .input{width:200px}.home4-container .nav2 .right .search .input .el-input__inner{padding:0 10px}.home4-container .box{width:100%;height:auto;background:#f7f7f7;-webkit-box-shadow:0 -5px 19px 0 rgba(155,168,227,.24);box-shadow:0 -5px 19px 0 rgba(155,168,227,.24);border-radius:0 0 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:15px}.home4-container .box .box-left{width:400px;margin-right:15px;height:auto}.home4-container .box .box-left .charts-box{width:400px;height:260px;padding-top:30px;background:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(50,72,175,.16);box-shadow:0 5px 10px 0 rgba(50,72,175,.16);border-radius:4px;border:1px solid #e6e6e6}.home4-container .box .box-left .charts-box .title{text-align:center;color:#30417a}.home4-container .box .box-left .charts-box .title span{font-size:17px}.home4-container .box .box-left .charts-box .title .zsf-icon{font-size:17px;margin-right:3px}.home4-container .box .box-left .charts-box.charts-1 .charts-left{background:linear-gradient(135deg,#273c9e,#5c70cf 100%,#5d71d0 0)}.home4-container .box .box-left .charts-box.charts-2 .charts-left{background:linear-gradient(135deg,#ca3b3b,#ff8525 100%,#5d71d0 0)}.home4-container .box .box-left .charts-box.charts-2 .charts-left:after{border-left:10px solid #e8683b}.home4-container .box .box-left .charts-box.charts-2 .charts-left .count:before{background:#fb7452}.home4-container .box .box-right{width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;height:535px;background:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(50,72,175,.16);box-shadow:0 5px 10px 0 rgba(50,72,175,.16);border-radius:4px;border:1px solid #e6e6e6;padding:15px;position:relative}.home4-container .box .box-right .map-box{width:100%;height:505px;overflow:hidden}.home4-container .box .box-right .controls{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:15px;bottom:15px;z-index:10}.home4-container .box .box-right .controls .item{margin-left:12px;width:32px;height:32px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(51,72,169,.31);box-shadow:0 2px 6px 0 rgba(51,72,169,.31);border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.home4-container .box .box-right .controls .item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.home4-container .box .box-right .controls .item span{-webkit-transition:all .2s ease;transition:all .2s ease;font-size:20px;color:#3348a9;display:inline-block}.home4-container .footer{width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}