
/************* 首页 *************/

/* banner */
@media screen and (max-width: 925px){
    #bannerBox .bannerFont{font-size: 50px;}
    #bannerBox .bannerTitle img{width:400px;}
}
@media screen and (max-width: 750px){
    #bannerBox{background: #020644 url(https://static.asmag.com.cn/uploadfile/event/images/bannerM.jpg) no-repeat center center; padding-top: 0.88rem; background-size: cover;}
    #bannerBox .bannerLogo{padding-top: 0.9rem;}
    #bannerBox .bannerLogo .bannerLogoL{ font-size: 0.84rem; line-height: 0.7rem;}
    #bannerBox .bannerLogo .bannerLogoL span{padding-left: 0.1rem;}
    #bannerBox .bannerLogo .bannerLogoR{padding-left: 0.16rem;}
    #bannerBox .bannerLogo .bannerLogoR p{font-size: 0.16rem; line-height: 0.26rem; padding-top: 0.06rem; margin-bottom: 0.02rem;}
    #bannerBox .bannerLogo .bannerLogoR p:nth-child(1) span::after{top: 0.02rem; left: 0; width: 0.86rem; height: 0.18rem; background-size: 3rem auto; background-position: -1.39rem 0; }
    #bannerBox .bannerLogo .bannerLogoR p:nth-child(2) span::after{top: -0.04rem; left: 0; width: 1.34rem; height: 0.26rem; background-size: 3rem auto; background-position: 0 -1.18rem; }
    #bannerBox .bannerFont{font-size: 0.56rem; line-height: 0.7rem; padding-top: 0.2rem; padding-bottom: 0.05rem;}
    #bannerBox .bannerTitle img{width: 4.7rem; padding-top: 0.25rem;}
    #bannerBox .bannerBtn{padding-top: 0.6rem; padding-bottom: 0.9rem;}
    #bannerBox .bannerBtn a{height: 0.72rem; line-height: 0.72rem; padding: 0 0.4rem 0 0.86rem; font-size: 0.28rem;}
    #bannerBox .bannerBtn a::after{bottom: 0.22rem; left: 0.4rem; width: 0.28rem; height: 0.28rem; background-size: 3rem auto;}
    
}

/* 导航 */
/* 20230809START */
@media screen and (max-width: 1220px){
    #navBox .navLi li{margin-left: 40px;}
}
@media screen and (max-width: 1185px){
    #navBox .navLi li{margin-left: 30px;}
}
@media screen and (max-width: 1130px){
    #navBox .navLi li{margin-left: 20px;}
}
@media screen and (max-width: 1080px){
    #navBox .navLi li>a{font-size: 16px;}
    #navBox .navLi li{margin-left: 15px;}
    #navBox .selectBox {margin-left: -112px; width: 225px;}
    #navBox .selectBox a{font-size: 14px;}
}
@media screen and (max-width: 970px){
    #navBox .navLi li>a{font-size: 14px;}
}
@media screen and (max-width: 885px){
    #navBox .navLi li>a{font-size: 14px;}
    #navBox .navLi li{margin-left: 10px;}
}
@media screen and (max-width: 855px){
    #navBox{position: fixed; z-index: 11; box-shadow:0 1px 5px rgba(0 ,0 ,0 ,0.1); background: #ffffff;}
    .w1200{padding: 0 0.3rem;}
    #navBox .navLogo{padding: 0.14rem 0;}
    #navBox .navLogo a{width: 1.96rem; height: 0.6rem; background-position: 0 -0.48rem; background-size: 3rem auto;}
    #navBox .navLi{position: fixed; top:0.88rem; right:0; z-index: 11; padding: 0; width:100%; height: 100%; display: none;}
    #navBox .navOpen{position: fixed; top:0; right:0; width: 0.72rem; height: 0.72rem; margin-top: 0.08rem; margin-bottom: 0.08rem; margin-right: 0.3rem; cursor: pointer; background: url(https://static.asmag.com.cn/uploadfile/event/images/spirit.png) no-repeat top left; background-position: -0.38rem 0; background-size: 3rem auto;}
    #navBox .navLi ul{background: #020644; height: 100%; width:100%;}
    #navBox .navLi li {float: none; margin: 0; text-align: center;}
    #navBox .navLi li>a,#navBox .selectBox a{font-size: 0.3rem; height: 1rem; line-height: 1rem; color: #fff; width: 100%; position: relative; box-sizing: border-box; background: rgba(255, 255, 255, 0.10); margin-bottom: 0.04rem;}
    #navBox .navLi li.cur a{ color: #1EE5FA; line-height: 0.8rem;}
    #navBox .navLi li a:hover{ color: #1EE5FA;}
    #navBox .navLi li.cur a::after { margin-left: -0.3rem; width: 0.6rem; height: 0.05rem; bottom:0.2rem;}
    #navBox .selectBox{position: relative; top:0; left:0; margin-left: 0; width:100%; display: block;}
    #navBox .selectBox a{border-bottom: none;}
    #navBox .selectBox a:hover{background: rgba(255, 255, 255, 0.10);}
    #navBox .navLi li>a.intertextileA{display: none;}
    #navBox .navLi li:nth-child(2):after{display: none;}
}
/* 20230809END */

