@media screen and (min-device-width:751px){
    .fixed-menu{
        background: #FFF;
        top: 0;
    }
    .chairman{
        background: #ffffff;
    }
    .content-box1{
        width: 100%;
        height: 385px;
        margin-top: 55px;
        position: relative;
        overflow: hidden;
    }
    .content-box1-text{
        position: absolute;
        color: #333333;
        font-size: 40px;
        line-height: 385px;
        margin-left: 165px;
        top: 0;
    }
    .content-box1 img{
        width: 100%;
        transition: all 1s ease-out 0s;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
    }
    .content-box1 img:hover {
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
    }
    .content-box2{
        margin-top: 70px;
        width: 100%;
    }
    .content-box2-title{
        width: 100%;
        color: #333333;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 50px;
        text-align: center;
    }
    .service-box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .service-box-item{
        width: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        margin-left: 160px;
    }
    .service-box-item:nth-child(3n+1){
        margin-left: 0;
    }
    .box-item-img-body{
        width: 300px;
        height: 290px;
        overflow: hidden;
    }
    .box-item-img{
        width: 100%;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
    }
    .box-item-img:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }
    .box-item-icon{
        position: absolute;
    }
    .box-item-icon0{
        top: 137px;
        left: 134px;
        transition: 2s all;
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
    }
    .box-item-icon0:hover{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    .box-item-icon1{
        top: 130px;
        left: 125px;
        transition: 2s all;
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
    }
    .box-item-icon1:hover{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    .box-item-icon2{
        top: 120px;
        left: 123px;
        transition: 2s all;
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
    }
    .box-item-icon2:hover{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    .box-item-icon3{
        top: 110px;
        left: 120px;
        transition: 2s all;
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
    }
    .box-item-icon3:hover{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    .box-item-icon4{
        top: 75px;
        left: 155px;
    }
    .box-item-icon4:hover{
        animation: phone-shake 1.5s ease both ;
        -webkit-animation: phone-shake 1.5s ease both ;
    }
    @keyframes phone-shake{
        0%,100%{transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);}
        10%,30%,50%,70%,90%{ transform: translate(-5px); -webkit-transform: translate(-5px); -moz-transform: translate(-5px); -ms-transform: translate(-5px); -o-transform: translate(-5px); }
        20%,40%,60%,80%{ transform: translate(5px); -webkit-transform: translate(5px); -moz-transform: translate(5px); -ms-transform: translate(5px); -o-transform: translate(5px); }
        }
    .box-item-icon5{
        top: 85px;
        left: 92px;
    }
    .box-item-icon5:hover{
        animation: spin 2s linear infinite;
        -webkit-animation: spin 2s linear infinite;
    }
    @keyframes spin {
        from {
        transform: rotate(0deg);
    }
        to {
        transform: rotate(360deg);
    }
    }
    .service-box-item-title{
        color: #333333;
        font-size: 20px;
        text-align: center;
        margin: 15px auto;
    }
    .content-box3{
        margin-top: 85px;
        margin-bottom: 150px;
        color: #333333;
        font-size: 16px;
    }
    .content-box3-text1{
        animation: show 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    @keyframes show{
        0%{
            opacity: 0;
            transform: translate3d(0,300px,0);
            -webkit-transform: translate3d(0,300px,0);
            -moz-transform: translate3d(0,300px,0);
            -ms-transform: translate3d(0,300px,0);
            -o-transform: translate3d(0,300px,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);
        }
    }
    .content-box3-text2{
        animation: show 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text3{
        animation: show 2.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 2.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text4{
        animation: show 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text5{
        animation: show 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text6{
        animation: show 4s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 4s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box1-m{
        display: none;
    }
}
@media screen and (min-device-width:300px) and (max-device-width:750px){
    .lunbo-box,.content-box1,.foot-box{
        display: none;
    }
    .content-box1-m{
        width: 100%;
        height: 2.3rem;
        position: relative;
        overflow: hidden;
    }
    .content-box1-text{
        position: absolute;
        color: #333333;
        font-size: .28rem;
        line-height: 2.3rem;
        left: .95rem;
        top: 0;
    }
    .content-box1-m img{
        width: 100%;
    }
    .content-box2{
        margin-top: .25rem;
        width: 100%;
    }
    .content-box2-title{
        color: #232323;
        font-size: .35rem;
       font-weight: bold;
       position: relative;
    }
    .content-box2-title::after{
        content: "";
        width: .7rem;
        position: absolute;
        left: .35rem;
        bottom: -.15rem;
        margin-left: -30px;
        border-width: 0 0 9px;
        border-style: solid;
        border-color: #E54545;
        border-radius: 0.04rem;
        -webkit-border-radius: 0.04rem;
        -moz-border-radius: 0.04rem;
        -ms-border-radius: 0.04rem;
        -o-border-radius: 0.04rem;
    }
    .service-box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: .4rem;
    }
    .service-box-item{
        width: 2.05rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .box-item-img-body{
        width: 2.05rem;
        height: 2.0rem;
        overflow: hidden;
    }
    .box-item-img{
        width: 100%;
    }
    .box-item-icon{
        position: absolute;
    }
    .box-item-icon0{
        top: .9rem;
        left: .9rem;
        animation: imgMove 2s linear infinite;
        -webkit-animation: imgMove 2s linear infinite;
        width: .3rem;
}
    @keyframes imgMove{
        0%{
            transform: rotateY(0deg);
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
        }
        100% {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
        }
    }
    .box-item-icon1{
        top: .85rem;
        left: .85rem;
        animation: imgMove 2s linear infinite;
        -webkit-animation: imgMove 2s linear infinite;
        width: .4rem;
    }
    .box-item-icon2{
        top: .8rem;
        left: .8rem;
        animation: imgMove 2s linear infinite;
        -webkit-animation: imgMove 2s linear infinite;
        width: .5rem;
    }
    .box-item-icon3{
        top: .75rem;
        left: .8rem;
        animation: imgMove 2s linear infinite;
        -webkit-animation: imgMove 2s linear infinite;
        width: .4rem;
    }
    .box-item-icon4{
        top: .5rem;
        left: 1.0rem;
        animation: phone-shake 1.5s ease 10 ;
        -webkit-animation: phone-shake 1.5s ease 10 ;
        width: .5rem;
}
    @keyframes phone-shake{
        0%,100%{transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);}
        10%,30%,50%,70%,90%{ transform: translate(-5px); -webkit-transform: translate(-5px); -moz-transform: translate(-5px); -ms-transform: translate(-5px); -o-transform: translate(-5px); }
        20%,40%,60%,80%{ transform: translate(5px); -webkit-transform: translate(5px); -moz-transform: translate(5px); -ms-transform: translate(5px); -o-transform: translate(5px); }
        }
    .box-item-icon5{
        top: .5rem;
        left: .55rem;
        animation: spin 2s linear infinite;
        -webkit-animation: spin 2s linear infinite;
        width: 1.0rem;
    }
    @keyframes spin {
        from {
        transform: rotate(0deg);
    }
        to {
        transform: rotate(360deg);
    }
    }
    .service-box-item-title{
        color: #333333;
        font-size: .25rem;
        text-align: center;
        margin: .15rem auto;
    }
    .content-box3{
        margin-top: .6rem;
        margin-bottom: .8rem;
        color: #333333;
        font-size: .25rem;
    }
    .content-box3-text1{
        animation: show 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 1.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    @keyframes show{
        0%{
            opacity: 0;
            transform: translate3d(0,300px,0);
            -webkit-transform: translate3d(0,300px,0);
            -moz-transform: translate3d(0,300px,0);
            -ms-transform: translate3d(0,300px,0);
            -o-transform: translate3d(0,300px,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);
        }
    }
    .content-box3-text2{
        animation: show 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 2s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text3{
        animation: show 2.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 2.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text4{
        animation: show 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 3s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text5{
        animation: show 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 3.5s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
    .content-box3-text6{
        animation: show 4s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
        -webkit-animation: show 4s cubic-bezier(0.215,0.355,0.61,1) 0s 1 alternate forwards;
    }
}