@media (max-width:1690px) {
	.headRight{
		width: 32%;
	}
	.pcNav>li{
		padding: 0.6rem;
	}
}

@media (max-width:1440px) {
	
	
	.keyWordBox a{
		margin-right: 1rem;
	}
	
	.keyWordBox a:nth-child(5n){
		margin-right: 1rem;
	}
}
@media (max-width:1038px){
	.logo1{
		display: none;
	}
	
	.logo2{
		display: block;
		width: 3.5rem;
		height: auto;
	}
	
}

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

@media (max-width:960px){
	
	.cebianBox{
		display: none;
	}
	.pcHead{
		display: none;
	}
	.phHead,.phNav{
		display: block;
	}
	
	.phHead{
		height: 2rem;
		padding: 0 4%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #ffffff;
		border-bottom: 1px solid #f5f5f5;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	.phHead a{
		display: flex;
		align-items: center;
		height: 100%;
		width: auto;
	}
	.phHead a img{
		display: block;
		height: 75%;
		width: auto;
	}
	
	.menu{
		display: block;
		width: 0.8rem;
		height: auto;
		transition: all .3s;
	}
	.rotate{
		transform: rotate(180deg);
	}
	
	.phNav{
		display: none;
		position: fixed;
		top: 2rem;
		z-index: 9999;
		left: 0;
		height: calc(100vh - 2rem);
		background-color: #000000;
		width: 100%;
	}
	
	.phSearch{
		width: 100%;
		height: 1.7rem;
		padding: 0.3rem 4% 0;
		box-sizing: border-box;
	}
	
	.phSearch form{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	
	.phSearch form input{
		width: calc(100% - 1.7rem);
		height: 100%;
		border-top-left-radius: 0.2rem;
		border-bottom-left-radius: 0.2rem;
		padding: 0 0.5rem;
		font-size: 0.5rem;
	}
	
	.phSearch form button{
		width: 2rem;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-top-right-radius: 0.2rem;
		border-bottom-right-radius: 0.2rem;
	}
	
	.phSearch form button img{
		display: block;
		width: 0.63rem;
	}
	
	
	
	.phNav>ul{
		padding: 0.4rem 4%;
		box-sizing: border-box;
		height: calc(100% - 1.7rem);
		width: 100%;
	}
	.phNav>ul>li{
		display: flex;
		flex-direction: column;
	}
	.phNav>ul>li>a{
		display: block;
		flex: 1;
		color: #ffffff;
		line-height: 1;
		font-size: 0.6rem;
		border-bottom: 1px dashed rgba(255, 255, 255, .2);
		padding: 0.5rem 2%;
		box-sizing: border-box;
		position: relative;
	}
	
	.phNav>ul>li img{
		display: block;
		width: 0.5rem;
		height: auto;
		position: absolute;
		top: 50%;
		right: 2%;
		margin-top: -0.25rem;
		opacity: 0.6;
	}
	
	.navChildens{
		width: 100%;
		display: none;
		height: auto;
	}
	.navChildens ul li{
		display: flex;
	}
	.navChildens ul li a{
		display: flex;
		width: 100%;
		padding: 0.5rem 4%;
		height: auto;
		overflow: hidden;
		color: #ffffff;
		line-height: 1;
		font-size: 0.6rem;
		box-sizing: border-box;
		border-bottom: 1px dashed rgba(255, 255, 255, .2);
	}
	
	.indexProductBox a{
		width: calc(100%/2 - 0.2rem);
		margin-right: 0.4rem;
		margin-bottom: 0.4rem;
	}
	
	.indexProductBox a:nth-child(2n){
		margin-right: 0;
	}
	
	.hasTab{
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		margin-bottom: 0.5rem;
	}
	
	
	.hasTab .indexTab{
		flex: unset;
		padding: 0;
		margin: 0.7rem 0 0;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.hasTab .indexTab ul{
		flex-flow: row wrap;
	}
	
	.hasTab .indexTab ul li{
		height: 1.25rem;
		margin-bottom: 0.5rem;
	}
	
	.hasTab .more{
		position: absolute;
		right: 0;
		top: 1rem;
	}
	
	.BannerSwiper{
		height: 18rem;
	}
	
	.BannerSwiper .swiper-slide .container{
		flex-direction: column;
		justify-content: center;
	}
	.BannerSwiper .swiper-slide .container img{
		width: 4rem;
		margin: 0 0 0.5rem 0;
	}
	
	.bannerCon span{
		font-size: 1rem;
		text-align: center;
	}
	
	.bannerCon p{
		font-size: 0.4rem;
		text-align: center;
	}
	
	.h100{
		height: 1.75rem;
	}
	
	.h150{
		height: 2rem;
	}
	
	.indexAboutCon p{
		width: 100%;
	}
	
	.indexAboutBtn{
		justify-content: center;
		margin-top: 1rem;
	}
	
	.indexAboutNumBox{
		flex-flow: row wrap;
	}
	
	.indexAboutNumList {
		width: 50%;
		margin-bottom: 0.8rem;
	}
	
	.indexAboutNumList span{
		margin-bottom: 0.4rem;
	}
	
	.indexImgTwoBox{
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.indexImgTwoBox div{
		width: 100%;
		height: 12rem;
		margin-bottom: 0.6rem;
	}
	
	.indexMSSwiper a{
		padding: 0 0.3rem 1rem;
	}
	.footer .container{
		flex-direction: column;
		
	}
	
	.footerL{
		width: 100%;
	}
	
	.footerR{
		width: 100%;
	}
	
	.footer{
		padding-bottom: 2rem;
	}
	
	.footerRInput{
		flex-direction: column;
		align-items: center;
	}
	
	.footerContact{
		margin-top: 2rem;
	}
	
	.footerLine{
		margin: 1rem 0 1.6rem;
	}
	
	.footerRBottom {
		flex-direction: column;
	}
	
	.footerRBL, .footerRBR{
		width: 100%;
	}
	.footerRBR{
		margin-top: 1rem;
	}
	.scTop{
		margin-top: 1rem;
	}
	
	.bannerPage .active{
		font-size: 1rem;
	}
	
	.conNavBox{
		padding: 1rem 0 1.5rem;
	}
	
	.serviceList{
		width: 100%;
		height: auto !important;
		overflow: hidden;
	}
	
	.serviceBox{
		flex-direction: column;
		
	}
	
	.neiBanner{
		height: 9rem;
	}
	
	.neiBanner span{
		font-size: 1.2rem;
	}
	
	.pageBox{
		margin-top: 1rem;
	}
	
	.pageBox>a, .pageBox ul li{
		margin: 0 0.35rem;
	}
	
	
	.indexproName{
		font-size: 0.5rem;
	}
	
	.conTitle span{
		font-size: 1rem;
	}
	
	.footerTitle span{
		font-size: 1rem;
	}
	
	.jxNews{
		flex-direction: column;
		height: auto !important;
		padding: 0 calc(2% + 0.2rem) 0 2%;
		box-sizing: border-box;
	}
	.jxConBox{
		width: 100%;
		height: auto;
		padding: 1.65rem 1rem 1.5rem ;
	}
	
	.jsImgBox{
		width: 100%;
		height: 10rem;
	}
	
	
	.newsSwiper{
		height: auto;
		padding-bottom: 2rem;
	}
	
	.newList{
		width: calc(100%/2 - 0.2rem);
		margin-right: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.newList:nth-child(2n) {
	    margin-right: 0;
	}
	
	.conTitleBox{
		margin-bottom: 1rem;
	}
	
	.proDTopBox{
		flex-direction: column;
	}
	
	.proDTopL{
		width: 100%;
	}
	.proDTopR{
		padding: 0;
		margin-top: 1rem;
		width: 100%;
	}
	
	.proSizeBox div span{
		width: 14%;
	}
	
	.newJXList{
		height: 8rem;
	}
	
	.newJXList .indexNewCon{
		padding: 1.2rem 1rem;
	}
	.AboutNumBox{
		flex-flow: row wrap;
	}
	
	.AboutNumList{
		width: 50%;
	}
	
	.AboutNumList {
		width: 50%;
		margin-bottom: 0.8rem;
	}
	
	.AboutNumList span{
		margin-bottom: 0.4rem;
	}
	
	.aboutPrev, .aboutNext{
		z-index: 2;
	}
	
	.contactBox{
		flex-direction: column;
	}
	
	
	.contactBL{
		width: 100%;
	}
	
	.contactBR{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.contactBRPos{
		position: unset;
		padding: 1.5rem 1rem ;
	}
	
	#map{
		height: 15rem;
		margin-top: 1rem;
	}
	
	.yzmBox{
		flex-direction: column;
	}
	
	.yzmInput{
		width: 100%;
		flex: unset;
		margin-right: 0;
	}
	
	.fsNow{
		margin-top: 0.5rem;
	}
	
	.inputBox{
		width: 100%;
	}
	
	.inputBox span{
		width: 15%;
	}
	
	.inputTwoBox{
		flex-direction: column;
	}
	
}


@media (max-width:767px){
	
	.indexImgTwoBox div{
		width: 100%;
		height: 8rem;
		margin-bottom: 0.6rem;
	}
	
	.jsImgBox{
		width: 100%;
		height: 8rem;
	}
	
	.centerTitle .indexTab{
		padding: 0;
		height: auto;
	}
	
	.centerTitle .indexTab ul{
		flex-flow: row wrap;
	}
	.centerTitle .indexTab ul li{
		height: 1.25rem;
	}
	
	.newList{
		height: 10rem;
	}
	
	.indexNewCon{
		padding: 1.2rem 0.8rem;
	}
	
	.newsDBox{
		flex-direction: column;
	}
	
	.newsDL{
		width: 100%;
	}
	.newsDR{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		padding: 0;
	}
	
	.newsDPNum{
		padding: 0 0.5rem;
	}
	
	
	.popup{
		flex-direction: column;
		height: auto;
		overflow: hidden;
	}
	
	.popupL{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 1rem;
	}
	
	.popupR{
		width: 100%;
		height: auto;
		padding: 1rem;
		box-sizing: border-box;
	}
	
	.popfsNow{
		width: 4rem;
		height: 1rem;
	}
	
	.popYZM{
		height: 1.6rem;
	}
	.popYZM span{
		font-size: 0.5rem;
	}
	
	.popYZM input{
		font-size: 0.5rem;
	}
	
	#enlarge-div img{
		width: 92%;
	}
	#enlarge-div{
		width: 100%;
		height: auto;
	}
	
}





@media (max-width:500px){
	.zzxxBtn{
		margin-top: 1rem;
	}
}