a:hover{text-decoration:none;color: #0028aa}
a{color: #0028aa;font-weight: 700}
body{background: #eee}

.list_banner img{transform:scale(0.9,0.9); right: 0; left: 0;bottom: 0;margin: auto; }
.list_banner h2{top: 0; right: 0; bottom: 0;left: 0;margin: auto; align-items: center;justify-content: center;display: flex;font-size: 10vw;font-weight: bold;color: rgba(255, 255, 255, 0.4);}

.breadcrumb{bottom: 0;z-index: 999;background: none}
.breadcrumb-item.active{color:#fff;}

@media (min-width:431px)  {  
        .card-columns {
            column-count: 2; 
        }
}
.card{border-radius: 1.25rem; transition: all .5s;}
.card:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);transform: translate3d(0,-2px,0);}

/*第一个*/
.card:first-child img{transform:scale(0.8,0.8);transition:0.2s linear;}
.card:first-child:hover img{transform:scale(0.9,0.9);object-fit: cover;}
/*第二个*/
.card:not(:first-child) img{transform:scale(0.9,0.9);transition:0.2s linear;}
.card:not(:first-child):hover img{transform:scale(1,1);object-fit: cover;}
.card:not(:first-child) .card-body{overflow: hidden;}
.card:not(:first-child) .item{display: block;float: left;width: 50%}
.card:not(:first-child) .link{display: block;float: right;width: 50%}
.card:hover img{transform:scale(1,1);object-fit: cover;}

/*footer*/
.bg-black{background: #333}