.pc {
    display: block;
}

.phone {
    display: none;
}

@media only screen and (max-width: 576px) {
    .pc {
        display: none !important;
    }

    .phone {
        display: block !important;
    }

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

    .iseaCon {
        display: none;
    }

    .foot {
        display: none;
    }

    .h2 {
        padding-top: 0.5rem;
    }

    h2.title {
        background: url(../images/phone/title.jpg) no-repeat center;
        text-align: center;
        font-style: normal;
        font-weight: 100;
        color: #000;
        background-size: 150% 100%;
        line-height: 1.5;
    }

    h2.title span {
        font-size: 20px;
    }

    h2.title p {
        font-size: 16px;
        color: #0066CB;
    }

    a.more {
        background: url(../images/phone/more.png) no-repeat center;
        height: 2rem;
        display: block;
    }

    ul.ipro_de li {
        float: left;
        width: 48%;
        margin: 1%;
        text-align: center;
    }

    a:link,
    a:visited,
    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
    }

    ul.ipro_de li img {
        border: 1px solid #d4d4d4;
        padding: 0.2rem;
        display: inline;
    }

    .inews_de li {
        background: url(../images/phone/san.jpg) no-repeat left center;
        padding-left: 5%;
        font-size: 14px;
        line-height: 3;
        border-bottom: 1px dashed #e2e2e2;
    }

    .inews_de li span {
        float: right;
        font-size: 0.8rem;
    }

    .inews_de {
        width: 96%;
        margin: 0 auto;
    }

    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    #iabout p.w {
        text-indent: 2em;
        font-size: 16px;
        padding-top: 1rem;
    }

    .w {
        width: 96%;
        margin: 0 auto;
    }

    .icontact_de img {
        width: 40%;
        margin: 0 auto;
    }

    .icontact_de .icontact_right {
        width: 57%;
        margin: 0 auto;
    }

    .icontact_right p {
        font-size: 14px;
    }

    #backtop {
        background: linear-gradient(to right, #0066CB 0%, #63A1F6 100%);
        height: 2rem;
        line-height: 2rem;
        margin-top: 1rem;
        padding: 0 15px;
    }

    #backtop a {
        color: #fff;
        display: block;
        float: right;
    }

    .weizg {
        text-align: center;
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        height: 45px;
        line-height: 35px;
    }

    .nav-item:hover>a,
    .nav-item .xlx li a:hover,
    .active>a {
        background-color: #0487cb;
        color: #fff !important;
    }

    .xlx,
    .nav-item:hover .xlx {
        display: none;
    }

    .insLeft {
        display: none;
    }

    .container {
        padding: 15px !important;
    }

    .crumb {
        display: none;
    }

    h1.title {
        text-align: center;
        font-weight: 900;
        font-size: 18px;
        padding: 0.6rem 0;
    }

    .insNewList {
        display: none;
    }

    .pic img {
        height: 120px;
    }

    .iproCon .col-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .pic h3 a {
        height: 50px;
        line-height: 32px;
        overflow: hidden;
    }

    .topTit {
        display: none;
    }

    .top_banner h2 {
        font-size: 40px;
    }

    .top_banner h3 {
        font-size: 20px;
    }

    .top_banner h4 {
        font-size: 20px;
    }

    .banner,
    .cp,
    .cpzx .more {
        display: none;
    }

    .banner_phone,
    .cp_phone {
        display: block;
    }

    .navbar-nav {
        background-color: #0065cbd6;
    }

    /* .cpyfw1,
    .cpyfw2,
    .cpyfw3 {
        display: none;
    } */

    .cpyfw1,
    .cpyfw2,
    .cpyfw3 {
        background: #dae2ed;
    }

    .cpyfw1 .modulebox,
    .cpyfw2 .neirongbox,
    .cpyfw3 .neirongbox {
        width: auto;
        position: initial;
    }

    .cpyfw1 .modulebox p:nth-child(1) {
        font-size: 14px !important;
    }

    .cpyfw1 .modulebox p:nth-child(2) {
        font-size: 35px !important;
    }

    .cpyfw1 .modulebox p:nth-child(3) {
        font-size: 20px !important;
    }

    .cpyfw1 .neirongbox {
        position: initial;
        width: auto;
    }

    .about {
        border-bottom: none;
        padding-bottom: 0;
    }

    .about .w1200 {
        width: 100%;
        height: auto;
        background: #fff;
    }

    .about .about_left {
        width: 100%;
        padding: 0px 20px;
    }

    .about .about_left img {
        width: 100% !important;
        height: auto;
    }

    .about .about_left .tit_top {
        font-size: 14px;
        height: auto;
    }

    .p_list {
        padding-left: 0;
    }

    .news {
        padding: 30px 0 0px 0;
    }

    .iproCon .pic {
        width: 100%;
        margin: 0;
    }
}