/*Created by lk on 2024/11/07.*/

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}

/*----banner----*/
.banner{position: relative; width: 100%; overflow: hidden; background: url(../image/banner01.jpg) no-repeat center; background-size: cover; }
.banner:after{content: ""; display: block; width: 100%; height: 150px; background: url(../image/bg04.png) no-repeat bottom center;  position: absolute; bottom: 0; left: 0; z-index: 2;}
.banner .banner-inner{position: relative; height: 1080px; padding: 33% 50px 0 100px;}
.banner .banner-inner .banner-video{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.banner .banner-inner .banner-video video{height: 100%;}

.banner-booking{position: relative; width: 200px; height: 200px; margin-right: 60px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%;}
.banner-booking a{position: relative; z-index: 2;}
.banner-booking .icon img{display: block; margin: 34% auto 10px auto; float: none;}
.banner-booking h6{font-size: 16px; color: #fff; font-family: 'POPPINS-LIGHT'; text-align: center;}
.banner-booking:before{content: ""; display: block; width: 100%; height: 100%; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; border-radius: 50%; animation: rot 2s infinite linear;}

.banner-text{width: 860px; position: relative; z-index: 2;}
.banner-text h3{font-size: 80px; color: #fff; line-height: 1; margin-bottom: 6px; font-family: 'CormorantSC-Bold'}
.banner-text h6{font-size: 18px; color: #fff; font-family: 'POPPINS-LIGHT';}

.banner-date{position: relative; width: 520px; height: 190px; padding: 38px 80px 0 50px; background: #351b0b; opacity: 1; transition: all ease .8s; -webkit-transition: all ease .8s;}
.banner-date h6{font-size: 18px; color: #604c42; margin-bottom: 26px;}
.banner-date h3{font-size: 22px; color: #fff; line-height: 1.2; font-family: 'Poppins-SemiBold'}
.banner-date .r{display: block; width: 32px; height: 32px; background: url(../image/icon02.png) no-repeat; position: absolute; top: 0; right: 0; margin: 30px 40px 0 0;}
.banner-date.hide{opacity: 0; visibility: hidden;}

@keyframes rot {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/*----content------*/
.container{position: relative; background: #fff; z-index: 9;}

.title{margin-bottom: 70px;}
.title h4{font-size: 21px; color: #311303; letter-spacing: 2px; margin-bottom: 70px; }
.title h5{font-size: 75px; color: #579192; line-height: 1; margin-bottom: 14px; text-transform: uppercase; font-family: 'CormorantSC-Bold';}
.title p{font-size: 16px; color: #351b0b; line-height: 1.7; }
.title h2{font-size: 45px; color: #311303; text-transform: uppercase; font-family: 'CormorantSC-Bold';}

.a-link{position: relative; width: 600px; margin-top: 40px; font-size: 18px; color: #579192; letter-spacing: 4px; padding: 30px 0 30px 34px; border-top: 1px solid rgba(21,53,27,.1); box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s; overflow: hidden;}
.a-link:before{content: ""; display: block; width: 14px; height: 14px; background: #579192; border-radius: 50%; position: absolute; top: 0; left: 0; margin-top: 38px;  transition: all ease .4s; -webkit-transition: all ease .4s;}
.a-link:after{content: ""; display: block; width: 0; height: 1px; background: #579192; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a-link i{width: 32px; height: 32px; background: url(../image/icon03.png) no-repeat; display: block; position: absolute; top: 0; right: 0; margin: 28px -32px 0 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a-link:hover{padding: 30px 0;}
.a-link:hover i{margin: 28px 0 0 0;}
.a-link:hover:after{width: 100%;}
.a-link:hover:before{display: none;}

/* list01 */
.list01{position: relative; padding: 120px 0 460px 0; background: #ebe9e5; overflow: hidden;}
.list01 .list01-con{width: 1200px; margin: 0 auto;}
.list01 .list01-con .list01-left{width: 36%;}
.list01 .list01-con .list01-left h3{font-size: 21px; color: #311303; letter-spacing: 2px;}
.list01 .list01-con .list01-right{width: 64%;}
.list01 .list01-con .list01-right h3{font-size: 75px; color: #579192; line-height: 1; margin-bottom: 10px; text-transform: uppercase; font-family: 'CormorantSC-Bold';}
.list01 .list01-con .list01-right p{font-size: 16px; color: #351b0b; line-height: 1.7;}

.list01 .wheel{display: block; width: 100%; font-size: 400px; color: #f6f5f2; font-family: 'CormorantSC-Bold'; position: absolute; bottom: 0; left: 0; white-space: nowrap; animation: slick 20s infinite linear;}

@keyframes slick{

    0%{transform: translateX(0);}
    100%{transform: translateX(-110%);}

}


/* list02 */
.list02{position: relative; padding: 80px 0 0 0; background: linear-gradient(to bottom, #ebe9e5, #e3e1dc); overflow: hidden;}
.list02 .list02-con{width: 80%; margin: 0 auto;}
.list02 .list02-con .title{margin-left: 6%; width: 50%;}

.list02 .list02-con .list02-list .item{float: left; margin-bottom: 140px;}
.list02 .list02-con .list02-list .item .img{width: 100%; overflow: hidden;}
.list02 .list02-con .list02-list .item .img img{width: 100%; display: block; float: none; _transform: scale(0.6); transition: all ease .6s; -webkit-transition: all ease .6s;}
.list02 .list02-con .list02-list .item .text{position: relative; margin-top: 50px; padding-left: 12%; padding-right: 5%;}
.list02 .list02-con .list02-list .item .text h6{font-size: 18px; color: #579192; position: absolute; top: 0; left: 0; margin-left: 4px;}
.list02 .list02-con .list02-list .item .text h3{font-size: 32px; color: #311303; margin-bottom: 40px; text-transform: uppercase; font-family: 'Poppins-SemiBold';}
.list02 .list02-con .list02-list .item .text p{font-size: 18px; color: #311303; line-height: 1.8;}
.list02 .list02-con .list02-list .item:nth-child(1){width: 56.5%;}
.list02 .list02-con .list02-list .item:nth-child(2){width: 31.6%; margin-left: 11.9%; margin-top: 100px;}
.list02 .list02-con .list02-list .item:nth-child(2) .text{padding-right: 9%;}
.list02 .list02-con .list02-list .item:nth-child(3){width: 31.6%; margin-right: 11.9%; position: relative; margin-top: -300px;}
.list02 .list02-con .list02-list .item:nth-child(3) .text{padding-right: 9%;}
.list02 .list02-con .list02-list .item:nth-child(4){width: 56.5%;}
.list02 .list02-con .list02-list .item:nth-child(4) .img{width: 78%;}
.list02 .list02-con .list02-list .item:nth-child(4) .text{padding-right: 5%;}

.list02 .list02-con .list02-list .item.on .img img{transform: scale(1);}

.list02 .list02-con .list02-list .item:hover .img img{transform: scale(1.1);}

.list02 .list02-con .a-link{margin-left: 44%; top: -60px;}


/* list03 */
.list03{position: relative; padding: 360px 0 100px 0; background: #ebe9e5; overflow: hidden;}
.list03 .list03-bg{width: 100%; position: absolute; top: 0; left: 0;}
.list03 .list03-bg img{width: 100%;}
.list03 .list03-bg:after{content: ""; display: block; width: 100%; height: 100px; background: url(../image/bg05.png) no-repeat top center; background-size: contain; position: absolute; top: 0; left: 0;}

.list03 .list03-con .title{margin-left: 35%; width: 60%;}
.list03 .list03-con .list03-list{display: flex;}
.list03 .list03-con .list03-list .item{width: 50%;}
.list03 .list03-con .list03-list .item:nth-child(1){padding-left: 8%;}
.list03 .list03-con .list03-list .item .img{max-width: 406px; margin: 0 auto; display: none;}
.list03 .list03-con .list03-list .item .img img{width: 100%;}
.list03 .list03-con .list03-list .item .list{padding-right: 20%;}
.list03 .list03-con .list03-list .item .list li{position: relative; padding: 56px 0 56px 19%; border-top: 1px solid rgba(21,53,27,.1); box-sizing: border-box;}
.list03 .list03-con .list03-list .item .list li:before{content: ""; display: block; width: 0px; height: 1px; background: #579192; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03-con .list03-list .item .list li h2{font-size: 32px; color: #311303; margin-bottom: 40px; font-family: 'Poppins-SemiBold'}
.list03 .list03-con .list03-list .item .list li p{font-size: 18px; color: #311303;}
.list03 .list03-con .list03-list .item .list li span{display: block; position: absolute;}
.list03 .list03-con .list03-list .item .list li span.d{font-size: 18px; color: #579192; top: 0; left: 0; margin: 62px 0 0 50px;}
.list03 .list03-con .list03-list .item .list li span.r{width: 32px; height: 32px; background: url(../image/icon03-1.png) no-repeat -32px 0; top: 0; right: 0; margin-top: 60px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03-con .list03-list .item .list li:hover:before{width: 100%;}
.list03 .list03-con .list03-list .item .list li:hover span.r{background: url(../image/icon03-1.png) no-repeat 0 0}

.list03 .list03-con .list03-list .item .img.on{display: block;}


/* list04 */
.list04{position: relative; padding: 20px 0 80px 0; background: linear-gradient(to bottom, #ebe9e5, #e3e1dc);  overflow: hidden;}
.list04 .list04-con{width: 92%; margin: 0 auto;}
.list04 .list04-con .title{text-align: center;}
.list04 .list04-con .list04-list .li{margin: 0 14px; cursor: pointer;}
.list04 .list04-con .list04-list .li .imgs{padding: 60px 60px 0 60px; background: #dcd9d2;}
.list04 .list04-con .list04-list .li .imgs .img{width: 100%; overflow: hidden;}
.list04 .list04-con .list04-list .li .imgs .img img{width: 100%; display: block; float: none; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .list04-con .list04-list .li .text{padding-top: 36px;}
.list04 .list04-con .list04-list .li .text h3{font-size: 26px; color: #311303; height: 40px; line-height: 48px; padding-left: 50px; margin-bottom: 20px; background: url(../image/icon05.png) no-repeat left center; font-family: 'Poppins-SemiBold'}
.list04 .list04-con .list04-list .li .text p{font-size: 13px; color: #311303; line-height: 1.7;}
.list04 .list04-con .list04-list .li:hover .img img{transform: scale(1.1);}



/* list05 */
.list05{position: relative; padding: 280px 0 210px; background: #ebe9e5 url(../image/bg03.png) no-repeat center; overflow: hidden;}
.list05:after{content: ""; display: block; width: 100%; height: 100px; background: url(../image/bg02.png) no-repeat top center; position: absolute; top: 0; left: 0;}

.list05 .list05-con{width: 60%; margin: 0 auto; text-align: center;}
.list05 .list05-con h3{font-size: 30px; color: #fff; margin-bottom: 50px;}
.list05 .list05-con .text{width: 720px; margin: 0 auto; padding: 30px; border-radius: 8px; color: #fff; background: #579192;}
.list05 .list05-con .text h4{font-size: 37px; text-transform: uppercase; font-family: 'CormorantSC-Bold';}
.list05 .list05-con .text h6{font-size: 82px; font-family: 'BlackMango-SemiBold';}


/* list06 */
.list06{position: relative; padding: 80px 0; background: #ebe9e5; overflow: hidden;}
.list06 .list06-con{width: 70%; margin: 0 auto;}
.list06 .list06-list .list li{position: relative; padding: 66px 0; border-bottom: 1px solid rgba(21,53,27,.1); cursor: pointer;}
.list06 .list06-list .list li:before{content: ""; display: block; width: 0px; height: 1px; background: #579192; position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list06 .list06-list .list li h6{display: inline; font-size: 18px; color: #311303; margin-right: 100px;}
.list06 .list06-list .list li h4{display: inline; font-size: 18px; color: #311303; margin-right: 150px;} 
.list06 .list06-list .list li h2{display: inline; font-size: 18px; color: #311303;}
.list06 .list06-list .list li .r{display: block; width: 32px; height: 32px; background: url(../image/icon03-1.png) no-repeat -32px 0; position: absolute; top: 0; right: 0; margin-top: 60px; transition: all ease .3s; -webkit-transition: all ease .3s;}

.list06 .list06-list .list li:hover:before{width: 100%;}
.list06 .list06-list .list li:hover .r{background: url(../image/icon03-1.png) no-repeat 0;}

.list06 .list06-con .a-link{margin-left: 31%; margin-top: 80px;}