.menu{ position: fixed; top: 76px; left: 0; right: 0; z-index: 1;
    background: #f8f8f8; text-align: center; padding: 20px 0; overflow: hidden;}
.menu a{ color: #000; margin: 0 10px; padding: 10px 20px; display: inline-block; border-radius: 20px;}
.menu a:hover,
.menu a.active{ background: red; color: #fff; }

.zz-container{ width: 1200px; margin: 150px auto 0; padding: 40px 0 50px; overflow: hidden;}
.zz-loop-item{ width: 33.3%; float: left; margin: 20px 0}
.zz-loop-item .img{ text-align: center;}
.zz-loop-item img{ width: 80%; margin: 0 auto;}
.zz-loop-item .zz-text{ text-align: center; font-size: 18px;}
 
._1a8g0ebco8009 .hang{
    position: relative; 
}
._1a8g0ebco8009 .hang .text{
    position: absolute;
    top: 40%;
    width:100%;
}

@media(max-width: 767px){
    ._1a8g0ebco8009 .hang .text{
        top: 33%;
    }
}
._1a8g0ebco8009 .hang .image:after{content:"";background: rgba(225,37,27,0.9);width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s;opacity: 0;}
._1a8g0ebco8009 .zz-loop-item:hover .hang .image:after{opacity: 1;}

._1a8g0ebco8009 .hang .text{opacity: 0;transition: 0.5s;}
._1a8g0ebco8009 .zz-loop-item:hover .hang .text{opacity: 1;}