.list {
        display: flex;
        padding: 30px 0;
    }

    .list_left {
        width: 350px;
        border-right: 1px solid #E2E2E2;
    }

    .list_left > div > h1 {
        line-height: 70px;
    }

    .list_left > div:first-child ul > li > a {
        display: inline-block;
        padding: 20px 90px;
        color: #898989;
        border-bottom: 1px solid #E2E2E2;
        font-size: 20px;
    }

    .list_left > div:first-child ul > li > a.active {
        background: #D22829;
        color: #fff;
    }

    .list_left > div:nth-child(2) {
        margin-top: 100px;
    }

    .list_left > .bd {
        display: none;
    }

    .list_left > .bd ul {
        margin-top: 10px;
        margin-right: 5px;
    }

    .list_left > .bd ul a {
        display: flex;
        border-bottom: 1px solid #E2E2E2;
        padding: 15px 10px 15px 0;
    }

    .list_left > .bd ul a > div:first-child {
        width: 105px;
        text-align: center;
    }

    .list_left > .bd ul a > div:first-child h1 {
        color: #D12829;
        margin-bottom: 15px;
        font-family: Impact;
        letter-spacing: 5px;
        font-size: 40px;
    }

    .list_left > .bd ul a > span:nth-child(2) {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #D12829;
        margin-top: 8px;
        margin-right: 7px;
    }

    .list_left > .bd ul a > div:nth-child(3) {
        flex: 1;
    }

    .list_left > .bd ul a > div:nth-child(3) > p:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: justify;
        font-size: 16px;
    }

    .list_left > .bd ul a > div:nth-child(3) > p:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: justify;
        font-size: 13px;
    }

    .list_right {
        flex: 1;
    }

    .list_right > div:nth-child(3) {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 40px auto;
        display: none;
    }

    .list_right > div:nth-child(3) > a {
        width: 180px;
        height: 50px;
        color: #fff;
        background-color: #D12829;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .list_right > div:nth-child(4) > div > a {
        display: flex;
        align-items: center;
        border-bottom: 2px solid #E2E2E2;
        padding: 15px 0;
        margin-left: 20px;
        font-size: 18px;
    }

    .list_right > div:nth-child(4) > div > a > div:first-child {
        width: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .list_right > div:nth-child(4) > div > a > div:first-child img {
        width: 100%;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(3) {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(2) {
        margin: 0 20px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(2) h1 {
        color: #D12829;
        font-family: Impact;
        letter-spacing: 10px;
        font-size: 50px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .list_right > div:nth-child(4) > div > a > span:nth-child(3) {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D12829;
        margin-top: -86px;
        margin-right: 7px;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(4) {
        flex: 1;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(4) > div {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
    }

    .list_right > div:nth-child(4) > div > a > div:nth-child(4) > p {
        font-size: 20px;
        margin-bottom: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .list_right > div:nth-child(2) {
        display: flex;
        margin-left: 20px;
        display: none;

    }

    .list_right > div:nth-child(2) > div {
        width: 50%;
    }

    .list_right .right {

        padding: 30px 7px;

        background: #fff;

    }

    .list_right .left {

        background: aqua;

        margin-right: 5px;

        height: 308px;

    }

    .list_right .left > a {

        display: flex;

        justify-content: center;

        align-items: center;

        overflow: hidden;

        position: relative;

        height: 100%;

    }

    .list_right .left > a img {

        height: 100%;

    }

    .list_right .left > a div {

        position: absolute;

        bottom: 0;

        width: 100%;

        height: 30px;

        background: rgba(0, 0, 0, 0.5);

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        line-height: 30px;

        color: #fff;

    }

    .list_right .left > a div > span {

        width: 7px;

        height: 7px;

        border-radius: 50%;

        background: #D12829;

        margin: 0 10px;

        display: inline-block;

    }

    .list_right .right > p:first-child {

        font-size: 18px;

        color: #D12829;

        text-align: center;

    }

    .list_right .right > p:nth-child(2) {

        font-size: 12px;

        text-align: center;

        padding: 10px 0 7px 0;

        border-bottom: 1px solid #E2E2E2;

    }

    .list_right .right > p:nth-child(3) {

        text-align: justify;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

        margin: 10px;

    }

    .list_right .right > div {

        width: 100%;

        display: flex;

        justify-content: right;

        margin-top: 50px;

    }

    .list_right .right > div > a {

        width: 110px;

        height: 30px;

        border-radius: 25px;

        background: #E2E2E2;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .list_right .right > div:nth-child(2) > a {

        display: flex;

        align-items: center;

        border-bottom: 1px solid #E2E2E2;

        padding: 5px 0;

    }

    .list_right .right > div:nth-child(2) > a > span:first-child {

        width: 5px;

        height: 5px;

        border-radius: 50%;

        background: #D12829;

    }

    .list_right .right > div:nth-child(2) > a > span:nth-child(2) {

        width: 70%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        margin: 0 10px;

    }

    .list_right > h1 {

        line-height: 70px;

        margin-left: 20px;

        margin-bottom: 20px;

        border-bottom: 1px solid #D22829;

        display: inline-block;

        width: 170px;

    }

    .cybk span {

        width: 10px;

        height: 10px;

        display: inline-block;

        background: #898989;

        margin-right: 20px;

        background: url(../images/bankuai.png) no-repeat center;

    }

    .cybk1 span {

        width: 10px;

        height: 10px;

        display: inline-block;

        background: #898989;

        margin-right: 20px;

    }

    .cybk a {

        font-size: 16px !important;

    }

    .cybk1 a {

        font-size: 18px !important;

    }

    .actives > span {

        background: url(../images/bankuai.png) no-repeat center;

        transform: rotateZ(90deg);

    }

    @media screen and (max-width: 768px) {

        .breadcrumb {

            width: 98% !important;

        }

        .wapper {

            width: 100%;

        }

        body {

            background: #FFFFFF;

            font-size: 14px;

        }

        .list-wapper {

            background-color: #ffffff;

        }

        .list_right > div:nth-child(2) {

            margin-left: 0;

        }

        .list {

            display: flex;

            padding: 30px 0;

            flex-wrap: wrap;

        }

        .list > .list_left > div > ul {

            display: flex;

            flex-wrap: wrap;

        }

        .list > .list_left > div > ul > li {

            margin: 7px;

        }

        .list_right {

            flex: auto;

        }

        .list_left {

            width: 100%;

        }

        .list_left > div:first-child ul > li > a {

            padding: 20px 72px;

        }

        .kdsfj {

            width: 90vw;

        }

        .about-us-mg-bottom-item img {

            width: 150px;

            height: 200px;

        }

        .swiper-container1 {

            margin-bottom: 0;

        }

        .bd {

            display: none;

        }

        .list_right > div:nth-child(4) > div > a {

            padding: 20px 10px;

            margin-left: 0;

        }

        .list_left > div > h1 {

            margin-left: 20px;

        }

        .wapper {

            width: 100%;

        }

        .list_right > div:nth-child(4) > div > a > div:nth-child(3) > p {

            line-height: 1em;

            font-size: 20px;

            margin-bottom: 25px;

            width: 575px;

            word-break: keep-all;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

        }

    }