@charset "utf-8";
/* CSS Document */

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

    .container {
        width: auto;
        padding: 0px 20px;
    }

    .head .nav .logo {
        left: 10px;
    }

    #pp .data .pager {
        left: 20px;
    }

    .body .left {
        width: 65%;
    }

    .body .right {
        width: 32%;
    }

    .news li a .text {
        width: 50%;
    }

    .body .customers li {
        width: 28%;
    }
}

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

    #pp .data .slogan {
        margin-top: 100px;
    }

    .news li a .text {
        width: 45%;
    }

    .list .box {
        width: 75%;
    }
}

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

    .head .nav .menu li a {
        padding-left: 40px;
        padding-right: 40px;
    }

    .news li a .img {
        float: none;
        width: 100%;
        max-height: 150px;
    }

    .news li a .text {
        float: none;
        width: 100%;
        margin-top: 8px;
    }

    .body .customers li {
        width: 42%;
    }
}

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

    .head .nav .logo {
        top: 3px;
    }

    .head.rid .nav .logo {
        top: -7px;
    }

    .head .nav .logo img {
        width: 240px;
    }

    .head .nav .menu li a {
        padding-left: 30px;
        padding-right: 30px;
    }

    #pp {
        height: 420px;
    }

        #pp .data .slogan {
            max-width: none;
            margin-top: 150px;
        }

            #pp .data .slogan h1 {
                font-size: 25pt;
                line-height: 25pt;
            }

    .icon li {
        margin-left: 50px;
        margin-right: 50px;
    }

    .list .box {
        width: 70%;
    }
}

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

    .icon li {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .body .left, .body .right {
        width: auto;
        float: none;
    }

    .news li a .img {
        float: left;
        width: 200px;
        max-height: 120px;
    }

    .news li a .text {
        float: right;
        width: 68%;
    }

    .head .nav .menu {
        height: 48px;
    }

        .head .nav .menu li {
            display: none;
        }

            .head .nav .menu li.menurid {
                display: inline-block;
            }

    .list .det-img, .list .box {
        float: none;
        width: 100%;
    }

    .list .box {
        margin-top: 30px;
    }

    .program .pt li, .program .pt li.l, .program .pt li.r {
        float: none;
        width: auto;
    }
}

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

    .news li a .text {
        width: 60%;
    }

    .body .customers li {
        width: 80%;
    }
    
    .min-center {
        width: 95%;
    }
}

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

    #pp {
        height: 300px;
    }

        #pp .data .slogan {
            margin-top: 100px;
            padding: 20px;
        }

            #pp .data .slogan h1 {
                font-size: 17pt;
                line-height: 17pt;
            }

            #pp .data .slogan h2 {
                margin-top: 10px;
                font-size: 10pt;
            }

    .news li a .text {
        width: 50%;
    }

    .footer .container {
        text-align: center;
        padding: 20px;
    }

    .footer .right, .footer .left {
        float: none;
    }

        .footer .right img {
            width: 120px;
        }

    .footer .left {
        margin-top: 20px;
    }

        .footer .left > li {
            float: none;
            margin: 0px 0px 10px 0px;
            display: block;
        }

        .footer .left h6 {
            margin-bottom: 5px;
        }
}

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

    .news li a .img {
        float: none;
        width: 100%;
        max-height: 150px;
    }

    .news li a .text {
        float: none;
        width: 100%;
    }

    .body .customers li {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .customers .box .cont .central h2 {
        height: auto;
    }

}