@media screen and (min-device-width:751px){
    /* 董事长荣誉 */
    .fixed-menu{
        top: 0;
        background: #F8F8F8;
    }
    .history{
        background: #F8F8F8;
        padding: 30px 0 60px 0;
    }
    .year-lunbo{
        margin-top: 15px;
        margin-bottom: 100px;
    }
    .yearSwiper{
        width: 1200px;
        position: relative;
        height: 70px;
        margin-left: 30px;
    }
    .yearSwiper .swiper-wrapper{
        width: 1100px;
        height: 66px;
        color: #333333;
        font-size: 16px;
        margin-left: 80px;
        margin-top: 20px;
    }
    .year-swiper-slide {
        width: 60px !important;
        height: 20px !important;
        margin-right: 50px;
        position: relative;
    }
    .year-swiper-slide-active{
        color: #E54545;
    }
    .year-swiper-slide-active::after{
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -20px;
        width:0;
        height:0;
        border-top:0px solid transparent;
        border-right:12px solid transparent;
        border-bottom:9px solid #E54545;
        border-left:12px solid transparent;
    }
    .yearSwiper .swiper-next,.yearSwiper .swiper-prev{
        width: 48px;
        height: 66px;
        background: #F8F8F8;
        position: absolute;
        z-index: 9;
        top: 0;
    }
    .yearSwiper .swiper-btn{
        position: absolute;
        width: 13px;
        height: 23px;
        z-index: 1; 
        top: 20px;
        left: 15px;
    }
    .yearSwiper .swiper-next{
        right: 0px;
    }
    .yearSwiper .swiper-prev{
        left: 0px;
    }
    .history-content-box{
        position: relative;
        height:800px;
    }
    .out-box{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 700px;
        overflow: hidden;
    }
    .year-body{
        /* margin: 75px 0px 25px 0px; */
        position: relative;
        height: auto;
        width: 100%;
        height:700px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-left: 17px;
    }
    .history-content-line{
        width: 1px;
        height: 730px;
        background: #8F8F8F;
        position: absolute;
        top: 0px;
        left: 16.5px;
    }
    .year-body-title{
        color: #333333;
        font-size: 16px;
        font-weight: bold;
    }
    .year-body-title .year-body-content-item-month{
        font-size: 12px;
        font-weight: normal;
        margin-right:0px ;
    }
    .year-body-title .year-body-content-item-text{
        background: none;
    }

    .year-body-content-item,.year-body-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        margin-left: -3px;
    }
    .year-body-content-item-cirle{
        width: 7px;
        height: 7px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background: #858585;
    }
    .year-body-content-item-month{
        width: 45px;
        color: #333333;
        font-size: 12px;
        margin-left: 10px;
        margin-right:25px ;
    }
    .year-body-content-item-text{
        width: 1160px;
        background:rgba(255, 255, 255, 0.5);
        padding: 10px 20px;
    }
    .year-body-content-item-text-active{
        animation: fontlarge .5s linear 0s 1 alternate forwards;
        -webkit-animation: fontlarge .5s linear 0s 1 alternate forwards;
    }
    @keyframes fontlarge{
        0%{
            font-size: 100%;
        }
        100% {
            font-size: 110%;
        }
    }
    .year-body-content-item-text-title{
        font-size: 14px;
        color: #333333;
        font-weight: bold;
    }
    .year-body-content-item-text-word{
        color: #727272;
        font-size: 12px;
    }
    .year-body-content-item-text-word-active{
        animation: fontlarge2 .5s linear 0s 1 alternate forwards;
        -webkit-animation: fontlarge2 .5s linear 0s 1 alternate forwards;
    }
    @keyframes fontlarge2{
        0%{
            font-size: 12px;
        }
        100% {
            font-size: 13px;
        }
    }
    .year-body-content-item-text-word ul li{
        list-style-type: disc;
        line-height: 20px;
    }
    .year-lunbo-m,.history-content-box-m{
        display: none;
    }
}
@media screen and (min-device-width:300px) and (max-device-width:750px){
    .foot-box,.year-lunbo,.history-content-box{
        display: none;
    }
    .year-lunbo-m{
        width: 7.4rem;
        margin: 0 auto;
        margin-top: 1.2rem;
        margin-bottom: 1.0rem;
    }
    .yearSwiper-m{
        width: 100%;
        position: relative;
        height: .85rem;
    }
    .yearSwiper-m .swiper-wrapper{
        width: 100%;
        height: .85rem;
        color: #333333;
        font-size: .18rem;
    }
    .yearSwiper-m .swiper-slide {
        width: .85rem !important;
        height: .85rem !important;
        background: #E1E1E1;
        border-radius: .09rem;
        position: relative;
        -webkit-border-radius: .09rem;
        -moz-border-radius: .09rem;
        -ms-border-radius: .09rem;
        -o-border-radius: .09rem;
        line-height: .85rem;
        text-align: center;
    }
    .year-swiper-slide-active{
        background: #E54545 !important;
        color: #ffffff;
        font-size: .21rem;
        font-weight: bold;
    }
    .history-content-box{
        position: relative;
        height:8.0rem;
    }
    .out-box{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 8.0rem;
        overflow: hidden;
    }
    .year-body{
        position: relative;
        height: auto;
        width: 100%;
        height:8.0rem;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-left: .19rem;
    }
    .history-content-box-m{
        width: 100%;
    }
    .year-body-content{
        position: relative;
    }
    .year-body-title{
        color: #333333;
        font-size: .25rem;
        font-weight: bold;
        margin-bottom: .3rem;
    }
    .year-body-content-item{
        margin-bottom: .25rem;
    }
    .history-content-line{
        width: 4px;
        background: #FCD4D4;
        position: absolute;
        left: 3px;
        z-index: -1;
    }
    .year-body-content-item-body{
        display: flex;
        align-items: center;
    }
    .year-body-content-item-cirle{
        width: .1rem !important;
        height: .1rem !important;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        background: #DC6C6C;
    }
    .year-body-content-item-body-box{
        background: #F9F9F9;
        border-radius: .15rem;
        -webkit-border-radius: .15rem;
        -moz-border-radius: .15rem;
        -ms-border-radius: .15rem;
        -o-border-radius: .15rem;
        position: relative;
        margin-left: .25rem;
        width: 6.3rem !important;
        padding: .15rem 0;
    }
    .year-body-content-item-month{
        color: #333333;
        font-size: .19rem;
        position: absolute;
        top: .18rem;
        right: .25rem;
    }
    .year-body-content-item-text-word{
        font-size: .21rem;
        color: #727272;
        margin-left: .25rem;
        width: 4.5rem;
    }
    .year-body-content-item-text-active{
        animation: fontlarge .5s linear 0s 1 alternate forwards;
        -webkit-animation: fontlarge .5s linear 0s 1 alternate forwards;
    }
    @keyframes fontlarge{
        0%{
            font-size: 100%;
        }
        100% {
            font-size: 110%;
        }
    }
    .year-body-content-item-text-word ul li{
        list-style-type: none;
        line-height: .25rem;
    }
}