@charset "UTF-8";
.special_00089 { padding: 60px 0 100px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.special_00089 .bg { background-image: url(../../image/special_00089/bg.png); background-size: cover; position: absolute; left: 30px; right: 30px; top: 163px; bottom: 0; background-repeat: no-repeat; background-position: top center; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.special_00089 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.special_00089 .tit_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00089 .left { width: 64.85714%; }

.special_00089 .left .list { margin-top: 40px; }

.special_00089 .left .list .li a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00089 .left .list .img { position: relative; overflow: hidden; background-color: #ececec; width: 285px; border-radius: 10px; }

.special_00089 .left .list .img::before { content: ''; display: block; padding-top: 56.49123%; }

.special_00089 .left .list .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_00089 .left .list .desc { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 35px; border-bottom: 1px dashed #addec5; position: relative; padding-right: 16px; }

.special_00089 .left .list .desc .line { width: 50px; height: 3px; background-color: #169e71; display: block; position: absolute; left: 0; bottom: -2px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00089 .left .list .desc .t { font-size: 18px; color: #333; margin-top: 17px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; height: auto; }

@media (max-width: 768px) { .special_00089 .left .list .desc .t { font-size: 16px; } }

.special_00089 .left .list .desc .p { font-size: 16px; color: #999999; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; height: auto; }

body:not(.lang-en) .special_00089 .left .list .desc .p { text-align: justify; text-justify: inter-ideograph; }

.special_00089 .left .list .desc .y { font-size: 18px; color: #333; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; }

@media (max-width: 768px) { .special_00089 .left .list .desc .y { font-size: 16px; } }

.special_00089 .left .list .li:nth-child(1) .desc { border-top: 1px dashed #addec5; }

.special_00089 .left .list .li + .li { margin-top: 10px; }

.special_00089 .right { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 75px; min-width: 400px; }

.special_00089 .right .slick-item { position: relative; padding: 30px 70px 24px; }

.special_00089 .right .slick-mod { background-color: #f7f7f7; margin-top: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

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

.special_00089 .right .img::before { content: ''; display: block; padding-top: 141.42857%; }

.special_00089 .right .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_00089 .right .img .i { width: 100%; max-height: none; height: auto; }

.special_00089 .right .t { font-size: 18px; color: #333; text-align: center; margin-top: 18px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 768px) { .special_00089 .right .t { font-size: 16px; } }

.special_00089 .slick-dots { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: auto; right: 30px; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.special_00089 .slick-dots .slick-dot { width: 7px; height: 13px; border-radius: 3.5px; margin: 4px 0; }

.special_00089 .slick-dots .slick-dot.slick-active { height: 34px; }

.special_00089 .title .wnzt-title { margin-bottom: 135px; }

.special_00089 .wnzt-slick-arrow { display: none !important; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00089 .left .list .li:hover .img img { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00089 .left .list .li:hover .img .i { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00089 .left .list .li:hover .img:hover img { -webkit-transform: scale(1.07); transform: scale(1.07); }
  .special_00089 .left .list .li:hover .img:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.07); transform: translate(-50%, -50%) scale(1.07); }
  .special_00089 .left .list .li:hover .desc .line { width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00089 .left .list .li:hover .desc .t { color: #085939; }
  .special_00089 .right .slick-arrow:hover { background-color: #f00; -webkit-transition: all 0.32s; transition: all 0.32s; }
  .special_00089 .right .slick-item:hover .img img { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00089 .right .slick-item:hover .img .i { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00089 .right .slick-item:hover .img:hover img { -webkit-transform: scale(1.07); transform: scale(1.07); }
  .special_00089 .right .slick-item:hover .img:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.07); transform: translate(-50%, -50%) scale(1.07); } }

/*	1280~1440	*/
@media (max-width: 1200px) { .special_00089 .right { min-width: 350px; margin-left: 40px; } }

@media (max-width: 1000px) { .special_00089 .con { display: block; }
  .special_00089 .left { width: 100%; }
  .special_00089 .right { min-width: auto; width: 100%; margin-top: 40px; margin-left: 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00089 { padding: 40px 0; }
  .special_00089 .bg { left: 0; right: 0; top: 90px; background: none; background-color: #fff; }
  .special_00089 .x-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00089 .left, .special_00089 .right { width: 100%; position: relative; }
  .special_00089 .left .list { margin-top: 30px; }
  .special_00089 .left .list .li a { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00089 .left .list .li + .li { margin-top: 20px; }
  .special_00089 .left .list .img { width: 100%; }
  .special_00089 .left .list .desc { margin-left: 0; padding: 15px; }
  .special_00089 .left .list .desc .t { height: auto; line-height: inherit; white-space: inherit; margin-top: 0; }
  .special_00089 .right { margin-top: 30px; }
  .special_00089 .right .slick-mod { margin-top: 30px; padding-bottom: 15px; }
  .special_00089 .right .slick-item { padding: 0; }
  .special_00089 .right .img { width: 100%; }
  .special_00089 .right .t { padding: 0 15px; margin-top: 0; margin-top: 10px; }
  .special_00089 .title .wnzt-title { margin-bottom: 25px; }
  .special_00089 .slick-dots { right: 15px; } }
