/*list*/
.byt_list{padding:50px 0 70px;position:relative;overflow:hidden;}
.byt_list .bytl_ul{gap:20px;}
.byt_list .bytl_ul .bytl_li{width:calc(25% - 15px);border-radius:12px;overflow:hidden;}
.byt_list .bytl_ul .bytl_li .bytl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.byt_list .bytl_ul .bytl_li p{padding:15px 20px;background:var(--logoColor);font-size:16px;color:#FFF;line-height:1.5;text-align:center;}
.byt_list .manu{margin-top:50px;}

@media screen and (max-width:1599px){
    .byt_list{padding:40px 0 50px;}
    .byt_list .bytl_ul{gap:16px;}
    .byt_list .bytl_ul .bytl_li{width:calc(25% - 12px);border-radius:10px;}
    .byt_list .bytl_ul .bytl_li p{padding:13px 17px;font-size:15px;}
    .byt_list .manu{margin-top:40px;}
}

@media screen and (max-width:1399px){
    .byt_list{padding:30px 0 40px;}
    .byt_list .bytl_ul{gap:12px;}
    .byt_list .bytl_ul .bytl_li{width:calc(25% - 9px);border-radius:8px;}
    .byt_list .bytl_ul .bytl_li p{padding:12px 15px;font-size:14px;}
    .byt_list .manu{margin-top:30px;}
}

@media screen and (max-width:1023px){
    .byt_list{padding:25px 0 30px;}
    .byt_list .bytl_ul{gap:12px;}
    .byt_list .bytl_ul .bytl_li{width:calc(100%/3 - 8px);border-radius:6px;}
    .byt_list .bytl_ul .bytl_li p{padding:10px;font-size:14px;}
    .byt_list .manu{margin-top:25px;}
}

@media screen and (max-width:767px){
    .byt_list{padding:20px 0 25px;}
    .byt_list .bytl_ul{gap:10px;}
    .byt_list .bytl_ul .bytl_li{width:calc(50% - 5%);}
}