@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.iht .gallery-top .swiper-slide .txt h3,.iv .txt h3,.inews .tit h3{ font-size:3.2em;}
	.idi .txt h3{ font-size:2.4em;}
	.inews .tit{ margin-bottom:80px;}
}
@media screen and (max-width: 1440px) {
	.iht .gallery-top .swiper-slide .txt { padding: 20% 20px 20px 360px;}
	.idi{ padding:80px 0;}
	.inews{ padding:60px 0;}
	.inews .txts .inews-slider .txt h3{ font-size:2em; margin-bottom:5px;}
	.footer .fo1{ padding:30px 0;}
	.footer .fo2{ padding:10px 0;}
	.footer .fo3{ padding:15px 0;}
	.footer .fo2 .fc .fp .t h3{ font-size:2em;}
}
@media screen and (max-width: 1250px) {
	.iht .gallery-top .swiper-slide .txt h3,.iv .txt h3,.inews .tit h3{ font-size:2.4em;}
	.iv .txt p{ font-size:1.4em; letter-spacing:0;}
	.idi .txt p{ font-size:1.4em;}
	.idi .dots .dot:after, .idi .dot1:after{ height:6px;}
	.idi .txt{ padding:20px;}
	.idi .txt h3{ font-size:2em;}
	.inews .tit span{ margin:20px 0;}
	.inews .tit{ margin-bottom:60px;}
	.footer .fo2 .da .d>*{ margin:5px 0;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.footer .fo3 .fs{ display:none;}
	.header .logo{ width:180px; padding: 12px 20px; }
	.banner .img img{ width:180px;}
	.inews .tit{ margin-bottom:40px;}
	.inews .txts .inews-slider .txt h3{ font-size:1.6em; max-width:80%;}
	.inews .txts .inews-slider .txt p{ max-width:80%;}
	.footer .fo1,.footer .fo2{ display:none;}
	.idi .txt h3{ font-size:1.8em;}
	.idi .dots .dot,.idi .dot1{ width: 100%;  margin: 10px 0px;}
}
@media screen and (max-width: 850px) {
	.bottomlist ul li img{ height:25px; width:25px;}
	.footer {  margin-bottom: 37px;}
	.iht .gallery-thumbs{ display:none; overflow:hidden; height:auto; top:40px; width:92%; padding:0;}
	.iht .gallery-thumbs .swiper-slide{ text-align:center;  padding:14px 0; border:none; border-top:1px dashed #fff;}
	.iht .gallery-thumbs .swiper-slide p{ color:#fff; text-shadow:1px 1px 0 #333;}
	.iht .gallery-thumbs .swiper-slide:after{ top:-30px;  left:0; right:0; margin:auto;}
	.iht .gallery-thumbs .swiper-slide:before{ top:-30px;  left:0; right:0; margin:auto;}
	.iht .gallery-thumbs .swiper-slide-thumb-active p{ color: #ba9420;}
	.iht .gallery-top .swiper-slide .txt{ padding:30% 40px 20px 40px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.iht .gallery-top .swiper-slide .txt p{ max-width:100%; text-shadow:1px 1px 0 #333;}
	.iht .gallery-top .swiper-slide .txt h3, .iv .txt h3, .inews .tit h3{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.inews .txts .inews-slider .txt p{ max-width:100%;  height: 48px;  -webkit-line-clamp: 2;}
	.footer .fo3 p{ line-height:20px;  font-size:1.2em;}
	.inews{ padding:40px 0;}
	.idi{ padding:40px 0;}
	.banner .img img{ width:160px;}
}
@media screen and (max-width: 450px) {
	.banner .img img{ width:120px;}
	.iht .gallery-top { height:500px;}
	.iht .gallery-top .swiper-slide .txt{ padding:60px 20px 20px 20px;}
	.idi .dot1 img{ width:200%; margin-left:-50%;}
	.iht .gallery-top .swiper-slide .txt h3, .iv .txt h3, .inews .tit h3{ font-size:1.6em; text-shadow:0 0 6px rgba(0,0,0,0.6);}
	.iht .gallery-top .swiper-slide p{ text-shadow:0 0 6px rgba(0,0,0,0.6);}
}

/*case*/
@media screen and (max-width: 1600px) {
	.banners{ height:650px;}
	.tits h3{ font-size:3.2em;}
}
@media screen and (max-width: 1440px) {
	.banners{ height:550px;}
	.tits h3{ font-size:2.8em;}
	.case-t .tits{ margin-bottom:20px;}
	.case-t .dots .dot{ margin:15px 20px;}
}
@media screen and (max-width: 1250px) {
	.case-t .dots .dot .txt{ padding:10px;}
	.case-t .dots .dot .txt p{ font-size:1.4em;}
	.case-t .dots .dot{ width:calc(33.33% - 20px); margin:10px;}
	.case-t{ padding:50px 0;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:450px;}
	.tits h3{ font-size:2.4em;}
}
@media screen and (max-width: 850px) {
	.banners{ height:350px;}
	.case-t .dots .dot{ width:calc(50% - 20px);}
	div.fy a,div.fy span.current,div.fy span.disabled{  padding:4px 8px; }
	.tits h3{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.banners{ height:250px;}
	.case-t .dots .dot{ width:calc(100% - 20px);}
	.case-t{ padding:40px 0;}
	.tits h3{ font-size:1.6em;}
}

/*news*/
@media screen and (max-width: 1600px) {
	.news-t .tits{ margin-bottom:40px;}
}
@media screen and (max-width: 1024px) {
	.news-t .dots .dot{ margin:40px 0 20px 0;}
	.news-t .dots .dot .img{ width:100%; max-width:340px; float:none;} 
	.news-t .dots .dot .txt{ width:100%; flaot:none; }
	.news-t .dots .dot .txt .tit{ padding:30px 0 10px 0;}
	.news-t{ padding:50px 0;}
}
@media screen and (max-width: 650px) {
	.news-t .dots .dot .txt .tit .more{ display:none;}
	.news-t .dots .dot .txt .tit .t{ width:100%; float:none; }
	.news-t .dots .dot .txt .tit .t h3{ font-size:1.4em;  margin-bottom:0;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*dishes*/
@media screen and (max-width: 1600px) {
	.dishes{ height:590px;}
}
@media screen and (max-width: 1440px) {
	.dishes-t .dil{ padding:30px 0 15px 0;}
	.dishes-t .boxs .box{ width:calc(50% - 40px); margin:15px 20px;}
}
@media screen and (max-width: 1250px) {
	.dishes-t .dil a{ margin:5px 20px;}
	.dishes-t{ padding-bottom:40px;}
}
@media screen and (max-width: 1024px) {
	.dishes-t .boxs .box .txt{ padding:10px;}
	.dishes-t .boxs .box .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.dishes-t .dil a{ margin:3px 10px;}
	.dishes-t .boxs .box { float:none;  width: 100%;   margin: 30px 0px 0 0 ;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.ab-ban .txt h3{ font-size:2.4em;}
	.ab-ban .txt p{ font-size:1.4em; margin-bottom:16px;}
	.about .tit h3{ font-size:2.4em;}
	.about .tit h4{ font-size:4.2em;}
	.ab2 .tit h5{ margin-top:50px;}
	.ab3{ padding:100px 0;}
	.ab4 .txts{ padding:180px 0;}
	.ab5 .tit{ padding-left:5%;}
}
@media screen and (max-width: 1440px) {
	.ab2{ padding:100px 0;}
	.ab2 .tit{ padding-left:5%;}
	.ab2 .devl-t .swiper-slide .t h3{ font-size:2.4em;}
}
@media screen and (max-width: 1250px) {
	.ab-ban .warp{ padding-right:5%;}
	.ab2{ padding:80px 0;}
	.about .tit h3{ font-size:2em;}
	.about .tit h4{ font-size:3.2em;}
	.ab2 .tit h5{ font-size:1.4em; margin-bottom:0;}
	.ab2 .tit p{ font-size:2em;}
	.ab2 .tit{ width:30%;}
	.ab2 .devl-t{ width:70%;}
	.ab2 .devl-t .devl-slider{ height:500px;}
	.ab2 .devl-t .swiper-slide{ padding:20px 30px;}
	.ab2 .devl-t .swiper-slide .t h3{ font-size:2em;}
	.ab2 .devl-t .swiper-slide .t{ width:160px;}
	.ab2 .devl-t .swiper-slide .t2{ width:calc(100% - 160px);}
	.ab2 .devl-t .swiper-slide .t2 h3{ font-size:1.6em;}
	.ab2 .devl-t .swiper-slide .t2 p{ font-size:1.4em;}
	.ab3 .img{ width:40%;}
	.ab3 .img img{ max-width:90%;}
	.ab3 .txt{ padding-top:80px;}
	.about .tit h4{ font-size:2.8em;}
	.ab3 .txt p{ margin-bottom:15px;}
	.ab3{ padding:80px 0;}
	.ab4 .txts{ padding:120px 0;}
	.ab5 {  padding: 140px 0 40px 0;}
	.ab5 .tit{ width:20%;}
	.ab5 .dots{ width:80%;}
	.ab5 .dots>* { width: calc(50% - 20px);  margin: 0 10px;}
	.ab5 .dots .img:nth-child(2n){ margin-top: 20px;}
	.ab5 .dots .img:nth-child(2n-1){ margin-top: -20px;}
}
@media screen and (max-width: 1024px) {
	.ab2 .devl-t .swiper-slide:hover .t h3{ transform: scale(1.4);}
	.ab2 .devl-t .swiper-slide .t{ width:100px;}
	.ab2 .devl-t .swiper-slide .t2{ width:calc(100% - 100px);}
	.ab3 .txt{ padding:20px;}
	.ab3 .txt .tit{ margin-bottom:10px;}
}
@media screen and (max-width: 850px) {
	.ab-ban .warp{ width:100%; padding:0 50px;}
	.ab2 .tit{ width:100%; padding:20px 20px 40px 20px;}
	.ab2 .tit h5{ margin-top:10px;}
	.ab2{ padding:60px 0;}
	.ab2 .devl-t{ width:100%;}
	.ab3{ padding:60px 0;}
	.ab3 .img{ width:100%; max-width:400px;}
	.ab3 .txt{ width:100%; padding:40px 0 0 0;}
	.ab4 .txts{ padding:60px 0;}
	.ab4{ background-position: right center;}
	.ab5{ padding:60px 0;}
	.ab5 .tit{ width:100%; margin-bottom:20px;}
	.ab5 .dots{ width:100%; padding:20px;}
}
@media screen and (max-width: 650px) {
	.ab-ban .warp{ padding:0 20px;}
	.ab2,.ab3,.ab5{ padding:40px 0;}
	.about .tit h3{ font-size:1.8em; margin-bottom:4px;}
	.about .tit h4{ font-size:2em;}
	.ab2 .devl-t .swiper-slide{ padding:20px;}
	.ab2 .devl-t .swiper-slide .t h3{ font-size:1.6em;}
	.ab2 .devl-t .swiper-slide .t{ width:80px;}
	.ab2 .devl-t .swiper-slide .t2 { width: calc(100% - 80px);}
	.ab2 .devl-t .swiper-slide .t2 h3{ font-size:1.4em; margin-bottom:4px;}
	.ab5 .dots>* { width: 100%;  margin: 0 0px;}
	.ab5 .dots .dot2{ margin-top:0;}
	.ab5 .dots .img:nth-child(2n){ margin-top: 20px;}
	.ab5 .dots .img:nth-child(2n-1){ margin-top: 20px;}
}
@media screen and (max-width: 450px) {
	.ab-ban .txt h3{ font-size:2em; margin-bottom:20px;}
	.ab4 .txts{ padding:40px 0;}
	.ab4 .txts p{ color:#fff;}
	.ab5 .tit{ margin-bottom:0;}
	.ab5{ padding:40px 0 0 0;}
}

/*hotel*/
@media screen and (max-width: 1600px) {
	.hotel2{ padding:80px 0;}
	.hotel3{ padding:70px 0;}
}
@media screen and (max-width: 1440px) {
	.hotel2{ padding:60px 0;}
	.hotel2 .txt h3{ font-size:2.8em; margin-bottom:20px;}
	.hotel3,.hotel4{ padding:50px 0;}
	.hotel4 .t1 h3{ font-size:3.2em;}
}
@media screen and (max-width: 1250px) {
	.hotel2{ padding:40px 0;}
	.hotel2 .txt h3{ font-size:2.4em;}
	.hotel3 .tits{ margin-bottom:30px;}
	.hotel4 .t3 img{ width:80px;}
	.hotel4 .t2 p{ font-size:3.2em;}
	.hotel4 .t1 h3{ font-size:2.8em;}
}
@media screen and (max-width: 1024px) {
	.hotel2 .txt{ width:100%; margin-bottom:30px; float:none;}
	.hotel2 .txt p{ max-width:100%;}
	.hotel2 .img{ float:none; width:100%;}
	.hotel3 .swiper-container-horizontal>.swiper-pagination-bullets, .hotel3 .swiper-pagination-custom, .hotel3 .swiper-pagination-fraction{ right:20px;}
	.hotel4 .t1,.hotel4 .t2{ width:100%; border-bottom:1px solid #fff;}
	.hotel4 .warp .t1:after, .hotel4 .warp .t2:after{ display:none;}
	.hotel4 .warp>*{ padding:20px;}
	.hotel4 .t3{ width:100%;}
}
@media screen and (max-width: 850px) {
	.hotel3, .hotel4{ padding:40px 0;}
	.hotel4 .t1 h3{ font-size:2.4em; margin-bottom:6px;}
	.hotel4 .t1 h4{ font-size:1.4em; letter-spacing:0;}
	.hotel4 .t2 p{ font-size:2.8em;}
	.hotel3 .swiper-pagination-bullet{ width: 20px;}
	.hotel3 .swiper-pagination-bullet-active i{ width: 30px;}
	.hotel3 .swiper-pagination-bullet-active{ width: 50px;}
}
@media screen and (max-width: 650px) {
	.hotel2 .txt{ padding:0;}
	.hotel2 .txt h3{ font-size:2em; margin-bottom:10px;}	
	.hotel3 .hotel3-slider{ padding-bottom:40px;}
	.hotel4{ padding:20px 0;}
	.hotel4 .t1 h3,.hotel4 .t2 h3{ font-size:2em; margin-bottom: 4px;}
	.hotel4 .t2 p,.hotel4 .t1 p{ font-size:1.4em;}
}
@media screen and (max-width: 450px) {
	.hotel img{ width:200%; margin-left:-50%;}
	.hotel2 .img{  padding:0;}
}