/* 活动背景 */
@media screen and (max-width: 750px){
    .plustitle{padding: 0.24rem 0 0.48rem;}
    .plustitle h4{font-size: 0.48rem; line-height: 0.5rem;}
    .plustitle p{font-size: 0.32rem; line-height: 0.42rem;}
    #activityBg .activityBgFont{padding: 0.24rem; margin:0.2rem;box-shadow: inset 0px 0.04rem 0px 0px rgba(23, 30, 136, 0.2);}
    #activityBg .activityBgFont p{font-size: 0.26rem; line-height: 0.44rem; padding-bottom: 0.3rem;}
    #activityBg .activityBgFont::before{top:-0.22rem; left:-0.2rem; width: 1rem; height: 0.02rem;}
    #activityBg .activityBgFont::after{top:-0.2rem; left:-0.2rem; width: 0.02rem; height: 1rem;}
    #activityBg .activityBgFontBox::before{bottom:-0.44rem; right:-0.44rem; width: 1rem; height: 0.02rem;}
    #activityBg .activityBgFontBox::after{bottom:-0.44rem; right:-0.46rem; width: 0.02rem; height: 1rem;}
    #activityBg .seeAll{border: 0.02rem solid rgba(43, 125, 222, 0.30); height: 0.64rem; line-height: 0.64rem; font-size: 0.26rem;}
    #activityBg .seeAll span{padding-right: 0.44rem;}
    #activityBg .seeAll span::after{top:0.17rem; right:0; width: 0.24rem; height: 0.24rem; background-size: 3rem auto; background-position: 0 -0.38rem;}
    #activityBg .seeAll.on span::after{background-position: 0 -0.72rem;}
}

/* 活动行程 */
@media screen and (max-width: 1220px){
    #activityItinerary .activityItineraryBox{margin-left: -16px;}
    #activityItinerary .activityItineraryLi{margin-left: 16px; padding: 15px;}
}
@media screen and (max-width: 1140px){
    #activityItinerary .activityAddTime .activityTime span{font-size: 14px;}
}
@media screen and (max-width: 1135px){
    #activityItinerary .activityItineraryBox{margin-left: 0;}
    #activityItinerary .activityItineraryTwo .activityAddTime{float: none; width:100%;}
    #activityItinerary .activityItineraryTwo .activityAddTime:nth-child(2){float: none;}
    #activityItinerary .activityItineraryTwo .activityAddTime:nth-child(1){margin-bottom: 20px;}
}
@media screen and (max-width: 850px){
    #activityItinerary li{float: none; width:85%; margin:0 auto 30px;}
    #activityItinerary .activityItineraryLogo img{padding: 0;}
}
@media screen and (max-width: 750px){
    #activityItinerary .plustitle{padding-top: 0.64rem;}
    #activityItinerary .activityItineraryBox{margin-left: 0;}
    #activityItinerary li{width: 100%; padding-bottom: 0.48rem; margin-bottom: 0;}
    #activityItinerary .activityItineraryLi{margin: 0; padding: 0.3rem; border: 0.02rem solid transparent;}
    #activityItinerary .activityItineraryLi .activityItineraryLogo{border: 0.02rem solid #171E88; margin-bottom: 0.3rem;}
    #activityItinerary .activityItineraryLogo img{width: 100%; padding: 0; margin-left: 0;}
    #activityItinerary .activityAddTime .activityAdd{height: 0.48rem; line-height: 0.48rem; padding:0 0.24rem; font-size: 0.3rem; margin-bottom: 0.24rem;}
    #activityItinerary .activityAddTime .activityTime span{font-size: 0.28rem; padding-left: 0.24rem; line-height: 0.64rem; margin-bottom: 0.24rem;}
    #activityItinerary .activityAddTime .activityTime span::after{top:0.2rem; left:0; width: 0.04rem; height: 0.24rem;}
    #activityItinerary .activityAddTime .activityTime{overflow: hidden;}
    #activityItinerary .activityAddTime .activityTime span{float: left; width:50%; box-sizing: border-box;}
}

