* {
    padding: 0;
    margin: 0;
    font-size: 0;
}

.clear {
    clear: both;
}

.box {
    width: 100%;
}
.header{
    background-color: #96ddd3;
}
.nav li a {
    color: white;
    border-bottom:2px solid #96ddd3;
}
.nav li:nth-child(1) a:hover,  
.nav li:nth-child(2) a:hover,  
.nav li:nth-child(3) a:hover,
.nav li:nth-child(4) a:hover  {
    color: white;
    border-bottom:2px solid white ;
}

.monitor { 
    background-color: #f5efef;
}
.center_box {
    width: 58vw;
    margin: 0 auto;
    padding-top: 3vw;
    text-align: center;
}
.nav_box {
    height: 4vw;
    width: 100%;
    border-top: 2px solid #999999;
    line-height: 4vw;
    
}
.nav_box li:first-child{
    width: 8vw;
    height: 3vw;
    float: left;
    font-size: 2vw;
    color: #6cc2db;
    margin:0.2vw 0 0px 0.2vw;
    border-right: 2px solid #999999;
    text-align: center;
    line-height: 3vw;
    font-weight: bold;
}
.nav_box li a{
    float: left;
    font-size: 1vw;
    color: #9f9d9d;
    margin-left: 7.8vw;
   
}
.nav_box li a:hover{
    color: #6cc2db;
    border-bottom: 2px solid #6cc2db;
}
.monitor_pic{
    position: relative;
    height: 39vw;
    text-align: center;
}
.monitor_pic img{
    position: absolute;
    width: 80%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.monitor_info .center_box {
    position:relative;
    width: 75vw;
    height: 41vw;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    overflow: hidden;
}
.monitor_info_pic {
    width: 100%; /* 照片的宽度占满盒子 */  
    height: 100%; /* 照片的高度占满盒子 */  
    object-fit: cover; /* 照片以中心摆放，等比缩放以填充盒子，超出的部分会被裁剪掉 */  
    position: absolute; /* 设置定位，使照片相对于盒子定位 */  
    top: 50%; /* 从盒子的中心开始定位 */  
    left: 50%; /* 从盒子的中心开始定位 */  
    transform: translate(-50%, -50%); /* 将照片相对于盒子居中 */ 
}

.mobile_contain_box{
    display: none;
   
}

@media (max-width: 830px) {  
    .mobile_contain_box {  
        display: block;
    } 
    .box{
        display: none;
    }
    .mobile_contain_box{
        position: relative;
        top: 13vw;
    }
}