




.h2_group{padding:0px 0 20px;text-align:center;}
.h2_group h2{font-size:22px;font-weight:400}
.h2_group h2:before{display:block;content:'';width:30px;height:2px;background:#ff9900;margin:20px auto 5px}
.h2_group .add{margin:1px 0;font-size:14px;color:#999}


.msec1 .slogan{position:absolute;z-index:10;left:0;width:100%;top:50%;transform:translateY(-50%)}
.msec1 .swiper-button-next{width:36px;height:36px;background:url('../images/swiper_next.png') no-repeat center /100%;right:10px}
.msec1 .swiper-button-prev{width:36px;height:36px;background:url('../images/swiper_prev.png') no-repeat center /100%;left:10px}

.msec2{padding:30px 0 0}
.msec2 .swiper-slide .info{text-align:center;padding:10px 0}
.msec2 .swiper-slide .info span{display:block}
.msec2 .swiper-slide .info .room{font-size:22px}
.msec2 .swiper-slide .info .num{font-size:14px}
.msec2 .swiper-slide .info .desc{font-size:14px;color:#777;margin:10px 0}
.msec2 .swiper-slide .info .more{display:block;width:130px;margin:10px auto;line-height:28px;background:#333;font-size:14px;
color:#fff;font-weight:100}
.msec2 .swiper-button-next, 
.msec2 .swiper-button-prev{top:calc(50% - 170px/2)}
.msec2 .swiper-slide{margin:0 auto; text-align:center}
.msec2 .thumb img{border-radius: 3%; width:94%}

.msec2 .list{margin:1px 0;margin-left:-1%}
.msec2 .list li{float:left;width:49%;margin:10px 0;margin-left:1%;text-align:center}
.msec2 .list li .thumb img{border-radius: 3%;}
.msec2 .list li .info{padding:5px 0 0px}
.msec2 .list li .info span{display:block}
.msec2 .list li .info .room{font-size:16px}
.msec2 .list li .info .num{font-size:14px;color:#777}


.msec3{ margin-top:20px; border:#dcdcdc solid 1px}
.msec3 .h2_group{background:#f1f1f1}
.msec3 .h2_group h2:before{background:#00c2ff}

.msec3 .list li{position:relative;}
.msec3 .list li:after{display:block;content:'';clear:both}        
.msec3 .list li:nth-child(2n+2) .thumb{float:right}
.msec3 .list li:nth-child(2n+2) .info{left:0}
.msec3 .list li .thumb{float:left;width:50%}
.msec3 .list li .info{position:absolute;right:0;width:50%;top:45%;transform:translateY(-50%);text-align:center}
.msec3 .list li .info span{display:block}
.msec3 .list li .info .name{font-size:16px;margin:1px 0}
.msec3 .list li .info .desc{font-size:14px;color:#666}
.msec3 .list li .info .more{display:inline-block;border:1px solid #b49e69;line-height:18px;
font-size:12px;color:#b49e69;padding:0 10px;margin-top:10px}


.msec4{background:#f1f1f1;padding:30px 0}
.msec4 .h2_group h2:before{background:#00c2ff}
.msec4 .list li{float:left;position:relative;width:50%;}
.msec4 .list li .thumb {border:#f1f1f1 solid 2px;/*background:#000;opacity:0.5*/}
.msec4 .list li .thumb img{border-radius: 5%;}
.msec4 .list li:nth-child(2n+1){clear:both}
.msec4 .list li .info{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center;}
.msec4 .list li .info a{display:block}
.msec4 .list li .info span{display:block}
.msec4 .list li .info .name{font-size:14px;color:#fff}
.msec4 .list li .info .name:after{display:block;content:'';width:20px;height:1px;background:#e72929;margin:5px auto}
.msec4 .list li .info .desc{font-size:16px;color:#fff}


.msec5{ padding:30px 0}
.msec5 .h2_group h2:before{background:#000fff}
.msec5 .swiper-slide{/*border:1px solid #ccc;border-radius: 100%;*/ text-align:center}
.msec5 .swiper-slide .thumb img {border-radius: 3%; width:70%}
.msec5 .swiper-slide .info{text-align:center;padding:16px 0}
.msec5 .swiper-slide .info span{display:block}
.msec5 .swiper-slide .info .name{font-size:16px}
.msec5 .swiper-slide .info .desc{font-size:14px;color:#777;margin:5px 0}
.msec5 .swiper-button-next, 
.msec5 .swiper-button-prev{top:calc(50% - 90px/2)}