/*list*/
.byv_list{padding:70px 0;position:relative;overflow:hidden;}
.byv_list .byvl_ul{gap:20px;}
.byv_list .byvl_ul .byvl_li{width:calc(100%/4 - 15px);border-radius:12px;overflow:hidden;background:var(--backgroundColor)}
.byv_list .byvl_ul .byvl_li .byvl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    perspective:500px;
}
.byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(12,82,151,.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;
}
.byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow i{width:70px;height:70px;background:#FFF;border-radius:50%;line-height:72px;text-align:center;font-size:44px;color:var(--logoColor);}
.byv_list .byvl_ul .byvl_li p{padding:15px 20px;background:var(--logoColor);font-size:16px;color:#FFF;line-height:1.5;text-align:center;}
.byv_list .byvl_ul .byvl_li:hover .byvl_img .byvl_shdow{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    transform:rotateX(0);
}
.byv_list .manu{margin-top:50px;}

@media screen and (max-width:1599px){
    .byv_list{padding:50px 0;}
    .byv_list .byvl_ul{gap:16px;}
    .byv_list .byvl_ul .byvl_li{width:calc(100%/4 - 12px);border-radius:10px;}
    .byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow i{width:60px;height:60px;line-height:60px;font-size:36px;}
    .byv_list .byvl_ul .byvl_li p{padding:11px 13px;font-size:15px;}
    .byv_list .manu{margin-top:35px;}
}

@media screen and (max-width:1399px){
    .byv_list{padding:30px 0;}
    .byv_list .byvl_ul{gap:12px;}
    .byv_list .byvl_ul .byvl_li{width:calc(100%/4 - 9px);border-radius:8px;}
    .byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow i{width:52px;height:52px;line-height:52px;font-size:32px;}
    .byv_list .byvl_ul .byvl_li p{padding:10px 11px;font-size:14px;}
    .byv_list .manu{margin-top:30px;}
}

@media screen and (max-width:1023px){
    .byv_list .byvl_ul{gap:15px;}
    .byv_list .byvl_ul .byvl_li{width:calc(100%/3 - 10px);border-radius:6px;}
    .byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow{opacity:1;
        -webkit-transform:rotateX(0);
        -moz-transform:rotateX(0);
        -ms-transform:rotateX(0);
        transform:rotateX(0);
    }
    .byv_list .byvl_ul .byvl_li .byvl_img .byvl_shdow i{width:46px;height:46px;line-height:46px;font-size:28px;}
    .byv_list .manu{margin-top:20px;}
}

@media screen and (max-width:767px){
    .byv_list .byvl_ul{gap:10px;}
    .byv_list .byvl_ul .byvl_li{width:calc(50% - 5px);}
}