.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1; transition: 0.5s }
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.a_body{ position:relative}

/* 新闻 */
.newlist li{margin-bottom:30px;}
.newlist li a{padding: 20px;align-items: center;background: #f7fdf9;}
.newlist li a::after{left: 0;background: #fff;width: 100%;opacity: 0;box-shadow: 0rem 5px 10px 0px rgba(0, 0, 0, 0.14);}

.newlist li .scale{width: 30%;}
.newlist li .con{width: calc(100% - 30%);padding-left: 20px;}

.newlist li p{font-size: 20px;color: #666;}
.newlist li p i{display: inline-block;padding: 0 0.1rem;font-size: 18px;transition: 0s;}

.newlist li h3{font-size: 22px;color: #333;line-height: 36px;margin:15px 10px;transition: 0.5s;}
.newlist li h4{font-size: 16px;color: #999;line-height: 24px;max-height: 0.56rem\0;transition: 0.5s;}



.newlist3 li .scale{width: 1.6rem;}
.newlist3 li .con{flex: 1;min-width: 0;width: auto;}
.newlist3 li .imged{padding-bottom: 130%;}
.newlist3 li p{line-height: 0.3rem;max-height: 0.9rem\0;}
.newlist3 li a::after{width: 0;opacity: 1;height: 0.04rem;background: #0C4D92;}


@media(min-width: 1024px){
  .newlist li a:hover::after{opacity: 1;}
  .newlist3 li a:hover::after{width: 100%;}
  .newlist li a:hover h3{color:#008071;font-weight: bold;transition: 0.5s;}

  .newlist3 li a:hover h3{color: #792120;}
  .newlist3 li a:hover span{color: rgba(42, 111, 213, 0.5);}
  .newlist3 li a:hover i{color: #792120;}
  .newlist3 li a:hover p{color: #666666;}
}
@media screen and (max-width: 1024px) {
 .newlist li a{padding: 20px;}
}
@media screen and (max-width: 768px) {
  .newlist li a{padding: 20px;}
  .newlist li .con{padding-left: 20px;}
  .newlist li h3{margin:.1rem 0;}

}
@media screen and (max-width: 420px) {
  .newlist li .scale{width: 100%;}
  .newlist li .con{width:100%;margin-top: 20px;}
}