/**!
 * [连云区综合服务旗舰店]
 * date:2018-01-08
 * author: [lyn];
 */
.main {
	height: 392px;
	background-color: #edf7ff;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.main>.container {
	padding-top: 0px;
}

.content {
	height: 332px;
	background-color: #fff;
}

.content>div {
	float: left;
}

.nav {
	width: 215px;
	height: 332px;
	background: url(../images/nav-bg.jpg) left center no-repeat;
}

.nav-list {
	padding: 97px 0 0 32px;
}

.nav-list>li {
	font-size: 17px;
	color: #fff;
	width: 120px;
	height: 32px;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	margin-bottom: 8px;
	border-radius: 16px;
	background: url(../images/nav-common.png);
}

.nav-active {
	position: relative;
	left: 32px;
	padding-left: 33px;
	width: 103px !important;
	text-align: left !important;
	background: url(../images/nav-active.png) !important;
	transition: all .1s linear;
}

.ability {
	width: 738px;
	height: 292px;
	padding-top: 20px;
	margin-right: 15px;
	overflow: hidden;
}

/*热门服务*/
.hot-service {
	position: relative;
	height: 292px;
	background-color: #eff2f5;
}

.content-title {
	font-size: 17px;
	color: #fff;
	position: absolute;
	left: 10px;
	top: -4px;
	width: 136px;
	height: 41px;
	line-height: 38px;
	text-align: center;
}

.hot-service>.content-title {
	background: url(../images/title1.png);
}

.person,.enterprise {
	float: left;
	width: 326px;
	padding-top: 40px;
}

.hot-service>div>h1 {
	font-size: 16px;
	font-weight: bold;
	color: #4f7dc5;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/triangle.png) left bottom no-repeat;
}

.person {
	margin-left: 29px;
}

.enterprise {
	margin-left: 25px;
}

.hot-list {
	padding-top: 10px;
}

.hot-list>li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.hot-list>li:nth-child(3n) {
	margin-right: 0;
}

.hot-list a {
	color: #333;
	display: block;
	width: 68px;
	padding-left: 32px;
	height: 37px;
	line-height: 37px;
	border: 1px solid #bcd0e5;
}

.hot-list a:hover {
	color: #4178be;
}

.hot-col1>a {
	background: #e4edfa url(../images/hot-icon1.png) 7px center no-repeat;
}

.hot-col2>a {
	background: #e4edfa url(../images/hot-icon2.png) 7px center no-repeat;
}

.hot-col3>a {
	background: #e4edfa url(../images/hot-icon3.png) 7px center no-repeat;
}

.hot-col4>a {
	background: #e4edfa url(../images/hot-icon4.png) 7px center no-repeat;
}

.hot-col5>a {
	background: #e4edfa url(../images/hot-icon5.png) 7px center no-repeat;
}

.hot-col6>a {
	background: #e4edfa url(../images/hot-icon6.png) 7px center no-repeat;
}

.hot-col7>a {
	background: #e4edfa url(../images/hot-icon7.png) 7px center no-repeat;
}

.hot-col8>a {
	background: #e4edfa url(../images/hot-icon8.png) 7px center no-repeat;
}

.hot-col9>a {
	background: #e4edfa url(../images/hot-icon9.png) 7px center no-repeat;
}

.hot-col10>a {
	background: #e4edfa url(../images/hot-icon10.png) 7px center no-repeat;
}

.hot-col11>a {
	background: #e4edfa url(../images/hot-icon11.png) 7px center no-repeat;
}

.hot-col12>a {
	background: #e4edfa url(../images/hot-icon12.png) 7px center no-repeat;
}

.hot-col13>a {
	background: #e4edfa url(../images/hot-icon13.png) 7px center no-repeat;
}

.hot-col14>a {
	background: #e4edfa url(../images/hot-icon14.png) 7px center no-repeat;
}

.hot-col15>a {
	background: #e4edfa url(../images/hot-icon15.png) 7px center no-repeat;
}

.hot-col16>a {
	background: #e4edfa url(../images/hot-icon16.png) 7px center no-repeat;
}

.hot-col17>a {
	background: #e4edfa url(../images/hot-icon17.png) 7px center no-repeat;
}

.hot-col18>a {
	background: #e4edfa url(../images/hot-icon18.png) 7px center no-repeat;
}

.hot-col19>a {
	background: #e4edfa url(../images/hot-icon19.png) 7px center no-repeat;
}

.hot-more>a {
	background: #e4edfa url(../images/hot-more.png) 7px center no-repeat;
}

.scroll {
	position: absolute;
	right: 0;
	bottom: 0;
}

.prev,.next {
	display: block;
	width: 21px;
	height: 23px;
	margin-top: 2px;
}

.prev {
	background: url(../images/prev.png);
}

.next {
	background: url(../images/next.png);
}

/*套餐服务*/
.suit-service {
	position: relative;
	height: 292px;
	margin-top: 30px;
	background: url(../images/yjs.png);
}

