/* 外层盒子布局 */
.mi_slideshow_Tab {
  width: 1226px;
  height: 460px;
  margin: 50px auto;
  position: relative;
  background-color: antiquewhite;
}
.body_box .wrap{
  margin-bottom: 37%;
}
@media screen and (max-width:700px) {
  .body_box .wrap{
    margin-bottom: 37%;
  }
  .mi_slideshow_indicator {
    position: absolute;
    z-index: 2;
    margin-top: 35%;
    transform: rotate(180deg);
    text-align: center;
    width: 100%;
  }
}
.mi_img img {
  width: 100%;
  max-height:600px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  max-width: 100%;
}

/* 指示器布局 样式*/
.mi_slideshow_indicator {
  position: absolute;
  z-index: 2;
 /* bottom: -22%;*/
  transform: rotate(180deg);
  text-align: center;
  width: 100%;
  margin-top: 35%;
}

.mi_slideshow_indicator>ul>li {
  display: inline-block;
  z-index: 2;
  width: 40px;
  height: 5px;
  background-color: #fff;
  border-style: window-inset;
  border-radius: 45px;
  cursor: pointer;
  margin: 0 1px;
}

/* .mi_slideshow_indicator>ul>li:hover{
    background-color: #cecece;
} */
#pitch_on {
  background-color: #cecece;
}

/* 上一页按钮 下一页按钮 */
.top_page,
.next_page {
  width: 41px;
  height: 69px;
  z-index: 2;
   background-color: aqua;
  position: absolute;
  border: 1px dotted #393939;
  margin-top: 15%;
  cursor: pointer;
}

.top_page {
  left: 0px;
  background: url(/filedemo/image/icon-slides.png) no-repeat -84px 50%;
}

.top_page:hover {
  background-position: 0px 50%;
}

.next_page {
  right: 0;
  background: url(/filedemo/image/icon-slides.png) no-repeat -125px 50%;
}

.next_page:hover {
  background-position: -42px 50%;
}