.cl {
	clear: both!important;
}

/*百图地图*/
.anchorBL {
	display: none!important;
}

.fl {
	float: left!important;
}
.fr {
	float: right!important;
}

.flx {
	overflow-x:auto!important;
	/*IE8滚动条样式设置*/
	scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #dcdcdc; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #f2f2f2; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #f2f2f2; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #f2f2f2; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #f2f2f2; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #f2f2f2; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/
	/*IE8滚动条样式设置*/
}
/*高版本浏览器滚动条样式设置*/
.flx::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:5px;
    height:8px;
	background:#f5f5f5;
	border-radius:6px; 
}
.flx::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
.flx::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	display:none;
}  
.flx::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    background:#f2f2f2;
	border-radius:6px;
}  
.flx::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#cccccc;
    border-radius:6px; 
}  
.flx::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
.flx::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 


/*---*/
.flx2 {
	overflow-x:auto!important;
	/*IE8滚动条样式设置*/
	scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #dcdcdc; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #f2f2f2; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #f2f2f2; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #f2f2f2; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #f2f2f2; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #f2f2f2; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/
	/*IE8滚动条样式设置*/
}
/*高版本浏览器滚动条样式设置*/
.flx2::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:5px;
    height:2px;
	background:#f5f5f5;
	border-radius:6px; 
}
.flx2::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
.flx2::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	  display:none;
}  
.flx2::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    background:#f2f2f2;
	border-radius:6px;
}  
.flx2::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#cccccc;
    border-radius:6px; 
}  
.flx2::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
.flx2::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 


/*---*/
.flx_white {
	overflow-x:auto!important;
	/*IE8滚动条样式设置*/
	scrollbar-arrow-color: #fff; /**//*三角箭头的颜色*/   
    scrollbar-face-color: #dcdcdc; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #f2f2f2; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #f2f2f2; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #f2f2f2; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #f2f2f2; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #f2f2f2; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#fff; /**//*滚动条的基本颜色*/
	/*IE8滚动条样式设置*/
}
/*高版本浏览器滚动条样式设置*/
.flx_white::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:5px;
    height:6px;
		background:rgba(255,255,255,0);
	  border-radius:6px;
		z-index: 10;
}
.flx_white::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
.flx_white::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	display:none;
}  
.flx_white::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
	position: absolute;
		top:0;
		left:0;
  background:rgba(255,255,255,0);
	border-radius:6px;
}  
.flx_white::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
	position: absolute;
		top:0;
		left:0;
    background:rgba(255,255,255,0);
    border-radius:6px; 
}  
.flx_white::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
.flx_white::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 
/*---*/

/*.wrapbody {
	padding:0!important;
	margin:0!important;
	width:auto;
	list-style: none;
	border:0;
	height:100%;
}*/
.mainbody {
	position: relative;
	margin:0 auto;
	width:1280px;
}

@media (max-width: 414px){
  .mainbody {
		position: relative;
		width:100%;
	}
}


/*内页banner*/
.banner_cls1 {
	position: relative;
	width:auto;
	height:37vh;
	background: #fafafa;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.banner_cls1 .mainbody {
	height:100%;
}
.banner_cls1 .mainbody .banner_item {
	position: absolute;
	left:0;
	bottom:-100%;
	width:225px;
	height:130px;
	background: rgba(25,155,215,0.8);
	border-radius: 0 50px 0 0;
	transition: 0.5s;
	overflow: hidden;
}


.banner_cls1 img {
	width:100%;
}
.banner_cls1 .banner_name {
	position: absolute;
	/*top:30px;*/
	top:-100%;
	left:20px;
	color:#ffffff;	
	font-size:40px;
	transition: 0.5s;
	opacity: 1;
}
.banner_cls1 .banner_subname {
	position: absolute;
	/*bottom:20px;*/
	left:20px;
	bottom:-100%;
	color:#ffffff;
	font-size:20px;
	transition: 0.5s;
	opacity: 1;
}

@media(max-width:414px){
	.banner_cls1 {
		position: relative;
		width:auto;
		height:170px;
		background: #fafafa;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.banner_cls1 .mainbody {
		display: none;
	}
}

/*内页二类导航*/
.subnav_cls1 {
	width:auto;
	height:50px;
	background: #0D6187;
	box-shadow: 0 3px 5px #eeeeee;
	overflow: hidden;
}
.subnav_cls1 a {
	float: left;
	display: block;
	padding:0 25px;
	height:50px;
	line-height: 50px;
	font-size:15px;
	background: none;
	color:#ffffff
}
.subnav_cls1 a:hover {
	background: #157dac
}
.subnav_cls1 a.act {
	background: #157dac;
}

