.serverBox{
    width:100%;
    height: 6.7rem;
    padding:.7rem 0;
    box-sizing: border-box;
    font-size: 0;
}
.serverLeft{
    width:7.2rem;
}
.serverLeft>.title{
    font-size: .36rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: .36rem;
    color: #262626;

}
.serverLeft>.title:first-child{
    border-left: .06rem solid #262626;
    padding-left:.1rem;
    height: .36rem;
    margin-bottom:.15rem;
}
.serverLeft>.info{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .36rem;
    margin-top: .3rem;
    color: #262626;
}
.serverBox .serverImg{
  width:7.2rem;
    height: 5.3rem;
}
.serverBox .serverImg img{
    width:100%;
    height: 5.3rem;
    object-fit: cover;
}
.serverLeft>.infoe{
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .23rem;
    margin-top:.25rem;
    color: #CCCCCC;
}
.desiSystemBox{
    width:100%;
    height: 11.35rem;
    position: relative;
}
.desiSystemBoxTop{
    width:100%;
    color:#fff;
    height:4.5rem ;
    background:url("../img/common/desiSystemBoxbg.png") no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    padding-top: .7rem;
}
.desiSystemBoxContent{
    position: absolute;
    top:3.3rem;
    left:2rem;
    background:#fff;
    padding-top:.7rem;
}
.desiSystemBoxContent .title,.desiSystemBoxContent .info{
    color: #262626;
}
.desiSystemBoxContent .serverImg{
    width:12rem;
    height: 5.05rem;
    margin:.5rem auto 0;
    position: relative;
    background:url("../img/common/desi_system_img.png") no-repeat;
    background-size:100% 100%;
    background-position: center center;
}

.serverItem{
    width:.8rem;
    position: absolute;
    text-align: center;
}
.serverItem img{
    width:.6rem;
    height: .6rem;
    object-fit: cover;
    margin-bottom:.2rem;
}
.serverItem .title{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: .16rem;
    color: #404040;
    opacity: 1;
}
.serverItem1{
    top:-.3rem;
    left:5.7rem;

}
.serverItem2{
    top:.54rem;
    left:3.15rem;
}
.serverItem3{
    top:.54rem;
   left: 8.25rem;
}
.serverItem4{
    top:.96rem;
    left:5.7rem;
}
.serverItem5{
    left:1.37rem;
    top:1.44rem;
}
.serverItem6{
    right:1.37rem;
    top:1.44rem;
}
.serverItem7{
    left:3.66rem;
    top:1.55rem;
}
.serverItem8{
    right:3.66rem;
    top:1.55rem;
}
.serverItem9{
    left:2.16rem;
    top:2.9rem;
}
.serverItem10{
    right:2.16rem;
    top:2.9rem;
}
.serverItem11{
    left:.15rem;
    top:3.13rem;
}
.serverItem12{
    right:.15rem;
    top:3.13rem;
}
.materialBox{
    width:100%;
    font-size: 0;
    height: 7.8rem;
    background: url("../img/common/materialBoxBg.png") no-repeat;
    box-sizing: border-box;
    padding:.7rem 0;
    background-size:100% 100%;
    background-position: center center;
}
.materialBox .title{
    color:#fff;
}
.materialLeft{
    width:10.8rem;
    height: 5.4rem;
    background:url("../img/common/materialLeft.png") no-repeat ;
    background-size:100% 100%;
    background-position: center center;
    padding:.45rem .7rem;
    box-sizing: border-box;
    position: relative;
}

.materialLeftBox{
    width:100%;
    border:.1rem solid #fff;
    height: 4.5rem;
   /* background: url("../img/common/materialLeftBox.png")no-repeat 100% center;*/
    box-sizing: border-box;

    font-size:0;
}
.materialLeftBox .materialRightBoxContent{
    overflow: hidden;
    width:100%;
}
.materialLeftBox img{
    width:100%;
    height: 4.3rem;
    object-fit: cover;
}
.materialLeftBox .textTitle{
    font-size: .36rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: .36rem;
    color: #FFFFFF;
}
.materialLeftBox .textInfo{
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .28rem;
    color: #FFFFFF;
}
.materialRight{
    width:4.4rem;
    height: 5.4rem;
    background: url("../img/common/materialRight.png")no-repeat 100% center;
    box-sizing: border-box;
    padding:.35rem .85rem 0;
}
.materialRightBox{
    width:100%;
    overflow: hidden;
}
.materialRightItem{
    width:1.3rem;
    margin-bottom:.28rem;
    text-align: center;
    position: relative;
}
.materialRightItem img{
    width:1rem;
    height: 1rem;
    margin-bottom: .2rem;

}
.materialRightItem .textTitle{
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .18rem;
    color: #999999;
}
.materialRightItem:hover:after{
 background:rgba(0,0,0,0.7);
    width:.96rem;
    height: .96rem;
    border-radius: 50%;
    position: absolute;
    top:.02rem;
    left: .17rem;
    z-index: 22;
    content: '';

}
.materialRightItem:hover .textTitle{
    font-weight: bold;
    color: #FFFFFF;
}
.adminServerBox{
    width:100%;
    background: #F2F4F7;
    height: 7.35rem;
    box-sizing: border-box;
    font-size: 0;
    padding:.7rem 0;
}
.adminServerContent{
    width:100%;
}
.adminServerLeft{
    width:6.2rem;
    height: 5rem;
    background:url("../img/common/adminServerLeftContentBG.png")no-repeat ;
    background-size: 100% 100%;
    background-position: center center;
    box-sizing: border-box;
    padding:.65rem .6rem;
}
.adminServerLeftContent{
    width: 100%;
    height: 3.7rem;
}
.adminServerLeftContent img{
    width: 100%;
    height: 3.7rem;
    object-fit: cover;
}


