.app_menu{
	height:0px;
	width:0px;
	overflow:hidden;
	}
a {
	color:#333;
}

a:hover {
	color:#1F82C5;

}
.banner {
	position:relative;
	height:560px;
	width:100%;
}
.app_banner{
	height:0px;
	width:0px;
	overflow:hidden;}
.banner_about {
	background:url(banner.png) no-repeat top center;
	height:560px;
}
.banner .pic {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner .wave {
	position:relative;
	z-index: 8;
	width: 100%;
}
.banner .waves {
	left: 0;
	bottom:0px;
	position:absolute;
	width: 100%;
	height: 50px;
	margin-bottom: -5px;
	/*Fix for safari gap*/
  min-height: 50px;
	max-height: 100px;
}
.banner .parallax > use {
	animation: move-forever 50s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.banner .parallax > use:nth-child(1) {
 animation-delay: -2s;
 animation-duration: 14s;
}
.banner .parallax > use:nth-child(2) {
 animation-delay: -3s;
 animation-duration: 20s;
}
.banner .parallax > use:nth-child(3) {
 animation-delay: -4s;
 animation-duration: 26s;
}
.banner .parallax > use:nth-child(4) {
 animation-delay: -5s;
 animation-duration: 40s;
}
.about_xian { width:900px; margin: 0 auto; position: relative; }
.about_h2 { color: #2e2c26; opacity: 0; font-size: 30px; font-weight: normal; left: 300px; top: 50px; line-height: 30px; position: absolute; font-weight: 500; font-family: "微软雅黑"; }
.about_h3 { top: 200px; left: 480px; font-family: dincond-medium-webfont; font-size: 50px; color: #dd7bb4; opacity: 0.4; line-height: 50px; position: absolute; margin-top: 9px; }
/*底部版权*/
.footer {
	margin-top:50px;
	background:#1F82C5;
	height:70px;
	text-align:center;
	font-size:16px;
	color:#FFF;
	line-height:70px;
}
.footer .pic {
	width:95%;
	height:180px;
	margin:auto;
	padding-top:55px;
}
.footer_left {
	float:left;
	width:25%;
	padding-left:2%;
}
.footer_center {
	float:left;
	width:50%;
}
.footer_center p {
	text-align:left;
	color:#FFF;
	line-height:35px;
	font-size:16px;
}
.footer_right {
	float:left;
	width:20%;
}
.footer_right h3 {
	font-weight:bold;
	font-size:16px;
	color:#FFF;
}
.footer_right li select {
	line-height:30px;
	font-size:16px;
	height:30px;
	margin:8px 0;
	width:100%;
	background:#1A6AA7;
	color:#FFF;
	border:0px;
}
.footer .wave {
	position:relative;
	z-index: 8;
	width: 100%;
}
.footer .waves {
	left: 0;
	bottom:0px;
	position:absolute;
	width: 100%;
	height: 40px;
	margin-bottom: -5px;
	/*Fix for safari gap*/
  min-height:40px;
	max-height: 100px;
}
.footer .parallax > use {
	animation: move-forever 50s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.footer .parallax > use:nth-child(1) {
 animation-delay: -2s;
 animation-duration: 14s;
}
.footer .parallax > use:nth-child(2) {
 animation-delay: -3s;
 animation-duration: 20s;
}
.footer .parallax > use:nth-child(3) {
 animation-delay: -4s;
 animation-duration: 26s;
}
.footer .parallax > use:nth-child(4) {
 animation-delay: -5s;
 animation-duration: 40s;
}
.news {
	margin:auto;
	width:1200px;
}
.hot {
	height:489px;
	margin:20px auto 0 auto;
	width:100%;
	background:#1F82C5;
}
.hot img {
	width:1200px;
	margin:auto;
}
.zckp {
	width:1200px;
	margin:20px auto 0 auto;
}
/*头部栏目导航*/
.top_menu_kuang {
	width:100%;
	height:70px;
	background:url(menu_bg1.png) repeat-x;
	position: fixed;
	left:0;
	top:0;
	z-index: 100;
	-webkit-box-shadow: 0 8px 8px rgb(0 0 0 / 5%); box-shadow: 0 8px 8px rgb(0 0 0 / 5%); -webkit-transform: translateY(-5px);
}
.top_menu {
	width:1200px;
	margin:auto;
}
.top_menu_left {
	width:420px;
	float:left;
	padding-top:10px;
}
.top_menu_right {
	width:780px;
	float:left;
}
.top_menu_right li {
	line-height:70px;
	text-align:center;
	display:block;
	width:14.2%;
	float:left;
	font-weight:bold;
}
.top_menu_right li a {
	color:#FFF;
}
.top_menu_right li a:hover {
	color:#FFF;
	background:url(menu_bg.png) no-repeat bottom center;
}
.top_menu_right li a.backhome {
	color:#1F82C5;
	background:url(back_home.png) no-repeat center;
}
/*水务新闻*/
.index_swxw_kuang {
	width:1200px;
	margin:auto;
}
.index_swxw_kuang h3 {
	font-size:25px;
	color:#1F82C3;
	line-height:70px;
}
.index_swxw_kuang h3 span a {
	float:right;
	font-size:16px;
	color:#999;
	font-weight:normal;
}
.index_swxw_left {
	width:585px;
	height:385px;
	float:left;
}
.index_swxw_right {
	width:585px;
	height:385px;
	float:left;
	margin-left:30px;
}
/*水务新闻图样式*/
.focus {
	position:relative;
	width:100%;
	height:385px;
	overflow:hidden;
		border-radius:6px;
}
.focus img {
	width:100%;
	height:385px;
}
.focus .shadow .title {
	width:260px;
	height: 65px;
	padding-left: 30px;
	padding-top: 20px;
}
.focus .shadow .title a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bolder;
	overflow:hidden;
}
.focus .btn {
	position:absolute;
	bottom:34px;
	left:510px;
	overflow:hidden;
	zoom:1;
}
.focus .btn a {
	position:relative;
	display:inline;
	width:13px;
	height:13px;
	border-radius:7px;
	margin:0 5px;
	color:#B0B0B0;
	text-decoration:none;
	text-align:center;
	outline:0;
	float:left;
	background:#D9D9D9;
}
.focus .btn a:hover, .focus .btn a.current {
	cursor:pointer;
	background:#1F82C5;
}
.focus .fPic {
	position:absolute;
	left:0px;
	top:0px;
}
.focus .D1fBt {
	overflow:hidden;
	zoom:1;
	height:16px;
	z-index:10;
}
.focus .shadow {
	width:100%;
	position:absolute;
	bottom:0;
	left:0px;
	z-index:10;
	height:50px;
	line-height:50px;
	background:rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
	display:block;
	text-align:left;
}
.focus .shadow a {
	text-decoration:none;
	color:#fff;
	font-size:20px;
	overflow:hidden;
	margin-left:10px;
}
.focus .fcon {
	position:relative;
	width:100%;
	float:left;
	display:none;
	background:#000
}
.focus .fcon img {
	display:block;
	width:100%;
	height:auto;

}
.focus .fbg {
	bottom:12px;
	right:20px;
	position:absolute;
	height:21px;
	text-align:center;
	z-index: 200;
}
.focus .fbg div {
	margin:4px auto 0;
	overflow:hidden;
	zoom:1;
	height:14px
}
.focus .D1fBt a {
	position:relative;
	display:inline;
	width:12px;
	height:12px;
	border-radius:7px;
	margin:0 5px;
	color:#B0B0B0;
	text-decoration:none;
	text-align:center;
	outline:0;
	float:left;
	background:#D9D9D9;
}
.focus .D1fBt .current, .focus .D1fBt a:hover {
	background:#1F82C5;
}
.focus .D1fBt img {
	display:none
}
.focus .D1fBt i {
	display:none;
	font-style:normal;
}
.focus .prev, .focus .next {
	position:absolute;
	width:40px;
	height:74px;
	background: url(focus_btn.png) no-repeat;
}
.focus .prev {
	top: 50%;
	margin-top: -37px;
	left: 0;
	background-position:0 -74px;
	cursor:pointer;
}
.focus .next {
	top: 50%;
	margin-top: -37px;
	right: 0;
	background-position:-40px -74px;
	cursor:pointer;
}
.focus .prev:hover {
	background-position:0 0;
}
.focus .next:hover {
	background-position:-40px 0;
}
/*水务列表样式*/
 .index_newslist {
}
.index_newslist a {
	display: flex;
	padding: 20px 0px;
	align-items: center;
	border-bottom:1px #CCC dashed;
}
.index_newslist a .time {
	width: 77px;
	height:87px;
	background: #0075C3;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.index_newslist a .time .day {
	font-size: 24px;
	color: white;
	font-weight: bolder;
}
.index_newslist a .time .date {
	color: white;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 5px;
}
.index_newslist a .xx {
	padding-left:20px;
	width:85%;
}
.index_newslist a .xx .title {
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:left;
	line-height:30px;
}
.index_newslist a .xx .list {
	font-size:15px;
	line-height:25px;
}
/*水价疑问和优惠政策*/
.index_sjyw_yhzc {
	width:1200px;
	margin:20px auto;
	height:140px;
}
.index_sjyw {
	width:585px;
	height:140px;
	float:left;
	margin-right:30px;
}

.index_yhzc {
	width:585px;
	height:140px;
	float:left;
}

/*视频宣传*/
.index_spxc_kuang {
	width:100%;
	height:400px;
	background:url(img_sp_bg.jpg) no-repeat top center;
}
.index_spxc {
	width:1200px;
	margin:auto;
	padding-top:70px;
}
.index_spxc_left {
	width:230px;
	float:left;
}
.index_spxc_left h3 {
	font-size:25px;
	color:#1F82C5;
	line-height:80px;
	padding-top:30px;
}
.index_spxc_left p {
	font-size:16px;
	color:#666;
	line-height:30px;
}
.index_spxc_left span a {
	border:1px #CCC solid;
	width:120px;
	line-height:35px;
	text-align:center;
	border-radius:8px;
	color:#999;
	margin-top:20px;
	font-size:14px;
}
.index_spxc_right {
	width:960px;
	float:left;
}
.index_spxc_right li {
	width:450px;
	float:left;
	margin-left:30px;
}
.index_spxc_right li img{
	width:450px;
	height:280px;
	border-radius:6px;
	 transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05)
}
.index_spxc_right li p {
	text-align:center;
	line-height:40px;
	color:#666;
	padding-top:10px;
}
.index_spxc_right li a {
	display:block;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.index_spxc_right li a:hover{
	display:block;
	transform:translate(0,-20px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
}
/*政策科普*/
.index_zckp_kuang {
	width:100%;
	height:500px;
	background:#1F82C5;
}
.index_zckp {
	width:1200px;
	margin:auto;
	padding-top:70px;
}
.index_zckp_left {
	width:230px;
	float:left;
}
.index_zckp_left h3 {
	font-size:25px;
	color:#fff;
	line-height:80px;
	padding-top:30px;
}
.index_zckp_left p {
	font-size:16px;
	color:#fff;
	line-height:30px;
}
.index_zckp_left span a {
	border:1px #fff solid;
	width:120px;
	line-height:35px;
	text-align:center;
	border-radius:8px;
	color:#fff;
	margin-top:20px;
	font-size:14px;
}
.index_zckp_right {
	width:970px;
	float:left;
}
.index_zckp_right li {
	width:293px;
	float:left;
	margin-left:30px;
	position:relative;
}
.index_zckp_right span{
	background:url(ico_time.jpg) no-repeat;
	width:58px;
	height:58px;
	color:#FFF;
	line-height:30px;
	padding:5px;
	position:absolute;
	top:200px;
	left:20px;
}
	.index_zckp_right span b{
		padding-left:30px;}
.index_zckp_right li img{
	width:293px;
	height:245px;
	border-radius:6px 6px 0 0;}
.index_zckp_right li p {
	text-align:center;
	line-height:30px;
	color:#666666;
	background:#FFF;
	height:80px;
	margin-top:6px;
	padding:20px 15px;
	border-radius: 0 0 6px 6px;
}

.index_zckp_right li a {
	display:block;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.index_zckp_right li a:hover{
	display:block;
	transform:translate(0,-20px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
}
/*栏目导航*/
.ny_location_kuang{
	border-bottom:2px #e8e8e8 solid;}
.ny_location{
	width:1200px;
	margin:auto;
	line-height:60px;
	background:url(locion.jpg) no-repeat left center;
	padding-left:40px;
		color:#666;}
.ny_location a{
	display:inline;
	padding:0 4px;
}
/*视频宣传*/
.ny_spxc {width:1200px; margin:30px auto;  height:100%; overflow:hidden;}
.ny_spxc li { float: left; width: 380px; margin: 0 9px 20px 9px;}
.ny_spxc li:nth-child(3n) { margin-right: 0px; }
.ny_spxcimg { overflow: hidden }
.ny_spxcimg img { width: 380px; height: 235px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; vertical-align: middle;}
.ny_spxctxt { padding: 10px 10px; background-color: #fff; height:60px; }
.ny_spxctxt .ny_spxcd { font-size: 15px; color: #999999; }
.ny_spxctxt .ny_spxct { font-size: 16px; color: #333; line-height: 32px; text-align:center;}
.ny_spxc a:hover .ny_spxct { color: #C30D22; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s }
.ny_spxc a:hover .ny_spxcimg img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.ny_spxc li:hover { -webkit-box-shadow: 0 8px 12px rgb(0 0 0 / 10%); box-shadow: 0 8px 12px rgb(0 0 0 / 10%); }
/*======================最终内容页======================*/
.news_content { width: 1200px; margin: 20px auto }
.news_title { border-bottom: 1px solid #e1e1e1; padding: 20px 0; margin-bottom: 30px; }
.news_title h1 { font-size: 24px; line-height: 90px; text-align: center; }
.news_title p { font-size: 15px; line-height: 30px; color: #666; text-align: center; }
.news_title p span { padding: 0 10px; display:inline;}
.news_con p { font-size: 16px; line-height:35px; color: #333; padding-bottom: 10px; }
.news_con p img { max-width:900px; height: auto !important; clear: both; margin: 0px auto; display: initial; text-align: center; }
/*水务新闻*/
 .ny_newslist {
	 width:1200px;
	 margin:30px auto;
}
.ny_newslist a {
	display: flex;
	padding: 20px 0px;
	align-items: center;
	border-bottom:1px #CCC dashed;
}
.ny_newslist a .time {
	width: 77px;
	height:87px;
	background: #0075C3;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ny_newslist a .time .day {
	font-size: 24px;
	color: white;
	font-weight: bolder;
}
.ny_newslist a .time .date {
	color: white;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 5px;
}
.ny_newslist a .xx {
	padding-left:20px;
	width:93%;
}
.ny_newslist a .xx .title {
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:left;
	line-height:30px;
}
.ny_newslist a .xx .title:hover{
	font-size:16px;
	font-weight:bold;
	color:#1F82C5;
	text-align:left;
	line-height:30px;
}
.ny_newslist a .xx .list {
	font-size:15px;
	line-height:25px;
}