/* 议题规划 */
@media screen and (max-width: 750px){
  #agendaPlanning .agendaPlanningList{padding-bottom: 0.46rem;}
    #agendaPlanning .agendaPlanningUp{margin-left: -0.1rem;}
    #agendaPlanning .agendaPlanningUp ul{padding-bottom: 0.24rem;}
    #agendaPlanning .agendaPlanningUp li{width: 33%;}
    #agendaPlanning .agendaPlanningUp li:last-child{width: 34%;}
    #agendaPlanning .agendaPlanningUp li .agendaPlanningName{margin-left: 0.1rem; height: auto; line-height: 0.36rem; font-size: 0.24rem; padding: 0.12rem 0;  box-shadow: inset 0px 0.04rem 0px 0px rgba(23, 30, 136, 0.3);}
    #agendaPlanning .agendaPlanningUp li.on .agendaPlanningName{font-size: 0.26rem; box-shadow: inset 0px 0.04rem 0px 0px rgba(120, 218, 241,0.3);}
    #agendaPlanning .agendaPlanningUp li.on .agendaPlanningName::before{margin-left: -0.15rem; border-bottom: 0.12rem solid #020644; border-left: 0.14rem solid transparent; border-right: 0.14rem solid transparent;}
    #agendaPlanning .agendaPlanningUp li.on .agendaPlanningName::after{bottom:-0.08rem; margin-left: -0.15rem; border-bottom: 0.12rem solid #0A94B2; border-left: 0.14rem solid transparent; border-right: 0.14rem solid transparent;}
    #agendaPlanning .agendaPlanningUp li:hover .agendaPlanningName{font-size: 0.26rem;}
    #agendaPlanning .agendaPlanningUp li .agendaPlanningName span{display: block;}
    #agendaPlanning .agendaPlanningList{padding-top: 0.48rem;}
    #agendaPlanning .agendaPlanningAddTime{padding-left: 1.28rem; padding-bottom: 0.55rem; padding-top: 0.36rem;}
    #agendaPlanning .agendaPlanningAdd{left:0.1rem; bottom:0.2rem; width: 1.28rem; height: 1.28rem; border-radius: 2rem; font-size: 0.28rem; line-height: 0.36rem; padding-top: 0.3rem;box-shadow: inset 0px 0.04rem 0px 0px rgba(120, 218, 241,0.3);}
    #agendaPlanning .agendaPlanningAdd span{font-size: 0.22rem;}
    #agendaPlanning .agendaPlanningTime{padding-left: 1.08rem; border-bottom: 0.02rem solid #0A94B2; padding-right: 0.2rem;}
    #agendaPlanning .agendaPlanningTime span{line-height: 0.4rem; padding: 0.1rem 0.2rem; font-size: 0.28rem; box-shadow: inset 0px 0.04rem 0px 0px rgba(120, 218, 241,0.3); position: relative; bottom :-1px;}
    #agendaPlanning .agendaPlanningTime::after{bottom: -0.3rem; left: -0.11rem; width: 0.8rem; height: 0.02rem;}
    #agendaPlanning .agendaPlanningTime::before{bottom: -0.06rem; right: -0.02rem; width: 0.12rem; height: 0.12rem; border-radius: 2rem; box-shadow: inset 0px 0.04rem 0px 0px rgba(120, 218, 241,0.3);}
    #agendaPlanning .agendaPlanningDown table tr th:nth-child(1){width:1.84rem;}
    #agendaPlanning .agendaPlanningDown table tr th:nth-child(2){border-left: 0.02rem solid #0A94B2; padding: 0.24rem 0 0.24rem 0.48rem; font-size: 0.32rem; line-height: 0.44rem;}
    #agendaPlanning .agendaPlanningDown table tr td:nth-child(1){width:1.84rem; padding-left: 0; font-size: 0.24rem;}
    #agendaPlanning .agendaPlanningDown table tr td:nth-child(2){padding: 0 0 0 0.48rem; border-left: 0.02rem solid #0A94B2; font-size: 0.28rem; line-height: 0.42rem;}
    #agendaPlanning .agendaPlanningDown table tr td:nth-child(2) div{padding: 0.3rem 0; border-bottom: 0.02rem solid rgba(255, 255, 255, 0.1);}
    #agendaPlanning .agendaPlanningDown table tr td:nth-child(1)::after{margin-top: -0.06rem; right: -0.1rem; width: 0.12rem; height: 0.12rem; border-radius: 2rem; border:0.03rem solid #0e2565;}
    #agendaPlanning .agendaPlanningDown table tr:last-child td:nth-child(2)::before{bottom: -0.18rem; left: -0.09rem; width: 0.5rem; height: 0.02rem;}
    #agendaPlanning .agendaPlanningDown table tr:last-child td:nth-child(2)::after{bottom:-0.38rem; left: 0.24rem; width: 0.12rem; height: 0.12rem; border-radius: 2rem;box-shadow: inset 0px 0.04rem 0px 0px rgba(120, 218, 241,0.3);}
    #agendaPlanning .agendaPlanningDown .salonTable table tr th:nth-child(2){border-left: 0.02rem solid #167CD7;}
    #agendaPlanning .agendaPlanningDown .salonTable table tr td:nth-child(2){border-left: 0.02rem solid #167CD7;}
}

