#mb{
  background:#4f3722 url(../imggg/darkcurtain.jpg)  repeat-x  top center;
  width: 100%;
  height: 400px;
  padding-top: 50px;
  text-align: center;
  position: relative;
  }
#mbtop{position: absolute;
    top: 0;left: 0;height: 38px;width: 100%;
    background: url(../imggg/mbtop.jpg) repeat-x;
    z-index:6;
}
.wz{
  color:#FFF;
  font-size:40px;
  font-weight:400;
}

.leftcurtain{
  width:50%;
  height:399px;
  position:absolute;
  top:0;
  left:0; 
  z-index:3;
  }
.rightcurtain{
  width:51%;
  height:399px;
  position:absolute;
  right:0;
  top:0;  
  z-index:3;
  }
#mb .leftcurtain img,#mb .rightcurtain img{
  width:100%;
  height:100%;
  border:none;
  }
.mb1{
  width: 100%;
  margin: 20px auto;
}
 #hd_menu{
    display:none;
   }
.mb_colse{
  position: absolute;
  right: 6px;
  bottom: 8px;
  z-index: 99;
  cursor: pointer;
}

@media (min-width:520px) and (max-width: 799px) {
    .wz{
        color:#FFF;
        font-size:30px;
        font-weight:400;
      }
    .mb{
       height: 300px;
    }
}
@media (max-width: 519px) {
  #mb {
      display: none;
    }
}