.pro-container{
  width: 100%;
  min-width: 1200px;
  /*overflow-x: hidden;*/
  font-family: "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
}
#content-box{
  /*overflow:hidden;*/
}
.mpro-container img{
  height: auto;
  max-width: 100%;
}
p{
  margin:0;
}
button:focus{
  outline: none;
}
.pro-second-nav{
  position: fixed;
  height: 50px;
  width: 100%;
  top:50px;
  background: #fff;
  z-index: 2;
  box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
  transition: all .5s;
}
.pro-series-name{
  color:#232222;
  font-size: 20px;
  line-height: 50px;
  letter-spacing: 2px;
}
.pro-second-nav a,
.pro-second-nav button{
  color:#232222;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 1.4px;
  font-weight: lighter;
  margin-right:20px;
}
.pro-second-nav button,
.pro-second-nav button + a{
  color:#fff;
  width: 77px;
  background: #28603e;
  border:none;
  line-height: 27px;
  text-align: center;
  margin:11.5px 0;
}
.pro-second-nav button + a{
  display: inline-block;
  margin-left:10px;
}
.pro-section>form>.pay{
  color:#fff;
  width: 170px;
  background: #28603e;
  border:none;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 30px;
  border-radius: 22.5px;
  display: inline-block;
}
.pro-section>form>input{
  /*color:#fff;*/
  width: 170px;
  line-height: 40px;
  display: inline-block;
}
.pro-container.white{
  background-color: #fff;
}
.pro-container.black{
  background-color: #000;
}
.pro-container.gray{
  background-color: rgba(0,0,0,0.9);
}
.pro-container.gray7{
  background-color: rgba(0,0,0,0.75);
}
.pro-container.brown{
  background-color: #d0c2aa;
}
.pro-section{
  width: 1200px;
  min-width: 1200px;
  margin:0 auto;
  height: 100%;
  padding:0 30px;
  position: relative;
}
.pro-center{
  position: absolute;
  top:50%;
  left:0;
  right:0;
  margin:auto;
  transform: translate(0,-50%);
  width: 100%;
}
.pro-center-y{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width: 100%;
}
.pro-cover{
  position: absolute;
  height: 850px;
  width:100%;
  height:100%;
  opacity: .18;
  overflow:hidden;
}
.pro-cover>img{
  height: 100%;
  width: 100%;
}
#series-s{
  width: 100%;
  height: 1015px;
  text-align: center;
  position: relative;
  color:#c7aa78;
}
#series-s.series-a{
  /*color:#000;*/
  color:#363636;
}
#series-s:hover .container-img>img{
  transform:translateX(-50%) scale(1.1);
}
.series-icon{
  font-size: 496px;
  font-weight: 400;
  opacity: .7;
  line-height: 500px;
}
.series-name{
  font-size: 48px;
  letter-spacing: 4.8px;
  font-weight: 400;
  margin-top: -50px;
}
.series-name.part-q{
  font-size: 80px;
  font-weight: bold;
  letter-spacing: 10px;
  color:#000;
}
.series-des{
  font-size: 30px;
  /*color:#c7aa78;*/
  letter-spacing: 3px;
  font-weight: 200;
}
.series-des.series-a{
  color:#363636;
}
.series-price{
  font-size: 33px;
  letter-spacing: 3px;
  margin-top:50px;
  margin-bottom: 60px;
}
.series-price>span{
  font-size: 62px;
  font-weight: bold;
}
.series-q{
  width: 256px;
  height: 51px;
  line-height: 51px;
  background: #1d5d96;
  font-size: 26px;
  color:#eed0d0;
  margin:0 auto 60px auto;
  letter-spacing: 2.6px;
}
.series-price>span.part-q{
  font-weight: normal;
  font-size: 50px;
}
.series-button{
  background: #c7aa78;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: 2px;
  color:#fff;
  padding:0 30px;
  border:none;
  font-family: '黑体';
  font-weight: lighter;
}
.series-button.series-s{
  background: #000;
}
.series-button+.series-button{
  margin-left:55px;
}
.series-button>i{
  font-size: 20px;
  color:#fff;
  font-weight: bold;
}
/*整装优点 */
.advantage{
  padding:70px 160px;
}
.advantage-item{
  text-align: center;
}
.advantage-item>.item-img,
.advantage-cover{
  height: 140px;
  width: 140px;
  margin:0 auto;
  border-radius: 50%;
  overflow:hidden;
  position: relative;
}
.advantage-cover{
  position: absolute;
  left:0;
  top:0;
  height: 100%;
  width: 100%;
  font-size: 18px;
  line-height: 40px;
  font-weight: lighter;
  color:#fff; 
  background: rgba(0,0,0,0.3);
  transition: opacity .5s;
  opacity: 0;
}
.cover-text{
  border-bottom: solid 1px #fff;
  position: absolute;
  width: 60%;
  top:50%;
  transform: translate(-50%,-50%);
}
.advantage-item:hover .advantage-cover{
  opacity: 1;
}
.advantage .des{
  margin-top: 20px;
  font-size: 18px;
}
/*进口颜值观感*/
#beauty,
#function,
#quality{
  color:#c7aa78;
  text-align: center;
  height: 850px;
  position: relative;
}
.pro-container.function{
  padding-bottom: 100px;
}
.container-img{
  position: absolute;
  height: 850px;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.container-img>img{
  transition: all 5s;
  position: absolute;
  left:50%;
  transform: translateX(-50%) scale(1);
}
#beauty i,
#function i,
#quality i{
  color:#c7aa78;
  font-size: 70px;
}
#beauty.series-a i,
#function.series-a i,
#quality.series-a i{
  color:#363636;
}
.advantage-title{
  color:#c7aa78;
  font-size: 56px;
  letter-spacing: 5.6px;
  font-weight: bold;
}
#beauty .advantage-title i,
#function .advantage-title i,
#quality .advantage-title i{
  color:#474646;
}
.pro-section-a .advantage-title{
  color:#474646;
}
.pro-section-a .advantage-content{
  color:#4d4d4d;
  font-size: 20px;
  line-height: 33px;
  font-weight: 200;
}
.advantage-content{
  color:#c7aa78;
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 35px;
  font-weight: lighter;
  margin-top: 20px;
}
.pro-section .icon-arrLeft-fill1{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:100px;
}
.advantage-content>p{
  margin:0;
}
#beauty:hover >.container-img>img,
#function:hover >.container-img>img,
#quality:hover >.container-img>img{
  transform:translateX(-50%) scale(1.1);
}
/*瓷砖*/
.pro-container.tile{
  height: 661px;
  position: relative;
}
.pro-order{
  color: #d0c2aa;
  font-size: 70px;
  letter-spacing: 7px;
  line-height: 105px;
}
.pro-order.order-a{
  color:#a9c4df;
}
.ounuo{
  color:#232222;
  font-size: 24px;
  line-height: 48px;
  letter-spacing: 2.4px;
  /*font-weight: lighter;*/
}
.ounuo-img{
  margin-top: 30px;
}
.ounuo-bg{
  position: absolute;
  z-index: 1;
  bottom: -35px;
  right:-30px;
  max-width: 820px;
}
.pro-container.fugu{
  height: 602px;
}
.beauty-cf{
  width: 690px;
  height: 100%;
}
.beauty-cf>img{
  transform: translate(20px,45px);
}
.vert-text{
  font-size: 40px;
  left: 4px;
  color:#f2ecec;
  writing-mode:tb-rl;
  position: absolute;
  transform: translate(20px,20%);
  z-index: 1;
  height: 600px;
}
.beauty-color{
  height: 100%;
  width: 400px;
  padding-left:100px;
  color:#fff;
  font-size: 20px;
  line-height: 30px;
  left: 2px;
  font-weight: lighter;
}
.line{
  width: 84px;
  height: 6px;
  background: #fff;
  margin-bottom: 44px;
}
.pro-container.mu{
  height: 900px;
  background-image: url('/images/production/pro-mu.png');
  background-repeat:no-repeat;
  background-position: left bottom;
  background-size: 50%;
}
.pro-text{
  font-size: 20px;
  /*font-weight: lighter;*/
  left: 2.4px;
  line-height: 35px;
  color:#232222;
  margin-top: 15px;
}
.mu-top{
  position: absolute;
  top:50px;
  right:60px;
}
.mu-bottom{
  position: absolute;
  bottom:50px;
  right:60px;
}
.pro-container.img{
  height: 636px;
  position: relative;
  text-align: center;
}
.pro-container.img1{
  height: 721px;
  position: relative;
  text-align: center;
}
.beauty-img-box>img{
  max-width: 1920px;
  height: auto;
}
.pro-container.wujin{
  height: 1350px;
  padding-top:150px;
}
.certificate-h{
  margin-top: 50px;
}
.img-slt{
  width: 325px;
  margin-top: 50px;
}
.img-wsj-box{
  width: 700px;
  height: 674px;
  position: relative;
}
.img-wsj{
  height: 100%;
  width: 100%;
}
.img-wsj-box:before,
.img-wsj-box:after
{
  content:'';
  background:#b39d76;
  width: 700px;
  height: 36px;
  position: absolute;
  left:36px;
  top:-35px;
}
.img-wsj-box:after{
  width: 37px;
  height: 674px;
  right:-36px;
  left:auto;
}
.col-bottom{
  margin-top: 50px;
  padding-top: 50px;
}
.col-bottom1{
  margin-top: 120px;
}
.col-top1{
  margin-top: 80px;
}
.design{
  /*padding:140px 0 50px 0;*/
}
.img-design{
  margin-left: 100px;
  transform: translateY(50px);
}
.pro-jumu{
  /*width: 100%;*/
  position: relative;
}
.pro-jumu .swiper-container{
  width: 100%;
  height: 640px;
}
.pro-jumu .swiper-slide{
  display: block;
  margin:auto;
  height: 100%;
}
.pro-jumu .swiper-slide img{
  display: block;
  margin:auto;
  width: 100% !important;
  height: 530px !important;
}
.switch-group{
  padding:20px 0;
  margin-top: 10px;
}
.switch-button{
  height: 45px;
  width: 140px;
  line-height: 45px;
  background: #fff;
  border:solid 1px #cdb188;
  color:#d0c2aa;
  font-size: 18px;
  left: 2.4px;
  transition: all .5s;
}
.switch-button.active{
  background: #cdb188;
  color:#fff;
}
.series-a>.switch-button{
  border-color:#252525;
  color:#252525;
}
.series-a>.switch-button.active{
  background: #252525;
  color:#fff;
}
.switch-button+.switch-button{
  /*margin-left: 20px;*/
}

