@charset "UTF-8";

.page-news {
  padding-top: 0.68rem 
}
.page-news .page-tit-left {
  width: 28.41%;
}
.news-swiper-scroll {
  width: 52.43%;
  overflow: hidden;
  position: relative;
  padding-bottom: 1rem;
}
.news-swiper-scroll a {
  display: block;
  color: #333;
}
.news-swiper-scroll a:hover .page-sub {
  color: #2550DB;
}
.news-swiper-scroll .page-con {
  padding-left:6.8em;
  position: relative;
}
.news-swiper-scroll .page-con::before {
  position: absolute;
  content: "";
  left:6.8em;
  top:0px;
  height: 100%;
  width: 2px;
  background: #D1D1D1;
}
.news-swiper-scroll .swiper-pagination {
  font-size: 0px;
  bottom: 0px;
  text-align: left;
}
.news-swiper-scroll .swiper-pagination-bullet {
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  opacity:1;
}
.news-swiper-scroll .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  left: 50%;
  top:50%;
  margin: -4px 0px 0px -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background:#D1D1D1;
}
.news-swiper-scroll .swiper-pagination-bullet-active:before {
  background: #0265FE;
}
.news-swiper-scroll .news-swiper-pag {
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-size: 0px;
}
.news-swiper-scroll .news-swiper-pag ul li {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 17px;
  cursor: pointer;
}
.news-swiper-scroll .news-swiper-pag ul li .process {
  display: none;
}
.news-swiper-scroll .news-swiper-pag ul li.on .process {
  display: block;
}
.news-swiper-scroll .news-swiper-pag ul li.on::before {
  background: #0265FE;
}
.news-swiper-scroll .news-swiper-pag ul li:before {
  position: absolute;
  content: "";
  left: 50%;
  top:50%;
  margin: -4px 0px 0px -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background:#D1D1D1;
}

.page-news .news-swiper-scroll  .page-txt {
  margin-top: 0.14rem;
}
.news-swiper-scroll .page-con .page-time {
  position: absolute;
  left: 0px;
  top:-0.02rem;
}
.news-swiper-scroll .page-con .page-time span {
  display: block;
}
.news-swiper-scroll .page-con .page-time span:first-child {
  padding-bottom: 0.05rem;
}
.news-swiper-scroll .page-con .page-text {
  padding-left: 0.42rem;
}

.page-news .page-pic-list {
  padding-top: 0.19rem;
  padding-bottom: 0.49rem;
}
.page-news .page-pic-list dl {
  position: relative;
  background: none;
  padding: 0px;
}
.page-news .page-pic-list dl dt {
  position: relative;
}
.page-news .page-pic-list dl dt span {
  padding-right: 0.19rem;
}
.page-news .page-pic-list dl dt::before{
  position: absolute;
  content: "";
  right: 0px;
  bottom: 0.5em;
  width: 0.71rem;
  height: 1px;
  background: #D1D1D1;
}
.page-news .page-pic-list dl dd {
  margin-top: 0.15rem;
}
.page-news .page-pic-list .page-img {
  overflow: hidden;
  margin-top: 0.29rem;
}
.page-news .page-pic-list ul {
  margin: 0px -0.6rem;
}
.page-news .page-pic-list .page-con {
  margin: 0px 0.6rem;
}
.page-news .page-pic-list a {
  color: #333;
}
.page-news .page-txt {
  margin-top: 0.29rem;
}
.page-news .page-pic-list a:hover dl dd {
  color: #2550DB;
}

@media only screen and (max-width:1640px){
  .page-news .page-pic-list ul {
    margin: 0px -0.3rem;
  }
  .page-news .page-pic-list .page-con {
    margin: 0px 0.3rem;
  }
}  
@media only screen and (max-width:899px){
  .page-news {
    padding: 0.5rem 0px 0.7rem;
  }
  .news-swiper-scroll {
    width: 70%;
  }
  .page-pic-list ul li {
    width: 33.33%;
  }
  .page-news .page-pic-list {
    padding-bottom: 0.5rem;
  }
  .page-news .page-pic-list ul {
    margin: 0px -0.1rem;
  }
  .page-news .page-pic-list .page-con {
    margin: 0px 0.1rem;
  }
}  

@media only screen and (max-width:767px){
  .page-news .page-pic-list ul li {
    width: 100%;
    padding-top: 0.5rem;
  }
  .news-swiper-scroll .page-con {
    padding-left: 4.8em;
  }
  .news-swiper-scroll .page-con:before {
    left: 4.8em;
  }
  .page-news .page-tit-left {
    width: 100%;
  }
  .news-swiper-scroll {
    width: 100%;
    margin-top: 0.5rem;
  }
  .page-news .page-pic-list {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .news-swiper-scroll .news-swiper-pag ul li { 
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .news-swiper-scroll .news-swiper-pag ul li:before {
    width: 6px;
    height: 6px;
    margin: -3px 0px 0px -3px;
  }

}