.sec-text-bar.pro-bar{
    height: 2.37rem;
}
.case-tag-item{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.3rem;
    color: #3E4352;
    line-height: 0.41rem;
    width: 2.39rem;
    height: 1.11rem;
    background: rgba(227,231,235, 0.45);
    border-radius: 0.07rem;
}
.case-tag-item img{
    width: 0.41rem;
    height: 0.41rem;
    margin-right: 0.15rem;
}
.case-tag-item:hover{
    background: #B80B0B;
    color: #fff;
}
.case-tag-item:hover img{
    filter: grayscale(500%) brightness(2200%);
}
.case-active{
    background: #B80B0B;
    color: #fff;
}
.case-active img{
    filter: grayscale(500%) brightness(2200%);
}
.pro-banner-container{
    z-index: 1111;
}
.pro-banner-text{
    font-size: 0.85rem;
    color: #FFFFFF;
    line-height: 1.2rem;
    letter-spacing: 1px;

}
.coo-num{
    font-size: 0.46rem;
    color: #EC0000;
    line-height: 0.63rem;
}
.coo-item-top .coo-num span{
    font-size: 0.77rem;
    color: #EC0000;
    line-height: 0.7rem;
}
.coo-item-top .pro-dw{
    font-size: 0.29rem;
    color: #EC0000;
    line-height: 0.51rem;
    display: flex;
    align-items: end;

}
.coo-item-bottom{
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 0.31rem;
}
.coo-item{
    margin-right: 0.93rem;
}
.pro-count{
    padding-left: 0.37rem;
    border-left: 0.06rem solid #EC0000;
    margin-top: 0.36rem;
}
.case-list{
    padding: 1.15rem 0 0.56rem;
    flex-wrap: wrap;
}
.case-item{
    width: 9.51rem;
    height: 9.5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.22rem 0rem rgba(0,0,0,0.15);
    border-radius: 0.07rem;
    margin-right: 0.55rem;
    margin-top: 0.55rem;

}
.case-item .case-img{
    width: 100%;
    height: 58%;
    background-size: cover !important;
    background-position: center!important;;
}
.case-item-b{
    height: 50%;
    padding: 0.41rem 0.5rem 0.59rem;
}
.case-title{
    font-size: 0.44rem;
    color: #000000;
    line-height: 0.61rem;
}
.case-desc{
    /*width: 6.11rem;*/
    font-size: 0.32rem;
    color: #999999;
    line-height: 0.52rem;
    margin: 0.2rem 0 0.26rem;
}
.case-item-tag div{
    width: 1.44rem;
    height: 0.44rem;
    background: #FFFCF5;
    border-radius: 0.07rem;
    border: 0.02rem solid #C5AE77;
    font-size: 0.22rem;
    font-weight: 500;
    color: #9F8C60;
    line-height: 0.31rem;
    margin-right: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nrdiv3-item-title{
    font-size: 0.44rem;
    color: #000000;
    line-height: 0.61rem;
    margin-right: 1rem;
}
.nrdiv3-item-desc{
    width: 5.48rem;
    height: 0.74rem;
    font-size: 0.26rem;
    color: #999999;
    line-height: 0.37rem;
    margin-top: 0.19rem;
    margin-bottom: 0.22rem;
}
.nrdiv3-item-tag{
    display: flex;
}
.nrdiv3-item-tag div{
    width: 1.44rem;
    height: 0.44rem;
    background: #FFFCF5;
    border-radius: 0.07rem;
    border: 0.02rem solid #C5AE77;font-size: 0.22rem;
    font-weight: 500;
    color: #9F8C60;
    line-height: 0.31rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.15rem;

}
.news-d-title-text{
    margin-left: 0.6rem;
}
.case-pf-title{
    font-size: 0.48rem;
    font-weight: 700;
    color: #000000;
    line-height: 0.67rem;
    margin-bottom: 0.26rem;
}
.case-pf p{
    font-size: 0.37rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.74rem;
}
.case-pf{
    margin-bottom: 1.39rem;
}
.case-content{
    margin-bottom: 1.07rem;
}
.c-t-title{
    font-size: 0.48rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.53rem;
    padding-bottom: 0.35rem;
    border-bottom: 0.04rem solid #D0D0D0;
}
.c-t-title span{
    color: #B10000;
}

.c-t-desc{
    font-size: 0.37rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.84rem;
    margin: 0.83rem 0 0.83rem;
}
.case-content img{
    width: 100%;
}
.section_banner.case-banner:before{
    opacity: 0.85;
    background: url("../img/case/case-banner-sh.png");
}
@media (min-width:300px) and (max-width: 800px) {
    .pro-banner-text{
        font-size: 0.55rem;
        padding: 0 0.7rem;
    }
    .pro-banner-text .pro-count{
        flex-wrap: wrap;
        justify-content: space-between;

    }
    .pro-banner-text .pro-count .coo-item{
        margin: 0.2rem 0.3rem;
    }
    .case-tag-item{
        width: 1.7rem;
    }
    .case-item{
        margin: 0 auto;
    }
    .case-item-b{
        padding: 0.29rem 0.5rem 0.29rem;
    }
}