body {
        padding: 0;
        margin: 0;
        background-color: #F7F7F7;
    }


    /* 主图区域 */
    .main_img {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .main_img .bigimg {
        /*width: 100%;*/
        height: 300px;
    }

    .main_img .main_bar {
        position: absolute;
        top: 99px;
        left: 15%;
    }

    .main_bar .main_title {
        font-size: 48px;
        font-weight: bold;
        color: #00C4B4;
        margin-bottom: 18px;
    }

    .main_bar .line {
        width: 50px;
        height: 3px;
        background-color: #00C4B4;
        margin-bottom: 18px;
    }

    .main_bar .main_des {
        font-size: 16px;.fifth_part .bar_content .box
        color: rgba(255, 255, 255, 1);
        line-height: 26px;
    }

    /* 服务区域 */
    .serve_bar{
        display: flex;
        flex-direction: row;
    }
    .serve_bar>div{
        width: 210px;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
    .serve_bar>div img{
        width: 80px;
        height: 80px;
    }
    .serve_bar>div .serve_name{
        font-size: 20px;
        font-weight: bold;
        color: #4CCED0;
        margin:10px 0;
    }
    .serve_bar>div .serve_des{
        font-size: 14px;
        color: #222222;
    }
    /*顶部表单*/
    .top_form{
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 0 62px;
        height: 140px;
    }
    .top_form .left_img{
        width: 230px;
        height: 58px;
        margin-right: 45px;
    }
    .top_form .right_form{
        display: flex;
        align-items: center;
    }
    .top_form .right_form input{
        width: 340px;
        height: 60px;
        line-height: 60px;
        background-color: #F7F7F7;
        padding: 0 20px;
        font-size: 18px;
        color: #000000;
        margin-right: 30px;
        outline: none;
        border: none;
    }
    .top_form .right_form .submit{
        width: 120px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #FF9016;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        border: none;
        outline: none;
        cursor: pointer;
    }
    /*个性定制· 给您自定义的生活*/
    .second_part .bar_content .tabs{
        display: flex;
        margin-bottom: 20px;
    }
    .second_part .bar_content .tabs .tab{
        width: 210px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #E7E7E7;
        color: #000000;
        font-size: 24px;
        cursor: pointer;
    }
    .second_part .bar_content .tabs .active_tab{
        background-color: #00C3B3;
        color: #fff;
        cursor: pointer;
    }
    .second_part .img_cont{
        display: flex;
        width: 100%;
        margin-bottom: 60px;
        height: 500px;
    }
    .second_part .img_cont .cont_left{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 460px;
        background-color: #fff;
        padding: 40px 0 35px 0;
    }
    .second_part .img_cont .cont_left img{
        width: 340px;
        height: 340px;
        margin-bottom: 25px;
    }
    .second_part .img_cont .cont_left button{
        width: 340px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #FF9016;
        border-radius: 5px;
        color: #FFFFFF;
        font-size: 22px;
        border: none;
        outline: none;
        cursor: pointer;
    }
    .second_part .img_cont .cont_right{
        width: 800px;
        height: 500px;
    }
    .second_part .img_cont .cont_right img{
        width: 100%;
        height: 100%;
    }
    /*专业服务团队*/
    .fourth_part .bar_content{
        display: flex;
        margin-bottom: 50px;
    }
    .fourth_part .bar_content .box{
        width: 300px;
        height: 460px;
        margin-right: 19px;
        background: #FFFFFF;
        box-shadow: 0px 4px 12px 0px rgba(136, 136, 136, 0.2);
    }
    .fourth_part .bar_content .box img{
        width: 100%;
        height: 100%;
    }
    .fourth_part .bar_content:nth-child(4n+4){
        margin-right: 0;
    }

    /*泉城热装楼盘*/
    .fifth_part{
        padding-bottom: 47px;
    }
    .fifth_part .bar_content{
        position: relative;
        padding-bottom: 47px;
        overflow: hidden;
        height: 420px;
    }
    .fifth_part .bar_content .boxs{
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        margin-bottom: 30px;
    }
    .fifth_part .bar_content .boxs:nth-child(3n+3){
        margin-right: 0;
    }
    .fifth_part .bar_content .box{
        width: 400px;
        height: 400px;
        margin-right: 30px;
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px rgba(13, 4, 9, 0.08);
        flex-shrink: 0;
    }
    .fifth_part .box .top_img{
        width: 100%;
        height: 252px;
        margin-bottom: 20px;
    }
    .fifth_part .box .info{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 14px;
    }
    .fifth_part .box .title{
        color: #222222;
        font-size: 24px;
        font-width: bold;
        margin-bottom: 22px;
        text-align: center;
    }
    .fifth_part .box .detail{
        display: flex;
        align-items: center;
        margin-bottom: 18px;
    }
    .fifth_part .box .detail .key{
        color: #777777;
        font-size: 15px;
    }
    .fifth_part .box .detail .val{
        color: #4ACED0;
        font-size: 15px;
    }
    .fifth_part .box .detail .line{
        background-color: #777777;
        height: 15px;
        width: 1px;
        margin: 0 10px;
    }
    .fifth_part .box .address{
        color: #777777;
        font-size: 15px;
    }
    .fifth_part .dots{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .fifth_part .dots span{
        width: 14px;
        height: 14px;
        border-radius: 50%;
        margin-right: 20px;
        cursor: pointer;
    }
    .fifth_part .dots:last-child{
        margin-right: 0;
    }
    .fifth_part .dots .dot{
        background-color: #999999;
    }
    .fifth_part .dots .active_dot{
        background-color: #00C3B3;
    }
    /*一站式服务流程*/
    .six_part .bar_content{
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }
    .six_part .bar_content .box{
        width: 14.2%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .six_part .bar_content .box img{
        width: 52px;
        /*height: 62px;*/
        margin-bottom: 29px;
    }
    .six_part .bar_content .box .detail{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .six_part .bar_content .box .detail .text1{
        color: #000000;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .six_part .bar_content .box .detail .text2{
        color: #777777;
        font-size: 17px;
    }
    /* 所有区域一样的标题样式 */
    .bar{
        width: 100%;
    }
    .white_bar{
        width: 100%;
        background-color: #fff;
    }
    .bar_head{
        display: flex;
        flex-direction: column;
        padding: 50px 0;
        text-align: center;
    }
    .bar_head .title{
        color: #222222;
        font-size: 36px;
        line-height: 36px;
        font-weight: bold;
        margin-bottom: 19px;
    }
    .bar_head .title .imp{
        color: #4CCED0;
    }
    .bar_head .des{
        font-size: 16px;
        line-height: 16px;
        color: #787878;
    }
    /* 整装体系 */
    /*.pecking{*/
    /*    width: 100%;*/
    /*    height: 620px;*/
    /*    background: url(../../images/zxdz/yjdz_25bg2.jpg);*/
    /*    background-size: 100% 100%;*/
    /*}*/
    /*.pecking .pecking_content{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*}*/
    /*.pecking .pecking_content .top{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    position: relative;*/
    /*    align-items: center;*/
    /*}*/
    /*.pecking .pecking_content .top .title_en{*/
    /*    font-size: 12px;*/
    /*    color: #FFFFFF;*/
    /*    margin-top: 62px;*/
    /*}*/
    /*.pecking .pecking_content .top .title_cn{*/
    /*    font-size: 24px;*/
    /*    color: #FFFFFF;*/
    /*    margin-top: 20px;*/
    /*    margin-bottom: 60px;*/
    /*}*/
    /*.pecking .pecking_content .top .top_box{*/
    /*    width: 360px;*/
    /*    height: 40px;*/
    /*    background-color: #4CCED0;*/
    /*    text-align: center;*/
    /*    line-height: 40px;*/
    /*    font-weight: bold;*/
    /*    font-size: 24px;*/
    /*    color: #FFFFFF;*/
    /*    z-index: 1;*/
    /*}*/
    /*.pecking .pecking_content .top .left_line{*/
    /*    width: 262px;*/
    /*    height: 92px;*/
    /*    border: 1px solid #FFFFFF;*/
    /*    border-right: none;*/
    /*    position: absolute;*/
    /*    left: -210px;*/
    /*    top: 120px;*/
    /*}*/
    /* .pecking .pecking_content .top .right_line{*/
    /*    width: 262px;*/
    /*    height: 92px;*/
    /*    border: 1px solid #FFFFFF;*/
    /*    border-left: none;*/
    /*    position: absolute;*/
    /*    right: -210px;*/
    /*    top: 120px;*/
    /*}*/
    /*.pecking .pecking_content .bottom {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    flex-direction: row;*/
    /*    justify-content: space-between;*/
    /*    margin-top: 50px;*/
    /*}*/
    /*.pecking .pecking_content .bottom>div{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*}*/
    /*.pecking .pecking_content .bottom>div img{*/
    /*    width: 300px;*/
    /*    height: 225px;*/
    /*    margin-bottom: 23px;*/
    /*}*/
    /*.pecking .pecking_content .bottom>div .title_cn{*/
    /*    font-size: 20px;*/
    /*    font-weight: bold;*/
    /*    color: #FFFFFF;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    /*.pecking .pecking_content .bottom>div .title_en{*/
    /*    font-size: 12px;*/
    /*    color: #FFFFFF;*/
    /*}*/
    /* 预约装修 */
    /* 内容区域 */
/*.appointment_bar {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    margin-bottom: 40px!important;*/
/*    margin-top: 50px!important;*/
/*}*/
/*.appointment_bar .detail_content{*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    width: 890px;*/
/*    height: 400px;*/
/*    background-color: #fff;*/
/*    box-shadow:0px 0px 10px 0px rgba(13,4,9,0.08);*/
/*    margin-right: 10px;*/
/*}*/
/*.appointment_bar .signup_bar{*/
/*    width: 360px;*/
/*    height: 400px;*/
/*    background-color: #fff;*/
/*    box-shadow:0px 0px 10px 0px rgba(13,4,9,0.08);*/
/*}*/
/*.appointment_bar .detail_content .head{*/
/*    color: #222222;*/
/*    font-size: 36px;*/
/*    font-weight: bold;*/
/*    margin-top: 50px;*/
/*}*/
/*.appointment_bar .detail_content .head i{*/
/*    color: #4CCED0;*/
/*    font-size: 36px;*/
/*    font-weight: bold;*/
/*}*/
/*.appointment_bar .detail_content .des{*/
/*    font-size: 16px;*/
/*    color: #787878;*/
/*    margin-top: 20px;*/
/*}*/
/*.appointment_bar .detail_content .tips{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    height: 200px;*/
/*    padding-left: 20px;*/
/*    margin-top: 30px;*/
/*}*/
/*.appointment_bar .detail_content .tips>span{*/
/*    width: 170px;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*}*/
/*.appointment_bar .detail_content .tips span .num{*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    padding-left: 8px;*/
/*    line-height: 32px;*/
/*    border-radius: 50%;*/
/*    background-color: #FF8E16;*/
/*    color: #fff;*/
/*    font-size: 20px;*/
/*    font-style: italic;*/
/*    margin-right: 10px;*/
/*}*/
/*.appointment_bar .detail_content .tips span .title{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*.appointment_bar .detail_content .tips span .title .title_cn{*/
/*    font-size: 18px;*/
/*    color: #222222;*/
/*    margin-bottom: 9px;*/
/*}*/
/*.appointment_bar .detail_content .tips span .title .title_en{*/
/*    font-size: 12px;*/
/*    color: #cccccc;*/
/*}*/
/* 报名区域 */
/*.signup_bar{*/
/*    padding: 30px 25px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*.signup_bar .signup_title{*/
/*    font-size: 28px;*/
/*    color: #222222;*/
/*    font-weight: bold;*/
/*    border-left: 3px solid #00C4B4;*/
/*    padding-left: 15px;*/
/*}*/
/*.signup_bar .form>div{*/
/*    margin-top: 20px;*/
/*}*/
/*.signup_bar .form  input{*/
/*    width: 99%;*/
/*    height: 40px;*/
/*    border: 1px solid #CCCCCC;*/
/*    padding-left: 15px;*/
/*    font-size: 12px;*/
/*}*/
/*.signup_bar .form select{*/
/*    width: 32%;*/
/*    height: 40px;*/
/*    border: 1px solid #CCCCCC;*/
/*    padding-left: 15px;*/
/*    font-size: 12px;*/
/*}*/
/*.signup_bar .form button{*/
/*    width: 100%;*/
/*    height: 40px;*/
/*    background-color: #4BCECF;*/
/*    color: #fff;*/
/*    font-weight: bold;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*    border: none;*/
/*    font-size: 18px;*/
/*    cursor: pointer;*/
/*}*/
/*.signup_bar .form span{*/
/*    font-size: 12px;*/
/*    color: #9A9A9A;*/
/*}*/
/*.signup_bar .form i{*/
/*    color: #4CCED0;*/
/*}*/
/*.half_pack_bar{*/
/*        background-color: #fff;*/
/*        padding: 1px 0;*/
/*    }*/
/*    .half_pack_bar .half_pack{*/
/*        display: flex;*/
/*        flex-direction: row;*/
/*        justify-content: space-between;*/
/*        margin-bottom: 70px;*/
/*        margin-top: 50px;*/
/*    }*/
/*    .half_pack_bar .half_pack>div{*/
/*        width: 300px;*/
/*        height: 300px;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        text-align: center;*/
/*        border: 1px solid #EEEEEE;*/
/*        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
/*    }*/
/*    .half_pack_bar .half_pack>div img{*/
/*        width: 100%;*/
/*        height: 225px;*/
/*        margin-bottom: 24px;*/
/*    }*/
/*    .half_pack_bar .half_pack>div span{*/
/*        font-size: 16px;*/
/*        color: #222222;*/
/*    }*/
    /* 暖心 */
    /*.warm_bar{*/
    /*    width: 100%;*/
    /*    height: 660px;*/
    /*    background: url(../../images/zxdz/yjdz_bg3.jpg);*/
    /*    padding-top: 1px;*/
    /*}*/
    /*.warm_bar .warm{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    /* .warm_bar .warm>div{*/
    /*     display: flex;*/
    /*     flex-direction: row;*/
    /* }*/
    /* .warm_bar .warm>div>div{*/
    /*    position: relative;*/
    /*     width: 620px;*/
    /*     height: 193px;*/
    /*     margin-right: 20px;*/
    /*     margin-bottom: 20px;*/
    /*     padding: 20px;*/
    /*     background: #FFFFFF;*/
    /*    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
    /* }*/
    /* .warm_bar .warm>div>div img{*/
    /*     width: 360px;*/
    /*     height: 153px;*/
    /* }*/
    /* .warm_bar .warm>div>div .word_box{*/
    /*     position: absolute;*/
    /*     width: 250px;*/
    /*     height: 130px;*/
    /*     top: 43px;*/
    /*     right: 20px;*/
    /*     display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    text-align: center;*/
    /*    border: 5px solid rgba(75, 206, 207, 0.3);*/
    /* }*/
    /* .warm_bar .warm>div>div .word_box .title{*/
    /*     color: #222222;*/
    /*     font-weight: bold;*/
    /*     font-size: 24px;*/
    /*     margin-bottom: 10px;*/
    /* }*/
    /* .warm_bar .warm>div>div .word_box  .des{*/
    /*     color: #777777;*/
    /*     font-weight: 14px;*/
    /* }*/
     /* G3.0 */
     .G_bar{
         /*padding: 40px 0;*/
         background-color: #fff;
         padding-bottom: 10px;
     }
     .G_bar .G{
         display: flex;
         flex-direction: row;
     }
     .G_bar .G .G_left{
         width: 340px;
         height: 100%;
         display: flex;
         flex-direction: column;
         padding: 30px 20px 0 30px;
         border: 1px solid #EEEEEE;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
     }
     .G_bar .G .G_left .title_cn{
        font-size: 24px;
        font-weight: bold;
        color: #222222;
        margin-bottom: 20px;
     }
     .G_bar .G .G_left .title_en{
        font-size: 14px;
        color: #CCCCCC;
     }
     .G_bar .G .G_left .line{
         width: 40px;
         height: 3px;
         background-color: #4BCECF;
         margin: 25px 0;
     }
     .G_bar .G .G_left .sec{
         font-size: 18px;
         color: #222222;
         margin-bottom: 15px;
     }
     .G_bar .G .G_left .sec i{
         color: #4BCECF;
         font-weight: bold;
     }
     .G_bar .G .G_left img{
         width: 197px;
         height: 227px;
         margin-left: 10px;
     }
     /* 售前售中售后 */
     .sale_serve {
        margin-bottom: 70px;
     }
     .sale_serve .serve_bar{
         width: 100%;
         height: 225px;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         margin-top: 70px;
     }
     .sale_serve .serve_bar>div{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 300px;
        height: 200px;
        background: #FFFFFF;
        padding: 0 20px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
     }
     .sale_serve .serve_bar>div .title{
        font-size: 24px;
        font-weight: bold;
        color: #222222;
     }
     .sale_serve .serve_bar>div .line{
        width: 40px;
        height: 3px;
        background: #4BCECF;
        margin: 20px 0;
     }
     .sale_serve .serve_bar>div .des{
        font-size: 14px;
        color: #777777;
     }
     .sale_serve .serve_bar>div .icon{
         position: absolute;
         top: -25px;
         left: 125px;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         background-color: #4BCECF;
         background-image: url(../../images/zxdz/yjdz_iconright_white.png);
         background-position: center center;
         background-repeat: no-repeat;
     }
     .sale_serve .serve_bar>div:hover {
         background-color: #4BCECF;
         cursor: pointer;
     }
     .sale_serve .serve_bar>div:hover .title{
         color: #fff;
     }
     .sale_serve .serve_bar>div:hover .line{
         background-color: #fff;
     }
     .sale_serve .serve_bar>div:hover .des{
         color: #fff;
     }
     .sale_serve .serve_bar>div:hover .icon{
         background-color: #fff;
         background-image: url(../../images/zxdz/yjdz_iconright_green.png);
     }