.szgk {
        width: 100%;}

    .szgk li {
        width: 22.5%;
        margin: 1%;
        display: inline-block;}

    .szgk li .pic-img {
        overflow: hidden;
        position: relative;
        padding-top: 128%;}

    .szgk li .pic-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;}

    .szgk li p {
        font-size: 16px;
        line-height: 35px;
        text-align: center;}

    .szgk li:hover img {
        transform: scale(1.1);
        transition: 1s;}

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

        .szgk li {
            width: 47%;
            margin: 1%;}
    }