@charset "UTF-8";

/*@media：媒体查询实现响应式布局*/
.toggle {
	display: none;
}

@media screen and (max-width: 1250px) {}

@media screen and (max-width: 1024px) {
	body {
		min-width: 0;
	}

	.container {
		width: auto;
		padding: 0 15px;
	}

	.section .aside {
		width: 318px;
	}

	.top {
		right: 15px;
	}

	.search {
		right: 15px;
	}

	.header img {
		transform: scale(0.95);
		transform-origin: 0 100%;
	}

	.menu>li>a {
		font-size: 16px;
		padding: 0 18px;
	}

	.nav .sub-menu a {
		font-size: 14px;
	}

	.slideBox .slider-title {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.slideBox .prev,
	.slideBox .next {
		left: 0;
		margin-left: 0;
	}

	.slideBox .next {
		left: 0;
		margin-left: 60px;
	}

	.section .main {
		width: 657px;
	}

	.pic-news,
	.notice,
	.aside {
		width: 320px;
	}

	.albumBox .bd li {
		width: 100%;
	}

	.albumBox .bd li>a {
		width: 100%;
	}

	.notice ul {
		/*height: 320px;*/
		margin-top: -10px;
		overflow: hidden;
	}

	.main .column li {
		width: 152px;
		height: 152px;
	}

	.main .column li>a {
		margin-top: 25px;
	}

	.main .column li a {
		font-size: 16px;
	}

	.work ul {
		height: 542px;
		margin-bottom: 4px;
	}
}

@media screen and (max-width: 768px) {
	.header {
		height: 120px;
	}

	.header .container {
		position: relative;
		height: 120px;
	}

	.header img {
		margin-top: 10px;
		transform-origin: 0 100%;
		transform: scale(0.85);
	}

	.top {
		display: none;
	}

	.search {
		display: none;
	}

	/*导航栏切换*/
	.toggle {
		display: block;
		position: absolute;
		top: 35px;
		right: 30px;
	}

	.toggle span {
		display: block;
		width: 40px;
		height: 5px;
		background: #eee;
		margin: 8px;
	}

	/*导航栏*/
	.nav {
		position: absolute;
		z-index: 9;
		height: auto;
		top: 120px;
		bottom: auto;
		background: rgba(255, 255, 255, .9);
		display: none;
	}

	.menu>li {
		float: none;
		text-align: center;
		border-bottom: 1px solid #ddd;
	}

	.menu>li>a:after {
		display: none;
	}

	.sub-menu {
		position: relative;
		top: 0;
	}

	.slideBox .slider-title {
		bottom: 40px;
		height: 50px;
	}

	.slideBox .slider-title p {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.slideBox .prev,
	.slideBox .next {
		display: none;
	}

	.section .container {
		position: relative;
	}

	.section .main {
		width: 100%;
	}

	.section .left-aside {
		display: none
	}

	.section .right-aside {
		width: 100%;
		margin-left: 0
	}

	.section .aside {
		width: 100%;
		margin-top: 30px;
		margin-left: 0
	}

	.pic-news,
	.notice {
		width: 362px;
	}

	.link {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.main .column li {
		width: 172px;
	}

	.footer {
		height: 231px;
		background-size: cover;
	}

	.footer .lf {
		width: 78%;
	}

	.footer .lf p {
		margin-top: 25px;
	}

	.section .intro img {
		max-width: 100%
	}

	.section .list-img {
		margin: 15px 0;
	}

	.section .list-img li {
		width: calc(50% - 16px);
		height: 296px;
		margin: 0 8px;
		margin-bottom: 15px
	}

	.list-img li img {
		width: 100%;
		height: 296px;
	}
}

@media screen and (max-width: 480px) {
	.top {
		display: none;
	}

	.header {
		height: 80px;
	}

	.header .container {
		position: relative;
		height: 80px;
	}

	.header img {
		margin-top: 20px;
		width: 330px;
	}

	/*导航栏切换*/
	.toggle {
		top: 25px;
		right: 10px;
	}

	.toggle span {
		display: block;
		width: 30px;
		height: 3px;
		background: #eee;
		margin: 6px;
	}

	/*导航栏*/
	.nav {
		top: 80px;
	}

	.section>.container {
		padding-bottom: 170px;
	}

	.slideBox .bd img {
		width: 150%;
		max-width: none;
	}

	.slideBox .slider-title {
		display: none;
	}

	.pic-news,
	.notice {
		width: 100%;
	}

	.main .column {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.main .column li {
		width: 48%;
		margin: 0 0 4% 0;
	}

	.main .column li:nth-child(odd) {
		margin-right: 1%;
	}

	.main .column li:nth-child(even) {
		margin-left: 1%;
		float: right;
	}

	.footer {
		height: auto;
	}

	.footer .lf {
		width: 100%;
	}

	.footer .blog {
		float: left;
		margin: 20px 0 15px;
	}

	.section .list-img li {
		width: 100%
	}

	.list-img li img {
		width: 100%;
		height: 276px;
	}
}

@media screen and (max-width: 320px) {

	.header img {
		margin-top: 20px;
		width: 280px;
	}
}