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

.special_00129 .top { position: relative; }

.special_00129 .cont { margin-top: 40px; }

.special_00129 .cont .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px -20px; }

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

.special_00129 .cont .item a { display: block; }

.special_00129 .cont .item .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.special_00129 .cont .item .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border: 1px dashed #d9af72; border-bottom: 5px solid #004098; padding: 32px 50px 35px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.special_00129 .cont .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; margin-top: 2px; }

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

.special_00129 .cont .item .t2 { font-size: 18px; font-family: 'Arial'; }

@media (max-width: 768px) { .special_00129 .cont .item .t2 { font-size: 16px; } }

/*	pc 端	*/
@media (min-width: 769px) { .special_00129 .cont .item:hover .img { opacity: 1; visibility: visible; }
  .special_00129 .cont .item:hover .flex { border-color: #004098; border-bottom-color: #d9af72; color: #fff; } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00129 { padding: 40px 0; }
  .special_00129 .top .x-tit { text-align: left; }
  .special_00129 .cont { margin-top: 20px; }
  .special_00129 .cont .list { display: block; margin: 0; }
  .special_00129 .cont .item { width: 100%; margin: 0 0 15px 0; }
  .special_00129 .cont .item .flex { padding: 15px; } }