@charset "UTF-8";
.special_00294 { position: relative; background: url() no-repeat top center; background-size: cover; padding: 100px 0; }

.special_00294::before { z-index: 3; content: ''; position: absolute; left: 0; right: 0; padding-top: 34.40217%; background: url(../../image/special_00294/png43.png) no-repeat center; background-size: contain; top: 80px; }

.special_00294 .x-wrap { z-index: 3; }

.special_00294 .lines { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: 10px; }

.special_00294 .lines i { display: block; width: calc(100% / 7); height: 6px; }

.special_00294 .cont { margin-top: 173px; }

.special_00294 .slick-slide > div { width: 47.85714%; }

.special_00294 .slick-slide > div:nth-child(1) { margin-left: 30.21429%; }

.special_00294 .slick-slide > div:nth-child(2) { margin-top: 13px; }

.special_00294 .slick-slide > div:nth-child(3) { margin-left: 36.28571%; margin-top: 3px; }

.special_00294 .slick-slide > div:nth-child(4) { margin-left: 6.28571%; margin-top: 16px; }

.special_00294 .slick-slide > div:nth-child(5) { margin-left: 2.64286%; margin-top: 124px; }

.special_00294 .item { position: relative; cursor: pointer; }

.special_00294 .img { width: 425px; position: relative; overflow: hidden; position: fixed; top: 50%; left: 50%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }

.special_00294 .img::before { content: ''; display: block; padding-top: 69.88235%; }

.special_00294 .img .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_00294 .img .i { width: 100%; }

.special_00294 .img.op-1 { opacity: 1; visibility: visible; }

.special_00294 .txt-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.special_00294 .txt-box .dot { width: 20px; height: 20px; border-radius: 50%; background: rgba(185, 156, 118, 0.2); padding: 6px; margin: 9px 0 0; }

.special_00294 .txt-box .dot::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background: #b99c76; }

.special_00294 .txt-box .t { font-size: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; margin-left: 10px; color: #fff; }

@media (max-width: 1500px) { .special_00294 .txt-box .t { font-size: 20px; } }

@media (max-width: 768px) { .special_00294 .txt-box .t { font-size: 18px; } }

.special_00294 .slick-nav { position: absolute; bottom: -15px; left: 105px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00294 .item:hover { z-index: 9; }
  .special_00294 .item:hover .lines { opacity: 1; } }

/*	1280~1440	*/
@media (max-width: 1750px) { .special_00294 .slick-slide > div:nth-child(3) { margin-left: 28%; } }

@media (max-width: 1320px) { .special_00294 .slick-slide > div { margin-left: 0 !important; margin-top: 20px !important; width: 70%; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00294 { padding: 40px 0; }
  .special_00294 .cont { margin-top: 20px; }
  .special_00294::before { top: 60px; display: none; }
  .special_00294 .slick-slide > div { width: 100%; margin-top: 15px !important; }
  .special_00294 .lines { opacity: 1; margin-top: 5px; }
  .special_00294 .txt-box .dot { margin-top: 5px; }
  .special_00294 .img { width: calc(100% - 30px); }
  .special_00294 .slick-nav { position: static; } }