@charset "UTF-8";
.special_00005 { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }

.special_00005 .slick-box { float: right; width: 47.8%; }

.special_00005 .x-wrap { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; }

.special_00005 .cont { width: 53.41%; height: 100%; padding: 100px 110px 100px 0; }

.special_00005 .cont .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.special_00005 .cont .desc { height: 0; -webkit-box-flex: 1; flex: 1; -webkit-flex: 1; -ms-flex: 1; color: #666666; padding-top: 40px; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; font-size: 16px; }

.special_00005 .cont .desc .scroll-tab { height: 100%; }

.special_00005 .img { width: 100%; position: relative; overflow: hidden; background-color: #ececec; }

.special_00005 .img::before { content: ''; display: block; padding-top: 75.56237%; }

.special_00005 .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_00005 .img img { -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00005 .img:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } }

/*	1280~1440	*/
@media (max-width: 1480px) { .special_00005 .x-wrap { left: 0; -webkit-transform: translate(0); transform: translate(0); }
  .special_00005 .cont { padding: 5% 5% 5% 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00005 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 40px; }
  .special_00005 .x-tit-wnztle { text-align: center; }
  .special_00005 .slick-box { float: none; width: 100%; margin-top: 30px; }
  .special_00005 .x-wrap { position: static; width: 100%; -webkit-transform: translate(0); transform: translate(0); }
  .special_00005 .cont { width: 100%; padding: 0; }
  .special_00005 .tit301 { font-size: 26px; }
  .special_00005 .cont .desc { padding-top: 20px; }
  .special_00005 .cont .flex { display: block; }
  .special_00005 .cont .desc { height: auto; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; }
  .special_00005 .cont .desc .scroll-tab { height: auto; max-height: 20em; } }