﻿/* 技术支持 开元（重庆）科技有限公司 */
.bg{background: #0E1317; color: #fff;}
.bg a{color: #fff;}
.banner{position: relative;}
.banbox{width: 92%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.banbox h2{font-size: 64px; font-weight: 400; margin-top: 30px;}
.banbox h3{font-size: 40px; font-weight: 400; margin-top:30px; letter-spacing: 10px; padding:0 200px; display: inline-block; position: relative;}
.banbox h3:after, .banbox h3:before{content: ''; width: 160px; height: 3px; background: #B98E6A; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.banbox h3:after{left: 0;}
.banbox h3:before{right: 0;}

.mgt50{margin-top: 60px;}
.pad50{padding:60px 0;}
.ictitle h4{font-size: 18px; color: #B98E6A;}
.ictitle h2{font-size: 32px; font-weight: 500; margin-top: 10px;}
.ictitle h3{width: 125px; border-bottom: 1px #B98E6A solid; height: 13px; position: relative; margin: 15px 0 13px; display: inline-block;}
.ictitle h3:after{content: ''; position: absolute; top: 0; left: 0; background: url(../images/title_icod.png) no-repeat; width: 26px; height: 26px;}
.ictitle.tar{text-align: right;}
.ictitle.tar h3:after{left: initial; right: 0;}
.ctitle{text-align: center;}
.ctitle h4{font-size: 18px; color: #B98E6A;}
.ctitle h2{font-size: 24px; font-weight: 700; margin-top: 10px;}
.ctitle h3{width: 150px; border-bottom: 1px #B98E6A solid; height: 10px; position: relative; margin: 5px 0 10px; display: inline-block;}
.ctitle h3:after{content: ''; position: absolute; top: 0; left: 50%; background: url(../images/title_ico.png) no-repeat; width: 20px; height: 20px; margin-left:-10px;}
.ctitle p{color: #BDBDBD; font-size: 16px; margin-top: 10px;}
.oncolor{color: #B98E6A;}
.iabout{width: 100%; overflow: hidden;}
.iabout_l{width: 48%; float: left; margin-top: 30px;}
.iabout_r{width: 48%; float: right;}
.iabout_info{font-size: 16px; width: 100%; overflow: hidden; color: #BDBDBD; padding-top: 20px;}
.iabout_info dl{ margin-top: 25px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.iabout_info dl dt{margin-right: 30px;}
.iabout_info dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.ivideo{position: relative; padding:30px 0 0 30px;}
.ivideo:after{content: ''; position: absolute; top: 0; left: 0; right: 30px; bottom: 30px; border:1px #B98E6A solid;}
.videobox{position: relative; z-index: 2; width: 100%; padding-bottom:55%; overflow: hidden;}
.videobox video{display: block; position: absolute; top: 0; left: 0;  bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.videobtn{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 80px; border:1px #fff solid; cursor: pointer; background: url(../images/videoplay.png) no-repeat center center; background-size: 50px 50px;}
.videobtn.paused{background: url(../images/videopause.png) no-repeat center center; background-size: 50px 50px;}
.iprivate_box{width: 100%; overflow: hidden; margin-bottom: 30px;}
.iprivate_l{width: 42%; float: left;}
.iprivate_r{width: 56%; float: right;}
.iprivate_txt{text-align: right; margin-top:30px; color: #BDBDBD; font-size: 16px;}
.iprivate_info{padding:50px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

.seasonal{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%;}
.seasonal .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0);transition-timing-function:linear !important;
    -webkit-transition-timing-function: linear !important;   
	  -moz-transition-timing-function: linear !important;
	  -ms-transition-timing-function: linear !important;
	  -o-transition-timing-function: linear !important;
	  transition-timing-function: linear !important;}
.seasonal.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.seasonal .swiper-slide {flex-shrink:0;width:384px; position:relative;}
.seasonal .swiper-slide span{width: 100%; padding-bottom: 108%; position: relative; overflow:hidden; display: block;}
.seasonal .swiper-slide span img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.seasonal_hd{padding:30px 0;}
.chefList{width: 100%; overflow: hidden;}
.chefList ul{ width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.chefList li{width: 23%; float: left; margin:30px 2% 0 0; background: #1C1F21; font-size: 16px;}
.chefLiimg{position: relative; width: 100%; padding-bottom: 104%; background: #090D10;}
.chefLiimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.chefLiimg h3{display: inline-block; position: absolute; left: 0; bottom: 0; background: #B98E6A; border-radius: 10px 10px 0 0; padding:5px 15px; font-weight: 500;}
.chefLitxt{padding:15px; color: #8A8A8A; line-height: 2;}
.room{ width: 100%; overflow: hidden; margin-top:30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.room_hd{width: 29%;}
.room_hd li{background: #090d10; border-bottom: 1px solid rgba(255,255,255,0.1); padding:30px 0;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center; cursor: pointer;}
.room_hd li dl{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.room_hd li dl dt{margin-right: 15px;}
.room_hd li dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.room_hd li dl dd h2{font-size: 18px; color: #B98E6A; font-weight: bold;}
.room_hd li dl dd p{font-size: 14px; color: #BDBDBD; margin-top:5px;}
.room_bd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; position: relative;}
.room_box{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.room_box img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.tycont{position: relative;}
.tyinfo{width: 92%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.nbanner{ width: 100%; height: 320px; text-align: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.nbanner h5{font-size: 18px; color: #B98E6A;}
.nbanner h2{font-size: 38px; font-weight: 500; padding:5px 0;}
.cantimg{width: 100%; text-align: right;}
.cantimg img{width: 81%;}
.canttxt{width: 86%; background: #3A3A3A; color: #BDBDBD; font-size: 18px; line-height: 2; position: relative; z-index: 1; margin-top:-80px; padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.canttxt:after, .canttxt:before{content: ''; width: 20px; height: 20px; border-radius: 20px; background: #B98E6A; position: absolute; top: 10px;}
.canttxt:after{left: 10px;}
.canttxt:before{right: 10px;}
.cantbg{background: url(../images/ctcbg.jpg) no-repeat; background-size: cover;}

.zsblack{ position: relative; padding:0 140px; margin-top: 30px;}
.zsbox{margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; padding:60px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.zsbox .swiper-wrapper {  position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;  transform: translate3d(0px,0,0);}
.zsbox .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); border:5px solid #B98E6A; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.zsbox .swiper-slide-active, .zsbox .swiper-slide-duplicate-active{ -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); z-index: 3; border-width: 10px;}

.zsbox .zs-pagination {position: absolute;text-align: center; transition: .3s opacity; transform: translate3d(0,0,0);z-index: 10;bottom: 10px; left: 0; width: 100%; display: none;}
.zsbox .swiper-pagination-bullet {  width: 8px; height: 8px; margin: 0 4px; display: inline-block; border-radius: 100%; background: #000;  opacity: .2; cursor: pointer;}
.zsbox .swiper-pagination-bullet-active { opacity: 1; background:#023ed8;}
.zs_prev, .zs_next{position: absolute; width: 80px; height: 80px; border-radius: 80px; top: 50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -moz-transform: translateY(-50%); cursor: pointer;}
.zs_prev{left: 0; background: url(../images/jtico_lno.png) no-repeat;}
.zs_next{right: 0; background: url(../images/jtico_rno.png) no-repeat;}
.zs_prev:hover{ background: url(../images/jtico_l.png) no-repeat;}
.zs_next:hover{ background: url(../images/jtico_r.png) no-repeat;}
.zsbox dl{width: 100%; padding-bottom:125%; position: relative;}
.zsbox dl img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.dish_menu{border-bottom: 1px #5B6063 solid; text-align: center; width: 100%; overflow-x: auto; overflow-y: hidden;}
.dish_menu ul{display: inline-block; margin:0 auto; white-space: nowrap;}
.dish_menu li{display: inline-block; position: relative; padding-bottom:40px; margin:0 20px; font-size: 16px;}
.dish_menu li a{display: inline-block; padding:0 15px; line-height: 40px; color: #8A8A8A;}
.dish_menu li.on a{background: #B98E6A; color: #fff;}
.dish_menu li.on:after{content: ''; width: 1px; height: 24px; background: #B98E6A; position: absolute; left: 50%; bottom: 10px;}
.dish_menu li.on:before{content: ''; width: 5px; height: 5px; border-radius: 5px; border:1px solid #B98E6A; position: absolute; left: 50%; bottom: 0; margin-left:-3px;}
.dish_menu::-webkit-scrollbar {-webkit-appearance:none;background-clip:padding-box;background-color: rgba(228, 228, 228, 0.3);border-radius:0;height:5px;}
.dish_menu::-webkit-scrollbar-thumb {background-clip:padding-box;background-color: rgba(216, 216, 216, 0.6);border-radius:0; cursor: pointer;}
.dish_list{width: 100%; padding-top:30px;}
.dish_list ul{ width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.dish_list li{width: 23%; margin:30px 2% 0 0; position: relative; padding-bottom: 5px;}
.dish_list li span{display: block; position: relative; width: 100%; padding-bottom: 75%; background: #0E1317;}
.dish_list li span img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: .5s cubic-bezier(.3, 1, .3, 1);}
.dish_list li span i{width: 32px; height: 32px; border-radius: 32px; opacity: 0; border:4px #fff solid; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);transition: .5s cubic-bezier(.3, 1, .3, 1);}
.dish_list li span i:after, .dish_list li span i:before{content: ''; background: #fff; border-radius: 4px; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.dish_list li span i:after{width: 20px; height: 4px;}
.dish_list li span i:before{width: 4px; height: 20px;}
.dish_list li h2{font-size: 16px; padding:10px 10px 0;}
.dish_list li p{font-size: 14px; color: #8A8A8A; padding:5px 10px 0;}
.dish_list li:after{content: ''; width: 0; height: 1px; background: #B98E6A; position: absolute; left: 0; bottom: 0; transition: .5s cubic-bezier(.3, 1, .3, 1);}
.dish_list li:hover:after{width: 100%;}
.dish_list li:hover span i{opacity: 1;}
.dish_list li:hover span img{opacity: 0.4;}
.pages{margin-top:50px; text-align: right; font-size: 16px;}
.pages a{width: 38px; height: 38px; line-height: 38px; text-align: center; background: #1C1F21; border-radius: 5px; margin:10px 0 0 10px; color: #8A8A8A; display: inline-block;}
.pages a.on{background: #B98E6A; color: #fff; cursor: initial;}
.room_list dl{width: 100%; overflow: hidden; margin-bottom:30px; background: #1C1F21; color: #8A8A8A; font-size: 16px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;transition: .5s cubic-bezier(.3, 1, .3, 1);}
.room_list dl dt{width: 42%; position: relative; overflow: hidden;}
.room_list dl dt img{display: block; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.room_list dl dt i{width: 32px; height: 32px; border-radius: 32px; opacity: 0; border:4px #fff solid; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);transition: .5s cubic-bezier(.3, 1, .3, 1);}
.room_list dl dt i:after, .room_list dl dt i:before{content: ''; background: #fff; border-radius: 4px; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.room_list dl dt i:after{width: 20px; height: 4px;}
.room_list dl dt i:before{width: 4px; height: 20px;}
.room_list dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.room_list dl dd h2 span{font-size: 20px; font-weight: 700px; margin-right: 10px; color: #fff;}
.room_list dl dd .room_txt{margin-top:20px; line-height: 2;}
.room_list dl:nth-child(even) dt{order: 2;}
.room_list dl:hover{background: #B98E6A; color: #fff;}
.room_list dl:hover dt i{opacity: 1;}
.contact_list ul{ width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.contact_list li{width: 31.33%; margin:0 2% 30px 0; padding:35px 25px; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background: #1C1F21;}
.contact_list li h2{margin-top: 30px; font-size: 20px; font-weight: bold; color: #8A8A8A;}
.contact_list li h3{margin-top: 15px; font-size: 22px; font-weight: bold;}
.contact_map{padding-top: 20px;}
.aboutvideo_content{position: relative;}
.about_videoinfo{position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5;}
.aboutvideo{position: relative; z-index: 2; width: 100%; height: 650px; overflow: hidden;}
.aboutvideo video{display: block; position: absolute; top: 0; left: 0;  bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.aboutvideobtn{ width: 80px; height: 80px; border-radius: 80px; margin-top:30px; display: inline-block; border:1px #fff solid; cursor: pointer; background: url(../images/videoplay.png) no-repeat center center; background-size: 50px 50px;}
.aboutvideobtn.paused{background: url(../images/videopause.png) no-repeat center center; background-size: 50px 50px;}
.about_us{width: 100%; overflow: hidden; margin-top: 40px;}
.about_usimg{width: 48%; float: left;}
.about_usimg img{width: 100%; max-width: initial;}
.about_usinfo{width: 52%; margin:30px 0; float: right; position: relative; z-index:2; padding:40px 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.about_usinfo:after{content: ''; position: absolute; left: -60px; top: 0; right: 0; bottom: 0; border:8px #B98E6A solid; z-index:-1;}
.about_ustitle{font-size: 24px; font-weight: bold;}
.about_ustxt{font-size: 18px; margin-top: 15px; color: #BDBDBD;}
.about_concept ul{ width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.about_concept li{width: 31.33%; margin:30px 2% 0 0; text-align: center;}
.about_concept li span{display: block; position: relative; width: 100%; padding-bottom: 124%; background: #0E1317;}
.about_concept li span img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.about_concept li h3{position: relative;z-index: 1; margin-top:-40px;}
.about_concept li h3 img{width: 80px; height: 80px; border-radius: 80px; background: #1C1F21;}
.about_concept li h2{font-size: 18px; font-weight: 600; margin-top:15px; letter-spacing: 3px;}
.about_concept li p{font-size: 16px; margin-top:5px; color: #8A8A8A; letter-spacing: 2px;}






@media all and (max-width:1500px) {
	
}

@media all and (max-width:1300px) {
	.banbox h5 img{width: 80px;}
	.banbox h2{font-size: 46px; margin-top: 15px;}
	.banbox h3{font-size: 26px; padding:0 100px; margin-top:15px;}
	.banbox h3:after, .banbox h3:before{width: 60px;}
	



}
@media all and (max-width:1024px) {
	.banbox h5 img{width: 40px;}
	.banbox h2{font-size: 30px; margin-top: 10px;}
	.banbox h3{font-size: 16px; padding:0 60px; margin-top:10px;}
	.banbox h3:after, .banbox h3:before{width: 40px;}
	.chefList li{width: 48%;}
	.dish_list li{width: 31.33%;}
	.room_list dl{font-size: 14px;}
	.contact_list li img{width: 50px;}
	.contact_list li h2{margin-top: 20px; font-size: 14px;}
	.contact_list li h3{margin-top: 10px; font-size: 16px;}
	.about_usinfo{padding:30px;}
	.about_usinfo:after{border-width: 4px;}
	.about_ustitle{font-size: 18px;}
	.about_ustxt{font-size: 14px;}
	
	

}

@media all and (min-width:0) and (max-width:768px) {
	.mgt50{margin-top:30px;}
	.pad50{padding:30px 0;}
	.ictitle h4{font-size: 14px;}
	.ictitle h2{font-size: 24px; margin-top: 5px;}
	.ictitle h3{width: 100px; margin:5px 0 10px;}
	.ctitle h4{font-size: 14px;}
	.ctitle h2{font-size: 22px; margin-top: 5px;}
	.ctitle h3{width: 120px; margin:3px 0 10px;}
	.banner{min-height: 200px;}
	.banner>img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
	.banbox h5 img{width: 30px;}
	.banbox h2{font-size: 20px;}
	.banbox h3{font-size: 14px; padding:0 30px;letter-spacing: 5px;}
	.banbox h3:after, .banbox h3:before{width: 20px; height: 1px;}
	.iabout_l, .iabout_r{width: 100%; float: initial;}
	.iabout_r{margin-top:30px;}
	.iabout_info{padding-top:10px; font-size: 14px;}
	.iabout_info dl{margin-top:15px;}
	.iabout_info dl dt{margin-right: 10px;}
	.iabout_info dl dt img{width: 50px;}
	.ivideo{padding:15px 0 0 15px;}
	.ivideo:after{right: 15px; bottom: 15px;}
	.videobtn{width: 40px; height: 40px; border-radius: 40px; background-size: 20px 20px;}
	.videobtn.paused{ background-size: 20px 20px;}
	.iprivate_l,.iprivate_r{width: 100%; float: initial;}
	.iprivate_box{display: flex; flex-direction: column; margin-bottom:20px;}
	.iprivate_info{order: -1; padding:0 0 20px;}
	.iprivate_txt{font-size: 14px; margin-top:15px;}
	.iprivate_r{ margin-top:20px;}
	.seasonal .swiper-slide{width: 160px;}
	.ctitle p{font-size: 14px;}
	.chefList li{font-size: 14px;}
	.chefLitxt{ line-height: 1.5; padding:10px;}
	.room{flex-direction: column;margin-top:15px;}
	.room_bd{order: 2; margin-top:20px;}
	.room_box{position: initial;}
	.room_hd{width: 100%;}
	.room_hd ul{ overflow-x: auto; white-space: nowrap;}
	.room_hd li{display: inline-block; padding:10px 10px;}
	.room_hd li dl dt{margin-right: 10px;}
	.room_hd li dl dt img{width: 40px;}
	.room_hd li dl dd h2{font-size: 15px;}
	.room_hd li dl dd p{font-size: 12px; margin-top:0;}
	.tycont{z-index: 1;}
	.tycont>img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto; z-index: -1;}
	.tyinfo{padding:20px 0; margin:0 auto; position: initial;-webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%);}
	.zsblack{padding:0 40px; margin-top:10px;}
	.zs_prev, .zs_next{width: 30px; height: 30px; border-radius: 30px;}
	.zs_prev, .zs_next, .zs_prev:hover, .zs_next:hover{background-size: 30px;}
	.zsbox{padding:30px 0;}
	.zsbox .swiper-slide{border-width: 2px;}
	.zsbox .swiper-slide-active, .zsbox .swiper-slide-duplicate-active{border-width: 3px;}
	.nbanner{height: 160px;}
	.nbanner h5{font-size: 14px;}
	.nbanner h2{font-size: 28px;}
	.canttxt{padding:20px; font-size: 14px; margin-top: -30px;}
	.canttxt:after, .canttxt:before{width: 10px; height: 10px;}
	.dish_menu li{margin:0 5px; padding-bottom:20px; font-size: 14px;}
	.dish_menu li.on:after{height: 8px;}
	.dish_menu::-webkit-scrollbar{height: 0;}
	.dish_menu li a{line-height: 35px;}
	.dish_list{padding-top: 15px;}
	.dish_list li{width: 48%; margin-top:20px;}
	.dish_list li h2{font-size: 14px;}
	.dish_list li p{font-size: 12px;}
	.pages{margin-top:25px;}
	.pages a{width: 30px; height: 30px; line-height: 30px;}
	.room_list dl{flex-direction: column; font-size: 14px;}
	.room_list dl:nth-child(even) dt{order: initial;}
	.room_list dl dt{width: 100%;}
	.room_list dl dd{padding:20px;}
	.contact_list ul, .contact_list li{width: 100%;}
	.contact_list li{margin:0 0 20px;}
	.contact_map{padding-top: 10px;}
	.about_usimg, .about_usinfo{width: 100%; float: initial;}
	.about_usinfo{margin:0;}
	.about_usinfo:after{left: 0;}
	.about_concept ul, .about_concept li{width: 100%;}
	.about_concept li{margin:30px 0 0;}
	.aboutvideo{height: 330px;}	
	.aboutvideobtn{width: 40px; height: 40px; border-radius: 40px; background-size: 20px 20px; margin-top: 15px;}
	.aboutvideobtn.paused{ background-size: 20px 20px;}

}
@media all and (max-width:600px) {
	

	
}




































