@charset "UTF-8";

/* 安全区域适配全局变量 */
:root {
    --safe-area-bottom: 0;
}

/* iOS 设备动态设置安全区域 */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
    :root {
        --safe-area-bottom: constant(safe-area-inset-bottom);
        /* 兼容旧版 */
        --safe-area-bottom: env(safe-area-inset-bottom);
        /* 兼容新版 */
    }

    .cpxqRight .title {
        max-width: 100%;
    }
}


.fullHeight,
.fullHeights {
    height: 100%;
}

.pchide,
.hide,
.mshow {
    display: none;
}

/*phide:平板隐藏,mphide:平板+手机隐藏,mhide:手机端隐藏*/
.mphide,
.mhide700,
.mhide800 .phide {
    display: inline-block;
}

.max-ratio11 .mhide {
    display: none;
}

/*
换行符号
mbr:手机换行,mpbr:平板+手机换行,pbr:平板换行*/
.mbr,
.mpbr,
.pbr {
    display: none;
}

/*
换行符号PC*/
.pcbr {
    height: 1px;
    width: 100%;
    display: block;
    opacity: 0;
}

/*
修复顶部菜单间距问题*/
.positionFull .pdPhone,
.positionFull .autopage {
    height: calc(100vh - 1rem);
    padding-top: 1rem;
}

/****通用样式***/
.max-ratio11 .search_page .footer {
    position: absolute;
    bottom: calc(var(--safe-area-bottom) + 0);
    width: 100%;
}


.max-ratio11 input[type="search"] {
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    /* 取消默认外观 */
    border-radius: 0;
    /* 可选：设置直角边框 */
    outline: none;

}

.max-ratio11 .serarchTxt input[type="search"] {
    line-height: 0.6rem;
    /* 去除聚焦时的高亮边框 */
    padding: 0;
    background-color: #fff;
}

.max-ratio11 .serarchTxt input::placeholder {
    background-color: #fff;
    line-height: 0.6rem;
    padding: 0;
    /* 浅灰色背景 */
}

.max-ratio11 .mw100 {
    width: 100%;
    max-width: 90%;
}

.max-ratio11 .mw100m {
    width: 100%;
    max-width: 100%;
}

.max-ratio11 .ht82 {
    height: .6rem;
}

.max-ratio11 .footTop {
    display: block;
    text-align: center;
}

.max-ratio11 .footer .footTop {
    padding: .8rem 0 .6rem 0;
}

.max-ratio11 .footTop .navs {
    text-align: left;
    padding: .5rem 0;
    margin-bottom: 0.1rem;
}

.max-ratio11 .footTop .navs .footDL .dd {
    margin-left: 0.5rem;
}

.max-ratio11 .footer .footDL .dd>p {
    margin-bottom: .15rem;
}

.max-ratio11 .brands {
    padding-top: 0.5rem;
}

.max-ratio11 .brands .autowidth {
    max-width: 100%;
}

.max-ratio11 .brandCt {
    padding: 0.5rem 0;
}

.max-ratio11 .headCenter {
    background-color: rgba(255, 255, 255, 1);

}

.max-ratio11 .headCenter .headDL dd .navList .list {
    padding: 0.35rem 0;
    width: 90%;
    color: #393939;
}

.max-ratio11 .headCenter .headDL dd .navList .list .pchide {
    display: inline-block;
}

.max-ratio11 .headCenter .headDL {
    width: 12.66rem;
    max-width: 85.652%;
    margin: 0 auto;
}

.max-ratio11 .headCenter .headDL dd {
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    padding: 0;
    margin: 0.2rem auto;
}

.max-ratio11 .headCenter .headDL dd:last-child {
    border: none;
}

.max-ratio11 .headCenter .headDL .nav .menuNav {
    padding-top: 0.4rem;
    border-top: 1px solid rgba(0, 0, 0, .4);
}

.max-ratio11 .headCenter .headDL .nav .link .iconfont,
.max-ratio11 .headCenter .headDL .iconfont {
    float: right;
    margin-right: 0.1rem;
}


.max-ratio11 .headCenter .navFlex {
    color: #333;
    box-shadow: unset;
    margin-left: -0.2rem;
}

.max-ratio11 .headCenter .navFlex .iconfont {
    display: none;
}

.max-ratio11 .swiper-pagenation-brands {
    position: absolute;
    text-align: center;
}

.max-ratio11 .swiper-pagenation-brands .swiper-pagenation-brand {
    display: inline-block;
    margin: 0 5px;
    width: 0.14rem;
    height: 0.14rem;
    background-color: #ccc;
    border-radius: 50%;
}

.max-ratio11 .swiper-pagenation-brands .swiper-pagenation-brand-active {
    background: #ff1d25;
}

.max-ratio11 .brands {
    position: relative;
}

.max-ratio11 .footer .footTop .navs {
    padding: .5rem 0 0 0;
}

.max-ratio11 .footer .nav-service {
    display: flex;
    justify-content: center;
}

.max-ratio11 .footer .nav-service .colorlogo {
    color: #797979;
}

.max-ratio11 .footer .kefuImg.on {
    display: block;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    width: 4rem;
    height: 4rem;
    left: -1rem;
    bottom: 120%;
    z-index: 999;

}

.max-ratio11 .footer .kefuImg img {
    width: 70%;
    margin: 0.2rem 0 0 15%;
    pointer-events: auto;
}

.max-ratio11 .footer .kefuImg.on .btn {
    width: 0.2rem;
    float: right;
    margin: 0.2rem 0.2rem 0 0;
    display: block !important;
}

.max-ratio11 .footer .kefuLink>a {
    margin-right: 0;
    width: 0.6rem;
    line-height: 0.6rem;
}

.max-ratio11 .footer .kefuLink>a:last-child {
    margin-right: 0;
}

.max-ratio11 .copyRight {
    padding-bottom: calc(0.15rem + var(--safe-area-bottom));
}


.max-ratio11 .mpt0 {
    padding-top: 0rem;
}

.max-ratio11 .mpb0 {
    padding-bottom: 0rem;
}

.max-ratio11 .mmt0 {
    margin-top: 0rem;
}

.max-ratio11 .mmb0 {
    margin-bottom: 0rem;
}

.max-ratio11 .mpl0 {
    padding-left: 0rem;
}

.max-ratio11 .mpr0 {
    padding-right: 0rem;
}

.max-ratio11 .mml0 {
    margin-left: 0rem;
}

.max-ratio11 .mmr0 {
    margin-right: 0rem;
}

.max-ratio11 .mpt1 {
    padding-top: 0.1rem;
}

.max-ratio11 .mpb1 {
    padding-bottom: 0.1rem;
}

.max-ratio11 .mmt1 {
    margin-top: 0.1rem;
}

.max-ratio11 .mmb1 {
    margin-bottom: 0.1rem;
}

.max-ratio11 .mpl1 {
    padding-left: 0.1rem;
}

.max-ratio11 .mpr1 {
    padding-right: 0.1rem;
}

.max-ratio11 .mml1 {
    margin-left: 0.1rem;
}

.max-ratio11 .mmr1 {
    margin-right: 0.1rem;
}

.max-ratio11 .mpt2 {
    padding-top: 0.2rem;
}

.max-ratio11 .mpb2 {
    padding-bottom: 0.2rem;
}

.max-ratio11 .mmt2 {
    margin-top: 0.2rem;
}

.max-ratio11 .mmb2 {
    margin-bottom: 0.2rem;
}

.max-ratio11 .mpl2 {
    padding-left: 0.2rem;
}

.max-ratio11 .mpr2 {
    padding-right: 0.2rem;
}

.max-ratio11 .mml2 {
    margin-left: 0.2rem;
}

.max-ratio11 .mmr2 {
    margin-right: 0.2rem;
}

.max-ratio11 .mpt3 {
    padding-top: 0.3rem;
}

.max-ratio11 .mpb3 {
    padding-bottom: 0.3rem;
}

.max-ratio11 .mmt3 {
    margin-top: 0.3rem;
}

.max-ratio11 .mmb3 {
    margin-bottom: 0.3rem;
}

.max-ratio11 .mpl3 {
    padding-left: 0.3rem;
}

.max-ratio11 .mpr3 {
    padding-right: 0.3rem;
}

.max-ratio11 .mml3 {
    margin-left: 0.3rem;
}

.max-ratio11 .mmr3 {
    margin-right: 0.3rem;
}

.max-ratio11 .mpt4 {
    padding-top: 0.4rem;
}

.max-ratio11 .mpb4 {
    padding-bottom: 0.4rem;
}

