@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	list-style-type:none;
}
body{
	margin:0;
	padding:0;
	font:12px "微软雅黑",arial;
	background:#fff;
	margin: 0 auto;
}

/*头部大图banner*/
.banner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;	
}
.banner .img{
	width: 100%;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	display: block;	
}


/*主体内容部分*/

/*wrapper*/
.wrapper{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}

.main{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 36px;
	overflow: hidden;
	display: block;		
}

/*公益广告主体--栏目部分*/
.lanmu-gy{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;	
}
.lanmu-gy:nth-of-type(1){
	margin-top: -26px;
}
.lanmu-gy-tit{
	width: 100%;
	height: 72px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;	
	overflow: hidden;
	position: relative;
	display: block;		
}
.lanmu-gy-tit .more{
	margin-top: 25px;
	margin-right: 22px;
	float: right;
}
.lanmu-gy-tit .more a{
	width: 92px;
	height: 19px;
	display: block;
}
.lanmu-gy-con{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;	
}
.lanmu-gy-con li{
	float: left;
	margin-right: 26px;
	margin-bottom: 26px;
}
.lanmu-gy-con li:nth-of-type(4){
	margin-right: 0px;
}
.lanmu-gy-con li:nth-of-type(8){
	margin-right: 0px;
}
.lanmu-gy-con li:nth-of-type(12){
	margin-right: 0px;
}
.lanmu-gy-con li:nth-of-type(16){
	margin-right: 0px;
}
.lanmu-gy-con li:nth-of-type(20){
	margin-right: 0px;
}
.lanmu-gy-con li a{
	overflow: hidden;
	display: block;
}
.lanmu-gy-con li img{
	width: 230px;
	height: 320px;
	display: block;
	transition: 0.5s;
}
.lanmu-gy-con li img:hover{
	transform: scale(1.03); 
}


/*宿州城市logo*/
.szcslg01 li img{
	width: 230px;
	height: 139px;
	display: block;
}

/*宿州城市宣传语*/
.szcsxcy02 li img{
	width: 1000px;
	height: 274px;
	display: block;
}

/*宿州文明20条*/
.szwmest03 li img{
	width: 1000px;
	height: 502px;
	display: block;
}

/*市民文明公约*/
.smwmgy04 li img{
	width: 1000px;
	height: 613px;
	display: block;
}

/*文明健康 有你有我*/
.wmjkynyw05 li img{
	width: 230px;
	height: 325px;
	display: block;
}

/*防控疫情公益广告*/
.fkyqgygg06 li img{
	width: 230px;
	height: 320px;
	display: block;
}

/*宿州城市名片*/
.szcsmp07 li img{
	width: 230px;
	height: 345px;
	display: block;
}

/*宿州历史故事*/
.szlsgs08 li img{
	width: 230px;
	height: 345px;
	display: block;
}

/*宿州名人名家*/
.szmrmj09 li img{
	width: 230px;
	height: 345px;
	display: block;
}

/*中国梦系列*/
.zgmxl10 li img{
	width: 230px;
	height: 325px;
	display: block;
}

/*文明宿州系列*/
.wmszxl11 li img{
	width: 230px;
	height: 331px;
	display: block;
}

/*文化艺术系列*/
.whysxl12 li img{
	width: 230px;
	height: 115px;
	display: block;
}

/*志愿服务系列*/
.zyfwxl13 li img{
	width: 230px;
	height: 325px;
	display: block;
}

/*家风家训系列*/
.jfjxxl14 li img{
	width: 230px;
	height: 162px;
	display: block;
}


/*底部版权*/
.footer{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background: #5eaa54;
	overflow: hidden;
	display: block;	
}
.footer-con{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.footer-left{
	width: 640px;
	height: auto;
	margin: 42px auto;
	overflow: hidden;
	display: block;
	float: left;	
}
.footer-left p{
	font-size: 14px;
	color: #fff;
	font-family: "宋体";	
	line-height: 32px;
	text-align: center;
}
.footer-right{
	width: 360px;
	height: auto;
	margin: 42px auto;
	overflow: hidden;
	display: block;
	float: right;
	
}
.footer-right img{
	width: 59px;
	height: 59px;
	display: block;
	margin: 5px auto;

}
.footer-right p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 27px;
	font-family: "宋体";	
}


/*右侧悬浮框*/
.menu{
	width:130px;
	position:absolute;
	right:10px;
	top:-200px;
	z-index:999;
}
.menu_items{
	width:130px;
	text-align:center;
	background:#fef0c3;
	padding-top: 9px;
	padding-bottom: 16px;
}
.menu_items li{
	width:130px;
	height:36px;
	padding-top:9px;
	background:none;
	padding-left:0px;
}
.menu_items li a{
	width:130px;
	height:36px;
	font-size:15px;
	color:#7f6003;
	line-height:36px;
	display:block;
	text-decoration: none;
}
.menu_items li a:hover{
	background:url(../images/sz20200422-ahover.jpg) top center no-repeat;
	text-decoration:none;
}

.tiaoxing{
	overflow: hidden;
}