.public-wp{width: 100%;margin: 0 auto;}

.public-wp1500{width: 100%;margin: 0 auto;}

.bg-gray{background: #f3f4f6;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.public-prev,
.public-next{display: block;width: 44px;height: 44px;box-sizing: border-box;border: 1px solid #99CCFF;border-radius: 100%;position: absolute;top: 50%;margin-top: -22px;}
.public-prev{left: -44px;background: url('../images/prev.png') no-repeat center center;}
.public-next{right: -44px;background: url('../images/next.png') no-repeat center center;}
.public-prev.swiper-button-disabled{background-image: url('../images/prev2.png');border-color: #999;}
.public-next.swiper-button-disabled{background-image: url('../images/next2.png');border-color: #999;}
#vsb_content h4,#vsb_content p{background:none!important;}
#hd{
	background: #ffffff;
	padding: 0 2.5%;
	height: 150px;
	border-bottom: 6px solid #6699cc;
	position: fixed;
	width: 100%;
	
	top: 0;
	left: 0;
	z-index: 99;
	transition: 0.4s;
	
}
#hd .hd-logo{height: 100%;line-height: 144px;transition: 0.4s; font-size: 0;}
#hd .hd-logo img{height: 85px;vertical-align: middle;transition: 0.4s;}
#hd .hd-right{padding-top: 68px;position: relative;transition: 0.4s;}
#hd .hd-bar{background: #336699;border-radius: 0 0 8px 8px;padding: 0 12px;line-height: 38px;position: absolute;top: 0;right: 0;transition: 0.4s;overflow: hidden;}
#hd .hd-bar a{float: left;color: #fff;margin: 0 12px;}
#hd .hd-bar span{float: left;color: #fff;margin: 0 10px 0 15px;}
#hd .hd-bar .search-btn{width: 24px;height: 24px;background: url('search.png');background-size: 100% 100%;margin-top: 9px;}
#hd .hd-nav ul li{float: left;position: relative;}
#hd .hd-nav ul li h3 a{display: block;padding: 0 25px;height: 76px;position: relative;font-size: 18px;color: #003366;border-radius: 8px 8px 0 0;line-height: 45px;transition: 0.4s;}
#hd .hd-nav ul li h3.nav-item a::after{display: inline-block;content: "";vertical-align: top;width: 12px;height: 12px;background: url('sj.png');background-size: 100% 100%;margin: 18px 0 0 4px;transition: 0.4s;}
#hd .hd-nav ul li h3 a:hover,
#hd .hd-nav ul li.on h3 a{background: #99ccff;background: linear-gradient(to bottom,rgba(0, 51, 102, 0.8),rgba(51, 102, 153, 0.4));transition: 0.4s; color:#fff;}
#hd .hd-nav ul li h3.nav-item a:hover::after{transition: 0.4s;transform: rotate(-90deg);}
#hd .hd-nav ul li .dropdown{position: absolute;width: 160px;top: 100%;left: 50%;margin-left: -80px;background: #e6e6e6;padding: 13px 0 22px;border-radius: 0 0 8px 8px;display: none;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);}
#hd .hd-nav ul li .dropdown::before{display: block;content: "";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent;border-bottom-color: #e6e6e6;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%,-100%);-moz-transform: translate(-50%,-100%);-ms-transform: translate(-50%,-100%);-o-transform: translate(-50%,-100%);transform: translate(-50%,-100%);}
#hd .hd-nav ul li .dropdown a{display: block;line-height: 36px;border-bottom: 1px solid #cfcfcf;text-align: center;}
#hd .hd-nav ul li .dropdown a:last-child{border-color: #e6e6e6;}
#hd .hd-nav ul li .dropdown a:hover{color: #336699;}
.hd-space{height: 150px;transition: 0.4s;}

#hd.hd-fixed{height: 60px;border-width: 4px;transition: 0.4s;}
#hd.hd-fixed .hd-logo{line-height: 56px;transition: 0.4s;}
#hd.hd-fixed .hd-logo img{height: 40px;transition: 0.4s;}
#hd.hd-fixed .hd-right{padding-top: 4px;transition: 0.4s;}
#hd.hd-fixed .hd-bar{transform: translateY(-100%);transition: 0.4s;}
#hd.hd-fixed .hd-nav ul li h3 a{height: 52px;line-height: 52px;transition: 0.4s;}
.hd-space.hd-fixed{height: 60px;transition: 0.4s;}
#hd .hd-bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(bg-header.png) no-repeat center top; background-size: auto 100%; z-index: -1;}

.search-box{float: left;height: 38px;}
.search-box .hd-search{position: absolute;width: 100%;height: 100%;background: #fff;bottom: 100%;left: 0;transition: 0.4s;visibility: hidden;}
.inputDiv{padding-right: 44px;width: 100%;box-sizing: border-box;}
.input1{display: block;width: 100%;height: 38px;box-sizing: border-box;line-height: 38px;text-indent: 20px;outline: none;font-size: 1rem;}
.input2{display: block;width: 24px;height: 24px;background: url(search3.png);background-size: 100% 100%;position: absolute;right: 10px;top: 50%;margin-top: -12px;cursor: pointer;}
.search-box:hover .hd-search{bottom: 0;transition: 0.4s;visibility: visible;}


#ft{background: url('../images/ft-bg.jpg');background-size: 100% 100%; position: relative;}
#ft .ft-link{padding: 50px 2.5% 30px; position: relative; z-index: 2;}
#ft .ft-link .ft-left{
	float: left;
	width: 66%;
	
	padding: 0 2%;
	border-left: 1px solid #ccffff;
}
#ft .ft-link .ft-right{
	float: right;
	width: 34%;
	padding: 0 2%;
	border-left: 1px solid #ccffff;
}
#ft .ft-link h4{
	font-size: 24px;
	color: #ccffff;
	line-height: 1;
	margin-bottom: 16px;
}
#ft .ft-link ul li{float: left;}
#ft .ft-link ul li a{font-size: 16px;line-height: 32px;color: #fff; font-weight:100;}
#ft .ft-link ul li a:hover{color: #99CCFF;transition: 0.4s;}
#ft .ft-link .ft-left ul li{width: 33%;}
#ft .ft-link .ft-right ul li{width: 50%;}
#ft .ft-logo{display: block;width: 354px;margin: 40px auto 20px;position: relative; z-index: 2;}
#ft .ft-logo img{width: 100%;}
#ft .ft-text{background: rgba(0, 0, 0, 0.6);padding: 30px 0 32px;position: relative; z-index: 2;}
#ft .ft-text .text-wp{float: left;width: 39%; padding-left:3%;}
#ft .ft-text .text-wp p{line-height: 22px; font-size:14px;color: #fff;font-family:"微软雅黑",arial,'Microsoft Yahei';}
#ft .ft-text .ft-icon{float: left;width: 22%;text-align: center;padding-top: 10px;}
#ft .ft-text .ft-icon a{display: inline-block;vertical-align: top;width: 40px;margin: 0 10px;position: relative;}
#ft .ft-text .ft-icon a .img{width: 100%;}
#ft .ft-text .ft-icon a .erweima{position: absolute;width: 110px;left: 50%;margin-left: -55px;bottom: 100%;padding-bottom: 10px;display: none;}
#ft .ft-text .ft-icon a .erweima img{width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#ft .ft-text .ft-icon a:hover .erweima{display: block;}
#ft .ft-bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;  background: rgba(0,64,152,0.98);}


.page-banner{position: relative;}
.page-banner::after{display: block;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 39%, rgba(0,0,0,0.50) 100%);}
.page-banner .bg-img img{width: 100%;}
.page-banner .text{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;}
.page-banner .text .page-name{float: left;padding: 0 124px 0 48px;line-height: 76px;background: #21a082;background: linear-gradient(to bottom,#149F7F,#4E9D67);font-size: 28px;color: #fff;position: relative;}
.page-banner .text .page-name::after{display: block;content: "";width: 76px;height: 56px;background: url('yun2.png');background-size: 100% 100%;position: absolute;right: 0;bottom: 0;}
.page-banner-bg {position: absolute; width: 100%; height: 48%; left: 0; bottom: 0; z-index: 0; background: linear-gradient(to top,rgba(0,0,0,0.2),rgba(0,0,0,0));}

.crumbs{float: right;line-height: 26px;margin-top: 25px;}
.crumbs a{float: left;color: #fff;}
.crumbs a img{vertical-align: top;margin: 6px 4px 0 0;}
.crumbs a:hover{color: #99CCFF;transition: 0.4s;}
.crumbs span{float: left;margin: 0 8px;color: #fff;font-size: 16px;}

.pageNum{margin-top: 40px;text-align: center;}
.pageNum a{display: inline-block;vertical-align: top;line-height: 30px;padding: 0 12px;border: 1px solid #d5d5d5;border-radius: 4px;margin: 0 2px;}
.pageNum a.on{background: #21a082;color: #fff;border-color: #21a082;}
.pageNum a:hover{color: #389d71;transition: 0.4s;border-color: #389d71;}
.pageNum a.on:hover{color: #fff;border-color: #389d71;}
.pageNum span{display: inline-block;vertical-align: top;line-height: 32px;margin: 0 2px;color: #999;}


.public-content{padding: 15px 0 30px;}
.public-bg{background: #DFE4E6;background: linear-gradient(to bottom,#DFE4E6,#fff);}
.content-title{padding: 0 30px;background: #21a082;background: linear-gradient(to bottom,#149F7F,#4E9D67);position: relative;margin-bottom: 45px;}
.content-title span.yun{display: block;content: "";width: 76px;height: 56px;background: url('../images/yun2.png');background-size: 100% 100%;position: absolute;right: 0;bottom: 0;}
.content-title .title-name{font-size: 28px;line-height: 36px;padding: 20px 0;color: #fff;float: left;}

.backtop{width: 46px;height: 54px;background: url('backtop.png');background-size: 100% 100%;opacity: 0.5;position: fixed;right: 5px;bottom: 0;z-index: 105;cursor: pointer;}