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

.special_00326 .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00326 .list .item { width: 36.71429%; font-size: 18px; position: relative; color: #fff; position: relative; overflow: hidden; overflow: visible; }

@media (max-width: 768px) { .special_00326 .list .item { font-size: 16px; } }

.special_00326 .list .item::before { content: ''; display: block; padding-top: 123.54086%; }

.special_00326 .list .item .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_00326 .list .item .bg { background-position: center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }

.special_00326 .list .item .mod { height: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 40px; }

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

.special_00326 .list .item .ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.special_00326 .list .item .li + .li { margin-top: 10px; }

.special_00326 .list .item .mCS_no_scrollbar .mCSB_container { height: 100%; }

.special_00326 .list .item .mCS_no_scrollbar .ul { height: 100%; }

.special_00326 .list .item.item1 { margin-top: 3.92857%; z-index: 3; }

.special_00326 .list .item.item1 .bg { padding: 18.09339% 30px 28.21012% 16.53696%; }

.special_00326 .list .item.item2 { margin-left: -4.28571%; z-index: 2; margin-bottom: 3.92857%; }

.special_00326 .list .item.item2 .bg { padding: 28.79377% 30px 20.42802% 22.76265%; bottom: -2.00617%; }

.special_00326 .list .item.item2 .ico1 { position: relative; overflow: hidden; background: url(../../image/special_00326/png1.png) center no-repeat; width: 11.67315%; position: absolute; left: 0; top: 0; background-size: cover; z-index: 3; }

.special_00326 .list .item.item2 .ico1::before { content: ''; display: block; padding-top: 91.66667%; }

.special_00326 .list .item.item2 .ico1 .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_00326 .list .item.item2 .ico2 { position: relative; overflow: hidden; background: url(../../image/special_00326/png2.png) center no-repeat; width: 5.64202%; position: absolute; right: 0; top: 102%; background-size: cover; z-index: 3; }

.special_00326 .list .item.item2 .ico2::before { content: ''; display: block; padding-top: 65.51724%; }

.special_00326 .list .item.item2 .ico2 .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_00326 .list .item.item3 { margin-left: -2%; z-index: 1; margin-top: 2.28571%; width: 32.5%; margin-bottom: 1.57143%; }

.special_00326 .list .item.item3 .bg { padding: 25.05495% 30px 27.47253% 19.78022%; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 800px) { .special_00326 .list { display: block; }
  .special_00326 .list .item { width: 100% !important; margin: 0 !important; }
  .special_00326 .list .item::before { display: none; }
  .special_00326 .list .item + .item { margin-top: 15px !important; }
  .special_00326 .list .item .bg { position: static; padding: 30px !important; }
  .special_00326 .list .item .ico1, .special_00326 .list .item .ico2 { display: none; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00326 { padding: 40px 0; }
  .special_00326 .list .item .mod { margin-top: 25px; }
  .special_00326 .list .item .scroll1 { max-height: 170px; } }