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

.special_00298 .con { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00298 .con .map { width: 62%; position: relative; position: relative; overflow: hidden; }

.special_00298 .con .map::before { content: ''; display: block; padding-top: 56.45161%; }

.special_00298 .con .map .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_00298 .con .pic { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.special_00298 .con .box { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: url(../../image/special_00298/jpg2.jpg) center no-repeat; background-size: cover; padding: 88px 33px 82px 4.58333vw; }

.special_00298 .con .tracker-mod.dir-hor .tracker-box { text-align: left; border-bottom: 1px solid #fff; }

.special_00298 .con .tracker-mod .wnzt-tracker-item .x-tit-wnzt { color: #fff; position: relative; padding-bottom: 20px; }

.special_00298 .con .tracker-mod .wnzt-tracker-item .x-tit-wnzt::before { content: ''; background-color: #fff; height: 7px; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; }

.special_00298 .con .tracker-mod .wnzt-tracker-item.cur .x-tit-wnzt { font-size: 24px; }

@media (max-width: 1500px) { .special_00298 .con .tracker-mod .wnzt-tracker-item.cur .x-tit-wnzt { font-size: 20px; } }

@media (max-width: 768px) { .special_00298 .con .tracker-mod .wnzt-tracker-item.cur .x-tit-wnzt { font-size: 18px; } }

.special_00298 .con .tracker-mod .wnzt-tracker-item.cur .x-tit-wnzt::before { opacity: 1; }

.special_00298 .con .text { color: #fff; font-size: 16px; padding-top: 45px; }

.special_00298 .con .scroll1 { height: 230px; }

.special_00298 .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .special_00298 .con .mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; }

/*	pc 端	*/
/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00298 { padding: 40px 0; }
  .special_00298 .con { margin-top: 25px; display: block; }
  .special_00298 .con .map { width: 100%; position: relative; overflow: hidden; }
  .special_00298 .con .map::before { content: ''; display: block; padding-top: 56.45161%; }
  .special_00298 .con .map .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_00298 .con .box { width: 100%; padding: 20px 15px; }
  .special_00298 .con .text { padding-top: 20px; }
  .special_00298 .con .scroll1 { height: 260px; } }