/*banner*/
.banner{
    width: 100%;
    height: 658px;
    min-width: 1200px;
}
/*banner 下面表单*/
.index_form{
    box-shadow: 1px 1px 8px #ccc;
    padding:30px;
    width: calc(1200px - 60px);
    margin-top:-80px;
    background: #fff;
}
.index_form h2{
    margin-bottom:22px;
}
.index_form h2 span{
    font-size:26px;
    padding-right:10px;
    margin-right:20px;
    border-bottom:3px solid #f79c33;
}
.index_form h2 font{
    color:#f79c33;
    padding-right:4px;
}
.index_form .forms{
    /*text-align: center;*/
}
.index_form .forms p{
    display: inline-block;
    position: relative;
    line-height: 45px;
    margin-right:13px;
}
.index_form .forms span{
    padding-right:10px;
}
.index_form .forms p input{
    border:1px solid #ccc;
    height: 50px;
    border-radius: 3px;
    width: 200px;
    outline: 0px;
    /* text-indent: 10px; */
}
.index_form .forms b{
    font-weight: normal;
    position: absolute;
    top:0px;
    right:10px;
}
.index_form .forms .btn{
    display: inline-block;
    background: #f79c33;
    line-height: 40px;
    padding:0px 16px;
    border-radius: 5px;
    color:#fff;
    cursor:pointer;
}
.index_form .forms .input{
    display: inline-block;
    position: relative;
}
.index_form .forms .input #hostHome{
    height: 50px;
    width:200px;
    outline: 0px;
    border:1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    text-indent: 10px;
    line-height: 50px;
    
}
.index_form .forms .layui-form-select dl dd.layui-this{
    background-color: #f79c33;
}

/*户型样式*/
.apartment{
    position: absolute;
    width:300px;
    background: #fff;
    z-index: 899999;
    box-shadow: 1px 1px 10px #ccc;
    padding:10px;
    border-radius: 10px;
    left:80px;
    display: none;
}
.apartment .items .item{
    display: inline-block;
    width:55px;
    text-align: center;
    line-height: 35px;
    background: #eee;
    margin-bottom:3px;
    border-radius: 3px;
}
.apartment .items .on{
    color:#fff;
    background: #f79c33;
}
/*首页title*/
.tit{
    text-align: center;
    padding:50px 0;
}
.tit span{
    font-size:30px;
    font-weight: normal;
    line-height: 50px;
    display: inline-block;
    padding:0px 18px;
    border-bottom:4px solid #f79c33;
}
.imgs{
    height: 590px;
    width:1200px;
}
.imgs .imgs_left{
    width:590px;
    float:left;
}
.imgs .imgs_left .imgs_left_one{
    width:285px;
    float:left;
}
.imgs .imgs_left .imgs_left_one .item{
    width:285px;
    height: 590px;
    overflow: hidden;
}
.imgs .imgs_left .imgs_left_one img{
    width:285px;
    height: 590px;
    
}

.imgs .imgs_left img,.imgs .imgs_right img{
    transition:all 0.4s;
}
.imgs .imgs_left img:hover,.imgs .imgs_right img:hover{
    transform:scale(1.2);
}
.imgs .imgs_left .imgs_left_two{
    width:285px;
    float:right;
}
.imgs .imgs_left .imgs_left_two img{
    width:285px;
    height: 285px;
}
.imgs .imgs_left .imgs_left_two .item:first-child{
    margin-bottom:20px;
}
.imgs .imgs_right{
    width:590px;
    float:right;
}
.imgs .imgs_right .imgs_right_three{
    height: 285px;
}
.imgs .imgs_right .imgs_right_three .item{
    float:left;
}
.imgs .imgs_right .imgs_right_three .item:first-child{
    margin-right:20px;
}
.imgs .imgs_right .imgs_right_three .item img{
    width:285px;
    height: 285px;
}
.imgs .imgs_right .imgs_right_four{
    width:590px;
    height: 285px;
    padding-top:20px;
}
.imgs .imgs_right .imgs_right_four img{
    width:590px;
    height:285px;
}
.imgs .item{
    position: relative;
    overflow: hidden;
}
.imgs .item span{
    position: absolute;
    bottom:-45px;
    height: 45px;
    background: rgba(0,0,0,0.6);
    left:0px;
    width:100%;
    color:#fff;
    text-align: center;
    line-height: 45px;
    transition:all 0.4s;

}
.imgs .item:hover span{
    bottom:0px;
}
.imgs .item .flagBtn{
    position: absolute;
    bottom:-100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left:0px;
    width:100%;
    color:#fff;
    text-align: center;
    line-height: 45px;
    transition:all 0.3s;
}
.imgs .item:hover .flagBtn{
    bottom:0px;
}
.imgs .item:hover .flagBtn .btns{
    background: #f79c33;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: relative;
    top: 50%;
    width: 130px;
    margin: -25px auto 0px;
    padding: 0px 25px;
    border-radius: 4px;
    cursor:pointer;
    font-size: 18px;
}
/*装修公司*/
.comp{
    overflow: hidden;
    width:1204px;
}
.comp .comp_items{
    width: 300px;
    float:left;
    border-right: 1px solid #eee;
    /* margin-bottom:20px; */
    position: relative;
    overflow: hidden;
}
.comp .comp_items a{
    display: block;
    width: 260px;
    float:left;
    padding:60px 20px 30px;
    border-right: 1px solid #eee;
    margin-bottom:20px;
}
.comp .comp_items:nth-child(4n+4){
    border:0px;
}
.comp .comp_items p{
    text-align: center;
}
.comp .comp_items p img{
    width:160px;
    height: 160px;
    border-radius: 8px;
}
.comp .comp_items a:hover{
    background: #eee;
}
.comp .comp_items h2{
    font-size:20px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}
