@font-face { font-family:DINPro-Bold; src: url(DINPro-Bold.otf);}
@font-face { font-family:DINPro-Regular; src: url(DINPro-Regular.otf);}

@font-face { font-family:BebasNeue; src: url(BebasNeue.otf);}

/*
@font-face { font-family: ZcHei; src: url(GaoDuanHeiXiuDing151105-1.ttf);}
@font-face { font-family: RuiHei; src: url(LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf);}
@font-face { font-family: SYST-Heavy; src: url(SourceHanSerifCN-Heavy.otf);}
@font-face { font-family: SYST-SemiBold; src: url(SourceHanSerifCN-SemiBold.otf);}
*/


/*头部*/
header{ background:#fff; width:7.5rem; position:sticky; top:0; overflow:hidden; z-index:9999;}
header .top{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:0.9rem; transition:.5s;}
header .top>div{ height:0.4rem; display: flex; justify-content:center; align-items: center; margin-top:0.1rem;}
header .top .city{ width:1.5rem;}
header .top .city i{ width:0.25rem; height:0.333rem; background:url(../images/city.png) no-repeat; background-size:100% 100%; margin-right:0.1rem;}
header .top .logo{ width:4.5rem;}
header .top .logo img{ width:auto; height:0.36rem;}

header .top .snav_btn {width:1.5rem; height:0.3rem;cursor:pointer; justify-content:flex-end; position: relative; }
header .top .snav_btn .open{ width:0.4rem; height:0.3rem; margin-right:0.2rem; position: relative;}
header .top .snav_btn .open span {display:block; width: 0.4rem; height: 0.02rem; position: absolute; top: 0.14rem; right: 0; background: #000; transition:.5s;}
header .top .snav_btn .open::before,
header .top .snav_btn .open::after { content: ''; position: absolute; width: 0.4rem;height: 0.02rem; right: 0; background: #000; transition:.5s;}
header .top .snav_btn .open::before{ top:0;}
header .top .snav_btn .open::after{ width:75%; bottom:0;}

header .top .snav_btn .close {width: 0.5rem;height: 0.5rem;}
header .top .snav_btn .close span{ transform: rotate(45deg); top:0.2rem; opacity:0;}
header .top .snav_btn .close::before,
header .top .snav_btn .close::after { width:0.5rem; transform: rotate(135deg); top:0.2rem;}
header .top .snav_btn .close::before{ transform: rotate(45deg);}

.hideMenu {background:rgba(255,255,255,1);width:100%; max-width:7.5rem; margin:0 auto; height:100%;position:fixed;top:0.9rem;z-index:9999; display:none;}
.hideMenu .hidemain {border-top:1px solid rgba(0,0,0,0.1); padding:0 0.25rem;}
.hideMenu .hidemain li.nLi { padding:0.25rem 0; border-bottom:0.01rem solid rgba(0,0,0,0.1);position:relative; overflow:hidden}
.hideMenu .hidemain li:last-child{ border-bottom:0;}
.hideMenu .hidemain li.nLi h3{ font-size:0.3rem; text-align:center;}
.hideMenu .hidemain li.nLi h3 a {display:block; color:#222; font-weight:500;}

.hideMenu .hidemain li.nLi .sub{ display:flex; justify-content: space-between;  margin-top:0.25rem;}
.hideMenu .hidemain li.nLi .sub li{flex:1; text-align:center;}
.hideMenu .hidemain li.nLi .sub li a{ color:#666;}

/*导航*/
nav{ width:100%; overflow:hidden;}
nav .swiper-slide{width: auto; font-size:0.28rem; height:0.8rem; display: flex;justify-content: center;align-items: center;}
nav .swiper-slide a{ padding:0 0.25rem; color:#3c3834; font-weight:500; position:relative;}
nav .swiper-slide a i{display:block;width:0.4rem;height:0.23rem; position:absolute;right:0rem; top:-0.2rem;background:url(../images/hot.png) no-repeat; background-size:100% 0.46rem;}
nav .swiper-slide a i.new{ background-position:0 -0.23rem;}


/*首页banner*/
.w-banner{ position:relative; overflow:hidden;}
.w-banner .swiper-slide{ height:4.2rem; overflow:hidden;}
.w-banner .swiper-slide img{display: block;	width:100%;}
.w-banner .swiper-pagination{bottom:0.1rem;}
.w-banner .swiper-pagination .swiper-pagination-bullet{background:#fff;width:0.1rem; height:0.1rem; margin:0 0.05rem; border-radius:0.1rem;opacity: 1;}
.w-banner .swiper-pagination .swiper-pagination-bullet-active{background:#b08f52;}

/*首页快速图标*/
.w-quick{ display: flex; justify-content:space-around; align-items: center; margin:0 0.25rem;}
.w-quick .ico{ margin:0.45rem 0.25rem;}
.w-quick .ico img{ width:100%; border-radius:0.15rem;}


/*首页大标题*/
.w-title{ text-align:center; margin-bottom:0.35rem;}
.w-title h1{ font-size:0.4rem; color:#333; font-weight:500;}
.w-title h2{ text-transform:uppercase; color:#888; font-size:0.26rem; margin:0.025rem 0;}
.w-title h3{ display:inline-block;color:#454545; font-size:0.22rem; position:relative; padding-bottom:0.2rem;}
.w-title h3::before{ content:''; position:absolute; left:0; bottom:0; height:0.02rem; width:100%;background:#b08f52;}
.w-title h3::after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-0.14rem; width: 0; height: 0;
 border-top: 0.15rem solid #b08f52; border-left: 0.125rem solid transparent; border-right: 0.125rem solid transparent;}
 
 
 /*首页解决方案*/
.w-solution{ margin:0 0.25rem; overflow:hidden;}
.w-solution .box{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.w-solution .item{ width:100%; height:3.96rem; background:#333 url() no-repeat; background-size:100% 100%; border-radius:0.15rem; margin-top:0.15rem; position:relative;}
.w-solution .item{}
.w-solution .item-2{ width:4.222rem; height:3.7rem;}
.w-solution .item-3{ width:2.611rem; height:3.7rem;}

.w-solution .position{ padding:1.75rem 0.25rem 0 0.3rem;}

.w-solution .item-1::after{ content:''; position:absolute; right:-0.05rem; top:-0.04rem; width:0.9rem; height:0.72rem; background:url(../images/cpsj.png) no-repeat; background-size:100% 100%; z-index:12}
.w-solution .item-1 .txt-box{ position:relative; display:flex;justify-content:space-between;}
.w-solution .item-1 .txt-box::before,
.w-solution .item-1 .txt-box::after{ content:''; position:absolute; width:0.12rem; height:0.12rem; border:#b08f52 solid 0px; }
.w-solution .item-1 .txt-box::before{ left:0; top:0; border-width:0.02rem 0 0 0.02rem;}
.w-solution .item-1 .txt-box::after{ left:0; bottom:0; border-width:0 0 0.02rem 0.02rem;}
.w-solution .item-1 .txt-box p{font-size:0.18rem; color:#fff; line-height:1.8;}
.w-solution .item-1 .txt-box .txt-1{ padding:0 0.15rem; position:relative; margin-right:0.2rem;}
.w-solution .item-1 .txt-box .txt-1::before,
.w-solution .item-1 .txt-box .txt-1::after{ content:''; position:absolute; width:0.12rem; height:0.12rem; border:#b08f52 solid 0px; }
.w-solution .item-1 .txt-box .txt-1::before{ right:0; top:0; border-width:0.02rem 0.02rem 0 0;}
.w-solution .item-1 .txt-box .txt-1::after{ right:0; bottom:0; border-width:0 0.02rem 0.02rem 0;}
.w-solution .item-1 .txt-box .txt-1 p{ text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w-solution .item-1 .txt-box .txt-2{display:flex;justify-content:space-between;}
.w-solution .item-1 .txt-box .txt-2 p{ margin-right:0.15rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.w-solution .price-box{display:flex;align-items:flex-end; margin-top:0.25rem; margin-left:0.2rem;}
.w-solution .price-ico{ margin-bottom:0.1rem; width:0.45rem; height:0.45rem; border-radius:0.05rem; font-size:0.16rem; display:flex;justify-content: center;align-items:center; color:#e7c27f; line-height:1.2; overflow:hidden; background-image: linear-gradient(to bottom right, #e7b97b 0%, #e72418 25%, #b81c22 45%, #b81c22 65%, #e72410 100%);}
.w-solution .price-jg{display:flex; margin-left:0.2rem;}
.w-solution .price-jg h3{ font-size:.9rem; line-height:1; font-family: DINPro-Bold;
    background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.w-solution .price-jg p{ color:#fff; font-size:0.24rem; margin-top:0.15rem; margin-left:0.1rem;}
.w-solution .price-txt{color:#fff; font-size:0.18rem;}

.w-solution .more{ position:absolute; right:0.35rem; bottom:0.35rem; z-index:11; display:block; background:#fff; width:0.45rem; height:0.45rem; border-radius:0.45rem;}
.w-solution .more::after{ content:''; position:absolute; left:0.12rem; top:0.15rem; width: 0.12rem; height: 0.12rem; border-left: 0.03rem solid #3e3e3e; border-top: 0.03rem solid #3e3e3e; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}


.w-solution .item-2 .price-box,
.w-solution .item-3 .price-box{align-items:center; line-height:1.6;}
.w-solution .item-2 .price-ico,
.w-solution .item-3 .price-ico{ margin-bottom:0; margin-right:0.15rem;}


/*首页尊享服务*/
.w-service{ margin:0.5rem 0.25rem 0;}

.w-service .box{display: flex; flex-wrap:wrap; justify-content:space-between;}
.w-service .box .item{ display: flex; align-items: center; height:2.85rem; margin-top:0.15rem; position:relative;}
.w-service .box .item>img{ height:100%;}
.w-service .box .item-1{width:3.3802rem;}
.w-service .box .item-2{width:3.4796rem;}
.w-service .box .item-3{width:4.3081rem;}
.w-service .box .item-4{width:2.5517rem;}
.w-service .box .item-5{width:2.1209rem;}
.w-service .box .item-6{width:4.7389rem;}

.w-service .box .item .dsc{position:absolute; left:0.3rem; top:0.55rem; z-index:10;}
.w-service .box .item .dsc::before{ content:''; position:absolute; left:0; top:0; width:0.5rem; height:0.02rem; background:#fff;}
.w-service .box .item .dsc h2{ font-size:0.3rem; font-weight:700; margin:0.1rem 0;
    background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.w-service .box .item .dsc h5{ font-size:0.18rem; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w-service .box .item .dsc p{ font-size:0.2rem; color:#fff; font-family: DINPro-Regular; margin-top:0.2rem;}

.w-service .box .item .dsc2{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;  display: flex;justify-content: center;align-items: center; flex-direction:column;}
.w-service .box .item .dsc2 h5{ font-size:0.24rem; color:#fff; position:relative;}
.w-service .box .item .dsc2 span{ width:0.25rem; height:0.02rem; background:#fff; margin-top:0.15rem;}
.w-service .box .item .dsc2 p{ font-size:0.16rem; color:#fff; font-family: DINPro-Regular; margin-top:0.15rem; text-transform:uppercase;}


/*首页预约*/
.w-form{ height:7rem; background:url(../images/form.jpg) no-repeat;background-size:100% auto; border-radius:0.1rem; margin:0.25rem; margin-top:0.5rem; padding:0.35rem 0.65rem;}
.w-form h2{font-size:0.4rem;font-weight:700;text-align:center;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-form .box{display: flex; justify-content:space-between; margin:0.35rem 0;}
.w-form .box .ico { width:1.05rem; height:1.08rem; background:url(../images/form-ico.png) no-repeat; background-size:100% auto; display: flex; justify-content:flex-end;  align-items:center;}
.w-form .box .ico p{ font-size:0.18rem; font-weight:700; text-align:right; margin-right:0.1rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}

.w-form h3{ font-size:0.2rem; color:#fff; text-align:center;}
.w-form h3 span{ margin:0 0.25rem; letter-spacing:0.03rem;}

.w-form .form{ margin-top:0.25rem;}
.w-form .form .input-txt{ width:100%; height:0.75rem; background:#fff; padding:0 0.15rem; border-radius:0.12rem; margin-top:0.2rem; border:0; outline:none;}
.w-form .form .button{width:100%; height:0.75rem;color:#181818;font-size:0.35rem; letter-spacing:0.03rem; border-radius:0.12rem; margin-top:0.2rem; border:0; outline:none;
	background-image:-webkit-linear-gradient(left,#ffd79c 10%,#dab668 60%,#ffd79c); 
}
.w-form .form .tips{ font-size:0.2rem; color:#fff; text-align:center; margin-top:0.1rem;}



/*首页案例*/
.w-case{ margin:0.5rem;}
.w-case-list{ margin-top:0.5rem;}
.w-case-list li{ margin-bottom:0.5rem;}
.w-case-list li .img{ position:relative; height:4.3rem; border-radius:0.15rem; overflow:hidden;}
.w-case-list li .sjs { position:absolute; left:0; bottom:.4rem; width:40%; display: flex; align-items:flex-end;}
.w-case-list li .sjs::before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:0.9rem; background: rgba(0,0,0,0.5); border-radius:0 1rem 1rem 0;}
.w-case-list li .sjs .pic{ width:0.9rem; padding:0 0.05rem; margin: 0 0.15rem 0.05rem 0.2rem; position:relative; border-radius:0 0 0.9rem 0.9rem; overflow:hidden;}
.w-case-list li .sjs .pic::before{content:''; position:absolute; left:0; bottom:0; width:0.9rem; height:0.9rem; background: #464243; border-radius:0.9rem;}
.w-case-list li .sjs .pic img{ display:block; position:relative; z-index:10;}
.w-case-list li .sjs p{ font-size:0.2rem; color:#fff; position:relative; margin-bottom:0.15rem; letter-spacing:0.03rem; z-index:10;}
.w-case-list li .sjs p span{ display:block; font-size:0.3rem; font-weight:700;}

.w-case-list li .dsc { width:1.78rem; position:absolute; right:0.5rem; top:0.5rem; background: rgba(0,0,0,0.5); border-radius:0.12rem; padding:0 0.35rem 0.25rem; text-align:center; color:#fff;}
.w-case-list li .dsc span{ display:block; font-size:0.2rem; font-weight:700; margin:0.25rem 0 0.05rem;}
.w-case-list li .dsc p{ font-size:0.18rem;}

.w-case-list li .tit{ color:#b1955b; font-size:0.3rem; font-weight:700; margin-top:0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w-case-list li .tit p{ text-transform:uppercase; font-size:0.15rem; font-weight:300; color: rgba(0,0,0,0.3); font-family: DINPro-Regular; letter-spacing:0.015rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*首页精心造好家*/
.w-heart{ margin:0.5rem;}	
.w-heart .box{ margin-top:0.15rem; position:relative;}
.w-heart .box .txt{ position:absolute; left:0.5rem; bottom:0.4rem; z-index:10;}
.w-heart .box .txt h2{font-size:0.4rem;font-weight:700; margin-bottom:0.1rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-heart .box .txt h2 span{ font-weight:700; margin-left:0.15rem;
	background-image:-webkit-linear-gradient(top,#fff,#fff,#fff); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.w-heart .box .txt p{ font-size:0.26rem; color:#fff; opacity:0.9; font-weight:100;}
.w-heart .box .ico{ position:absolute; right:0.5rem; bottom:0.4rem; width:0.75rem; z-index:10;}


/*首页VR展示*/
.w-vrex{ background:url(../images/vrbg.jpg) no-repeat; background-size:100% 100%; padding:0.25rem 0.45rem;}
.w-vrex-tit{ text-align:center; margin-top:0.3rem;}
.w-vrex-tit h2{font-size:0.4rem;font-weight:700; margin-bottom:0.1rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-vrex-tit p{ font-size:0.2rem; color:#fff; font-weight:100;}

.w-vrex-box { margin-top:0.35rem; overflow:hidden;}
.w-vrex-box .img{ height:4.4rem; border-radius:0.15rem; overflow:hidden; position:relative;}
.w-vrex-box .img::after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2.75rem; height:0.75rem; background: rgba(0,0,0,0.5) url(../images/vrload.png) center center no-repeat; background-size:65% auto; border-radius:0.15rem; z-index:10;}
.w-vrex-box .txt{ display: flex; justify-content:space-between;  align-items:center; margin-top:0.2rem;}
.w-vrex-box .txt p{ color:#fff;}
.w-vrex-box .txt p>a{ color:#fff;}
.w-vrex-box .txt p span{ margin:0 0.25rem;}
.w-vrex-box .txt .bj{ background:#b1955b; color:#fff; padding:0.05rem 0.45rem; border-radius:0.05rem;}

.w-vrex-more{ border:#b1955b solid 0.02rem; border-radius:0.15rem; font-size:0.24rem; width:60%; margin:0.5rem 20% 0.25rem; padding:0.15rem 0; letter-spacing:0.03rem; text-align:center;}
.w-vrex-more a{
	font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}


/*首页设计师*/
.w-design{ background:url(../images/designbg.jpg) no-repeat; background-size:100% 100%; padding:0.25rem 0rem;}
.w-design-tit{ text-align:center; margin-top:0.3rem;}
.w-design-tit h2{font-size:0.4rem;font-weight:700; margin-bottom:0.1rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-design-tit p{ font-size:0.2rem; color:#fff; font-weight:100;}

.w-design-box{position:relative; overflow:hidden; margin-top:0.35rem;} 
.w-design-box .swiper-slide{ position:relative; width:84%; margin-bottom:0.35rem; border-radius:0.15rem; overflow:hidden;}
.w-design-box .swiper-slide>a{ display:block; width:100%; height:100%; position:relative;}
.w-design-box .img{ position:relative; height:4.5rem; overflow:hidden;}
.w-design-box .img::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background: rgba(0,0,0,0.75);}
.w-design-box .img img{ height:100%;}
.w-design-box .txt{ position:absolute; left:0.35rem; top:0.35rem;}
.w-design-box .txt>h2{ font-size:0.24rem; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-design-box .txt>p{ color:#fff; font-size:0.15rem; font-weight:100; letter-spacing:0.02rem; margin-top:0.1rem;}

.w-design-box .txt .geren{ margin-top:0.25rem;}
.w-design-box .txt .geren h4{ font-size:0.4rem; color:#fff;}
.w-design-box .txt .geren p{ font-size:0.12rem; font-weight: 100; letter-spacing:0.02rem; color:#fff; margin:0.05rem 0; text-transform:capitalize; opacity:0.8;}
.w-design-box .txt .geren h5{ font-size:0.15rem; color:#fff;}

.w-design-box .txt .fengge{ width:2.5rem; margin-top:0.35rem; }
.w-design-box .txt .fengge h5{color:#fff; font-size:0.15rem; line-height:1.6;}
.w-design-box .txt .fengge p{ color:#fff; font-size:0.15rem; line-height:1.6; margin-bottom:0.2rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.w-design-box .sjs{overflow:hidden; position: absolute; right:0.15rem; top:0.15rem; width:3rem;}

.w-design-box .yysjs { position: absolute; right:0.2rem; bottom:0.6rem; background: #b1955b; color: #fff; display: flex; justify-content: center; align-items: center;   padding: 0.1rem 0.15rem; font-size: 0.18rem; z-index:10;}
.w-design-box .yysjs i{ margin-right:0.1rem;}


.w-design-box .swiper-pagination{bottom:0;}
.w-design-box .swiper-pagination .swiper-pagination-bullet{background:#fff;width:0.1rem; height:0.1rem; margin:0 0.05rem; border-radius:0.1rem;opacity: 1;}
.w-design-box .swiper-pagination .swiper-pagination-bullet-active{background:#3e3e3e;}

.w-design-more{ border:#b1955b solid 0.02rem; border-radius:0.15rem; font-size:0.24rem; width:60%; margin:0.5rem 20% 0.25rem; padding:0.15rem 0; letter-spacing:0.03rem; text-align:center;}
.w-design-more a{
	font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}



/*首页文章*/
.w-news{ margin:0.5rem 0.25rem;}
.w-news .box{ background:#f0f0f0; padding-bottom:0.5rem; border-radius:0.15rem; box-shadow:0 0 0.05rem rgba(0,0,0,0.15);}
.w-news .box>img{ }
.w-news .hd{ background:#fff; border-radius:0.1rem; margin:0 0.25rem; position:relative; top:-0.4rem; overflow:hidden;}
.w-news .hd ul{ display:flex;}
.w-news .hd ul li{flex:1; text-align:center; padding:0.2rem; font-size:0.28rem;}
.w-news .hd ul li.on{ background:#b1955b; color:#fff; border-radius:0.1rem;}

.w-news .bd ul{margin:0 0.25rem; margin-top:-0.2rem;}
.w-news .bd li{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.35rem; }
.w-news .bd li .img{ width:2.35rem; height:1.5rem; border-radius:0.05rem; overflow:hidden;}
.w-news .bd li .txt{ width:3.85rem; position:relative;}
.w-news .bd li .txt h2{ font-size:0.28rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w-news .bd li .txt p{ color:#727272; margin-top:0.125rem; font-size:0.22rem; line-height:1.5;
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.w-news .bd li .txt .more{ position:relative; height:0.35rem;}
.w-news .bd li .txt .more i{position:absolute; left:0; top:0.17rem; width: 3.35rem; height: 0.01rem; background:#b1955b;}
.w-news .bd li .txt .more::before{ content:''; position:absolute; right:0rem; top:0rem; width: 0.35rem; height: 0.35rem; border-radius:0.35rem; background:#b1955b;}
.w-news .bd li .txt .more::after{ content:''; position:absolute; right:0.15rem; top:0.11rem; width: 0.1rem; height: 0.1rem; border-left: 0.02rem solid #fff; border-top: 0.02rem solid #fff; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}


/*底部4个口号*/
.w-lou{ width:100%; height:1rem; padding:0 0.2rem; background:url(../images/lou.jpg) repeat-x; background-size:auto 1rem; display:flex; justify-content:space-around; align-items:center;}
.w-lou .item{ text-align:center; color:#d4c0a2;}
.w-lou .item h2{ font-size:0.2rem; height:0.3rem; line-height:1;}
.w-lou .item h2 span.sz{ font-size:0.30rem; font-family:Arial, Helvetica, sans-serif;}
.w-lou .item h2 span.sz2{ font-size:0.2rem; font-family:Arial, Helvetica, sans-serif;}
.w-lou .item h2 span.hz{ font-size:0.255rem;}
.w-lou .item h2 em{}
.w-lou .item p{ font-size:0.16rem; letter-spacing:0.02rem;}


/*底部联系*/
.w-contact{ background:url(../images/fbg.jpg) no-repeat; background-size:100% auto; display:flex; padding:0.5rem; height:3.25rem;}
.w-contact .weixin{flex:1; display:flex; flex-direction:column; align-items:center; color:#fff;}
.w-contact .weixin p{}
.w-contact .weixin img{ width:1.35rem; margin-top:0.2rem;}
.w-contact .phone{flex:1; text-align:right;}
.w-contact .phone .hot{ display:flex; align-items:center; justify-content:flex-end; color:#fff;}
.w-contact .phone .hot img{ width:0.35rem; height:0.35rem; margin-right:0.1rem;}
.w-contact .phone .t400{
	font-family: DINPro-Bold; font-size:0.4rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.w-contact .phone .tkf{ color:#fff; font-size:0.18rem; margin-top:0.25rem;}
.w-contact .phone .tkf p{font-family: DINPro-Regular; font-size:0.3rem; margin-top:0.15rem;}


/*底部导航*/
.fhide{ width:100%; height:1rem;}
footer{ height:1rem; background:#fff; position:fixed; bottom:0; left: calc((100% - 7.5rem) / 2); width:7.5rem; z-index:1000; display:flex; justify-content: center;  box-shadow:0 0 0.15rem rgba(0,0,0,0.2);}
footer::before{ content:''; position:absolute; top:-0.35rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:1rem; z-index:-1; box-shadow:0 0 0.15rem rgba(0,0,0,0.2);}

footer .item{flex:1; background:#fff; display:flex; flex-direction:column; align-items:center; font-size:0.2rem; position:relative;}
footer .item i{ display:block; position:relative; width:1rem; height:0.5rem; background:url() center bottom no-repeat;background-size: auto 0.3rem;}
footer .item:nth-child(1) i{ background-image:url(../images/f1.png);}
footer .item:nth-child(2) i{ background-image:url(../images/f2.png);}
footer .item:nth-child(3) i{ background-image:url(../images/f3.png); background-size:0.5rem auto;}
footer .item:nth-child(4) i{ background-image:url(../images/f4.png);}
footer .item:nth-child(5) i{ background-image:url(../images/f5.png);}

footer .item h4{ margin-top:0.05rem; font-size:0.24rem;}



/*内页-案例分类按钮*/
.s-case-button{ display:flex; margin:0.1rem}
.s-case-button .item{
	flex:1; margin:0.15rem; border-radius:0.1rem; padding:0.3rem 0;
	font-family: DINPro-Bold; font-size:0.4rem;
	background-image:-webkit-linear-gradient(top,#393939,#707070);   
}

.s-case-button .item>div{
	font-weight:700; font-size:0.28rem; display:flex;justify-content: center; align-items:center; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-case-button .item>div>img{ width:0.3rem; margin-right:0.15rem; margin-top:0.05rem;}


/*内页-案例参数筛选*/
.s-case-navbox{ background:#fff; padding:0.3rem 0 0.25rem;}
.s-case-navlist{ background:#f6f6f4; padding:0.125rem; border-radius:0.1rem; box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.05); display:flex; position:relative;}
.s-case-navlist dl{flex:1; margin:0.15rem; }
.s-case-navlist dt{ background:#fff; font-weight:700; font-size:0.24rem; border:#f0f0f0 solid 0.01rem; border-radius:0.05rem; display:flex;justify-content: center; align-items:center; padding:0.15rem; box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.05);}
.s-case-navlist dt i{ display:block; width:0.2rem; height:0.11rem; background:url(../images/jp_icon3.png) no-repeat; background-size:0.2rem 0.3rem; margin-left:0.2rem; -webkit-transition: all .3s;}
.s-case-navlist dt.on{ color:#b08f52; border-color:#b08f52; box-shadow: none;}
.s-case-navlist dt.on i{ background-position:0 -0.19rem;}

.s-case-navlist dd{ display:none; position:absolute; left:0; top:1rem; width:100%; background:#f6f6f4; padding:0.15rem 0.225rem 0.25rem; 
z-index:1000; box-shadow:0 0.1rem 0.1rem rgba(0,0,0,0.05); border-radius: 0 0 0.05rem 0.05rem; }
.s-case-navlist dd ul{ display:flex; flex-wrap:wrap;}
.s-case-navlist dd ul li{ width:calc(20% - 0.1rem); margin:0.05rem; text-align:center; background:#fff; border:#999 solid 0.01rem; border-radius:0.05rem; padding:0.1rem 0; font-size:0.2rem;}
.s-case-navlist dd ul li.active{ background:#b08f52; border-color:#b08f52; color:#fff;}


/*内页-案例列表*/
.s-case-list{ margin:0.25rem; margin-top:0;}
.s-case-list li{ margin-bottom:0.5rem;}
.s-case-list li .img{ position:relative; height:4.5rem; border-radius:0.15rem; overflow:hidden;}
.s-case-list li .sjs { position:absolute; left:0; bottom:.4rem; width:40%; display: flex; align-items:flex-end;}
.s-case-list li .sjs::before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:0.9rem; background: rgba(0,0,0,0.5); border-radius:0 1rem 1rem 0;}
.s-case-list li .sjs .pic{ width:0.9rem; padding:0 0.05rem; margin: 0 0.15rem 0.05rem 0.2rem; position:relative; border-radius:0 0 0.9rem 0.9rem; overflow:hidden;}
.s-case-list li .sjs .pic::before{content:''; position:absolute; left:0; bottom:0; width:0.9rem; height:0.9rem; background: #464243; border-radius:0.9rem;}
.s-case-list li .sjs .pic img{ display:block; position:relative; z-index:10;}
.s-case-list li .sjs p{ font-size:0.2rem; color:#fff; position:relative; margin-bottom:0.15rem; letter-spacing:0.03rem; z-index:10;}
.s-case-list li .sjs p span{ display:block; font-size:0.3rem; font-weight:700;}

.s-case-list li .dsc { position:absolute; right:0.5rem; top:0.5rem; background: rgba(0,0,0,0.5); border-radius:0.12rem; padding:0 0.35rem 0.25rem; text-align:center; color:#fff;}
.s-case-list li .dsc span{ display:block; font-size:0.2rem; font-weight:700; margin:0.25rem 0 0.05rem;}
.s-case-list li .dsc p{ font-size:0.18rem;}

.s-case-list li .txt{display: flex; margin-top:0.2rem; }
.s-case-list li .txt .tit{ width:65%; margin-right:5%; color:#b1955b; font-size:0.28rem; font-weight:700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.s-case-list li .txt .tit p{ text-transform:uppercase; font-size:0.14rem; font-weight:300; color: rgba(0,0,0,0.3); font-family: DINPro-Regular; letter-spacing:0.015rem;}
.s-case-list li .txt .more{ width:27%; margin:0 1.5%; background:#b08f52; color:#fff; font-size:0.24rem; font-weight:500; border-radius:0.05rem; display:flex;justify-content: center; align-items:center;}


.noinfo{ padding:0.3rem 0 0.5rem;}


/*内页-案例详情*/
.s-case-show-img{ position:relative;}
.s-case-show-img .box{ position:absolute; right:0.25rem; bottom:-0.25rem; height:0.5rem;background:-webkit-linear-gradient(left,#ffd79c,#dab668);  border-radius:1rem; display:flex; justify-content: flex-start; align-items:center; padding-left:0.25rem; padding-right:1.35rem;}
.s-case-show-img .box span{ font-size:0.18rem;}
.s-case-show-img .box h2{ font-weight:700; font-size:0.26rem; margin-left:0.15rem;}
.s-case-show-img .box img{ position:absolute; bottom:0; right:0.25rem; width:1rem;}

/*内页-案例详情参数*/
.s-case-show-info{ margin-top:0.25rem; padding:0 0.35rem; position:relative;}
.s-case-show-info::before { content:''; position:absolute; left:0; top:0.2rem; background:#b1955b; width:1.75rem; height:0.25rem; z-index:-1;}
.s-case-show-info .tit{ display:flex; align-items:center;}
.s-case-show-info .tit h2{ color:#000; font-size:0.3rem; font-weight:700; margin-bottom:0.25rem;}
.s-case-show-info .tit p{ text-transform:uppercase; color:#888; font-size:0.14rem; margin-left:0.35rem;}

.s-case-show-info .con{ display:flex; flex-wrap:wrap; margin-bottom:0.25rem;}
.s-case-show-info .con>p{ width:33.33%; margin-top:0.15rem; font-weight:500; color:#404040; font-size:0.2rem;}
.s-case-show-info .con>p:last-child{ width:100%;}
.s-case-show-info .con>p strong{font-weight:600;}


/*内页-案例详情内容*/
.s-case-show-detail{ background:#fff; padding-top:0.5rem;}
.s-case-show-detail .topic{}
.s-case-show-detail .topic .tit{ background:url(../images/stbg.jpg) 0 0.05rem no-repeat; background-size:99% auto; height:0.9rem; display:flex; justify-content: flex-start; align-items:center; padding:0 0.35rem;}
.s-case-show-detail .topic .tit span{font-family: DINPro-Regular; font-size:0.4rem; color:#c0c0c0;}
.s-case-show-detail .topic .tit i{ display:inline-block; background:url(../images/x.png) no-repeat; background-size:100% 100%; width:0.1rem; height:0.1rem; margin:0 0.1rem;}
.s-case-show-detail .topic .tit h2{ font-weight:700; font-size:0.32rem;}

.s-case-show-detail .topic .dsc{position:relative; text-transform:uppercase; color:#b1955b; font-size:0.14rem; padding:0.25rem 0.35rem 0.35rem; }
.s-case-show-detail .topic .dsc::after{ content:''; position:absolute; left:0.35rem; top:0.15rem; width:0.2rem; height:0.03rem; background:#313131;}

.s-case-show-detail .content { padding:0 0.35rem 0.5rem;}
.s-case-show-detail .content>.img{ margin-bottom:0.25rem}
.s-case-show-detail .content>.des{ position:relative; padding:0 0.25rem; line-height:1.8; text-align:justify; font-size:0.26rem;}
.s-case-show-detail .content>.des::before{ content:''; background:#b1955b; width:0.02rem; position:absolute; left:0; top:0.05rem; bottom:0.05rem;}


/*内页-设计师列表*/
.s-sjs-list{ margin:0.35rem;}
.s-sjs-list li{ position:relative; margin-bottom:0.35rem; border-radius:0.15rem; overflow:hidden;}
.s-sjs-list li .img{ position:relative; height:4.85rem; overflow:hidden;}
.s-sjs-list li .img::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background: rgba(0,0,0,0.75);}
.s-sjs-list li .img img{ height:100%;}
.s-sjs-list li .txt{ position:absolute; left:0.5rem; top:0.35rem;}
.s-sjs-list li .txt>h2{ font-size:0.24rem; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-sjs-list li .txt>p{ color:#fff; font-size:0.16rem; font-weight:100; letter-spacing:0.02rem; margin-top:0.1rem;}

.s-sjs-list li .txt .geren{ margin-top:0.25rem;}
.s-sjs-list li .txt .geren h4{ font-size:0.4rem; color:#fff;}
.s-sjs-list li .txt .geren p{ font-size:0.12rem; font-weight: 100; letter-spacing:0.02rem; color:#fff; margin:0.1rem 0; opacity:0.8; text-transform:capitalize;}
.s-sjs-list li .txt .geren h5{font-size:0.16rem; color:#fff;}

.s-sjs-list li .txt .fengge{ width:2.75rem;}
.s-sjs-list li .txt .fengge h5{color:#fff; font-size:0.18rem; margin-top:0.25rem; letter-spacing:0.02rem; line-height:1.6;}
.s-sjs-list li .txt .fengge p{ color:#fff; font-size:0.18rem; letter-spacing:0.02rem; line-height:1.6; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.s-sjs-list li .sjs{overflow:hidden; position: absolute; right:0.5rem; bottom:0rem; width:2.75rem;}

.s-sjs-list li .msg{ position:absolute; right:0.35rem; bottom:0.45rem; display:flex;}
.s-sjs-list li .msg a{ background:#b1955b; color:#fff; display:flex; justify-content:center; align-items:center; padding:0.1rem 0.15rem; margin-left:0.2rem; font-size:0.2rem;}
.s-sjs-list li .msg a i{ margin-right:0.1rem;}


/*内页-设计师详情*/
.s-sjs-show-info{ position:relative; margin-bottom:0.35rem;}
.s-sjs-show-info>img{}
.s-sjs-show-info .txt{ position:absolute; left:0.5rem; top:0.5rem; width:3.25rem; z-index:12;}

.s-sjs-show-info .txt .geren{ border-bottom:#ffe1b3 solid 0.02rem;}
.s-sjs-show-info .txt .geren h4{ font-size:0.8rem; color:#fcd599; font-family:SYST-Heavy; font-weight:700;}
.s-sjs-show-info .txt .geren h5{font-size:0.275rem; color:#fff; font-family:SYST-SemiBold; letter-spacing:0.05rem; margin-left:0.025rem; margin:0.1rem 0;}

.s-sjs-show-info .txt .fengge{ margin-top:0.5rem;}
.s-sjs-show-info .txt .fengge h5{color:#fcd599; font-size:0.26rem; font-weight:700; margin-top:0.35rem;}
.s-sjs-show-info .txt .fengge p{ color:#fff; font-size:0.24rem; line-height:1.5; margin-top:0.075rem;}

.s-sjs-show-info .txt .msg{ overflow:hidden;}
.s-sjs-show-info .txt .msg a{ display:block; margin-top:0.25rem; width:1.5rem; height:0.46rem; overflow:hidden; color:transparent; text-indent:-5rem;}
.s-sjs-show-info .txt .msg a.morecase{background: url(../images/sbtn1.png) no-repeat; background-size:100% 100%;}
.s-sjs-show-info .txt .msg a.yuyueta{background: url(../images/sbtn2.png) no-repeat; background-size:100% 100%;}

.s-sjs-show-info .img{overflow:hidden; position: absolute; right:0rem; bottom:0rem; width:4.75rem;}
.s-sjs-show-info .ico{overflow:hidden; position: absolute; right:0rem; bottom:0rem; width:6rem; z-index:10;}


/*内页-设计师详情理念*/
.s-sjs-show-ln{ position:relative; margin:0.25rem;}
.s-sjs-show-ln p{ position:absolute; left:0; bottom:0.55rem; width:100%; text-align:center; color:#fff; font-size:0.26rem;}


/*内页-设计师详情代表作品*/
.s-sjs-show-dbzp-tit{display:flex; justify-content:center; align-items:center; margin:0.45rem 0;}
.s-sjs-show-dbzp-tit img{ width:1.8rem;}

.s-sjs-show-dbzp-list{ margin:0.25rem;}
.s-sjs-show-dbzp-list li{ border-radius:0.15rem; overflow:hidden; position:relative; margin-bottom:0.35rem;}
.s-sjs-show-dbzp-list li .img{ position:relative; height:3.75rem; overflow:hidden;}
.s-sjs-show-dbzp-list li .tit{ position:absolute; left:0.5rem; right:0.5rem; bottom:1rem; font-size:0.25rem; background:rgba(255,255,255,0.8); padding:0.1rem 0.15rem; border-radius:0.15rem; }
.s-sjs-show-dbzp-list li .tit p{ font-weight:700; color:#0a2b33; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.s-sjs-show-dbzp-list li .dsc{ background:#262223; display:flex; justify-content:space-between; align-items:center;}
.s-sjs-show-dbzp-list li .dsc span{background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); font-size:0.26rem; font-weight:700; padding:0.1rem 0.35rem;}
.s-sjs-show-dbzp-list li .dsc p{ color:#fff; font-size:0.22rem; margin-right:0.25rem;}
.s-sjs-show-dbzp-list li .dsc p i{ margin:0 0.25rem;}


/*内页-文章分类*/
.s-news-nav{ margin:0.3rem; background:#f0f0f0; border-top:#eee solid 0.01rem; border-bottom:#eee solid 0.01rem; border-radius:0.1rem; display:flex; justify-content:center; align-items:center; }
.s-news-nav>a{ flex:1; font-size:0.24rem; display:block; padding:0.15rem 0rem; margin:0; text-align:center;}
.s-news-nav>a.on{background:#b1955b; color:#fff; border-radius:0.1rem; }

/*内页-文章列表*/
.s-news-box{ margin:0.25rem;}
.s-news-list{}
.s-news-list ul{}
.s-news-list li{ display:flex; flex-wrap:wrap; justify-content:; margin-top:0.35rem; position:relative; }
.s-news-list li .img{ width:2.4rem; height:2rem; border-radius:0.15rem; overflow:hidden;}
.s-news-list li .img img{ height:100%;}
.s-news-list li .txt{ width:4rem; margin-left:0.2rem;}
.s-news-list li .txt h2{ font-size:0.28rem; font-weight:700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.s-news-list li .txt span{ font-size:0.2rem; color:#686868; margin-top:0.1rem; display:block;}
.s-news-list li .txt p{ color:#888; margin-top:0.15rem; font-size:0.24rem; line-height:1.5;
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.s-news-list li::after{ content:''; position:absolute; right:0.1rem; top:50%; transform:translateY(-50%); width: 0.12rem; height: 0.12rem; border-left: 0.04rem solid #999; border-top: 0.04rem solid #999; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}


/*内页-文章详情*/
.s-news-show-box{ padding:0.35rem; background:#fff; border-top:#ddd solid 0.01rem;}
.s-news-show-title { font-size: .35rem; color:#000; line-height:1.6; letter-spacing:0.03rem;}
.s-news-show-author { padding:0.35rem 0;font-size: .24rem; color: #999;}
.s-news-show-author span{ margin-right:0.2rem;}
.s-news-show-con{ padding:0.35rem 0; line-height:1.8; font-size:0.3rem; text-align:justify; border-top:#ddd solid 0.01rem;}
.s-news-show-con>p{ margin-bottom:0.15rem;}


/*内页-大标题带三角*/
.s-title{ text-align:center; padding:0.15rem 0; position:relative;}
.s-title::before{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; height:0.02rem; width:2rem;background:#b08f52;}
.s-title::after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-0.14rem; width: 0; height: 0;
 border-top: 0.15rem solid #b08f52; border-left: 0.125rem solid transparent; border-right: 0.125rem solid transparent;}
.s-title h3{ font-size:0.4rem; font-weight:700;}
.s-title h5{ font-family:DINPro-Regular; color:#333; font-size:0.16rem; text-transform:uppercase;}
.s-title p{ font-size:0.2rem; color:#333; font-weight:200; margin-top:0.05rem;}

/*内页-大标题-中英*/
.s-title-ce{ text-align:center; padding:0.15rem 0;}
.s-title-ce h3{ font-size:0.4rem; font-weight:700;}
.s-title-ce p{font-family:DINPro-Regular; font-size:0.14rem; text-transform:uppercase; color:#999;}

/*内页-大标题-中英-白*/
.s-title-ce-b{ text-align:center; padding:0.15rem 0;}
.s-title-ce-b h3{ font-size:0.4rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-title-ce-b p{ font-family:DINPro-Regular; color:#fff; font-size:0.16rem; text-transform:uppercase;}

/*内页-大标题-中中*/
.s-title-cc{ text-align:center; padding:0.15rem 0;}
.s-title-cc h3{ font-size:0.4rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-title-cc p{ color:#fff; font-size:0.24rem; font-weight:100; letter-spacing:0.02rem; margin-top:0.1rem;}


/*内页-大标题-中中-黑*/
.s-title-cc-h{ text-align:center; padding:0.15rem 0;}
.s-title-cc-h h3{ font-size:0.4rem; font-weight:700; color:#262626;}
.s-title-cc-h p{ color:#262626; font-size:0.24rem; font-weight:100; letter-spacing:0.02rem; margin-top:0.1rem;}

/*内页-大标题-中中中*/
.s-title-ccc{ text-align:center; padding:0.15rem 0; position:relative;}
.s-title-ccc h3{ font-size:0.35rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-title-ccc h5{ color:#fff; font-size:0.35rem; margin:0.1rem 0;}
.s-title-ccc p{ font-size:0.24rem; color:#fff; font-weight:200; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}



/*金兔装*/
.s-p-1{ background:#fff;}
.s-p-1-1{ padding:0.5rem 0.3rem;}
.s-p-1-1 ul{ width:100%;}
.s-p-1-1 li{ display:flex; align-items:flex-start; margin-top:0.3rem; position:relative;}
.s-p-1-1 li .img{ width:46%;}
.s-p-1-1 li .txt{ width:54%; background:#f5f5f5; padding:0.3rem 0 0.3rem 8%; position:relative;}
.s-p-1-1 li .txt h3{ font-size:0.3rem; font-weight:700; position:relative; padding-bottom:0.25rem;}
.s-p-1-1 li .txt h3::after{ content:''; position:absolute; left:0; bottom:0; width: 0.35rem; height: 0.05rem; background:#dab668;}
.s-p-1-1 li .txt h5{ font-size:0.26rem; color:#4c4c4c; margin-top:0.15rem; line-height:1.6;}
.s-p-1-1 li .txt p{ color:#808080; line-height:1.6; margin-top:0.05rem;}
.s-p-1-1 li .txt::after{ content:'personal'; font-family:BebasNeue; font-style: oblique; font-size:1.15rem; position:absolute; right:0.15rem; bottom:-0.3rem; color:#bfa676; text-transform:uppercase; opacity:0.1;}

.s-p-1-1 li:nth-child(1)::before{ content:''; position:absolute; left:-0.08rem; top:-0.08rem; border-left:#b1955b solid 0.08rem; border-top:#b1955b solid 0.08rem; height:1rem; width:1rem;}
.s-p-1-1 li:nth-child(2)::before{ content:''; position:absolute; right:-0.08rem; bottom:-0.08rem; border-right:#b1955b solid 0.08rem; border-bottom:#b1955b solid 0.08rem; height:1rem; width:1rem;}

.s-p-1-1 li:nth-child(2n){align-items:flex-end; flex-direction:row-reverse;}
.s-p-1-1 li:nth-child(2n) .txt{ text-align:right; padding-left:0; padding-right:8%;}
.s-p-1-1 li:nth-child(2n) .txt h3::after{ left: inherit; right:0;}
.s-p-1-1 li:nth-child(2n) .txt::after{ content:'future'; left:0; right:inherit;}

.s-p-1-1 li:nth-child(3) .txt{ background:none;}
.s-p-1-1 li:nth-child(3) .txt::after{ content:'savour';}

.s-p-1-1 li:nth-child(4){ margin-top:-1rem;}
.s-p-1-1 li:nth-child(4)::after{ content:'The Mansion'; position:absolute; top:0.2rem; left:50%; transform:translateX(-50%); background:#b1955b; color:#fff; padding:0.1rem 0.15rem; font-family:DINPro-Bold; font-size:0.26rem;}
.s-p-1-1 li:nth-child(4) .txt{ background:none;}
.s-p-1-1 li:nth-child(4) .txt::after{ content:'customized';}



.s-p-1-2{ background:url(../images/p1-2.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-1-2-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-p-1-2-s .top{ background:#fff; padding:0 0.3rem; height:0.7rem; display:flex; align-items:center;}
.s-p-1-2-s .top span{ display:block; font-size:0.3rem; font-weight:700; line-height:1; position:relative; padding-left:0.2rem;}
.s-p-1-2-s .top span::before{ content:''; background:#b1955b; width:0.075rem; height:100%; position:absolute; left:0; top:0.025rem; }
.s-p-1-2-s .top span em{ font-size:0.2rem; font-weight:200; color:#999; margin-left:0.2rem;}

.s-p-1-2-s .txt{ background:url(../images/p1-2-box.jpg) no-repeat; background-size:100% 100%; padding:0.15rem 0.3rem; color:#fff; height:1.6rem; display:flex; flex-wrap:wrap; overflow:hidden;}
.s-p-1-2-s .txt>p{ width:25%; font-size:0.2rem;}

.s-p-1-2-s .img{ margin-top:0.5rem;}

.s-p-1-2-s .swiper-pagination-bullets{ bottom: inherit; top: 2.35rem; height: auto;}
.s-p-1-2-s .swiper-pagination-bullet{ background:#ccc; width:0.1rem; height:0.1rem; margin:0 0.1rem !important; opacity:1;}
.s-p-1-2-s .swiper-pagination-bullet-active{background:#e1bd74;}

.s-p-1-2-s .swiper-button-prev,
.s-p-1-2-s .swiper-button-next{ top:65%; background:url(../images/about-5-arr.png) no-repeat; background-size:100% auto; width:0.35rem; height:0.65rem;}
.s-p-1-2-s .swiper-button-prev{ transform:rotate(180deg);}
.s-p-1-2-s .swiper-button-prev:after,
.s-p-1-2-s .swiper-button-next:after{ font-size:0;}



.s-p-1-3{ padding:0.5rem 0;}
.s-p-1-3 .title{ text-align:right; padding:0.15rem 0; position: relative; margin-right:0.3rem;}
.s-p-1-3 .title::after{ content:''; position:absolute; left:0rem; top:0.525rem; background:#b1955b; height:0.15rem; right:0; z-index:0;}
.s-p-1-3 .title h3{ font-size:0.4rem; font-weight:700; position:relative; z-index:1;}
.s-p-1-3 .title p{font-family:DINPro-Regular; font-size:0.14rem; text-transform:uppercase; color:#999;}

.s-p-1-3 .box{ padding:0.3rem; display:flex;}
.s-p-1-3 .box>div{flex:1;}
.s-p-1-3 .box>div.img{ position:relative;}
.s-p-1-3 .box>div.img::after{ content:''; position:absolute; left:-0.08rem; bottom:-0.08rem; border-left:#b1955b solid 0.08rem; border-bottom:#b1955b solid 0.08rem; height:1rem; width:1rem;}
.s-p-1-3 .box>div.txt{ background:#f5f5f5;}
.s-p-1-3 .box>div.txt h5{ background:#fff; text-align:right; line-height:1.8; padding-bottom:0.5rem; color:#4d4d4d;}

.s-p-1-3 .box>div.txt li{ display:flex; flex-wrap:wrap; align-items:center; padding:0.2rem 0;}
.s-p-1-3 .box>div.txt li .ico{ width:1rem; margin:0 0.25rem; border-right:#555 solid 0.02rem; display:flex; justify-content:center; }
.s-p-1-3 .box>div.txt li .ico img{ width:auto; height:0.3rem;}
.s-p-1-3 .box>div.txt li .txt{ }
.s-p-1-3 .box>div.txt li .txt h3{ font-size:0.28rem; font-weight:700; color:#333; }
.s-p-1-3 .box>div.txt li .txt p{font-family:DINPro-Regular; font-size:0.14rem; text-transform:uppercase;}



.s-p-1-4{ background:url(../images/p1-4.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-1-4-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-p-1-4-s .custom-pagination ul{ display:flex; justify-content:center;}
.s-p-1-4-s .custom-pagination ul li{ background:#fff; margin:0 0.1rem; padding:0.05rem 0.1rem; border-radius:0.05rem; transition:.5s;}
.s-p-1-4-s .custom-pagination ul li.active{ background:#b1955b; color:#fff; padding:0.05rem 0.3rem;}

.s-p-1-4-s .swiper-wrapper{ margin-top:0.5rem;}
.s-p-1-4-s .swiper-slide{ height:auto; position:relative;}
.s-p-1-4-s .img{}
.s-p-1-4-s .img::after{ content:''; position:absolute; left:0.25rem; bottom:0.5rem; background:#b1955b; height:2rem; width:0.4rem;}
.s-p-1-4-s .txt{ width:47.5%; color:#fff; text-align:right; position: absolute; right:0; top:0;}
.s-p-1-4-s .txt h2{font-family: Arial, Gadget, sans-serif; font-size:0.32rem; font-weight:700; text-transform:uppercase;}
.s-p-1-4-s .txt h3{ font-size:0.24rem; font-weight:500;}
.s-p-1-4-s .txt p{ font-size:0.22rem; line-height:1.8; margin-top:0.15rem; position:relative; padding-bottom:1.5rem;}
.s-p-1-4-s .txt p::after{ content:''; position:absolute; right:0; bottom:0.75rem; background:#b1955b; height:0.05rem; width:0.4rem;}
.s-p-1-4-s .txt .img2{}
.s-p-1-4-s .small-s{ position:absolute; left:0.25rem; bottom:0.1rem; font-family:DINPro-Regular; font-size:0.14rem; text-transform:uppercase; color:#fff; letter-spacing:0.025rem;}



.s-p-1-5{ background:url(../images/p1-5.jpg) no-repeat; background-size:100% auto; padding:0.3rem 0;}
.s-p-1-5 .tit{font-family:DINPro-Regular; font-size:0.12rem; text-transform:uppercase; text-align: center; letter-spacing:0.12rem;}
.s-p-1-5 .box{ padding:0.15rem 0.4rem;}
.s-p-1-5 .box .top{ position:relative; background:#f5f5f5;}
.s-p-1-5 .box .top::after{ content:''; position:absolute; right:-0.4rem; bottom:0.55rem; background:#b1955b; height:0.35rem; width:3rem;}

.s-p-1-5 .box ul{ width:100%; display:flex; flex-wrap:wrap; position:relative; background:#f5f5f5; padding:0.25rem 0.5rem;}
.s-p-1-5 .box ul::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:0.01rem; height:100%; border-left:#c4c4c4 dashed 0.01rem;}
.s-p-1-5 .box li{ width:50%; display:flex; border-bottom:#c4c4c4 dashed 0.01rem; padding:0.25rem 0 0.25rem 0.25rem; }
.s-p-1-5 .box li .txt{}
.s-p-1-5 .box li .txt h3{ font-size:0.3rem; font-weight:700; color:#262626;}
.s-p-1-5 .box li .txt p{ font-size:0.2rem; font-weight:200; line-height:1.6; color:#4d4d4d; margin-top:0.05rem;}

.s-p-1-5 .box li:nth-child(2n){ padding-left:0.5rem;}
.s-p-1-5 .box li:nth-child(n+7){ border-bottom:0;}


.s-p-1-6{padding:0.5rem 0.3rem;}
.s-p-1-6-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-p-1-6-s .nav ul{ display:flex; justify-content:center;}
.s-p-1-6-s .nav ul li{ border:#262626 solid 0.01rem; margin:0 0.05rem; padding:0.05rem 0.15rem;}
.s-p-1-6-s .nav ul li.active{ border-color:#b1955b; background:#b1955b; color:#fff; font-weight:700;}

.s-p-1-6-s .box{ margin-top:0.5rem;}
.s-p-1-6-s .box .item { padding:0 0.25rem; display:none;}
.s-p-1-6-s .swiper-slide{ display:flex; padding-bottom:0.5rem;}
.s-p-1-6-s .swiper-slide .img{ width:55%; height:2.6rem; position:relative;}
.s-p-1-6-s .swiper-slide .img img{ height:2.5rem;}
.s-p-1-6-s .swiper-slide .img::after{ content:''; background:#b08f52; position:absolute; left:0; bottom:0; width:50%; height:0.1rem;}
.s-p-1-6-s .swiper-slide .txt{ width:45%; position:relative;}
.s-p-1-6-s .swiper-slide .txt::before{ content:''; background:#ededed; position:absolute; left:-0.25rem; top:0.5rem; bottom:0; right:0; z-index:0;}
.s-p-1-6-s .swiper-slide .txt i{ display:flex; justify-content:flex-end; align-items:flex-end; height:0.5rem; color:#e0d6c3; font-size:0.26rem; font-family:DINPro-Blod; text-transform:uppercase;}
.s-p-1-6-s .swiper-slide .txt>div{ position:relative; z-index:1; padding-top:0.15rem; padding-right:0.15rem;}
.s-p-1-6-s .swiper-slide .txt>div h3{ font-size:0.24rem; font-weight:700; color:#262626; position:relative; padding-bottom:0.2rem;}
.s-p-1-6-s .swiper-slide .txt>div h3::after{ content:''; background:#b08f52; position:absolute; left:0; bottom:0; width:0.5rem; height:0.075rem;}
.s-p-1-6-s .swiper-slide .txt>div p{ font-size:0.18rem; font-weight:200; line-height:1.6; color:#4d4d4d; margin-top:0.15rem; 
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}

.s-p-1-6-s .swiper-pagination-bullets{ bottom:0;}
.s-p-1-6-s .swiper-pagination-bullet{ background:#ccc; width:0.25rem; height:0.075rem; border-radius: 0; opacity:1;}
.s-p-1-6-s .swiper-pagination-bullet-active{background:#272727;}



.s-p-1-7{background:url(../images/p1-7.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-1-7 .box{ margin-top:0.5rem;}
.s-p-1-7 .box li{ display:flex; justify-content:space-between; align-items: center; margin-top:0.5rem;}
.s-p-1-7 .box li .img{ width:37.5%;}
.s-p-1-7 .box li .txt{ width:52.5%;}
.s-p-1-7 .box li .txt h3{ display:inline-block; font-size:0.3rem; font-weight:700; color:#fff;}
.s-p-1-7 .box li .txt p{ font-size:0.22rem; line-height:1.8; margin-top:0.1rem; color:#fff; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}

.s-p-1-7 .box li:nth-child(2){ flex-direction:row-reverse; text-align:right;}
.s-p-1-7 .box li:nth-child(2) .img{ width:52.5%;}
.s-p-1-7 .box li:nth-child(2) .txt{ width:37.5%;}



/*内页-super 6.0*/
.s-p-2-1{ background:url(../images/p2-1.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-2-1 ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.s-p-2-1 ul li{ width:50%; margin-top:0.5rem; display:flex; flex-direction:column; align-items:center;}
.s-p-2-1 ul li .img{ width:0.75rem;}
.s-p-2-1 ul li .txt{text-align:center;}
.s-p-2-1 ul li .txt h3{ font-size:0.3rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-1 ul li .txt p{ font-size:0.22rem; color:#fff; line-height:1.6; margin-top:0.05rem; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}

.s-p-2-1>img{ border-radius:0.1rem; margin-top:0.5rem;}



.s-p-2-2{ background:url(../images/p2-2.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-2-2-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-p-2-2-s .img{border-radius:0.1rem; margin-top:0.5rem; overflow:hidden;}
.s-p-2-2-s .box{ display:flex; margin-top:0.5rem;}
.s-p-2-2-s .tit{ flex:1;}
.s-p-2-2-s .tit h3{ display:block; font-size:0.3rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-2-s .tit p{ color:#fff; font-size:0.2rem; font-weight:200; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}

.s-p-2-2-s .txt{ flex:3; color:#fff; max-height:1.6rem; line-height:0.4rem; display:flex; flex-wrap:wrap; overflow:hidden;}
.s-p-2-2-s .txt>p{ width:33.33%; font-size:0.2rem;}


.s-p-2-2-s .swiper-pagination-bullets{ bottom:none; top:5.15rem;}
.s-p-2-2-s .swiper-pagination-bullet{ background:#333; width:0.1rem; height:0.1rem; margin:0 0.1rem !important; opacity:1;}
.s-p-2-2-s .swiper-pagination-bullet-active{background:#e1bd74;}



.s-p-2-3{ background:url(../images/p2-3-bg.jpg) 0 bottom no-repeat; background-size:100% auto; padding:0.5rem 0.3rem;}
.s-p-2-3 .box{ background:url(../images/p2-3-bg2.jpg) no-repeat; background-size:100% auto; padding:0.5rem 0.3rem; border-radius:0.1rem; overflow:hidden; margin-top:0.5rem; border-radius:0.1rem;}
.s-p-2-3 .box .sjs{ position:relative;}
.s-p-2-3 .box .sjs>div{ position:absolute;}
.s-p-2-3 .box .sjs>div h2{font-family:DINPro-Regular; font-size:0.95rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-3 .box .sjs>div h3{font-size:0.525rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-3 .box .sjs>div p{font-size:0.3rem; text-transform:uppercase; color:#fff; text-shadow: 0 0 0.05rem rgba(0,0,0,0.5); line-height:1.8; margin-top:0.15rem;}

.s-p-2-3 .box .tit{ padding:0.25rem; padding-bottom:0.5rem;}
.s-p-2-3 .box .tit p{ background:#fff; text-align:center; font-size:0.26rem; padding:0.15rem 0; border-radius:0.1rem;}

.s-p-2-3 .box .txt {background:url(../images/p2-3-bg3.jpg) no-repeat; background-size:100% auto; height:8.75rem; border-radius:0.1rem; overflow:hidden;}
.s-p-2-3 .box .txt ul{ margin-top:2.15rem;}
.s-p-2-3 .box .txt li{ margin-left:2.35rem; padding:0.25rem 0;}
.s-p-2-3 .box .txt li:nth-child(n+4){ margin-left:0; margin-right:3rem; text-align:right;}
.s-p-2-3 .box .txt li:nth-child(4){ margin-top:0.15rem;}
.s-p-2-3 .box .txt li h3{ font-size:0.24rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-3 .box .txt li p{ color:#fff; font-size:0.18rem; font-weight:200; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}



.s-p-2-4{ padding:0.5rem 0.3rem;}
.s-p-2-4 .box1{ position:relative; margin-top:0.35rem;}
.s-p-2-4 .box1 ul{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.s-p-2-4 .box1 ul li{ width:33.33%; padding:0.25rem 0; text-align:center;}
.s-p-2-4 .box1 ul li h2{ font-size:0.325rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-4 .box1 ul li p{ font-size:0.22rem; color:#fff; margin-top:0.05rem; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}

.s-p-2-4 .box2{ position:relative; margin-top:0.35rem;}
.s-p-2-4 .box2 div{ position:absolute; left:0.35rem; top:50%; transform:translateY(-50%); width:100%;}
.s-p-2-4 .box2 div h2{ font-size:0.325rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-4 .box2 div p{ font-size:0.22rem; color:#fff; margin-top:0.05rem; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}



.s-p-2-5{ background:url(../images/p2-5.jpg) no-repeat; background-size:100% auto; height:13.5rem; padding:0.5rem 0.3rem;}
.s-p-2-5 .txt { margin-top:0.5rem;}
.s-p-2-5 .txt li{ margin-left:3.35rem; padding:0.375rem 0; border-bottom:#b1955b solid 0.01rem;}
.s-p-2-5 .txt li:nth-child(n+5){ margin-left:0; margin-right:3.875rem; text-align:right;}
.s-p-2-5 .txt li h3{ font-size:0.3rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-2-5 .txt li p{ color:#fff; font-size:0.18rem; font-weight:200; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}



.s-p-2-6{ padding:0.5rem 0.3rem;} 
.s-p-2-6 .box{ margin-top:0.5rem;}
.s-p-2-6 .box li{ display:flex; align-items: center; margin-top:0.5rem;}
.s-p-2-6 .box li .img{ width:50%; border-radius:0.15rem; overflow:hidden;}
.s-p-2-6 .box li .txt{ width:50%; padding-left:0.2rem;}
.s-p-2-6 .box li .txt h3{ display:inline-block; min-width:80%; font-size:0.28rem; font-weight:700; border-bottom:#e8c481 solid 0.03rem; padding-bottom:0.1rem;}
.s-p-2-6 .box li .txt p{ font-size:0.2rem; margin-top:0.1rem;}

.s-p-2-6 .box li:nth-child(2){ flex-direction:row-reverse; text-align:right;}
.s-p-2-6 .box li:nth-child(2) .txt{ padding-left:0; padding-right:0.2rem;}

.s-p-2-7 .box{  background:url(../images/p2-7-2.jpg) no-repeat; background-size:100% auto; padding:0.5rem;}
.s-p-2-7 .box .form{ background:#fff; border-radius:0.15rem; padding:0.25rem 0.5rem 0.5rem; margin-top:0.5rem;}
.s-p-2-7 .box .form h2{ font-size:0.55rem; text-align:center; font-weight:500; padding:0.25rem 0;}
.s-p-2-7 .box .form li{ background:#d1d3d2; border-radius:0.1rem; display:flex; align-items: center; padding:0 0.25rem; margin:0.2rem 0; color:#666;}
.s-p-2-7 .box .form li .input-txt{ height:0.7rem; background:none;}
.s-p-2-7 .box .form .button{border-radius:0.1rem; display:flex; justify-content:center; align-items: center; width:100%; font-size:0.35rem; font-weight:700; color:#000;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); border:0; padding:0.2rem 0; margin-top:0.5rem;
}


/*旧房改造*/
.s-p-3-1{ padding:0.5rem 0.3rem;} 
.s-p-3-1 ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:0.5rem;}
.s-p-3-1 ul li{ width:48%; margin:1%;}
.s-p-3-1 ul li .img{ }
.s-p-3-1 ul li .txt{text-align:center; background:#232323; padding:0.15rem 0;}
.s-p-3-1 ul li .txt h3{ font-size:0.3rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-3-1 ul li .txt p{ font-size:0.22rem; color:#fff; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7);}



.s-p-3-2{ background:url(../images/p3-2.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-3-2-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-p-3-2-s .custom-pagination ul{ width:100%; display:flex; justify-content:center; align-items: center;}
.s-p-3-2-s .custom-pagination ul li{ background:#262626; color:#fff; padding:0 0.25rem; height:0.5rem; display:flex; align-items: center;}
.s-p-3-2-s .custom-pagination ul li.active{ background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); color:#222; font-size:0.26rem; height:0.55rem;}

.s-p-3-2-s .swiper-wrapper{ margin-top:0.5rem;}
.s-p-3-2-s .swiper-slide{ padding:0 0.25rem;}



.s-p-3-3{ padding:0.5rem 0.3rem; display:flex; justify-content:space-between;}
.s-p-3-3 .custom-pagination{ width:2rem; border-left:#000 solid 0.01rem;}
.s-p-3-3 .custom-pagination ul li{ margin:0.75rem 0; position:relative; padding:0.1rem 0 0.1rem 0.35rem; color:#000;}
.s-p-3-3 .custom-pagination ul li::before{ content:''; position:absolute; left:-0.03rem; top:0; background:#000; width:0.05rem; height:100%;}
.s-p-3-3 .custom-pagination ul li h3{ font-size:0.3rem; font-weight:700;}
.s-p-3-3 .custom-pagination ul li p{font-family:DINPro-Regular; font-size:0.16rem; text-transform:uppercase;}
.s-p-3-3 .custom-pagination ul li.active{ background:#b1955b; color:#fff;}
.s-p-3-3 .custom-pagination ul li.active::before{ background:#b1955b;}

.s-p-3-3-s{ width: calc(100% - 2.25rem); overflow:hidden; position:relative; }
.s-p-3-3-s .box{ position:relative;}
.s-p-3-3-s .box::after{ content:''; background:#252525; position:absolute; right:0; bottom:0; width:2rem; height:4rem; z-index:-1;}
.s-p-3-3-s .box .img1{ width:75%;}
.s-p-3-3-s .box .img2{ width:75%; padding-left:25%; padding-bottom:0.25rem;}
.s-p-3-3-s .box .img2 p{ text-align:right; text-transform:uppercase; font-style: italic; color:#b1955b; font-size:0.18rem; margin-top:0.15rem; margin-bottom:0.05rem;}

.s-p-3-3-s .txt{ text-align:right; margin-top:0.25rem;}
.s-p-3-3-s .txt h3{ font-size:0.3rem; font-weight:700;}
.s-p-3-3-s .txt p{ font-size:0.22rem; line-height:1.8;}
.s-p-3-3-s .txt span{ display:inline-block; background:#b1955b; color:#fff; padding:0.1rem 0.5rem; font-size:0.24rem; font-weight:700; letter-spacing:0.05rem; margin-top:0.25rem;}



.s-p-3-4{ background:url(../images/p3-4.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;}
.s-p-3-4-s{ width:100%; overflow:hidden; margin-top:0.25rem; padding-bottom:0.35rem; position:relative;}
.s-p-3-4-s .swiper-slide{ height:auto; background:#fff;}
.s-p-3-4-s .txt{ padding:0.05rem 0; padding-bottom:0.1rem;}
.s-p-3-4-s .txt h3{ font-size:0.18rem; font-weight:700; text-align:center;}
.s-p-3-4-s .txt p{ padding:0 0.1rem; font-size:0.16rem; margin-top:0.05rem;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.s-p-3-4-s .swiper-scrollbar{ background:#d9d9d9; height:0.02rem;}
.s-p-3-4-s .swiper-scrollbar-drag{ background:#dbb76a; height:0.06rem;top: -0.02rem;}

.s-p-3-4 .box{ margin-top:0.5rem; text-align:center;}
.s-p-3-4 .box ul{display:flex;}
.s-p-3-4 .box li{ flex:1; margin:0.05rem; }
.s-p-3-4 .box li p{ height:0.8rem; background:#b1955b; color:#fff; font-size:0.2rem; font-weight:500; display:flex; justify-content:center; align-items: center;}

.s-p-3-4 .box span{ display:inline-block; background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); color:#000; padding:0.1rem 0.5rem; font-size:0.24rem; font-weight:700; letter-spacing:0.05rem; margin-top:0.5rem;}



.s-p-3-5{display:flex; justify-content:space-between;  padding:0.25rem;}
.s-p-3-5 .form{ width:4.5rem;}
.s-p-3-5 .form li{ background:#d1d3d2; border-radius:0.1rem; display:flex; align-items: center; padding:0 0.25rem; margin:0.2rem 0; color:#666;}
.s-p-3-5 .form li .input-txt{ width:2.5rem; height:0.6rem; background:none;}
.s-p-3-5 .form .button{border-radius:0.1rem; display:flex; justify-content:center; align-items: center; width:100%; font-size:0.35rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); border:0; padding:0.1rem 0; margin-top:0.2rem; letter-spacing:0.05rem;
}
.s-p-3-5 .box{ width:2.25rem; text-align:right;}
.s-p-3-5 .box h2{ font-size:0.45rem; font-weight:700; color:#b1955b; font-style:italic;}
.s-p-3-5 .box h3{ font-size:0.32rem; color:#000; font-weight:700; margin-bottom:0.05rem;}
.s-p-3-5 .box h5{ font-size:0.24rem; color:#666; margin-bottom:0.15rem;}
.s-p-3-5 .box p{ font-weight:700;display:flex; justify-content:flex-end; align-items: center; margin-top:0.15rem;}
.s-p-3-5 .box p img{ width:0.3rem; margin-right:0.15rem;}


.s-p-3-6{  background:url(../images/p3-6.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.3rem;} 
.s-p-3-6 .box{ margin-top:0.5rem; position:relative;}
.s-p-3-6 .box::after { content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width: 0.01rem; height: 100%; background:#a78745; z-index:0;}
.s-p-3-6 .box li{display:flex; justify-content:space-between; margin-bottom:0.3rem; position:relative;}
.s-p-3-6 .box li::before{ content:''; position:absolute; left:50%; transform:translateX(-50%); top:0.3rem; width:0.15rem; height:0.15rem; border-radius:0.15rem; background:#000; border:#a78745 solid 0.01rem; z-index:1;}
.s-p-3-6 .box li::after { content:''; position:absolute; left:50%; transform:translateX(-50%); top:0.33rem; width:0.11rem; height:0.11rem; border-radius:0.11rem; background:#a78745; z-index:1;}
.s-p-3-6 .box li .img{ width:45%;}
.s-p-3-6 .box li .txt{ width:45%; margin-top:0.2rem;}
.s-p-3-6 .box li .txt h3{ font-size:0.28rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-p-3-6 .box li .txt p{ font-size:0.22rem; color:#fff; line-height:1.6; text-shadow: 0 0 0.05rem rgba(0,0,0,0.7); margin-top:0.1rem;}

.s-p-3-6 .box li:nth-child(2n){flex-direction:row-reverse;}
.s-p-3-6 .box li:nth-child(2n) .txt{ text-align:right;}



.s-p-3-7{ padding:0.25rem; padding-bottom:0.35rem;}
.s-p-3-7 h2{ font-size:0.35rem; font-weight:700; color:#b1955b; text-align:center;}
.s-p-3-7 .form{ margin-top:0.25rem;}
.s-p-3-7 .form ul{ display:flex;}
.s-p-3-7 .form ul li{flex:1; background:#4c4c4c; padding:0.1rem 0;}
.s-p-3-7 .form ul li:nth-child(2){ flex:1.75;}
.s-p-3-7 .form ul li .input-txt{ width:100%; height:100%; background:none; text-align:center; padding:0 0.1rem; border-right:#888 solid 0.01rem; color:#bbb;}
.s-p-3-7 .form ul li:last-child{background-image:-webkit-linear-gradient(top,#ffd79c,#f6cb8b,#ffd79c); padding:0;}
.s-p-3-7 .form .button{display:flex; justify-content:center; align-items: center; width:100%; height:100%; background:none; font-size:0.25rem; font-weight:700; border:0; letter-spacing:0.05rem; color:#000;}


/*预约表单*/
.s-p-3-yuyue{ position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:10000;}
.s-p-3-yuyue .box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width: 6rem; height:6rem; background: url(../images/bg.jpg); background-size: 100% 100%; padding:0.5rem; position: relative;overflow:hidden;}
.s-p-3-yuyue .box h3 {text-align: center; font-size: .36rem;}
.s-p-3-yuyue .box h5 { text-align: center; color: #c9c9c9;margin: 0.05rem 0 0.25rem;}
.s-p-3-yuyue .box input { width: 100%; height: 0.8rem; border-radius: 0.1rem; border: 1px solid #c9c9c9;text-indent: 0.2rem; -webkit-transition: all 0.5s; outline: none; background: #fff; border-radius: .06rem; font-size: .24rem;  margin: 0.2rem 0 0.1rem 0;}
.s-p-3-yuyue .box button { width: 100%; height: .8rem; color: #fff;background: #19a87c; border-radius: .08rem; font-size: .26rem; margin-top: .2rem;border:0;}

.s-p-3-yuyue .box .close { position:absolute; right:0.25rem; top:0.25rem; background:url(../images/x.png) no-repeat; background-size:100% 100%; width:0.3rem; height:0.3rem;z-index:10;}




/*关于我们*/
.s-about-1{ padding:0.5rem 0.3rem;}
.s-about-1 .txt{padding:0.15rem 0; margin-top:0.25rem;}
.s-about-1 .txt p{ font-size:0.24rem; text-align:justify; line-height:1.8; margin-bottom:0.15rem; text-indent:2em;}

.s-about-1-s{ padding-bottom:0.5rem;}
.s-about-1-s .swiper-pagination-bullets{}
.s-about-1-s .swiper-pagination-bullet{ background:#bfbfbf; width:0.1rem; height:0.1rem; opacity:1;}
.s-about-1-s .swiper-pagination-bullet-active{background:#906e27;}



.s-about-2{  background:url(../images/about-2.jpg) no-repeat; background-size:100% 100%; padding:0.5rem 0.5rem 0.3rem;}
.s-about-2 ul{ width:100%; display:flex; justify-content:space-between;}
.s-about-2 ul li{ width:46.85%;}
.s-about-2 ul li:nth-child(2){ width:50.85%;}
.s-about-2 ul li>div{ position:relative; margin-bottom:0.15rem;}
.s-about-2 ul li>div>div{ position:absolute; top:0.25rem; left:0.35rem;}
.s-about-2 ul li>div>div h3{ font-family:DINPro-Regular; font-size:0.4rem; font-weight:700; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-about-2 ul li>div>div p{ font-size:0.22rem; color:#fff; position:relative; padding-bottom:0.2rem;}
.s-about-2 ul li>div>div p::after{ content:''; position:absolute; left:0; bottom:0; width:0.3rem; height:0.03rem; background:#dbc392;}


.s-about-3{ padding:0.5rem 0rem;}
.s-about-3 .box{ margin-top:0.5rem;}
.s-about-3 .box li{ display:flex; justify-content:space-between; align-items: center; margin-top:0.5rem;}
.s-about-3 .box li .img{ width:50%; padding-left:0.5rem;}
.s-about-3 .box li .txt{ width:45%;}
.s-about-3 .box li .txt h3{ }
.s-about-3 .box li .txt h3 span{display:inline-block; font-size:0.26rem; font-weight:700; padding-left:0.2rem; position:relative;}
.s-about-3 .box li .txt h3 span::after{ content:''; position:absolute; left:0; top:0.075rem; width:0.05rem; height:0.25rem; background:#dcb567; }
.s-about-3 .box li .txt p{ font-size:0.2rem; margin-top:0.1rem; line-height:1.8;}

.s-about-3 .box li:nth-child(2){ flex-direction:row-reverse; text-align:right;}
.s-about-3 .box li:nth-child(2) .img{ width:45%; padding-left:0; padding-right:0.5rem;}
.s-about-3 .box li:nth-child(2) .txt{ width:50%;}
.s-about-3 .box li:nth-child(2) .txt h3 span{ padding-left:0; padding-right:0.2rem;}
.s-about-3 .box li:nth-child(2) .txt h3 span::after{ left: inherit; right:0; }




.s-about-4{  background:url(../images/about-4.jpg) no-repeat; background-size:100% auto; height:14.5rem; padding:0.5rem 0.25rem 0.3rem;}
.s-about-4 .box{ margin-top:0.5rem;}
.s-about-4 .box li{ display:flex; flex-direction:column; align-items:flex-end;}
.s-about-4 .box li h3{font-family:DINPro-Regular; font-size:0.3rem; font-weight:700; color:#fff;}
.s-about-4 .box li p{ color:#fff; font-size:0.18rem; text-align:justify; text-align-last: right; line-height:1.8;}

.s-about-4 .box li:nth-child(4),
.s-about-4 .box li:nth-child(6),
.s-about-4 .box li:nth-child(8){align-items:flex-start; }
.s-about-4 .box li:nth-child(4) p,
.s-about-4 .box li:nth-child(6) p,
.s-about-4 .box li:nth-child(8) p{text-align-last:left;}

.s-about-4 .box li:nth-child(1){flex-direction:row-reverse; align-items:flex-start; margin:0 1.65rem 0 0.25rem;}
.s-about-4 .box li:nth-child(1) h3{ margin-left:0.2rem;}
.s-about-4 .box li:nth-child(1) p{ text-align-last:left;}
.s-about-4 .box li:nth-child(2){margin:0.4rem 1rem 0 1.5rem;}
.s-about-4 .box li:nth-child(3){margin:0.25rem 1.75rem 0 0rem;}
.s-about-4 .box li:nth-child(4){margin:1.15rem 0rem 0 2.25rem;}
.s-about-4 .box li:nth-child(5){margin:-0.55rem 5.5rem 0 0rem;}
.s-about-4 .box li:nth-child(6){margin:-0.5rem 0rem 0 2.75rem;}
.s-about-4 .box li:nth-child(7){margin:0.35rem 4.55rem 0 0.25rem;}
.s-about-4 .box li:nth-child(8){flex-direction:column-reverse; margin:-1.25rem 0rem 0 3.85rem;}

.s-about-4 .box._ios{}
.s-about-4 .box._ios li:nth-child(4){margin:1.15rem 0rem 0 2.15rem;}
.s-about-4 .box._ios li:nth-child(4) p{}


.s-about-5{ padding:0.5rem 0.3rem;}
.s-about-5-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}

.s-about-5-s .swiper-button-prev,
.s-about-5-s .swiper-button-next{ background:url(../images/about-5-arr.png) no-repeat; background-size:100% auto; width:0.45rem; height:0.75rem;}
.s-about-5-s .swiper-button-prev{ transform:rotate(180deg);}
.s-about-5-s .swiper-button-prev:after,
.s-about-5-s .swiper-button-next:after{ font-size:0;}

.s-about-5-s .custom-pagination{ position:absolute; left:0; bottom:0; z-index:10;}
.s-about-5-s .custom-pagination ul{ display:flex; justify-content:center; align-items:flex-end; }
.s-about-5-s .custom-pagination ul li{ background:#313131; color:#fff; padding:0.075rem 0.15rem; display:flex; align-items: center;}
.s-about-5-s .custom-pagination ul li.active{ background:#b1955b; font-size:0.28rem; padding:0.1rem 0.15rem; font-weight:700;}



.s-about-6{ background:url(../images/about-6.jpg) no-repeat; background-size:100% 100%;  padding:0.5rem 0.5rem;}
.s-about-6 .box{ margin-top:0.5rem; padding:0; position:relative;}
.s-about-6 .box::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:0.01rem; height:100%; background:#595959; }
.s-about-6 .box ul{display:flex; flex-wrap:wrap; }
.s-about-6 .box li{ width:50%; display:flex; border-bottom:#595959 solid 0.01rem; padding:0.35rem 0; }
.s-about-6 .box li .num{ width:0.3rem; margin-right:0.15rem;}
.s-about-6 .box li .num i{ background:#553b05; color:#fff; font-size:0.2rem; display:flex; justify-content:center; align-items:center; width:0.3rem; height:0.3rem; border-radius:0.3rem;}
.s-about-6 .box li .txt h3{ display:flex; align-items:center;}
.s-about-6 .box li .txt h3 span{font-size:0.24rem; font-weight:700; position:relative;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-about-6 .box li .txt h3 em{font-size:0.12rem; color:#b5b5b5; margin-top:0.15rem; margin-left:0.05rem; text-transform:uppercase;}
.s-about-6 .box li .txt p{ font-size:0.2rem; font-weight:200; line-height:1.6; color:#b5b5b5;}

.s-about-6 .box li:nth-child(2n) .num{ margin-left:0.5rem;}
.s-about-6 .box li:nth-child(n+7){ border-bottom:0;}



.s-about-7{ padding:0.5rem 0.3rem;}
.s-about-7-s{margin-top:0.25rem; padding-bottom:0.5rem;}
.s-about-7-s .box{  display:flex; margin-bottom:0.1rem;}
.s-about-7-s .box .img{ width:45%; padding:0.5rem 0 0.15rem 0.1rem; position:relative;}
.s-about-7-s .box .img::after{ content:''; position:absolute; left:0; top:0; width:50%; height:100%; border:#ccbea1 solid 0.03rem; z-index:-1; }
.s-about-7-s .box .txt{ width:55%; padding-left:0.2rem;}
.s-about-7-s .box .txt p{ line-height:1.6; text-align:justify;}

.s-about-7-s .swiper-pagination-bullets{ bottom:0;}
.s-about-7-s .swiper-pagination-bullet{ background:#ccc; width:0.2rem; height:0.05rem; border-radius: 0; opacity:1;}
.s-about-7-s .swiper-pagination-bullet-active{background:#b1955b;}


.s-about-8{ background:url(../images/about-8.jpg) no-repeat; background-size:100% 100%;}
.s-about-8 .form ul li { background: #fff;}
.s-about-8 .form ul li .input-txt{ color:#000;}


/*材料工艺*/
.s-g-1{ padding:0.5rem 0.15rem;} 
.s-g-1 ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:0.35rem;}
.s-g-1 ul li{ width:32.33%; margin:0.5%; background:#e6e6e6;}
.s-g-1 ul li .txt{text-align:center; padding:0.15rem 0 0.3rem;}
.s-g-1 ul li .txt i{ font-family:Arial; font-size:0.4rem; font-weight:700; color:#b1955b; padding-bottom:0.05rem; border-bottom:#000 solid 0.01rem;}
.s-g-1 ul li .txt h3{ font-size:0.22rem; margin-top:0.2rem;}
.s-g-1 ul li .txt p{ font-size:0.22rem; color:#000; font-weight:700;}

.s-g-1 ul li:nth-child(n+4){ width:49%; display:flex; justify-content:center; align-items:center; margin-top:0.15rem;}
.s-g-1 ul li:nth-child(n+4) .img{ width:47.5%;}
.s-g-1 ul li:nth-child(n+4) .txt{ width:52.5%;}



.s-g-2{ background:url(../images/g-2.jpg) no-repeat; background-size:100% auto;  padding:0.5rem 0.3rem;}
.s-g-2 .top{font-size:0.275rem; color:#fff; text-align:center;}
.s-g-2 .box{ margin-top:0.5rem; display:flex;}
.s-g-2 .box .img{ width:45%; position:relative; padding:0.2rem 0 0 0.2rem}
.s-g-2 .box .img::after{ content:''; position:absolute; left:0; top:0; width:95%; height:95%; background:#524428; }
.s-g-2 .box .img img{ position:relative; z-index:1;}
.s-g-2 .box .txt{ width:55%;}
.s-g-2 .box .txt .tit{ text-align:right; position:relative; padding-bottom:0.3rem;}
.s-g-2 .box .txt .tit::after{ content:''; position:absolute; right:0; bottom:0; width:0.3rem; height:0.05rem; background:#b1955b; }
.s-g-2 .box .txt .tit p{font-size:0.2rem; font-weight:200; color:#fff;}
.s-g-2 .box .txt .tit h3{font-size:0.3rem; font-weight:700; margin:0.15rem 0; 
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;
}
.s-g-2 .box .txt .tit h5{ font-family:DINPro-Regular;font-size:0.16rem; color:#999; text-transform:uppercase;}

.s-g-2 .box ul{display:flex; flex-wrap:wrap; }
.s-g-2 .box li{ width:50%; text-align:center; margin-top:0.625rem;}
.s-g-2 .box li h3{font-size:0.26rem; font-weight:700; position:relative;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-2 .box li p{ font-size:0.2rem; font-weight:200; line-height:1.6; color:#b5b5b5;}



.s-g-3{ padding:0.5rem 0.2rem;} 
.s-g-3-s{ width:100%; overflow:hidden; margin-top:0.25rem; position:relative;}
.s-g-3-s .nav ul{ display:flex; justify-content:center;}
.s-g-3-s .nav ul li{ border:#262626 solid 0.01rem; margin:0 0.05rem; padding:0.05rem 0.15rem;}
.s-g-3-s .nav ul li.active{ border-color:#b1955b; background:#b1955b; color:#fff; font-weight:700;}

.s-g-3-s .box{ margin-top:0.5rem;}
.s-g-3-s .box .item { display:none;}
.s-g-3-s .box .item .swiper-slide{ height:auto; background:#e6e6e6; margin-bottom:0.5rem; border:#e6e6e6 solid 0.01rem;}
.s-g-3-s .box .item .txt{ padding:0.15rem 0.1rem;}
.s-g-3-s .box .item .txt h3{ font-size:0.18rem; font-weight:700; color:#b08f52; text-align:center;}
.s-g-3-s .box .item .txt p{ font-size:0.16rem; font-weight:200; line-height:1.6; color:#000; margin-top:0.1rem; text-align:justify;}

.s-g-3-s .swiper-pagination-bullets{ bottom:0;}
.s-g-3-s .swiper-pagination-bullet{ background:#ccc; width:0.2rem; height:0.05rem; border-radius: 0; opacity:1;}
.s-g-3-s .swiper-pagination-bullet-active{background:#b1955b;}



.s-g-4{ background:url(../images/g-4.jpg) no-repeat; background-size:100% 100%;  padding:0.5rem 0.15rem;}
.s-g-4 .box{ }
.s-g-4 .box ul{display:flex; flex-wrap:wrap; }
.s-g-4 .box li{ width:24%; background:#fff; text-align:center; margin:0.5%; margin-top:0.25rem; position:relative;}
.s-g-4 .box li>div{position:absolute; left:0; top:0; width:100%; height:100%;}
.s-g-4 .box li>div>img{ width:96%; margin:0 2%;}
.s-g-4 .box li>div h2{font-size:0.24rem; font-weight:700; color:#fff; position:relative; padding-bottom:0.25rem;}
.s-g-4 .box li>div h2::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0.1rem; background:#fff; width:0.3rem; height:0.025rem;}
.s-g-4 .box li>div p{font-size:0.12rem; color:#fff; font-family:DINPro-Regular; text-transform:uppercase;}
.s-g-4 .box li>div h3{ font-size:0.18rem; text-align:center;}
.s-g-4 .box li:nth-child(1){ background:#b08f52;}
.s-g-4 .box li:nth-child(1) div{ display:flex; justify-content:center; align-items:center; flex-direction:column;}
.s-g-4 .box li:nth-child(9){ opacity:0;}



.s-g-5 { position:relative; padding:0.25rem 0.25rem 0.25rem 3rem;}
.s-g-5 img{ position:absolute; left:0; bottom:0; width:2.75rem;}
.s-g-5 h3 { font-size:0.22rem;}
.s-g-5 p{ font-size:0.18rem; line-height:1.6; margin-top:0.05rem;}



.s-g-6{ background:url(../images/g-6.jpg) no-repeat; background-size:100% auto; padding-bottom:0.5rem;}
.s-g-6 .tit{ margin:0 0.5rem; padding-left:27.5%; position:relative;}
.s-g-6 .tit::after{ content:''; position:absolute; left:0; top:1rem; background:#fff; width:0.02rem; height:35%;}
.s-g-6 .tit .t1{position:absolute; left:0; top:1rem; padding-left:0.15rem;}
.s-g-6 .tit .t1 h3{font-size:0.18rem; font-family:DINPro-Bold; text-transform:uppercase;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-6 .tit .t1 p{font-size:0.12rem; line-height:1.8; color:#fff; font-weight:200; font-family:DINPro-Regular; text-transform:uppercase; margin-top:0.05rem;}
.s-g-6 .tit .t2{position:absolute; left:0; bottom:0.25rem;}
.s-g-6 .tit .t2 h3{font-size:0.35rem; font-weight:700; color:#fff;}
.s-g-6 .tit .t2 h2{font-size:0.425rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-6 .tit .t2 p{font-size:0.22rem; color:#fff; font-weight:200; margin-top:0.1rem;}


.s-g-6 .box{ padding:0.125rem;}
.s-g-6 .box ul{display:flex; flex-wrap:wrap; }
.s-g-6 .box li{ width:48%; margin:1%; margin-top:0.25rem; display:flex; flex-direction:column; align-items:center;}
.s-g-6 .box li .img{ width:80%; position:relative; padding:0 0.1rem 0.1rem 0;}
.s-g-6 .box li .img::after{ content:''; position:absolute; right:0; bottom:0; width:85%; height:85%; background:#524428; }
.s-g-6 .box li .img img{ position:relative; z-index:1;}
.s-g-6 .box li .txt{ margin-top:0.15rem;}
.s-g-6 .box li .txt h3{ font-size:0.24rem; font-weight:700; text-align:center; position:relative; padding-bottom:0.25rem;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-6 .box li .txt h3::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0.1rem; background:#fff; width:0.3rem; height:0.025rem;}
.s-g-6 .box li .txt p{font-size:0.18rem; color:#fff; text-align:center;}

.s-g-6 .bot{ margin:0 0.75rem; border-top:#524428 solid 0.01rem; border-bottom:#524428 solid 0.01rem; margin-top:0.5rem; text-align:center; padding:0.15rem 0;}
.s-g-6 .bot h3{ font-size:0.3rem; font-weight:700;
	background-image:-webkit-linear-gradient(top,#ffd79c 10%,#dab668 60%,#ffd79c); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-6 .bot p{font-size:0.2rem; color:#fff; letter-spacing:0.05rem;}


.s-g-7{ background:url(../images/g-7.jpg) no-repeat; background-size:100% 100%; padding:0.5rem;}
.s-g-7 .tit{ text-align:center;}
.s-g-7 .tit h3{ display:inline-block; font-size:0.26rem; color:#fff; padding:0.05rem 0.25rem; position:relative;}
.s-g-7 .tit h3::before{ content:''; position:absolute; left:0; top:0; border:#fff solid 0.01rem; width:100%; height:100%;}
.s-g-7 .tit h2{font-size:0.45rem; font-weight:700; margin:0.1rem 0;
	background-image:-webkit-linear-gradient(left top,#e2cea5 0%,#6b6250 20%,#e2cea5 40%,#6b6250 60.00%,#e2cea5 80%,#6b6250 50%); 
	-webkit-background-clip:text;    
	-webkit-text-fill-color:transparent;}
.s-g-7 .tit p{font-size:0.3rem; color:#fff; font-weight:200; margin-top:0.1rem;}

.s-g-7 .box{ margin-top:0.5rem;}
.s-g-7 .box ul{display:flex; flex-wrap:wrap; }
.s-g-7 .box li{ width:46%; margin:2%; background:#b1955b; display:flex; flex-direction:column; align-items:center; padding:0.35rem 0;}
.s-g-7 .box li .img{ width:0.5rem;}
.s-g-7 .box li .txt{ margin-top:0.15rem; text-align:center;}
.s-g-7 .box li .txt h3{ font-size:0.26rem; color:#000;}
.s-g-7 .box li .txt p{font-size:0.12rem; color:#000; font-weight:200; font-family:DINPro-Regular; text-transform:uppercase; }

.s-g-7 .box li:nth-child(2),
.s-g-7 .box li:nth-child(3){ background:#fff;}

.s-g-7 .bot{ text-align:center; font-size:0.24rem; color:#fff; letter-spacing:0.1rem; margin-top:0.5rem;}