@media screen and (max-width: 1200px){
    #intro .intro-images{
        flex-wrap: wrap;
        gap:0.2rem;
    }
    #intro .intro-images img{
        width:calc(50% - 0.1rem);
    }
    .card {
        width:calc(33% - 5px);
    }
}

@media screen and (max-width: 1015px){
    .nav-links a{
        margin-left:10px;
        font-size:16px;
    }
    .actionBtn a:first-child{
        margin-right:10px;
    }
    .actionBtn a{
        padding:5px 10px;
        font-size:16px;
    }
    #banner .w1200 .text h1{
        font-size:58px;
    }
    #banner .w1200 .logo {
        width:150px;
    }

    .card p span{
        font-size:28px;
    }

    #venue .venue-map {
        flex-direction: column;
    }

    #venue ul:nth-child(2) li{
        padding:16px 10px;
    }
    #contacts .contact{
        flex-direction: column;
        padding:0 10px;
    }
    #contacts .contact li:nth-child(3){
        flex-direction: row;
        justify-content: center;
        gap:20px;
    }
}
@media screen and (max-width: 855px){
    .card p:nth-child(2){
        font-size:16px;
    }
    .card p span{
        font-size: 24px;
    }
}

@media screen and (max-width: 830px){
    .nav-links a:first-child{
        display:none;
    }
    #banner .w1200 .text h1{
        font-size:48px;
    }

    #banner .w1200 .logo {
        width:120px;
    }
}
@media screen and (max-width: 758px){
    .card p span{
            font-size: 23px;
        }
}