.adminServerRight{
    width:8.8rem;
    height: 5rem;
}
.adminServerRight .adminServerRightItem{
    width:2.8rem;
    height: 2.4rem;
}
.adminServerRight .adminServerRightItem img{
    width:100%;
    height: 1.8rem;
    object-fit: cover;
}
.adminServerRight .adminServerRightItem .textTitle{
    width:100%;
    background: #fff;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #262626;
}
.workBox{
    width:100%;
    height: 8.16rem;
    padding:.7rem 0 1rem;
    box-sizing: border-box;
}
.workContent{
    width:100%;
    margin-top:.35rem;
}
.workContent .workContentItemImg{
    margin-top:.15rem;
    height: .34rem;
    text-align: right;
    padding:0 .86rem;
    box-sizing: border-box;
}
.workContent .workContentItemImg:nth-child(3){
    text-align: left;
}

.workContent .workContentItemImg img{
    width:.28rem;
    height: .34rem;
    object-fit: cover;
}
.workContent .workContentItem{
    width:100%;
    height: .9rem;
    margin-top:.35rem;
}
.workContent .workContentItem .w-c-i-t{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column ;
    width:2rem;
    height: .9rem;
    text-align: center;
    font-size: .2rem;
    padding:.2rem;
    box-sizing: border-box;
    font-family: Source Han Sans CN;
    font-weight: bold;
    background: #F2F4F7;
    border:0.02rem solid #404040;
    border-radius: .1rem;
    color: #262626;
    opacity: 1;
}
.workContent .workContentItem .w-c-i-t-15{
    font-size: .16rem;
}
.workContent .workContentItem .w-c-i-img{
    padding-top:.31rem;
    box-sizing: border-box;
    width:.64rem;
    height: .9rem;
text-align: center;
}
.workContent .workContentItem .w-c-i-img img{
    width:.34rem;
    height: .28rem;
}
.constructionBox{
    width:100%;
    height: 8.16rem;
    padding:.7rem 0 1rem;
    box-sizing: border-box;
    background:#F2F4F7;
}
.constructionContent{
    width:100%;
    margin-top:.5rem;
}
.constructionContent .constructionItem{
    width:100%;
    height: .7rem;
    text-align: center;
}
.constructionContent  .constructionItemTitle{
    background:#fff;
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #262626;
   width:1.68rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border:0.02rem solid #404040;
    border-radius: .1rem;
}
.constructionContent .constructionItemImg{
width:100%;
    text-align: center;
    margin-top:.1rem;
}

.constructionItemImgImg{
   width:7.8rem;
    height: .4rem;
    object-fit: cover;
}
.constructionItemTwo{
    height: .6rem;
    width:100%;
    padding: 0 2.9rem;
    margin-top:.1rem;
}
.constructionItem .constructionItemTitle{
    width:2.4rem;
    height: .7rem;
    line-height: .7rem;
}
.constructionItemTwoImg{
    height: .4rem;
    width:100%;
    padding: 0 3.66rem;
    margin-top:.1rem;
}
.constructionItemTwoImg img{
    width:.1rem;
    height: .4rem;
}
.constructionItemThreeImg{
    height: .4rem;
    width:100%;
    padding: 0 .79rem;
    margin-top:.1rem;
}
.constructionItemThreeImg img{
    width:5.89rem;
    height: .4rem;
}
.constructionItemThree{
    height: .6rem;
    width:100%;
    margin-top:.1rem;
}
.constructionItemForuImg{
    height: .4rem;
    width:100%;
    padding: 0 .79rem;
    margin-top:.1rem;
}
.constructionItemThreeImg img{
    width:.1rem;
    height: .4rem;
}