.container{ width:100%; float:left;}
.fancybox{ float: left;
       width: 23.3%;
    margin: 20px 10px 0px 10px;
    background: #FFFFFF;
    border: #f0f0f0 solid 1px;
    box-shadow: rgba(0,0,0,0.22) 0 0 0px;
    transition: all ease 0.3s;
}
.fancybox .honor_img_f {
    width: 100%;
    -webkit-align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}
.fancybox .honor_img_f img {
    width: 100%;
    
}
.newshow { width:76%; margin:0 auto;}
.fancybox .honor_img{ width:100%;  -webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center;}
.fancybox .honor_img img{ width:100%; height: 450px;}
.pages{     width: 100%;
    float: left;
    text-align: center;
    margin: 20px 10px 80px;}
.pages li{float:left; display: contents;}
.active a{ border:1px solid #666; background:#0e90d2; color:#fff;}
.pages li a{border: 1px solid #0e90d2;
    padding: 5px 15px;
    margin: 0px 2px; border-radius:3px;
}
.fancybox .honor_title{ font-size:16px; color:#595959; background:#f0f0f0; width:100%; text-align:center;line-height:40px; height:40px; }
.fancybox:hover{ box-shadow:rgba(0,0,0,0.22) 0 0 10px; transition:all ease 0.3s;}
.fancybox:hover .honor_title{ color:#464646;}
.fancybox-wrap{ overflow: visible !important;}
 @media screen and (max-width: 640px) {

.fancybox .honor_img img {
    width: 100%;
    height: 140px;
}
.fancybox {
    float: left;
    width: 48%;
    margin: 20px 5px 0px 00px;
    background: #FFFFFF;
    border: #f0f0f0 solid 1px;
    box-shadow: rgba(0,0,0,0.22) 0 0 0px;
    transition: all ease 0.3s;
}
.iegldf {
    font-size: 22px;
    text-align: left;
    color: #3a7ee2;
    font-family: Impact MT Std;
}

}