/*list*/
.mlv_list{padding:100px 0;position:relative;overflow:hidden;}
.mlv_list .mlvl_ul{gap:32px;}
.mlv_list .mlvl_ul .mlvl_li{width:calc(100%/4 - 24px);}
.mlv_list .mlvl_ul .mlvl_li .mlvl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    perspective:500px;
}
.mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(243,152,0,.8);opacity:0;
    -webkit-transform:rotateX(-45deg);
    -moz-transform:rotateX(-45deg);
    -ms-transform:rotateX(-45deg);
    transform:rotateX(-45deg);
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
}
.mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow i{width:70px;height:70px;background:#FFF;border-radius:50%;line-height:72px;text-align:center;font-size:44px;color:var(--logoColor);}
.mlv_list .mlvl_ul .mlvl_li p{padding:15px 20px;background:var(--backgroundColor);font-size:16px;color:var(--fontColor);line-height:1.3;text-align:center;}
.mlv_list .mlvl_ul .mlvl_li:hover .mlvl_img .mlvl_shdow{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    transform:rotateX(0);
}
.mlv_list .manu{margin-top:50px;}

@media screen and (max-width:1799px){
    .mlv_list{padding:70px 0;}
    .mlv_list .mlvl_ul{gap:28px;}
    .mlv_list .mlvl_ul .mlvl_li{width:calc(100%/4 - 21px);}
    .mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow i{width:66px;height:66px;line-height:66px;font-size:40px;}
    .mlv_list .mlvl_ul .mlvl_li p{padding:13px 16px;font-size:16px;}
    .mlv_list .manu{margin-top:42px;}
}

@media screen and (max-width:1599px){
    .mlv_list{padding:50px 0;}
    .mlv_list .mlvl_ul{gap:24px;}
    .mlv_list .mlvl_ul .mlvl_li{width:calc(100%/4 - 18px);}
    .mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow i{width:60px;height:60px;line-height:60px;font-size:36px;}
    .mlv_list .mlvl_ul .mlvl_li p{padding:11px 13px;font-size:15px;}
    .mlv_list .manu{margin-top:35px;}
}

@media screen and (max-width:1399px){
    .mlv_list{padding:30px 0;}
    .mlv_list .mlvl_ul{gap:24px;}
    .mlv_list .mlvl_ul .mlvl_li{width:calc(100%/3 - 16px);}
    .mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow i{width:52px;height:52px;line-height:52px;font-size:32px;}
    .mlv_list .mlvl_ul .mlvl_li p{padding:10px 11px;font-size:14px;}
    .mlv_list .manu{margin-top:30px;}
}

@media screen and (max-width:1023px){
    .mlv_list .mlvl_ul{gap:20px;}
    .mlv_list .mlvl_ul .mlvl_li{width:calc(100%/2 - 10px);}
    .mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow{opacity:1;
        -webkit-transform:rotateX(0);
        -moz-transform:rotateX(0);
        -ms-transform:rotateX(0);
        transform:rotateX(0);
    }
    .mlv_list .mlvl_ul .mlvl_li .mlvl_img .mlvl_shdow i{width:46px;height:46px;line-height:46px;font-size:28px;}
    .mlv_list .manu{margin-top:20px;}
}

@media screen and (max-width:767px){
    .mlv_list .mlvl_ul{gap:15px;}
    .mlv_list .mlvl_ul .mlvl_li{width:100%;}
}