.home-why {
    background-image: url(/Design/img/home-why-bg.png);
    background-size: cover;
}
.home-why .base-title {
    color: aliceblue;);
}
.home-why .base-descript {
    color: #fff;
}
.home-why .base-descript strong {
    font-weight: 100;
    color: var(--color-2);
    font-family: barSB;
}
.home-why .base-title strong {
    color: var(--color-2);
}
.home-why .base-cate {}
    .home-why .grid.wide {
    }

.home-why-container {position: relative;padding-top: 72px;padding-bottom: 77px;}

.home-why-decor1 {position: absolute;top: -94px;left: 11px;}

.home-why-decor2 {position: absolute;right: 15px;top: -52px;}

.home-why-list {display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(5,minmax(0,1fr));column-gap: 20px;row-gap: 20px;margin-top: 73px;}

.home-why-item {display: flex;flex-direction: column;align-items: center;}

    .home-why-item .img {
    height: 50px;
    display: flex;
    align-items: end;
    align-items: flex-end;
    align-items: self-end;
    }

        .home-why-item .img img {
        }

    .home-why-item .content {
    }

        .home-why-item .content h3 {
        margin: 0;
        line-height: 118%;
        color: #fff;
        text-align: center;
        font-weight: 100;
        font-size: 22px;
        margin-top: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        }

        .home-why-item .content span {
        color: rgba(248, 248, 248, 0.75);
        text-align: center;
        display: block;
        font-size: 13px;
        margin-top: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        }

.home-pic {height: 240px;background-color: #fff;padding: 13px 0;}

.home-pic-img {width: 229px;height: 215px;}

    .home-pic-img img {
    }
    .home-pic .swiper-slide {
    width: fit-content !important;!i;!;
    }

    
@media(max-width:1023px) {
.home-why-container {
    padding: 35px 0;
}
.home-why-item .content h3 {
  
    font-size: 20px;
}
.home-why-item .content span {
  
    margin-top: 14px;
}
.home-why-list {
  
    margin-top: 45px;
}
.home-pic-img {
    height: 165px;
}
.home-pic {
    height: 100%;
}
}

@media(min-width:740px) and (max-width:1023px) {
}

@media(max-width:739px) {
        .home-why-container {
        padding: 25px 0;
    }
        .home-pic-img {
        height: 132px;
        width: 180px;
    }
        .home-why-list {
            display: none;
        }
}