/* 轮播 start */

.swiper-container1 {
    width: 100%;
    color: #fff;
    padding-top: 43.98%;
    overflow: hidden;
}

.swiper-container1 .swiper-wrapper {
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-container1 .swiper-slide {
    width: 100%;
    height: 100% !important;
    position: relative;
    overflow: hidden;
}

.swiper-container1 .swiper-slide img:first-child {
    width: 100%;
    height: 100%;
}

.swiper-container1 .swiper-slide h3 {
    width: 50%;
    font-size: 40px;
    position: absolute;
    bottom: 25%;
    left: 7%;
    font-family: 'SourceHanSerifCN-Bold';
    transform: translateX(0);
    transition: all 1s;
}

.swiper-container1 .swiper-slide p {
    width: 50%;
    font-size: 16px;
    position: absolute;
    bottom: 15%;
    left: 7%;
    line-height: 25px;
    font-family: '微软雅黑';
}

.swiper-container1 .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
}

.swiper-container1 .swiper-pagination-switch {
    display: inline-block;
    width: 25px;
    height: 5px;
    border-radius: 1px;
    background: #9c9b9b;
    margin-right: 5px;
    opacity: 1;
    cursor: pointer;
    margin: 0 5px;
}

.swiper-container1 .swiper-active-switch {
    background: #fff;
    width: 30px;
}

.swiper-container1 .banner_bottom {
    width: 100%;
    position: absolute;
    bottom: -1%;
    left: 0;
    pointer-events: none;
}

.alert_left,
.alert_right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 2.91%;
    cursor: pointer;
    z-index: 10;
}

.alert_left {
    left: 0%;
}

.alert_right {
    right: 0%;
    ;
}

.href_more {
    width: 40%;
}


/* 轮播 end */


/* .content{
	background: url(../images/bg.jpg) no-repeat;
	background-size: cover;
} */


/* 酒店介绍 start */

