/* ==========public css========== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei";
    background-color: #f3f3f3;
    min-width: 320px;
    max-width: 540px;
    margin: 0 auto;
    font-size: 16px;
}

html {
    line-height: 1.15;
    /* 1 */
    /* -webkit-text-size-adjust: 100%; */
    /* 2 */
}

@media screen and (min-width: 750px) {
    html {
        font-size: 14px !important;
    }
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #015293;
    text-decoration: none;
}

em {
    font-style: normal
}

ul,
li {
    padding: 0;
    list-style: none;
}

input {
    border: none;
    outline: none;
    background: none;
}

img {
    border-style: none;
}

/* 清除浮动 */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

/*====================header css========== */

.top {
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 400;
    width: 100%;
    max-width: 540px;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 2px 4px 4px #f3f3f3;
}

.top .header-box {
    position: relative;
}
.top .header-title{
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.top .header-logo img {
    height: 40px;
    border: 0;
    vertical-align: top;
    width: auto;
}

.top .header-toggle {
    width: 25px;
    position: absolute;
    right: 0;
    top: 30%;
}

.top .header-back {
    width: 36px;
    position: absolute;
    /* left: -8px; */
    top: 15%;
}

/* ==========侧边栏 css========== */
.sidenav {
	background:#003456;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	left: 0;
	position: fixed;
	overflow: auto;
	transform: translate(-262px, 0);
	transition: transform .2s;
	top: 0;
	width: 200px;
	z-index: 999;
}

.sidenav.show {
	transform: translate(0, 0);
}

.sidenav-brand {
	color: #FAFAFA;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	padding: 20px 12px 0px;
}
.sidenav-brand img{
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidenav-menu li {
	display: block;
	position: relative;		
}

.sidenav-menu a {
	background: transparent;
	color: #aee0ff;
	display: block;
	line-height: 24px;
	padding: 16px 32px;
	margin-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid #4b7e9f;
}

.sidenav-menu li:hover {
	background: #002a45;
}


.sidenav-menu a.active .sidenav-link-icon,
.sidenav-menu a.active .sidenav-dropdown-icon {
	color: #FAFAFA;
}

.sidenav-link-icon {
	color: #757575;
	display: block;
	height: 24px;
	left: 24px;
	position: absolute;
	text-align: center;
	top: 16px;
	width: 24px;
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 40px;
}

.sidenav-no-scroll {
	overflow: hidden !important;
}

/*---------------- 导航 ----------------*/
.crumb{
	padding: 15px 15px 0 15px;
	height: 45px;
	line-height: 30px;
	font-size: 14px;
	background-color: #fff;
  }
  .postion-bg{
	background-color: #f7f7f7;
  }
  .postion{
	background: url(http://www.huaian.gov.cn/images/m/postion.svg) left center no-repeat;
	padding-left: 30px;
  }

/*----------------信息公开要素--------------------*/

.detail {
	padding: 15px;
	background-color: #fff;
}

.meta-main {
	font-size: 0.875rem;
}

.meta-data {
	position: relative;
	background: #fff;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}

.meta-data dl dd.addWidth {
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	border-bottom: solid #d5d5d5 1px;
}

.meta-data dl dd label {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	text-align: right;
	background-color: #f7f7f7;
	border-right: solid #d5d5d5 1px;
	border-left: solid #d5d5d5 1px;
	cursor: default;
}


.meta-data dl dd label font {
	display: block;
	padding: 5px 10px;
	line-height: 24px;
	text-align: center;
}

.meta-data dl dd .display-block {
	margin-left: 102px;
	padding: 5px 10px;
	min-height: 34px;
	line-height: 24px;
	word-wrap: break-word;
	word-break: break-all;
}

/*----------------content xxgk--------------------*/
#content {
	margin: 0 auto;
	overflow-x: hidden;
	min-height: 300px;
}

#content .content-wrap {
	padding: 15px;
	background: #fff;
}

#content .bt {
	font-size: 20px;
	text-align: center;
	color: #e5221c;
	line-height: 40px;
	word-break: normal;
	word-wrap: break-word;
	margin-bottom: 0;
	padding-bottom: 0;
}

#content .time {
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #9C9C9C;
	margin: auto 0;
	padding: 0;
}

#content .line_nr {
	width: 100%;
	height: 1px;
	text-align: center;
	margin: 10px 0;
	border-bottom: 1px dashed #cbc6c0;
}

#content .artical {
	margin: 15px 5px;
	word-wrap: break-word;
	line-height: 30px;
	min-height: 300px;
}

#content .img {
	width: 70%;
	margin: 20px auto 0 auto;
}

/* ----------------信息公开关联阅读---------------- */
.xgyd {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin: 15px 0;
	font-family: "仿宋";
}

.xgyd .title {
	line-height: 24px ;
	font-weight: bold;
	background: none;
	color: #333;
	font-size: 14px;
}

.xgyd .xgyd-list ul li {
	line-height: 24px;
}

.xgyd .xgyd-list ul li a {
	font-size: 14px;
	color: #333;
	text-align: left;
	line-height: 24px;
	font-family: "仿宋";
	background: url(http://www.huaian.gov.cn/images/zjha-26.gif) no-repeat left center;
	padding-left: 8px;
}

/* ==========footer css========== */

.footer {
    background-color: #fff;
    font-size: 14px;
    border-top: 4px solid #496FB0;
}
.footer .footer-grid {
    padding: 20px 0;
    text-align: center;
    line-height: 200%;
}

.footer .footer-grid .bqxx {
    padding-bottom: 15px;
    padding-top: 10px;
}

.footer .footer-grid .bqxx span.beian {
    display: inline-block;
}

.footer .footer-grid .biaozhi {
    position: static;
    width: auto;
    margin-top: 0;
}

.footer .footer-grid .menu a {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    color: #015293;
}

.footer .footer-grid .bqxx span {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    color: #000;
}

.footer img {
    border-style: none;
    vertical-align: middle;
    width: auto;
}


/* 正文内容强制样式控制 */
#artical img{
	max-width: 100% !important;
	height: auto !important;
}
#artical table{
	max-width: 100% !important;
	height: auto !important;
}
#artical #video1{
	max-width: 100% !important;
	height: auto !important;
}