<style>
.inab-main-data {
margin-top: 20px
}
.inab-main-data .nums {
transition: 0.3s;
overflow: hidden
}
.inab-main-data .num {
width: 33.3333%;
float: left;
padding: 30px 60px;
height: 200px;
color: #f9f9f9;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: 0.3s
}
.inab-main-data .num1 {
background: #EF3B1B url(https://www-x-guolvfenliqi-x-com.img.addlink.cn/templets/default/image/abicon1.png) no-repeat center 85%
}
.inab-main-data .num2 {
background: #fd6044 url(https://www-x-guolvfenliqi-x-com.img.addlink.cn/templets/default/image/abicon2.png) no-repeat center 85%
}
.inab-main-data .num3 {
background: #EF3B1B url(https://www-x-guolvfenliqi-x-com.img.addlink.cn/templets/default/image/abicon3.png) no-repeat center 85%
}
.inab-main-data .num span {
font-size: 58px;
line-height: 1;
float: left;
letter-spacing: -2px;
font-family: Arial
}
.inab-main-data .num span sub {
font-size: 26px
}
.inab-main-data .num3 span sub {
font-size: 16px
}
.inab-main-data .num p {
font-size: 16px;
line-height: 24px;
position: absolute;
left: 215px;
top: 33px;
padding-bottom: 12px;
width: 180px;
border-bottom: 1px solid rgba(255, 255, 255, .35)
}
@media (max-width: 1024px) {
.inab-main-data .num {
/* display: none; */
width: 100%;
}
}
</style>
<div class="inab-main-data">
<div class="nums clearfix">
<div class="num num1 wow zoomin"> <span><em class="counter">2008</em></span>
<p>公司成立于<br>
2008年</p>
</div>
<div class="num num2 wow zoomin"> <span><em class="counter">68</em> <sub>项</sub> </span>
<p>实用新型专利<br>
</p>
</div>
<div class="num num3 wow zoomin"> <span><em class="counter">8</em><sub>大</sub></span>
<p>产品系列<br>
涵盖行业所有需求</p>
</div>
</div>
</div>
作者：ZhiChao.Cui
1. 本网站部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长(1511545254@qq.com)进行删除处理，承诺将在一个工作日内及时进行改正。
2. 本网站一切内容不代表本站立场，且并不代表本站赞同其观点和对其真实性负责。
