@media (max-width:1200px) {
	.news-top .pic {
		height: 200px;
	}

	.news-top .pic img {
		width: auto;
		max-width: unset;
		height: 100%;
	}

	#work02 .period {
		height: auto;
		background: unset;
		display: block;
	}

	#work02 .period li {
		position: unset;
		flex-direction: row;
		justify-content: flex-start;
		background-color: #f6f6f6;
		margin-bottom: 30px;
	}

	#work02 .period h3 {
		width: 30%;
		margin: 0;
		color: #333;
		text-align: center;
	}

	#work02 .period .desc {
		width: 70%;
		border-left: 2px solid #5aa5ab;
		border-radius: 0;
	}

	#work02 .period li:nth-child(odd) {
		flex-direction: column;

		flex-direction: row;
	}

}



@media (max-width:992px) {
	.page-banner {
		justify-content: flex-end;
	}

	#about01 .cont .pic img {
		box-shadow: none;
	}

	.contact .box {
		display: block;
	}

	.contact .map {
		margin-bottom: 40px;
	}

	.contact .lxfs,
	.contact .map {
		padding: 0;
	}
}

@media (max-width:750px) {
	header {
		height: 58px;
	}

	header .logo img {
		height: 58px;
		width: auto;
	}

	header .nav-btn .iconfont {
		font-size: 24px;
	}


	#banner li a,
	#banner {
		height: calc(100vh - 58px);
	}

	#banner li .text h3 {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.page-banner {
		height: 200px;
	}

	.page-banner img {
		height: 100%;
	}

	.page-banner .text h3 {
		font-size: 20px;
	}

	.page-banner .text span:after {
		height: 1px;
	}

	.ab2-list ul,
	.news-top ul {
		flex-wrap: wrap;
	}

	.ab2-list ul:first-child li {
		width: 100%;
	}

	.ab2-list ul:last-child li {
		width: 100%;
	}

	.location {
		display: none;
	}

	.news-nav .container {
		justify-content: center;
	}

	.news-top li {
		margin-bottom: 20px;
	}

	.news-top .pic {
		display: block;
		height: auto;
	}

	.news-top .pic img {
		width: 100%;
		height: auto;
	}

	.news_detail .info span {
		display: none;
	}

	.news_detail .news-fy {
		display: block;
	}

	#work02 .title h2 {
		font-size: 24px;
		font-weight: bold;
	}

	#work02 .period h3 {
		font-size: 18px;
	}

	.publictylist li a {
		display: block;
	}

	.pub-btn span {
		display: none;
	}

	.join-list .tit .lx {
		margin-top: 10px;
	}

	.message {
		display: none;
	}

	.gbook {
		display: block;
		position: fixed;
		right: 10px;
		top: 50%;
		width: 48px;
		line-height: 1;
		padding: 10px;
		background: #95b03b;
		color: #fff;
		border-radius: 50%;
		box-shadow: 0 1px 5px #333;
		z-index: 99999;
	}
}

@media (max-width:450px) {
	.page-banner {
		height: 100px;
	}

}