/*1200px*/
@media screen and (max-width: 1200px)
{
	body,html{
		font-size: 14px;
	}
	.logo{
		max-width: 60%;
	}
	
	
}
@media screen and (max-width: 998px)
{
	.aboutTxt{
		padding: 2rem 1rem 0;
	}
	.aboutTxt .aboutTitle h3{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.aboutTxt .aboutDesc{
		font-size: 12px;
		line-height: 2rem;
	}
	.aboutMore{
		margin-top: 0.5rem;
	}
}
@media screen and (max-width: 768px)
{
	html,body{
		font-size: 12px;
	}
	.top{
		padding-top: 5px;
		padding-right: 1rem;
		border-top: 3px solid #c73236;
	}
	header{
		padding: 1rem 0;
		position: relative;
	}
	.logo{
		padding-left: 1rem;
		max-width: 80%;
	}
	.headerRight{
		display: none;
	}
	nav{
		display: none;
	}
	.column{
		margin-top: 2rem;
	}
	.productList{
		padding: 0 1rem;
	}
	.aboutBox{
		padding: 0;
	}
	.aboutTxt{
		padding: 2rem 1rem;
	}
	.aboutList{
		height: auto;
	}
	.aboutList ul li{
		font-size: 1rem;
		line-height: 3rem;
		padding-top: 3rem;
		height: auto;
		padding-bottom: 2rem;
	}
	.aboutList ul li img{
		max-width: 60%;
	}
	.caseList{
		padding: 0 1rem;
	}
	.newsFoucs{
		padding: 0 1rem;
	}
	.newsFoucs .pic{
		width: 40%;
	}
	.newsFoucs .txt{
		width: 60%;
		padding: 1rem;
	}
	.newsFoucs .txt .title{
		padding-bottom: 0.5rem;
	}
	.newsFoucs .txt .desc{
		line-height: 1.75rem;
		height: 3.5rem;
		overflow: hidden;
	}
	.newsList ul li{
		margin-top: 1rem;
		padding: 0 1rem;
	}
	footer{
		padding: 2rem 0;
	}
	.footerNav{
		display: none;
	}
	.foot{
		margin-top: 0;
		padding: 0 1rem;
	}
}