@media screen and (max-width: 768px) {
    .layout-container {
        width: 100%;
        padding: 0 !important;
        overflow: hidden;
    }

    .layout-root {
        width: 100%;
    }

    .root {
        width: 100%;
        margin: 0 auto;
    }

    header {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 110px;
        background-size: cover;
    }

    header #titlearea {
        display: none !important;
    }

    header .search {
        display: flex;
        width: 90% !important;
        height: 30px;
        margin: 0 auto !important;


    }

    header .search #searchsc {
        width: 75%;
        height: 40px;
        line-height: 40px;

    }

    header .search #searchbtn {
        width: 25%;
        height: 40px;
        line-height: 40px;

    }

    header .navlink {
        width: 90% !important;
        height: 30px;
        line-height: 30px;
        margin: 15px auto 0;
        font-size: 16px;
    }


    .mainbox {
        width: 96%;
        min-width: 96%;
        margin: 0 auto;
        flex-direction: column;

    }

    .mainbox .column {
        width: 100%;
        margin: 0 auto;

    }

    .panel1 {
        height: auto;
        min-height: 200px;
    }

    .panel1,
    .panel2 {
        width: 100%;
    }

    .kydf {
        height: 300px;
    }

    .panel2 .chart1 {
        height: 300px;
        width: 100%;
        /* 宽度自适应 */
    }

    .ybp {
        height: 700px;
    }

    .panel2 .chart {
        height: 700px;
    }

    .panel3 h2,
    h2 {
        font-size: 16px;
        color: #ffffff;
    }

    .mainbox .column:nth-child(2) {
        width: 100%;
        margin: 0;
    }

    .panel3 {
        width: 100%;
    }

    footer {
        font-size: 16px !important;
    }
}