﻿.header-bottom-box li:nth-child(2) a{
    color:#f25618!important;
}

.kjpz .swiper-wrapper a,
.yxzc .swiper-wrapper a{
    cursor: default;
}
.slide-box.banner-slide{
  width: 100%;
  height: 650px;
}
.narrow_980 .slide-box.banner-slide{
  width: 100%;
  height: 520px;
}
.banner-slide a{
  display: block;
  cursor: default;
  width: 100%;
  min-width:1200px;
  height: 650px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/page2/banner_tc.jpg) center no-repeat;
}
.narrow_980 .banner-slide a{
  min-width:980px;
  height: 520px;
}

/* 整居设计方案 S */

.slide-box-muma{
    height:790px;
}
.narrow_980 .slide-box-muma{
    height:632px;
}
.slide-box-muma .slide-box-muma-items{
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}
.narrow_980 .slide-box-muma .slide-box-muma-items{
    margin-left: -500px;
}

.slide-box-muma-btn{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 60px;
  height: 100px;
  line-height: 100px;
  font-size: 30px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: rgba(0,255,0,.5);
  cursor: pointer;
}
.slide-box-muma-next{
  right: 0;
}
.slide-box-muma-prev{
  left:0;
}
.slide-box-muma-items li{
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.slide-box-muma-items img{
  width: 809px;
  height: 588px;
  border:none;
  float: left;
}
.narrow_980 .slide-box-muma-items img{
  width: 647px;
  height: 470px;
}
.slide-box-muma-items .p1{
  	transform:translate3d(0,0,0) scale(.73);
	-webkit-transform: translate3d(0,0,0) scale(.73);    
	-moz-transform: translate3d(0,0,0) scale(.73);         
	-ms-transform: translate3d(0,0,0) scale(.73);       
	-o-transform: translate3d(0,0,0) scale(.73);         
}
.slide-box-muma-items .p2{
  transform:translate3d(0,0,0) scale(.73);
  -webkit-transform: translate3d(0,0,0) scale(.73);    
  -moz-transform: translate3d(0,0,0) scale(.73);         
  -ms-transform: translate3d(0,0,0) scale(.73);       
  -o-transform: translate3d(0,0,0) scale(.73); 

  -webkit-transform-origin:0 50%;    
  -moz-transform-origin:0 50%;         
  -ms-transform-origin:0 50%;       
  -o-transform-origin:0 50%; 
  transform-origin:0 50%;
  opacity: 0.8;
  z-index: 2;
}
.slide-box-muma-items .p3{
  -webkit-transform: translate3d(195px,0,0) scale(1);    
  -moz-transform: translate3d(195px,0,0) scale(1);         
  -ms-transform: translate3d(195px,0,0) scale(1);       
  -o-transform: translate3d(195px,0,0) scale(1); 
  transform:translate3d(195px,0,0) scale(1);
  z-index: 3;
  opacity: 1;
}
.slide-box-muma-items .p4{
  -webkit-transform: translate3d(390px,0,0) scale(.73);    
  -moz-transform: translate3d(390px,0,0) scale(.73);         
  -ms-transform: translate3d(390px,0,0) scale(.73);       
  -o-transform: translate3d(390px,0,0) scale(.73); 
  transform:translate3d(390px,0,0) scale(.73);

  -webkit-transform-origin:100% 50%;    
  -moz-transform-origin:100% 50%;         
  -ms-transform-origin:100% 50%;       
  -o-transform-origin:100% 50%; 
  transform-origin:100% 50%;
  opacity: 0.8;
  z-index: 2;
}
.slide-box-muma-items .p5{
  -webkit-transform: translate3d(390px,0,0) scale(.73);    
  -moz-transform: translate3d(390px,0,0) scale(.73);         
  -ms-transform: translate3d(390px,0,0) scale(.73);       
  -o-transform: translate3d(390px,0,0) scale(.73); 
  transform:translate3d(390px,0,0) scale(.73);
}
.slide-box-muma-items .p3{
    box-shadow: 0 13px 13px rgba(0, 0, 0,0.13);
}
.p3 .vr-play-btn{
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 39px solid transparent;
    border-left: 64px solid #fb5818;
    border-bottom: 35px solid transparent;
    position: absolute;
    position: absolute;
    left: 16px;
    right: 0;
    top: 0;
    bottom: 4px;
    margin: auto;
}


/* 兼容ie */
.ielt10 .slide-box-muma-items .p1{
  transform:translate3d(0,0,0) scale(1);
  left: 0;
}
.ielt10 .slide-box-muma-items .p2{
  transform:translate3d(0,0,0) scale(1);
  transform-origin:0 50%;
  left: 0;
  opacity: 0.8;
  z-index: 2;
}
.ielt10 .slide-box-muma-items .p3{
  transform:translate3d(0,0,0) scale(1);
  left: 195px;
  z-index: 3;
  opacity: 1;
}
.ielt10 .slide-box-muma-items .p4{
  transform:translate3d(0,0,0) scale(1);
  transform-origin:100% 50%;
  left: 585px;
  opacity: 0.8;
  z-index: 2;
}

.ielt10 .slide-box-muma-items .p5{
  /*transform:translate3d(585px,0,0) scale(.73);*/
  transform:translate3d(0,0,0) scale(1);
  left: 585px;
}
.ielt10 .slide-box-muma-items .p3{
    box-shadow: 0 13px 13px rgba(0, 0, 0,0.13);
}

.ielt10 .slide-box-muma-items li.p1,
.ielt10 .slide-box-muma-items li.p2,
.ielt10 .slide-box-muma-items li.p4,
.ielt10 .slide-box-muma-items li.p5,
.ielt10 .slide-box-muma-items li.p6{
  width: 590px;
  height: 429px;
  top:73px;
}
.ielt10 .narrow_980 .slide-box-muma-items li.p1,
.ielt10 .narrow_980 .slide-box-muma-items li.p2,
.ielt10 .narrow_980 .slide-box-muma-items li.p4,
.ielt10 .narrow_980 .slide-box-muma-items li.p5,
.ielt10 .narrow_980 .slide-box-muma-items li.p6{
  width: 472px;
  height: 343px;
  top:58px;
}

.ielt10 .slide-box-muma-items li.p1 img,
.ielt10 .slide-box-muma-items li.p2 img,
.ielt10 .slide-box-muma-items li.p4 img,
.ielt10 .slide-box-muma-items li.p5 img,
.ielt10 .slide-box-muma-items li.p6 img{
  width: 100%;
  height: 100%;
}
.ielt10 .slide-box-muma-items li.p3{
  width: 809px;
  height: 588px;
  top: 0;
}
.ielt10 .slide-box-muma-items li.p3 img{
  width: 809px;
  height: 588px;
}
.ielt10 .narrow_980 .slide-box-muma-items li.p3{
  width: 647px;
  height: 470px;
}
.ielt10 .narrow_980 .slide-box-muma-items li.p3 img{
  width: 647px;
  height: 470px;
}

/*整居设计方案 E */

/* 空间配置 S*/
.kjpz .section-content img{
    display:block;
    width:100%;
}
.kjpz .section-content li~li{
    display:none;
}
.kjpz .section-title {
    margin-bottom:0;
}

.swiper-slide img{
  display: block;
  width: 100%;
}
.swiper-container-bctc{
    position: relative;
    overflow:hidden;
}
.swiper-container-bctc .section-title-2 span{
    width:116px;
    background: transparent;
    padding:0;
    opacity:1;
    margin-bottom:15px;
}
.swiper-container-bctc span.swiper-pagination-bullet-active{
    border-color: #fb5818;
    color:#fb5818;
}
.swiper-container-bctc span.swiper-pagination-bullet-active i{
    color:#fb5818;
}

.swiper-container-bctc .swiper-next-bctc,
 .swiper-container-bctc .swiper-prev-bctc {
     display:none;
    display:block;
     position:absolute;
    top: 0;
    bottom: 0;
     margin: auto;
     width:40px;
     height:60px;
     z-index:10;
     cursor:pointer;
     background:url(../../images/page2/icon-arrow.png) no-repeat;
     background-repeat:no-repeat;
 }
 .swiper-container-bctc:hover .swiper-next-bctc,
 .swiper-container-bctc:hover .swiper-prev-bctc {
     display:block;
 }


.swiper-container-pz .arrow{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.swiper-container-bctc .swiper-prev-pz{
    left:-70px;
}
.swiper-container-bctc .swiper-next-pz{
    right:-70px;
}
.narrow_980 .swiper-container-bctc .swiper-prev-pz{
    left:-56px;
}
.narrow_980 .swiper-container-bctc .swiper-next-pz{
    right:-56px;
}

.swiper-container-pz .swiper-slide{
  width:100%;
  height:815px;
}
.narrow_980 .swiper-container-pz .swiper-slide{
  height:652px;
}
.swiper-container-pz .swiper-slide a{
  display: block;
  cursor: default;
  width: 100%;
  height: 815px;
  min-width:1200px;
  position: absolute;
  top: 0;
  left: 0;
}
.narrow_980 .swiper-container-pz .swiper-slide a{
  height: 652px;
  min-width:980px;
  background-size: 100%!important;
}
.swiper-container-pz .swiper-slide:nth-child(1) a{
  background: url(../../images/page2/tc_pz_1.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(2) a{
  background: url(../../images/page2/tc_pz_01.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(3) a{
  background: url(../../images/page2/tc_pz_02.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(4) a{
  background: url(../../images/page2/tc_pz_03.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(5) a{
  background: url(../../images/page2/tc_pz_04.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(6) a{
  background: url(../../images/page2/tc_pz_05.jpg) center no-repeat;
}
.swiper-container-pz .swiper-slide:nth-child(7) a{
  background: url(../../images/page2/tc_pz_06.jpg) center no-repeat;
}

/* 空间配置 E */


/* 一线主材 S */
.yxzc .section-title-2.yxzc-title-2 span,
.hxys .section-title-2.yxzc-title-2 span {
    cursor: default;
    border: 0;
}
.yxzc .section-title-2.yxzc-title-2 span:hover i,
.hxys .section-title-2.yxzc-title-2 span:hover i {
    color: #767676;
}

.yxzc .section-title{
    margin-bottom:0;
}
 .swiper-container-bctc .swiper-prev-bctc{
    left:10px;
    right:auto;
     background-position: 0 0;
 }
 .swiper-container-bctc .swiper-next-bctc{
     right:10px;
     left:auto;
     background-position: -40px 0;
 }
.yxzc .swiper-pagination-zc{
    margin:45px 0 60px ;
}
/* 一线主材 E */

/* 核心优势 S */

.hxys-item {
    display: block;
    position: relative;
    width: 22.5%;
    height:441px;
    float: left;
    overflow: hidden;
    border:2px solid #ededed;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
}
.narrow_980 .hxys-item {
    height:352px;
}
.hxys-item~li{
    margin-left:2%;
}
.hxys-item img {
    vertical-align:middle;
    width: 100%;
    height:85%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hxys .hxys-item .hxys-item-mask {
    width:100%;
    height:70px;
    position: absolute;
    bottom:0;
    background: #f1f1f1;
    font-size:24px;
    line-height:70px;
    color:#4e4e4e;
    opacity:1;    
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.narrow_980 .hxys .hxys-item .hxys-item-mask {
    height:56px;
    font-size:19px;
    line-height:56px;
}

.hxys-item:before{
    /*遮罩层*/
    content: "";
    display: block;
    background: rgba(62,62,62, .93);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.hxys-item:after {
    /*符号*/
    content: "";
    margin-top: 36px;
    z-index: 1;
    display: inline-block;
    height: 2px;
    width: 114px;
    border: 1px solid #fff;
    border-radius: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 121px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
     -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.narrow_980 .hxys-item:after {
  top:97px;
}
.hxys-item .item-text{
    position: absolute;
    width: 100%;   
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    margin:auto;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hxys-item .item-text span{
    display:block;
    width:100%;
    margin:64px 0 64px;
    font-size:30px;
    text-align: center;
}
.hxys-item .item-text p{
    width: 247px;
    font-size: 16px;
    line-height:36px;
    margin: 0 auto;
    text-align: left;
}
.narrow_980 .hxys-item .item-text span{
    margin:51px 0 51px;
    font-size:24px;
}
.narrow_980 .hxys-item .item-text p{
    width: 197px;
    font-size: 13px;
    line-height:29px;
}

.hxys-item:hover .hxys-item-mask {
    opacity:0;    
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hxys-item:hover:before{
    opacity: 1;
    visibility: visible;
}

.hxys-item:hover:after {
    opacity: 1;
    visibility: visible;
   -moz-transform: scale(1);
   -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hxys-item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.hxys-item:hover .item-text{
    opacity: 1;
    visibility: visible;
}
/* 核心优势 E */



/* 设计师 S */
.sjstd .section-content{
    background: url(../../images/page2/tc_sjs_bg.jpg);
}


.sjstd .sjstd-l .marsk{
    background: rgba(255, 255, 255,.75);
}

.sjstd .sjstd-l a{
    border: 2px solid #fff;
    color:#fff;
}
.sjstd .sjstd-l .marsk .sjs-name span{
    color:#3b3b3b;
}
.sjstd .sjstd-l .marsk .sjs-jy span{
    color:#636363;
}
.sjstd .sjstd-c .marsk{
    border:10px solid rgba(253, 190, 164,.81);
    background: rgba(255, 255, 255,.81);
}
.sjstd .sjstd-c .marsk h2{
    color:#424242;
}
.sjstd .sjstd-c .marsk p{
    color: #6e6e6e;
}
.sjstd .sjstd-detail li~li{
    display:none;
}
.vertical-slidebox{
    border-left: 2px solid rgba(255,255,255,0.5);
}
.vertical-slidebox ul li.active{    
    border-color:#fff;
}
.vertical-slidebox ul li.active:before{   
    background-color: #fff;
}

.slide_t,.slide_b{  
    background: rgba(255, 255, 255,.88) url(../../images/page2/global_new.png) no-repeat;
    _background: rgba(255, 255, 255,.88) url(../../images/page2/global_new.png) no-repeat;
}

.slide_t{    
    top: -36px;
    background-position: -935px -1007px;
}
.slide_b{    
    top: 432px;
    background-position: -937px -1031px;
}

/* 设计师 E */



/* 装修流程 S */
.zxlc .container .hrline{
    position: absolute;
    bottom:-222px;
}
.zxlc-container li {
    width: 12.5%;
    float: left;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin-bottom: 100px;
}
// .zxlc-container li~li {
//     margin-left:84px;
// }

.zxlc-container li i {
    display: inline-block;
    margin-bottom:50px;
    width:76px;
    height: 76px;
    position: relative;
    zoom: 1;
    background: url(../../images/page2/zxlc.png) no-repeat;
}
.zxlc-container li i:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fef1ec;
    position: absolute;
    left: 30px;
    top: 106px;
}
.zxlc-container li span{
    display:block;
    font-size:16px;
    color:#fb5818;

}
.zxlc-container i.zxlc_ico1 {
    background-position: 5px 0;
}
.zxlc-container i.zxlc_ico2 {
    background-position: -157px 0;
}
.zxlc-container i.zxlc_ico3 {
    background-position: -321px 0;
}
.zxlc-container i.zxlc_ico4 {
    background-position: -482px 0;
}
.zxlc-container i.zxlc_ico5 {
    background-position: -643px 0;
}
.zxlc-container i.zxlc_ico6 {
    background-position: -805px 0;
}
.zxlc-container i.zxlc_ico7 {
    background-position: -962px 0;
}
.zxlc-container i.zxlc_ico8 {
    background-position: -1125px 0;
}
/* 装修流程 E */
