.banner{ width:100%; }
.list{ font-size:0; padding:0 30px 80px 30px; }
.list .item{display: block;width: calc((100% - 48px) / 2);text-align:left;box-sizing:border-box;margin-right: 48px;float: left;margin-bottom: 45px;}
.list .item a{display: block;position: relative;height: 0;padding-bottom: 57%;overflow: hidden;border-radius: 5px 5px 0 0;margin-bottom: 30px;}
.list .item a img{
position: absolute;
width: 100%;
height: auto;
min-height: 100%;
object-fit: cover;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.list .item:nth-of-type(2n){
margin-right:0;
}
.list .item video{ display:inline-block; width:100%; margin-bottom:8px; border-radius:10px 10px 0 0; }
.list .item p{font-size:14px;line-height:30px;padding:0 15px;display: none;}
.list .item p .time{ float:right; }
.list .item p.title{font-size: 24px;display: block;color: #656565;padding: 0;background: url(http://clzb.ydhlg.com/uploadfile/ueditor/image/202206/16561606569692bb.png) no-repeat left center;line-height: 23px;padding-left: 35px;}
.list .item p.title .time{
font-size: 16px;
color: #656565;
}
.cate{padding: 70px 0 50px;margin-top: 0;}
.cate li{display:inline-block;width: auto;margin-right: 20px;}
.cate li input{ margin-right:3px; vertical-align:middle;}

.video .cate li a{
padding: 0 0 0 0px;
float: left;
position: relative;
font-size: 24px;
color: #656565;
padding-left: 20px;
}
.video .cate li a:before{content:"";width: 12px;height: 12px;border-radius: 50%;border: 1px solid #565656;margin-right: 5px;vertical-align: middle;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.video .cate li a:after{content:"";width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 3px;top: 50%;background: #ccc;transform: translateY(-50%);opacity: 0;}
.video .cate li a:hover:after{
 background: #620000;
 opacity:1;
}
.video .cate li .active:after{
 background: #620000;
 opacity:1;
}


@media screen and (max-width: 1200px) {
.banner{ width:100%; }
.list{ font-size:0; padding:0 30px 30px 30px;}
.list .item{display: block;width:100%;text-align:left;margin: 0 auto 20px;padding: 0;}
.list .item img{
  width: 100%;
}
.list .item a{
  margin-bottom:20px
  ;
}
body .list .item p{
  padding: 0;
  color: #696969;
  font-size: 14px;
  margin-top: 10px;
}

body .list .item p.title{
  color: #696969;
  font-size: 12px;
  margin-top: 0;
  background-size: 12px auto;
  padding-left: 18px;
  line-height: 1;
}

.video .cate li{
  width: calc((100% - 20px)/4);
  margin-right: 5px;
  display: block;
  float: left;
}
.video .cate{
  padding: 34px 20px 26px;
  overflow: hidden;
}
.video.content .list{
  padding: 0 20px 5px;
}
.video .cate li input{
  margin-right: 0px;
}
.video .cate li a{
  font-size:12px;
}
.video.content{
width:100%;
}
.list .item p.title .time{
  font-size: 12px;
}
}