@charset "UTF-8";
.special_00330 { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; }

.special_00330 .cont { background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 40px; }

.special_00330 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; padding: 5px 0; }

.special_00330 .list .item { position: relative; overflow: hidden; width: 24.28571%; font-size: 24px; color: #fff; margin: 5px; }

.special_00330 .list .item::before { content: ''; display: block; padding-top: 96.47059%; }

.special_00330 .list .item .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

@media (max-width: 768px) { .special_00330 .list .item { font-size: 18px; } }

.special_00330 .list .item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.special_00330 .list .item .liner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00330 .list .item .icon { position: relative; overflow: hidden; width: 36.17647%; min-width: 50px; }

.special_00330 .list .item .icon::before { content: ''; display: block; padding-top: 100%; }

.special_00330 .list .item .icon .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00330 .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }

.special_00330 .list.center .item { margin: 0 5px; }

/*	pc 端	*/
/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00330 { padding: 40px 0; }
  .special_00330 .cont { margin-top: 25px; }
  .special_00330 .list .item { width: calc(33.33% - 10px); margin: 5px; }
  .special_00330 .list.center { padding: 0; }
  .special_00330 .list.center .item { padding: 0; margin: 0 5px; } }