.all {
    margin: 0 auto;
    background-color: #020933;

}
.left_con{
    height:100%;
    width:20%;
    float:left;
    background-color: #020933;
/*    border-style:solid;*/
}
.left_con1{
    padding: 0;
    height:20%;
    width:90%;
/*    border-style:solid;*/
    margin-top: 40%;
    margin-left: 5%;
    text-align: center;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.left_con2{
    padding: 0;
    height:20%;
    width:90%;
    /*    border-style:solid;*/
    margin-top: 10%;
    margin-left: 5%;
    text-align: center;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.left_con3{
    padding: 0;
    height:20%;
    width:90%;
    /*    border-style:solid;*/
    margin-top: 10%;
    margin-left: 5%;
    text-align: center;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.center_con{
    height:99%;
    width:60%;
    float:left;
    background-color: #020933;
/*    border-style:solid;*/
}
.top{
    display:flex;/*实现垂直居中*/
    align-items:center;/*实现水平居中*/
    justify-content:center;
    color:#FFFFFF;
    margin-top: 1%;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.right_con{
    height:100%;
    width:20%;
    float:left;
    background-color: #020933;
/*    border-style:solid;*/
}
.right_con1{
    padding: 0;
    height:20%;
    width:90%;
    /*    border-style:solid;*/
    margin-top: 40%;
    margin-left: 5%;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.right_con2{
    padding: 0;
    height:20%;
    width:90%;
    /*    border-style:solid;*/
    margin-top: 10%;
    margin-left: 5%;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}
.right_con3{
    padding: 0;
    height:20%;
    width:90%;
    /*    border-style:solid;*/
    margin-top: 10%;
    margin-left: 5%;
    background-color: #12235C;
    border :  1px  solid  #2ab8ff ;
    -moz-border-radius:  15px ;       /* Gecko browsers */
    -webkit-border-radius:  15px ;    /* Webkit browsers */
    border-radius: 15px ;             /* W3C syntax */
}