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

.special_00086 .tits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.special_00086 .list { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 3.57143%; top: 0; right: 3.57143%; bottom: 0; }

.special_00086 .item { /* width: 170px; */ display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; cursor: default; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00086 .item a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.special_00086 .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 2.1875vw 0; }

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

.special_00086 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; height: 100%; }

.special_00086 .h { font-size: 22px; }

@media (max-width: 768px) { .special_00086 .h { font-size: 18px; } }

body:not(.lang-en) .special_00086 .h { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00086 .h span { display: block; }

.special_00086 .h2 { opacity: 0; position: absolute; }

.special_00086 .item.act .h2 { opacity: 1; position: absolute; z-index: 10; height: 100%; padding: 2.1875vw 0; left: 7.2%; }

.special_00086 .item.act .h1 { opacity: 0; }

.special_00086 .item.act { /* width: calc(100% - 510px); */ -webkit-box-flex: 5.2; -ms-flex: 5.2; flex: 5.2; }

.special_00086 .item.act .bg { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00086 .item.act .text { opacity: 0; position: absolute; width: 19.1011%; }

.special_00086 .box { position: relative; overflow: hidden; margin-top: 40px; overflow: visible; }

.special_00086 .box::before { content: ''; display: block; padding-top: 25%; }

.special_00086 .box .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_00086 .bg { background-position: center; background-repeat: no-repeat; background-size: cover; }

.special_00086 .bg2 .b { background: url(../../image/special_00086/png1.png) no-repeat center center/cover; position: relative; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3.57143%; }

.special_00086 .bg2 .b::before { content: ''; display: block; padding-top: 758%; }

.special_00086 .bg2 .b .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_00086 .bg2 .bg1 { left: 0; }

.special_00086 .bg2 .bg2 { right: 0; }

.special_00086 .con { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.special_00086 .wnzt-more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*	pc 端	*/
@media (min-width: 1101px) { .special_00086 .item.act .h2 { background: none !important; } }

/*	1280~1440	*/
@media (max-width: 1320px) { .special_00086 .item.act .h2 { left: 5%; } }

@media (max-width: 1200px) { .special_00086 .item.act .h2 { left: 4.5%; } }

@media (max-width: 1100px) { .special_00086 .box::before { content: none; }
  .special_00086 .list { position: static; display: block; }
  .special_00086 .item { width: 100%; display: block; }
  .special_00086 .item + .item { margin-top: 10px; }
  .special_00086 .item a { width: 100%; display: block; }
  .special_00086 .item.act { width: 100%; }
  .special_00086 .item .text { display: none; }
  .special_00086 .item .bg { width: 100%; position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .special_00086 .item .bg::before { content: ""; display: block; padding-top: 39.458%; }
  .special_00086 .item.act .bg { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .special_00086 .item .h2 { opacity: 1; position: static !important; text-align: center; padding: 7px 20px !important; -webkit-transform: none !important; transform: none !important; color: #503717; }
  body:not(.lang-en) .special_00086 .item .h2 { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  body:not(.lang-en) .special_00086 .h { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .special_00086 .bg2 { display: none; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00086 { padding: 40px 0; }
  .special_00086 .box { margin-top: 30px; }
  .special_00086 .wnzt-more { position: static; -webkit-transform: none; transform: none; margin-top: 25px; }
  .special_00086 .tits { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }