.galleryList{margin-left:-1%; margin-right:-1%;}
.galleryList .galleryListItem{float:left; text-align:center; width:25%; padding:2.5em 1% 1.5em; position:relative;}
.galleryList .galleryListItem:nth-child(4n + 1):after{position:absolute; content:""; left:0; bottom:0; width:400%; height:1px; background:#eaeaea;}
.galleryList .galleryListItem a > span{display:block;}
.galleryList .galleryListItem .photo_box{width:100%; height:0; padding-bottom:95%; position:relative; overflow:hidden;}
.galleryList .galleryListItem .photo_box > img { position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-50%); transition: all .3s; object-fit: cover; }
.galleryList .galleryListItem a:hover .photo_box > img{transform:translateY(-50%) scale(1.1);}
.galleryList .galleryListItem .photo_title{}
.galleryList .galleryListItem a:hover .photo_title{color:var(--main-color);}
.galleryList .galleryListItem .photo_title i.new{display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:3px; line-height:16px; background:var(--main-color); color:#fff; font-size:12px; font-weight:700; text-align:center; font-style:normal;}
.galleryList .noData{text-align:center; padding:3em 0; background:#f5f5f5; margin-top:2.5em;}

.galleryList.certificate .galleryListItem .photo_box{padding-bottom:0%; height: 350px;box-shadow:none; border:1px solid #eaeaea; transition:all .2s;}
.galleryList.certificate .galleryListItem .photo_box > img{top:0; transform:translateY(0);    height: 100%;    object-fit: cover;}
.galleryList.certificate .galleryListItem a:hover .photo_box{border:1px solid var(--main-color); box-shadow:0 5px 8px rgba(65,150,216,0.2);}
.galleryList.certificate .galleryListItem a:hover .photo_box > img{transform:translateY(0) scale(1); opacity:0.7;}