.banner-wrap {
    position: relative;
}
.banner-wrap.mask::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 140px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
}
.banner-wrap.circle::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 178px;
    background: url(../images/banner-img.png) no-repeat center;
}
.banner-wrap img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .banner-wrap img {
        height: 240px;
        object-fit: cover;
    }
    .banner-wrap.circle::after {
        bottom: -4px;
    }
}



.tabs--wrap {
    background: #fff;
    border-bottom: 1px solid #efefef;
}
.tabs--wrap ul {
    display: flex;
}
.tabs--wrap ul > li,
.tabs--wrap ul > li > a {
    font-size: 16px;
    color: #4D4D4D;
    line-height: 60px;
}
.tabs--wrap li {
    position: relative;
}
.tabs--wrap li.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: #035FBD;
}
.tabs--wrap li + li {
    margin-left: 40px;
}
@media screen and (max-width: 640px) {
    .tabs--wrap .container {
        width: 100%;
    }
    .tabs--wrap li + li {
        margin-left: 20px;
    }
}