.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 .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 .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{ margin-bottom:20px}
.msec4 .h2_group h2:before{background:#00c2ff}
.msec4 ul{ margin:10px auto; display:inline-block;width:100%;}
.msec4 li{float:left;width:32.3%;overflow:hidden;margin-left:3px; padding-bottom:10px}
/*#ms3 li:first-child{margin-left:0}*/
.msec4 li img{moz-border-radius:100% !important;-webkit-border-radius:100% !important;border-radius:100% !important;/*border:3px #333 solid;*/ border:1px solid #fff;width:100%;}
.msec4 li .info{color:#000000;font-size:12px; text-align:center; padding-top:1px; line-height:140%; letter-spacing: -1.1px;}
.msec4 .list .name {font-size:14px; line-height:28px}


.msec5{background:#f1f1f1; 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)}