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

.special_00323 .text { color: #999999; font-size: 16px; text-align: center; margin-top: 10px; }

.special_00323 .cont { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00323 .item { width: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; position: relative; white-space: nowrap; }

.special_00323 .item::before { content: ''; display: block; padding-top: 111.14286%; }

.special_00323 .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; }

.special_00323 .item .liner { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 12.85347%; bottom: 10.28278%; 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; }

.special_00323 .item .title { text-align: center; color: #fff; font-size: 24px; }

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

.special_00323 .item .title .t2 { color: #d2d2d2; }

.special_00323 .item .wnzt-more { opacity: 0; }

.special_00323 .item.item2 .liner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00323 .item:hover .wnzt-more { opacity: 1; } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00323 { padding: 40px 0; }
  .special_00323 .cont { margin-top: 25px; display: block; }
  .special_00323 .item { padding: 20px 15px; white-space: wrap; width: 100%; }
  .special_00323 .item::before { display: none; }
  .special_00323 .item .liner { position: relative; -webkit-transform: none; transform: none; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; left: auto; top: auto; }
  .special_00323 .item .wnzt-more { opacity: 1; }
  .special_00323 .item .wnzt-more { margin-top: 25px; }
  .special_00323 .item + .item { margin-top: 15px; } }