.introduce {
    margin: 2% 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.intro_pic {
    width: 29.68%;
    margin-right: 2%;
}

.intro-right {
    width: 31.09%;
    position: relative;
}

.intro_border {
    width: 100%;
}

.intro_title {
    width: 39.69%;
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
}

.intro_detail {
    width: 80%;
    position: absolute;
    top: 30%;
    left: 10%;
    text-indent: 2em;
    font-size: 16px;
    line-height: 27px;
    color: #382f2b;
    font-family:"Microsoft Yahei";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.intro_more {
    width: 31%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #cc8d1b;
    color: #cc8d1b;
    padding: 2.2% 0;
    text-align: center;
    font-size: 16px;
    /* font-weight: 700; */
}
.intro_more:hover{
    /* border: 1px solid red; */
    /* background: rgb(0, 0,0,0.5);
    color: #ffffff; */
}


/* 酒店介绍 end */


/* 酒店 start */

.hotel {
    width: 100%;
    /* height: 576px; */
    background: url(../images/index/jd_pic1.jpg) no-repeat;
    background-size: cover;
    margin: 5% 0;
    cursor: pointer;
}

.hotel_con {
    width: 63%;
    margin: 5% auto;
    padding-bottom: 5.3%;
}

.hotel_top>ul {
    padding: 8% 0;
}

.hotel_top>ul>li {
    width: 33.33%;
    border: 1px solid #382f2b;
    float: left;
    text-align: center;
    font-size: 16px;
    padding: 1.5% 0;
    letter-spacing: 1px;
    cursor: pointer;
    background: #382f2b;
    display: flex;
    justify-content: center;
}

.hy_hotel {
    width: 80%;
}

.gj_hotel {
    width: 78%;
}

.qs_hotel {
    width: 86%;
}

.hotel_top>ul>li:hover {
    background: #4a403b;
}

.active1 {
    background: #d8b47b !important;
}

.hotel_bottom {
    margin-top: 13%;
}

.hotel_box {
    width: 100%;
    /* height: 258px; */
    /* background: url(../images/index/jd_pic2.jpg) no-repeat;
	background-size: cover; */
    position: relative;
    /* display: flex; */
    display: none;
}

.block {
    display: block !important;
}

.jd_pic3 {
    width: 49.62%;
    position: absolute;
    top: -20%;
    left: 2%;
}

.totel_box_right {
    width: 45%;
    top: 10%;
    position: absolute;
    left: 52.5%;
    height: 80%;
}

.totel_box_right h2 {
    font-weight: 400;
    font-size: 30px;
    font-family:"Microsoft Yahei";
}

.totel_box_right p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 24px;
    margin: 0 0 10%;
    font-family:"Microsoft Yahei";
    max-height: 96px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
}

.jd_more {
    width: 12.25%;
    position: absolute;
    bottom: 10%;
    right: 4.2%;
}


/* 酒店 end */


/* 酒店房型 start */

.room {
    margin: 5% 0;
    cursor: pointer;
}

.room_title {
    width: 12.76%;
    margin: 0 auto;
}

.room_top {
    width: 63%;
    height: 43px;
    margin: 5% auto;
}

.room_top>ul>li {
    width: 33.33%;
    border: 1px solid #382f2b;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 1.5% 0;
    /* font-weight: bold; */

    letter-spacing: 1px;
    cursor: pointer;
    font-family:"Microsoft Yahei";
}

.room_top>ul>li:hover {
    background: #382f2b;
    color: #fff;
}

.active2 {
    background: #382f2b;
    color: #fff;
}


/* 轮播 starrt */

.swiper-container-room {
    width: 100%;
    padding-top: 25%;
    background-color: transparent;
    text-align: center;
}

.swiper-container-room .swiper-wrapper {
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-container-room .swiper-slide {
    width: 100%;
    height: 100%!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-container-room .swiper-slide .ban:nth-child(2) {
    margin: 0 2%;
}

.room_box {
    width: 100%;
    position: relative;
}

.room_pic {
    width: 100%;
}

.room_border {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.room_word {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 5%;
    font-size: 18px;
}

.swiper-container-room .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 2%;
    transform: translateX(-50%);
}

.swiper-container-room .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #9c9c9c;
    cursor: pointer;
    background: transparent;
}

.swiper-container-room .swiper-active-switch {
    background: #d1b78c;
    border: none;
}

.swiper-container-room .alert_left,
.swiper-container-room .alert_right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 1.97%;
    cursor: pointer;
    z-index: 10;
}

.swiper-container-room .alert_left {
    left: 1%;
}

.swiper-container-room .alert_right {
    right: 1%;
    ;
}

.ban {
    width: 32%;
}

.left_hide {
    position: absolute;
    left: -99999999px;
}


/* 轮播 end */


/* 酒店房型 end */


/* 欧乐堡亲子养生温泉 start */

.spa {
    display: flex;
    flex-direction: column;
    margin: 2% 0;
    cursor: pointer;
}

.spa_title {
    width: 23.59%;
    margin: 0 auto 5%;
}

.spa_top,
.spa_bottom {
    display: flex;
    justify-content: center;
}

.spa_left {
    width: 26.82%;
    position: relative;
}

.spa_left1 {
    margin-right: 3%;
}

.spa_left2 {
    margin: 3% 0 0 7%;
}

.spa_border {
    width: 100%;
    margin-top: 5%;
}

.spa_detail {
    width: 90%;
    position: absolute;
    left: 5%;
    font-size: 16px;
    color: #382f2b;
    line-height: 34px;
    text-align: center;
    font-family: '仿宋';
}

.spa_detail1 {
    top: 5.5%;
    height: 70%;
    display: flex;
    font-family:"Microsoft YaHei";
    justify-content: center;
    align-items: center;
}

.spa_detail2 {
    top: 25%;
    height: 80%;
    top: 6%;
    left: 5%;
    font-family:"Microsoft YaHei";
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.spa_pic {
    width: 31.25%;
    margin-left: 2%;
}

.spa_pic2 {
    margin: -2% -3% 0 0;
}

.spa_more {
    /* width: 100%; */
    margin: 5% auto;
    border: 1px solid #cc8d1b;
    color: #cc8d1b;
    text-align: center;
    font-size: 16px;
}


/* 欧乐堡亲子养生温泉 end */


/* 休闲娱乐 start */

.leisure {
    width: 100%;
    margin: 5% auto;
    cursor: pointer;
}

.leisure_title {
    width: 17.13%;
    margin: 3% auto 0;
}


/* 轮播 starrt */

.swiper-container_leisure {
    width: 60%;
    padding-top: 25%;
    background-color: transparent;
    text-align: center;
}

.swiper-container_leisure .swiper-wrapper {
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-container_leisure .swiper-slide {
    width: 100%;
    height: 100%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1% 0;
    box-sizing: border-box;
}

.swiper-container_leisure .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.swiper-container_leisure .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #9C9C9C;
    cursor: pointer;
    background: transparent;
}

.swiper-container_leisure .swiper-active-switch {
    background: #d1b78c;
    border: none;
}

.swiper-container_leisure .alert_left,
.swiper-container_leisure .alert_right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 2.5%;
    cursor: pointer;
    z-index: 10;
}

.swiper-container_leisure .alert_left {
    left: 0;
}

.swiper-container_leisure .alert_right {
    right: 0;
}

.leisure_pic {
    width: 90%;
}

.leisure_box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.leisure_border {
    position: absolute;
    width: 90%;
    top: 0;
    left: 5%;
}

.leisure_bottom {
    position: absolute;
    width: 90%;
    bottom: 0;
    left: 5%;
}

.leisure_detail {
    width: 90%;
    position: absolute;
    bottom: 12.5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #fff;
}


/* 轮播 end */


/* 休闲娱乐 end */


/* 餐饮美食 start */

.food {
    width: 100%;
    cursor: pointer;
    /* height: 646px; */
    margin: 5% 0;
    background: url(../images/index/food_bg.jpg) no-repeat;
    background-size: cover;
}

.food_title {
    width: 12.76%;
    margin: 2% auto;
    padding-top: 3%;
}


/* 轮播 starrt */

.swiper-container_food {
    width: 60%;
    padding-top: 37%;
    background-color: transparent;
    text-align: center;
}

.swiper-container_food .swiper-wrapper {
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-container_food .swiper-slide {
    width: 100%;
    height: 100%!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-container_food .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
}

.swiper-container_food .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
    background: transparent;
}

.swiper-container_food .swiper-active-switch {
    background: #d1b78c;
    border: none;
}

.swiper-container_food .alert_left,
.swiper-container_food .alert_right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 2.5%;
    cursor: pointer;
    z-index: 10;
}

