@media screen and (max-width: 991px){
    #topbar,.home-banner{
        display: none;
    }
    #tophead{
        top: 0;
        height: auto;
        padding: 0 4px;
    }
    #tophead .logo{
        width: 80%;
    }
    #tophead .logo img{
        width: 100%;
    }
    #tophead .nav-icon{
        float: right;
        font-size: 30px;
        margin-top: 3%;
    }
    #tophead .nav-icon i{}
    #topnav{
        padding: 10px;
        float: none;
        height: auto;
        text-align: center;
        position: fixed;
        top: 65px;
        background-color: #f1f1f1;
        display: none;
    }
    #topnav ul li{
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 6px;
        border: none;
    }
    #topnav ul li a{
        width: 100%;
        height: 34px;
        line-height: 34px;
        color: #305dc3;
        border-bottom: 1px solid #fff;
    }
    #topnav ul .hover a{
        background-color: transparent;
        color: #305dc3;
    }
    .body-content{
        margin-top: 82px;
    }
    .home-product{
        padding-top: 0;
    }
    .home-product .pro-list{
        display: block;
    }
    .home-product .pro-list .list-i .list-img{
        height: 110px;
    }
    .home-product .pro-list .list-i .list-txt>p{
        height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .home-product .pro-nav .nav-i p.cur a, .home-product .pro-nav .nav-i p a:hover{
        background-color: #fff;
        color: #305dc3;
    }
    .normal-Ht{
        width: 100%;
        margin-top: 6%;
        text-align: center;
    }
    .normal-Ht h2:before{
        margin: 2% auto;
    }
    .home-reason .reason-con .item{
        display: block;
    }
    .home-reason .reason-con .item .item-l{
        margin-top: 4%;
    }
    .home-reason .reason-con .item .item-l strong,
    .home-reason .reason-con .item .item-l b{
        margin-left: 22%;
    }
    .home-reason .reason-con .item .item-r img{
        width: 100%;
    }
    .home-reason .reason-con .item .item-r:before{
        display: none !important;
    }
    .home-new .new-item{
        width: 100%;
        padding: 2% 4%;
    }
    .footer{
        margin-bottom: 43px;
    }
    .footer .item-contact p{
        width: 100%;
    }
    .footer .foot-item:first-child{
        width: 100%;
        padding: 0 4%;
    }
    .normalPage{
        margin-top: 80px;
    }
    .normalPage .righter .pro ul li .img{
        height: 110px;
    }
    .normalPage .righter .pro ul li img{
        max-width: 90%;
    }
    .normalPage .righter .pro ul li .title{
        height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .normalPage .righter .subject{
        overflow: hidden;
    }
    .normalPage .righter .subject b{
        display: none;
    }
    .normalPage .righter .proCon .title{
        font-size: 22px;
    }
    .normalPage .righter .news li a em{
        display: none;
    }
    .home-about{
        background-image: none;
    }
    .home-about .about-txt{
        margin: 4%;
        padding: 4%;
    }
    .home-about .about-img{
        width: 100%;
        position: static;
        margin-top: 6%;
    }
    .home-new .new-b .new-tit{
        width: 100px;
    }

    .sidebar{
        background-color: transparent;
    }
    .sidebar .sidebar-con{
        padding: 2%;
    }
    .sidebar .sidebar-item{
        display: inline-block;
        width: 48%;
    }
    .sidebar .sidebar-item h4 a{
        padding: 2%;
        background-color: #782c16;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    /**** call phone ****/
    .homePage-callPhone{
        position: fixed;
        bottom: 0;
        z-index: 22;
        width: 100%;
        background-color: #782c16;
        padding: 10px 0;
        text-align: center;
    }
    .homePage-callPhone a{
        display: block;
        color: #fff;
    }
    .homePage-callPhone img{
        width: 30px;
        margin-right: 6px;
        vertical-align: middle;
    }
    .homePage-callPhone span{
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        vertical-align: middle;
    }
    .home-advantage .advantage_con .advantage_item i.fa{
        font-size: 34px;
    }
    .home-advantage .advantage_con .advantage_item p{
        font-size: 12px;
    }
    .home-about .text-box,.home-about .txt-box{
        width: 100%;
    }
    .home-new{
        padding: 0 2%;
    }
    .home-new .new-Ht h3{
        font-size: 40px;
    }
    .home-new .new-Ht p{
        font-size: 14px;
        margin-left: 128px;
    }
    .home-new .new-con .new-item{
        padding: 4% 1%;
    }
    .home-new .new-item .date{
        width: 80px;
    }
    .home-new .new-item .info{
        width: 68%;
    }
}