html,body{
	font-size: 16px;
}

@media (max-width:1440px)
{
	.proList .swiper-container-multirow{
		width: 1200px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media (max-width:1200px)
{
	html,body{
		font-size: 14px;
	}
	
	.columnTitle h3{
		font-size: 2rem;
	}
	.columnTitle p{
		font-size: 1rem;
	}
	.product{
		margin-top: 1rem;
	}
	.product .hd ul li{
		width: 7rem;
		font-size: 0.875rem;
	}
	.proList .swiper-container-multirow{
		width: 970px;
	}
	.proList .swiper-button-next, .proList .swiper-button-prev{
		width: 60px;
	}
	.proList .swiper-button-prev{
		background-size: 30px auto;
	}
	.proList .swiper-button-next{
		background-size: 30px auto;
	}
	.proList .swiper-slide{
		padding: 0.5rem;
	}
	.productMore a{
		width: 8rem;
		font-size: 0.875rem;
	}
	.goodBox{
		margin-top: 2rem;
		padding-top: 2rem;
	}
	.goodList{
		margin-top: 1.5rem;
	}
	.spreadtext .spreadLeft b{
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.spreadtext .spreadLeft p{
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.spreadRight span{
		font-size: 2rem;
		line-height: 2rem;
		padding-left: 2.5rem;
	}
	.about{
		margin-top: 1.5rem;
	}
	.aboutList{
		margin-top: 1.5rem;
	}
	.aboutList ul li{
		padding: 5px;
	}
	.aboutMore{
		margin-top: 2rem;
	}
	.aboutMore a{
		width: 8rem;
		font-size: 0.875rem;
	}
	.caseList{
		margin-top: 1.5rem;
	}
	.newsfouse .title{
		margin-top: 1rem;
	}
	.newsList ul li{
		padding: 1.5rem 0;
	}
	
}
@media (max-width:992px)
{
	html,body{
		font-size: 12px;
	}
	.productBox{
		margin-top: 2rem;
	}
	.proList .swiper-container-multirow{
		width: 768px;
	}
	.proList .swiper-slide .title{
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.product .hd ul li{
		width: 8rem;
	}
	.goods1 .text{
		padding-right: 2rem;
	}
	.aboutText .desc{
		display: none;
	}
	.aboutText .text{
		line-height: 2rem;
	}
	.aboutList{
		margin-top: 0;
	}
	.caseBox{
		margin-top: 2.5rem;
	}
	.news{
		margin-top: 2rem;
	}
	.newsList{
		padding-left: 2.5rem;
	}
	.newsList ul li{
		padding: 1.25rem 0;
	}
	
}
@media (max-width:768px)
{
	
	.product .hd ul li{
		margin: 3px;
	}
	.proList .swiper-container-multirow{
		width: 100%;
		padding: 0 30px;
	}
	.proList .swiper-button-next, .proList .swiper-button-prev{
		width: 30px;
	}
	.goodList{
		margin-top: 0;
	}
	.goods .pic{
		padding-right: 0;
	}
	.goods .pic img{
		width: 100%;
	}
	.goods .text{
		margin-top: 1rem;
	}
	.goods1{
		display: none;
	}
	.mgoods1{
		display: block;
		margin-top: 1rem;
	}
	.goods2{
		margin-top: 1rem;
	}
	.goodBox{
		padding-bottom: 2rem;
	}
	.spreadBox{
		padding-bottom: 1rem;
	}
	.spreadtext{
		margin-top: 1rem;
	}
	.spreadRight{
		width: 100%;
	}
	.spread .s-email{
		width: 100%;
	}
	.spread .s-email-2{
		margin-left: 0;
		margin-top: 10px;
	}
	.spread .mess{
		width: 100%;
		margin-top: 10px;
	}
	.aboutBox{
		margin-top: 1rem;
	}
	.about{
		margin-top: 0;
	}
	.aboutText{
		margin-top: 0;
		padding-right: 0;
		text-align: center;
	}
	.aboutText .text{
		margin-top: 0;
	}
	.aboutList{
		display: none;
	}
	.aboutImg{
		padding-left: 0;
		margin-top: 10px;
	}
	.aboutImg img{
		width: 100%;
	}
	.aboutMore{
		margin-top: 1rem;
	}
	.caseBox{
		margin-top: 1rem;
		padding-top: 0;
		padding-bottom: 2rem;
	}
	.caseList{
		margin-bottom: 2rem;
	}
	.newsBox{
		margin-top: 0;
		padding-bottom: 2rem;
	}
	.news{
		margin-top: 1rem;
	}
	.newsList{
		padding-left: 0;
		margin-top: 2rem;
	}
	.newsList ul li{
		padding: 1rem 0;
	}
	
}