/****************************** *同创模板网-专业提供企业网站源码程序模板* * moban.cnfusu.com * * www.cnboco.com * * 微信:cnboco * * QQ:289229516 * ******************************/ .albumct { margin-top: 60px; } .albumctbox .albumcta { width: 24.5%; margin-right: 0.5%; margin-bottom: 10px; overflow: hidden; } .albumctbox .albumcta:nth-child(4n) { margin-right: 0; } .albumctbox .albumcta img { width: 100%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .albumctbox .albumcta:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } @media screen and (max-width:992px) { .albumct { margin-top: 30px; } .albumctbox .albumcta { width: 32%; margin-right: 2%; } .albumctbox .albumcta:nth-child(4n) { margin-right: 2%; } .albumctbox .albumcta:nth-child(3n) { margin-right: 0; } } @media screen and (max-width:768px) { .albumctbox .albumcta { width: 49%; margin-right: 2%; } .albumctbox .albumcta:nth-child(3n) { margin-right: 2%; } .albumctbox .albumcta:nth-child(2n) { margin-right: 0; } }