@media screen and (min-device-width:751px){
    /* 董事长荣誉 */
    .fixed-menu{
        background: #F8F8F8;
    }
    .chairman{
        background: #F8F8F8;
    }
    .chairman-box1{
        display: flex;
        justify-content: space-between;
        padding-top: 55px;
    }
    .chairman-box1-left{
        width: 650px;
        background: #ffffff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .chairman-box1-left-text{
        color: #333333;
        font-size: 30px;
        width: 420px;
        margin-left: 88px;
        margin-bottom: 30px;
    }
    .chairman-box1-left-text-active{
        font-size: 32px;
    }
    .chairman-box1-left-year{
        margin-top: 110px;
        margin-left: 435px;
        display: flex;
        justify-content: baseline;
        color: #6A6A6A;
        font-size: 18px;
    }
    .chairman-box1-left-year .line{
        width: 90px;
        height: 1px;
        background: #6A6A6A;
        display: inline-block;
        margin-top: 5px;
        margin-right: 5px;
    }
    .chairman-box2{
        display: flex;
        justify-content: space-between;
        margin-top: 70px;
    }
    .chairman-box2 .swiper {
        width: 100%;
        height: 680px !important;
        overflow-x:hidden
    }
    .chairman-box2 .swiper-slide{
        position: relative;
        width: 290px;
        height: 550px;
    }
    .chairman-box2 .swiper-slide img {
        width: 290px;
        height: 550px;
    }
    .chairman-box2 .swiper-btn{
        position: absolute;
        width: 64px;
        height: 42px;
        top: 580px;
        z-index: 1000; 
    }
    .chairman-box2 .swiper-next .swiper-btn{
        left: 1165px;
    }
    .chairman-box2 .swiper-prev .swiper-btn{
        left: 1045px;
    }
    .chairman-box2-item{
        width: 290px;
        height: 550px;
        position: relative;
    }
    .chairman-box2-item-body{
        position: absolute;
        width: 240px;
        left: 30px;
        top:115px;
    }
    .chairman-box2-item-body-content{
        display: flex;
        flex-direction: column;
    }
    .chairman-box2-item-line-red{
        width: 30px;
        height: 10px;
        border-top-right-radius: 13px;
        border-bottom-right-radius: 13px;
        background-color: #E54545;
    }
    .chairman-box2-item-year{
        color: #fff;
        font-size: 18px;
        line-height: 25px;
        margin: 10px 0;
        animation: bounceIndown 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: bounceIndown 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .chairman-box2-item-line-white{
        width: 30px;
        height: 1px;
        background: #fff;
    }
    .chairman-box2-item-line-cirle{
        width: 5px;
        height: 5px;
        background-color: #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        margin-top: 75px;
    }
    .chairman-box2-item-text{
        font-size: 14px;
        color: #fff;
        margin-top: 15px;
        animation: bounceIndown 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: bounceIndown 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    @keyframes bounceIndown{
        0%{
            opacity: 0;
            transform: translate3d(0,200px,0);
            -webkit-transform: translate3d(0,200px,0);
            -moz-transform: translate3d(0,200px,0);
            -ms-transform: translate3d(0,200px,0);
            -o-transform: translate3d(0,200px,0);
    }
        50%{
            opacity: 0;
            transform: translate3d(0,100px,0);
            -webkit-transform: translate3d(0,100px,0);
            -moz-transform: translate3d(0,100px,0);
            -ms-transform: translate3d(0,100px,0);
            -o-transform: translate3d(0,100px,0);
    }
        100% {
            opacity: 1;
            transform: translate3d(0px, 0px, 0);
            -webkit-transform: translate3d(0px, 0px, 0);
            -moz-transform: translate3d(0px, 0px, 0);
            -ms-transform: translate3d(0px, 0px, 0);
            -o-transform: translate3d(0px, 0px, 0);
    }
    }
    .page-turn-box{
        width: 185px;
        margin-left: 1045px;
        display: flex;
        justify-content: space-between;
    }
    .page-turn-box div{
        width: 64px;
        height: 42px;
        margin: 20px 0 75px 0;
    }
    .chairman-box2-m{
        display: none;
    }
}
@media screen and (min-device-width:300px) and (max-device-width:750px){
    .foot-box,.chairman-box1-left-year,.chairman-box2-item-line-cirle,.chairman-box2{
        display: none;
    }
    .chairman-box1{
        display: flex;
        flex-direction: column-reverse;
        padding-top: 1.2rem;
    }
    .chairman-box1-left{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin:.3rem 0;
    }
    .chairman-box1-left-text{
        color: #333333;
        font-size: .23rem;
        width: 100%;
        text-align: center;
        margin-bottom: .1rem;
    }
    .chairman-box1-left-text br{
        display: none;
    }
    .chairman-box1-left-text-active{
        font-size: 32px;
    }
    .chairman-box1-right{
        width: 100%;
    }
    .chairman-box1-right img{
        display: block;
        width: 6.7rem;
        height: 4.4rem;
        margin: 0 auto;
    }
    .chairman-box2-m{
        display: flex;
        justify-content: space-between;
        margin-top: .15rem;
        margin-left: .3rem;
    }
    .chairman-box2-m .swiper {
        width: 100%;
        height: 3.3rem !important;
        overflow-x:hidden
    }
    .chairman-box2-m .swiper-slide{
        position: relative;
        width: 2.4rem;
        height: 3.3rem;
    }
    .chairman-box2-m .swiper-slide img {
        width: 2.4rem;
        height: 3.3rem;
    }
    .chairman-box2-item{
        width: 2.4rem;
        height: 3.3rem;
        position: relative;
    }
    .chairman-box2-item-body{
        position: absolute;
        width: 2.1rem;
        left: .15rem;
        top:.68rem;
    }
    .chairman-box2-item-body-content{
        display: flex;
        flex-direction: column;
    }
    .chairman-box2-item-line-red{
        width: .26rem;
        height: .1rem;
        border-top-right-radius: .23rem;
        border-bottom-right-radius: .23rem;
        background-color: #E54545;
    }
    .chairman-box2-item-year{
        color: #fff;
        font-size: .14rem;
        line-height: .2rem;
        margin: .1rem 0;
        animation: bounceIndown 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: bounceIndown 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
}
    .chairman-box2-item-line-white{
        width: .24rem;
        height: 2px;
        background: #fff;
    }
    .chairman-box2-item-text{
        font-size: .18rem;
        color: #fff;
        margin-top: .35rem;
        animation: bounceIndown 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: bounceIndown 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
}
    @keyframes bounceIndown{
        0%{
            opacity: 0;
            transform: translate3d(0,200px,0);
            -webkit-transform: translate3d(0,200px,0);
            -moz-transform: translate3d(0,200px,0);
            -ms-transform: translate3d(0,200px,0);
            -o-transform: translate3d(0,200px,0);
    }
        50%{
            opacity: 0;
            transform: translate3d(0,100px,0);
            -webkit-transform: translate3d(0,100px,0);
            -moz-transform: translate3d(0,100px,0);
            -ms-transform: translate3d(0,100px,0);
            -o-transform: translate3d(0,100px,0);
    }
        100% {
            opacity: 1;
            transform: translate3d(0px, 0px, 0);
            -webkit-transform: translate3d(0px, 0px, 0);
            -moz-transform: translate3d(0px, 0px, 0);
            -ms-transform: translate3d(0px, 0px, 0);
            -o-transform: translate3d(0px, 0px, 0);
    }
    }
}