.body_home {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  .body_b {
    position: fixed;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top .7s cubic-bezier(.5, 0, .2, 1) 0s;
    z-index: 1;
    overflow: auto;
    outline: 0
  }

  .body_b * {
    outline: 0
  }

  .body_b.showdiv {
    top: 0
  }

  .header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 994;
    transition: all .7s ease-out 0s;
  }

  .header.showdiv,
  .body_home.showdiv .header {
    opacity: 1;
    transform: none
  }

  .body_b .header2 {
    opacity: 0;
    transform: translateY(-100%)
  }

  .body_b.showdiv .header2 {
    transition: all .7s ease-in-out .5s;
    transform: none;
    opacity: 1
  }

  @media screen and (max-width: 996px) {

    .bb {
      display: none;
    }

    .body_b {
      position: static !important;
    }

    .body_b.showdiv .header2 {
      display: none;
    }
    .sidebar1{display: none;}
  }

  .bb {
    position: absolute;
    bottom: 20px;
    width: 50px;
    height: 80px;
    /* background: url(../images/banner_bottom.png) center no-repeat; */
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    -webkit-animation: bb 2s linear 0s infinite;
    animation: bb 2s linear 0s infinite;
    cursor: pointer;
  }

  @keyframes bb {
    0% {
      transform: translate(-50%, 0);
      opacity: 0;
    }

    20% {
      transform: translate(-50%, 3px);
      opacity: 1;
    }

    80% {
      transform: translate(-50%, 10px);
      opacity: 1;
    }

    90% {
      transform: translate(-50%, 10px);
      opacity: 0;
    }

    100% {
      transform: translate(-50%, 10px);
      opacity: 0;
    }
  }


  .header { 
    z-index: 94 !important; 
}