<template>
    <div>
       <!--关于我们  -->
                <div class="about-us">
                    <p class="p-about">Memorabilia</p>
                    <div class="div-about">
                        <div class="img">
                            <img src="../assets/images/aus07.jpg" alt="">
                        </div>
                        <div class="content">
                            <div class="left">
                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <p class="p-date"></p>
                                    <i></i>
                                    </div>
                                    <h1 class="shuzi">10</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>集微半导体峰会</h1>
                                    <p>由公司及集微网联合举办的“集微半导体峰会”在厦门海沧希尔顿酒店隆重召开。</p>
                                </div>
                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <p class="p-date"></p>
                                    <i></i>
                                    </div>
                                    <h1 class="shuzi">08</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>户外拓展训练</h1>
                                    <p>公司团队所有成员在福建长泰进行了为期2天的户外拓展培训活动。</p>
                                </div>
                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <p class="p-date"></p>
                                    <i></i>
                                    </div>
                                    <h1 class="shuzi">07</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>建立党支部</h1>
                                    <p>公司成立党支部，可独立开展党支部党员活动。</p>
                                </div>
                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <p class="p-date"></p>
                                    <i></i>
                                    </div>
                                    <h1 class="shuzi">06</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>第一季技术委员会</h1>
                                    <p>公司第一届技术委员会暨集成电路产业发展研讨会在温德姆酒店顺利召开，会议探讨了集成电路产业发汗趋势和面临的产业机遇。</p>
                                </div>
                                <div class="date dates">
                                    <h1 class="h-date">2016</h1>                                
                                    <div>
                                    <p class="p-date"></p>
                                    <i></i>
                                    </div>
                                    <h1 class="shuzi">12</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>厦门半导体投资集团成立</h1>
                                    <p>厦门半导体投资集团有限公司创立，注册资本5个亿，股东为海投集团与海旅集团，分别占股80%与20%</p>
                                </div>
                            </div>
                            <div class="right">
                                <div class="dic">
                                    <h1>学习中国共产党发展</h1>
                                    <p>2017年10月 公司党支部组织全体员工进行为期3天的井冈山红色之旅，学习中国共产党发展历史，缅怀革命先烈。</p>
                                </div>

                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <i></i>
                                    <p class="p-date"></p>
                                    </div>
                                    <h1 class="shuzi">09</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>厦门通富微电子</h1>
                                    <p>由公司投资的厦门通富微电公司举行开工奠基仪式活动。</p>
                                </div>

                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <i></i>
                                    <p class="p-date"></p>
                                    </div>
                                    <h1 class="shuzi">08</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>团队建设</h1>
                                    <p>公司以“专注、高效、合作、奋斗者为本”为人才吸引理念，基本完成团队建设，公司设置产业投资部、综合部、法务（风控）部、法务融资部。</p>
                                </div>

                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <i></i>
                                    <p class="p-date"></p>
                                    </div>
                                    <h1 class="shuzi">07</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>首个投资项目</h1>
                                    <p>公司投资的通富项目，在厦门悦华酒店成功完成签约仪式，并逐步开展落地厦门具体事宜，也是公司首个完成落户签约仪式的重要投资项目。</p>
                                </div>

                                <div class="date dates">
                                    <h1 class="h-date">2017</h1>                                
                                    <div>
                                    <i></i>
                                    <p class="p-date"></p>
                                    </div>
                                    <h1 class="shuzi">01</h1>
                                </div>
                                <div class="dic dics">
                                    <h1>第一次股东会、董事会</h1>
                                    <p>公司顺利召开第一次股东会、董事会，同时成立了公司专家委技术委员会。</p>
                                </div>

                                <div class="date dates">
                                    <h1 class="h-date">2016</h1>                                
                                    <div>
                                    <i></i>
                                    <p class="p-date"></p>
                                    </div>
                                    <h1 class="shuzi">12</h1>
                                </div>
                            </div>
                        </div>
                        <div class="start">
                            <span>START</span>
                        </div>
                    </div>
                </div>

    </div>
</template>
<script>

    export default {
        name: "Memorabilia",
        // 混入

        data() {
            return {
                msg: "Memorabilia",
            };
        }
    };

</script>
<style scoped>

    .div-about{
        margin-bottom: 200px;
    }
    .p-about {
        margin-top: 145px;
        text-align: center;
        margin-bottom: 145px;
    }
    img{
        width: 122px;
    }
    .img{
        width: 100%;
        text-align: center;
    }
    .content{
        width: 100%;
        display: flex;
    }
    .left{
        width: 50%;
        border-right: 1px solid #B5A14E;
        text-align: right;
    }
    .date h1:nth-child(1){
        font-size: 30px;
    }
    .shuzi{
        font-size: 18px;
        margin-left: 0;
        margin-top: -5px;
        padding-left: 170px;
        text-align: center; 
    }
    .h-date{
        font-size: 30px;
        padding-left: 125px;
        text-align: center; 
    }
    .date div{
         margin-top: -13px; 
    }
    .date{
        height: 150px;
        margin-top:50px;
        color: #aaa;
    }
    .p-date{
        width: 168px;
        height: 5px;
        display: inline-block;
        border-top: 0.5px solid #B5A14E;
        margin-right: -5px;
    }
     i{
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 1px solid #B5A14E;
        background-color: #B5A14E;
        border-radius: 50%;
        margin-right: -5px;
        margin-top: -68px;
    }
    .left .dic{
        margin-right: 38px;
        margin-top: 109px;
    }
    .left .dics{
         margin-top: 109px; 
    }
    /*右  */
    .right{
        width: 50%;
    }
    .dics{
         margin-top: 109px; 
    } 
    .dic{
        height: 150px;
        margin-left: 38px;
        margin-bottom: 111px;
    }
    .dic h1{
        font-size: 16px;
        font-weight: bold;
        margin-top:48px;
    }
    .dic p{
        color: #aaa;
        margin-top: 10px;
    }
    .right i{
         margin-left: -5px; 
    }
    .right .shuzi{
        margin-right: 38px;
        margin-top: -5px;
        padding-right:305px;
        text-align: center; 
    }
    .right .h-date{
        padding-right: 250px;
        text-align: center; 
    }

    .start{
        width: 100%;
         margin: 0 auto; 
         text-align: center; 
    }
    .start span{
        display:inline-block;
        width: 80px;
        height: 80px;
        border: 1px solid #B5A14E;
        background-color: #B5A14E;
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 80px;
        margin-bottom: 300px;
    }
</style>