html,body{
	font-size: 16px;
}
/* 2560px */
@media screen and (min-width: 1921px){
	.aboutPic{
		width: 30%;
	}
}
@media (max-width:1920px){
	.navList ul li{
		padding: 0 1rem;
	}
	.hotList a{
		padding-right: 2rem;
	}
	.searchBox .s_tel strong{
		font-size: 1.5rem;
	}

}

@media (max-width:1600px)
{
	.searchBox{
		padding: 1rem;
	}
	.searchBox .s_tel p{
		line-height: 2rem;
	}
	.searchBox .s_tel strong{
		line-height: 2rem;
		font-size: 1.25rem;
	}
	.search input.stext{
		line-height: 3rem;
	}
	.search input.sbtn{
		height: 3rem;
	}
	.hotList a{
		padding-right: 1rem;
	}
	.probox .pic{
		padding-left: 0;
	}
	.caseBox .txt .desc{
		margin-top: 2rem;
	}



}

@media (max-width:1440px)
{
	.probox .pic a{
		height: 20rem;
	}
	.probox .txt .title{
		margin-top: 2rem;
	}
	.probox .txt .desc{
		line-height: 2rem;
	}
	.probox .txt .more{
		margin-top: 1rem;
	}
	.probox .txt .more a.detail{
		width: 9rem;
		line-height: 3rem;
		border-radius: 3rem;
	}
	.productbox ul li .pbox .pic{
		height: 15rem;
	}
	.productbox ul li .pbox .txt{
		padding-top: 0.5rem;
	}
	.hotproduct{
		padding-top: 3rem;
	}
	.aboutSlogan{
		font-size: 1.5rem;
		margin-top: 1.5rem;
	}
	.aboutTxt{
		margin-top: 2rem;
	}
	.aboutMore{
		margin-top: 1.5rem;
	}
	.slogan{
		margin-top: 1.5rem;
	}
	.slogantxt{
		font-size: 1rem;
		padding: 2rem 0;
		line-height: 3rem;
	}

	.caseBox{
		background-size: 100% 190px;
	}
	.caseBox .txt{
		padding-left: 2rem;
	}
	.caseBox .txt .text{
		padding-left: 2rem;
	}
	.caseScroll .swiper-slide .pic{
		height: 15rem;
	}
	.newsFocus .txt a{
		display: block;
		width: 70%;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.newsList ul li .title{
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.newsList ul li .desc{
		margin-top: 0.5rem;
	}
	.newsList ul li .date{
		margin-top: 0.5rem;
	}
	

}



@media (max-width:1200px)
{
	html,body{
		font-size: 14px;
	}
	.hotbox{
		display: none;
	}
	.hotproduct{
		padding-top: 0;
	}
	.productTitle{
		padding-top: 3rem;
	}
	.probox .txt .title{
		margin-top: 1rem;
	}
	.productbox ul li .pbox .pic{
		height: 13rem;
	}
	.caseBox .txt .desc{
		display: none;
	}
	.caseScroll .swiper-slide .pic{
		height: 15rem;
	}
	.newsFocus{
		padding-right: 1rem;
	}
	.newsFocus .pic{
		height: 15rem;
	}
	.newsFocus .txt{
		height: 50px;
		line-height: 50px;
		padding-left: 1rem;
	}
	.newsList ul li .desc{
		height: 4rem;
		overflow: hidden;
	}
	.newsList ul li .date b{
		font-size: 1.5rem;
	}
	
}

@media (max-width:992px)
{
	html,body{
		font-size: 14px;
	}
	.hproduct .swiper-slide .probox{
		padding: 1.5rem 5rem 2rem;
	}
	.probox .txt .desc{
		height: 8rem;
		overflow: hidden;
	}
	.productbox ul li .pbox .pic{
		height: 11rem;
	}
	.productMore a{
		width: 9rem;
		line-height: 3rem;
		font-size: 14px;
		border-radius: 3rem;
	}
	.slogan{
		display: none;
	}
	.aboutMore a{
		width: 110px;
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
		font-size: 14px;
	}
	.caseBox .txt .text a.more{
		width: 100px;
		height: 35px;
		line-height: 35px;
		border-radius: 35px;
		font-size: 14px;
		bottom: 3rem;
	}
	.newsFocus{
		display: none;
	}
	


}

@media (max-width:768px)
{
	html,body{
		font-size: 12px;
	}
	.productTitle{
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}
	.productTitle h3{
		font-size: 1.5rem;
	}
	.productbox ul li{
		width: 50%;
	}
	.productbox ul li .pbox .pic{
		height: 18rem;
	}
	.hotproduct{
		padding-bottom: 2rem;
	}
	.hproduct .swiper-slide .probox{
		padding: 1rem 1rem 2rem;
	}
	.probox .pic{
		width: 100%;
	}
	.probox .txt{
		width: 100%;
	}
	.productTitles{
		margin-top: 1rem;
	}
	.productTitles h3{
		font-size: 1.5rem;
	}
	.productScroll{
		padding: 0 1rem;
	}
	.productList{
		margin-top: 0.5rem;
	}
	.productbox ul li:nth-child(2),.productbox ul li:nth-child(6){
		padding-right: 0;
	}
	.productbox ul li .pbox .pic{
		height: 13rem;
	}

	.about{
		width: 100%;
		padding: 0 1rem;
	}
	.aboutTxt{
		margin-top: 1rem;
	}
	.aboutPic{
		display: none;
	}
	.caseBox{
		background: none;
		margin-top: 2rem;
		padding-bottom: 2rem;
	}
	.caseBox .pic{
		display: none;
	}
	.caseBox .txt{
		width: 100%;
		padding: 0 1rem;
	}
	.caseBox .txt .text{
		display: none;
	}
	.caseScroll{
		margin-top: 0;
		padding: 0 1rem 2rem;
	}
	.caseScroll .swiper-slide .pic{
		height: 13rem;
	}
	.news{
		margin-top: 20px;
	}
	.newsTitle{
		padding: 0 1rem;
	}
	.newsTitle a{
		width: 100px;
		line-height: 30px;
		border-radius: 30px;
		margin-top: 1rem;
	}
	.newsList ul li{
		width: 100%;
	}
	.newsList ul li .date{
		display: none;
	}
	

}
@media (max-width:600px)
{
	
}