@charset "UTF-8";

.pr-news-title {margin-bottom: 20px;}
.pr-news-title p {font-size: 26px; line-height: 40px; letter-spacing: -0.5px; color: #222222; font-family: "Noto Bold";}
.pr-news-title p span {color: #004e96;}

.pr-news-notice {position:relative; overflow:hidden;}
.pr-news-notice .more {position:absolute; right:0; top:10px; text-indent:-99999px;  width:23px; height:23px; background:url('../images/btn_more.png') no-repeat center center;}

.pr-news-notice .con {display: inline-block; width: 100%;}
.pr-news-notice .con a {position:relative;}

.pr-news-notice .con .con-img {height: 240px;}

.pr-news-notice .date {float:right; font-size:0.85vw; color:#a2a2a2}
.pr-news-notice .list {margin-top: 10px;}
.pr-news-notice .list .nodata {text-align: center; padding: 20px 0;}
.pr-news-notice .list > ul {overflow: hidden; border-bottom: 1px solid #111111; padding-bottom: 15px;}
.pr-news-notice .list > ul > li {float: left; width: 49%;}
.pr-news-notice .list > ul > li:first-child {margin-right: 2%;}
.pr-news-notice .list .title {font-size: 20px; line-height: 28px; letter-spacing: -0.5px; color: #222222; font-family: "Noto Regular";  margin-top: 15px;}
.pr-news-notice .list .title span {position: relative; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
.pr-news-notice .list .title span::after {content: ""; position: absolute; width: 0; height: 1px; background: #222; left: 0; bottom: 0; transition: width 0.5s;}
.pr-news-notice .list .title::after {content: ""; display: block; margin: 20px 0; width: 22px; height: 1px; background: #000000;}
.pr-news-notice .list .info {font-size: 18px; line-height: 28px; letter-spacing: -0.5px; color: #666666; height: 56px; overflow: hidden;     display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    word-break: break-all;}

.pr-news-notice .con a:hover .title span::after {width: 100%;}

@media all and (max-width:1023px) {
  .pr-news-notice {margin-top: 20px;}
}

@media all and (max-width:768px) {
  .pr-news-notice .con .con-img {height: 360px;}
  .pr-news-notice .list > ul > li {float: none; width: 100%;}
  .pr-news-notice .list > ul > li:first-child {margin-right: 0; margin-bottom: 20px;}
}

@media all and (max-width: 500px){
  .pr-news-notice .con .con-img {height: 240px;}
}