.imagelist{padding:60px 0;}
.il{display: block;}
.il>ul{display: block; margin: 0 -30px;}
.il>ul:after{display: block; content: ''; clear: both;}
.il>ul>li{float: left; width: 25%; padding: 30px; margin-bottom: 20px;}
.il>ul>li>aside{display: block; background: #fff;}

.il aside{display: block; overflow: hidden;}
.il aside>ol{display: block; width: 1000%;}
.il aside>ol:after{display: block; content: ''; clear: both;}
.il aside>ol>img{display: block; width: 10%; float: left;}

.il>ul>li>aside>div{display: block; overflow: hidden; position: relative;}
.il>ul>li>aside>div>ol{display: block; width: 1000%;}
.il>ul>li>aside>div>ol:after{display: block; content: ''; clear: both;}
.il>ul>li>aside>div>ol>a{float: left; width: 10%; overflow: hidden;}
.il>ul>li>aside>div>ol>a>img{width: 100%; display: block; transition: .3s;}
.il>ul>li>aside>div>ol>a:hover>img{transform: scale(1.05);}
.il>ul>li>aside>div>p{position: absolute; bottom:15px; left: 0; right: 0; margin: 0; text-align: center; font-size: 0;}
.il>ul>li>aside>div>p>span{display: inline-block; width:10px; height:10px; cursor: pointer; border-radius:1px; background: #fff; margin: 0 5px;}
.il>ul>li>aside>div>p>span.on{background: #0062be;}

.il>ul>li>aside>span{display: block; padding:20px;}
.il>ul>li>aside>span>b{font-size: 16px; display: block; margin-bottom:5px; color:#0062be;}
.il>ul>li>aside>span>h3{font-size: 20px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.il>ul>li>aside>span>p{height: 50px; margin-bottom:20px; font-size: 15px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical;  -webkit-line-clamp:2; color: #808080;}

.il>ul>li>aside>span>.more>em{display:inline-block; font-size:18px; color:#0062be;}
@media(max-width:1600px){
.il>ul{ margin: 0 -15px;}
.il>ul>li{  padding: 15px; margin-bottom: 20px;}
}
@media(max-width:1199px){
.imagelist{padding:40px 0;}
.il>ul{ margin: 0 -9px;}
.il>ul>li{  padding: 9px; margin-bottom: 20px;}
.il>ul>li>aside>span{ padding:10px;}
.il>ul>li>aside>span>b{font-size: 14px;}
.il>ul>li>aside>span>h3{font-size: 18px;}
.il>ul>li>aside>span>p{font-size: 14px;}
}
@media(max-width:992px){
.il>ul>li{width: 50%;}
}
@media(max-width:767px){
.imagelist{padding:20px 0;}
.il>ul{ margin: 0 ;}
.il>ul>li{ width: 100%; padding:0 4px; margin-bottom:18px;}
}