@media(max-width:650px){
  body main #news-TitlePicture .itemList .item{
    flex-wrap:wrap;
  }
  body main #news-TitlePicture .itemList .item .left,
  body main #news-TitlePicture .itemList .item .right{
    width: 100%;
  }
  body main #news-TitlePicture .itemList .item .right{
    padding:5px;
  }
  body #news-TitlePicture{
    padding:0 20px;
  }
}
body #news-TitlePicture .itemList .item{
  background: #fff;
}
#news-TitlePicture .title{
  display:none;
}
#swp11 .slide-desc-wrap{
  background: rgba(0,0,0,.3);
}
.newTitle{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #726f6f;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
body #news-TitlePicture .itemList .item .left {
  width: calc(25% - 10px);

}
body #news-TitlePicture .itemList .item .right {
  width: calc(75% - 10px);
}

</style>

<style>
@media(min-width:651px) {
  body .hddh-content .yidongVideo4 {
    display: none;
  }
}

.hddh-content .pcVideo3,
.hddh-content .yidongVideo4 {
  display: flex;
  justify-content: space-between;
}

.hddh-content .item {
  margin-bottom: 15px;
  width: 32%;
  background-color: #fff;
}

.item.limit-video-topsm,
.figure.hasbg.limit-img {
  width: 100%;
}

.wrap .text {
  padding: 5px 15px 10px;
}

.hasbg .videoTime {
  padding: 0 5px;
  position: absolute;
  z-index: 5;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
}

.gaussian-blur a {
  transition: all 1s;
}

.wrap .text a {
  font-family: 'Hiragino Sans GB', 'sans-serif', 'Roboto', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft YaHei', arial, '微软正黑体', 'PingFang TC', 'AdobeMingStd-Light', 'PMingLiU', 'MingLiU';
  color: #323131;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

@media (max-width: 650px) {
  body .h3-font a{
    font-size: 26px;
  }f
  body .historyList img{
    width:calc(50% - 10px)
  }
  body .newAndSchematicDiagram{
    flex-wrap:wrap;
  }
  body .newAndSchematicDiagram>.left,
  body .newAndSchematicDiagram>.right{
    width:100%;
  }
  body .h3-font{
    font-weight:600!important;
  }
  body .newTitle{
    font-size:22px;
  }
  body .centerContent{
    flex-wrap:wrap;
  }
  body .centerContent .left,
  body .centerContent .right{
    width:100%;
  }
  .hddh-content .pcVideo3,
  .hddh-content .yidongVideo4 {
    flex-wrap: wrap;
  }
  body .yidongVideo4 {
    display: flex!important;
  }
  .hddh-content .item {
    width: 100%;
  }
}
.hddh-content .pcVideo3{
  flex-wrap:wrap;
}
img {
  image-rendering: -webkit-optimize-contrast!important;
}
body #swp11 .swiper-pagination-bullet-active{
  background:#711313;
}
.banner-img,
.m-banner{
  width:100%;
  margin-bottom:30px;
}
<!--/*body{
background:url("https://dw-media.wenweipo.com/dams/wwpproduct/image/202202/17/620e5383e4b04ff53b440ade.png");
}*/-->
.centerContent{
  display: flex;
  justify-content: space-between;
}
.centerContent .left{
  width: calc(65% - 10px);
}
.centerContent .right{
  width: calc(35% - 10px);
}
body #news-TitlePicture .itemList .item{
  margin-bottom:30px;
}
body #news-TitlePicture .itemList .item:nth-child(3){
  margin-bottom:15px;
}
.bigImg{
  margin:15px 0;
}
.topLab{
  display:none;
}
.SchematicDiagram img{
  width: 100%;
  margin: 15px 0;
}
.h3-font{
  font-weight:600;
  margin-right:0;
  text-align: center;
}
.newAndSchematicDiagram{
  display:flex;
  justify-content: space-between;
}
.newAndSchematicDiagram>.left{
  width:calc(70% - 10px)
}
.newAndSchematicDiagram>.right{
  width:calc(30% - 10px)
}
.SchematicDiagramTitle,
.SchematicDiagramTitle2{
  color: #fff;
  background: #7b7364;
  padding: 5px;
}
.abstract{
  font-size:15px;
  background: #cccbcb;
  padding: 10px 3px;
  text-indent: 32px;

}
.SchematicDiagramTitle2{
  margin-bottom: 15px;
}
.SchematicDiagram,
.mask .colse{
  cursor: pointer;
}
.mask{
  position: fixed;
  top:0;
  left:0;
  display:none;
  background:rgba(0,0,0,.4);
  width:100%;
  height:100%;
  z-index:99;
}
.mask>img{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border: 8px solid #fff;
}
.mask .colse{
  position: absolute;
  bottom:30px;
  left:0;
  right:0;
  margin:auto;
}
.historyList{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.historyList img{
  cursor: pointer;
  width:calc(33.3% - 10px);
  margin-bottom:15px;
}