.news_tit{
  color: var(--color);
  line-height: 1;
  text-align: center;
}
.news_zd{
  background: #f5f5f5;
}
.con_list{
  display: flex;
  flex-wrap: wrap;
}
.list_img{
  width: 50%;
  max-height: 405px;
  overflow: hidden;
}
.list_img img{ 
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
}
.con_list:hover .list_img img{
  transform: scale(1.05);
}
.list_text{
  width: 50%;
  padding:3.4vw 3.1vw;
  display: flex;
  flex-wrap: wrap;
  align-content: cente
}
.con_list:hover .list_text h3{
 color: var(--color);
}
.news .time{
  color: var(--color);
  margin-bottom: 10px;
}
.news h3{
  color: #222;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.news .more{
  color:#999;
}
.con_list:hover .more{
  color:var(--color);
}
.list_text .p{
  color:#999;
  line-height:1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.news_box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.box_list{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.box_list:nth-child(3n){
  margin-right: 0;
}
.box_list:before{
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--color);
  transition: all .6s;
}
.box_list:hover:before{
  width: 100%;
}
.box_img{
  width: 100%;
  height: 14vw;
  min-height: 190px;
  max-height: 260px;
  overflow: hidden;
  position: relative;
}
.box_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
}
.box_list:hover .box_img img{
  transform: scale(1.05);
}
.box_text{
  padding: 25px;
}
.box_list:hover .box_text h3{
  color: var(--color);
}
.news_ms{
  color: #999;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.box_list:hover .more{
  color: var(--color);
}
@media only screen and (max-width:1024px) {
  .box_text{
    padding:20px 15px;
  }
}
@media only screen and (max-width: 768px) {
  .list_img{
    width: 100%;
    height: 190px;
  }
  .list_text{
    width: 100%;
    padding: 20px 15px;
  }
  .box_list{
    width: 100%;
    margin-right: 0;
  }
}
.xq_bread{
  margin-top: 100px;
  background: #f5f5f5;
  height: 80px;
  position: relative;
}
.xq_bread span{
  color:#999;
}
.xq_bread span a{
    color: #999;
}
.xq_bread .icon{
  fill: #aaa!important;
}
.xq_tt{
  text-align: center;
  color:#333;
  line-height: 1.2;
}
.xq_mes{
  display: flex;
  align-items: center;
  justify-content: center;
}
.xq_mes span{
  color: #999;
  padding: 0 1vw;
}
.xq_intro{
  color: #333;
  line-height: 2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.xq_intro img{
  width: auto;
  max-width: 100%;
}
.xq_page{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.xq_page span{
  width: 35%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.xq_page span a{
    cursor: pointer;
}
.xq_page .turnList{
  display:flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width:160px;
  height: 46px;
  background: var(--lgColor);
  position: relative;
}
.xq_page .turnList span{
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.xq_page .turnList:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:0;
  background: var(--color);
  transition: all .6s;
}
.xq_page .turnList:hover:before{
  height: 100%;
}
.xq_next{
  text-align: right;
}
.xq_page span:hover a{
  color: var(--color);
}
.tj_tt{
  color: var(--color);
  text-align: center;
}
.tj_box{
  display: flex;
  flex-wrap: wrap;
}
.tj_list{
  width: calc((100% - 150px) / 4);
  margin-right:50px;
}
.tj_list:nth-child(4n){
  margin-right: 0;
}
.tj_img{
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.tj_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
}
.tj_list:hover img{
  transform: scale(1.05);
}
.tj_text{
  color: #333;
  line-height: 1.5;
  margin-top:15px;
}
.tj_list:hover .tj_text{
  color: var(--color);
}
@media only screen and (max-width:1024px) {
 .tj_list{
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
 }
}
@media only screen and (max-width:768px) {
 .xq_bread{
  display: none;
 }
 .news_xq{
   margin-top: 50px;
 }
 .xq_tt{
  line-height: 1.6;    
 }
 .xq_intro{
   line-height: 1.6;
 }
 .xq_page span{
  width: 100%;
 }
 .xq_page .turnList{
  display: none;
 }
 .xq_next{
  text-align: left;
 }
 .tj_list{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
 }
}