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

.special_00211 .bgi { position: relative; overflow: hidden; position: absolute; right: 0; top: 0; width: 38.64583%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.special_00211 .bgi::before { content: ''; display: block; padding-top: 94.20485%; }

.special_00211 .bgi .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_00211 .cont { margin-top: 40px; }

.special_00211 .tab-item { display: none; }

.special_00211 .tab-item.act { display: block; }

.special_00211 .tab-cont { margin-top: 40px; }

.special_00211 .new_list { margin: 0 -30px -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00211 .new_list .item { width: calc(50% - 60px); margin: 0 30px 30px; height: 145px; }

.special_00211 .new_list a { display: block; height: 100%; }

.special_00211 .new_list .padd { height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; padding: 27px 120px 0 62px; position: relative; }

.special_00211 .new_list .item .t1 { 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; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; }

@media (max-width: 768px) { .special_00211 .new_list .item .t1 { font-size: 16px; } }

.special_00211 .new_list .item .padd::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #a60000; position: absolute; top: 39px; left: 38px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; }

.special_00211 .new_list .item .date1 { font-size: 18px; color: #707070; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 8px; position: relative; font-family: arial; }

@media (max-width: 768px) { .special_00211 .new_list .item .date1 { font-size: 16px; } }

.special_00211 .new_list .item .hover_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }

.special_00211 .img_list { margin: 0 -15px -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00211 .img_list .item { width: calc(25% - 30px); margin: 0 15px 30px; }

.special_00211 .img_list .item a { display: block; }

.special_00211 .img_list .item .padd { position: relative; }

.special_00211 .img_list .item .img { position: relative; overflow: hidden; }

.special_00211 .img_list .item .img::before { content: ''; display: block; padding-top: 74.92355%; }

.special_00211 .img_list .item .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_00211 .img_list .item .text { font-size: 18px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 28px 12px; }

@media (max-width: 768px) { .special_00211 .img_list .item .text { font-size: 16px; } }

.special_00211 .img_list .item .text .txt { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00211 .new_list .item:hover .hover_bg { opacity: 1; }
  .special_00211 .new_list .item:hover .padd::before { background-color: #fff; }
  .special_00211 .new_list .item:hover .t1, .special_00211 .new_list .item:hover .date1 { color: #fff; }
  .special_00211 .img_list .item:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } }

/*	1280~1440	*/
@media (max-width: 1300px) { .special_00211 .new_list .padd { padding-right: 100px; } }

@media (max-width: 1100px) { .special_00211 .new_list .padd { padding-right: 80px; } }

@media (max-width: 900px) { .special_00211 .new_list .item { width: calc(50% - 20px); margin: 10px; }
  .special_00211 .new_list .padd { padding-left: 40px; padding-right: 60px; }
  .special_00211 .new_list .item .padd::before { left: 17px; top: 35px; }
  .special_00211 .img_list .item .text { padding: 0 10px 10px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00211 { padding: 40px 0; }
  .special_00211 .cont { margin-top: 25px; }
  .special_00211 .tab-cont { margin-top: 25px; }
  .special_00211 .new_list { margin: 0; display: block; }
  .special_00211 .new_list .item { width: auto; height: auto; margin: 0 0 15px 0; }
  .special_00211 .new_list .item a { height: auto; }
  .special_00211 .new_list .padd { height: auto; padding: 15px; background-size: 200%; }
  .special_00211 .new_list .item .padd::before { display: none; }
  .special_00211 .l-more { padding-top: 5px; }
  .special_00211 .img_list { display: block; margin: 0; }
  .special_00211 .img_list .item { width: 100%; margin: 0 0 15px 0; }
  .special_00211 .img_list .item .img .i { width: 100%; }
  .special_00211 .img_list .item .text { padding: 0 15px 5px; } }