.solution-container{width:100%;min-height:364px;padding:80px 0}.solution-container h1{font-family:PingFangSC-Medium;font-size:32px;text-align:center;line-height:48px;font-weight:500;margin-bottom:20px}.solution-container .solution-content{display:flex;justify-content:space-between;width:1160px;margin:0 auto}.solution-container .solution-content>div{width:376px;height:240px;background:#f9f9f9;border:1px solid #e6e6e6;border-radius:1px 1px 0 0;padding:24px 32px;transition:all .2s;display:flex;justify-content:flex-end;flex-direction:column;color:#fff;background-size:cover;background-position:center;box-shadow:0 -100px 200px -20px #0e57a2 inset}.solution-container .solution-content>div .title{font-family:PingFangSC-Medium;font-size:18px;text-align:justify;line-height:28px;font-weight:500;margin-bottom:12px}.solution-container .solution-content>div .desc{font-family:PingFangSC-Regular;font-size:12px;text-align:justify;line-height:20px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px}.solution-container .solution-content>div p{transition:all .4s}.solution-container .solution-content>div:hover{box-shadow:0 -250px 1100px -20px #0e58a2ed inset}.solution-container .solution-content>div:hover p{color:#fff}.solution-container .solution-content>div:hover .desc{display:block;max-height:150px}@media only screen and (max-width:767px){.solution-container{display:none}}