@media screen and (min-width: /*18.750*/10em) {
    body {
        font-size: 0.8125em;
    }

    .desktop {
        display: none !important;
    }

    .tablet {
        display: none !important;
    }

    .ipad {
        display: none !important;
    }
    .banner,.slogan,.bn,.full,.footer .module,.right,.contact{
        padding: 0 2%;
        width: 96%;
    }
    .content_right{
        width: 100%;
    }
    /*---header---*/
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        text-align: center;
    }

    /*-------------menu-------------*/
    #simple-menu{
        position: fixed;
        right: 0;
        top: 0;
        font-size: 30px;
        z-index: 99999;
    }
    /*---logo---*/
    .logo{
        margin-top: 56px;
        text-align: center;
    }
    .logo .logo_right dl dt{
        float: left;
        padding-right: 5px;
    }
    /*form*/
    .menu{
        height: 35px;
    }
    .menu form{
        width: 96%;
        margin-right: 2%;
    }
    /*----------slide-------*/
    .image{
        height:250px;
    }
    .slide_brief {
        font-size: 17px;
    }
    /*----------banner-top------*/
    .banner .box{
        margin: 5px 0;
        float: left;
        width: 100%;
    }
    .banner-top .box{
        background-color: #1f455d;
    }
    .banner-top dl{
        padding: 15px 0;
        color: #fff;
    }
    .banner .box dl dt{
        float: left;
    }
    .banner-top .box dl dt{
        padding-top: 10px;
        padding-left: 10px;
    }
    .banner-top .box>img{
        float: right;
    }
    .banner-top .box dl dd{
        padding-left: 90px;
        padding-right: 10px;
        text-align: justify;
    }
    .banner-top a{
        color: #fff;
    }
    /*---bn---*/

    .bn,.bn p,.bn span{
        float: left;
        width: 100%;
        text-align: center;
    }
    .bn,.bn span{
        padding: 15px 0;
    }
    /*about*/
    .title{
        margin-bottom: 10px;
    }
    /*---------footer-------*/
    .footer{
        float: left;
        width: 100%;
    }
    .footer .box{
        width: 100%;
    }
    .copyright{
        padding: 15px 0;
        text-align: center;
    }
    /*left*/
    .service_hot{
        padding: 8px 2% 15px 2%;
        float: left;
        width: 96%
    }
    /*product left*/

    /*--------page----------*/
    /*--right--*/
    /*list news*/
    .list_news dl dt {
        margin-right: 5px;
    }
    /*gallery*/
    .gallery>div{
        width: 100%;
    }
    /*listproduct*/
    .grid{
        width: 233px;
        margin: 0 auto;
    }
    /*list news*/
    .ngrid > li{
        width: 100%;
        padding: 0;
    }
    .header-image{
        height:80px;
    }
}