.pc {
    display: block;
}

.phone {
    display: none;
}

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

    .pc {
        display: none !important;
    }

    .phone {
        display: block !important;
    }

    body {
        overflow-x: hidden;
    }

    .navbar {
        background-color: #ffffff;
        position: fixed;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: #000;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1rem 1.2rem;
    }

    .logo {
        float: none;
    }

    .pro_nav {
        display: none;
    }

    .pro_list p {
        font-size: 40px;
    }

    .pro_list dd {
        font-size: 18px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 90%;
    }

    .about>div {
        flex-direction: column;
    }

    .about>div>div {
        width: 100%;
    }

    .about_1 {
        font-size: 40px;
    }

    .about_2 {
        font-size: 22px;
    }

    .about_fl {
        display: none;
    }

    .news_list_x {
        flex-wrap: nowrap;
    }

    .news_list_x>div:nth-child(3)>a>p:nth-child(1) {
        overflow: hidden;
        height: 26px;
    }

    .footer {
        display: none;
    }

}