.sup2>a::before{
    background-color: #EF7700 !important;
}

.supItem {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.supImgBox {
    width: 100%;
    height: 400px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 10%;
    transition: all .6s ease;
    overflow: hidden;
}

.supItem:hover>.supImgBox {
    box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.23);
}

.supItem>.supImgBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .6s ease;
}

.supItem:hover>.supImgBox img {
    transform: scale(1.1);
}

.supItem>.proName>p {
    transition: all .6s ease;
}

.supItem:hover>.proName>p {
    color: #EF7700;
}