.tab-tit-box003 {
    display: flex;
    font-weight: normal;
}

.tab-tit-box003 .tab-tit {
    line-height: 1;
    position: relative;
    margin-right: 0.75rem;
    font-size: 0;
}

.tab-tit-box003 .tab-tit a .left {
    position: absolute;
    left: -0.25rem;
    top: -0.02rem;
    width: 0.24rem;
    opacity: 0;
    z-index: -1;
}

.tab-tit-box003 .tab-tit a .right {
    position: absolute;
    right: -0.4rem;
    top: -0.13rem;
    width: 0.74rem;
    opacity: 0;
    z-index: -1;
}

.tab-tit-box003 .tab-tit a {
    color: #8fadb0;
    font-size: 0.4rem;
    position: relative;
    z-index: 1;
    font-weight: bold;
    font-family: 'sy';
    display: block;
    line-height: 1;
    width: fit-content;
}

.tab-tit-box003 .tab-tit .bottom {
    display: flex;
    align-items: center;
    margin-top: 0.15rem;
}

.tab-tit-box003 .tab-tit .bottom .line {
    width: 0;
    height: 0.02rem;
    background-color: #5ca29c;
    transition: width 0.3s;
}

.tab-tit-box003 .tab-tit .bottom span {
    font-weight: normal;
    font-size: 0.14rem;
    color: #c8c8c8;
    line-height: 1;
    margin-left: 0.05rem;
    display: inline-block;
}

.tab-tit-box003 .tab-tit+.tab-tit .cir {
    content: "";
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    position: absolute;
    top: 27%;
    left: -0.34rem;
    background-color: #8cb1b5;
}

.tab-tit-box003 .tab-tit.cur {
    font-weight: bold;
}

.tab-tit-box003 .tab-tit.cur .left {
    opacity: 1;
}

.tab-tit-box003 .tab-tit.cur .right {
    opacity: 1;
}

.tab-tit-box003 .tab-tit.cur a {
    color: #18514e !important;
}

.tab-tit-box003 .tab-tit.cur .bottom .line {
    width: 0.3rem;
}

@media (max-width: 960px) {
    .tab-tit-box003 .tab-tit {
        margin-right: 14px !important;
    }

    .tab-tit-box003 .tab-tit a {
        font-size: 22px !important;
    }

    .tab-tit-box003 .tab-tit a .left {
        width: 13px;
        left: -10px;
    }

    .tab-tit-box003 .tab-tit a .right {
        width: 43px;
        right: -22px;
        top: -10px;
    }

    .tab-tit-box003 .tab-tit+.tab-tit .cir {
        left: -9px !important;
        width: 4px !important;
        height: 4px !important;
    }
}