@media screen and (min-width: 701px) and ( max-width: 1209px) { 

body { overflow-y: scroll; }
.main_slide { background: #000;  width: 100%; height: 250px; }
.ms_li { width: 100%;   overflow: hidden; display: none;   }
.ms_li > img { width: 100%;  height: 100%; display: block;  }


.go_detail { width: 130px; height: 130px; display: none; font-size: 30px; color: #fff; text-align: center; line-height: 130px; cursor: pointer; border-radius: 100%; position: absolute; top: 50px; border: 3px solid #fff;  z-index: 99;  }
.room_info {  display: block; font-size: 30px; color: #fff; cursor: pointer;     }
.room_name {  position: absolute; font-size: 46px; width: 200px; height: 50px; }
.room_close {  position: absolute; width: 80px; height: 80px; border-radius: 100%; border: 3px solid #fff; text-align: center; line-height: 80px; font-size: 36px;  }
.room_close > a  { color: #fff; width: 100%; height: 100%; display: block;  }

#wrap_all { width: 100%; height: 100%; background: #000; display: block;   }

.sub_section {  display: block; background: #fff;  width: 100%; height: 100%; }
.sub_section_img {  width: 100%;  margin: 0 auto; margin-top: 50px;   display: block; position: absolute;  }



.slide_direction {  color: #fff;  }

.prev {position: absolute;  top: 20%; left: -3%; font-size: 36px;  color: #fff; float: left;  width: 50px; height: 50px; }
.next {position: absolute;  top: 20%; right: 1%; font-size: 36px;  color: #fff; float: left;   width: 50px; height: 50px; }






}