.hotCaseInArea{
    padding-bottom: 2%;
}

.hotCaseInArea .hotCaseInBox .bannerImg{
    margin: 5% 0;
}

.hotCaseInArea .hotCaseInBox .bannerImg .innerImg{
    padding-top: 33%;
}

.hotCaseInArea .hotCaseInBox .infoBox{
    margin-bottom: 10%;
}

.hotCaseInArea .hotCaseInBox .caseInfo li{
    font-weight: 300;
    line-height: 1.7;
    color: #3e3a39;
    display: flex;
}

.hotCaseInArea .hotCaseInBox .caseInfo li span{
    color: #231815;
}

.hotCaseInArea .hotCaseInBox .caseInfo li span::after{
    content: '：';
}

.hotCaseInArea .hotCaseInBox .caseInfo li a{
    color: #3e3a39;
}

.hotCaseInArea .hotCaseInBox .caseInfo li a:hover{
    color: #231815;
}

.hotCaseInArea .hotCaseInBox .linkBox a{
    font-size: calc(10px + 1.2vw);
    margin-right: 10px;
    display: inline-block;
}

.hotCaseInArea .hotCaseInBox .textEditor{
    width: 80%;
    color: #3e3a39;
    margin-bottom: 5%;
}

.hotCaseInArea .hotCaseInBox .textEditor img{
    width: 100%;
    min-width: 100%;
    height: auto;
    margin-bottom: 1.5rem;
}

.hotCaseInArea .hotCaseInBox .textEditor h2,.hotCaseInArea .hotCaseInBox .textEditor h3,.hotCaseInArea .hotCaseInBox .textEditor h4,.hotCaseInArea .hotCaseInBox .textEditor h5,.hotCaseInArea .hotCaseInBox .textEditor h6{
    margin-bottom: 1.5rem;
}

.hotCaseInArea .hotCaseInBox .textEditor p{
    text-align: justify;
}

@media (max-width:991px) {
    .hotCaseInArea{
        padding-bottom: 25%;
    }

    .hotCaseInArea .hotCaseInBox .bannerImg{
        margin: 15% 0 10% 0;
    }

    .hotCaseInArea .hotCaseInBox .caseName{
        margin: 15% 0 5% 0;
    }

    .hotCaseInArea .hotCaseInBox .caseInfo li span{
        min-width: 76px;
    }

    .hotCaseInArea .hotCaseInBox .linkBox{
        margin-top: 3%;
    }

    .hotCaseInArea .hotCaseInBox .linkBox a{
        font-size: calc(20px + 1.5vw);
    }

    .hotCaseInArea .hotCaseInBox .textEditor{
        width: 100%;
        margin-bottom: 15%;
    }
}