/* 移动端自适应 */
@media screen and (max-width:1024px){
	html,body{
		overflow:hidden;
		overflow-y:auto;
	}
	body {
		background:url(../images/top_bg_m.jpg) no-repeat center top;
		background-size:100%;
	}

	body{
		max-width:10.24rem;
		margin:0 auto;
	}
	body *{
		max-width:10.24rem;
	}

	header{height:3rem; background:none;}
	main{width:94%;}

    .xw_txt,.xw_pic{line-height:1.8;}
    .xw_txt i,.xw_pic i{
        font-size:0.24rem;

        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .xw_txt h1,.xw_txt h2,.xw_pic h1,.xw_pic span h1{
        font-size:0.3rem;
    
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .xw_pic span h1 a{
        white-space:normal;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .xw_txt dt,.xw_txt dd{width:100%; padding-bottom:0.1rem;}

    .xw_pic dt img{width:40vw;}
    .xw_pic dt{flex-direction:row!important;}
    .xw_pic dt span{margin:0; margin-left:0.2rem!important;}

	.flex-30,.flex-70,.flex-40,.flex-60,.flex-1>*,.flex-2>*,.flex-3>*,.flex-4>*{width:100%; padding:0.1rem 0;}

	.page,.page-m{width:100%;}
    .page-m ul,.page-m li,.page-m dl{flex-wrap:wrap; overflow:hidden;}
    .page-m ul{padding:0.1rem 0.2rem;}

    .page-bg{display:none;}
    

	.swiper-container{width:100%!important; height:100%;}
    .swiper-slide h1{font-size:0.28rem!important;;}
    .swiper-button-prev,
    .swiper-button-next{
        --swiper-navigation-size:0.44rem!important;
        --swiper-navigation-color:#fff!important;
    }
	.swiper1,.swiper2,.swiper2p{width:100%; height:4rem;}
}