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

@media (max-width:1600px) {
	.indexOurTitleBox{
		padding-left: 5%;
		padding-right: 5%;
		
	}
	
	.iBannerNext{
		right: 5%;
	}
	.iBannerPrev{
		right: calc(2.1rem + 5%)
	}
	
	.footerPartners ul{
		height: 100%;
		flex: 1;
		justify-content: space-between;
		display: flex;
	}
	.footerPartners ul li{
		margin-left: 10%;
		display: block;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.footerPartners ul li img{
		max-height: 40%;
	}
	
}


@media (max-width:1440px) {
	
	.navBox ul li{
		padding: 0 0.7rem;
	}
	
}

@media (max-width:1240px){
	.footerRB{
		width: 22rem;
	}
	.footerPartners ul li{
		margin-left: 5%;
	}
	.footerLB p{
		font-size: 1.2rem;
	}
	.indexAList{
		padding-right: 2%;
		width: 33%;
		box-sizing: border-box;
	}
}



@media (max-width:1024px){
	
	.navBox ul li{
		padding: 0 0.6rem;
	}
	.footerRB{
		width: 21rem;
	}
	
}

@media (max-width:960px){
	.head{
		display: none;
	}
	.footerRB{
		width: 20rem;
	}
	
	.phHead{
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0 5%;
		align-items: center;
		justify-content: space-between;
		z-index: 10;
		box-sizing: border-box;
	}
	
	.phHead a{
		background-color: #3e690f;
		height: auto;
		overflow: hidden;
		width: 4rem;
		height: 2.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
	.phHead a img{
		display: block;
		height: 80%;
		width: auto;
	}
	
	.menu{
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.menu svg:last-child{
		display: none;
	}
	
	.phNav{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
		background: #ffffff;
		z-index: 9;
		padding-top: 3.2rem;
		box-sizing: border-box;
	}
	
	.phNav ul{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 5%;
		box-sizing: border-box;
	}
	
	.phNav ul li{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0.6rem 0;
	}
	
	.phNav ul li a{
		font-size: 0.8rem;
		
	}
	
	.navPhAct a{
		font-family: 'ms';
		color: #3e690f;
	}
	
	.lenBox{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0.75rem 0;
	}
	
	.lenBox a{
		font-size: 0.8rem;
		text-decoration: underline;
		margin: 0 0.65rem;
	}
	
	.fixed{
		position: fixed;
	}
	
	.navShow{
		background-color: #3e690f !important;
	}
	.navShow svg:first-child{
		display: none;
	}
	.navShow svg:last-child{
		display: block;
	}
	.iBanner .container h2{
		font-size: 1.2rem;
	}
	.h150{
		height:2rem;
	}
	.indexTitleTxt{
		width: 100%;
	}
	.indexProNav a{
		padding: 0 0.8rem;
	}
	.indexATitleBox{
		flex-direction: column;
	}
	.indexATitleR {
		width: 100%;
	}
	.indexAboutNumBox{
		padding: 2rem 0 4rem;
		width: 100%;
	}
	.aboutRConRL{
		width: 100%;
	}
	
	.indexALNum{
		font-size: 1.2rem;
	}
	
	.footerNav{
		display: none;
	}
	.footerCopy{
		flex-direction: row;
		width: 100%;
		margin-top: 0.5rem;
	}
	.footerBottom .container{
		flex-direction: column;
		align-items: center;
	}
	.footerR{
		display: none;
	}
	.footerTop{
		justify-content: center;
	}
	.footerCopy{
		justify-content: center;
	}
	.footerLB{
		align-items: center;
	}
	.footerTop{
		padding-left: 0 !important;
	}
	.footer{
		padding: 1.7rem 0;
	}
	.aboutL{
		width: 100%;
	}

	.aboutR{
		width: 100%;
		margin-top: 0.5rem;
	}
	.lxList{
		width: 100%;
		margin-bottom: 5px;
	}
	.lxListBox{
		flex-direction: column;
	}
	.contactBottom .container{
		flex-direction: column;
	}
	.contactL{
		height: 8rem;
		width: 100%;
	}
	.contactR{
		width: 100%;
		box-sizing: border-box;
	}
	.contactBottom{
		padding: 2rem 0 0;
	}
	.contactTop{
		padding-bottom: 0;
	}
	.lxList p{
		font-size: 0.6rem;
	}
	
	.proDTop{
		flex-direction: column;
	}
	.proDL{
		width: 100%;
		margin-bottom: 1rem;
	}
	.proDR{
		width: 100%;
		padding-left: 0;
	}
	.bigSwiper{
		height: 12rem;
	}
}


@media (max-width:767px){
	.indexNewBox{
		flex-direction: column;
	}
	.newsList{
		width: 100%;
		margin-right: 0;
	}
	.indexNMore{
		margin: 0;
		padding: 0.9rem 0;
	}
	.indexOTop{
		flex-direction: column;
		height: auto;
		overflow: hidden;
	}
	.indexOurList{
		width: 100%;
		height: 9rem;
	}
	.indexOurTitleBox{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-bottom: 1rem;
	}
	.indexOurBottom{
		flex-direction: column;
		height: auto;
		overflow: hidden;
	}
	.indexOurE{
		padding: 1.25rem;
	}
	.indexOurList div p{
		display: block;
	}
	.newsTop{
		flex-direction: column-reverse;
		height: 24rem;
	}
	.nLSwiper{
		width: 100%;
		height: 56%;
	}
	.nRSwiper{
		width: 100%;
		height: 44%;
	}
	.nLSwiper .swiper-slide{
		padding: 8% 5%;
	}
	.newsPageBox ul li{
		padding: 0 0.4rem;
	}
	.newsPageBox ul li a,.newsPageBox>a{
		width: 1rem;
		height: 1rem;
	}
	.newsListBox .newsList{
		margin-bottom: 1rem;
	}
	.newsDConBox{
		flex-direction: column;
	}
	.newsDL{
		width: 100%;
		margin-bottom:1rem;
	}
	.newsDR{
		width: 100%;
	}
	.proList{
		width: 49%	;
	}
	.proList:nth-child(3n){
		margin-right: 2%;
	}
	.proList:nth-child(2n){
		margin-right: 0;
	}
	
	.proImg{
		height: 6.35rem;
	}
	
	.proDOList{
		width: 50%;
	}
	.proDOur{
		flex-flow: row wrap; 
	}
	.indexTitle{
		font-size: 1rem;
	}
	.qaConBox{
		flex-direction: column;
	}
	.qaLeft{
		width: 100%;
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.contactNavCon{
		width: 100%;
	}
}





