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

.special_00109 .x-wrap { z-index: 2; }

.special_00109 .wnzt-title { position: absolute; left: 0; top: 0; width: 35%; color: #fff; z-index: 3; }

.special_00109 .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 2; }

.special_00109 .cont .item .icon { width: 109px; position: relative; overflow: hidden; }

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

.special_00109 .cont .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_00109 .cont .item .icon img { z-index: 3; }

.special_00109 .cont .item .icon .aft { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url() no-repeat center; background-size: cover; display: block; }

.special_00109 .cont .item .t { font-size: 24px; margin-top: 10px; }

@media (max-width: 768px) { .special_00109 .cont .item .t { font-size: 18px; } }

.special_00109 .cont .item .p { font-size: 18px; margin-top: 22px; line-height: 1.66; }

@media (max-width: 768px) { .special_00109 .cont .item .p { font-size: 16px; } }

.special_00109 .cont .item .li + .li { margin-top: 42px; }

.special_00109 .cont .i1 { color: #fff; padding: 78px 10px 45px; }

.special_00109 .cont .i1 .icon .aft { background-image: url(../../image/special_00109/png42.png); -webkit-animation: zr 8s linear infinite; animation: zr 8s linear infinite; }

.special_00109 .cont .i1 .p { display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; line-height: 1.66; height: 19.92em; text-overflow: ellipsis; overflow: hidden; height: auto; }

.special_00109 .cont .i2 { padding: 44px 10px 0; }

.special_00109 .cont .i2 .icon .aft { -webkit-animation: zr 8s linear infinite; animation: zr 8s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }

.special_00109 .cont .i3 { padding: 0 50px; width: calc(100% - 47.756%); margin-top: 20px; }

.special_00109 .cont .i3 .icon .aft { -webkit-animation: zr 8s linear infinite; animation: zr 8s linear infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.special_00109 .cont .img1 { width: 100%; position: relative; overflow: hidden; border-radius: 20px; }

.special_00109 .cont .img1::before { content: ''; display: block; padding-top: 75%; }

.special_00109 .cont .img1 .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_00109 .cont .img2 { width: 100%; position: relative; overflow: hidden; border-radius: 20px; }

.special_00109 .cont .img2::before { content: ''; display: block; padding-top: 75.02877%; }

.special_00109 .cont .img2 .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_00109 .cont .img3 { width: 47.756%; position: relative; overflow: hidden; margin-top: 20px; border-radius: 20px; }

.special_00109 .cont .img3::before { content: ''; display: block; padding-top: 133.25301%; }

.special_00109 .cont .img3 .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_00109 .cont .lbox { padding: 0 20px; width: 37.8571%; }

.special_00109 .cont .rbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.lang-en .special_00109 .cont .item .p, .lang-en .special_00109 .cont .i1 .p { line-height: 1.3; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .special_00109 .wnzt-title { left: 50px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00109 { padding: 40px 0; }
  .special_00109 .wnzt-title { position: relative; left: 0; width: auto; text-align: center; }
  .special_00109 .cont { display: block; }
  .special_00109 .cont .item .icon { width: 80px; margin: auto; }
  .special_00109 .cont .item .p { margin-top: 10px; }
  .special_00109 .cont .lbox { width: 100%; padding: 0; }
  .special_00109 .cont .i1, .special_00109 .cont .i2, .special_00109 .cont .i3 { padding: 20px; text-align: center; margin-top: 0px; width: 100%; }
  .special_00109 .cont .img1, .special_00109 .cont .img2, .special_00109 .cont .img3 { display: none; }
  .special_00109 .cont .rbox { display: block; }
  .special_00109 .cont .i1 .p { height: auto; }
  .special_00109 .cont .item .li + .li { margin-top: 15px; }
  .special_00109 .cont .item .t { font-weight: bold; } }