@charset "utf-8";
/* CSS Document */


.news{margin: 40px auto; width: 1095px; box-sizing: border-box;}
.news .news-category{display: flex; flex-wrap: wrap; width: 100%; grid-gap: 10px;}
.news .news-category .news-category__link{padding: 8px 25px; font-size: 18px; background: #909090; color: #fff; display: inline-block;}
.news .news-category .news-category__link.active{background: #378dc3;}
.news .news-list{margin: 15px 0 0 0; border-top: dashed 1px #333;}
.news .news-list .news-list__row{ border-bottom: dashed 1px #333; padding: 17px 0; display: flex;}
.news .news-list .news-list__row figure{width: 312px; min-width: 312px; margin-right: 25px !important; padding: 0;margin: 0;}
.news .news-list .news-list__row figure img{width: 100%; height: auto; display: block;}
.news .news-list .news-list__info{ padding-top: 15px;}
.news .news-list .news-list__info .sub{ display: inline-block; font-size: 16px; padding: 3px 10px; border-radius: 5px; background: #378dc3; color: #fff;}
.news .news-list .news-list__info .name{ display: block;font-size: 20px; margin: 10px 0; line-height: 1.2; font-weight: bold; color: #000;}
.news .news-list .news-list__info .name:hover{ color: #378dc3;}
.news .news-list .news-list__info .text{font-size: 16px;overflow: hidden; text-align: justify;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

.news .news-detail{}
.news .news-detail .sub{ display: inline-block; font-size: 16px; padding: 3px 10px; border-radius: 5px; background: #378dc3; color: #fff;}
.news .news-detail .name{ display: block;font-size: 24px; padding: 10px 0; line-height: 1.2; font-weight: bold; color: #000; border-bottom: dashed 1px #333;}
.news .news-detail .news-detail__edit{ padding: 30px 0; font-size: 16px;}
.news .news-detail .news-detail__edit img{max-width: 100%; height: auto;}
.news .news-detail .news-detail__edit ol li{ list-style:decimal; margin-left:20px;}
.news .news-detail .news-detail__edit ul li{ list-style:disc;margin-left:20px;}
.news .news-detail .news-detail__more{background: #909090; font-size: 16px; width: 160px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff; margin: 30px auto;}
.news .news-related{border-bottom: solid 1px #378dc3; padding-bottom: 1px}
.news .news-related .title{border-bottom: solid 3px #378dc3; }
.news .news-related .title span{background: #378dc3; display: inline-block; color: #fff; padding: 10px 25px; font-size: 18px; font-weight: bold; line-height: 1;}

@media only screen and (max-width: 1300px) {
  .news{ padding: 0 100px; width: 100%;}
  .news .text-center{width: 100%;}
}
@media only screen and (max-width: 1094px) {
  .news{ padding: 0 1%; }
  .news .news-list .news-list__row figure{width: 28.5%; min-width: 28.5%;}
}
@media only screen and (max-width: 576px) {
  .news .news-list .news-list__row{ flex-wrap: wrap;}
  .news .news-list .news-list__row figure{ width: 100%; margin-right: 0;}
  .news .news-category{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); text-align: center;}
}