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

.special_00100 .tit { position: relative; }

.special_00100 .tit .moreBox { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; }

.special_00100 .box { max-width: 1152px; width: 82.28571%; margin: 105px auto 0; overflow: visible; position: relative; }

.special_00100 .bg { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 106.25%; }

.special_00100 .bg::before { content: ''; display: block; padding-top: 63.48039%; }

.special_00100 .bg .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_00100 video { -o-object-fit: cover; object-fit: cover; }

.special_00100 .item { position: relative; border: 12px solid #e7e4df; }

.special_00100 .item .img { position: relative; overflow: hidden; background-color: #ececec; }

.special_00100 .item .img::before { content: ''; display: block; padding-top: 56.44725%; }

.special_00100 .item .img .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_00100 .item .img .video-mod { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.special_00100 .item .img .vjs-control-bar { display: none; }

.special_00100 .item .img .video-js .vjs-big-play-button .vjs-icon-placeholder { background-image: url(../../image/special_00100/play.png); background-repeat: no-repeat; background-position: center; background-size: cover; display: block; width: 70px; height: 70px; }

.special_00100 .item .img .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: none; }

.special_00100 .item .mask1 { position: absolute; left: 0; bottom: 0; right: 0; display: block; z-index: 1; font-size: 24px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 22px 20px; z-index: 2; }

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

.special_00100 .item .txt { white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

.special_00100 .item .icon { position: relative; overflow: hidden; width: 70px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

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

.special_00100 .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_00100 .item .icon.hide { opacity: 0; visibility: hidden; }

.special_00100 .wnzt-slick-arrow.wnzt-slick-prev { left: -10.763%; }

.special_00100 .wnzt-slick-arrow.wnzt-slick-next { right: -10.763%; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .special_00100 .video-js .vjs-big-play-button .vjs-icon-placeholder:before { width: 80px; height: 80px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00100 { padding: 40px 0; }
  .special_00100 .box { margin-top: 30px; width: 100%; }
  .special_00100 .bg { display: none; }
  .special_00100 .item { border: 3px solid #e7e4df; }
  .special_00100 .item .mask1 { padding: 5px; }
  .special_00100 .wnzt-slick-arrow { left: auto !important; right: auto !important; }
  .special_00100 .tit .moreBox { position: static; margin: 20px auto 0; display: inline-block; -webkit-transform: none; transform: none; }
  .special_00100 .tit { text-align: center; }
  .special_00100 .item .img .video-js .vjs-big-play-button .vjs-icon-placeholder { width: 50px; height: 50px; } }