.max-ratio11 .mmt4 {
    margin-top: 0.4rem;
}

.max-ratio11 .mmb4 {
    margin-bottom: 0.4rem;
}

.max-ratio11 .mpl4 {
    padding-left: 0.4rem;
}

.max-ratio11 .mpr4 {
    padding-right: 0.4rem;
}

.max-ratio11 .mml4 {
    margin-left: 0.4rem;
}

.max-ratio11 .mmr4 {
    margin-right: 0.4rem;
}

.max-ratio11 .mpt5 {
    padding-top: 0.5rem;
}

.max-ratio11 .mpb5 {
    padding-bottom: 0.5rem;
}

.max-ratio11 .mmt5 {
    margin-top: 0.5rem;
}

.max-ratio11 .mmb5 {
    margin-bottom: 0.5rem;
}

.max-ratio11 .mpl5 {
    padding-left: 0.5rem;
}

.max-ratio11 .mpr5 {
    padding-right: 0.5rem;
}

.max-ratio11 .mml5 {
    margin-left: 0.5rem;
}

.max-ratio11 .mmr5 {
    margin-right: 0.5rem;
}

.max-ratio11 .mpt6 {
    padding-top: 0.6rem;
}

.max-ratio11 .mpb6 {
    padding-bottom: 0.6rem;
}

.max-ratio11 .mmt6 {
    margin-top: 0.6rem;
}

.max-ratio11 .mmb6 {
    margin-bottom: 0.6rem;
}

.max-ratio11 .mpl6 {
    padding-left: 0.6rem;
}

.max-ratio11 .mpr6 {
    padding-right: 0.6rem;
}

.max-ratio11 .mml6 {
    margin-left: 0.6rem;
}

.max-ratio11 .mmr6 {
    margin-right: 0.6rem;
}

.max-ratio11 .mpt7 {
    padding-top: 0.7rem;
}

.max-ratio11 .mpb7 {
    padding-bottom: 0.7rem;
}

.max-ratio11 .mmt7 {
    margin-top: 0.7rem;
}

.max-ratio11 .mmb7 {
    margin-bottom: 0.7rem;
}

.max-ratio11 .mpl7 {
    padding-left: 0.7rem;
}

.max-ratio11 .mpr7 {
    padding-right: 0.7rem;
}

.max-ratio11 .mml7 {
    margin-left: 0.7rem;
}

.max-ratio11 .mmr7 {
    margin-right: 0.7rem;
}

.max-ratio11 .mpt8 {
    padding-top: 0.8rem;
}

.max-ratio11 .mpb8 {
    padding-bottom: 0.8rem;
}

.max-ratio11 .mmt8 {
    margin-top: 0.8rem;
}

.max-ratio11 .mmb8 {
    margin-bottom: 0.8rem;
}

.max-ratio11 .mpl8 {
    padding-left: 0.8rem;
}

.max-ratio11 .mpr8 {
    padding-right: 0.8rem;
}

.max-ratio11 .mml8 {
    margin-left: 0.8rem;
}

.max-ratio11 .mmr8 {
    margin-right: 0.8rem;
}

.max-ratio11 .mpt9 {
    padding-top: 0.9rem;
}

.max-ratio11 .mpb9 {
    padding-bottom: 0.9rem;
}

.max-ratio11 .mmt9 {
    margin-top: 0.9rem;
}

.max-ratio11 .mmb9 {
    margin-bottom: 0.9rem;
}

.max-ratio11 .mpl9 {
    padding-left: 0.9rem;
}

.max-ratio11 .mpr9 {
    padding-right: 0.9rem;
}

.max-ratio11 .mml9 {
    margin-left: 0.9rem;
}

.max-ratio11 .mmr9 {
    margin-right: 0.9rem;
}

.max-ratio11 .mpt10 {
    padding-top: 1rem;
}

.max-ratio11 .mpb10 {
    padding-bottom: 1rem;
}

.max-ratio11 .mmt10 {
    margin-top: 1rem;
}

.max-ratio11 .mmb10 {
    margin-bottom: 1rem;
}

.max-ratio11 .mpl10 {
    padding-left: 1rem;
}

.max-ratio11 .mpr10 {
    padding-right: 1rem;
}

.max-ratio11 .mml10 {
    margin-left: 1rem;
}

.max-ratio11 .mmr10 {
    margin-right: 1rem;
}

/*******学术专家委员详情页面样式******/
.max-ratio11 .xueshuDL dd {
    padding: 0.3rem 0;
}

.max-ratio11 .xueshuDL dd .imgs {
    width: 33%;
    margin: 0 auto;
    text-align: center;
}

.max-ratio11 .xueshuDL dd .imgs img {

    border-radius: 50%;
    aspect-ratio: 1;
}

.max-ratio11 .xueshuDL .cts {
    display: block;
}

.max-ratio11 .xueshuDL .cts .title {
    text-align: center;
    margin: 0.2rem auto;
}

.max-ratio11 .xueshuDL .cts .desc {
    text-align: center;
}

.max-ratio11 .xueshuDL .cts .desc .line {
    width: 2rem;
    height: 1px;
    background-color: #aaa;
    margin: 0.4rem auto;
}

.max-ratio11 .xueshuDL .cts .remark {
    margin: 0 1%;
    color: #606060;
}

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

    .flexBlock {
        display: block;
    }

    .flexBlock dd {
        width: auto;
        margin: 0 0 2% 0;
    }

    .mflexTwo dd {
        width: 49%;
        margin: 0 0 2% 0;
    }

    body {
        line-height: 1.6;
    }

}

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

    .max-ratio11 .font12 {
        font-size: max(0.2rem, 12px);
    }

    .max-ratio11 .font14 {
        font-size: max(0.21rem, 13px);
    }

    .font15 {
        font-size: max(0.22rem, 13.5px);
    }

    .font16 {
        font-size: max(0.24rem, 14px);
    }

    .font18 {
        font-size: max(0.26rem, 16px);
    }

    .font20 {
        font-size: max(0.28rem, 18px);
    }

    .font22 {
        font-size: max(0.3rem, 20px);
    }

    .font24 {
        font-size: max(0.32rem, 22px);
    }

    .font26 {
        font-size: max(0.34rem, 24px);
    }

    .font28 {
        font-size: max(0.36rem, 26px);
    }

    .font30 {
        font-size: max(0.38rem, 28px);
    }

    .font32 {
        font-size: 0.37rem;
    }

    .font34 {
        font-size: 0.38rem;
    }

    .font36 {
        font-size: max(0.36rem, 32px);
    }

    .font38 {
        font-size: 0.4rem;
    }

    .font40 {
        font-size: 0.41rem;
    }

    .font42 {
        font-size: 0.42rem;
    }

    .font44 {
        font-size: 0.43rem;
    }

    .font46 {
        font-size: 0.44rem;
    }

    .font48 {
        font-size: 0.45rem;
    }

    .font54 {
        font-size: 0.46rem;
    }

    .font56 {
        font-size: 0.47rem;
    }

    .font58 {
        font-size: 0.48rem;
    }

    .font60 {
        font-size: 0.6rem;
    }

    .font68 {
        font-size: 0.68rem;
    }

    .font80 {
        font-size: 0.5rem;
    }

    .ppt0 {
        padding-top: 0rem;
    }

    .ppb0 {
        padding-bottom: 0rem;
    }

    .ppt1 {
        padding-top: 0.1rem;
    }

    .ppb1 {
        padding-bottom: 0.1rem;
    }

    .ppt2 {
        padding-top: 0.2rem;
    }

    .ppb2 {
        padding-bottom: 0.2rem;
    }

    .ppt3 {
        padding-top: 0.3rem;
    }

    .ppb3 {
        padding-bottom: 0.3rem;
    }

    .ppt4 {
        padding-top: 0.4rem;
    }

    .ppb4 {
        padding-bottom: 0.4rem;
    }

    .ppt5 {
        padding-top: 0.5rem;
    }

    .ppb5 {
        padding-bottom: 0.5rem;
    }

    .ppt6 {
        padding-top: 0.6rem;
    }

    .ppb6 {
        padding-bottom: 0.6rem;
    }

    .ppt7 {
        padding-top: 0.7rem;
    }

    .ppb7 {
        padding-bottom: 0.7rem;
    }

    .ppt8 {
        padding-top: 0.8rem;
    }

    .ppb8 {
        padding-bottom: 0.8rem;
    }

    .ppt9 {
        padding-top: 0.9rem;
    }

    .ppb9 {
        padding-bottom: 0.9rem;
    }

    .ppt10 {
        padding-top: 1rem;
    }

    .ppb10 {
        padding-bottom: 1rem;
    }

    #serviceBanner .max45vw {
        max-width: 100%;
        ;
    }

    #serviceBanner .thirdBg .mores {
        margin-top: 0;
    }

    .max-ratio11 .publicBtn,
    .max-ratio11 .publicBtn_red {
        border-radius: .4rem 0;
    }
}

