@media screen and (max-width:750px) {
    body {
        min-width: 100%;
    }
    .warp {
        width: 100%;
    }
    .banner {
        height: auto;
        width: 100%;
    }
    .banner img {
        width: 100%;
        height: auto;
    }
    /* main */
    .mainbox {
        padding: .50rem 0 .75rem;
    }
    .main1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 0 0.5rem;
    }
    .main1 p {
        padding: .56rem 0 0;
        font-size: 1rem;
    }
    .main1 i {
        width: 1.50rem;
        height: .76rem;
        top: .9rem;
    }
    .main1_title_L {
        left: .5rem;
    }
    .main1_title_R {
        right: .5rem;
    }
    .main1 span {
        padding: .55rem 0 .37rem;
        width: 98%;
        font-size: .65rem;
        line-height: 1.2rem;
    }
    .main1 .more {
        width: 6.00rem;
        height: 1.60rem;
        line-height: 1.60rem;
        font-size: .64rem;
        margin: 0 auto;
    }
    .main2 {
        margin: 2% auto 0;
        width: 96%;
    }
    .main2 li {
        width: 100%;
        height: 4.1rem;
        padding: 0;
        margin: 0 0 .5rem 0;
        float: none;
    }
    .main2 li p {
        font-size: .81rem;
        line-height: 1.26rem;
    }
    /* public */
    .footer {
        width: 100%;
    }
    .footer p {
        font-size: 14px;
        line-height: 30px;
        padding: 35px 0;
    }
}