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

.special_00335 .moreBox { position: absolute; right: 0; top: -62px; z-index: 2; }

.special_00335 .box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; margin-top: 80px; }

.special_00335 .left { width: 51.857%; position: relative; }

.special_00335 .slick-mod { z-index: 10; }

.special_00335 .slick-mod .slick-item { -webkit-transition: all .5s; transition: all .5s; }

.special_00335 .slick-mod .img { position: relative; overflow: hidden; background-color: #ececec; width: 100%; -webkit-transition: all .5s; transition: all .5s; border-radius: 20px; }

.special_00335 .slick-mod .img::before { content: ''; display: block; padding-top: 56.19835%; }

.special_00335 .slick-mod .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_00335 .slick-mod .img img { width: 100%; }

.special_00335 .slick-mod .slick-dots { bottom: 60px; }

.special_00335 .slick-mod .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 86px 0 39px; margin-top: 21px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00335 .slick-mod .p { font-size: 18px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; flex: 1; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

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

.special_00335 .slick-mod .y { font-size: 18px; }

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

.special_00335 .right { padding-left: 55px; position: relative; z-index: 3; width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00335 .right::before { content: ""; display: block; position: absolute; background: #fff; top: -40px; left: -40px; bottom: -30px; right: -999px; border-radius: 20px; }

.special_00335 .right .list { position: relative; z-index: 3; margin-top: 10px; }

.special_00335 .right .li { padding: 15px 0; }

.special_00335 .right .li + .li { border-top: 1px solid #f1f3f8; }

.special_00335 .right .y { font-size: 18px; }

@media (max-width: 768px) { .special_00335 .right .y { font-size: 16px; } }

.special_00335 .right .t { font-size: 18px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .32s; transition: all .32s; }

@media (max-width: 768px) { .special_00335 .right .t { font-size: 16px; } }

.special_00335 .right .tracker-mod.dir-hor .tracker-box { text-align: left; padding-bottom: 16px; }

.special_00335 .right .tracker-mod.dir-hor .wnzt-tracker-item { position: relative; }

.special_00335 .right .tracker-mod.dir-hor .wnzt-tracker-item::before { content: ''; background-color: #38abe9; width: 55px; height: 4px; position: absolute; bottom: -16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

.special_00335 .right .tracker-mod.dir-hor .wnzt-tracker-item.cur::before { opacity: 1; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .special_00335 .wnzt-more { right: 50px; } }

@media (max-width: 1100px) { .special_00335 { padding: 100px 0; }
  .special_00335 .box { display: block; margin-top: 40px; }
  .special_00335 .left { width: 100%; }
  .special_00335 .wnzt-title { position: relative; left: 0; top: 0; }
  .special_00335 .wnzt-more { top: 6px; }
  .special_00335 .right { width: 100%; }
  .special_00335 .right::before { top: 0; right: 0; bottom: 0; left: 0; }
  .special_00335 .slick-mod .text { padding: 20px 40px; margin-top: 0; }
  .special_00335 .right { padding: 40px; }
  .special_00335 .slick-mod .slick-dots { bottom: 75px; }
  .special_00335 .right .list { margin-top: 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00335 { padding: 40px 0; }
  .special_00335 .box { margin-top: 0; }
  .special_00335 .slick-mod .img { border-radius: 10px; }
  .special_00335 .slick-mod .text { padding: 15px; }
  .special_00335 .slick-mod .slick-dots { bottom: 60px; }
  .special_00335 .right { padding: 15px; }
  .special_00335 .right .li { padding: 10px 0; }
  .special_00335 .right .li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .special_00335 .moreBox { position: static; }
  .special_00335 .right::before { border-radius: 10px; } }