body{font-size: 14px;line-height: 1.5;color: #333;}



.public-wp{width: 1200px;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 #7ac1a3;border-radius: 100%;position: absolute;top: 50%;margin-top: -22px;}

.public-prev{left: -44px;background: url('/DFS/template/98/images/prev.png') no-repeat center center;}

.public-next{right: -44px;background: url('/DFS/template/98/images/next.png') no-repeat center center;}

.public-prev.swiper-button-disabled{background-image: url('/DFS/template/98/images/prev2.png');border-color: #999;}

.public-next.swiper-button-disabled{background-image: url('/DFS/template/98/images/next2.png');border-color: #999;}

#vsb_content h4,#vsb_content p{background:none!important;}

#hd{background: #21a082;padding: 0 2.5%;height: 150px;border-bottom: 6px solid #dd723e;position: fixed;width: 100%;top: 0;left: 0;z-index: 99;transition: 0.4s;

	background: linear-gradient(to bottom,#149f7e,#45ad8c);

}

#hd .hd-logo{height: 100%;line-height: 144px;transition: 0.4s; font-size: 0;}

#hd .hd-logo img{height: 80px;vertical-align: middle;transition: 0.4s;}

#hd .hd-right{padding-top: 68px;position: relative;transition: 0.4s;}

#hd .hd-bar{background: #188067;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('/DFS/template/98/images/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: #fff;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('/DFS/template/98/images/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: #fc8157;background: linear-gradient(to bottom,rgba(246, 128, 90, 0.9),rgba(221, 114, 62, 0.4));transition: 0.4s;}

#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: 31px;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: #fb824b;}

.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(/DFS/template/98/images/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(/DFS/template/98/images/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('/DFS/template/98/images/ft-bg.jpg');background-size: 100% 100%; position: relative;}

#ft .ft-link{padding: 80px 2.5% 0; position: relative; z-index: 2;}

#ft .ft-link .ft-left{float: left;width: 75%;padding: 0 2%;border-left: 1px solid #CAFF9C;}

#ft .ft-link .ft-right{float: right;width: 25%;padding: 0 2%;border-left: 1px solid #CAFF9C;}

#ft .ft-link h4{font-size: 24px;color: #CAFF9C;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;}

#ft .ft-link ul li a:hover{color: #CAFF9C;transition: 0.4s;}

#ft .ft-link .ft-left ul li{width: 25%;}

#ft .ft-link .ft-right ul li{width: 50%;}

#ft .ft-logo{display: block;width: 354px;margin: 80px auto 34px;position: relative; z-index: 2;}

#ft .ft-logo img{width: 100%;}

#ft .ft-text{background: rgba(0, 0, 0, 0.6);padding: 40px 0 52px;position: relative; z-index: 2;}

#ft .ft-text .text-wp{float: left;width: 30%;}

#ft .ft-text .text-wp p{line-height: 22px;color: #fff;}

#ft .ft-text .ft-icon{float: left;width: 40%;text-align: center;padding-top: 10px;}

#ft .ft-text .ft-icon a{display: inline-block;vertical-align: top;width: 40px;margin: 0 5px;position: relative;}

#ft .ft-text .ft-icon a .img{width: 100%;}

#ft .ft-text .ft-icon a .erweima{position: absolute;width: 100px;left: 50%;margin-left: -50px;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,0,0,0.3);}





.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('/DFS/template/98/images/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: #CAFF9C;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,#0973c7,#0973c7);position: relative;margin-bottom: 45px;}

.content-title span.yun{display: block;content: "";width: 76px;height: 56px;background: url('/DFS/template/98/images/yun2.png');background-size: 100% 100%;position: absolute;right: 0;bottom: 0;}

.content-title .title-name{font-size: 20px;line-height: 24px;padding: 20px 0;color: #fff;float: left;}



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




	.public-wp{width: 1200px;}

	.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 #dd723e;}

	#hd .hd-logo{line-height: 100px;}

	#hd .hd-logo img{height: 60px;}

	#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: 12px;}



	.content-title{padding: 0 24px;margin-bottom: 25px;}

	.content-title span.yun{width: 54px;height: 40px;}

	.content-title .title-name{font-size: 20px;padding: 12px 0;}



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

	.public-wp{width: 1200px;}

	.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 #dd723e;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;}

}