@media (max-width:1024px){
	.bannerIndex ,.conBanner,.aboutBanner,.noBanner{
		margin-top: 2.2rem;
	}
	.newsLogo{
		flex-direction: column;
	}
	.LogoBox {
	    padding-left: 0;
		width: 100%;
	}
	
	.newList{
		border-bottom: 1px solid #1c3d36;
	}
	.brand{
		height: 13rem;
	}
	.brandList{
		padding:1.5rem 1.2rem;
	}
	.abilitySwiper .swiper-slide::after {
		transform: translate(140%,-50%);
	}
	
	.timePage .swiper-pagination-bullet{
		margin: 0 1rem !important;
	}
	.contactBox ul li div{
		width: 2.5rem;
		height: 2.5rem;
	}
	.contactBox ul li{
		padding: 0 2%;
		box-sizing: border-box;
	}
	
	.contactRight{
		width: 50%;
	}
	
	
}



@media (max-width:767px){
	.bannerIndex ,.conBanner,.aboutBanner{
		height: 15rem;
	}
	
	.AllTitle,.tab{
		padding: 0 4%;
	}
	
	.h110{
		height: 1.7rem;
	}
	
	
	.tab_list ul{
		justify-content: space-evenly;
	}
	
	.tab_list li{
		margin: 0;
	}
	
	.numBox{
		margin: 0 0 1rem;
	}
	
	.numBox ul{
		flex-flow: row wrap;
	}
	
	.numBox ul li{
		padding: 1rem 0;
		box-sizing: border-box;
		width: 34%;
		margin: 1rem 4%;
	}
	
	.bannerIndex p{
		text-align: center;
	}
	
	.brand{
		flex-direction: column;
		height: auto;
	}
	
	.brandList{
		width: 100%;
		margin-bottom: 0.25rem !important;
	}
	
	.newList div{
		height: 9rem;
	}
	
	
	.copyright{
		flex-direction: column;
	}
	
	.copyright i{
		display: none;
	}
	
	.copyright div{
		margin-top: 0.2rem;
	}
	
	.indexPage,.scrollDown,.indexNext, .indexPrev{
		bottom: 1rem !important;
	}
	
	.prNeLine{
		bottom: 1.2rem;
	}
	
	.bannerIndex .swiper-slide .container,.conBanner .container{
		align-items: center;
	}
	
	.abilitySwiper .swiper-slide::after {
		transform: translate(120%,-50%);
	}
	
	.bottomSwiper{
		height: 8rem;
	}
	
	.abilitySwiper .swiper-slide p{
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:2; 
	}
	
	.abContactO{
		margin-bottom: 0.5rem;
		height: auto;
		overflow: hidden;
		display: flex;
	}
	
	.abContactO:first-child{
		flex-wrap:wrap
	}
	
	.abContactO:last-child{
		flex-wrap:wrap-reverse
	}
	
	
	.abImgLeft{
		width: 100%;
		height: 14rem;
	}
	
	.abContactRight{
		padding: 0 5%;
		width: 100%;
		height: 14rem;
	}
	
	.abContactRight p{
		margin: 0.8rem 0;
		text-align: left;
	}
	
	.aboutBannerSpan{
		text-align: center;
	}
	
	.aboutBannerTxt{
		margin-top: 0;
	}
	.aboutBanner .container{
		justify-content: center;
	}
	
	.white{
		padding: 1rem 0 0 !important;
		margin: 0 4%  !important;
	}
	
	.aboutOne{
		margin: 0.5rem 0 1.5rem;
	}
	
	.zsScroll{
		display: none;
	}
	
	.GSconBox{
		height: 100%;
	}
	.gsCon{
		flex-direction: column;
	}
	
	.leftCon p{
		height: auto;
	}
	.gsconLeft{
		margin-bottom: 2rem;
	}
	
	.gsconRight{
		width: 100%;
		padding: 0;
		height: 6rem;
	}
	
	.timePage .swiper-pagination-bullet{
		margin: 0 0.6rem !important;
	}
	
	.timePageBox .timeNext, .timePageBox .timePrev{
		display: none;
	}
	.timeNext, .timePrev{
		width: 1.5rem !important;
	}
	.timeNext img, .timePrev img{
		display: block;
		width: 100% !important;
	}
	.contactBox ul li div{
		width: 2.2rem;
		height: 2.2rem;
	}
	
	.contactBox ul{
		flex-flow: row wrap;
	}
	
	
	.contactBox ul li{
		flex:  0 0 50%;
		margin-bottom: 1rem;
	}
	
	.contactBox{
		height: auto;
	}
	
	.contactSwiper{
		flex-direction: column;
		height: auto;
	}
	
	.contactLeft,.contactRight{
		width: 100%;
		height: 14rem;
		flex: none;
	}
	
	.contactUl{
		margin: 1.5rem 0;
	}
	.contactUl ul{
		flex-flow: row wrap;
	}
	
	.contactUl ul li{
		flex:  0 0 50%;
	}
	
	
	.newPageList div{
		height: 8rem;
	}
	
	.newPageList{
		flex:0 0 calc(50% - 0.55rem);
		margin-right: 0.55rem;
	}
	
	.newPageList:nth-child(2n){
		margin-right: 0;
	}
	
	.newPageList:nth-child(3n){
		margin-right: 0.55rem;
	}
	
	.newsNP{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.newsNPLeft div:first-child{
		margin-bottom: 0.5rem;
	}
	
	.newsNPLeft{
		width: 100%;
	}
	
	.newsNPRight{
		margin-top: 1.5rem;
	}
	
	
	
	.productList a{
		flex:0 0 calc(50% - 0.55rem);
		margin-right: 0.55rem;
		margin-bottom: 1.5rem;
	}
	
	.productList a:nth-child(2n){
		margin-right: 0;
	}
	
	.productList a:nth-child(3n){
		margin-right: 0.55rem;
	}
	.productList a>div{
		height: 10rem;
	}
	
	
	.proSwiper,.proCon{
		width: 100%;
	}
	
	.proCon{
		padding: 0 6%;
	}
	.likeSwiper{
		padding: 0 0.46rem !important;
		height: auto;
	}
	
	.youLike{
		margin-bottom: 0;
	}
	
	.likeSwiper .swiper-slide>div{
		height: 10rem;
	}
	
	.likeSwiper .swiper-slide{
		height: auto;
	}
	
	.productSBox{
		height: auto;
		overflow: hidden;
	}
	
	.proSwiper, .proCon{
		height: 16rem;
	}
	
	.timeTxt{
		padding: 1rem 3rem;
	}
	
	
	
	.newTile{
		font-size: 1rem;
	}
	
	
	.newsUl li:nth-child(2) {
		margin: 0 1rem;
	}
	
	.newList {
		padding-bottom: 0.5rem;
	}
	
	
	.newsTop{
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	.newsMore{
		margin-top: 0.5rem;
	}
	.newList p{
		height: auto;
		/* display: block; */
	}
	.copyright span {
		line-height: 1.5;
		text-align: center;
	}
	
	.newsNPLeft div span {
		
		width:5rem;
	}
	
	.logoList img{
		width: 4rem;
	}
	
	
}