html,body{
  position:relative;
  margin:0;
  height:100%;
  scroll-behavior:smooth;
}
footer{
  display:none !important
}
.swiper-container-box{
  width:100%;
  height:calc(100% - 44px)
}
.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:gray;
  opacity:7.2;
}
.swiper-pagination-bullet-active{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:black;
  opacity:7.2;
}
.flex{
  display:flex;
  justify-content:center;
  align-items:center;
}
.banner,.p01{
  width:100%;
  background-size:100% 100%;
  position:relative;
}
.bg{
  background-repeat:no-repeat;
  background-position:center;
  position:relative;
  background-size:100% 100%;
  margin-top:-.02rem;
}
.cc .on{
  color:#fff;
}
.main{
  width:100%;
}
.cc{
  display:flex;
  flex-direction:column;
  position:fixed;
  right:.2rem;
  top:0;
  z-index:1000;
  bottom:0;
  margin:auto 0;
  height:4rem;
  width:1rem;
  background:rgba(16,16,16,50%);
  font-size:.15rem;
  border:.01rem solid #b6956d;
}
.cc a{
  padding-top:.06rem;
  color:#b6956d;
  height:.45rem;
  text-align:center;
  position:relative;
  display:block;
}
.cc a::before{
  content:"";
  background-size:100% 100%;
  position:absolute;
  bottom:.01rem;
  height:.05rem;
  width:.37rem;
  left:0;
  right:0;
  margin:0 auto;
  background-image:url(images/00_03.png?v12200303);
}
.p01 .bg:nth-of-type(1){
  background-image:url(images/p01_01.jpg?v122003);
  height:3.4rem;
}
.p01 .bg:nth-of-type(2){
  background-image:url(images/p01_02.jpg?v122003);
  height:3.4rem;
}
.xs_box{
  position:absolute;
  top:4rem;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:7.1rem;
  height:5.5rem;
  }
 .xs_box .swiper-container{
    width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
  }
 .xs_box .swiper-slide{
    background-size:cover;
    background-position:center;
  }
 .xs_box .gallery-top1{
    height:3.3rem;
    width:100%;
    position:relative;
  }
 .xs_box .gallery-thumbs1{
    height:20%;
    box-sizing:border-box;
    padding:5px 0;
  }
 .xs_box .gallery-thumbs1 .swiper-slide{
    width:20%;
    height:100%;
    opacity:.4;
  }
 .xs_box .gallery-thumbs1 .swiper-slide-thumb-active{
    opacity:1;
  }
.menu{
  height:1.58rem;
  width:100%;
  background:#b6956d;
}
.menu-box{
  width:100%;
  height:100%;
  box-sizing:border-box !important;
  position:relative;
}
.menu-box .swiper-wrapper{
  box-sizing:border-box !important;
  position:relative;
  margin:0 .4rem;
}
.menu-box .swiper-slide a{
  position:relative;
  box-sizing:border-box;
  text-align:center;
  margin-top:.2rem;
  margin-right:.2rem;
  font-size:.22rem;
}
.menu-box .swiper-slide{
  position:relative;
  box-sizing:border-box;
  background:url(images/temp.png?v12200303);
 background-position:center;
 background-size:contain;
 background-repeat:no-repeat;
  margin-top:.2rem;
  width:1.8rem !important;
  height:1.2rem;
}
.menu-box .swiper-slide:active{
  position:relative;
  box-sizing:border-box;
  background:url(images/temp_d.png?v12200303);
 background-position:center;
 background-size:contain;
 background-repeat:no-repeat;
  margin-top:.2rem;
  width:1.7rem !important;
  height:1.2rem;
}
.menu-box .swiper-slide:active a{
  color:#b6956d;
}

.ban{width:100%;height:6.25rem;background:url(images/ban.jpg?v122003) no-repeat;background-size:cover;}.p01{padding-top:.5rem;background:#1d1d1c;}
.bg02{width:100%;height:4rem;padding-top:2rem;background:#1c1c1c url(images/bg02.jpg?v122003) 0 .8rem no-repeat;background-size:cover;}

.bg3-1{width:100%;height:2rem;padding-top:.6rem;background:#1c1c1c url(images/bg3-1.jpg?v122003) 0 .6rem no-repeat;background-size:cover;}
.bg3-2{width:100%;height:5.5rem;padding-top:.1rem;background:url(images/bg3-2.jpg?v122003) no-repeat;background-size:cover;}
.bg3-2 .slide{width:6.2rem;margin:0 auto;}.bg3-2 .slide img{display:block;width:6.2rem;height:5.2rem;margin-bottom:.5rem;}
.slide .num_s{position:absolute;bottom:0;left:0;right:0;margin:0 auto;text-align:center;}.slide .num_s li.on{background:#b6956d !important;}
.slide .num_s li{display:inline-block;width:.1rem !important;height:.1rem !important;margin:0 .05rem;background:#4b4134;border:none !important;border-radius:100%;}

.bg4-1,.bg4-2,.bg4-3,.bg4-4{width:100%;height:4.75rem;}
.bg4-1{background:url(images/bg4-1.jpg?v122003) no-repeat;background-size:cover;}
.bg4-2{background:url(images/bg4-2.jpg?v122003) no-repeat;background-size:cover;}
.bg4-3{background:url(images/bg4-3.jpg?v122003) no-repeat;background-size:cover;}
.bg4-4{background:url(images/bg4-4.jpg?v122003) no-repeat;background-size:cover;}

.bg5-1{width:100%;height:5rem;background:url(images/bg5-1.jpg?v122003) no-repeat;background-size:cover;}
.bg5-2{width:100%;height:3rem;padding-top:.3rem;background:#1c1c1c;}
.bg5-2 .slide{width:6.35rem;margin:0 auto;}.bg5-2 .slide img{display:block;width:6.35rem;height:2.25rem;margin-bottom:.5rem;}

.bg6-1,.bg6-2,.bg6-3,.bg6-4{width:100%;height:4.3rem;}
.bg6-1{background:url(images/bg6-1.jpg?v122003) no-repeat;background-size:cover;}
.bg6-2{background:url(images/bg6-2.jpg?v122003) no-repeat;background-size:cover;}
.bg6-3{background:url(images/bg6-3.jpg?v122003) no-repeat;background-size:cover;}
.bg6-4{background:url(images/bg6-4.jpg?v122003) no-repeat;background-size:cover;}