公司简介

直接使用代码

图片素材

css代码

 <style>
.section-title{text-align: center;padding-top: 10px;padding-bottom: 32px;}
.section-title h1{position: relative;font-size: 25px;line-height: 30px;letter-spacing: 2px;color: #252b3a;padding:15px 0}
.section-title h2{margin-top: 10px;font-size: 16px;line-height: 22px;letter-spacing: 2px;color: #666a75;}
.section-wrapper{max-width: 1280px;padding-left: 30px;padding-right: 30px;margin-left: auto;margin-right: auto;}


@media (min-width: 1200px) {
  .section-title{padding-top: 40px;line-height: 50px;}
  .section-title h1{font-size: 36px;}
  .section-title h2{font-size: 18px;}
  }
.index-about{background: #f8f8f8;}
.about-top{padding-bottom:40px }
.about-top .content img{display:block;}
.about-top .content p{padding:10px;line-height: 30px;text-align: left;color:#333}
.about-top .about-more{display: inline-block;color:#0076d1;border:1px solid #0076d1;padding:15px 45px;margin-top:50px;font-size: 17px;border-radius: 3px;}
.about-top .content  a:hover{color:#fff;background: #0076d1;}
</style>

HTML+JS代码

 <section  class="index-about">
    <div class="container">
        <div class="about-top">
            <div class="content">
                <div class="section-title">
                    <h1>公司简介</h1>
                    <!-- <h2>一家集研发、生产、销售于一体的科技型企业，主要致力于液液混合与分离设备的研发和应用</h2> -->
                </div>
                <div class="row">

                    <div class="col-md-7 f16">
                        <p class="">
                            郑州天一萃取科技有限公司成立于2005年，是一家集研发、生产、销售于一体的科技型企业，主要致力于液液混合与分离设备的研发和应用。产品广泛应用于精细化工、湿法冶金、制药和环保等多种领域。公司注册资金3000万元，现有员工100余人，主要机械加工设备30余套。设有一个萃取应用研究中心、一个萃取中试（扩大试验）基地、两个现代化生产加工中心。
                            <br /><br />
                            公司目前拥有自主研发专利30余项，先后获得“河南省工程技术研究中心”、“智汇郑州顶尖人才团队”、“郑州市工程研究中心”、
                            <br /><br />
                            公司目前拥有自主研发专利30余项，先后获得“河南省工程技术研究中心”、“智汇郑州顶尖人才团队”、“郑州市工程研究中心”、......

                          

                        </p>
                    </div>
                    <div class="col-md-5 hidden-xs">
                        <img src="http://www.bootfastui.cn/Public/images/img43.jpg" alt="郑州天一萃取科技有限公司" width="100%" />
                    </div>
                    <div class="text-center">
                        <a href="/detail/16.html" class="about-more">+MORE</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>