html,
body{
  position:relative;
  margin:0;
  height:100%;
  scroll-behavior:smooth;
}

footer{
  display:none !important
}

.swiper-container-box{
  width:100%;
  height:calc(100% - 44px)
}
.gallery-top1 img{
  margin-top:.1rem;
}
.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:gray;
  opacity:7.2;
}
.cc .on{
  color:#fff;
}
.swiper-pagination-bullet-active{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:black;
  opacity:7.2;
}
.flex_y{
  display:flex;
  justify-content:center;
  flex-direction:column;
}
.flex_y_x{
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}
.flex_x_b{
  display:flex;
  justify-content:space-between;
  align-content:space-between;
}

.flex_y_b{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}


.flex{
  display:flex;
  justify-content:center;
  align-items:center;
}
.flex_c{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.banner,
.p01,
.p02,
.p03,
.p04,
.p05,
.p06,
.p07,
.p08,
.p09,
.p10,
.p11,
.p12,
.p13,.p007{
  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;
}
.flex_c_w{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.main{
  width:100%;
}
.banner .bg:nth-of-type(1){
  background-image:url(./images/banner_01.jpg);
  height:3.44rem;
}
.banner .bg:nth-of-type(2){
  background-image:url(./images/banner_02.jpg);
  height:3.43rem;
}

.p01 .bg:nth-of-type(1){
  background-image:url(./images/p01_01.jpg);
  height:2.95rem;
}
.p01 .bg:nth-of-type(2){
  background-image:url(./images/p01_02.jpg);
  height:3.1rem;
}
.p01 .bg:nth-of-type(3){
  background-image:url(./images/p01_03.jpg);
  height:3.05rem;
}
.p02 .bg:nth-of-type(1){
  background-image:url(./images/p02_01.jpg);
  height:2.82rem;
}
.p02 .bg:nth-of-type(2){
  background-image:url(./images/p02_02.jpg);
  height:2.82rem;
}
.new_box .swiper-container{
  width:100%;
  height:300px;
  margin-left:auto;
  margin-right:auto;
}
.new_box .swiper-slide{
  background-size:cover;
  background-position:center;
}
.new_box .gallery-top{
  height:100%;
  width:100%;
}
img{
  display:block;
  width:100%;
}
.new_box .gallery-thumbs{
  height:100%;
  box-sizing:border-box;
  padding:10px 0;
  width:50%;
}
.new_box .gallery-thumbs .swiper-wrapper{
  display:flex;
  flex-direction:column;
  height:100%;
}
.new_box .gallery-thumbs .swiper-slide{
  width:25%;
  height:100%;
}
.new_box .gallery-thumbs .swiper-slide{
  height:28px !important;
  width:82% !important;
}
.new_box .gallery-thumbs .swiper-slide-thumb-active  p{
  color:#fff;
  opacity:1;
}
.new_box .gallery-top img{
  margin:.05rem;
}
.new_box .gallery-thumbs p{
  margin-left:.2rem;
  font-size:.13rem;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
	letter-spacing:1px;
  border-bottom:dashed .01rem #333;
  padding-bottom:.1rem;
  margin-top:.2rem;
}
.new_box{
  position:absolute;
  margin:auto;
  top:1.45rem;
  left:0;
  right:0;
  bottom:0;
  height:3.25rem;
  width:7.1rem;
  background:#b6956d;
  display:flex;
}
.zn_box{
  position:absolute;
  margin:auto;
  top:2.45rem;
  left:0;
  right:0;
  bottom:0;
  height:7.5rem;
  width:7.1rem; 
}
.top{
  height:5.12rem;
}
.p03 .bg:nth-of-type(1){
  background-image:url(./images/p03_01.jpg);
  height:3.4rem;
}
.p03 .bg:nth-of-type(2){
  background-image:url(./images/p03_02.jpg);
  height:3.4rem;
}
.p03{
  position:relative;
}
.tab-panel-w{
  padding:.3rem;
  background:#b6956d;
  width:7.1rem;
  height:4.18rem;
  box-sizing:border-box;
  position:relative;
  overflow-y:auto;
}
.tab-panel-w h4{
  font-weight:bold;
  font-size:.18rem;
}
.tab-panel-w p{
  font-size:.17rem;
  color:#1c1c1c;
}
.p03_box .swiper-slide{
  background-size:cover;
  background-position:center;
}
.p04 .tabs .item{
border:.01rem solid #b6956d;
color:#b6956d;
width:1.11rem;
height:.8rem;
}
.p04 .tabs .on{
  color:#1c1c1c;
  background:#b6956d;
  height:.85rem;
}
.gallery-top{
  height:80%;
  width:100%;
}
.gallery-top .swiper-slide>div{
  width:6rem;
  height:3rem;
  background-image:url(./images/lc_bg.png);
  border-radius:.2rem;
  background-size:100% 100%;
}
.p03_text{
  width:auto !important;
  height:auto !important;
  margin-left:.5rem;
  text-align:left !important;
  font-family:SourceHanSansSC-Regular;
	font-size:.2rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.36rem;
	letter-spacing:0;
	color:#222 !important;
  border:none !important;
  width:3rem !important;
}
.round{
  width:1.88rem;
	height:1.88rem;
	border:solid .05rem #c0c0c0;
  border-radius:50%;
  font-size:.36rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.6rem;
	letter-spacing:0;
	color:#222;
}
.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);
 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);
 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;
}
.menu-next{
background-image:url(./images/right.png) !important;
width:.24rem !important;
background-size: 100% 100%;
height:.28rem !important;
top:0 !important;
bottom:0 !important;
margin:auto 0 !important;
right:0;
}
.menu-prev{
  background-image:url(./images/right.png) !important;
  width:.24rem !important;
  background-size: 100% 100%;
  height:.28rem !important;
  top:0 !important;
  bottom:0 !important;
  margin:auto 0 !important;
  right:0;
  transform:rotate(180deg);
}
 .gallery-thumbs{
  height:16%;
  box-sizing:border-box;
  padding:.10rem 0;
  width:90%;
}
.p03_box img{
  width:6.1rem;
  height:8.3rem;
}
.gallery-thumbs .swiper-slide{
 width:1.1rem !important;
}
#agentinfo{
  width:360px;
}
.p03_box p{
  width:1.5rem;
	height:.42rem;
  border-radius:.1rem;
  border:solid 1px #fff;
text-align:center;
  font-size:.2rem;
  line-height:.42rem;
  letter-spacing:0;
  color:#fff;
}
.p03_box{
position:absolute;
top:1rem;
left:0;
right:0;
bottom:0;
margin:auto;
width:7.1rem;
height:4.5rem;
}

