@media (max-width: 768px){
    *{
        margin: 0;
        padding: 0;
    }
    html,body{
        width: 100%;
        height: 100%;
    }
    .body-main .head .head-wrapper{
        width: 100%;
    }
    .body-main .head .head-wrapper .head-wrapper-left {
        width: calc(100% - 70px);
        overflow: hidden;
    }
    .body-main .head .head-wrapper .head-wrapper-right{
        width: 70px;
        overflow: hidden;
    }
    .body-main .head .head-wrapper .head-wrapper-left ul{
        width: 100%;
    }
    .body-main .head .head-wrapper .head-wrapper-left ul li:first-child{
        width: calc(60% - 20px);
    }
    .body-main .head .head-wrapper .head-wrapper-left ul li:last-child{
        width: calc(40% - 20px);
    }
    .body-main .head .head-wrapper .head-wrapper-left ul li img.logo-image{
        width: 100%;
    }
    .body-main .head .head-wrapper .head-wrapper-right ul li{
        margin: 0;
        padding: 0;
        padding-top: 0.4rem;
    }
    #inform_cont .dv_bodys .inform_wrap .wr_content .calls_topt>table tbody tr{
        width: 100%;
    }
    #inform_cont .dv_bodys .inform_wrap .wr_content .calls_topt>table tbody tr td{
        display: block;
        width: 100%;
        float: left;
        line-height: 1.4;
        margin: 0.1rem 0;
    }
    #inform_cont .dv_bodys .inform_wrap .wr_content .calls_topt>table tbody tr td:last-child{
        float: right;
        width: 0.9rem;
        margin-right: 0.1rem;
        margin-top: -0.4rem;
    }
    .footer{
        width: 100%;
    }
    .footer span a{
        color: #666666;
    }
    .dy_name{
        width: 100%;
    }
}