@charset "UTF-8";
.special_00122 { padding: 100px 0; position: relative; min-height: 860px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }

.special_00122 .before1 { width: 844px; height: 955px; position: absolute; right: 50%; margin-right: 115px; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.special_00122 .wnzt-title { position: absolute; left: 145px; top: 90px; color: #7a5835; }

body:not(.lang-en) .special_00122 .wnzt-title { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00122 .tabs { position: absolute; right: 50%; top: 35px; width: 400px; }

.special_00122 .tabs .h { position: absolute; left: -130px; top: 30px; width: 210px; color: #7a5835; }

.special_00122 .tabs .h .prev { position: absolute; left: 50%; top: -50px; margin-left: -17px; cursor: pointer; opacity: 0.5; }

.special_00122 .tabs .h .next { position: absolute; left: 50%; bottom: -50px; margin-left: -17px; cursor: pointer; opacity: 0.5; }

.special_00122 .tabs .h strong { font-weight: normal; font-size: 140px; display: block; height: 328px; font-family: 'avian'; line-height: 1.6; }

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

.special_00122 .tabs .li { position: absolute; font-family: Arial; font-size: 24px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; opacity: 0; }

@media (max-width: 1500px) { .special_00122 .tabs .li { font-size: 22px; } }

@media (max-width: 768px) { .special_00122 .tabs .li { font-size: 18px; } }

.special_00122 .tabs .li.now { color: #cea867; }

.special_00122 .tabs .li::before { content: ""; width: 14px; height: 14px; background: #cea867; border-radius: 100%; margin-right: 30px; }

.special_00122 .tabs .li.l1 { left: 242px; top: 55px; opacity: 1; }

.special_00122 .tabs .li.l2 { right: 130px; top: 135px; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00122 .tabs .li.l2::before { margin-left: 30px; }

.special_00122 .tabs .li.l3 { left: 218px; top: 247px; opacity: 1; }

.special_00122 .tabs .li.l4 { right: 141px; top: 381px; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00122 .tabs .li.l4::before { margin-left: 30px; }

.special_00122 .tabs .li.l5 { left: 197px; top: 430px; opacity: 1; }

.special_00122 .tabs .li.l6 { left: 15px; top: 520px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; }

.special_00122 .tabs .li.l6::before { margin-left: 30px; }

.special_00122 .div { margin-left: 50%; width: 50%; position: relative; }

.special_00122 .div .lines { position: absolute; left: 0; top: 0; bottom: 0; width: 21px; background-repeat: repeat-y; background-position: left top; background-size: 100% auto; }

.special_00122 .nav { margin-top: 40px; margin-left: 65px; width: 240px; text-align: center; }

.special_00122 .nav span { margin: 0 10px; cursor: pointer; }

.special_00122 .list { padding-left: 65px; height: 550px; }

.special_00122 .list .item { margin-top: 30px; position: relative; padding: 6px 0 0 45px; }

.special_00122 .list .item::before { content: ''; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background: url(../../image/special_00122/png33.png) no-repeat center; background-size: contain; }

.special_00122 .list .item:first-child { margin-top: 0; }

.special_00122 .list .item .date { font-size: 24px; font-family: Arial; line-height: 1; }

@media (max-width: 1500px) { .special_00122 .list .item .date { font-size: 22px; } }

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

.special_00122 .list .item .cont { line-height: 1.7; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00122 .list .item .pic { margin-top: 5px; margin-right: 30px; width: 240px; }

.special_00122 .list .item .pic img { width: 100%; height: auto; }

.special_00122 .list .item .h { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00122 .slick-nav { margin-top: 30px; }

.special_00122 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ba9049; }

.special_00122 .mCSB_scrollTools .mCSB_draggerRail { background: #ba9049; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00122 .tabs .h .prev:not([disabled]):hover { opacity: 1; }
  .special_00122 .tabs .h .next:not([disabled]):hover { opacity: 1; }
  .special_00122 .tabs .h .prev[disabled], .special_00122 .tabs .h .next[disabled] { cursor: default; } }

/*	1280~1440	*/
@media (max-width: 1480px) { .special_00122 .wnzt-title { left: 0; } }

@media screen and (max-width: 1200px) { .special_00122 .tabs .h { left: -60px; } }

/*	1024	*/
@media (max-width: 1024px) { .special_00122 .tabs .h strong { font-size: 80px; margin: 0 auto; }
  .special_00122 .tabs .h { left: -20px; }
  .special_00122 .list .item .cont { display: block; }
  .special_00122 .list .item .h { margin-top: 10px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } }

@media (max-width: 950px) { .special_00122 .wnzt-title { position: relative; top: 0; left: 0; }
  body:not(.lang-en) .special_00122 .wnzt-title { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .special_00122 .content { margin-top: 30px; position: relative; }
  .special_00122 .tabs .h { top: 0; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00122 { padding: 40px 0; }
  .special_00122 { min-height: 0; }
  .special_00122 .wnzt-title { text-align: center; position: static; }
  .special_00122 .content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; }
  .special_00122 .tabs { width: auto; position: static; }
  .special_00122 .tabs .li { position: static; display: block; margin-bottom: 1em; opacity: 1; }
  .special_00122 .tabs .li::before { display: none !important; }
  .special_00122 .div { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; }
  .special_00122 .list { padding-left: 40px; }
  .special_00122 .list .item { padding: 0 0 0 20px; }
  .special_00122 .list .item::before { width: 15px; height: 15px; }
  .special_00122 .list .item .cont { display: block; }
  .special_00122 .list .item .pic { margin: 0 0 15px; width: 100% !important; }
  .special_00122 .nav { margin-left: 0; }
  .special_00122 .tabs { max-height: 350px; overflow: auto; }
  .special_00122 .tabs .h, .special_00122 .slick-nav { display: none; }
  .special_00122 .list { height: 350px; } }