@media only screen and (max-width: 480px) {
    .upcase {
        line-height: 1.3;
    }

    .mhide {
        display: none;
    }

    .pchide,
    .publicBtn_red.pchide,
    .publicBtn.pchide {
        display: block;
    }

    body {
        font-size: 0.26rem;
    }



    .mfont13 {
        font-size: max(0.18rem, 12px);
    }

    .mfont14 {
        font-size: max(0.2rem, 13px);
    }

    .mfont15 {
        font-size: max(0.22rem, 13.5px);
    }

    .mfont16 {
        font-size: max(0.24rem, 14px);
    }

    .mfont18 {
        font-size: max(0.26rem, 16px);
    }

    .mfont20 {
        font-size: max(0.28rem, 18px);
    }

    .mfont22 {
        font-size: max(0.3rem, 20px);
    }

    .mfont24 {
        font-size: max(0.32rem, 22px);
    }

    .mfont26 {
        font-size: max(0.34rem, 24px);
    }

    .mfont28 {
        font-size: max(0.36rem, 26px);
    }

    .mfont30 {
        font-size: max(0.38rem, 28px);
    }

    .mfont32 {
        font-size: max(0.4rem, 30px);
    }

    .mfont34 {
        font-size: max(0.41rem, 31px);
    }

    .mfont36 {
        font-size: max(0.42rem, 32px);
    }

    .mfont40 {
        font-size: max(0.43rem, 33px);
    }

    .mbr {
        height: 1px;
        width: 100%;
        display: block;
        opacity: 0;
    }

    .mline0 {
        line-height: 0;
    }

    .mline1 {
        line-height: 0.1;
    }

    .mline2 {
        line-height: 0.2;
    }

    .mline3 {
        line-height: 0.3;
    }

    .mline4 {
        line-height: 0.4;
    }

    .mline5 {
        line-height: 0.5;
    }

    .mline6 {
        line-height: 0.6;
    }

    .mline7 {
        line-height: 0.7;
    }

    .mline8 {
        line-height: 0.8;
    }

    .mline9 {
        line-height: 0.9;
    }

    .mline10 {
        line-height: 1;
    }

    .mline11 {
        line-height: 1.1;
    }

    .mline12 {
        line-height: 1.2;
    }

    .mline13 {
        line-height: 1.3;
    }

    .mline14 {
        line-height: 1.4;
    }

    .mline15 {
        line-height: 1.5;
    }

    .mline16 {
        line-height: 1.6;
    }

    .mline17 {
        line-height: 1.7;
    }

    .mline18 {
        line-height: 1.8;
    }

    .mline19 {
        line-height: 1.9;
    }

    .tableBox table td {
        padding: 0.15rem 0.15rem !important;
        line-height: 1.2;
        border-right: 1px solid #ddd !important;
    }

    .tableBox table td:first-child {
        border-left: 1px solid #ddd !important;
    }
}



.max-ratio11 .swiperTop,
.max-ratio11 .scrollToTop {
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
}

.max-ratio11 .custom-chat {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.05rem 0.1rem 0.15rem 0.1rem;
    line-height: 0.6rem;
    bottom: 1.03rem;
}

.max-ratio11 .scrollToTop .iconfont,
.max-ratio11 .swiperTop .iconfont {
    font-size: 0.48rem;
}

.max-ratio11 .pcbr {
    display: none;
}

.max-ratio11 .mphide,
.max-ratio11 .phide {
    display: none;
}

.max-ratio11 .mpbr,
.max-ratio11 .pbr {
    height: 1px;
    width: 100%;
    display: block;
    opacity: 0;
}



.max-ratio11 .pchide,
.max-ratio11 .publicBtn_red.pchide,
.max-ratio11 .publicBtn.pchide {
    display: inline-block;
}

.max-ratio11 .mflex {
    display: flex;
    display: -webkit-flex;
}

.max-ratio11 .vbr {
    height: 1px;
    width: 100%;
    display: block;
    opacity: 0;
}

.max-ratio11 .swiperBtn:not(.swiper-button-disabled):hover {
    background: #fff;
    color: #ff1d25;
    box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.1);
}

.max-ratio11 .swiperBtn2:hover {
    background: #ff1d25;
    color: #fff;
}

.max-ratio11 .phoneBg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: -1;
}

.max-ratio11 .pageBanner .phoneBg {
    z-index: 0;
}

.max-ratio11 .threeFlex dd {
    width: 98%;
    margin: 0 0 2% 0;
}

.max-ratio11 .mleft {
    text-align: left;
}

.max-ratio11 .mright {
    text-align: right;
}

.max-ratio11 .mcenter {
    text-align: center;
}

.max-ratio11 .mjustify {
    text-align: justify;
}

.max-ratio11 .pleft,
.max-ratio11 .pright,
.max-ratio11 .pcenter,
.max-ratio11 .pjustify {
    text-align: unset;
}

.max-ratio11 .block640 {
    display: block;
}

.max-ratio11 .shubiao {
    bottom: calc(0.5rem + var(--safe-area-bottom));
}

.max-ratio11 .hopeDL dd {
    padding: max(0.05rem, (100vh - 660px) * 0.08) 0;
}

.max-ratio11 .hopeDL .year {
    width: 1.2rem;
}

.max-ratio11 .hopeDL .desc {
    margin-top: 0;
    padding-left: 0;
}

.max-ratio11 .page_index .s1 .positionFull {
    bottom: unset;
    top: 25%;
}

.max-ratio11 .page_index .s2 .positionFull {
    bottom: unset;
    top: 25%;
}

.max-ratio11 .page_index .s4 .positionFull {
    justify-content: start;
}

.max-ratio11 .page_index .s4 .autowidth {
    margin-top: 3.5rem;
}