.xs_box{
  position:absolute;
  top:1rem;
  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:4.1rem;
    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;
  }
  .gg a{
    padding:.05rem;
    border:.01rem solid #b6956d;
    color:#b6956d;
    margin-left:.05rem;
    border-radius:.09rem;
    font-size:.15rem;
  }
.p04 .bg:nth-of-type(1){
  background-image:url(./images/p04_01.jpg);
  height:2.91rem;
}
.p04 .bg:nth-of-type(2){
  background-image:url(./images/p04_02.jpg);
  height:2.91rem;
}
.p04 .bg:nth-of-type(3){
  background-image:url(./images/p04_03.jpg);
  height:2.91rem;
}
.p05 .bg:nth-of-type(1){
  background-image:url(./images/p05_01.jpg);
  height:4.49rem;
}
.p05 .bg:nth-of-type(2){
  background-image:url(./images/p05_02.jpg);
  height:4.49rem;
}
.p05 .bg:nth-of-type(3){
  background-image:url(./images/p05_03.jpg);
  height:4.49rem;}
.p06 .bg:nth-of-type(1){
  background-image:url(./images/p06_01.jpg);
  height:2.85rem;
}
.p06 .bg:nth-of-type(2){
  background-image:url(./images/p06_02.jpg);
  height:2.84rem;
}
.p06-box{
  width:100%;
  height:100%;
}
.p06{
  position:relative;
}
.p06-box .swiper-pagination-bullet-active{
  background:#624e8d !important;
  opacity:1 !important;
}
.p06-box .swiper-pagination-bullet{
  width:.23rem !important;
	height:.23rem !important;
	background:#e9e9e9;
}
.p06_box{
position:absolute;
top:2.4rem;
left:0;
right:0;
bottom:0;
margin:auto;
width:7.2rem;
height:4.7rem;
}
.p07 .bg:nth-of-type(1){
  background-image:url(./images/p07_01.jpg);
  height:6.66rem;
}
.p07 .bg:nth-of-type(2){
  background-image:url(./images/p07_02.jpg);
  height:5.8rem;
}
.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);
}
.item{
display:flex;
flex-direction:column;

align-items:center;
}
.item span:nth-of-type(2){
  transform:scale(.6);
  text-align:center;
  display:inline-block; 
  width:2.1rem;
  margin-top:-.2rem;
}
.item span:nth-of-type(1){
  transform:scale(.6);
}
.icon{
  background:url(./images/temp_c3c31e31b886208bc1eb7d81e1f49a44_temp.png) no-repeat;
  background-size:2.65rem 2.14rem;
  height:.66rem;
  width:.56rem;
  display:block;
}
.pslc{
  background-position:0 -.01rem;
  
}
.on .pslc{
  background-position:0 -.55rem;
}
.cpdx{
  background-position:-.65rem .1rem;
}
.on .cpdx{
  background-position:-.65rem -.54rem;
}
.cszg{
  background-position:-1.3rem .01rem;
}
.on .cszg{
  background-position:-1.3rem -.54rem;
}
.cszplb{
  background-position:-1.9rem .1rem;
}
.on .cszplb{
  background-position:-1.9rem -.54rem;
}
.psbz{
  background-position:-1.35rem -1.12rem;
}
.on .psbz{
  background-position:-1.35rem -1.65rem;
}

