.banner .about-main .about-content-container .about-expert-box {
    width: 580px;
	height: 400px;
    margin: 0 8px;
    margin-bottom: 74px;
    background: #E8EDF2;
    overflow: hidden;
}

.banner .about-main .about-content-container .about-expert-box:hover {
    background: #D0D5D9;
}

.banner .about-main .about-content-container .about-expert-box:hover .about-expert-photo {
    animation: expertHoverPhoto .5s linear forwards;
}

.banner .about-main .about-content-container .about-expert-box:hover .about-expert-msg {
    animation: expertHoverMsg .5s linear forwards;
}

.banner .about-main .about-content-container .about-expert-box:hover .about-expert-msg .about-expert-introduce {
    animation: expertHoverContent .5s ease-in forwards;
}

.banner .about-main .about-content-container .about-expert-box:hover .about-detail-show {
    display: none;
}

.banner .about-main .about-content-container .about-expert-box .about-expert-photo {
    height: 360px;
    bottom: 0;
    left: 360px;
    transform: translateX(-80px);
}
.welle-en .banner .about-main .about-content-container .about-expert-box .about-expert-photo{
    display: none;
}
.banner .about-main .about-content-container .about-expert-box .about-expert-photo .about-expert-img {
    height: 100%;
}

.banner .about-main .about-content-container .about-expert-box .about-expert-msg {
    width: 350px;
    margin: 20px 0 0 40px;
    transform: translateY(108px);
}

.welle-en .banner .about-main .about-content-container .about-expert-box .about-expert-msg{
    width:510px;
}



.banner .about-main .about-content-container .about-expert-box .about-expert-msg .about-expert-name {
    color: #333333;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px;
}

.banner .about-main .about-content-container .about-expert-box .about-expert-msg .about-expert-name .male {
    margin-left: 5px;
    font-size: 16px;
}

.banner .about-main .about-content-container .about-expert-box .about-expert-msg .about-expert-position {
    color: #333333;
    font-size: 22px;
    line-height: 1;
}

.about-detail-show {
    font-size: 16px;
    color: #B72024;
    line-height: 1;
    margin-top: 30px;
}

.banner .about-main .about-content-container .about-expert-box .about-expert-msg .about-expert-introduce {
    margin-top: 30px;
    color: #333;
    /*font-size: 16px;*/
    line-height: 24px;
    opacity: 0;
    text-align: justify;
}
.welle-en .about-main .about-content-container .about-expert-box .about-expert-msg .about-expert-introduce{
    font-size: 12px;
}


@keyframes expertHoverMsg {
    to {
        transform: translateY(0);
    }
}

@keyframes expertHoverContent {
    to {
        opacity: 1;
    }
}

@keyframes expertHoverPhoto {
    to {
        transform: translateX(0);
    }
}

/*# sourceMappingURL=about-expert.css.map */