﻿
img{
  max-width: 100%;
}
.ic-mainContents{
  width: 1200px;
  margin: 0 auto;
}
.ic-mainContents .yhq{
  width: 952px;
  margin: 50px auto;
}
.ic-mainContents .yhq a{
  display: inline-block;
  width: 270px;
}
.ic-mainContents .yhq a:not(:last-child){
  margin-right: 63px;
}
.left{
  float: left;
}
.right{
  float:right;
}
.clearfix:after{
  content:"";
  clear:both;
  display: block;
}
.list .lpic{
  width:494px;
  position:relative;
  overflow: hidden;
}
.list ul{
  width: 694px;
  padding: 0;
}
.list ul li a{
  display: block;
}
.list ul li{
  float: left;
  width: 49%;
    text-align: center;
  overflow: hidden;
  position: relative;
}
.list ul li:nth-child(odd){
  margin-right: 2%;
}
.list ul li:last-child,.list ul li:nth-child(3){
  margin-top:2%;
}
.list ul li.soft{
    width: 53%;
    margin-left: -4%;
    /*margin-top: -3.5%;*/
    position: relative;
}
.mt_70{
  margin-top: 40px;
}
.list ul li.sleep{
  width: 53%;
  margin-right: -4%;
      position: relative;

}
.list ul li.box{
    width: 53%;
    margin-left: -4%;
    /*margin-top: -4.2%;*/
        position: relative;
}
.list ul li.happy{
    width: 53%;
    margin-right: -4%;
    /*margin-top: -2.3%;*/
        position: relative;
}
.list ul li .details{
  text-align: left;
  position: absolute;
}
.list ul li.soft .details,.list ul li.box .details{
    top: 30%;
    left: 18%;
}
.list ul li.happy .details{
top: 30%;
    left: 10%;
}
.list ul li.sleep .details{
    top: 30%;
    left: 10%;
}
.list ul li .details .red{
color:#fff;
font-size: 22px;
letter-spacing: 2px;
margin-bottom: 0;
}
/*<!--.list ul li.sleep .details .red{
  margin-bottom: 10px;
}-->*/
.list ul li.soft .details .grey:nth-child(3),.list ul li.sleep .details .grey:nth-child(3),.list ul li.box .details .grey:nth-child(3),.list ul li.happy .details .grey:nth-child(3){
  margin-top: 10px;
}
.list ul li .details .grey{
color:#fff;
font-size: 14px;
margin-bottom: 0px;
}

div.introduce {
    width: 100%;
    padding: 25px 0 10px;
    position: absolute;
    bottom: -85px;
    left: 0;
    background-color: rgba(0,0,0,.5);
    font-weight: 300;
  }
div.introduce p {
  height: 15px;
  line-height: 15px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.lpic:hover div.introduce,.list ul li:hover div.introduce{
  bottom: 0;
  transition: bottom .5s linear;
}
div.introduce .new_price{
font-size:24px;
color:#ff0000;
font-weight: 700;
}
div.introduce .new_price span{
  font-size: 16px;
  font-weight: normal;
}
div.introduce del{
  font-size: 16px;
}
#Coupon {
    position: fixed;
    right: -8px;
    top: 50%;
    margin-top: -87px;
    z-index: 9;
    cursor: pointer;
    width: 80px;
}

