@media screen and (min-width: 1210px) {

.main_slide { margin-left: 200px; position:relative; z-index: -1; background: #000;  }
.ms_li { width: 100%; height: 100%;  overflow: hidden; display: none;   }
.ms_li > img { width: 100%;  height: 100%; }


.go_detail { width: 130px; height: 130px; display: block; 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;  position: absolute; top: 50px;  left: 300px;   }
.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%;  }
.sub_section { overflow: hidden; width: 100%; height: 100%; position: fixed; top: 100%; left: 300px; background: #fff; cursor:pointer;   }
.sub_section_img { width: 1200px;  margin: 0 auto;   display: block; position: relative; z-index: 100;   }




}