直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
.m-aboutus .row-h3 .tit{text-align:center;margin-bottom:60px}
.m-aboutus .row-h3 .tit .t1{display:inline-block;vertical-align:middle;padding:0 60px}
.m-aboutus .row-h3 .tit .t2{position:relative}
.m-aboutus .row-h3 .tit .t2:after{position:absolute;content:'';top:0;right:0;width:1px;height:130px;background-color:#e3e3e3}
.m-aboutus .row-h3 .tit .t1 h3{font-size:31px;color:#000;margin-bottom:24px}
.m-aboutus .row-h3 .tit .t1 h3 span{color:#f77026}
.m-aboutus .row-h3 .tit .t1 a{display:inline-block;width:158px;height:54px;line-height:50px;border:1px solid #e3e3e3;border-radius:40px;color:#f77026}
.m-aboutus .row-h3 .tit .t1 a:hover{color:#fff;background-color:#f77026}
.m-aboutus .row-h3{padding:111px 0 90px}
.m-aboutus .row-h3 .tit .t1 a span{font-size:20px;padding-right:30px;background:url(http://www.bootfastui.cn/img/2021/0513-6/icon_l06.png) right 0 center no-repeat}
.m-aboutus .row-h3 .tit .t1 a:hover span{background-image:url(http://www.bootfastui.cn/img/2021/0513-6/icon_l07.png)}
.m-aboutus .row-h3 .num{text-align:center;margin:0 -98px}
.m-aboutus .row-h3 .num .n1{display:inline-block;vertical-align:middle;padding:0 98px}
.m-aboutus .row-h3 .num .n1 h3{font-size:70px;color:#f77026;margin-bottom:20px}
.m-aboutus .row-h3 .num .n1 h3 span{font-size:38px;font-weight:400}
.m-aboutus .row-h3 .num .n2 h3 span{font-size:70px}
.m-aboutus .row-h3 .num .n1 p{font-size:20px;color:#000}
</style>

HTML+JS代码

 <section class="m-aboutus">

  <div class="row-h3">
    <div class="container">
      <div class="tit">
        <div class="t1 t2">
          <h3><span>专业课</span>培训机构合作方案</h3>
          <a target="_blank" href="http://www.bootfastui.cn"><span>点击获取</span></a>
        </div>
        <div class="t1">
          <h3><span>专业课</span>培训机构合作方案</h3>
          <a target="_blank" href="http://www.bootfastui.cn"><span>点击获取</span></a>
        </div>
      </div>
      <div class="num">
        <div class="n1">
          <h3>11 <span>年</span></h3>
          <p>艺考生文化课行业积淀</p>
        </div>
        <div class="n1">
          <h3>80 <span>W</span></h3>
          <p>艺术生选择使用</p>
        </div>
        <div class="n1 n2">
          <h3>600 <span>+</span></h3>
          <p>机构客户信任选择</p>
        </div>
      </div>
    </div>
  </div>

</section>