@charset"utf-8";
body{margin:0;padding:0;font-size: 14px;}
.logo{max-width: 100%;}
.nav{position: fixed;top: 0;z-index: 1001;background: rgba(255, 255, 255 ,0.7);height: 70px;width: 100%;box-shadow:0 3px 3px 0 rgba(0,0,0,0.1)}
.footer{background: #5e6664;margin-top: 30px;padding: 10px;line-height:30px;}
.footer *{color: white;}
#ztlist{margin-top: 100px;}
#ztlist img{width: 100%;margin:15px 0;}
.ztimg{min-height: 100px;padding-top: 75px;padding-left: 0;padding-right: 0}
.ztimg img{max-width: 100%;}
.container{position: relative;}
.mid *{border-radius:0!important;}
.breadcrumb{background: white;}
.glyphicon-home:before{margin-right: 5px;}
.list-group-item{border: none;padding: 0;margin-bottom: 0;background:none;border-bottom: 1px solid #eee;line-height: 45px;}
.list-group-item a{display: block;}
.more:BEFORE{content: "更多";color: #999}
.right .bar{border-bottom: 1px solid #337ab7;}
.right .bar h3{font-size: 18px;color: #333}
.right .bar h3:BEFORE {content: "\e032";font-family: 'Glyphicons Halflings';margin: 0 10px 0 0px;font-size: 12px;color: #666}
.pagestr{text-align: center;margin: -20px 0;}
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
/* 小屏幕（手机，小于等于 768px） */
@media (max-width:768px) {
	
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px) {
	.nav .dh{position:absolute;top: 30px;right: 0px;color: #aaa;}
	.nav .dh a{display: inline-block;padding: 0 0 0 5px;opacity:0.7;}
	.nav .dh a:HOVER{opacity:1;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
	.ztimg{padding-top: 0;height: 358px;overflow: hidden;}
	.ztimg img{display: none;}
	.mid{margin-top: -40px;}
	.left{width: 320px;position: absolute;left: 0;top: 0;}
	.right{min-height: 400px;margin-left: 330px;margin-top: 60px;}
	.left .dh{border: none;}
	.left .dh .panel-heading{font-size: 24px;line-height: 40px;background: rgba(20,100,160,0.99);color: white;padding:30px;letter-spacing: 3px;}
	.left .dh ul{background: #fcfcfc}
	.left .dh .list-group-item a:HOVER{text-decoration: none;}
	.left .dh .list-group-item a:BEFORE {content: "\e117";font-family: 'Glyphicons Halflings';margin: 0 10px 0 10px;}
	.left .dh .list-group-item.active a:BEFORE {content: "\e118";font-family: 'Glyphicons Halflings';margin: 0 10px 0 15px;}
	.left .dh .list-group-item.active a,.left .dh .list-group-item a:HOVER {color: #FF5722;}
	.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background: none;border-bottom:1px solid #eee;}
}
@media (max-width:1199px) {
	.ztimg{background: none!important;}
	.left .dh{margin-bottom: 20px;}
	.left .dh ul{margin-bottom: 0;white-space:nowrap;overflow: scroll;background: #1E9FFF;}
	.left .dh ul::-webkit-scrollbar {display:none}
	.left .dh .panel-heading{padding: 15px 0;font-size: 16px;font-weight: bold;}
	.left .dh .list-group-item{display: inline-block;border: none;}
	.left .dh .list-group-item a{padding: 0 15px;color: white;}
	.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background: #5FB878;}
}
.ns-title{line-height: 150%;font-size: 200%}
.ns-info{line-height: 35px;border-bottom: 1px solid #efefef;border-top: 1px solid #efefef;color: #999;padding-left: 10px;}
.ns-info span{padding: 0 10px;color: green;}
.ns-content{line-height: 2em;color: #333;padding: 20px 0 0 0;}
.ns-content p{margin-bottom: 1em;font-size: 12pt}
.popover{max-width: 500px;}