@media screen and (max-width: 1023px) {
    html{
        font-size: 13.33333vw!important;
    }
    .m-nav {
        position: relative;
		height: .88rem;
		background: #151D3E;
	}
    .m-nav-content {
        display: flex;
        position: absolute;
        top: 50%;
        width: 7rem;
        transform: translateY(-50%);
        height: .48rem;
    }
    .m-nav .nav-logo-1, .m-nav .nav-logo-2 {
        height: .48rem;
    }
    .m-nav .nav-logo-1 {
        width: 1.28rem;
    }
    .m-nav .nav-logo-2 {
        margin-left: .48rem;
        width: 1.44rem;
    }
    .m-nav .nav-logo-1 img, .m-nav .nav-logo-2 img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .m-bg-1 {
       padding-bottom: 2.2rem;
       overflow: hidden;
       background-color: #1B2C6F; 
    }
    .m-bg-2 {
       background-color: #172457;
    }
    .banner {
        position: relative;
        height: 5.6rem;
        width: 100%;
    }
    .banner a {
        position: absolute;
        left: 50%;
        bottom: .52rem;
        transform: translateX(-50%);
        display: block;
        width: 2.7rem;
        height: .72rem;
    }
    .banner img {
        width: 100%;
        height: 100%;
    }
    .wrapper-1 {
        padding: 0 .26rem;
    }
    .wrapper-2 {
        padding-left: .26rem;
    }
    .wrapper-3 {
        width: 6.3rem;
        margin: 0 auto;
    }
    .section h2{
        position: relative;
        font-size: .36rem;
        line-height: 1.9rem;
        text-align: center;
        font-weight: 700;
        color: #15cfff;
    }
    .section h2::before, .section h2::after {
        position: absolute;
        content: '';
        width: 2.56rem;
        height: .24rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .section h2::before {
        left: 0;
        background: url(../img/m/h2_bg_left.png);
        background-size: 100%;
    }
    .section h2::after {
        background: url(../img/m/h2_bg_right.png);
        background-size: 100%;
        right: 0;
    }
    .section1-content {
        height: 6.4rem;
        width: 100%;
        background: url(../img/m/desc_bg.png);
        background-size: 100% 100%;
    }
    .section1-content p {
        padding: .5rem .4rem 0;
        line-height: .5rem;
        font-size: .28rem;
    }
    .section2-content {
        position: relative;
        height: 8.4rem;
        width: 100%;
    }
    .section2-content img {
        position: absolute;
        top: 0;
        right: 0;
        width: 4.06rem;
        height: 100%;
        z-index: 1;
    }
    .section2-info {
        position: absolute;
        z-index: 2;
    }
    .section2-content .section2-info ul {
        padding: .16rem;
    }
    .section2-content .section2-info ul li {
        display: flex;
        padding: .8rem 0;
    }
    .section2-content .date, .section2-content .event {
        font-weight: 400;
        line-height: .4rem;
    }   
    .section2-content .date{
        font-size: .28rem;
        width: 4rem;
    }
    .section2-content .event {
        font-size: .30rem;
    }
    .section3-content {
        margin-top: 1rem;
    }
    .section3-content ul li{
        padding: .6rem 0 .4rem;
        height: 7.3rem;
        background: url(../img/m/section3_bg.png) no-repeat;
        background-size: 100%;
        margin-top: .3rem;
    }
    .section3-content .section3-img-box {
        margin: -1.3rem auto;
        width: 3.6rem;
        height: 4.1rem;
    }
    .section3-content .section3-img-box img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .section3-content .section3-info-box {
        margin-top: 2rem;
        text-align: center;
    }
    .section3-content h3 {
        position: relative;
        font-size: .48rem;
        font-weight: 700;
        color: #15CFFF;
    }
    .section3-content h3::before, .section3-content h3::after {
        content: "";
        position: absolute;
        width: .36rem;
        height: .7rem;
        top: 0;
    }
    .section3-content h3::before {
        background: url(../img/m/prize_icon_left.png) no-repeat;
        background-size: cover;
        left: 25%;
    }
    .section3-content h3::after {
        background: url(../img/m/prize_icon_right.png) no-repeat;
        background-size: cover;
        right: 25%;
    }
    .section3-content p {
        font-size: .36rem;
        font-weight: 400;
    }
    .section3-content .nums {
        font-size: .32rem;
        padding: .28rem 0 .24rem;
    }
    .section4-content ul {
        display: flex;
        align-items: center;
        justify-items: center;
        flex-wrap: wrap;
    }
    .section4-content li{
        width: 3.3rem;
        height: 4.1rem;
        overflow: hidden;
        background: url(../img/m/section4_bg.png) no-repeat;
        background-size: cover;
        margin-bottom: 0.3rem;
    }
    .section4-content li:nth-child(2n) {
        margin-left: .3rem;
    }
    .section4-content .section4-img-box {
        width: 1.2rem;
        height: 1.54rem;
        margin: .54rem auto .6rem;
    }
    .section4-content img {
        width: 100%;
    }
    .section4-content p {
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: .46rem;
        text-align: center;
    }
    .section5-content {
        height: 12.28rem;
        width: 100%;
        overflow: hidden;
        background: url(../img/m/section5_bg.png) no-repeat;
        background-size: contain;
    }
    .section5-content .qz-logo {
        height: 4.72rem;
        margin: .3rem auto
    }
    .section5-content .qz-logo img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .section5-info h3 {
        color: #15CFFF;
        font-size: .36rem;
        font-weight: 700;
        padding: .24rem 0;
    }
    .section5-info p {
        font-size: .28rem;
        font-weight: 400;
        color: #fff;
        line-height: .48rem;
    }
    .qz-list ul {
        margin-top: .4rem;
        display: flex;
        align-items: center;
        justify-items: center;
        flex-wrap: wrap;
    }
    .qz-list ul li{
        width: 3rem;
        height: .64rem;
        line-height: .64rem;
        margin-bottom: .24rem;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        background: #2C4BC5;
    }
    .qz-list ul li a {
        color: #fff;
    }
    .qz-list ul li:nth-child(2n) {
        margin-left: .3rem;
    }
    .soft-download {
        width: 4rem !important;
        background: #15CFFF !important;
    }
    .soft-download a {
        color: #1B2C6F !important;
    }
    .soft-download .down-icon {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        background: url(../img/m/download.png) no-repeat;
        background-size: contain;
        vertical-align: sub;
    }
    .setion6-list {
        display: flex;
        align-items: center;
        justify-items: center;
        flex-wrap: nowrap;
    }
    .setion6-list li {
        width: 2.14rem;
        height: .96rem;
        line-height: .96rem;
        text-align: center;
        background: #1A3089;
        border: .01rem solid #3953d9;
    }
    .setion6-list li:nth-child(2) {
        margin: 0 .24rem;
    }
    .section6 .active {
        color: #1B2C6F;
        font-weight: 700;
        background: #15CFFF;

    }
    .setion6-wrapper {
        border: .01rem solid #3953d9;
    }
    .setion6-item {
        width: 6.5rem;
        margin: 0 auto;
    }
    .setion6-item p {
        font-size: .28rem;
        font-weight: 400;
        line-height: .4rem;
        padding: .3rem 0;
    }
    .setion6-item p span {
        display: block;
    }
    p strong {
        color: #15CFFF;
    }
    .institution-wrapper {
        height: 4.8rem;
        overflow: hidden;
    }
    .institution-box {
        margin: .8rem 0;
    }
    /* .institution-box {
        padding: 40px 0;
    } */
    .institution-box h3 {
        font-size: .28rem;
        line-height: .52rem;
        color: #fff;
        font-weight: 400;
    }
    .unit-logo-wrapper {
        display: flex;
    }
    .unit-logo-wrapper .unit-logo-box {
        margin-top: .24rem;
        margin-right: .2rem;
        width: 2.22rem;
        height: .66rem;
    }
    .xt-unit {
        margin-top: .6rem;     
    }
    .unit-logo-box img{
        width: 100%;
        height: 100%;
    }
    .consult-us-wrapper {
        position: relative;
        height: 4.46rem;
    }
    .consult-us-wrapper::after{
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        content: "";
        background: #2D3F8A;
        height: 1px;
        width: 6.9rem;

    }
    .about-qz-wrapper {
        overflow: auto;
    }
    .consult-us-wrapper h3, .about-qz-wrapper h3 {
        font-size: .36rem;
        font-weight: 400;
        line-height: .52rem;
    }
    .consult-us-wrapper h3 {
        padding: .52rem 0 .24rem;
    }
    .about-qz-wrapper h3 {
        padding: .6rem 0 .24rem;
    }
    .consult-us-content {
        display: flex;
    }
    .consult-us-content .qr-code {
        width: 2.6rem;
        height: 2.6rem;
        margin-right: .4rem;
    }
    .consult-us-content .qr-code img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .consult-us-content .consult-info {
        position: relative;
        padding-top: 1.4rem;
    }
    .consult-us-content .consult-info p{
        font-size: .24rem;
        line-height: .64rem;
        color: #fff;
    }
    .concat-qrcode {
        position: absolute;
        top: 0;
    }
    .about-qz-content p {
        font-size: .24rem;
        line-height: .48rem;
        font-weight: 400;
    }
    .register-now {
        position: fixed;
        width: 6.3rem;
        height: .96rem;
        line-height: .96rem;
        text-align: center;
        background: #1577FF;
        border-radius: .48rem;
        box-shadow: 0px 16px 24px 0px rgba(17,84,177,0.35); 
        left: 50%;
        bottom: .88rem;
        z-index: 9999;
        transform: translateX(-50%);
    }
    .register-now a {
        display: block;
        color: #fff;
    }
    .nav-wrapper {
        position: fixed;
        height: 0;
        top: 0;
        left: 0;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99999;
        overflow: hidden;
      }
      .nav-wrapper.is-active {
        height: 100vh;
      }
      .nav-list {
          position: absolute;
          width: 3.2rem;
          top: .88rem;
          right: 0;
          background: #1B2C6F; 
      }
      .show-nav {
          position: absolute;
          right: 0;
          width: .48rem;
          height: .48rem;
      }
      .show-nav img {
          display: block;
          width: 100%;
          height: 100%;
      }
      .nav-list li {
          display: block;
          font-size: .32rem;
          font-weight: 400;
          padding: .2rem 0 .2rem .4rem;
      }
      .nav-list li  a{
          color: #fff;
      }
      .scroll-top {
          display: none;
          position: fixed;
          width: 1rem;
          height: 1rem;
          top: 6.6rem;
          right: .3rem;
          z-index: 999;
          background: url(../img/m/scroll_top.png) no-repeat;
          background-size: contain;
      }
      .works_list {
        padding-bottom: .4rem;
        overflow: hidden;
    }
    .works_list li{
        width: 6.9rem;
        float: left;
        background: rgba(25, 47, 135, .8);
        border: .02rem solid #3953d9;
    }
    .works_list li
    .works_list li a{
        display: block;
    }
    .works_list li .works-cont {
        padding: .25rem .2rem;
    }
    .works_list li .works-cont h3 {
        font-size: .24rem;
        color: #ffffff;
        padding-bottom: 20px;
    }
    .works_list li .works-cont .works-info {
        font-size: .24rem;
    }
    .works_list li .works-cont .works-info span {
        display: inline-block;
        color: #4E98FF;
    }
    .works_list li .works-cont .works-info .works-author { 
        min-width: 100px;
    }
    .works_list li .works-cont .works-info .works-date { 
        
    }
    .works_list li .works-cont .works-info .works-views {
        float: right;
    }
    .works_list li a p{
        font-size: 18px;
        margin: 10px 0;
    }
      .myPagination{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .myPagination .prev, .myPagination .next{
        position: relative;
        width: 2rem;
        height: 0.68rem;
        line-height: 0.68rem;
        border: 1px solid #20359E;
        font-size: 0.28rem;
        text-align: center;
        color: #ffffff;
        background: #20359E;
    }
    .myPagination .prev::after, .myPagination .next::after{
        content: "";
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0;
        border-width: .12rem;
        border-style: solid;
        border-color: #fff transparent transparent;
        vertical-align: sub;
    }
    .myPagination .prev::after {
        left: .2rem;
        top: .22rem;
        transform: rotate(90deg);
    }
    .myPagination .next::after {
        right: .2rem;
        top: .2rem;
        transform: rotate(270deg);
    }
    }
    .myPagination .disTarget{
        color: #CCCCCC;
    }
    .myPagination .pageNum{
        position: relative;
        text-align: center;
    }
    .myPagination .pageNum .curPage{
        width: 2rem;
        height: 0.68rem;
        border: 1px solid #20359E;
        line-height: 0.68rem;
        color:#ffffff ;
        font-weight: 400;
        background: #20359E;
    } 
    .myPagination .pageNum .curPage i {
        font-style: inherit;
    }
    .myPagination .pageNum .curPage span{
        display: inline-block;
        width: 0;
        height: 0;
        border-width: .12rem;
        border-style: solid;
        border-color: #fff transparent transparent;
        vertical-align: sub;
        margin-left: .1rem;
    }
    .myPagination .pageNum .curPage span.up{
        background: url(../img/up_icon.png) center center no-repeat;
        background-size: 100%;
    }
    .myPagination .pagelist{
        display: none;
        position: absolute;
        left: 0px;
        bottom:0.8rem ;
        width: 100%;
        height: 3.48rem;
        padding: 0.16rem 0;
        overflow-y: auto;
        background: #20359E;
        font-size:0.28rem ;
        line-height: 0.58rem;
    }
    .myPagination .pagelist li.active{
        color: #17BEC4;
        font-weight: 700;
    }
}