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

.special_00256 .wnzt-title { position: absolute; left: calc(51.857% + 55px); right: 0; top: -6px; z-index: 2; }

.special_00256 .wnzt-more { position: absolute; right: 0; top: 0; display: inline-block; z-index: 2; }

.special_00256 .box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; }

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

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

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

.special_00256 .slick-mod .img { position: relative; overflow: hidden; width: 100%; -webkit-transition: all .5s; transition: all .5s; }

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

.special_00256 .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_00256 .slick-mod .slick-dots { bottom: 60px; }

.special_00256 .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_00256 .slick-mod .p { font-size: 18px; color: #333; -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_00256 .slick-mod .p { font-size: 16px; } }

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

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

.special_00256 .right { padding: 50px 28px 0 55px; position: relative; z-index: 3; width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 485px; }

.special_00256 .right::before { content: ""; display: block; position: absolute; background: #fff; top: -40px; left: -40px; bottom: -40px; right: -999px; }

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

.special_00256 .right .li { border-bottom: 1px dashed #e5e5e5; padding-bottom: 10px; padding-top: 13px; }

.special_00256 .right .y { font-size: 18px; color: #4c6074; line-height: 1.1; }

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

.special_00256 .right .t { font-size: 18px; color: #333; 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_00256 .right .t { font-size: 16px; } }

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

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

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00256 { padding: 40px 0; }
  .special_00256 .box { margin-top: 25px; }
  .special_00256 .slick-mod .text { padding: 15px; }
  .special_00256 .slick-mod .slick-dots { bottom: 60px; }
  .special_00256 .right { padding: 15px; }
  .special_00256 .right .li { padding: 10px 0; }
  .special_00256 .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_00256 .wnzt-more { right: 15px; } }