@charset "UTF-8";
.newsBanner {
  position: relative; }
  .newsBanner img {
    width: 100%; }

.newsWraper {
  padding: 0; }

.news-item {
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 25px;
  background-color: #f4f5f8;
  cursor: pointer; }
  .news-item:last-child {
    margin-bottom: 0; }
  .news-item .itemImg {
    width: 190px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }
    .news-item .itemImg img {
      width: auto;
      height: 100%; }
  .news-item .itemLine {
    width: 1px;
    height: 90px;
    margin: 0 30px;
    background: #e2e3e6; }
  .news-item .itemCon {
    width: calc(100% - 251px);
    line-height: 24px;
    color: #666666; }
    .news-item .itemCon .title {
      margin-bottom: 24px;
      height: 31px;
      line-height: 30px;
      font-size: 20px;
      color: #333333;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .news-item .itemCon .info {
      color: #666666;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .news-item .itemCon .info .info-txt {
        width: 650px;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news-item .itemCon .info .info-date {
        width: 85px;
        margin: 0; }

.moreBtn {
  width: 100%;
  line-height: 24px;
  color: #666666;
  text-align: center;
  margin: 54px auto 0; }

/*媒体查询*/
@media (min-width: 1200px) {
  .container-lg {
    width: 1200px;
    padding: 68px 0 61px;
    margin: 0 auto; } }

@media (max-width: 1200px) {
  .newsBanner {
    text-align: center; }
    .newsBanner .titleBox {
      width: 100%;
      top: 20rem; } }

@media (max-width: 768px) {
  .container-lg {
    padding: 2.375rem 0 1.9375rem; }
  .newsWraper {
    width: 100%;
    padding: 0 1rem; }
  .moreBtn {
    margin: 1.5rem auto 0; }
  .news-item {
    display: block;
    height: auto;
    margin-bottom: 2rem;
    padding: 1.25rem; }
    .news-item .itemImg {
      width: 100%;
      height: 16.625rem; }
    .news-item .itemLine {
      display: none; }
    .news-item .itemCon {
      width: 100%; }
    .news-item .itemCon > .title {
      margin: 1rem 0; }
    .news-item .itemCon > .info {
      display: block; }
      .news-item .itemCon > .info .info-txt {
        width: 100%;
        margin-bottom: 1.5rem;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .news-item .itemCon > .info .info-date {
        width: 100%; } }

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .container-lg {
    padding: 68px 0 61px; }
  .news-item {
    height: 120px;
    margin-bottom: 15px;
    padding: 15px 1.79%; }
    .news-item .itemCon {
      width: calc(100% - 251px); }
    .news-item .itemCon > .title {
      margin-bottom: 12px; }
    .news-item .itemCon > .info > .info-txt {
      width: 65%; } }
