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

.special_00334 .cont { 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; width: 50%; margin-left: auto; text-align: right; }

.special_00334 .cont .text { margin-top: 10px; }

.special_00334 .cont .link { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px -10px 0; font-size: 24px; }

@media (max-width: 768px) { .special_00334 .cont .link { font-size: 18px; } }

.special_00334 .cont .link .l { background-color: #38abe9; border-radius: 20px; margin: 0 10px; width: calc(33.33% - 20px); position: relative; overflow: hidden; }

.special_00334 .cont .link .l::before { content: ''; display: block; padding-top: 63.63636%; }

.special_00334 .cont .link .l .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_00334 .cont .link .l a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.special_00334 .cont .link .l .liner { 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; height: 100%; }

.special_00334 .cont .link .l .icon { position: relative; overflow: hidden; width: 2.60417vw; min-width: 35px; }

.special_00334 .cont .link .l .icon::before { content: ''; display: block; padding-top: 100%; }

.special_00334 .cont .link .l .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_00334 .cont .link .l .t { margin-top: 8px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00334 .cont .link .l:hover .icon { -webkit-animation: animat-shake 1s; animation: animat-shake 1s; } }

/*	1280~1440	*/
@media (max-width: 1300px) { .special_00334 .cont { width: 60%; } }

@media (max-width: 1000px) { .special_00334 .cont { width: 70%; } }

@media (max-width: 900px) { .special_00334 .cont { width: 80%; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00334 { padding: 40px 0; }
  .special_00334 .cont { width: 100%; text-align: center; }
  .special_00334 .cont .link { margin: 25px -5px 0; }
  .special_00334 .cont .link .l { margin: 0 5px; width: calc(33.33% - 10px); border-radius: 10px; }
  .special_00334 .cont .link .l::before { content: none; }
  .special_00334 .cont .link .l a { position: static; }
  .special_00334 .cont .link .l .liner { padding: 10px 0; }
  .special_00334 .moreBox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }