html,
body {
	padding:0;
	margin:0;
	height:100%;
}
#app {
	width:100%;
	height:100%;
}

.mainbody {
	position: relative;
	margin:0 auto;
	width:1280px;
}


.header_main {	
	width:100%;
	height:100px;
	background: #f3f1ef;	
	box-shadow: 0 3px 5px #cccccc;
}
.header_main.fixed {
	top:0;
	left:0;
	position: fixed;
	z-index: 100;
}
.header_main.abs {
	top:0;
	left:0;
	position: absolute;
	background: rgba(255,255,255,0.7);	
	z-index: 100;
}


.header_main .header {
	margin:auto;
	width:78%;
	height:100%;
}
.header_main .header .h_logo {
	float: left;
	margin-top:15px;
	width:74px;
	height:69px;
}
.header_main .header .h_logo img {
	width:100%;	
}
.header_main .header .h_name {
	float: left;
	display: flex;
	padding-left:30px;
	width:28%;
	height:100%;
	align-items: center;
}
.header_main .header .h_name h3 {
	font-size:30px!important;
}
@media (max-width: 1700px){
	.header_main .header .h_name h3 {
		font-size:26px!important;
	}
}
@media (max-width: 1500px){
	.header_main .header .h_name h3 {
		font-size:23px!important;
	}
}
@media (max-width: 1440px){
	.header_main .header .h_name h3 {
		font-size:22px!important;
	}
}
@media (max-width: 1366px){
	.header_main .header .h_name h3 {
		font-size:20px!important;
	}
}
@media (max-width: 1280px){
	.header_main .header .h_name h3 {
		font-size:19px!important;
	}
}

.header_main .header .h_nav {
	float: left;
	padding:0 0 0 10%;
	width:calc(72% - 74px);
	height:100%;
}

.header_main .header .h_nav a {
	float: left;
	display: flex;
	font-size:22px;
	width:18%;
	height:100%;
	color:#333333;
	align-items: center;
	text-align: center;
}
.header_main .header .h_nav a.act,
.header_main .header .h_nav a:hover {
	color:#3296fa
}

@media (max-width: 1700px){
	.header_main .header .h_nav a {
		font-size:20px!important;
	}
}
@media (max-width: 1500px){
	.header_main .header .h_nav a {
		font-size:23px!important;
	}
}
@media (max-width: 1440px){
	.header_main .header .h_nav a {
		font-size:22px!important;
	}
}
@media (max-width: 1366px){
	.header_main .header .h_nav a {
		font-size:20px!important;
	}
}
@media (max-width: 1280px){
	.header_main .header .h_nav a {
		font-size:19px!important;
	}
}


.subnav_cls1 {
	position: relative;
	width:auto;
	height:60px;
	background: #3D82C5;
	box-shadow: 0 3px 5px #eeeeee;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	z-index: 10;
}
.subnav_cls1 a {
	float: left;
	display: block;
	width:176px;
	height:60px;
	text-align: center;
	line-height: 60px;
	font-size:24px;
	background: none;
	color:#ffffff
}
.subnav_cls1 .mainbody {
	display: flex;
	justify-content: space-around;
}
.subnav_cls1 a:hover {
	color:#3D82C5;
	background: #ffffff
}
.subnav_cls1 a.act {
	color:#3D82C5;
	background: #ffffff;
}

.subnav_cls1.process a {
	width:250px;
}



.topbanner {
	width:100%;
	height:500px;
}



.page_cls1 {
	margin:30px 0 0 0;
	display: flex;
	width: auto;
	clear:both;
	font-size:14px;
	clear:both;
	justify-content: center;
}
.el-pagination button, .el-pagination span:not([class*=suffix]) {
	display: inline-block;
	width:70px;
	height:35px!important;
	line-height:33px!important;
	text-align: center;
	border-radius: 4px!important;
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: #ffffff;
	border:1px #dddddd solid!important;
	color: #333333;
	min-width: 35px!important;
	min-height:35px!important;
	line-height:33px!important;
	border-radius: 4px!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #409EFF;
	border:1px #409EFF solid!important;
	color: #FFF;
}




.scrolltop {
	cursor: pointer;
	position: fixed;
	display: flex;
	bottom:18%;
	right:3%;
	width:50px;
	height:50px;
	background: #199BD7;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.scrolltop img {
	width:100%;
	height:100%;
}


.nodata {
	padding:100px 0;
	width:100%;
	font-size:20px;
	text-align: center;
}