* {
	font-family: Arial, "Microsoft Yahei" !important;
}

html {
	overflow-y: scroll;
	font-size: 12px;
}

body {
	margin: 0;
	background: linear-gradient(to bottom, #5abafe,white 20%,white 90%,#5abafe 100%);
}
/*新闻动态选项卡*/
#xwbt1,#xwbt2{width:140px;float: left;font-size: 18px;padding: 8px 10px ;text-align: center;transition: color 1s;}
#xwbt1{padding-left:5px;color: rgb(12,100,189);font-weight: bold;}
span{width:0px;height: 3px;background-color: rgb(12,100,189);display: block;transition: width 1s; }
#xwbt1:hover span,#xwbt2:hover span{width: 100%;}
.xwhover span {width: 100%;margin-top: 2px;}
#xwCon1,#xwCon2{width: 100%;padding: 0 5px 5px 5px;box-sizing: border-box;animation: fadeEffect 1s;}
/*网上办事大厅竖排选项卡*/

.spxxk {
	width: 1200px;
	height: 340px;

}

.spxxk1,
.spxxk2 {
	width: 115px;
	height: 340px;
}

#xx1,
#xx2 {
	width: 115px;
	height: 205px;
	line-height: 68px;
	color: rgb(10, 72, 144);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	background-position: 36px 50px;
	background-repeat: no-repeat;
	transition: .5s;
}

#xx1 {
	color: #ffffff;
	background-image: url(http://www.ntdywx.com/xxgkxzsp/atm/4/20200511091716651.png);

}

#xx2 {
	background-image: url(http://www.ntdywx.com/xxgkxzsp/atm/4/20200511091716557.png);

}

.xxkbt1,
.xxkbt2 {
	padding-top: 90px;
}

#btn5 {
	float: left;
}

#xxCon {
	width: 1085px;
	height: 340px;
	float: right;
	background-color: white;
}

.hover {
	background-color: rgb(10, 72, 144) !important;

}








/*网上办事大厅横排选项卡*/


.xxk,
.xxk2 {
	width: 970px;
	height: 340px;
	margin-left: 55px;
}

.xixi1,
.xixi2,
.xixi3,
.xxk2_xixi1,
.xxk2_xixi2,
.xxk2_xixi3 {
	width: 220px;
	height: 10px;
	margin: 0 auto;
	cursor: pointer;
	box-sizing: border-box;
}

.tab1,
.tab2,
.tab3,
.Ttab1,
.Ttab2,
.Ttab3 {
	width: 50px;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 10px;
	transition: 1s;
}

#TabCon1,
#TabCon2,
#TabCon3,
#TabCon4,
#TabCon5,
#TabCon6 {
	width: 970px;
	height: 310px;
	padding-top: 5px;
	animation: fadeEffect 1s;
}

@keyframes fadeEffect {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.tab1,
.Ttab1 {
	color: rgb(10, 72, 144);
	border-bottom: 7px solid;
}

.tab2,
.Ttab2 {
	color: rgb(10, 72, 144);
	border-bottom: 7px solid #ccc;
}

.tab3,
.Ttab3 {
	color: rgb(10, 72, 144);
	border-bottom: 7px solid #ccc;
}


/*政府信息公开横排选项卡*/
.xxk3 {
	width: 875px;
	height: 330px;
}

.xxk3_xixi1,
.xxk3_xixi2,
.xxk3_xixi3,
.xxk3_xixi4,
.xxk3_xixi5{
	width: 875px;
	height: 45px;
	margin: 0 auto;
	cursor: pointer;
	border-bottom: 2px solid rgb(57, 135, 206);
	box-sizing: border-box;
}

.xxk3_tab1,
.xxk3_tab2,
.xxk3_tab3,
.xxk3_tab4,
.xxk3_tab5{
	width: 170px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	margin: 0 1px;
	transition: .5s;
}

#xxk3_TabCon1,
#xxk3_TabCon2,
#xxk3_TabCon3,
#xxk3_TabCon4,
#xxk3_TabCon5{
	width: 875px;
	height: 285px;
	padding-top: 10px;
	animation: fadeEffect .5s;
}

.xxk3_tab1:hover {
	color: red !important;
}
.xxk3_tab2:hover {
	color: red !important;
}
.xxk3_tab3:hover {
	color: red !important;
}

.xxk3_tab4 {
	color: #0c64bd;
}