/* 通用样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scrollbar-width: none;
    width: 100%;
}

    html::-webkit-scrollbar {
        width: 0;
    }

body {
    max-width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
}

.commonAlink:hover {
    color: #3971E7;
    text-decoration: none;
}

p:hover {
    cursor: pointer;
}

@font-face {
    font-family: Source Han Sans CN;
    src: url("../font/SourceHanSansSC-Regular.otf");
}

.commonContainer {
    max-width: 1440px;
}
/* 点击回到顶部 */

#scrollToTopBtn {
    width: 50px;
    height: 50px;
    padding: 12px;
    border-radius: 6px;
    gap: 8px;
    display: none;
    position: fixed;
    bottom: 29px;
    right: 42px;
    background: #574EFA;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 100;
}
/* 通用样式 */


/* 中心简介独有  start*/
/* <!-- newActivityHeader  start--> */

.newActivityHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.newActivityHeaderTextContainer {
    position: absolute;
    color: var(--Neutral-200, #F9F9F9);
    /* Display M/Bold */
    font-family: "Source Han Sans CN";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 115.385% */
    letter-spacing: -0.52px;
    z-index: 1;
}

.newActivityHeaderText {
    margin-bottom: 0;
}

/* <!-- newActivityHeader  end--> */


/* !-- newActivityTab  start--> */

/*second_nav*/
.bg_secondnav {
    margin: 0 auto;
    margin-top: 32px;
    height: 44px;
    border-bottom: 1px solid #c7c7c7;
}

.sec_nav {
    height: 50px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

@media screen and (min-width:768px) {


    /* <!-- newActivityTab  start--> */

    .sec_nav {
        width: 434px;
    }

    /* <!-- newActivityTab  end--> */


}



.sec_nav li a {
    text-align: center;
    display: block;
    height: 44px;
    float: left;
    color: var(--Gray-50, #858C95);
    /* Text M/Medium */
    font-family: "Source Han Sans CN";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    /* 146.667% */
    letter-spacing: -0.1px;
    padding-left: 24px;
    padding-right: 24px;
}

    .sec_nav li a:hover,
    .sec_nav .sec_navnow {
        color: var(--primary-blue-600, #0A77FF);
        background-color: #ECF5FF;
        border-bottom: 1px solid #0A77FF;
    }
#sec_navnow {
    color: var(--primary-blue-600, #0A77FF);
    background-color: #ECF5FF;
    border-bottom: 1px solid #0A77FF;
}

@media screen and (max-width:768px) {
    /* <!-- newActivityTab  start--> */

    .sec_nav li a {
        font-size: 12px;
        margin: 0 0;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }

    /* <!-- newActivityTab  end--> */


}

/*second_nav*/

/* !-- newActivityTab  end--> */


/* <!--中心简介 start  --> */


.centerIntroTitle {
    color: var(--Gray-700, #272D37);
    text-align: center;
    /* Headline M/Desktop/Bold */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
    letter-spacing: -0.64px;
    margin-top: 64px;
    margin-bottom: 64px;
}

@media screen and (max-width:768px) {
    .centerIntroTitle {
        font-size: 24px;
        line-height: 32px;
        margin-top: 32px;
        margin-bottom: 24px;
    }
}

.centerIntroduction {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 64px;
}

.centerIntroductionImage {
    width: 599px;
}

@media screen and (max-width:768px) {
    .centerIntroductionImage {
        margin-bottom: 14px;
    }
}

.centerIntroductionImage img {
    width: 100%;
    text-align: center;
}

.centerIntroductionText {
    width: 517px;
}

.centerIntroductionTextTitle {
    color: var(--Gray-700, #323539);
    /* Headline M/Desktop/Semibold */
    font-family: "Source Han Sans CN";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    /* 131.25% */
    letter-spacing: -0.32px;
    margin-bottom: 12px;
}

@media screen and (max-width:768px) {
    .centerIntroductionTextTitle {
        color: var(--Gray-700, #323539);
        /* Headline XS/Desktop/Semibold */
        font-family: "Source Han Sans CN";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        /* 136.364% */
        letter-spacing: -0.22px;
    }
}


.centerIntroductionTextEng {
    color: var(--primary-blue-600, #0A77FF);
    /* Text S/Semibold */
    font-family: "Source Han Sans CN";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.1px;
    margin-bottom: 12px;
}

.centerIntroductionTextText {
    color: var(--Gray-50, #858C95);
    /* Text L/Regular */
    font-family: "Source Han Sans CN";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.1px;
    margin-bottom: 40px;
    text-align:justify;
}

@media screen and (max-width:768px) {
    .centerIntroductionTextEng {
        color: var(--primary-blue-600, #0A77FF);
        /* Text XS/Semibold */
        font-family: "Source Han Sans CN";
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        /* 138.462% */
        letter-spacing: -0.1px;
        margin-bottom: 12px;
    }

    .centerIntroductionTextText {
        margin-bottom: 12px;
    }

    .centerIntroduction {
        margin-bottom: 24px;
    }
    .centerIntroductionTextContent {
        color: var(--Gray-50, #858C95);
        /* Text L/Regular */
        font-family: "Source Han Sans CN";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
        letter-spacing: -0.1px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 10px;
    }
}
@media screen and (max-width:388px) {
    .centerIntroductionTextContent {
        color: var(--Gray-50, #858C95);
        /* Text L/Regular */
        font-family: "Source Han Sans CN";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
        letter-spacing: -0.1px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 10px;
    }

}

    @media screen and (min-width:768px) {
        .centerIntroductionTextContent {
            color: var(--Gray-50, #858C95);
            /* Text L/Regular */
            font-family: "Source Han Sans CN";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            /* 150% */
            letter-spacing: -0.1px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            row-gap: 10px;
        }

        .centerIntroContainerTwoFunctionContent {
            width: 374px;
        }
    }
    /* 第一行结束 */
    .centerIntroContainerTwo {
        margin-bottom: 32px;
    }

    .centerIntroContainerSpe {
        margin-bottom: 64px;
    }

    @media screen and (max-width:768px) {
        .centerIntroContainerSpe {
            margin-bottom: 32px;
        }
    }


    .centerIntroductionTextContent div {
        width: 33.3%;
    }

    .centerIntroContainerTwoFunction {
        display: flex;
        flex-direction: row;
        /* flex-wrap: wrap; */
        column-gap: 48px;
    }

    @media screen and (max-width:768px) {
        .centerIntroContainerTwoFunction {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 32px;
        }
    }




    .functionLogo {
        width: 48px;
        height: 48px;
        padding: 8px;
        border-radius: 5px;
        background-color: #0A77FF;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    @media screen and (max-width:768px) {
        .functionLogo {
            margin-bottom: 16px;
        }
    }


    .functionLogoLast {
        width: 48px;
        height: 48px;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }


    .functionTitle {
        color: var(--Gray-700, #323539);
        text-align: center;
        /* Headline XS/Desktop/Semibold */
        font-family: "Source Han Sans CN";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        /* 136.364% */
        letter-spacing: -0.22px;
        margin-bottom: 16px;
    }

    @media screen and (max-width:768px) {
        .functionTitle {
            font-size: 20px;
            line-height: 28px;
            margin-bottom: 8px;
        }
    }



    .functionContent {
        color: var(--Gray-50, #858C95);
        text-align: center;
        /* Text L/Regular */
        font-family: "Source Han Sans CN";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
        letter-spacing: -0.1px;
    }

    /* <!--中心简介 end  --> */

    /* !--工作流程 start  --> */
    .workProgress {
        background-color: #2C8AFF;
    }

    .workProgressTitle {
        color: var(--Base-White, #FFF);
        text-align: center;
        /* Headline M/Desktop/Bold */
        font-family: Inter;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 125% */
        letter-spacing: -0.64px;
        margin-top: 64px;
        margin-bottom: 64px;
    }



    .workProgressImageCon {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 64px;
    }

        .workProgressImageCon img {
            width: 90%;
        }


    @media screen and (max-width:768px) {
        .workProgressTitle {
            font-size: 24px;
            line-height: 32px;
            margin-top: 32px;
            margin-bottom: 24px;
        }

        .workProgressImageCon {
            margin-bottom: 32px;
        }

            .workProgressImageCon img {
                width: 100%;
                text-align: center;
            }
    }


    /* !--工作流程 end  --> */

    /* !--研究方向 start  --> */
    .studyDirection {
        background: var(--Neutral-100, #F8F9FB);
    }

    .studyDirectionContainer {
        margin-top:32px;
        margin-bottom: 64px;
    }

    @media screen and (max-width:768px) {
        .studyDirectionContainer {
            margin-bottom: 32px;
        }

        .studyDirectionConSpe {
            margin-bottom: 24px;
        }
    }

    .studyDirectionTitle {
        color: var(--Base-White, #323539);
        text-align: center;
        /* Headline M/Desktop/Bold */
        font-family: Inter;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 125% */
        letter-spacing: -0.64px;
        margin-top: 64px;
        margin-bottom: 16px;
    }

    @media screen and (max-width:768px) {
        .studyDirectionTitle {
            font-size: 24px;
            line-height: 32px;
            margin-top: 32px;
            margin-bottom: 24px;
        }
    }

    .studyDirectionDivCon {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .studyDirectionDiv {
        width: 384px;
    }

    @media screen and (max-width:768px) {
        .studyDirectionDiv {
            width: auto;
        }
    }

    .studyDirectionSvg {
        width: 48px;
        height: 48px;
        border-radius: 30px;
        background-color: #0A77FF;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .studyDirectionSvgLast {
        width: 48px;
        height: 48px;
        border-radius: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .studyDirectionText {
        color: var(--Gray-700, #323539);
        text-align: center;
        /* Headline XS/Desktop/Semibold */
        font-family: "Source Han Sans CN";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        /* 136.364% */
        letter-spacing: -0.22px;
    }

    @media screen and (max-width:768px) {
        .studyDirectionText {
            width: 106px;
            color: var(--Gray-700, #323539);
            margin: auto;
            /* Headline XS/Mobile/Semibold */
            font-family: "Source Han Sans CN";
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 140% */
            letter-spacing: -0.1px;
        }
    }


    /* !--研究方向 end  --> */

    /* !--联系我们 start  --> */
    .connectUs {
        margin-bottom: 64px;
    }

    @media screen and (max-width:768px) {
        .connectUs {
            margin-bottom: 32px;
        }
    }

    .connectUsTitle {
        color: var(--Base-White, #323539);
        text-align: center;
        /* Headline M/Desktop/Bold */
        font-family: Inter;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 125% */
        letter-spacing: -0.64px;
        margin-top: 64px;
        margin-bottom: 64px;
    }

    @media screen and (max-width:768px) {
        .connectUsTitle {
            font-size: 24px;
            line-height: 32px;
            margin-top: 32px;
            margin-bottom: 24px;
        }
    }


    .connectUsContainerDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 24px;
    }

    .connectUsLeft {
        width: 545px;
        margin: auto;
    }




    .connectUsRight {
        width: 545px;
        margin: auto;
        padding: 30px;
        border-radius: 10px;
        border: 1px solid var(--Neutral-600, #EAEBF0);
        background: var(--Base-White, #FFF);
        /* Shadow/XSM */
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
    }

    @media screen and (max-width:768px) {
        .connectUsLeft {
            width: 100%;
        }

            .connectUsLeft img {
                width: 100%;
            }

        .connectUsRight {
            width: 100%;
            padding: 24px;
        }
    }

    .connectUsRightTitle {
        color: var(--Gray-700, #323539);
        /* Text M/Semibold */
        font-family: "Source Han Sans CN";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        /* 146.667% */
        letter-spacing: -0.1px;
    }

    .connectUsRightText {
        color: var(--Gray-50, #858C95);
        /* Text S/Medium */
        font-family: "Source Han Sans CN";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: -0.1px;
        margin-top: 4px;
    }

    .connectUsRightTextAno {
        color: var(--Purple-600, #574EFA);
        /* Text S/Medium */
        font-family: "Source Han Sans CN";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: -0.1px;
        margin-top: 4px;
    }

    .connectUsRightTitleCon {
        display: flex;
        flex-direction: row;
        /* justify-content: space-between; */
        margin-bottom: 24px;
    }

    @media screen and (max-width:768px) {

        .connectUsRightTitleCon {
            flex-direction: column;
            row-gap: 8px;
            /* justify-content: space-between; */
        }
    }

    .connectUsRightAddress {
        width: 302px;
        margin-right: 24px;
    }

    .connectUsRightPhone {
        width: 302px;
        margin-right: 24px;
    }

    .connectUsRightSubwayCon {
        margin-bottom: 0;
    }

    /* !--联系我们 end  --> */

    /* clearPadding */
    #aboutClearPaddingOne {
        padding-left: 0;
        padding-right: 0;
    }

    #aboutClearPaddingTwo,
    #aboutClearPaddingThree,
    #aboutClearPaddingFour,
    #aboutClearPaddingFive,
    #aboutClearPaddingSix,
    #aboutClearPaddingSeven {
        padding-left: 0;
        padding-right: 0;
    }


    @media screen and (max-width:768px) {

        #aboutClearPaddingOne,
        #aboutClearPaddingTwo,
        #aboutClearPaddingThree,
        #aboutClearPaddingFour,
        #aboutClearPaddingFive,
        #aboutClearPaddingSix,
        #aboutClearPaddingSeven {
            padding-left: 15px;
            padding-right: 15px;
        }
    }