@charset "utf-8";
/* 客服首页 -----------------------------------------*/
.kfCenter {height:182px;margin-bottom: 35px;margin-top: 30px;}

.subNav {margin-top:-90px;margin-bottom: 10px;height:100px;}
.subNav li { float:left; width:25%; height:100px; line-height:80px; text-align:center; font-size:18px; }
.subNav li a { display:block; background:#06c; border-left:1px solid #fff; margin-left:-1px; color:#fff; margin:10px 0;}
.subNav li a:hover { background:#0057ad}
.subNav li.first a { border:0;}
.subNav li.on a { background:#fff; color:#06c; font-weight:bold; margin:0 -1px; line-height:100px; box-shadow:0 0 10px rgba(0, 0, 0, 0.15); border:1px solid #ddd \9;}

.gsSide {float:right;width:420px;margin-left: 30px;}

#ywblzn .bd { margin-bottom:30px;}
#ywblzn .bd li {float:left; width:33.3%; text-align:center; font-size:16px; padding-top:6px;}
#ywblzn .bd li i { display:block; height:50px; background:url(../../Base/img/ywblicons.png) no-repeat 37px 1px; }
#ywblzn .bd .li2 i { background-position:-92px 1px}
#ywblzn .bd .li3 i { background-position:-215px 1px}
#ywblzn .bd .li4 i { background-position:37px -91px}
#ywblzn .bd .li5 i { background-position:-92px -91px}
#ywblzn .bd .li6 i { background-position:-215px -91px}

.kfBox { overflow:hidden; }
.kfBox .con { float:left; width:33.3%; }
.kfBox dl {border:1px solid #cadff4;height: 175px;}
.kfBox dt ul { display:none;}
.kfBox dt { float:left; width:20%; height:135px; text-align:center; }
.kfBox dt a { display:block; background:url(../../base/img/waterinfoicon1c.png) no-repeat center 30px; padding-top:75px; height:60px; color:#333; font-size:18px; line-height:40px; font-weight:bold;}
.kfBox dd { padding-top:12px; color:#333; overflow:hidden;}
.kfBox dd li { height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kfBox dd a{ color:#333;}

.kfBox #zrsq { height:108px;}
.kfBox #zrsq dt { height:108px;}
.kfBox #zrsq dt a {padding-top:60px;background-position: center 17px;}
.kfBox #zrsq dd { padding-top:24px; }
.kfBox #zrsq dd li { float:left; width:45%;}

.kfBox #sztg dt a { background:url(../../Base/img/waterinfoicon2c.png) no-repeat center 26px;}
.kfBox #tsgg dt a { background:url(../../Base/img/waterinfoicon3c.png) no-repeat center 26px;}

.ywblznCont .mainBox {border:1px solid #cadff4; border-top:0; padding:0 20px;}
.ywblznCont #ywblzn .bd { margin-bottom:0;}
.ywblznCont #ywblzn .bd li { width:16.66%;}
.ywblznCont #ywblzn .bd .li1 i{ background-position-x:50px;}
.ywblznCont #ywblzn .bd .li2 i { background-position:-81px 1px}
.ywblznCont #ywblzn .bd .li3 i { background-position:-203px 1px}
.ywblznCont #ywblzn .bd .li4 i { background-position:52px -91px}
.ywblznCont #ywblzn .bd .li5 i { background-position:-81px -91px}
.ywblznCont #ywblzn .bd .li6 i { background-position:-203px -91px}

.ywblznCont .mainBox li { float:left; width:33.3%;}
.ywblznCont .mainBox li .date { display:none;}