@charset "UTF-8";
.special_00108 { padding: 100px 0; background-repeat: no-repeat; background-position: bottom center; background: #f7f7f7 !important; }

.special_00108 .tab-cont { position: relative; margin-top: 30px; }

.special_00108 .tab-item { position: absolute; left: 0; right: 0; top: 0; width: 100%; opacity: 0; }

.special_00108 .tab-item.act { position: relative; opacity: 1; z-index: 2; }

.special_00108 .slick-mod { margin: 0 -24px; }

.special_00108 .slick-item { padding: 0 24px 15px; }

.special_00108 .slick-item .img { position: relative; overflow: hidden; background-color: #ececec; width: 100%; }

.special_00108 .slick-item .img::before { content: ''; display: block; padding-top: 124.52229%; }

.special_00108 .slick-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_00108 .slick-item .img::after { content: ''; position: absolute; bottom: 0; right: 0; width: 15.92357%; padding-top: 16.56051%; background: url(../../image/special_00108/img-icon.png) no-repeat center; background-size: contain; }

.special_00108 .slick-item .text { position: relative; padding-top: 20px; }

.special_00108 .slick-item .text .t { font-size: 20px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 1500px) { .special_00108 .slick-item .text .t { font-size: 18px; } }

.special_00108 .slick-item .text .ul { font-size: 16px; }

.special_00108 .slick-item .text .ul .li { white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

.special_00108 .slick-nav .wnzt-slick-arrow { margin-top: 10px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00108 .slick-item:hover .img img { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00108 { padding: 40px 0; }
  .special_00108 .tab-cont { margin-top: 25px; }
  .special_00108 .slick-item .text { padding: 10px 0 0; }
  .special_00108 .slick-mod { margin: 0 -5px; }
  .special_00108 .slick-item { padding: 0 5px 0; } }