@charset "UTF-8";
/**
 * 
 * @authors Zhao zhao (zhaohuijie1123@163.com)
 * @date    2018-05-11 10:39:08
 * @version $Id$
 */
body{font-size:16px;background: #f1f1f1;font-family: "";}
.bgfff{background: #fff;}.padd15{padding:2.4em 0.95em;}.mt25{margin-top:25px;}
.pictures{display: none;}
/* 导语 */
.jumbotron{background: #1c65a6;color:#fff;line-height: 1.8em;font-size: 1.1em;padding:1.7em 0;}
.instroduction{display: block; padding-top:10px;margin-right:9%;}
.jumbotron h3{margin-top: 0px;}
.jumbotron .col-md-10 p{text-indent: 2em;}
.pictures .serial a{color: #fff;}
/* 主体 */
h2{margin:0;background: #297fcb;color: #fff;font-size: 1.89em;line-height:1.4em;padding:0.3em 0; position: relative;padding-left:4.3em;}
.serial{display: inline-block;width:4.3em;text-align: center;background:url(../images/hmcs/serial.png) no-repeat;-webkit-background-size: 100% 100%;
background-size: 100% 100%; position:absolute;top:-0.36em;height:2.35em;line-height:2.35em;left:0;}
.serial b{font-size:1.6em;}

.panelBox{margin-bottom:2em;}
.panelBox .content{border:1px solid #d2d2d2;padding:2em 2em 1.3em 2em;}
.panelBox p{line-height:2.1em;text-indent:2em;margin-bottom:0;}
.text-warning{    color: #333333;}
a.text-warning:focus, a.text-warning:hover{color: #23527c;}
.btn{border-radius:0;font-size:1em;}
.btn-success{background: #75b828;border-color:#75b828;width:80%;margin:auto;line-height:2em;font-weight: bold;}
.mt1{margin-top: 1em;}

/* 海绵城市建设图集 */
.pictures .serial{width:auto;background:url(../images/hmcs/serial1.png) no-repeat;width:11em;left:50%;margin-left:-5.5em;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
.pictures .caption{padding-top:0.8em;}
.pictures .caption a{color: #333333}

.slideBox{ overflow:hidden; zoom:1; position:relative;border: 1px solid #d2d2d2;}
.panel-box{padding: 1.5em 2.3em;}
.sPrev, .sNext{ position:absolute; left:0px; top:50%;margin-top:-47px; display:block; width:30px; height:94px; background:url(../images/hmcs/butn.jpg) left center no-repeat #f4f4f4;z-index: 22; }
.sNext{ left:auto; right:0px; background-position: right center; }
.sPrev:hover, .sNext:hover{ border-color:#f60;  }
.slideBox ul{ overflow:hidden; zoom:1;   }
.slideBox ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideBox ul li .pic{ text-align:center; }
.slideBox ul li .pic img{ width:338px; height:196px; display:block;}
.slideBox ul li .title{margin-top: 10px; height: 34px; line-height: 34px; background: #eee; text-align: center;display: block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}


@media (min-width: 991px){
.instroduction{border-right:1px solid #a4c1db;min-height:115px;}
/* .ml2{left:2em;}.mr2{right:2em;} */

}

@media (max-width: 767px){
  body{font-size:14px;}
  .padd15{padding:1.5em 0;}
  .jumbotron{padding:1em 0;}
  h2{font-size:1.3em;padding-left:3em;}
  .serial{width:3em;}

  .panelBox .content{padding:0 1em 1em 1em;}
  .panelBox p{line-height:1.5em}
  .panelBox .col-md-7{padding-top:1em;}
  .btn-success{line-height:1em}

  .pictures .content{padding-top:1em;}
  .pictures .caption{padding-top:0.3em;padding-bottom:0.8em;}


  .slideBox ul li .pic img{width:260px;height: 152px;}
  .slideBox{padding-left: 0;padding-right: 0;}
  .slideBox .panel-box{width:296px;margin:auto;padding:1.5em 0;}

}