.pszblh{
  background-position:-1.95rem -1.15rem;
}
.on .pszblh{
  background-position:-1.95rem -1.6rem;
}
.p08_box{
  position:absolute;
  top:1.3rem;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:7.1rem;
  height:4.3rem;
  }

.p08 .bg:nth-of-type(1){
  background-image:url(./images/p08_01.jpg);
  height:3.91rem;
}
.p08 .bg:nth-of-type(2){
  background-image:url(./images/p08_02.jpg);
  height:4.13rem;
}
.p08 .bg:nth-of-type(3){
  background-image:url(./images/p08_03.jpg);
  height:1.83rem;
}
.p09 .bg:nth-of-type(1){
  background-image:url(./images/p09_01.jpg?2021);
  height:3.42rem;
}
.p09 .bg:nth-of-type(2){
  background-image:url(./images/p09_02.jpg?2021);
  height:3.02rem;
}
.p09 .bg:nth-of-type(3){
  background-image:url(./images/p09_03.jpg?2021);
  height:3.29rem;
}
.p09 .bg:nth-of-type(4){
  background-image:url(./images/p09_04.jpg?2021);
  height:3.33rem;
}

.p10 .bg:nth-of-type(1){
  background-image:url(./images/p10_01.jpg);
  height:2.72rem;
}
.p10 .bg:nth-of-type(2){
  background-image:url(./images/p10_02.jpg);
  height:2.71rem;
}
.p11 .bg:nth-of-type(1){
  background-image:url(./images/p11_01.jpg);
  height:3.19rem;
}
.p11 .bg:nth-of-type(2){
  background-image:url(./images/p11_02.jpg);
  height:3.2rem;
}
.p11 .bg:nth-of-type(3){
  background-image:url(./images/p11_03.jpg);
  height:3.19rem;
}