@charset "UTF-8";

.mainbg {
  background: url(/images/news-mainbg01.jpg) no-repeat center top/100% auto;
}
.page-more i {
  position: relative;
  display: inline-block;
  color: #fff;
  background: #004ea2;
  min-width: 1.6rem;
  padding: 0px 0.2rem;
  line-height: 3;
  text-align: center;
  overflow: hidden;
}
.page-more i span {
  position: relative;
  z-index: 2;
}
.page-more i::before {
  position: absolute;
  left: 0px;
  top:0px;
  height: 100%;
  width: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  content: "";
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-more i:hover::before {
  width: 100%;
}

.page-more a {
  display: inline-block;
  position: relative;
  color: #777;
  padding-right: 54px;
}
.page-more a .page-jt {
  position: absolute;
  width: 1.5em;
  height: 1px;
  background: #cdcdcd;
  left:5em;
  top:50%;
}
.page-jt::before {
  position: absolute;
  right: 0px;
  top:-3px;
  content: "";
  width:6px;
  height: 1px;
  background: #cdcdcd;
  transform: rotate(45deg);
  z-index: 2;
}
.page-jt::after {
  position: absolute;
  right:0px;
  top:3px;
  content: "";
  width:6px;
  height: 1px;
  background: #cdcdcd;
  transform: rotate(-45deg);
  z-index: 2;
}
.page-more a:hover {
  color: #1263b5;
}
.page-more a:hover .page-jt {
  background: #226dba;
  left: 5.75em;
  height: 2px;
  margin-top: -1px;
  width: 2.25em;
}
.page-more a:hover .page-jt::before,
.page-more a:hover .page-jt::after {
  background: #226dba;
  height: 2px;
  width: 10px;
  right: -1px;
}


/* page-news-detail */
.page-news-detail {
  padding: 0.91rem 0px 0.3rem;
}
.page-news-detail .news-content .page-con {
  line-height: 1.875;
  padding-top: 0.34rem;
  padding-bottom: 0.75rem;
}
.page-news-detail .news-content .page-sub {
  color: #999;
  padding: 0.22rem 0px 0.4rem;
  border-bottom: 1px solid #c4c8cd;
}
.page-news-detail .news-content .page-sub span {
  position: relative;
  padding: 0px 2.5em;
}
.page-news-detail .news-content .page-sub span:before {
  position: absolute;
  left: 0px;
  top:50%;
  content: "";
  width: 1px;
  height: 1.2857em;
  margin-top: -0.64285em;
  background: #ccc;
}
.page-news-detail .news-content .page-sub span:first-child:before {
  display: none;
}
.page-news-detail .news-content .page-con img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width:767px){
  .page-news-detail {
    padding: 0.5rem 0px;
  }
  .page-news-detail .news-content .page-con {
    padding: 0.4rem 0px 0.5rem;
  }

}  


/* page-news-tab */
.page-news-tab {
  padding: 0.63rem 0px 0.62rem;
}
.page-news-tab .swiper-slide {
  width: auto!important;
  padding: 0px 0.18rem;
}
.page-news-tab  .swiper-wrapper {
  width: auto;
}
.page-news-tab .swiper-slide::before {
  position: absolute;
  content: "";
  width: 3.326em;
  height: 0.4285em;
  background: #e3e8ec;
  left: 50%;
  bottom: 0px;
  margin-left: -1.663em;
  z-index: 2;
}
.page-news-tab .swiper-slide span {
  display: inline-block;
  padding: 0px 0.2rem;
  line-height: 1.43;
  margin: 0px;
  position: relative;
  color: #666;
}
.page-news-tab .swiper-slide span i {
  position: relative;
  z-index: 3;
}
.page-news-tab .swiper-slide.on {
  top:-0.06rem;
}
.page-news-tab .swiper-slide.on span {
  font-size: 1.33em;
  font-weight: bold;
  background: none;
  color: #111;
}
.page-news-tab .swiper-slide.on::before {
  background:#6291c3;
  width: 4.2857em;
  margin-left: -2.14285em;
}


/* page-news-focus */
.page-news-focus {
  overflow: hidden;
  position: relative;
}
.page-news-focus .page-img {
  width: 50%;
}
.page-news-focus .swiper-slide {
  background:#f6f6f6;
}
.page-news-focus .bg_container {
  padding-bottom: 61.11%;
}
.page-news-focus .page-text {
  padding: 0.5rem 0.68rem 0.5rem 0.6rem;
}
.page-news-focus .page-time {
  background: url(/images/time01.png) no-repeat left 55%;
  padding-left: 18px;
  color: #666;
}
.page-news-focus .page-tit {
  line-height: 1.2;
  max-height: 2.4em;
  margin-top: 0.11rem;
}
.page-news-focus .page-txt {
  line-height: 1.875;
  max-height: 3.75em;
  margin-top: 0.22rem;
  color: #777;
}
.page-news-focus .page-more {
  margin-top: 0.48rem;
}
.page-news-focus .swiper-pagination {
  width: 50%;
  left: 50%;
  text-align: left;
  padding-left: 0.6rem;
  bottom: 0.55rem;
}
.page-news-focus .swiper-pagination .swiper-pagination-bullet {
  width: 0.69rem;
  height: 0.04rem;
  background: #dadada;
  border-radius: 0px;
  opacity: 1;
}
.page-news-focus .swiper-pagination .swiper-pagination-bullet-active {
  background: #1263b5;
}

@media only screen and (max-width:767px){
  .page-news-focus .page-img {
    width: 100%;
  }
  .page-news-focus .page-text {
    padding: 0.5rem;
  }

}  

/* page-news-list */
.page-news-list {
  padding-top: 0.3rem;
  padding-bottom: 0.82rem;
}
.page-news-list .page-list ul {
  margin: 0px -0.9375em;
  padding-bottom: 0.65rem;
}
.page-news-list .page-list ul li {
  width: 33.33%;
}
.page-news-list .page-list ul li .page-con {
  margin: 1.875em 0.9375em 0.3125em;
}
.page-news-list .bg_container {
  padding-bottom: 56.3%;
}
.page-news-list .page-time {
  background: url(/images/time01.png) no-repeat left 55%;
  padding-left: 18px;
  color: #666;
}
.page-news-list .page-list ul li .page-con:hover .page-tit a {
  color: #1263b5;
  text-decoration: underline;
}
.page-news-list .page-list .page-text {
  padding: 0.22rem 0px;
}
.page-news-list .page-list .page-tit {
  margin-top: 0.11rem;
  height: 3em;
}
.page-news-list .page-list .page-more {
  padding-top: 0.31rem;
}


@media only screen and (max-width:767px){
  .page-news-list .page-list ul li {
    width: 100%;
  }
  .page-news-list .page-list .page-tit {
    height: auto;
  }

}  




/* page-project-search */
.page-project-search {
  padding: 0.5rem 0px 0.27rem;
}
.page-project-search .page-search {
  max-width: 632px;
  margin: 0px auto;
  border:1px solid #D1D1D1;
  position: relative;
  border-radius: 20px;
}
.page-project-search .put {
  border:none;
  padding: 10.5px 10px 10.5px 50px;
  background: none;
  width: 100%;
}
.page-project-search .but {
  border:none;
  position: absolute;
  left:0px;
  top:0px;
  width: 50px;
  bottom: 0px;
  background: url(/images/search-but02.png) no-repeat center center/16px auto;
}

.page-search-no {
  color: #333;
  padding: 0.25rem 0px;
}
.page-search-no p:first-child +p {
  color: #999;
  padding-top: 0.07rem;
}