@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; box-sizing: border-box;}

body{  background:#000; font-size:.16rem;  color: #e7dcbf; font-weight:100; }
img{ border:0; max-width:100%; }
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #e7dcbf;}
a:hover{ }

.pub_img{ width:100%; overflow:Hidden;}
.pub_img img{ transition:.3s; }
.pub_img:hover img{ transform:scale(1.1,1.1); }

.fl{float: left;}
.fr{float: right;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}

/* 整个滚动条 */
::-webkit-scrollbar {
    width: 6px; /* 滚动条的宽度 */
    height: 6px; /* 滚动条的高度 */
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* 滑块颜色 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

.view {
    padding: 0 9%;
}

.mb_show{ display:none; }
.color_000{ color:#000; }

.top{ width:100%;  position:fixed; left:0; top:0; z-index:999; padding:.2rem .8rem; }
.top.nei{ background:rgba(0,0,0,.5); }
.top .logo{ width:1.4rem; height:.8rem; display:flex; justify-content:center; align-items:center; float:left; }
.top .logo img{ width:100%; }


.top nav{ float:right; padding-top:.2rem; }
.top nav ul li{  display:inline-block; padding:0 .1rem; }
.top nav a{ text-align:center; line-height:.33rem; display:inline-block; transition:.3s; margin:0 .2rem; }
.top nav a:hover{ transform:translateY(-.05rem); }
.top nav a.bd{ border:1px solid #e7dcbf; letter-spacing:5px; padding:0 .1rem; }

.header_placeholder{ width:100%; height:1.4rem; }

.index-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.index-wrap .swiper-slide{ overflow:hidden; }
.index-wrap .swiper-slide .view{ height:100%;  }
.page1 .nav{ position:absolute; left:0; top:0; width:100%; z-index:999 }
.page1 video{ display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100vh; object-fit: cover; filter: brightness(0.8) grayscale(0.2); }
.page1 video::-webkit-media-controls-enclosure{ display: none;}
.page1 .ban-text .tit { font-size: .52rem; line-height: .64rem;  margin-top:0rem;}
.page1 .ban-text .con { font-size: .18rem; line-height: .24rem; margin: .28rem auto 0; opacity: .74; text-align:center;}

.page1 .banner{ width:100%; height:.5rem; background:url(../images/banner.png) no-repeat center; background-size:2.01rem .46rem; position:absolute; left:0; bottom:.4rem; }

.ban-text {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    z-index: 5;
}
.ban-text .tit {
    font-size: .48rem;
    line-height: .64rem;
    margin-top: 1.50rem;
}
.ban-text .con {
    font-size: .18rem;
    line-height: .34rem;
    color: #e7dcbf;
    opacity: .74;
}


.page2{ background:url(../images/page2_bg.jpg?5) no-repeat right 0;   background-size: cover; }
.page2 .view{ display:flex; justify-content:center; align-items:center; }
.page2_left{ width:45%; height:100%; float:left; display:flex; justify-content:center; align-items:center;  }
.page2_left .tit{ font-size:.35rem; text-align:center; font-weight:300; margin-bottom:.2rem; }
.page2_left .brief{ line-height:.4rem; text-align:left; font-size:.2rem; }  
.page2_left .links{ width:100%; text-align:center; margin-top:.5rem; }
.page2_left .links a{ font-size:.18rem; height:.3rem; display:inline-block; margin:0 .2rem; background:url(../images/page2_link_bg.png) no-repeat center bottom; }
.page2_right{ width:50%; height:100%;  float:right; display:flex; justify-content:center; align-items:center;  }

.pdf_box{ background:#1A161D; width:100%; padding:.15rem 10%; margin-top:.4rem; display:none; }
.pdflist{ display:none; }
.pdflist a{ width:50%; height:.3rem; line-height:.3rem; display:block; float:left; padding-left:.3rem; background:url(../images/pdf_icon.png) no-repeat .0rem .11rem; font-size:.18rem; font-weight:400;  }

.page3{  }
.page3 .view{ display:flex; justify-content:center; align-items:center; } 
.page3 .view > div{ width:7rem; max-width:80%; padding:.5rem; background:rgba(0,0,0,.5); opacity:0; transform:translateY(-.3rem); transition:1.5s; transition-delay: .5s; }
.page3 .tit{ font-size:.3rem; text-align:center; font-weight:300; }
.page3 .brief{ line-height:.4rem; text-align:center; margin-top:.3rem; }  
.page3 a.more{ width:1.62rem; height:.52rem; border:1px solid #e7dcbf; border-radius:.26rem; display:block; margin:.7rem auto 0; text-align:center; line-height:.5rem;  }

.page3 .swiper-slide{ transition:4s; opacity:0; transition-delay: .3s; }
.page3 .swiper-slide-active{ opacity:1; }
.page3 .swiper-slide-active .view > div{ transform:translateY(0); opacity:1; }
/*
.page3 .swiper-slide-active .tit{ transform:translateY(0); opacity:1; }
.page3 .swiper-slide-active .brief{ transform:translateY(0); opacity:1; }
.page3 .swiper-slide-active .more{ transform:translateY(0); opacity:1; }
*/

.page4{ height:1.2rem!important; }
.bottom_banner{ float:right; height:1.2rem; display:flex; justify-content:center; align-items:center; text-align:right; }
.bottom_banner img{ max-height:.6rem;  margin-left:.4rem; }


/* 首页左侧位置按钮 */
.index-btns { position: fixed; right: 2.5%; top: 50%; transform: translateY(-50%); z-index: 10;}
.index-btns a { display: block; width: .3rem; height: .3rem; border-radius: 100%; border: 1px solid transparent; position: relative; transition: all .5s;}
.index-btns a:before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; margin: -5px 0 0 -5px; transition: all .3s;}
.index-btns.on a:before { background-color: #93a3b7;}
.index-btns a.cur { border-color: #ac9773;}
.index-btns a.cur:before { background-color: #ac9773;}



/** 关于我们页面 */
.about_banner{ width:100%; height:100vh; position:relative; }
.about_banner video{ display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100vh; object-fit: cover; filter: brightness(0.8) grayscale(0.2); }
.about_banner video::-webkit-media-controls-enclosure{ display: none;}
.about_switch{ width:100%; position:absolute; left:0; top:30%; }
.about_switch .unit{ width:95%; max-width:6.5rem; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.about_switch .unit .tit{ background:url(../images/about_banner_logo.png) no-repeat center 0; padding-top:.8rem; font-size:.28rem; text-align:center; opacity:0; background-size:3.5rem .48rem; }
.about_switch .unit .con{ font-size:.18rem; line-height:.4rem; margin-top:.45rem; text-align:center; opacity:0; }
.about_switch .unit.active .tit{ animation:unittit .6s forwards linear ; }
.about_switch .unit.active .con{ animation:unitcon .8s forwards linear ; animation-delay:.2s; }
@keyframes unitcon {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes unittit {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.about_honor{ width:100%; min-height:9.77rem; position:relative; background:url(../images/about_honor_bg.jpg) no-repeat; background-size:100% 100%; padding-top:.9rem; }
.about_honor .big_tit{ font-size:.3rem; text-align:center; padding-bottom:.3rem; font-weight:400; }
.about_honor .honor_list{ width:80%; margin:0 auto; display:flex;  flex-wrap: wrap; justify-content:center; align-items:center; }
.about_honor .honor_list li{ width:25%; height:3.5rem; float:left; padding:.25rem .7rem 0 .35rem; margin-bottom:.3rem; background:url(../images/honor_line.png) no-repeat 0 center; }
.about_honor .honor_list .transition_up:hover{ transform:translateY(-.1rem)!important; }
.about_honor .honor_list li img{ border:1px solid #D2C49E; margin-bottom:.1rem;}
.about_honor .honor_list li .tit{ width:100%; height:.4rem; overflow:hidden; display:block; font-size:.14rem; line-height:.2rem; }

.about_team{ background:#1A1A21; padding:.9rem 0 0rem; }
.about_team .big_tit{ font-size:.3rem; text-align:center; padding-bottom:.3rem; font-weight:400; }
.about_team .teamlist{ display:flex; }
.about_team .teamlist li{ width:33.3333%; height:5rem; position:relative; transition:.5s; overflow:hidden; }
.about_team .teamlist li .overlay {
    background: #14141e;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
	transition:.2s;
}
.about_team .teamlist li .caption {width: 100%;position: absolute;left: 0;bottom: -120%;padding: .1rem;background: rgba(0, 0, 0, 0);transition: all .3s; }
.about_team .teamlist li .caption a{color: #BD1034;display: inline-block;margin-bottom: .1rem;letter-spacing: 5px;  }
.about_team .teamlist li .caption a:hover{ }
.about_team .teamlist li .caption h2 { font-size: .2rem; letter-spacing: .05rem; text-align:center;}
.about_team .teamlist li .caption p{ text-align:center;font-size: .14rem; line-height: 1.2em; padding: .10rem .35rem; margin-bottom: .05rem; }
.about_team .teamlist li .show_bio{ width:.25rem; height:.25rem; display:block; margin:0 auto .1rem; position:relative; cursor:pointer; z-index:100; }
.about_team .teamlist li .show_bio:after{ width:100%; height:.04rem; content:''; background:#e7dcbf; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.about_team .teamlist li .show_bio:before{ width:100%; height:.04rem; content:''; background:#e7dcbf; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg); }
.about_team .teamlist li .moreinfo{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; color:#e7dcbf; padding:10%; display:none; justify-content:center; align-items:center; z-index:111; font-size:.14rem; line-height:.25rem;}  

.about_team .teamlist li .moreinfo.active{ display:flex; }

.about_team .teamlist li .moreinfo *{white-space: unset!important; }

.about_team .teamlist li:hover{ width:80%; }
.about_team .teamlist li:hover .overlay{ opacity:0; }
.about_team .teamlist li:hover .caption { bottom:0; background: rgba(0, 0, 0, 0.3); }

.about_dianmian{ background:#1A1A21; padding:.9rem 0 1rem; }
.dianmianlist li{ width:33.33333%; height:2.4rem; float:left; padding:0 .2rem; position:relative; background:no-repeat center; margin-bottom:.3rem;  }
.dianmianlist li:after{ width:1px; height:2.4rem; background:url(../images/dianmian_line.png) no-repeat; position:absolute; top:0; right:0; content:''; }
.dianmianlist li .info{ width:100%; height:100%; background:rgba(0,0,0,.75); padding:.1rem .3rem; font-size:.15rem; opacity:0; transition:.8s;  display:flex; justify-content:center; align-items:center;}
.dianmianlist li .info .tit{ width:100%; line-height:.28rem; padding-left:.3rem; background:url(../images/dianmian_icon1.png) no-repeat 0 .05rem; }
.dianmianlist li .info .addr{ width:100%;  line-height:.25rem; padding-left:.3rem; background:url(../images/dianmian_icon2.png) no-repeat 0 .02rem; }
.dianmianlist li .info .tel{ width:100%; line-height:.28rem; padding-left:.3rem; background:url(../images/dianmian_icon3.png) no-repeat 0 .05rem; }
.dianmianlist li .info > div > div{ margin-top:.05rem; }
.dianmianlist li .info:hover{ opacity:1; }
.dianmianlist li:nth-child(3n):after { display:None; }



.grallery{ width:100%; max-width:11rem; margin:0 auto; }
.grallery_title{ text-align:center; font-size:.25rem; padding:.3rem 0 .1rem; position:relative; margin-bottom:.2rem; font-weight:300; }
.grallery_title:after{ width:.2rem; height:1px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#e7dcbf; content:''; }
.grallery ul{ padding-bottom:.4rem;}
.grallery li{ float:left;  width:calc(33.333% - .1rem); height:4.40rem; margin:.05rem; background: no-repeat center; background-size:cover; position:relative; cursor:zoom-in; }
.grallery li:after{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); content:''; transition:.3s; opacity:0; }
.grallery li:hover:after{ opacity:1; }
.show_grallery{ width:100%; height:100%; position:fixed; left:0; top:0; background:#1D1C1E; z-index:9999; display:none; }
.show_grallery .img_box{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.show_grallery img{ max-width:100%; max-height:100%; transition:.3s; }
.show_grallery .close{ width:.3rem; height:.3rem; text-align:center; line-height:.3rem; color:#dbdbdb; position:absolute; top:.1rem; right:.1rem; font-size:.25rem; transform:scale(1.3,1); cursor:pointer;  transition:.3s; }
.show_grallery .close:hover{ background:#363639; }


.contact_box{ width:100%; height:100%; position:fixed; }
.contact_left{ width:50%; height:100%; float:left; display:flex; justify-content:center; align-items:center; background:url(../images/content_left.png) no-repeat center; }
.contact_left_info{ text-align:center; }
.contact_left_info img{ margin-bottom:.1rem; width:90%; max-width:4.8rem; }
.contact_left_info p{ line-height:.3rem; }

.contact_right{ width:50%; height:100%; float:left; display:flex; justify-content:center; align-items:center;  }
.message_box{ width:100%; max-width:390px; }
.message_box label{ font-size:.18rem; font-weight:700; line-height:.5rem; }
.message_box label i{ font-style:normal; color:red; }
.message_box .ipt{ width:100%; height:.5rem; color: #e7dcbf; background: 0; border: 1px solid #e7dcbf; border-radius: .05rem; margin-bottom:.1rem; }
.message_box .text{ height:2rem; }
.message_box .beizhu{ color:#e7dcbf; font-size:.14rem; }
.message_box .msg_btn{ padding:.15rem .2rem; color: #e7dcbf; background: 0; border: 1px solid #e7dcbf; border-radius: .05rem; font-size:.16rem; margin-top:.4rem; cursor:pointer; }
.message_box .err_msg{ display:none; }

.message_box .option.err .err_msg{ color:#e80000; font-family:"Montserrat", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight:400; display:block; }
.message_box .option.err .ipt{ border-color:red; }

.message_success{ display:none; padding: .2rem; border: 1px solid #e7dcbf; text-align: center; font-size:.18rem; }



.menu_box{ width:100%; height:100%; position:fixed;  }
.menu_box .page2{ width:100%; height:100%; display:flex; justify-content:center; align-items:center;}


.activity_banner{ width:100%; height:4.9rem; font-size:.45rem; text-align:center; padding-top:2.3rem; background:url(../images/activity_banner.jpg?1) no-repeat center;}
    

.activity_box{ width:100%; max-width:11rem; margin:.4rem auto 0; }
.activity_box .ulbox .li{
    width:100%;
    margin-bottom:.32rem;
    transition: all .3s;
	float:left;
}
.activity_box .ulbox .li:nth-child(2n){
  float: right;
}
.activity_box .ulbox .li .img-box{
    overflow: hidden;
    position: relative;
}
.activity_box .ulbox .li .img{
    width:100%;
    height: .34rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .6s ease;
}


.activity_box .ulbox .text{
    width:60%;
	float:left;
    padding:.28rem .2rem; 
    position: relative;
    box-sizing: border-box;
    transition: all .3s;
}
.activity_box .ulbox .tit3{
    font-size:.2rem;
    line-height:.3rem;
    height:.3rem;
    width:100%;
    overflow: hidden;
}
.activity_box .ulbox .brief{ margin:.1rem 0; }

.activity_box .ulbox .time {
    width:100%;
    font-size: .12rem;
    line-height: .3rem;
    padding-left: .28rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/img3.png);
}
.activity_box .ulbox .img-box {
    width: 30%;
    float: right;
	overflow: hidden;
    position: relative;
}
.activity_box .ulbox .li .img {
    width: 100%;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .6s ease;
}
.activity_box .ulbox .li:hover{ background:#494949; }
.activity_box .ulbox .li:hover .img{ transform:scale(1.1,1.1); }
.activity_box .ulbox .li:hover .mask{ opacity:1; }
.activity_box .ulbox .li:hover .more-text{ opacity:1; }
.activity_box .ulbox .li:hover .more-text:before , .all_right .ulbox .li:hover .more-text:after{ width:.2rem; }
.mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    opacity: 0;
    transition: all .6s ease;
}
.more-text{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: .16rem;
    line-height: .3rem;
    opacity: 0;
    transition: all .6s ease;
}
.more-text:before,
.more-text:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: .4rem;
    height: 1px;
    background-color: #fff;
    transition: all .6s ease;
}
.more-text:before{
    top: 0;
}
.more-text:after{
    bottom: 0;
}

.activity_box .title {
    font-size: .28rem;
    line-height: .4rem;
    text-align: center;
    margin-bottom: .08rem;
}

.activity_box .sub-tit{
    margin: 0 0 .2rem;
	text-align:center;
	border-bottom:1px solid rgba(27,27,27,.08);
}
.activity_box .sub-tit .time,
.activity_box .sub-tit .num,
.activity_box .sub-tit .divide,
.activity_box .sub-tit .share-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .14rem;
    line-height: .6rem;
}
.activity_box .sub-tit .divide{
    width: 1px;
    height: .1rem;
    background-color: #bfbfbf;
    margin: 0 .18rem;
}
.activity_box .sub-tit .num{
    padding-left: .28rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/look.png');
    background-size: .2rem;
}


/** 订餐 */
.booking_tit{ font-size:.22rem; text-align:center; font-weight:bold; margin-top:.1rem;  margin-bottom:.4rem; }

.booking_box{ margin:0 auto 0; width:100%; max-width:10.24rem; display:flex; }
.booking_box .booking_left{ flex:2;  user-select:none;}
.booking_box .booking_right{ flex:1; margin-left:.1rem; background:#181C26; display:none; position:relative; }
.booking_box .booking_right .close{ width:.32rem; height:.32rem; position:absolute; top:.05rem; right:.05rem; cursor:pointer; transition:.3s; }
.booking_box .booking_right .close:hover{ transform:rotate(90deg); }
.booking_box .booking_right .pd20{ padding:.2rem; }
.booking_box .booking_right{ width:100%; }
.booking_box .booking_right .date{ font-weight:bold; margin-bottom:.05rem; }
.booking_box .booking_right .note{ line-height:.25rem; font-size:.14rem; padding:.05rem; }
.booking_box .booking_right .timelist{ width:100%;  height:calc(100vh - 5.5rem); min-height:3rem; overflow:auto; }
.booking_box .booking_right .timelist li{ border-bottom:1px solid #374151; padding:.25rem 0 .2rem; }
.booking_box .booking_right .timelist li .time{ font-weight:bold; }
.booking_box .booking_right .timelist li .number button{ border:1px solid rgb(55,65,81); background:rgb(31,41,55); width:.32rem; height:.32rem; float:left; float:left; margin:.05rem; color:#fff; border-radius:50%; cursor:default; transition:.2s; opacity:.2; }
.booking_box .booking_right .timelist li .number button.can{ cursor:pointer; opacity:1; }
.booking_box .booking_right .timelist li .number button.can:hover{ transform:scale(1.2,1.2); background: rgb(55,65,81); }



.booking_month{ display:flex; align-items:center; justify-content:center; line-height:.3rem; margin:.0rem 0 .2rem; }
.booking_month span{ font-size:.2rem; font-weight:bold; }

.booking_month button{ border:0; background:none; font-size:.2rem; color:#e7dcbf; margin:0 .1rem; cursor:pointer; transform:scale(.8,1); transition:.3s; display:none; }
.booking_month button.prev:Hover { color:red; }
.booking_month button.next:Hover { color:red; }

.booking_week{ width:100%; display:flex; background:#1F2937; border-radius: .1rem .1rem 0 0; border-bottom:1px solid #374151; }
.booking_week > div{ flex:1; text-align:center; padding:.1rem 0; font-weight:600; font-size:.13rem;}
.booking_date{ padding:.07rem; background:#111827; }
.booking_date li{ width:calc(100% / 7); height:.9rem; padding:.1rem; float:left; border:2px solid #111827; background:#19202F; position:relative; border-radius:.08rem; cursor:default; overflow:hidden; }
.booking_date li .number{ color: rgb(55,65,81); font-size:.12rem; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Droid Sans,Helvetica Neue,sans-serif; font-weight:600; }
.booking_date li.opening .number{ color:#fff!important; }
.booking_date li .today{ width:.25rem; height:.25rem;text-align:center; line-height:.25rem; border-radius:50%; background:#886D3E; color:#1F2937; }
.booking_date li .status{ position:absolute; right:.1rem; bottom:.1rem; font-size:.12rem; color:#6B7280; }
.booking_date li.full .status{ color:rgb(239 68 68); }


.booking_date li.opening{ background:rgb(31 41 55); cursor:pointer; }
.booking_date li.opening:hover{ background:#374151; }
.booking_date li.opening .status{ display:none; }
.booking_date li.empty{ opacity:0; }

.booking_date li .checked{ display:None; position:absolute; left:0; top:0; width:100%; height:100%; background:#B9AB89; align-items:center; justify-content:center; }
.booking_date li .checked svg{ width:.3rem; }
.booking_date li.opening .checked.show{ display:flex; }



.booking_process_box{ width:100%; max-width:7.68rem; margin:.0rem auto .5rem; }
.booking_process_box .tips{ font-weight:bold; font-size:.2rem; padding:0 .2rem; }
.booking_process{ border:1px solid rgb(31,41,5); padding:.25rem .3rem; margin-top:.15rem; border-radius:.1rem; background:#181C26; }
.booking_process .date{ font-size:.18rem; font-weight:bold; margin-bottom:.1rem; }
.booking_process .number{ font-size:.22rem; font-weight:bold; }
.booking_process .msg_btn{ padding:.15rem .2rem; color: #e7dcbf; background: 0; border: 1px solid #e7dcbf; border-radius: .05rem; font-size:.16rem; margin-top:.1rem; cursor:pointer; }


.booking_process .option_box{ border-top:1px solid #1F2937; border-bottom:1px solid #1F2937; margin:.15rem 0; padding:.15rem 0; }
.booking_process label{ font-size:.16rem; font-weight:400; line-height:.25rem; margin-bottom:.1rem; display:block; }
.booking_process label i{ font-style:normal; color:red; }
.booking_process .ipt{ width:100%; height:.5rem; color: #e7dcbf; background: 0; border: 1px solid #e7dcbf; border-radius: .05rem; margin-bottom:.1rem; font-size:.16rem; padding:.1rem; }
.booking_process textarea.ipt{ height:2rem; }
.booking_process .vcode{ width:45%; max-width:1.5rem; }
.booking_process .vcode_img{ max-width:45%; height:.5rem; display:block; float:left; margin-left:.2rem; }

.layui-layer-dialog .layui-layer-padding{ color:#000; }

/*  兄弟品牌 */
.sibling_box{ width:100%; height:100vh; display:flex; }
.sibling_box li{ flex:1; height:100vh; cursor:pointer; transition:flex .9s ease 0s; }
.sibling_box li:nth-child(1){ background:url(../images/sibling_bg3.jpg) center; }
.sibling_box li:nth-child(2){ background:url(../images/sibling_bg2.jpg) center; }
.sibling_box li:nth-child(3){ background:url(../images/sibling_bg1.jpg) center; }
.sibling_box li .block{ width:4.8rem; }
.sibling_box li .slogo{ text-align:center; }
.sibling_box li .info{ display:none; width:100%; }

.sibling_box li .info .tit{ color:#e7dcbf; width:100%; line-height:.28rem; padding-left:.3rem; background:url(../images/dianmian_icon1.png) no-repeat 0 .05rem; }
.sibling_box li .info .addr{ color:#e7dcbf; width:100%; line-height:.25rem; padding-left:.3rem; background:url(../images/dianmian_icon2.png) no-repeat 0 .02rem; margin:.2rem 0; }
.sibling_box li .info .tel{ color:#e7dcbf; width:100%; line-height:.28rem; padding-left:.3rem; background:url(../images/dianmian_icon3.png) no-repeat 0 .05rem; }

.sibling_box li .shadow{ width:100%; height:100%; background:rgba(0,0,0,.6); display:flex; justify-content:center; align-items:center; transition:.3s; }

.sibling_box li.active{ flex:2; }
.sibling_box li.active .shadow{ background:rgba(0,0,0,.1); }
.sibling_box li.active .info{ display:block; }
.sibling_box li.active .block{ width:4.8rem; background:rgba(0,0,0,.9); padding:.4rem; }
.sibling_box li.active .slogo{ padding-bottom:.2rem; margin-bottom:.4rem; border-bottom:1px dashed #E7DCBF; }


.pdf_view_box{ width:100%; height:100%; position:fixed; left:0; top:0; background:#1D1C1E; z-index:9999; display:none; padding:.5rem; text-align:center; overflow:auto; }
.pdf_view_box img{ max-width:100%; }
.pdf_view_box .close{ width:.3rem; height:.3rem; text-align:center; line-height:.3rem; color:#dbdbdb; position:fixed; top:.1rem; right:.1rem; font-size:.25rem; transform:scale(1.3,1); cursor:pointer;  transition:.3s; }
.pdf_view_box .close:hover{ background:#363639; }

/* 分页CSS */
.pg {
    margin: .2rem 0;
    text-align: center;
    width: 100%;
	color:#e7dcbf;
}
.pg span {
    background-color: #000;
    border-color: #e7dcbf;
    border-style: solid;
    border-width: 1px;
    color: #e7dcbf;
    display: inline-block;
    height: .3rem;
    line-height: .29rem;
    margin: 0 3px;
    padding: 0 .1rem;
    text-align: center;
}
.pg a {
    background-color: #000;
    border-color: #e7dcbf;
    border-style: solid;
    border-width: 1px;
    color: #e7dcbf !important;
    display: inline-block;
    height: 0.3rem;
    line-height: 0.29rem;
    margin: 0 3px;
    padding: 0 .1rem;
    text-decoration: none;
}




@media (min-width: 801px){
	html {
		font-size: 80px!important;
	}
	
    .transition_up{  transition:.3s; }
    .transition_up:hover{ transform:translateY(-.05rem); }

}
@media (min-width: 1440px){
	html {
		font-size: 90px!important;
	}
}
@media (min-width: 1680px){
	html {
		font-size: 100px!important;
	}
}

@media (max-width: 800px){
	html {
		font-size: 100px!important;
	}
	
	.top.nei{ background:#000; }

	.view{ padding:0 5%; }
	
	.mb_hide{ display:none!important; }
	.mb_show{ display:block!important; }
	
	.top{ padding:.1rem .1rem; }
	.top .logo{ width:1rem; }
	.top .nav_btn{  }
	
	.top nav{ width:100%; height:100%; position:fixed; left:-100%; top:0; background:#000; padding-top:1rem; opacity:0;  z-index:996; transition:.8s; }
	.top nav li{ display:block!important; text-align:center; opacity:0; }
	.top nav li a{ font-size:.22rem; padding:.2rem; font-weight:100; }

	.close-wrapper {
		text-align: right;
		padding-right:.5rem;
	}
	.close-btn{ width:.4rem; height:.4rem; position:relative; float:right; }
	.close-btn:before, .close-btn:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -1px;
		margin-left: -.2rem;
		display: block;
		height: 2px;
		width: 100%;
		background-color: #e7dcbf;
	}
	
	nav.menu-open {
		left:0;
		opacity:1;
	}

	nav.menu-open li{ animation: navshow 0.5s cubic-bezier(0.7, 0, 0.25, 1) 0.6s forwards; }

	
	
	.menu-open .close-btn:before {
	  opacity: 1;
	  -webkit-animation: close-button-intro1 0.8s cubic-bezier(0.7, 0, 0.25, 1) 0.8s forwards;
	  animation: close-button-intro1 0.8s cubic-bezier(0.7, 0, 0.25, 1) 0.8s forwards; }

	.menu-open .close-btn:after {
	  opacity: 1;
	  -webkit-animation: close-button-intro2 0.8s cubic-bezier(0.7, 0, 0.25, 1) 0.8s forwards;
	  animation: close-button-intro2 0.8s cubic-bezier(0.7, 0, 0.25, 1) 0.8s forwards; }


	  @keyframes close-button-intro1 {
	  0% {
		-webkit-transform: rotate(0deg);
		transform: transform(0deg); }
	  100% {
		-webkit-transform: rotate(-45deg);
		transform: transform(-45deg); }
		}

	@keyframes close-button-intro2 {
	  0% {
		-webkit-transform: rotate(0deg);
		transform: transform(0deg); }
	  100% {
		-webkit-transform: rotate(-135deg);
		transform: transform(-135deg); } 
		}

	@keyframes navshow { 
		0% {
		opacity:0;}
		100% {    opacity:1;}	
	}
	
	
	#banner_video{ display:none; }


	.top .mb_links{ float:right; padding-top:.2rem; }
	.top .mb_links a{ text-align:center; height:.33rem; line-height:.33rem; display:block; float:right; transition:.3s; margin:0 .05rem; }
	.top .mb_links a:hover{ transform:translateY(0); }
	.top .mb_links a.bd{ border:1px solid #e7dcbf; letter-spacing:1px; padding:0 .1rem; }
	.top .mb_links .nav_btn{ width:.31rem; overflow:hidden; text-indent:-999px; background:url(../images/nav_btn.png) no-repeat center; background-size:.41rem .27rem; }
	
	.page2 { background-position:left top; }
	.page2 .view{ height:auto; display:flex; justify-content:center; align-items:center; flex-direction: column; }
	.page2_left{ width:100%; height:auto; float:none; margin-top:.5rem; }
	.page2_right{ width:100%; height:auto; margin-top:.5rem; float:none; }
	
	.page3 .view > div{ width:auto;transform:unset; }

	
	.about_honor .honor_list{ width:95%; }
	.about_honor .honor_list li{ width:50%;height:auto;  padding:.25rem .1rem 0 .1rem; text-align:center; background:none; margin-bottom:0; }
	.about_honor .honor_list li img{ width:100%; }
	.about_honor .honor_list .transition_up:hover{ transform:translateY(0)!important; }
	
	
	.about_team .teamlist{ display:block; }
	.about_team .teamlist li{ width:50%; height:3rem; float:left; }
	.about_team .teamlist li:hover{ width:50%; }
	
	.about_switch .unit .tit{ font-size:.22rem; }
	.about_switch .unit .con{ font-size:.14rem; }

	.index-btns{ display:none; }

	.grallery li{ float:none;  width:calc(100% - .1rem);}
	
	
	.contact_box{ position:relative; padding-top:1.4rem; }
	.contact_left{ width:100%; display:block; padding:1rem 0;}
	.contact_right{ width:100%; display:block; padding:.5rem; }
	.message_box{ margin:0 auto; }
	
	.activity_banner{ height:2.5rem; padding-top:1.2rem; font-size:.3rem; }
	
	.activity_box{ padding:0 .2rem; margin-top:0; }
	.activity_box .ulbox .text{ width:100%; padding:.48rem 0 .2rem; }
	.activity_box .ulbox .tit3{ font-size:.2rem; line-height:.3rem; height:auto; } 
	.activity_box .ulbox .time{ font-size: .24rem; line-height:.48rem;}
	.activity_box .ulbox .li .img-box{ width:100%;  }  
	.activity_box .ulbox .li .img{ height:3.4rem; }

    .dianmianlist li{ width:100%; }
	.dianmianlist li:after{ display:none; }
	
	.booking_tit{ margin-bottom:.1rem; }
	.booking_box{ display:block; position:relative; }
	.booking_box .booking_right{ margin:0; position:absolute; left:0; top:0; }
	.booking_box .booking_right .timelist{ min-height:4.5rem; }
	.booking_date li .status{ right:0; width:100%; text-align:center; }
	
	.sibling_box{ margin-top:1rem; height:calc(100vh - 1rem); flex-direction: column; }
	.sibling_box li{  transition:0s; }
	.sibling_box li .info .addr{ margin:.1rem 0; }
	.sibling_box li.active .block{ width:100%; padding:.2rem; }
	.sibling_box li.active .slogo{ margin-bottom:.1rem;}

}