@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }

.red-more { display: inline-flex; box-sizing: border-box; padding: 0 40px; height:60px;  line-height:60px; font-size: 18px; text-transform: uppercase;  font-weight:700;  background: #b90404;   color:#fff;  border-radius: 100px;  overflow: hidden;   }
.white-more { display: inline-flex; box-sizing: border-box; padding: 0 40px; height:60px;  line-height:60px; font-size: 18px; text-transform: uppercase;  font-weight:700;  background: #fff;   color:#b90404;  border-radius: 100px;  overflow: hidden;   }

.hdiv { width:100%; height: 100px; }
.mhdiv { width:100%; height:60px; display: none; }
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:50px; height: 50px; line-height: 50px;  border-radius: 50px;   text-align: center;  background: #b90404; color:#fff; transition: all .3s ease; }
.sp-pn:hover { transform:translateY(-5px); }
.sp-prev  {left: 20px; }
.sp-next {right: 20px; }
.sp-pn i { line-height:50px; font-size: 18px;  margin-top:-4px;  }

.sp-bot.swiper-pagination { width:100%; bottom:0; }
.sp-bot .swiper-pagination-bullet { width:10px; height: 10px; border-radius: 10px; background:rgba(255,255,255,0.5); opacity: 1; margin:0 10px!important; border-radius:10px;   }
.sp-bot .swiper-pagination-bullet-active { width:40px;  background:rgba(255,255,255,1); }

.sp-bot-red .swiper-pagination-bullet { background:#ccc; }
.sp-bot-red .swiper-pagination-bullet-active { background:#b90404; }

.layui-input-block { margin-left:0; }
.layui-form-item { margin-bottom: 20px; }
.layui-form .layui-input-wrap { line-height: 50px; }
.layui-form .layui-input { height: 50px; padding:0 20px;  border:1px solid #e6e6e6;  border-radius: 5px;  }
.layui-form .layui-textarea {  padding:10px 20px;    min-height: 100px; line-height: 180%;  border:1px solid #e6e6e6;    border-radius: 5px;  }
.layui-form textarea::placeholder {  line-height: 180%;  }
.layui-form em { line-height: 50px; margin: 0 20px;}
.layui-input-split { border:none; }
.layui-form-select dl dd.layui-this { background-color: #f6f6f6;  color: #b90404;}
.layui-form-checkbox>div { white-space: normal; }
.layui-form-checkbox[lay-skin=primary]>i  { width: 20px; height: 20px;  line-height: 18px;  border-radius: 4px;  border-color: #e6e6e6;  }
.layui-form-checked[lay-skin=primary]>i  {  border-color: #b90404 !important; background-color: #b90404; }
.layui-form-checkbox[lay-skin=primary]>div { font-size:16px;  line-height: 160%;  color:#b90404; }
.layui-form-checkbox[lay-skin=primary]>div { padding-left:10px; }
.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin:20px 0 10px;  }
.layui-form .tc-link { text-decoration:underline; }
.layui-form button {  width:100%;  height: 50px; line-height: 50px; background:#b90404;  color:#fff; font-size: 18px; font-weight: bold; text-transform: uppercase; border:none; border-radius: 5px; margin:20px 0 0;  transition: all .3s ease; }
.layui-form button:hover { transform:translateY(-5px); transition: all .3s ease;} 
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus { border-color:#b90404!important; }

.fancybox__backdrop { background: rgba(0, 0, 0, 0.8); }
.fancybox__content { width:1400px;  padding:40px; border-radius: 15px;  }
.fancybox__content>.f-button.is-close-btn { --f-button-svg-width: 24px;  --f-button-svg-height: 24px; --f-button-width: 40px;   --f-button-height: 40px;   top: -48px;  right: -10px; }
.d-cont p { margin:10px 0; }

.layui-layer-title { padding: 0 60px 0 30px;}
.layui-layer { border-radius:15px; }
.layui-layer-setwin span { width: 24px;  height: 24px;   line-height: 24px; font-size: 24px; }
.tips-item-box { text-align:center;  padding:40px 30px;  }
.tips-item-box .tips i { display: inline-block; font-size:36px;  color:#b90404;  }
.tips-item-box .tips .txt h3 { font-size:20px;  margin:20px 0;  }

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/

.header { width: 100%; position: fixed; top:0; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.15);  }
.header .hbox { height: 120px;  align-items: center; }
.header .hlogo .hlbox { display: table; height: 120px; }
.header .hlogo .hlbox .img img { height: 100px; }
.header .hlogo .hlbox .lt h2 { font-size: 24px;  color:#fff; margin-left:20px;  }

.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button { position:relative; box-sizing:border-box; }
.commenu .menu-button { display:none; }
.commenu>ul>li { float:left;  margin:0 30px; }
.commenu>ul>li> a { display: inline-block; line-height: 120px; color:#fff; font-size: 18px; font-weight: 700;  text-transform: uppercase; }
.commenu>ul>li> a span { position: relative; display:inline-block; }
.commenu>ul>li> a span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 3px;  border-radius: 3px; background: #b90404;  z-index: 2; transition: all 0.3s ease;}
.commenu>ul>li> a:hover span::after { width:100%; }
.commenu ul li ul { width: 220px;  background:#b90404;  border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1); position:absolute; left:0; top:130px; z-index: 99;  visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.commenu ul li:hover>ul { visibility: visible; opacity: 1; top:120px; }
.commenu ul li ul li { float:left; width: 100%; line-height: 180%; border-bottom:1px solid rgba(255,255,255,0.3); }
.commenu ul li ul li:last-child { border: none; }
.commenu ul li ul li a span {  margin:0;   }
.commenu ul li ul li:hover ul { top:0;  }
.commenu ul li ul li a { width:100%; text-align: center; padding:10px; display: inline-block; color:#fff; }
.commenu ul li ul li a:hover { background: #b90404; color:#fff; transition: none; }

.header.fixed { background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1);  border:none;  }
.header.fixed .hlogo .hlbox .img img.white { display: none; }
.header.fixed .hlogo .hlbox .img img.normal { display:block; }
.header.fixed .hlogo .hlbox .lt h2  , .header.fixed .commenu>ul>li> a  { color:#222; }

@media only screen and (max-width:981px){
	.header { position: fixed;}
	.header .hbox { width: 100%; height: 60px; }
	.header .hlogo .hlbox { height: 60px; }
	.header .hlogo .hlbox .img img { max-height: 40px;}
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo {  margin:0 0.36rem; }
	.header .hlogo .hlbox { height: 60px; }
	.header .hlogo .hlbox .lt h2 { font-size:0.42rem; margin-left:0.24rem; }

	.header .hmenu { width: 60px; height: 60px; }
	.commenu {width:100%; }
	.commenu ul.menubox {  width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #111;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); top:0; }
	.commenu ul li {  width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li, .commenu>ul>li:last-child { margin: 0; }
	.commenu>ul>li> a { padding:0; line-height: 1.4rem; font-size: 0.38rem; color:#fff; }
	.commenu>ul>li> a:hover { background: none; }
	.commenu>ul>li> a span::after { display: none; }

	.commenu ul li.has-sub { padding:0; }
	.commenu ul li.has-sub>a { padding:0 0.64rem; color:#fff;  }
	.commenu ul li ul { position: relative; left:0!important;; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); }
	.commenu ul li ul li { border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover { background: none; }

	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu { width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#fff; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#fff; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;}
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg);}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg);}
	.commenu .submenu-button{ position:absolute; z-index:10; right:0; top:0;display:block; border-left: 1px solid rgba(255,255,255,0.1); width:1.4rem; height:1.4rem; line-height: 1.4rem;  }
	.commenu .submenu-button::before{content:'';position:absolute; left:0.5rem; top:0.7rem; display:block; width:0.4rem; height:1px; background:#fff; z-index:99}
	.commenu .submenu-button::after{content:'';position:absolute;  left:0.7rem; top:0.5rem; display:block; width:1px; height:0.4rem; background:#fff; z-index:99}
	.commenu .submenu-button.submenu-opened::after { transform: translateY(0) rotate(90deg); opacity: 0; }
	
	.header.fixed .hamburger-menu div {  background: #b90404; }
	.header.fixed .menu-opened .hamburger-menu div {background: transparent; }
	.header.fixed .hamburger-menu div:before, .header.fixed  .hamburger-menu div:after { background:#b90404;  }
	.header.fixed .hlogo .hlbox .lt h2 { color:#222; }
	.header.fixed .commenu>ul>li> a { color:#fff; }
	
}

/*--------------------------------------------------------------------------主体内容--------------------------------------------------------------------------*/
.ibanwarp { position: relative; height: 960px;  background: #111; }
.ibanwarp .scroll-banner { width:100%; height:960px; position: fixed; left: 0; top: 0; z-index: 1; }
.iban-swp .picbox {  width: 100%; height: 100%; overflow: hidden; } 
.iban-swp .bg { width: 100%; height: 100%; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.iban-swp .bg::before {width:100%; height: 100%; position: absolute;  content: ""; left: 0; top: 0;  background:rgba(0,0,0,0.3);  z-index: 1; }
/*.iban-swp .bg::before { width:100%; height: 50%; position: absolute;  content: ""; left: 0; top: 0;  background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));  opacity: 0.5;  z-index: -1; }*/
.iban-swp .bg .txt {  position: relative; z-index: 2;  color:#fff; text-align: center;  padding:80px 0 0; }
.iban-swp .bg .txt h3 {  font-size: 24px; color:#fff;  }
.iban-swp .bg .txt h2 { font-size: 36px;  color:#fff; margin:20px 0; }
.iban-swp .bg .txt .tel {  font-size:24px;  font-weight: 700;  display:flex; justify-content: center; gap:20px;  margin:40px 0;  }
.iban-swp .bg .txt .tel a { font-size:24px; color:#fff; }
.iban-swp .bg .txt .tel a:hover { text-decoration: underline; }
.iban-swp .bg .txt .btn-book { display:flex;  gap:40px;  justify-content: center;  margin:60px 0 0; }
.iban-swp .bg .txt .btn-book .red-more, .iban-swp .bg .txt .btn-book .white-more { padding:0 60px; }

.s-page { position: relative; z-index: 2; }

.s-tit { width:100%; position: relative; margin:0 0 60px; }
.s-tit span { font-size: 18px;  color:#b90404;  font-weight: 600;   }
.s-tit h2 {   font-size: 36px; margin:10px 0 0;  }

.s-tit-w, .s-tit-w span, .s-tit-w h2 { color:#fff;  }

.s-hiw-list ul { display: flex;   flex-wrap: wrap; justify-content: center; gap:40px; }
.s-hiw-list ul li { width:calc(33.3% - 27px);  }
.s-hiw-list ul li .item {  padding:30px 20px;  background:#f6f6f6;  border-radius: 15px; overflow: hidden;  position: relative; }
.s-hiw-list ul li .item h2 { font-size:20px; }
.s-hiw-list ul li .item em { display: inline-block; width:50px; height: 50px; line-height: 50px;  text-align: center; background: #b90404; color:#fff;  font-size: 20px;   font-weight: 600;  position: absolute; top:0; right:0;  border-bottom-left-radius: 15px;  border-top-right-radius: 15px; overflow: hidden; }

.s-price { background-image: linear-gradient(180deg, #b90404, #b30505);  color:#fff; }
.s-price-list ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; }
.s-price-list ul li .item {  padding:40px;  height:100%;  text-align: center; position: relative; border:1px solid rgba(255,255,255,0.3);    border-radius: 15px;  overflow: hidden; box-shadow: 0 0 30px rgba(0,0,0,0.1);  }
.s-price-list ul li .item::before {content: "";  width:100%; height: 100%;  position: absolute;  left:0; top:0;  background-image: linear-gradient(180deg, #b90404 0%, #000000 100%);  opacity: 0.7; z-index: 2;  }
.s-price-list ul li .item .bg { width:100%; height: 100%;  position:absolute;  top:0; left:0;  z-index: 1; }
.s-price-list ul li .item .txt { position:relative; z-index: 9; }
.s-price-list ul li i { display: inline-block; font-size:48px; line-height: 100%;  }
.s-price-list ul li h3 {  font-size: 24px; color:#fff;  margin:20px 0 0; }
.s-price-list ul li .info { margin:20px 0; }

.s-city-list ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px;  }
.s-city-list ul  li { display:flex;  height: 100%;  }
.s-city-list ul  li .item { background:#fff; padding:20px;  border:1px solid #e6e6e6;  border-radius: 15px;  overflow: hidden;  position: relative; z-index: 1;  width: 100%;   box-sizing: border-box;    display: flex;   flex-direction: column;   }
.s-city-list ul  li .item::before { content:'';  width:100%;  height: 100%;   position: absolute;  top:0;  right:0; z-index: -1;  background-image: url("../images/cityitembg.png");  background-size: cover;  background-position: center; background-repeat: no-repeat;}
.s-city-list ul  li .item .cname { display:flex;  justify-content: space-between; align-items: center;  }
.s-city-list ul  li .item .cname h2 { font-size:20px;   }
.s-city-list ul  li .item .cname i { font-size: 20px;  color:#b90404;  }
.s-city-list ul  li .item .tags {  display: flex;  align-content: center; gap:10px;   margin:20px 0;  }
.s-city-list ul  li .item .tags em { font-size: 14px;  padding:5px 8px;    border:1px solid #e6e6e6;  border-radius: 100px; }
.s-city-list ul  li .item .btn-book .red-more { padding: 0 30px; height: 50px; line-height: 50px; font-size: 16px;  margin:20px 0 0;  }

.s-blog-list { margin:0 0 40px; }
.s-blog-list .item .img { border-top-left-radius: 15px; border-top-right-radius: 15px;  overflow: hidden; }
.s-blog-list .item .txt { padding:30px; background: #fff;  border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  overflow: hidden; }
.s-blog-list .item .txt h2 { font-size:20px;  margin:20px 0;  }
.s-blog-list .s-blog-prev { left:-80px; }
.s-blog-list .s-blog-next { right:-80px; }

.s-album-list  { margin: 0 0 60px; }
.swp-s-album { padding:0 40px; }
.s-album-list .item .img { height:320px;  border-radius: 15px; overflow: hidden; }
.s-album-list .item  .txt { text-align:center;  padding:20px 0 0;  color:#222; }

.s-business { padding:0 0 80px; }
.s-business-wrap { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 80px; }
.s-business .item-box { display:flex;  align-items: center; }
.s-business .item-box h3 { font-size:24px;  margin:0 0 30px;  }
.s-business .item-box .txt { width:60%;  padding:0 60px 0 0;  }
.s-business .item-box .txt p { margin:10px 0; }
.s-business .item-box .pic .img { border-radius: 15px; overflow: hidden; }
.s-business .item-box.item-box-r .txt { padding:0 0 0 60px;  }
.s-business .item-box.item-box-r .txt  { width:100%; }
.s-business .item-box.item-box-r .pic .img {  border:1px solid #e6e6e6; }

.s-faq { background-image: linear-gradient(180deg, #b90404, #b30505);  color:#fff; }
.s-faq-list ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px; }
.s-faq-list ul li .itembox {   border-bottom:1px solid rgba(255,255,255,0.3); }
.s-faq-list ul li:first-child .itembox , .s-faq-list ul li:nth-child(2) .itembox{ border-top:1px solid rgba(255,255,255,0.3); }
.s-faq-list ul li .itembox .item-tit { padding:30px 0;  position: relative; cursor: pointer; }
.s-faq-list ul li .itembox .item-tit span {  display: inline-block; width:calc(100% - 60px);  font-size: 20px;  font-weight: 600;  }
.s-faq-list ul li .itembox .item-tit .btn  { position:absolute; z-index:2; right:16px; top:36px; display:block; transition: all 0.3s ease; }
.s-faq-list ul li .itembox .item-tit .btn::before{content:'';position:absolute; left:0; top:7px; display:block; width:16px; height:2px; background:#fff; z-index:99}
.s-faq-list ul li .itembox .item-tit .btn::after{content:'';position:absolute;  left:7px; top:0; display:block; width:2px; height:16px; background:#fff; z-index:99}
.s-faq-list ul li .itembox .item-tit.open .btn::after { transform: translateY(0) rotate(90deg); opacity: 0;  }
.s-faq-list ul li .itembox .item-cc {   border-top:1px solid rgba(255,255,255,0.3);  height: 0;  opacity: 0; visibility: hidden;  transition: all 0.3s ease; }
.s-faq-list ul li .itembox .item-cc.open { height: auto; opacity: 1; visibility: visible;  }
.s-faq-list ul li .itembox .item-cc .cc { padding:30px 0; }

.grlogo { display:flex; justify-content: space-between;  align-items: center;  padding:0 40px;  margin:0 0 40px;  }
.grlogo .img { width:160px; }
.grlogo .more a { display:inline-flex;  padding:0 30px;  height: 60px; line-height: 60px; border-radius: 60px;  background: #fff; color:#222;  font-size: 18px;   font-weight: 600;  }
.grlogo .more a i { font-size:20px;  color:#b90404;  margin-left:20px; }
.grlogo .more a:hover { background: #b90404;  color:#fff; }
.grlogo .more a:hover i { color:#fff; }
.swp-gr { padding:0 40px; }
.grlist .item {   padding:20px;   height: 100%;  background: #fff; border-radius: 15px; overflow: hidden; }
.grlist .item .top { display:flex;  justify-content: flex-start; align-items: center;   }
.grlist .item .face  { display: flex; justify-content: space-between;  align-items: center;  width:60px; height: 60px;  border-radius: 60px;  margin-right: 20px;   }
.grlist .item .face img { width:100%; height:100%; object-fit: cover;  }
.grlist .item  .name h3 { font-size: 18px; font-weight: bold;   }
.grlist .item  .name i { color:#ffbb29; }
.grlist .item  .name .data { display:flex; align-items: center; }
.grlist .item  .name span { margin-left:10px; }
.grlist .item .pf { padding:10px 0; margin:0 0 10px;  border-bottom:1px solid #e6e6e6;  }
.grlist .item .goo-rev-txt { padding-right: 10px;  height: 150px; overflow-y: scroll;  margin:20px 0;  }
.grlist .photos { display:flex;    }
.grlist .photos a { flex:1;  height: 320px;  border-radius: 10px; overflow: hidden; }  
.grlist .photos a img { width:100%; height:100%; object-fit: cover; }
.grlist .sp-pn { border-radius:100px; }
.grlist .grtips { padding:30px 0 0; }
.grlist .grtips p { display:flex; justify-content: center; align-items: center; }
.grlist .grtips i { margin-right:10px; }

.s-book { background-image: url("../images/s_bookbg.jpg");  background-size: cover;  background-position: center;  background-repeat: no-repeat; }
.s-book::before { content:''; width:100%; height: 100%; background:rgba(0,0,0,0.5);  position:absolute; left:0; top:0;  z-index:-1; }
.s-book .s-tit { margin:0 0 40px;  }
.s-book .box { vdisplay: flex;	align-items: center; }
.s-book .box .main { margin: auto; text-align: center; }

.s-footer { background:#1a1a1a;  color:#fff; }
.s-footer a { color:#fff; }
.s-footer a:hover { text-decoration:underline; }
.s-footer-box { display:flex;  justify-content: space-between; }
.s-footer-box .fleft { width:36%; }
.s-footer-box .flogo { margin:0 0 40px; }
.s-footer-box .flogo img { width:100px; margin-right: 20px;  }
.s-footer-box .flogo .txt h2 { font-size:24px;  color:#fff; margin:0 0 5px;  }
.s-footer-box h3 { font-size:20px; color:#fff; margin:0 0 20px;  }
.s-footer-box .subnav { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;   }
.s-footer-box .subnav i  {  font-size: 24px; color:#b90404;  margin-right: 10px;  }


/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

.cbanwarp { position: relative; height: 500px;  z-index: 1;  }
.cbanwarp .scroll-banner-c { width:100%; height:100vh; }
.cbanwarp .cbg { width: 100%; height:100%; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover;  position: relative;  }
.cbanwarp .cbg::before {content: " ";  position: absolute; left: 0; bottom: 0; width:100%;  height: 100%; background: rgba(0,0,0,0.3); z-index: 1;  }
.cbanwarp .cbg .infobox { height: 100%;  position: relative; z-index: 2;}
.cbanwarp .cbg .txt h2 { 	font-size: 36px; margin:60px 0 0;  }

.cmenu { margin:0 0 60px; }
.cmenu ul { display: flex;  justify-content: flex-start;  flex-wrap: wrap;  gap:20px;  }
.cmenu ul li a {display: inline-flex; box-sizing: border-box;padding: 0 30px; height: 50px; line-height: 50px; border-radius: 50px;  background: #f6f6f6;  }
.cmenu ul li a:hover ,  .cmenu ul li a.active { background:#b90404;  color:#fff;   font-weight: 700; }

.calbum-list ul {  display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px;   }
.calbum-list ul li .img {  height: 320px; position: relative;  overflow: hidden; text-align: center;  border-radius:15px;  overflow: hidden; }
.calbum-list ul li .img img { width: 100%;  height: 100%;   object-fit: cover; }
.calbum-list ul li:hover .img img  {  transform:scale(1.1);  }
.calbum-list ul li .txt { padding:20px 0 0;  }
.calbum-list ul li .txt h3 { font-size:18px;  text-align: center; }

.pagination { text-align: center;  margin:60px 0 0;  }
.page-num:not(:disabled) {cursor: pointer;}
.page-num , .page-link {position: relative; display: inline-block;   padding:0 13px; line-height: 36px;	 background: #b90404;  color: #fff; border: 1px solid #b90404; margin:0 6px; font-size:16px;  }
.page-num { margin:0 6px; }
.page-num:hover, .page-link:hover {	background-color: #b90404; color: #fff; border-color: #b90404; }
.page-num-current {z-index: 1;background-color: #b90404; color: #fff;  border-color: #b90404;}
.page-num-current:hover {color: #fff;}
.mpnav ,  .text-secondarym { display:none; }

.cnewslist ul {  display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; }
.cnewslist ul li {  background: #f6f6f6;  border-radius: 15px;   overflow: hidden; }
.cnewslist ul li:nth-child(3n) { margin-right: 0; }
.cnewslist ul li .info { position: relative;}
.cnewslist ul li .info em { position: absolute; top:0; left:0; z-index: 9; display:inline-block; padding:10px 30px; background: rgba(0,0,0,0.5); color:#fff;   display: none; }
.cnewslist ul li .info .pic {  overflow: hidden; height: 300px; }
.cnewslist ul li .info .pic img { width: 100%; height:100%; object-fit: cover;  }
.cnewslist ul li .info .txt { padding:30px;  }
.cnewslist ul li .info .txt h2 {  margin:10px 0; line-height: 180%; height: 60px; font-size: 18px; }
.cnewslist ul li .info .txt p {  height: 60px; }
.cnewslist ul li:hover .pic img { transform:scale(1.08);  } 

.cnews { padding:80px 0;  }
.cnews .cnewsde .cn-list { width:320px; background: #f6f6f6;  border-radius: 15px;  }
.cnews .cnewsde .cn-list h2 {  font-size:24px; border-bottom:2px solid #e6e6e6; text-transform: uppercase; padding:30px 30px 0;  font-weight: 600; }
.cnews .cnewsde .cn-list h2 span { position: relative; display: inline-block; padding-bottom:20px; }
.cnews .cnewsde .cn-list h2 span::after { content: " ";  position: absolute; left: 0; bottom: -2px; width:100%; height: 2px; background: #b90404;  z-index: 2;}
.cnews .cnewsde .cn-list ul { padding:0 30px; }
.cnews .cnewsde .cn-list ul li { margin:20px 0 0; padding:0 0 20px; border-bottom: 1px solid #e6e6e6; }
.cnews .cnewsde .cn-list ul li span { display: inline-block;  margin-bottom: 10px;   }
.cnews .cnewsde .cn-list ul li p { font-weight:600;  color:#222;  }
.cnews .cnewsde .cn-list ul li:hover p { color:#b90404; }
.cnews .cnewsde .cn-detail { width:calc(100% - 360px); background: #f6f6f6;  border-radius: 15px;  padding:40px;    }
.cnews .cnewsde .cn-detail .tit h2 { font-size:24px; }
.cnews .cnewsde .cn-detail .tit .mark { margin:30px 0 0; padding:0 0 20px; border-bottom:1px solid #e6e6e6; }
.cnews .cnewsde .cn-detail .tit .mark ul { justify-content: flex-start; }
.cnews .cnewsde .cn-detail .tit .mark ul li i { display: inline-block; color:#b90404;  }
.cnews .cnewsde .cn-detail .tit .mark ul li em { display: inline-block; margin:0 30px 0 10px; }
.cnews .cnewsde .cn-detail .detail { padding:40px 0; }
.cnews .cnewsde .cn-detail .detail p { margin:10px 0; }
.cnews .cnewsde .cn-detail .detail strong { color:#333; }
.cnews .cnewsde .cn-detail .sec { padding:25px 0 0;  border-top: 1px solid #ddd; }
.cnews .cnewsde .cn-detail .sec p { margin:15px 0 0; }
.cnews .cnewsde .cn-detail .sec span { display: inline-block; background: #b90404; color:#fff; width:100px; line-height: 36px; text-align: center; margin-right: 20px;  }
.cnews .cnewsde .cn-detail .sec p a:hover { color:#b90404; }

.ccontent {  padding:80px 0; }

.ccont { padding:80px 0;  }
.ccont .boxfl { width:50%; }
.ccont .boxfl h2 { font-size: 30px; }
.ccont .boxfl h3 { font-size: 16px; margin-bottom: 30px; }
.ccont .boxfl p { line-height: 240%;}
.ccont .boxfl p i {display: inline-block;  font-size: 20px; margin-right: 15px; color:#b90404; }
.ccont .gmap { height:480px; margin:40px 0 0; }
.ccont .boxfr {  width:calc(50% - 80px); box-sizing:border-box; padding:60px; background: #f6f6f6;  border-radius: 15px; overflow: hidden; }
.ccont .boxfr h2 { font-size: 30px;  text-transform: uppercase; margin:0 0 40px; }
.ccont .boxfr p.tips { margin-bottom:15px;  }
.ccont .iform ul li { position: relative; width:100%; margin-bottom: 20px;  }
.ccont .iform ul li p { margin-bottom:10px; }
.ccont .iform ul li input { width:100%; box-sizing: border-box; line-height: 50px;  border:none; padding:0 20px;  border-radius: 5px;  border:1px solid #e6e6e6; }
.ccont .iform ul li textarea {width:100%;  box-sizing: border-box;  height: 72px; line-height: 160%; border:none; padding:10px 20px;   border:1px solid #e6e6e6; }
.ccont .iform ul li input::placeholder, .ccont .iform ul li textarea::placeholder {  }
.ccont .iform ul li img { position: absolute; right:0; bottom:0; z-index: 9;} 
.ccont .iform button {  width:100%; height:50px;   line-height: 50px; background:#b90404;  color:#fff; font-size: 18px; font-weight: bold; text-transform: uppercase; border:none; border-radius: 5px; margin:20px 0 0;  transition: all .3s ease; }
.ccont .iform button:hover { transform:translateY(-5px); transition: all .3s ease;} 

.faq-list ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; }
.faq-list ul li { width:100%;  background: #f6f6f6; border-radius: 5px;  overflow: hidden; }
.faq-list ul li .itembox .item-tit { padding:20px;  position: relative; cursor: pointer; }
.faq-list ul li .itembox .item-tit span { display: inline-block; width:calc(100% - 60px); font-weight: bold;  color:#222; font-size: 18px;  }
.faq-list ul li .itembox .item-tit .btn  { position:absolute; z-index:2; right:36px; top:20px; display:block; transition: all 0.3s ease; }
.faq-list ul li .itembox .item-tit .btn::before{content:'';position:absolute; left:0; top:7px; display:block; width:16px; height:2px; background:#b90404; z-index:99}
.faq-list ul li .itembox .item-tit .btn::after{content:'';position:absolute;  left:7px; top:0; display:block; width:2px; height:16px; background:#b90404; z-index:99}
.faq-list ul li .itembox .item-tit.open .btn::after { transform: translateY(0) rotate(90deg); opacity: 0;  }
.faq-list ul li .itembox .item-cc {   border-top:1px solid rgba(255,255,255,0.3);  height: 0;  opacity: 0; transition: all 0.3s ease; }
.faq-list ul li .itembox .item-cc.open { height: auto; opacity: 1; }
.faq-list ul li .itembox .item-cc .cc { padding:20px; }

.bookform { padding:40px; background: #f6f6f6; border-radius: 15px; overflow: hidden; }

.btn-book-area { margin:60px 0 0; }
.ibanwarp-area { height: 800px;}
.ibanwarp-area .scroll-banner { height: 800px;}

.ctel { padding:20px;  border-radius: 10px;  background: #fffdf8; border:1px solid #f0dcad;  color:#b90404;  text-align: center; }
.ctel a { color:#b90404; font-size:20px;  font-style: italic;  font-weight: 600;  text-decoration: underline; }

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){
	
	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.red-more, .white-more  { padding:0 0.48rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem;  }
	.red-more i, .white-more  i { font-size:0.42rem; margin-left:0.72rem; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.42rem;   }
	
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.layui-form .layui-input {  height:1.2rem; font-size: 0.36rem; padding:0 0.36rem; }
	.layui-form em { float:none; margin:0 0.36rem; line-height:1.2rem; }
	.layui-form .layui-input-wrap { line-height: 1.2rem;}
	.layui-form .layui-textarea {  font-size: 0.38rem; padding:0.24rem 0.36rem; }
	.layui-form-select dl dd { font-size: 0.38rem;}
	.layui-form-item { margin:0 0 0.36rem; }
	.layui-form button { margin:0.36rem 0 0;  }
	
	.fancybox__content { width:calc(100% - 0.72rem);  height: 80vh; padding:0.36rem; border-radius: 15px;  }
	.d-cont-box { padding-right:0.36rem;  height: 100%; overflow-y: auto; }
	
	.layui-layer-title { padding: 0 0.96rem 0 0.36rem;}
	.layui-layer { width:calc(100% - 0.72rem)!important; }
	.tips-item-box { padding:0.48rem; }
	.tips-item-box .tips .txt h3 { font-size: 0.48rem;    margin: 0.36rem 0;}
	
	.ibanwarp { height:60vh; }
	.ibanwarp .scroll-banner { height:60vh; }
	.iban-swp .bg .txt { width:100%;  padding:60px 0 0;  }
	.iban-swp .bg .txt h3 { font-size: 0.42rem;  font-weight: 500; }
	.iban-swp .bg .txt h2 {  font-size: 0.42rem;  margin:10px 0; }
	.iban-swp .bg .txt .tel { margin: 10px 0; }
	.iban-swp .bg .txt .tel, .iban-swp .bg .txt .tel a {  font-size:0.42rem; }
	.iban-swp .bg .txt .btn-book { gap:20px; margin: 20px 0 0;}
	
	.s-tit { margin:0 0 0.48rem; }
	.s-tit span { font-size: 0.36rem;   }
	.s-tit h2 {   font-size: 0.48rem; margin:0;  }
	
	.s-hiw-list ul { gap: 0.36rem; }
	.s-hiw-list ul li { width:100%; }
	.s-hiw-list ul li .item { padding: 0.36rem; }
	.s-hiw-list ul li .item em { width: 40px; height: 40px; line-height: 40px;  font-size: 0.42rem; }
	.s-hiw-list ul li .item h2 { font-size:0.42rem; }
	
	.s-price-list ul li .item { padding: 0.48rem; }
	.s-price-list ul {  grid-template-columns: repeat(1, 1fr); }
	.s-price-list ul li h3 { font-size:0.48rem; }
	
	.s-city-list ul { grid-template-columns: repeat(1, 1fr); }
	.s-city-list ul li .item { padding: 0.36rem; }
	.s-city-list ul li .item .cname i { font-size:0.42rem; }
	.s-city-list ul li .item .cname h2 { font-size: 0.42rem;  }
	.s-city-list ul li .item .tags em { font-size: 0.36rem;    padding: 5px 0.36rem;}
	.s-city-list ul li .item .btn-book .red-more { padding:0 0.36rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem;  }
	
	.swp-s-blog { padding: 0 0 0.96rem;  margin:0 0 0.48rem;}
	.s-blog-list .item .txt { padding:0.36rem; }
	.s-blog-list .item .txt h2 { font-size:0.42rem;  margin:10px 0;  }
	
	.s-album-list { margin: 0 0 0.48rem;}
	.swp-s-album { padding:0 0.36rem 0.72rem; }
	.s-album-list .item .img { height:120px; }
	
	.s-business { padding: 0 0 0.72rem; }
	.s-business-wrap { grid-gap: 0.72rem;}
	.s-business .item-box { flex-direction:column; }
	.s-business .item-box h3 { font-size:0.42rem; margin: 0 0 0.36rem; }
	.s-business .item-box .txt , .s-business .item-box.item-box-r .txt{ width:100%;  padding:0;  }
	.s-business .item-box.item-box-r .pic { margin:0.36rem 0; }
	
	.s-faq-list ul { grid-template-columns: repeat(1, 1fr);  grid-gap: 0 0.36rem; }
	.s-faq-list ul li .itembox .item-tit , .s-faq-list ul li .itembox .item-cc .cc { padding: 0.36rem 0;}
	.s-faq-list ul li .itembox .item-tit span { font-size:0.42rem; }
	.s-faq-list ul li .itembox .item-tit .btn { top: 20px;}
	
	.grlogo { flex-direction:column;  padding: 0 0.36rem;  margin: 0 0 0.48rem; }
	.grlogo .img { width:120px; margin:0 0 0.36rem; }
	.grlogo .more a { box-sizing: border-box; padding:0.12rem 0.48rem; width:100%;  height: auto;   font-size: 0.38rem;  line-height: 160%;  margin:0;   align-items: center; }
	.swp-gr { padding: 0 0.36rem 0.96rem;}
	.grlist .item { padding: 0.36rem;}
	.grlist .item .face { width: 50px; height: 50px; margin-right: 10px;}
	.grlist .item .name h3 { font-size:0.42rem; }
	.grlist .photos a { height:200px; }
	.grlist .grtips { padding: 0.24rem 0 0;}
	
	.s-book .s-tit { margin: 0 0 0.48rem;}
	
	.s-footer { padding: 0.72rem 0 1.8rem;}
	.s-footer-box {flex-direction:column; gap:0.48rem;   }
	.s-footer-box .fleft, .s-footer-box .fmid, .s-footer-box .fright { width:100%; }
	.s-footer-box .flogo { margin:0; }
	.s-footer-box .flogo img { width:80px; }
	.s-footer-box .flogo .txt h2 { font-size:0.42rem; }
	.s-footer-box h3 { font-size: 0.42rem;  margin:0 0 10px; }
	.s-footer-box .subnav i { font-size: 0.42rem;}
	.s-footer .cpr { padding:0.48rem 0 0; }
	
	/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
	.bread { display:none; }
	
	.cbanwarp { position: relative; height: 24vh;  z-index: 1; margin:0;  }
	.cbanwarp .cbg .txt h2 { 	font-size:0.56rem;  margin: 30px 0 0;  }
	.cbanwarp .cbg .txt p { font-size:0.38rem; }
	
	.ccontent { padding:0.72rem 0; }
	
	.calbum-list ul {  grid-template-columns: repeat(2, 1fr); grid-gap: 0.36rem;   }
	.calbum-list ul li .txt { padding:0.24rem; }
	.calbum-list ul li .img { height:120px; }
	.calbum-list ul li .txt h3 { font-size:0.38rem; }
	
	.pnav { display:none; }
	.mpnav { display:block; }
	.pagination { margin:0.48rem 0 0; }
	.page-num, .page-link { padding: 0 12px; margin: 0 5px;}
	
	.cnewslist ul { grid-template-columns: repeat(1, 1fr);  grid-gap: 0.36rem; }
	.cnewslist ul li .info em { padding: 10px 20px;}
	.cnewslist ul li .info .txt { padding:0.38rem; }
	.cnewslist ul li .info .txt h2 { font-size:0.42rem;  height: auto; margin:5px 0;  }
	.cnewslist ul li .info .txt p { line-height:180%;  min-height: auto;  }
	
	.cnews { padding:0.72rem 0; }
	.cnews .cnewsde .cn-list { display:none; }
	.cnews .cnewsde .cn-detail { width:100%; padding:0.36rem;  } 
	.cnews .cnewsde .cn-detail .tit h2 { font-size:0.48rem; margin:0.24rem 0 0.36rem; }
	.cnews .cnewsde .cn-detail .tit .mark { margin:0.24rem 0 0;  padding: 0 0 0.24rem; }
	.cnews .cnewsde .cn-detail .tit .mark ul li em { margin: 0 0.36rem 0 0.24rem;; }
	.cnews .cnewsde .cn-detail .detail { padding:0.36rem 0; }
	.cnews .cnewsde .cn-detail .sec { padding:0; }
	.cnews .cnewsde .cn-detail .sec span { width:72px; margin-right: 0.36rem;  }
	.cnews .cnewsde .cn-detail .sec p { margin:0.36rem 0 0;  }
	
	.ccont { padding:0.72rem 0; }
	.ccont .boxfl {  width:100%;  }
	.ccont .boxfl p { line-height: 180%; margin-bottom: 0.24rem;  }
	.ccont .boxfl p i { display: block; float: left;  font-size: 0.4rem; width:0.4rem;   }
	.ccont .boxfl p span { float:left; width:calc(100% - 0.4rem - 15px);   }
	.ccont .boxfl h2 {  font-size:0.56rem; }
	.ccont .boxfl h3 { font-size: 0.38rem;  margin:0 0 0.36rem;}
	.ccont .boxfl .contico { margin:15px 0 0; }
	.ccont .boxfl .contico a { line-height: 46px; margin-bottom: 15px;  }
	.ccont .boxfl .contico a.weixin img { width:140px; }
	.ccont .boxfl .contico a.weixin:hover img { bottom:66px;  }
	.ccont .gmap { margin:0.48rem 0; }
	.ccont .boxfr  {  width:100%; padding:0.48rem 0.36rem; }
	.ccont .boxfr h2 { font-size:0.56rem;  margin:0 0 0.24rem;  }
	.ccont .iform ul li { margin-bottom:0.36rem;  }
	.ccont .iform button {  margin:0.36rem 0 0; height: 46px; line-height: 46px; font-size: 0.38rem;  }
	.ccont .gmap { height:400px; }
	
	.faq-list ul { grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; }
	.faq-list ul li .itembox .item-tit { padding:0.36rem; }
	.faq-list ul li .itembox .item-tit span { width: calc(100% - 30px);  font-size:0.38rem;  }
	
	.greviews .grlogo { position:relative; background:#fff;  padding: 15px 10px;  border-radius: 10px;  box-shadow: 0 0 20px rgba(0, 0, 0, .1);  }
	.greviews .grlogo a { display: flex; justify-content: space-between;  align-items: center;  color:#333;  }
	.greviews .grlogo a .img { width:170px; margin-right:10px;  }
	.greviews .grlogo a p { line-height: 160%;  }
	.greviews .grlogo a i { position:absolute;  right:10px; bottom:10px;  font-size:20px; color:#b90404;  } 
	
	.grlist p { line-height:160%;  margin:10px 0; }
	.grlist .item {   padding:10px;   }
	.grlist .item .top { display:flex;  justify-content: flex-start; align-items: center;  padding:5px;  }
	.grlist .item .face  { display: flex; justify-content: space-between;  align-items: center;  margin-right: 10px;  width:50px; height: 50px;   }
	.grlist .item .face img { width:100%; height:100%; object-fit: cover;  }
	.grlist .item .face span { display: inline-block; width:50px; height: 50px;  line-height: 50px; border-radius: 100px;  text-align: center;  background: #689f38; color:#fff;  font-size: 24px; font-weight: 500; }
	.grlist .item  .name h3 { font-size: 18px; font-weight: bold;   }
	.grlist .item  .name i { color:#ffbb29; }
	.grlist .item  .name .data { display:flex; align-items: center; }
	.grlist .item  .name span { margin-left:10px; }
	.grlist .item .pf { padding:5px 0; margin:0 0 5px;  border-bottom:1px solid #ddd;  }
	.grlist .item .desc { padding:0 5px;   }
	.grlist .photos { display:flex;  margin:15px 0 0;  }
	.grlist .photos a { flex:1;  margin:0 5px;  border-radius: 5px; overflow: hidden; }  
	.grlist .photos a img { width:100%; height:100%; object-fit: cover; }
	.grlist .sp-pn { border-radius:100px; }
	.grlist .igr-prev { left:-0.36rem; }
	.grlist .igr-next { right:-0.36rem; }
	.grlist .grtips { padding:5px 0 0; }
	.grlist .grtips i { margin-right:10px; }
	
	.bookform { padding:0.36rem;  }
	
	.google-widget  { width:100%;  position:fixed;  left:0; bottom:0; z-index: 99; box-shadow: 0 0 24px 6px rgba(0, 0, 0, .116); }
	.google-widget  a { display: flex; justify-content: flex-start; align-items: center;  color:#333;  }
	.google-widget .ico { padding:0 0.36rem;  height: 100%;  }
	.google-widget .ico img { width:40px; }
	.google-widget .info {  padding:0.24rem 0.48rem 0.12rem;  border-left:1px solid #e6e6e6;   border-right:1px solid #e6e6e6;  flex: 1;  }
	.google-widget .info .top em { color:#f7802f;  font-size: 0.56rem; margin-right: 10px;  line-height: 100%;  font-weight: 500;  display: inline-block;  vertical-align: bottom;}
	.google-widget .info .top img { width:24px; }
	.google-widget i { width:60px; font-size:0.48rem;  color:#ce381c;  text-align: center; }
	
	.book-form .ww { width:100%; }

}




