@charset "utf-8";
/* CSS Document */
/* ============================
         首页样式 index
  ==============================*/

/*幻灯片*/
.hdp_box{ float:left; width:100%;min-width: 1200px;}
.fullSlide{ float:left; width:100%; min-width:1024px; position:relative;  height:450px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:450px; }
.fullSlide .hd{ width:100%; bottom:20px; position:absolute; left: 50%; margin-left: -24px;  overflow:hidden;  }
.fullSlide .hd ul{ width:100%;    margin: 0 auto;  overflow:hidden;}
.fullSlide .hd ul li{ float:left;  display:inline; color:#FFF; border-radius: 50%; cursor:pointer;text-align:center; width:14px;  height:14px;  margin: 0 4px; background-color: #BBBBBB;}
.fullSlide .hd ul li:hover,.fullSlide .hd ul .on{  background-color:#505050;}


/*main_nav*/
.main_nav{ width: 100%; float: left; margin: 24px 0;}
.main_nav ul{ width:1210px; float: left; margin-left: -5px;}
.main_nav ul li{ width:232px; height: 172px; float: left; margin: 5px; overflow: hidden;}
.main_nav_box{ width:100%; float: left;position: relative;}
.main_nav_box .main_navtp{ width:100%; float: left;}
.main_nav_box .main_navtp img{ width:100%;}
.main_nav_box .main_navtp img {
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition: All 1.2s ease-in-out;
    -o-transition: All 1.2s ease-in-out;
}

.main_nav_box:hover .main_navtp img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.main_nav_box .main_navbn{position: absolute; left: 0; top: 0; width:100%; height: 134px; float: left; text-align: center; background:url(../images/h_4.png) left top repeat; 
padding: 20px 0;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;} 
.main_nav_box .main_navbn img{ width:72px; display: inline;}
.main_nav_box .main_navbn p{ width:100%; float: left; text-align: center; line-height: 30px; color: #fff; font-size: 16px;}
.main_nav_box .main_navbn p span{ width:100%;  display: block;text-transform: uppercase;}
.main_nav_box:hover .main_navbn{opacity: 0;transition: All 0.5s;
    -webkit-transition: All 1.2s;
    -moz-transition: All 1.2s;
    -o-transition: All 1.2s}

/*预约免费*/
.yymf_box{ width: 100%; height: 180px; float: left;}
.yymfleft{width: 50%; height: 180px; float: left; background: url(../images/yymfleft.jpg) left top no-repeat;}
.yymfright{width: 50%; height: 180px; float: right; background: url(../images/yymfright.jpg) left top no-repeat;}
.yymfleft .yymf_wzjs{ width: 300px; float: right; text-align: right; margin: 36px 0;}
.yymfleft .yymf_wzjs h2{ width: 100%; float: right; text-align: right; font-size: 32px; color: #fff; line-height: 56px;}
.yymfleft .yymf_wzjs p{ width: 80%; float: right; text-align: right; font-size: 14px; color: #fff; line-height: 24px;}
.yymfleft .yymf_tpjs{ width: 88px; height: 88px; float: right; text-align: right; margin:46px 46px 46px 30px;}
.yymfleft .yymf_tpjs .yymf_tp{width: 72px; height: 72px;  border: 2px solid #fff; border-radius: 50%; padding: 8px;}
.yymfleft .yymf_tpjs .yymf_tp img{width: 100%; }
.yymfright .yymf_wzjs{ width: 300px; float: left; text-align: left; margin: 36px 0;}
.yymfright .yymf_wzjs h2{ width: 100%; float: left; text-align: left; font-size: 32px; color: #fff; line-height: 56px;}
.yymfright .yymf_wzjs p{ width: 80%; float: left; text-align: left; font-size: 14px; color: #fff; line-height: 24px;}
.yymfright .yymf_tpjs{ width: 88px; height: 88px; float: left; text-align: left; margin:46px 30px 46px 46px;}
.yymfright .yymf_tpjs .yymf_tp{width: 72px; height: 72px;  border: 2px solid #fff; border-radius: 50%; padding: 8px;}
.yymfright .yymf_tpjs .yymf_tp img{width: 100%; }

/*精选装修+DIY自选*/
.jxzxzx_box{width: 100%;float: left; margin: 60px 0 0;}
/*标题*/
.jxzxzx_box .jxzxzx_title{width: 100%;float: left;}
.jxzxzx_box .jxzxzx_title h3{width: 100%;float: left; font-size: 18px; line-height: 30px; text-align: center; color: #a1a1a1;text-transform: uppercase;}
.jxzxzx_box .jxzxzx_title h2{width: 100%;float: left; font-size: 24px; line-height: 40px; text-align: center; background: url(../images/titlebg.png) center center no-repeat; color: #525252;}
.jxzxzx_box .jxzxzx_title p{width: 100%;float: left; font-size: 14px; line-height:30px;text-align: center;  color: #a1a1a1;}

/*精选装修*/
.jxzxzx_box .jxzx_show{width: 100%; float: left; margin-top: 16px;}
.jxzxzx_box .jxzx_show ul{width: 100%; float: left;}
.jxzxzx_box .jxzx_show ul li{width: 390px; height: 292px; overflow: hidden; float: left; margin: 5px;}
.jxzx_show1{ width: 100%; float: left; position: relative;height: 292px;overflow: hidden;}
.jxzx_show1 .main_navtp{ width: 100%; float: left;height: 292px;overflow: hidden;}
.jxzx_show1 .main_navtp img{ width:390px;height:292px;overflow: hidden;}

.jxzx_show1 .main_navbn{ position: absolute;left: 52px;top: 192px; width: 290px; height: 60px; float: left; background: url(../images/h_4.png) left top repeat; padding: 20px 0;}
.jxzx_show1 .main_navbn p{ width: 100%;float: left; font-size: 16px; line-height:30px;text-align: center;  color: #fff;margin: 6px; 0}
.jxzx_show1 .main_navbn p strong{ color: #ffc423;font-size: 18px;}
.jxzx_show1 .main_navbn .ckyylj{ width: 100%;float: left;text-align: center; margin: 6px 0;}
.jxzx_show1 .main_navbn .ckyylj a{ margin:5px; padding: 5px 20px; background-color: #e60017; color: #fff; font-size: 14px;}

.jxzx_show2{ width: 100%; float: left;}
.jxzx_show2 .jxzx_show2_list1{ width: 100%;height: 141px;overflow: hidden; float: left; position: relative; margin-bottom: 10px;}
.jxzx_show2 .jxzx_show2_list1 .main_navtp{ width: 100%; float: left;}
.jxzx_show2 .jxzx_show2_list1 .main_navtp img{ width: 100%;}

.jxzx_show2 .jxzx_show2_list1 .main_navbn{ position: absolute;left: 0px;top: 0px; margin: 30px 52px; width: 290px; height: 81px; float: left;background: url(../images/w_6.png) left top repeat;}
.jxzx_show2 .jxzx_show2_list1 .main_navbn p{ width: 100%;float: left; font-size: 16px; line-height:30px;text-align: center;  color: #000;margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list1 .main_navbn p strong{ color: #ffc423;font-size: 18px;}
.jxzx_show2 .jxzx_show2_list1 .main_navbn .ckyylj{ width: 100%;float: left;text-align: center; margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list1 .main_navbn .ckyylj a{ margin:5px; padding: 5px 20px; font-size: 14px; background-color: #FFC423; color: #fff;}

.jxzx_show2 .jxzx_show2_list2{ width: 190px;height: 141px;overflow: hidden; float: left; position: relative; margin-right: 10px;}
.jxzx_show2 .jxzx_show2_list2 .main_navtp{ width: 100%; float: left;}
.jxzx_show2 .jxzx_show2_list2 .main_navtp img{ width: 100%;}

.jxzx_show2 .jxzx_show2_list2 .main_navbn{ position: absolute;left: 0px;top: 0px; margin: 30px 10px; width: 170px; height: 81px; float: left; background: url(../images/w_6.png) left top repeat;}
.jxzx_show2 .jxzx_show2_list2 .main_navbn p{ width: 100%;float: left; font-size: 16px; line-height:30px;text-align: center;  color: #000;margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list2 .main_navbn p strong{ color: #ffc423;font-size: 18px;}
.jxzx_show2 .jxzx_show2_list2 .main_navbn .ckyylj{ width: 100%;float: left;text-align: center; margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list2 .main_navbn .ckyylj a{ padding: 3px 15px; background-color: #FFC423; color: #fff; font-size: 12px;}

.jxzx_show2 .jxzx_show2_list3{ width: 190px;height: 141px;overflow: hidden; float: left; position: relative;}
.jxzx_show2 .jxzx_show2_list3 .main_navtp{ width: 100%; float: left;}
.jxzx_show2 .jxzx_show2_list3 .main_navtp img{ width: 100%;}

.jxzx_show2 .jxzx_show2_list3 .main_navbn{ position: absolute;left: 0px;top: 0px; margin: 30px 10px; width: 170px; height: 81px; float: left; background: url(../images/w_6.png) left top repeat;}
.jxzx_show2 .jxzx_show2_list3 .main_navbn p{ width: 100%;float: left; font-size: 16px; line-height:30px;text-align: center;  color: #000;margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list3 .main_navbn p strong{ color: #ffc423;font-size: 18px;}
.jxzx_show2 .jxzx_show2_list3 .main_navbn .ckyylj{ width: 100%;float: left;text-align: center; margin: 6px 0;}
.jxzx_show2 .jxzx_show2_list3 .main_navbn .ckyylj a{  padding: 3px 15px; background-color: #FFC423; color: #fff; font-size: 12px;}

.jxzx_show1 .main_navtp img {
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition: All 1.2s ease-in-out;
    -o-transition: All 1.2s ease-in-out;
}
.jxzx_show1:hover  .main_navtp img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.jxzx_show2 .main_navtp img {
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition: All 1.2s ease-in-out;
    -o-transition: All 1.2s ease-in-out;
}
.jxzx_show2:hover  .main_navtp img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}

/*diy自选*/
.diyzx_show{ width: 100%; float: left; margin-top: 20px; position: relative;}
.diyzx_show .diyzx_showt{ width: 100%; float: left; text-align: center;}
.diyzx_show .diyzx_showt img{ width: 100%; display: inline;}
.diyzx_show .diyzx_showjs{ width: 600px; height: 300px; left: 300px; top: 60px; float: left; text-align: center;position: absolute; background: url(../images/h_4.png);}
.diyzx_show .diyzx_showjs .main_navbn{margin: 25px; width: 550px; height: 174px; border: 2px solid #fff; padding: 38px 0;}
.diyzx_show .diyzx_showjs .main_navbn h1{width: 100%; float: left;text-align: center; line-height: 50px; color: #FFBA1E; font-size: 36px;}
.diyzx_show .diyzx_showjs .main_navbn h1 strong{margin:0 10px; line-height: 50px; color: #FFBA1E; font-size: 36px;}
.diyzx_show .diyzx_showjs .main_navbn .ckyylj{width: 100%; float: left;text-align: center; margin: 30px 0;}
.diyzx_show .diyzx_showjs .main_navbn .ckyylj a{padding: 5px 20px; background-color:#FFBA1E;color: #fff; font-size: 18px;}
.diyzx_show .diyzx_showjs .main_navbn p{width:90%;margin: 0 5%; float: left;text-align: center;color: #fff; font-size: 14px; line-height: 30px;}
.diyzx_show .diyzx_showjs .main_navbn p strong{color: #FFBA1E; font-size: 20px;}

/*服务流程*/
.fwlc_box{width: 100%; height: 370px; float: left; margin-top: 40px;background: url(../images/fwlc1.jpg) center center no-repeat; padding: 40px 0;}
.fwlc_box .fwlc_title{width: 100%;float: left;}
.fwlc_box .fwlc_title h3{width: 100%;float: left; font-size: 18px; line-height: 30px; text-align: center; color: #fff;}
.fwlc_box .fwlc_title h2{width: 100%;float: left; font-size: 24px; line-height: 40px; text-align: center; background: url(../images/titlebg_w.png) center center no-repeat; color: #FFBA1E;}
.fwlc_box .fwlc_title p{width: 100%;float: left; font-size: 14px; line-height:30px;text-align: center;  color: #fff;}
.fwlc_box .fwlcnr_box{width: 100%;float: left; margin-top: 20px;}
.fwlc_box .fwlcnr_box .fwlcnr_list{width: 150px;float: left;text-align: center;}

.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_tp{width:130px; height: 130px;  border: 2px solid #fff; border-radius: 50%; margin:8px 10px;}
.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_tp img{width: 110px;height: 110px; overflow: hidden; float: left; border-radius:50%;margin: 10px;  }
.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_tp img{
 transition:All 0.4s ease-in-out;
 -webkit-transition:All 0.4s ease-in-out;
 -moz-transition:All 0.4s ease-in-out;
 -o-transition:All 0.4s ease-in-out;
	}
.fwlc_box .fwlcnr_box .fwlcnr_list:hover .fwlcnr_tp img{	
 transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
	}	

.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_wzjs{width: 100%;float: left;}
.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_wzjs h3{width: 100%;float: left; text-align: center; color: #989898; font-size: 16px; font-weight: bold; line-height: 26px;}
.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_wzjs h2{width: 100%;float: left; text-align: center; color: #fff; font-size: 16px; line-height: 24px;}
.fwlc_box .fwlcnr_box .fwlcnr_list .fwlcnr_wzjs h2 span{display: block; width: 100%;float: left; text-align: center; color: #fff; font-size: 12px; line-height: 24px;text-transform: uppercase;}

/*九大优势*/
.jdys_box{width: 100%;  float: left; padding-top: 40px; background: url(../images/ysdbg.jpg) left top repeat;}
.jdys_box .jdys_title{width: 100%;float: left;}
.jdys_box .jdys_title h3{width: 100%;float: left; font-size: 18px; line-height: 30px; text-align: center; color: #a1a1a1;}
.jdys_box .jdys_title h2{width: 100%;float: left; font-size: 24px; line-height: 40px; text-align: center; background: url(../images/titlebg.png) center center no-repeat; color: #525252;}
.jdys_box .jdys_title p{width: 100%;float: left; font-size: 14px; line-height:30px;text-align: center;  color: #a1a1a1;}
.jdys_box .jdysnr_box{width:100%; float: left; margin-top: 20px;}

.jdys_box .jdysnr_box .jdysnr_list1{width: 810px;margin: 0 auto;}
.jdys_box .jdysnr_box .jdysnr_list1 ul{width:100%; float: left;}
.jdys_box .jdysnr_box .jdysnr_list1 ul li{width:152px;height:74px;margin: 5px; padding: 50px 0; float: left; background: url(../images/ysbg1.png) center center no-repeat;}
.jdys_box .jdysnr_box .jdysnr_list1 ul li h2{width:100%; float: left;font-size: 18px; color: #FFBA1E; line-height: 34px; text-align: center;}
.jdys_box .jdysnr_box .jdysnr_list1 ul li h2 strong{font-size: 32px; color: #FFBA1E; line-height: 38px;}
.jdys_box .jdysnr_box .jdysnr_list1 ul li p{width:100%; float: left;font-size: 16px; color: #6f6f6f; line-height: 30px; text-align: center;}

.jdys_box .jdysnr_box .jdysnr_list2{width: 648px;margin: 0 auto ;}
.jdys_box .jdysnr_box .jdysnr_list2 ul{width:100%; float: left; margin-top: -45px;}
.jdys_box .jdysnr_box .jdysnr_list2 ul li{width:152px;height:74px;margin: 5px; padding: 50px 0; float: left; background: url(../images/ysbg1.png) center center no-repeat;}
.jdys_box .jdysnr_box .jdysnr_list2 ul li h2{width:100%; float: left;font-size: 18px; color: #FFBA1E; line-height: 34px; text-align: center;}
.jdys_box .jdysnr_box .jdysnr_list2 ul li h2 strong{font-size: 32px; color: #FFBA1E; line-height: 38px;}
.jdys_box .jdysnr_box .jdysnr_list2 ul li p{width:100%; float: left;font-size: 16px; color: #6f6f6f; line-height: 30px; text-align: center;}

.jdys_box .jdysnr_box .jdysnr_js{width: 810px;margin: 30px auto 50px;}
.jdys_box .jdysnr_box .jdysnr_js p{width:100%; float: left;font-size: 14px; color: #6f6f6f; line-height: 26px; text-align: justify;text-align: center; }

/*业主访谈*/
.yzft_box{width: 100%; height: 486px; float: left; background: url(../images/yzft2.jpg) center center no-repeat;;}
.yzft_box .yzft_title{ width: 100%; float: left;margin-top: 60px;}
.yzft_box .yzft_title h2{ width: 100%; float: left;font-size: 26px; line-height: 40px; padding: 28px 0; font-weight: normal; color: #fff; text-align: center; background: url(../images/yzft_titlebg.png) center top no-repeat;}
.yzft_box .yzft_title h2 span{ display: block; width: 100%; float: left;font-size: 32px; font-weight: normal;}

.yzft_box .yzft_js{ width: 100%; float: left;}
.yzft_box .yzft_js .play_btn{ width: 100%; float: left;text-align: center;}
.yzft_box .yzft_js .play_btn img{ width: 100px;display: inline;}
.yzft_box .yzft_js .yzft_jszd{ width: 100%; float: left; margin: 26px 0;}
.yzft_box .yzft_js .yzft_jszd p{ width: 100%; line-height: 30px; float: left; text-align: center; color: #fff;}
.yzft_box .yzft_js .yzft_jsxq{ width: 100%; float: left;text-align: center;}
.yzft_box .yzft_js .yzft_jsxq a{ width: 300px; margin: 0 auto; height: 40px; display: block; line-height: 40px; background-color: #FFBA1E; text-align: center; color: #fff;}

/*新闻中心*/
.news_box{width: 100%;  float: left; padding-top: 40px;}
.news_box .news_title{width: 100%;float: left;}
.news_box .news_title h3{width: 100%;float: left; font-size: 18px; line-height: 30px; text-align: center; color: #a1a1a1;text-transform: uppercase;}
.news_box .news_title h2{width: 100%;float: left; font-size: 24px; line-height: 40px; text-align: center; background: url(../images/titlebg.png) center center no-repeat; color: #525252;}
.news_box .news_title p{width: 100%;float: left; font-size: 14px; line-height:30px;text-align: center;  color: #a1a1a1;}
.news_box .newsnr_box{width:100%; float: left; margin-top: 20px;}
.news_box .newsnr_box ul{width:100%; float: left;}
.news_box .newsnr_box ul li{width:23%; float: left; margin: 1%; background-color: #565656;}
.news_box .newsnr_box ul li:hover{ background-color: #e60017;}

.news_box .newsnr_box ul li:hover .new_list .newnrjs p{color: #fff;}

.news_box .newsnr_box ul li .new_list .newtup img {
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition: All 1.2s ease-in-out;
    -o-transition: All 1.2s ease-in-out;
}
.news_box .newsnr_box ul li:hover .new_list .newtup img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.new_list{width: 100%; float: left;}
.new_list .newtup{width: 276px;height: 180px; overflow: hidden; float: left; text-align: center;}
.new_list .newtup img{width: 276px;height: 180px;display: inline;}
.new_list .newnrjs{width: 90%; float: left; padding: 5%;}
.new_list .newnrjs .date_box{width: 100%; float: left; color: #ededed; font-size: 14px;}
.new_list .newnrjs h3{width: 100%; float: left; color: #fff; line-height: 40px; font-size: 16px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.new_list .newnrjs p{width: 100%; float: left; color: #a0a0a0; line-height:20px;font-size: 12px;}

.news_more{width: 100%;float: left; text-align: center; margin: 40px 0 20px;}
.news_more a{padding: 8px 100px; border: 1px solid #aaa; color: #565656;}
.news_more:hover a{ background-color: #e60017; color: #fff; border: 1px solid #e60017;}

.about_box{width:100%; float: left;margin: 40px 0;}
.about_box_box{width:1200px; margin: 0 auto;}
.about_photo{width:500px; float:left;height: 375px; overflow: hidden; }
.about_text{width:650px; float: right;}
.about_text p{font-size:16px;color:#000; line-height: 28px;text-align: justify; text-indent: 2em;}

.about_text h1{width:100%;height: 50px;line-height: 50px; font-size:40px;color:#e60017;margin: 30px 0;font-weight: 700;}