@charset "utf-8";

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub2/202/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub2/202/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub2/202/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub2/202/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub2/202/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub2/202/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub2/202/image7.jpg) no-repeat; background-size: cover; background-position: center;}
 
#info .info-in > p { margin-top: 60px; margin-bottom: 0px; font-size: 14px; font-weight: 300; }

.week_date { height: 60px; margin-top: 40px; }

#info .info-in > .first { padding-top: 100px; overflow: hidden; }
.room_tit { font-size: 16px; font-weight: 600; }
#room_des { padding: 50px 7% 0px 0px; float: left; width: 35%; }
#info .info-in > .first > .image1 { float: right; width: 65%; height: 420px; background: url(../img/sub2/202/image2.jpg); background-position: 50% 100%; background-size: cover;  }

#info .info-in > .image2 { clear: both; margin-top: 40px; width: 100%; height: 420px; background: url(../img/sub2/202/image3.jpg); background-position: 50% 50%; background-size: cover;  }


@media (max-width: 1280px) {
    
    #room_des { padding: 30px 6% 0px 0px; }
    
}

@media (max-width: 1040px) {
    
    #info .info-in > .first { padding-top: 60px; }
    #room_des { padding: 0px 8% 0px; width: 100%; }
    .room_data li .data { width: 100%; }
    
    #info .info-in > .first > .image1 { width: 100%; margin-top: 60px; }
    #info .info-in > .image2 { margin-top: 20px; }
    
}


@media (max-width: 688px) {
    
    #info .info-in p { font-size: 13px; }
    #out { position: relative; width: 100%; padding: 80px 0px 60px; }
    #info .info-in > .first > .image1 { height: 320px; }
    #info .info-in > .image2  { height: 320px; }
    
}

@media (max-width: 380px) {  
    
    #info .info-in > .first > .image1 { height: 200px; }
    #info .info-in > .image2  { height: 200px; }
    
}