.list_news {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: -webkit-calc(100% + .8rem);
  width: -moz-calc(100% + .8rem);
  width: calc(100% + .8rem)
}

@media (max-width:767px) {
  .list_news {
    display: block
  }
}

@media (max-width:1024px) {
  .list_news {
    width: -webkit-calc(100% + .4rem);
    width: -moz-calc(100% + .4rem);
    width: calc(100% + .4rem)
  }
}

@media (max-width:767px) {
  .list_news {
    width: 100%
  }
}

.list_news li {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background-color: #dcf4fe;
  overflow: hidden;
  border-radius: .3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color .4s, opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-box-shadow .4s, -webkit-transform 3s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .4s, opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-box-shadow .4s, -webkit-transform 3s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: background-color .4s, box-shadow .4s, transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1), -moz-transform 3s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .4s, box-shadow .4s, transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .4s, box-shadow .4s, transform 3s cubic-bezier(.19, 1, .22, 1), opacity 3s cubic-bezier(.19, 1, .22, 1), -webkit-box-shadow .4s, -webkit-transform 3s cubic-bezier(.19, 1, .22, 1), -moz-transform 3s cubic-bezier(.19, 1, .22, 1);
  padding: .17rem .25rem 0 .25rem;
  width: -webkit-calc(33.33% - .3rem);
  width: -moz-calc(33.33% - .3rem);
  width: calc(33.33% - .3rem);
  margin-right: .3rem;
  margin-bottom: .3rem
}

@media (max-width:1024px) {
  .list_news li {
    width: -webkit-calc(33.33% - .4rem);
    width: -moz-calc(33.33% - .4rem);
    width: calc(33.33% - .4rem)
  }
}

@media (max-width:991px) {
  .list_news li {
    width: -webkit-calc(50% - .4rem);
    width: -moz-calc(50% - .4rem);
    width: calc(50% - .4rem)
  }
}

@media (max-width:767px) {
  .list_news li {
    width: 100%
  }
}

@media (max-width:1024px) {
  .list_news li {
    margin-right: .4rem
  }
}

@media (max-width:767px) {
  .list_news li {
    margin-right: 0
  }
}

@media (max-width:1024px) {
  .list_news li {
    margin-bottom: .4rem
  }
}

.list_news li .item-img {
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  height: 16vw;
  margin-bottom: .32rem
}

@media (max-width:991px) {
  .list_news li .item-img {
    height: 25.1vw
  }
}

@media (max-width:767px) {
  .list_news li .item-img {
    height: 52.1vw
  }
}

.list_news li .item-img .tag {
  display: inline-block;
  color: #00b0ec;
  background-color: #c3eaff;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  bottom: .2rem;
  left: .2rem;
  padding: .1rem .2rem;
  font-size: .16rem
}

@media (max-width:1024px) {
  .list_news li .item-img .tag {
    font-size: .26rem
  }
}

@media (max-width:991px) {
  .list_news li .item-img .tag {
    font-size: .36rem
  }
}

@media (max-width:767px) {
  .list_news li .item-img .tag {
    font-size: .26rem
  }
}

.list_news li .item-img b {
  display: block;
  height: 100%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  background-size: cover;
}

.list_news li .item-text {
  position: relative;
}

@media (max-width:767px) {
  .list_news li .item-text {
    padding-bottom: 0rem
  }
}

.list_news li .item-text .title {
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: .26rem;
  font-weight: 600;
}

.list_news li .item-text .p {
  font-size: 16px;
  line-height: 1.75;
  height: 1.12rem;
  margin-top: .1rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

@media (max-width:1024px) {


  .list_news li .item-text .title {
    font-size: .32rem
  }

  .list_news li .item-text .p {
    font-size: 14px;
    line-height: 2;
    height: 112px;
  }
}

@media (max-width:991px) {
  .list_news li .item-text .title {
    font-size: .42rem
  }
}

@media (max-width:767px) {
  .list_news li .item-text .p {
    height: auto;
  }

  .list_news li .item-text .title {
    font-size: .34rem
  }
}

@media (max-width:1024px) {
  .list_news li .item-text .title {}
}

@media (max-width:991px) {
  .list_news li .item-text .title {}
}

@media (max-width:767px) {
  .list_news li .item-text .title {
    height: auto
  }
}

.list_news li .item-text .btm {
  margin: 20px 0 38px 0;
  font-size: 16px;
  color: #082d43;
  font-family: 'CenturyGothic';
  background: url(../images/news/jt.png) right center no-repeat;
}

.list_news li:hover .item-text .btm {
  background: url(../images/news/jt_on.png) right center no-repeat;
}

.list_news li .item-text .btm .date {
  color: #00b0ec;
  font-size: .16rem
}

@media (max-width:1024px) {
  .list_news li .item-text .btm {
    margin: 12px 0 18px 0;
  }

  .list_news li .item-text .btm .date {
    font-size: .26rem
  }
}

@media (max-width:991px) {
  .list_news li .item-text .btm .date {
    font-size: .36rem
  }
}

@media (max-width:767px) {
  .list_news li .item-text .btm .date {
    font-size: .26rem
  }
}

.list_news li:hover {
  background-color: #fff;
  -webkit-box-shadow: .05rem .1rem .2rem #dff2fb;
  box-shadow: .05rem .1rem .2rem #dff2fb
}

.list_news li:hover .item-img b {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.list_news li:hover .item-text .btm .common-btn:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.list_news li:hover .item-text .btm .common-btn .icon:after,
.list_news li:hover .item-text .btm .common-btn .icon:before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

/*# sourceMappingURL=62759f89c510f91d3decdc5b5a547c7b.css.map*/