.con-box .intro-box { display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; width: 100%; }
.con-box .intro-box .left { flex: 0 0 214px; width: 214px; }
.con-box .intro-box .icon-circle { width: 214px; height: 214px; background-color: #f2f2f2; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.con-box .intro-box .icon-circle img { max-width: 60%; height: auto; object-fit: contain; }
.con-box .intro-box .icon-circle img:not([src]), .con-box .intro-box .icon-circle img[src=''] { opacity: 0; }
.con-box .intro-box .right { flex: 1; }
.con-box .intro-box .right .h4-tit01 { line-height: 1.2; }
@media screen and (max-width: 1024px) {
  .con-box .intro-box { gap: 35px; }
  .con-box .intro-box .left { flex: 0 0 160px; width: 160px; }
  .con-box .intro-box .icon-circle { width: 160px; height: 160px; }
}
@media screen and (max-width: 768px) {
  .con-box .intro-box { flex-direction: column; align-items: center; text-align: center; gap: 30px; }
  .con-box .intro-box .left { flex: 0 0 auto; width: auto; }
  .con-box .intro-box .right .h4-tit01 { font-size: 28px; }
}