.service_content_box .page_center .service_content_list_box {
margin-top:30px;
display:flex;
align-items:center;
justify-content:center;
}

.service_content_box .page_center .service_content_list_box .service_content_list {
width:238px;
height:309px;
position:relative;
overflow:hidden;
cursor:pointer;
}

.service_content_box .page_center .service_content_list_box .service_content_list .before_content {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:50%;
background-repeat:no-repeat;
background-size:100% 100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transform:translateY(0);
transition:all .4s;
}

.service_content_box .page_center .service_content_list_box .service_content_list .before_content .line {
width:36px;
height:4px;
background-color:#fff;
margin-top:30px;
}

.service_content_box .page_center .service_content_list_box .service_content_list .before_content .name {
    font-size:22px;
    color: #ffd90c;
    font-weight: 700;
    margin-top: 40px;
}

.service_content_box .page_center .service_content_list_box .service_content_list:first-child .before_content {
background-image:url(../nuxt/img/2cdb897.png);
}

.service_content_box .page_center .service_content_list_box .service_content_list:nth-child(2) .before_content {
background-image:url(../nuxt/img/15065ed.png);
}

.service_content_box .page_center .service_content_list_box .service_content_list:nth-child(3) .before_content {
background-image:url(../nuxt/img/18cdea0.png);
}

.service_content_box .page_center .service_content_list_box .service_content_list:nth-child(4) .before_content {
background-image:url(../nuxt/img/9af8e04.png);
}

.service_content_box .page_center .service_content_list_box .service_content_list:nth-child(5) .before_content {
background-image:url(../nuxt/img/64fe132.png);
}

.service_content_box .page_center .service_content_list_box .service_content_list img {
width:60px;
height:60px;
}

.service_content_box .page_center .service_content_list_box .service_content_list:hover .before_content {
transform:translateY(-100%);
}

.service_content_box .page_center .service_content_list_box .service_content_list:hover .after_content {
transform:translateY(0);
}

.service_content_box .page_center .service_content_list_box .service_content_list .after_content {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#123788;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transform:translateY(100%);
transition:all .4s;
}

.service_content_box .page_center .service_content_list_box .service_content_list .after_content .content_name {
font-size:18px;
color:#fff;
font-weight:700;
}

.service_content_box .page_center .service_content_list_box .service_content_list .after_content .content {
width:180px;
font-size:12px;
color:#fff;
line-height:150%;
margin-top:23px;
text-align:center;
}