@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family: 微软雅黑, "Microsoft Yahei";}
@font-face{font-family:zkxw;src:url('../css/font/站酷小薇LOGO体.otf')}
li{list-style:none}

img{vertical-align:top;border:none}

/* banner */
.hf_ban{
 background: url(hf_ban1.jpg) no-repeat center top, url(hf_ban2.jpg) no-repeat center bottom;
 width:100%;
 height:908px;
}
.ban_box{
 width:1200px;
 margin:0 auto;
 padding-top:138px;
 font-size:0;
 text-indent:9999999;
}
.hf_ban h1{
 display:block;
 width:584px;
 height:526px;
 background:url(hf_ban3.png) no-repeat;
 margin-left:471px;
 position:relative;
}
.hf_ban p{
 width:464px;
 height:117px;
 display:block;
 position:absolute;
 top:333px;
 left:70px;
 background:url(hf_ban4.png) no-repeat;
}

/*婚房装修设计篇 */

.hf_sj{
 width:100%;
 position:relative;
 padding-top:20px;
}
.sj_box{
 width:1266px;
 height:689px;
 display:block;
 background:url(hf_bg1.png) no-repeat;
 margin:0 auto;
 padding-top:89px;
}
.sj_box h3{
 display:block;
 width:380px;
 height:62px;
 background:url(hf_i.png) no-repeat;
 background-position:0 0;
 margin:0 auto ;
 font-family:zkxw;
 color:#fff;
 font-size:44px;
 font-weight:normal;
 text-align:center;
 line-height:62px;
}
.sj_box ul{
 width:1144px;
 height:460px;
 margin:40px auto 0;
 display:block;
}
.sj_box li{
 display:block;
 float:left;
 width:236px;
 height:460px;
 margin:0 25px;
 overflow:hidden;
}
.sj_box li h4{
 font-size:28px;
 color:#ff6d6f;
 line-height:32px;
 height:32px;
}
.sj_box li p{
 font-size:16px;
 color:#5b5b5b;
 text-align:justify;
 line-height:2;
 padding-top:12px;
 height:244px;
}
.sj_box li img{
 width:236px;
 height:184px;
 margin-bottom:14px;
}
.sj_box li a:hover{
 text-decoration:none;
}
.sj_box li a:hover p{
 color:#333;
}
.sj_box li a:hover img{
 opacity:0.9;
}
.i_dot{
 display:block;
 background:url(hf_i.png) no-repeat;
 height:32px;
 width:22px;
 background-position:-284px -88px;
 float:left;
 margin-right:10px;
}

/*装修误区 */
.hf_wq{
 background-color:#f5f5f5;
 width:100%;
 height:516px;
 position:relative;
 padding-top:40px;
}
.hf_wq h3{
 display:block;
 width:260px;
 height:62px;
 background:url(hf_i.png) no-repeat;
 background-position:0 -75px;
 margin:0 auto ;
 font-family:zkxw;
 color:#fff;
 font-size:44px;
 font-weight:normal;
 text-align:center;
 line-height:62px;
}

.hf_wq ul{
 display:block;
 width:1026px;
 margin:40px auto 0;
 height:314px;
}
.hf_wq li{
 display:block;
 width:302px;
 height:314px;
 background:url(hf_i.png) no-repeat;
 background-position:-401px 0;
 float:left;
 margin:0 20px;
}
.hf_wq li div{
 width:254px;
 margin:30px 0 0 18px;
}
.hf_wq li h4{
 font-size:28px;
 color:#ff6d6f;
 text-align:center;

}
.hf_wq li p{
 font-size:18px;
 line-height:1.8;
 margin-top:16px;
 text-align:justify;
 color:#444;
}
.hf_tip{
 width:634px;
 margin:35px auto 0;
}
.p_tip{
 font-family: "楷体","楷体_GB2312";
 font-size:16px;
 line-height:24px;
 letter-spacing:1px;
 color:#444;
}
.love_lf{
 display:block;
 float:left;
 width:30px;
 height:24px;
 background:url(hf_i.png) no-repeat;
 background-position:0 -254px;
}
.love_rt{
 display:block;
 float:right;
 width:14px;
 height:24px;
 background:url(hf_i.png) no-repeat;
 background-position:-36px -254px;
}

/*婚房布置篇 */

