﻿
/* 公司简介 */
.index01{padding: 7% 0;}
.index01-container{max-width: 1360px;margin: 0 auto;padding: 0 6%;}
.index01-content{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.index01-left{display: inline-block;width: 64.70%;}
.index01-right{display: inline-block;width: 30.5%;}
.index01 .index-title {padding-bottom: 40px;text-align: left;}
.index01 .index-title:after{content: "";position: absolute;left: -25%;width: 45%;z-index: 2; height: 1px;background: #5a3919;bottom: 0;}
.index01-left .swiper-container-horizontal>.swiper-pagination{bottom: 5%;color: #fff;text-align: right;}
.index01-left .lbt-img{width: 100%;padding-bottom: 56.25%;position: relative;}
.index01-left .lbt-img a{position: absolute;left: 0;top: 0;overflow: hidden;display: inline-block;width: 100%;height: 100%;}
.index01-left .lbt-img a img{display: inline-block;width: 100%;height: 100%;}
.index01-left .swiper-container-horizontal>.swiper-pagination span{color: #fff;font-size: 16px;margin: 0 8px;}
.index01-left .swiper-container-horizontal>.swiper-pagination span:last-child{margin-right: 5%;}
.index01-left .swiper-pagination-bullet{width: auto;height: auto;background: none !important;opacity: .55;}
.index01-left .swiper-pagination-bullet-active{opacity: 1;}
.index01-left .swiper-button-next,.index01-left .swiper-button-prev{opacity: 0; top: 50%; border: none !important; width: 20px; height: 35px; background: url(../img/index01-arrow.png)no-repeat; background-size: 100% 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.index01-left .swiper-button-prev{ transform:rotate(0deg) ; -webkit-transform:rotate(0deg) ; -moz-transform:rotate(0deg) ; -ms-transform:rotate(0deg) ; -o-transform:rotate(0deg) ; }
.index01-left .swiper-button-prev,.index01-left .swiper-container-rtl .swiper-button-next{left: 5%;}
.index01-left .swiper-button-next,.index01-left .swiper-container-rtl .swiper-button-prev{right: 5%;}
.index01-left:hover .swiper-button-next,.index01-left:hover .swiper-button-prev{opacity: 1;}
.index01-txt{margin-bottom: 13%;}
.index01-txt p{font-size: 15px;color: #555;line-height: 32px;}

@media(max-width:1600px){
    .index01 .index-title{padding-bottom: 35px;}
}
@media(max-width:1500px){
    .index01-txt p{font-size: 14px;line-height: 30px;} 
    .index01 .index-title{padding-bottom: 30px;}
}
@media(max-width:1400px){
    .index01-left .swiper-container-horizontal>.swiper-pagination span{font-size: 15px;}
}
@media(max-width:1300px){
    .index01 .index-title{padding-bottom: 25px;}
    .index01-txt p{font-size: 13px;line-height: 28px;}
    
}
@media(max-width:1200px){
    .index01-container{padding: 0 3%;}
    .index01-left .swiper-container-horizontal>.swiper-pagination span{font-size: 14px;}
}
@media(max-width:960px){
    .index01-left{width: 100%;margin-bottom: 20px;}
    .index01-right{width: 100%;}
    .index01-txt{margin-bottom: 8%;}
}
@media(max-width:760px){
    .index01-left .swiper-container-horizontal>.swiper-pagination span{margin: 0 5px;}
    .index01{padding: 12% 0;}
}


/* 我们的特色 */
.index02-list ul{display: flex;flex-wrap: wrap;}
.index02-list ul li{display: inline-block;width: 25%;position: relative;}
.index02-list ul li .list-img{width: 100%;padding-bottom: 150%;position: relative;}
.index02-list ul li .list-img a{position: absolute;left: 0;top: 0;overflow: hidden;display: inline-block;width: 100%;height: 100%;}
.index02-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: 2s; -webkit-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; }
.index02-list ul li:hover .list-img a img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.index02-list ul li>a{ display: flex; align-items: center; justify-content: center; position: absolute; top: 4%; left: 6%; width: 88%; height: 92%; background: transparent; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list ul li>a .list-bg{ position: absolute; left: 0; top:0; width: 100%; height: 100%;opacity: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list ul li .list-txt{ display: inline-block; width: 100%; box-sizing: border-box; padding: 0 13%; text-align: center; overflow: hidden; position: relative; top: 7%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list ul li .list-txt img{display: inline-block;width: 22.4%;margin-bottom: 8%;}
.index02-list ul li .list-txt h1{font-size: 20px;font-weight: normal;color: #fff;padding-bottom: 15px;margin-bottom: 15px;position: relative;}
.index02-list ul li .list-txt h1:after{content: "";position: absolute;left: calc(50% - 10px);bottom: 0;width: 20px;height: 1px;background:#fff;}
.index02-list ul li .list-txt p{font-size: 14px;line-height: 30px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index02-list ul li .list-txt span{display: inline-block; font-size: 18px; margin-top: 15%; color: #5a3919;opacity: 0; width: 36px; line-height: 36px;position: relative;bottom: 0px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list ul li:hover .list-txt span {position: relative; bottom: 0;opacity: 1;}
/* .index02-list ul li:hover>a{background: url(../img/index02-box-bg.png) no-repeat;background-size: 100% 100%;} */
.index02-list ul li:hover>a .list-bg{opacity: 1; }
.index02-list ul li>a .list-bg img{display: inline-block;width: 100%;height: 100%;}
.index02-list ul li:hover .list-txt{top: 0%;}
@media(max-width:1600px){
    .index02-list ul li .list-txt h1{font-size: 19px;}
}
@media(max-width:1500px){
    .index02-list ul li .list-txt h1{font-size: 18px;}
    .index02-list ul li .list-txt p {font-size: 13px;line-height: 28px;}
}
@media(max-width:1400px){
    .index02-list ul li .list-txt h1{font-size: 17px;}
    .index02-list ul li .list-txt span{bottom: 0;position: relative;width: 33px;height: 33px;font-size: 16px;line-height: 33px;}
}
@media(max-width:1300px){
    .index02-list ul li .list-txt h1{font-size: 16px;}
    .index02-list ul li .list-txt p {font-size: 12px;line-height: 26px;}
}
@media(max-width:1200px){
    .index02-list ul li .list-txt h1{font-size: 15px;}
}
@media(max-width:960px){
    .index02-list ul li>a .list-bg{opacity: 1; }
    .index02-list ul li .list-txt h1{font-size: 14px;}
    .index02-list ul li{width: 50%;}
    .index02-list ul li .list-txt span{bottom: 0;position: relative;width: 28px;height: 28px;font-size: 14px;line-height: 28px;opacity: 1;}
    .index02-list ul li .list-txt{top: 2%;}
}



/* 我们的服务 */
.index03{padding: 7% 0 6%;background: url(../img/page-bg.jpg) repeat;background-size: 100% auto;}
.index03-container{max-width: 1280px;margin: 0 auto;padding: 0 6%;}
.index03-list ul{display: flex;flex-wrap: wrap;}
.index03-list ul li{ width: 22.65%; margin-right: 3.1%;margin-bottom: 2.5%;box-sizing: border-box; border: 1px solid #cd9055; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.index03-list ul li:nth-child(4n){margin-right: 0;}
.index03-list ul li a{width: 100%;display: flex;align-items: center;cursor: pointer; justify-content: center;padding: 10% 0; }
.index03-list ul li div{display: flex;align-items: center;}
.index03-list ul li div p img{ display: inline-block; width: 40px; margin-right: 20px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.index03-list ul li div p {font-size: 18px;color: #2b241c;}
.index03-list ul li:hover div p img{ transform:scale(1.3) ; -webkit-transform:scale(1.3) ; -moz-transform:scale(1.3) ; -ms-transform:scale(1.3) ; -o-transform:scale(1.3) ; }

@media(max-width:1600px){

}
@media(max-width:1500px){
    .index03-list ul li div p{font-size: 17px;}
    .index03-list ul li div p img{width: 35px;margin-right: 18px;}
}
@media(max-width:1400px){
    .index03-list ul li div p{font-size: 16px;}
}
@media(max-width:1300px){
    .index03-list ul li div p img{width: 30px;margin-right: 15px;}
    .index03-list ul li div p{font-size: 15px;}
}
@media(max-width:1200px){
    .index03-container{padding: 0 3%;}
    .index03-list ul li div p{font-size: 14px;}
}
@media(max-width:960px){
    .index03-list ul li div p img{width: 26px;margin-right: 12px;}
}
@media(max-width:760px){
    .index03{padding: 12% 0;}
    .index03-list ul{justify-content: space-between;}
    .index03-list ul li{width: 47.5%;margin-right: 0;margin-bottom: 15px;}
}




/* 酒店环境 */
.index04-container{background: url(../img/index04-bg.jpg) no-repeat;background-size: cover;padding: 3.5% 0 15%;}
.index04-container .index-title h1{color: #fff;}
.index04-container .index-title p{color: #ddd;}
.videolist { position:relative; text-align: center;margin-top: 5%;}
.videolist>img:nth-child(1){position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;}
.videolist:hover{ cursor: pointer; }
.videoed { display:block !important; width:50px; height:50px; position: absolute; left:calc(50% - 25px); top:45%; z-index:99; border-radius:100%; }
.videos{ display:none;position:fixed; left:30%; top:20%; z-index:100; width: 40%;}
.videos video{display: inline-block;width: 100% !important;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer;}
.index04-lbt{max-width: 1440px;margin: 0 auto;padding: 0 6% 6%;margin-top: -6%;}
.index04-lbt .item-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index04-lbt .item>a{display: block; width: 100%;box-sizing: border-box; }
.index04-lbt .item .item-img{background: #f0f0f0;width: 100%;padding-bottom: 66.6%;position: relative;overflow: hidden; }
.index04-lbt .item .item-img>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;}
.index04-lbt .item .item-img img{display: block;width: auto;width: 100%;height: 100%;margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.index04-lbt .item:hover .item-img img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.index04-lbt .item .item-txt {text-align: center;padding: 20px 20px;background: #f0f0f0;}
.index04-lbt .item .item-txt h2 {font-size: 18px;font-weight: normal;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04-lbt .item:hover .item-txt {background: #5a3919;}
.index04-lbt .item:hover .item-txt h2 {color:#fff;}
.index04-lbt .item:hover a{box-sizing: border-box;}
.index04-lbt .owl-theme .owl-dots{margin-top: 3%;}
.index04-lbt .owl-theme .owl-dots .owl-dot span{display: inline-block; width:8px; height:8px;margin:0 5px;background:#918c87;opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.index04-lbt .owl-theme .owl-dots .owl-dot.active span,.index04-lbt .owl-theme .owl-dots .owl-dot:hover span{background:#5a3919;opacity: 1;}

@media(max-width:1600px){
    .index04-lbt .item .item-txt h2{font-size: 17px;}
}
@media(max-width:1500px){
    .index04-lbt .item .item-txt h2{font-size: 16px;}
}
@media(max-width:1400px){
    .index04-lbt .item .item-txt h2{font-size: 15px;}
}
@media(max-width:1300px){

}
@media(max-width:1200px){
    .index04-lbt .item .item-txt{padding: 10px 10px;}
    .index04-lbt .item .item-txt h2{font-size: 14px;}
}
@media(max-width:960px){
    .videos{width: 90%;top: 25%;left: 5%;}
}
@media(max-width:760px){
    .videolist{margin-top: 8%;}
    .index04-container{padding: 12% 0 30%;}
    .videoed {width: 40px;height: 40px;left: calc(50% - 20px);}
    .index04-lbt{margin-bottom: 12%;}
}

/* 最新资讯 */
.index05{max-width: 1440px;margin:0 auto 8%;padding: 0 6%;}
.index05-content{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.index05-left{display: inline-block;width: 50%;background: #f6f6f6;}
.index05-right{display: inline-block;width: 45.13%;}
.index05-img{width: 100%;padding-bottom: 50%;position: relative;}
.index05-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;overflow: hidden;}
.index05-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index05-left:hover .index05-img a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index05-left .index05-txt{padding: 4% 4.5%;}
.index05-txt h2{font-size: 16px;color: #999;font-weight: normal;margin-bottom: 2%;}
.index05-txt h1 a{display: block; font-size: 18px;color: #333;font-weight: normal;margin-bottom: 2%;padding-right: 20%;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.index05-left .index05-txt h2{margin-bottom: 3.5%;}
.index05-left .index05-txt h1 a{margin-bottom: 3.5%;}

.index05-txt p a{display: block;font-size: 14px;color: #666;padding-right: 10%; overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.index05-right ul li{padding-bottom: 3.5%;margin-bottom: 3.5%;border-bottom: 1px solid transparent;}
.index05-right ul li:hover{border-bottom: 1px solid #5a3919;}
.index05-right ul li:last-child{margin-bottom: 0;}
.index05-right ul li:hover .index05-txt h1 a{color: #5a3919;}
.index05-left:hover .index05-txt h1 a{color: #5a3919;}
@media(max-width:1600px){
    .index05-txt h1 a{font-size: 17px;}
    .index05-txt h2{font-size: 15px;}
}
@media(max-width:1500px){
    .index05-txt h1 a{font-size: 16px;}
    .index05-txt h2{font-size: 14px;}
    .index05-txt p a{font-size: 13px;}
}
@media(max-width:1400px){
    .index05-txt h1 a{font-size: 15px;}
    .index05-txt h2{font-size: 13px;}
}
@media(max-width:1300px){
    .index05-txt h1 a{font-size: 14px;}
    .index05-txt h2{font-size: 12px;}
    .index05-txt p a{font-size: 12px;}
}
@media(max-width:1200px){
    .index05{padding: 0 3%;}
}
@media(max-width:960px){
    .index05-right ul li{padding-bottom: 15px;margin-bottom: 15px;}
    .index05-content{flex-direction: row;}
    .index05-left{width: 100%;margin-bottom: 3%;}
    .index05-right{width: 100%;}
    .index05-txt h1 a{font-size: 16px;}
}
@media(max-width:760px){
    .index05{margin-bottom: 12%;}
}


/* 加入我们 */
.index06-content{display: flex;flex-wrap: wrap;}
.index06-left{display: inline-block;width: 50%;}
.index06-img{width: 100%;padding-bottom: 37.5%;position: relative;}
.index06-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;overflow: hidden;}
.index06-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index06-left:hover .index06-img a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index06-right{display: flex;align-items: center; width: 50%;background: url(../img/index06-bg.jpg) no-repeat;background-size: cover;background-position: right;}
.index06-txt{box-sizing: border-box;width: 100%;padding-left: 10%;}
.index06-txt p{margin-bottom: 5%;font-size: 36px;color: #fff;font-family: "站酷文艺体";line-height: normal}
.index06-txt p img{display: inline-block; filter:brightness(100) ; -webkit-filter:brightness(100) ; height: 50px;}
.index06-btn{margin-top: 6.5%;}
.index06-btn a{display: inline-block;font-size: 15px;padding:12px 60px;margin-right: 3%;}
.index06-btn a:nth-child(1){background: #fff;border: 1px solid #fff;color: #5a3919;}
.index06-btn a:nth-child(2){border: 1px solid #fff;color: #fff;}
@media(max-width:1600px){
    .index06-txt p{font-size: 32px;}
}
@media(max-width:1500px){
    .index06-txt p{font-size: 30px;}
    .index06-btn a{font-size: 14px;padding: 12px 55px;}
    .index06-txt p img{height: 45px;}
}
@media(max-width:1400px){
    .index06-txt p{font-size: 28px;}
    .index06-btn a{font-size: 13px;padding: 11px 50px;}
}
@media(max-width:1300px){
    .index06-txt p{font-size: 26px;}
    .index06-btn a{font-size: 13px;padding: 11px 45px;}
    .index06-txt p img{height: 40px;}
}
@media(max-width:1200px){
    .index06-txt p{font-size: 24px;}
    .index06-btn a{font-size: 12px;padding: 10px 40px;}
}
@media(max-width:960px){
    .index06-txt p{font-size: 22px;}
    .index06-txt p img{height: 35px;}
    .index06-left{width: 100%;}
    .index06-right{width: 100%;}
    .index06-txt{padding: 5% ;}
    .index06-btn a{font-size: 12px;padding: 8px 35px;}
}
@media(max-width:760px){
    .index06-txt p{font-size: 20px;}
    .index06-btn a{font-size: 12px;padding: 8px 30px;}
}


