.honor_content{
    /*border: 1px solid black;*/
    margin-top: 1rem;
    /*height: 15rem;*/
    margin-bottom: 2rem;
    overflow: hidden;
}
#box{
    width: 86%;
    height: 180px;
    margin-left: 7%;
    overflow: hidden;
    position: relative;
    top: 10px;
}

.scroller_roll{
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position:absolute;
    /*bottom: -20px;*/
    top: 0px;
    /*left:200px;*/
    background:#808080;
}
.scroller_roll ul{
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
    width: 64.5925926rem !important;
    height: 5.333333rem !important;
}
.scroller_roll ul li{
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
    /*overflow: hidden;*/
}
.scroller_roll ul li a{
    text-decoration: none;
}
.scroller_roll ul li a:hover{
    text-decoration: underline;
}
.scroller_roll ul li a img {
    border: none;
}
@media (min-width:1200px){
   .content_left{
       width: 5rem;
       height: 5rem;
       border-right: 1px solid #a9a9a9;
       text-align: center;
       float: left;
       margin-left: 0.5rem;
   }
    .content_left h3{
        width: 100%;
        border-bottom: 1px solid  #a9a9a9;
        margin-left: 0;
        color: #253e43;
        margin-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-weight: 600;
    }
    .content_left h4{
        color:#822321;
        text-align: right;
        margin-right: 0.2rem;
        font-weight: 600;
    }
    .content_center,.content_right{
        float: left;
        width: 9rem;
        /*border: 1px solid black;*/
        text-align: left;
        margin-left: 4rem;
    }
    .content_center span{
        color: #222;
        font-size: 0.5rem;
        display: inline;
    }
    .content_right span{
        color: #222;
        font-size: 0.5rem;
        display: block;
        margin-top: 0.5rem;
    }
    .content_center h3,.content_right h3{
        display: block;
        margin-left: 0;
        font-weight: bold;
    }
}
@media (max-width:1200px){
    .content_left{
        width: 5rem;
        height: 5rem;
        border-right: 1px solid #a9a9a9;
        text-align: center;
        float: left;
        margin-left: 0.5rem;
    }
    .content_left h3{
        width: 100%;
        border-bottom: 1px solid  #a9a9a9;
        margin-left: 0;
        color: #253e43;
        margin-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-weight: 600;
    }
    .content_left h4{
        color:#822321;
        text-align: right;
        margin-right: 0.2rem;
        font-weight: 600;
    }
    .content_center,.content_right{
        float: left;
        width: 9rem;
        /*border: 1px solid black;*/
        text-align: left;
        margin-left: 2rem;
    }
    .content_center span{
        color: #222;
        font-size: 0.5rem;
        display: inline;
    }
    .content_right span{
        color: #222;
        font-size: 0.5rem;
        display: block;
        margin-top: 0.4rem;
    }
    .content_center h3,.content_right h3{
        display: block;
        margin-left: 0;
        font-weight: bold;
    }
}
@media (max-width:996px){
    .content_left{
        margin-left: 2rem;
    }
}
@media (max-width:766px){
    .content_left{
        border: none;
        width: 100%;
        margin: 0;
        height: 2rem;
    }
    .content_left h3{
        border: none;
        margin: 0;
        text-align: center;
    }
    .content_left h4{
        text-align: center;
    }
    .cont{
        margin: 0;
        width: 90%;
        margin-left: 5% ;
        text-align: center;
    }
}
@media (max-width:565px){
    #box{
        width: 100%;
        margin-left: 0;
    }
}