/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

/* 图片比例 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }

/*************相册列表¨ *************/
.fancybox-overlay{ z-index: 99999!important; }
.honor-list { padding: 60px 0;}
.honor-list ul{overflow:hidden;margin:0 -28px; align-items: stretch; justify-content: flex-start;}
.honor-list li{width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px}
.honor-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
.honor-list li a:hover .pic{border-color:#68a592}
.honor-list li a:hover .pic::after,.honor-list li a:hover .pic::before{opacity:1;filter:alpha(opacity=100)}
.honor-list li a:hover .pic::after{ padding-top:36px; }
.honor-list li a:hover img{ transform: translate(-50%,-50%) scale(1.3,1.3); }
.honor-list li a:hover .tit{ color:#68a592; }
.honor-list li .clickpic{ width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;opacity:0;filter:alpha(opacity=0); }
.honor-list li .clickpic img{ height:100%; }
.honor-list li .pic{ border:solid 1px #ccc;padding:6px;position:relative;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic span{ display:block;overflow:hidden;padding-bottom: 70%; }
.honor-list li .pic::after,
.honor-list li .pic::before{ width:100%;position:absolute;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic::before{ content:" ";height:100%;top:0;background:url(../img/honor-list-filter.png);z-index:10; }
.honor-list li .pic::after{ content:" ";top:50%;transform:translate(0,-50%);z-index:20;background:url(../img/honor_icon.png) no-repeat center 0;color:#fff;padding-top:200px; }
.honor-list li img{ width:100%;display:block;transition-duration:.8s; transform: translate(-50%,-50%) scale(1.1,1.1);  }
.honor-list li .tit{height:20px;line-height:20px;font-size:18px;color:#666;margin-top:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition-duration:.4s}
@media only screen and (max-width:1400px){
  .honor-list ul{margin: 0 -20px;}
  .honor-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .honor-list{padding: 70px 0 50px;}
  .honor-list ul{margin: 0 -15px;}
  .honor-list li{ width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .honor-list{padding: 60px 0 40px;}
  .honor-list ul{ margin:0 -5px; }
  .honor-list li{ width:50%;padding:0 5px;margin-bottom:20px}
  .honor-list li .pic{ padding:4px; }
  .honor-list li .tit{ margin-top:10px;font-size: 16px; }
}
@media only screen and (max-width:480px){
  .honor-list{padding: 40px 0 40px;}
}