/************* 内页图 *************/



/************* 产品列表 *************/



/************* 产品详情 *************/



/************* 新闻列表 *************/



/************* 新闻详情 *************/


.newsInfo table td{ border: 1px solid #DDDDDD; padding: 10px; font-size: 14px;}
@media only screen and (max-width:1024px){
  .newsInfo .tps{ display: block; margin-top: 10px; text-align: center; margin-bottom: 30px; }
  .newsInfo table{ width: 100%!important; min-width: 600px; }
  .newsInfo .table{ overflow-x: scroll; padding-bottom: 10px; width: ; }
  .newsInfo .table::-webkit-scrollbar{ width: 10px;height: 4px; }
  .newsInfo .table::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #000000; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); }
  .newsInfo .table::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #1f2c5c; }
}



/************* 相册列表 *************/
.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,1); }
.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 rgba(0,0,0,.1);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: 140%; }
.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(../images/honor-list-filter.png);z-index:10; }
.honor-list li .pic::after{ content:"点击查看大图";top:50%;transform:translate(0,-50%);z-index:20;background:url(../images/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);  }
.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;}
}




/************* 视频列表 *************/
.video-list { padding: 50px 0; }
.video-list ul{ overflow:hidden;margin:0 -28px; align-items: stretch; justify-content: flex-start; }
.video-list li{ width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px; }
.video-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
/* .video-list li a:hover .pic{border-color:#68a592} */
.video-list li a:hover img{ transform: translate(-50%,-50%) scale(1,1); }
.video-list li a:hover .tit{ color:#68a592; }
.video-list li .pic{ /* border:solid 1px #ccc; */padding:1px;position:relative;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.video-list li .pic span{ display:block;overflow:hidden;padding-bottom: 70%;  }
.video-list li img{ width:100%;display:block;transition-duration:.8s; transform: translate(-50%,-50%) scale(1,1);  }
.video-list li .pic::after{ content: ""; display: block; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/icon_play.png) no-repeat center / cover; z-index: 2; }
.video-list li .pic::before{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.1); position: absolute; left: 0; top: 0; z-index: 1;}
.video-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){
  .video-list ul{margin: 0 -20px;}
  .video-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .video-list{ padding: 70px 0 50px; }
  .video-list ul{ margin: 0 -15px; }
  .video-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){
  .video-list{padding: 60px 0 40px;}
  .video-list ul{margin:0 -5px}
  .video-list li{width:50%;padding:0 5px;margin-bottom:20px}
  .video-list li .pic{padding:4px}
  .video-list li .tit{margin-top:10px;font-size: 16px;}
}
@media only screen and (max-width:480px){
  .video-list{padding: 40px 0 20px;}
  .video-list li .pic::after{width: 60px; height: 60px;}
}



/************* 关于我们 *************/



/************* 联系我们 *************/



@media screen and (max-width: 1240px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 480px){}