@charset "gb2312";
/* CSS Document */


/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration: underline; color: #2979c3;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.clear{ clear: both;}

body{ height: 100%; background: url(2017syj_wsbs_bg.png) no-repeat center top;background-attachment: fixed;}


.top{
	height: 30px;
	line-height: 30px;
	background: #00a1e9;
	/*position: absolute;*/
	width: 100%;
}

.topCenter{
	width: 1140px;
	margin: 0 auto;
}

.topCenter .links{
	float: left;
	color: #fff;
}

.topCenter .links a{
	color: #fff;
	margin: 0 5px;
}

.footer{
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	background: #00a1e9;
	height: 180px;
	overflow: hidden;
}

.footerTop{
	height: 50px;
	background: #427aa0;
}

.firendLinks{
	width: 1140px;
	margin: 0 auto;
}

.firendLinks h2{ 
	float: left;
	width: 133px; 
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #00a1e9;	
	margin-top: 10px;
}

.dropselect_box{ position:relative; width:242px; display:inline-block; border:none; float:left; height:30px; z-index:99; margin-left:9px; margin-top:12px;}
.dropselect_SimpleSelect { /*height:30px;*/ display:block; overflow:hidden; background:url(2017syj_wsbs_jt.png) no-repeat 220px 7px #fff; line-height:41px; text-indent: 10px; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect li{ font-size:14px; padding:0 5px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dropselect_SimpleSelect li a{height:auto; width:85%; color:#7d7d7d;}
.dropselect_SimpleSelect li.hover a { color:#7d7d7d; width:100%; display:block;}
.dropselect_SimpleSelect li a:hover,.dropselect_SimpleSelect li a:focus,.dropselect_SimpleSelect li:hover,.dropselect_SimpleSelect li:focus{background:none;}
.hidden {display:none;}

.footerBottom{
	width: 700px;
	margin: 25px auto 0;
}

.footerBottomLeft{
	float: left;
	padding-top: 10px;
}

.footerBottomLeft img{
	vertical-align: middle;
}

.footerBottomRight{
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-left: 20px;
}

.container{ 
	width: 100%;
	overflow: hidden;
	/*position: absolute;
	top: 30px;
	overflow: hidden;*/
	bottom: 180px;
	margin-bottom: 20px;
}

.main{
	width: 1140px; 
	margin: 80px auto 0;
}

.logo{
	width: 681px; 
	height: 90px;
	margin: 0 auto;
}

.search{
	width: 681px;
	height: 60px;
	background: #fff;
	border-radius: 8px;
	margin: 45px auto 0;
}

.search input[type="text"]{
	float: left;
	border: 0;
	width: 532px;
	height: 60px;
	line-height: 60px;
	margin-left: 20px;
	outline: none;
	font-size: 16px;
	color: #989898;
	cursor: text;
}

.search input[type="submit"]{
	float: left;
	border: 0;
	width: 125px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background: #00a1e9;
	margin-top: 5px;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}

.wrap{
	margin-top: 60px;
}

/* 网上办事1 */
.menu{
	width: 1184px;
}

.menu li{
	float: left;
	width: 250px;
	height: 146px;
	background: url(2017syj_wsbs_dian.png) repeat;
	border-radius: 5px;
	text-align: center;
	font-size: 22px;
	line-height: 220px;
	margin: 0 46px 40px 0;
	overflow: hidden;
}

.menu li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background: no-repeat center 40px;
}

.menu li a.menu01{
	background-image: url(2017syj_wsbs_icon01.png);
}

.menu li a.menu02{
	background-image: url(2017syj_wsbs_icon02.png);
}

.menu li a.menu03{
	background-image: url(2017syj_wsbs_icon03.png);
}

.menu li a.menu04{
	background-image: url(2017syj_wsbs_icon04.png);
}

.menu li a.menu05{
	background-image: url(2017syj_wsbs_icon05.png);
}

.menu li a.menu06{
	background-image: url(2017syj_wsbs_icon06.png);
}

.menu li a:hover{
	text-decoration: none;
}

/* 网上办事2 */
.item{
	
}

.item li{ 
	float: left; 
	width: 284px;
	height: 184px;
	background: url(2017syj_wsbs_dian.png) repeat;
	margin-left: 1px;
	text-align: center;
	overflow: hidden;
}

.item li a{
	display: block;
	width: 100%;
	height: 100%;
}

.item li a:hover{
	text-decoration: none;
}

.item li i{
	display: block;
	padding-top: 20px;
	cursor: pointer;
}

.item li i img{
	display: block;
	width: 110px; 
	height: 110px;
	margin: 0 auto;
}

.item li span{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	padding-top: 10px;
	cursor: pointer;
}

.item li.col1,.item li.col4{ 
	margin-left: 0;
}

.item li.col1,.item li.col2,.item li.col3{
	width: 379px;
	margin-bottom: 1px;
	font-size: 0px;
	text-align: left;
}

.item li.col1 i,.item li.col2 i,.item li.col3 i{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-top: 40px;
	margin-left: 120px;
	vertical-align: middle;
}

.item li.col1 span,.item li.col2 span,.item li.col3 span{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 18px;
	padding-top: 30px;
	vertical-align: middle;
	margin-left: 20px;
}

.listPage{
	height: 304px;
}

.listPage h2{
	float: left;
	width: 98px;
	height: 100%;
	background: url(2017syj_wsbs_dian.png) repeat;
}

.listPage h2 span{
	display: block;
	width: 28px;
	font-size: 28px;
	color: #fff;
	margin: 0 auto;
	font-weight: normal;
	line-height: 50px;
	margin-top: 70px;
}

.listPage ul{
	float: right;
	width: 1040px;
	height: 100%;
	background: url(2017syj_wsbs_dian2.png) repeat;
	/*overflow: hidden;*/
	overflow-y: auto;
}

.listPage ul li{
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	border-bottom: 1px solid #9dbcd1;
	text-indent: 35px;
}

.pages{
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}


.articlePage{
	/*height: 360px;*/
}

.articlePage h2{
	float: left;
	width: 98px;
	height: 100%;
	background: url(2017syj_wsbs_dian.png) repeat;
	padding-bottom: 50px;
}

.articlePage h2 span{
	display: block;
	width: 28px;
	font-size: 28px;
	color: #fff;
	margin: 0 auto;
	font-weight: normal;
	line-height: 50px;
	margin-top: 70px;
}

.article{
	float: right;
	width: 980px;
	height: 100%;
	background: url(2017syj_wsbs_dian2.png) repeat;
	overflow-y: auto;
	padding: 0 30px;
	padding-bottom: 30px;
}

.article h3{
	font-size: 20px; 
	line-height: 30px;
	text-align: center;
	color: #3f3f3f;
	padding-top: 20px;
}

.article,.article *{
	font-size: 14px; 
	line-height: 30px;
}

.article img,.article table{
	max-width: 100% !important;
}

.nextpage{ padding:19px; height:30px;}
.nextpage ul { float:right;}
.nextpage ul li{ float:left; height:30px; line-height:30px; margin-right:5px; color:#666; font-size:14px;}
.nextpage ul li:first-child{ margin-right:10px;}
.nextpage ul li a{ display:block; float:left; height:30px; line-height:30px; padding:0 10px;}
.nextpage ul li a:link,.nextpage ul li a:visited{ color:#666;}
.nextpage ul li a:hover{ background:#2b5c94; color:#fff; text-decoration:none;}
.nextpage ul li.thisclass{ padding:0 10px; color:#fff; background:#2b5c94;}
@media screen and (max-height: 880px){
	.main,.search,.wrap{
		margin-top: 25px;
	}
	
	.item li {
		height: 150px;
	}
	
	.item li i{
		padding-top: 10px;
	}
	
	.item li i img{
		width: 100px;
		height: 100px;
	}
	
	.item li span{
		font-size: 16px;
	}
	
	.item li.col1 i,.item li.col2 i,.item li.col3 i{
		padding-top: 25px;
	}
	
	.item li.col1 span,.item li.col2 span,.item li.col3 span{
		padding-top: 15px;
	}
	
	.listPage{
		height: 254px;
	}
	
	.listPage h2 span,.articlePage h2 span{
		margin-top: 50px;
		line-height: 40px;
	}

	.listPage ul li{
		height: 50px;
		line-height: 50px;
	}
	
	.articlePage{
		/*height: 320px;*/
	}
}


@media screen and (max-height: 768px){
	.menu li{
		height: 120px;
		font-size: 20px;
		line-height: 180px;
		margin-bottom: 10px;
	}
	.menu li a{
		background-position: center 20px;
	}
	
	.item li {
		height: 120px;
	}
	
	.item li i{
		padding-top: 10px;
	}
	
	.item li i img{
		width: 70px;
		height: 70px;
	}
	
	.item li span{
		font-size: 16px;
	}
	
	.item li.col1 i,.item li.col2 i,.item li.col3 i{
		padding-top: 25px;
	}
	
	.item li.col1 span,.item li.col2 span,.item li.col3 span{
		padding-top: 10px;
	}
	
	.listPage{
		height: 204px;
	}
	
	.listPage h2 span,.articlePage h2 span{
		font-size: 24px;
		margin-top: 20px;
		line-height: 36px;
	}
	
	.listPage ul li{
		height: 40px;
		line-height: 40px;
	}
	
	.articlePage{
		/*height: 280px;*/
	}
}

@media screen and (max-height: 680px){
	.articlePage{
		/*height: 220px;*/
	}
}