.cd_content {
    margin: 0 20px;
    background: url(../images/bg_black.jpg);
    width: calc(100% - 40px);
    box-sizing: border-box;
}

.cd_content > .title {
    font-size: 14px;
    padding: 0 15px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #5F6C8C;
    color: #ffffff;
    box-sizing: border-box;
}

.cd_content .flow_charts {
    width: 100%;
    padding: 1% 2%;
    padding-bottom: 3%;
    box-sizing: border-box;
}

.cd_content .flow_charts .content {
    background: url(../../../images/bg_fenbu.png) no-repeat;
    background-size: 100%;
    width: 100%;
    padding-bottom: 47.82%;
    position: relative;
}

.cd_content .energy_info {
    width: 8.2%;
    padding-bottom: 2.3%;
    position: absolute;
    font-size: 0.55vw;
}

.cd_content .energy_info .title {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
    color: #000;
}

.cd_content .energy_info .green,
.cd_content .energy_info .value {
    position: absolute;
    bottom: 3px;
    left: -2px;
    /*left: 50%;*/
    /* transform: translate(-50%, 0); */
}

.cd_content .energy_info .green_center,
.cd_content .energy_info .value_center {
    position: absolute;
    bottom: 3px;
    /* left: 10px; */
    left: 50%;
    transform: translate(-50%, 0);
}

.cd_content .energy_info .red {
    position: absolute;
    bottom: 3px;
    /* right: -8px; */
    right: -8px;
}

.cd_content .energy_1_1 { left: 2.4%; margin-top: 23%; }

.cd_content .energy_2_1 { left: 17.4%; margin-top: 9.65%; }
.cd_content .energy_2_2 { left: 17.4%; margin-top: 23%; }
.cd_content .energy_2_3 { left: 17.4%; margin-top: 30.1%; }
.cd_content .energy_2_4 { left: 17.4%; margin-top: 34%; }
.cd_content .energy_2_5 { left: 17.4%; margin-top: 37.5%; }
.cd_content .energy_2_6 { left: 17.4%; margin-top: 41.5%; }

.cd_content .energy_3_1 { left: 32.4%; margin-top: 3.3%; }
.cd_content .energy_3_2 { left: 32.4%; margin-top: 6.4%; }
.cd_content .energy_3_3 { left: 32.4%; margin-top: 9.65%; }
.cd_content .energy_3_4 { left: 32.4%; margin-top: 13.2%; }
.cd_content .energy_3_5 { left: 32.4%; margin-top: 16.3%; }
.cd_content .energy_3_6 { left: 32.4%; margin-top: 19.6%; }
.cd_content .energy_3_7 { left: 32.4%; margin-top: 23%; }
.cd_content .energy_3_8 { left: 32.4%; margin-top: 26.5%; }
.cd_content .energy_3_9 { left: 32.4%; margin-top: 33.2%; }
.cd_content .energy_3_10 { left: 32.4%; margin-top: 37.3%; }
.cd_content .energy_3_11 { left: 32.4%; margin-top: 43.7%; }

.cd_content .energy_4_1 { left: 48.2%; margin-top: 4.3%; }
.cd_content .energy_4_2 { left: 48.2%; margin-top: 9.6%; }
.cd_content .energy_4_3 { left: 48.2%; margin-top: 13.4%; }
.cd_content .energy_4_4 { left: 48.2%; margin-top: 17.2%; }
.cd_content .energy_4_5 { left: 48.2%; margin-top: 23%; }
.cd_content .energy_4_6 { left: 48.2%; margin-top: 26.2%; }
.cd_content .energy_4_7 { left: 48.2%; margin-top: 33.2%; }
.cd_content .energy_4_8 { left: 48.2%; margin-top: 37.1%; }

.cd_content .energy_5_1 { left: 60.6%; margin-top: 12.1%; }
.cd_content .energy_5_2 { left: 60.6%; margin-top: 25.9%; }
.cd_content .energy_5_3 { left: 60.6%; margin-top: 35.6%; }

.cd_content .energy_6_1 { left: 74.7%; margin-top: 3.3%; }
.cd_content .energy_6_2 { left: 74.7%; margin-top: 6.5%; }
.cd_content .energy_6_3 { left: 74.7%; margin-top: 9.6%; }
.cd_content .energy_6_4 { left: 74.7%; margin-top: 13%; }
.cd_content .energy_6_5 { left: 74.7%; margin-top: 16.3%; }
.cd_content .energy_6_6 { left: 74.7%; margin-top: 19.6%; }
.cd_content .energy_6_7 { left: 74.7%; margin-top: 23%; }
.cd_content .energy_6_8 { left: 74.7%; margin-top: 26.1%; }
.cd_content .energy_6_9 { left: 74.7%; margin-top: 29.2%; }
.cd_content .energy_6_10 { left: 74.7%; margin-top: 32.5%; }
.cd_content .energy_6_11 { left: 74.7%; margin-top: 35.6%; }
.cd_content .energy_6_12 { left: 74.7%; margin-top: 38.7%; }
.cd_content .energy_6_13 { left: 74.7%; margin-top: 41.8%; }

.cd_content .energy_7_1 { left: 90%; margin-top: 23.2%; }

.cd_content .energy_7_2 { left: 90.3%; margin-top: 27.3%; color: red !important; border: 1px solid red; padding: 2% 0; width: 7.15%; }
.cd_content .energy_7_2 .title {
    top: 26%;
}
.cd_content .energy_7_2 .value {
    bottom: 26%;
}