//预警布局
.map-big-box{
  width:1410px;
  height:545px;
  margin:0 auto;
  border:1px solid #E0E0E0;
  margin-bottom:20px;
  //一层
  .map-min-box-1{
    height:506px;
    width:1109px;
    margin:20px auto;
    background :url("../ZDimages/kuangdaMap/map1.png");
    background-size: 100%;
    position: relative;
    overflow: hidden;
    .map-min-for-box{
      overflow: hidden;
      display: inline-block;
      line-height:177px;
      text-align: center;
    }
    .map-min-for-box:nth-child(1){
      margin:4px 0 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(2){
      margin:4px 90px 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(3){
      margin:4px 90px 0 0;
      width:172px;
      height:177px;
    }
    .map-min-for-box:nth-child(4){
      margin:4px 0 0 0;
      width:232px;
      height:177px;
    }
    .map-min-for-box:nth-child(5){
      margin:4px 0 0 0;
      width:162px;
      height:177px;
    }
    .map-min-for-box:nth-child(6){
      margin:4px 0 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(7){
      margin:140px 0 0 0;
      width:222px;
      height:177px;
    }
    .map-min-for-box:nth-child(8){
      margin:140px 0 0 0;
      width:257px;
      height:177px;
    }
    .map-min-for-box:nth-child(9){
      margin:140px 0 0 0;
      width:288px;
      height:177px;
    }
    .map-min-for-box:nth-child(10){
      margin:140px 0 0 0;
      width:161px;
      height:177px;
    }
    .map-min-for-box:nth-child(11){
      margin:140px 0 0 0;
      width:70px;
      height:177px;
    }
    .map-min-for-box:nth-child(12){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-img{
      position: absolute;
      width:40px;
      height:28px;
    }
    .map-min-img:nth-child(13){
      top:240px;
      left:126px;
    }
    .map-min-img:nth-child(14){
      top:240px;
      left:190px;
    }
    .map-min-img:nth-child(15){
      top:240px;
      left:474px;
    }
    .map-min-img:nth-child(16){
      top:240px;
      left:540px;
    }
    .map-min-img:nth-child(17){
      top:240px;
      left:848px;
    }
    .map-min-img:nth-child(18){
      top:240px;
      left:916px;
    }
  }
  //二层
  .map-min-box-2{
    height:506px;
    width:1109px;
    margin:20px auto;
    background :url("../ZDimages/kuangdaMap/map2.png");
    background-size: 100%;
    position: relative;
    overflow: hidden;
    .map-min-for-box{
      overflow: hidden;
      display: inline-block;
      line-height:177px;
      text-align: center;
    }
    .map-min-for-box:nth-child(1){
      margin:4px 0 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(2){
      margin:4px 90px 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(3){
      margin:4px 90px 0 0;
      width:172px;
      height:177px;
    }
    .map-min-for-box:nth-child(4){
      margin:4px 0 0 0;
      width:232px;
      height:177px;
    }
    .map-min-for-box:nth-child(5){
      margin:4px 0 0 0;
      width:253px;
      height:177px;
    }
    .map-min-for-box:nth-child(6){
      margin:140px 0 0 0;
      width:183px;
      height:177px;
    }
    .map-min-for-box:nth-child(7){
      margin:140px 0 0 0;
      width:181px;
      height:177px;
    }
    .map-min-for-box:nth-child(8){
      margin:140px 0 0 0;
      width:172px;
      height:177px;
    }
    .map-min-for-box:nth-child(9){
      margin:140px 0 0 0;
      width:171px;
      height:177px;
    }
    .map-min-for-box:nth-child(10){
      margin:140px 0 0 0;
      width:156px;
      height:177px;
    }
    .map-min-for-box:nth-child(11){
      margin:140px 0 0 0;
      width:156px;
      height:177px;
    }
    .map-min-for-box:nth-child(12){
      margin:140px 0 0 0;
      width:89px;
      height:177px;
    }
    .map-min-img{
      position: absolute;
      width:40px;
      height:28px;
    }
    .map-min-img:nth-child(13){
      top:240px;
      left:126px;
    }
    .map-min-img:nth-child(14){
      top:240px;
      left:190px;
    }
    .map-min-img:nth-child(15){
      top:240px;
      left:474px;
    }
    .map-min-img:nth-child(16){
      top:240px;
      left:540px;
    }
    .map-min-img:nth-child(17){
      top:240px;
      left:848px;
    }
    .map-min-img:nth-child(18){
      top:240px;
      left:916px;
    }
  }
  //三层
  .map-min-box-3{
    height:506px;
    width:1109px;
    margin:20px auto;
    background :url("../ZDimages/kuangdaMap/map3.png");
    background-size: 100%;
    position: relative;
    overflow: hidden;
    .map-min-for-box{
      overflow: hidden;
      display: inline-block;
      line-height:177px;
      text-align: center;
    }
    .map-min-for-box:nth-child(1){
      margin:4px 0 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(2){
      margin:4px 90px 0 0;
      width:91px;
      height:177px;
    }
    .map-min-for-box:nth-child(3){
      margin:4px 90px 0 0;
      width:172px;
      height:177px;
    }
    .map-min-for-box:nth-child(4){
      margin:4px 0 0 0;
      width:232px;
      height:177px;
    }
    .map-min-for-box:nth-child(5){
      margin:4px 0 0 0;
      width:253px;
      height:177px;
    }
    .map-min-for-box:nth-child(6){
      margin:140px 0 0 0;
      width:111px;
      height:177px;
    }
    .map-min-for-box:nth-child(7){
      margin:140px 0 0 0;
      width:112px;
      height:177px;
    }
    .map-min-for-box:nth-child(8){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(9){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(10){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(11){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(12){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(13){
      margin:140px 0 0 0;
      width:110px;
      height:177px;
    }
    .map-min-for-box:nth-child(14){
      margin:140px 0 0 0;
      width:135px;
      height:177px;
    }
    .map-min-for-box:nth-child(15){
      margin:140px 0 0 0;
      width:90px;
      height:177px;
    }
    .map-min-img{
      position: absolute;
      width:40px;
      height:28px;
    }
    .map-min-img:nth-child(14){
      top:240px;
      left:126px;
    }
    .map-min-img:nth-child(15){
      top:240px;
      left:190px;
    }
    .map-min-img:nth-child(16){
      top:240px;
      left:474px;
    }
    .map-min-img:nth-child(17){
      top:240px;
      left:540px;
    }
    .map-min-img:nth-child(18){
      top:240px;
      left:848px;
    }
    .map-min-img:nth-child(19){
      top:240px;
      left:916px;
    }
  }
}
//实验室布局
.map-img-box{
  .map-max-box-1{
    background :url("../ZDimages/kuangdaMap/map1.png");
    background-size:100%;
    overflow :hidden;
    position:relative;
    p{
      margin:0;
    }
    .map-min-box{
      overflow:hidden;
      cursor:pointer;
      display :inline-block;
      position :relative;
      p:nth-child(1){
        margin-top:40px;
        padding:0 4px;
        color:#333;
        font-size:13px;
        text-align :center;
      }
      p:nth-child(2){
        opacity: 0;
        background: rgba(0,0,0,0.7);
        color:#fff;
        position: absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        line-height:123px;
        font-size:12px;
        text-align:center;
      }
      p:nth-child(2):hover{
        opacity: 1;
      }
    }
    .map-min-box:nth-child(1){
      margin:4px 0 0 0;
      height:125px;
      width:65px;
    }
    .map-min-box:nth-child(2){
      margin: 4px 66px 0 0;
      height:125px;
      width:64px;
    }
    .map-min-box:nth-child(3){
      margin: 4px 66px 0 0;
      height:125px;
      width:120px;
    }
    .map-min-box:nth-child(4){
      margin: 4px 0 0 0;
      height:125px;
      width:164px;
    }
    .map-min-box:nth-child(5){
      margin: 4px 0 0 0;
      height:125px;
      width:116px;
    }
    .map-min-box:nth-child(6){
      margin: 4px 0 0 0;
      height:125px;
      width:64px;
    }
    .map-min-box:nth-child(7){
      margin: 99px 0 0 0;
      height:125px;
      width:158px;
    }
    .map-min-box:nth-child(8){
      margin: 99px 0 0 0;
      height:125px;
      width:183px;
    }
    .map-min-box:nth-child(9){
      margin: 99px 0 0 0;
      height:125px;
      width:205px;
    }
    .map-min-box:nth-child(10){
      margin: 99px 0 0 0;
      height:125px;
      width:115px;
    }
    .map-min-box:nth-child(11){
      margin: 99px 0 0 0;
      height:125px;
      width:50px;
    }
    .map-min-box:nth-child(12){
      margin: 99px 0 0 0;
      height:125px;
      width:78px;
    }
  }
  .map-max-box-2{
    background :url("../ZDimages/kuangdaMap/map2.png");
    background-size:100%;
    overflow :hidden;
    position:relative;
    p{
      margin:0;
    }
    .map-min-box{
      overflow:hidden;
      cursor:pointer;
      display :inline-block;
      position :relative;
      p:nth-child(1){
        margin-top:40px;
        padding:0 4px;
        color:#333;
        font-size:13px;
        text-align :center;
      }
      p:nth-child(2){
        opacity: 0;
        background: rgba(0,0,0,0.7);
        color:#fff;
        position: absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        line-height:123px;
        font-size:12px;
        text-align:center;
      }
      p:nth-child(2):hover{
        opacity: 1;
      }
    }
    .map-min-box:nth-child(1){
      margin:4px 0 0 0;
      height:125px;
      width:65px;
    }
    .map-min-box:nth-child(2){
      margin: 4px 66px 0 0;
      height:125px;
      width:64px;
    }
    .map-min-box:nth-child(3){
      margin: 4px 66px 0 0;
      height:125px;
      width:120px;
    }
    .map-min-box:nth-child(4){
      margin: 4px 0 0 0;
      height:125px;
      width:164px;
    }
    .map-min-box:nth-child(5){
      margin: 4px 0 0 0;
      height:125px;
      width:180px;
    }
    .map-min-box:nth-child(6){
      margin: 4px 0 0 0;
      height:125px;
      width:130px;
    }
    .map-min-box:nth-child(7){
      margin: 99px 0 0 0;
      height:125px;
      width:128px;
    }
    .map-min-box:nth-child(8){
      margin: 99px 0 0 0;
      height:125px;
      width:123px;
    }
    .map-min-box:nth-child(9){
      margin: 99px 0 0 0;
      height:125px;
      width:123px;
    }
    .map-min-box:nth-child(10){
      margin: 99px 0 0 0;
      height:125px;
      width:110px;
    }
    .map-min-box:nth-child(11){
      margin: 99px 0 0 0;
      height:125px;
      width:111px;
    }
    .map-min-box:nth-child(12){
      margin: 99px 0 0 0;
      height:125px;
      width:64px;
    }
  }
  .map-max-box-3{
    background :url("../ZDimages/kuangdaMap/map3.png");
    background-size:100%;
    overflow :hidden;
    position:relative;
    p{
      margin:0;
    }
    .map-min-box{
      overflow:hidden;
      cursor:pointer;
      display :inline-block;
      position :relative;
      p:nth-child(1){
        margin-top:40px;
        padding:0 4px;
        color:#333;
        font-size:13px;
        text-align :center;
      }
      p:nth-child(2){
        opacity: 0;
        background: rgba(0,0,0,0.7);
        color:#fff;
        position: absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        line-height:123px;
        font-size:12px;
        text-align:center;
      }
      p:nth-child(2):hover{
        opacity: 1;
      }
    }
    .map-min-box:nth-child(1){
      margin:4px 0 0 0;
      height:125px;
      width:65px;
    }
    .map-min-box:nth-child(2){
      margin: 4px 66px 0 0;
      height:125px;
      width:64px;
    }
    .map-min-box:nth-child(3){
      margin: 4px 66px 0 0;
      height:125px;
      width:120px;
    }
    .map-min-box:nth-child(4){
      margin: 4px 0 0 0;
      height:125px;
      width:164px;
    }
    .map-min-box:nth-child(5){
      margin: 4px 0 0 0;
      height:125px;
      width:180px;
    }
    .map-min-box:nth-child(6){
      margin: 4px 0 0 0;
      height:125px;
      width:79px;
    }
    .map-min-box:nth-child(7){
      margin: 99px 0 0 0;
      height:125px;
      width:80px;
    }
    .map-min-box:nth-child(8){
      margin: 99px 0 0 0;
      height:125px;
      width:78px;
    }
    .map-min-box:nth-child(9){
      margin: 99px 0 0 0;
      height:125px;
      width:79px;
    }
    .map-min-box:nth-child(10){
      margin: 99px 0 0 0;
      height:125px;
      width:78px;
    }
    .map-min-box:nth-child(11){
      margin: 99px 0 0 0;
      height:125px;
      width:79px;
    }
    .map-min-box:nth-child(12){
      margin: 99px 0 0 0;
      height:125px;
      width:78px;
    }
    .map-min-box:nth-child(13){
      margin: 99px 0 0 0;
      height:125px;
      width:79px;
    }
    .map-min-box:nth-child(14){
      margin: 99px 0 0 0;
      height:125px;
      width:95px;
    }
    .map-min-box:nth-child(15){
      margin: 99px 0 0 0;
      height:125px;
      width:64px;
    }
  }
}