.swiper-container_food .alert_left {
    left: 0;
}

.swiper-container_food .alert_right {
    right: 0;
}

.food_pic1 {
    width: 60%;
}

.con_right {
    width: 35%;
    margin-left: -5%;
    z-index: 2;
    position: relative;
}

.con_right img {
    width: 100%;
}

.right_detail {
    width: 100%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2%;
}

.con_title {
    font-size: 28px;
    font-family: '仿宋';
}

.con_right .line {
    width: 22px;
    height: 2px;
    background-color: #fff;
    margin: 5%;
}

.con_wenan {
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    max-height: 128px;
    padding: 4px 20px 4px 20px ;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
}

.food_a {
    width: 40%;
    position: absolute;
    bottom: 0;
}

.food_more {
    width: 100%;
    font-size: 16px;
    padding: 4% 0;
    margin: 5% 0;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    font-family: '仿宋';
}


/* 轮播 end */


/* 餐饮美食 end */


/* 婚宴会议 start */

.meeting {
    margin-bottom: 10%;
    cursor: pointer;
}

.meeting_title {
    width: 12.76%;
    margin: 0 auto;
}

.meeting_bottom {
    display: flex;
    justify-content: center;
    margin: 5% 0;
}

.meeting_left {
    width: 26.82%;
    position: relative;
    margin-right: 3%;
}

.meeting_pic1 {
    width: 100%;
}

.meeting_pic2 {
    width: 55.33%;
    position: absolute;
    bottom: -10%;
    right: -10%;
}

.meeting_right {
    width: 28.17%;
    margin-left: 3%;
    position: relative;
}

.meeting_border {
    width: 100%;
}

.meeting_more {
    width: 100%;
    margin: 5% auto 0;
    border: 1px solid #cc8d1b;
    color: #cc8d1b;
    text-align: center;
    font-size: 16px;
    padding: 2.6% 0;
    font-family:"Microsoft YaHei";
}

.meeting-detail {
    width: 90%;
    height: 95%;
    top: 2.3%;
    font-family:"Microsoft YaHei";
    position: absolute;
    /* font-weight: bold; */
    left: 5%;
    /* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden; */
    font-size: 16px;
    color: #382f2b;
    line-height: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* 婚宴会议 end */

@media (min-width: 1500px) {
    .intro_detail {
        font-size: 18px;
        line-height: 32px;
    }
    .totel_box_right h2 {
        font-size: 34px;
    }
    .totel_box_right p {
        margin: 0 0 10%;
        font-size: 20px;
        line-height: 30px;
        max-height: 120px;
    }
    .spa_detail {
        font-size: 20px;
        line-height: 46px;
    }
    .spa_more,
    .meeting_more {
        width: 100%;
    }
    .con_title {
        font-size: 32px;
    }
    .con_wenan {
        font-size: 18px;
        line-height: 40px;
        max-height: 160px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        display: -webkit-box;
    }
    .meeting-detail {
        font-size: 18px;
        line-height: 34px;
    }
    .swiper-container1 .swiper-slide p {
        font-size: 20px;
        bottom: 17%;
    }
}

@media (min-width: 1350px) and (max-width: 1500px) {
    .intro_detail {
        font-size: 16px;
        line-height: 30px;
    }
    .totel_box_right p {
        margin: 0 0 10%;
        font-size: 18px;
        line-height: 28px;
        max-height: 112px;
    }
    .spa_detail {
        font-size: 18px;
        line-height: 36px;
    }
    .con_title {
        font-size: 30px;
    }
    .con_wenan {
        font-size: 16px;
        line-height: 36px;
        max-height: 144px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        display: -webkit-box;
    }
    .meeting-detail {
        font-size: 18px;
        line-height: 28px;
    }
    .swiper-container1 .swiper-slide p {
        font-size: 18px;
    }
}