body {
  overflow-x: hidden;
}
.nav {
  background: #1A286F;
}
.banner {
  width: 12rem;
  height: 7.47rem;
  margin: 1.76rem auto 0;
}
.banner .swiper-container {
  width: 12rem;
  height: 7.47rem;
}
.banner .swiper-container > .swiper-wrapper > .swiper-slide {
  background-size: cover;
}
.banner .swiper-container > .swiper-wrapper > .swiper-slide img {
  width: 12rem;
  height: 7.47rem;
  object-fit: cover;
}
#banner_swiper-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 2rem;
  height: 0.04rem;
  border-radius: 0rem;
  background-color: #B4B9ED;
  position: relative;
}
#banner_swiper-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0.04rem;
  border-radius: 0rem;
  background-color: #B4B9ED;
  transition: width 3s 2s;
  /*transition: transform 1s 3s;*/
  /*transition: float 1s 3s;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#banner_swiper-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0.04rem;
  border-radius: 0rem;
  background-color: #D6C453;
  position: absolute;
  top: 0;
  left: 0;
}
/*#banner_swiper-area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  .px2rem(width,280);
  .px2rem(height,15);
  .px2rem(border-radius,15);
  background-color: red;
  margin-right: 10px;
  position: relative;
}*/
#banner_swiper-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  -webkit-animation: slide 8s linear;
  -moz-animation: slide 8s linear;
  -ms-animation: slide 8s linear;
  animation: slide 8s linear;
}
#banner_swiper-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  -webkit-animation: slide 5s linear 3s;
  -moz-animation: slide 5s linear 3s;
  -ms-animation: slide 5s linear 3s;
  animation: slide 5s linear 3s;
}
@keyframes slide {
  0% {
    width: 0px;
  }
  100% {
    width: 2rem;
  }
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 30px;
}
@keyframes cxts {
  0% {
    transform: translateY(200px);
    visibility: hidden;
  }
  50% {
    transform: translateY(100px);
    display: block;
  }
  100% {
    transform: translateY(0px);
  }
}
.news-details-area {
  /*.title{
    height: 0.88rem;
    background: #1B51DC;
    color: #FFFFFF;
    font-size: 0.32rem;
    line-height: 0.88rem;
    text-align: center;
    float: left;
    width: 100%;
  }*/
}
.news-details-area .title-area {
  width: 12rem;
  overflow: hidden;
  padding: 0.4rem 0;
  margin: 0 auto;
}
.news-details-area .title {
  color: #1B51DC;
  text-align: left;
  float: left;
  width: 100%;
}
.news-details-area .news-info {
  margin-bottom: 0.4rem;
  overflow: hidden;
}
.news-details-area .news-info p {
  font-family: 'Microsoft YaHei';
  font-style: normal;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0.3rem;
}
.news-details-area .news-public-time {
  text-align: right;
  color: #999999;
  overflow: hidden;
  margin: 0.3rem auto;
}
.news-details-area .news-public-time .public-time {
  margin-right: 0.2rem;
}