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

.special_00296 .title { 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_00296 .moreBox { margin-top: 0; }

.special_00296 .list { margin: 22px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00296 .list .item { width: calc(50% - 40px); margin: 0 20px; position: relative; }

.special_00296 .list .item::after { content: ''; position: absolute; width: 100%; height: 12px; background: url(../../image/special_00296/png1.png) no-repeat center; background-size: 100% 100%; left: 0; top: calc(100% - 6px); }

.special_00296 .list .item .liner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 0; }

.special_00296 .list .item .liner .pic { position: relative; overflow: hidden; width: 104px; }

.special_00296 .list .item .liner .pic::before { content: ''; display: block; padding-top: 125.96154%; }

.special_00296 .list .item .liner .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_00296 .list .item .liner .text { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 55px; }

.special_00296 .list .item .liner .text .t1 { font-size: 18px; }

@media (max-width: 768px) { .special_00296 .list .item .liner .text .t1 { font-size: 16px; } }

.special_00296 .list .item .liner .text .t2 { font-size: 16px; margin-top: 6px; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1200px) { .special_00296 .list .item .liner .text { padding: 0 20px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00296 { padding: 40px 0; }
  .special_00296 .moreBox { margin-top: 0 !important; }
  .special_00296 .list { margin: 15px 0 0; display: block; }
  .special_00296 .list .item { width: 100%; margin: 0; border-bottom: 1px solid #ddd; }
  .special_00296 .list .item::after { display: none; }
  .special_00296 .list .item .liner { padding: 15px 0; } }