.inner-nav-box{width:100%;height:53px;position:relative}
.inner-nav{width:1280px;height:220px;margin:0 auto;background-color:white;position:absolute;top:-167px;left:calc(50% - 640px);border-radius:14px;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1)}
.inner-nav .img{width:326px;height:134px;margin:0 auto}
.inner-nav .img img{width:100%}
.inner-nav .line{width:100%;height:2px;background-color:#f2f2f2}
.inner-nav .navigation{width:830px;margin:0 auto;margin-top:27px}
.inner-nav .navigation ul::after{content:'';width:0;height:0;display:block;float:none;clear:both}
.inner-nav .navigation ul li{float:left;padding:0 30px;border-left:solid 1px #d2d2d2}
.inner-nav .navigation ul li:first-child{border:0}
.inner-nav .navigation ul li a{font-size:16px;font-weight:bold;line-height:25px;color:#b9c0cc}
.inner-nav .navigation ul li a.avtive{font-size:22px}


.hotel-introduction{width:1280px;margin:0 auto;margin-top:103px}
.hotel-introduction::after{content:'';width:0;height:0;display:block;float:none;clear:both}
.hotel-introduction .left-box{width:367px;height:427px;background-color:#0d6fb8;border-radius:14px;position:relative;margin-top:110px;float:left}
.hotel-introduction .left-box .img{width:540px;height:616px;border-radius:14px;overflow:hidden;position:absolute;left:45px;top:-110px}
.hotel-introduction .left-box .img img{height:100%}
.hotel-introduction .right-box{float:right;width:891px}
.hotel-introduction .right-box .title{width:600px;margin-left:294px}
.hotel-introduction .right-box .title .s-title{font-size:18px;font-weight:bold;margin-top:33px}
.hotel-introduction .right-box .title .h2{width:324px;font-size:36px;font-weight:bold;line-height:48px;color:#333;margin-top:13px}
.hotel-introduction .right-box .content-box{width:891px;height:478px;background-color:#f5f5f5;margin-top:48px}
.hotel-introduction .right-box .content-box .content{width:600px;float:right}
.hotel-introduction .right-box .content-box .content .p{width:536px;font-size:16px;margin-top:50px;line-height:30px;color:#333;min-height:60px}
.hotel-introduction .right-box .content-box .content ul{margin-top:40px}
.hotel-introduction .right-box .content-box .content ul li{font-size:16px;font-weight:bold;line-height:16px;color:#333;margin-bottom:20px}
.hotel-introduction .right-box .content-box .content ul li::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:16px}
.hotel-introduction .right-box .content-box .content .button{margin-top:46px;width:148px;height:51px}
.hotel-introduction .right-box .content-box .content .button a{width:100%;display:block;font-family:'Arial';font-size:14px;line-height:51px;color:white;text-align:center;text-transform:uppercase}
.room-introduction{width:100%;margin-top:79px;position:relative;padding-bottom:90px}
.room-introduction .s-title{font-size:18px;line-height:18px;font-weight:bold;width:100%;text-align:center}
.room-introduction .h2{font-size:40px;line-height:40px;font-weight:bold;color:#333;margin-top:23px;width:100%;text-align:center}
.room-introduction .room-box{width:1280px;margin:0 auto;margin-top:65px;position:relative}
.room-introduction .room-box .swiper3{width:100%;padding-left:16px;padding-right:16px;margin:0 -16px}
.room-introduction .room-box .swiper3 .swiper-slide .box{width:404px;background-color:white;border-radius:14px;overflow:hidden;padding-bottom:36px}
.room-introduction .room-box .swiper3 .swiper-slide .box:hover{box-shadow:0px 0px 30px 0px rgba(0,0,0,0.1)}
.room-introduction .room-box .swiper3 .swiper-slide .box .img{width:100%;height:227px;overflow:hidden;display:block;position:relative;transform:translateY(0);background-image:url(../images/lazy_bg.png);background-color:#efefef;background-size:12rem 2.75rem;background-position:center;background-repeat:no-repeat}
.room-introduction .room-box .swiper3 .swiper-slide .box .img img{height:100%;position:absolute;top:0;left:-100px;right:-100px;margin:auto;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .8s ease-out;transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}
.room-introduction .room-box .swiper3 .swiper-slide .box:hover .img img{transform:scale(1.1)}
.room-introduction .room-box .swiper3 .swiper-slide .box .title{display:block;font-size:20px;font-weight:bold;margin-top:45px;margin-left:43px;color:#333;line-height:20px !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.room-introduction .room-box .swiper3 .swiper-slide .box .sort{display:block;font-size:16px;line-height:16px;margin-top:18px;margin-left:43px;color:#333}
.room-introduction .room-box .swiper3 .swiper-slide .box .sort b{font-size:14px;line-height:14px;margin-right:43px;color:#9599a4;float:right}
.room-introduction .room-box .swiper3 .swiper-slide .box .line{display:block;width:calc(100% - 90px);height:1px;background-color:#ededed;margin:0 45px;margin-top:17px}
.room-introduction .room-box .swiper3 .swiper-slide .box .p{font-size:15px;color:#333;display:block;margin:0 45px;margin-top:17px;line-height:25px !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.room-introduction .room-box .swiper3 .swiper-slide .box .button{display:block;width:178px;height:48px;border-radius:8px;margin-left:45px;margin-top:32px;font-size:14px;font-weight:bold;color:white;line-height:48px;text-align:center}
.room-introduction .room-box .swiper3 .swiper-slide .box .button:hover{box-sizing:border-box;-moz-box-sizing:border-box}
.room-introduction .room-bg{width:100%;height:456px;position:absolute;left:0;bottom:0}
.room-introduction .room-box .swiper-pagination3{width:1280px;margin-top:44px}
.room-introduction .room-box .swiper-pagination3 .swiper-pagination-bullet{width:14px;height:14px;display:inline-block;border-radius:100%;opacity:1;margin:0 5px}
.room-introduction .room-box .swiper-pagination3 .swiper-pagination-bullet-active{opacity:1}
.room-introduction .room-box .swiper-button-next3,.room-introduction .room-box .swiper-button-prev3{position:absolute;top:57%;width:46px;height:46px;background-color:white;border-radius:50%;box-shadow:0px 0px 20px 0px rgb(0 0 0 / 10%);-webkit-transition:all .2s linear;transition:all .2s linear}
.room-introduction .room-box .swiper-button-prev,.room-introduction .room-box .swiper-rtl .swiper-button-next{left:-82px;right:auto}
.room-introduction .room-box .swiper-button-next,.room-introduction .room-box .swiper-rtl .swiper-button-prev{right:-82px;left:auto}
.room-introduction .room-box .swiper-button-next:after,.room-introduction .room-box .swiper-button-prev:after{font-family:swiper-icons;font-size:14px;font-weight:bold}.rec-facilities{width:1280px;margin:0 auto;margin-top:94px}

.rec-facilities::after{content:'';display:block;width:0;height:0;float:none;clear:both}
.rec-facilities .img{width:480px;height:268px;border-radius:14px;overflow:hidden;position:relative;float:left}
.rec-facilities .img img{height:100%;left:-100px;right:-100px;margin:auto}
.rec-facilities .right{float:right;width:680px}
.rec-facilities .right .s-title{font-size:18px;font-weight:bold;line-height:18px;margin-top:13px}
.rec-facilities .right .title{font-size:26px;font-weight:bold;line-height:26px;color:#333;margin-top:24px}
.rec-facilities .right .p{font-size:15px;line-height:25px;color:#333;margin-top:25px}
.rec-facilities .right .button{margin-top:60px;width:178px;height:48px;border-radius:8px}
.rec-facilities .right .button a{font-size:14px;font-weight:bold;width:100%;display:block;line-height:48px;color:white;text-align:center}


.food{width:100%;padding-bottom:128px}
.food .food-box{width:1280px;margin:0 auto;position:relative}
.food .food-box>.s-title{width:100%;font-size:18px;font-weight:bold;line-height:18px;text-align:center;margin-top:106px}
.food .food-box>.title{width:100%;font-size:40px;font-weight:bold;line-height:40px;color:#333;text-align:center;padding-top:23px}
.food .food-box .swiper7{width:100%;margin-top:67px}
.food .food-box .swiper7 .swiper-slide .slide-content{width:230px;height:302px;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;background-image:url(../images/lazy_bg.png);background-color:#efefef;background-size:12rem 2.75rem;background-position:center;background-repeat:no-repeat}

.food .food-box .swiper7 .swiper-slide .slide-content img{height:100%;position:absolute;top:0;left:-200px;right:-200px;margin:auto;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .8s ease-out;transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}



.food .food-box .swiper7 .swiper-slide .slide-content .title{display:block;width:100%;height:81px;position:absolute;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,0),rgb(0,0,0,0.3));transition:.5s}

.food .food-box .swiper7 .swiper-slide .slide-content .title b{font-size:18px;line-height:18px;color:white;font-weight:bold;position:absolute;bottom:20px;left:30px}

.food .food-box .swiper-button-prev7,.food .food-box .swiper-rtl .swiper-button-next7{left:-87px;right:auto}

.food .food-box .swiper-button-next7,.food .food-box .swiper-rtl .swiper-button-prev7{right:-87px;left:auto}

.food .food-box .swiper-button-next7,.food .food-box .swiper-button-prev7{position:absolute;top:73%;width:46px;height:46px;background-color:white;border-radius:50%;box-shadow:0px 0px 20px 0px rgb(0 0 0 / 10%);-webkit-transition:all .2s linear;transition:all .2s linear}

.food .food-box .swiper-button-next7:after,.food .food-box .swiper-button-prev7:after{font-family:swiper-icons;font-size:14px;font-weight:bold}

.food .food-box .swiper-pagination7{bottom:-82px;width:100%}

.food .food-box .swiper-pagination-bullet{width:14px;height:14px;display:inline-block;border-radius:50%;background-color:#e6e6e6;opacity:1;margin:0 5px}

.food .food-box .swiper-pagination-bullet-active{opacity:1}


.hotel-add{width:100%;background-color:#f7f7f7;padding-bottom:257px}

.hotel-add .hotel-add-box{width:1280px;margin:0 auto}

.hotel-add .hotel-add-box::after{content:'';width:0;height:0;display:block;float:none;clear:both}

.hotel-add .hotel-add-box .left{width:686px;float:left;position:relative}

.hotel-add .hotel-add-box .left .s-title{margin-top:82px;font-size:18px;line-height:18px;font-weight:bold}

.hotel-add .hotel-add-box .left .title{font-size:30px;line-height:30px;font-weight:bold;color:#333;margin-top:26px}

.hotel-add .hotel-add-box .left .p{width:640px;font-size:16px;line-height:16px;font-weight:bold;color:#333;margin-top:43px}

.hotel-add .hotel-add-box .left .add{margin-top:54px;font-size:15px;line-height:15px;color:#333}

.hotel-add .hotel-add-box .left .add span{display:block;margin-top:11px}

.hotel-add .hotel-add-box .left .phone{margin-top:19px;font-size:15px;line-height:15px;color:#333}

.hotel-add .hotel-add-box .left .phone span{font-family:'Arial';font-size:25px;font-weight:bold;margin-left:14px}

.hotel-add .hotel-add-box .left .button{position:absolute;right:0;bottom:0;width:148px;height:51px}

.hotel-add .hotel-add-box .left .button a{width:100%;display:block;font-size:14px;line-height:51px;color:white;text-align:center}

.hotel-add .hotel-add-box .right{float:right;margin-top:84px;width:480px;height:268px;border-radius:14px;overflow:hidden;position:relative}

.hotel-add .hotel-add-box .right img{height:100%;position:absolute;left:-100px;right:-100px;margin:auto}





.bottom{margin-top:-177px}

@media (min-width:1024px){.food .food-box .swiper7 .swiper-slide:hover .slide-content img{transform:scale(1.1)}}


@media screen and (max-width:1024px){
 .inner-nav{width:100%;height:20rem;margin:0 auto;background-color:white;position:absolute;top:-14px;left:0;border-radius:14px;box-shadow:0px 0px 30px 0px rgb(0 0 0 / 10%);overflow:hidden}

 .inner-nav .img{width:27rem;height:11.1rem;margin:0 auto}

 .inner-nav .line{width:90%;margin:0 auto}

 .inner-nav .navigation{width:100%;margin:0 auto;margin-top:27px;overflow-x:auto}

 .inner-nav .navigation::-webkit-scrollbar{width:0;height:0}

 .inner-nav .navigation::-webkit-scrollbar{display:none}

 .inner-nav .navigation ul{width:80rem}

 .inner-nav .navigation ul li{float:left;padding:0 2rem;border-left:0}

 .inner-nav .navigation ul li a.avtive{font-size:1.9rem}

 .hotel-introduction{width:90%;margin:0 auto;margin-top:176px}

 .hotel-introduction .left-box{width:100%;height:auto;margin-top:0px;background-color: #fff !important;}

 .hotel-introduction .left-box .img{width:100%;height:auto;position:relative;left:0px;top:0px}
  .hotel-introduction .left-box .img img{max-width: 100%;
    display: block;
    margin: 0px auto;
    height: auto;
    border-radius: 14px;}
 .hotel-introduction .right-box{float:left;width:100%}

 .hotel-introduction .right-box .title{width:100%;margin-left:0}

 .hotel-introduction .right-box .title .s-title{font-size:1.6rem;font-weight:bold;margin-top:3.6rem}

 .hotel-introduction .right-box .title .h2{width:220px;font-size:2.4rem;font-weight:bold;line-height:3.2rem;color:#333;margin-top:1rem}

 .hotel-introduction .right-box .content-box{width:100%;height:auto;margin-top:3rem;padding-top:3rem;padding-bottom:3.4rem}

 .hotel-introduction .right-box .content-box .content{width:90%;float:none;margin:0 auto}

 .hotel-introduction .right-box .content-box .content .p{width:100%;font-size:1.6rem;margin-top:0;line-height:2.4rem;min-height:4.8rem}

 .hotel-introduction .right-box .content-box .content ul li{font-size:1.6rem;font-weight:bold;line-height:2.5rem;color:#333;margin-bottom:.2rem}

 .hotel-introduction .right-box .content-box .content ul li::before{content:'';display:inline-block;width:0.8rem;height:0.8rem;border-radius:50%;margin-right:16px}

 .hotel-introduction .right-box .content-box .content .button{margin-top:3rem;width:100%;height:51px}

 .room-introduction{width:100%;margin-top:4rem;padding-bottom:10rem}

 .room-introduction .s-title{font-size:1.6rem;line-height:1.6rem;width:100%}

 .room-introduction .h2{font-size:2.4rem;line-height:2.4rem;margin-top:2rem}

 .room-introduction .room-box{width:90%;margin:0 auto;margin-top:3rem;position:relative}

 .room-introduction .room-box .swiper3 .swiper-slide .box{width:100%;background-color:white;border-radius:14px;overflow:hidden;padding-bottom:36px}

 .room-introduction .room-box .swiper3 .swiper-slide .box .title{display:block;font-size:20px;font-weight:bold;margin-top:2.8rem;margin-left:2.8rem;color:#333;line-height:20px !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}

 .room-introduction .room-box .swiper3 .swiper-slide .box .sort{display:block;font-size:16px;line-height:16px;margin-top:18px;margin-left:2.8rem;color:#333}

 .room-introduction .room-box .swiper3 .swiper-slide .box .sort b{font-size:14px;line-height:14px;margin-right:2.8rem;color:#9599a4;float:right}

 .room-introduction .room-box .swiper3 .swiper-slide .box .line{display:block;width:calc(100% - 56px);height:1px;background-color:#ededed;margin:0 28px;margin-top:17px}

 .room-introduction .room-box .swiper3 .swiper-slide .box .p{font-size:15px;color:#333;display:block;margin:0 28px;margin-top:17px;line-height:25px !important}

 .room-introduction .room-box .swiper3 .swiper-slide .box .button{display:block;width:178px;height:48px;border-radius:8px;margin-left:2.8rem;margin-top:32px;font-size:14px;font-weight:bold;color:white;line-height:48px;text-align:center}

 .room-introduction .room-box .swiper-button-next3, .room-introduction .room-box .swiper-button-prev3{display:none}

 .room-introduction .room-box .swiper-pagination3{width:100%;margin-top:44px}

 .rec-facilities{width:90%;margin:0 auto;margin-top:4rem}

 .rec-facilities .img{width:100%;height:55.83vw;border-radius:14px;overflow:hidden;position:relative;float:left}

 .rec-facilities .right{float:right;width:100%}

 .rec-facilities .right .s-title{font-size:1.6rem;font-weight:bold;line-height:1.6rem;margin-top:3.6rem}

 .rec-facilities .right .title{font-size:2rem;line-height:2rem;margin-top:2rem}

 .rec-facilities .right .p{font-size:1.6rem;line-height:2.4rem;color:#333;margin-top:2rem}

 .rec-facilities .right .button{margin-top:3rem;width:100%}

 .food{width:100%;padding-bottom:2rem}

 .food .food-box{width:90%;margin:0 auto;position:relative}

 .food .food-box>.s-title{font-size:1.6rem;line-height:1.6rem;margin-top:5rem}

 .food .food-box>.title{width:100%;font-size:2.4rem;line-height:2.4rem;padding-top:2rem}

 .food .food-box .swiper7{width:100%;margin-top:3rem}

 .food .food-box .swiper7 .swiper-slide .slide-content{width:100%;height:58vw;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;transform:translateY(0)}

 .food .food-box .swiper-button-next7, .food .food-box .swiper-button-prev7{display:none}

 .food .food-box .swiper-pagination7{bottom:-42px;width:100%}

 .food .food-box .swiper-pagination-bullet{width:1.2rem;height:1.2rem}

 .hotel-add{width:100%;padding-bottom:13rem;margin-top:6rem}

 .hotel-add .hotel-add-box{width:90%;margin:0 auto}

 .hotel-add .hotel-add-box .left{width:100%}

 .hotel-add .hotel-add-box .left .s-title{margin-top:3.8rem;font-size:1.6rem;line-height:1.6rem}

 .hotel-add .hotel-add-box .left .title{font-size:2.4rem;line-height:2.4rem;margin-top:2rem}

 .hotel-add .hotel-add-box .left .p{width:100%;font-size:1.4rem;line-height:2.4rem;margin-top:2rem}

 .hotel-add .hotel-add-box .left .add{margin-top:3rem}

 .hotel-add .hotel-add-box .left .button{position:absolute;right:0;bottom:-9rem;width:100%;height:51px}

 .hotel-add .hotel-add-box .right{display:none}
 .food .food-box .swiper7 .swiper-slide .slide-content .title b{bottom:1.6rem;left:1.6rem}
}
@media all and (min-width: 1024px) and (max-width:1349px) {
    .food .food-box .swiper7 .swiper-slide .slide-content {
        height:25vw;
    }
}
@media all and (min-width: 768px) and (max-width:1023px) {
    .food .food-box .swiper7 .swiper-slide .slide-content {
        height: 38vw;
    }
}