.main{display: flex;justify-content: space-between;}
.main #left{width: 21%;}
.main #right{width:77%;}

.list {display: flex;justify-content: space-between;flex-wrap:wrap;}
.list li{width:48.5%;display: flex;justify-content: space-between;border:1px solid #cfcfcf;padding:10px;margin-bottom:30px;overflow:hidden;}
.list li .imgBox{width:55%;}
.list li .imgBox a{height:100%;display:flex;align-items: center;}
.list li .textBox{position: relative;z-index: 1;padding-top: 10px;width: 42%;}
.list li .imgBox img{transition: all 0.5s;}
.list li .imgBox:hover img{transform: scale(1.1);}
.list li .title a{font-size: 16px;color:#333;position: relative;transition: all 0.5s;}
.list li .title a:after{content:'';display: inline-block;width: 0;height:1px;background:#c7001a;position: absolute;left: 0;bottom: -2px;transition: all 0.5s;}
.list li .title a:hover:after{width:100%;}
.list li .title a:hover{color:#c7001a;}
.list li .exta{margin-top: 20px; color: #999999;font-size:12px;line-height:2;overflow-wrap: break-word;}




@media screen and (max-width: 1028px) {
  .main #right{width:100%;}
  .list li{width:100%;margin-bottom:20px;}








}