body{ background-color: #EFEFEF;}
/*青城资讯顶部焦点图*/
.qczx_top_picnews{ width:100%; height:auto; overflow: hidden;}
.qczx_top_picnews img{ width: 100%; height:212px; /*object-fit:cover;*/}

/*青城资讯列表*/
.qczx_list{ width: 100%; overflow: hidden;}
.qczx_list dl{ background-color: #ffffff; height: auto; padding:15px; overflow: hidden; margin-top: 8px;}
.qczx_list dl h3{ width:30%; height: 30%; float: left; overflow: hidden; display: none;}
.qczx_list dl h3 img{width: 100%;}
.qczx_list dl dt{float: right; width: 98%; /*width: 68%;*/ font-size: 1.6rem; padding-bottom: 10px; line-height:2.2rem;}
.qczx_list dl dd{float: right; width: 98%; /*width: 68%;*/ font-size: 1.2rem; color: #8C8C8C; }
.qczx_list dl dd p{ float: left; width:3%; padding-right: 5px;}
.qczx_list dl dd p img{ width:100%;}
.qczx_list dl dd span{ float: right;}

/*青城资讯列表 纯文字列表*/
.qczx_list_text{ width: 100%; overflow: hidden;}
.qczx_list_text dl{ background-color: #ffffff; height: auto; padding:15px; overflow: hidden; margin-top: 8px;}
.qczx_list_text dl dt{font-size: 1.6rem; padding-bottom: 5px; line-height:2.2rem;}
.qczx_list_text dl dd{font-size: 1.2rem; color: #8C8C8C; }
.qczx_list_text dl dd p{ float: left; width:3%; padding-right: 5px;}
.qczx_list_text dl dd p img{ width:100%;}
.qczx_list_text dl dd span{ float: right;}
.qczx_list_text h3{ padding: 20px 10px 10px 10px; text-align: center;}

/*文件列表*/
.wjlb{
	width: 100%;
	overflow: hidden;
}
.wjlb dl{
	margin: 10px;
	padding: 3%;
	width: 88%;
	background-color: #FFFFFF;
	
}
.wjlb dl dt{ 
	padding-bottom: 10px;
	font-size: 1.6rem;
	line-height: 2rem;
	}
.wjlb dl dt {
	color:#1168CB !important;
}
.wjlb dl dd{
	font-size: 1.4rem;
	line-height: 1.8rem;
}

/*文件细览*/
.wjxl_top{
	padding: 10px;
}
.wjxl_top .box{
	border: solid 1px #7F7F7F;
	padding: 10px;
}
.wjxl_top .box dl {
	width: 100%;
}
.wjxl_top dl dt{
	font-size: 1.6rem;
	line-height: 2rem;
	padding-bottom: 10px;
}
.wjxl_top dl dd{
	font-size: 1.4rem;
	line-height:1.8rem;
}
.wjxl_zw{
	font-size: 1.5rem;
	line-height:2.4rem;
	padding: 18px;
	background-color: #FFFFFF;
}
.wjxl_zw h3{
	padding-bottom: 5px;
	line-height: 2.2rem;
}
.wjxltt_zw h3{
	padding-bottom: 25px;
	line-height: 2.2rem;
	text-align: center;
}
.wjxl_zw h4{
	padding-bottom: 14px;
	line-height: 2.2rem;
	font-weight: normal;
	color: #666666;
	font-size: 1.2rem;
}
/*细览二维码推荐区*/
.qrcode{
	background-color: #FFFFFF;
	padding: 10px;
}
.qrcode .box{
	padding: 10px;
	border:solid 2px #1296DB;
	overflow: hidden;
	}
.qrcode dl{
	width: 100%;
}
.qrcode dl h3{
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 15px;
}
.qrcode dl dt{
	float: right;
	width: 35%;
}
.qrcode dl dt img{
	width: 100%;
}
.qrcode dl dd{
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #333333;
	width: 60%;
}
.qrcode dl .smqr{
	padding-top: 15px;
}
.qrcode dl .smqr span{
	width: 3%;
	margin-left: 6px;
}
.qrcode dl .smqr span img{
	width: 3%;
}

/*便民热线*/
.bmrx{
	padding: 10px;
}
.bmrx .box{
	width: 100%;
}
.bmrx .box dl{
	background-color: #FFFFFF;
	border-left: 8px solid #B3BEE1;
	overflow: hidden;
	margin-bottom: 8px;
	position:relative;
	
}
.bmrx .box dl dt{
	padding-left: 10px;
	line-height: 2.8rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.bmrx .box dl .tel{ 
     padding-left: 10px;
     font-size: 1.4rem;
     padding-bottom: 10px;
}
.bmrx .box dl .call{ 
     background-color: #B3BEE1;
     width: 6%;
     padding: 14px;
     position: absolute;
     right: 0;
     top: 0;
     margin-top: 5px;
     margin-right: 5px;
}
.bmrx .box dl .call img{
	width: 100%;
}


.wxjz .box{ padding: 0px 10px 0px 10px;}
.tabs{height:32px;background: #5AA9F3;width: 100%;padding-top: 8px;text-align: center}
				.tabs .part{display:block;float:left;width:33%;color:#fff;text-align:center;height: 20px;}
				.tabs .part:first-child{border-right: 1px solid #ADDAFD;}
				.tabs a{width:70px;display:block;color:#fff;text-align:center;margin:0 auto;font-size:16px;text-decoration:none;padding-bottom: 2px;}
				.tabs span.active a{color:#fff;border-bottom: 2px solid #fff;}
				.swiper-container{width:100%;border-top:0;margin-top:10px!important}
				.swiper-slide{width:100%;background:none;color:#373737;}

.content-slide dl{
	width: 30%;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
}
.content-slide dl dt{
	width: 100%;
	height: 100%;
	text-align: center;
}
.content-slide dl dt img{
	width: 80%;
	border-radius: 100%;
}
.content-slide dl  dd{
	line-height: 2.2rem;
	font-size: 1.4rem;
	text-align: center;
}
.swiper-wrapper{ height: 100% !important;}
.swiper-wrapper div{ height: 100% !important; margin: 0px;}

/*印象青城-视频图片列表*/
.sptplb{ overflow: hidden;}
.sptplb dl{
	border-bottom: solid 1px #D7D7D7;
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
	margin-bottom: 15px;
}
.sptplb dl dt img{
	width: 100%;
	height: 202px;
	object-fit:cover;
}
.sptplb dl dt span{
	display: block;
	position: absolute;
	width: 25%;
	top: 23%;
    left: 37%;
	z-index: 999;
}
.sptplb dl dt span img{
	width: 100%;
	height: 100% !important;
}
.sptplb dl dd{
	line-height: 3rem;
	font-size: 1.4rem;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}
.sptplb dl dd span{
	float: right;
	color: #8C8C8C;
}
.sptplb video{
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
	 object-fit: cover;

}

/*印象青城-视频*/
.sptplbs{ overflow: hidden;}
.sptplbs h3{ font-size: 1.8rem; padding-bottom: 5px; padding-top: 10px;  padding-left: 10px;}
.sptplbs h4{ font-size: 1.2rem; font-weight: normal; color: #8C8C8C; padding-bottom: 15px;  padding-left: 10px;}
.sptplbs dl{
	border-bottom: solid 1px #D7D7D7;
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
	margin-bottom: 15px;
}
.sptplbs dl dt img{
	width: 100%;
	height: 202px;
	object-fit:cover;
}
.sptplbs dl dt span{
	display: block;
	position: absolute;
	width: 25%;
	top: 23%;
    left: 37%;
	z-index: 999;
}
.sptplbs dl dt span img{
	width: 100%;
	height: 100% !important;
}
.sptplbs dl dd{
	line-height: 1.6rem;
	font-size: 1.4rem;
	padding: 10px;
}
.sptplbs dl dd span{
	float: right;
	color: #8C8C8C;
}

/*视频播放导航*/
.pic_dh{ color: #FFFFFF;  background-color: #000000; padding:10px;}
.pic_dh span{width:5%; padding-right:5px; padding-left:5px; float: left; }
.pic_dh span img{ width: 40%;}
.pic_dh p{line-height: 1.7rem;}

/*政务大厅*/
.zwdt{ padding: 5px;}
.zwdt dl{ overflow: hidden;}
.zwdt a{ color: #ffffff;}
.zwdt .icon01 dt{ float: left; width: 65%; position: relative;}
.zwdt .icon01 dt h3 img{ width: 100%;}
.zwdt .icon01 dt span{ width: 38%; position: absolute; top: 14%; left: 30%; text-align: center;}
.zwdt .icon01 dt span img{ width:58%;}
.zwdt .icon01 dt span p{ font-size: 1.6rem; padding-top: 0.5rem;}

.zwdt .icon01 dd{ float: right; width: 34%; position: relative;}
.zwdt .icon01 dd h3{ width: 99%; }
.zwdt .icon01 dd h3 img{ width: 100%;}
.zwdt .icon01 dd span {width: 62%; position: absolute; top: 14%; left: 20%; text-align: center;}
.zwdt .icon01 dd span img {width: 68%;}
.zwdt .icon01 dd span p{ font-size: 1.6rem; padding-top: 0.5rem;}

.zwdt .icon02{ margin-top: 2px;}
.zwdt .icon02 dd{ float: right; width: 65%; position: relative;}
.zwdt .icon02 dd h3 img{ width: 100%;}
.zwdt .icon02 dd span{ width: 38%; position: absolute; top: 14%; left: 30%; text-align: center;}
.zwdt .icon02 dd span img{ width:58%;}
.zwdt .icon02 dd span p{ font-size: 1.6rem; padding-top: 0.5rem;}

.zwdt .icon02 dt{ float: left; width: 34%; position: relative;}
.zwdt .icon02 dt h3{ width: 99%; }
.zwdt .icon02 dt h3 img{ width: 100%;}
.zwdt .icon02 dt span {width: 62%; position: absolute; top: 14%; left: 20%; text-align: center;}
.zwdt .icon02 dt span img {width: 68%;}
.zwdt .icon02 dt span p{ font-size: 1.6rem; padding-top: 0.5rem;}

/*政务大厅列表*/
.zwdtlb{
	padding: 5px;
}
.zwdtlb dl{ 
	overflow: hidden;
	margin-bottom: 5px;
	}
.zwdtlb dl dt{ 
	float: left;
	width: 100%;
	font-size: 1.6rem;
	background-color: #FFFFFF;
	line-height: 2.6rem;
	}
.zwdtlb dl dd{ 
	width: 100%;
	background-color: #fafafa;
	font-size: 1.4rem;
	color: #666666;
	line-height: 2.5rem;
	}	
.zwdtlb dl dt p{
	padding: 10px;
}
.zwdtlb dl dd span{
	padding: 10px;
}

/*政务大厅细览*/
.zwttxl{
	padding: 10px;
}
.zwttxl h3{ font-size: 1.6rem; text-align: center; padding-bottom: 10px; font-weight: normal;}
.zwttxl dl{ border: #d9d9d9 solid 1px; padding: 1px; margin-bottom: 10px;}
.zwttxl dl p{ padding: 10px;}
.zwttxl dl dt{background-color: #c6e2fe; line-height: 2.4rem;}
.zwttxl dl dd{background-color: #FFFFFF; line-height: 2rem;}


/*焦点图*/
.banner{
	position: relative;
	margin-top: -10px;
}
.banner .hd span{
    display: block;
    width:8px;
    height:8px;
    float: left;
    margin-right: 3px;
    background: url("banner_pore2.png") no-repeat center;
}
.banner .hd span.swiper-active-switch{
    background: url("banner_pore.png") no-repeat center;
}
.banner .swiper-pagination{
	position: absolute; 
	top: 80%;
	left: 45%;
	
}
.banner .swiper-wrapper li{
	height: auto !important;
}
.banner .swiper-wrapper li p{
	padding-left: 10px;
	font-size: 1.5rem;
	line-height: 2.4rem;
	padding-top: 4px;
	text-align: center;
}

.jdcx{background-color: #FFFFFF;}
.jdcx dl{ padding: 20px 20px;}
.jdcx dl h3{ text-align: center; font-size: 1.6rem; border-bottom: #d7d7d7 solid 1px; background-color: #efefef; line-height: 1.5rem; padding: 12px;}
.jdcx dd{ width: 98%; font-size: 1.4rem; line-height: 2.2rem;}
.jdcx dd p{ padding: 10px 2px; }
.jdcx dd input{ width: 97%; padding: 8px; border: solid #d7d7d7 1px; border-radius: 3px; font-size: 1.2rem;}
.jdcx dt { padding-top: 20px;}
.jdcx dt input{ width: 100%; padding:12px; background-color: #44ab38; color: #FFFFFF; border: solid #d7d7d7 1px; border-radius: 3px; font-size: 1.6rem;}


.ttxl{ z-index: 999; top:0; background-color: #000000; width: 100%; height: 100%;}
.ttxl .ttxl_box{ background-color: #000000;}
.ttxl .ttxl_box video{ width: 100%; height: 100%;}

.xjxd{
	width: 100%;
	overflow: hidden;
}
.xjxd dl{
	margin: 10px 10px -5px 10px;
	padding: 3%;
	width: 88%;
	background-color: #FFFFFF;
	overflow: hidden;
	line-height: 16px;
}


/*信件列表*/
.xjbt{ background-color:#37bcb5 !important; padding: 8px 20px 0px 20px !important; margin: 0px !important;}
.xjbt dt{ width:80px !important; color: #ffffff !important; float: left !important;}
.xjbt dd{ width:80px !important; color: #ffffff !important; float:right !important; font-size: 1.6rem !important; line-height: 2.2rem !important;}

/*信件查询结果*/
.xjxx{
	width: 100%;
	overflow: hidden;
}
.xjxx dl{
	margin: 10px;
	padding: 3%;
	width: 88%;
	background-color: #FFFFFF;
}
.xjxx dl{
	line-height: 1.8rem;
}
.xjxx dl h3{
	 font-size: 1.6rem;
	 font-weight: normal;
	 color: red;
	 border-bottom: solid 1px #e5e5e5;
	 padding-bottom: 10px;
	 position: relative;
}
.xjxx dl h3 span{
	position: absolute;
	display: block;
	top: 5%;
	left:10%;
}
.xjxx dl h3 i{ width: 11%; }
.xjxx dl h3 i img{ width:9%;}
.xjxx dl dt{
	border-bottom: solid 1px #e5e5e5;
	line-height: 2.8rem;
}
.xjxx dl dt span{
	float: right;
	color: cornflowerblue;
}
.xjxx dl dd{
	padding-top: 5px;
	line-height: 2.2rem;
}


.xtgxdt{ border-left: solid 1px cornflowerblue; margin-left: 15px; padding-left: 10px; width: 90%;}
.xtgxdt dl { padding: 10px 0px 10px 0px;}
.xtgxdt dl dt{position: relative;}
.xtgxdt dl dt i{display: block; position: absolute; width: 10px; height: 10px; background-color:cornflowerblue; border-radius: 10px; margin-left: -15px; margin-top: 6px;}
.xtgxdt dl dt b{ display: block; margin-left: 0px; background-color: cornflowerblue; font-size: 14px; color: #ffffff; width: 78px; height: 25px; border-radius: 5px; font-weight: normal; line-height: 22px; text-align:left; padding-left: 8px;}
.xtgxdt dl dt span{ float: right; display: block; margin-top: -20px; margin-right: 0px; font-size: 14px; } 
.xtgxdt dl dd{ background-color: #fff; border: solid 1px #d1d1d1; line-height: 24px; border-radius: 4px; font-size:1.3rem !important; margin-top: 10px; margin-bottom: 10px; padding: 10px;}