
.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 19.666667%;
    max-width: 19.666667%;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.box{position: relative;width: 100%;height: 100%;overflow: hidden;height: 263px;}
.box .bg-img{position: absolute;z-index: 0;height: 100%;transition: all 0.5s;}
.box:hover .bg-img{transform: scale(1.1);}
.box:hover .shodwn span img{transform: scale(1.1);}
.shodwn{width: 100%;height: 100%;z-index: 5;position: absolute;color: #fff;}
.shodwn span{ width: 60px; height: 60px; display: inline-block; margin-bottom:25px; margin-top: 71px;}
.shodwn span img{width: 100%;transition: all 0.5s;}
.shodwn p{ font-size:16px;}




.page-banner{ height: 580px;position: relative; overflow: hidden;}
.page-banner img{position: absolute;top:0;left:0;width: 100%;}
.page-banner-content{padding-top: 270px;position: relative; margin: 0 auto; width: 100%;}
.page-banner-content h2{ font-size: 58px; color: #FFF; font-weight: normal; text-shadow: 2px 2px 10px rgba(0,0,0,0.6); margin-top: 0; text-align: left;}
.page-banner-content h3{ font-size: 22px; color: rgba(255, 255, 255, .6); text-transform: uppercase; font-weight: bold; margin-top: 10px; text-align: left;}
.page-banner-content p{font-size:24px;line-height:38px;color:#FFF;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}





.article-row1 .article-col:nth-child(2n) .shodwn{
    background: rgba(2, 62, 134,0.85);
}
.article-row1 .article-col:nth-child(2n+1) .shodwn{
    background: rgba(198, 23, 35, 0.85);
}
.article-row1 .article-col:nth-child(2n):hover .shodwn{
    background: rgba(2, 62, 134,0.25);
}
.article-row1 .article-col:nth-child(2n+1):hover .shodwn{
    background: rgba(198, 23, 35, 0.25);
}
.article-row2 .article-col:nth-child(2n+1) .shodwn{
    background: rgba(2, 62, 134,0.85);
}
.article-row2 .article-col:nth-child(2n) .shodwn{
    background: rgba(198, 23, 35, 0.85);
}
.article-row2 :nth-child(2n+1):hover .shodwn{
    background: rgba(2, 62, 134,0.25);
}
.article-row2 .article-col:nth-child(2n):hover .shodwn{
    background: rgba(198, 23, 35, 0.25);
}




.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.text-center {
    text-align: center!important;
}


.nodata{ width:100%; float:left; font-size:20px; text-align:center; margin-top:280px;}