<template>
    <div>
        <img style="width:100%;height:450px; object-fit: cover;" src="/assets/home/abloutus1.png" alt="">
        <div class="animotop" style='width:1200px;margin:30px auto;color:#333333'>
            <div style="text-align:center;margin:50px 0">   
                <img src="/assets/about/qiye.png" alt="">
            </div>
            <div class="productbox">
                <div style="display:flex;align-items:center;margin-right:20px">   
                    <img src="/assets/about/gaolo.png" alt="">
                </div>
                <div style="margin-right:20px;font-size:15px;margin-bottom:5px;line-height:1.8;cursor:pointer"> 
                    <p title="北京关键科技股份有限公司成立于2005年，是国家级高新技术企业、双软认证企业，CNAS国家认可实验室认证,连续多年被评为北京市纳税信用A级企业单位。为院校、电力、轨道交通、金融和电信等行业提供软件工程、软件测试、信息安全、大数据、高性能计算等方面的产品、服务和技术解决方案。"
                    >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京关键科技股份有限公司成立于2005年，是国家级高新技术企业、双软认证企业，CNAS国家认可实验室认证,连续多年被评为北京市纳税信用A级企业单位。为院校、电力、轨道交通、金融和电信等行业提供软件工程、软件测试、信息安全、大数据、高性能计算等方面的产品、服务和技术解决方案。</p>  
                    <p title="“为员工服务、为用户奋斗”是关键科技的司训宗旨。关键科技的一切，来自于员工，“为员工服务”是关键科技事业兴旺发达的内在前提。关键科技的事业，源自于用户，“为用户奋斗”是关键科技事业持续发展的必然结果。“为员工服务”，是为实现“为用户奋斗”准备有生力量；“为用户奋斗”，是为实现“为员工服务”提供再生能量，两者有机统一，互为支撑。">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“为员工服务、为用户奋斗”是关键科技的司训宗旨。关键科技的一切，来自于员工，“为员工服务”是关键科技事业兴旺发达的内在前提。关键科技的事业，源自于用户，“为用户奋斗”是关键科技事业持续发展的必然结果。“为员工服务”，是为实现“为用户奋斗”准备有生力量；“为用户奋斗”，是为实现“为员工服务”提供再生能量，两者有机统一，互为支撑。</p>
                    <p title="“个人为事业服务，事业为社会服务，个人的服务是超报酬的，社会的服务是超经济的”是公司理念的价值链，公司为员工增值，员工为事业创造价值，事业为社会创造价值，新的价值所形成的新的经济会超越并提升现有的经济。"
                        >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“个人为事业服务，事业为社会服务，个人的服务是超报酬的，社会的服务是超经济的”是公司理念的价值链，公司为员工增值，员工为事业创造价值，事业为社会创造价值，新的价值所形成的新的经济会超越并提升现有的经济。</p>
                    <p title="“谋关键的事，创关键的业，做关键的人”何为关键的事、何为关键的业又何为关键的人呢？关键的事是一个战术问题，对内推动变革、保持价值观一致、实行有效沟通，保证信息对称，员工价值增值，创造价值，再把价值贡献给社会。"
                        >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“谋关键的事，创关键的业，做关键的人”何为关键的事、何为关键的业又何为关键的人呢？关键的事是一个战术问题，对内推动变革、保持价值观一致、实行有效沟通，保证信息对称，员工价值增值，创造价值，再把价值贡献给社会。</p>                      
                </div>
            </div>
            <div style="display:flex;justify-content:space-between;">   
                <div>
                    <div class="mission" style="display:flex;align-items:center;margin-bottom:15px">
                        <img src="/assets/about/biao.png" alt="">
                        <div>   
                            <p style="font-weight: bold;font-size：16px">使命任务</p>
                            <p style="font-size:14px">致力于让信息技术领域软件工程系统及测试平台更安全、更高效、更便捷地造福人类</p>
                        </div>
                    </div>
                    <div class="mission" style="display:flex;align-items:center;padding-right:10px">
                        <img src="/assets/about/hand.png" alt="">
                        <div>   
                            <p style="font-weight: bold;font-size：16px">战略愿景</p>
                            <p style="font-size:14px">成为一个具有行业地位受人尊敬的合作伙伴，最终成为一家集众多优秀人才并具备领袖气质的企业</p>
                        </div>
                    </div>
                </div>
                <div>
                    <img src="/assets/about/linshu.png" alt="">
                </div>
                <div style="margin-top:10px;cursor:default;">
                    <p>多少年来，我们熟知的都是国外的测试工具；</p>
                    <p>多少年来，大家只能买通用版本的测试工具；</p>
                    <p>多少年来，测试人员的招聘、培训如此困难；</p>
                    <p>多少年来，测试人员的临时性需求难以解决；</p>
                    <p>多少年来，中小民营企业的软件无能力测试；</p>
                    <p>多少年来，软件测试人员工作效率停滞不前；</p>
                    <p>......</p>
                </div>
            </div>
            <div style="text-align:center;font-size:14px;margin:45px 0 70px 20px; cursor:default">如今，软件定义一切的时代已来，让我们一起构建国内软件测试生态，扶持国内软件测试工具，聚焦软件测试领域，重新定义软件测试，让测试更简单，为软件产品高质量发展保驾护航！</div>
        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{

            }
        },
        mounted(){
            
        },
        methods:{

        },

    }
</script>
<style scoped>
    .productbox{
        background: #FFFFFF;
        box-shadow: 0px 2px 8px 0px rgba(54, 61, 67, 0.1);
        border-radius: 4px;
        padding:17px 0 17px 18px;
        display:flex;
        margin-bottom:30px
    }
    .animotop{
	    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;}
    }
    .mission{
        cursor: pointer;
    }
    .mission:hover{
        transform: scale(1.01);
        transition: 1s;
        box-shadow: 0px 2px 8px 0px #87898d;
    }
</style>