.company-tab{
    max-width: 12rem;
    margin: 0 auto;
    height: 2.8rem;
}
.company-main{
    width: 20%;
    height: 1.1rem;
    color: #000;
    font-size: 0.16rem;
    opacity: 0.3;
    cursor: pointer;
    position: relative;
}
.company-main a{
    width: 100%;
    height: 100%;
    font-size: 0.16rem;
}
.company-main .xian{
    width: 1px;
    height: 0.36rem;
    background-color: #000;
    position: absolute;
    opacity: 0.4;
}
.company-main .xian.before{
    left: 0;
    top: 50%;
    margin-top: -0.18rem;
}
.company-main .xian.after{
    right: 0;
    top: 50%;
    margin-top: -0.18rem;
}
.company-main a>img{
    width: 0.4rem;
    height: 0.36rem;
    margin-bottom: 0.1rem;
}
.company-main.on {
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 0 40px 2px rgba(194, 189, 189, .2);
    color: #d90909;
    z-index: 5;
}
.r1.on .before , .r1.on .after , .r3.on .before , .r3.on .after , .r5.on .before , .r5.on .after {
    display: none;
}
.r2.on + .r3 .before{
    display: none;
}
.r4.on + .r5 .before{
    display: none;
}