@charset "utf-8";
/* CSS Document */

/*头部的浮动层*/
.dhmenu{
    display: none;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.7);
    height: 49px;
    line-height:49px;
    min-width: 1200px;
    width: 100%;
    z-index: 1000000;
}
.dhmenubox{
    width: 1200px;
    margin: 0 auto;}
.dhmenubox>ul{
    float:right;
    line-height:49px;
}
.dhmenubox>ul>a{
    color:#fff;
    float: left;
    font-size: 16px;
    text-align: center;
    padding-right: 25px;
    cursor:pointer;
}

/*首页默认弹窗*/
*{margin:0;padding:0;box-sizing:border-box;}
.tc_bg_bj input[type=text]:focus{border:1px solid #6CF;}
.tc_bg_bj{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,0.5);z-index:999999;display:none;}
.tc_content{width:980px;height:400px;position:absolute;left:50%;top:50%;margin-left:-490px;margin-top:-200px;background:#fff;}
.tc_content_left{width:489px;height:400px;border-right:1px solid #ddd;float:left;box-sizing:border-box;padding-top:40px;padding-left:30px;font-size:14px;color:#333}
.tc_content_left h2{font-size:28px;font-family:"微软雅黑";text-align:center;color:#333;}
.tc_content_left p{font-size:12px;font-family:"微软雅黑";text-align:center;line-height:30px;color:#da251d;margin-top:0;}
.tc_content .mianji, .tc_content .tel,.tc_content .user, .tc_content .community,.name{width:250px;height:30px;border:1px solid #e6e6e6;text-indent:10px;outline:none;}
.tc_content_left select{outline:none;width:250px;height:30px;border:1px solid #e6e6e6;color:#333;}
.tc_content_left select option{color:#333;}
.tc_content_right{width:490px;height:400px;float:left;padding-top:40px;}
.tc_content_right h2{font-size:20px;color:#333;font-weight:normal;font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;text-align:center; margin-top: 11px;}
/*.ys_content{width:345px;border:1px solid #b7b7b7;font-size:30px;color:#2f2f2f;margin:38px 0 30px 71px;padding:20px 50px;}
.tc_content_right p{width:300px;    text-align: center;margin-left: 90px; font-size: 14px;color: #404040;margin-top:10px;}*/
.tc_content_right .subject_show{
    width: 355px;
    height: 205px;
    margin: 33px 0 20px 87px;
}
.tc_content_right .subject_go{
    text-align: center;
}
.tc_content_right .subject_go a{
    font-size: 14px;
    color: #000;
}
.ys_btn{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:100px;box-shadow:0 4px 8px rgba(0,0,0,0.5);margin-left:-50px;margin-top:-50px;opacity:0.8;filter:Alpha(opacity=80);trasition:all 1s;}
.ys_bg_content{position:absolute;top:-7px;left:-10px;animation:myfirst 2s infinite;}
.coolbg{ width: 100px;
    height: 100px;
    position:absolute;
    top: 0;
    left: 0;
    background: url(../images/red_btn.png) repeat #FFFFFF;
    overflow: hidden;}
@keyframes myfirst
{
    0%{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);}
    25%{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
    50%{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
    75%{transform: rotate(270deg);-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-moz-transform: rotate(270deg);}
    100%{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}
}
.ys_btn:hover{opacity:1;filter:Alpha(opacity=100);box-shadow:0 2px 4px rgba(0,0,0,0);}
.ys_close{position:absolute;right:10px;top:10px;cursor:pointer;}
/*首页默认弹窗*/

/*头部banner*/
.indexbanner{
    width: 100%;
    height: 530px;
    overflow: hidden;
    position: relative;
    border-top:3px solid #cc3333;
}
.banner_content{
    width: 1920px;
    height: 530px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.indexbanner .banner_content .swiper-pagination{
    bottom: 18px;
}
.indexbanner .swiper-pagination-bullet{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0,0,0,.7);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height:20px;
    margin: 0 5px;
    cursor: pointer;
}
.indexbanner .swiper-pagination-bullet-active{
    background: #da251d;
}
.indexbanner .swiper-button-prev{
    width: 55px;
    height: 94px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -47px;
    background: url(../images/product/prev.png) center no-repeat;
    z-index: 9;
    cursor: pointer;
}
.indexbanner .swiper-button-next{
    width: 55px;
    height: 94px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -47px;
    background:url(../images/product/next.png) center no-repeat;
    z-index: 99999999;
    cursor: pointer;
}
.power{
    height: 164px;
    background: #e8e8e8;
}
.power_show{
    height: 100%;
}

/*报名提交*/
.apply{
    position: relative;
    overflow: visible;
}
.apply_content{
    width: 289px;
    height: 472px;
    position: absolute;
    background: rgba(255,255,255,.8);
    bottom: 30px;
    right: 0;
    z-index: 100;
}
.apply_content .apply_top{
    width: 100%;
    height: 79px;
    background: url("../images/line.png") no-repeat bottom ;
}
.apply_content .apply_top>div{
    width: 50%;
    height: 100%;
}
.apply_content .apply_top .project{
    display: inline-block;
    font-size: 18px;
    color: #da251d;
    padding-left: 20px;
    margin: 38px 0 0 40px;
    background: url("../images/project.png") no-repeat left;
    cursor: pointer;
}
.apply_content .apply_top .quote{
    display: inline-block;
    font-size: 18px;
    color: #555555;
    padding-left: 20px;
    margin: 38px 0 0 16px;
    background: url("../images/quote1.png") no-repeat left;
    cursor: pointer;
}
.apply_content .caption{
    width: 100%;
    height: 80px;
	
}
.apply_content .captions{ width:235px; margin:0 auto;text-align:center; }
.apply_content .caption>span{
    width: 43px;
    height: 100%;
}
.apply_content .caption_c{
    width: 203px;
    padding-top: 15px;
	text-align:center; margin:0 auto;
}
.apply_content .caption_c p{
    font-size: 16px;
    color: #da251d;
    line-height: 44px;
    text-align: center;
	height:30px;
}
.apply_content .caption .caption_l{
    background: url("../images/index/caption_l.png") no-repeat right; width:7px;
}
.apply_content .caption .caption_r{
    background: url("../images/index/caption_r.png") no-repeat left;width:7px;
}
.apply_content .form_box{
    width: 217px;
    height: 239px;
    margin-left: 36px;
    position: relative;
}
.apply_content .form_box .surplus i{
    float: left;
    font-style: normal;
    font-size: 14px;
    color: #da251d;
    margin: 12px 1px 0 0 ;
}
.apply_content .form_box .surplus span{
    margin-right: 3px;
    float: left;
    display: inline-block;
    width: 31px;
    height: 44px;
    background: url("../images/new_index_form.png") no-repeat center;
    text-align: center;
    line-height:44px;
    font-size: 30px;
    font-weight:bold;
    color: #da251d;
}
.apply_content .form_box input{
    display: block;
    width: 215px;
    height: 37px;
    border:1px solid #bfbfbf;
    padding-left: 11px;
    background: none;
    outline: none;
}
.apply_content .form_box .project_form .user{
    margin-top: 19px;
}
.apply_content .form_box .project_form .tel{
    margin-top: 14px;
}
.apply_content .form_box .project_form .community{
    margin-top: 14px;
}
.apply_content .form_box .quote_form .user{
    margin-top: 19px;
}
.apply_content .form_box .quote_form .tel{
    margin-top: 14px;
}

.apply_content .form_box .quote_form .area,.apply_content .form_box .quote_form .community{
    margin-top: 14px;
}

.apply_content .form_box .quote_form .area,.apply_content .form_box .quote_form .community{
    background: url("../images/index/area.png") no-repeat 185px;margin-top: 14px;
}
.apply_content .form_box .secrecy{
    width: 100%;
    height: 20px;
    background: url("../images/index/secrecy.PNG") no-repeat left;
    margin-top: 6px;
}
.apply_content .form_box .submit_btn,.apply_content .form_box .submit_btn_diyid1,.apply_content .form_box .submit_btn_diyid2,.apply_content .form_box .dosubmit,.apply_content .form_box .submit_btn_3mbj{
   
    display: block;
    width: 100%;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size:18px;
    color: #ffffff;
    background: #da251d;
}
.apply_content .form_box .submit_btn2{
    width: 100%;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size:18px;
    color: #ffffff;
    background: #da251d;
}
.apply_content .inform{
    width: 227px;
    margin-left: 36px;
    height: 24px;
    margin-top: 12px;
    padding-left: 35px;
    background: url("../images/index/inform.png") no-repeat left;
    overflow: hidden;
}
.apply_content .inform ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.apply_content .inform ul li{
    height: 100%;
    font-size: 12px;
    line-height: 24px;
}

/*副标题*/
.subtitle{
    padding-top: 50px;
    text-align: center;
}
.subtitle h2{
    width: 100%;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    font-weight: bold;
    color: #2e2e2e;
}
.subtitle span{
    display:block;
    width: 41px;
    border-top: 3px solid #da251d;
    margin: 6px auto 0;
}
.subtitle a{
    font-size:14px;
    color: #da251d;
    display: inline-block;
    padding-top: 15px;
}

/*科学整装*/
.index_science{
    width: 100%;
}
.science .science_t{
    width: 100%;
    font-size: 14px;
	height:38px;
    line-height: 100%;
    color: #2e2e2e;
    text-align: center;
    margin: 10px 0 20px 0;
}
.science .science_content .left,.science .science_content .right{
    width: 595px;
    height: 593px;
    overflow: hidden;
    position: relative;
}
.science_content .right ul{
    width: 603px;
    height: 600px;
}
.science_content .right ul li{
    width: 294px;
    height: 293px;
    overflow: hidden;
    margin: 0 7px 7px 0;
    position: relative;
}
.science_content .right ul li .layer{
    width: 100%;
    height: 40px;
    background: rgba(218,37,29,.8);
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.science_content .right ul li .layer .s_box{
    margin-top: 15px;
}
.science_content .right ul li .layer .s_box p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.science_content .right ul li .layer .layer_c{
    color: #ffffff;
    font-size:18px;
    text-align: center;
    line-height: 40px;
}
.science_content a{
    display: block;
    height: 100%;
    width: 100%;
}
.science_content .left .synopsis{
    width: 374px;
    height: 358px;
    border: 5px solid #cc3333;
    background: rgba(255,255,255,.8);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -179px 0 0 -187px;
}
.science_content .left .synopsis h3{
    font-size: 66px;
    font-weight:bold;
    margin-top: 80px;
    line-height:100%;
    color:#cc3333 ;
}
.science_content .left .synopsis p{
    margin-top: 18px;
    line-height:100%;
    color:#cc3333 ;
}

.science_content .left .synopsis .p1{
    font-size: 20px;
}
.science_content .left .synopsis .p2{
    font-size: 30px;
}.science_content .left .synopsis .p3{
     font-size: 17px;
}
.science_content .left .synopsis span{
    display:block;
    width: 52px;
    border-top: 3px solid #cc3333;
    margin: 22px auto 0;
}

/*装修案例*/
.index_case{
    width: 100%;
}
.index_case .label{
    width: 842px;
    margin:16px auto 20px;
}
.index_case .label li{
    width: 158px;
    height: 42px;
    border: 1px solid #bfbfbf;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 42px;
    margin: 0 4px;
}
.index_case .label li:hover,.index_case .label li:hover a {
    color: #ffffff !important;
    border: 1px solid #cc3333;
    background:#cc3333;
}

.index_case .case_content .left,.index_case .case_content .right{
    width: 595px;
    height: 800px;
    overflow: hidden;
}
.case_content a{
    display: block;
    height: 100%;
    width: 100%;
}
.case_content .img_b{
    width: 100%;
    height: 525px;
    overflow: hidden;
    position: relative;
}
.case_content .left .img_b{
    margin-bottom: 11px;
}
.case_content .right .img_b{
    margin-top: 11px;
}
.case_content ul{
    width: 606px;
    height: 265px;
    overflow: hidden;
}
.case_content ul li{
    width: 292px;
    height: 265px;
    overflow: hidden;
    margin-right:11px;
    position: relative;
}
.case_content .synopsis_box{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(218,37,29,.8);
    display: none;
}
.case_content .img_b:hover .synopsis_box{
    display: block;
}
.case_content ul li:hover .synopsis_box{
    display: block;
}
.case_content .synopsis_box .synopsis{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
}
.case_content .img_b .synopsis_box .synopsis{
    width: 325px;
    height: 325px;
    border: 3px solid #fff;
    margin: -142px 0 0 -142px;
}
.case_content ul li .synopsis_box .synopsis{
    width: 195px;
    height: 195px;
    border: 2px solid #fff;
    margin: -97px 0 0 -97px;
}
.case_content .synopsis h3{
    font-weight:bold;
    line-height:100%;
    color:#ffffff ;
}
.case_content .img_b .synopsis h3{
    font-size: 30px;
    margin-top: 70px;
}
.case_content ul li .synopsis h3{
    font-size: 20px;
    margin-top: 46px;
}
.case_content .synopsis p{
    width: 80%;
    margin: 0 auto;
    line-height:100%;
    color:#ffffff ;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case_content .img_b .synopsis p{
    line-height:22px;
    font-size: 18px;
    height: 66px;
}
.case_content ul li .synopsis p{
    height: 60px;
    line-height:20px;
    font-size: 16px;
}
.case_content .img_b .synopsis span{
    display:block;
    width: 85px;
    border-top: 3px solid #ffffff;
    margin: 28px auto 24px;
}
.case_content ul li .synopsis span{
    display:block;
    width: 58px;
    border-top: 3px solid #ffffff;
    margin: 16px auto 15px;
}

/*设计团队*/
.index_stylist{
    width: 100%;
}
.stylist .stylist_content{
    margin-top: 46px;
}
.stylist_content .position{
    width: 498px;
    height: 440px;
    position: relative;
}
.stylist_content .position .position_p{
    width: 410px;
    height: 410px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.stylist_content .position .position_c{
    width: 250px;
    height: 230px;
    position: absolute;
    background: rgba(235,46,0,.7);
    padding:22px 0 0 22px;
    top: 50%;
    left: 0;
    margin-top: -115px;
}
.position .position_c h3{
    font-weight:bold;
    font-size: 24px;
    line-height: 100%;
    color: #ffffff;
}
.position .position_c .last{
    margin: 44px 0 4px;
}
.position .position_c p{
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.position .position_c a{
    font-size:14px;
    display: block;
    height: 30px;
    width: 100px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    margin-top: 10px;
    color: #ffffff;
}
.stylist_content .s_list{
    width: 223px;
    margin: 58px 0 0 17px;
}
.stylist_content .s_list li{
    padding: 13px 0 0 8px;
    width: 100%;
    height: 68px;
    border-bottom:1px dashed #b4b4b4;
    cursor: pointer;
}
.stylist_content .s_list li p{
    font-size: 14px;
    color: #555555;
    line-height:24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.stylist_content .s_list li p span{
    margin-right: 20px;
}
.stylist_content .s_list li p span{
    font-size: 16px;
    color: #555555;
}
.stylist_content .s_list li:hover{
    background: #cc3333;
}
.stylist_content .s_list li:hover p{
    color: #ffffff;
}
.stylist_content .s_list li:hover span{
    color: #ffffff;
}
.stylist_content .production{
    width: 450px;
    height: 350px;
    margin-top: 58px;
}
.stylist_content .production .swiper-container{
    width: 100%;
    height: 100%;
}
.stylist_content .production .swiper-button-prev,.stylist_content .production .swiper-button-next{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height:30px;
    background: rgba(0,0,0,.6);
    color: #fff;
    border-radius: 50%;
}

/*VR*/
.vr{
    width: 100%;
}
.vr .vr_content{
    width: 100%;
    height: 529px;
    margin-top: 20px;
    background: url("../images/index/VR_.bg.jpg") no-repeat center #cc3333;
}
.vr_content .vr_cont{
    position: relative;
    overflow: visible;
    width: 1277px;
    height: 529px;
    margin: 0 auto;
}
.vr_content .vr_cont .center{
    position: absolute;
    width: 72px;
    height: 72px;
    background: url("../images/index/vryj.png") no-repeat center;
    z-index: 1000;
    left: 50%;
    top: -180px;
    margin-left: -36px;
}
.vr_content .vr_cont .carousel-feature .carousel-caption{
}
.vr_content .vr_cont .carousel-container{
    width: 100%;
    height: 529px;
}
.vr_content .vr_cont #carousel{
    height: 529px;
    width: 100%;;
    background: none;
    margin-bottom: 0.5em;
    font-size: 12px;
}
.vr_content .vr_cont .carousel-feature{
    border:12px solid #fff;
    overflow: hidden;
}
.vr_content .vr_cont .carousel-feature .carousel-caption p {
    text-align: center;
    height:50px;
    line-height:50px;
    margin: 0;
    font-size: 18px;
    padding: 0;
    color: #fff;
    background: rgba(0,0,0,0.6);
}
.vr_content .vr_cont #carousel-left{
    width: 44px;
    height: 44px;
    position: absolute;
    left: -59px;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
}
.vr_content .vr_cont #carousel-right{
    width: 44px;
    height: 44px;
    position: absolute;
    right: -59px;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
}
/*装修攻略*/
.index_strategy{
    width: 100%;
}
.index_strategy .strategy{

}
.strategy .strategy_cont{
    margin-top: 30px;
}
.strategy_cont .guide{
    height: 240px;
    margin-bottom: 17px;
}
.strategy_cont .guide .guide_l{
    height: 240px;

}
.strategy_cont .guide .guide_l .img{
    width: 240px;
    height: 240px;
    position: relative;
    overflow: hidden;
}
.strategy_cont .story .story_l{
    height: 313px;
}
.strategy_cont .story .story_l .img{
    width: 240px;
    height: 313px;
    position: relative;
    overflow: hidden;
}
.strategy_cont .synopsis{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 30px;
}

.index_strategy .strategy .science_t{
    width: 100%;
    font-size: 14px;
	height:38px;
    line-height: 100%;
    color: #2e2e2e;
    text-align: center;
    margin: 10px 0 20px 0;
}
.guide .guide_l .img .synopsis{
    background: rgba(165,197,76,.8);
}
.story .story_l .img .synopsis{
    background: rgba(243,154,48,.8);
}
.strategy_cont .synopsis h3{
    line-height:100%;
    color:#ffffff ;
    font-size: 30px;
}
.guide .guide_l .img .synopsis h3{
    margin-top: 80px;
}
.story .story_l .img .synopsis h3{
    margin-top: 100px;
}
.strategy_cont .synopsis p{
    line-height:100%;
    color:#ffffff ;
    font-size:18px;
    margin-top: 10px;
}


.fotwit{ color:#ffffff;!important}
.strategy_cont .synopsis span{
    display:block;
    width: 50px;
    border-top: 2px solid #ffffff;
    margin-top: 18px;
}
.strategy_cont .arrows{
    width: 17px;
    height: 100%;
}
.guide .guide_l .arrows{
    background: url("../images/index/arrows1.jpg") no-repeat center;
}
.story .story_l .arrows{
    background: url("../images/index/arrows2.jpg") no-repeat center;
}
.guide .guide_l ul{
    width: 385px;
    padding-top: 20px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	
}
.guide .guide_l ul li{
    height: 19px;
    padding-left: 28px;
    margin-bottom: 11px;
	width:100%;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.guide .guide_l ul li a{
    color: #5c5c5c;
    font-size: 14px;
    line-height: 19px;
}
.guide .guide_l ul .l1{
    background:url("../images/index/1.png") no-repeat left;
}
.guide .guide_l ul .l1 a{
    position: relative;
}
.guide .guide_l ul .l1 img{
    position: absolute;
    top: -17px;
    right: -17px;
}
.guide .guide_l ul .l2{
    background:url("../images/index/2.png") no-repeat left;
}
.guide .guide_l ul .l3{
    background:url("../images/index/3.png") no-repeat left;
}
.guide .guide_l ul .l4{
    background:url("../images/index/4.png") no-repeat left;
}
.guide .guide_l ul .l5{
    background:url("../images/index/5.png") no-repeat left;
}
.guide .guide_l ul .l6{
    background:url("../images/index/6.png") no-repeat left;
}
.guide .guide_l ul .l7{
    background:url("../images/index/7.png") no-repeat left;
}
.guide .guide_r{
    width: 466px;
    height: 239px;
    overflow: hidden;
}
.story .story_r{
    height: 313px;
    width: 932px;
    margin-left: 10px;
    overflow: hidden;
}
.story .story_r .list{
    height: 328px;
    width: 100%;
    margin-left: 10px;
    overflow: hidden;
}
.story .story_r .list .cont{
    width: 440px;
    height: 150px;
    margin:0 24px 14px 0;
}
.story .story_r .list li .img{
    width: 198px;
    height: 150px;
    overflow: hidden;
}
.story .story_r .list li .text{
    width: 15em;
    height: 150px;
    margin-left: 24px;
	
}
.story .story_r .list li .text .more{
    margin-top: 8px;
}
.story .story_r .list li .text .more .right{
    font-size: 12px;
    color: #da251d;
    margin-top: 7px;
}
.story .story_r .list li .text h4 a{
    line-height: 100%;
    font-size: 22px;
    color: #5c5c5c;
    margin-bottom: 26px;
}
.story .story_r .list li .text ul{
    margin-top: 8px;
}
.story .story_r .list li .text ul li{
    font-size: 14px;
    color: #5c5c5c;
    height: 22px;
}
.story .story_r .list li .text ul li a{
    display: inline-block;
    width: 100%;
    line-height: 22px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}


/*装修报价*/
.title{
	    padding: 30px 0;
	background: url(../images/index/title_bg.png) no-repeat center;
}
.title1{
	    padding: 30px 0;
}
.title2 {
    margin: 30px 0 0px 0;
    background: url(../images/index/title_bg.png) no-repeat center;
}
.take_care li{
	float: left;
	width: 392px;
	height: 455px;
}
.take_care li p{
	    font-size: 24px;
    color: #fff;
    line-height: 40px;
    width: 260px;
    margin: auto;
    /* padding-top: 41px; */
    text-align: center;
}
.take_care li:nth-child(1){
	background: url(../images/index/main_bg_1.png) no-repeat center;
	margin-right: 12px;
}
.take_care li:nth-child(2){
	background: url(../images/index/main_bg_2.png) no-repeat center;
	margin-right: 12px;
}
.take_care li:nth-child(3){
	background: url(../images/index/main_bg_3.png) no-repeat center;
}
.solution li{
	width: 1200px;
	height: 201px;
}
.solution li:nth-child(1){
	background: url(../images/index/main_bg_4.jpg) no-repeat center;
	margin-bottom: 15px;
}
.solution li:nth-child(2){
	background: url(../images/index/main_bg_5.jpg) no-repeat center;
	margin-bottom: 15px;
}
.solution li:nth-child(3){
	background: url(../images/index/main_bg_6.jpg) no-repeat center;
}
.solution li .tips{
	width: 918px;
    padding: 34px 0;
}
.solution li .tips .tip_span{
	width: 155px;
    text-align: center;
    font-size: 24px;
}
.solution li .tips .tip_p{
    width: 700px;
    text-align: left;
    padding-left: 50px;
    font-size: 24px;
}
.sansheng li{
	float: left;
	width: 400px;
	height: 474px;
	text-align: center;
    padding-top: 30px;
}
.sansheng li img{
	 margin-left: -40px;
	}   
.sansheng li:nth-child(1) p{
	color: #f86f6d;
    font-size: 24px;
    line-height: 40px;
}
.sansheng li:nth-child(2) p{
	color: #5ac5c2;
    font-size: 24px;
    line-height: 40px;
}
.sansheng li:nth-child(3) p{
	color: #e0ac2b;
    font-size: 24px;
    line-height: 40px;
}

/*装修流程*/
.index_flowpath{
    width: 100%;
    padding-bottom: 30px;
}
.index_flowpath ul{
    margin-top: 30px;
    height: 125px;
    width: 1216px;
}
.index_flowpath ul li{
    width: 136px;
    height: 125px;
    margin-right: 16px;
    cursor: pointer;
}
.index_flowpath ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.index_flowpath ul .li1{background:url("../images/index/but-1-1.png") no-repeat center;}
.index_flowpath ul .li2{background:url("../images/index/but-2-1.png") no-repeat center;}
.index_flowpath ul .li3{background:url("../images/index/but-3-1.png") no-repeat center;}
.index_flowpath ul .li4{background:url("../images/index/but-4-1.png") no-repeat center;}
.index_flowpath ul .li5{background:url("../images/index/but-5-1.png") no-repeat center;}
.index_flowpath ul .li6{background:url("../images/index/but-6-1.png") no-repeat center;}
.index_flowpath ul .li7{background:url("../images/index/but-7-1.png") no-repeat center;}
.index_flowpath ul .li8{background:url("../images/index/but-8-1.png") no-repeat center;}

.index_flowpath ul .li1:hover{background:url("../images/index/but-1.png") no-repeat center;}
.index_flowpath ul .li2:hover{background:url("../images/index/but-2.png") no-repeat center;}
.index_flowpath ul .li3:hover{background:url("../images/index/but-3.png") no-repeat center;}
.index_flowpath ul .li4:hover{background:url("../images/index/but-4.png") no-repeat center;}
.index_flowpath ul .li5:hover{background:url("../images/index/but-5.png") no-repeat center;}
.index_flowpath ul .li6:hover{background:url("../images/index/but-6.png") no-repeat center;}
.index_flowpath ul .li7:hover{background:url("../images/index/but-7.png") no-repeat center;}
.index_flowpath ul .li8:hover{background:url("../images/index/but-8.png") no-repeat center;}


.clear{ clear:both}
.xgwz{ width:880px; height:auto; clear:both;}
.xgwz .title_xgwz{ width:880px;padding:10px 40px; margin-top:20px; border-bottom:1px solid #dedede; border-top:1px solid #dedede;line-height:24px; font-size:18px; font-weight:bold; margin-bottom:20px;}
.xgwz>ul.ml40{  margin-left:40px; display:block}
.xgwz>ul>li{width: 400px;float: left; height:24px; line-height:24px;}
.xgwz>ul>li>a {color: #666666; height:24px; line-height:24px; display: inline-block; font-size: 14px; background: #fff;
}
.xgwz>ul>li:hover a{ color:#cc3333;}
.xgwz>ul>li>a>i{ width:10px; float:left}