.offer-img{background:url('/Public/Home/images/info_4.jpg')no-repeat;height:660px}
.offer-heading img{margin:0 auto;display:block;padding:60px 0px 50px 0px}
.offer-bg{margin:0 auto;width:980px}
.offer{position:relative;background:#fff}
.price-left,.price-right{width:490px;padding:70px 65px 70px 65px;}
.price-left{border-right:1px solid #ddd}
.price-left h3,.price-right h3{height:30px;line-height:30px;font-size:20px}
.price-left h3 span,.price-right h3 span{color:#01af63;padding-left:5px;font-size:12px;display:inline-block;height:25px;line-height:25px}
.price-right h3 span#yusuan{font-size:26px;width:100px;padding-left:0}
.price-left .selection{margin-top:10px}
.price-left .selection li{height:30px;line-height:30px;position:relative;width:449px;margin-bottom:18px}
.price-left .selection li:last-child{margin-bottom:15px}
.price-left .selection li label{width:80px;height:30px;line-height:30px;display:block;float:left;font-size:14px;text-align:left}
.price-left .selection li label span{color:#e04600}
.price-left .selection li select{height:30px;line-height:30px;width:116px;margin-right:10px;color:#aaa;border:1px solid #aaa;float:left}
.price-left .selection li select#house{width:242px;}
.price-left .selection li input{width:242px;height:30px;line-height:30px;border:1px solid #999;padding-left:15px}
.price-left .selection li span.area{position:absolute;right:135px;top:0;color:#aaa}
.price-left .selection li #acreage{float:left;/*width:116px;*/margin-right:10px}
.price-left .selection li #area{float:left;width:116px;margin-right:10px}
.price-right h3{text-align:center}
.price-right ul{margin-top:10px;width:300px;margin-left:49px;padding:10px 20px;border:1px solid #ddd}
.price-right li{width:280px;height:38px;line-height:38px;font-size:14px;color:#666}
.price-right li label{display:block;float:left;width:39%;height:40px;text-align:right;font-size:14px}
.price-right li strong{float:left;width:58%;font-weight:400;text-align:left;color:#01af63;font-size:16px}
.price-right li strong em{display:inline-block;width:55px;font-style:normal;margin-right:10px;font-size:12px;font-weight:normal;color:#666}
.jisuan{position:absolute;width:140px;height:140px;border:1px solid #ddd;border-radius:140px;top:90px;background:#fff;left: 421px;}
.circle-animate{position:absolute;top:15px;right:15px;width:110px;height:110px;-webkit-border-radius:50%;border-radius:50%;background:#01af63;z-index:4;cursor:pointer;-webkit-animation:moves 1.5s ease infinite;-moz-animation:moves 1.5s ease infinite;-o-animation:moves 1.5s ease infinite;animation:moves 1.5s ease infinite;animation-fill-mode:both}
@keyframes moves{0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.3);opacity:0}
}@-webkit-keyframes moves{0%{-webkit-transform:scale(1);opacity:.7}
100%{-webkit-transform:scale(1.3);opacity:0}
}@-moz-keyframes moves{0%{-moz-transform:scale(1);opacity:.7}
100%{-moz-transform:scale(1.3);opacity:0}
}@-o-keyframes moves{0%{-o-transform:scale(1);opacity:.7}
100%{-o-transform:scale(1.3);opacity:0}
}.jisuan a.jisuan-btn{height:90px;width:90px;border-radius:50%;background:#01af63;position:absolute;top:25px;left:25px;cursor:pointer;z-index:4}
.jisuan a.jisuan-btn label{display:block;font-size:16px;font-weight:bold;color:#fff;width:44px;height:44px;line-height:25px;margin:21px auto 0;text-align:center;z-index:10;cursor:pointer}


.zxfk_container {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}
.zxfk_design .design_title {
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}
.zxfk_design_list {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
}
.zxfk_design_list li {
    width: 280px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.zxfk_design_list li .zxfk_design_cover, .zxfk_design_list li .zxfk_design_cover img {
    display: block;
    width: 100%;
    height: 180px;
}
.zxfk_design_list li .zxfk_design_cover, .zxfk_design_list li .zxfk_design_cover img {
    display: block;
    width: 100%;
    height: 180px;
}
.zxfk_design_list li .zxfk_design_title {
    display: block;
    margin: 20px 10px 15px 10px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.offer-heading{
    height: 600px;
    position: relative;
}
.banner1 {
    position: absolute;
    left: 50%;
    margin-left: -686px;
    z-index: 10;
}


.banner {
    width: 1380px;
}
.banner.banner1 {
    bottom: 60px;
}
.banner .form_warp {
    width: 880px;
    height: 146px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.6);
    padding: 0 100px;
}
.banner .form_warp .form_top {
    padding-top: 10px;
    color: #fff;
}
.banner .form_warp .form_top .left {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    font-weight: 600;
}
.banner .form_warp .form_top .rights {
    display: inline-block;
    margin-top: 6px;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    color: #fff;
}
.banner .form_warp .form_top .rights .num {
    font-style: normal;
    font-size: 18px;
    color: #ff8400;
    font-weight: 600;
}
.banner .form_warp .form_info {
    font-size: 14px;
}

.banner .form_warp .form_info .infor_border {
    position: relative;
    display: inline-block;
    width: 230px;
    margin-right: 20px;
    float: left;
}
.banner .form_warp .form_info .infor {
    padding: 0 10px;
    width: 230px;
    height: 44px;
    line-height: 44px;

}
.banner .form_warp .form_info .infor_border .mi {
    position: absolute;
    top: 10px;
    right: 10px;
}
.banner .form_warp .form_info .infor_sub {
    width: 180px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    background-color: #ff6b14;
    color: #fff;
    cursor: pointer;
        float: left;
}
.banner .form_warp .form_info .btn {
    width: 180px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    background-color: #ff6b14;
    color: #fff;
    cursor: pointer;
    background-color: #ff6b14;
    color: #fff;
}
.banner .house{
    width: 1130px;
}
.banner .house .type{
    background: #fff;
}
.banner .house .type .title{
    float: left;
    line-height: 44px;
    margin: 0 10px;
}
.banner .house .type .layui-unselect{
    margin-right: 0;
    margin-top: 8px;
}