@media only screen and (max-width:1200px) {
    .history-bread {
        width: 80%;
    }
    .history-lunbo {
        width: 80%;
    }
    .history-body .history-left {
        float: none;
        width: 100%;
        padding: 50px 0;
    }
    .history-body .history-right {
        float: none;
    }
    .history-con {
        width: 80%;
    }
    .history-con ul li {
        padding: 0;
    }
    .tell {
        width: 80%;
    }
}

@media only screen and (max-width:980px) {
    .history-con ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    .history-lunbo {
        width: 100%;
    }
    .history-body {
        padding: 15px;
    }
    .history-left {
        float: none;
        width: 100%;
    }
    .history-right {
        float: none;
        width: 100%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: -5px !important;
    }
    .history-con {
        width: 100%;
    }
    .history-con ul li {
        /* width: 100%; */
        flex-basis: 42%;
    }
    .tell {
        width: 100%;
        padding: 20px;
        display: none;
    }
    .tell span {
        float: none;
        font-size: 16px;
        display: block;
    }
    .tell a {
        float: none;
        font-size: 16px;
    }
    .history-con ul {
        padding: 20px;
        padding-bottom: 100px;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }
}