/*隐藏移动端导航*/
.subnav_cls1 .swiper_subnav {
	display: none;
}


@media(max-width:414px){
	/*隐藏PC端导航*/
	.subnav_cls1 .mainbody {
		display: none;
	}
  .subnav_cls1 {
		margin-top:15px;
		padding:0 10px;
		width:100%;
		height: 60px;
		background: none;
		box-shadow:none;
	}
	.subnav_cls1 .swiper_subnav {
		display: block;
		width:100%;
		height:100%;
		overflow: hidden;
	}
	.subnav_cls1 .swiper_subnav .swiper-wrapper {
		width:100%;
	}
	.subnav_cls1 .swiper_subnav .swiper-wrapper .swiper-slide {
		width:100%;
		height:100%;
	}

	.subnav_cls1 .swiper_subnav a {
		position: relative;
		display: block;
		float: left;
		padding:0 10px;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:14px;
		text-align: center;
		color:#ffffff;
		background: #199BD7;
		border-radius: 5px;
	}
	.subnav_cls1 .swiper_subnav a.act {
		background: #522C86;
	}
	.subnav_cls1 .swiper_subnav a.act::before {
		position: absolute;
		left:0;
		right:0;
		bottom:-20px;
		margin:auto;
		content: '';
		width:0;
		height:0;
		border-top: 10px solid #522C86; 
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
}


/*翻页*/
.page_cls1 {
	margin:30px 0 50px 0;
	display: flex;
	width: auto;
	clear:both;
	font-size:14px;
	clear:both;
	justify-content: center;
}
.page_cls1 ul li {
	float: left;
	text-align: center;
	margin-left:6px;
}
.page_cls1 ul li a {
	display: block;
	padding: 6px 12px;
	border: #eee 1px solid;
  color:#333333;
}
.page_cls1 ul li a:hover {
	color:#f44444
}
.page_cls1 ul li a.disabled {
	color: #aaa;
	cursor: default;
}
.page_cls1 ul li a.active {
	background: #199BD7;
	border: #199BD7 1px solid;
	color: #fff;
}
.page_cls1 .count {
	font-size:14px;
	color:#333333;
	line-height:30px;
}
.page_cls1 .count em {color:#f44444; font-style:normal;}
.page_cls1 .jump {width:25px; height:25px; border:1px #e3e3e3 solid; text-align:center}


@media(max-width:414px){
	.page_cls1 {
		margin:10px 0 10px 0;
	}
	.page_cls1 ul {
		margin:0 auto;
		width:90%;
	}	
	.page_cls1 ul li {
		display: none;
	}
	.page_cls1 ul li:nth-child(2){
		display: block;
		float: left!important;
	}
	.page_cls1 ul li:nth-last-child(2){
		display: block;
		float: right!important;
	}
	.page_cls1 ul li a.disabled {
		color:rgba(255,255,255,0.3)
	}
	.page_cls1 ul li a {
		color:#ffffff;
		padding:8px 25px;
		font-size:15px; 
		color:#ffffff;
		background: #2A447D;
		border-radius: 4px;
		border:0;
	}
}


.h_screen_box {
	width:100%;
	height:850px;
	overflow-y: auto;
}

.h_screen_box .h_screen_item {
	height:1200px;
}

.scrolltop {
	position: fixed;
	display: flex;
	bottom:10%;
	right:3%;
	width:50px;
	height:50px;
	background: #199BD7;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.scrolltop i {
	font-size:25px;
	color:#ffffff;
}
.scrolltop:hover {
	background: #27b5f7;
}

@media(max-width:414px){
	.scrolltop {
		display: none;
	}
}



/*底部*/
.h_footer_bg {
	position: relative;
	clear: both;
	width:auto;
	height:415px;
}
.h_footer_bg .h_footer_cls2 {
	width:auto;
	height:100%;	
}
.h_footer_bg .h_footer_cls2 .h_footer_top {
	position: relative;
	width:auto;
	height:365px;
	background: #199BD7;
	background-position: 1100px 0;
	background-size:auto;
	background-repeat: no-repeat;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav {
	padding:40px 0 0 0;
	width:730px;
	height:100px;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav a {
	position: relative;
	display: block;
	float: left;
	width:16.6%;
	font-size:16px;
	text-align: center;
	color:#ffffff;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav a:hover {
	color:#f55555
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav a::before {
	position: absolute;
	top:3px;
	right:0;
	width:2px;
	height:18px;
	content: '';
	background: #ffffff;
	transform: rotate(20deg);
	z-index: 1;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav a:last-child::before {
	width:0;
	height:0;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info {
	position: relative;
	padding:20px 0 0 50px;
	width:759px;
	height:220px;
	background: rgba(255,255,255,0.4);
	color:#ffffff;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info dl dt {
	margin-bottom:18px;
	font-size:35px;	
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info dl dd {
	height:40px;
	line-height:40px;
	font-size:18px;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info .h_footer_evm {
	position: absolute;
	right:46px;
	bottom:46px;
	width:140px;
	height:140px;
	overflow: hidden;
	z-index: 1;
}
.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info .h_footer_evm img {
	width:100%;
	height:100%;
}
.h_footer_bg .h_footer_cls2 .h_footer_top  .h_footer_top_img {
	position: absolute;
	display: flex;
	width:25%;
	height:75%;
	top:0;
	bottom:0;
	right:100px;
	margin:auto;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.h_footer_bg .h_footer_cls2 .h_footer_top  .h_footer_top_img img {
	max-width:100%;
	max-height:100%;
}



.h_footer_bg .h_footer_cls2 .h_footer_bottom {
	width:auto;
	height:52px;
	line-height: 52px;
	color:#ffffff;
	font-size:14px;
	background: #0D6187;
}
.h_footer_bg .h_footer_cls2 .h_footer_bottom a {
	margin-right:20px;
	color:#ffffff;
}
.h_footer_bg .h_footer_cls2 .h_footer_bottom a:hover {
	color:#f55555
}

.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dt {
	padding-left:20px;
	float: left;
}
.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dd {
	padding-right:20px;
	float: right;
}

@media(max-width:1366px){
	.h_footer_bg {
		position: relative;
		clear: both;
		width:auto;
		height:400px;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top {
		position: relative;
		width:auto;
		height:335px;
		background: #199BD7;
		background-position: 1100px 0;
		background-size:auto;
		background-repeat: no-repeat;
	}
}

/*@media(max-width:1366px){
	.h_footer_bg .h_footer_cls2 .h_footer_top {
		background-image: url(../img/footer_bg1.jpeg);
		background-position: 700px 0;
		background-size:60%;
		background-repeat: no-repeat;
	}
}*/


@media(max-width:414px){
	.h_footer_bg {
		margin-top:4.93vh;
		height:33.25vh;
		overflow: hidden;
	}
	.h_footer_bg .h_footer_cls2 {
		width:auto;
		height:100%;	
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top {
		padding-top:3.69vh;
		width:auto;
		height:24.63vh;
		background: none;
		background-image: url(../img/footer_wap_bg1.jpeg);
		background-position: center top;
		background-size:100% 100%;
		background-repeat: no-repeat;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_nav {
		display: none;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info {
		position: relative;
		margin:0 auto 0 auto;
		padding:3.69vh 2.5vh 0 2.5vh;
		width:95%;
		height:17.86vh;
		background: rgba(255,255,255,0.4);
		color:#333333;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info dl dt {
		margin-bottom:0.74vh;
		font-size:2.46vh;
		font-weight: bold;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info dl dd {
		height:2.96vh;
		line-height:2.96vh;
		font-size:1.60vh;
	}


	.h_footer_bg .h_footer_cls2 .h_footer_top .h_footer_info .h_footer_evm {
		display: none;
	}


	.h_footer_bg .h_footer_cls2 .h_footer_bottom {
		width:auto;
		height:8.62vh;
		line-height: unset;
		color:#ffffff;
		font-size:1.72vh;
		background: #0D6187;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dt,
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dd {
		clear: both;
		text-align: center;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_bottom a {
		margin-right:2.46vh;
		color:#ffffff;
		font-size:14px;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dt,
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dd {
		float: unset;
		height:4.31vh;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dt {
		line-height:4.93vh;
	}
	.h_footer_bg .h_footer_cls2 .h_footer_bottom dl dd a:last-child {
		margin-right:0;
	}

	.h_footer_bg .h_footer_cls2 .h_footer_top  .h_footer_top_img {
		display: none;
	}
}


.nodata {
	padding:50px 0;
	width:auto;
	font-size:16px;
	text-align: center;
}