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

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

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

.special_00163 .left { width: 49.8%; }

.special_00163 .pic { position: relative; overflow: hidden; background-color: #ececec; border-radius: 30px; }

.special_00163 .pic::before { content: ''; display: block; padding-top: 56.30372%; }

.special_00163 .pic .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_00163 .t { position: relative; font-size: 18px; margin-top: 20px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; padding-right: 130px; }

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

body:not(.lang-en) .special_00163 .t { text-align: justify; text-justify: inter-ideograph; }

.special_00163 .date { font-family: 'arial'; color: #00654c; font-weight: bold; position: absolute; right: 0; margin-top: 2px; bottom: 0; -webkit-transition: all 0.32s; transition: all 0.32s; }

.special_00163 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 48px; }

.special_00163 .item { padding: 30px 0 0; border-top: 2px solid #7f563a; }

.special_00163 .item + .item { margin-top: 33px; }

.special_00163 .h { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; height: 1.5em; -webkit-line-clamp: 1; }

@media (max-width: 768px) { .special_00163 .h { font-size: 16px; } }

.special_00163 .d { font-size: 18px; font-family: 'arial'; color: #00654c; font-weight: bold; -webkit-transition: all 0.32s; transition: all 0.32s; margin-top: 25px; }

@media (max-width: 768px) { .special_00163 .d { font-size: 16px; } }

.special_00163 .p { font-size: 16px; color: #707070; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; height: 4.5em; text-overflow: ellipsis; overflow: hidden; }

body:not(.lang-en) .special_00163 .p { text-align: justify; text-justify: inter-ideograph; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00163 .t:hover { color: #00654c; }
  .special_00163 .pic:hover img { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00163 .pic:hover .i { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .special_00163 .pic:hover:hover img { -webkit-transform: scale(1.07); transform: scale(1.07); }
  .special_00163 .pic:hover:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.07); transform: translate(-50%, -50%) scale(1.07); }
  .special_00163 .item:hover .h { color: #00654c; } }

/*	1280~1440	*/
@media (max-width: 1480px) { .special_00163 .item { padding: 35px 0 0; }
  .special_00163 .d { margin-top: 5px; }
  .special_00163 .p { margin-top: 5px; }
  .special_00163 .item + .item { margin-top: 30px; } }

/*	1024	*/
@media (max-width: 1024px) { .special_00163 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }
  .special_00163 .left { width: 100%; }
  .special_00163 .list { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0; margin-top: 20px; }
  .special_00163 .date { position: static; display: block; margin-top: 5px; }
  .special_00163 .item { padding-top: 15px; }
  .special_00163 .d { margin-top: 5px; }
  .special_00163 .p { margin-top: 5px; }
  .special_00163 .item + .item { margin-top: 15px; }
  .special_00163 .t { white-space: normal; display: block; padding: 0; height: auto; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00163 { padding: 40px 0; }
  .special_00163 .item { border-top: 2px solid #057D5F; }
  .special_00163 .pic { border-radius: 15px; } }