@charset "utf-8";
.NewsList_a1 li {min-height: 180px; box-sizing: border-box;width: 92%;margin-left: auto;margin-right: auto;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
  background: #fff;border-radius: 8px;overflow: hidden;position: relative;
  padding: 0 170px 0 0;
}
.NewsList_a1 li + li{margin-top: 3vw;}
/*.NewsList_a1 li:first-child{background: #fff;width: 100%;padding-bottom: 4vw;padding-top: 0;}
.NewsList_a1 li:first-child:after{content: "";display: block;clear: both;}
.NewsList_a1 li:first-child .newnr{float: left;padding: 1.5vw 0 6vw 0;padding-left: 3%;border-left: 1vw solid #eeeeee;width: 45%;}
.NewsList_a1 li:first-child .newimg{float: right;height: 19vw;}
.NewsList_a1 li:first-child .newnr:after{float: none;}
*/
.NewsList_a1 .data{font-size: 0;position: absolute;right: 2vw;top: 3vw;font-size: 16px;color: #808080; text-align: right;}
.NewsList_a1 .data b{display: block;}
.NewsList_a1 .data b span{font-size: 1.3vw;color: #ed7d01;padding-left: 30px;font-weight: normal;
  background: url(/public/static/images/time.png) left center no-repeat;background-size: 22px auto;display: inline-block;
}
.NewsList_a1 .data i{display: none; }
.NewsList_a1 .newimg{min-height: 180px; height: 15vw;position: relative;overflow: hidden;width: 35%;margin-right: 5%;border-radius: 8px;
  display: inline-block;vertical-align: middle;
}
.NewsList_a1 .newimg img{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;object-fit: cover;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
  transform:translate(-50%,-50%) ;-ms-transform:translate(-50%,-50%) ;-webkit-transform:translate(-50%,-50%);}
.NewsList_a1 .newnr{display: inline-block;vertical-align: middle;width: 56%;}
.NewsList_a1 .newnr b{font-size: 26px;color: #4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
}
.NewsList_a1 .newnr p{font-size: 16px;color: #808080;line-height: 1.8;height: 5.4em;margin-top: 0.7vw; display: -webkit-box; 
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.NewsList_a1 .newnr:after{content: "查看更多";font-size: 14px;background: #ed7d01;line-height: 1.5;padding: 0.3em 1.5em;
  border-radius: 1.5em;display: block;color: #fff;position: absolute;right: 2vw; bottom:  4vw;
}
@media screen and (min-width: 1024px){
  .NewsList_a1 li:hover a:after{width: 100%;left: 0;}
  .NewsList_a1 li a:hover img,.B4 .tap_box a:hover img{
    transform:translate(-50%,-50%) scale(1.05,1.05) ;
    -ms-transform:translate(-50%,-50%) scale(1.05,1.05) ;
    -webkit-transform:translate(-50%,-50%) scale(1.05,1.05) ;}
  .NewsList_a1 li:hover .data b span{color: #fff;background-image: url(/public/static/images/timew.png);}
  .NewsList_a1 li:hover .newnr b,.NewsList_a1 li:hover .data,.NewsList_a1 li:hover .newnr p{color: #fff;}
  .NewsList_a1 li:hover .newnr:after{color: #ed7d01;background-color: #fff;}
  .NewsList_a1 li:hover{background: #ed7d01;}

}
@media screen and (max-width: 1440px){
    .NewsList_a1 .newnr b{font-size: 20px;}
    .NewsList_a1 .newnr p{font-size: 16px;}

    .NewsList_a1 .data b span{font-size: 18px;}
}
@media screen and (max-width: 1250px){
    .NewsList_a1 .newnr b{font-size: 18px;}
    .NewsList_a1 .newnr p{font-size: 14px;}
    .NewsList_a1 .data{background-size: 18px auto;}
    .NewsList_a1 .data b span{font-size: 16px;}
}
@media screen and (max-width: 640px){
   .NewsList_a1 li{border:none;background-color: #f5f5f5;border: 1px solid #bfbfbf;padding: 0;float: none;width: 100%;min-height: 0;}
   .NewsList_a1 li +li{margin-top: 5.5vw;}
   .NewsList_a1 li a{padding: 3vw 5vw;display: block;box-sizing: border-box;}
   .NewsList_a1 .newimg{height: 51vw;float: none;display: none;}
   .NewsList_a1 .newnr b{font-size: 4.2vw;color: #eb6100;margin-bottom: 0.5em;font-weight: normal;}
   .NewsList_a1 .newnr{display: block;width: 100%;}
   .NewsList_a1 .newnr p{font-size: 3.8vw;-webkit-line-clamp: 2;height: auto;min-height: 3.6em;}
   .NewsList_a1 .newnr:after{display: none;}

   .NewsList_a1 .data{position: static;margin-bottom: 0.3em;text-align: left;font-size: 3.8vw;}
   .NewsList_a1 .data b span{font-size: 3.8vw;background-size: auto 1em;padding-left: 1.3em;}
   .NewsList_a1 .data b span:after{content: "-";}
   .NewsList_a1 .data b {display: inline-block;}
}
