@charset "UTF-8";

.app-row {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	max-width: 1200px;
	min-width: 320px
}


@media (max-width:1400px) {
	
	.app-row {
		width: 1000px
	}

	.app-footer .app-footer-content,
	.app-footer.home .app-footer-content {
		width: 1000px
	}

	.app-footer .app-footer-content .out-link-box img,
	.app-footer.home .app-footer-content .out-link-box img {
		height: 58px
	}

	.app-footer .app-footer-content .out-link-box span,
	.app-footer.home .app-footer-content .out-link-box span {
		margin: 0 28px
	}

	.app-footer .route-box .item {
		margin-left: 8px
	}

	.app-footer .route-box .item .title {
		letter-spacing: 0
	}

	#app-news-pages .app-content {
		width: 1000px
	}
}

@media (max-width:1200px) {
	
	.app-row {
		width: 800px
	}

	.app-header .logo-box {
		padding: 20px 4px 0 20px
	}

	.app-header .logo-box img {
		height: 28px;
		width: 100px
	}

	.app-header .app-search-box {
		padding-right: 20px;
		margin-top: 16px
	}

	.app-header .nav-box {
		width: 80%;
		padding-top: 22px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.app-header-fixed.fix-head-show-always .nav-box,
	.app-header-fixed.show .nav-box {
		margin-left: 0;
		width: 100%
	}

	.app-footer .app-footer-content,
	.app-footer.home .app-footer-content {
		width: 800px
	}

	.app-footer .app-footer-content .out-link-box img,
	.app-footer.home .app-footer-content .out-link-box img {
		height: 48px
	}

	.app-footer .app-footer-content .out-link-box span,
	.app-footer.home .app-footer-content .out-link-box span {
		margin: 0 20px
	}

	.app-footer .route-box {
		width: 75%
	}

	.app-footer .route-box .item {
		min-height: 200px;
		margin-left: 44px
	}

	#app-news-pages .app-content {
		width: 800px
	}
}

@media (max-width:950px) {
	.app-row {
		width: 650px
	}

	#app-news-pages .app-content {
		width: 650px
	}

	#app-news-pages .app-news-content-box {
		width: 100%
	}

	#app-news-pages .app-content {
		padding-top: 100px
	}

	.app-aside {
		display: none
	}

	.app-share-box {
		display: none
	}

	.app-body .app-content-box {
		padding-left: 0
	}

	.app-header .nav-box {
		display: none
	}

	.app-header .wangzhanqun-bt {
		display: none
	}

	.app-header .app-search-box .el-icon-s-fold {
		display: inline-block
	}

	.app-footer {
		padding-left: 0 !important
	}

	.app-footer .app-footer-content,
	.app-footer.home .app-footer-content {
		width: 650px
	}

	.app-footer .app-footer-content .out-link-box,
	.app-footer.home .app-footer-content .out-link-box {
		padding: 0
	}

	.app-footer .app-footer-content .out-link-box>*,
	.app-footer.home .app-footer-content .out-link-box>* {
		padding-top: 30px;
		float: left
	}

	.app-footer .app-footer-content .out-link-box span,
	.app-footer.home .app-footer-content .out-link-box span {
		margin: 0 63px;
		border: none
	}

	.app-footer .app-footer-content .out-link-box span:nth-of-type(4),
	.app-footer.home .app-footer-content .out-link-box span:nth-of-type(4) {
		margin: 0 30px
	}

	.app-footer .route-box {
		width: 100%
	}

	.app-footer .route-box .item {
		margin-left: 68px
	}

	.app-footer .route-box .item:nth-child(1),
	.app-footer .route-box .item:nth-child(6) {
		margin-left: 0
	}

	.app-footer .logo-box {
		display: none
	}

	.app-search-contain .el-icon-circle-close,
	.app-search-contain .iconfont {
		right: auto;
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 24px;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.app-search-contain .search-head-box .search-input-box {
		padding-top: 100px
	}

	.menu-box {
		display: block
	}
	.app-header .logo-box img{
		width:118px !important;
		height:  38px !important;
	}
	.app-header .logo-box{
		padding: 10px 4px 0 20px;
	}
	

}

@media (max-width:680px) {
	.app-row {
		width: 300px
	}

	#app-news-pages .app-content {
		width: 300px
	}

	.app-search-contain .search-row {
		width: 300px
	}

	.app-search-contain .pagination-box {
		background: 0 0
	}

	.app-footer .app-footer-content {
		width: 300px !important
	}

	.app-footer .route-box {
		display: none
	}

	.app-footer .out-link-box {
		display: none
	}

	.app-footer .img-box {
		display: none
	}
}
