html,body{margin:0;padding:0;width: 100%;height:100%;min-width: 1000px;}
.flex{display: flex;}
.opacity4{opacity: 0.4}
.opacity7{opacity: 0.7}
/*单行文本溢出省略号*/
.one-t {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all linear 0.2s;
}
/*单行文本溢出省略号*/
.one-l {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all linear 0.2s;
}
/*多行文本溢出省略号*/
.more-t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all linear 0.2s;
}
.visible{
    animation: fadeIn 0.7s 1;
}
.hidden{
    animation: fadeOut 0.7s 1;
}
.select-style-item-box,#navigation{height:100%}
[v-clock] {
  display: none;
}
.show{
    display: block;
}
.hide{
   display: none; 
}
a{
    text-decoration: none; /* 去除默认的下划线 */
    color: #000;    /* 去除默认的颜色和点击后变化的颜色 */ 
}
body a:hover,body a:visited,body a:link,body a:active{color:#333;background: none;outline: none; text-decoration: none;}
.fr{float: right;}
.menu-btn{width:3.75rem;height:3.75rem;line-height:3.75rem;position: fixed;top:0;right:0;background: #DA251E;color:#fff;text-align: center}
.menu-btn1{position: absolute;top:60px;right:20px;}
.menu-btn1 .btn-desc{line-height: 30px;margin: -3px 10px 0;float: left;font-size: 24px;color:#717482;}
.menu-btn1 .arrow{width: 0; height: 0;margin-right:5px;display: inline-block; border-left: 12px solid #3F445C; border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
#page-wrapper{height:100%;display: flex;flex-direction: row;overflow: hidden;}
#page-wrapper .main-container{flex-shrink:0;width: 100%;}
.brandContainer .info{height:100%;padding:7.5rem 0 0 2.5rem;position: relative;}
.brandContainer .line{width:.125rem;background-color:  #D9D9D9;height:12.5rem;position: absolute}
.brandContainer .line .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:0;background:#DA251E;z-index:9}
.brandContainer .contentRight{position: relative;height: 100%;}
.brandContainer .contentRight .bg{width: 100%;height:100%}
.brandContainer .contentRight .bg .sign{width: 100%;height: 100%;object-fit: cover;}
.art-container .contentInfo{height:100%;padding:7.5rem 0 0 2.5rem;position: absolute;z-index:9;left:0;right: 0;}
.art-container .line{width:.125rem;background-color:  #D9D9D9;height:18.75rem;position: absolute}
.art-container .line .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:0;background:#DA251E;z-index:9}
.art-container .list-container{margin-left: 5.375rem;}
.art-container .list-container .title{font-size: 3rem;font-weight: bold;}


/*首页*/
#index{background: url("../img/bg.png") 100% 100%;overflow: hidden;position: relative;}
#index .menu-left{background:rgba(52, 54, 66, .04);opacity: 1;height:100%;padding:2.5rem 0  0 2.5rem;width:33.33%;float:left;box-sizing: border-box; }
#index .menu-left .logo{position: relative;}
#index .menu-left .logo img{width: 12.5rem;}
#index .menu-left .logo .btnRight{font-weight: normal;position: absolute;right:.625rem;font-size: 1.25rem;top:1.875rem;}
#index .menu-left .logo .site-map{color:#343642;font-size: 1.25rem;margin:1.25rem 1.875rem 0 0;}
#index .menu-left .map-list .vski{width: 1.875rem;}
#index .menu-left .map-list .list{margin-bottom: 1.5rem; position: relative;}
#index .menu-left .map-list .list .title{font-size: 1.25rem;color:#343642;font-weight: bold}
#index .menu-left .map-list .list .desc{font-size: 1rem;height: 1.0625rem;}
#index .menu-left .map-list .list .content{font-size: .875rem;color:#5A5D6D;}
#index .menu-left .icon-shangwangshezhi{margin-right: .3125rem;display: inline-block;}
#index .qrcode{margin-top:5%;align-items: center;}
#index .qrcode img{width:8.125rem;}
#index .qrcode .desc{margin-left:.625rem;}
#index .qrcode .desc p{margin:0;}
#index .qrcode .desc .scan-code{font-size: 1.125rem;color:#999;}
#index .qrcode .desc .order-now{font-size: 1.125rem;color:#343642;font-weight: bold;margin-top: .3125rem;}
#index .hotel-order{padding:11.25rem 0 0 7.5rem;float: left;}
#index .hotel-order .logo img{width:100%;}
#index .wan-logo{height: 100%;}
#index .wan-logo img{height: 100%;object-fit: contain;}
#index .wan-logo.widescreen{
    padding:0 10%;
    height:100%;
    float:right;
}
#index .wan-logo.widescreen img{
   padding-left:5%;
   transition: all 0.7s;
}


#index .menu-list{background:rgba(52, 54, 66, .04);height:100%;padding:0rem 1.25rem;display: flex;flex-direction: column;justify-content: space-around;}
#index .menu-list .list{position: relative;overflow: hidden;border-radius: .625rem;}
#index .menu-list .list img{width:100%;height: 18vh;object-fit: cover;}
#index .menu-list .list .namebg{background: linear-gradient(180deg, rgba(4,8,29,0) 0%, rgba(4,8,29,0.7) 100%);height: 33.3%;position: absolute;left: 0;bottom:0;width: 100%;}
#index .menu-list .list .name{position: absolute;left:1.25rem;bottom:1.25rem; color:#fff;font-size: 1.125rem;line-height: 0;width: 100%;}
#index .menu-list:hover{overflow: visible;}
#index .menu-list .list:hover img{
   transform: scale(1.2);
}
#index .menu-list .list:hover .name{font-size: 1.5rem;transition: all .4s;}
#index .menu-list .list .arrow{color:#ff0000;font-size: 1.5rem;float:right;margin-right:3.125rem;display: none;}
#index .menu-list .list:hover .arrow{display: block;transition: all .7s;}
#index .weather-city{margin-top:7.5rem;font-size:1.125rem;color:#343642;display: inline-block;}
#index .menu-left .weather-city{margin:3.75rem 0;}
#index .weather-city .city-time .date{font-size: 2rem;font-weight: bold;}
#index .weather-city .city-time .time{font-size: 1.5rem;font-weight: bold;}
#index .weather-city .city-time .province-city{font-size: 1.125rem;font-weight: bold;margin-left:.625rem;}
#index .weather-city .city-time .week{background:#343642; color:#FFF; width: 16px;border-radius: 2px;  display: inline-block; font-size: 12px; text-align: center; line-height: 14px;}
#index .weather-city .weather-info{border-top:.0625rem solid #343642;}
#index .map-list{position: absolute;bottom:1.5rem}
#index .sitemap-list{padding:2.5rem 0 0 2.5rem;}
#index .sitemap-list .title{margin:4rem 0 0 9.375rem;font-weight: bold;font-size: 2.5rem;}
#index .sitemap-list .map-content{margin-top:3.125rem;margin-left:9.375rem;}
#index .sitemap-list .map-content img{width: 1.875rem;}
#index .sitemap-list .map-content .map-row{display: flex;justify-content: space-between;margin-top:1.875rem}
#index .sitemap-list .map-content .map-row .subtitle{font-weight: bold;font-size: 1.5rem;}
#index .sitemap-list .map-content .map-row .item{width: 12.5rem;}
#index .sitemap-list .map-content .map-row .item a p{font-size: 1.125rem;}
#index .map-list .list.choose{padding-left: 1.25rem;}
#index .map-list .list.choose::before{display: inline-block;content:'';background: url(../img/choose.png);width: .625rem;height: 1.875rem;background-size: 100% 100%;position: absolute;left:0;top:.4375rem;}
/*合作共赢*/
#partner{
    background: url("../img/partner_bg.png");
    height:100%;
}
#partner .partner-list{margin-top:10%;overflow: hidden;width: 65.625rem;}
#partner .partner-list .list{width:8.125rem;height:8.125rem;margin:0 1.25rem 1.25rem 0;float:left;box-shadow:.0625rem .0625rem .25rem #ccc;}
#partner .partner-list .list img{width:100%;height:100%;}
#partner .partner-info{padding:7.5rem 0 0 2.5rem;}
#partner .partner-info .min-logo{width:11.25rem;}
#partner .partner-info .min-logo img{width:100%;}
#partner .partner-info .partner-content{height:16.25rem;border-left:.125rem solid #D9D9D9;margin-top:1.25rem;padding:0 0 0 5rem;position: relative}
#partner .partner-info .partner-content .title{font-size:3rem;font-weight:bold; color:#04081D;margin-top: 1.875rem;}
#partner .partner-info .partner-content .desc{font-size:1rem;margin-top:1.25rem; color:#666}
#partner .partner-info .partner-content .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;bottom:0;background:#DA251E;}
#partner .partner-info .logo-close .big-logo{margin-left:5rem;}
#partner .partner-info .logo-close .big-logo img{width:30rem}
#partner .partner-info .logo-close .icon{font-size:5rem;line-height:12.5rem;margin:0 3.75rem 0;color:#04081D;}

/*网站底部*/
#navigation .navigation-left{background: rgb(12,142,72);height:100%;padding:5% 0 0 5rem;}
#navigation .navigation-left .inner{height:100%;position: relative;}
#navigation .navigation-left .big-logo{width:60%;margin-bottom:10%;}
#navigation .navigation-left .big-logo img{width:100%;}
#navigation .navigation-left .navigation-bottom{position: absolute;bottom:1.875rem}
#navigation .navigation-left .brand-list{align-items: center;padding-right:3.75rem;justify-content: space-between;}
#navigation .navigation-left .brand-list .brandImg{margin-right:.9375rem;}
#navigation .navigation-left .brand-list .brandImg:nth-child(1){flex:3}
#navigation .navigation-left .brand-list .brandImg:nth-child(2){flex:1}
#navigation .navigation-left .brand-list .brandImg:nth-child(3){flex:3}
#navigation .navigation-left .brand-list .brandImg:nth-child(4){flex:2;margin-right:0;}
#navigation .navigation-left .brand-list img{width:100%}
#navigation .navigation-left .qrcode-list{margin:2.5rem 0;}
#navigation .navigation-left .qrcode-list img{margin-right:.9375rem;width: 6.25rem;}
#navigation .navigation-left .copyright{text-align: center;color:#fff;font-size: 1rem;}
#navigation .navigation-left .copyright a{color:#fff}
#navigation .navigation-right{height:100%;}
#navigation .navigation-right img{object-fit: fill;width: 100%;height: 100%}

/*品牌故事*/
#story{height:100%}
#story .menu-btn{z-index:1}
#story .story-info{background: #ffffff;height:100%;padding:7.5rem 0 0 2.5rem;}
#story .story-info .min-logo{width:11.25rem;}
#story .story-info .min-logo img{width:100%;}
#story .story-info .inner{position: relative;height: 100%;}
#story .story-info .line{border-left:.125rem solid #D9D9D9;height:18.75rem;margin-right:5.375rem;float:left;position: relative;}
#story .story-info .line .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:0;background:#fff;}
#story .story-info .story-content{padding:0 5rem 0 5rem;position: relative}
#story .story-info .story-content .title{font-size:3rem;font-weight:bold; color:#04081D}
#story .story-info .story-content .desc{font-size:1.25rem;margin-top:1.25rem; color:#666}
#story .story-info .story-content .desc img{width: 2.1875rem;margin-top:-0.1875rem}
#story .story-info .story-content .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:0;background:#DA251E;}
#story .story-info .story-logo{padding:0 0 0 0;display: flex;flex-wrap:wrap;max-width:46rem;margin-left:5rem;margin-top:1%}
#story .story-info .story-logo .logo{width:31%;margin-right:2%;border-radius:.625rem;position:relative;margin-top:1.25rem;box-shadow: .3125rem .3125rem .3125rem #f0f0f0;overflow:hidden;height: 0;padding-bottom: 37%;}
#story .story-info .story-logo .logo:nth-child(3n){margin-left:0;}
#story .story-info .story-logo .logo .brandIntro{position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(255,255,255,0.6);padding:1.25rem;color: #666666;}
#story .story-info .story-logo .logo .brandIntro:hover{background: rgba(255,255,255,0.2);}
#story .story-info .story-logo .logo .brandIntro img{height: 50%;margin-bottom:1.25rem}
#story .story-info .story-logo .logo .brandIntro .intro{position: absolute;bottom:0;left:0;width: 100%;padding: 0 1.25rem;font-size: 1rem;}
#story .story-info .story-logo .logo .bg{width: 100%;transform: scale(1.2)}
#story .story-info .story-logo .logo:hover .bg{transform: scale(1)}
#story .story-info .story-logo .logo h5{position:absolute;bottom:6%;margin-left:9%;font-size: .625rem;}
#story .story-right{height: 100%;}
#story .story-right img{object-fit: cover;width: 100%;height: 100%}

/*品牌故事有熊jiangnan*/
#jiangnan{height:100%;font-size: 1.25rem;}
#jiangnan .menu-btn{z-index:1}
#jiangnan .jiangnan-info .min-logo img{width:100%;}
#jiangnan .jiangnan-info .jiangnan-content{margin-top:1.25rem;position: relative;text-align: center;}
#jiangnan .jiangnan-info .jiangnan-content .title img{width: 12.5rem;}
#jiangnan .jiangnan-info .jiangnan-content .desc{font-size: 1.25rem;margin:2rem auto 0; color:#666;width:31.25rem}
#jiangnan .jiangnan-info .jiangnan-bottom{bottom:0;position: absolute;left:0;text-align: center;}
#jiangnan .jiangnan-info .jiangnan-bottom .border-bottom{height: .0625rem;width: 60%;background: #000;margin:0 auto 2rem;}
#jiangnan .jiangnan-info .jiangnan-bottom .jiangnan-type{width:80%;display: flex;justify-content: space-around;margin:2rem auto 1.875rem;}
#jiangnan .jiangnan-info .jiangnan-bottom .jiangnanBtn{display: flex;}
#jiangnan .jiangnan-info .jiangnan-bottom img{width: 50%;}
#jiangnan .jiangnan-info .jiangnan-bottom .name{position: absolute;color: #fff;bottom:.625rem;font-size: 1.25rem;font-weight: bold;margin-left: 8%;}
#jiangnan .jiangnan-info .jiangnan-bottom .name .enname{font-size: .75rem;font-weight: normal;}
/*品牌故事详情*/
.storyContent{height:100%;background: #221715;color:#fff}
.storyContent .menu-btn{z-index:1}
.storyContent .info{height:100%;padding:14vh 0 0 2.5rem;position: relative;}
.storyContent .info .content{border-left:.125rem solid #D9D9D9;margin-top:3vh;position: relative;padding-left:5rem;}
.storyContent .info .content .wankelogo{margin-top: -1.875rem;height: 10vh;}
.storyContent .info .content .title{font-size: 1.875rem;font-weight: bold;margin-top: 4vh;}
.storyContent .info .content .logo{object-fit: contain;width: 25%;height: 11rem;position: absolute;right:0;top:0;margin-top:-5rem;}
.storyContent .info .content .desc{font-size:.875rem;margin:2vh auto 0; width:100%;height:25vh;overflow: hidden;}
.storyContent .info .content .desc .contentScroll{overflow-y:auto;height: 100%;}
.storyContent .info .content .desc p{margin:0;}
.storyContent .info .content .border-red{width:.3125rem;height: 3.75rem;position: absolute;left:-0.125rem;top:0;background:#DA251E;}
.storyContent .info .content .border-bottom{height: .0625rem;width: 100%;background: #fff;margin:1.8rem auto;}
.storyContent .info .content .address{font-size:.875rem;display: flex;justify-content: space-between;height: 1.25rem;line-height: 1.25rem;position: relative;}
.storyContent .info .content .address .icon-toright{display: inline-block;vertical-align: middle;}
.storyContent .storyBg{text-align: right;height: 100%;}
.storyContent .storyBg img{width:95%;margin-top:1.25rem;height:67%;object-fit: contain;object-position: right;}
.storyContent .storyBg img.marginRight{padding-right:1.25rem}
.storyContent .swiper1{position: absolute;bottom:0rem;z-index:99;width: 100%;padding:.9375rem 0;}
.storyContent .swiper1 .swiper-slide{position: relative;}
.storyContent .swiper1 .swiper-slide img {display: block;width: 100%;height:25vh;object-fit: cover;border:.0625rem solid #fff;border-radius: .625rem;}
.storyContent .swiper1 .swiper-slide .mask{position: absolute;width: 100%;height: 100%;background:rgba(34, 23, 21, 0.4);top:0;left: 0;border-radius: .625rem;}
.storyContent .swiper1 .swiper-button-prev,.storyContent .swiper1 .swiper-button-next{background-image: none;background-color:#EAEBF0;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;color: #fff;opacity: 1;}
.storyContent .closeGuide{position: fixed;top:0;right:0;width: 100%;z-index:9999;}
.storyContent .closeGuide .logoImg{width:11.25rem;position: absolute;top:1.25rem;left:2.5rem;}
.storyContent .closeGuide .close-btn{width:3.75rem;height:3.75rem;line-height:3.75rem;background: #DA251E;color:#fff;text-align: center;position: absolute;right:0;top:0;z-index:999}
.storyContent .qrcode{display: flex;align-items: center;justify-content: center;right: -8.75rem;position: absolute;bottom:-3.125rem;z-index:100;}
.storyContent .qrcode img{width: 7.5rem;;padding:.625rem;border-radius: .75rem;background: #fff;}
.storyContent .qrcode .arrow-left{width: 0;height: 0;border:.4375rem solid;border-color: transparent #fff transparent transparent;}
.brand1{background-color:#221715;color:#FFFFFF;}
.brand1 .info .content .border-bottom{background-color: #FFFFFF;}
.brand1 .enname,.brand1 .desc{color:#EEEEEE}
.brand1 .swiper1,.brand1 .swiper1 .swiper-button-prev,.brand1 .swiper1 .swiper-button-next{background:#221715;}
.brand2{background-color:#769BC0;color:#FFFFFF;}
.brand2 .info .content .border-bottom{background-color: #FFFFFF;}
.brand2 .enname,.brand2 .desc{color:#EEEEEE}
.brand2 .swiper1,.brand2 .swiper1 .swiper-button-prev,.brand2 .swiper1 .swiper-button-next{background:#769BC0;}
.brand3{background-color:#FFFFFF;color:#143D33;}
.brand3 .info .content .border-bottom{background-color: #143D33;}
.brand3 .enname,.brand3 .desc{color:#143D33}
.brand3 .swiper1,.brand3 .swiper1 .swiper-button-prev,.brand3 .swiper1 .swiper-button-next{background:#143D33;}
.brand4{background-color:#FFFFFF;color:#343642;}
.brand4 .info .content .border-bottom{background-color: #666666;}
.brand4 .enname,.brand4 .desc{color:#666666}
.brand4 .swiper1,.brand4 .swiper1 .swiper-button-prev,.brand4 .swiper1 .swiper-button-next{background:#2186C9;}
.storyContent .swiper1 .swiper-button-disabled{background-color:#EAEBF0;pointer-events: auto;}
/*品牌故事d大图图片展示imageSwiper*/
#imageSwiper{background: rgba(0, 0, 0, 0.9);text-align: center;height:100%;color:#fff;position: absolute;width: 100%;top:0;z-index:100}
#imageSwiper h3{padding-top:5%;font-size: 3rem;}
#imageSwiper .enname{margin:1.875rem 0 5rem;color:#999999}
#imageSwiper .swiper-container{height:28.125rem;}
#imageSwiper .swiper-container .swiper-slide{width: 52.75rem!important;}
#imageSwiper .swiper-container .swiper-slide img{border-radius: 1rem;width:100%;height:100%;object-fit: cover;}
#imageSwiper .swiper-button-prev,#imageSwiper .swiper-button-next{position:absolut;background-image: none;background-color:#EAEBF0;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;color: #221715;font-weight: bold;}

/*品牌故事深圳浪骑瞻云度假酒店szzhanyun*/
#szzhanyun{background:#769BC0}
#szzhanyun .logo{width:6.25rem;margin-top:-1.875rem}
#szzhanyun .jiangnan-right img{margin-top:1.25rem;}

/*品牌故事瞻云zhanyun*/
#zhanyun{min-height:100%;background: #C5DCE5;background: url(../img/zhanyun/bg.png);background-size: cover;background-repeat: no-repeat;font-size: 1rem;padding-bottom: 1rem;}
#zhanyun .menu-btn{z-index:1}
#zhanyun .info{height:100%;padding:4.375rem 0 0 2.5rem;position: relative;}
#zhanyun .info .min-logo{width:11.25rem;}
#zhanyun .info .min-logo img{width:100%;}
#zhanyun .info .border-left{height:12.5rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5625rem;}
#zhanyun .info .border-left .border-red{display:inline-block;width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:3.75rem;background:#DA251E;}
#zhanyun .content{padding-left:5rem;}
#zhanyun .hotelImg{width:100%;object-fit:cover}
#zhanyun .hotel .title{font-size:1.375rem;font-weight: 500;margin:0;line-height: 1.375rem;padding-top:.625rem;padding-bottom:.5rem;}
#zhanyun .hotel .enname{margin:0;font-weight: 500;font-size: .75rem;}
#zhanyun .hotel .intro{font-size:1rem;color:#343642;opacity: 0.6;font-weight: 400;margin-bottom:0;padding-bottom:.625rem}
#zhanyun .part1,#zhanyun .part3{position: relative;}
#zhanyun .part2{text-align: center;position: relative;}
#zhanyun .center .title{font-size: 2.5rem;font-weight: bold;margin:1.5625rem 0}
#zhanyun .center .advert{color:#DA804C;font-size: 1.25rem;font-weight: bold;margin-bottom:1.875rem;}
#zhanyun .hotel1{margin-top:5rem;}
#zhanyun .hotel2{margin-top:5rem;}
#zhanyun .hotel3{margin:-1.875rem auto 0;text-align: left;width: 70%;}
#zhanyun .hotel3 .hotelImg{width:100%}
#zhanyun .hotel4{margin:0 auto;text-align: left;width: 70%;}
#zhanyun .hotel4 .hotelImg{width:100%}
#zhanyun .hotel5{text-align: left;margin-top:1.5625rem;margin-left:auto;width: 70%;}
#zhanyun .hotel5 .hotelImg{width:100%}
#zhanyun .hotel6{text-align: left;margin-top:5rem;margin-left:auto;width: 70%;}
#zhanyun .hotel6 .hotelImg{width:100%}
#zhanyun .hotel1 .hotelImg,#zhanyun .hotel3 .hotelImg,#zhanyun .hotel5 .hotelImg{border-radius: 0 .625rem 0 0;}
#zhanyun .hotel2 .hotelImg,#zhanyun .hotel4 .hotelImg,#zhanyun .hotel6 .hotelImg{border-radius: 0 0 .625rem 0;}
#zhanyun .content-right{text-align: center;padding-top:10.625rem;display: flex;flex-direction: column;align-items: center;position: fixed;right:0;}
#zhanyun .content-right .logo{width: 13.75rem;}
#zhanyun .content-right .logo2{margin:2.5rem 0;}
#zhanyun .cloud1{position: absolute;width: 70%;text-align: right;height:5rem;line-height: 5rem;}
#zhanyun .cloud1 img{width: 6.25rem;}
#zhanyun .cloud2{position: absolute;left:0;margin-left: -4.375rem;top:11.25rem;}
#zhanyun .cloud3{position: absolute;right:0;margin-right: -4.375rem;bottom:11.25rem;}
#zhanyun .cloud4{position: absolute;width: 70%;text-align: left;height:5rem;line-height: 5rem;right:0;}
#zhanyun .cloud4 img{width: 10rem;}

/*品牌故事悦榕丽江悦榕庄banyantree_lijiang*/
#banyantree_lijiang{background:#fff;color:#143D33}
#banyantree_lijiang .jiangnan-info .jiangnan-content .desc{color:#143D33}
#banyantree_lijiang .swiper-container{background:#143D33 ;}
#banyantree_lijiang .jiangnan-right{text-align: right;}
#banyantree_lijiang .logo{width:9.375rem;margin-top:-1.875rem}

/*品牌故事悦榕庄banyantree*/
#banyantree{height:100%;background: #ffffff;font-size: 1rem;}
#banyantree .menu-btn{z-index:1}
#banyantree .info .min-logo{width:11.25rem;}
#banyantree .info .min-logo img{width:100%;}
#banyantree .info .border-left{height:16.25rem;width:.125rem;background:#D9D9D9;position: absolute;top:0;}
#banyantree .info .border-left .border-red{display:inline-block;width:.3125rem;height: 3.75rem;position: absolute;left:-0.125rem;bottom:0rem;background:#DA251E;}
#banyantree .inner{position: relative;height: 100%;}
#banyantree .content{text-align: center;margin-bottom:4%;}
#banyantree .content .title{font-size: 2.5rem;font-weight: bold;}
#banyantree .content .desc{width: 60%;margin: 1.875rem auto 0;}
#banyantree .logoList{text-align: center;width: 100%;position: relative;padding-top: 2.5rem;}
#banyantree .logoList .logo{position: absolute;top:0;left:0;margin:0 auto;right:0;height: auto;}
#banyantree .logoList .brandTitle{margin-top: 1.0625rem;}
#banyantree .logoList .brandTitle .enname{font-size: .625rem;margin-bottom:0;}
#banyantree .logoList .hoverTitle .enname{font-size: .625rem;margin-bottom:0;}
#banyantree .logoList img{width:8.125rem;height:6.0625rem;object-fit: cover;}
#banyantree .logoList .el-row{margin-bottom:2.8125rem}


/*品牌故事松花湖lakesonghua*/
#lakesonghua{ background: url("../img/vskiBg.png") 100%;height:100%;background-size:cover;}
#lakesonghua .inner{padding:7.5rem 0 0 2.5rem;position: relative;}
#lakesonghua .inner .min-logo{width:11.25rem;}
#lakesonghua .inner .min-logo img{width:100%;}
#lakesonghua .inner .border-left{height:16.25rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5rem;}
#lakesonghua .inner .border-left .border-red{display:inline-block;width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:0rem;background:#DA251E;}
#lakesonghua .inner .content{padding:0rem 5rem 0;}
#lakesonghua .row1,#lakesonghua .row2{margin-bottom:1.25rem;}
#lakesonghua .row1 .part,#lakesonghua .row2 .part{height:15rem;position: relative;}
#lakesonghua .row3 .part{height:11.25rem;}
#lakesonghua .part .hotel{border-radius: .625rem;height:15rem;background-position: center;background-size:cover}
#lakesonghua .part .hotel img{width: 100%;height:100%;object-fit: cover;border-radius: .625rem;}
#lakesonghua .part .name{background: linear-gradient(0deg, rgba(33,134,201,0) 0%, rgba(33,134,201,0.6) 25%, rgba(33,134,201,0.8) 100%);border-radius: .625rem .625rem 0 0;color:#fff;padding:.625rem;line-height: 1.0625rem;}
#lakesonghua .part .name p{margin:0;font-size: 1.5rem;}
#lakesonghua .part .name .enname{color: #eee;font-size: .75rem;}
#lakesonghua .hotelCenter{background: #2186C9;font-size: 2.5rem;font-weight: bold;line-height: 15rem;text-align: center;color: #fff;}
#lakesonghua .part .hotel .skiLogo{width: 50%;object-fit: contain;}

/*品牌故事松花湖lakesonghua_composition*/
#lakesonghua_composition{height:100%;background: url(../img/lakesonghua/bg.png);background-size: contain;}
#lakesonghua_composition .menu-btn{z-index:1}
#lakesonghua_composition .info{height:100%;padding:7.5rem 0 0 2.5rem;position: relative;}
#lakesonghua_composition .info .min-logo{width:11.25rem;}
#lakesonghua_composition .info .min-logo img{width:100%;}
#lakesonghua_composition .info .border-left{height:12.5rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5625rem;}
#lakesonghua_composition .info .border-left .border-red{display:inline-block;width:.3125rem;height: 2.5rem;position: absolute;left:-0.125rem;bottom:0rem;background:#DA251E;}
#lakesonghua_composition .content{text-align: center;}
#lakesonghua_composition .content .logo{width: 6.25rem;}
#lakesonghua_composition .content .title{font-size: 1.25rem;font-weight: bold;}
#lakesonghua_composition .content .desc{font-size:1.25rem;width: 20rem;margin:1.875rem auto 0;text-align: left;}
#lakesonghua_composition .content .desc p{margin-bottom:.3125rem}
#lakesonghua_composition .content .intro{font-size:1.25rem;width: 60%;margin:3.75rem auto 0;}
#lakesonghua_composition .right{position: relative;height: 100%;padding-top:7.5rem;}
#lakesonghua_composition .right .bg{width: 100%;height: 100%;}
#lakesonghua_composition .right .sign{width: 100%;height:100%;object-fit:contain;object-position: right;}
#lakesonghua_composition .button{margin-top:15%;display: flex;align-items: flex-start;justify-content: center;}
#lakesonghua_composition .button .btnLeft{background: #2186C9;width: 18.75rem;height: 5rem;border:0;border-radius: .75rem;color: #fff;vertical-align: middle;font-size: 1.5rem;font-weight: bold;}
#lakesonghua_composition .button .btnLeft img{width: 100%;height: 5rem;object-fit: contain;}
#lakesonghua_composition .button .hoverBtn{width: 18.75rem;font-size: 1.25rem;}
#lakesonghua_composition .button .hoverBtn img{width: 100%;margin-bottom:.625rem;height: 5rem;object-fit: contain;}
#lakesonghua_composition .button .hoverBtn .btn{background: #2186C9;width: 18.75rem;height: 5rem;border:0;border-radius: .75rem;color: #fff;vertical-align: middle;font-size: 1.25rem;display: flex;flex-direction: column;justify-content: center;position: relative;z-index:9;margin-top: -5.625rem;transition:all 0.7s;pointer-events: none;}
#lakesonghua_composition .button .hoverBtn .btn p{margin: 0;opacity: -0;}
#lakesonghua_composition .button .hoverBtn .btn .enname{font-size: .75rem;color:#EEEEEE}
#lakesonghua_composition .button .hoverBtn:hover .btn{margin-top: 0rem;}
#lakesonghua_composition .button .hoverBtn:hover .btn p{opacity: 1;}
#lakesonghua_composition .button .btnRight{width: 12.5rem;margin-left: 2.5rem;background: #2186C9;height: 5rem;border:0;border-radius: .75rem;color: #fff;vertical-align: middle;font-size: 1.5rem;font-weight: bold;}
#lakesonghua_composition .button .btnRight p{margin-bottom:0;}
#lakesonghua_composition .button .hoverRightBtn{width: 12.5rem;font-size: 1.25rem;margin-left: 2.5rem;}
#lakesonghua_composition .button .hoverRightBtn .field{height: 5rem;line-height: 5rem;}
#lakesonghua_composition .button .hoverRightBtn .btn{background: #2186C9;width: 12.5rem;height: 5rem;border:0;border-radius: .75rem;color: #fff;vertical-align: middle;font-size: 1.25rem;display: flex;flex-direction: column;justify-content: center;position: relative;z-index:9;margin-top: -5.625rem;transition:all 0.7s;pointer-events: none;}
#lakesonghua_composition .button .hoverRightBtn .btn p{margin: 0;opacity: -0;}
#lakesonghua_composition .button .hoverRightBtn .btn .enname{font-size: .75rem;color:#EEEEEE}
#lakesonghua_composition .button .hoverRightBtn:hover .btn{margin-top: 0rem;}
#lakesonghua_composition .button .hoverRightBtn:hover .btn p{opacity: 1;}
#lakesonghua_composition .button .hoverRightBtn .font1{font-size: 1.5rem;}
#lakesonghua_composition .button .hoverRightBtn .font2{color: #FCC800;font-size: 1.5rem;margin-left:0;}
#lakesonghua_composition .button .hoverRightBtn .font3{font-size: 1.5rem;margin-left:0;}
#lakesonghua_composition .font1{font-size: 1.75rem;color: #0086D1;font-weight: bold;}
#lakesonghua_composition .font2{margin-left: 2.5rem;}
#lakesonghua_composition .font3{color: #E83B92;margin-left:3.4375rem;font-size:1.75rem;font-weight: bold;}
#lakesonghua_composition .btnLeft,#lakesonghua_composition .btnRight{position: absolute;z-index:9;}
#lakesonghua_composition .btnLeft.leave{animation: vskiBtn forwards 0.7s;}
#lakesonghua_composition .btnLeft .leave{animation: imageChange forwards 0.7s;}
#lakesonghua_composition .btnRight.leave{animation: vskiBtn forwards 0.7s;}
#lakesonghua_composition .btnRight .leave{animation: imageChange forwards 0.7s;margin-bottom:0;}
#lakesonghua_composition .leftBtn{width: 18.75rem;height: 5rem;position: relavetive;display: flex;flex-direction: column;}
#lakesonghua_composition .leftBtn .hoverImg{height: 5rem;object-fit: contain;}
#lakesonghua_composition .rightBtn{width: 15rem;height: 5rem;position: relavetive;display: flex;flex-direction: column;}
#lakesonghua_composition .rightBtn .field{height: 5rem;line-height: 5rem;width: 12.5rem;margin-left: 2.5rem;}
@keyframes vskiBtn {
    0% {
        
        transform: translateY(5rem);
    }
    100% {
        transform: translateY(0rem);
    }
}
@keyframes imageChange {
    0% {
       opacity: 0;
    }
    99%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hoverChange {
    0% {
       opacity: 1;
    }
    99%{
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*会员权益memberright*/
#memberright{height:100%;background: url(../img/memberright/bg.png);}
#memberright .menu-btn{z-index:1}
#memberright .info{height:100%;padding:7.5rem 2.5rem 0;position: relative;}
#memberright .info .min-logo{width:11.25rem;}
#memberright .info .min-logo img{width:100%;}
#memberright .info .border-left{height:16.25rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5625rem;}
#memberright .info .border-left .border-red{display:inline-block;width:.3125rem;height: 3.75rem;position: absolute;left:-0.125rem;bottom:0rem;background:#DA251E;}
#memberright .main{padding:1.25rem 5rem;display: flex;align-items: flex-start;}
#memberright .main .logo{width: 11.25rem;}
#memberright .main .type{display: flex;justify-content: space-between;margin-left: 1.25rem;flex:1;align-items: flex-start;}
#memberright .block{flex:1;margin-left:3.75rem;background: #fff;border-radius: 1.25rem;padding:1.25rem;box-shadow: .25rem .5rem 1.25rem 0rem rgba(52,54,66,0.1);}
#memberright .list{display: flex;justify-content: space-between;}
#memberright .list .name{display: flex;flex-direction: column;justify-content: space-between;}
#memberright .list .title{font-size: 1.25rem;font-weight: bold;margin-bottom:1.25rem;}
#memberright .list .icon{width:2.5rem}
#memberright .list .num{width: 7.5rem;opacity: 1;transition: all 0.7s;}
#memberright .block .item{transition: all 0.7s;height: 0;overflow: hidden;position: relative;}
#memberright .block:hover{background: #DA251E;color: #fff;box-shadow: none;}
#memberright .block:hover .num{opacity: 0.5;}
#memberright .block:hover .item{height:10.625rem;margin-top:1.25rem}
#memberright .block:hover .num{opacity: 0.5;}
#memberright .bottom{position: absolute;bottom:5rem;width: calc(100% - 5rem);height: .1875rem;background: #DA251E;}
#memberright .item{padding:0 .625rem;font-weight: 500;font-size: 1rem;color: #fff;}
#memberright .item p.learnmore{font-size: .875rem;position: absolute;right:.625rem;bottom:.625rem;color: #fff;}

/*会员权益内容memberright_content*/
#memberright_content{height:100%;background: url(../img/memberright/bg.png);font-size:1rem;}
#memberright_content .menu-btn{z-index:1}
#memberright_content .info{height:100%;padding:7.5rem 2.5rem 0;position: relative;}
#memberright_content .info .min-logo{width:11.25rem;}
#memberright_content .info .min-logo img{width:100%;}
#memberright_content .info .border-left{height:16.25rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5625rem;}
#memberright_content .info .border-left .border-red{display:inline-block;width:.3125rem;height: 3.75rem;position: absolute;left:-0.125rem;bottom:0rem;background:#DA251E;}
#memberright_content .main{padding:1.25rem 0 0 5rem;display: flex;align-items: stretch;justify-content: space-between;}
#memberright_content .main .logo{width: 9.375rem;}
#memberright_content .type{display: flex;justify-content: space-between;margin-left: 1.25rem;flex:1;background: #fff;text-align: center;align-items: center;}
#memberright_content .type .block{width: 33.3%;font-size: 1.125rem;font-weight: 500;color:#999999}
#memberright_content .type .icon{width:2.5rem}
#memberright_content .content{background: #fff;margin-left: 5rem;padding:1.25rem 3.75rem 0 2.5rem;height: calc(100% - 11.25rem);overflow-y: auto;scrollbar-base-color: #D9D9D9;}
#memberright_content .content>div{margin-bottom: 2.5rem;}

/*万科酒店故事，管理模式，经营理念等介绍wanke_introduction*/
#wanke_introduction{height:100%;background:#fff;font-size: 1.25rem}
#wanke_introduction .menu-btn{z-index:1}
#wanke_introduction .info{height:100%;position: relative;}
#wanke_introduction .info .min-logo{width:11.25rem;}
#wanke_introduction .info .min-logo img{width:100%;}
#wanke_introduction .info .border-left{height:16.25rem;width:.125rem;background:#D9D9D9;position: absolute;top:7.5625rem;}
#wanke_introduction .info .border-left .border-red{display:inline-block;width:.3125rem;height: 3.75rem;position: absolute;left:-0.125rem;bottom:0rem;background:#DA251E;}
#wanke_introduction .left{background: url(../img/wanke_introduction/bg.jpg);height:100%;padding:7.5rem 0 0 2.5rem;background-size: cover;background-position: center;}
#wanke_introduction .right{margin-left: -3.75rem;height: 100%;}
#wanke_introduction .right .type{display: flex;justify-content: space-around;margin-top:13.75rem;font-size: 1.5rem;}
#wanke_introduction .right .type .check{font-weight: bold;}
#wanke_introduction .right .type .choose{width: .5rem;margin-right: .5rem}
#wanke_introduction .right .block{padding:1.25rem;margin-top:5rem;background: #DA251E;border-radius: .625rem;display: flex;justify-content: space-between;color: #fff;height:25rem}
#wanke_introduction .right .block .leftBlock{position: relative;}
#wanke_introduction .right .block .logo{width: 9.375rem;}
#wanke_introduction .right .block .wan{width: 7.5rem;}
#wanke_introduction .right .block .leftBlock .wanTitle{position: absolute;bottom:0;}
#wanke_introduction .right .block .text{background: rgba(255,255,255,0.3);border-radius: .625rem;text-align: center;width: 80%;padding:2.5rem;display: flex;align-items: center;justify-content: center;}
#wanke_introduction .right .block .text p{margin:0;}
#wanke_introduction .right .block h3{font-size: 1.75rem;font-weight: bold}
#wanke_introduction .right .block .model{font-size: 1.25rem;font-weight: bold;flex-direction: column;}
#wanke_introduction .right .block .model .border{width: 10.625rem;height:.125rem;background: #DA251E;}
#wanke_introduction .right .block .manage{padding:1.25rem;font-size:1.125rem;font-weight: bold;}
#wanke_introduction .right .block .manage .title{font-size:3rem;color:#DA251E;font-weight: bold;}
#wanke_introduction .right .block .manage .list{display: flex;flex-direction: column;justify-content: space-around;margin-left:.9375rem;text-align: left;}
#wanke_introduction .right .block .manage .list>div{height:4.5rem;display: flex;flex-direction: column;justify-content: center;font-weight: normal;}
#wanke_introduction .right .block .manage .list .en::first-letter{color: #DA251E;}
#wanke_introduction .right .block .manage .list1{text-align: right;}
#wanke_introduction .right .block .manage .list1>div{font-weight: bold;}
#wanke_introduction .right .block .manage .list1>div:last-child{margin-bottom:0;}
#wanke_introduction .right .block .manage .en{font-size: 1.5rem;}
#wanke_introduction .right .block .seek{padding:4.375rem;}
#wanke_introduction .right .block .leader{flex-direction: column;font-size: 1.125rem;justify-content: space-between;padding:2.5rem 2.5rem 1.25rem}
#wanke_introduction .right .block .leader .border{display: block;width: 1.875rem;height:.125rem;background: #DA251E;margin:.3125rem auto;}
#wanke_introduction .right .block .leader .title{font-weight: bold;font-size: 1.5rem;}
#wanke_introduction .right .block .leader .title1{font-size: 2rem;}
#wanke_introduction .right .block .leader .guideblock{display: flex;flex-direction: row;width: 100%;}
#wanke_introduction .right .block .leader .guideblock img{width: 5rem;}
#wanke_introduction .right .block .leader .guideblock>div{width: 50%;}
#wanke_introduction .right .story{flex-direction: column;}
#wanke_introduction .right .storyIntro{margin-bottom:1rem}
#wanke_introduction .right .seek{flex-direction: column;}
#wanke_introduction .right .seekIntro{margin-bottom:1rem}

/*万科酒店即将开业酒店 先睹为快*/
.openingSoon{height:100%;background: #fff;font-size: 1.25rem;}
.openingSoon .contentLeft{background: url(../img/openingSoonBg.png);height: 100%;color: #fff;padding:7.5rem 0 0 2.5rem}
.openingSoon .line{border-left:.125rem solid #D9D9D9;height:18.75rem;margin-right:5.375rem;float:left;position: relative;}
.openingSoon .line .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;top:8.125rem;background:#fff;}
.openingSoon .list-container{width: 50%;display: flex;flex-direction: column;}
.openingSoon .list-container .title{font-size: 3rem;color:#fff;font-weight: bold;margin-bottom:.4375rem;}
.openingSoon .contentLeft .hotelList .choose::before{display: inline-block;content:'';background: url(../img/openingSoonIcon.png);width: .625rem;height: 1.25rem;background-size: 100% 100%;position: absolute;left:0;top:.25rem;}
.openingSoon .contentLeft .hotelList{margin-left:.9375rem;margin-top:.625rem;overflow:auto;}
.openingSoon .contentLeft .hotelList p{margin:0;}
.openingSoon .contentLeft .hotelList .hotel{margin-bottom:2.5rem;position: relative;font-size: 1.25rem;}
.openingSoon .contentLeft .hotelList .hotel.choose{padding-left:1.25rem;}
.openingSoon .contentLeft .hotelList .hotel:last-child{margin-bottom: 0;}
.openingSoon .contentLeft .hotelList .choose .hotelname{font-weight: bold;font-size: 1.5rem}
.openingSoon .contentLeft .hotelList .hotel .enname{font-size: .75rem;}
.openingSoon .contentRight{width: 65%;height:80%;position: absolute;right:0;bottom:3.125rem}
.openingSoon .contentRight .mark{opacity:0.3;top:60%;position: absolute;width: 100%;height: 40%;background: linear-gradient(to bottom, rgba(4,8,29,0) 0%, #04081D 25%, #04081D 100%);border-radius: .625rem 0 0 .625rem;}
.openingSoon .contentRight .hotelImg{width:100%;height: 100%;object-fit: cover;border-radius: .625rem 0 0 .625rem;}
.openingSoon .contentRight .intro{padding:1.25rem;bottom:0;position: absolute;color:#fff;font-size: 1.25rem;}
.openingSoon .contentRight .intro .name{font-size: 1.75rem;font-weight: bold;}
.openingSoon .contentRight .intro .name::after{display: block;content: '';width: 2.1875rem;height: .125rem;background: #DA251E;margin-top:.4375rem;}

/*万科酒店服务项目*/
#service{height:100%;background: #fff;}
#service .contentLeft{background: url(../img/serviceBg.png);height: 100%;color:#666666;padding:7.5rem 0 0 2.5rem;background-size: cover;}
#service .line{border-left:.125rem solid #D9D9D9;height:18.75rem;margin-right:5.375rem;float:left;position: relative;}
#service .line .border-red{width:.25rem;height: 2.5rem;position: absolute;left:-0.0625rem;bottom:0rem;background:#DA251E;}
#service .list-container .title{font-size: 3rem;color:#04081D;font-weight: bold;margin-bottom:1.875rem;}
#service .contentRight{flex-direction: column;height: 100%;}
#service .contentRight ul{flex:1;display: flex;flex-direction: column;justify-content: space-between;position: relative;margin:6.25rem 5rem 3.125rem 2.5rem;}
#service .contentRight .border{position: absolute;left:0;display: block;width: .125rem;height: calc(100% - 4.375rem);background: #EAEAEA;top:1.875rem}
#service .contentRight ul li{list-style-type:none;font-weight: bold;font-size: 1.25rem;padding: 1rem 1.25rem;border-radius: .625rem;position: relative;display: flex;}
#service .contentRight ul li::before{content:"";display: inline-block;width: 8px;height:8px;border-radius: 50%;background:#EAEAEA;position: absolute;left: -43px;}
#service .contentRight ul li.choose{background: #DA251E;color:#fff}
#service .contentRight ul li.choose::before{content:'•';color:#DA251E;font-size: 30px;background: #fff;width: 15px;height: 15px;text-align: center;line-height: 14px;border: 1px solid #DA251E;left:-46px;}
#service .contentRight ul li span{display: inline-block;width: 2.5rem;}
#service .contentRight ul li .sub{font-size: 1rem;}
#service .contentRight .dashedBorder{position: absolute;left:0;border-left:.125rem dashed #EAEAEA;width: .625rem;height: 2.5rem;bottom:-1.5625rem;;}
#service .contentRight .icon{position: absolute;left:-0.375rem;bottom:-2.1875rem;font-size: 1.25rem;color: #999999;font-weight: 100;}

/*酒店与度假村*/
#hotel_resort {
    background: url("/assets/addons/lbcms/img/hotel_resort/bg.png");
    height: 100%;
    background-size: auto 100%;
    background-color: #fff;
    padding: 0 0 0 2.5rem;
    display: flex;
    flex-direction: column;
}

#hotel_resort .logo {
    width: 11.25rem;
    margin-bottom: 2.5rem;
}

#hotel_resort .logo img {
    width: 100%;
}

#hotel_resort .hotelList{padding-top:7.5rem;height: 100%;}
#hotel_resort .hotelList .list-container{width: 100%;}
#hotel_resort .line {
    border-left: .125rem solid #D9D9D9;
    height: 18.75rem;
    margin-right: 5.375rem;
    float: left;
}

#hotel_resort .line .border-red {
    width: .25rem;
    height: 3.75rem;
    position: absolute;
    left: -0.0625rem;
    top: 12.5rem;
    background: #DA251E;
}

#hotel_resort .list-container .title {
    font-size: 3rem;
    color: #04081D;
    font-weight: bold;
}

#hotel_resort .list-container .lists {
    width: 100%;
    height: 85%;
    margin-top: 1.25rem;
    padding: 1.25rem .625rem;
    box-shadow: .25rem .5rem 1.25rem 0rem rgba(52, 54, 66, 0.1);
    border-radius: 1rem;
    background: #fff;
}

#hotel_resort .list-container .lists .lists-title {
    color: #04081D;
    font-size: 1.75rem;
    font-weight: 550;
}

#hotel_resort .list-container .lists .lists-title .icon-location {
    color: #DA251E;
    margin-right: .375rem;
}

#hotel_resort .list-container .lists .lists-title .icon-close {
    color: #ccc;
    font-size: .75rem;
}

#hotel_resort .list-container .province-hotels {
    height: 95%;
    overflow-y: auto;
}

#hotel_resort .list-container .province-hotels .image {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    margin-right: .75rem;
}

#hotel_resort .list-container .province-hotels .image img {
    width: 100%;
    height: 100%;
    border-radius: .25rem;
}
#hotel_resort .list-container .province-hotels .name-des{line-height: 1.25rem;}
#hotel_resort .list-container .hotel-list,
#hotel_resort .list-container .province-list {
    margin-top: 1.5625rem;
}

#hotel_resort .list-container .name,
#hotel_resort .list-container .hotel-name {
    font-size: 1.5rem;
    color: #04081D;
    font-weight: bold;
}

#hotel_resort .list-container .hotel-name {
    margin-bottom: .625rem;
}

#hotel_resort .list-container .brand-name {
    font-size: 1.125rem;
    color: #343642;
    font-weight: bold;
}

#hotel_resort .list-container .more {
    float: right;
    color: #DA251E;
    font-size: 1.125rem;
    margin-top: .1875rem;
    display: none;
}

#hotel_resort .list-container .province-list:hover .more {
    display: block;
}

#hotel_resort .list-container .des {
    font-size: 1.125rem;
    color: #666;
    margin-top: .5rem;
}

#hotel_resort .list-container .tel,
#hotel_resort .list-container .des {
    font-size: 1.125rem;
    color: #666;
    margin: .3125rem 0 0;
}
#hotel_resort .map-list{height: 100%;}
#hotel_resort .map-list .map{margin-top: 1.875rem;}

/* 先睹为快 */
#videolist{width: 100%;height: 100%;color:#04081D}
#videolist .contentInfo{box-sizing: border-box;}
#videolist .list-container{position: relative;}
#videolist .list-container .title{color:#04081D;position: absolute;top:0rem;}
#videolist .swiper-container{width: 100%;height: 100%;padding-top: 6.25rem;}
#videolist .swiper-container .swiper-slide{text-align: center;}
#videolist .swiper-container .swiper-slide .name{font-size:1.75rem;font-weight: bold;margin-top: 1.25rem;}
#videolist .swiper-container .swiper-slide .intro{font-size: 1.25rem;margin-bottom: 40px;}
#videolist .swiper-container .videoImg{width: 100%;height: 47vh;position: relative;overflow: hidden;border-radius: .625rem;}
#videolist .swiper-container .videoImg .hotelImg{border-radius:.625rem;width: 100%;height:100%;object-fit: cover;}
#videolist .swiper-container .videoImg .hotelImg:hover{transform: scale(1.2);}
#videolist .swiper-container .swiper-slide .borderPart{padding-top:1.875rem;padding:0 .625rem;background: #fff;display: inline-block;}
#videolist .swiper-container .swiper-slide .circlePart{background:#fff;width: .9375rem;height: .9375rem;display: inline-block;text-align: center;position: relative;}
#videolist .swiper-container .swiper-slide .circle{width: 6px;height: 6px;border-radius: 50%;background-color:#DA251E;display: inline-block;}
#videolist .swiper-container .swiper-slide .icon-radiobox{color:#DA251E}
#videolist .swiper-button-prev, #videolist .swiper-button-next{background-image: none;background-color:#DA251E;width: 2.5rem;height: 2.5rem;border-radius: 50%;text-align: center;line-height: 2.5rem;color: #fff;}
#videolist .swiper-button-prev .icon-back1, #videolist .swiper-button-next .icon-more2{font-size: 1rem;}
#videolist .btn {width: 8rem;position: absolute;top: 1.875rem;right: 6.25rem;box-shadow: none;}
#videolist .btn .swiper-button-disabled{background: #EAEBF0;color: #8B90A9;}
#videolist .swiper-slide.choose .borderPart .circlePart::before{content: '';display: block;height: 25px;width: 1px;background:#8B90A9;margin-top: -30px;text-align: left;left: 7px;position: absolute;}
#videolist .borderLine{position: absolute;bottom: 0rem;left: 0;width: 100%;display: flex;align-items: center;}
#videolist .borderLine .border{flex:1;height: .0625rem;background: #8B90A9;margin:0 .9375rem}
#videolist .borderLine .icon-toleft,#videolist .borderLine .icon-toright{margin-top:.3125rem}
#videolist .playSign{width: 5rem;position: absolute;left:1.25rem;bottom:.625rem}

/* 打卡首选 */
#imgshow{width: 100%;height: 100%;color: #fff;}
#imgshow .swiper-container{width: 100%;height: 100%;}
#imgshow .swiper-container img{width: 100%;height: 100%;object-fit: cover;}
#imgshow .swiper-slide h4{color: #fff;position: absolute;right:6.25rem;bottom:10rem;font-size: 2.25rem;font-weight: bold;}
#imgshow .swiper-button-prev, #imgshow .swiper-button-next{background-image: none;background-color:#DA251E;width: 2.5rem;height: 2.5rem;border-radius: 50%;text-align: center;line-height: 2.5rem;color: #fff;font-size: 1rem;}
#imgshow .btn{box-shadow: none;}
#imgshow .swiper-button-disabled{background: #EAEBF0;color: #8B90A9;opacity: 1;}
#imgshow .intro{position: absolute;z-index:9;width: 12.5rem;height:6.25rem;right:6.25rem;bottom:3.125rem;color:#fff;text-align: right;}
#imgshow .intro .border{width: 12.5rem;height: .0625rem;background: #fff;}
#imgshow .intro .btn{height: 6.25rem;position: relative;width:8rem;}
#imgshow .intro .btn .icon{font-size: 1rem;}
#imgshow.art-container .contentInfo{height: auto;}

@media screen and (max-width:1501px){
    #index .map-list{bottom:1rem}
    #index .menu-left .map-list .list{margin-bottom:1rem}
}
/* @media screen and (max-height:864px){
    #index .map-list{bottom: 4%;}
    .storyContent .swiper1 .swiper-slide img{height: 21vh;}
    #banyantree .content{margin-bottom: 3%;}
    .storyContent .info .content .title{margin-top: 30px;}
    .brand3 .info .content .border-bottom{margin:3% auto;}
    #banyantree .content .title{font-size: 32px;}
    #banyantree .logoList img{width:100px;height: 75px;}
    #zhanyun .center .title{margin:10px 0;}
    .openingSoon .contentLeft .hotelList .hotel{margin-bottom:30px}
}
@media screen and (max-height:720px){
    #index .map-list{bottom: 0px;}
    .storyContent .swiper1 .swiper-slide img{height: 21vh;}
    #banyantree .content{margin-bottom: 3%;}
    .storyContent .info .content .title{margin-top: 30px;}
    .brand3 .info .content .border-bottom{margin:3% auto;}
    #banyantree .content .title{font-size: 32px;}
    #banyantree .logoList img{width:100px;height: 75px;}
    #zhanyun .center .title{margin:10px 0;}
    .openingSoon .contentLeft .hotelList .hotel{margin-bottom:30px}
} */