.pc {
    display: block;
}

.phone {
    display: none;
}

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

    html,
    body {
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
    }

    .pc {
        display: none !important;
    }

    .phone {
        display: block !important;
    }

    .top .topl {
        font-size: 16px;
    }

    .navbar .container {
        justify-content: flex-end;
    }

    .nav-item {
        height: 40px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0 0;
    }

    .index_company .t1 {
        background-size: 100% 100%;
    }

    .pro_slide {
        display: none;
    }

    .sy_product {
        height: 100px;
        overflow: hidden;
    }

    .case {
        display: none;
    }

    .index_news_list .title li {
        width: 110px;
    }

    .hidden-xs {
        display: none;
    }

    .sidebar_list ul {
        width: 89.5%;
        margin: auto;
        min-height: auto;
    }

    .pro_pic {
        height: 125px;
    }

    .online_table {
        width: 100%;
    }
}