@media screen and (max-width:1700px){
	
}
@media screen and (max-width:1450px){
	
}
@media screen and (max-width:1350px){
	
}
@media screen and (max-width:1280px){
	.indexItem{
		width: 96%;
	}
	.pro-l{
		width: 32%;
	}
	.pl-box{
		width: 100%;
	}
	.pro-c{
		width: 62%;
	}
	.pc-box{
		width: 100%;
	}
}
@media screen and (max-width:1200px){
	.headerItem{
		width: 100%;
		padding-left: 10px;
	}
	.nav{
		display: none;
	}
	.web-box{
		display: block;
	}
	.webNav{
		display: block;
	}
	.itemBox{
		padding: 0px 10px;
	}
	.pc-box{
		height: auto;
	}
}
@media screen and (max-width:1100px){
	.ab-l{
		width: 45%;
	}
	.ab-r{
		width: 280px;
	}
}
@media screen and (max-width:900px){
	.bannerItem{
		margin-bottom: 50px;
	}
	
	.pro-l{
		width: 100%;
	}
	.pl-box{
		margin-top: 0px;
		height: auto !important;
	}
	.pl-list{
		width: 25% !important;
		height: auto !important;
	}
	.pl-item{
		margin: 30px 0px;
	}
	.pro-c,.pro-r{
		width: 100%;
	}
	.pro-r{
		position: initial;
	}
	.pr-box{
		position: initial;
		bottom: 0;
		display: flex;
		justify-content: center;
	}
	.proBox{
		padding: 20px 0px;
	}
	.UpBox{
		margin: 50px 0px;
	}
	.aboutBox,.newsBox{
		padding: 50px 0px;
	}
	.fotBox{
		margin-top: 50px;
	}
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:861px){
	.news-img{
		display: none;
	}
	.news-l,.news-r{
		width: 100%;
	}
	.news{
		margin: auto;
	}
} 
@media screen and (max-width:751px){
	
}
@media screen and (max-width:641px){
	.ab-l,.ab-r{
		width: 100%;
	}
	.ab-r{
		margin-top: 30px;
	}
	.banner .slick-dots{
		bottom: 5px;
	}
	.banner .slick-dots li{
		margin: 0px 2px;
	}
	.banner .slick-dots li,.banner .slick-dots li a{
		width: 8px;
		height: 8px;
	}
}
@media screen and (max-width:520px){
	.indexItem{
		flex-wrap: wrap;
	}
	.newPage-l,.newPage-r{
		width: 100%;
		flex: 0 0 auto;
	}
	.newPage-r{
		margin-left: 0;
	}
	.lftnav-list{
		padding: 10px 20px;
		
	}
	.lftnav-list p{
		text-align: center;
		padding-right: 0;
	}
	.levAct{
		position: initial;
	}
	.levAct::before{
		position: initial;
		content: '';
	}
	.thr-list a{
		display: block;
		text-align: center;
	}
	.thr-list{
		padding:5px 0px;
	}
	.th-ac{
		position: initial;
	}
}
@media screen and (max-width:481px){
	.mouseBox{
		display: none;
	}
} 
@media screen and (max-width: 450px){
	.ab-title-ch{
		font-size: 24px;
	}
	.ab-title{
		font-size: 22px;
	}
	.aboutBox{
		background-position: initial;
	}
	.fot-r .fot-list{
		text-align: left;
	}
	.bctxt1{
		font-size: 14px
	}
	.bctxt2{
		font-size: 12px
	}
}
@media screen and (max-width: 350px){
}