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

    ul li:hover .m-text{
        bottom: -17% !important;
    }
    ul li::before{
        left: 49.7%;
    }
    ul li:hover::before{
        left: 49.7% ;
    }

  
}   


@media screen and (max-width:1200px) {
    
    /* 圆点 */
    ul li::before{
        left: 49.7% ;
    }
    ul li:hover::before{
        left: 49.7% ;
    }
   

  
}   

@media screen and (max-width:840px) {
    /* 字体样式 */
    .m-text span:nth-child(1){
        font-size:20px ;
    }

    .m-text span:nth-child(2){
        font-size:16px ;
    }

    .m-text span:nth-child(3){
        font-size:14px ;
    }
    .m-text{
        display: flex !important;
        flex-wrap: wrap !important;
        bottom: 12% !important;
        width: 90% !important;
    }
    /* 白色弹出 */
    ul li:hover .m-img{
        height: 114%;
        -webkit-transition:.5s;
        transition:.5s;
    }
    /* 文字 */
    ul li:hover .m-text{
        bottom: -17% !important;
        -webkit-transition:.5s;
        transition:.5s;
    }


    /* 圆点 */
    ul li::before{
        left: 48%;
    }
    ul li:hover::before{
        left: 48%;
    }
    li::after{
        left: 49.7%;
    }
}   


@media screen and (max-width:640px) 
{
    .middle-img ul li::before
    {
        left: 48.7%;
    }
    .middle-img ul li:hover::before
    {
        left: 48.7%;
    }
    /* 字体样式 */
    .m-text span:nth-child(1){
        font-size:16px ;
    }

    .m-text span:nth-child(2){
        font-size:14px ;
    }

    .m-text span:nth-child(3){
        font-size:12px ;
    }
    .m-text{
        display: flex !important;
        flex-wrap: wrap !important;
        bottom: 16% !important;
        width: 90% !important;
    }
    /* 白色弹出 */
    ul li:hover .m-img{
        height: 114%;
        -webkit-transition:.5s;
        transition:.5s;
    }
    /* 文字 */
    ul li:hover .m-text{
        bottom: -21% !important;
        -webkit-transition:.5s;
        transition:.5s;
    }


    /* 圆点 */
    ul li::before{
        left: 47%;
    }
    ul li:hover::before{
        left: 47%;
    }
    li::after{
        left: 49.7%;
    }
}