.institution-left-m {
    position: fixed;
    left: calc(100vw - 31px);
    top: 40vh;
    width: 32px;
    height: 50px;
    background: #1F4E83;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


.institution-left-m img {
    width: 12px;
}

.sciences-tabs-m {
    position: fixed;
    left: calc(100vw - 31px);
    top: 308px;
    width: 32px;
    height: 50px;
    background: #1F4E83;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.sciences-tabs-m img {
    width: 12px;
}

@media screen and (max-width: 767px) {
    .main {
        width: 100%;
        /* height: 2148px; */
        background: #ffffff00;
        background-size: 100%;
        overflow: hidden;
    }

    .info-date {
        display: none;
    }

    .achievement-right-item-sqlt .info-date {
        width: 60px;
        display: block;
    }
    .achievement-right .marker {
        margin-top: 14px;
    }
    .achievement-right-item-sqlt li {
        align-items: flex-start;
    }

    .achievement-left .info-date {
        display: none;
    }

    .pagination {
        flex-wrap: wrap;
        row-gap: 20px;
        justify-content: center;
    }

    .question-item-title {
        height: auto;
        width: calc(100vw - 50px);
        box-sizing: border-box;
        padding: 10px;
    }

    .wh-box-02 img:nth-of-type(1) {
        width:85vw;
    }
    html {
        font-size: 16px;
    }

    /* zzz */
    .center {
        /* width: 93.75rem; */
        width: 100% !important;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    #header-container {
        height: 130px !important;
    }

    .slideshow-title {
        font-size: 1.75rem !important;
        line-height: 2.5rem;
        margin: 0;
        text-align: left;
        padding: .625rem;
        box-sizing: border-box;
    }

    .slideshow-mhide {
        font-size: 1.25rem !important;
        line-height: 1.6875rem;
        margin: .75rem 0 1.75rem 0;
        text-align: left;
        padding: 0 .625rem;
        box-sizing: border-box;
    }

    .swiper-container {
        width: 100%;
        height: auto;
    }

    .swiper-slide {
        width: 100%;
    }
    .swiper1{
        margin-top: 0!important;
    }
    .swiper-pagination,
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-play,
    .swiper-pause {
        display: none;
    }

    .cover {
        width: calc(100vw - 50px);
        height: 2.5rem;
        font-size: 1.125rem;
        line-height: 2.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .achievement-container img {
        width: 173px;
    }

    .information {
        padding: 2.3125rem .9375rem 0 .9375rem;
        box-sizing: border-box;
    }

    .information-left {
        width: 100%;
        padding-bottom: 4.5rem;
        border-bottom: 1px solid #DADADA;
    }

    .all-title-main {
        font-size: 1.5rem;
        color: #444444;
        line-height: 2.1875rem;
        align-items: center;
    }

    .all-title-more {
        display: none !important;
    }

    .all-title-line {
        margin: 0 1.875rem;
    }

    .information-left-content {
        margin-top: 1.0625rem;
    }

    .left-item {
        width: 100% !important;
        padding-top: 1.0625rem;
        width: 100%;
        background-color: #F0F0F0;
        padding-bottom: .625rem;
        position: relative;
    }

    .info-slider {
        width: 100%;
        display: flex;
    }

    .info-container {
        width: 48% !important;
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .info-container .information-describe-time {
        position: static;
    }

    .info-line {
        margin: 0 30px !important;
        width: 2px;
        height: 24px;
        border: 0;
    }

    .carousel-pagination {
        display: none;
    }

    .information-describe-text {
       width: calc(100vw - 200px);
        margin-left: .625rem;
        /* display: inline !important;
        width: 48% !important; */
        height: 80px !important;
        font-size: 1.125rem !important;
        line-height: 1.75rem !important;
        text-overflow: ellipsis !important;
        font-weight: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .information-describe-time {
        font-size: 1rem;
        width: 48% !important;
        position: absolute;
        left: calc(50% + 10px);
        top: 77%;
        margin: 0;
    }

    .information-left-item {
        flex-direction: column;
    }

    .arrow {
        right: 0 !important;
        bottom: 4px !important;
        left: auto;
        top: auto;
    }
.info-container img{
        max-height: 133px;
        min-height: 120px;
        aspect-ratio: 3 / 2;
}

    .infoText {
        width: 97%;
        white-space: initial !important;
    }

    .info-text {
        width: 97% !important;
        white-space: wrap;
        font-size: 1.125rem;
    }

    .info-text2 {
        width: 81%;
        white-space: wrap;
        font-size: 1.125rem;
    }

    .info-text3 {
        width: 90%;
        white-space: wrap;
        font-size: 1.125rem;
    }


    .inline-date {
        display: inline;
    }

    .information-left-item li {
        align-items: flex-start;
    }

    .information-left-item li .marker {
        margin-top: .875rem;
    }

    .information-left {
        position: relative;
    }

    .information-right {
        position: relative;
        margin: 0;
        margin-top: 2.5rem;
        width: 100%;
        padding-bottom: 6.5rem;
    }

    .all-title-more-s {
        display: block;
        position: absolute;
        left: calc(50vw - 100px);
        bottom: 1.5rem;
        width: 156px;
        height: 48px;
        font-size: 18px;
        color: #B49839 !important;
        line-height: 48px;
        text-align: center;
        border: 1px solid #B49839;
    }

    .information-right-content {
        width: 100%;
    }

    .guide {
        height: auto !important;
        padding: 2.3125rem .9375rem 0 .9375rem;
    }

    .guide .info-text {
        width: 81% !important;
    }

    .guide-left {
        position: relative;
        padding-bottom: 5.5rem;
        width: 100% !important;
    }

    .guide-left-item li {
        align-items: flex-start;
    }

    .guide-left-item li .marker {
        margin-top: .875rem;
    }

    .guide-top {
        padding: 0;
    }

    .guide-main {
        display: block;
    }

    .guide-right {
        margin: 0;
        width: 100%;
        position: relative;
        padding-bottom: 5.5rem;
    }

    .guide-right-item2 {
        width: 100% !important;
        height: auto !important;
    }

    .guide-right-item2 li {
        width: 100% !important;
        height: auto !important;
    }

    .img-zoom:hover {
        transform: scale(1);
    }

    .guide-container {
        width: 100%;
        height: 100%;
    }

    .guide-container img {
        width: 100%;
    }

    .guide-container-nsfc {
        top: 14px;
        right: 14px;
        font-size: 18px;
    }

    .guide-container-title {
        font-size: 1.375rem;
        top: 32px !important;
    }

    .guide-container-title1 {
        top: 43px !important;
    }

    .guide-right-item {
        height: auto !important;
    }

    .guide-right-item2 {
        height: auto !important;
    }

    .achievement {
        padding: 2.3125rem .9375rem 0 .9375rem;
        height: 100%;
    }

    .achievement-top {
        padding: 0;
    }

    .achievement-left {
        width: 100%;
        padding-bottom: 4.5rem;
        position: relative;
    }

    .achievement-left-item-container {
        margin-top: 0;
    }

    .achievement-left-one {
        width: 48%;
        margin-right: 15px;
    }

    .science-left-one .achievement-container {
        width: 50%;
    }

    .achievement-container {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .img-zoom {
        height: auto;
    }

    .achievement-left-nav {
        top: 19%;
    }

    .achievement-text {
        font-size: 1.125rem;
        line-height: 1.875rem;
    }

    .achievement-text .date {
        margin-left: 0 !important;
        display: block;
    }

    .achievement-left-item2 {
        width: 100%;
    }

    .achievement-pointer {
        width: 90%;
    }

    .achievement-left-item2 li {
        align-items: flex-start;
    }

    .achievement-left-item2 .marker {
        margin-top: .7rem;
    }

    .toggle1-pagination {
        display: none;
    }

    .toggle2-pagination {
        display: none;
    }

    .kpkx-icon {
        bottom: 24% !important;
    }

    .achievement-left-item2 .info-text {
        width: 98% !important;
        white-space: wrap;
    }

    .achievement-main {
        flex-direction: column;
    }

    .achievement-right {
        width: 100%;
        padding-bottom: 5.5rem;
        position: relative;
    }

    .achievement-right-item {
        flex-direction: column;
    }

    .achievement-right-item1 {
        width: 100%;
    }

    .achievement-right-item1 ul {
        display: flex;
        justify-content: space-between;
    }

    .achievement-right-item1 ul li {
        margin: 0 !important;
        width: 48% !important;
    }

    .achievement-right-item2 {
        width: 100%;
    }

    .achievement-right-item2 .achievement-right-item2-font {
        white-space: wrap;
    }

    .science {
        height: auto;
        padding: 2.3125rem .9375rem 0 .9375rem;
    }

    .science-left {
        width: 100%;
        position: relative;
        padding-bottom: 4.5rem;
    }

    .science-left-content {
        display: block;
    }

    .science-left-one {
        width: 100%;
        position: relative;
    }

    .science-left-one-font {
        width: 48% !important;
        position: absolute;
        left: calc(50% + 10px);
        top: 0;
        margin: 0;
        font-size: 1.125rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .science-left-content .news-time {
        width: 48% !important;
        position: absolute;
        left: calc(50% + 10px);
        bottom: 0;
        margin: 0;
    }

    .science-left-item {
        width: 100%;
    }

    .science-right-video {
        position: relative;
        padding-bottom: 4.5rem;
        width: 100% !important;
    }

    .science-right-video .video-pagination {
        display: none;
    }

    .science-right {
        width: 100%;
        display: block;
    }

    .science-right-book {
        position: relative;
        padding-bottom: 5.5rem;
        width: 100% !important;
    }
    .office-line{
        display: none;
    }
    .office-hall {
        height: auto;
        padding: 2.3125rem .9375rem 0 .9375rem;
        box-sizing: border-box;
        margin-bottom: 38px;
    }

    .office-top {
        display: block;
    }

    .hall {
        width: 100% !important;
    }

    .office-right-content li {
        width: 6.75rem;
    }

    .plant-left {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100% !important;
    }

    .plant-right {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .plant-left a {
        width: 50%;
        display: flex;
        justify-content: center;
    }

    .plant-right a {
        width: 32%;
        display: flex;
        justify-content: center;
    }

    .plant-line {
        display: none;
    }

    /* 40周年合集 */


    /* ggg */
    /* 40周年合集新增 */
    .fortyYear-main {
        background: url('../images/phone/40year-bg.png') no-repeat;
        background-size: 100vw auto;
        background-color: #FFEEE5;
    }

    .text40 {
        padding: 18px 24px 23px 20px;
    }

    .fortyYear-main>.center {
        width: 100vw !important;
    }

    .footer-fortyYear {
        background: linear-gradient(0deg, #ce1d00, #dc2600);
        background-size: 100vw 100vw;

    }

    .fortyYear-content {
        background: url('../images/phone/xinfeng.png') no-repeat;
        width: 100vw;
        height: 1600px;
        margin: 200px 0 65px;
        padding: 112px 44px 0;
        background-size: 100vw 100%;
    }

    .fortyYearTopic-content {
        background: url('../images/phone/xinfeng1.png') no-repeat;
        width: 100vw;
        height: 1820px;
        margin: 200px 0 0;
        padding: 112px 44px 0;
        background-size: 100vw 100%;
    }

    .fortyYear-content-title {
        font-size: 34px;
        line-height: 49px;
    }

    .fortyYearTopic-content-text {
        margin-top: 52px;
    }

    .fortyYearTopic-content-text p {
        font-size: 20px;
        line-height: 40px;
    }

    .report-box .report40-content ul a {
        width: 100% !important;
    }
    .report40-content.report-box {
        margin-top: 200px;
    }

    .report40-content.report-box ul a {
        width: 100% !important;
    }
    .report40-content {
        margin-top: 32px;
        margin-bottom: 64px;
    }

    .report40-content ul {
           
        padding: 0 20px;
        width: calc(100vw - 86px);
        flex-wrap: wrap;
    }

    .report-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: wrap;
    }

    .report40-topic ul a {
        width: 100% !important;
    }

    .report40-content li {
             margin-bottom: 0;
        height: auto;
        width: calc(100vw - 40px);
        /* flex-wrap: wrap; */
    }
    .top-topic-img {
        text-align: left;
        width: 100vw;
    }

    .top-img {
        top: 220px;
        /* width: 100vw; */
    }

    .detail-p img {
        width: calc(100vw - 50px);
    }

    .sciences-main-glkxb>.center {
        width: calc(100vw - 30px) !important;
    }

    .sciences-work-img {
        aspect-ratio: 3 / 2;
    }

    .navbar-m {
        overflow: hidden;
    }

    .right-pscx {
        display: block;
    }

    .right-pscx img {
        width: 100%;
    }

    .every-title {
        width: 100%;
    }

    .institution-right p img {
        width: 100%;
    }

    .onlyImg img {
        width: 100%;
    }

    .detail-pagination-item {
        width: 100%;
        height: auto;
    }

    /* footer */
    footer {
        height: 296px;
    }

    .input {
        display: none;
    }

    .footer-info {
        display: none;
    }

    .navbar {
        display: none;
    }

    .header {
        display: none;
    }

    .header-m {
        display: block !important;
    }

    .footer-info-m {
        display: flex;
        width: 100vw;
        height: 100%;
        padding: 34px 0 0 0;
        /* background: #052E5C; */
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
    }

    .footer-info-address {
        display: flex;
        column-gap: 1rem;
        line-height: 36px;
        justify-content: center;
        width: 100%;
    }

    .wzy-item-time {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }
    .wzy-item-time div:nth-of-type(2) {
        text-align: end;
        width: 100%;
    }

    .wzy-box-c {
        width: 100%;
    }

    .footer-info-contact {
        margin-top: 2.25rem;
    }

    .webnov {
        margin: 0 3.75rem 0 1rem;
        width: 88px;
    }

    .nav-link {
        width: 30vw;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .navbar-m .dropdown-menu {
        position: absolute;
        top: auto;
        left: auto;
    }

    .dropdown-indicator {
        left: 29%;
    }


    .institution-title {
        display: none;
    }

    #newsDisplay-container {
        display: none;
    }

    .institution-main {
        margin-top: 0 !important;
    }

    .institution-left {
        display: none;
        position: fixed;
        top: calc(40vh - 130px);
        left: calc(100vw - 250px);
        height: auto;
        background: rgb(31, 78, 131, 0.8);
        z-index: 99999;
    }

    .institution-right {
        width: 100vw !important;
        padding: 30px 15px 40px;
    }

    .every-img img {
        width: calc(100vw - 30px);
        height: auto;
    }

    .item-right img {
        width: calc(100vw - 30px);
        height: auto;
        height: 100%;
        aspect-ratio: 3 / 2;
        margin-left: 0;
    }

    .item-left-article {
        display: none;
    }

    .kpkx-article {
        display: none;
    }

    .item {
        height: auto;
        margin-bottom: 28px;
        padding-bottom: 28px;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .kpkx-item {
        height: auto;
        margin-bottom: 28px;
        padding-bottom: 28px;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 0;
    }

    .item-left-title {
        width: calc(100vw - 30px);
        font-size: 18px;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: wrap;
    }

    .item-left-time {
        font-size: 20px;
        margin-top: 14px;
    }

    .item-left-time span:nth-of-type(2) {
        font-size: 16px !important;
    }

    .jdts-main {
        padding: 30px 15px 40px;
    }

    .jdts-main-content {
        width: 100vw;
        padding: 0;
        background: #ffffff;
    }

    .jdts-ul {
        flex-wrap: wrap;
    }

    .jdts-li img {
        width: calc(100vw - 30px);
        height: 100px;
    }

    .gztx-main {
        width: auto;

    }

    .gztx-title {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .institution-all-content-leaderdetail .detailContent {
        height: auto;
        padding: 10px;
    }

    .institution-all-content-leaderdetail .detail01-left-title {
        font-size: 30px;
    }

    .institution-all-content-leaderdetail .detail01-left-title02 {
        font-size: 24px;
        margin-top: 20px;
    }

    .institution-all-content-leaderdetail .detail01-left-content {
        font-size: 1.125rem;
        width: calc(100vw - 186px);
    }

    .sciences-work-imgs {
        width: calc(100vw - 50px);
        height: auto;
    }

    .sciences-work-text {
        position: relative;
        width: calc(100vw - 50px);
        height: 106px;
        padding: 18px 0 0;
        background: #ffffff;
        font-size: 18px;
        font-weight: bold;
        color: #444;
        line-height: 26px;
        box-sizing: border-box;
    }

    .science-detail li {
        display: block;
    }

    .sciences-work-text span {
        width: calc(100vw - 50px);
        height: auto;
    }

    .sciences-tab {
        border-bottom: 1px solid #176EB7;
    }

    .sciences-tab:last-child {
        border-bottom: 1px solid #176fb700;
    }

    .sciences-tabs {
        display: none;
        position: fixed;
        left: calc(100vw - 220px - 32px);
        top: 250px;
        z-index: 9;
        width: 250px;
    }

    .sciences-tab {
        background: rgba(31, 78, 131, 0.8);
    }

    .sciences-zzcg-img {
        width: calc(100vw - 50px);
        aspect-ratio: 1.6 / 1;
        height: auto;
    }

    .science-detail-item a {
        /* width: 200px; */
    }

    .sciences-zzcg ul li img {
        width: calc(100vw - 50px);
        aspect-ratio: 1.6 / 1;
        height: auto;
    }

    .sciences-main {
        background-size: auto;
         position: relative;
    }

    .sciences-main,
    .sciences-main-sxwlkxb,
    .sciences-main-hxkxb,
    .sciences-main-smkxb,
    .sciences-main-dqkxb,
    .sciences-main-gcyclxb,
    .sciences-main-xxkxb,
    .sciences-main-glkxb,
    .sciences-main-jckxb,
    .sciences-main-gjkyxb {
        position: relative;
    }

	.sciences-main>.center,
    .sciences-main-sxwlkxb>.center,
    .sciences-main-hxkxb>.center,
    .sciences-main-smkxb>.center,
    .sciences-main-dqkxb>.center,
    .sciences-main-gcyclxb>.center,
    .sciences-main-xxkxb>.center,
    .sciences-main-glkxb>.center,
    .sciences-main-jckxb>.center,
    .sciences-main-gjkyxb>.center {
        width: calc(100vw - 30px)!important;
    }
    

    .sciences-main>.center {
        width: calc(100vw - 30px) !important;
    }

    .sciences-content {
        width: calc(100vw - 30px);
        padding: 10px;
        margin-top: 36px;
    }

    .sciences-work {
        display: contents;
    }

    .sciences-zzcg ul {
        padding-bottom: 90px;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .lunbo-prev,
    .lunbo-next {
        top: 100px;
    }

    .sciences-imgags-item {
        width: calc(100vw - 50px);
        padding-left: 30px;
    }

    .sciences-imgags {
        row-gap: 20px;
        flex-wrap: wrap;
    }

    .zdjh-position,
    .lyzx-position,
    .lczx-position,
    .yjxm-position,
    .xsqk-position{
        background-size: calc(100vw - 50px) auto;
    }

    .science-detail-item a,
    .science-detail-item-half a {
        white-space: wrap;
    }

    .science-detail-date {
        text-align: end;
    }

    .science-detail:last-child {
        padding-bottom: 60px;
        border-bottom: 1px solid #D8D8D8;
    }

    .sciences-work-detail .all-title .all-title-more {
        display: none;
    }

    .sciences-work-detail,
    .sciences-zzcg {
        position: relative;
    }

    .sciences-work-detail .all-title .all-title-more-m,
    .sciences-zzcg .all-title .all-title-more-m {
        position: absolute;
        left: calc(50vw - 100px);
        bottom: 30px;
        width: 156px;
        height: 48px;
        font-size: 18px;
        color: #B49839;
        line-height: 48px;
        text-align: center;
        border: 1px solid #B49839;
    }

    .sciences-tab-active {
        background: #B49839;
    }

    .sciences-content-left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: calc(100vw - 50px);
        height: auto;
    }

    .sciences-content-left-title {
        display: none;
    }

    .sciences-content-left-item {
        width: 150px;
        /* height: 40px; */
        line-height: 40px;
    }

    .sciences-content-main-content {
        padding-top: 36px;
        display: block;
    }

    .sciences-content-right p {
        font-size: 18px !important;
    }

    .sciences-content-right-title {
        border-left: 8px solid #B49839;
        padding-left: 16px;
        margin-top: 36px;
        font-size: 22px !important;
    }

    .sciences-content-right-content-item {
        display: block;
    }

    .left-content-science {
        width: 100%;
        align-items: flex-start;
    }

    .item-right-content {
        font-size: 18px;
        line-height: 30px;
        white-space: wrap;
    }

    .sciences-content-right-content-item .date {
        text-align: end;
    }

    .item-left-tit {
        margin-top: 12px;
    }

    /* --------------------------- */
    .sciences-main-dqkxb {
        background-size: auto;
    }

    .sciences-main-dqkxb>.center {
        width: calc(100vw - 30px) !important;
    }

    .sciences-tab-active {
        background: #B49839;
    }

    .sciences-content-main-nav-item {
        width: 100%;
        font-size: clamp(20px, 4vw, 22px);
        justify-content: space-evenly;
    }

    .sciences-content-main-nav-item:not(.active) {
        display: none;
    }

    .sciences-content-main-nav-item.active>img {
        display: none;
    }

    .sciences-content-main-nav-item.active {
        border-bottom: none;
    }

    .sciences-content-main-nav {
        display: block;
    }

    .sciences-content-main-nav-item img {
        width: clamp(12px, 3.2vw, 18px);
        height: clamp(12px, 3.2vw, 18px);
    }

    .sciences-content-left .active {
        width: auto;
    }

    /* -------------------------------------------- */
    .detail-main {
        background-size: auto;
        position: relative;
    }

    .detail-main>.center {
        width: calc(100vw - 30px) !important;
    }

    .detail-content {
        width: calc(100vw - 50px);
    }

    .title {
        width: calc(100vw - 30px);
        margin: 80px 0 19px 0;
    }

    .detail-bg {
        width: calc(100vw - 30px);
        padding: 34px 10px 40px;
        box-sizing: border-box;
        background: #FFFFFF;
        margin-bottom: 40px;
    }

    .detail-line {
        width: 100%;
    }

    .detail-p {
        width: 100%;
        padding: 0;
    }

    .detail-img img {
        width: calc(100vw - 50px);
    }

    .detail-introduce {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        width: calc(100vw - 80px);
    }

    .detail-print {
        display: none;
    }

    .detail-introduce {
        flex-wrap: wrap;
    }

    .detail-introduce .detail-font {
        margin-left: 0;
        margin-right: 0;
    }
.institution-all-content-leader {
        height: auto;
    }
    .gztx-main img {
        width: calc(100vw - 50px);
    }

    .detail-p img {
        width: calc(100vw - 50px);
    }
    .detail-content div:nth-of-type(3){
        width: calc(100vw - 50px) !important;
    }
    @media screen and (max-width: 400px) {
        html {
            font-size: 14px;
        }
  /* 
        .institution-left {
            left: calc(100vw - 220px);
        }

        .institution-left-m {
            left: calc(100vw - 220px - 31px);
        }
*/

        .footer-info-address {
            font-size: 17px;
        }

    }
}

/*@media screen and (min-width: 768px) and (max-width: 1500px) {*/
/*    !* zzz *!*/





/*    !* ggg *!*/


/*    .institution-left-m {*/
/*        display: none;*/
/*    }*/

/*    .footer-info-m {*/
/*        display: none;*/
/*    }*/

/*    .header-m {*/
/*        display: none !important;*/
/*    }*/

/*    .menu-box {*/
/*        display: none;*/
/*    }*/

/*    .dropdown {*/
/*        position: relative;*/
/*    }*/


/*    .navbar-m .dropdown-menu {*/
/*        position: absolute;*/
/*        top: auto;*/
/*        left: auto;*/
/*    }*/
/*    .sciences-work-detail .all-title .all-title-more-m {*/
/*        display: none;*/
/*    }*/

/*    .sciences-tabs {*/
/*        display: flex !important;*/
/*    }*/

/*    .sciences-tabs-m {*/
/*        display: none;*/
/*    }*/

/*    .phone-page {*/
/*        display: none;*/
/*    }*/
/*}*/

@media screen and (min-width: 768px) {
    html {
        font-size: 16px;
        /* 手机端建议14px，提升可读性 */
    }

    .institution-left-m {
        display: none;
    }

    /* zzz */




    /* ggg */
    .footer-info-m {
        display: none;
    }

    .header-m {
        display: none !important;
    }

    .menu-box-pad {
        display: none;
    }

    .sciences-work-detail .all-title .all-title-more-m {
        display: none;
    }

    .sciences-tabs {
        display: flex !important;
    }

    .sciences-tabs-m {
        display: none;
    }

    .phone-page {
        display: none;
    }
}


.header-main-m .click-m {
    display: flex;
    gap: 20px;
}

.header-main-m {
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.logo-m {
    width: 240px;
}

.c-m {
    width: 30px;
    height: 30px;
    background: #B49839;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
}

.navbar-m {
    height: 50px;
    background: #1F4E83;
    display: flex;
    justify-content: start;
}

.slider-right-m {
    width: 32px;
    height: 50px;
    position: absolute;
    left: calc(100vw - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B49839;
    z-index: 999999;
}

.slider-right-m img {
    width: 12px;
    height: 20px;
}

.slider-left-m {
    opacity: 0;
    width: 32px;
    height: 50px;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #B49839;
    z-index: 999999;
}

.slider-left-m img {
    width: 12px;
    height: 20px;
    transform: rotateY(180deg);
}


.menu-m-ul {
    position: relative;
    width: 100%;
    top: 0;
    left: auto;
}

.menu-m-ul ul {
    position: absolute;
    width: 150px;
    line-height: 50px;
    background: rgba(31, 78, 131, 0.8);
}

.menu-m-ul ul li {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
}

.menu-box-pad {
    position: relative;
    width: 100%;
    top: 0;
    left: auto;
}

.menu-box-pad ul {
    position: absolute;
    width: 226px;
    line-height: 50px;
    background: rgba(31, 78, 131, 0.8);
}

.menu-box-pad ul li {
    width: 226px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.menu-box-pad ul li:hover {
    background: #B49839;
}
.navbar-m .dropdown,
.navbar-m .nav-item {
    display: inline-block;
}