.hidden {
    display: none !important;
}
.on-scroll {
    overflow: hidden;
}
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
}

.cluse-box {
    color: #999;
    position: relative;
    margin-left: 20px;
    display: block;
    margin-top: 10px;
    text-align: left;
}
.cluse-box .ico-clause {
    display: block;
    height: 14px;
    width: 14px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQkY0NDA5RTVBMEYxMUU3ODJCOEQ3MzBGRjc4QTYwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQkY0NDA5RjVBMEYxMUU3ODJCOEQ3MzBGRjc4QTYwOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFCRjQ0MDlDNUEwRjExRTc4MkI4RDczMEZGNzhBNjA5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFCRjQ0MDlENUEwRjExRTc4MkI4RDczMEZGNzhBNjA5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jq4vwQAAAFpJREFUeNpifPjwoScDA8NcIJZkIA48B+JkBqDGZz9+/PhPLACpBelhAtnEzs7OQCyAqpVkYiATjGocPhqf//z5k2gNULUvWIBEysuXL0GJXIJIvU+BOA0gwADFKEjgcWgCPwAAAABJRU5ErkJggg==") no-repeat center center;
    position: absolute;
    top: 2px;
    left: -20px;
}
.cluse-box .ico-clause.clause-active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREU0M0Y5NzVBMEYxMUU3QTEwOEZFNUQwNkNBQUFDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREU0M0Y5ODVBMEYxMUU3QTEwOEZFNUQwNkNBQUFDRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJERTQzRjk1NUEwRjExRTdBMTA4RkU1RDA2Q0FBQUNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJERTQzRjk2NUEwRjExRTdBMTA4RkU1RDA2Q0FBQUNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2GRO7QAAASBJREFUeNpiefjwoScDA8NcIJZkIA48B+JkBqDGZz9+/PhPLACpBelhAtnEzs7OQCyAqpVkIlZD1fV1DL13dsL5RGmc8/Aww+R7exk+/fmBEAS6F6+ftr64+J9/a87/5PPz//8DQhAA6YHbeO3zM4ZbX16i2HQVKJZ8YSGDIb8cwxS9aAZGIMRwas6lZQwux3oZjr67A+Y//fGBIfjUVAYxdl6G1aaZDBxMrCiGwjUuMU5hkOEUYPA/OZlh0eNjYE3f/v5mWG+azSDCxoPpcWQ/fv79/X/Aycn/ebZk/Rfalvf/wJsbWP0N0oMROL///f2ffXHJ/xVPTuEMMKwaiQGwUH3+8+dPolMOVO0LFiCR8vLlS1AilyBS71MgTgMIMADy70jJUXEWEAAAAABJRU5ErkJggg==") no-repeat center center;
}
.cluse-box span {
    font-size: 12px;
    color: #333333;
}

.cluse-box span a {
    cursor: pointer;
    color: #0CC76E;
}

.banner-header,
section {
    min-width: 1200px;
}

.banner-header {
    height: 580px;
    background: url("../image/banner-bg.png") no-repeat;
    background-size: cover;
}
.banner-container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 80px;
    box-sizing: border-box;
}

.bh__logo-img {
    width: 122px;
    height: 43px;
    object-fit: cover;
}
.bh__main-title {
    padding-top: 30px;
    font-size: 60px;
    line-height: 1.2;
    font-weight: bold;
    color: #FFFFFF;
}
.bh__horizontal-separator {
    display: block;
    margin-top: 30px;
    width: 44px;
    height: 5px;
    background: #FFFFFF;
}
.bh__company-value-desc {
    padding-top: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
}
.bh__form {
    margin-top: 80px;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 0 48px;
    background-color: #fff;
    box-shadow: 0px 2px 20px 0px rgba(51, 51, 51, 0.12);
    text-align: center;
}
.bh__form-title {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}
.bh__form-title span {
    vertical-align: middle;
}
.bh__form_title_tag {
    font-size: 18px;
    font-weight: normal;
    padding: 6px 14px;
    background-color: #d0ae81;
    color: #fff;
    border-radius: 30px 25px 25px 0;
}
.bh__form-wrapper {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
}
.bh__form-item {
    box-sizing: border-box;
    width: 388px;
    height: 48px;
    background: #FFFFFF;
    margin-right: 20px;
}

.bh__form-item .district .district-drop-down-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #515151;
}

.bh__form-item .error-tips {
    position: absolute;
    bottom: -18px;
    left: 0px;
    font-size: 10px;
    font-weight: 500;
    color: #FE5F00;
    line-height: 1.4;
    padding-top: 5px;
}

.bh__form-item .phone-tips {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);

    font-size: 12px;
    color: #8e8e8e;
    line-height: 1.4;
}

