@media screen and (max-width: 1024px){
    html{font-size:9.765625vw;}


    .loading{width: auto;}

    .page-items{width:100%;}
    
    .page-items .page-item.page-item-1{height:auto;width:auto;overflow: hidden;}
    .page-items .page-item .page-html{position:relative;padding-top: 15vw;padding-bottom: 15vw;z-index: 9;}
    .page-html-1 .line-wrap{pointer-events: none;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;}
    .page-html-1 .line-wrap .svg{width: 220vw;height: auto;pointer-events: none;}
    .page-html-1 .bg-wrap .bg .title-wrap .logo{width:10vw;height:auto;margin-right: 3vw;}
    .page-html-1 .bg-wrap .bg .title-wrap .title .zh{font-size: 4.5vw;}
    .page-html-1 .bg-wrap .bg .title-wrap .title .en{font-size: 1.6vw;}
    .page-html-1 .circle-wrap{width:90vw;height:90vw;position: relative;top: 0;left: 0;transform: none;margin: 0 auto;}
    .page-item-1.start .circle-wrap{transform:scale(1)}
    .page-html-1 .circle-wrap .circle-wrap1,.page-html-1 .circle-wrap .circle-items{width: 83.5%;height: 83.5%;}
    .page-html-1 .circle-wrap .circle-wrap2{width: 69%;height: 69%;}
    .page-html-1 .circle-wrap .circle-wrap3{width: 55%;height: 55%;border: 1.56vw solid #044c98;}
    .page-html-1 .circle-wrap .circle-wrap4{width: 48.6%;height: 48.6%;border: 2px solid #044c98;}
    .page-html-1 .bg-wrap{bottom: 0;top: 0;}
    .page-html-1 .bg-wrap .bg .title-wrap{padding-top: 11vw;top:-5vw}
    .page-html-1 .bg-wrap .bg .title-wrap{gap:0}
    .tnav_menu{width: 90vw;height: 90vw;}
    .tnav_menu ul .tnav-hov{width: 45vw;height: 45vw;}
    .tnav_menu ul li a .tnav_menu_xz{width: 45vw;height: 45vw;}
    .tnav_menu ul li:nth-child(1) a .tnav_menu_con {width: 3.5rem;right: 0;}
    .tnav_menu ul li:nth-child(2) a .tnav_menu_con {width: 3.5rem;left: 0;}
    .tnav_menu ul li:nth-child(3) a .tnav_menu_con {width: 4rem;left: 1rem;bottom: 0;transform: translateY(50%)}
    .tnav_menu ul li:nth-child(4) a .tnav_menu_con {width: 3.5rem;left: 0;}
    .tnav_menu ul li:nth-child(5) a .tnav_menu_con {width: 3.5rem;right: 0;}
    .tnav_menu ul li:nth-child(6) a .tnav_menu_con {width: 4rem;right: 1rem;bottom: 0;transform: translateY(50%)}
    .tnav_menu ul li a .tnav_menu_con .icons{height: .9rem;}
    .tnav_menu ul li a .tnav_menu_con h2{font-size: .4rem;line-height: .6rem;}
    .tnav_menu ul .tnav_menu_mid{width: 26.25vw;height: 26.25vw;}
    .tnav_menu ul .tnav_menu_mid a{width: 70%;height: 70%;}
    .tnav_menu ul .tnav_menu_mid a p{font-size:.4rem;line-height: .6rem;}
    .tnav_close img{width: .4rem;}


    .page-items .page-item{}
    .page-items .page-item.page-item-2{height:auto;width:auto;}
    .page-items .page-item.page-item-2 canvas{display: none !important;}
    .page-html-2 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-tit {display: flex;justify-content: flex-start;}
    .page-tit svg{height: auto;max-width: calc(95% - .2rem);max-height: .8rem;}
    .page-html-2 .content-wrap2{position: static;width: auto;height: auto;margin-top: .5rem;padding: 0 .2rem;}
    .page-html-2 .title-wrap{margin-left: 0;}
    .runner-wrap2{position: relative;width: auto;height: auto;bottom: auto;}
    .runner-wrap2 .axis{position: static;margin-top: 2rem;padding: 0 2rem 0 0;}
    .page-html-2 .bjianr{position: relative;margin-top: 1.5rem;}
    .page-html-2 .bjianr img{width: 60vw;}
    .page-html-2 .bjianr .bjianr-box{width: 60vw;}
    .page-html-2 .bjianr::before{height: 1.5rem;top: 1rem;}
    .page-html-2 .bjianr::after{height: 1.5rem;top: 1rem;}

    .btn-tit-pub,.page-html-2 .content-wrap2 .slick ul li a .btn-text{width: 2.5rem;} 
    .btn-tit-pub a,.page-html-2 .content-wrap2 .slick ul li a .btn-text span{font-size: .34rem;}
    .page-html-2 .title-wrap{line-height: .8rem;background-position: left center;margin-left: .2rem;flex-wrap: wrap;background-position: left .16rem;}
    .page-html-2 .content-wrap2 .slick ul li a .content p{font-size: .34rem;line-height: .6rem;height: 1.8rem;}
    .page-html-2 .content-wrap2 .slick ul li a .since span{font-size:.46rem;line-height:.5rem}
    .page-html-2 .content-wrap2 .slick ul li a .line-text{margin-top: .5rem;padding-bottom: .5rem;}
    .runner-wrap2 .axis-box .year{font-size:.4rem;line-height:.7rem}
    .page-html-2 .content-wrap2 .slick ul li a .line-text{margin-top: .5rem;}
    .runner-wrap2 .axis-box .text-tit{font-size:.34rem;line-height:.5rem;height:1rem}
    .runner-wrap2 .axis-box a{transform:none}
    .runner-wrap2 .axis .slick-prev{width: .8rem;height: .8rem;right:1rem}
    .runner-wrap2 .axis .slick-next{width: .8rem;height: .8rem;right:0;}


    .page-items .page-item.page-item-3{height:auto;width:auto;}
    .page-html-3 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-3 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;}
    .page-html-3 .title-wrap span{line-height: .8rem;align-items:center !important;}
    .page-html-3 .title-wrap .crumb{font-size: .34rem;}
    .page-html-3 .content-wrap .right-wrap .news-item a{padding: 0 .3rem;height: 2.2rem;}
    .page-html-3 .content-wrap .right-wrap .news-item a .img-wrap{display: none;}
    .page-html-3 .content-wrap .right-wrap .news-item a .name,.page-html-3 .content-wrap .right-wrap .news-item.active a .name{font-size: .34rem;}
    .page-html-3 .content-wrap .right-wrap .news-item a .time{font-size: 0.34rem;width: auto;height: auto;}
    .page-html-3 .content-wrap .right-wrap .news-item .time .time-text{width: 2.2rem;}
    .page-html-3 .content-wrap .right-wrap .news-item .time .svg{width: auto;display: block;width: 2.2rem;height: auto;}
    .page-html-3 .content-wrap .left-wrap{width:.8rem;}.page-html-3 .content-wrap .left-wrap .svg{width:.8rem;height: auto;}
    .page-html-3 .content-wrap .left-wrap .btn{font-size: .4rem;}
    .page-html-3 .content-wrap .right-wrap{flex: 1;min-width: 0;}
    .page-html-3 .content-wrap .right-wrap .news-item .code{font-size:.4rem;top: auto;bottom: .4rem;transform: none;}

    .page-items .page-item.page-item-4{height:auto;width: auto;}
    .page-html-4 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-4 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;flex-wrap: wrap;background-position: left .16rem;}
    .page-html-4 .title-wrap span{line-height: .8rem;align-items:center !important;}
    .page-html-4 .title-wrap .btn-wrap{top: 50%;transform: translateY(-50%);bottom: auto;right: .2rem;}
    .page-html-4 .title-wrap .btn-wrap .btn{width: .7rem;height: .7rem;}
    .page-item-4 .content-wrap2 li a{padding: .6rem 1.3rem .6rem .4rem;}
    .page-item-4 .content-wrap2 li a .content p{font-size: .34rem;line-height: .6rem;height: 1.2rem;}
    .page-item-4 .content-wrap2 li a .time{width: 2.2rem;}
    .page-item-4 .content-wrap2 li a .time span{font-size: .34rem;}


    .page-items .page-item.page-item-5{background-color: #124695;height: auto;width: auto;overflow: hidden;}
    .page-items .page-item.page-item-5>canvas{display: none !important;}
    .page-html-5 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-5 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;flex-wrap: wrap;background-position: left .16rem;}
    .page-html-5 .title-wrap span {line-height: .8rem;align-items: center !important;}
    .page-item-5 .content-wrap2{width: auto;margin-left: .2rem;margin-right: .2rem;}
    .page-item-5 .content-wrap2 .btn-wrap{position:relative;left: auto;top: auto;transform: none;justify-content: center;margin-top: .5rem;}
    .page-item-5 .content-wrap2 .btn-wrap svg{width: .7rem;height: .7rem;}
    .page-item-5 .content-wrap2 li{width: 9rem;}
    .page-item-5 .content-wrap2 li a{transform: none !important;height: auto;}
    .page-item-5 .content-wrap2 li a .content p{font-size: .34rem;line-height: .5rem;max-height: 1rem;}
    .page-item-5 .content-wrap2 li a .content .svg-vivus{width: .06rem;}

    .page-items .page-item.page-item-6{height: auto;width: auto;}
    .page-html-6 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-6 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;flex-wrap: wrap;background-position: left .16rem;gap: 0 .36rem;}
    .page-html-6 .title-wrap span {line-height: .8rem;align-items: center !important;}
    .page-html-6 .content-wrap{width: auto;height: auto;margin: .5rem 0;}
    .page-html-6 .content-wrap .content-items{gap: .4rem;}
    .page-html-6 .content-wrap .content-item{width: 4rem;}
    .page-html-6 .content-wrap .content-item a .info h3{font-size: .4rem;line-height: .6rem;}
    .page-html-6 .content-wrap .content-item a .info p{font-size: .3rem;line-height: .5rem;}
    .page-html-6 .content-wrap .content-item{height: auto;}
    .qydsbox{width: auto;padding: 0 .2rem;}
    .qydsbox ul{margin:0 -.1rem}
    .qydsbox ul li{width: 50%;}
    .qydsbox ul li a {margin: 0 .1rem;}
    .qydsbox ul li a svg{position:static;height:1.2rem;}
    .qydsbox ul li a p{font-size: .34rem;line-height: .4rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;height: auto;padding: 0 .4rem;}
    .qydsbox ul li a p{font-size: .34rem;line-height: .5rem;}
    .page-html-6 .tab-wrap .tab{font-size: .4rem;width: 2.3rem;height: auto;}
    .page-html-6 .tab-wrap .tab .svg{width: 100%;height: auto;display: block;}
    .page-html-6 .tab-wrap .tab .tab-text{width: 2.4rem;}
    .page-html-6 .tab-wrap .tab{width: 2.3rem;margin: 0 .2rem;}


    .page-items .page-item.page-item-7{height: auto;width: auto;min-height: auto;background-color: #124695;}
    .page-html-7 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-7 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;flex-wrap: wrap;background-position: left .16rem;gap: 0 .36rem;}
    .page-html-7 .title-wrap span {line-height: .8rem;align-items: center !important;}
    .page-html-7 .content-wrap .right-items{margin-right: .4rem;}
    .page-html-7 .content-wrap .right-items .right-item .name{font-size: .34rem;}
    .page-html-7 .content-wrap .broken-line{width: 4rem;height: auto;}
    .page-html-7 .content-wrap .bottom-wrap,.page-html-7 .content-wrap .page-h7-down{margin-left: .4rem;margin-right: .4rem;}
    .page-html-7 .content-wrap .rectangle{width: .5rem;}
    .page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item{width: 25%;}
    .page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item:nth-child(-n+9){display: none;}
    .page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item:nth-child(-n+4){display: block;}
    .page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a img{max-width: 95%;max-height: 95%;}

    
    .page-items .page-item.page-item-8{height: auto;width: auto;min-height: auto;}
    .page-html-8 .line-wrap{margin-left: 0;margin-top: 0;padding: 0 .2rem;}
    .page-html-8 .title-wrap{margin-left: .2rem;background-position: left center;height: auto;flex-wrap: wrap;background-position: left .16rem;gap: 0 .36rem;}
    .page-html-8 .title-wrap span {line-height: .8rem;align-items: center !important;}
    .page-html-8 .content-wrap{width: auto;height: auto;}
    .page-html-8 .content-wrap .img-wrap .icon{width: 1.4rem;}
    .page-html-8 .content-wrap .content-items{padding: 0 .4rem;gap: .4rem;}


    .page-items .page-item.page-item-9{height: auto;width: auto;background-color: #124695;overflow: hidden;}
    .page-items .page-item.page-item-9>canvas{display: none !important;}
    .page-items .page-item.page-item-9 canvas{display: none !important;}
    .page-items .page-item.page-item-9 .bjianr{display: none;}
    .page-html-9 .content-wrap .letter-wrap{display: none;}
    .page-html-9 .content-wrap .svg{position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: -1;pointer-events: none;}
    .page-html-9 .content-wrap .svg .plus{opacity: 0;}
    .page-html-9 .content-wrap .svg .corner{opacity: 0;}
    .page-html-9 .content-wrap .svg .edge path{opacity:0;}
    .page-html-9 .content-wrap .svg .edge path:nth-child(1){opacity:1;}
    .page-html-9 .content-wrap .svg .edge path:nth-child(6){opacity:1;}
    .page-html-9 .content-wrap .svg .edge path:nth-child(7){opacity:1;}
    .page-html-9 .content-wrap{position: relative;bottom: auto;width: auto;height: auto;padding-top: 1rem;}
    .page-html-9-c{position: static;top: auto;left: auto;right: auto;flex-direction: column;justify-content: center;}
    .page-html-9 .content-wrap .content{position: relative;right: auto;left: auto;bottom: auto;height: auto;justify-content: space-between;margin-top: .5rem;font-size: .3rem;line-height: .5rem;padding: 0 .4rem;}
    .page-html-9 .content-wrap .content a{margin-top: .1rem;margin-bottom: .1rem;padding-left: .4rem;background-position: left center;background-size: .24rem auto;}
    .page-html-9 .content-wrap .content .right{padding-top: .1rem;padding-bottom: .1rem;}
    .fmeida li a div{background-size: 100% 100%;}
    .page-html-9 .content-wrap .title-wrap .logo{width: 10vw;height: auto;margin-right: 3vw;}
    .page-html-9 .content-wrap .title-wrap .title .zh{font-size: 4.5vw;}
    .page-html-9 .content-wrap .title-wrap .title .en{font-size: 1.6vw;}
    .fmeida li a{width: 2.4rem;height: 2.4rem;}
    .page-html-9 .copyright{position:relative;left: auto;transform: none;padding: .4rem;justify-content: center;bottom: auto;}
    .page-html-9 .copyright p{font-size:.3rem;}
    .page-html-9 .copyright span{font-size:.3rem}

    .details .colse-details{right:.7rem;top:.7rem}
    .details .colse-details svg {width: .5rem;}





    .page-items .page-item .page-html-2,.page-items .page-item .page-html-3,.page-items .page-item .page-html-4,.page-html-7 .content-wrap{padding-bottom:0;}
    .page-html-6 .tab-wrap{margin-top:.6rem}
    








    
}