.news-tj{
  width: 100%;
  position: relative;
}
.news-tj .swiper{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background:#f5f5f5;
}
.news-tj a{
  display: flex;
  flex-wrap:wrap;
}
.news-tj a .tj-left{
  width: 50%;
  overflow: hidden;
}
.news-tj a .tj-left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.news-tj a:hover .tj-left img{
  transform: scale(1.05);
}
.news-tj a .tj-con{
  width: 50%;
  padding-left:4.7vw;
  padding-right: 4.7vw;
}
.news-tj a .tj-con .tj-sub{
  color:#999;
  line-height: 1.8;
}
.news-tj a .tj-con .tj-tit{
  line-height: 1.3;
  color:#231815;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  margin-top: 15px;
}
.news-tj a:hover .tj-tit{
  color: var(--color);
}
.news-tj a .tj-con .tj-ms{
  color:#999;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.tj-time{
  color: #999;
  line-height: 1.8;
}
.tj-page{
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tj-page .swiper-pagination-bullet{
  display: block;
  width:10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  transition: all .5s ease;
  margin: 0 5px;
  opacity: 1;
  position: relative;
}
.tj-page .swiper-pagination-bullet:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 50%;
  transition: all .5s ease;
  z-index: -1;
}
.tj-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: var(--color);
}
.news-li{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #f5f5f5;
}
.news-li .news-time{
  width:60px;
}
.news-li .news-time span{
  width: 100%;
  display: block;
  text-align: center;
}
.news-li .news-time span.news-day{
  color: #231815;
  line-height: 1;
  font-weight: 700;
}
.news-li:hover .news-time span.news-day{
  color: var(--color);
}
.news-li .news-time span.news-year{
  color: #999;
  line-height: 1.8;
}
.news-li .news-img{
  width: 27%;
  max-width: 380px;
  height: 11vw;
  min-height: 175px;
  max-height: 210px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.news-li .news-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.news-li:hover .news-img img{
  transform: scale(1.05);
}
.news-li .news-con{
  width: calc(63% -  60px);
}
.news-li .news-sub{
  color: var(--color);
  line-height: 1.8;
}
.news-li .news-tit{
  color:#231815;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.news-li:hover .news-tit{
  color: var(--color);
}
.news-li .news-ms{
  color:#999;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.news-li .news-mo-time{
  display: none;
  color: #999;
  font-size: 14px;
}
.news-li .news-more{
  display: flex;
  align-items: center;
  color: #999;
  line-height: 1.8;
}
.news-li .news-more img{
  width: auto;
  height: auto;
  max-width: 14px;
  margin-left: 8px;
}
.news-li:hover .news-more{
  color: var(--color);
}
.filter-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.filter-box .filter-left{
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.filter-box .filter-left .filter-name{
  padding-right: 2.6vw;
}
.filter-box .filter-left .filter-name span{
  color: #333;
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}
.filter-box .filter-left .filter-name span:before{
  content: "";
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--color);
  transition: all .5s ease;
}
.filter-box .filter-left .filter-name span:hover{
  color: var(--color);
}
.filter-box .filter-left .filter-name span:hover:before{
  width: 100%;
}
.filter-box .filter-left .filter-name.active span{
  color: var(--color);
}
.filter-box .filter-left .filter-name.active span:before{
  width: 100%;
}
.filter-box .filter-right{
  width: 50%;
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.filter-box .filter-year{
  width: 30%;
  max-width: 200px;
  margin-right:20px;
  position: relative;
}
.filter-box .filter-year .year-box{
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-box .filter-year .year-box span{
  color:#ccc;
}
.filter-box .filter-year .year-con{
    border: 1px solid #ddd;
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    border-radius: 6px;
    z-index: 99;
    background: #fff;
    display: none;
}
.filter-box .filter-year .year-con li{
   color: #999;
   padding: 5px 20px;
}
.filter-box .filter-year .year-con li:hover{
    color: var(--color);
}
.filter-box .filter-bt{
  width: 40%;
  max-width: 286px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.filter-bt .input-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.filter-bt  input {
  border: none;
  width: calc(100% - 50px);
  padding: 0 20px;
  color: #777;
}

.filter-bt .search_btn {
  width: 50px;
  height: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}

.filter-bt .search_btn .icon {
  fill: #000;
}
.noData{
    width: 100%;
    text-align: center;
}
.filter-result{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.filter-result .result-li{
  display: block;
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
}
.filter-result .result-li:nth-child(3n){
  margin-right: 0;
}
.filter-result .result-img{
  width: 100%;
  height:14vw;
  min-height: 196px;
  max-height: 267px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.filter-result .result-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.filter-result .result-li:hover .result-img img{
  transform: scale(1.05);
}
.filter-result .result-con{
  padding: 15px 10px;
}
.filter-result .result-info span:nth-child(1){
  color:#999;
}
.filter-result .result-info span:nth-child(2){
  color:#999;
  padding-left: 20px;
  position: relative;
}
.filter-result .result-info span:nth-child(2):before{
  content: "";
  position: absolute;
  top: 55%;
  left: 8px;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #999;
}
.filter-result .result-con h4{
  color:#333;
  line-height: 1.25;
  margin-top: 10px;
  margin-bottom: 20px;
}
.filter-result .result-li:hover .result-con h4{
  color: var(--color);
}
.filter-result .result-con p{
  color:#666;
  line-height: 1.5;
}
.info-li{
  display: block;
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  border-radius: 10px;
  background: rgba(0,0,0,.02);
  padding: 3.1vw;
  transition: all .5s ease;
}
.info-li:nth-child(3n){
  margin-right: 0;
}
.info-li:hover{
    background: var(--color);
}
.info-li h4{
    color: #333;
    line-height: 1.25;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  margin-top: 10px;
  min-height: 3.1vw;
}
.info-li .more{
    color: #999;
    display: flex;
    align-items: center;
}
.info-li .more img{
    margin-left: 5px;
    width: auto;
    max-width:14px;
}
.info-li:hover *{
    color: #fff!important;
}
.info-li:hover .more img{
  filter:grayscale(1) brightness(500%);
}
.section-xq{
  width: 100%;
  position: relative;
  margin-top:90px;
}
.section-xq .bread{
  position: static;
  transform: none;
}
.section-xq .bread .breadItem{
  color:#999;
}
.section-xq .bread a{
  color:#999;
}
.xq-info{
  width: 61%;
}
.xq-info h1{
  color:#231815;
  line-height: 1.2;
  text-align: center;
}
.xq-info .info-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.xq-info .info-box *{
  color: #999;
  line-height: 1.8;
}
.xq-info .info-box .xq-wechat{
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xq-info .info-box .xq-wechat>img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  filter: grayscale(1) opacity(0.5);
  margin: 0 1vw;
}
.xq-info .info-box .xq-wechat:hover > img{
  filter: none;
}
.xq-info .info-box .xq-source{
  padding: 0 1vw;
}
.xq-info .info-box .xq-time{
  padding: 0 1vw;
}
.xq-info .info-box .xq-view{
  padding: 0 1vw;
}
.xq-con{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #f5f5f5;
}
.xq-con .xq-intro{
  width: 61%;
}
.xq-con .xg-news{
  width: 22%;
}
.xq-con .tj-li{
  display: block;
  border-bottom: 1px solid #dedede;
}
.xq-con .tj-li .tj-img{
  width: 100%;
  height: 170px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.xq-con .tj-li .tj-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.xq-con .tj-li:hover .tj-img img{
  transform: scale(1.05);
}
.xq-con .tj-li .tj-time{
  color: #999;
  line-height: 1.8;
}
.xq-con .tj-li h6{
  color:#333;
  line-height: 1.8;
  margin-top: 10px;
}
.xq-con .xq-change{
  border-top: 1px solid #ccc;
}
.xq-con .xq-change p:nth-child(2){
    margin-top: 15px;
}
.xq-con .xq-change span{
  color:#333;
}
.xq-con .xq-change a{
  color:#777;
}
.xq-con .xq-change a:hover{
  color: var(--color);
  text-decoration: underline;
}
@media only screen and (min-width: 1950px){
  .news-tj a .tj-right{
    padding-left:90px;
    padding-right: 90px;
  }
  .info-li{
    padding: 60px;
  }
  .info-li h4{
    min-height: 55px;
  }
}
@media only screen and (max-width: 768px){
  .news-tj a .tj-left{
    width: 100%;
  }
  .news-tj a .tj-con{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-li .news-time{
    display:none;
  }
  .news-li .news-img{
    width: 100%;
    max-width: none;
  }
  .news-li .news-con{
    width: 100%;
    margin-top: 25px;
  }
  .news-li .news-mo-time{
    display: block;
    margin-top: 5px;
  }
  .filter-box .filter-left{
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .filter-box .filter-right{
    width: 100%;
  }
  .filter-box .filter-year{
    width: 100%;
    max-width: 400px;
    margin:0 auto;
  }
  .filter-box .filter-bt{
    width: 100%;
    max-width: 400px;
    margin:10px auto 0;
  }
  .filter-result .result-li{
    width: 100%;
    margin-right: 0;
  }
  .info-li{
    width: 100%;
    margin-right: 0;  
    padding: 20px;
  }
  .section-xq{
    margin-top: 50px;
  }
  .xq-info{
    width: 100%;
  }
  .xq-info .info-box .xq-wechat{
    width: 20px;
    height: 20px;
  }
  .xq-con .xq-intro{
    width: 100%;
    margin-bottom: 30px;
  }
  .xq-con .xg-news{
    width: 100%;
  }
}