/*banner*/
.zizhi_banner{
    padding:100px 0 70px;
    background:url(../img/zizhi_banner_bg.png) no-repeat bottom center;
    background-size:cover;
    min-height:603px;
    display: flex;
    align-items: center;
}
.banner_part{
    color:#fff;
}
.banner_part .part_title{
    font-size:44px;
    font-weight:700;
    height:80px;
}
.banner_part .part_un_title{
    font-size:20px;
    line-height:40px;
    margin-bottom:30px;
}
@media (min-width: 992px) {
    .banner_part{
        display: flex;
        align-items: center;
    }
}
@media (max-width: 992px) {

    .banner_part .part_title{
        font-size:42px;
        height:60px;
    }
    .banner_part .part_un_title{
        font-size:20px;
        line-height:30px;
    }
}

/*系统分类选项*/
.system_classify {
    margin-bottom:50px;
    margin-top:90px;
}
.system_classify .classify_item{
    display:block;
    font-size:20px;
    color:#758296;
    font-weight: 700;
    float:left;
    width:33.33%;
    border:1px solid #f1f1f1;
    padding-left:180px;
    padding-top:15px;
    padding-bottom:15px;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.system_classify .classify_item:hover{
    color:#000;
    cursor: pointer;
}
.system_classify .classify_item.active,.system_classify .classify_item.active:hover{
    color:#fff;
    cursor: default;
    background:#4b91ff;
    box-shadow: 0 0 10px 0 rgba(0, 99, 255, 0.2);
    border:1px solid #4b91ff;
}
.system_classify .classify_item.item1{
    background:url(../img/system_icon1.png) no-repeat 122px center #fff;
    background-size:36px 35px;
}
.system_classify .classify_item.item2{
    background:url(../img/system_icon2.png) no-repeat 122px center #fff;
    background-size:31px 30px;
}
.system_classify .classify_item.item3{
    background:url(../img/system_icon3.png) no-repeat 122px center #fff;
    background-size:29px 26px;
}
.system_classify .classify_item.item1.active{
    background:url(../img/system_icon1_active.png) no-repeat 122px center #4b91ff;
}
.system_classify .classify_item.item2.active{
    background:url(../img/system_icon2_active.png) no-repeat 122px center #4b91ff;
}
.system_classify .classify_item.item3.active{
    background:url(../img/system_icon3_active.png) no-repeat 122px center #4b91ff;
}

@media (min-width:992px) and (max-width: 1200px) {

    .system_classify .classify_item{
        font-size:18px;
        padding-left:140px;
    }

    .system_classify .classify_item.item1,.system_classify .classify_item.item1.active{
        background-position:90px center;
        background-size:31px 30px;
    }
    .system_classify .classify_item.item2,.system_classify .classify_item.item2.active{
        background-position:90px center;
        background-size:26px 25px;
    }
    .system_classify .classify_item.item3,.system_classify .classify_item.item3.active{
        background-position:90px center;
        background-size:25px 20px;
    }
}
@media (max-width: 992px) {

    .system_classify .classify_item{
        font-size:16px;
        padding-left:100px;
    }

    .system_classify .classify_item.item1,.system_classify .classify_item.item1.active{
        background-position:65px center;
        background-size:22px 20px;
    }
    .system_classify .classify_item.item2,.system_classify .classify_item.item2.active{
        background-position:65px center;
        background-size:21px 19px;
    }
    .system_classify .classify_item.item3,.system_classify .classify_item.item3.active{
        background-position:65px center;
        background-size:21px 15px;
    }
}
@media (max-width: 768px) {

    .system_classify .classify_item{
        font-size:14px;
    }
}


.employment_system .system_box{
    display: none;
}


.qualification_box .qualification_item{
    background:#fff;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:30px;
    padding:27px 5px;
    display:block;
    font-size:20px;
    color:#686868;
    font-weight:700;
    background:url(../img/qualification_item_bg.png) no-repeat center;
    background-size:100% 100%;
}

@media (min-width:992px) and (max-width: 1200px) {

    .qualification_box .qualification_item{
        font-size:18px;
    }
}
@media (max-width: 992px) {

    .qualification_box .qualification_item{
        font-size:18px;
    }
}


/*标题*/
.zizhi_title{
    text-align:center;
    height:80px;
    line-height:80px;
    font-size:34px;
    font-weight: 700;
    margin:50px 0 40px;
    border-bottom:2px solid #f1f1f1;
}
.zizhi_title .title_txt{
    color:#282828;
    display: inline-block;
    font-size:30px;
    font-weight: 700;
    height:80px;
    line-height:80px;
    position:relative;
}
.zizhi_title .title_txt span{
    font-size:24px;
    color:#999999;
    font-weight: 500;
}
.zizhi_title .title_txt:after{
    height:4px;
    width:100%;
    background:#4b91ff;
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
}

.property_box{
}
.property_box .property_item{
    background:#fff;
    text-align:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:20px 5px;
    display:block;
    font-size:16px;
    color:#686868;
    border:1px solid #f1f1f1;
}
.property_box .property_item:hover{
    border:1px solid #4b91ff;
}

@media (min-width:992px) and (max-width: 1200px) {

    .property_box .property_item{
        font-size:15px;
    }
}
@media (max-width: 992px) {

    .property_box .property_item{
        font-size:18px;
    }
}


