.news_banner {

  height: 400px;

  width: 100%;

  display: flex;

  background: url("../img/news_banner.jpg") no-repeat;

  background-size: cover;

  justify-content: center;

  align-items: center;

}



.news_banner div {

  font-size: 48px;

  color: #fff;

}



.news_banner_mobile {

  display: none;

}



.news_content .row {

  width: 1400px;

  margin: 50px auto;

}



.news_center_content {

  width: 1400px;

  margin: 50px auto;

}



.news_center_content a {

  color: #000000;

}



.news_center_content .row {

  margin: 0 auto 60px;

}



.news_center_content .title {

  font-size: 34px;

  font-weight: bold;

  margin-bottom: 12px;

}

.news_center_content .date {

  font-size: 18px;

  color: rgba(0, 0, 0, 0.5);

  margin-bottom: 12px;

}

.news_center_content .description {

  font-size: 20px;

  text-align: justify;

  color: rgba(0, 0, 0, 0.8);

  margin-bottom: 12px;

}

.news_center_content .read_all {

  font-size: 20px;

  color: rgba(0, 0, 0, 0.8);

  text-decoration: underline;

  text-underline-offset: 3px;

}

.pagination .pagination_select {

  color: #000000;

  background-color: #fff;

}



.news_content .row .col_3 {

  width: 32%;

  height: 560px;

  margin: 5px;

  background: #f8f8f8;

  position: relative;

  box-shadow: 0px 1px 24px 0px rgba(186, 186, 186, 0.2);

  cursor: pointer;

}



.news_content .row .col_3 .floor_one {

  display: block;

}



.news_content .row .col_3 .floor_two {

  display: none;

  height: 100%;

  width: 100%;

  position: relative;

  padding: 80px 50px;

  background: url("../img/logo_hover.png") no-repeat 50% 80%;

}



.news_content .row .col_3:hover {

  animation: fadeInUpa 0.5s ease-out both;

  -webkit-animation: fadeInUpa 0.5s ease-out both;

}



.news_content .col_3 .img {

  width: 100%;

  height: 300px;

  background-size: cover !important;

}



.news_content .col_3:nth-child(1) .img {

  background: url("../img/news_left_21.jpg") no-repeat;

}



.news_content .col_3:nth-child(2) .img {

  background: url("../img/news_left_20.jpg") no-repeat;

}



.news_content .col_3:nth-child(3) .img {

  background: url("../img/news_left_19.jpg") no-repeat;

}



.news_content .col_3:nth-child(4) .img {

  background: url("../img/news_left_18.jpg") no-repeat;

}



.news_content .col_3:nth-child(5) .img {

  background: url("../img/news_left_17.jpg") no-repeat;

}



.news_content .col_3:nth-child(6) .img {

  background: url("../img/news_left_16.jpg") no-repeat;

}



.news_content .col_3:nth-child(7) .img {

  background: url("../img/news_left_15.jpg") no-repeat;

}



.news_content .col_3:nth-child(8) .img {

  background: url("../img/news_left_14.jpg") no-repeat;

}



.news_content .col_3:nth-child(9) .img {

  background: url("../img/news_left_13.jpg") no-repeat;

}



.news_content .col_3:nth-child(10) .img {

  background: url("../img/news_left_12.jpg") no-repeat;

}



.news_content .col_3:nth-child(11) .img {

  background: url("../img/news_left_11.jpg") no-repeat;

}



.news_content .col_3:nth-child(12) .img {

  background: url("../img/news_left_10.jpg") no-repeat;

}



.news_content .col_3:nth-child(13) .img {

  background: url("../img/news_left_9.jpg") no-repeat;

}



.news_content .col_3:nth-child(14) .img {

  background: url("../img/news_left_8.jpg") no-repeat;

}



.news_content .col_3:nth-child(15) .img {

  background: url("../img/news_left_7.jpg") no-repeat;

}



.news_content .col_3:nth-child(16) .img {

  background: url("../img/news_left_6.jpg") no-repeat;

}



.news_content .col_3:nth-child(17) .img {

  background: url("../img/news_left_5.jpg") no-repeat;

}



.news_content .col_3:nth-child(18) .img {

  background: url("../img/news_left_4.jpg") no-repeat;

}



.news_content .col_3:nth-child(19) .img {

  background: url("../img/news_left_3.jpg") no-repeat;

}



.news_content .col_3:nth-child(20) .img {

  background: url("../img/news_left_2.jpg") no-repeat;

}



.news_content .col_3:nth-child(21) .img {

  background: url("../img/news_left_1.jpg") no-repeat;

}



.news_content .content {

  width: 100%;

  height: 260px;

  background: #fff;

  padding: 20px;

}



.news_content .date {

  position: relative;

}



.news_content .date .day {

  font-size: 80px;

  font-family: "Bahnschrift";

  font-weight: bold;

  color: #0061e3;

}



.news_content .date .year {

  position: absolute;

  top: 50%;

  left: 45px;

  transform: translateY(-50%);

  padding-left: 50px;

  font-size: 14px;

  line-height: 1;

  color: #888;

}



.news_content .date .year::after {

  content: "";

  height: 2px;

  background: #0061e3;

  position: absolute;

  width: 25px;

  right: -40px;

}



.news_content .tit,

.news_content .source {

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  word-break: break-all;

  padding: 0;

}



.news_content .tit span {

  display: block;

  color: #1a1a1a;

  font-weight: bold;

  font-size: 18px;

  line-height: 1.3;

}



.news_content .source {

  font-size: 14px;

  bottom: 35px;

  position: absolute;

  padding-left: 20px;

  color: #888;

}



.news_content .source::before {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\27A4";

  color: #0061e3;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



@keyframes fadeInUpa {

  from {

    box-shadow: 0;

  }



  to {

    box-shadow: #adb5bd 0px 0px 10px;

  }

}



@media screen and (max-width: 1000px) {

  .news_content .row {

    margin: 20px auto;

  }

}



.pagination {

  width: 300px;

  margin: 0 auto 100px;

}



.pagination select {

  width:160px;

  height:25px;

  border-width: 0;

  outline: none;

  text-align: center;

  margin: 0 16px;

}



.pagination span {

  cursor: pointer;

}



.disabled {

  cursor: not-allowed !important;

  filter: alpha(opacity=50);

  /*IE滤镜，透明度50%*/

  -moz-opacity: 0.5;

  /*Firefox私有，透明度50%*/

  opacity: 0.5;

  /*其他，透明度50%*/

}