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

    .container{
        width: 100%;
        padding: 0 15px !important;
        box-sizing: border-box;
    }

    section{
        display: block !important;
    }

    body, #slide {
        min-width: auto;
    }

    .header{
        padding: 15px 0;
    }
    .header .flexbox{
        align-items: center;
    }
    .header .headerR {
        display: none;
    }

    .logo{
        height: 40px;
    }
    .open{
        display: block;
        min-width: 30px;
        margin-left: 15px;
    }

    .nav-bg{
        position: absolute;
        top: 70px;
        height: auto;
        z-index: 99;
        display: none;
    }
    .nav-list{
        flex-wrap: wrap;
    }
    .nav-list .nav-item{
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    footer{
        padding: 0 0 15px;
        font-size: 14px;
    }
    footer .rt{
        display: none;
    }

    .fun{
        margin: 0;
        padding: 10px 0 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fun li{
        flex-grow: initial;
        width: 48%;
        margin: 15px 0 0;
    }
    .fun li a{
        padding: 15px 0;
        font-size: 18px;
        justify-content: center;
    }
    .fun li i{
        width: 40px;
        height: 40px;
        margin-left: 0;
    }
    .fun li i img{
        max-width: 60%;
        max-height: 60%;
    }

    .title>a, .title .tab a{
        font-size: 20px;
    }
    .title .rt span:nth-of-type(2) {
        margin: 0 10px;
    }
    .title img{
        height: 20px;
    }

    .news, .statistics{
        width: 100%;
    }
    .news >.lf{
        float: none;
        width: 100%;
    }
    .news .slideBox .bd img{
        width: 100%;
        object-fit: cover;
    }
    .news .news-list{
        margin-left: 0;
    }

    .consult, .side{
        width: 100%;
    }
    .context{
        display: none;
    }
    .consult .title{
        border-bottom: none;
    }
    .consult .title .rt{
        float: none;
        display: flex;
        margin: 10px 0 -10px;
    }
    .title .search{
        display: flex;
        flex-grow: 1;
        margin-right: 10px;
    }
    .title form{
        width: 100%;
    }
    .title input[type='text'] {
        width: 100%;
    }

    .img-link{
        display: none;
    }
    .news-list{
        height: auto !important;
        min-height: auto;
    }


    .remindCont{
        width: 90%;
        height: auto;
        margin: 0;
        padding: 30px 40px;
        box-sizing: border-box;
        transform: translate(-50%,-50%);
    }
    .fromdata .item-block .left{
        width: 120px;
        min-width: 120px;
    }
    .fromdata .item-block .right{
        flex-wrap: wrap;
    }
    .fromdata .item-block .right textarea,
    .fromdata .item-block .right .input1,
    .fromdata .item-block .right .input2 {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .fromdata .sendcode{
        margin: 10px auto 0;
    }
    .upfile input[type="file"] {
        width: 100%;
        max-width: 100%;
    }
    .fromdata .item-block .right .upfile p{
        height: auto;
    }


		.tab-box2{
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .select-box, .tab-box2 input, .tab-box2 input, .tab-box2 button {
        width: 100% !important;
        margin: 10px 0;
        background-position: right 10px center;
    }

    .tp-list{
        min-height: auto;
        padding-bottom: 20px;
        overflow: auto;
    }
    .tableHead, .searchlist {
        width: 1400px;
    }


    .fromdata .big-box1 .item{
        flex-wrap: wrap;
    }
    .fromdata .big-box1 .item .left-box,
    .fromdata .big-box1 .item .right-box {
        width: 100%;
        margin-left: 0;
    }


}