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

.special_00358 .cont { margin: 40px 0 0 calc((100vw - 1400px)/2); }

.special_00358 .cont .item { position: relative; width: 467px; color: #fff; border-radius: 20px; overflow: hidden; display: inline-block; vertical-align: middle; }

.special_00358 .cont .item .pic { position: relative; overflow: hidden; }

.special_00358 .cont .item .pic::before { content: ''; display: block; padding-top: 74.94647%; }

.special_00358 .cont .item .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_00358 .cont .item .mod { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

.special_00358 .cont .item .mod::before { content: ''; background-color: #dc162b; height: 5px; position: absolute; left: 0; right: 0; bottom: -5px; z-index: 2; opacity: 0; -webkit-transition: all .2s; transition: all .2s; }

.special_00358 .cont .item .mod .bg { position: relative; overflow: hidden; background: url(../../image/special_00358/png2.png) center no-repeat; background-size: cover; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }

.special_00358 .cont .item .mod .bg::before { content: ''; display: block; padding-top: 42.18415%; }

.special_00358 .cont .item .mod .bg .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_00358 .cont .item .mod .text { position: relative; z-index: 2; padding: 0 2.60417vw 28px; font-size: 18px; }

@media (max-width: 768px) { .special_00358 .cont .item .mod .text { font-size: 16px; } }

.special_00358 .cont .item .mod .t1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; white-space: normal; }

.special_00358 .cont .item .mod .t2 { line-height: 1; margin-top: 10px; }

.special_00358 .cont .item + .item { margin-left: 20px; }

.special_00358 .cont .scroll-cont { white-space: nowrap; display: table; font-size: 0; }

.special_00358 .cont .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 40px; }

.special_00358 .cont .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 323px; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.special_00358 .cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #dc162b; }

.special_00358 .cont .mCSB_scrollTools .mCSB_draggerRail { background-color: #e5e6eb; }

.lang-en .special_00358 .cont .item .mod .t1 { display: block; height: auto; text-overflow: initial; overflow: visible; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00358 .cont .item:hover .mod::before { opacity: 1; bottom: 0; }
  .special_00358 .cont .item:hover .pic .i { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } }

/*	1280~1440	*/
@media (max-width: 1500px) { .special_00358 .cont { margin: 50px 0 0 50px; }
  .special_00358 .cont .item { width: 360px; } }

@media (max-width: 1200px) { .special_00358 .cont .item .mod .text { padding: 0 28px 28px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00358 { padding: 40px 0; }
  .special_00358 .cont { margin: 20px 15px 0; }
  .special_00358 .cont .slick-mod { margin: 0 -5px; }
  .special_00358 .cont .item { width: 70vw; max-width: none; min-width: auto; }
  .special_00358 .cont .slick-dots { margin-top: 20px; width: 60%; }
  .special_00358 .cont .slick-dots .slick-dot { height: 3px; }
  .special_00358 .cont .slick-dots .slick-dot.slick-active::after { height: 3px; }
  .special_00358 .cont .slick-dots .slick-dot::before { top: 1px; }
  .special_00358 .x-more { margin-top: 25px; }
  .special_00358 .cont .item .mod .text { padding: 15px; }
  .special_00358 .cont .item + .item { margin-left: 15px; }
  .special_00358 .cont .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 200px; } }