.company{
    margin: .7rem 0;
}
.comLeft{
    flex-shrink: 0;
    width: 20%;
    min-width: 280px;
    margin-right: 5%;
}
.comList{
    list-style: none;
    padding: .1rem .3rem .2rem;
    border: 1px solid rgba(246,173,27,0.4);
}
.comList li{
    margin: .2rem 0;
}
.comList li a{
    display: block;
    color: #222222;
    line-height: 1.6;
    transition: all .3s;
}
.comList li.active a,
.comList li a:hover{
    color: var(--baseColor);
}
.comRight{
    flex: auto;
    overflow: hidden;
}
.comImg{
    position: relative;
}
.comImg img{
    width: 100%;
    height: auto;
}
.comName{
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 90%;
    max-width: 820px;
    line-height: 1.5;
    padding: .17rem .2rem;
    padding-left: .6rem;
    background-color: var(--baseColor);
    transform: translateY(25%);
    clip-path: polygon(.3rem 0, 100% 0, 100% 100%, 0 100%);
}
.comText{
    margin: .7rem 0;
    word-break: break-all;
}
.comBot{
    line-height: 2;
    margin: 0 -.1rem;
}
.comBot li{
    padding: .1rem;
}
.comNum{
    line-height: 1.4;
    padding: 0 .1rem 5px;
    margin-bottom: .1rem;
    border-bottom: 1px solid #D8D8D8;
}
.comNum strong{
    color: var(--baseColor);
    margin-right: 5px;
    font-family: DINAlternate-Bold, DINAlternate;
}

@media (min-width:1201px) {
    .comList{ display: block !important;}
}
@media (max-width:1200px) {
    .company{
        display: block;
        margin: .6rem 0;
    }
    .comLeft{
        width: 100%;
        margin: .2rem 0;
    }
    .comList{
        display: none;
    }
    .comList li{
        margin: .1rem 0;
    }
}
@media (max-width:991px) {
    .comName{
        padding: .1rem .2rem;
        padding-left: .5rem;
    }
}