.public-wp{width: 1300px;margin: 0 auto;}

.public-wp1500{width: 1360px;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;}

@media screen and (max-width: 1440px) {
	.public-wp1500{width: 1300px;}
	.public-wp{width: 1300px;}
	.public-prev,
	.public-next{width: 40px;height: 40px;margin-top: -20px;}
	.public-prev{left: -40px;}
	.public-next{right: -40px;}

	#hd{
	height: 105px;
	border-bottom: 5px solid #6699cc;
}
	#hd .hd-logo{line-height: 100px;}
	#hd .hd-logo img{height: 75px;}
	#hd .hd-right{padding-top: 45px;}
	#hd .hd-bar{padding: 0 10px;line-height: 32px;}
	#hd .hd-bar a{margin: 0 10px;}
	#hd .hd-bar span{margin: 0 8px 0 12px;}
	#hd .hd-bar .search-btn{background-size: 100% 100%;margin-top: 4px;}
	#hd .hd-nav ul li h3 a{padding: 0 15px;height: 60px;font-size: 16px;line-height: 36px;}
	#hd .hd-nav ul li h3.nav-item a::after{margin-top: 12px;}
	#hd .hd-nav ul li .dropdown{padding: 12px 0 20px;}
	#hd .hd-nav ul li .dropdown a{line-height: 27px;}
	.hd-space{height: 105px;}

	#hd.hd-fixed{height: 55px;border-width: 3px;}
	#hd.hd-fixed .hd-logo{line-height: 52px;}
	#hd.hd-fixed .hd-logo img{height: 38px;}
	#hd.hd-fixed .hd-right{padding-top: 3px;}
	#hd.hd-fixed .hd-nav ul li h3 a{height: 52px;line-height: 52px;}
	#hd.hd-fixed .hd-nav ul li h3.nav-item a::after{margin-top: 20px;}
	.hd-space.hd-fixed{height: 55px;}

	.search-box{height: 32px;}
	.input1{height: 32px;line-height: 32px;text-indent: 18px;}

	#ft .ft-link{padding-top: 60px;}
	#ft .ft-link h4{font-size: 20px;margin-bottom: 12px;}
	#ft .ft-link ul li a{font-size: 14px;line-height: 28px;}
	#ft .ft-logo{width: 320px;margin: 60px auto 28px;}
	#ft .ft-text{padding: 32px 0 44px;}
	#ft .ft-text .ft-icon a{width: 36px;}

	.page-banner .text .page-name{padding: 0 90px 0 36px;line-height: 60px;font-size: 24px;}
	.page-banner .text .page-name::after{width: 54px;height: 40px;}
	.crumbs{margin-top: 18px;}

	.content-title{padding: 0 24px;margin-bottom: 40px;}
	.content-title span.yun{width: 54px;height: 40px;}
	.content-title .title-name{font-size: 24px;padding: 12px 0;}

	.backtop{width: 40px;height: 47px;}

}


@media screen and (max-width: 1280px) {
	.public-wp1500{width: 1100px;}
	.public-wp{width: 98%; margin:0 auto;}
	.public-prev,
	.public-next{width: 32px;height: 32px;margin-top: -16px;}
	.public-prev{left: -32px;}
	.public-next{right: -32px;}

	#hd{
	height: 80px;
	border-bottom: 4px solid #6699cc;
	padding: 0 2%;
}
	#hd .hd-logo{line-height: 76px;}
	#hd .hd-logo img{height: 40px;}
	#hd .hd-right{padding-top: 38px;}
	#hd .hd-bar{padding: 0 6px;line-height: 28px;}
	#hd .hd-bar a{margin: 0 6px;}
	#hd .hd-bar span{margin: 0 6px 0 10px;}
	#hd .hd-bar .search-btn{width: 20px;height: 20px;margin-top: 4px;}
	#hd .hd-nav ul li h3 a{padding: 0 12px;height: 42px;font-size: 14px;line-height: 36px;}
	#hd .hd-nav ul li h3.nav-item a::after{width: 10px;height: 10px;margin: 13px 0 0 2px;}
	#hd .hd-nav ul li .dropdown a{padding: 10px 0 14px}
	.hd-space{height: 80px;}

	.search-box{height: 28px;}
	.input1{height: 28px;line-height: 28px;text-indent: 16px;font-size: 1rem;}

	#ft .ft-link{padding-top: 44px;}
	#ft .ft-logo{width: 280px;margin: 44px auto 24px;}
	#ft .ft-link .ft-left ul li{width: 33.33%;}
	#ft .ft-link .ft-right ul li{width: 100%;}
	#ft .ft-text{padding: 28px 0 36px;}
	#ft .ft-text .ft-icon a{width: 32px;}
}


