<template>
  <div class="introduce">
    <div class="title">仅需4步，即可开启贸易！</div>
    <div class="introduce-img">
      <div>科 技 与 贸 易 的 碰 撞</div>
      <div>助您打破贸易壁垒 实现供应链无限延伸</div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.introduce {
  .title {
    font-size: 24px;
    font-weight: 700;
    color: #222931;
  }
  .introduce-img {
    height: 230px;
    background: #292929;
    border-radius: 20px;
    color: #fff;
    margin-top: 30px;
    position: relative;
    & > div {
      &:first-child {
        position: absolute;
        top: 80px;
        left: 40px;
        font-size: 18px;
      }
      &:last-child {
        position: absolute;
        top: 120px;
        left: 40px;
        font-size: 24px;
        font-weight: 700;
      }
    }
  }
}
</style>
