.pc {

    display: block;

}



.phone {

    display: none;

}



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

    .pc {

        display: none !important;

    }

    .phone {

        display: block !important;

    }

    .topline {
        display: none;
    }

    .box_os {
        display: none !important;
    }

    .navbar {
        background: none;
        padding: 0;
        height: auto;
    }

    .logo-sm-height {
        height: 65px;
    }

    .navbar-nav {
        justify-content: space-between;
    }

    .nav-link {
        width: auto;
    }

    .pic_l {
        height: 130px;
    }

    .iproduct .container {
        padding: 10px 0px 100px 0px;
        background-size: 100%;
    }

    .footbg {
        display: none;
    }

    #casebox {
        padding: 20px 0;
    }

    .aboutbg2 {
        padding: 0;
        background: none;
    }

    .iabout {
        width: 100%;
        float: none;
    }

    .aboutbg2 h2,
    .aboutbg2 .class {
        display: none;
    }

    .newsFouce {
        width: auto;
        float: none;
        margin-top: 0;
    }

    .about2 {
        width: auto;
        float: none;
        padding: 15px 0;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .icontact {
        width: auto;
        float: none;
    }

    .clear {
        background-color: #f0f0f0;
    }

    .container-fluid {
        padding-right: 0;
        padding-left: 0;
        position: fixed;
        bottom: 0;
        z-index: 9999;
    }

    .fa {
        font-size: 18px;
    }

    .nav-link:hover {
        width: auto;
    }

    .iprolist {
        display: none;
    }

    .left {
        padding-right: 0px;
    }

    .listcon DT {
        background-size: 100% 100%;
    }

    .lefttitle {
        background-size: 100% 100%;
    }
}