<section class="hero-section rel  rpt-150 rpb-0">
    <div class="shape shapeAnimationOne l-10 t-60">
        <img src="assets/img/shapes/shape1.png" alt="Shape">
    </div>
    <div class="shape shapeAnimationTwo l-70 t-60">
        <img src="assets/img/shapes/shape2.png" alt="Shape">
    </div>
    <div class="shape shapeAnimationThree l-50 t-100">
        <img src="assets/img/shapes/shape3.png" alt="Shape">
    </div>
</section>
<div class="wrap" @Mousewheel="MousewheelFun" @touchmove="touchFun" @touchstart="touchFunStart">
    <div class="wrap-container">
        <section class="concat-about rel rpt-150 pb-130 rpb-0 text-left ">
        </section>

        <section class="about-section rel  all-height">
            <div class="container about-container">
                <div class="about-content about-content-intro mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
                    <div class="section-title mb-35">
                        <span class="title-style">公司简介</span>
                    </div>
<!--                    <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
                    <div class="about-intro" v-for="itemI in introData">
                        <div class="title-intro about-intro-title pb-10 pt-10" v-if="itemI.title">{{itemI.title}}</div>
                        <div class="title-intro" v-if="itemI.intro">{{itemI.intro}}</div>
                        <div class="about-intro-img">
                            <img :src="itemI.img"  class="pb-10 pt-10" alt="" v-if="itemI.img">
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="know-intro"></div>-->
            <div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div>

            <div class="shape shapeAnimationFour l-10 t-5">
                <img src="assets/img/shapes/shape4.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationFive r-10 t-100 zm-1">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
        </section>

        <section class="about-section rel text-center">
            <div class="container about-container culturalValues-container">
                <div class="row  wow customFadeInRight delay-0-1s slow">
                    <div class="col-lg-12 col-md-12 pt-60">
                        <div class="title-style">鸿果文化价值观及企业目标</div>
                    </div>
                </div>
               <!-- <div class="row pt-30  wow">
                    <div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
                        <img :src="item.icon" alt="">
                        <div class="culturalValues-title  customFadeInRight delay-0-1s slow">{{item.title}}</div>
                    </div>
                </div>
                <div class="row pt-30  mb-50">
                    <div :class="['col-md-4', 'cultural-item'] " v-for="(item,index) in culturalData">
                        <div class="cultural-item-l">
                            <img :src="item.bg" alt="">
                            <div class="cultural-contain  wow customFadeInRight delay-0-1s slow">
                                <div class="cultural-title">{{item.title}}</div>
                                <div class="cultural-con">
                                    <div class="cultural-con-item" v-for="itemI in item.introData">{{itemI}}</div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>-->
            </div>
            <div class="culturalValues-bg wow customFadeInRight delay-0-1s slow"></div>
            <div class="culturalValues-bg-sm wow customFadeInRight delay-0-1s slow">
                <img src="assets/img/about/cultural-img-sm.jpg" alt="">
            </div>

            <div class="shape shapeAnimationOne l-10 t-0">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationTwo t-100 r-5">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
        </section>
        <section class="success-section flaticon-section pt-135 pb-20">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-competition"></i>
                            <div class="count-wrap">
                                <span class="count-text plus" data-speed="5000" data-stop="78"></span>
                                <p>资质证书</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-happy"></i>
                            <div class="count-wrap">
                                <span class="count-text plus" data-speed="5000" data-stop="280"></span>
                                <p>客户数</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-admin"></i>
                            <div class="count-wrap">
                                <span class="count-text plus" data-speed="5000" data-stop="100"></span>
                                <p>团队</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="success-box">
                            <i class="flaticon-startup"></i>
                            <div class="count-wrap">
                                <span class="count-text plus" data-speed="5000" data-stop="320"></span>
                                <p>完成的项目</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="about-video-bg small"></div>

            <div class="shape shapeAnimationFour r-5 t-100">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
            <div class="video-section rel pt-40">
                <div class="container">
                    <div class="video-wrap">
                        <img src="assets/img/video-bg.png" alt="Video BG">
                        <a href="assets/img/about/about.mp4" class="vedio-play mfp-iframe"><i class="flaticon-play"></i></a>
                    </div>
                </div>

                <div class="shape shapeAnimationThree b-40 l-10">
                    <img src="assets/img/shapes/shape1.png" alt="Shape">
                </div>
                <div class="shape shapeAnimationFive b-5 l-5">
                    <img src="assets/img/shapes/shape3.png" alt="Shape">
                </div>
                <div class="shape left-right r-10 b-30">
                    <img src="assets/img/shapes/shape5.png" alt="Shape">
                </div>
                <div class="shape shapeAnimationOne r-10 b-0">
                    <img src="assets/img/shapes/shape2.png" alt="Shape">
                </div>
            </div>
        </section>

        <section class="partner-section pt-100 pb-100">
            <div class="container">
                <div class="row  wow customFadeInRight delay-0-1s slow">
                    <div class="col-lg-12 col-md-12">
                        <div class="title-style text-align-center">合作伙伴</div>
                    </div>
                </div>
                <!--<div class="row wow customFadeInRight delay-0-1s slow">
                    <div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
                        <div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
                    </div>
                </div>-->
            </div>
<!--            <div class="partner-bg partner-bg-xs"></div>-->
            <div class="partner-img-bg wow customFadeInRight delay-0-1s slow"></div>
            <div class="shape shapeAnimationThree b-40 l-10">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationFive b-5 l-5">
                <img src="assets/img/shapes/shape3.png" alt="Shape">
            </div>
        </section>
        <section class="team-section rel qualification-section ">
            <div class="container">
                <div class="team-carousel owl-carousel text-center qualification-con">
                    <div class="qualification-item" v-for="item in imgs">
                        <div class="item-con">
                            <img :src="item.path" alt="资质&证书">
                        </div>
                    </div>

                </div>
                <div class="team-carousel-sm owl-carousel text-center qualification-con owl-dots">
                    <div class="qualification-item" v-for="item in imgs">
                        <div class="item-con">
                            <img :src="item.path" alt="资质&证书">
                        </div>
                        <div class="item-name div-hide">
                            {{item.name}}
                        </div>
                    </div>

                </div>
            </div>
            <div class="qualification-bg"></div>
            <div class="shape shapeAnimationFour l-10 t-100">
                <img src="assets/img/shapes/shape2.png" alt="Shape">
            </div>
            <div class="shape shapeAnimationThree b-30 r-10">
                <img src="assets/img/shapes/shape1.png" alt="Shape">
            </div>
        </section>
        <!--<section class="about-section rel text-center">
            <div class="container about-process-container">
                <div class="row  wow customFadeInRight delay-0-1s slow">
                    <div class="col-lg-12 col-md-12">
                        <div class="title-style pt-20">合作流程</div>
                        <div class="title-intro pt-20">专业技术顾问，提供一对一服务</div>
                    </div>
                </div>
                <div class="about-process pt-60">
                    <img class="hzlc" src="assets/img/about/hzlc.png">
                    <img class="hzlc-sm" src="assets/img/about/hzlc-sm.png">
                </div>
            </div>
            <div class="about-concat mt-10">
                <div class="about-concat-title title-style">魔镜智能监控运维</div>
                <div class="about-concat-con">
                    <div class="about-concat-btn" @click="isConcat=!isConcat">
                        <span v-if="!isConcat">联系咨询我们</span>
                        <a href="tel:010-51726651" v-if="isConcat">010-51726651</a>
                    </div>
                </div>
                <div class="about-concat-bg"></div>
            </div>
        </section>-->
    </div>

</div>