@media screen and (max-width: 1005px) {
    #navBar .navBox li {
        padding-left:25px;
    }
}
@media screen and (max-width: 980px) {
    #main .activityPlan .planInfo ul>li {
        font-size:16px;
    }
    #main .activityPlan .planInfo .planInfoTitle ul>li {
        font-size:18px;
    }
}
@media screen and (max-width: 930px) {
    #navBar .navBox li {
        padding-left:12px;
    }
    #navBar .navBtn a {
        padding:0 16px;
    }
}

@media screen and (max-width: 875px) {
    #main .activityPlan .planInfo .planInfoTitle ul>li {
        font-size:15px;
    }
}
@media screen and (max-width: 830px) {
    #navBar .navBox li:last-child {
        display: none;
    }
    #main .contactMe .centent .contact .text {
        font-size:0.17rem;
    }
}

@media screen and (max-width: 750px) {
    /* nav */
    #navBar {
        padding:0.15rem 0;
        height: 0.5rem;
        line-height: 0.5rem;
    }
    #navBar .logoBox img {
        width:0.8rem;
        margin-top:0.04rem;
    }
    #navBar .navBox li,
    #navBar .navBtn {
        display: none;
    }
    #navBlack {
        display: none;
        width:100%;
        height:100%;
        z-index: 40;
        transition: transform 0.3s ease-in-out;
        transform: translateX(-100%);
    }
    #navBlack.on {
        display:block;
        transform: translateX(0);
    }
    #navBar .navBox ul{
        display: flex;
        flex-direction: column;
        align-items: right;
        background-color: rgba(47,139,233, 1);
        height:100%;
        width:40%;
        position: fixed;
        right:0;
        top:0;
        z-index: 50;
        padding:0.8rem 0.4rem 0px 0px;
        box-sizing: border-box;
        transition: transform 0.5s ease-in-out;
        transform: translateX(100%);
    }
    #navBar .navBox ul.on {
        transform: translateX(0);
    }
    
    #navBar .navClose {
        width:0.3rem;
        height:0.3rem;
        position: absolute;
        right:0.4rem;
        top:0.35rem;
    }
    #navBar .navClose::before,
    #navBar .navClose::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #FFF;
        top: 50%;
        transform: translateY(-50%);
    }

    #navBar .navClose::before {
        transform: translateY(-50%) rotate(45deg);
    }

    #navBar .navClose::after {
        transform: translateY(-50%) rotate(-45deg);
    }
    #navBar .navBox ul li {
        display: block;
        text-align: left;
    }
    #navBar .navBox li:last-child {
        display: block;
    }
    #navBar .navBox ul li a {
        color:#FFF;
        font-size:0.2rem;
        line-height: 0.5rem;
        padding-right:1rem;
        position: relative;
        text-align: right;
    }
    #navBar .navBox ul li a::before {
        content: '>';
        position: absolute;
        top:0;
        right:0.04rem;
        color:#FFF; 
    }

    #navBar .navBox ul li.on a,
    #navBar .navBox ul li.on a::before {
        color:#0BD2EB;
    }
    #navBar .navBox ul li a:hover {
        color:#0BD2EB;
    }
    #navBar .navOpen {
        display: block;
        width:0.36rem;
        height: 0.36rem;
        top:0.15rem;
        right:0.30rem;
    }
    #navBar .navOpen i {
        font-size:0.5rem;
    }
    /* banner */
    #banner {
        margin-top:0.7rem;
        margin-bottom:0.6rem;
        max-height: 6.4rem;
    }
    /* content */
    #main .title {
        font-size: 0.40rem;
        margin-bottom: 0.48rem;
        letter-spacing: 0.02rem;
    }
    #main .title::after {
        width: 0.5rem;
        height: 0.04rem;
        bottom: -0.15rem;
    }
    /* activity background */
    #main .activityBg .desc {
        padding:0.2rem;
    }
    #main .activityBg .desc p {
        font-size: 0.26rem;
        line-height: 0.39rem;
    }
    /* activity process */
    #main .activityProcess {
        padding:0.6rem 0 0.5rem 0;
    }
    #main .activityProcess .part1 {
        padding:0.2rem 0 0.3rem 0;
        margin-bottom:0.2rem;
    }
    #main .activityProcess .processTitle span {
        height: 0.48rem;
        line-height: 0.48rem;
        font-size:0.26rem;
        padding:0.05rem 0.2rem 0.05rem 0.4rem;
        margin-bottom:0.2rem;
        margin-left:-0.06rem;
        border-top-right-radius: 0.48rem;
        border-bottom-right-radius:0.48rem;
    }
    #main .activityProcess .processTitle span::before {
        border-width:0.04rem;
        bottom:-0.03rem;
        left:0.02rem;
    }
    #main .activityProcess .processTitle span::after {
        border-width: 0.05rem;
        bottom:-0.08rem;
        right:0.13rem;
    }
    #main .activityProcess .processTitle span i {
        top:0.03rem;
        left:0.11rem;
        margin-right:0.1rem;
    }
    #main .activityProcess .processDesc ul {
        padding:0 0.36rem;
        padding-top:0.2rem;
        gap:0.1rem;
    }
    #main .activityProcess .processDesc li {
        padding-top:0.2rem;
    }
    #main .activityProcess .processDesc li::before {
        width:0.16rem;
        height:0.16rem;
        top:-0.10rem;
    }
    #main .activityProcess .processDesc li::after {
        width:0.22rem;
        height:0.22rem;
        top:-0.15rem;
    }
    #main .activityProcess .part2 p {
        padding:0.01rem 0.34rem 0.1rem 0.42rem;
        font-size:0.26rem;
    }
    /* active plan */
    #main .activityPlan {
        padding:0.6rem 0;
    }
    #main .activityPlan .planTitle {
        padding:0.1rem 1.46rem;
        margin-bottom:0.24rem;
        font-size:0.28rem;
    }
    #main .activityPlan .planTitle b {
        display: block;
    }
    #main .activityPlan .planDesc {
        padding:0.20rem;
    }
    #main .activityPlan .planDesc p {
        font-size:0.26rem;
        margin-bottom: 0.18rem;
    }
    
    #main .activityPlan .planInfo {
        margin-top:0.06rem;
    }
    #main .activityPlan .planInfo ul {
        gap:0.1rem;
    }
    #main .activityPlan .planInfo .planInfoTitle ul>li {
        font-size:0.26rem;
        height:0.52rem;
        line-height:0.52rem;
        padding:0 0.08rem;
    }
    #main .activityPlan .planInfo .planInfoTitle li.on {
        height:0.54rem;
        font-weight:700;
    }
    #main .activityPlan .planInfo .planInfoTitle li.on::after {
        border-width:0.1rem;
        bottom:-0.16rem;
    }
    #main .activityPlan .planInfo .planDetail {
        padding:0.16rem;
    }
    #main .activityPlan .planInfo .planDetail p{
        text-align: justify;
    }
    #main .activityPlan .planInfo .planDetail ul {
        padding:0.1rem;
    }
    #main .activityPlan .planInfo .planDetail ul li {
        height:0.4rem;
        line-height:0.4rem;
        padding:0.05rem;
        font-size:0.26rem;
    }
    #main .activityPlan .planInfo .planDetail ul li label {
        font-weight:700;
        width:1.6rem;
    }
    #main .activityPlan .planInfo .planDetail ul li:nth-child(1) label{
        width:1.99rem;
    }
    #main .activityPlan .planInfo .planDetail ul li:nth-child(2) label {
        width:1.9rem;
    }
    #main .activityPlan .planInfo .planDetail ul li:nth-child(4) label {
        width:8.4rem;
        padding-right:0;
    }
    #main .activityPlan .planInfo #item2 ul li:nth-child(4) label {
        width:9.8rem;
        padding-right:0;
    }
    #main .activityPlan .planInfo #item3 ul li:nth-child(4) label {
        width:9rem;
        padding-right:0;
    }
    /* activity report */
    #main .activityReport {
        padding:0.6rem 0 0.5rem 0;
    }
    #main .activityReport ul {
        gap:0.06rem;
        padding:0 0.12rem;
    }
    #main .activityReport ul li {
        flex: 0 0 calc(50% - 0.06rem);
        margin-bottom:0.12rem;
    }
    #main .activityReport ul li .text {
        padding:0.15rem;
    }
    #main .activityReport ul li .text a {
        font-size:0.15rem;
    }
    #main .activityReport ul li .text a h2 {
        font-size:0.26rem;
    }
    #main .activityReport ul li .text p {
        margin-top:0.08rem;
        font-size:0.24rem;
    }
    /* activity agenda */
    #main .activityAgenda {
        padding:0 0.1rem;
    }
    #main .activityAgenda .content {
        margin-bottom:0.6rem;
    }
    #main .activityAgenda .content .agendaTitle {
        text-align: left;
        font-size:0.26rem;
        margin:0.2rem 0 0.08rem 0.2rem;
    }
    #main .activityAgenda .content .agendaTimeAndAddress {
        margin-left:0.2rem;
        margin-bottom: 0.1rem;
        text-align: left;
    }
    #main .activityAgenda .content .agendaTimeAndAddress span {
        font-size:0.24rem;
        display: block;
        height: 0.4rem;
        line-height: 0.4rem;;
    }
    #main .activityAgenda .content .agendaTimeAndAddress span:first-child {
        margin-right:0.2rem;
    }
    #main .activityAgenda .content .agendaTimeAndAddress span i {
        font-size:0.24rem;
    }
    #main .activityAgenda .agendaList ul li {
        font-size:0.26rem;
        height: 0.48rem;
        line-height:0.48rem;
        padding:0 0.12rem;
    }
    #main .activityAgenda .agendaList ul li .time {
        flex:2;
        height: 0.48rem;
        line-height:0.48rem;
    }
    /* activity speaker */
    #main .activitySpeaker {
        padding-bottom:0.6rem;
    }
    #main .activitySpeaker .content .speakerList ul {
        padding-top:0.06rem;
        gap:0.08rem;
    }
    #main .activitySpeaker .content .speakerList ul li{
        flex:0 0 calc(33% - 0.08rem);
    }
    
    #main .activitySpeaker .speakerList .photo {
        padding:0 0.1rem 0.1rem;
    }
    #main .activitySpeaker .speakerList p {
        font-size:0.24rem;
        padding:0.03rem 0;
    }
    #main .activitySpeaker .speakerList p:first-child {
        font-size:0.26rem;
    }
    #main .activitySpeaker .speakerList .desc {
        font-size:0.24rem;
        margin-top:0.05rem;
        padding:0.1rem;
    }

    #main .more,
    #main .hidden {
        margin:0.24rem 0;
        width:1.8rem;
        height: 0.45rem;
        line-height: 0.45rem;
        font-size:0.18rem;
    }
    #main .more::before,
    #main .hidden::before {
        width:0.1rem;
        height:0.01rem;
        left:0.4rem;
    }
    #main .more::after,
    #main .hidden::after {
        width:0.1rem;
        height:0.01rem;
        left:0.47rem;
    }
    /* photo gallery */
    #main .photoGallery {
        padding:0.6rem 0 0.5rem 0;
    }
    #main .photoGallery ul {
        gap:0.05rem;
    }
    #main .photoGallery ul li {
        flex: 0 0 calc(50% - 0.05rem);
    }
    /* contact me */
    #main .contactMe {
        padding:0.6rem 0 0.5rem 0;
    }
    #contactme .w1200 {
        padding:0 0.15rem;
    }
    #main .contactMe .centent .info {
        height:0.75rem;
        line-height: 0.35rem;
        font-size:0.28rem;
        padding:0.15rem;
    }
    #main .contactMe .centent .info b {
        display: block;
    }
    #main .contactMe .centent .contact {
        height:2.8rem;
        padding:0.3rem 0.24rem;
    }
    #main .contactMe .centent .contact ul {
        flex-direction: column;
        align-items:flex-start;
        padding-left:1.2rem;
    }
    #main .contactMe .centent .contact .phone,
    #main .contactMe .centent .contact .email {
        width:0.8rem;
        height:0.8rem;
    }
    #main .contactMe .centent .contact .text {
        padding:0.1rem;
        font-size:0.24rem;
        height:0.9rem;
    }
    #main .contactMe .centent .contact .text p {
        line-height: 0.4rem;
    }
    /* footer */
    .footer {
        height:1.52rem;
        padding:0.4rem 0;
        font-size:0.2rem;
    }
    .footer span {
        display: block;
    }
    .footer p{
        line-height:0.32rem;
    }
    .footer p img {
        width:0.16rem;
      }
    .footer p:last-child {
        margin-bottom:0.5rem;
    }

    .register {
        padding:0.15rem 0.16rem;
        height:1.1rem;
        line-height: 1.1rem;
    }
    .register .reBtn{
        height:0.8rem;
        font-size:0.28rem;
        line-height: 0.8rem;
        font-weight:700;
    }
}

@media screen and (max-width: 427px) { 
    #main .activityProcess .processDesc li::after {
        top:-0.16rem;
    }
}

@media screen and (max-width: 330px) { 
    #main .activityProcess .processDesc li::after {
        top:-0.18rem;
    }
}