@charset "utf-8";
/* CSS Document */


.ruanzhuang{width: 100%;}
.ruanzhuang .tu{width: 100%;}
.ruanzhuang .tu img{width: 100%;}


.rz{display: block;width: 100%;margin: 0 auto;margin-top: 4%;margin-bottom: 2%;}
.rz .tit{text-align: center;padding-bottom: 20px;}
.rz .tit .p{font-weight: bold;color: #000;}
.rz .tit .p span{color: #931e23;}
.rz .tit .p .x{display: block;color: #000;margin-top: 20px;font-weight: 500;}

/*流程*/
.content-topic{
    margin:0px auto;
	padding:20px 0px;
}
.content-what{
	text-align:center;
}
.content-what .what-list{
	font-size:0;height:448px;
}
.content-what .what-item{
	display:inline-block;
	position:relative;
	width:60px;
	margin-left:-2px;
	line-height:1.6;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	color:#323232;
	border-radius:4px;
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
	transition:width .5s ease,height .5s ease,box-shadow .3s ease;cursor:pointer
}
.content-backers .backers-detail,.content-invers .invers-item{
	box-shadow:0 0 4px 0 rgba(179,179,179,.17),inset 0 -3px 0 0 rgba(103,77,199,.05)
}
.content-what .what-item:hover{
	background-image:linear-gradient(160deg,rgba(255,255,255,.6) 0,rgba(147,30,35,.6) 50%,rgba(255,255,255,.6) 100%)
}
.content-what .what-item .what-item-bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	transition:opacity .4s ease .1s
}
.content-what .what-item span{
	visibility:visible;
	transition:opacity .15s ease .4s;
	position:absolute;
	width:14px;top:50%;left:22px;transform:translateY(-50%)
}
.content-what .what-item-1 .what-item-bg{
	background:url("../img/lc_1.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-2 .what-item-bg{
	background:url("../img/lc_2.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-3 .what-item-bg{
    background:url("../img/lc_3.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-4 .what-item-bg{
	background:url("../img/lc_4.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-5 .what-item-bg{
	background:url("../img/lc_5.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-6 .what-item-bg{
	background:url("../img/lc_6.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-7 .what-item-bg{
	background:url("../img/lc_7.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-8 .what-item-bg{
	background:url("../img/lc_8.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-9 .what-item-bg{
	background:url("../img/lc_9.png") center/cover no-repeat;background-size:100%;
}

.content-what .what-item-active{
	width:857px;height:441px!important;background-size:cover;margin-right:2px;z-index:9!important;transition:width .4s ease,height .4s ease;
}
.content-what .what-item-active span{
	visibility:hidden;opacity:0
}
.content-what .what-item-active .what-item-bg{
	transition:opacity .5s ease 0s;opacity:1;visibility:visible
}
.content-what .what-item:nth-child(1){
	height:468px;padding:0 22px;z-index:9
}
.content-what .what-item:nth-child(2){
	height:448px;padding:0 22px;z-index:8
}
.content-what .what-item:nth-child(3){
	height:428px;padding:0 22px;z-index:7
}
.content-what .what-item:nth-child(4){
	height:408px;padding:0 22px;z-index:6
}
.content-what .what-item:nth-child(5){
	height:388px;padding:0 22px;z-index:5
}
.content-what .what-item:nth-child(6){
	height:368px;padding:0 22px;z-index:4
}
.content-what .what-item:nth-child(7){
	height:348px;padding:0 22px;z-index:3
}
.content-what .what-item:nth-child(8){
	height:328px;padding:0 22px;z-index:2
}
.content-what .what-item:nth-child(9){
	height:308px;padding:0 22px;z-index:1
}
.content-main{
    margin-top:20px;
}


/*8大品类*/

.pl{overflow: hidden;width: 100%;background: url(../img/rz_pl_bg.jpg) top;padding-bottom: 40px;padding-top: 100px;}
.pl .icon{margin: 0 auto;}
.pl .icon .tit{text-align: center;padding-top: 0px;}
.pl .icon .tit .p{font-weight: bold;color: #000;}
.pl .icon .tit .p span{color: #931e23;}
.pl .icon .tit .p .x{display: block;color: #000;margin-top: 20px;font-weight: 500;}
.pl .icon ul{width: 100%;margin-top: 60px;}
.pl .icon ul li{width: 24.5%;overflow: hidden;display: inline-block;text-align: center;margin-bottom: 40px;}
.pl .icon ul li img{width: 70%;border-radius: 30px;box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
.pl .icon ul li .js {width: 80%;margin: 0 auto;border-radius: 10px;margin-top: 20px;}
.pl .icon ul li span {padding: 20px;color: #000;text-align: center;border-radius: 10px;display: block;}



/*优惠券*/
.yhq{overflow: hidden;}
.yhq .yh{overflow: hidden;display: block;float: left;}
.yhq .yh img{max-width: 760px;overflow: hidden;display: block;}
.yhq .yybd{max-width: 400px;overflow: hidden;display: block;}
.yhq .yybd .ba{width: 100%;}

.yhq .yybd form {
  position: relative;
  margin: 0 auto;
  width: 90%;
  margin-left: 10%;
}
.yhq .yybd form input {
  border: 1px solid #ddd;
  color: #444444;
  height: 55px;
  line-height: 55px;
  border-radius: 5px;
  outline: none;
  width: 100%;
  padding: 0px 50px;
  background-color: #fff !important;	
  margin-bottom: 10px;	
}
.yhq .yybd form .name {
  background: url(../img/input_name.png) 16px center no-repeat;
    background-size: auto;
  background-size: 20px;
}
.yhq .yybd form .tel {
  background: url(../img/input_tel.png) 16px center no-repeat;
    background-size: auto;
  background-size: 20px;
}
.yhq .yybd form button {
  width: 100%;
  height: 100%;
  /*max-height: 150px;*/
  border-radius: 5px;
  border: 1px solid #000;
  overflow: hidden;
  display: block;
  text-align: center;
  background: #fff;
  float: right;
  margin-top: 30px;	
}
.yhq .yybd .b{width: 60%;float: left;}
.yhq .yybd .b .aq{color: #ccc;}
.yhsub{width: 100%;height: 100%;border-radius: 5px;overflow: hidden;display: block;text-align: center;background: #931e23;float: left;padding: 20px 40px;}
.yhsub .des{color: #fff;font-weight: 500;overflow: hidden;}
.yhsub .des span{color: #fff;font-weight: 500;vertical-align: middle;}
.yhsub .des span img{width: 30px;vertical-align: middle;margin-right: 20px;}



/*软装案例*/
.rzal{width: 100%;}
.preview {text-align: center;padding: 5px;}
.preview a {display: inline-block;margin: 5px;}
.preview img {display: block; width: 200px;height: auto;}
.active {outline: 3px solid #931e23;box-shadow: 2px 2px 20px 4px rgba(0,0,0,.5);}
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider {position: relative;width: 9999px;}
.slider:before,
.slider:after {display: table;content: ' ';}
.slider:after {clear: both;}
.slider__item {position: relative;float: left;margin: 0;padding: 0;height: 100%;}
.slider__item img {display: block;max-width: 100%;height: auto;}
.slider__switch span {color: #fff;display: block;width: 32px;height: 32px;}
/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;
}
.slider__switch--prev {left: 10px;}
.slider__switch--next {right: 10px;}
.slider__switch:hover {opacity: .85;}
.slider__switch[disabled] {visibility: hidden;opacity: 0;}
.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
 box-shadow: 0 0 10px 10px rgba(0,0,0,.1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav__control {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav__control.is-active {
  width: 12px;
  height: 12px;
  background: #fff;
}
.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
  .slider__switch {
    display: none;
  }
  .slider__caption {
    display: none;
  }
}


/*甄选主材*/

.zhucai{width: 100%;}
.zhucai .tu{width: 100%;}
.zhucai .tu img{width: 100%;}

.zhucai .biaodan {
  width: 100%;
  overflow: hidden;
  z-index: 2;
  position: relative;
  margin-top: -60px;
  border-radius: 20px;
}

.biaodan_form {
  display: block;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow:0 0 10px 0 rgba(0,0,0,.15);	
}

.biaodan_form form {
  position: relative;
  margin: 0 auto;
  width: 90%;	
}
.biaodan_form form input {
  border: 1px solid #ddd;
  color: #444444;
  height: 55px;
  line-height: 55px;
  border-radius: 5px;
  outline: none;
  width: 30%;
  margin-right: 2%;
  padding: 0px 50px;
  background-color: #fff !important;	
}
.biaodan_form form .name {
  background: url(../img/input_name.png) 16px center no-repeat;
    background-size: auto;
  background-size: 20px;
}
.biaodan_form form .tel {
  background: url(../img/input_tel.png) 16px center no-repeat;
    background-size: auto;
  background-size: 20px;
}
.biaodan_form form .mj {
  background: url(../img/input_mj.png) 16px center no-repeat;
    background-size: auto;
  background-size: 20px;
}
.biaodan_form form button {
  width: 100%;
  max-width: 250px;
  height: 100%;
  /*max-height: 150px;*/
  border-radius: 5px;
  border: 1px solid #000;
  overflow: hidden;
  display: block;
  text-align: center;
  background: #fff;
  float: right;
}
.biaodan_form form button img{
 width: 20px;
 vertical-align: middle;	
}
.biaodan_form .b{width: 70%;float: left;}
.biaodan_form .b .aq{color: #ccc;}
.zcbd{width: 100%;max-width: 200px;height: 100%;max-height: 150px;border-radius: 5px;border: 1px solid #ddd;overflow: hidden;display: block;text-align: center;background: #fff;float: left;}
.zcbd .des{color: #931e23;font-weight: 500;overflow: hidden;padding: 20px 10px;}
.zcbd .des span{color: #931e23;font-weight: 500;display: block;}
.zcbd .des span img{width: 25px;margin: 20px 20px 20px 0;}
.zcbdsub{width: 100%;background: #931e23;float: left;}
.zcbdsub .des{color: #fff;font-weight: 500;overflow: hidden;padding: 25px 0;}
.zcbdsub .des span{color: #fff;font-weight: 500;}
.zcbdsub .des span img{width: 35px;margin-right: 20px;}

/*大牌logo*/

.zhucai .logo{display: block;margin: 0 auto;margin-top: 4%;margin-bottom: 6%;}
.zhucai .logo .tit{text-align: center;padding-bottom: 20px;}
.zhucai .logo .tit .p{font-weight: bold;color: #000;background-image: -webkit-linear-gradient(top,#998044,#f8f8f8,#fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 80px;
margin-bottom: -40px;}
.zhucai .logo .tit span{font-weight: bold;color: #000;}
.zhucai .logo .pic{width: 100%;}
.zhucai .logo .pic ul{width: 100%;}
.zhucai .logo .pic ul li{width: 12%;overflow: hidden;margin-top: 40px;display: inline-block;}
.zhucai .logo .pic ul li img{width: 100%;}

.zhucai .clqh{overflow: hidden;width: 100%;background: url(../img/zc_cl_bg.jpg) top;padding-bottom: 5%;padding-top: 5%;}