@charset "UTF-8";
.special_00278 { background: url() no-repeat center; background-size: cover; padding: 100px 0; }

.special_00278 .title-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; width: 100%; }

.special_00278 .moreBox { position: absolute; right: 0; top: -86px; margin-top: 0; }

.special_00278 .tab-mod { width: 100%; margin-top: 40px; }

.special_00278 .slick-mod { position: relative; font-size: 18px; }

@media (max-width: 1500px) { .special_00278 .slick-mod { font-size: 16px; } }

@media (max-width: 768px) { .special_00278 .slick-mod { font-size: 16px; } }

.special_00278 .slick-mod .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 0 85px; }

.special_00278 .slick-mod .item { width: calc((100% - 190px) / 3) !important; margin-right: 95px; }

.special_00278 .slick-mod .item:nth-child(3) { margin-right: 0; }

.special_00278 .slick-mod .pic { position: relative; overflow: hidden; }

.special_00278 .slick-mod .pic::before { content: ''; display: block; padding-top: 56.09756%; }

.special_00278 .slick-mod .pic .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_00278 .slick-mod .t { font-size: 24px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; margin-top: 50px; text-align: center; }

@media (max-width: 1500px) { .special_00278 .slick-mod .t { font-size: 22px; } }

@media (max-width: 768px) { .special_00278 .slick-mod .t { font-size: 18px; } }

.special_00278 .slick-mod .slick-slide { position: relative; }

.special_00278 .slick-mod:before { width: 100%; height: 30px; background: url(../../image/special_00278/bg11.png) no-repeat; background-size: 100%; content: ""; display: block; position: absolute; bottom: 60px; }

.special_00278 .lin-w { margin-top: 40px; }

.special_00278 .lin-w .slick-paging { color: #333; }

.special_00278 .lin-w .slick-paging em { background-color: #333; }

.special_00278 .lin-w { padding-right: 0; }

.special_00278 .lin-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.special_00278 .lin-w .s-icon { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.special_00278 .lin-w .slick-paging { font-size: 24px; font-family: arial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 115px; }

@media (max-width: 1500px) { .special_00278 .lin-w .slick-paging { font-size: 22px; } }

@media (max-width: 768px) { .special_00278 .lin-w .slick-paging { font-size: 18px; } }

.special_00278 .lin-w .slick-paging span { color: #204bea; }

.special_00278 .lin-w .slick-paging em { width: 8px; height: 2px; display: inline-block; background-color: #333; margin: 0 6px; }

.special_00278 .lin-w .line { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; background-color: #797f8b; position: relative; }

.special_00278 .lin-w .line::before { content: ""; display: block; width: 0; height: 2px; background: #204bea; position: absolute; left: 0; top: 0; }

.special_00278 .lin-w .line_on::before { width: 100%; -webkit-transition: all 5s linear; transition: all 5s linear; }

.special_00278 .lin-w.none { display: none; }

.special_00278 .tab-mod .tab-item.act { position: relative; }

.special_00278 .tab-mod .tab-item { position: absolute; top: 0; left: 0; width: 100%; }

.special_00278 .tab-cont { position: relative; }

.special_00278 .wnzt-slick-arrow { position: relative; -webkit-transform: none; transform: none; }

.special_00278 .wnzt-slick-next { margin-left: 36px; }

.special_00278 .wnzt-slick-prev { margin-right: 36px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00278 .slick-mod3 .item:hover { background: url(../../image/special_00278/bg10.jpg) no-repeat center center/cover; color: #fff; }
  .special_00278 .slick-mod3 .item:hover .y { color: #fff; }
  .special_00278 .slick-mod3 .item:hover .s-icon { background: url(../../image/special_00278/icon_1.png) no-repeat center center/cover; border: 1px solid #fff; } }

/*	1280~1440	*/
@media (max-width: 1024px) { .special_00278 .title-w { display: block; }
  .special_00278 .title-w .title { text-align: left; line-height: 36px; }
  .special_00278 .tracker-mod { margin-left: 0; margin-top: 20px; }
  .special_00278 .tab-mod { margin-top: 25px; }
  .special_00278 .slick-mod:before, .special_00278 .slick-mod2:before { display: none; }
  .special_00278 .slick-mod .item { width: calc(50% - 5px) !important; margin-right: 10px; margin-bottom: 20px; }
  .special_00278 .slick-mod .item:nth-child(2n) { margin-right: 0; }
  .special_00278 .slick-mod .t, .special_00278 .slick-mod2 .t { margin-top: 10px; }
  .special_00278 .slick-mod2 .item:nth-child(2n) { margin-right: 0; }
  .special_00278 .slick-mod2 .slick-slide > div { padding: 0; }
  .special_00278 .slick-mod3 .slick-slide > div { display: block; }
  .special_00278 .slick-mod3 .item { width: 100% !important; margin-right: 0; }
  .special_00278 .slick-mod3 .slick-slide { margin: 0 10px; }
  .special_00278 .slick-mod3 .slick-list { margin: 0 -10px; }
  .special_00278 .slick-mod { margin-top: 30px; }
  .special_00278 .slick-mod .slick-slide > div { padding: 0; }
  .special_00278 .lin-w { margin-top: 20px; }
  .special_00278 .moreBox { position: static; margin-top: 40px; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00278 { padding: 40px 0; }
  .special_00278 .tracker-mod.dir-hor .tracker-box { text-align: left; }
  .special_00278 .tab-mod { margin-top: 25px; }
  .special_00278 .slick-mod2 { margin: 0 -15px 0; }
  .special_00278 .slick-mod2 .item { padding: 0 15px; }
  .special_00278 .slick-mod3 .item { height: auto; padding: 20px 15px; margin-bottom: 15px; }
  .special_00278 .slick-mod3 .t { width: 100%; }
  .special_00278 .slick-mod3 .t { margin-top: 0; }
  .special_00278 .moreBox { margin-top: 20px; } }