/*1200px*/
@media screen and (max-width: 1200px)

{

	body,html{

		font-size: 14px;

	}

	.logo{

		max-width: 60%;

	}

	nav ul li a{

		padding: 0 0.5rem;

	}

	.newsFocus .txt .desc{

		overflow:hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.newsList ul li{

		margin-bottom: 1.25rem;

	}

	.newsList ul li .desc{

		overflow:hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.advantageTab li{
		margin: 0 0.5rem;
	}

	

}

@media screen and (max-width: 998px)

{

	nav{

		display: none;

	}

	.advantageTab li{
		width: 5.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		padding: 0;
		border-radius: 0;
	}
	.advantageTab li img{
		display: none;
	}
	

}

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

{

	html,body{

		font-size: 12px;

	}

	.top{

		display: none;

	}

	header{

		padding: 1rem 0;

		position: relative;

	}

	.logo{

		padding-left: 1rem;

		max-width: 50%;

	}

	

	nav{

		display: none;

	}

	.column{

		padding: 0 1rem;

	}

	.productBox{

		margin-top: 1rem;

	}

	.about{

		padding-bottom: 3rem;

	}

	.aboutPic{

		padding: 1rem;

	}

	.aboutTxt .aboutTitle{

		margin-top: 0;

	}

	.course{

		margin-top: 2rem;

	}

	.case{

		margin-top: 2rem;

	}

	.caseList{

		padding: 0 1rem;

		margin-top: 1rem;

	}
	.caseL .casebox{
		width: 50%;
	}

	.news{

		padding: 0 1rem;

	}

	.newsFocus{

		padding-right: 0;

	}

	.newsList{

		padding-left: 0;

		margin-top: 1rem;

	}

	.friendLink{

		display: none;

	}

	footer{

		display: none;

	}

	.footerCopy{

		padding: 1rem;

		line-height: 1.5rem;

		text-align: center;

		margin-top: 1rem;

	}
	
	.advantage{
		padding: 0 1rem 3.5rem;
	}
	.advantageBox{
		overflow: hidden;
	}
	.advantageTab{
		left: 0;
		width: 100%;
		padding: 0 1rem;
	}
	.advantageTab li{
		width: 20%;
		margin: 0 2.5%;
	}

	.advantageList .swiper-slide img{
		width: 100%;
	}
	

}