@charset "UTF-8";



/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.8;width:100%;height:100%;display:none;}
.home-videobox{position:fixed;z-index:1001;width:60%;top:14%;left:20%;display:none;}
.home-videobox .video-close{position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
    .home-videobox{width:80%;left:10%;}
}

@media(max-width:769px){
    .home-videobox{width:95%;left:2.5%;top:30%;}
    .home-videobox .video-close{right:auto;top:auto;bottom:-48px;left:50%;margin-left:-14px;width:28px;height:28px;border:#fff solid 1px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:16px;}
}


/*首页*/
.home-title{width:100%;}
.section-title{width:100%;position:relative;}
.section-title h1{font-size:3.5rem;line-height:3.5rem;color:#0F5681;}
.section-title h2{font-size:3.5rem;line-height:3.5rem;color:#0F5681;text-align: center;}
.section-title h3{font-size:3.5rem;line-height:3.5rem;color:#0F5681;}
.section-title p{font-size:1rem;color:#bec1c8;line-height:1.25rem;margin-top:1rem;}

.inside-title{margin-bottom:5rem;}
.inside-title .section-title h2{text-align: center;color:#333;}

.home-more{width:180px;height:60px;border-bottom:#bec1c8 solid 1px;position: relative;}
.home-more a{width:100%;height:100%;font-size:1rem;color:#bec1c8;display: flex;align-items: center;justify-content:space-between;transition: all 0.2s; -webkit-transition: all 0.2s;}
.home-more .line{position: absolute;bottom:-1px;left:0;width:0;height:1px;background-color: var(--mainColor);transition: all 0.2s;-webkit-transition: all 0.2s;}
.home-more:hover a{color: var(--mainColor);}
.home-more:hover .line{width:100%;}


@media(max-width:1440px){
    .section-title h1{font-size:3rem;line-height:3rem;}
    .section-title h2{font-size:3rem;line-height:3rem;}
    .section-title h3{font-size:3rem;line-height:3rem;}
}

@media(max-width:1280px){
    .section-title h1{font-size:2.5rem;line-height:3rem;}
    .section-title h2{font-size:2.5rem;line-height:3rem;}
    .section-title h3{font-size:2.5rem;line-height:3rem;}
}

@media(max-width:1080px){
    .section-title h1{font-size:2rem;line-height:2.5rem;}
    .section-title h2{font-size:2rem;line-height:2.5rem;}
    .section-title h3{font-size:2rem;line-height:2.5rem;}
}

@media(max-width:769px){
    .section-title h1{font-size:1.5rem;line-height:2rem;}
    .section-title h2{font-size:1.5rem;line-height:2rem;}
    .section-title h3{font-size:1.5rem;line-height:2rem;}
}


.page-container{width:100%;min-height:calc(100vh - 156px);}

.home-part1{width:100%;}
.home-part1 ul{width:100%;display: flex;flex-wrap: wrap;}
.home-part1 li{width:48.615%;margin-left:2.77%;margin-bottom:2.77%;}
.home-part1 li:nth-child(odd){margin-left:0;}
.home-part1 li a{display: block;width: 100%;}
.home-part1 li a .img{width:100%;position:relative;overflow:hidden;border-radius:1.25rem;}
.home-part1 li a .img .img-cont{width:100%;height:0;padding-bottom:31.428%;overflow:hidden;position: relative;}
.home-part1 li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-part1 li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.home-part1 li a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.home-part1 li a .mask{position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(16,87,132,0.5);
    transition: all 0.2s;-webkit-transition: all 0.2s;display:flex;align-items:center;justify-content:center;}
.home-part1 li a .txt{width:100%;font-size:2.5rem;color:#fff;line-height:3rem;text-transform: uppercase;text-align: center;font-weight: 400;}

.home-part2{width:100%;}
.home-part2 ul{width:100%;display: flex;flex-wrap: wrap;}
.home-part2 li{width:31.486%;margin-left:2.77%;margin-bottom:2.77%;}
.home-part2 li:nth-child(3n+1){margin-left:0;}
.home-part2 li a{display: block;width: 100%;}
.home-part2 li a .img{width:100%;position:relative;overflow:hidden;border-radius:1.25rem;}
.home-part2 li a .img .img-cont{width:100%;height:0;padding-bottom:48.565%;overflow:hidden;position: relative;}
.home-part2 li a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-part2 li a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.home-part2 li a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.home-part2 li a .mask{position: absolute;top:0;left:0;width:100%;height:100%;
    transition: all 0.2s;-webkit-transition: all 0.2s;display:flex;align-items:center;justify-content:center;}
.home-part2 li a .txt{width:100%;font-size:2.5rem;color:#fff;line-height:3rem;text-transform: uppercase;text-align: center;font-weight: 400;}


@media(max-width:1440px){
    .page-container{min-height:calc(100vh - 128px);}

    .home-part1 li a .txt{font-size:2rem;line-height:2.5rem;}
    .home-part2 li a .txt{font-size:2rem;line-height:2.5rem;}
}

@media(max-width:1280px){
    .page-container{min-height:calc(100vh - 100px);}

    .home-part1 li a .txt{font-size:1.75rem;line-height:2.5rem;}
    .home-part2 li a .txt{font-size:1.75rem;line-height:2.5rem;}
}
@media(max-width:1080px){
    .page-container{min-height:calc(100vh - 56px);}
    .home-part1 li a .img{border-radius:8px;}
    .home-part2 li a .img{border-radius:8px;}

    .home-part1 li a .txt{font-size:1.5rem;line-height:2rem;}
    .home-part2 li a .txt{font-size:1.5rem;line-height:2rem;}
}
@media(max-width:769px){
    .home-part1 li{width:100%;margin-left:0;}
    .home-part2 li{width:100%;margin-left:0;}
}


.sort-box{width:100%;margin:2.5rem auto;padding:1.25rem;border-radius:1.25rem;background-color: #fff;}
.sort-box .sort-item{width:100%;margin-bottom:1.25rem;}
.sort-box .sort-item:last-child{margin-bottom:0;}
.sort-box .sort-item .sort-title{font-size:1rem;color:#333;line-height:1.25rem;}
.sort-box .sort-list{width:100%;}
.sort-box .sort-list ul{width: 100%;display: flex;flex-wrap: wrap;}
.sort-box .sort-list li{margin-right:1.25rem;margin-top:1rem;}
.sort-box .sort-list li a{display: block;padding:0 1.25rem;font-size:1rem;color:#668197;border:#DAE7F0 solid 1px;border-radius:40px;line-height:2.5rem;transition:all 0.3s;-webkit-transition:all 0.3s;}
.sort-box .sort-list li:hover a{background-color: #0F5681;border-color:#0F5681;color:#fff;}
.sort-box .sort-list li.active a{background-color: #0F5681;border-color:#0F5681;color:#fff;}

@media(max-width:1080px){
    .sort-box{margin:2rem auto;padding:1rem;border-radius:1rem;}
    .sort-box .sort-item{margin-bottom:1rem;}
    .sort-box .sort-list li{margin-right:1rem;margin-top:0.875rem;}
    .sort-box .sort-list li a{padding:0 1rem;line-height:2.25rem;}
}


.hotel-list{width:100%;}
.hotel-list li{width:100%;margin-bottom:3rem;background-color: #fff;border-radius: 1.25rem;padding:2.5rem;}
.hotel-list li .item{width:100%;display: flex;justify-content: space-between;align-items: flex-start;}
.hotel-list li .img{width:39.41%;position:relative;overflow:hidden;border-radius:0.75rem;}
.hotel-list li .img .img-cont{width:100%;height:0;padding-bottom:100%;overflow:hidden;position: relative;}
.hotel-list li .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.hotel-list li .img .img-cont a{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.hotel-list li .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.hotel-list li:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.hotel-list li .intro{width:57.64%;}
.hotel-list li .intro-top{width:100%;display: flex;align-items: center;border-bottom:#DAE7F0 solid 1px;padding-bottom:2rem;margin-bottom:2rem;}
.hotel-list li .intro-top .title a{font-size:2.5rem;color:#000;line-height:3rem;}
.hotel-list li .intro-top .score{margin-left:1.25rem;display: flex;align-items: center;margin-top:0.5rem;}
.hotel-list li .intro-top .score .iconfont{font-size:1rem;color:#ccc;line-height:2rem;margin-right:0.25rem;}
.hotel-list li .intro-top .score .iconfont.active{color:#F0B32F;}

.hotel-list li .intro-address{width:100%;}
.hotel-list li .addr-item{width:100%;display: flex;justify-content: space-between;margin-bottom:0.875rem;}
.hotel-list li .addr-item:last-child{margin-bottom:0;}
.hotel-list li .addr-item .icon{width:1rem;margin-right:0.75rem;margin-top:0.25rem;}
.hotel-list li .addr-item .icon img{display:block;width:100%;}
.hotel-list li .addr-item .txt{width:calc(100% - 1.75rem);font-size:1rem;color:#000;line-height:1.5rem;}

.hotel-list li .hotel-spec{width:100%;background-color: #EDFAFF;padding:1.25rem 0;border-radius: 1.25rem;margin-top:2.25rem;display: flex;flex-wrap: wrap;}
.hotel-list li .spec-item{width:33.33%;border-left:#DCF3FF solid 1px;padding:0 1.25rem;display: flex;justify-content: space-between;align-items: flex-start;}
.hotel-list li .spec-item:first-child{border-left:none;}
.hotel-list li .spec-item .icon{width:1rem;font-size:1rem;color:#668197;line-height:1.25rem;}
.hotel-list li .spec-item .icon img{display:block;width:100%;}
.hotel-list li .spec-item .txt{width:calc(100% - 1.75rem);font-size:1rem;line-height:1.25rem;}
.hotel-list li .spec-item .txt .label{color:#668197;}
.hotel-list li .spec-item .txt .keys{color:#000;margin-top:0.5rem;}

.hotel-list li .tours-spec .spec-item{width:50%;margin:0;}
.hotel-list li .tours-spec .spec-item .icon{color:#000;width:1.25rem;font-size:1.25rem;}
.hotel-list li .tours-spec .spec-item .txt .keys{color:#000;margin-top:0;}

.hotel-list li .list-options{width:100%;margin-top:2rem;height:10rem;overflow: hidden;}
.hotel-list li .list-options.detail-options{height:auto;}
.hotel-list li .option-item{width:100%;padding:0.5rem 0;display: flex;align-items: flex-start;justify-content: space-between;}
.hotel-list li .option-item .icon{width: 0.75rem;margin-right:0.75rem;margin-top:0.3rem;}
.hotel-list li .option-item .icon img{display: block;width: 100%;}
.hotel-list li .option-item .txt{width:calc(100% - 1.5rem);font-size: 1rem;line-height:1.5rem;color:#000;}

.hotel-list li .more{display: flex;margin-left:1.5rem;margin-top:1rem;font-size:1rem;line-height:1.5rem;color:#0F5681;display: flex;align-items: center;cursor: pointer;}
.hotel-list li .more .iconfont{font-size:0.75rem;margin-left:0.5rem;transition:all 0.3s;-webkit-transition:all 0.3s;}
.hotel-list li .intro-bottom{width:100%;margin-top:2rem;display: flex;}
.hotel-list li .book-btn{padding:0 2.5rem;background-color: #0F5681;font-size:1rem;color:#fff;line-height:2.5rem;border-radius:40px;border:none;outline: none;cursor: pointer;}
.hotel-list li .detail-bottom{border-top:#DAE7F0 solid 1px;padding-top:2rem;justify-content:center;}

@media(max-width:1280px){
    .hotel-list li{margin-bottom:2.5rem;padding:2rem;}
    .hotel-list li .intro-top{padding-bottom:1.75rem;margin-bottom:1.75rem;}
    .hotel-list li .intro-top .title a{font-size:2.25rem;line-height:2.5rem;}
    .hotel-list li .intro-top .score{margin-left:1rem;margin-top:0.5rem;}
    .hotel-list li .intro-top .score .iconfont{margin-right:0.25rem;}

    .hotel-list li .addr-item{margin-bottom:0.5rem;}

    .hotel-list li .hotel-spec{padding:1rem 0;margin-top:1.5rem;}
    .hotel-list li .spec-item{padding:0 1rem;}

    .hotel-list li .list-options{margin-top:1.5rem;height:8rem;}
    .hotel-list li .option-item{padding:0.25rem 0;}
    .hotel-list li .option-item .icon{margin-top:0.25rem;}

    .hotel-list li .more{margin-top:0.75rem;}
    .hotel-list li .intro-bottom{margin-top:1.5rem;}
    .hotel-list li .book-btn{padding:0 2rem;}
}

@media(max-width:1080px){
    .hotel-list li{margin-bottom:2rem;padding:1.5rem;}
    .hotel-list li .intro-top{padding-bottom:1.25rem;margin-bottom:1.25rem;}
    .hotel-list li .intro-top .title a{font-size:1.75rem;line-height:2rem;}

    .hotel-list li .hotel-spec{margin-top:1.25rem;}

    .hotel-list li .list-options{margin-top:1.25rem;height:8rem;}
    .hotel-list li .list-options.detail-options{height:auto;}
}

@media(max-width:769px){
    .hotel-list li{margin-bottom:1.5rem;padding:1rem;border-radius: 0.75rem;}
    .hotel-list li .item{display:block;}
    .hotel-list li .img{width:100%;}
    .hotel-list li .intro{width:100%;margin-top:1.5rem;}
    .hotel-list li .intro-top{padding-bottom:0.75rem;margin-bottom:1rem;}
    .hotel-list li .intro-top .title a{font-size:1.5rem;}

    .hotel-list li .hotel-spec{padding:1rem 0;margin-top:1rem;}
    .hotel-list li .spec-item{width:100%;padding:0 1rem;border:none;margin-bottom:1rem;}
    .hotel-list li .spec-item .txt .keys{margin-top:0.25rem;}
    .hotel-list li .spec-item:last-child{margin-bottom:0;}

    .hotel-list li .tours-spec .spec-item{width:100%;margin-bottom:1rem;}
    .hotel-list li .tours-spec .spec-item:last-child{margin-bottom:0;}

    .hotel-list li .list-options{margin-top:1rem;height:6.75rem;}
    .hotel-list li .list-options.detail-options{height:auto;}

    .hotel-list li .book-btn{margin-left:1.5rem;}

    .hotel-list li .detail-bottom .book-btn{margin:0;}

}


.about-bg{width:100%;background-repeat: no-repeat;background-size:cover;background-position: center;padding-bottom:9rem;height:100vh;position:relative;}
.about-bg .page-container{min-height:calc(100% - 156px);display:flex;align-items:center;justify-content:center;}
.about-bg .footer{position:absolute;bottom:0;left:0;right:0;z-index:9;}

.about-content{width:100%;margin:1rem 0;background-color:rgba(255,255,255,0.8);border-radius:1.25rem;padding:4.5rem 0;display: flex;align-items: center;justify-content:space-between;}
.about-logo{width:36.11%;display: flex;align-items: center;justify-content:center;}
.about-logo img{width:60%;max-width:334px;display:block;}

.about-intro{width:63.89%;border-left:#DAE7F0 solid 1px;padding:2.125rem 5%;}
.about-intro .about-title{width:9rem;border:#DAE7F0 solid 1px;box-shadow: 0 4px 12px rgba(15,86,129,0.1);background-color:#fff;padding:8px;border-radius:48px;}
.about-title-box{width:100%;background-color:#0F5681;height:3rem;border-radius:48px;display: flex;align-items: center;justify-content:center;}
.about-title-box .icon{width:1.125rem;margin-right:0.75rem;}
.about-title-box .icon img{display: block;width:100%;}
.about-title-box .nav{font-size:1rem;color:#fff;line-height:1.5rem;}

.about-intro .intro-txt{width:100%;margin-top:2.5rem;}
.about-intro .intro-txt .title{font-size:1.5rem;color:#0F5681;line-height:2rem;margin-bottom:1.25rem;}
.about-intro .intro-txt .txt{font-size:1rem;line-height:1.5rem;color:#000;}

.contact-content{padding:4.5rem;}
.contact-intro{width:100%;border:0;padding:0;}
.contact-intro .about-title{margin:0 auto;width:11rem;}

.contact-list{width:100%;margin-top:1rem;display: flex;flex-wrap:wrap;}
.contact-list .contact-item{width:22.65%;margin-left:3.13%;margin-top:3.13%;background-color:#fff;border-radius:1.25rem;position:relative;padding:2.5rem 1rem 4rem;}
.contact-list .contact-item:nth-child(4n+1){margin-left:0;}
.contact-list .contact-item .title{position:absolute;bottom:1.25rem;left:0;width:100%;font-size:1rem;color:#000;line-height:1.5rem;text-align:center;}
.contact-list .contact-item .img{width:68%;max-width:170px;margin:0 auto;}
.contact-list .contact-item img{display:block;width:80%;max-width:170px;margin:0 auto;}
.contact-list .contact-item .icon{width:6rem;height:6rem;border-radius:50%;border:#0F5681 solid 1px;display: flex;align-items: center;justify-content:center;margin:0 auto;}
.contact-list .contact-item .icon img{width:68%;max-width:2.25rem;}
.contact-list .contact-item .tel{width:100%;font-size:1.5rem;color:#0F5681;line-height:1.5rem;text-align:center;margin-top:2rem;}

@media(max-width:1440px){
    .about-bg{padding-bottom:7.875rem;}
    .about-bg .page-container{min-height:calc(100% - 128px);}

    .contact-content{padding:4rem;}
}
@media(max-width:1280px){
    .contact-content{padding:4rem;}
    .about-bg .page-container{min-height:calc(100% - 100px);}
    .contact-content{padding:3.5rem;}
}

@media(max-width:1080px){
    .about-bg{padding-bottom:7.875rem;}
    .about-bg .page-container{min-height:calc(100% - 56px);}

    .contact-content{padding:2.5rem;}
    .contact-list .contact-item{padding:2.5rem 1rem 3rem;}
    .contact-list .contact-item .title{bottom:1rem;}
    .contact-list .contact-item .icon{width:5.5rem;height:5.5rem;}
    .contact-list .contact-item .tel{font-size:1.25rem;margin-top:1.5rem;}
}

@media(max-width:769px){
    .about-bg{padding-bottom:13rem;}
    .about-content{display:block;padding:12px;}
    .about-logo{width:100%;}
    .about-intro{width:100%;border-left:none;border-top:#DAE7F0 solid 1px;padding:2rem 0;margin-top:2rem;}

    .contact-content{padding:12px;}
    .contact-intro{border:none;margin-top:0;padding-bottom:0;}

    .contact-list .contact-item{width:48.5%;margin-left:3%;margin-top:3%;padding:1.5rem 1rem 3.25rem;}
    .contact-list .contact-item:nth-child(4n+1){margin-left:3%;}
    .contact-list .contact-item:nth-child(odd){margin-left:0;}
    .contact-list .contact-item .icon{width:5rem;height:5rem;}
    .contact-list .contact-item .title{bottom:0.75rem;}
}