.company-course{
    overflow: hidden;
}
.course-warp:before{
    content: '';
    position: absolute;
    background-color: #D93940;
    width: 60%;
    left: 0;
    top: 162px;
    height: 270px;
}

.course-warp{
    position: relative;
    text-align: center;
}

.course-warp .icon-a{

}

.year-box .icon-b{
    position: absolute;
    right:-400px;
    top:0;
}
.company-course .year-box{
    position: relative;
    display: inline-block;
}
.year-box .year-item{
    position: absolute;
    width: 130px;
    height: 40px;
    line-height: 40px;
    display: block;
    right: 0;
    top:0;
    text-align: right;
    transition: all 0.1s;
}
.year-box .year-item.active{
    font-size: 22px;
    color: #D93940;
}

.year-box .year-item.active span{
    transform: scale(1.5);
    transform-origin: center center;
}

/* .year-box .year-item::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d9d9d9;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    left:10px;
    top:50%;
    margin-top: -5px;
} */

.year-box .year-item.active::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #D93940;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #d9d9d9;
    left:10px;
    top:50%;
    margin-top: -7.5px;
}
.item-site{
    position: absolute;
    display: block;
    min-height: 100%;
    width: 610px;
    right: 12px;
    top: -9px;
}
.year-box .year-item:nth-child(1){
    left:475.7022228122746px;
    top:73.20372473894264px; 
   }
   .year-box .year-item:nth-child(2){
    left:508.043324702938px;
    top:107.58332855827842px; 
   }
   .year-box .year-item:nth-child(3){
    left:534.2666165347277px;
    top:146.82925822979394px; 
   }
   .year-box .year-item:nth-child(4){
    left:553.6528249612709px;
    top:189.8650451183753px; 
   }
   .year-box .year-item:nth-child(5){
    left:565.6702096084794px;
    top:235.51026936492482px; 
   }
   .year-box .year-item:nth-child(6){
    left:569.9891480732888px;
    top:282.51293738296346px; 
   }
   .year-box .year-item:nth-child(7){
    left:566.4911770696142px;
    top:329.5838225364658px; 
   }
   .year-box .year-item:nth-child(8){
    left:555.2722417337668px;
    top:375.4318270754513px; 
   }
   .year-box .year-item:nth-child(9){
    left:536.6400639647942px;
    top:418.7993953939789px; 
   }
   .year-box .year-item:nth-child(10){
    left:511.10570198300206px;
    top:458.4970072674854px; 
   }
   .year-box .year-item:nth-child(11){
    left:479.36953261781207px;
    top:493.4358049614636px; 
   }

.year-box .year-panel{
    position: absolute;
    left:0;

}

.year-box .left-list{

}