@import url(reset.css);
@import url(font.css);
@import url(column.css);
@import url(common.css);
@import url(pc.css);
@import url(mobile.css);
.news .icon-more {
  display: inline-block;
  height: 0.7vw;
  width: 1.0vw;
  background: url(../images/news/arrow.png) no-repeat 0 0;
  background-size: cover;
}
.news .list ul {
  display: flex;
  flex-wrap: wrap;
}
.news .list ul li.card {
  margin-right: 1.35vw;
  margin-bottom: 1.3vw;
  width: 30.69vw;
  height: 38.23vw;
  background-color: rgba(201, 223, 230, 0.3);
  border-radius: 2.6vw;
  box-sizing: border-box;
}
.news .list ul li.card:nth-child(3n) {
  margin-right: 0;
}
.news .list ul li.card .cover {
  position: relative;
  width: 100%;
  height: 17.55vw;
  background-color: #0d2030;
  border-radius: 2.6vw;
}
.news .list ul li.card .cover img {
  border-radius: 2.6vw;
  height: 17.55vw;
  object-fit: cover;
}
.news .list ul li.card .cover .tag {
  position: absolute;
  top: 2.5vw;
  left: 2.6vw;
  width: 4.9vw;
  height: 1.98vw;
  background-color: #cdff80;
  border-radius: 0.99vw;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.98vw;
  letter-spacing: 0vw;
  color: #05152e;
  text-align: center;
}
.news .list ul li.card .detail {
  padding: 2.6vw 2.6vw 2vw;
  overflow: hidden;
}
.news .list ul li.card .detail h3 {
  margin-bottom: 1.72vw;
  font-size: 1.56vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.34vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.news .list ul li.card .detail p {
  margin-bottom: 2.14vw;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .list ul li.card .detail hr {
  width: 100%;
  border: 0;
  height: 0.05vw;
  background-color: #0d2030;
}
.news .list ul li.card .detail .tail .date {
  float: left;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.73vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
}
.news .list ul li.card .detail .tail .link {
  float: right;
  font-family: AvenirNext-Regular;
  font-size: 0.83vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.73vw;
  letter-spacing: 0.02vw;
  color: #05152e;
}
.news .article .content .pictures {
  position: relative;
  padding-bottom: 3vw;
  padding-top: 1.4vw;
}
.news .article .content .pictures img {
  border-radius: 2.6vw;
  object-fit: cover;
  height:20vw;
}
.news .article .first {
  display: flex;
  background-color: rgba(201, 223, 230, 0.3);
  border-radius: 2.6vw;
}
.news .article .first .cover {
  position: relative;
  flex: none;
  align-items: center;
}
.news .article .first .cover img {
  width: 46.72vw;
  height: 26.67vw;
  background-color: #0d2030;
  border-radius: 2.6vw;
  object-fit: cover;
}
.news .article .first .cover .tag {
  position: absolute;
  top: 2.6vw;
  left: 2.6vw;
  width: 4.9vw;
  height: 1.98vw;
  background-color: #cdff80;
  border-radius: 0.99vw;
  text-align: center;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.98vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.news .article .first .title {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 3.4vw;
  justify-content: center;
}
.news .article .first .title h5 {
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.73vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
}
.news .article .first .title h2 {
  width: 36vw;
  font-size: 2.19vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 3vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.news .article .content {
  margin-top: 3.65vw;
  padding-bottom: 5.57vw;
}
.news .article .content p {
  margin-bottom: 3.7vw;
  padding-left: 21vw;
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
}
.news .article .content h3 {
  margin-bottom: 1.46vw;
  padding-left: 21vw;
  position: relative;
  font-size: 1.25vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.64vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.news .article .content h3::before {
  left: 0;
  top: 0.7vw;
  content: " ";
  position: absolute;
  width: 18.39vw;
  height: 0.05vw;
  background-color: #0d2030;
  opacity: 0.3;
}
.news .article .content .from {
  padding-left: 21vw;
  text-decoration: underline;
  font-style: italic;
  font-size: 0.94vw;
  font-weight: 600;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
  padding-top: 3vw;
  padding-bottom: 3vw;
}
.news .article .video{
  width: -webkit-fill-available;
  position: relative;
  object-fit: cover;
  padding-left: 21vw;
}

@media screen and (max-width: 960px) {
  .news .list ul {
    flex-direction: column;
  }
  .news .list ul li.card {
    flex: 1;
    margin-right: 0;
    width: 100%;
    height: auto;
    border-radius: 6.67vw;
    margin-bottom: 4.2vw;
    overflow: hidden;
  }
  .news .list ul li.card .cover {
    display: block;
    height: auto;
    border-radius: 6.67vw;
  }
  .news .list ul li.card .cover img {
    width: 94.8vw;
    height: 54.13vw;
    border-radius: 6.67vw;
  }
  .news .list ul li.card .cover .tag {
    top: 7.33vw;
    left: 8vw;
    width: 16.67vw;
    height: 6.8vw;
    border-radius: 3.33vw;
    font-size: 2.93vw;
    line-height: 7vw;
  }
  .news .list ul li.card .detail {
    padding: 8vw 8vw 4vw 8vw;
  }
  .news .list ul li.card .detail h3 {
    font-size: 4.8vw;
    line-height: 8vw;
  }
  .news .list ul li.card .detail p {
    font-size: 2.93vw;
    line-height: 5vw;
    height: auto;
    margin: 3vw 0;
  }
  .news .list ul li.card .detail .tail .date {
    font-size: 2.89vw;
    line-height: 7vw;
  }
  .news .list ul li.card .detail .tail .link {
    font-size: 2.56vw;
    line-height: 7vw;
  }
  .news .list .icon-more {
    width: 3vw;
    height: 2vw;
    background-size: contain;
  }
  .news .article .content .pictures {
    padding-bottom: 10vw;
  }
  .news .article .content .pictures img {
    border-radius: 6.67vw;
    object-fit: cover;
    height: 60vw;
  }
  .news .article .first {
    flex-direction: column;
  }
  .news .article .first .cover {
    height: auto;
  }
  .news .article .first .cover img {
    width: 100%;
    height: 54.13vw;
    border-radius: 6.67vw;
  }
  .news .article .first .cover .tag {
    top: 8vw;
    left: 8vw;
    width: 16.67vw;
    height: 6.8vw;
    font-size: 2.93vw;
    line-height: 6.8vw;
    border-radius: 3.33vw;
  }
  .news .article .first .title {
    border-radius: 6.67vw;
    padding: 9vw;
  }
  .news .article .first .title h5 {
    margin-top: 2vw;
    margin-bottom: 3vw;
    font-size: 2.89vw;
    line-height: 7vw;
  }
  .news .article .first .title h2 {
    width: auto;
    font-size: 4.8vw;
    line-height: 8vw;
  }
  .news .article .content {
    padding: 8vw 0;
  }
  .news .article .content h3 {
    margin-top: 22vw;
    margin-bottom: 6.6vw;
    padding: 0 8vw;
    font-size: 4vw;
    line-height: 4.2vw;
  }
  .news .article .content h3::before {
    width: auto;
    right: 0;
    margin: 0 8vw;
    top: -7vw;
    left: 0;
    opacity: 1;
  }
  .news .article .content p {
    padding: 0 8vw;
    font-size: 2.93vw;
    line-height: 5vw;
    margin-bottom: 6vw;
  }
  .news .article .content .from {
    font-size: 2.93vw;
    font-weight: normal;
    letter-spacing: 0vw;
    color: #05152e;
    text-align: left;
    padding-left: 8vw;    
    padding-top: 8vw;
    padding-bottom: 10vw;
  }
.news .article .video{
  width: -webkit-fill-available;
  position: relative;
  object-fit: cover;
  padding: 0 8vw;
}

}
/*# sourceMappingURL=./news.css.map */