<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body {
  max-width: 100%; overflow-x: hidden;
  background: #f9e9d0 url(../images/bg02.jpg) repeat-y center 40px;
  color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
input::focus-inner { padding: 0; border: 0; }

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* 通用头部 */
.ht_top {
  position: relative; width: 100%; overflow: hidden; z-index: 2;
  background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
  line-height: 41px;
}
.ht_top h1 {
  float: left;
}
.ht_top h1 a {
  float: left; width: 131px; height: 40px; overflow: hidden;
  background: url(https://u3.huatu.com/uploads/allimg/201029/660702-201029150RE30.png) no-repeat;
  font-size: 12px; text-indent: -100em;
}
.ht_top .topnav {
  float: right;
  font-size: 12px;
}
.ht_top .topnav a {
  padding: 0 8px;
}

.bg01 { 
  background: url(../images/bg01.jpg) no-repeat top;
}

.banner { 
  position: relative; height:952px; margin-bottom: 40px;
}
.banner h3 {
  position: absolute; top:75px; left:0; width:100%; height: 50px; overflow: hidden;
  background: url(../images/banner021.png) no-repeat center;
  background-size:contain;
  text-indent: -9999em;
}
.banner h2 {
  position: absolute; top:100px; left:50%;
  width:1176px; height: 421px; margin-left: -583px; overflow: hidden;
  background: url(../images/banner03.png) no-repeat center;
  background-size:contain;
  text-indent: -9999em;
}
.timeBox {
  position: absolute; bottom:0; left:50%;
  width:1167px; height: 529px; padding-top: 385px; padding-left: 60px; margin-left: -593px; box-sizing: border-box;
  background: url(../images/banner04.png) no-repeat center;
  background-size:contain;
}
.timeBox h4 {
  height: 30px;
  color: #fffae2; font-size: 22px; font-weight: 400; line-height: 30px; text-align: center;
}
.timeBox h4:before,
.timeBox h4:after {
  content: " "; display: inline-block; width:100px; height: 30px; vertical-align: top;
  background: url(../images/banner05.png) no-repeat center;
}
.timeBox h4:after {
  transform: rotate(180deg);
}
.timeBox .time {
  margin-top: 13px;
  font-size: 50px; line-height:68px; text-align: center;
}
.timeBox em {
  display: inline-block; vertical-align: top;
  color: #fffae2; font-weight: 800; font-style: normal; 
}
.timeBox i {
  position: relative; display: inline-block; width: 48px; height: 68px; margin: 0 4px; vertical-align: top;
  background: #430200; border-radius: 8px;
  color: #fedd8c; font-weight: 800; font-style: normal; 
}
.timeBox i:after {
  content: ""; display: block; position: absolute; top:50%; left:0; width: 100%; height: 2px;
  background: #e93f23;
}

.title {
  position: relative; z-index: 1; height: 97px;
  background: url(../images/pic00.png) no-repeat center 41px;
  text-align: center;
}
.title .tbg01 {
  position: relative; width: 675px; height: 114px; padding-top: 10px; margin:0 auto; box-sizing: border-box;
  background: #ed5621;
  background: linear-gradient(88deg, #ed5621 , #dc3720 );
  border-radius: 20px;
  box-shadow: 0 -13px 0 #f28228,0 10px 8px rgba(51, 51, 51, .15);
}
.title .tbg01:before ,
.title .tbg01:after {
  position: absolute; left: 60px; top:42px;
  content: " "; display: block; width: 30px; height: 30px;
  background: url(../images/pic03.png) no-repeat center;
}
.title .tbg01:after {
  left:auto; right: 60px;
}
.title h3 {
  color: #fff26a; font-size: 50px; line-height: 60px;
}
.title h4 {
  color: #fff; font-size: 22px; font-weight: 400; line-height: 30px;
}

.borBox {
  width: 1200px; padding:40px 35px 55px; margin:0 auto 105px; box-sizing: border-box;
  background: #f09a4f;
  background: linear-gradient(0, #f09a4f , #f7bb78 );
  box-shadow: inset 0 12px 0 #fece98, 0 25px 0 #ea822d;
	border-radius: 25px;
}
.bgBox {
  position: relative; padding:40px; overflow: hidden; box-sizing: border-box;
  background: #f43425;
  box-shadow: 0 20px 0 #cb1a17 , 0 0 0 40px #d8201a inset;
	border-radius: 10px;
}
.bgBox .cape {
  position: absolute; width:58px; height: 2px;
  background: #9f1b11;
}
.bgBox .cape01 {
  left:0; top: 0;
  transform: rotate(45deg);
  transform-origin: 0 0;
}
.bgBox .cape02 {
  right:0; top: 0;
  transform: rotate(-45deg);
  transform-origin: 100% 0;
}
.bgBox .cape03 {
  right:0; bottom: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}
.bgBox .cape04 {
  left:0; bottom: 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
/* 预约 */
.orderBox {
  float: left; width: 520px; height: 450px;
  background: #fff;
}
.orderBox h4 {
  padding:30px 0 25px;
  color: #000; font-size: 30px; line-height: 36px; text-align: center;
}
.list-div {
  position: relative; width:465px; margin:0 auto 15px;
}
.list-div input,
.list-div select {
  display: block; width:100%; height:42px; box-sizing: border-box;
  background: #fff; border: 1px solid #919191;
  outline: none;
  font-size:18px; text-indent: .5em; vertical-align: middle;
}
.list-div input:hover,
.list-div select:hover {
  border-color: #e8423c;
}
.list-div input {
  box-shadow:0 0 1000px #fff inset;
  font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div select { 
  float:left; width: 230px;
  line-height:50px;
}
.list-div #city {
  float: right;
}

.list-div #ext2 {
  float: right;
}
.list-div .fs {
  position: absolute; right:0; top:0; width:150px; cursor: pointer;
  background: #fff;
  text-align: center; text-indent: 0;
  transition:background .3s;
}
.list-div .fs:hover {
  background: #f73638;
  box-shadow:0 0 0 #fff inset;
  color:#fff;
}
.yuyueBtn {
  display: block; width:225px; height:58px; margin:24px auto 0; cursor: pointer;
  background: #f73638;
  border: none;
  background: linear-gradient(90deg, #f73638 , #fb573e, #fb573e, #f73638) no-repeat left;
  background-size: 240%;
  color:#fff; font-size:20px; line-height:58px; text-align: center;
  transition:all .3s;
}
.yuyueBtn:hover {
  opacity: .9;
  background-position: right;
}

.box01 .des {
  float: right; width:480px; padding-top: 20px;
}
.box01 .des h4 {
  margin-bottom: 20px;
  color: #fff; font-size: 30px; line-height: 80px; text-indent: 70px;
}
.box01 .des .icon30 {
  display: inline-block; vertical-align: top;
  width:110px; height: 66px; overflow: hidden;
  background: url(../images/pic04.png) no-repeat center;
  background-size:contain;
  text-indent: -9999em;
}
.box01 .des li {
  background: url(../images/pic05.png) no-repeat left;
  color: #fff; font-size: 22px; line-height: 50px; text-indent: 40px;
  overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}

.box02 table {
  width: 100%; overflow: hidden;
  background: #fff; border-radius: 4px;
  text-align: center;
}
.box02 th {
  height: 60px;
  background: #ed5621;
  color: #fff; font-size: 24px; font-weight: 400;
}
.box02 td {
  height: 68px;
  border: 1px solid #eaedf6;
  font-size: 22px;
}
.box02 tr:nth-child(2n+1) td:nth-last-child(-n+3),
.box02 tr:nth-child(2n+1) td:first-child {
  background: #eaedf6;
}
.box02 td a {
  display: block; width: 120px; height: 45px; margin: 0 auto;
  background: #f43425; border-radius: 45px;
  color:#fff; font-size: 20px; line-height: 45px;
  transition: .3s;
}
.box02 td a:hover {
  background: #c42319;
  animation:  tada .8s;
}

.title02 h3 {
  line-height: 90px;
}
.box03 dl {
  position: relative; height: 395px;
  background: #621d09 url(../images/pipc06.jpg) no-repeat center;
  background-size: cover;
  border-radius: 4px;
}
.box03 dd {
  position: absolute;
  width: 164px; height: 164px;
  background: #d02822; border: solid 5px #f9f9fb; border-radius: 100%;
  box-shadow: 0 0 0 4px #a50e12,
  0 0 0 6px #f3463b,
  0 0 0 16px #d30019;
  line-height: 164px; text-align: center;
}
.box03 dd span {
  display:inline-block;
  color: #fff; font-size: 30px; font-weight: 800; line-height:40px; vertical-align: middle;
}
.box03 .list01 { left: 105px; top:100px; width: 176px; height: 176px; line-height: 176px; }
.box03 .list01 span { font-size: 36px; }
.box03 .list02 { left: 340px; top:-10px; }
.box03 .list03 { left: 585px; top:0; width: 190px; height: 190px; line-height: 190px; }
.box03 .list03 span { font-size: 40px; line-height: 44px; }
.box03 .list04 { left: 798px; top:145px; width: 150px; height: 150px; line-height: 150px; }
.box03 .list04 span { font-size: 32px; }
.box03 dt {
  position: absolute; left:50%; top:145px;
  width:349px; height: 236px; margin-left: -170px;
  background: url(../images/pic06.png) no-repeat center;
  background-size: contain;
}

.box04 ul {
  padding:0 25px; box-sizing: border-box;
  background: #621d09; border-radius: 4px;
}
.box04 li {
  position: relative; float:left; width:250px; height: 390px; padding-top: 110px; box-sizing: border-box;
}
.box04 .con {
  width: 182px; height: 243px; padding-top: 25px; margin:0 auto; box-sizing: border-box;
  background: #e7281d; border-radius: 8px 8px 0 0;
  box-shadow:0 0 40px rgba(85, 7, 9, .94), 0 55px 40px rgba(85, 7, 9, .94);
  transition: .3s;
}
.box04 i {
  display: block; height: 58px;
  background: url(../images/pic11.png) no-repeat center;
  background-size: contain;
}
.box04 .icon42 { background-image: url(../images/pic12.png); }
.box04 .icon43 { background-image: url(../images/pic13.png); }
.box04 .icon44 { background-image: url(../images/pic14.png); }
.box04 .con p {
  margin-top: 10px;
  color: #fff; font-size: 24px; line-height: 34px; text-align: center;
}
.box04 h4 {
  width: 222px; height: 60px; margin:0 auto;
  background: #f9bf7b;
  color: #02071f; font-size: 30px; line-height: 60px; text-align: center;
  transition:background .3s;
}
.box04 .light {
  position: absolute; left:50%; top:0; pointer-events: none;
  width: 274px; height: 230px; margin-left: -137px;
  background: url(../images/pic07.png) no-repeat top;
  background-size: contain;
  transition: .3s;
}

.box04 li:hover .con {
  background: #fc4e3c;
}
.box04 li:hover h4 {
  background: #fb7326;
  color: #fff;
}
.box04 li:hover .light {
  background-image: url(../images/pic08.png);
}

.box05 { background: #b40f12; }
.box05 .ad53 { float: right; width: 586px; height: 386px; margin-bottom: 10px; }
.box05 .ad51,
.box05 .ad52 { float: left; width: 455px; height: 188px; margin-bottom: 10px; }
.box05 a,
.box05 img { display: block; width: 100%; height: 100%; overflow: hidden; }
.box05 .ad54,
.box05 .ad55 { float: left; width: 343px; height: 188px; margin-right: 10px; }
.box05 .ad56 { float: right; width: 343px; height: 188px; }
.box05 img { transition: .5s ease-in-out; }
.box05 a:hover img { transform: scale(1.02); }

/* 通用底部 */
.footer { 
  clear: both; position: relative; padding: 30px 0;
  background: #333;
  text-align: center;
}
.footer p { position: relative; z-index: 2; color:#fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#fff; }

/* 弹窗 */
.xfShadow {
  display:none; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
  background: rgba(0,0,0,.5);
}
.xfBox {
  display:none; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
  width:534px; height:350px; margin-left: -267px; margin-top:-175px;
  background: #fff; border-radius: 45px;
}
.xfBox .pic {
  position:absolute; left:16px; top:-44px;
  width: 478px; height: 74px; pointer-events: none;
  background:url(../images/pic31.png) no-repeat center;
  background-size: contain;
}
.closeMe {
  position:absolute; right:-10px; top:-40px; cursor: pointer;
  display:block; width:35px; height:35px;
  background:url(../images/pic32.png) no-repeat center;
  background-size:  contain;
  transition: all .3s;
}
.closeMe:hover {
  transform: rotate(180deg);
}
.xfBox h3 {
  padding-top: 45px;
  color: #d9351e; font-size: 45px; line-height: 50px; text-align: center;
}
.xfBox h5 {
  margin-top: 10px;
  font-size: 20px; font-weight: 400; line-height: 30px; text-align: center;
}
.xfBox .btnBox {
  margin:45px 60px 0;
  text-align: center;
}
.xfBox .btnBox a {
  display: inline-block; width: 185px; height: 50px; margin:0 5px 18px;
  background: #d9351e; border-radius: 50px;
  color: #fff; font-size: 22px; line-height: 50px;
  transition: .2s;
}
.xfBox .btnBox a:nth-child(n+4) {
  width:175px;
}
.xfBox .btnBox a:hover {
  background: #6b190f;
  color:#fff;
}
.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper {
    width: 100% !important;
}

@media only all and (max-width:1200px) {
  .onlymob { display: block; }
  html { font-size: 20px; }
  body { 
    max-width: 18.75rem;
    background-size: 20rem;
    font-size: .7rem; line-height: 1.2rem;
  }
  html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width { width: 17.5rem; }

  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2),
  .pc , .onlypc { display: none; }

  /* 通用头部 */
  .ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
  .ht_top h1 a {
    height: 2.5rem; width: 7.5rem;
    background: url(https://u3.huatu.com/uploads/allimg/201029/660702-201029150RE30.png) no-repeat center / contain; }
  .ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
  .ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; word-break: keep-all; }
  
  .bg01 { background-size: 30rem; }
  .banner { height:15rem; margin-bottom:.75rem; }
  .banner h3 { top:1.25rem; height:.9rem; }
  .banner h2 { top:2.5rem; width:18rem; height: 5.25rem; margin-left: -9rem; }
  .timeBox {
    left:0; width:100%; height:8.5rem; padding-top:5.8rem; padding-left:0; margin-left:0;
    background-size: auto 100%;
    background-position: -.5rem center;
  }
  .timeBox h4 { height: 1rem; font-size: .6rem; line-height:1rem; }
  .timeBox h4:before,
  .timeBox h4:after { width:2rem; height: 1rem; background-size: 1.5rem; }
  .timeBox .time { margin-top:0; font-size: .8rem; line-height:1.2rem; }
  .timeBox i { width: .9rem; height: 1.2rem; margin: 0 .05rem; border-radius: .1rem; }
  .timeBox i:after { height:1px; }
  
  .title {
    width:17rem; height:2.4rem;
    background-size: contain;
    background-position:center bottom;
  }
  .title .tbg01 {
    width: 14rem; height: 2.6rem; padding-top: .2rem;
    border-radius: .5rem;
    box-shadow: 0 -.15rem 0 #f28228,0 .15rem .3rem rgba(51, 51, 51, .15);
  }
  .title .tbg01:before ,
  .title .tbg01:after { left: .25rem; top:.8rem; width: .6rem; height: .6rem; background-size: contain; }
  .title .tbg01:after { left:auto; right: .25rem; }
  .title h3 { font-size: .95rem; line-height:1.2rem; }
  .title h4 { font-size: .6rem; line-height: 1rem; }
  
  .borBox {
    width: 17.5rem; padding:.5rem .25rem; margin-bottom:2rem;
    box-shadow: inset 0 .15rem 0 #fece98, 0 .2rem 0 #ea822d;
  	border-radius: .35rem;
  }
  .bgBox {
    padding:.25rem;
    box-shadow: 0 .2rem 0 #cb1a17 , 0 0 0 .25rem #d8201a inset;
  	border-radius: .2rem;
  }
  .bgBox .cape { display: none; }
  
  /* 预约 */
  .orderBox { float: none; width: 100%; height: auto; padding-bottom: 1rem; }
  .orderBox h4 { padding:1rem 0 .75rem; font-size:.8rem; line-height:1.2rem; }
  .list-div { width:15rem; margin-bottom: .5rem; }
  .list-div input,
  .list-div select { height:1.8rem; font-size:.7rem; }
  .list-div select { width:7.25rem; line-height: 1.8rem; }
  .list-div .fs { width:4.5rem; }
  .yuyueBtn {
    width:8rem; height:2rem; margin-top:1.25rem;
    font-size:.8rem; line-height:2rem;
  }

  .box01 .des { float: none; width:15rem; padding:1.5rem 0 .5rem; margin:0 auto; }
  .box01 .des h4 { margin-bottom: .5rem; font-size:.8rem; line-height:1.75rem; text-indent: 2rem; }
  .box01 .des .icon30 { width:3.5rem; height:1.75rem; }
  .box01 .des li { background-size: auto .75rem; font-size: .75rem; line-height: 1.6rem; text-indent: 1.25rem; }
  
  .box02 table { border-radius: .15rem; }
  .box02 th { height: 1.8rem; font-size:.65rem; white-space: nowrap; }
  .box02 td { height: 2rem; font-size: .55rem; line-height: .8rem; }
  .box02 td span { display: block; }
  .box02 td a { width: 2.8rem; height:1.3rem; border-radius: 1.3rem; font-size: .55rem; line-height:1.3rem; }
  
  .title02 h3 { line-height: 2rem; }
  .box03 dl { height: 9rem; border-radius: .15rem; }
  .box03 dd {
    width: 3.25rem; height: 3.25rem;
    border-width: .09rem;
    box-shadow: 0 0 0 .075rem #a50e12,
    0 0 0 .15rem #f3463b,
    0 0 0 .25rem #d30019;
    line-height: 3.25rem;
  }
  .box03 dd span { font-size: .625rem; line-height:.85rem; }
  .box03 .list01 { left:1rem; top:4rem; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; }
  .box03 .list01 span { font-size: .75rem; }
  .box03 .list02 { left: 4rem; top:.5rem; }
  .box03 .list03 { left: 9rem; top:1rem; width: 3.75rem; height: 3.75rem; line-height: 3.75rem; }
  .box03 .list03 span { font-size: .8rem; line-height:1rem; }
  .box03 .list04 { left: 13rem; top:4.5rem; width: 3rem; height: 3rem; line-height: 3rem; }
  .box03 .list04 span { font-size: .6rem; }
  .box03 dt { top:3.75rem; width:6.98rem; height: 4.72rem; margin-left: -3.2rem; }
  
  .box04 ul { padding:0; border-radius: .15rem; }
  .box04 li { width:25%; height:8.75rem; padding-top: 2rem; }
  .box04 .con {
    width: 3.5rem; height:5.25rem; padding-top:.35rem;
    border-radius: .25rem .25rem 0 0;
    box-shadow:0 0 1rem rgba(85, 7, 9, .94);
  }
  .box04 i { height: 1.25rem; }
  .box04 .con p { margin-top: .25rem; font-size:.575rem; line-height:.8rem; }
  .box04 h4 { width: 4rem; height:1.2rem; font-size: .6rem; line-height:1.2rem; }
  .box04 .light { width:4rem; height:3.36rem; margin-left: -2rem; }
  

  .box05 .ad53 { width:9.25rem; height: 6.1rem; margin-bottom: .25rem; }
  .box05 .ad51,
  .box05 .ad52 { width: 7rem; height: 2.925rem; margin-bottom: .25rem; }
  .box05 .ad54 ,
  .box05 .ad55 { width: 5.3rem; height: 2.925rem; margin-right: .25rem; }
  .box05 .ad56 { width: 5.3rem; height: 2.925rem; }

  /* 通用底部 */
  .m-footer { background: #333; color:#fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
  
  /* 弹窗 */
  .xfBox {
    width:16rem; height:10rem; margin-left: -8rem; margin-top:-5rem;
    border-radius: .5rem;
  }
  .xfBox .pic { left:.35rem; top:-1rem; width:15rem; height: 2.2rem; }
  .closeMe { right:-.5rem; top:-1.5rem; width:1.3rem; height:1.3rem; }
  .xfBox h3 { padding-top:1.5rem; font-size: 1rem; line-height: 1.4rem;  }
  .xfBox h5 { margin-top: .25rem; font-size: .65rem; line-height: 1rem; }
  .xfBox .btnBox { margin:.75rem .5rem 0; }
  .xfBox .btnBox a {
    height: 1.8rem; margin:0 .15rem .5rem;
    border-radius: 1.8rem;
    font-size: .75rem; line-height: 1.8rem;
  }
  .xfBox .btnBox a:nth-child(n+4) { width:5.5rem; }
  
  ._nc .stage1 .slider {
    
    left: 0rem !important;
    right: 0rem !important;
}
._nc .stage1 .slider {
    height: 1.5rem !important;
}
._nc .stage1 .track div, ._nc .stage1 .label {
    line-height: 1.5rem !important;
    height: 1.5rem !important;
}
._nc .stage1 .button {
    height: 1.5rem !important;
}
._nc .stage1 {
    height: 1.5rem !important;
}
}</pre></body></html>