
.yk_about_banner{
    width: 100%;
    height: 800px;
    background: url('http://cdn.yuanyuekj.com/contact/tc.jpg') lightgray 50% / cover no-repeat;
    background-size: 100% 100%;
}

.yk_flex_center_center{
    display: flex;
    justify-content: center;
    align-items: center
}

.yk_about_company_body{
    display: flex;
    padding: 50px 0px;
    justify-content: center;
    align-items: flex-start;
    gap: 100px;
    align-self: stretch;
    background: #FFF;
}

.yk_about_company_footer_body{
    display: flex;
    padding: 50px 0px;
    justify-content: center;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    background: #FFF;
}

.yk_about_company_map_body{
    display: flex;
    padding: 50px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    img{
        width: 1300px;
        height: 678px;
    }
}

.yk_about_bg_img{
    width: 327px;
    height: 92px;
    flex-shrink: 0;
}

.yk_qrcode_bg_img{
    width: 297.662px;
    height: 300px;
    flex-shrink: 0;
}

.yk_flex_column_start_gap30{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.yk_flex_column_start_gap30_item{
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.yk_about_company_fc_body{
    display: flex;
    padding: 50px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #FFF;

    img{
        width: 1300px;
        height: 792.031px;
    }
}

.yk_about_company_fc_body_img{
    display: flex;
    align-items: flex-start;
    gap: 27.728px;
    align-self: stretch;

    img{
        height: 240px;
        flex: 1 0 0;
    }

    img:hover{
        height: 250.748px;
        flex: 1 0 0;
        /*border: 2px solid #0a62c3;*/
        cursor: pointer;
        box-shadow: 4px 6px 8.7px 3px #D6DDEB;
    }

}

.k_about_company_fc_body_img_lst{
    display: flex;
    width: 1300px;
    flex-direction: column;
    align-items: flex-start;
    gap: 31.993px;
}


.yk_about_company_title{
    display: flex;
    width: 1920px;
    padding: 50px 0px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    background: #FFF;
}

.yk_introduce_text{
    color: rgba(0, 0, 0, 0.80);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    flex: 1 0 0;
}

.yk_introduce_content{
    display: flex;
    width: 1300px;
    justify-content: space-between;
    align-items: center;
}

.yk_introduce_content_item{
    display: flex;
    width: 601px;
    padding: 50px 0px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.yk_about_company_fc_body{
    display: flex;
    padding: 50px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

 }

.yk_introduce_video{
    video{
        width: 641.262px;
        height: 361px;
        flex-shrink: 0;
    }
}

.yk_about_banner_title{
    position: relative;
    top: 0.6rem;
}

.yk_first_font{
    color:  #FFF;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.yk_second_font{
    color: #000;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.yk_flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.yk_flex_column{
    flex-direction: column;
}

.yk_flex_direction_column_center{
    display: flex;
    /*width: 1920px;*/
    flex-direction: column;
    align-items: center;

    background: #FFF
}



.yk_flex_column_center_50{
    display: flex;
    width: 1300px;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}


.flex_center_gap_39{
     display: flex;
     align-items: center;
     gap: 28.1px;
     flex-direction: column;
 }

.flex_center_gap_39_img{
    display: flex;
    align-items: center;
    gap: 39.024px;
    img{
        width: 229.955px;
        height: 312.191px;
        /*border: 3.122px solid #000;*/
    }
}

.yk_center_center_padd_48{
    display: flex;
    padding: 48.78px 0px;
    justify-content: center;
    align-items: center;
    gap: 39.024px;

    img{
        /*border: 3.122px solid #000;*/
    }

}

.yk_center_center_padd_481{
    display: flex;
    padding: 48.146px 0px;
    justify-content: center;
    align-items: center;
    gap: 38.517px;

}


.flex_center_gap_38{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 21.57px;
}

.flex_center_gap_38_img{
    display: flex;
    align-items: center;
    /*gap: 38.517px;*/
    gap: 28.517px;
    img{
        width: 237.618px;
        height: 308.137px;
        /*border: 3.081px solid #000;*/
    }
}