/*组件样式*/
.nav-list li #zzz{right:0%;}
.nav-list li:nth-child(8) .ejnav>ul>li{width:100%;}
#dwt .ejnav{display:none !important;}
/* 社交媒体 */
/* .listPic{margin-top: 40px;} */
.NrContainer .mb{margin-bottom: 100px;}
.waterfall {position: relative;margin-left: 30px;}
.waterfall .item:hover .text span{color:#9b2129;}
.waterfall .item:hover{box-shadow: 1px 1px 12px #9b2129;}


.waterfall {width: 100%;column-gap:33px;column-count: 3;margin: 0 auto;overflow: visible;}
.waterfall .item {/* padding: 10px; */margin-bottom: 33px;break-inside: avoid;box-shadow: 1px 1px 12px rgba(0,0,0,0.12);padding-bottom: 12px;}
.waterfall .item .pic{position: relative;}
.waterfall .item .pic::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 80%;background:linear-gradient(to top, rgba(0,0,0,0.8),rgba(0,0,0,0));z-index: 1;}
.waterfall .item .pic img {width: 100%;border-radius: 3px;}
@media (min-width: 0px) and (max-width: 800px) {.waterfall {column-count: 1;}}

.waterfall .text{padding:25px 30px 30px 30px;}
.waterfall .text p{font-size: 14px;color: #8d8d8d;text-align: left;line-height: 32px;}
.waterfall .text span{display: block;line-height: 30px;color: #000000;font-size: 18px;}
.waterfall .pic{position: relative;}
.waterfall .pic h4{position: absolute;bottom:0;left:40px;z-index: 2;display: inline-block;border-bottom: 4px solid #ee9640;padding-left: 40px;font-size:16px;color: white;line-height: 32px;padding-bottom: 16px;}
.waterfall .pic h4::after{content: "";position: absolute;left: 0;background: url(../image/wb.png) no-repeat left center;background-size: auto;top: 0;width: 40px;height: 30px;}
.waterfall .pic h5{position: absolute;bottom:0;left:40px;z-index: 2;display: inline-block;font-size: 16px;color: white;line-height:20px;padding-bottom: 16px;}
.waterfall .pic h2{position: absolute;bottom:0;left:40px;z-index: 2;display: inline-block;border-bottom: 4px solid #ef01fe;padding-left: 40px;font-size: 16px;color: white;line-height: 32px;padding-bottom: 16px;}
.waterfall .pic h2::after{content: "";position: absolute;left: 0;background: url(../image/dy.png) no-repeat 7px center;background-size: auto;top: 0;width: 40px;height: 30px;}

.waterfall .pic h3{position: absolute;bottom:0;left:40px;z-index: 2;display: inline-block;border-bottom: 4px solid #00e9ff;padding-left: 40px;font-size: 16px;color: white;line-height: 32px;padding-bottom: 16px;}
.waterfall .pic h3::after{content: "";position: absolute;left: 0;background: url(../image/bl.png) no-repeat left center;background-size: auto;top: 0;width: 40px;height: 30px;}
@media screen and (max-width: 1024px) {
    .waterfall .pic h2::after,
    .waterfall .pic h3::after,
    .waterfall .pic h4::after,

}

@media screen and (max-width: 991px) {
.waterfall { column-count: 2;}
}


@media screen and (max-width: 800px) {
    .waterfall .text{padding:25px  20px 20px 20px;}
    .waterfall .text p{font-size: 14px;line-height: 24px;}
    .waterfall .text span{line-height: 30px;color: #000000;font-size: 18px;}
    .waterfall .pic h2{left:50px;padding-left: 45px;font-size: 32px;line-height: 54px;}
    .waterfall .pic h2::after{top: 0;width: 45px;height: 40px;}
    .waterfall .pic h3{left:50px;padding-left: 45px;font-size: 32px;line-height: 54px;}
    .waterfall .pic h3::after{top: 0;width: 45px;height: 40px;}
    .waterfall .pic h4{left:50px;padding-left: 45px;font-size: 32px;line-height: 54px;}
    .waterfall .pic h4::after{top: 0;width: 45px;height: 40px;}
    .waterfall .pic h5{left:20px;font-size: 32px;line-height: 54px;}

    .waterfall .text p{font-size: 14px;line-height: 24px;}
    .waterfall .text span{line-height: 30px;font-size: 18px;}
    
}


@media screen and (max-width: 600px) {
.waterfall { column-count: 1;}
}

.footer-bottom .pull-left a{background:none;}
