/*list*/
.mlt_list{padding:100px 0;position:relative;overflow:hidden;}
.mlt_list .mltl_ul{position:relative;}
.mlt_list .mltl_ul .mltl_li{width:calc(100%/4 - 15px);position:absolute;background:var(--backgroundColor);
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.mlt_list .mltl_ul .mltl_li .mltl_img{width:100%;height:100%;position:relative;overflow:hidden;}
.mlt_list .mltl_ul .mltl_li .mltl_img img{display:block;width:100%;height:auto;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.mlt_list .mltl_ul .mltl_li .mltl_txt{padding:15px 20px;}
.mlt_list .mltl_ul .mltl_li .mltl_txt p{font-size:14px;line-height:1.5;color:#666;margin-top:10px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.mlt_list .mltl_ul .mltl_li .mltl_txt p:first-child{font-size:16px;font-weight:bold;color:var(--fontColor);}
.mlt_list .mltl_ul .mltl_li:hover{background:var(--logoColor);}
.mlt_list .mltl_ul .mltl_li:hover .mltl_txt p{color:#FFF;}

@media screen and (max-width:1799px){
    .mlt_list{padding:70px 0;}
    .mlt_list .mltl_ul .mltl_li{width:calc(100%/4 - 13px);}
    .mlt_list .mltl_ul .mltl_li .mltl_txt{padding:13px 16px;}
}

@media screen and (max-width:1599px){
    .mlt_list{padding:50px 0;}
    .mlt_list .mltl_ul .mltl_li{width:calc(100%/4 - 10px);}
    .mlt_list .mltl_ul .mltl_li .mltl_txt{padding:11px 13px;}
    .mlt_list .mltl_ul .mltl_li .mltl_txt p:first-child{font-size:15px;}
}

@media screen and (max-width:1399px){
    .mlt_list{padding:30px 0;}
    .mlt_list .mltl_ul .mltl_li{width:calc(100%/3 - 10px);}
    .mlt_list .mltl_ul .mltl_li .mltl_txt{padding:10px 12px;}
}

@media screen and (max-width:1023px){
    .mlt_list .mltl_ul .mltl_li{width:calc(100%/2 - 7px);}
    .mlt_list .mltl_ul .mltl_li .mltl_txt{padding:10px;}
}

@media screen and (max-width:767px){
    .mlt_list .mltl_ul{gap:15px;}
    .mlt_list .mltl_ul .mltl_li{width:100%;}
}