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

.special_00258 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.special_00258 .mask { color: #fff; font-size: 18px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; bottom: 15px; top: auto; line-height: 1.3; }

@media (max-width: 768px) { .special_00258 .mask { font-size: 16px; } }

.special_00258 .tits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 48px; }

.special_00258 .l { width: 43.28%; margin-right: 9px; }

.special_00258 .l .slick-mod { width: 100%; margin-top: 21px; }

.special_00258 .l .slick-item { position: relative; }

.special_00258 .l .img { position: relative; overflow: hidden; width: 100%; }

.special_00258 .l .img::before { content: ''; display: block; padding-top: 56.27063%; }

.special_00258 .l .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_00258 .l .img img { width: 100%; }

.special_00258 .l .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 120px; }

.special_00258 .l .wnzt-slick-arrow { position: relative; -webkit-transform: none; transform: none; margin: 0 5px; }

.special_00258 .r { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00258 .r .limg, .special_00258 .r .sky { position: relative; }

.special_00258 .r .sky { position: relative; overflow: hidden; margin-right: 9px; width: 33.46%; position: relative; }

.special_00258 .r .sky::before { content: ''; display: block; padding-top: 202.28137%; }

.special_00258 .r .sky .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_00258 .r .txt { position: absolute; top: 0; left: 0; width: 100%; height: 93.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00258 .r .txt .t { font-size: 34px; text-align: center; color: #fff; padding: 0 3px; position: relative; font-family: sans-serif; }

@media (max-width: 768px) { .special_00258 .r .txt .t { font-size: 22px; } }

body:not(.lang-en) .special_00258 .r .txt .t { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00258 .r .box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 0; }

.special_00258 .r .blue { width: 100%; color: #fff; padding: 28px 98px 0 53px; margin-bottom: 7px; height: 54.3394%; position: relative; }

.special_00258 .r .ewm { position: absolute; right: 7px; top: -1px; }

.special_00258 .r .sj { position: relative; overflow: hidden; width: 86px; margin: 0 auto; }

.special_00258 .r .sj::before { content: ''; display: block; padding-top: 47.67442%; }

.special_00258 .r .sj .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_00258 .r .sj1 { width: 82px; margin: 0 auto; display: none; position: relative; background: rgba(248, 244, 238, 0.3); padding: 3px; }

.special_00258 .r .sj1 img { width: 100%; }

.special_00258 .r .sj1 .t { text-align: center; font-size: 14px; color: #fff; margin-bottom: 5px; }

.special_00258 .r .line { background: url(../../image/special_00258/line.png) no-repeat center center/cover; width: 20px; height: 124px; margin: 0 auto; }

.special_00258 .r .tits { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.special_00258 .r .tit { color: #fff; }

.special_00258 .r .list { margin-top: 10px; }

.special_00258 .r .li { font-size: 18px; /* padding-left: 8px; */ position: relative; -webkit-transition: all .32s; transition: all .32s; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 768px) { .special_00258 .r .li { font-size: 16px; } }

.special_00258 .r .li + .li { margin-top: 15px; }

.special_00258 .r .imgs { height: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px; }

.special_00258 .r .imgs .mask { width: 100%; }

.special_00258 .r .limg { width: calc((100% - 8px) / 2); height: 100%; position: relative; overflow: hidden; position: relative; margin: 0 4px; }

.special_00258 .r .limg::before { content: ''; display: block; padding-top: 93.28063%; }

.special_00258 .r .limg .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_00258 .r .mask { width: 100%; padding: 0  15px; }

/*	pc 端	*/
@media (min-width: 1300px) { .special_00258 .r .ewm:hover .sj { display: none; -webkit-transition: all .32s; transition: all .32s; }
  .special_00258 .r .ewm:hover .sj1 { display: block; -webkit-transition: all .32s; transition: all .32s; }
  .special_00258 .r .ewm:hover .line { height: 50px; background-position: center bottom; }
  .special_00258 .r .li:hover { color: #f00; } }

/*	1280~1440	*/
@media (max-width: 1300px) { .special_00258 { background: #f3f3f3; }
  .special_00258 .r .sj { display: none; }
  .special_00258 .r .ewm { position: static; margin-top: 10px; }
  .special_00258 .r .line { display: none; }
  .special_00258 .r .sj1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 170px; padding-top: 6px; padding-bottom: 0; }
  .special_00258 .r .sj1 .div + .div { margin-left: 6px; }
  .special_00258 .r .blue { padding: 20px 30px 10px; }
  .special_00258 .r .li + .li { margin-top: 5px; }
  .special_00258 .r .blue { height: auto; }
  .special_00258 .r .list { margin-top: 15px; }
  .special_00258 .r .ewm { margin-bottom: 10px; } }

@media (max-width: 1100px) { .special_00258 .con { display: block; }
  .special_00258 .l { width: 100%; margin-right: 0; }
  .special_00258 .r { margin-top: 10px; }
  .special_00258 .l .tits { padding: 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00258 { padding: 40px 0; }
  .special_00258 .l .tits { padding: 0; }
  .special_00258 .mask { width: 100% !important; padding: 0 10px; }
  .special_00258 .r { display: block; }
  .special_00258 .r .sky { width: 100%; margin-right: 0; height: 200px; }
  .special_00258 .r .box { width: 100%; }
  .special_00258 .r .blue { margin-top: 10px; padding-right: 10px; padding: 15px; }
  .special_00258 .r .ewm { position: static; margin-top: 20px; }
  .special_00258 .r .line { display: none; }
  .special_00258 .r .li + .li { margin-top: 10px; }
  .special_00258 .r .txt { top: 0; }
  .special_00258 .l .nav { right: 80px; } }