.mouse-hover:hover {
    background-color: rgb(128, 128, 128);
    background-size: cover;
}

/*浜у搧鐗规€�*/
.special-box {
    width: 49%;
    background-color: #ffffff;
}

.special-box .special_icon {
    opacity: 0.2;
}

.special-box .special_title {
    background-color: #ffffff;
    color: #000000;
}

.special-box .special_desc {
    background-color: #ffffff;
    color: #000000;
}

.special-box:hover {
    background-color: #004077;
    box-shadow: .18rem .05rem .3rem rgba(0, 79, 239, .3);
}

.special-box:hover .special_icon {
    background-color: #004077;
    color: #fff;
    opacity: 1;
}

.special-box:hover .special_title {
    background-color: #004077;
    color: #fff;
}

.special-box:hover .special_desc {
    background-color: #004077;
    color: #fff;
}

/*閫傜敤琛屼笟*/
.mkt_box {
    width: auto;
    background-color: #f8f9fc;
    color: #000000;
}

.mkt_box:hover {
    background-color: #004077;
    box-shadow: .18rem .05rem .3rem rgba(0, 79, 239, .3);
    color: #ffffff;
}

/*璧勬枡涓嬭浇*/
.document-box {
    background-color: #f8f9fc;
    color: #000000;
}

.document-box .document_box-left {
    opacity: 1;
}

.document-box .document_right-btn {
    background-color: #f8f9fc;
    color: #000000;
}

.document-box .document_btn-text {
    background-color: #ffffff;
    color: #000000;
}

.document-box:hover {
    background-color: #004077;
    box-shadow: .18rem .05rem .3rem rgba(0, 79, 239, .3);
}

.document-box:hover .document_box-left {
    background-color: #004077;
    color: #fff;
    opacity: 1;
}

.document-box:hover .document_right-btn {
    background-color: #004077;
    color: #fff;
}

.document-box:hover .document_btn-text {
    background-color: #004077;
    color: #fff;
}

/* 妗堜緥 start */
.cases_box {
    width: 290px;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #c0ddf5;
}

.cases_box .cases_desc {
    z-index: 1;
    padding: 8px 8px;
    transform: translateY(-99%);
    transition: transform 0.5s cubic-bezier(0.18, 1, 0.23, 1);
    /*border:1px solid red;*/
}

.cases_box h2 {
    color: #000000;
    font-size: 23px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 3px 5px;
}

.cases_box p {
    color: #000000;
    font-size: 15px;
    letter-spacing: 2px;
    width: 100%;
    line-height: 30px;
    text-align: justify;
}

.cases_box .cases_read {
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 12px 24px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 25px;
}

.cases_box .cases_read:hover {
    background-color: #023990;
}

.cases_box .cases_desc *:not(h2) {
    opacity: 0;
    transform: translateY(20px);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.cases_box:hover {
    background-color: #ffffff;
    color: #000000;
    align-items: center;
}

.cases_box:hover::before {
    transform: translateY(-5%);
}

.cases_box:hover::after {
    transform: translateY(-50%);
}

.cases_box:hover .cases_desc {
    color: #000000;
    background-color: #ffffff;
    transform: translateY(50%);
}

.cases_box:hover .cases_desc *:not(h2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

/* 妗堜緥 end */
/*鏂伴椈*/
.news_box {
    transition: all 0.5s ease-in-out;
}

.news_box_image {
}

.news_box_desc {
}

.news_box_title {
}

.news_box_datetime {
}

.news_box:hover {
    transform: translate(5px, 5px);
}