.comp .comp_items .addr{
    font-size:12px;
    color:#666;
    padding-bottom:4px;
    line-height: 16px;
    height: 32px;
    text-align: center;
}
.comp .comp_items .message{
    text-align: center;
    padding:10px 0px;
}
.comp .comp_items .message span{
    padding:0px 10px;
    font-size:14px;
}
.comp .comp_items .start{
    text-align: center;
}
.comp .comp_items .start b{
    width:20px;
    height:20px;
    display: inline-block;
    background: url(../images/star1.png) no-repeat center center;
    background-size: 100% 100%;
}
.comp .comp_items .start b.start2{
    background: url(../images/star2.png) no-repeat center center;
    background-size: 100% 100%;
}
.comp .comp_items .compBtn{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: all 0.3s;
}
.comp .comp_items .compBtn p{
    width: 65%;
    height: 45px;
    background: #f79c33;
    line-height: 45px;
    margin: 0px auto;
    top: 50%;
    position: relative;
    border-radius: 4px;
    margin-top: -22px;
    color: #fff;
    cursor: pointer;
}
.comp .comp_items:hover .compBtn{
    top: 0px;
}
/*装修水分*/
.cont{
    height: 476px;
}
.cont .cont_item{
    width:280px;
    height: 356px;
    float:left;
    padding:60px;
    text-align: center;
}
.cont .cont_item h2 p{
    font-size:30px;
    text-align: center;
    color: #999;
    line-height:40px;
    padding-top:20px;
}
.cont .cont_item h2 span{
    border-top:3px solid #f79c33;
    display:inline-block;
    width:100px;
    padding-bottom: 30px;
}
.cont .cont_item .info{
    color:#999;
    line-height: 35px;
}
.cont .color1{
    background: #e7e7e7;
}
.cont .color2{
    background: #efefef;
}
.cont .color3{
    background: #f7f7f7;
}
.cont .color1 .icon{
    background: url(../images/price01.png) no-repeat center center;
    width:100%;
    height: 100px;
    
}
.cont .color2 .icon{
    background: url(../images/price02.png) no-repeat center center;
    width:100%;
    height: 100px;
    
}
.cont .color3 .icon{
    background: url(../images/price03.png) no-repeat center center;
    width:100%;
    height: 100px;
    
}
.cont .color1:hover .icon{
    background: url(../images/price1.png) no-repeat center center;
}
.cont .color2:hover .icon{
    background: url(../images/price2.png) no-repeat center center;
}
.cont .color3:hover .icon{
    background: url(../images/price3.png) no-repeat center center;
}
.cont .cont_item:hover{
    background: #f79c33;
}
.cont .cont_item:hover h2 p{
    font-size:30px;
    text-align: center;
    color: #fff;
    line-height:40px;
    padding-top:20px;
}
.cont .cont_item:hover h2 span{
    border-top:3px solid #fff;
    display:inline-block;
    width:100px;
    padding-bottom: 30px;
}
.cont .cont_item:hover .info{
    color:#999;
    line-height: 35px;
    color:#fff;
}
/*为什么选买家宝*/
.myself{
    width:1203px;
}
.myself .items{
    width:400px;
    float:left;
    padding:40px 0px;
    text-align: center;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}
