/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/



/*首页 on*/
.is-main{margin: 15px auto;}

.m-xjnews{margin-bottom: 15px; padding: 24px 48px; background:url(../image/bg-new.png) #f5f5f5 left top no-repeat;}
.m-xjnews .u-tit{display: block; font-size: 32px; font-weight: bold; line-height: 55px; color: #d51200; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-xjnews ul{margin-left: -15px; margin-right: -15px;}
.m-xjnews  li{line-height: 32px;}
.m-xjnews  li a{color: #5e5e5e; display: block; font-size:16px; padding-left: 14px; background: url(../image/arr1.jpg) 0 center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-left{float: left;width: 73%;overflow: hidden;}
.m-right{float: right;width: 24%;overflow: hidden;}

/* .m-list ul{padding-top:10px;} */
.m-list li{height:30px;line-height:30px;overflow: hidden;padding-left: 12px;background: url(../image/arr1.jpg) 0 center no-repeat;}
.m-list li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-list li a font{color: #f00; font-family: '宋体';}
.m-list li a img{vertical-align: middle;}
.m-list li span{color: #666;float: right;}

.m-pfadv{z-index:9998;}
.m-pfadv p{text-align: right;}
/*集团要闻*/
.u-logo{ padding: 4px 0;}
.m-jtyw{overflow: hidden;}
.m-jtyw h3{position: relative;margin-bottom: 25px; border-bottom:1px solid #ddd; overflow:hidden;}
.m-jtyw h3 a{float:left;display: block;padding:0 10px;height: 40px;line-height: 40px;font-size: 16px;font-weight:bold;background:url(../image/t-bg.png) center bottom no-repeat;color: #006ebc;}
.m-jtyw h3 span{position:absolute;right:0;color: #333;font-size: 12px;}
.m-jtyw .col-md-4,.m-jtyw .col-md-8{padding: 0;}
.m-jtyw h4{margin-bottom: 10px;background:url(../image/arr.png) 0 center no-repeat;padding-left: 12px;}
.m-jtyw h4 a{display:block;font-size: 18px;color: #006ebc; text-align:left;font-weight: bold;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.m-jtyw h4 span{ float:right;font-size: 14px;color:#666;}
.m-jtyw p{font-size: 12px;color: #666;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}

.m-jtyw .yw-pic{width: 38%;}
.m-jtyw .yw-title{width: 59%;}
.m-jtyw .yw-text{width: 59%;}

.flash-wrapper{ position: relative; width: 38%; height: 200px; overflow: hidden;}
.flash-wrapper .hd{ height: 8px; overflow: hidden; position: absolute; right: 5px; bottom: 14px; z-index: 1;}
.flash-wrapper .hd ul{ overflow: hidden; zoom:1; float: left; }
.flash-wrapper .hd ul li{ float: left; width: 8px; height: 8px; margin-right: 9px; cursor: pointer; background: #fff;transition: 0.4s all; border-radius:50%;}
.flash-wrapper .hd ul li.on{ width: 8px; background: #ff0000;}

.flash-wrapper .bd{ position: relative; height: 100%; z-index: 0;}
.flash-wrapper .bd li{position: relative; zoom:1;}
.flash-wrapper .bd li img{width: 100%; height: 200px;}
.flash-wrapper .bd li .mask{height:40px;position:absolute;bottom:0px;left:0;display:block; width:100%; display: block; opacity: 0.5; background:#000;}
.flash-wrapper .bd li .comt{
  width: 60%;
  color:#fff;position:absolute;left:0;bottom:0; height:40px; line-height:40px; text-indent:1em; text-align:left; z-index:97;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flash-wrapper .bd li .comt a{ color:#fff; font-size: 14px;}

/*用水知识   服务指南*/
.m-yszs{width: 47.5%;margin-top: 15px;}
.m-yszs h3{position: relative;border-bottom: 1px solid #ddd;/* padding-left: 10px; */}
.m-yszs h3 a{display: inline-block;height: 40px;line-height: 40px;padding:0 10px;font-size: 16px;font-weight:bold;background: url(../image/t-bg.png) center bottom no-repeat;color: #006ebc;}
.m-yszs h3 span{position:absolute;right:0;color: #333;font-size: 12px;}
.m-yszs ul{padding: 10px 5px 0 5px;}
.m-yszs li{height:30px;line-height:30px;background: url(../image/arr1.jpg) 0 center no-repeat;}
.m-yszs li img{margin:5px 0 0 8px;}

/*停水公告 水质公告 招标公告 其他公告*/
.m-tsgg{margin: 15px 0;}
.m-tsgg .hd{height: 44px;line-height: 43px;border-bottom: 1px solid #ddd;overflow: hidden;position: relative;}
.m-tsgg .hd li{width:15%;float: left;border-left: none;}
.m-tsgg .hd li a{display: block;text-align: center;font-weight: bold;font-size: 16px;}
.m-tsgg .hd li.on a{color: #006ebc;background: url(../image/t-bg.png) center bottom no-repeat;}
.m-tsgg .hd .moreBtn{position:absolute;right:0;color: #333;font-size: 12px;}
.m-tsgg .bd ul{overflow: hidden;}
.m-tsgg .more{display: none; text-align: center; border: 1px solid #ddd; border-radius: 15px; padding: 5px 0; margin: 10px 0 15px 0;}
.m-tsgg .bd li{float: left;width: 47%;}
.m-tsgg .bd li{height:30px;line-height:30px;background: url(../image/arr1.jpg) 0 center no-repeat;}

/*网上营业厅*/
.m-wsyy{overflow: hidden;}
.m-wsyy h3{height: 68px;line-height:68px;background:#2fa7dc url(../image/yyt.png) right top no-repeat;}
.m-wsyy h3 a{display:block;font-size: 20px;color: #fff;text-indent: 30px;font-weight: bold;}
.m-wsyy ul{padding: 4px 0;}
.m-wsyy li{float: left;width: 28%;height: 78px;border-radius: 5px;background: #2fa7dc;line-height: 124px;margin: 10px 0 0 4.5%;}
.m-wsyy li a{display: block;font-size: 15px;font-weight: bold;color:#fff;text-align: center;}
.m-wsyy li.ws1 a{background: url(../image/ws1.png) center 10px no-repeat;}
.m-wsyy li.ws2 a{background: url(../image/ws2.png) center 10px no-repeat;}
.m-wsyy li.ws3 a{background: url(../image/ws3.png) center 10px no-repeat;}
.m-wsyy li.ws4 a{background: url(../image/ws4.png) center 10px no-repeat;}
.m-wsyy li.ws5 a{background: url(../image/ws5.png) center 10px no-repeat;}
.m-wsyy li.ws6 a{background: url(../image/ws6.png) center 10px no-repeat;}

.m-wsyy li.ws1{ background:#46a0df;}
.m-wsyy li.ws2{ background:#dfae46;}
.m-wsyy li.ws3{ background:#5dce78;}
.m-wsyy li.ws4{ background:#6f96e6;}
.m-wsyy li.ws5{ background:#e386a3;}
.m-wsyy li.ws6{ background:#dc95e7;}

/*热线*/
.m-rx{margin: 20px 0 10px 0;text-align: center;}
.m-rx img{width: 100%;} 

.qy-video{width:100%;height: 55px;line-height:55px; margin-top:20px;background:url(../image/qy-video-btn-bg.png) no-repeat left center #5ac0ea;}
.qy-video a{ display:block; width:100%; height:55px; line-height:55px; color:#fff; font-size:18px; text-indent:65px; font-weight:bold;}

/*服务网点*/
.m-fwwd h3 a{display: block;color: #006ebc;font-size: 16px;height: 40px;line-height: 40px;text-indent: 10px;font-weight: bold;}
.m-fwwd iframe{width: 100%;display: block;margin: 0 auto;}

/*友情链接*/
.m-friendlink{border-top: 1px solid #ddd;padding-top: 10px;overflow: hidden;margin-top:10px;}
.m-friendlink h3{float: left;font-size: 20px;height: 54px;line-height: 54px;}
.m-friendlink ul{float: left;overflow: hidden;}
.m-friendlink li{float: left;margin-left: 16px; margin-bottom:10px;border:1px solid #ddd;}


/*媒体查询*/
@media (min-width: 1200px){
    .is-main{ width: 1140px; }
    .m-left{ padding: 0; }
}
@media (max-width: 1024px) {
    .m-left,.m-right{width: 100%;padding: 0 15px;}
    .m-wsyy{margin-top: 10px;}
    .m-wsyy li{width: 15%;margin-left: 1.4%;}
    .m-rx{margin-top: 55px;float: right;}
    .m-fwwd{margin-top: 15px;float: left;}
    .m-rx,.m-fwwd{width: 48%;}
    .m-rx img,.m-fwwd img{width: 100%;}
    .m-friendlink{margin: 15px 15px 0 15px;padding: 0;}
    .m-friendlink li{width: 19%; text-align: center; margin-bottom: 15px; margin-left: 1%;}
    .m-friendlink li img{width: 100%;}
    #floatAd2,#leftad,#rightad{display: none;}
	.qy-video{ float:left;}
}
@media (max-width: 768px) {
    .m-friendlink li{ margin-bottom: 15px; margin-left: 0;width: 32%;}
    .m-friendlink li img{width: auto;}
}
@media (max-width: 736px) {
	.m-xjnews{margin: 0 15px 15px; padding: 15px;}
	.m-xjnews .u-tit{line-height: 2; font-size: 20px; padding: 0 30px;}
	.flash-wrapper{width: 100%; margin-bottom: 10px;}
	
    .m-yszs{width: 100%;}
    .m-tsgg .bd li{width: 100%;}
    .m-jtyw .yw-text{width: 100%;}
}
@media (max-width: 667px) {
    .m-friendlink li{ margin-bottom: 15px;width: 33.3%;}
}
@media (max-width: 640px) {
    .m-friendlink li{ margin-bottom: 8px;}
}
@media (max-width: 568px) {
    .m-wsyy li{width: 31%;margin-left: 1.6%;}
    .m-friendlink li{width: 50%; text-align: center; margin-bottom: 15px; }
    .m-friendlink li img{width: auto;}
}
@media (max-width: 414px) {
    .m-jtyw h3 a{width: 130px;height: 40px;line-height: 40px;font-size: 18px;}
    .m-tsgg .hd li{width: 20%;}
    .m-rx,.m-fwwd{width: 100%;}
    .m-rx{margin-top: 25px;}
    .m-fwwd{margin-top: 0;}
    .m-rx img,.m-fwwd iframe{width: auto;}
    .m-friendlink li { width: 49%; margin:0 0 1% 1%; }
    .m-friendlink li img{width: 100%;}
}
@media (max-width: 375px) {
    .m-tsgg .hd li{width: 25%;}
    .m-tsgg .hd .moreBtn{display: none;}
    .m-tsgg .more{display: block;}
    .m-jtyw h3 a{width: 90px;height: 35px;line-height: 35px;font-size: 16px;background: url(../image/t-bg2.jpg) 0 center no-repeat;color: #006ebc;}
}
@media (max-width: 360px) {
    .m-rx img,.m-fwwd iframe{width: 100%;}
}
@media (max-width: 360px) {
    .m-friendlink li{width: 100%;text-align: center;margin:0 0 10px 0;}
    .m-friendlink li img{width: auto;}
}



/*首页 end*/