@media screen and (max-width:1120px) {
    .banner .banner-des-box{
        display: none;
    }
    .m-center-box{
        padding: 0 .3rem 0;
    }
    .content-box .product-over-center-box{
        flex-direction: column;
    }

    .main .content-box .over-center-box .agent-box .left-box{
        width: 100%;
        height: auto;
        margin-bottom: 0.3rem;
    }
    .main .content-box .over-center-box .agent-box .left-box .agent-list{
        width: 100%;
        height: 6rem;
    }
    .main .content-box .over-center-box .agent-box .right-box{
        display: none;
    }
    .main .product-box .cont-lump {
        display: block;
        justify-content: space-between;
        width: 100%;
        height: auto;
        position: relative;
    }

    .main .product-box .cont-lump .rem-product-box {
        display: none;
    }


    .main .product-box .cont-lump .lump-title {
        display: block;
        font-size: .3rem;
        text-align: center;
        color: #333333
    }

    .main .product-box .cont-lump .lump-heng {
        display: block;
        width: 20px;
        height: 3px;
        margin: .25rem auto .5rem;
        background: #0083cc
    }

    .main .product-box .cont-lump .lunp-web-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 0 .3rem
    }

    .main .product-box .cont-lump .lunp-web-box .box-item {
        display: block;
        width: 47.5%;
        height: auto;
        border-radius: 10px;
        background: #fff;
        margin-bottom: .2rem;
    }

    .main .product-box .cont-lump .lunp-web-box .box-item .box-pic {
        width: 100%;
        height: auto;
        padding: .23rem .18rem;
        overflow: hidden
    }

    .main .product-box .cont-lump .lunp-web-box .box-item .box-pic img {
        width: 100%;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .main .product-box .cont-lump .lunp-web-box .box-item .box-title {
        width: 100%;
        height: auto;
        padding: 10px 10px 5px;
        font-size: 14px;
        text-align: center;
        color: #333;
        border-top: solid 1px #eeeeee;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        /**超出隐藏*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    .main .product-box .cont-lump .lunp-web-box .box-item .product-model {
        font-size: 12px;
        padding: 0 10px 10px;
        text-align: center;
    }

    .main .product-box .cont-lump .lunp-web-box .box-item:hover .box-pic img {
        transform: scale(1.1, 1.1) translateZ(0);
        -o-transform: scale(1.1, 1.1) translateZ(0);
        -moz-transform: scale(1.1, 1.1) translateZ(0);
        -webkit-transform: scale(1.1, 1.1 translateZ(0))
    }

    .main .product-box .cont-lump .lunp-web-box .box-item:hover .box-title {
        color: #4812FE
    }

    .main .content-box .over-center-box .agent-box{
        flex-direction: column;
    }

    .main .join-box .join-policy .join-item{
        width: 3.75rem;
        height: 3.75rem;
        padding: 0.6rem 0 0.4rem;
    }
    
    .main .join-box .join-policy .order1{
        order: 1;
    }
    .main .join-box .join-policy .order2{
        order: 2;
    }
    .main .join-box .join-policy .order3{
        order: 3;
    }
    .main .join-box .join-policy .order4{
        order: 4;
    }
    .main .join-box .join-policy .order5{
        order: 5;
    }
    .main .join-box .join-policy .order6{
        order: 6;
    }
    .main .join-box .join-policy .order7{
        order: 7;
    }
    .main .join-box .join-policy .order8{
        order: 8;
    }



}

@media screen and (max-width:800px) {
    .main .join-box .join-policy .join-item .join-item-desc{
        font-size: 0.16rem;
    }
    .main .apply-box .apply-form-box{
        flex-direction: column;
    }
    .main .apply-box .apply-form-box .apply-item .apply-item-title{
        flex: 1;
        width: 100%;
        text-align: left;
        margin: 15px 0 5px;        
    }
    .main .apply-box .apply-form-box .apply-item{
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
    }
    .main .apply-box .apply-form-box .mark-item{
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        margin-top: 0;
    }
    .main .apply-box .apply-form-box .mark-item .mark-item-title{
        flex: 1;
        width: 100%;
        text-align: left;
        margin: 15px 0 5px;   
    }
    .main .apply-box .apply-form-box .apply-btn-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main .apply-box .apply-form-box .apply-btn-box .apply-btn{
        width: 2.4rem;
        height: 0.55rem;
        line-height: 0.55rem;
        text-align: center;
        font-size: 0.18rem;
        color: #ffffff;
        background-color: #074C9C;
        border: none;
        margin-top: 0.5rem;
        cursor: pointer;
    }
}


@media screen and (max-width:1120px) and (min-width:551px) {
    
    .main .product-box .cont-lump .lunp-web-box .box-item .box-title {
        width: 100%;
        height: auto;
        padding: 10px 10px 5px;
        font-size: 16px;
        text-align: center;
        color: #333;
        border-top: solid 1px #eeeeee;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        /**超出隐藏*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    .main .product-box .cont-lump .lunp-web-box .box-item .product-model {
        font-size: 14px;
        padding: 0 10px 10px;
        text-align: center;
    }
}