/*头部*/
.k-dh{width:100%; height:35px; border-bottom:1px #e5e5e5 solid; background:#F1F1F1; min-width:1220px;}
.any{
	  width:1200px;
	  margin:0 auto;
	}
.any_1{ 
		width:1200px;
		height:35px;
		line-height:35px;
		min-width:1220px;
		color:#666;
		/*font-weight:bold;*/
		font-family:"微软雅黑"
		   }
.any_2 {
	 	
		font-size:12px;
		float:left;
		padding-left:10px;
		}
.any_2 a{ color:#666}
/*.any_2 a:hover{ color:#25A1EB;}*/
.any_2_1{  font-size:12px; float:left;}
.any_3 {
	 	width:350px;
		font-size:20px;
		float:right;
		color:#28B302;
		font-weight:bold;
		}
		
.k-header{ width:100%; height:100px;}
.k-header .k-nav{ width:1200px; height:100px; margin:0 auto;}
.k-nav .k-logo{ width:200px; height:100px; text-align:center; float:left;}
.k-nav .k-logo img{ width: 200px;height: 90px;vertical-align: middle;padding-top: 15px;}
.k-m-nav{ width:480px; height:100px; float:left;}
.k-nav-ul li{width:160px; height:100px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; text-align:center; float:left;}
.k-nav-ul li a{ height:100px; display:block;}
.k-nav-ul li a:hover{ text-decoration:none;background:#00cacf;}
.k-nav-ul li a:hover h2{ color:#FFF}
.k-nav-ul li a:hover h4{ color:#FFF}
.k-nav-ul li a h2{ font-size:18px;color: #333333;margin: 0px; padding-top:30px;}
.k-nav-ul li a h4{ font-size: 12px;line-height: 20px;color: #999999;margin: 0px;}

/*热销推荐*/
.rx{ width:1200px; margin:-40px auto 80px;}
.rx .rx-title{ width:1200px; height:50px; border-bottom:1px #E9E9E9 solid; line-height:50px; text-align:center; font-size:24px;}
.rx ul{ width:1200px; margin-left:0; padding-left:0;}
.rx ul li{ width:100%; height:400px; margin-top:40px;transition: all 0.6s;}
.rx ul li:hover{transform:translate(0px,-5px);}

/*装修流程*/

.floor{ width:1200px; margin:40px auto 0;}
/*.floor .floor-hd{width:1200px; height:50px; border-bottom:1px #E9E9E9 solid; line-height:50px; text-align:center; font-size:24px; margin-bottom:30px;}*/
.floor .zxlc-con{font-size:0;}
.floor .zxlc-con>a{width:119px;height:90px;border:1px solid #ededed;margin-right:35px;display:inline-block;text-decoration:none;padding-top:12px;text-align:center;position:relative;background-color:#00CACF;border-color:#00CACF; border-radius:5px;}
/*.floor .zxlc-con>a:hover{background-color:#00CACF;border-color:#00CACF;}
.floor .zxlc-con>a:hover>span{color:#fff;}*/
.floor .zxlc-con>a:hover{ background-color:#66F;border-color:#66F;}
.floor .zxlc-con>a:hover .tir{position:absolute;top:40px;right:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #66F;}
.floor .zxlc-con>a .tir{/*display:none;*/position:absolute;top:40px;right:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #00CACF;}
/*.floor .zxlc-con>a:hover .tir{display:block;}*/
.floor .zxlc-con>a>em{display:block;width:42px;height:42px;background:url(../images/zxlc-h.png) no-repeat;margin:0 auto;}
/*.floor .zxlc-con>a:hover>em{background:url(../images/zxlc-h.png) no-repeat;}*/
.floor .zxlc-con>a>span{line-height:30px;font-size:16px;color:#fff;}
.floor .zxlc-con .zxbz{margin-right:0;}
.floor .zxlc-con .yflf>em{background-position:0 0;}
.floor .zxlc-con .zxsj>em,.floor .zxlc-con .zxsj:hover>em{background-position:-42px 0;}
.floor .zxlc-con .qyht>em,.floor .zxlc-con .qyht:hover>em{background-position:-84px 0;}
.floor .zxlc-con .clxg>em,.floor .zxlc-con .clxg:hover>em{background-position:-126px 0;}
.floor .zxlc-con .sgjd>em,.floor .zxlc-con .sgjd:hover>em{background-position:-168px 0;}
.floor .zxlc-con .jgys>em,.floor .zxlc-con .jgys:hover>em{background-position:-210px 0;}
.floor .zxlc-con .rzps>em,.floor .zxlc-con .rzps:hover>em{background-position:-252px 0;}
.floor .zxlc-con .zxbz>em,.floor .zxlc-con .zxbz:hover>em{background-position:-294px 0;}


.anli{width:1200px; height:50px; margin:0 auto; border-bottom:1px #E9E9E9 solid; line-height:50px; text-align:center; font-size:24px; margin-top:60px; }

/*三广告图*/
.sg{ width:1200px; margin:0 auto;}
.sg .ul1{ width:1200px; margin-left:0; padding-left:0;}
.sg .ul1 li{ width:390px; height:248px; margin-top:40px; margin-right:14px; float:left}
.sg .ul1 li img:hover{ border:1px #28B302 solid; width:390px; height:248px;}
.sg .ul1 li img{ width:390px; height:248px;}

/*返回顶部*/
.izl-rmenu{position:fixed;left:95.7%;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-phone{background:url(../images/customer_service.png) 0px 0px no-repeat;}
.izl-rmenu .btn-phone:hover{background:url(../images/customer_service_two.png) 0px 0px no-repeat;}
.izl-rmenu .btn-top{background:url(../images/return_top.png) 0px 0px no-repeat;display:none;}
.izl-rmenu .btn-top:hover{background:url(../images/return_top_two.png) 0px 0px no-repeat;}

/*经验攻略*/
.main-title {  margin: 0;  text-align: center;  font-size: 36px;  color: #ee8c9d;  clear: both;  }
.jingyan-content{clear:both;overflow:hidden;padding-top:35px;   background: url("../images/bo.png") no-repeat center top;}
.jingyan-content a{text-decoration: none}
.jingyan-content a:hover{color: #F00;}
.jingyan-box{position:relative;zoom:1;border:1px solid #ccc;border-top:2px solid #ffca26;width:590px;padding:38px 30px 0 30px;}
.gonglve{background: url(../images/jingyan_title1.jpg) no-repeat;width:132px;height:48px;position:absolute;left:50%;margin-left:-66px;top:-29px}
.jingyan-img-list{float:left;display:inline;width:240px;    -webkit-padding-start: 0px;}
.jingyan-img{height:135px;position:relative;zoom:1;margin-bottom:20px;width:240px;background:#eee url(../picture/loading_small.gif) center no-repeat;overflow: hidden}
.jingyan-img img{display:block;width:100%;height:100%;    }
.jingyan-img img:hover{  transition: transform .8s ease-in-out 0s;  -webkit-transition: -webkit-transform .8s ease-in-out 0s;    transform: scale(1.1);  -webkit-transform: scale(1.1);  }
.img-bg{position:absolute;left:0;  bottom: 0;background:#000;background:rgba(0,0,0,0.7);width:100%;color:#fff;padding:10px 0 0 0}
.img-bg p{padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jingyan-list{float:left;display:inline;width:260px;margin-left:20px;color:#999;-webkit-padding-start: 0px}
.jingyan-list li{margin-bottom:15px;border-bottom:1px dashed #eee}
.jingyan-list li:last-child{border-bottom:0}

.jingyan-list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jingyan-list p.title a{font-size:18px}

.jingyantan{background:url(../images/jingyan_title2.jpg) no-repeat;width:132px;height:53px;position:absolute;left:50%;margin-left:-66px;top:-31px}