.suit-service>.content-title {
	background: url(../images/title2.png);
}



.suit-list>li {
	float: left;
	width: 920px;
	height: 292px;
	margin-right: 10px;
}

.suit-list>li a {
	display: block;
	width: 920px;
	height: 292px;
	margin: 0 auto;
	overflow: hidden;
}

.suit-list>li a:hover {
	box-shadow: 0 0 10px #eee;
}

.suit-list>li p {
	font-size: 15px;
	color: #fff;
	padding-top: 12px;
	text-align: center;
}

/*便民查询*/
.people-consult {
	position: relative;
	height: 292px;
	margin-top: 30px;
	background: url(../images/consult.jpg);
}

.people-consult>.content-title {
	background: url(../images/title3.png);
}

.consult-item {
	position: absolute;
	width: 116px;
}

.consult-item>p {
	font-size: 15px;
	color: #fff;
	padding-top: 4px;
	text-align: center;
}

.consult-item>a {
	display: block;
	margin: 0 auto;
}

.consult-item1 {
	left: 22px;
	bottom: 105px;
}

.consult-item1>a {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	background: url(../images/consult-icon1.png) center no-repeat;
}

.consult-item1>a:hover {
	width: 116px;
	height: 116px;
	background: url(../images/consult-icona.png) center no-repeat;
}

.consult-item2 {
	left: 96px;
	bottom: 18px;
}

.consult-item2>a {
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: url(../images/consult-icon2.png) center no-repeat;
}

.consult-item2>a:hover {
	width: 81px;
	height: 81px;
	background: url(../images/consult-iconb.png) center no-repeat;
}

.consult-item3 {
	left: 192px;
	bottom: 160px;
}

.consult-item3>a {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: url(../images/consult-icon3.png) center no-repeat;
}

.consult-item3>a:hover {
	width: 88px;
	height: 88px;
	background: url(../images/consult-iconc.png) center no-repeat;
}

.consult-item4 {
	left: 240px;
	bottom: 13px;
}

.consult-item4>a {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: url(../images/consult-icon4.png) center no-repeat;
}

.consult-item4>a:hover {
	width: 86px;
	height: 86px;
	background: url(../images/consult-icond.png) center no-repeat;
}

.consult-item5 {
	left: 365px;
	bottom: 186px;
}

.consult-item5>a {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: url(../images/consult-icon5.png) center no-repeat;
}

.consult-item5>a:hover {
	width: 62px;
	height: 62px;
	background: url(../images/consult-icone.png) center no-repeat;
}

.consult-item6 {
	left: 370px;
	bottom: 85px;
}

.consult-item6>a {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: url(../images/consult-icon6.png) center no-repeat;
}

.consult-item6>a:hover {
	width: 62px;
	height: 62px;
	background: url(../images/consult-iconf.png) center no-repeat;
}

.consult-item7 {
	right: 95px;
	bottom: 10px;
}

.consult-item7>a {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: url(../images/consult-icon7.png) center no-repeat;
}

.consult-item7>a:hover {
	width: 62px;
	height: 62px;
	background: url(../images/consult-icong.png) center no-repeat;
}

.consult-item8 {
	right: 2px;
	bottom: 138px;
}

.consult-item8>a {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: url(../images/consult-icon8.png) center no-repeat;
}

.consult-item8>a:hover {
	width: 62px;
	height: 62px;
	background: url(../images/consult-iconh.png) center no-repeat;
}

/*掌上生活*/
.hand-life {
	position: relative;
	height: 292px;
	margin-top: 30px;
	background: url(../images/life.jpg);
}

.hand-life>.content-title {
	background: url(../images/title3.png);
}

.life-icon1 {
	position: absolute;
	left: 95px;
	top: 75px;
	width: 116px;
	height: 111px;
	background: url(../images/life-icon1.png);
}

.life-icon1:hover {
	top: 65px;
	transition: all .1s linear;
}

.life-icon2 {
	position: absolute;
	left: 256px;
	bottom: 27px;
	width: 119px;
	height: 105px;
	background: url(../images/life-icon2.png);
}

.life-icon2:hover {
	bottom: 37px;
	transition: all .1s linear;
}

.life-icon3 {
	position: absolute;
	right: 259px;
	top: 45px;
	width: 99px;
	height: 90px;
	background: url(../images/life-icon3.png);
}

.life-icon3:hover {
	top: 35px;
	transition: all .1s linear;
}

.life-icon4 {
	position: absolute;
	right: 138px;
	bottom: 58px;
	width: 126px;
	height: 114px;
	background: url(../images/life-icon4.png);
}

.life-icon4:hover {
	bottom: 68px;
	transition: all .1s linear;
}

/*help*/
.help {
	padding-top: 20px;
}

.help>ul a {
	display: block;
	width: 212px;
	height: 69px;
	margin-bottom: 10px;
}
.help li a img {
	width: 100%;
	height: 100%;
}