/* 活动报道 */
@media screen and (max-width: 1024px){
    #eventCoverage .w1200{padding: 0 20px;}
    #eventCoverage .swiper-button-next, #eventCoverage .swiper-button-prev{display: none;}
}

@media screen and (max-width: 750px){
    #eventCoverage{padding-bottom: 0.5rem;}
    #eventCoverage .imageTextBox .imageTextUp{max-height: 1.88rem;}
    #eventCoverage .imageTextBox .imageTextUp i{margin-top: -0.17rem; margin-left: -0.17rem; width: 0.34rem; height: 0.34rem; background-size: 3rem auto; background-position: -2.04rem -0.82rem;}
    #eventCoverage .imageTextBox .imageTextDown{padding: 0.24rem; height: 2.06rem;}
    #eventCoverage .imageTextBox .imageTextDown .imageTextTitle{font-size: 0.28rem; line-height: 0.4rem; max-height:0.8rem;}
    #eventCoverage .imageTextBox .imageTextDown .imageTextDetail{font-size: 0.24rem; line-height: 0.36rem; max-height:0.72rem; padding-top: 0.1rem; -webkit-line-clamp:2;}
    #eventCoverage .swiper{padding-bottom: 0.4rem;}
    #eventCoverage .w1200{padding: 0 0.3rem;}
    #eventCoverage .swiperBox .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{width: 1.4rem; left: 50%; margin-left: -0.7rem;}
    #eventCoverage .swiperBox .swiper-slide{width:3.28rem;}
}

/* 活动详询 */
@media screen and (max-width: 900px){
    #eventContact{padding-bottom: 40px;}
    #eventContact .eventContactList li{float: none; width:100%; padding-bottom: 20px;}
}
@media screen and (max-width: 750px){
    #eventContact {padding-bottom: 0.24rem;}
    #eventContact .eventContactList li{padding-bottom: 0.4rem;}
    #eventContact .eventContactList li a{padding-right: 0; padding-left: 1.24rem; font-size: 0.32rem; line-height: 0.48rem;}
    #eventContact .eventContactList li a span{font-size: 0.26rem; line-height: 0.4rem;}
    #eventContact .eventContactList li::after{top:0; left:0; width: 0.98rem; height: 0.98rem; background-size: 3rem auto;}
    #eventContact .eventContactList li:nth-child(1)::after{background-position: -0.13rem -1.62rem;}
    #eventContact .eventContactList li:nth-child(2)::after{background-position: -1.46rem -1.63rem;}
    #eventContact .eventContactList li:nth-child(3)::after{background-position: -0.13rem -2.96rem;}
}

/* 底部 */
@media screen and (max-width: 750px) {
    #footerBar {line-height: 0.4rem;font-size: 0.24rem;padding: 0.48rem 0;min-width: auto;}
    #footerBar div { width: 6rem;}
    #footerBar div a {height: 0.4rem;line-height: 0.4rem;}
    #footerBar div a span {height: 0.4rem;line-height: 0.4rem;margin-top: 0;padding-left: 0;}
    #footerBar div a img {width: 0.2rem; height: 0.2rem; margin-top: 0.1rem; margin-right: 0.1rem;}
    #footerBar a {display: block;}
    #footerBar i { display: block;}
}

/************* /首页 *************/