@media screen and (max-width : 1199px) {
        .main {
            width: 100%;
        }

        .main-left {
            width: 100%;
            height: auto;
            margin-bottom: 0;
        }

        .main-right {
            width: 100%;
            height: auto;
        }

        .main-left li {
            width: calc((100% - 40px) / 2);
            height: 5rem;
            margin: 0;
            line-height: 5rem;
            font-size: 1.3rem;
            margin: 10px;
        }

        .main-left li a {
            display: flex;
        }

        .main-left li span {
            width: auto;
            height: 100%;
        }

        .main-left li img {
            float: none;
        }

        .yqlj {
            height: 5rem !important;
            line-height: 5rem !important;
            font-size: 1.875rem !important;
            margin-top: 0 !important;
        }

        .main-right-title {
            font-size: 2rem;
        }

        .main-right-con {
            font-size: 1.5rem;
            line-height: 3rem;
        }
    }
    @media screen and (max-width : 550px) {
        .main-left li img{
            display: none;
        }
        .main-left li span{
            padding-left: 2rem;
        }
    }