.bh__form-item .input-tips-box {
    height: 100%;
    width: 100%;
    position: relative;
}

.bh__form-item input {
    font-size: 16px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    width: 100% !important;
    height: 100%;
    border: 1px solid #D1D1D1;
    outline: none;
    padding: 11px;
}

.bh__form .bh__form-item .district .district-select-option {
    font-size: 14px;
}

.bh__form-btn {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 266px;

    font-size: 18px;
    color: #fff;
    background-color: #3d9c68;
}

.bh__form-btn:hover {
    opacity: .8;
}

.inspiration-case {
    background-color: #fff;
    margin-top: 214px;
    text-align: center;
}
.ic__box {
    margin-top: 70px;
}
.ic__box h2 { 
    font-size: 32px;
    color: #000;
    padding-bottom: 50px;
    letter-spacing: .1em;
}
.ic__box img { 
    object-fit: cover;
}

.free-floor-plan {
    text-align: center;
    padding: 80px 0;
    margin: 100px 0 0;
    background-color: #40a36d;
}

.ffp__title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    letter-spacing: .1rem;
}
.ffp__sub-title {
    font-size: 18px;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 400;
}
.ffp__img {
    margin-top: 40px;
}

.onebyone-service {
    height: 400px;
    background: url("../image/major-designer.png") no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.os__title {
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 100px;
}
.os__sub-title {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #D9D9D9;
}
.os__free-btn {
    display: block;
    width: 330px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    background: #40a36d;

    font-size: 22px;
    font-weight: 500;

    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.os__free-btn:hover {
    background-color: #4ec885;
}

.icon-right {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMACFWwhy+YfA8E9/Lv39iqY0ciybqnnouBb1BMKhv76ubCk5BwaF0zHtHMtKJ1Qjw5KBdQxQp/AAAA8klEQVQoz1XRV5KDMBRE0TY5Y3Ac52xPDnf/exsXSDac4uN18SG1nqzaCaez8/dAfecCI6j15I9g5F2Wi9NkA5+yljBemTk+gWvmCoZ6qkfmTwSOuuI35rpzCdU3gLV0pWjjjy9ryFgKWLQp4SJrS6SMuA0OTGw9D0cUMtbvpJUt4IlSDy8Zs0HTmImY6imEte5WuLp/VlSybStd+RA7GVXK+M9eJFRO1IYDvMiYUmluY5GvZCUMdCNtb99Z0ZFDU6ZUn8+mKZ3jqes3Mc9dZwSRHhYJczPectKhOcJ36awhPgL7wJuVO3j96p0XZDT2dsv/OkYaWOTk4PkAAAAASUVORK5CYII=") no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
}

.service-process {
    background-color: #fff;
    margin: 80px 0 150px;
    text-align: center;
}

.service-process .sp__title {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 71px;
}

.footer-value-point {
    height: 338px;
    background: url("../image/bottom-bg.png") no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}
.footer-value-point img {
    padding-top: 78px;
}

.fvp__free-btn {
    display: block;
    width: 330px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    background: #40a36d;

    font-size: 22px;
    font-weight: 500;

    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.fvp__free-btn:hover {
    background-color: #4ec885;
}

/* 发标弹框 -- start*/
.form-dialog {
}

.form-dialog.active .fd__mask {
    display: block;
}
.form-dialog.active .fd__content {
    transform: translate(-50%,-50%) scale(1);
}

.fd__mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: rgba( 0, 0, 0, 0.4);
    z-index: 998;
}
.fd__content {
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    padding: 33px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    transform-origin: center;
    transition: all .2s;
    width: 347px;
    background: #FFFFFF;
}
.fd__form-title {
    font-size: 21px;
    font-weight: bold;
    color: #333333;
}
.fd__form-sub-desc {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding-top: 10px;
}
.fd__form-sub-desc em {
    color: #D47334;
    padding: 0 4px;
}
.fd__content .icon-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 13px;
    height: 13px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAZZJREFUSA211zFOwzAUAND/HQ7AyA0aFa4DCwsLQ5cyINGJgbGIBQZuwMLEXZo24QBIbHAAiPk/JFXsJrG/63hIY9ffT9+tbRnXeX5RAlwnSt1OJ5M3GLFk+fulhnJO1gJXm+ILQB+S96MUnh+n6esY9roo5mWpH6uxETIFWFcADuiLF+pwFhs2UBocQT0hI9mmWGrQNzUYNXMbpVm9oln9h8fC+1D2qozrTKNmPoTuwNwQY9pdaCe8L+6D9sKhuC86CEtxCeqEfXEp6gW78BDUG+7Dqf1ouw1SpdkcuL+rGOvY1dlYaoi/oHXSxEhQjhHBHGDg3EBFilYxVaTggQo+jO6cOcCn0eZREWVs/5Fa44sPFtUKHny1UZ5eBLyvg8RHqlfGXSgfbYxav7l35k54CG2mKAQfhH3QULwXlqAheCccgkrxHXgfVIIbcAzUF9/CMVEfvILHQF04ropiBqV+bjqGbPhNbN+nvc6TRJ22rzBBp0wfZrcbOF9hFOKSTsdvepk126AdFKN+Mk0XdAjfsUVXmIc/9jugZaI3tM4AAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    cursor: pointer;
}

.fd__form-item {
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%;
    height: 44px;
    background: #FFFFFF
}
.fd__form-item .input-tips-box {
    height: 100%;
    width: 100%;
    position: relative;
}
.fd__form-item input {
    font-size: 14px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    width: 100% !important;
    height: 100%;
    border: 1px solid #D1D1D1;
    outline: none;
    padding: 11px;
}
.fd__form-item .district .district-drop-down-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #515151;
}
.fd__submit {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #0CC76E;;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
}
.fd__submit:hover {
    opacity: 0.8;
}
.fd__form-item .error-tips {
    position: absolute;
    bottom: -18px;
    left: 0px;
    font-size: 10px;
    font-weight: 500;
    color: #E46D1B;
    line-height: 1.4;
    padding-top: 5px;
}
/* 发标弹框 -- end */


