@charset "UTF-8";
.special_00087 { background: url() no-repeat top center/cover; padding: 63px 0 70px; position: relative; background: #f7f7f7 !important; }

.special_00087 .box { margin-top: 40px; }

.special_00087 .li { position: relative; text-align: center; padding-top: 43px; background-color: #fff; height: 223px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../../image/special_00087/back1.jpg); }

.special_00087 .li:last-child { margin-right: 0; }

.special_00087 .icon { position: relative; overflow: hidden; width: 33.7837%; margin: 0 auto; }

.special_00087 .icon::before { content: ''; display: block; padding-top: 94.66667%; }

.special_00087 .icon .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_00087 .icon .i { -webkit-transition: all 0.52s; transition: all 0.52s; }

.special_00087 .icon .h { opacity: 0; visibility: hidden; -webkit-transition: all 0.52s; transition: all 0.52s; }

.special_00087 .t { font-size: 18px; color: #1e3932; line-height: 1.5; margin-top: 22px; -webkit-transition: all 0.52s; transition: all 0.52s; }

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

.special_00087 .p { font-size: 16px; color: #707070; -webkit-transition: all 0.52s; transition: all 0.52s; padding: 0 10px; }

.special_00087 .slick-slide { padding: 0 6px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00087 .li:hover { background-image: url(../../image/special_00087/back2.jpg); -webkit-transition: all 0.52s; transition: all 0.52s; }
  .special_00087 .li:hover .icon { -webkit-animation: animat-shake .5s; animation: animat-shake .5s; }
  .special_00087 .li:hover .t { color: #fff; -webkit-transition: all 0.52s; transition: all 0.52s; }
  .special_00087 .li:hover .p { color: #fff; -webkit-transition: all 0.52s; transition: all 0.52s; }
  .special_00087 .li:hover .i { opacity: 0; visibility: hidden; -webkit-transition: all 0.52s; transition: all 0.52s; }
  .special_00087 .li:hover .h { opacity: 1; visibility: visible; -webkit-transition: all 0.52s; transition: all 0.52s; }
  .special_00087 .li.cur { background-image: url(../../image/special_00087/back2.jpg); }
  .special_00087 .li.cur .t { color: #fff; }
  .special_00087 .li.cur .p { color: #fff; }
  .special_00087 .li.cur .i { opacity: 0; visibility: hidden; }
  .special_00087 .li.cur .h { opacity: 1; visibility: visible; } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00087::before { display: none; }
  .special_00087 { padding: 50px 0; }
  .special_000871 { padding: 50px 0; }
  .special_00087 .title { font-size: 30px; } }

@media (max-width: 768px) and (max-width: 1500px) { .special_00087 .title { font-size: 26px; } }

@media (max-width: 768px) and (max-width: 768px) { .special_00087 .title { font-size: 22px; } }

@media (max-width: 768px) { .special_00087 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00087 .li { padding-top: 30px; height: 130px; }
  .special_00087 .t { margin-top: 10px; }
  .special_00087 .icon { width: 60px; }
  .special_00087 .li:nth-child(3n) { margin-right: 0; }
  .special_00087.special_00087_1 .li { height: 130px; }
  .special_00087 .p { display: none; }
  .special_00087 .icon { width: 40px; }
  .special_00087 .box { margin-top: 30px; } }