.banner {
    position: relative
}

.banner img {
    display: block;
    width: 100%
}

.banner .banner_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner .banner_content h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    line-height: 1.5
}

.conent .conent_crumbs {
    padding: 0 20PX;
    background-color: #F9F9F9
}

.conent .conent_crumbs .crumbs_nav {
    display: flex;
    align-items: center;
    max-width: 30rem;
    height: 40PX;
    margin: auto
}

.conent .conent_crumbs .crumbs_nav a, .conent .conent_crumbs .crumbs_nav span {
    padding: 0 3PX
}

.conent .conent_nav {
    padding: 0 20PX;
    background-color: #f0f1f2
}

.conent .conent_nav .nav_paging {
    display: flex
}

.conent .conent_nav .nav_paging a {
    display: flex;
    align-items: center;
    height: 60PX;
    margin-right: 80PX
}

.conent .conent_nav .nav_paging a span {
    display: block
}

.conent .conent_nav .nav_paging a .arrow {
    margin-left: 20PX
}

.conent .conent_list {
    padding: 60PX 20PX
}

.conent .conent_list .list_content {
    display: flex;
    flex-wrap: wrap;
}

.conent .conent_list .list_content .content_item {
    width: 30%;
    margin: 25PX 0;
    margin-right: 28PX;
    box-shadow: .125rem .25rem .375rem .2rem rgba(0, 0, 0, .05)
}

.conent .conent_list .list_content .content_item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50PX;
    box-sizing: border-box
}

.conent .conent_list .list_content .content_item a img, .conent .conent_list .list_content .content_item a span {
    display: block;
    width: 100%;
}

.conent .conent_list .list_content .content_item a .item_type {
    width: 80PX;
    height: 18PX;
    margin-top: 30PX;
    background-color: #59A00D;
    text-align: center;
    line-height: 18PX
}

.conent .conent_list .list_content .content_item a .item_name {
    margin-top: 35PX
}

.conent .conent_list .list_content .content_item a h4 {
    margin-top: 15PX
}

.conent .conent_list .di_no {
    display: none
}

@media screen and (max-width: 1200px) {
    .conent .conent_list .list_content .content_item {
        width: 48%;
        margin: .575rem 0
    }
}

@media screen and (max-width: 768px) {
    .banner .banner_content h2 {
        font-size: 1.2rem
    }

    .conent .conent_crumbs .crumbs_nav {
        height: 2rem
    }

    .conent .conent_crumbs .crumbs_nav a, .conent .conent_crumbs .crumbs_nav span {
        padding: 0 .075rem;
        font-size: .7rem
    }

    .conent .conent_nav .nav_paging {
        justify-content: center
    }

    .conent .conent_nav .nav_paging a {
        height: 1.5rem;
        margin: 0 .75rem
    }

    .conent .conent_nav .nav_paging a span {
        font-size: .7rem
    }

    .conent .conent_list {
        padding: 1.5rem .5rem
    }

    .conent .conent_list .list_content .content_item {
        width: 100%
    }

    .conent .conent_list .list_content .content_item a {
        padding: 1.25rem
    }

    .conent .conent_list .list_content .content_item a .item_type {
        width: 2.4rem;
        height: .9rem;
        margin-top: .75rem;
        background-color: #59A00D;
        text-align: center;
        line-height: .9rem
    }

    .conent .conent_list .list_content .content_item a span {
        font-size: .7rem;
        margin-top: .875rem
    }

    .conent .conent_list .list_content .content_item a h4 {
        font-size: 1rem
    }

    .conent .conent_list .list_content .content_item a .item_name {
        margin-top: .875rem
    }
}