aucma-benchmarking-factory/ruoyi-admin/src/main/resources/static/css/board/month.css

body {
    height: auto;
    width: auto;
    background: url(../../img/board/month/backgroundImg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    color: rgba(255, 255, 255, .95);
    font: normal 100% Arial, sans-serif;
}

.satisfaction{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 17%;
    left: 1.5%;
}
.outputStatistics{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 18.5%;
    left: 75.3%;
}
.quality{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 60%;
    left: 26.5%;
}
.ecosphere{
    /*background: url(../../img/board/month/one.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    /*position: absolute;*/
    /*width: 23%;*/
    /*height: 35%;*/
    /*top: 15%;*/
    /*left: 75%;*/
}
.scene{
    background: url(../../img/board/month/two.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22%;
    height: 34%;
    top: 18%;
    left: 51.5%;
}
.Highlight{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22%;
    height: 34%;
    top: 18.7%;
    left: 26.7%;
}
.nivoSlider{
    width: 100%;
    height: 100%;
}
.HighlightOne{
    /*width: 23vw;*/
    /*height: 35vh;*/
    width: 230px;
    height: 350px;

}
.HighlightTwo{
    /*width: 23vw;*/
    /*height: 35vh;*/
    width: 230px;
    height: 350px;
}
.HighlightThree{
    /*width: 23vw;*/
    /*height: 35vh;*/
    width: 230px;
    height: 350px;
}
.HighlightFour{
    /*width: 23vw;*/
    /*height: 35vh;*/
    width: 230px;
    height: 350px;
}