/*超一流品质*/
.certificate {
  /*padding-top: 100px;*/
  /*background-image: url('/images/production/pro-s-leftmuban.png');
  background-repeat: no-repeat;
  background-size:50%;*/
}
.certificate>.container-img{
  height: 725px;
}
.certificate>.pro-section{
  padding-top: 200px;
}
.certificate.series-a{
  background-image: url('/images/production/pro-a-leftmuban.jpg');
  background-repeat: no-repeat;
  background-size:50%;
}
.certificate .row,
.function .row{
  margin:0;
  padding:0;
  /*position: relative;*/
}
.new-certificate{
  background: #f1f5f8;
  padding-top:20px;
  margin-top:-88px;
}
@media screen and (max-width: 1920px){
  .beauty-img1{
    max-width: 100% !important;
  }
}
.pro-center-y.half-width{
  width: 50% !important;
}
.certificate-higher{
  position: relative;
  height: 300px;
  transform: translateY(-80px);
}
.certificate-higher>.pro-center-y{
  left:50%;
  max-width: 600px;
}
.certificate-text{
  font-size: 24px;
  line-height: 38px;
  left: 3px;
  color:#000;
  margin-top: 100px;
  margin-bottom: 30px;
}
.certificate-paper{
  margin:50px 0;
}
.certificate-line{
  background: #cdb188;
  width: 138px;
}
.certificate-line.series-a{
  background: #b2c8d9;
}
.certificate-box{
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 2px;
  color:#c7aa78;
}
.certificate-box.series-s{
  margin-top: 50px;
}
.certificate-box.series-a{
  color:#809dbb;
}
.certificate-list{
  margin: 50px 0;
}
.certificate-item{
  height: 211px;
}
.certificate-item>img{
  top:50%;
  position: relative;
  transform: translateY(-50%);
}
.certificate-item+.certificate-item{
  margin-left: 23px;
}
/*极致功能 */
.function{
  padding:20px 0;
}
.function-des{
  padding:30px 0;
}
.function-des>.des-title{
  color:#232222;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  letter-spacing: 3.6px;
  margin:0;
}
.function-des>.des-content{
  color:#474747;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
}
.function-text{
  font-size: 24px;
  line-height: 36px;
  left: 2.4px;
  color:#262626;
}
.line.function-line{
  background: #000;
  margin-bottom: 15px;
}
.tiyan-item{
  padding:0 25px;
}
.img-tiyan-box{
  width: 100%;
  height: 300px;
  text-align: center;
  padding:20px 0;
}
.img-tiyan-box>img{
  max-width: 100%;
  max-height: 100%;
}
.tiyan-title{
  color: #232222;
  font-size: 18px;
  line-height: 30px;
  left: 2.4px;
}
.tiyan-content{
  color:#232222;
  font-size: 20px;
  line-height: 30px;
  left: 3.2px;
  font-weight: 200;
  margin-top: 10px;
}
.zuhe>.row{
  height: 223px;
  position: relative;
}
.zuhe>.row+.row{
  margin-top: 48px;
}
.zuhe>.row>.col-xs-6{
  padding:0 30px;
}
.zuhe-text,
.function-item-text{
  color: #232222;
  font-size: 24px;
  left: 2.4px;
  line-height: 40px;
  /*padding:66.5px 0;*/
}
/*配置单*/
.configuration{
  padding-top:50px;
}
.configuration-title{
  color:#1e1e1e;
  font-size: 34px;
  line-height: 48px;
  left: 1.7px;
  font-weight: bold;
}
.configuration-des{
  color:#454545;
  font-size: 20px;
  line-height: 48px;
  left: 2px;
}
.configuration-table tr>td:first-child,
.configuration-table th{
  color:#070707;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 48px !important;
  font-weight: bold;
}
.configuration-table-title>.col-xs-2{
  padding-left:0;
}
.configuration-table td{
  font-size: 18px;
  letter-spacing: 1.8px;
  line-height: 48px !important;
  color:#1b1b1b;
}
.configuration-table tr>td:first-child{
  padding-right: 20px;
}
p.empty{
  height: 48px;
}
/*关注住范儿*/
.pro-container.contact{
  background: #f3f2f2;
  color:#c7aa78;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 3px;
  font-weight: bold;
  padding:40px 0;
}
.pro-container.contact.series-a{
  color:#232323;
}
.pro-container.contact i{
  color:#c7aa78;
  font-size: 30px;
  position: absolute;
  top:25%;
}
.pro-container.contact.series-a i{
  color:#a6d6f3;
}
.contact-left{
  position: relative;
  height: 187px;
}
.contact-box{
  padding-left:60px;
}
.pro-container>.series-s{
  height: 707px !important;
}
.function-item{
  height: 240px;
  margin:30px 0;
}
.function-item.nomargin{
  margin:0;
}
.function-item.higher{
  height: 600px;
}
.function-item.four{
  height: 400px;
}
.function-item .pro-center-y{
  position: relative;
}
.function-left,
.function-right{
  height: 100%;
  width: 50%;
  position: relative;
  padding:0 30px;
}
.function-item-box{
  width: 100%;
  height: 100%;
  position: relative;
}
.img-box-chufang{
  width: 510px;
  height: 530px;
}
.img-box-map{
  width: 487px;
  height: auto;
}
.pro-container .img-box{
  overflow: hidden;
}
.img-box>img{
  max-width: 100%;
  max-height: 100%;
  transition: all 1.5s;
}
/*.function-item:hover img{
  transform: scale(1.08);
}*/
.img-box-buju{
  height: 260px;
  width: 260px;
}
.img-box-default{
  height: 224px;
}
.img-box-default>img{
  width: 100%;
}
.pro-cover-a{
  background: #bfd6ef;
  opacity: 1;
}
.pro-cover-a.cover-a-top{
  background: #e9eaea;
}
.pro-cover-a.cover-q-top{
  background: #dccfcf;
}
.pro-cover-a+.container-img{
  opacity: 0.3;
}
.opacity-two{
  opacity: 0.2 !important;
}
.opacity-two-seven{
  opacity: 0.27 !important;
}
.opacity-four{
  opacity: 0.4 !important;
}
.opacity-five{
  opacity: 0.5 !important;
}
.series-price-a{
  margin-top:0;
  color:#363636;
}
.certificate-line.series-a{
  background:#b2c8d9;
}
.certificate-box.series-a{
  color:#809dbb;
}
.hommization+.hommization{
  margin: 30px 0;
}
.function-des{
  margin-top: 60px;
  margin-bottom: 40px;
}
.pro-order.series-a{
  color:#a9c4df;
  font-weight: bolder;
}
.order-text{
  font-size: 30px;
  color:#232222;
  letter-spacing: 3px;
}
.a-one{
  height: 520px;
}
.ounuo-a{
  font-size: 30px;
  line-height: 48px;
  letter-spacing: 3px;
  color:#232222;
}
.ounuo-bg-a{
  height: 700px;
  position: absolute;
  right:0;
  top:0;
  z-index: 1;
}
.a-one-after{
  border-top: solid 504px rgba(167,194,221,.3);
  position: relative;
  height: 804px;
}
.img-box.a-after{
  position: absolute;
  bottom:0;
  width: 1200px;
  left:0;
  right:0;
  margin:auto;
  /*transform: translateX(-50%);*/
  z-index: 1;
}
.a-two{
  height: 500px;
}
.a-two .col-xs-6{
  height: 100%;
}
.order-other{
  font-size: 24px;
  color:#232222;
  line-height: 48px;
  letter-spacing: 2.4px;
  font-weight: lighter;
}
.ounuo-bg-a1{
  width: 450px;
  transform: translateY(50px);
  z-index: 1;
  position: relative;
}
.a-two-after{
  height: 870px;
}
.after-left{
  float: left;
  height: 570px;
  width: calc(50% + 85px);
  border-top:solid 285px rgba(169,196,223,.42);
  border-right:solid 15px rgba(169,196,223,.42);
  position: relative;
  text-align: right;
}
.after-left img{
  transform: translateY(-285px);
}
.after-right{
  float: left;
  height: 570px;
  width: calc(50% - 85px);
  border-bottom:solid 285px rgba(169,196,223,.42);
  border-left:solid 15px rgba(169,196,223,.42);
  position: relative;
}
.after-right img{
  transform: translateY(90px);
}
.pro-container.a-three{
  height: 450px;
}
.chugui-a{
  margin-left:300px;
  /*transform: translateY(90px);*/
}
.wood-img{
  float: left;
}
.wood-img>img{
  width: 520px;
  height: 630px;
}
.wood-content{
  padding:0 20px;
  line-height: 132px;
  color:#fff;
  font-size: 30px;
  letter-spacing: 3px;
  float: left;
  width: 550px;
  height: 132px;
  background: #635448;
  position: relative;
  transform: translateY(300px);
}
.wood-color{
  position: absolute;
  bottom: 66px;
  left:70px;
}
.wood-white{
  transform: translateY(-100px);
}
.wood-white .wood-content{
  background: #e8e7e7;
  color:#232222;
  transform: translateY(249px);
}
.wood-pure{
  transform: translateY(-250px);
}
.wood-pure .wood-content{
  background: #bdaa9d;
  color:#232222;
  transform: translateY(400px);
}
.wood-white .wood-color{
  left:auto;
  right:70px;
}
.a-three-after{
  height: 1670px;
}
/*详情页*/
.details-top{
  height: 983px;
  width: 100%;
  text-align: center;
  position: relative;
  color: #c7aa78;
  overflow: hidden;
}
.details-top:hover .container-img>img{
  transform:translateX(-50%) scale(1.1);
}
.pro-container.details-w{
  color:#cf5058;
}
.pro-container.details-c{
  color:#fff;
}
.opacity-six-four{
  opacity: 0.64 !important;
}
.details-top-title{
  font-size: 90px;
  font-weight: bold;
  letter-spacing: 11.8px;
}
.details-top-des{
  font-size: 30px;
  font-weight: lighter;
  letter-spacing: 3.6px;
}
.details-top-des + .details-top-group{
  margin:20px 0;
}
.details-top-group{
  text-align: center;
  margin-top: 70px;
}
.details-top-item{
  border:solid 2px currentcolor;
  height: 68px;
  position: relative;
  width: 231px;
  display: inline-block;
  line-height: 68px;
  font-size: 30px;
  border-top:none;
}
.details-top-item+.details-top-item{
  margin-left: 42px;
}
.details-top-item>.cell{
  font-size: 16px;
}
.details-top-item .series{
  font-size: 32px;
  letter-spacing: 1.28px;
  position: absolute;
  line-height: 40px;
  top:-20px;
  left:20px;
  background: transparent;
}
.details-top-item .series:before,
.details-top-item .series:after{
  content:'';
  position: absolute;
  width: 15px;
  left:-20px;
  top:20px;
  background: #cf5058;
  height: 2px;
}
.details-top-item .series:after{
  width: 150px;
  left:58px;
  top:20px;
}
.details-c .details-top-item .series:before,
.details-c .details-top-item .series:after{
  background:#fff;
}
.series-button-box{
  position: absolute;
  bottom: 100px;
  text-align: center;
  left:50%;
  transform: translateX(-50%);
}
.details-w .series-button{
  background: #cf5058;
}
.details-c .series-button{
  background: #5b9ceb;
}
/*十天极致工期*/
.time-limit{
  padding-top: 100px;
}
.line.details-w{
  background: #cf5058;
  height: 4px;
  margin-bottom:25px;
}
.line.details-c{
  background:#7496c0;
  margin-bottom:25px;
  height: 4px;
}
.details-title{
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 4.32px;
}
.details-des{
  color:#2c2c2c;
  font-size: 24px;
  font-weight: lighter;
  letter-spacing: 2.88px;
  line-height: 50px;
}
.ten-day{
  padding:80px 0;
}
.ten-day + .row{
  transform: translateY(-70px);
  font-size: 16px;
}
.ten-day-left{
  font-size: 270px;
  letter-spacing: -27px;
  color:#cf5058;
  padding:0;
}
.details-c .ten-day-left{
  color:#7496c0;
}
.details-c .ten-day-right{
  /*padding:25px 0;*/
}
.ten-day-left>.cell{
  font-size: 40px;
  letter-spacing: -4px;
}
.details-c .ten-day-left>span{
  margin-left:-40px;
}
.details-icon-box{
  height: 105px;
  width: 105px;
  background: #dd765c;
  text-align: center;
  position: relative;
  border-radius: 50%;
  left:7.5px;
}
.details-c .details-icon-box{
  background:#7496c0;
}
.ten-day-item{
  width: 119px;
  text-align: center;
}
.ten-day-item>.item-des{
  color:#2c2c2c;
  font-size: 18px;
  /*letter-spacing: 2.16px;*/
  line-height: 45px;
  font-family: "Microsoft YaHei";
}
.ten-day-item>.item-des.rows{
  line-height: 20px;
  width: 180px;
  transform: translateX(-30px);
}
.details-c .ten-day-item>.item-des.rows{
  width: 130px;
  transform: translateX(-5px);
  line-height: 48px;
}
.ten-day-arrow{
  position:relative;
  width: 90px;
  height: 105px;
}
.details-c .ten-day-arrow{
  /*width: 60px;*/
}
.ten-day-arrow.right-down{
  width: 200px;
  height: 150px;
}
.row>.ten-day-arrow{
  width: 150px;
  height: 70px;
}
.ten-day-arrow i{
  color:#000;
  font-size: 40px;
}
.ten-day-line{
  height: 35px;
  width: 100%;
}
/*人性化橱柜*/
.chest{
  padding:20px 0;
}
.chest>.row{
  position: relative;
  margin:0;
}
.details-order-box{
  height: 324px;
  background: #cf5058;
  position: relative;
  margin-top: 150px;
}
.details-order-box.details-c{
  background: rgba(89,117,157,.88);
}
.details-bg{
  background: rgba(220,220,220,.55);
  height: 273px;
  position: relative;
  width: calc(50% - 300px);
  margin-top: 350px;
}
.detail-1{
  height: 574px;
  width: 612px;
  /*width: 743px;*/
  position: absolute;
  right:calc(50% - 600px);
  top:55px;
}
.detail-4{
  position: absolute;
  left:calc(50% - 600px);
  top:250px;
}
.details-img-box>img{
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
.details-content{
  color:#fff;
  position: absolute;
  left:calc(50vw - 600px);
  width: 400px;
  height: 100%;
}
.detail-1.four{
  left:calc(50% - 600px);
  right:auto;
}
.details-content.four{
  right:calc(50vw - 600px);
  left:auto;
}
.details-order{
  font-size: 62px;
  line-height: 93px;
  letter-spacing: 6.2px;
}
.details-order-text{
  font-size: 26px;
  line-height: 38px;
  letter-spacing: 1.92px;
}
.order-test-des{
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 1.92px;
  font-weight: 200;
}
.details-order-footer{
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 1.92px;
  font-weight: bold;
  font-family: PingFang;
  opacity: .51;
}
.chest-list{
  margin:40px auto;
}
.chest-item{
  height: 414px;
  /*height: 527px;*/
  width: 539px;
  position: relative;
}
.chest-des{
  position: absolute;
  bottom: 30px;
  padding:0 30px;
}
.chest-des.chest-right{
  right: 0;
}
.details-order.details-w{
  color:#cf5058;
}
.details-order.details-c{
  color:#7496c0;
}
.chest-hommization-list,
.beauty-cz{
  padding-top:100px;
}
.chest-hommization{
 height: 260px;
 width: 260px;
 margin:20px 0;
}
.chest-hommization-des{
  font-size: 24px;
  color:#2c2c2c;
  line-height: 50px;
}
.beauty-cz-box{
  position: relative;
  height: 400px;
}
.cz-guige{
  /*position: absolute;
  top:50px;
  right:100px;*/
  margin-top: 40px;
}
.cz-show{
  position: absolute;
  bottom:-50px;
}
/*颜值橱柜*/
.cabinet{
  height: 536px;
  background: rgba(243,244,244,.63);
  margin: 80px 0 300px 0;
  padding-top:62px;
}
.cabinet-des{
  position: absolute;
  width: 100%;
  top:150%;
  font-size: 16px;
}
img.details-chugui{
  position: absolute;
  top:20%;
  left:50%;
  left:0;
  right:0;
  width: 1000px;
  margin:auto;
}
img.details-song{
  position: absolute;
  right:0;
  bottom: 0;
  height: 114px;
  transform: translate(0,50%);
}
.details-sk{
  font-size: 24px;
  line-height: 38px;
  color:#1a1919;
  letter-spacing: 2.4px;
  position: relative;
}
.sk-item{
  position: relative;
  height: 830px;
  margin-top: 60px;
  z-index: 1;
}
.sk-item+.sk-cover{
  position: absolute;
  width: 60%;
  background: rgba(224,224,224,.52);
  height: 890px;
  top:415px;
}
.sk-item+.sk-cover.cover-right{
  right:0;
}
.sk-big>img{
  height: 830px;
  max-width: 855px;
}
.sk-small{
  text-align: center;
  position: relative;
  top:50%;
  transform: translateY(-50%);
}
.sk-small>img{
  width:100%;
}
/*前沿元素*/
.details-lead{
  margin-top: 100px;
  height: 921px;
  overflow: hidden;
  position: relative;
}
/*.details-lead:hover .container-img>img,*/
.detail-bottom:hover .container-img>img,
.two-series:hover .container-img>img,
.efficacy:hover .container-img>img{
  transform:translateX(-50%) scale(1.1);
}
.opacity-one{
  opacity: .1 !important;
}
.details-lead>.pro-cover{
  background: #f8f8f8;
  opacity: 1;
}
.details-lead>.pro-section{
  /*padding-top: 60px;*/
}
.pro-container.efficacy{
  height: 352px;
  margin-top: 100px;
  overflow: hidden;
  position: relative;
  color:#cf5058;
}
.efficacy.details-c{
  color:#fff;
  margin:0;
} 
.efficacy.details-c>.pro-cover{
  /*background: #526279;*/
  background: #a5c0df;
  opacity: 1;
}
.efficacy.details-c>.container-img{
  opacity: 0.33;
}
.efficacy i{
  font-size: 80px;
}
.efficacy .details-center-title{
  line-height: 60px;
}
.efficacy .details-center-des{
  line-height: 90px;
}
.details-center-title{
  font-size: 55px;
  font-weight: bolder;
  letter-spacing: 7px;
  line-height: 40px;
}
.details-center-des{
  font-size: 24px;
  font-weight: lighter;
  letter-spacing: .96px;
}
.function-details{
  font-size: 18px;
  line-height: 36px;
  letter-spacing: .16px;
  color:#2c2c2c;
  margin-top: 20px;
  font-weight: 200;
}
.function-update{
  height: 40px;
  border:solid 1px #cf5058;
  color:#cf5058;
  line-height: 40px;
  border-radius: 20px;
  font-size: 18px;
  letter-spacing: 1.44px;
  width: 138px;
  margin-bottom: 58px;
  text-align: center;
}
.function-update.details-c{
  color:#526279;
  border-color:#526279;
}
.function-item.five{
  height: 500px;
}
.img-box-update1{
  height: 600px;
  transform: translateY(50px);
}
.img-box-update2{
  height: 400px;
}
.pro-section.two-series{
  margin:50px auto;
}
.two-series.series-details-c{
  margin-top: 80px;
}
.pro-container.two-series{
  height: 523px;
  overflow: hidden;
  position: relative;
  color:#fff;
}
.two-series>.pro-cover{
  background: #cf5058;
  opacity: 1;
}
.two-series.details-c>.pro-cover{
  background: #7496c0;
}
.details-series-title{
  font-size: 50px;
  letter-spacing: 2.4px;
  font-weight: bold;
}
.details-series-name{
  font-size: 384px;
  opacity: .13;
  position: absolute;
  left:20px;
  bottom:-60px;
}
.details-label-list{
   margin:20px 0;
}
.label-item{
  text-align: center;
  display: inline-block;
  height: 96px;
  width: 96px;
  border-radius: 50%;
  border:solid 1px #fff;
  line-height: 96px;
  font-size: 24px;
  font-weight: lighter;
  letter-spacing: 3px;
}
.label-item.details-c{
  line-height: 28px;
  padding:20px 0;
}
.label-item+.label-item{
  margin-left: 32px;
}
.details-series-price{
  font-size: 40px;
}
.details-series-price>.price{
  font-size: 57px;
}
/*轮播*/
.details-swiper{
  background: #efefef;
  height: 745px;
  padding:0 0 0 10px;
  transform: translateY(-80px);
}
.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 100%;
  width: 760px;
}
.gallery-thumbs {
  width: 375px;
  height: 100%;
  padding:31px 0 31px 31px;
}
.gallery-thumbs .swiper-wrapper{
  display: block;
}
.gallery-thumbs .swiper-slide {
  height: 217px;
  width: 100%;
  position: relative;
  display: block;
  background: #000;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide img{
  opacity: 0.65;
}
.swiper-slide.now{
  border:solid 3px #cf5058;
}
.swiper-slide.now.details-c{
  border-color:#7dabed;
}
.gallery-thumbs .swiper-slide+.swiper-slide{
  margin-top: 16px;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.swiper-container img{
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.details-parameter{
  padding:0;
  margin-bottom: 100px;
}
.details-parameter img{
  /*width: 100%;*/
  height: 961px;
}
.parameter-left,
.parameter-right{
  width: 49%;
}
.parameter-right td{
  font-size: 18px;
  line-height: 45px !important;
  letter-spacing: .72px;
}
.parameter-right td:first-child{
  color:#323232;
  font-size: 22px;
  font-weight: bold;
}
.parameter-right caption{
  font-size: 34px;
  line-height: 48px;
  color:#1e1e1e;
  font-weight: bolder;
  border-bottom: solid 7px #3c3c3c;
}
.pro-container.detail-bottom{
  position: relative;
  height: 605px;
  overflow: hidden;
  color:#cf5058;
}
.details-bottom-des{
  font-size: 20px;
  letter-spacing: 0.8px;
  line-height: 41px;
  font-weight: 200;
  margin-top:-15px;
}
.pro-container.detail-bottom.details-c{
  color:#fff;
}
.detail-bottom .details-series-price.details-w{
  /*color:#c7aa78;*/
}
.detail-bottom .series-button{
  background: #cf5058;
}

.detail-bottom.details-c .series-button{
  background: #5b9ceb;
}
.img-box-a{
  padding:20px 0;
}
.img-box-a+.img-des{
  font-size: 18px;
}
.shishang .icon-tequanyouhui{
  font-size: 70px;
}
.shishang .series-name{
  margin-top: 0px;
}

.shishang .series-price{
  margin-top: 10px;
}
.a-one .pro-section,
.a-three .pro-section
{
  padding-left:80px;
}
.a-three-after .row{
  padding:0 50px;
}
.left-eight{
  padding-left:80px;
}
#content-box{
  margin-bottom: 0;
}
.pro-second-nav button+button{
  margin-left:10px;
}
.design .col-xs-6{
  height: 320px;
}
.pro-jumu.series-s{
  top:40px;
}
.details-lead .details-title{
  margin-bottom:30px;
}
.details-se-a{
  top:45%;
}
.pro-extra{
  font-size: 16px;
}
.q-faq{
  padding:80px 0;
  text-align: center;
}
.line.line-q{
  width: 100px;
  display: inline-block;
  background: #1d5d96;
  margin-bottom: 28px;
}
.q-faq>.title{
  font-size: 24px;
  letter-spacing: 0.96px;
  color:#232222;
  font-weight: bold;
}
.faq-item>img{
  height: 180px;
  width: 180px;
  margin:48px 0 20px 0;
}
.faq-item>.des{
  font-size: 20px;
  color:#2b2b2b;
  letter-spacing: 0.8px;
}
.faq-item{
  display: inline-block;
}
.faq-item + .faq-item{
  margin-left:55px;
}
.q-twelve{
  height: 2700px;
  text-align: center;
}
.q-twelve>.container-img{
  height: 392px;
}
.q-twelve>.pm-section{
  position: relative;
  top:300px;
}
.twelve-title{
  font-size: 32px;
  color:#1d5d96;
}
.twelve-title>span{
  font-size: 200px;
  line-height: 180px;
}
.twelve-title>div{
  color:#232222;
  font-size: 60px;
  letter-spacing: 2.4px;
}
.q-change{
  margin:100px auto;
  text-align:center;
} 
.q-change>img{
  width: 750px;
}
.change-item{
  display: inline-block;
  height: 310px;
  width: 260px;
  background: #eeeeee;
  border-top:solid 10px #1d5d96;
  color:#1d5d96;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.96px;
  text-align: left;
}
.change-item>.des{
  padding:40px 10px;
  height: 116px;
  line-height: 30px;
}
.change-item + .change-item{
  margin-left:28px;
}
.change-item>img{
  height: 184px;
  width: 100%;
}
.change-list + .change-list{
  margin-top:31px;
}
.q-perf-change{
  width: 486px;
  height: 46px;
  border:solid 1px #000000;
  font-size: 28px;
  color:#232222;
  letter-spacing: 1.12px;
  margin:120px auto 57px auto;
}
.change-item.perf-change{
  height: 280px;
  border-color:#adc5d9;
  color:#363636;
  font-weight: normal;
}
.change-item.perf-change>.des{
  height: 90px;
  padding:30px 10px;
}
.change-item.perf-change>img{
  height: 180px;
}
.change-center{
  display: inline-block;
  width: 270px;
  position: relative;
  top:-45px;
}
.line.line-wider{
  width: 100px;
  height: 12px;
}
.q-paint>.title{
  font-size: 46px;
  color:#232222;
  letter-spacing: 1.86px;
  font-weight: bold;
  margin-bottom: 90px;
}
.paint-item>div{
  height: 490px;
}
.paint-show.paint-left{
  background: #adc5d9;
  padding:33px 72px 0 0;
}
.paint-show.paint-right{
  background: #c7d1d1;
  padding:50px 0 0 53px;
}
.paint-show>div{
  height: 100%;
  width: 100%;
}
.paint-left>.paint-img{
  border-top:solid 4px #fff;
  border-right:solid 4px #fff;
  position: relative;
}
.paint-right>.paint-img{
  border-top:solid 4px #fff;
  border-left:solid 4px #fff;
  position: relative;
}
.paint-img>img{
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  right:117px;
}
.paint-right>.paint-img>img{
  left:117px;
  right:auto;
}
.paint-item{
  margin-bottom: 70px;
  margin:0 0 70px 0;
}
.paint-item>.col-xs-6.nopadding{
  padding:0;
}
.paint-content{
  padding:0 80px;
  color:#232222;
}
.paint-content>.title{
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 1.52px;
  margin-bottom: 10px;
}
.paint-content>.des{
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 1.04px;
}
.paint-content>.price{
  color:#1d5d96;
  font-size: 34px;
  line-height: 53px;
  letter-spacing: 0.68px;
  margin:25px 0;
}
.price.price-2{
  color:#759797;
}
.paint-extra{
  font-size: 20px;
  color:#949494;
  letter-spacing: 2px;
  margin-bottom: 125px;
  font-style: italic;
}
.title.beauty-title{
  color:#2d2d2d;
  margin-bottom: 60px;
}
.beauty-img{
  position: relative;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  color:#fff;
}
.beauty-img>.cover{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height: 120px;
  font-style: italic;
  font-weight: 300;
}
.pm-section{
  width: 1200px;
  margin:0 auto;
}
.beauty-list{
  margin:95px 0;
}
.beauty-item + .beauty-item{
  margin-left:80px;
}
.beauty-item{
  position: relative;
  display: inline-block;
  font-size: 32px;
  letter-spacing: 3.2px;
  line-height: 56px;
  color:#fff;
}
.beauty-item>.cover{
  background: rgba(29,93,150,0.73);
  height: 224px;
  width: 196px;
  position: absolute;
  left:40px;
  bottom:-40px;
  padding:56px 8px 0 8px;
  text-align: left;
}
.beauty-item .logo{
  font-size: 16px;
  letter-spacing: 6.4px;
  position: absolute;
  bottom:0;
  width: 180px;
  text-align: center;
  line-height: 28px;
}
.q-exclusive{
  
}
.q-exclusive>.col-xs-6{
  padding:0;
  position: relative;
}
.excl-content{
  width: 536px;
  font-size: 0;
}
.exclusive-right{
  background: #f4f4f4;
}
.des-box{
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 3.6px;
  color:#232222;
  height: 240px;
  font-weight: 300;
}
.des-box>.logo{
  font-family: Avenir;
  font-weight: bold;
}

.line-q.line-excl{
  height: 13px;
  width: 89px;
  background: #005aab;
  margin-top: 27px;
}
.exclusive-left>.excl-content{
  transform: translateX(1px);
}
.excl-content>.img-des{
  font-size: 26px;
  line-height: 45px;
  letter-spacing: 2.6px;
  color:#4c4c4c;
  font-style: italic;
  position: relative;
  padding:0 10px;
}
.img-des.higher{
  height:200px;
}
.img-des>i{
  font-size: 27px;
}
.excl-footer{
  background: #005aab;
  height: 74px;
  line-height: 120px;
  margin-top:104px;
  text-align: right;
  font-size: 40px;
  letter-spacing: 4px;
  color:rgba(255,255,255,0.22);
  font-style: italic;
  font-family: 'Microsoft YaHei';
  overflow: hidden;
}
.detail-bottom.qm-footer .series-button{
  background: #1d5d96;
}
.detail-bottom.qm-footer.details-c{
  height: 506px;
  overflow: hidden;
}
.qm-footer .series-price.series-price-q{
  margin-top: 10px;
}
.pro-cover.pro-cover-q{
  background: #303030;
  height: 506px;
  opacity: 1;
}