/* Public */
body{font-family: Microsoft Yahei,"微软雅黑",Arial,tahoma,Helvetica,sans-serif;}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right !important}
.pull-left{float:left !important}
.hide{display:none !important}
.show{display:block !important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}

.logo{
    padding-top: 2rem;
    text-align: center;
}
.logo img{
    max-width: 100%;
}
.footer{
    /*position: fixed;*/
    bottom: 0px;
    margin-bottom: 0.8125rem;
    left: 0;
    right: 0;
    color: #020001;
    font-size: 0.625rem;
    letter-spacing: 2px;
}

/* index */
.index .background{
    position: fixed;
    overflow: hidden;
    z-index: -1;
    background-image: url(../images/hero-2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}
.index .bg-overlay-dark:before{
    background-color: rgba(251, 251, 251, 0.7);
}
.index .bg-overlay:before{
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.index .card-wrap{
    width: 50% !important;
    float: left;
    color: #333;
}
.index .card-wrap:hover .card{
    color: #008CD6;
    border-color: #008CD6;
}
.index .card{
    border: 2px solid #333;
    border-radius: 1rem;
    text-align: center;
    padding: 1rem;
    margin: 1rem;
    background-color: rgba(0,0,0,.12)
}
.index .card .iconfont{
    font-size: 4rem;
}
.index .card p{
    font-size: 1.5rem;
}
@media screen and (min-width: 992px){
    .index .card .iconfont {
        font-size: 5rem;
    }
    .index .card p {
        font-size: 2rem;
    }
}
.index .footer{
    /*margin-bottom: 20px;
    margin-top: 60px;
    left: 0;
    right: 0;
    letter-spacing: 2px;*/
    /*position: fixed;*/
    bottom: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    left: 0;
    right: 0;
    letter-spacing: 2px;
}