.imagelist{padding:40rem 0 60rem 0;}
.imagelist-list{float:left; width:75%; padding:0 40rem 0 0;}
.imagelist.left .imagelist-list{float:right; padding:0 0 0 40rem;}
.imagelist-list{float:left; width:75%;}
.imagelist-content{display:block;}
.imagelist-item{border-bottom:1rem solid #f1f2f8;}
.imagelist-item>a{display:block; padding:20rem 10rem 20rem 0;}
.imagelist-item>a:hover{box-shadow:0 0 12rem rgba(0,0,0,0.12);}
.imagelist-item>a:after{display:block; content:''; clear:both;}
.imagelist-item>a>ins{float:left; width:28%; padding:10rem; height:90rem;}
.imagelist-item>a>ins>img{display:block; margin:0 auto; max-width:80%; max-height:100%; transition:.3s;}
.imagelist-item>a:hover>ins>img{transform:scale(1.05);}
.imagelist-item>a>span{float:left; width:72%;}
.imagelist-item>a>span>h3{font-size:18rem; margin-bottom:5rem;}
.imagelist-item>a>span>p{color:#787878;}
.imagelist-item>a>span>i{display:block; font-style:normal; font-size:12rem; margin-top:10rem; opacity:0.68; color:#a8a8a8;}
.imagelist-item>a>span>i:before{padding-right:5rem;}
.imagelist-sub{float:left; width:25%; padding-top:20rem;}
@media(max-width:1200px){
.imagelist{padding:20rem 0 40rem 0;}
.imagelist-list{float:none; width:100%; padding: 0;}
.imagelist-sub{float:none; width:100%; padding-top:20rem;}
}
@media(max-width:767px){
.imagelist{padding:10rem 0 20rem 0;}
.imagelist-item>a{padding:5rem 10rem 10rem 10rem;}
.imagelist-item>a>ins{float:none; width:100%;}
.imagelist-item>a>span{float:none; width:100%; text-align:center;}
.imagelist-item>a>span>h3{font-size:18rem;}
}