@media (min-width: 1201px) {
	.container {
		width: 1200px;
		max-width: 100%;
	}
}

@media (max-width: 1200px) {
	html {
		font-size: 18px !important;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 1.5rem .5rem 0
	}
}

@media (max-width: 1199px) {
	.navbar-header {
		width: 30%;
	}
	.map {
		height: 25rem;
	}
	.xfz-block-four {
		width: 100%;
		text-align: justify;
	}
	.xfz-block-five {
		display: block;
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		width: 100%;
		margin: 2rem 0 5rem;
		padding: 2rem 2.5rem;
	}
	.xfz-block-five p {
		white-space: normal;
		text-align: justify;
	}
}

@media (max-width: 1024px) {
	html {
		font-size: 16px !important;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 1.4rem .5rem 0
	}
}

@media (max-width: 992px) {
	.container {
		padding: 0 1.5rem;
	}
	.md-center {
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 1.375rem .5rem 0;
	}
	.navbar-header {
		width: 15%;
	}
	.navabr-tel {
		margin: 1.35rem 0 1.35rem 1rem;
	}
	.banner {
		height: 70%;
	}
	.banner-txt {
		left: 0;
		right: 0;
		padding: 0 1.5rem;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.seven-block {
		width: 45%;
	}
	.footer-contact,
	.footer-class {
		margin: 1rem 0;
	}
	.footer-ewm-flex {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	.footer-ewm-block {
		width: 35%;
	}
	.footer-ewm-r {
		margin-left: 1rem;
	}
	.banner-bottom-block {
		width: 30%;
		margin: 1rem 0;
	}
	.banner-bottom-wrap {
		min-height: 8.5rem;
		height: 100%;
		padding: 1rem 0;
	}
	.index-page {
		justify-content: center;
		-webkit-justify-content: center;
	}
	.index-page img {
		margin: auto;
	}
	.index-page:nth-child(odd) .index-page-block:nth-child(1) {
		order: 1;
		text-align: center;
	}
	.index-page-block {
		text-align: center;
	}
	.index-page-block p {
		padding: 0;
	}
	.apply-gap a {
		display: block;
		margin: 1rem auto 0;
		float: none;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 14px !important;
	}
	.xs-center {
		text-align: center;
	}
	.navbar-default .navbar-toggle {
		margin: 1.5rem 0;
	}
	.navbar-default .navbar-collapse {
		margin: 0 -1.5rem;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: rgba(0, 0, 0, .5);
	}
	.navbar {
		padding: 0;
	}
	.navbar-header {
		width: auto;
		padding: 0 1.5rem;
	}
	.navbar-default .navbar-nav {
		padding: 0;
	}
	.navbar-default .navbar-nav>li>a:focus span,
	.navbar-default .navbar-nav>li>a:hover span,
	.navbar-default .navbar-nav>.active>a span {
		width: 10%;
	}
	.navbar-default .navbar-nav>li>a span {
		display: inline-block;
		width: 0;
		height: 0;
		border-bottom: 1px dashed #fff;
	}
	.navbar-default .navbar-nav>li>a {
		line-height: 1;
		margin-bottom: 1rem;
		font-size: 1rem;
		padding: .25rem 0;
	}
	.pagination {
		text-align: center;
	}
	.nopadding-xs {
		padding: 0;
	}
	.navabr-tel {
		float: none;
		margin: 0;
		text-align: center;
	}
	.navbar-right {
		padding: 1.5rem 0;
	}
	.apply-gap {
		text-align: center;
	}
	.index-wx-block,
	.index-join-block,
	.index-page-block {
		width: 100%;
		text-align: center;
	}
	.index-wx-block img {
		margin: auto;
	}
	.free-wrap {
		height: auto;
	}
	.free-block {
		width: 100%;
		height: auto;
	}
	.join-pic:before {
		bottom: -1.2rem;
		left: 50%;
		margin-left: -1.2rem;
		top: auto;
		margin-top: 0;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.team-block {
		width: 100%;
	}
	.team-wrap {
		width: 100%;
		text-align: center;
	}
	.team-txt {
		padding: 2rem 1rem;
		width: 100%;
		text-align: center;
	}
	.futrue-block {
		width: 100%;
		padding: 1rem 0;
	}
	.shop-block {
		width: 50%;
		padding: 1rem 0;
	}
	.shop-wrap{
		justify-content: center;
	}
	.vision-block {
		width: 100%;
		margin: 1rem 0;
	}
	.case-list li {
		width: 48%;
	}
	.case-list li img {
		height: auto;
	}
	.banner h2 {
		font-size: 2.5rem;
	}
	.banner-btn {
		width: 9rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
	}
	.img-container{
		flex-wrap: wrap;
	}
}

@media (max-width: 640px) {
	.five-block {
		width: 50%;
	}
	.five-icon {
		width: 9.5rem;
		height: 9.5rem;
	}
	.five-icon i {
		width: 8rem;
		line-height: 8rem;
		height: 8rem;
	}
	.seven-block {
		width: 100%;
		padding: 0 1.5rem;
	}
}

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