/* 成功领取弹框 -- start*/
.success-dialog {
}

.success-dialog.active .sd__mask {
    display: block;
}
.success-dialog.active .sd__content {
    transform: translate(-50%,-50%) scale(1);
}

.sd__mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: rgba( 0, 0, 0, 0.2);
    z-index: 998;
}
.sd__content {
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    padding: 53px 0 40px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    transform-origin: center;
    transition: all .2s;
    width: 347px;
    height: 216px;
    background: #FFFFFF;
    box-shadow: 0px 9px 21px 0px rgba(221, 208, 167, 0.35);
}
.sd__content .icon-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 13px;
    height: 13px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAZZJREFUSA211zFOwzAUAND/HQ7AyA0aFa4DCwsLQ5cyINGJgbGIBQZuwMLEXZo24QBIbHAAiPk/JFXsJrG/63hIY9ffT9+tbRnXeX5RAlwnSt1OJ5M3GLFk+fulhnJO1gJXm+ILQB+S96MUnh+n6esY9roo5mWpH6uxETIFWFcADuiLF+pwFhs2UBocQT0hI9mmWGrQNzUYNXMbpVm9oln9h8fC+1D2qozrTKNmPoTuwNwQY9pdaCe8L+6D9sKhuC86CEtxCeqEfXEp6gW78BDUG+7Dqf1ouw1SpdkcuL+rGOvY1dlYaoi/oHXSxEhQjhHBHGDg3EBFilYxVaTggQo+jO6cOcCn0eZREWVs/5Fa44sPFtUKHny1UZ5eBLyvg8RHqlfGXSgfbYxav7l35k54CG2mKAQfhH3QULwXlqAheCccgkrxHXgfVIIbcAzUF9/CMVEfvILHQF04ropiBqV+bjqGbPhNbN+nvc6TRJ22rzBBp0wfZrcbOF9hFOKSTsdvepk126AdFKN+Mk0XdAjfsUVXmIc/9jugZaI3tM4AAAAASUVORK5CYII=') no-repeat;
    background-size: cover;
    cursor: pointer;
}
.sd-success-text {
    font-size: 21px;
    font-weight: bold;
    color: #333333;
}
.sd__content-ok {
    width: 228px;
    height: 49px;
    line-height: 49px;
    background: #0CC76E;
    margin-top: 40px;

    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    transition: all .2s;
}
.sd__content-ok:hover {
    opacity: .8;
}
/* 成功领取弹框 -- end */

 /* 隐私对话框开始 */
.privacy-confirm {}
.privacy-confirm-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}
.privacy-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%,-15%);
    width: 254px;
    height: 122px;
    background: #FFFFFF;
    box-shadow: 0px 5px 30px 0px rgba(207, 207, 207, 0.5);
    border-radius: 10px;
    padding: 10px 19px 18px;
}
.privacy-content p {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 1.4;
    text-align: center;
    margin-top: 37px;
}
.privacy-content a {
    color: #0CC76E;
}
.footer-wrapper {
    padding-top: 20px;
    text-align: center;
}
.footer-wrapper a {
    font-size: 14px;
    display: inline-block;
    width: 96px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background: #F5F5F5;
    border-radius: 3px;
}
.footer-wrapper a:nth-child(1) {
    color: #999999;
    background: #F5F5F5;
}
.footer-wrapper a:nth-child(2) {
    color: #FFFFFF;
    background: #0CC76E;
    margin-left: 10px;
}