.dev_process_main{
  height: 425px;
  overflow: hidden;
}
.dev_process_content_lists{
  width: 100%;
  background: #F3F7FF;
  height: 170px;
  overflow: hidden;
}
.dev_process_content{
  width: 100%;
  height: 170px;
  overflow: hidden;
  display:flex;
}
.dev_process_content_left{
  min-width: 300px;
  width: 300px;
  height: 170px;
}
.dev_process_content_left img{
  width: 100%;
  height: auto;            /* 高度自适应，防止拉伸，保持比例 */
}
.dev_process_content_right{
  box-sizing: border-box;
  height: 170px;
  flex-grow: 1;
  padding: 20px 0px;
  overflow: hidden;
  display: flex;
}
.dev_process_content_1{
  box-sizing: border-box;
  height: 130px;
  flex:1;
  padding-left: 20px;
  overflow: hidden;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.dev_process_content_2{
  flex:1;
  padding: 0px 20px;
  box-sizing: border-box;
  height: 130px;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}


.dev_process_lists{
  padding-top: 10px;
  box-sizing: border-box;
  height: 255px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dev_process_lists_row1{
  height: 115px;
  display: flex;
  justify-content: flex-start;
}
.dev_process_lists_row2{
  height: 10px;background: #DBE9FF;
}
.dev_process_lists_row3{
  height: 115px;
  display: flex;
  justify-content: flex-end;
}

.dev_process_top_art{
  width: 200px;
  height: 115px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dev_process_top_art_tilte{
  height: 40px;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
}
.dev_process_top_art_tilte img{
  width: 14px;
  height: 18px;
}
.dev_process_top_art_bg{
  position: relative;
  width: 100%;
  height: 70px;
}
.dev_process_top_art_sign{
  width: 4px;
  height: 70px;
  background: #DBE9FF;
  margin: 0px auto;
}
.dev_process_art_up{
  width: 100%;
  height: 0px;
  opacity: 0;
}
.dev_process_art_up_active{
  opacity: 1;
  transition: all 0.5s;
  position: absolute;
  width: 100%;
  height: 70px;
  top: 10px;
  left: 70px;
  background: url(/static/pc/img/fzjt1.png) no-repeat;
}

.dev_process_art_down{
  width: 100%;
  height: 0px;
  opacity: 0;
}
.dev_process_art_down_active{
  opacity: 1;
  transition: all 0.5s;
  transform: scaleY(-1);
  position: absolute;
  width: 100%;
  height: 70px;
  top: -10px;
  left: 70px;
  background: url(/static/pc/img/fzjt1.png) no-repeat;
}