body {
    background-color: #f5f5f5
}
.case_content{
	all: initial;
}
.banner {
    position: relative
}

.banner > img {
    display: block;
    width: 100%;
    min-height: 150px;
}

.banner_content {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -219PX;
    text-align: center;
    border-radius: 4PX
}

.banner_content > .content_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.banner_content > .content_text > a {
    display: block;
    width: 296PX;
    height: 59PX;
    margin-top: 70PX;
    background: linear-gradient(-90deg, #216cb7 0, #0aa6d3 100%);
    line-height: 59PX
}

@media screen and (max-width: 768px) {
    .banner_content {
        position: absolute;
        left: 50%;
        margin-left: -5.475rem;
        bottom: 30%;
        width: 10.95rem;
        text-align: center;
        border-radius: 4PX
    }

    .banner_content > .content_text > h4 {
        font-size: 1rem
    }

    .banner_content > .content_text > a {
        width: 9rem;
        height: 1.475rem;
        margin-top: 1.75rem;
        line-height: 1.475rem;
        font-size: .7rem
    }
}

.tabs .tabs_box {
    position: relative
}

.tabs .tabs_box .tabs_note {
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -93PX;
    border-bottom: 4PX solid #2770c9
}

.tabs .tabs_box .tabs_note > P {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 375PX;
    height: 186PX;
    padding: 0 25PX;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    line-height: 1.5;
    box-shadow: .1rem .1rem .75rem 0 rgba(0, 0, 0, .23)
}

.tabs .tabs_box .tabs_list {
    display: flex;
    background-color: #e9e9e9
}

.tabs .tabs_box .tabs_list a {
    display: block;
    padding: 25PX 53PX
}

.tabs .tabs_box .tabs_list a:hover {
    color: #164B96
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
    .tabs .tabs_box {
        display: flex;
        flex-wrap: wrap
    }

    .tabs .tabs_box > .tabs_note {
        position: static;
        width: 100%;
        margin-bottom: 0;
        border: none
    }

    .tabs .tabs_box > .tabs_note > p {
        width: 100%;
        height: auto;
        padding: 17PX 0
    }

    .tabs .tabs_box > .tabs_list {
        justify-content: center;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .tabs {
        padding: .25rem;
        box-sizing: border-box
    }

    .tabs .tabs_box {
        display: flex;
        flex-wrap: wrap
    }

    .tabs .tabs_box > .tabs_note {
        position: static;
        width: 100%;
        margin-bottom: 0;
        border-bottom: 4PX solid #2770c9
    }

    .tabs .tabs_box > .tabs_note > p {
        width: 100%;
        height: auto;
        padding: .425rem 0;
        font-size: 1rem
    }

    .tabs .tabs_box > .tabs_list {
        width: 100%;
        display: none
    }
}

.content {
    padding-top: 110PX
}

.content .content_top {
    line-height: 1.5;
    letter-spacing: 1PX;
}

.content .content_list > li {
    font-size:initial;
	display: flex;
    margin-top: 105PX
}

.content .content_list > li > .list_bg {
    width: 50%
}

.content .content_list > li > .list_bg > img {
    display: block;
    width: 100%
}

.content .content_list > li > .list_content {
    width: 50%;
    padding: 30PX;
    box-sizing: border-box;
    line-height: 1.5
}

.content .content_list > li > .list_content > p {
    margin-top: 20PX
}

.content .content_list > .list_item .list_content > h4 {
    margin-bottom: 20PX
}

.content .content_list > .list_item .list_content > span {
    display: block
}

.content .content_list > .list_item .list_content > ul > li {
    position: relative;
    padding-left: 16PX;
    box-sizing: border-box
}

.content .content_list > .list_item .list_content > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 12PX;
    left: 0;
    width: 6PX;
    height: 6PX;
    border-radius: 100%;
    background-color: #0E2E5B
}

.content .content_premium > h4 {
    margin-top: 105PX;
    margin-bottom: 44PX
}

.content .content_premium > .premium_item {
    display: flex
}

.content .content_premium > .premium_item > .item_bg {
    width: 50%
}

.content .content_premium > .premium_item > .item_bg > img {
    display: block;
    width: 100%
}

.content .content_premium > .premium_item > .item_content {
    width: 50%;
    padding: 30PX;
    box-sizing: border-box;
    line-height: 1.5
}

.content .shredder {
    padding-top: 105PX;
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat
}

.case_content >div:first-child {
    padding-top: 0PX;
}
.case_content >div:last-child {
    padding-bottom: 137PX;
    background-image: url(../images/public/conten_backroun.png);
}

.content .shredder .content_shredder {
    display: flex
}

.content .shredder .content_shredder > .shredder_text {
    width: 50%;
    padding: 20PX;
    box-sizing: border-box;
}

.content .shredder .content_shredder > .shredder_bg {
    width: 50%
}

.content .shredder .content_shredder > .shredder_bg > img {
    display: block;
    width: 100%
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
    .content {
        padding-top: 80PX
    }

    .content .content_list > li {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 105PX
    }

    .content .content_list > li > .list_bg {
        order: 1;
        width: 80%
    }

    .content .content_list > li > .list_bg > img {
        display: block;
        width: 100%
    }

    .content .content_list > li > .list_content {
        order: 2;
        width: 80%;
        padding: 30PX;
        box-sizing: border-box;
        line-height: 1.5
    }

    .content .content_list > li > .list_content > p {
        margin-top: 20PX
    }

    .content .content_list > .list_item .list_content > h4 {
        margin-bottom: 20PX
    }

    .content .content_list > .list_item .list_content > span {
        display: block
    }

    .content .content_list > .list_item .list_content > ul > li {
        position: relative;
        padding-left: 16PX;
        box-sizing: border-box
    }

    .content .content_list > .list_item .list_content > ul > li::before {
        content: "";
        display: block;
        position: absolute;
        top: 12PX;
        left: 0;
        width: 6PX;
        height: 6PX;
        border-radius: 100%;
        background-color: #0E2E5B
    }

    .content .content_premium > h4 {
        margin-top: 105PX;
        margin-bottom: 44PX;
        text-align: center
    }

    .content .content_premium > .premium_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .content .content_premium > .premium_item > .item_bg, .content .content_premium > .premium_item > .item_content {
        width: 80%
    }

    .content .shredder {
        padding-top: 105PX;
        padding-bottom: 137PX;
        background-image: url(../images/public/conten_backroun.png);
        background-repeat: no-repeat
    }

    .content .shredder .content_shredder {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .content .shredder .content_shredder > .shredder_bg {
        order: 1;
        width: 80%
    }

    .content .shredder .content_shredder > .shredder_text {
        order: 2;
        width: 80%;
        padding: 30PX
    }
}

@media screen and (max-width: 768px) {
    .content {
        padding: 2rem .25rem 0
    }

    .content .content_top {
        letter-spacing: 1PX;
        text-indent: 1.0rem;
        font-size: .7rem;
        text-align: left
    }

    .content .content_list > li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2rem
    }

    .content .content_list > li > .list_bg {
        order: 1;
        width: 100%
    }

    .content .content_list > li > .list_bg > img {
        display: block;
        width: 100%
    }

    .content .content_list > li > .list_content {
        order: 2;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        line-height: 1.5
    }

    .content .content_list > li > .list_content > h4 {
        margin-top: .75rem;
        font-size: 1rem
    }

    .content .content_list > li > .list_content > p {
        margin-top: .5rem;
        font-size: .7rem
    }

    .content .content_list > .list_item .list_content > h4 {
        margin-top: .75rem;
        margin-bottom: 0;
        font-size: 1rem
    }

    .content .content_list > .list_item .list_content > span {
        display: block;
        font-size: 1rem
    }

    .content .content_list > .list_item .list_content > ul > li {
        position: relative;
        padding-left: 16PX;
        box-sizing: border-box;
        font-size: .7rem
    }

    .content .content_list > .list_item .list_content > ul > li::before {
        content: "";
        display: block;
        position: absolute;
        top: 10PX;
        left: 0;
        width: 6PX;
        height: 6PX;
        border-radius: 100%;
        background-color: #0E2E5B
    }

    .content .content_premium > h4 {
        margin-top: 2rem;
        margin-bottom: 1.1rem;
        font-size: 1rem
    }

    .content .content_premium > .premium_item {
        display: flex;
        flex-wrap: wrap
    }

    .content .content_premium > .premium_item > .item_bg {
        order: 1;
        width: 100%
    }

    .content .content_premium > .premium_item > .item_content {
        order: 2;
        width: 100%;
        padding: 0
    }

    .content .content_premium > .premium_item > .item_content > h5 {
        margin-top: .75rem;
        margin-bottom: .5rem;
        font-size: 1rem
    }

    .content .content_premium > .premium_item > .item_content > p {
        font-size: .7rem
    }

    .content .shredder {
        padding-top: 2rem;
        padding-bottom: 3.425rem
    }

    .content .shredder .content_shredder {
        display: flex;
        flex-wrap: wrap
    }

    .content .shredder .content_shredder > .shredder_text {
        order: 2;
        width: 100%;
        padding: 0
    }

    .content .shredder .content_shredder > .shredder_text > h4 {
        margin-top: .75rem;
        margin-bottom: .5rem;
        font-size: 1rem
    }

    .content .shredder .content_shredder > .shredder_text > p {
        font-size: .7rem;
    }

    .content .shredder .content_shredder > .shredder_bg {
        order: 1;
        width: 100%
    }
}