.navi_btn {
  background: transparent url(../img/btn.png) no-repeat 0 0;
  display: block;
  width: 35px;
  height: 35px;
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 200;
}
.peke {
  background-position: -35px 0;
}
.drawr {
  display: none;
  background-color: rgb(229, 239, 245);
  position: fixed;
  top: 0px;
  right: 0;
  padding: 60px 10px 20px 20px;
  z-index: 100;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #cebfdf;
}

.drawr .detail-btn {
  /* margin: 48px 8% 12px; */
}

.drawr .banner img {
  width: 100%;
  margin: 0;
}

@media screen and (max-width: 1025px) {
.navi_btn{
  display: none;
}
}

@media screen and (max-width: 767px) {
  .drawr {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .drawr {
    width: 300px;
  }
}

#menu li {
  width: 260px;
}
#menu li a {
  color: #496f86;
  font-size: 14px;
  display: block;
  padding: 45px 20px 45px 10px;
  font-weight: 500;
}