@media screen and (max-width: 750px){
    /* nav */
    .w1200 {
        padding:0 0.32rem;
    }
    #nav{
        height:1.2rem;
        padding-top:0.15rem;
    }
    #nav .logo{
        margin:0 auto;
        line-height: 1.2rem;
    }
    #nav .logo img {
        height: 0.9rem;
        
    }
    .nav-links a {
        display:none;
    }
    .actionBtn{
        display:none;
    }

    /* banner */
    #banner {
       background: url(../images/bannerM.jpg) no-repeat top center;       
       background-size: 100% auto;
       min-height: 6rem;
    }

    #banner .w1200 {
        padding:0.4rem 0.6rem 0 0.6rem;

    }
    #banner .w1200 .logo{
        width:0.83rem;
    }
    #banner .w1200 .text h1 {
        font-size:0.44rem;
    }
    #banner .w1200 .text p {
        font-size:0.24rem;
    }

    /* 展会品牌 */
    #brandintro{
        padding:0.6rem  0 0 0;
    }
    #brandintro .intro-text{
        margin-top:0.2rem;
    }
    #brandintro .intro-text p{
        margin-bottom:0.2rem;
        font-size:0.28rem;
    }
    #brandintro .exhi-intro ul li h3{
        font-size:0.28rem;
        margin-bottom:0.05rem;
        padding:0.1rem 0;
    }

    #brandintro .exhi-intro ul li .desc{
        font-size:0.24rem;
    }
    #brandintro .exhi-intro .exhi-info ul li{
        flex:1;
    }
    #brandintro .exhi-intro .exhi-info.on{
        max-height: 5rem;
    }
    #brandintro .exhi-intro .exhi-info ul{
        padding:0.1rem 0;
        gap:0.32rem;
    }
    #brandintro .exhi-intro .exhi-info ul p{
        font-size:0.24rem;
        line-height: 0.3rem;
        padding:0;
    }

    /* 展会简介 */
    #intro {
        padding:0.5rem 0;
    }
    h2 {
        padding-bottom:0.1rem;
        font-size:0.48rem;
    }
    h2::after {
        width:1rem;
        height:0.04rem;
    }
    #intro .intro-images {
        margin-top:0.4rem;
        gap:0.1rem;
        flex-wrap: wrap;
    }
    #intro .intro-images img {
        flex:1;
        width:calc(50% - 0.1rem);
    }
    #intro .intro-text {
        margin-top:0.2rem;
        font-size:0.28rem;
        line-height: 0.48rem;
    }

    /* 2025回顾 */
    #review {
        padding:0.5rem 0;
    }
    .review-cards {
        margin-top:0.1rem;
        padding:0.2rem 0;
        gap:0.05rem;
    }
    .review-cards li:nth-child(n+3){
        margin-top:0.15rem;
    }
    .card {
        width:calc(50% - 0.1rem);
        height:auto;
        padding: 0.24rem 0.1rem;
        box-shadow: 0 0.02rem 0.05rem rgba(0,0,0,0.1);
    }
    .card p:first-child span{
        font-size:0.68rem;
    }
    .card p:nth-child(2) {
        font-size: 0.26rem;
    }
    .card p span{
        font-size:0.32rem;
    }


    /* 展品分类 */
    #categories {
        padding:0.6rem 0;
    }

    #categories .category,#categories .category2{
        margin-top:0.3rem;
        background-color: #FFFFFF;
    }

    #categories .category h3,
    #categories .category2 h3 {
        font-size:0.28rem;
        line-height: 0.74rem;
        padding:0 0.24rem;
    }
    #categories .category h3 span,
    #categories .category2 h3 span{
        right:0.1rem;
        font-size:0.18rem;
    }
    #categories .category ul {
        gap: 0.08rem;
        padding:0;
        flex-wrap: wrap;
    }
    #categories .category ul li {
        width:calc(33% - 0.08rem);
    }
    #categories .category ul li:nth-child(n+4){
        margin-top:0.08rem;
    }
    #categories .category ul p {
        font-size: 0.24rem;
        line-height: 0.28rem;
    }
    #categories .category2 ul {
        padding:0;
        flex-wrap: wrap;
    }

    #categories .category2 ul li{
        width: calc(33% - 0.1rem);
        height:auto;
        gap:0.1rem;
    }
    #categories .category ul.on, #categories .category2 ul.on{
        max-height: 7rem;
        padding:0.2rem;
    }
     
    #categories .category2 ul li:nth-child(n+2){
        border:1px solid #E0E0E0;
    }
    #categories .category2 ul li:nth-child(n+4){
        margin-top:0.1rem;
    }
    #categories .category2 ul li p:first-child span{
        font-size:0.64rem;
    }
    #categories .category2 ul li p:nth-child(2){
        margin-top:0.1rem;
        font-size: 0.24rem;
    }

    /* 展馆信息 */
    #venue {
        padding: 0.6rem 0;
    }
    #venue .venue-map {
        margin-top:0.4rem;
        padding:0.32rem;
        flex-direction: column;
    }
     #venue ul:first-child {
        position: relative;
     }
    #venue ul:first-child .venuelogo{
        position: absolute;
        bottom:-0.75rem;
        left:0;
        width:0.72rem;
        height:0.72rem;
        display:none;
     }
    #venue ul:first-child li:nth-child(n+2) {
        line-height: 0.58rem;
        font-size:0.24rem;
    }
    #venue ul:first-child li:nth-child(12) {
        line-height: 0.38rem;
        padding:0.1rem 0;
    }
    #venue ul:first-child li:nth-child(n+2) span{
        color:#0068B7;
        font-weight: 700;
    }
    #venue ul:first-child li:nth-child(12) span:nth-child(2){
        color:#41403C;
        font-weight: 400;
    }
    #venue ul:first-child img {
        width:100%;
    }
    #venue ul:nth-child(2) li{
        padding-left:0;
        padding-top:0.15rem;
    }
    #venue ul:nth-child(2) img {
        width:100%;
        height:3.2rem;
    }
    #venue .venue-intro ul li h3{
        font-size:0.28rem;
        margin-bottom:0.05rem;
        padding:0.1rem 0.32rem;
    }
    #venue .venue-intro ul li .desc{
        font-size:0.24rem;
        padding:0 0.32rem;
        line-height: 0.24rem;
    }
    #venue .venue-intro .venue-info.on{
        max-height: 8rem;
    }
    #venue .venue-intro .venue-info ul{
        padding:0.1rem 0.32rem;
        gap:0;
        flex-direction: column;
    }
    #venue .venue-intro .venue-info ul li{
        padding:0 0.1rem 0 0;
    }
    #venue .venue-intro .venue-info ul p{
        font-size:0.24rem;
        line-height: 0.4rem;
    }
    #venue .venue-intro .venue-info .top15{
        margin-top:0.15rem;
    }
    #venue .venue-intro .venue-info .fwt700{
        font-weight: 700;
    }

    /* 联系单位 */
    #contacts {
        background:url(../images/contactbgM.png) no-repeat top center;
        background-size:cover;
        padding:0.6rem  0;
    }
    #contacts .contact{
        margin-top:0.4rem;
        padding:0;
        gap:0.32rem;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #contacts .contact li {
        padding:0.32rem 0 0.32rem 0.32rem;
        font-size:0.18rem;
        line-height: 0.28rem;
    }
    #contacts .contact li span{
        font-size:0.22rem;
        padding-right:0.1rem;
    }
    #contacts .contact li h3 {
        margin-bottom:0.24rem;
        font-size:0.28rem;
    }
    #contacts .contact li p{
        font-size:0.26rem;
        line-height:0.40rem;
    }
    #contacts .contact li:first-child p:nth-child(4){
        margin-bottom:0.15rem;
    }
    #contacts .contact li:nth-child(3) {
        flex:1;
        position: relative;
        display:flex;
        flex-direction: row;
        justify-content: center;
        gap:0.4rem;
        padding:0.32rem;
    }
    #contacts .contact li:nth-child(3) a{
        width:1.2rem;
        height:1.2rem;
    }
    #contacts .contact li:nth-child(3) a img{
        width:100%;
    }

    /* 页脚 */
    .footer {
        height:2.95rem;
        padding:0.5rem 0;
    }
    .footer p,
    .footer p a{
        font-size:0.26rem;
        line-height: 0.42rem; 
    }
    .footer p:nth-child(2){
        display: flex;
        flex-direction: column;
    }
    .footer p a:nth-child(2) span{
        position: relative;
        padding-left:0.3rem;
    }
    .footer p:nth-child(2) span img{
        position: absolute;
        top:0.03rem;
        left:0;
        width:0.28rem;
        height:0.28rem;
        margin-top:0;
    }
    .footer .footer-buttons{
        padding: 0.2rem 0;
    }

    .footer .footer-buttons a {
        padding:0.1rem 0;
        font-size:0.28rem;
    }
    .footer .footer-buttons a:first-child{
        margin-right:0.15rem;
    }

    /* 弹窗 */
    #linkPop {
        width: 5.7rem;
        height: 4.15rem;
        padding: 0.45rem 0.4rem;
        border-radius: 0.2rem;
    }
    .popBox span{
        top:-0.6rem;
        font-size:0.36rem;
        line-height: 0.36rem;
    }

    #linkPop .yybmPopTitle {
        padding-bottom: 0.2rem;
        font-size:0.24rem;
    }

    #linkPop .linkWay {
        border-radius: 1rem;
        padding: 0.24rem;
        margin-bottom: 0.15rem;
    }
    #linkPop .linkWay li {
        font-size: 0.18rem;
        line-height: 0.28rem;
    }
    #linkPop .linkWay li .pb10{
        padding-bottom: 0.15rem;
    }

    #linkPop .linkWay li a {
        font-size: 0.2rem;
        line-height: 0.28rem;
    }

    #linkPop .linkWay li.tip {
        font-size: 0.14rem;
        line-height: 0.24rem;
    }
    /* 预约报名弹窗 */
    #yybmPop {
        width: 5.7rem;
        height: 5.66rem;
        padding: 0.4rem;
        border-radius: 0.2rem;
    }

    .popBox .yybmPopTitle {
        font-size: 0.24rem;
        line-height: 0.36rem;
        padding-bottom: 0.15rem;
    }

    #yybmPop .yybmPopForm{
        padding-top: 0.1rem;
    }

    #yybmPop .yybmPopForm li{
        padding: 0 0 0.06rem 0;
    }

    #yybmPop .yybmPopForm p{
        font-size: 0.16rem;
        line-height: 0.24rem;
    }

    #yybmPop .yybmPopForm p i{
        padding-left: 0.05rem;
    }

    #yybmPop .yybmPopForm .inputBox{
        padding: 0.07rem 0;
        border-radius: 0.1rem;
    }

    #yybmPop .yybmPopForm .inputBox .inputInnerBox{
        border-radius: 0.05rem;
        padding: 0 0.1rem;
    }

    #yybmPop .yybmPopForm .inputBox .inputInnerBox input{
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.16rem;
    }
    #yybmPop .yybmPopBtn{
        padding-top: 0.15rem;
        gap:0.2rem;
    }

    #yybmPop .yybmPopBtn .btn{
        font-size: 0.18rem;
        height: 0.42rem;
        line-height: 0.42rem;
        border-radius: 0.05rem;
    }
    #yybmPop .yybmPopForm .inputBox .inputInnerBox input::-webkit-input-placeholder {
        font-size: 0.16rem;
    }

    #yybmPop .yybmPopForm .inputBox .inputInnerBox input::-moz-placeholder {
        font-size: 0.16rem;
    }

    #yybmPop .yybmPopForm .inputBox .inputInnerBox input:-ms-input-placeholder {
        font-size: 0.16rem;
    }

    #yybmPop .yybmPopForm .inputBox .inputInnerBox input::placeholder {
        font-size: 0.16rem;
    }
}

@media screen and (max-width: 345px){
    #categories .category2 ul li{
        width: calc(33% - 0.2rem);
    }
}