.Caselink .project::after {
    width: 100%;
}

/* .Caselink .Subnav {
    width: 510px;
    min-width: 510px;
    opacity: 1;
    transform: translateX(0px);
    transition: all .5s ease-in-out;
    padding-left: 4%;
}

.Caselink:hover .Subnav {
    width: 510px;
    min-width: 510px;
    opacity: 1;
    transform: translateX(0px);
    transition: all .5s ease-in-out;
}

.Caselink .Subnav .nav{
    width: 25%;
} */

.CaseArea {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.CaseBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 2% 0%;
}

.Blocklink {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.Blocklink .nav {
    font-size: 13px;
    width: 9%;
    text-align: center;
    justify-content: center;
    color: #828282;
}

.Blocklink .nav a {
    color: #828282;
}

.Blocklink .nav a:hover {
    color: #211613;
}

.Case {
    width: 100%;
    position: relative;
    margin-bottom: 5%;
}

.Case .CaseTitle {
    width: 100%;
    padding-bottom: 0.5%;
    padding-top: 3%;
    padding-left: 1%;
}

.CaseTitle h1 {
    font-size: 2rem;
    margin: 0;
    font-family: 凝書體;
    font-weight: 400;
}

.CaseTitle small {
    font-size: 1.2rem;
}

.col-lg-4 {
    padding: 0% 10px;
}

.CaseImg {
    width: 100%;
    background-color: #333333;
    padding-top: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 20px;
    transition: all .5s ease-in-out;
}

.CaseImg .Mask {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: all .5s ease-in-out;
}

.CaseImg:hover .Mask {
    opacity: 1;
    transition: all .5s ease-in-out;
}

.CaseImg .Mask .CaseTxt {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.CaseTxt p {
    font-size: 1rem;
    color: #4A4747;
    line-height: 150%;
    font-weight: bold;
}

.CaseBtn {
    text-align: center;
    cursor: pointer;
}

.CaseBtn h1 {
    font-size: 0.9rem;
    margin: 0;
}

@media screen and (max-width:991px) {
    /* .Caselink .project::after {
        width: 0%;
    } */
    /* .Caselink .Subnav {
        padding-left: 0%;
    }
    .Caselink .Subnav .nav {
        width: 100%;
    } */
    .CaseArea {
        max-width: 100%;
        padding: 0% 20px;
    }
    .Case .CaseTitle {
        padding-left: 1.6%;
    }
    .CaseTitle small {
        font-size: 0.8rem;
    }
    .CaseImg {
        margin: 0;
    }
    .col-6 {
        padding: 0;
        padding-left: 1.76817289%;
        padding-bottom: 1.8%;
    }
    .Blocklink .nav {
        width: 19%;
    }
    .CaseTitle h1 {
        font-size: 1.2rem;
    }
    .CaseBlock,
    .Blocklink {
        flex-direction: column;
    }
    .Blocklink .nav {
        font-size: 13px;
        width: 100%;
        padding: 3% 0%;
    }
}