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

.special_00265 .con { display: -webkit-box; display: -ms-flexbox; display: flex; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 40px; min-height: 553px; }

.special_00265 .left { -ms-flex-negative: 0; flex-shrink: 0; width: 50.857%; }

.special_00265 .list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-top: -108px; }

.special_00265 .list .li { min-height: 486px; width: calc(25% + 20px); position: absolute; color: #ffffff; font-size: 28px; padding-top: 72px; cursor: pointer; }

@media (max-width: 768px) { .special_00265 .list .li { font-size: 20px; } }

.special_00265 .list .li .a { 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-align: center; -ms-flex-align: center; align-items: center; color: inherit !important; }

.special_00265 .list .li .icon { position: relative; overflow: hidden; width: 84px; max-width: 4.375vw; min-width: 40px; }

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

.special_00265 .list .li .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_00265 .list .li .t { margin-top: 20px; max-height: 10em; }

body:not(.lang-en) .special_00265 .list .li .t { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00265 .list .li.li1 { background-color: #1a7dc1; top: 108px; left: 0; z-index: 1; padding-right: 28px; }

.special_00265 .list .li.li2 { background-color: #0d4eaa; top: 22px; left: calc(25% - 9px); z-index: 2; padding-right: 23px; }

.special_00265 .list .li.li3 { background-color: #2785c5; top: 108px; left: calc(50% - 10px); z-index: 3; }

.special_00265 .list .li.li4 { background-color: #36a4d7; top: 0; right: 0; z-index: 2; padding-left: 33px; }

.special_00265 .list .li.cur { background-color: #ed732a; }

.special_00265 .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding: 82px 70px 8.33333vw 55px; z-index: 2; width: 0; }

.special_00265 .right .desc { font-size: 16px; display: none; }

.special_00265 .right .desc.act { display: block; }

body:not(.lang-en) .special_00265 .right .p { text-align: justify; text-justify: inter-ideograph; }

.special_00265 .right .p + .p { margin-top: 25px; }

.special_00265 .x-more { margin-top: 2.96875vw; }

@media (max-width: 1100px) { .special_00265 .con { display: block; min-height: auto; }
  .special_00265 .left { width: 100%; }
  .special_00265 .right { width: 100%; }
  .special_00265 .list { margin-top: 0; }
  .special_00265 .list .li { position: relative; width: 25%; padding: 80px 0 !important; top: 0 !important; left: auto !important; min-height: auto; } }

/*	pc 端	*/
@media (min-width: 769px) { .special_00265 .list .li:hover .icon { -webkit-animation: animat-shake linear 1s; animation: animat-shake linear 1s; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00265 { padding: 40px 0; }
  .special_00265 .con { margin-top: 25px; }
  .special_00265 .list .li { padding: 20px 0 !important; }
  .special_00265 .right .ps { margin: 0; padding: 0; }
  .special_00265 .right { padding: 15px; }
  .special_00265 .right .p + .p { margin-top: 10px; }
  .special_00265 .x-more { margin-top: 20px; }
  .special_00265 .wnzt-title { text-align: left; } }