/* banner */
.banner_box{
  width: 100%;
  font-size: 0;
}
.banner_box img{
  width: 100%;

}

/* 内容 */
.content_box{
  padding: 20px 0px;
}
.content_box>div{
  display: grid;
  grid-gap:16px;
  grid-template-columns: repeat(3,1fr);
  color: #fff;
}
.content_box h2{
  margin-bottom: clamp(5px,1vw,20px);
}
.content_box a{
  display: block;
  color: #fff;
  height: 100%;
}
.content_box .con_1, .content_box .con_2_1,.content_box .con_2_2,.content_box .con_3_1,.content_box .con_3_2{
  position: relative;
  font-size: 0;
  height: 100%;
}
.content_box  img{
  width: 100%;
  height: 100%;
}
.content_box .tips{
  position: absolute;
  top:clamp(15px,2vw,40px) ;
  left: clamp(15px,2vw,40px);
}

.content_box .con_2{
  display: grid;
  grid-gap:16px;
  grid-template-rows: repeat(2,1fr);
}