@charset "utf-8";
/* CSS Document */

#certificate{position:relative; width:100%; margin:0 auto; padding-bottom: 60px;}
#certificate>.list{width:86%; max-width:1360px; margin:0 auto; padding:120px 0 40px 0;}
#certificate .list>ul{margin:0 auto;padding:0;}
#certificate .list>ul{display:block;margin:0 auto;padding:0;}
#certificate .list>ul>li{ position:relative; width: 23.5%;float:left; background:#fff; margin-right: 2%; margin-bottom:2%;overflow:hidden; transition:all .6s;}
#certificate .list>ul>li:nth-child(4n){margin-right:0 !important;}
#certificate .list>ul>li>a:after{ position:absolute;z-index:9;left:50%;top:50%; margin-top:-1px; margin-left:-1px; width:2px;height:2px; opacity:0; background:rgba(28,115,197,.8) url("../img/icon_zoom.png") no-repeat; background-position:50% 120px; background-size:auto; font-size:13px; color:#fff; padding-top:200px;content:'放大查看'; transition:all .35s;}
#certificate .list>ul>li .img{ position:relative; width: 100%;height: 230px; line-height: 230px;  box-sizing:border-box; padding-top:20px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow: hidden;}
#certificate .list>ul>li .img>img{ width:auto;height:100%;}
#certificate .list>ul>li .tit{font-size:16px;line-height:24px;padding:30px 0;color:#666;text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#certificate .list>ul>li>a:hover .tit{color:#1c73c5;}
#certificate .list>ul>li:hover{box-shadow:0 2px 10px rgba(0,0,0,.1);}
#certificate .list>ul>li:hover a:after{top:0; margin-top:0; margin-left:-50%; width:100%;height:100%; opacity:1;}
#certificate .loadmore{ width:85%;max-width:1480px; padding:50px 0;margin:0 auto;text-align:center;}
#certificate .loadmore>a{display:inline-block; padding:12px 90px; font-size:18px; color:#1c73c5; border:1px solid #1c73c5; border-radius:50px; transition:all .35s;}
#certificate .loadmore>a:hover{ background:#1c73c5; border:1px solid #1c73c5; color:#fff;}

@media only screen and (max-width: 1080px){
  #certificate .list>ul>li{width:32%;}
  #certificate .list>ul>li:nth-child(4n){margin-right:2% !important;}
  #certificate .list>ul>li:nth-child(3n){margin-right:0 !important;}
}

@media only screen and (max-width: 960px){
  #certificate .list>ul>li{width:49%;margin-right: 0!important;}
  #certificate .list>ul>li:nth-child(even){ float:right;}
  #certificate .list>ul>li:nth-child(4n){margin-right:0 !important;}
  #certificate .list>ul>li .tit{padding:20px 10px;}

}
@media only screen and (max-width: 420px){
  #certificate .list>ul>li .img{ height:110px; line-height:110px;}
  #certificate .list>ul>li .tit{ padding:10px; font-size:14px;}

}