.hf_bz{
 background-color:#fff;
 width:100%;
 height:846px;
 position:relative;
 padding-top:40px;
}
.hf_bz h3{
 display:block;
 width:286px;
 height:62px;
 background:url(hf_i.png) no-repeat;
 background-position:0 -152px;
 margin:0 auto ;
 font-family:zkxw;
 color:#fff;
 font-size:44px;
 font-weight:normal;
 text-align:center;
 line-height:62px;
}
.bz_up,.bz_down{
 margin:40px auto 0;
 width:1200px; 
 height:310px;
}
.bzu_rt h4,.bzd_1 h4{
 font-size:28px;
 color:#444;
 line-height:32px;
 height:32px;
}
.bzu_rt b,.bzd_1 b{
 color:#ff6d6f;
}
.bzu_img{
 float:left;
 width:550px;
 height:310px;
}
.bzu_rt{
 float:right;
 width:620px; 
}
.bzu_rt p,.bzd_1 p{
 font-size:18px;
 line-height:1.8;
 color:#444;
 margin-top:8px;
}
.rt_lf{
 float:left;
 width:295px;
}
.rt_rt{
 float:right;
  width:295px;
}
.rt_box{
 margin-top:23px;
}
.rt_box em,.bzd_1 em{
 font-size:18px;
 font-weight:bold;
 background:url(hf_i.png) no-repeat;
 width:90px;
 height:22px;
 background-position:-309px -93px;
 line-height:19px; 
}
.bzd_1 .rt_lf{
 margin-top:23px;
 width:340px;
}
.bzu_rt .rt_box p,.bzd_1 .rt_lf p{
 font-size:16px;
 line-height:2;
}
.bz_down{
 margin-top:30px;
}
.bzd_1{
 float:left;
 width:340px;
 margin-right:29px;
}
.bzd_img{
 float:right;
 width:462px;
 height:310px;
}
.bz_tip{
 width: 690px;
 margin: 30px auto 0;
}

/*经典婚房设计案例 */

.hf_case{
 background-color:#f5f5f5;
 position:relative;
 z-index:0;
}
.cs_main{
 width:1200px;
 margin:0 auto;
 z-index:1;
 position:relative;
}
.cs_tt{
 height:90px;
 background-color:#ff6d6f;
 color:#fff;
}
.cs_tt h3{
 font-size:30px;
 text-align:center;
 padding-top:16px;
}
.cs_tt em{
 width:80px;
 height:4px;
 display:block;
 background-color:#fff;
 margin:12px auto;
}
.cs_main ul{
 width: 1240px;
 margin-top:30px;
 height:912px;
}
.cs_main li{
 display:block;
 float:left;
 margin:0 30px 30px 0;
 width:380px;
 height:418px;
 position:relative;
}
.cs_main li .pic_b{ position: relative; overflow: hidden; width: 380px; height:418px; }
.cs_main li .pic_b img{ display:block; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);min-height: 100%}
.cs_main a:hover{
 text-decoration:none;
}
.cs_main li a:hover img{
 opacity:0.9;
}
.cs_main li p{
 display:block;
 width:100%;
 height:46px;
 overflow: hidden;
 position:absolute;
 bottom:0;
 background-color:rgba(0,0,0,0.5);
 color:#fff;
 text-align:center;
 line-height:46px;
 font-size:20px;
}
.cs_more{
 display:block;
 width:100%;
 height:44px;
 background-color:#ff6d6f;
 color:#fff;
 font-size:20px;
 letter-spacing:2px;
 line-height:44px;
 text-align:center;
}
.cs_more:hover{
 opacity:0.9;
 color:#fff;
}
.cs_tip{
 width: 920px;
 margin: 36px auto 0;
}
/*访客留言 */

