@charset "utf-8";
/* CSS Document */
/*当前位置*/
.wz_top{ padding:13px 0 14px 40px; background: url("../images/pos_ico.png") 20px center no-repeat #f4f4f4; border-bottom: 0 none; color: #666; font-size: 14px; line-height: 1.5; margin-bottom: 0;}
.wz_top a{ color: #666;}
.wz_top a:hover{ color: #d00;}

.p20{ padding: 20px;}
.bg{ background: #fff;}
.mt20{margin-top: 20px;}
/*焦点图*/
.sw-flash,.sw-news{ width: 570px; height: 370px; overflow: hidden;}
.sw-flash .mF_sohusports_wrap{width:100%; padding:0 !important;border:0 !important; height: 100% !important;}
.sw-flash .mF_sohusports { width:100% !important; height: 100% !important;}
.sw-flash .mF_sohusports .txt{ width:100%;}
.sw-flash .mF_sohusports .txt li{height:40px !important;line-height:40px !important; }
.sw-flash .mF_sohusports .txt li a{padding-left:6px !important;font-size:16px !important;  color:#fff!important;font-weight:normal !important; margin-right:105px; height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family: "Microsoft YaHei"; }
.sw-flash .mF_sohusports .num{bottom:16px !important;right:5px !important;}
.sw-flash .mF_sohusports .num li{margin-right:5px !important;}
.sw-flash .mF_sohusports .num li a{width:9px !important;height:9px !important;background:url(../images/num.png) 0 0 no-repeat; color:#fff !important; text-indent:-999em;}
.sw-flash .mF_sohusports .num li.current a{width:9px !important; background:url(../images/num.png) -9px 0 no-repeat;}
.sw-flash .mF_sohusports .pic,.sw-flash .mF_sohusports .pic li img,.sw-flash .mF_sohusports .txt li,.sw-flash .mF_sohusports .pic li{ width:100% !important;}
.sw-flash .mF_sohusports .pic,.sw-flash .mF_sohusports .pic li img,.sw-flash .mF_sohusports .pic ul,.sw-flash .mF_sohusports .pic li{ width: 100% !important; height: 100% !important;}
/*信息列表*/
.list{padding: 7px 0 0;}
.list li{ line-height: 36px; height: 37px; overflow: hidden; padding:0 90px 0 19px; background: url("../images/sw_ico.png") 3px center no-repeat; position: relative; font-size: 16px;}
.list li a{display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list li span{position: absolute; right: 0; top: 0; font-size: 14px; color: #6F6F6F;}
/*网上营业厅*/
.sw-weblink{ padding: 39px 0 40px;}
.sw-weblink .link{ padding: 8px 0 0; overflow: hidden;}
.sw-weblink .link ul{ margin: 0 -8px;}
.sw-weblink .link li{float: left; width: 20%; padding: 16px 0 0;}
.sw-weblink .link li a{margin: 0 8px; display: block; background: #f8fafc; border: 1px #f8fafc solid; transition: 0.4s all; height: 36px; padding: 24px 0; text-align: center; line-height: 0; font-size: 0;}
.sw-weblink .link li span,.sw-weblink .link li img{ vertical-align: middle; display: inline-block; height: 36px;}
.sw-weblink .link li img{width: auto;}
.sw-weblink .link li span{ max-width: 170px; line-height: 36px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px;}
.sw-weblink .link li a:hover{ border: 1px #164fa6 solid; color: #164fa6; background: #fff;}
.sw-weblink .link li a:hover img{-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out;transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.sw-weblink .link li.num10 img{display: none;}
.sw-weblink .link li.num10 span{ padding: 0 18px 0 0; background: url("../images/sw_more.png") right center no-repeat;}
/*停水通知 水质报告 信息公开*/
.sw-part2{ padding: 40px 20px; background: #F8FAFC; box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.03);}
.sw-listbox{ background: #fff; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.07); padding: 3px; width: 367px; height: 266px;}
.sw-listbox.szbg{ margin-left: 20px;}
.link-pic{ height: 82px; line-height: 0;}
.link-pic img{ position: absolute; top: -10px; width: 100%; height:92px;}
.link-pic li a{color: #fff; display: block; position: relative; height: 82px; font-size: 24px; line-height: 80px; font-weight: bold;}
.link-pic li span{ padding: 0 0 0 40px; position: relative; z-index: 1;}
.sw-listbox .list{ padding: 9px 15px 0;}
.sw-listbox .list li{ height: 41px; line-height: 40px; padding-left: 26px; background-position: left center; border-bottom: 1px #efefef dashed;}
.sw-listbox .list li.num4{border: 0 none;}
/*政策法规 服务承诺*/
.sw-part3{ padding: 38px 20px 25px;}
.sw-listbox2{width: 570px; overflow: hidden;}
.sw-listbox2 .list{ padding-top: 6px;}
.zcfg .list li.first{ padding: 12px 70px 17px 82px; margin-bottom: 10px; height: 70px; border-bottom: 1px #efefef dashed; background: none;}
.zcfg .list li.first .dateBox{ width: 70px; height: 70px; background:#E49915; position: absolute; left: 0; top: 12px; line-height: 0; text-align: center;}
.zcfg .list li.first .dateBox span{position: static; color: #fff; display: block;}
.zcfg .list li.first .dateBox .day{padding: 9px 0 0; height: 35px; line-height: 34px; font-weight: bold; font-size: 34px;}
.zcfg .list li.first .dateBox .date{ font-size: 14px; line-height: 20px;}
.zcfg .list li.first .title{ padding: 6px 0 0; height: 30px;}
.zcfg .list li.first .title a{ display: block; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 20px;}
.zcfg .list li.first .notes{ padding: 6px 0 0; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #6F6F6F;}
.zcfg .list li.first .more{ font-size: 15px; color: #EB3D01; top: 34px; line-height: 20px; position: absolute; right: 4px;}
.footer{margin-top: 20px;}
@media (min-width: 992px) and (max-width:1199px) {
.sw-flash, .sw-news{width: 467px; height: 303px;}
.sw-listbox{width: 298px;}
.sw-listbox2{width: 467px;}
.sw-weblink .link li span{max-width: 120px;}
}
@media (max-width:991px) {
.p20{padding: 15px;}
.sw-flash, .sw-news,.sw-listbox,.sw-listbox2{float: none; width: auto; height: auto;}
.sw-flash{ height: 479px;}
.sw-news{padding-top: 10px;}
.sw-weblink{padding: 10px 0 0;}
.sw-weblink .link ul{margin: 0 -5px;}
.sw-weblink .link li{padding-top: 10px; width: 50%;}
.sw-weblink .link li a{margin: 0 5px;}
.sw-weblink .link li span{max-width: 300px;}
.sw-part2,.sw-part3{padding:15px;}
.sw-listbox.szbg{ margin: 15px 0;}
.footer{margin-top: 15px;}
}
@media (max-width:767px) {
.p20{padding: 10px;}
.sw-flash{ height: 340px;}
.sw-news{padding-top: 10px;}
.sw-weblink{padding: 10px 0 0;}
.sw-weblink .link{padding-top: 0;}
.sw-weblink .link ul{margin: 0 -5px;}
.sw-weblink .link li{padding-top: 10px;}
.sw-weblink .link li a{ padding: 10px 5px;}
.sw-weblink .link li span{max-width: 100%; padding-left: 0;}
.sw-weblink .link li img{display: none;}
.sw-part2,.sw-part3{padding:10px;}
.sw-listbox.szbg{ margin: 10px 0;}
.sw-listbox .list li{padding-left: 13px;}
.zcfg .list li.first{padding-right: 50px;}
.sw-listbox .list{ padding-left: 10px; padding-right: 10px;}
.footer{margin-top: 10px;}
}
@media (max-width:619px) {
.sw-flash{ height: 300px;}
}
@media (max-width:479px) {
.sw-flash{ height: 263px;}
}
@media (max-width:424px) {
.sw-flash{ height: 230px;}
}
@media (max-width:374px) {
.sw-flash{ height: 195px;}
}
/*单位接水新装*/
.xinzhuang-box h1{ text-align: center; padding: 32px 0 14px; line-height: 40px; font-size: 34px; font-weight: bold; color: #164fa6;}
.xinzhuang-form{ padding: 0 272px 48px 198px;}
.xinzhuang-form li{padding: 31px 0 0;}
.xinzhuang-form li input{width: 100%; height: 100%; line-height: 40px; font-size: 14px; text-indent: 10px; border: 0 none; background: none; vertical-align: middle;}
.xinzhuang-form li input::-webkit-input-placeholder{color:#c7c7c7;}
.xinzhuang-form li input:-moz-placeholder{color:#c7c7c7;}
.xinzhuang-form li input:-ms-input-placeholder{color:#c7c7c7;}
.xinzhuang-form li .title{ line-height: 40px; width: 250px; font-size: 18px; float: left; text-align: right;}
.xinzhuang-form li .red{ color: #fa0000; font-size: 18px; line-height: 30px; padding-right: 3px;}
.xinzhuang-form li .con{ margin-left: 260px;}
.xinzhuang-form li .input,.xinzhuang-form li .input-full{ border-radius: 2px; border: 1px #ddd solid; height: 40px;}
.xinzhuang-form li .input{width: 257px;}
.xinzhuang-form li .area{ border-radius: 2px; padding: 6px 8px; border: 1px #ddd solid; height: 93px;}
.xinzhuang-form li .area textarea{ height: 70px; line-height: 1.5; width: 100%; border: 0 none; background: none;}
.xinzhuang-form li .words{ text-align: right; display: block; line-height: 20px; color: #c7c7c7; padding-right: 6px;}
.xinzhuang-form li .update .imgs{ line-height: 0; font-size: 0;}
.xinzhuang-form li .update .up-img{ background: #f7f8fa url("../images/ico_updata.gif") center center no-repeat; width: 130px; height: 98px; display: inline-block; margin: 0 5px 5px 0; }
.xinzhuang-form li .update .up-img img{width: 100%; height: 100%;}
.xinzhuang-form li .update .tips{ padding-left: 24px; color: #999;}
.xinzhuang-form .sw-btns{ padding:50px 0 0 300px; line-height: 0; font-size: 0;}
.xinzhuang-form .sw-btns input{ background: #164fa6; color: #fff; cursor: pointer; border-radius: 4px; padding: 0 36px; height: 50px; line-height: 50px; font-size: 22px; width: auto;}
@media (min-width: 992px) and (max-width:1199px) {
.xinzhuang-form{ padding: 0 152px 48px 95px;}
}
@media (max-width:991px) {
.xinzhuang-form{ padding:0 105px 48px 15px;}
}
@media (max-width:767px) {
.xinzhuang-form{ padding: 0 15px 30px;}
.xinzhuang-form li{padding-top: 0;}
.xinzhuang-form li .title{float: none; width: auto; text-align: left;}
.xinzhuang-form li .con{margin-left: 0;}
.xinzhuang-form li .input{width: auto;}
.xinzhuang-form li .update{padding-bottom: 8px;}
.xinzhuang-form .sw-btns{padding-left: 0; padding-top: 20px; text-align: center;}
}