.top-nav-toggle{
    display: none;
    margin-left: calc(20 * var(--rpx));

    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

    height: calc(40em / 14);
    width: calc(40em / 14);
    border-radius: calc(20em / 14);
    border: 1px solid rgba(255, 255, 255, .5);
    font-size: clamp(12px, calc(.2083vw + 10px), 14px);

    flex: 0 0 auto;
}

.top-nav-toggle i{
    width: calc(24 * var(--rpx));
    height: 2px;
    flex: 0 0 auto;
    background: #fff;
    margin-bottom: 3px;
    transition: cubic-bezier(0.15, 1, 0.336, 1) .5s;

}

.scrolled .top-nav-toggle{
    border-color: rgba(0, 0, 0, .3);
}

.scrolled .top-nav-toggle i{
    background-color: rgba(0, 0, 0, .3);
}

@media (max-width: 960px) {
    :root{
        --wrapper-width: clamp(710px, calc(90.4762vw + 31.4286px), 900px);
        --wrapper-width-narrow: clamp(600px, calc(57.1429vw + 171.4286px), 720px);
    }

    .site-header-bar .bar1, .site-header-bar .bar2{
        padding-left: clamp(20px, calc(4.1667vw - 10px), 30px);
        padding-right: clamp(20px, calc(4.1667vw - 10px), 30px);
    }

    .page-content{
        width: 100%;
        overflow: hidden;
    }

    .top-nav{
        display: none;
    }

    .top-nav-toggle{
        display: flex;
    }

    .site-header{
        z-index: 1200;
    }

    .page-inner-nav .inner-nav-link{
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .page-inner-nav.fixed .inner-nav-link{
        padding-left: 1em;
        padding-right: 1em;
    }

    .news-card{
        width: clamp(240px, calc(14.2857vw + 132.8571px), 270px);
        height: clamp(280px, calc(4.1667vw + 240px), 320px);
    }

    .site-footer .row2 .left{
        width: 35%;
        flex: 0 0 auto;
    }

    .site-footer .row2 .right{
        width: 60%;
        flex: 0 0 auto;
    }

    .contact-ctn{
        display: block;
    }

    .contact-ctn .tab-header{
        display: flex;
        width: 100%;
    }

    .contact-ctn .tab{
        padding-left: calc(6em / 14);
        padding-right: calc(6em / 14);
        flex: 1 0 auto;
        border-bottom: 2px solid currentColor;
        border-left: none;
        text-align: center;
    }

    .contact-ctn .title{
        display: none;
    }

    .contact-ctn .tab-body{
        width: 100%;
    }

    .part-copy .left{
        width: 50%;
        flex: 0 0 auto;
    }

    .desc{
        font-size: 1rem;
    }

    .report-card{
        width: calc(330 * var(--rpx));
    }

    .report-card::before,
    .report-card::after{
        border-top-width: calc(80 * var(--rpx));
        border-left-width: calc(92.5 * var(--rpx));
    }


    .news-card .desc{
        font-size: 1rem;
    }
}

@media (max-width: 750px) {
    :root {
        --rpx-75: calc(1.5vw / 7.5);
        --rpx-67: calc(1.33vw / 7.5);
        --rpx-50: calc(1vw / 7.5);
        --rpx: var(--rpx-67);

        --wrapper-width: calc(100% - 40 * var(--rpx));
        --wrapper-width-narrow: calc(100% - 40 * var(--rpx));
    }

    .external-links{
        display: none;
    }
    .site-header-bar .bar1, .site-header-bar .bar2{
        padding-left: clamp(15px, calc(1.8519vw + 6.1111px), 20px);
        padding-right: clamp(15px, calc(1.8519vw + 6.1111px), 20px);
    }

    .site-header .btn-search{
        margin-left: auto;
    }

    .page-header{
        height: calc(400 * var(--rpx))
    }

    .desc + .btn-ctn{
        margin-top: calc(50 * var(--rpx-50));
    }

    .site-footer .part-nav .right{
        display: none;
    }

    .site-footer .row2 .left{
        width: 100%;
    }

    .contact-ctn{
        font-size: 1rem;
    }

    .site-footer .part-copy .wrapper{
        display: flex;
        flex-direction: column;
        gap: calc(30 * var(--rpx))
    }

    .part-copy .left{
        width: 100%;
    }

    .page-inner-nav-placeholder{
        display: none !important;
    }

    .page-header.gap{
        margin-bottom: 0;
    }

    .video-layer .btn-close{
        left: unset;

        right: calc(20 * var(--rpx));
        top: calc(var(--header-height) + 20 * var(--rpx));
    }

    .yiiPager .previous a, .yiiPager .next a{
        padding-left: calc(12em / 16);
        padding-right: calc(12em / 16);
    }

    .yiiPager .next{
        margin-left: calc(20em / 16);
    }

    .yiiPager .prev{
        margin-right: calc(12em / 16);
    }

    .section-title .cn{
        font-size: calc(32 * var(--rpx));
    }

    .page-title .cn{
        font-size: calc(40 * var(--rpx));
    }
    .page-title .en{
        font-size: calc(32 * var(--rpx));
    }

    .site-logo{
        width: calc(320 * var(--rpx));
    }

}