.hf_fk{
 background-color:#f5f5f5;
 width:100%;
 position:relative;
 padding-top:20px;
 padding-bottom:200px;
}
.hf_fk a:hover{
 text-decoration:none;
}
.fk_box{
 width:1200px;
 margin:0 auto;
 position:relative;
 z-index:5;
 padding-top:50px;
 
}
.fk_bg{
 background:url(hf_bg2.png) no-repeat;
 width:1298px;
 height:1088px;
 display:block;
 position:absolute;
 top:0;
 left:-42px;
 index:-1;
}
.fk_main{
 width:1200px;
 background-color:#fff;
 index:1;
 position:relative;
 box-shadow: 0px 10px 10px 0px rgba(136, 136, 136, 0.35);
 padding-top:40px;
 padding-bottom:72px;
}
.fk_main h3{
 font-size:0;
 index:99999999;
 background:url(hf_i.png) no-repeat;
 background-position:-81px -239px;
 width:217px;
 height:52px;
 margin:0 auto;
}
.ly_main{
 
 width:1100px;
 border-top:solid 1px #d4d4d4;
 margin:40px auto 0;
}
.ly_nr{
  padding:20px 40px 14px;
  border-bottom:solid 1px #d4d4d4;
}
.wy{
 font-size:18px;
 color:#ff7878;
}
.sj{
 display:block;
 float:right;
 font-size:16px;
 color:#999;
}
.n_r{
 font-size:18px;
 line-height:1.5;
 color:#666;
 margin-top:10px;
}
.type_more{
 width:160px;
 color:#ff5858;
 text-align:center;
 font-size:20px;
 font-weight:bold;
 border-bottom:solid 3px #ff5858;
 margin:16px auto 0;
 display:block;
}
.type_more:hover{
 opacity:0.9;
 color:#ff5858;
}
.liuyan{
 margin:30px auto 0;
 width:830px;
}
.hy_lyTable td input{
 border:#b1b1b1 1px solid;
 color:#b1b1b1;
 font-size:16px;
 padding-left:12px;
}
.hy_lanmuTel_1{
 width:386px;
 height:34px;
 margin-right:20px;
}
.hy_lanmuTel_2{
 width:206px;
 height:34px;
 margin-right:20px;
}
.Codeimages{
 padding-top:2px;
 width:90px;
 height:32px;
}
.code_ch{
 font-size:16px;
 color:#999;
 line-height:36px;
 margin-left:6px;
}
.hy_lanmuTel_3{
 width:816px;
 height:94px;
 margin-top:18px;
 padding:12px;
 border:#b1b1b1 1px solid;
 color:#b1b1b1;
 font-size:16px;
}
.hy_lyTable td .ButPAdd{
 width:100%;
 height:44px;
 color:#fff;
 text-align:center;
 line-height:44px;
 background-color:#ff6d6f;
 border: none ;
 margin-top:20px;
 padding-left:0;
 cursor:pointer;
}
.hy_lyTable td .ButPAdd:hover{
 opacity:0.9;
}

.hf_bg_01{
 display:block;
 background:url(hf_01.png) no-repeat;
 width:402px;
 height:684px;
 position:absolute;
 top:120px;
 left:0;
}
.hf_bg_02{
 display:block;
 background:url(hf_02.png) no-repeat;
 width:418px;
 height:706px;
 position:absolute;
 top:-500px;
 right:0;
}
.hf_bg_03{
 display:block;
 background:url(hf_03.png) no-repeat;
 width:429px;
 height:636px;
 position:absolute;
 top:250px;
 left:0;
 z-index:-1;
}
.hf_bg_04{
 display:block;
 background:url(hf_04.png) no-repeat;
 width:307px;
 height:479px;
 position:absolute;
 bottom:512px;
 right:0;
}
.hf_bg_05{
 display:block;
 background:url(hf_bgd.jpg) no-repeat;
 width:100%;
 height:286px;
 position:absolute;
 bottom:0;
 z-index:0;
}

/*婚房装修侧边栏导航 */
.hf_nav{
 position:fixed;
 bottom:50px;
 left:30px;
 background:url(hf_nav.png);
 width:202px;
 height:435px;
 z-index:999;
}
.hf_nav a:hover,.hf_nav .hf_n6 a:hover{
 text-decoration:none;
 color:#C00;
}
.hf_nav ul{
 padding:164px 47px 0 32px;
}
.hf_nav li{
 padding-bottom:4px;
 margin-bottom:6px;
 text-align:center;
 background: url(hf_line.png) no-repeat center bottom;
}
.hf_nav li a{
 font-size:18px;
 color:#fff;
}
.hf_nav .hf_n6 {
 margin-top:34px;
  background:none;
}
.hf_nav .hf_n6 a{
 font-size:16px;
 color:#ff7676;
 font-weight:bold;
 line-height:1;
}


.ly_hf{ border:1px solid #E5E5E5; background-color:#f5f5f5; padding:10px; margin:10px 0;}
.ly_hf em{ color:#999; margin-bottom:5px;}
.ly_hf em i{ margin:auto 5px;}
.ly_hf p{ margin-top:5px; line-height:22px;}