.solution{padding:80px 0; background: #fff;}
.solution:after{display:block; content:''; clear:both;}

.solution-list{display: block; overflow: hidden;}
.solution-list>ul{margin: 0 -20px;}
.solution-list>ul:after{display:block; content:''; clear:both;}
.solution-list>ul>li{float: left; padding:0 20px; margin-bottom: 40px;}
.solution-list>ul>li>a{display: block; text-align: center; background: #fff; border:1px solid #e8e8e8; padding:20px;}
.solution-list>ul>li.on>a{color:#fff; background: #0062be; border-color:#0062be;}
.solution-list>ul>li>a>i{font-size:58px;}
.solution-list>ul>li>a>img{width: 135px; height: 135px; object-fit: contain;}
.solution-list>ul>li>a>h3{display: block; margin-top: 10px;}

.solution-content{display: block; overflow: hidden; margin-top:60px;}
.solution-content>aside{font-size: 16px; display: none;}
.solution-content>aside.on{display: block;}
.solution-content>aside>h2.title{display: block; font-size:32px; text-align: center; margin-bottom: 30px;}
.solution-content>aside>p{margin-bottom: 10px;}

@media(max-width:1199px){
.solution{padding:50px 0;}
.solution-list>ul{margin: 0 -9px;}
.solution-list>ul>li{padding:0 9px; margin-bottom: 18px;}
.solution-list>ul>li>a{padding:15px;}
.solution-list>ul>li>a>i{font-size:48px;}
.solution-list>ul>li>a>img{width: 95px; height: 95px;}
.solution-list>ul>li>a>h3{font-size: 15px;}
.solution-content{margin-top:40px;}
.solution-content>aside{font-size: 15px; }
.solution-content>aside>h2.title{font-size:26px; margin-bottom:20px;}

} 
@media(max-width:767px){
.solution{padding:30px 0;}

.solution-list>ul{margin: 0 -4px;}
.solution-list>ul>li{padding:0 4px; margin-bottom: 8px;}
.solution-list>ul>li>a{padding:8px;}
.solution-list>ul>li>a>i{font-size:38px;}
.solution-list>ul>li>a>img{width:68px; height:68px;}
.solution-list>ul>li>a>h3{font-size: 14px; margin-top: 4px;}
.solution-content>aside{font-size: 15px; }
.solution-content>aside>h2.title{font-size:20px; margin-bottom:10px;}
.solution-content{margin-top:20px;}

}