.box{
    position: relative;
    background: url('../assets/img/153322.png');
    background-size: 100% 100%;
}
.title{
    margin-top: 8%;
    text-align: center;
    font-weight: 900;
    font-size: 70px;
    color: #fff;
    text-shadow: 5px 5px 5px #272727;
}
.title.list {
    margin-top: 4%;
}
.nav{
    margin-top: 6%;
}
.col-md-2{
    text-align: center;
    padding-left: 10px;
}
.col-md-2 div{
    position: relative;
    height: 179px;
    width: 179px;
    background-color: brown;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* behavior: url(../PIE-1.0.0/PIE.htc); */
}
.last-col{
    margin-right: 0px !important;
}
.col-md-2 div p{
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 130px;
}
.col-md-2 div img {
    margin-top: 10px;
}
.index-box {
    padding: 20px;
}
.xczx{
    height: 100vh;
    z-index: 10;
}
.xczx-nav div{
    height: 267px;
    width: 267px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ef3c55;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /* behavior: url(../PIE-1.0.0/PIE.htc); */
}
.xczx-nav .tpgj{
    background-color: #6dc964;
}
.xczx-nav{
    display: flex;
    clear: both;
    margin: 5% 33% 0;
}
.xczx-nav div p{
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
}