.myself .items:nth-child(3n+3){
    border-right:0px;
}
.myself .items:nth-child(n+4){
    border-bottom:0px;
}
.myself .items div{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.myself .items img{
    height: 50px;
    vertical-align: middle;
    padding-right:10px;
}
.myself .items:hover{
    background:#f79c33;
    color:#fff;
}
.myself .items .info p{
    line-height: 25px;
    width:128px;
}
.myself .items .info span{
    font-size:18px;
    font-weight: bold;
}


/* 弹框表单 */
.shadow{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    background:rgba(0,0,0,0.2);
}
.desginFlag{
    position:fixed;
    top: 20%;
    display: none;
    padding:40px 20px;
    background: #fff;
    box-shadow: 1px 1px 8px #ccc;
    left: calc(50% - 410px);
    border-radius:5px;
    border: 1px solid #eee;
    width:820px;
}
.desginFlag .forms{
    float: left;
    width: 55%;
}
.desginFlag .forms h2{
    line-height: 40px;
    font-size: 24px;
    padding-bottom: 15px;
}
.desginFlag .forms h2 .designTit{
    font-size: 24px;
}
.desginFlag .forms h2 small{
    padding-left: 10px;
    font-size: 14px;
}
.desginFlag .forms h2 small span{
    color: #f79c33;
}
.desginFlag .bigImg{
    float: left;
}
.desginFlag .forms form{
    padding-right: 20px;
    display: block
}
.desginFlag .forms .input{
    position: relative;
    margin-bottom: 40px;
    height: 38px;
}
.desginFlag .forms .input .select{
    width: 48%;
    float: left;
}
.desginFlag .forms .subBtn{
    width: 180px;
    height:50px;
    text-align: center;
    background: #f79c33;
    color: #fff;
    line-height:50px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0px auto 20px;
}
.desginFlag .bigImg{
    float: left;
    width: calc(45% - 1px);
    /* height: 318px; */
    border-left:1px solid #eee;
}
.desginFlag .bigImg p{
    height: 258px;
    text-align: center;
    margin-top: 15%;
}
.desginFlag .bigImg p img{
    max-width: 80%;
    max-height: 100%;
    
    border-radius:10px;
}
.desginFlag .remark{
    font-size: 12px;
    color: #888;
    text-align: center;
    margin-top: 20px;
}
.desginFlag .close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    background: #eee;
}

.compFlag{
    position:fixed;
    top: 20%;
    display: none;
    padding:40px 20px;
    background: #fff;
    box-shadow: 1px 1px 8px #ccc;
    left: calc(50% - 410px);
    border-radius:5px;
    border: 1px solid #eee;
    width:820px;
}
.compFlag .forms{
    float: left;
    width: 55%;
}
.compFlag .forms h2{
    line-height: 40px;
    font-size: 24px;
    padding-bottom: 15px;
}
.compFlag .forms h2 small{
    padding-left: 10px;
    font-size: 14px;
}
.compFlag .forms h2 small span{
    color: #f79c33;
}
.compFlag .bigImg{
    float: left;
}
.compFlag .forms form{
    padding-right: 20px;
    display: block
}
.compFlag .forms .input{
    position: relative;
    margin-bottom: 40px;
    height: 38px;
}
.compFlag .forms .input .select{
    width: 48%;
    float: left;
}
.compFlag .forms .subBtn{
    width: 180px;
    height:50px;
    text-align: center;
    background: #f79c33;
    color: #fff;
    line-height:50px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0px auto 20px;
}
.compFlag .forms .subBtn p{
    cursor: pointer;
}
.compFlag .bigImg{
    float: left;
    width: calc(45% - 1px);
    /* height: 318px; */
    border-left:1px solid #eee;
}
.compFlag .bigImg p{
    height: 258px;
    text-align: center;
    margin-top: 15%;
}
.compFlag .bigImg p img{
    max-width: 80%;
    max-height: 100%;
    
    border-radius:10px;
}
.compFlag .remark{
    font-size: 12px;
    color: #888;
    text-align: center;
    margin-top: 20px;
}
.compFlag .close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    background: #eee;
}


.layui-input, .layui-select, .layui-textarea{
    line-height: 50px;
    height: 50px;
}