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

.special_00333 .text { margin-top: 40px; text-align: center; }

.special_00333 .list { margin: 40px -20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; }

.special_00333 .list .item { border-radius: 20px; margin: 0 10px; width: 15.97222%; height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; -webkit-transition: all .5s; transition: all .5s; }

.special_00333 .list .item a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.special_00333 .list .item .liner { height: 100%; padding: 2.60417vw 3.90625vw 2.60417vw 2.08333vw; width: 100%; }

.special_00333 .list .item .tit { font-size: 24px; font-weight: bold; }

@media (max-width: 768px) { .special_00333 .list .item .tit { font-size: 18px; } }

body:not(.lang-en) .special_00333 .list .item .tit { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00333 .list .item .desc { opacity: 0; position: absolute; left: 11.5625vw; top: 2.60417vw; bottom: 2.60417vw; right: 3.90625vw; }

body:not(.lang-en) .special_00333 .list .item .desc { text-align: justify; text-justify: inter-ideograph; }

.special_00333 .list .item .scroll1 { height: 100%; }

.special_00333 .list .item .mCSB_inside > .mCSB_container { margin-right: 15px; }

.special_00333 .list .item .icon { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; width: 2.1875vw; position: absolute; right: 1.5625vw; bottom: 1.5625vw; min-width: 25px; }

.special_00333 .list .item .icon::before { content: ''; display: block; padding-top: 100%; }

.special_00333 .list .item .icon .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_00333 .list .item.cur { width: 45.13889%; }

.special_00333 .list .item.cur .desc { opacity: 1; }

.special_00333 .list .item.cur .icon { opacity: 0; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00333 .list .item:hover .desc { -webkit-transition: all .5s; transition: all .5s; } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00333 { padding: 40px 0; }
  .special_00333 .text { margin-top: 25px; }
  .special_00333 .list { margin: 25px 0 0; display: block; }
  .special_00333 .list .item { width: 100% !important; margin: 0; height: 200px; border-radius: 10px; }
  .special_00333 .list .item + .item { margin-top: 15px; }
  .special_00333 .list .item .liner { padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .special_00333 .list .item .desc { position: static; margin-left: 15px; width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1 !important; }
  .special_00333 .list .item .icon { display: none; } }