.f-common-0004-items{}
.f-common-0004-item{margin: 15px 0;position: relative;}
.f-common-0004-item a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.f-common-0004-img{display:block;height:180px;overflow:hidden;}
.f-common-0004-img img{min-width:100%;height:100%;margin:0px auto;transition:600ms;}
.f-common-0004-item:hover .f-common-0004-img img{transform:scale(1.1);}
.f-common-0004-img img{object-fit:cover;}
.f-common-0004-text{padding: 30px 0 20px;}
.f-common-0004-text h4{margin-bottom: 25px;text-overflow:ellipsis;overflow:hidden;transition:all 300ms ease-in-out 0s;position: relative;top: 0;}

.f-common-0004-item:hover .f-common-0004-text h4{top: -6px;}
.f-common-0004-text p{margin: 0;line-height: 24px;height: 48px;overflow: hidden;}
.f-common-0004-date{line-height: 30px;}
.f-common-0004-date:before{content:"";display: block;height: 1px;width: 1px;opacity: 0;transition:all 300ms ease-in-out 0s;margin: 0 auto 10px;}
.f-common-0004-item:hover .f-common-0004-date:before{width: 100%;opacity: 1;}
.f-common-0004-date p{margin: 0;font-size: 20px;}
.f-common-0004-date span{float: right;margin-top: 11px;width: 0;height: 0;content: "";transition: all 0.36s ease-out 0s;opacity: 1; border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-width: 6px; border-left-style: solid ;}
.f-common-0004-date p{position: relative;opacity: 0;transition:all 300ms ease-in-out 0s;top: -40px;}
.f-common-0004-date span{position: relative;opacity: 0;transition:all 300ms ease-in-out 0s;left: 40px;}
.f-common-0004-item:hover .f-common-0004-date p{top: 0;opacity: 1;}
.f-common-0004-item:hover .f-common-0004-date span{left: 0;opacity: 1;}



.swiper-f-common-0004-pagination{text-align: center;margin-top: 15px;}
.swiper-f-common-0004-pagination span{height: 20px;width: 20px; opacity: 1;border-width:  2px; border-style: solid ;border-radius: 14px;}
.swiper-f-common-0004-pagination span:after{content:"";display: block;height: 4px;width: 4px;margin: 6px auto 0;border-radius: 14px;}
.swiper-f-common-0004-pagination span.swiper-pagination-bullet-active{}