.max-ratio11 .page_index .s5 .positionFull {
    bottom: unset;
    top: 13%;
    color: #333;
    text-align: center;
    position: absolute;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .dhyc1 {
    padding-top: 18%;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEventsCenter {
    display: none;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEventsCenter .eventsDL dd .yeartxt {
    -webkit-text-stroke: 1px #ff1d25;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .swiper-btns {
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 5%;
    touch-action: none;
    /* 禁用默认滚动 */
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents {
    bottom: calc(30% + var(--safe-area-bottom));
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide::before {
    width: 0.2rem;
    height: 0.2rem;
    left: -0.1rem;
    margin: -0.1rem 0 0 0;
    border-radius: 50%;
    position: relative;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide::after {
    width: 0.2rem;
    height: 0.2rem;
    right: -0.1rem;
    margin: -0.1rem 0 0 0;
    border-radius: 50%;
    position: relative;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-active .scaleImg::before {
    display: none;
    pointer-events: none;
    background-color: transparent !important;
    /* 强制覆盖背景色 */
}

/**下一个样式**/
.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-next .year {
    text-align: left;
    margin-left: 20%;
}

/**上一个样式**/
.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-prev .year {
    text-align: right;
    margin-right: 20%;
}


.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover {
    background: unset;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiperEvent {
    padding: 0;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .array_left,
.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .array_right {
    position: absolute;
    display: block;
    font-size: 0.6rem;
    z-index: 1;
    top: calc(50% - 0.7rem);
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .array_left {
    left: 1%;
    margin-left: 3%;
    animation: slide-left 2s ease-in-out infinite;
    will-change: left;
    display: none;
    transform: scaleY(0.5) rotate(90deg);
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .array_right {
    right: 1%;
    margin-right: 3%;
    animation: slide-right 2s ease-in-out infinite;
    will-change: right;
    transform: scaleY(0.5) rotate(270deg);
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper {
    z-index: 3;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover {
    background-color: unset;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover {
    background-color: unset;
}


.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover .year {
    top: 50%;
    margin: 0.5rem 0 0 0;
    color: unset;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover .scaleImg {
    opacity: 0;
    display: none;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide.swiper-slide-active .scaleImg {
    opacity: 1;
    display: inline-block;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .hover .year {
    display: none;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .fwh {
    padding: 0;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .eventsDL .scaleImg {
    width: 3rem;
    margin: 0 auto;
    border-radius: 50%;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .swiper-slide-active .year {
    display: none;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .eventsDL .yeartxt {
    margin: 1.5rem auto 0.2rem auto;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_desc,
.max-ratio11 .aboutIndex .itemsabout-milestones .desc_year {
    width: 100%;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_year_img {
    top: 25%;
    width: 60%;
    left: 20%;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_year {
    top: 26%;
    color: #f7f7f7;
    font-size: 1rem;
    -webkit-text-stroke: 1px #ff1d25;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_desc {
    bottom: calc(17% + var(--safe-area-bottom));
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_desc .desc_content {
    max-width: 65%;
    margin: 0 auto;
    text-align: center;
    color: #515151;
}

.max-ratio11 .aboutIndex .itemsabout-milestones .desc_content .yeartxt {
    display: block;

}

.max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents .fwh .scaleImg {
    width: 4rem;
}

.max-ratio11 .aboutIndex .itemsabout-dna .position2 {
    padding-top: 20%;
}

.max-ratio11 .aboutIndex .itemsabout-dna .padAuto {
    margin: 0 4%;
    padding-left: 0;
    padding-right: 0;
    z-index: 1;
    text-align: center;
}

.max-ratio11 .services .fwidth {
    width: 100%;
}

.max-ratio11 .services .fullBanner .autopage {
    position: absolute;
    top: 25%;
}

.max-ratio11 .duty_education .itemsabout-industr .autopage {
    width: unset;
    padding: 0;
}

.max-ratio11 .duty_education .itemsabout-industr .max1200 {
    background: unset;
    padding: 0;
    margin: 0 auto;
    padding-top: 10vh;
    color: #000;
}

.max-ratio11 .duty_education .items3 .autopage {
    max-width: 92%;
}

.max-ratio11 .duty_education .items3 .numFlex .nums {
    width: 42%;
    padding: 0.6rem 0.2rem 0.7rem 0.2rem;
}


.max-ratio11 .reports {
    display: block;
}

.max-ratio11 .reports .fwidth {
    width: auto;
}

.max-ratio11 .reports .reportLeft {
    width: auto;
    margin: 0.3rem 0 0.3rem 0;
}

.max-ratio11 .aboutIndex .itemsabout-dna .cot,
.max-ratio11 .aboutIndex .itemsabout-dna .padAuto:first-child .cot,
.max-ratio11 .aboutIndex .itemsabout-dna .padAuto:first-child .cot {
    padding: 0.4rem 5%;
    background: rgba(255, 255, 255, 0.6);
    width: 70%;
    display: inline-block;
    /* 设置文字不换行 */
}

.max-ratio11 .aboutIndex .itemsabout-dna .cot .lefts {
    text-align: center;
}

.max-ratio11 .aboutIndex .itemsabout-dna .projectTitDNA .autopage {
    max-width: 100%;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-dna .cot {
    max-width: 80%;
}

.max-ratio11 .numFlex {
    margin-top: 2vh;
}

.max-ratio11 .factory .itemsfactory_record .fullHeights,
.max-ratio11 .factory .itemsfactory_global .fullHeights,
.max-ratio11 .nutritionMain .itemsabout-fund .fullHeights {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.max-ratio11 .factory .itemsfactory_record .leftTxt,
.max-ratio11 .factory .itemsfactory_global .leftTxt {
    width: 100%;
    position: absolute;
    top: 6%;
}

.max-ratio11 .factory .itemsfactory_record .bgs,
.max-ratio11 .factory .itemsfactory_global .bgs {
    width: 100%;
    max-height: 43vh;
    position: absolute;
    bottom: 0;
    ;
}

.max-ratio11 .factory .itemsfactory_global .bgs.ios video {
    filter: brightness(60%);
}


.max-ratio11 .factory .itemsfactory_record .pads,
.max-ratio11 .factory .itemsfactory_global .pads {
    padding: 1.5rem 0.3rem 0.3rem 0.3rem;
}

.max-ratio11 .factory .itemsfactory_global .numFlex {
    padding: 0;
}

.max-ratio11 .factory .itemsfactory_global .numFlex dd:nth-of-type(1) {
    flex: 2;
}

.max-ratio11 .factory .itemsfactory_global .numFlex dd:nth-of-type(2) {
    flex: 2;
}

.max-ratio11 #page_factory_en .factory .itemsfactory_global .numFlex dd:nth-of-type(2) {
    flex: 1;
}

.max-ratio11 .numFlex .nums {
    width: 40%;
}

.max-ratio11 .factory .itemsfactory_exploratorium .dhyc1 {
    padding-top: 0rem;
    padding-bottom: 4rem;
    color: #333;
}

.max-ratio11 .factory .itemsfactory_exploratorium .dhyc1 .qrcode {
    width: 2rem !important;
}

.max-ratio11 .factory .vdsDL dd {
    width: 48%;
    margin-top: 0.2rem;
    border-top: 1px solid #ff1d25;
}

.max-ratio11 .touristDL dd {
    width: 98%;
    margin-top: 0.3rem;
}

.max-ratio11 .touristDL dd .scaleImg {
    object-fit: cover;
    max-height: 20vh;
}

.max-ratio11 .walfDL dd {
    width: 44%;
    padding: 2% 2.5%;
}



.max-ratio11 .welfarejz .bgs {
    max-width: 55%;
}

.max-ratio11 .duty_education .items5 .flexat {
    justify-content: flex-end;
}

.max-ratio11 .duty_education .items5 .flexat .autopage960 {
    width: 100%;
    max-width: 100%;
}

.max-ratio11 .duty_education .items4 .flexend {
    justify-content: center;
    align-items: normal;
}

.max-ratio11 .duty_education .items4 .cots {
    max-width: 86vw;
    background-color: unset;
    color: #333;
    padding: 0;
    width: auto;

}

.max-ratio11 .duty_education .items2 .autopage {
    padding-top: 16vh;
    width: 100%;
}

.max-ratio11 .duty_education .items2 .autopage .max {
    background-color: unset;
    padding: 0;

}

.max-ratio11 .duty_education .items5 .cots {
    width: 86vw;
    margin-top: 1.5rem;
    left: 7%;
    padding: 0;
    background-color: unset;
    color: #333;
    top: 5%;
}

.max-ratio11 .duty_education .items5 .phoneBg {
    background-position-y: bottom !important;
}

.max-ratio11 #page_education_en .duty_education .items4 .cots {
    width: 4.5rem;
}

.max-ratio11 .nutritionMain .itemsresearch .leftWt {
    width: auto;
    margin: 0.2rem 0 0 0;
    text-align: center;
}

.max-ratio11 .nutritionMain .itemsresearch .leftWt .lefts {
    text-align: center;
}

.max-ratio11 .nutritionMain .itemsresearch .dhRight {
    display: block;
}


.max-ratio11 .nutritionMain .itemsresearch .rightFull {
    width: 101vw;
    margin-left: -9%;
}

.max-ratio11 .nutritionMain .itemsbinh .yanjiu dd {
    width: 100%;
    margin: 0.15rem auto;
}

.max-ratio11 .nutritionMain .itemsbinh .yanjiu dd .txt {
    padding: 0.3rem 0.3rem;
}

.max-ratio11 .nutritionMain .items7 .padAuto {
    padding-left: 0.5rem;
}

.max-ratio11 .nutritionMain .items7 .wtHalf {
    height: auto;
}

.max-ratio11 .pdPhone {
    display: block;
    margin: 0 auto;
}

.max-ratio11 .cpxqLeft {
    width: auto;
    margin: 0 0 1% 0;
}

.max-ratio11 .cpxqLeft .swiper-slide img {
    height: 80vw;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    width: auto;
}

.max-ratio11 .cpxqRight .title {
    max-width: 100%;
}

.max-ratio11 .cpxqRight .price {
    font-size: max(0.4rem, 24px);
}

.max-ratio11 .pd2Swiper .wt {
    max-width: 48%;
}

.max-ratio11 .pageLife .items1 .mw100 {
    padding-bottom: 26vh;
}

.max-ratio11 .pageLife .items1 .mw100 .max1200 {

    text-align: justify;
}

.max-ratio11 .pageLife .items4 .autopage {
    padding-top: 0.5rem;
}


.max-ratio11 .duty .itemsearlychildhood .autopage {
    margin: -45vh auto 0 auto;
}

.max-ratio11 .duty .itemsduty_education .autopage,
.max-ratio11 .duty_education .items1 .ct.autopage {
    margin: -45vh auto 0 auto;
}

.max-ratio11 .duty .itemschildnutrition .autopage {
    margin: -45vh auto 0 auto;
    text-align: center;
}

.max-ratio11 .duty_project .items1 .ct.autopage {
    top: 15%;
    position: absolute;
}

.max-ratio11 .duty_project .items2 .fullabsolute {
    top: 12%;
    bottom: unset;
}

.max-ratio11 .duty_project .items2 .fullabsolute .cots {
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 0.5rem;
    color: #333;
}

.max-ratio11 .duty_project .items3 .autopage {
    max-width: 90%;
}

.max-ratio11 .duty_project .items3 .autopage .healthDL .pads {
    padding: 0.5rem 0.4rem;
}

.max-ratio11 .duty .itemscsresponsibility .autopage,
.max-ratio11 .page_hope .ct.autopage {
    margin: 50vh auto 0 auto;
}

.max-ratio11 .duty .itemslaborator .autopage {
    margin: -45vh auto 0 auto;
    text-align: center;
}

.max-ratio11 .duty .itemslaborator .autopage .mleft {
    text-align: center;
}

.max-ratio11 .duty .moregy {
    padding: 0;
    background: unset;
    text-align: center;
    left: 0;
    bottom: 20%;
    top: unset;
    position: absolute;
    width: 100%;
}

.max-ratio11 .duty .moregy .pt10 {
    padding-top: 0.3rem;
}



.max-ratio11 .page_hope .ct.autopage {
    color: #fff;
}

.max-ratio11 .page_hope .items2 .autopage {
    position: absolute;
    bottom: 12%;
}

.max-ratio11 .page_hope .items2 .autopage .max450rem,
.max-ratio11 .page_hope .items2 .autopage .max400rem {
    width: auto;
}

.max-ratio11 .duty_project .items2 .max1200 {
    width: auto;
}

.max-ratio11 .duty_project .items3 .projectDL {
    margin-top: 10vh;
    padding: 0 1% 0.2rem 1%;
}



.max-ratio11 .thirdImg img {
    max-height: 50vh;
}

.max-ratio11 .thirdBg {
    bottom: 0%;
}

.max-ratio11 .thirdBg .autowidth {
    margin-top: 20%;
}

.max-ratio11 .projectTit2 .autopage {
    width: 100%;
}

.max-ratio11 .newsBg .autopage {
    max-width: 94%;
    padding: 0.5rem 0;
}

.max-ratio11 .newsBg .flexpt::before,
.max-ratio11 .newsBg .flexpt::after {
    position: relative;
}

.max-ratio11 .newsBg .flexpt .border {
    padding: 0 0.3rem;
}

.max-ratio11 .newsBg .flexpt .border::before,
.max-ratio11 .newsBg .flexpt .border::after {
    width: 0.2rem;
}

.max-ratio11 .newsBg .flexpt .font600 {
    font-weight: normal;
}

.max-ratio11 .newsBg .link {
    padding: 0.2rem 0.3rem;
}

.max-ratio11 .newsBg .flexpt {
    margin: 0.25rem;
}

.max-ratio11 .newsBg .flexpt .max3 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.max-ratio11 .newsBg .swiper-slide {
    background: rgba(255, 255, 255, 0.7);
}

.max-ratio11 .new .btn_return {
    position: relative;
}

.max-ratio11 .nutrition_research .itemsabout-fund-nutrition .autopage {
    padding-top: 70vh;
}

.max-ratio11 .nutrition_research .itemsabout-fund-nutrition .autopage .wts {
    width: 100%;
    max-width: 100%;
}

.max-ratio11 .materials .areaFlex .at {
    width: auto;
    padding: 0.2rem 0;
}

.max-ratio11 .materials .items2 .txt {
    width: auto;
    margin: 0 0 0.2rem 0;
}

.max-ratio11 .materials .items2 .autopage .round {
    height: 1.1rem;
    width: 1.1rem;
    line-height: 1.1rem;
}

.max-ratio11 .materials .itemsmaterial .animationDH.animateBt {
    max-width: 100%;
}

.max-ratio11 #page_materials .itemsmaterial_data .txt {
    margin-right: 0;
    width: 100%;
    margin-bottom: 0.2rem;
}

.max-ratio11 #page_materias_en .materials .itemsmaterial_data .txt {
    line-height: 1.5;
}

.max-ratio11 .diaoyan .pads {
    padding: 1rem 0.3rem;
}

.max-ratio11 .vidoeHover,
.max-ratio11 video.videoBg {
    display: none;
}

.max-ratio11 .ct.autopage {
    position: relative;
    z-index: 2;
}

.max-ratio11 .zixunSwiper {
    margin: 0;
}

.max-ratio11 .serviceFlex .item {
    width: 49%;
}

.max-ratio11 .phonePad100 {
    width: 100%;
}

.max-ratio11 .phonePadColumn {
    flex-direction: column;
}

.max-ratio11 .vidoeHover,
.max-ratio11 video.videoBg {
    display: block;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.max-ratio11 .page_index .vidoeHover,
.max-ratio11 .page_index video.videoBg {
    visibility: hidden;
}

.max-ratio11 #page_education_en .items2 .max1200 {
    padding-top: 10vh;
}

.max-ratio11 .sonSwiper .swiper-slide {
    width: 33vw;
}

.max-ratio11 .ul_circle li {
    margin-left: 0.2rem;
}

.max-ratio11 .yingDL .hLine {
    width: 1rem;
}

.max-ratio11 .yingDL dd {
    display: block;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.max-ratio11 .yingDL dd .blockDiv {
    width: 100%;
    margin: 0.3rem auto;
    text-align: center;
}

.max-ratio11 .p_circle::before {
    width: 0.15rem;
    height: 0.15rem;
    aspect-ratio: 1;
    margin-right: 0.15rem;
}

@media only screen and (min-width: 640px) {
    .max-ratio11 .thirdBg {
        bottom: -14%;
    }

    .max-ratio11 .thirdBg .autowidth {
        margin-top: -28vh;
    }
}

.max-ratio11 .new_list .pageBannerAuto,
.max-ratio11 .new .pageBannerAuto,
.max-ratio11 .pageInvestor .pageBannerAuto {
    height: 100vh;
    max-height: unset;
}

.max-ratio11 .pageInvestor .pageBannerAuto .autopage {
    position: absolute;
    top: 30%;
}

.max-ratio11 .pageInvestor .itemsirlink .fenhong.white .autopagew {
    width: 12.66rem;
    max-width: 85.652%;
}

.max-ratio11 .pageInvestor .itemsirlink .fenhong.white .icon {
    border: none;
    width: 80%;
}



.max-ratio11 .new_list .pageBannerAuto .colorfff,
.max-ratio11 .new .pageBannerAuto .colorfff {
    color: #333;
    position: absolute;
    top: 30%;
}

.max-ratio11 .new_list .newsDL dd .tit {
    text-align: left;
    line-height: 1.3;
}

.max-ratio11 #nutrition_research_en .threeFlex dd {
    width: 100%;
}

.max-ratio11 .usage .mcolorfff {
    color: #fff;
}

.max-ratio11 .usage div {
    max-width: 2rem;
    width: auto;
}

.max-ratio11 .usage div span {
    width: 90%;
    left: 5%;
    bottom: 18%;
}

.max-ratio11 .fenleis {
    padding: 0;
    display: none;
}

.max-ratio11 .my-sidebar-bg {
    content: "";
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 111;
}

.max-ratio11 .my-sidebar-parent {
    content: "";
    width: 100vw;
    min-height: 70vh;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 1;
}

.max-ratio11 .my-sidebar-parent .my-sidebar-div {
    background-color: #efefef;
}

.max-ratio11 .my-sidebar-left {
    background-color: #efefef;
    width: 13%;
    height: 100%;
    flex-shrink: 0;
    min-height: 70vh;
}

.max-ratio11 .my-sidebar-left .my-sidebar-images img {
    width: 70%;
    padding: 0.2rem 15%;
}

.max-ratio11 .my-sidebar-left .my-sidebar-images img.on {
    background-color: #fff;
}

.max-ratio11 .my-sidebar {
    width: 85%;
    flex: 1;
    z-index: 999;
    color: #333;
    background-color: #fff;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
}

.max-ratio11 .my-sidebar .my-sidebar-content {
    margin: 0.4rem 3%;
    text-align: left;
}

.max-ratio11 .my-sidebar .my-sidebar-content .my-sidebar-title {
    display: inline-block !important;
}

.max-ratio11 .my-sidebar .my-sidebar-content dd {
    margin: 0.2rem 0.1rem 0.2rem 0;
    flex-basis: calc(33% - 0.1rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.3rem;
    text-align: left;
}

.max-ratio11 .my-sidebar .my-sidebar-content dd a {
    display: block;
    padding: 0.04rem 0.1rem;
    background: #f7f7f7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0.2rem;
    text-align: center;
}

.max-ratio11 .my-sidebar .my-sidebar-content dd .on>a {
    border-color: #ff1d25;
    color: #ff1d25;
}

.max-ratio11 .my-sidebar .my-sidebar-content dd.tag1 {
    flex-basis: calc(25% - 0.15rem);
    margin: 0.2rem 0.15rem 0.2rem 0;
}

.max-ratio11 .my-sidebar .my-sidebar-content dd.tag2 {
    flex-basis: calc(33.33% - 0.15rem);
    margin: 0.2rem 0.15rem 0.2rem 0;
}

.max-ratio11 .my-sidebar.show {
    display: block;
}

.max-ratio11 .aboutIndex .itemsabout-industry .autopage {
    position: absolute;
    top: 20%;
}

.max-ratio11 .aboutIndex .itemsabout-about .autopage {
    position: absolute;
    top: 15%;
}


.max-ratio11 .aboutIndex .itemsabout-industry .cot {
    width: 100%;
    background: rgba(255, 255, 255, 0.7)
}

.max-ratio11 .aboutIndex .itemsabout-about .autopage .cot {
    width: 100%;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-industry .cot {
    width: 85%;
}

.max-ratio11 .aboutIndex .itemsabout-values .valueDL dd {
    width: 100%;
    margin-bottom: 0.2rem;
    overflow: hidden;
    padding: 0.3rem 0.4rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.max-ratio11 .aboutIndex .itemsabout-values .valueDL dd .cots {
    padding: 0;
}

.max-ratio11 .aboutIndex .itemsabout-values .valueDL dd .cots p {
    display: contents;
    line-height: 1.8;
    margin: 0;
}

.max-ratio11 .aboutIndex .itemsabout-values .valueDL dd .cots .font18 {
    margin-bottom: 0.1rem;
}

.max-ratio11 .aboutIndex .itemsabout-values .valueDL dd .scaleImg {
    display: none;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-values .autopage {
    max-width: 96%;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-values .cots {
    padding: 0.1rem 0.1rem;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-values .cots p {
    margin: 0 auto;
}

.max-ratio11 #page_about_en .aboutIndex .itemsabout-values .valueDL dd {
    padding: 0.1rem;
}

.max-ratio11 .news_black .colorfff {
    color: #333;
}

.max-ratio11 .new_list .newsDL dd {
    width: 48%;
    margin: 0 4% 5% 0;
}

.max-ratio11 .new_list .news_black .newsDL dd {
    background-color: rgba(0, 0, 0, .1);
}

.max-ratio11 .new_list .newsDL dd:nth-child(even) {
    margin-right: 0;
}

.max-ratio11 .nutritionMain .itemsresearch .leftWt .mpb2 {
    padding-bottom: 0;
}

.max-ratio11 .factory .items1 .ct.pb6 {
    padding-bottom: 6rem;
}


.max-ratio11 #page_factory_en .factory .position2 {
    bottom: -60%;
}

.max-ratio11 #page_factory_en .factory .itemsfactory_global .numFlex dd {
    padding: 0;
}

.max-ratio11 .education .numFlex .nums {
    width: 98%;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    margin: 0.1rem auto;
}

.max-ratio11 .welfarejz .bgs {
    max-width: 80%;
}

.max-ratio11 .welfare .items10 .autopage {
    position: absolute;
    top: 35%;
}


.max-ratio11 .pageLife .items10 .ct.autopage {
    position: absolute;
    top: 23%;
}

.max-ratio11 .pageLife .items3 .autopage .max40vw {
    max-width: 100%;
}

.max-ratio11 .pageLife .items4 .autopage {
    padding-top: 13vh;
}

.max-ratio11 .pageLife .items4 .autopage .max550 {
    max-width: 100%;
    width: 92%;
    margin-right: 4%;
}

.max-ratio11 #pageLife_en .items4 .autopage {
    padding-top: 10vh;
}

.max-ratio11 #pageLife_en .items4 .bgybottom {
    background-position-y: center !important;
}

.max-ratio11 .page_index .s4 .positionFull {
    justify-content: start;
}

.max-ratio11 .page_index .s4 .autowidth {
    margin-top: 3.5rem;
}

.max-ratio11 .search_img {
    min-height: 6rem;
}

.max-ratio11 .pdSearch .serarchTxt {
    margin-top: 0.25rem;
}

.max-ratio11 .pageLife .items2 .autopage {
    top: 10%;
    position: absolute;
    padding: 0;
    margin-left: 7.2%;
}

.max-ratio11 .pageLife .en .items2 .autopage {
    padding-top: 5rem;
}

.max-ratio11 .nutrition_research .itemsabout-fund-nutrition .autopage {
    padding-top: 0;
    position: absolute;
    bottom: calc(0.5rem + var(--safe-area-bottom));
    padding-bottom: 0.2rem;
    margin-left: 7.2%;
}

.max-ratio11 .nutrition_research .itemsabout-fund-core dl dd {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff;
}

@media only screen and (max-width: 640px) {
    .max-ratio11 .ul_circle li {
        margin-left: 0.36rem;
    }

    .max-ratio11 .pleft {
        text-align: left;
    }

    .max-ratio11 .pright {
        text-align: right;
    }

    .max-ratio11 .pcenter {
        text-align: center;
    }

    .max-ratio11 .pjustify {
        text-align: justify;
    }

    .max-ratio11 .phide {
        display: inline-block;
    }

    .max-ratio11 .pbr {
        display: none;
    }

    .max-ratio11 .mshow {
        display: block;
    }


}

.max-ratio11 .nutrition_research .itemsabout-fund-core .pads .pt1 img {
    vertical-align: text-bottom;
}

.max-ratio11 .cpImgs {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%;
}

.max-ratio11 .cpImgs img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.max-ratio11 .yuanliao .yl {
    padding: 0.1rem;
    margin-right: 0.2rem;
    border-radius: 0.2rem;
}

.max-ratio11 .usage div {
    max-width: 2rem;
    width: auto;
}

.max-ratio11 .usage div span {
    width: 90%;
    left: 5%;
    bottom: 18%;
}

.max-ratio11 .btnService {
    top: 0.15em;
}

.max-ratio11 .btnService .swiperBtn3 {
    width: 1rem;
    line-height: 1rem;
}

.max-ratio11 .swiperBtn,
.max-ratio11 .addBtns,
.max-ratio11 .brandBtn {
    width: .6rem;
    line-height: .6rem;
    font-size: 0.36rem;
    z-index: 10;
}

.max-ratio11 .bigEventsCenter .swiperBtn4 {
    top: 30%;
}

.max-ratio11 .swiperBtn4.leftBtn {
    left: 0;
}

.max-ratio11 .swiperBtn4.rightBtn {
    right: 0;
}


.max-ratio11 .thirdImg {
    width: auto;
    left: 1.5rem;
    right: 1.5rem;
}

.max-ratio11 .pointLeft {
    padding-right: 0.3rem;
}

.max-ratio11 .zixunSwiper .pads {
    padding: 0.5rem 0.14rem 0.6rem 0.14rem;
}

.max-ratio11 .zixunSwiper .mins {
    line-height: 0.35rem;
}

.max-ratio11 .zixunSwiper .swiper-slide-active .mins {
    line-height: 1.5;
}

.max-ratio11 .zixunSwiper .swiper-slide-active .scaleFont {
    font-size: 100%;
}

.max-ratio11 .testDL dd {
    width: 48%;
}

.max-ratio11 .chooseDL {
    padding: 0.5rem 0 0.7rem 0;
}

.max-ratio11 .chooseDL .imgOff {
    display: none;
}

.max-ratio11 .chooseDL .imgOn {
    display: block;
}



.max-ratio11 .pd2Swiper .full {
    min-height: 2.8rem;
}

.max-ratio11 .pd2-pagNode {
    bottom: 0.2rem;
}

.max-ratio11 .pd2-pagNode .swiper-pagination-bullet {
    margin-right: 0.18rem;
}

.max-ratio11 .padAuto {
    padding-left: 0.5rem;
    position: absolute;
    top: 2%;
    padding-right: 0.5rem;
}

.max-ratio11 .padrAuto {
    padding-right: 0.3rem;
}

.max-ratio11 .sonSwiper .swiper-slide {
    width: 100vw;
}

.max-ratio11 .sonSwiper .slides {
    max-height: 100vh;
    width: 70vw;
    margin-left: 13vw;
}

.max-ratio11 .shubiao div {
    bottom: -0.7rem;
    left: -0.55rem;
}

.max-ratio11 .phoneHide {
    display: none;
}

.max-ratio11 .threeFlex dd {
    width: 49%;
    margin-bottom: 0.4rem;
}

.max-ratio11 .nutrition_research .threeFlex dd {
    width: 100%;
    margin-bottom: 0.4rem;
}

.max-ratio11 .nutrition_research .threeFlex dd:last-child {
    margin-bottom: 0;
}

.max-ratio11 .scientific .items1 {
    height: 100vh;
    max-height: unset;
}

.max-ratio11 .scientific .items1 .autopage {
    position: absolute;
    top: 30vh;
}

.max-ratio11 .scientific .items1 .colorfff {
    color: #333;
}

.max-ratio11 .scientific .itemsresearch_b .healthDL dd .pads img {
    width: 50%;
}

.max-ratio11 .healthDL .pads {
    padding: 0.5rem;
}


.max-ratio11 .healthDL dd {
    width: 98%;
    margin-bottom: 0.5rem;
    border-top: 1px solid #ff1d25;
}

.max-ratio11 .itemsresearch_c .healthDL dd {
    border: none;
}

.max-ratio11 .itemsresearch_a .healthDL dd {
    border-top: none;
}

.max-ratio11 .itemsresearch_b .healthDL {
    padding: 0 0 0.4rem;
}

.max-ratio11 .itemsresearch_b .healthDL dd,
.max-ratio11 .duty_project .healthDL dd {
    width: 48%;
    margin-top: 0.2rem;
}


.max-ratio11 .max1200 {
    max-width: 100%;
}

.max-ratio11 .mwt100 {
    width: 1rem;
}

.max-ratio11 .phoneColumn {
    flex-direction: column;
}

.max-ratio11 .phoneWt100 {
    width: 100%;
}

.max-ratio11 .news_black .newSearch {
    background: rgba(255, 255, 255, .9);
}

.max-ratio11 .pages2 .jgdjfy>* {
    margin: 2px;
    padding: 1px;
}

.max-ratio11 .news_black .pages2 .jgdjfy>* {
    background: rgba(255, 255, 255, 0.6);

}

.max-ratio11 .news_black .pages2 .jgdjfy li a {
    color: rgba(0, 0, 0, 0.4);
    margin-left: -0.025rem;
}

.max-ratio11 .news_black .pages2 .on {
    color: #fff;
    background: #ff1d25;
}

.max-ratio11 .news_black .newSearch input {
    color: #333;
}

.max-ratio11 .news_black .newSearch input::placeholder {
    background-color: #fff;
    line-height: 0.6rem;
    padding: 0;
    color: rgba(0, 0, 0, 0.4);
    /* 浅灰色背景 */
}


.max-ratio11 .newSearch {
    position: static;
    margin: auto;
    width: 300px;
    max-width: 100%;
    margin-top: 0.2rem;
}

.max-ratio11 .newSearch input {
    line-height: 0.3rem;
    padding: 0.2rem 0.3rem;
    width: 88%;
}

.max-ratio11 .newSearch .btns {
    width: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
}

.max-ratio11 .news_black .newSearch .btns {
    color: #fff;
    background-color: #ff1d25;
}

.max-ratio11 #pageInvestorEn .serviceFlex .item {
    width: 98%;
}

.max-ratio11 .diaoyan .flex1 {
    width: 100%;
    flex: auto;
}

.max-ratio11 .aroundSwiper.swiper {
    width: 92%;
    left: 0;
    margin: auto;
}

.max-ratio11 .aroundSwiper .pads {
    padding: 0.3rem;
}

.max-ratio11 .pageLife .items1 .fullHeight {
    padding-top: 0;
}

.max-ratio11 #pageLife_en .items2 .autopage {
    padding-top: 2rem;
}

.max-ratio11 .pageLife .items3 .max550 {
    max-width: 3.5rem;
}

.max-ratio11 .aroundSwiper .dd {
    width: 98%;
    margin: 0 2% 1.33% 0;
}

.max-ratio11 .walfDL dd {
    width: 95%;
    padding: 2% 4%;
}

.max-ratio11 .swiperBtn-disabled {
    display: unset;
}

.max-ratio11 .productsList {
    padding: 0;
}

.max-ratio11 .products-item {
    width: 100%;
    /* 每行1个 */
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.1rem;
    /* 对齐顶部 */
}

.max-ratio11 .products-item .liobox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.max-ratio11 .products-item .scaleImg {
    width: 2.5rem;
    height: auto;
    margin-right: 0.5rem;
}

.max-ratio11 .products-item .textContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.max-ratio11 .products-item .textInfo {
    flex: 1;
}

.max-ratio11 .products-item .singleTxt {
    text-align: left;
    white-space: normal;
    /* 允许换行 */
    text-overflow: clip;
    /* 不显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    /* 限制最多两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max-ratio11 .products-item .priceInfo {
    text-align: left;
}

.max-ratio11 #divProducts {
    max-width: 100%;
}

.max-ratio11 .intellectual .projectTit .autopage {
    max-width: 90%;
}

.max-ratio11 .nutrition_report .reports .pointSwiper .blockImg {
    max-height: unset !important;
}


.max-ratio11 .tableBox table .firstRow td {
    border-color: #fff !important;
}

.max-ratio11 .itemsirinfo .infoSwiper .items {
    margin-top: 0.1rem;
}

.max-ratio11 .laborator .items1 .autopage {
    top: 25%;
    bottom: unset;
    position: absolute;
}

.max-ratio11 .laborator .items2 .imageList {
    display: block;
}

.max-ratio11 .join .items1 .autopage {
    top: 35% !important;
    bottom: unset;
    position: absolute;
}



.max-ratio11 .join .itemswork .itemList,
.max-ratio11 .join .itemsultimate .itemList {
    grid-template-columns: repeat(1, 1fr);
    /* 两行两列布局 */
    max-width: 90%;
    margin: 0 auto;
}

.max-ratio11 .join .itemswork .item.words,
.max-ratio11 .join .itemsultimate .item.words {
    padding: 0.1rem 0.2rem;
}

.max-ratio11 .join .itemswork .item:nth-child(3) {
    order: 4;
    /* 第三个元素在 PC 端排第四 */
}

.max-ratio11 .join .itemswork .item:nth-child(4) {
    order: 3;
    /* 第四个元素在 PC 端排第三 */
}

.max-ratio11 .join .itemsactivity .item-images {
    display: block;
}

.max-ratio11 .join .itemsactivity .item-image {

    width: 100%;
    object-fit: cover;
}

.max-ratio11 .join .itemstalent .item-images {
    display: block;
}

.max-ratio11 .join .itemstalent .item-image {
    width: 100%;
    object-fit: cover;
}

.max-ratio11 .qrcode-contain {
    margin-left: 0;
    padding: 0.1rem 0 0.3rem 0;
    width: 4rem;
    height: 3.6rem;
    color: #333;
    left: 2.3rem;
    top: 0.1rem;
    transform: scale(0.8);
}

.max-ratio11 .qrcode-contain .centers {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.max-ratio11 .qrcode-contain img {
    width: 55%;
    margin: 0.2rem 0 0 25%;
}

.max-ratio11 .qrcode-contain .btn_close {
    width: 0.2rem;
    margin: 0.2rem 0.2rem 0 0;
}

.max-ratio11 .join .itemswork .swiper,
.max-ratio11 .join .itemsultimate .swiper {
    padding-top: 0rem;
}

.max-ratio11 .join .itemswork .work-desc,
.max-ratio11 .join .itemsultimate .work-desc {
    width: 92%;
    max-width: unset;
    position: relative;
    margin: 0 auto;
    bottom: unset;
    padding: 1.6rem 0 0.4rem 0;
    background: unset;
}

.max-ratio11 .join .itemsultimate .work-desc {
    padding: 0.6rem 0 0rem 0;
    margin: 0;
    width: 100%;
}


.max-ratio11 .join .itemswork .swiper-pagination.default,
.max-ratio11 .join .itemsultimate .swiper-pagination.default {
    position: relative;
    margin-top: 0.5rem;
}

.max-ratio11 .join .itemstalent .swiper-pagination {
    position: relative;
    margin-top: 0.5rem;
}


/* iPhone 6/7/8 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) {
    .max-ratio11 .nutritionMain .itemsbinh .yanjiu dd {
        width: 30%
    }
}

@media (min-height: 720px) {

    .max-ratio11 .reports .pointSwiper .blockImg,
    .max-ratio11 .nutritionMain .pointSwiper .blockImg {
        max-height: 60vh;
    }

    .max-ratio11 .materials .dhLeft {
        margin-top: 0.5rem;
    }

    .max-ratio11 .materials .areaFlex .at {
        padding: 0.3rem 0;
    }

    .max-ratio11 .aboutIndex .itemsabout-values .valueDL dd .cots p {
        display: block;
    }

    .max-ratio11 .education .items2 .max1200 {
        padding-top: 14vh;
    }

    .max-ratio11 .education .items2 .max1200 .lefts {
        margin: 1% 8%;
    }
}

@media (min-height: 800px) {
    .max-ratio11 .nutrition_research .itemsabout-fund-core .pads {
        padding: 0.3rem;
    }

    .max-ratio11 .nutrition_research .itemsabout-fund-core .threeFlex {
        padding-top: 0.6rem;
    }

    .max-ratio11 .nutrition_research .itemsabout-fund-core .threeFlex dd {
        margin-bottom: 0.3rem;
    }


}

@media (max-height: 700px) {

    .max-ratio11 .mhide700,
    .mhide700 {
        display: none;
    }
}

@media (max-height: 800px) {

    .max-ratio11 .mhide800,
    .mhide800 {
        display: none;
    }
}

/* 平板样式 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .max-ratio11 .font14 {
        font-size: max(0.21rem, 13px);
    }

    .max-ratio11 .publicBtn {
        border-radius: 0.25rem 0;
    }

    .max-ratio11 .join .itemsactivity .item-image {
        max-height: 35vh;
    }

    .max-ratio11 .duty .itemscsresponsibility .autopage,
    .max-ratio11 .page_hope .ct.autopage {
        margin: 60vh auto 0 auto;
    }

    .max-ratio11 .pageLife .items4 .autopage {
        padding-top: 1.5rem;
    }

    .max-ratio11 .pageLife .items4 .autopage .max550 {
        max-width: 100%;
    }

    .max-ratio11 .hopeDL dd {
        padding: max(0.05rem, (100vh - 900px)* 0.08) 0;
    }

    .max-ratio11 .duty_education .items4 .cots {
        margin-top: 1rem;
    }

    .max-ratio11 .nutrition_research .itemsabout-fund-core .hexinDL .lefts {
        text-align: center;
        padding-top: 0.1rem;
    }

    .max-ratio11 .footer .kefuLink>a {
        width: 0.5rem;
        line-height: 0.5rem;
        ;
    }

    .max-ratio11 .footer .nav-service .font26 {
        font-size: max(0.4rem, 24px);
    }

    .max-ratio11 .padbgycenter {
        background-position-y: center !important;
    }

    .max-ratio11 .padbgybottom {
        background-position-y: bottom !important;
    }

    .max-ratio11 .padbgxcenter {
        background-position-x: center !important;
    }

    .max-ratio11 .padbgxleft {
        background-position-x: left !important;
    }

    .max-ratio11 .padbgxright {
        background-position-x: right !important;
    }

    .max-ratio11 .factory .itemsfactory_global .bgs {
        max-height: 50vh;
    }

    .max-ratio11 .nutritionMain .itemsabout-fund .mw100 {
        margin-left: 0.3rem;
    }

    .max-ratio11 .healthDL .pads .font16.justify {
        display: flex;
        align-items: center;
    }

    .max-ratio11 .healthDL .pads .font16.justify .content {
        margin-left: 0.3rem;
    }

    .max-ratio11 .healthDL .pads {
        padding: 0.3rem;
    }

    .max-ratio11 .healthDL .pads .font16.justify img {
        order: -1;
        width: 50%;
    }

    .max-ratio11 .footer .footTop {
        padding: .8rem 0 .4rem 0;
    }

    .max-ratio11 .nutrition_research .itemsabout-fund-nutrition .autopage {
        bottom: 0.5rem;
    }

    .max-ratio11 .aboutIndex .itemsabout-milestones .dhyc1 {
        padding-top: 15%;
    }

    .max-ratio11 .aboutIndex .itemsabout-milestones .desc_year_img {
        top: 23%;
    }

    .max-ratio11 .aboutIndex .itemsabout-milestones .bigEvents {
        bottom: 28%;
    }

    .max-ratio11 .aboutIndex .itemsabout-milestones .desc_desc {
        bottom: 20%;
    }

    .max-ratio11 .page_index .s5 .positionFull {
        color: #fff;
    }

    .max-ratio11 .copyRight {
        padding-bottom: 0.15rem;
    }

    .max-ratio11 .aboutIndex .itemsabout-about .autopage {
        top: 15%;
    }

    .max-ratio11 .duty .items1 .phoneBg,
    .max-ratio11 .duty .itemspubprotect .phoneBg,
    .max-ratio11 .laborator .items1 .phoneBg {
        background-position-y: center !important;
    }

    .max-ratio11 .pageLife .items2 .autopage {
        top: unset;
        bottom: 15%;
    }

    .max-ratio11 .hopeDL .desc {
        font-size: max(0.2rem, 12px);
    }

    .max-ratio11 .duty_project .items1 .phoneBg {
        background-position-y: center !important;
    }

    .max-ratio11 .duty_project .items1 .ct.autopage {
        top: 25%;
    }

    .max-ratio11 .duty_project .items2 .phoneBg {
        background-position-y: 80% !important;
    }

    .max-ratio11 .headCenter .headDL dd .navList .list {
        padding: 0.25rem 0;
    }

    .max-ratio11 .pageInvestor .pageBanner .phoneBg {
        background-position-y: center !important;
    }

    .max-ratio11 .diaoyan .flex1 {
        flex: 1;
    }

    .max-ratio11 .nutrition_research .itemsabout-fund-nutrition .phoneBg {
        background-position-y: 30% !important;
    }

    .max-ratio11 .products-item {
        display: block;
        width: calc(25% - 0.2rem);
    }

    .max-ratio11 .products-item .liobox {
        display: block;
    }

    .max-ratio11 .products-item .scaleImg {
        width: unset;
        margin-right: 0;
    }

    .max-ratio11 .products-item .textContainer {
        display: block;
    }

    .max-ratio11 .products-item .singleTxt {
        white-space: nowrap;
    }

    .max-ratio11 .qrcode-contain {
        width: 2.2rem;
        height: 1.8rem;
        transform: scale(1);
        left: 3rem;
        top: -1rem;
    }

    .max-ratio11 .qrcode-contain .btn_close {
        margin: 0.1rem 0.2rem 0 0;
    }

    .max-ratio11 .duty_education .items4 .cots {
        margin-top: 0.1rem;
    }

    .max-ratio11 .footer .kefuImg.on {
        width: 2.5rem;
        height: 2.5rem;
    }

}

/* 平板样式 */
@media screen and (min-width: 768px) and (max-width: 1280px) {
    .max-ratio11 .pageLife .items10 .ct.autopage {
        top: 70%;
    }

    .max-ratio11 .shubiao {
        bottom: 0.5rem;
    }

    .duty_education .items3 .nums .font16 {
        font-size: 14px;
    }

    .padAuto {
        padding-left: 0;
    }

    .nutrition_research .itemsabout-fund-nutrition .fullHeights {
        background-position-x: 80%;
    }

    @media (max-height: 800px) {
        .mhide700 {
            display: none;
        }
    }

    .join .itemswork .work-desc,
    .join .itemsultimate .work-desc {
        width: 35%;
    }
}


@media only screen and (max-width:320px) {
    .headRight .language {
        font-size: 0.2rem;
    }

    .headFlex .logo {
        height: 0.4rem;
    }

    .header {
        padding: 0.2rem;
    }

    .navMenu {
        margin-left: 0.2rem;
    }

    .footer .footDL .dd {
        padding: 0.2rem 0;
    }

    .footTop .navs .footDL .dd {
        margin-left: 0;
    }

    .nav-service .font26 {
        padding-left: 0.2rem;
    }

    .max-ratio11 .autowidth {
        max-width: 94%;
    }

    .max-ratio11 .autopage {
        max-width: 94%;
    }

    .max-ratio11 .footer .footTop {
        padding: .3rem 0 .1rem 0;
    }

    .max-ratio11 .footer .footTop .navs {
        padding-top: 0.2rem;
    }

    .max-ratio11 .footer .footDL .dd>p {
        margin-bottom: .05rem;
    }

    .headDL dd .link {
        padding: .2rem 0;
    }

    .max-ratio11 .brandCt {
        padding: 0.3rem 0;
    }

    .brandCt {
        margin-top: 0.3rem;
    }

    .max-ratio11 .headCenter .headDL .nav .menuNav {
        padding-top: 0.3rem;
    }

    .max-ratio11 .headCenter .headDL dd .navList .list {
        padding: 0.2rem 0;
    }

}