@media screen and (max-width: 991px) {
	.public-wp1500{width: 96%;}
	.public-wp{width: 96%; margin:0 auto;}

	#hd{height: 60px;}
	#hd .hd-logo{line-height: 56px;}
	#hd .hd-logo img{height: 40px;}
	#hd .hd-right{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background: #336699;padding: 20px 30px;transform: translateX(100%);transition: 0.4s;}
	#hd .hd-right.nav-show{transition: 0.4s;transform: translateX(0);}
	#hd .hd-bar{display: none;}
	#hd .hd-nav{height: 100%;padding-top: 80px;position: relative;}
	#hd .hd-nav .nav-close{display: block;width: 30px;height: 30px;background: url('close.png');background-size: 100% 100%;top: 0;right: 0;position: absolute;}
	#hd .hd-nav ul{height: 100%;overflow-y: auto;}
	#hd .hd-nav ul li{float: none;padding: 5px 0;border-bottom: 1px solid #1a9679;}
	#hd .hd-nav ul li h3{padding-right: 40px;position: relative;}
	#hd .hd-nav ul li h3 i{display: block;width: 40px;height: 40px;position: absolute;top: 0;right: 0;background: url('arrow.png') no-repeat center center;background-size: 20px 20px;transition: 0.4s;}
	#hd .hd-nav ul li h3.on i{transition: 0.4s;transform: rotate(90deg);}
	#hd .hd-nav ul li h3 a{padding: 0;height: 40px;font-size: 16px;line-height: 40px; color:#fff;}
	#hd .hd-nav ul li.on h3 a,
	#hd .hd-nav ul li h3 a:hover{background: none;  }
	#hd .hd-nav ul li h3.nav-item a::after{display: none;}
	#hd .hd-nav ul li .dropdown{position: static;background: none;box-shadow: none;margin: 0;width: 100%;padding: 0 0 0 20px;}
	#hd .hd-nav ul li .dropdown::before{display: none;}
	#hd .hd-nav ul li .dropdown a{padding: 0;border: none;text-align: left;line-height: 30px;color: #fff;}
	#hd .hd-nav ul li .dropdown a:hover{
		color:#fff;}
	#hd .nav-btn{float: right;display: block;width: 30px;height: 30px;background: url('menu.png');background-size: 100% 100%;margin-top: 13px;}
	.hd-space{height: 60px;}

	#ft .ft-link{padding-top: 40px;}
	#ft .ft-logo{width: 240px;margin: 40px auto 24px;}
	#ft .ft-link .ft-left{width: 70%;}
	#ft .ft-link .ft-left ul li{width: 50%;}
	#ft .ft-link .ft-right{width: 30%;}
	#ft .ft-link .ft-right ul li{width: 100%;}
	#ft .ft-text .text-wp{width: 35%;}
	#ft .ft-text .ft-icon{width: 30%;}

	.page-banner .text .page-name{padding: 0 71px 0 28px;line-height: 48px;font-size: 20px;}
	.page-banner .text .page-name::after{width: 43px;height: 32px;}
	.text .crumbs{margin-top: 12px;}

	.content-title span.yun{width: 43px;height: 32px;}
	.content-title .title-name{font-size: 20px;padding: 6px 0;}
}


@media screen and (max-width: 767px) {
	.public-wp1500{width: 95%;}
	.public-wp{width: 95%;}
	.public-prev{left: -16px;}
	.public-next{right: -16px;}

	#hd{height: 50px;border-width: 2px;}
	#hd .hd-logo{line-height: 48px;}
	#hd .hd-logo img{height: 36px;}
	#hd .nav-btn{width: 26px;height: 26px;margin-top: 11px;}
	#hd .hd-right{padding: 20px;}
	.hd-space{height: 50px;}
	
	#ft{background: url('../images/ft-bg-m.jpg');background-size: 100% 100%;}
	#ft .ft-link{padding-top: 36px;}
	#ft .ft-logo{width: 200px;margin: 36px auto 22px;}
	#ft .ft-link h4{border-bottom: 1px solid #99CCFF;line-height: 1.6;}
	#ft .ft-link .ft-left{width: 100%;border: none;}
	#ft .ft-link .ft-left ul li{width: 50%;}
	#ft .ft-link .ft-right{width: 100%;border: none;margin-top: 30px;}
	#ft .ft-link .ft-right ul li{width: 50%;}
	#ft .ft-text .text-wp{width: 100%; padding-left:0;}
	#ft .ft-text .ft-icon{width: 100%;margin-bottom: 20px;}
	
	.page-banner .bg-img{height: 200px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
	.page-banner .bg-img img{width: auto;height: 100%;}
	.page-banner .text{height: 100%;}
	.page-banner .text .page-name{padding: 0 53px 0 20px;line-height: 40px;font-size: 18px;position: absolute;top: 40%;left: 0;margin-top: -20px;}
	.page-banner .text .page-name::after{width: 33px;height: 24px;}
	.page-banner .text .crumbs{position: absolute;bottom: 10px;right: 15px;}

	.pageNum{margin-top: 24px;}
	.pageNum a{line-height: 24px;padding: 0 8px;}
	.pageNum span{line-height: 26px;}

	.content-title span.yun{width: 33px;height: 24px;}
	.content-title .title-name{font-size: 18px;line-height: 28px;width: 100%;padding: 10px 0 0;}

	.backtop{width: 32px;height: 38px;}
}