<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. 本网站一切内容不代表本站立场，且并不代表本站赞同其观点和对其真实性负责。

 评论