.honor-container{
    width: 100%;
    margin: 0 auto;
}
    .honor-list{
        max-width: 1310px;
        margin: 0 auto;
        vertical-align: top;
    }
        .honor-list li{
            width: 31%;
            display: inline-block;
            margin: 0 1% 2.5%;
            overflow: hidden;
            vertical-align: top;
        }
        .honor-img{
            display: inline-block;
            position: relative;
            width: 100%;
            padding-bottom: 120%;
            margin-bottom: 2.5%;
            overflow: hidden;
        }
            .honor-img img{
                display: inline-block;
                width: 100%;
                max-height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
                transition: .5S;
                -webkit-transition: .5S;
                -moz-transition: .5S;
                -ms-transition: .5S;
                -o-transition: .5S;
        }
        .honor-title{
            display: block;
            text-align: center;
            font-size: 18px;
            color: #222222;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            padding: 0 3%;
        }
        .honor-list li:hover .honor-img img{
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
}
        .honor-list li:hover .honor-title{
            color: #13912c;
        }


@media(max-width:830px){
    .honor-list li{
        width: 47.5%;
    }
    .fancybox-prev{
        display: block;
        left: 0 !important;
    }
    .fancybox-next{
        display: block;
        right: 0 !important;
    }
}
@media(max-width:540px){
    .honor-list li{
        width: 90%;
        margin-left: 5%;
        margin-bottom: 8%;
    }
    .honor-title{
        font-size: 15px;
    }
    
}