.solu-content1{position:relative;padding:20px 0}
.solu-content1 .content1-list{display:flex;flex-wrap:wrap}
.solu-content1 .content1-list li{position:relative;width:32%;margin-right:2%;margin-bottom:2%;border-radius:10px;overflow:hidden}
.solu-content1 .content1-list li:nth-child(3n){margin-right:0}
.solu-content1 .content1-list li::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#0a0a0a;opacity:.7;transition:all .2s ease}
.solu-content1 .content1-list li>a{display:block}
.solu-content1 .content1-list li>a:hover{text-decoration:none}
.solu-content1 .li-info{position:relative;padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.solu-content1 .li-info .top{display:flex;align-items:center;transition:all .2s ease}
.solu-content1 .li-info .top .reference-number{position:relative;padding:10px 40px 20px 0;color:#d9c3a0;font-size:70px;font-weight:700;line-height:1}
.solu-content1 .li-info .top .clients-plus{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:50px;line-height:1.1}
.solu-content1 .li-info .top .clients-label{position:absolute;bottom:0;left:5px;font-size:16px;opacity:.7}
.solu-content1 .li-info .top .reference-title{font-size:22px;font-weight:700;line-height:1.2}
.solu-content1 .li-info .center{margin:16px 0 25px;line-height:1.3;font-weight:var(--fontbold5);transition:all .2s ease}
.solu-content1 .li-info .bottom{position:relative;color:#faa21b}
.solu-content1 .li-info .bottom em{transition:all .3s ease}
.solu-content1 .li-info .bottom:hover em{margin-left:20%}
.solu-content1 .content1-list li:hover::after{height:25%}
.solu-content1 .content1-list li:hover .center,.solu-content1 .content1-list li:hover .top{opacity:0}
@media (max-width:1280px){.solu-content1 .li-info{padding:15px 20px}
.solu-content1 .li-info .top .reference-number{font-size:60px}
.solu-content1 .li-info .top .clients-plus{font-size:40px;right:15px}
.solu-content1 .li-info .top .reference-title{font-size:20px}
}
@media (max-width:1024px){.solu-content1 .content1-list{justify-content:space-between}
.solu-content1 .content1-list li{width:49%;margin-right:0}
}
@media (max-width:768px){.solu-content1 .li-info{padding:15px}
.solu-content1 .li-info .top .reference-number{font-size:50px}
.solu-content1 .li-info .top .clients-plus{font-size:30px;top:45%;right:20px}
.solu-content1 .li-info .top .reference-title{font-size:18px}
}
@media (max-width:600px){.solu-content1 .content1-list li{width:100%}
}

.common-main.solution>.l-wrap{max-width:1240px;padding:0 20px}