*{margin:0;padding:0;list-style: none;border:none;}
a{ text-decoration:none;color:#000;cursor: pointer;}
a:focus {outline:none;  -moz-outline:none;  } 
body{background:#111;font-family: '微软雅黑';overflow-x: hidden;}
.container{width:100%;height:100%;}
.container ul {width:90%;height:100%;overflow:hidden;margin:0 auto;}
.container ul li{width:23%;margin:1%;float:left;cursor:pointer;}
.container ul li img{width:90%;}
@media screen and (max-width: 1600px) {
.container ul {width:90%;height:100%;overflow:hidden;margin:0.5% auto;}
}
@media screen and (max-width: 1500px) {
.container ul {width:90%;height:100%;overflow:hidden;margin:4% auto;}
}
.shrink {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 0.3s ease-in-out 0s;
}
.shrink:hover, .shrink:focus, .shrink:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}