/*可以在这里添加你自己的css*/
.dpcontent img:not([class]){ max-width:100%; height: auto!important;}

ul.ue_dp_imgList{
	padding: 0; margin: 0; list-style: none; display: flex; flex-wrap:wrap; width: 100%!important;
}
ul.ue_dp_imgList li{border:1px solid #ddd;  border-right: 0; padding:10px; text-align:center; box-sizing:border-box; }
ul.ue_dp_imgList li .ue_dp_imgList_imgBox{ padding:10px; }
ul.ue_dp_imgList li .ue_dp_imgList_imgBox img{ display:block; }
ul.ue_dp_imgList.ue_dp_imgList4 li{ width:25%;}
ul.ue_dp_imgList.ue_dp_imgList4 li:nth-child(n+5){ border-top:0; }
ul.ue_dp_imgList.ue_dp_imgList4 li:nth-child(4n),ul.ue_dp_imgList.ue_dp_imgList4 li:last-child{ border-right: 1px solid #ddd;}

ul.ue_dp_imgList.ue_dp_imgList3 li{ width:33.33%;}
ul.ue_dp_imgList.ue_dp_imgList3 li:nth-child(n+4){ border-top:0; }
ul.ue_dp_imgList.ue_dp_imgList3 li:nth-child(3n),ul.ue_dp_imgList.ue_dp_imgList3 li:last-child{ border-right: 1px solid #ddd;}


@media screen and (max-width: 767px){
   ul.ue_dp_imgList li .ue_dp_imgList_imgBox{ padding:0; }
   ul.ue_dp_imgList.ue_dp_imgList4 li{ width:50%;}
   ul.ue_dp_imgList.ue_dp_imgList4 li:nth-child(n+3){ border-top:0; }
   ul.ue_dp_imgList.ue_dp_imgList4 li:nth-child(2n),ul.ue_dp_imgList.ue_dp_imgList4 li:last-child{ border-right: 1px solid #ddd;}
   
   ul.ue_dp_imgList.ue_dp_imgList3 li{ width:50%;}
   ul.ue_dp_imgList.ue_dp_imgList3 li:nth-child(n+3){ border-top:0;}
   ul.ue_dp_imgList.ue_dp_imgList3 li:nth-child(3n){ border-right:0; }
   ul.ue_dp_imgList.ue_dp_imgList3 li:nth-child(2n),ul.ue_dp_imgList.ue_dp_imgList3 li:last-child{ border-right: 1px solid #ddd;}


}

.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}
.title{color: #333333; margin-bottom: 0.5em;font-size: 2.5em;font-family: 'HarmonyOS_Sans_SC_Medium';}
.box{line-height: 2;margin-bottom: 3em;font-size: 1.125em;}
.dpcontent h3{color: #e60012;
  font-size: 1.4em; 
  margin:1em 0; 
  font-weight:700; 
  position:relative;
  letter-spacing: 3px;
   }
.dpcontent h3:after{
    color:#8fb8e1;width:10%;height:3px;
    background:#e60012;
    border:none;margin:10px 0px; 
    content: ""; display: block;
}
.tab{background: #f5f5f5;padding: 3em}
.tab a{display: inline-block;margin-right: 2em;background: #e60012;color: #fff;padding: 1em}
.tab a:hover{}
@media(min-width:1025px){
    .box1 .left{width: 50%}
    .box1 .right{padding-left: 5vw}
    
    .box2 .right{padding-left: 5vw;}
    
    .box3 .left{width: 30%}
    .box3 .right{padding-left: 5vw}
}
@media(max-width:1024px){
    .box .ytable-cell {display: block;width:100%;}
    .title {font-size: 1.5em;}
}