*{
    margin: 0;
    padding: 0;
}
body{
    height: 100%;
    width: 100%;
}
/* 头部 */
.first{
    background: #214661;
}
.collapse {
    /*margin-top: 40px;*/
    /*padding-top: 2px;*/
}
/*.headerbar-right{*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*}*/
.navbar-brand{
    margin-top: 30px;
}
/* 底部 */
.footer > p{
    margin-top: 25px;
}
/* 轮播图 */
.left{
    display: flex;
    flex-flow: row;
    align-items: center;
}
.right{
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}
#img1{
    width: 50px;
    height: 50px;
}
#img2{
    width: 50px;
    height: 50px;
}
/* 数据条 */
.data{
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    position: fixed;
    top: 200px;
    right: 10px;
}
.data_title{
    padding: 10px 40px;  
    background: #1590ff;
    color: white;
    border-radius: 10px;
}
.data_title:hover+.data_statistics{
    height: 380px;
}
.data_statistics{
    width: 140px;
    height: 0px;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: all 2s;
    overflow: hidden;
    color: white;
    background: #214661;
    border-radius: 20px;
}

/* 网页下方无留白 */
.second{
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer{
    margin-top: 50px;
}
/* 页面宽度 */
.container{
    max-width: 1500px;!important;
    width: 95%;!important;
}