﻿.company-advantage .images-wrap{position: relative;padding-top: 4%;}
.company-advantage .images-wrap .images-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.company-advantage .images-wrap .images-list li{position: relative;width: 32%;overflow: hidden;}
.company-advantage .images-wrap .images-list li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.4);opacity: 0;transition: opacity .3s ease;z-index: 1;}
.company-advantage .images-wrap .images-list li:nth-child(-n+3){margin-bottom: 20px;}
.company-advantage .images-wrap .images-list li .li-img{height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.company-advantage .images-wrap .images-list li .li-img img{width: 100%;transition: transform .3s ease;}
.company-advantage .images-wrap .images-list li:hover::before{opacity: 1;}
.company-advantage .images-wrap .images-list li:hover .li-img img{transform: scale(1.03);}
.company-advantage .images-wrap .images-list li .li-info{position: absolute;top: 110%;left: 5%;right: 5%;width: 90%;color: #fff;font-size: var(--fontsize18);text-align: center;z-index: 2;transition: all .3s ease;}
.company-advantage .images-wrap .images-list li:hover .li-info{top: 50%;transform: translateY(-50%);}
@media (max-width:768px) {.company-advantage .images-wrap{padding: 40px 0;}
.company-advantage .images-wrap .images-list li{width: 48.5%;}
.company-advantage .images-wrap .images-list li:nth-child(-n+4){margin-bottom: 20px;}
}
@media (max-width:500px) {.company-advantage .images-wrap{padding: 30px 0;}
.company-advantage .images-wrap .images-list li{width: 100%;}
.company-advantage .images-wrap .images-list li:nth-child(-n+5){margin-bottom: 15px;}
}