@media screen and (min-width: 1920px) {
	body:before{
	    content: '1800';
	}

}
@media screen and (max-width: 1950px) {
	body:before{
	    content: '1720';
	}
}
@media screen and (max-width: 1750px) {
	body:before{
	    content: '1580';
	}
	.wapper{
		width: 1440px;
	}
	footer .wapper > div{
		padding: 0 16px;
	}
}
@media screen and (max-width: 1600px) {
	body:before{
	    content: '1430';
	}
	
}	

@media screen and (max-width: 1450px) {
	body:before{
	    content: '1330';
	}
	
	.wapper{
		width: 1300px;
	}
	footer .wapper > div{
		padding: 0 16px;
	}
	header nav ul a{
	    margin: 0 16px;
	}
	
}

@media screen and (max-width: 1350px) {
	body:before{
	    content: '1230';
	}
	
	.wapper{
		width: 1200px;
	}
	footer .wapper > div{
		padding: 0 16px;
	}
	header nav ul a{
	    margin: 0 16px;
	}
	
}

@media screen and (max-width: 1250px) {
	body:before{
	    content: '1004';
	}
	
}

@media screen and (max-width: 1024px) {
	body:before{
	    content: '100%';
	}
    
    .banner{
        height: 280px;
    }
    .banner .swiper-button-prev i{
        font-size: 16px;
        display: none;
    }
    .banner .swiper-button-next i{
        font-size: 16px;
        display: none;
    }
    .banner .swiper-pagination-bullet{
    	width: 8px;
    	height: 8px;
    }

	.monav-btn{
	    display: block;
	}

	.wapper{
		width: 100%;
		padding: 0 16px!important;
	}
	.index-p1 .wapper{
		padding-top: 32px!important;
		padding-bottom: 32px!important;
	}

	.index-p1 .t1{
		font-size: 32px;
	}
	.index-p1 .t2{
		font-size: 24px;
	}

	.index-p1 .t3{

	}
	.index-t1{
		font-size: 24px;
	}
	.index-t2{
		font-size: 24px;
	}
	.index-p2,
	.index-p3,
	.index-p4,
	.index-p5{
		padding: 48px 0;
	}

	.index-p2 form select{
		width: 100%;
		margin-bottom: 8px;
		box-sizing: border-box;
	}
	.index-p2 form button{
		width: 100%;
		box-sizing: border-box;
	}
	.index-p2 form{
		width: 100%;
	}
	.index-p2 form *{
		margin: 0;
	}
	.teamlist{
		margin-top: 16px;
	}

	.index-zm{
		margin-top: 16px;
	}
	.index-zm span{
		left: 0;
		width: 100%!important;
		text-align: center!important;
		padding: 0!important;

	}
	.index-zm span:nth-child(1){
		top: 160px;
		bottom: auto;
	}
	.index-zm span:nth-child(2){
		top: 40px;
		bottom: auto;
	}
	.index-zm span:nth-child(4){
		top: 80px;
		bottom: auto;
	}
	.index-zm span:nth-child(5){
		top: 120px;
		bottom: auto;
	}

	.index-p4{
		background-position: center;
	}
	.index-shops{
		margin-top: 16px;
	}
	.index-shops a{
		margin: 0 16px;
		padding: 24px 0;
	}

	.index-news{
		padding: 0;
		flex-direction: column;
		margin: 0;
	}
	.index-news > div{
		margin: 0;
		margin-bottom: 24px;
		width: 100%;
	}
	.index-news > div > p{
		margin-bottom: 16px;
	}
	.index-news > div > p span{
		font-size: 24px;
	}
	.index-news > div > p a{
		font-size: 14px;
	}
	.index-news > div ul a{
		font-size: 14px;
		line-height: 33px;
	}
	.index-news > div dl a{
		font-size: 14px;
	}
	.index-lx-title{
		padding: 32px 0;
		justify-content: center;
	}
	footer{
		padding: 40px 0;
	}
	footer .wapper{
		flex-direction: column;
		align-items: center;
	}
	footer .wapper > div{
	}
	footer .wapper > div .title{
		font-size: 18px;
		text-align: center;
	}
	footer .wapper > div .copy{
		font-size: 13px;
		text-align: center;
	}
	footer .wapper > div .qrcode{
		flex-direction: column;
		display: none;
	}
	.banner .swiper-button-prev{
		left: 16px;
	}
	.banner .swiper-button-next{
		right: 16px;
	}
	header{
		height: 66px;
		position: relative;
	}
	header nav{
		display: none;
	}
	
	header a.logo img{
	    height: 32px;
	}


	.teamlist_sub a.swiper-slide{
		display: flex;
		background-color: rgba(255,255,255,0.8);
		color: #333;
		padding: 24px 24px;
		border-radius: 8px;
		flex-direction: column;
		width: calc( 100% );
		margin: 0 0 16px 0;
		float: left;
	}



}

@media screen and (max-width: 880px) {
	body:before{
	    content: '100%';
	}

	
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 640px) {


}
@media screen and (max-width: 480px) {
	
}