html,body{
    width: 100%;
    height: 100%;
    background: url(../images/bg-6.jpg) no-repeat;
    background-size: 100% 100%;
}

.header-Content{
    width: 100%;
    height: 10.2vh;
    display: flex;

}
.header-Content .logo{
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
}
.header-Content .logo img{
    display: block;

    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    margin-left: 2.23vw;
    margin-top: -2vh;
}
.header-Content .headline{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.headline-Zh{
    font-size: 2.3vw;
    color: #a5cfff;
    /* font-family: mFonts; */
    margin-top: 0.3vh;
}
.headline-En{
    color: #4995ea;
    font-size: 1vw;
    font-family: mFonts;

}
.header-Content .time{
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #4995ea;
    font-size: 1.5vw;
    margin-top: -1vh;
}

.content {
    width: 100%;
    height: 89vh;
    margin-top: 0.2vh;
    display: flex;
    justify-content: center;

}

.content-son{
    width: 98.875vw;
    height: 87.5vh;
    margin-top: 1.064vh;

}
.content-son-t{
    width: 100%;
    height: 43.98vh;
    display: flex;
    justify-content: space-between;

}
.content-son-t-l,.content-son-b-l{
    width: 42.666vw;
    height: 100%;
    border: 1px solid #0056bf;
    box-shadow:0px 0px 10px 5px #072a7a inset;
}
.content-son-t-l {
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-son-t-l .parameter .li{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3vw;
    color: #bfecff;
    margin-top: 1.5vh;
}
.content-son-b-l .title{
    display: flex;
    height: 4.62vh;
    background: -webkit-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8));
}
.content-son-b-l .title .tleft,.content-son-b-l .title .tright{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3vw;
    color: #bfecff;
}
.chartBox{
    width: 100%;
    height: 38.43vh;
    display: flex;

}
.chartBox .chart-l,.chartBox .chart-r{
    width: 50%;
    height: 100%;

}

#complateRate ,#PassRate{
    width: 100%;
    height: 80%;
}
.content-son-t-l .parameter .li em{
    width: 10vw;
    text-align: right;

}
.content-son-t-l .parameter .li p{
    width: 18.48vw;
    height: 5.166vh;
    background: #052e6f;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #eb701b;
}

.content-son-t-l .parameter .li span{
    width: 10vw;
    text-indent: 1vw;
}
.content-son-t-r{
    display: flex;
    justify-content: center;

    flex-wrap: wrap;
}
.content-son-t-r .tablenzs-h{
    width: calc(100% - 6px);
    height: 6.2vh;
    box-shadow: inset 0 0 31px #098dd7;
    background: #042a72;
    margin-top: 3px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}
.content-son-t-r .tablenzs-b{
    width: calc(100% - 6px);
    height: 37vh;

}
.tablenzs-b .tr{
    display: flex;
    height: 4vh;
    border-top: 1px solid #01358c;
}
.tablenzs-b .tr:nth-child(even){
    background: #000b3f;
}
.tablenzs-b .tr:last-child{
    border-bottom: 1px solid #01358c;
}
.tablenzs-b .tr .td{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b3dff6;
    font-weight: 600;
    font-size: 1.2vw;
    border-right: 1px solid #01358c;
}
/*.tablenzs-b .tr .td:last-child{*/
/*    border-right: none;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(1){*/
/*    width: 10%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(2){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(3){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(4){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(5){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(6){*/
/*    width: 10%;*/
/*    color: #30ff00;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(7){*/
/*    width: 10%;*/
/*}*/
/*.tablenzs-b .tr .td:nth-child(8){*/
/*    width: 10%;*/
/*    color: #ff1200;*/
/*}*/
.tablenzs-h .td{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b3dff6;
    font-weight: 600;
    font-size: 0.9vw;

}
/*.tablenzs-h .td:nth-child(1){*/
/*    width: 10%;*/
/*}*/
/*.tablenzs-h .td:nth-child(2){*/
/*    width: 30%;*/
/*}*/
/*.tablenzs-h .td:nth-child(3){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-h .td:nth-child(4){*/
/*    width: 15%;*/
/*}*/
/*.tablenzs-h .td:nth-child(5){*/
/*    width: 10%;*/
/*}*/
/*.tablenzs-h .td:nth-child(6){*/
/*    width: 10%;*/
/*}*/
/*.tablenzs-h .td:nth-child(7){*/
/*    width: 10%;*/
/*}*/

.content-son-t-r,.content-son-b-r{
    width: 55vw;
    height: 100%;
    border: 1px solid #0056bf;
    box-shadow:0px 0px 10px 5px #072a7a inset;
}
.content-son-b-r .title{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.62vh;
    font-size: 1.3vw;
    color: #bfecff;
    background: -webkit-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, rgba(19, 129, 208, 0.8) 10%, rgba(10,41,111,0.8) 60%,rgba(19, 129, 208, 0.8));
}
.content-son-b{
    width: 100%;
    height: 43.05vh;
    display: flex;
    justify-content: space-between;
    margin-top: 0.9vh;
}
.chartProduction{
    width: 100%;
    height: 38.43vh;

}
#chartProduction{
    width: 100%;
    height: 100%;

}

.tablenzs-b .warp {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.complateKey,.passKey{
   width: 100%;
   height: 20%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #99abc0;
   font-size: 0.9vw;
   font-weight: 600;
}
.chartBox p{
   width: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.chartBox .chart-r{
    border-left: 3px dotted #302692;
}