@charset "utf-8";

html{font-size:62.5%;}
body, button, input, pre, select, textarea{font-size: 14px;font-family:'Microsoft YaHei','Arial';}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;position:relative;overflow-x:hidden;max-width:750px;margin:0px auto;}
img{max-width:100%;}
ol,ul,li{list-style: none;}

.container_my {
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100%;
    flex-direction: column;
}

.about_banner {
    background-image: url("../images/about_banner.png");
    height: 33.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about_title {
    margin-top: 9rem;
    background-image: url("../images/about_test_bg.png");
    height: 8.8rem;
    font-size: 4rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.8rem;
    padding: 2.4rem 3.2rem 2.2rem 3rem;
    letter-spacing:0.3rem;
}

.title_mark {
    margin-top: 1.9rem;
    height: 1.9rem;
    font-size: 2rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.8rem;
    opacity: 0.8;
}

.about_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative;
    top:-5rem;
    background: #FFFFFF;
    border-radius: 0.8rem;
}