@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: "Microsoft YaHei";}
.bgfff{background: #fff;}.padd15{padding:2.4em 0.95em;}.mt25{margin-top:25px;}

/* 导语 */
.jumbotron{background: #1c65a6;color:#fff;line-height: 1.8em;font-size: 1.1em;padding:1.7em 0;margin-bottom:0px;}
.instroduction{display: block; padding-top:10px;margin-right:9%;}
.jumbotron h3{margin-top: 0px;}

/* 主体 */
h2{margin:0;font-size: 1.89em;line-height:1.4em;padding:0.3em 0; position: relative;}
.row b{margin-top: 2.5em;display: block;text-indent: 2em;margin-bottom: 1.5em;}
.panelBox .content{padding:2em 2em 1.3em 2em;}
.panelBox p{line-height:2.1em;text-indent:2em;margin-bottom:0;}
.panelBox .mtf2{margin-top:-2em;}
.text-warning{color: #f2a120}
.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;}
.xgxw{border-top: 1px solid #F1F1F1;}
.xgxw h3{font-size: 1.6em;color: #1266c0;margin-top: 2em;}
.xgxw ul li{line-height: 40px;}
.xgxw ul li span{padding-left: 2em;}
.xgxw ul li i{display: inline-block;width: 8px;height:8px;background: url(../images/hmcs/xqy.png) no-repeat;margin-right: 1em;}
.xgxw ul{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}
#_span_jiucuo img{    margin-top: 26px!important;}
.content img{max-width:800px;}
@media screen and (max-width:1024px){
	body{max-width: 1024px;}
	.w5 .lm_title a{font-size: 24px;}
	.ztheader .ztsos{display: none;}
	.container{max-width: 1024px;}
	.xgxw ul li a{
		width: 67%;
	    display: inline-block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    -webkit-text-overflow: ellipsis;
	    -moz-text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.xgxw ul li span{    padding-left: 1em;    float: right;}
	.xgxw ul li i{    height: 30px;background: url(../images/hmcs/xqy.png) no-repeat 0px 5px;}
	
}

@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 p{line-height:1.5em}
.panelBox .col-md-7{padding-top:1em;}
.btn-success{line-height:1em}
.content img{width: 90%;}
.padd15{padding: 0;}
.pictures .content{padding-top:1em;}
.pictures .caption{padding-top:0.3em;padding-bottom:0.8em;}

}
@media (max-width: 414px){
	.xgxw ul li a{width: 64%;}
}
@media (max-width: 375px){
	.xgxw ul li a{width: 60%;}
}
@media (max-width: 320px){
	.xgxw ul li a{width: 51%;}
}