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

.special_00183 .flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00183 .title-box { 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_00183 .l-box { width: 64.85714%; }

.special_00183 .l-box .cont { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; }

.special_00183 .l-box .img { position: relative; overflow: hidden; }

.special_00183 .l-box .img::before { content: ''; display: block; padding-top: 75%; }

.special_00183 .l-box .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_00183 .l-box .img .i { width: 100%; }

.special_00183 .l-box .txt-box { border-bottom: 1px dashed #2793b1; padding: 20px 0 15px; position: relative; }

.special_00183 .l-box .txt-box .tit { font-size: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; line-height: 1.3; height: calc(2em * 1.3); }

@media (max-width: 1500px) { .special_00183 .l-box .txt-box .tit { font-size: 18px; } }

.special_00183 .l-box .txt-box .date { font-size: 18px; font-family: 'Arial'; margin-top: 44px; }

@media (max-width: 768px) { .special_00183 .l-box .txt-box .date { font-size: 16px; } }

.special_00183 .l-box .txt-box .after { position: absolute; left: 0; height: 3px; background-repeat: no-repeat; background-position: left center; bottom: -2px; width: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.special_00183 .l-box .first-li { width: 48.45815%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.special_00183 .l-box .first-li .txt-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; flex-grow: 1; }

.special_00183 .l-box .list { border-top: 1px dashed #addec5; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; margin-left: 50px; }

.special_00183 .l-box .list .li + .li { margin-top: 4px; }

.special_00183 .r-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; margin-left: 70px; }

.special_00183 .r-box .item { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; height: 181px; }

@media (max-width: 1500px) { .special_00183 .r-box .item { font-size: 20px; } }

@media (max-width: 768px) { .special_00183 .r-box .item { font-size: 18px; } }

.special_00183 .r-box .item + .item { margin-top: 10px; }

.special_00183 .r-box .item .txt { width: 100%; padding: 0 20px; line-height: 1.333; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00183 .l-box .first-li:hover .txt-box, .special_00183 .l-box .li:hover .txt-box { color: #be0201; }
  .special_00183 .l-box .first-li:hover .txt-box .after, .special_00183 .l-box .li:hover .txt-box .after { height: 5px; bottom: -4px; width: 100%; background-size: 100% 100%; } }

/*	1280~1440	*/
/*	1024	*/
@media (max-width: 1024px) { .special_00183 .flex-box { display: block; }
  .special_00183 .l-box { width: 100%; }
  .special_00183 .r-box { width: 100%; margin: 30px 0 0; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00183 { padding: 40px 0; }
  .special_00183 .l-box .cont { display: block; margin-top: 15px; }
  .special_00183 .l-box .first-li { width: 100%; }
  .special_00183 .l-box .list { width: 100%; margin: 0; border: none; }
  .special_00183 .l-box .txt-box { padding: 10px 0; }
  .special_00183 .l-box .txt-box .after { display: none; }
  .special_00183 .l-box .txt-box .date { margin-top: 5px; }
  .special_00183 .r-box { margin-top: 20px; }
  .special_00183 .r-box .item { height: 140px; } }