@charset "utf-8";
/* Css reset start */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ol, ul ,li{list-style: none;}
fieldset, img {border: 0}
del, ins { text-decoration: none }
caption, th { text-align: left }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video {display: inline-block; *display:inline; *zoom:1}
/*FORM RESET*/
button, input, select, textarea{font-size: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea {overflow: auto}
q:before, q:after {content: ''}
sup {top: -0.5em}
sub {bottom: -0.25em}
table {border-collapse: collapse;border-spacing:0;}
th {text-align: inherit;}
iframe{	display: block;}
input,a{-webkit-tap-highlight-color:transparent;-webkit-transition:background-color;outline: none; border:none; border-radius:0;}


/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 12px/1.5 "Microsoft YaHei", arial;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #333;	}
body{ background-color:#fff;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
.clearfix{zoom:1;}
.clearfix:after{ clear: both;content:"";diplay:table;}
.clear{ clear: both;overflow: hidden;}
.fl {float: left !important;}
.fr {float: right !important;}
.red{color: #ff0000 !important;}
.hidden{overflow: hidden;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
a:hover{text-decoration: underline;}
body {
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff !important;
}
.posrel{position: relative;}
.mt2{margin-top: 2% !important;}
.mt5{margin-top: 5% !important;}
.w1400 .w1000{max-width: 1000px;width: 71.5%;margin: 0 auto;}
.w1400{max-width: 1400px;width: 74%;margin: 0 auto;}
.w1600{max-width: 1600px;width: 85%;margin: 0 auto;}
.swiper-slide img{max-width: 100%;}
.w1600 .w1400{width: 87.5%;}
.right-icon {
  position: absolute;
  right: -0;
  top: 120px;
}
/*导航*/
.menu-link {width: 30px;display: none;height:30px;margin-left: auto;position: relative;z-index: 100;background: #eaeaea;padding: 15px 15px;}
.menu-link span{width:30px;height: 2px;background: #4d4d4d;display: block;margin-top: -1px;position: absolute;text-indent: -9999em; top: 50%;}
.menu-link span, 
.menu-link span:before, 
.menu-link span:after{
background: #fff;
}
.menu-link.close span:before, 
.menu-link.close span:after,
{
 background: #fff;
}
.menu-link.close{position:absolute;}
.menu-link.close span:before { color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after {color: #fff;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link span:before, 
.menu-link span:after { width: 30px; height: 2px; background: #fff;content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;top: -8px;
    -ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;
}
.menu-link span:after { bottom: -8px;  top: auto;}
.menu-link.close span {
    background: transparent;
}
.Copyright{margin: 30px auto 0;padding-bottom: 10px;
  max-width: 1200px;width: 94%;}
  .footer-bottom {
  position: absolute;
  right: 0;
  bottom: -48px;
  display: flex;
  gap: 10px;
}
/* 响应式设计 - 移动端适配 */
@media screen and (max-width: 1360px) {
  .right-icon{width: 40%;z-index: 999;}
  .right-icon a{margin: 0 20px;}
  .main{max-width: 1297px;width:94%;padding-top: 40px; }


  .footer{height: auto;}
  .footer-container{max-width: 1200px;width: 94%;}

}


@media screen and (max-width: 1025px) {
  .room-type{margin-top: 60px;height: auto;padding-bottom: 45px;}
  .down > div{width: 100%;}
  .right-icon{top:98px;right: 0;}
  .main{padding-top: 40px; }
  

}

@media screen and (max-width:768px) {
  .menu-link {display: block;position: absolute;right:20px;top: 20px;}
  .right-icon a{color: #fff;}

  .right-icon{display: none;width: 100%;height:100vh;background-color: rgba(0, 0, 0, 0.9);}
  .right-icon a{display: block;text-align: center;line-height: 2.5;font-size: }
  .gallery{padding-bottom: 0;}

  .footer-right{display: none;}
  h5{font-size: 30px;padding-top: 50px;}
  .banner{height: auto;height: 100px;}
  .banner .title{top: 25px;max-width: 30%;}
  .left-icon{top: 40px;left: 10px;gap:10px;}
  


}

@media screen and (max-width:468px) {
  .latest-news-left{padding: 0 20px;width: auto;}
  .latest-news-right{padding: 0 20px;margin-top: 40px;}
  .contact-form h6{font-size: 30px;}


    .left-icon{top: 30px;}
    .footer-container{display: list-item;}
    .footer-bottom{position: relative;justify-content: flex-end;bottom: 0;margin: 20px 0 0px auto;padding-bottom: 6px;}
    .footer-mid{padding-top:0px;padding-left: 0; }
    .local2{top: 24px;left: -13px;}

}
