.solu{  margin-top: 3vw;}
.solubox li{ margin-bottom: 40px; background-color: #f6f6f6; position: relative; transition: all 0.3s;}
.solubox li:nth-child(even) a{flex-direction:row-reverse ;}
.solubox li a{ display:flex;}

.solubox li:hover{ background-color: #2f3438;}
.solubox li:hover img{ transform: scale(1.02);}
.solubox li:hover .sotext1{ color: #fff;}
.solubox li:hover .sotext2{ color: #fff;}
.solubox li:hover .solutext span{ color: #fff;}

.soluimgbox{ width: 50%; overflow: hidden;}
.soluimgbox img{ max-width: 100%; height:100%;object-fit: cover; transition: all 0.3s;}
.solutext{ display: block; width: 50%; height: 100%; padding: 4.16vw 3.65vw 3.13vw 3.65vw; box-sizing: border-box;}
.sotext1{ color: #000000; font-size: 30px;   line-height: 1; transition: .5s;}
.sotext2{
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-top: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 84px;
    margin-bottom: 50px;
    transition: .5s;
}
.solutext span{ color: #666;}
.solutext span:hover{color: #000;}

@media(max-width: 990px){
	
	.solubox li a{ display:block;}
	.soluimgbox{width: 100%;}
	.solutext { width: 100%;}
	.sotext1{ font-size: 24px; }
	.sotext2{font-size: 14px; margin-bottom: 25px;}
}