<template>
    <div>
        <img style="width:100%" src="/assets/GJB/title.png" alt="">
        <div style="background:#FFFFFF;margin-bottom:50px">
            <div  class="animove cardPubClass">
                <div style="text-align:center;margin:50px 0">
                    <img src="/assets/GJB/title1.png" alt="">
                </div>
                <div class="consultingServices"> 
                    <div>
                        <img src="/assets/GJB/serviceTitle.png" alt="">
                    </div>
                    <div class="serviceRight">
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司拥有专业咨询和技术实施团队，已协助40多家军工企业通过GJB5000BL2、L3认证，公司提供的GJB5000B咨询服务会对客户单位的GJB5000BL2、L3级认证过程进行总体规划，确定管理体系的总体框架，结合企业业务特点、软件过程改进的实际情况和软件能力的现状等因素，协助制定管理体系文件，建立体系运行管理机构，保障贯标和过程改进工作，达到服务目标。
                    </div>
                </div>
            </div>
        </div>
        <div style="background:#F5F5F7;padding-bottom: 45px;">
            <div  class="animove cardPubClass">
                <div style="text-align:center;padding:50px 0">
                    <img src="/assets/GJB/title2.png" alt="">
                </div>
                <div style="display:flex;justify-content: space-between;text-align:center;">
                    <div class="targrtCard" v-for="(item,index) in targetList" :key="index">
                        <img :src="item.imgurl" style="margin: 18px;" alt="">
                        <div style="font-size: 16px;font-weight: bold;color: #1A1A1A;line-height: 25px;white-space: pre-line;">{{item.title}}</div>
                        <div style="font-size: 15px;font-weight: 400;color: #1A1A1A;line-height: 27px;text-align:left;margin:25px 16px 0 16px;">{{item.content}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div style="background:#FFF;padding-bottom: 45px;">
            <div  class="animove cardPubClass">
                <div style="text-align:center;padding:50px 0">
                    <img src="/assets/GJB/title3.png" alt="">
                </div>
                <div style="display:flex;justify-content: space-between;text-align:center;">
                    <div>
                        <img src="/assets/GJB/plan1.png" alt="">
                        <p style="font-size: 16px;font-weight: bold;color: #1A1A1A;">01</p>
                        <p style="font-size: 14px;font-weight: 400;color: #1A1A1A;">培训及诊断分析阶段</p>
                    </div>
                    <div style="margin-top: 32px;">
                        <img src="/assets/GJB/shouqijiantouxiao.png" alt="">
                    </div>
                    <div>
                        <img src="/assets/GJB/plan2.png" alt="">
                        <p style="font-size: 16px;font-weight: bold;color: #1A1A1A;">02</p>
                        <p style="font-size: 14px;font-weight: 400;color: #1A1A1A;">过程定义阶段</p>
                    </div>
                    <div style="margin-top: 32px;">
                        <img src="/assets/GJB/shouqijiantouxiao.png" alt="">
                    </div>
                    <div>
                        <img src="/assets/GJB/plan3.png" alt="">
                        <p style="font-size: 16px;font-weight: bold;color: #1A1A1A;">03</p>
                        <p style="font-size: 14px;font-weight: 400;color: #1A1A1A;">过程实施阶段</p>
                    </div>
                    <div style="margin-top: 32px;">
                        <img src="/assets/GJB/shouqijiantouxiao.png" alt="">
                    </div>
                    <div>
                        <img src="/assets/GJB/plan4.png" alt="">
                        <p style="font-size: 16px;font-weight: bold;color: #1A1A1A;">04</p>
                        <p style="font-size: 14px;font-weight: 400;color: #1A1A1A;">评价阶段</p>
                    </div>
                </div>
                <div style="height: 120px;background: #F5F5F7;border-top: 3px solid #2D7FDB;margin:43px 0;">
                    <div style="float:left;">
                        <span style="font-size: 24px;font-weight: bold;color: #2D7FDB;line-height: 120px;margin-left:30px;">01</span>
                        <span style="font-size: 18px;font-weight: bold;color: #1A1A1A;line-height: 120px;margin-left:16px;">培训及诊断分析阶段</span>
                    </div>
                    <div style="font-size: 15px;font-weight: 400;color: #1A1A1A;margin: 26px 0;margin-left: 282px;line-height: 24px;">
                        <span style="font-weight: bold;">标准培训及现状分析：</span>我公司咨询师将对企业相关人员进行 GJB5000B和软件工程基础知识培训。依据GJB5000B标准要求，查清目前企业管理体系规定和软件过程管理状态，诊断当前过程的成熟度，得出强项、弱项、待改进项和建议。制定实施GJB5000B的改进计划，按照项目管理方法，进行咨询实施活动。
                    </div>
                </div>
                <div style="height: 120px;background: #F5F5F7;border-top: 3px solid #EC9D13;margin-bottom:43px;">
                    <div style="float:left;">
                        <span style="font-size: 24px;font-weight: bold;color: #EC9D13;line-height: 120px;margin-left:30px;">02</span>
                        <span style="font-size: 18px;font-weight: bold;color: #1A1A1A;line-height: 120px;margin-left:16px;">过程定义阶段</span>
                    </div>
                    <div style="font-size: 15px;font-weight: 400;color: #1A1A1A;margin: 26px 0;margin-left: 282px;line-height: 24px;">
                        <span style="font-weight: bold;">协助制定管理体系文件：</span>管理体系是指导产品开发的纲领性文件，针对GJB5000BL2、L3制定相应的管理体系文件。指导企业EPG组编写过程文件，主要包括：过程计划（技术作业程序、管理作业程序）以及相关的生命周期模型、裁剪指南、作业规程、文档模板、记录模板、组织资产库、测量库等。
                    </div>
                </div>
                <div style="height: 120px;background: #F5F5F7;border-top: 3px solid #2BBAD8;margin-bottom:43px;">
                    <div style="float:left;">
                        <span style="font-size: 24px;font-weight: bold;color: #2BBAD8;line-height: 120px;margin-left:30px;">03</span>
                        <span style="font-size: 18px;font-weight: bold;color: #1A1A1A;line-height: 120px;margin-left:16px;">过程实施阶段</span>
                    </div>
                    <div style="font-size: 15px;font-weight: 400;color: #1A1A1A;margin: 39px 0;margin-left: 282px;line-height: 24px;">
                        <span style="font-weight: bold;">协助试点项目实施：</span>在建立管理体系过程中，培训相关人员，获取过程状态信息，提供关键技术、管理实践示范和直接指导，解决试点项目实施中的技术障碍和管理难点。
                    </div>
                </div>
                <div style="height: 120px;background: #F5F5F7;border-top: 3px solid #E64646;margin-bottom:43px;">
                    <div style="float:left;">
                        <span style="font-size: 24px;font-weight: bold;color: #E64646;line-height: 120px;margin-left:30px;">04</span>
                        <span style="font-size: 18px;font-weight: bold;color: #1A1A1A;line-height: 120px;margin-left:16px;">评价阶段</span>
                    </div>
                    <div style="font-size: 15px;font-weight: 400;color: #1A1A1A;margin: 39px 0;margin-left: 282px;line-height: 24px;">
                        <span style="font-weight: bold;">协助内外部评估：</span>通过文档检查和访谈等形式，获得现行过程定义和实施GJB5000B的符合度，识别问题，确定过程改善措施。协助外部评估进行评价就绪检查，进行访谈前的演练，指导并检查接待准备的落实情况，完成正式评价。
                    </div>
                </div>
            </div>
        </div>
        <div style="background:#FFF;padding-bottom: 45px;">
            <div  class="animove cardPubClass">
                <div style="text-align:center;padding-bottom:110px">
                    <img src="/assets/GJB/title4.png" alt="">
                </div>
                <div style="display:flex;justify-content: space-between;text-align:center;">
                    <div style="position:relative">
                        <div class="processTitle" style="background: #0066EB;">
                            <div style="margin-top: 50%;transform: translateY(-50%);">
                                启动阶段
                            </div>
                        </div>
                        <div style="width: 250px;height: 220px;background: #F5F5F7;">
                            <div style="font-size: 18px;font-weight: bold;color: #333333;padding-top:60px;">
                                周期：1个月
                            </div>
                            <div style="font-size: 15px;color: #1A1A1A;line-height: 15px;">
                                <p>体系培训</p>
                                <p>企业现状诊断分析</p>
                                <p>组织机构建立</p>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 96px;">
                        <img src="/assets/GJB/jinrujiantouxiao.png" alt="">
                    </div>
                    <div style="position:relative">
                        <div class="processTitle" style="background:#EC9D13">
                            <div style="margin-top: 50%;transform: translateY(-50%);">
                                过程定义<br>阶段
                            </div>
                        </div>
                        <div style="width: 250px;height: 220px;background: #F5F5F7;">
                            <div style="font-size: 18px;font-weight: bold;color: #333333;padding-top:60px;">
                                周期：2个月
                            </div>
                            <div style="font-size: 15px;color: #1A1A1A;line-height: 15px;">
                                <p>体系培训讲解</p>
                                <p>体系编制指导</p>
                                <p>体系发布评审</p>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 96px;">
                        <img src="/assets/GJB/jinrujiantouxiao.png" alt="">
                    </div>
                    <div style="position:relative">
                        <div class="processTitle" style="background:#2BBAD8">
                            <div style="margin-top: 50%;transform: translateY(-50%);">
                                过程实施<br>阶段
                            </div>
                        </div>
                        <div style="width: 250px;height: 220px;background: #F5F5F7;">
                            <div style="font-size: 18px;font-weight: bold;color: #333333;padding-top:60px;">
                                周期：9个月
                            </div>
                            <div style="font-size: 15px;color: #1A1A1A;line-height: 15px;">
                                <p>试点项目选取</p>
                                <p>试点项目实施指导</p>
                                <p>中高层培训</p>
                                <p>协助内部评估及问题整改</p>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 96px;">
                        <img src="/assets/GJB/jinrujiantouxiao.png" alt="">
                    </div>
                    <div style="position:relative">
                        <div class="processTitle" style="background:#E64646">
                            <div style="margin-top: 50%;transform: translateY(-50%);">
                                评价阶段
                            </div>
                        </div>
                        <div style="width: 250px;height: 220px;background: #F5F5F7;">
                            <div style="font-size: 18px;font-weight: bold;color: #333333;padding-top:60px;">
                                周期：3个月
                            </div>
                            <div style="font-size: 15px;color: #1A1A1A;line-height: 15px;">
                                <p>正式评价访谈演练</p>
                                <p>正式评价就绪检查</p>
                                <p>协助正式评价及问题整改</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                targetList: [
                    {imgurl: '/assets/GJB/target1.png',title: `进行理念和实务培训
                        帮助员工提高过程管理意识`,content: '通过提供GJB5000B、软件研制过程、质量管理等课程的培训，更好提高团队对“过程质量”的认识，积极按照管理体系规范执行项目;通过提供本企业管理体系和实际项目案例培训，使团队掌握具体的工作方法。'},
                    {imgurl: '/assets/GJB/target2.png',title: `建立适合企业管理要求
                        的软件研制过程管理体系`,content: 'GJB5000B包含多个过程域和众多最佳实践，是军工企业范围内衡量软件过程能力的标准，但并不是软件过程改进的执行标准。这些“过程域和实践’需要与“企业的具体项目特点、组织结构和人员能力”衔接起来，本地化后才能真正执行、发挥作用。'},
                    {imgurl: '/assets/GJB/target3.png',title: `跟踪、指导企业软件项目
                        研制工作过程，持续提升能力`,content: '软件工程化管理的改进是“执行->理解- ->改进->执行”的循环，是不断深化认识、不断改进实践的过程。企业需要获得长期的支撑服务，定期分析项目执行过程数据，总结成功与失败经验，不断调整过程、改进项目问题，建立符合企业项目特点、高效、稳定的军用软件项目。'},
                    {imgurl: '/assets/GJB/target4.png',title: `通过GJB5000B
                        认证`,content: '辅助企业做好GJB5000B认证前的准备工作，包括:组织准备、证据检查、人员模拟访谈等，以顺利通过GJB5000B相应等级的认证。'},
                ],
            }
        }
    }
    
</script>

<style scoped>
    .cardPubClass {
        width:1200px;
        margin:0 auto
    }
    .targrtCard {
        width: 280px;
        height: 480px;
        background: #FFFFFF;
    }
    .targrtCard:hover {
        cursor: pointer;
        background: #1572EC;
    }
    .targrtCard:hover div{
        color: #FFF!important;
    }
    .consultingServices {
        display: flex;
        justify-content: space-between;
    }
    .serviceRight {
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #1A1A1A;
        line-height: 32px;
        margin-left:45px;
        margin-top: 63px;
    }
    .processTitle {
        width:100px;
        height:100px;
        border-radius: 50%;
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        position: absolute;
        top: -25%;
        left: 50%;
        transform: translateX(-50%);
    }
    .animove{
	    position:relative;
        animation-name:fandtop;
        animation-duration:1s;
        -webkit-animation-name:fandtop;
        -webkit-animation-duration:1s; /* Safari 和 Chrome */
    }  
    @keyframes fandtop
    {
        from {top:500px;}
        to {top:0px;}
    }
    @-webkit-keyframes fandtop /* Safari and Chrome */
    {
        from {top:500px;}
        to {top:0px;}
    }
</style>