.pc {
    display: block;
}

.phone {
    display: none;
}

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

    .pc {
        display: none !important;
    }

    .phone {
        display: block !important;
    }

    body {
        overflow-x: hidden;
    }

    .border-top-ph-n {
        border-top: none !important;
    }

    .navbar {
        background: #fff;
        height: 65px;
        position: inherit;
        border-bottom: none;
    }

    .navbar .container {
        justify-content: space-between;
        /* justify-content: center */
    }

    .navbar-nav {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .nav-item {
        width: 33%;
    }

    .navbar-text {
        /* display: none; */
        padding-right: 15px;
    }

    .img_bj {
        width: 140px;
        height: 140px;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .img_bj img {
        width: 95px;
    }

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

    .head_nav {
        z-index: 999;
        background-color: #fff;
        position: absolute;
        top: 65px;
        border-top: 1px solid #000;
    }

    /*  */

    .pro {
        padding: 40px 0 70px 0;
    }

    .pro_k {
        border-radius: 35px 0 35px 0;
        margin-bottom: 10px;
    }

    .pro_k img {
        height: 175px;
        width: 100%;
    }

    .pro_k p {
        border-top: 2px solid #e3e3e3;
        font-size: 16px;
        padding: 15px 0;
    }

    /*  */

    .about h1 {
        font-size: 26px;
    }

    .about h2 {
        display: none;
    }

    .about a {
        margin-top: 25px;
    }

    .about img {
        padding: 10px 0;
    }

    /*  */

    .sdys {
        background: #fff;
    }

    .zz,
    .cp {
        background: #bc1b21;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding-right: 15px;
        padding-left: 15px;
        color: #fff;
    }

    .sj {
        background: #fff;
        padding-left: 0;
    }

    /*  */

    .news .more {
        width: 130px;
        padding: 5px 0;
    }

    /*  */

    .footer .container {
        text-align: center;
    }

    /*  */

    .aboutnav_ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .aboutnav_ul li {
        width: 33%;
    }

    .aboutnav_ul>li>a {
        text-align: center;
        padding-left: 0;
        border-bottom: none;
    }

    /*  */

    .pronav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pronav div {
        width: 33%;
        text-align: center;
    }

    .pronav div a {
        padding: 5px 0;
        display: block;
    }
}