/* homepage  响应式*/

@media screen and (min-width: 1200px) and (max-width: 1420px) {
}

@media screen and (max-width: 768px) {
	.nav {
		display: none !important;
	}
	.navBtn {
		/*display:block;*/
	}

	.pagination {
		display: none !important;
	}
	#logoAnimate {
		width: 4.76rem !important;
		height: 0.51rem !important;
	}

	.logo {
		width: 4.76rem !important;
	}

	.page1 .contBox {
		height: 4.6rem !important;
	}

	.page1 .contBox .kvGif {
		width: 8.28rem !important;
		height: 4.6rem !important;
		left: -0.78rem !important;
	}

	.page .title {
		font-size: 0.26rem !important;
	}

	.page .slogan {
		font-size: 0.32rem !important;
	}

	.page .describe {
		line-height: 0.3rem !important;
		font-size: 0.24rem !important;
		margin-top: 0.3rem !important;
	}

	.contBox {
		width: 7.5rem;
	}

	.page2 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page2 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}
	.page2 .describe br {
		display: none;
	}

	.page2 .contBox .kvGif {
		width: 7.18rem !important;
		height: 4.51rem !important;
		left: 0px !important;
		margin-left: 0.22rem !important;
		margin-top: 0.5rem !important;
		position: relative;
	}

	.arrowBtn {
		width: 0.48rem !important;
		height: 0.48rem !important;
	}

	.page3 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page3 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page3 .describe br {
		display: none;
	}

	.page3 .contBox .kvGif {
		width: 8rem !important;
		height: 5.35rem !important;
		left: -0.33rem !important;
		top: 0rem !important;
		position: relative;
	}

	.page3 .servicesList {
		text-align: left;
		font-size: 0.22rem;
	}

	.page3 .servicesList br {
		display: block;
	}

	.page3 .servicesList .list2 {
		margin-left: 0.3rem !important;
	}

	.page4 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page4 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page4 .describe br {
		display: none;
	}

	.page4 .contBox .kvGif {
		width: 7.27rem !important;
		height: 5.17rem !important;
		left: 0rem !important;
		top: 0rem !important;
		position: relative;
		margin-left: 0.1rem;
	}

	.page5 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page5 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page5 .describe br {
		display: none;
	}

	.page5 .contBox .kvGif {
		width: 8.8rem !important;
		height: 5.2rem !important;
		left: 0rem !important;
		top: 0rem !important;
		position: relative;
		margin-left: -0.7rem;
	}

	.page5 .contBox .kvGif .gifRun,
	.page5 .contBox .kvGif .gifTxt,
	.page5 .contBox .kvGif .whiteTxt {
		margin-top: -0.7rem;
	}

	.page5 .clientList {
		margin-left: 0.3rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page6 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page6 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page6 .describe br {
		display: none;
	}

	.page6 .email br {
		display: block;
	}

	.page6 .contBox .kvGif {
		width: 8rem !important;
		height: 4.72rem !important;
		left: 0rem !important;
		top: 0rem !important;
		position: relative;
		margin-top: 0.5rem;
		margin-left: -0.25rem;
	}

	.page7 .contBox {
		top: 2rem !important;
		text-align: center;
		height: auto !important;
	}
	.page7 .cont {
		left: 0.3rem !important;
		top: 0rem !important;
		width: 6.9rem !important;
		position: relative;
	}

	.page7 .describe br {
		display: none;
	}

	.page7 .contact br {
		display: block;
	}

	.page7 .contBox .kvGif {
		width: 8.98rem !important;
		height: 6.8rem !important;
		left: 1rem !important;
		top: -1.5rem !important;
		position: relative;
		/*margin-top: 0.3rem;*/
	}

	.partnerListPage {
		width: 7.5rem;
	}

	.partnerListPage .clientList {
		width: 94%;
	}

	.partnerListPage .clientList li {
		margin-top: 4%;
		margin-bottom: 4%;
		margin-left: 2%;
		margin-right: 2%;
		width: 29% !important;
	}

	.backBtn {
		top: 0.3rem !important;
		left: 0.3rem !important;
	}

	/* .partnerListPage .clientList{
		top:1.2rem !important;
	} */
}

@media screen and (max-width: 450px) {
	.partnerListPage .clientList li {
		margin-top: 5%;
		margin-bottom: 5%;
	}

	.contact {
		text-align: left;
		margin-left: 0.15rem;
	}

	.page7 .contBox .kvGif {
		top: -3rem !important;
		left: 1.5rem !important;
	}

	.page3 .lowerHeightContBox {
		top: 1.8rem !important;
	}

	.page3 .lowerHeightContBox .slogan {
		margin-top: 0.2rem;
	}

	.page3 .lowerHeightContBox .describe {
		margin-top: 0.25rem !important;
	}

	.page3 .lowerHeightContBox .servicesListBox {
		margin-top: 0.15rem !important;
		line-height: 0.3rem !important;
	}

	.page5 .lowerHeightContBox {
		top: 1.8rem !important;
	}

	.page5 .lowerHeightContBox .slogan {
		margin-top: 0.2rem;
	}

	.page5 .lowerHeightContBox .describe {
		margin-top: 0.25rem !important;
	}

	.page5 .lowerHeightContBox .kvGif {
		top: -0.3rem !important;
	}
}