/* 本页头部标题高亮 */
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
header .nav .AboutTop a {
    color: #fff;
    font-weight: 700;
}

/* 扩大底部边距 */
.enlarge{
    width: 100%;
    margin-top: 5rem; ;
}

.AboutS {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 2rem;
    
}

.container .About {
    display: flex;
    align-items: center;
    justify-content:space-between;
    width: 100%;
    height: 6rem;
    padding-bottom: 1.5rem;
    margin-top: 4rem;
    white-space: nowrap;    
    
}

.About ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;    
    border-bottom: 2px solid rgba(0,0,0,0.3);
    
}

.About .li {
    position: relative;
    display: flex;
    display: inline-block;
    align-items: center;    
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 2.5rem;
    color: rgba(31, 41, 55, 0.3);
    padding: bottom 1.3rem; 
    margin: 0 5%;
    
}
/* 点击后样式标签 About Get 通用 */
.li.mark{
    color: #1F2937;
}

.li.mark::before {
    content: "";
    position: absolute;
    left: 0px; 
    bottom: -1.2rem; 
    transform: none; /* 取消居中的transform */
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-image: url('../images/about00.png');
    background-size: cover;
    background-position: center;
    z-index: -1;      
}

/* Team */

.Team {
    width: 100%;    
    margin-top: 2rem;
    
}

.Team ul {
    display: flex;
    justify-content: center;
}
.Team .ul1-team{
    width: 100%;
}

.Team .ul2-team{
    width: 100%;
}


.Team div{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border-radius: 50%;
    margin-bottom: 1.2rem;  
    
}

.Team img {
    width: 9rem;
    border-radius: 50%;
    
}
.team-img{
    border: 8px solid rgba(254, 208, 80, 0);

}

.li-team {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;    
    cursor: default;
    width: 100%;
    
}

.li-team:hover {
    background: #FFFCF4;
}
.li-team:hover .team-img {
    border: 8px solid rgba(254, 208, 80,1);
}
.Team  h4 {
    font-family: "Source Han Sans SC", "Source Han Sans SC";
    font-weight: 600;
    font-size: 1.1rem;
    color: #1F2937; 
    margin-bottom: 5px;
}

.Team h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: rgba(31, 41, 55, 0.7);
    margin-bottom: 0.8rem;
}

.Team .teamh5 {    
    text-align: center;
    height: 100%;
    width: 100%;
    font-weight: 400;
    font-size: 1.1rem;  
    font-family: "Roboto", sans-serif;    
    color: #1F2937;
    line-height: 20px;  
}

/* MousemoveMark */
/* 本页头部标题高亮 */

header .nav .AboutTop a {
    color: #fff;
    font-weight: 700;
}



/* 隐藏页面元素 */
.none {
    display: none !important;
}

/* OurMission */

.piece2{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
}

.piece2 .img-our1{
    display: flex;
    flex-direction: column;
    align-items: center;    
    width: 100%;
}

.img-our1 img{
    width: 100%;
    
}

.piece2 h3{
    width: 100%;
    font-family: "Source Han Sans SC", "Source Han Sans SC";
    font-weight: 700;
    font-size: 2rem;
    color: #121212;
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

h5{
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    color: #232536;
    margin-top: 1rem;
}

.img-our2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    
    
}

.img-our2 img{
    display: flex;
    align-items: center;
    width: 70%;
    
}

hr{
    width: 100%;
    height: 0.4rem;
    background-color: #232536;
    margin: 1.7rem 0;
    border: none;
}

/* Origins */

.Origins{
    display: flex;
    flex-direction: column;    
    width: 100%;
    margin-top: 1rem;
}

.Origins .Ori-G{
    width: 10rem;    
    background-color: rgb(70, 206, 111);
    color: #fff;
    font-family: "Source Han Sans SC", "Source Han Sans SC";
    font-weight: 500;
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 1rem;   
    
}

.Origins h2{
    font-family: "Source Han Sans SC", "Source Han Sans SC";
    font-weight: bold;
    font-size: 2rem;
    color: #121212;
}

.img-ori{
    display: flex;
    justify-content: space-between;
    width: 100%;       
    margin-top: 1.2rem;
    overflow: hidden;
    
    
}

.img-ori img{
    width: 47%;
    
}

p{
    margin-bottom: 1.1rem;
}

.img-Ori1{
    object-fit: cover;
}
.img-Ori2{
    object-fit: cover;
}