*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
	
	-moz-user-select: -moz-none; 
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
	
	border: medium none;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Microsoft YaHei';
	font-size:15px;
	color:#333;
}

em {
	font-style: normal;
}

ul,ol {
	list-style: none;
}

*:focus {
	outline: none;
}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
}

/*浮动 清除浮动*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.cf:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.cf {
	zoom: 1;
}
/*显示 隐藏*/
.hide {
	display: none;
}
.block {
	display: block;
}

/* 背景色 */
.gray{
	background-color: #f6f6f6;
}
.white{
	background-color: #FFF;
}

/*  -----主体  开始----- */
.main{
	width: 100%;
	margin: 0 auto;
}

.headbanner {
	background: url(../images/banner.png) no-repeat center;
	height: 400px;
	background-color: #f5eee2;
}

.bannerContaner{
	width: 1100px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}
.bannerContaner a:hover {
	color: #333;
}
.mobile_enter{
	position: absolute;
	top: 320px;
	left: 230px;
	background-color: #fef5ec;
	width: 190px;
	height: 40px;
	border-radius: 8px;
	padding: 9px 12px;
}
.mobile_enter span{
	display: inline-block;
	width: 104px;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	margin-left: 14px;
}
.mobile_enter i:first-child{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/phone.png) no-repeat;
	background-size: 24px 24px;
}
.mobile_enter i:last-child{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/right_arror.png) no-repeat;
	background-size: 24px 24px;
}

.mainContaner{
	width: 1100px;
	margin: 0 auto;
}

/* 通用 title */
.title{
	width: 100%;
	height: 40px;
	position: relative;
	text-align: center;
}

.title .title_text{
	margin: 0px auto;
	padding: 0px 20px;
	display: inline-block;
	font-size: 40px;
	line-height: 38px;
	text-align: center;
	position: relative;
	z-index: 80;
}

.title span:first-child{
	position: absolute;
	top: 10px;
	left: 0px;
	background: url(../images/line_left.png) no-repeat;
	width: 430px;
	height: 20px;
}
.title span:last-child{
	position: absolute;
	top: 10px;
	right: 0px;
	background: url(../images/line_right.png) no-repeat;
	width: 430px;
	height: 20px;
}

/* 无障碍嵌入 */
.wzafw{
	width: 100%;
	padding: 60px 0px;
}
#wza_embed{
	margin-top: 50px;
	width: 100%;
	height: 80px;
}

/* 老年人事项办理 */
.sxbl{
	width: 1100px;
	margin: 0px auto;
	padding: 60px 0px;
}
.sx_box{
	margin-top: 60px;
}
.each_sx{
	width: 100%;
    height: 80px;
    font-size: 20px;
    background-color: #FFF;
    margin: 0px 20px 20px 0px;
    position: relative;
    padding: 0 16px;
    display: flex;
    align-items: center;
}
.each_sx a{
	flex: 1;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.each_sx p{
	height: 36px;
    padding: 0 20px;
    line-height: 36px;
    margin-left: 14px;
    color: #1d7fd4;
    border: 1px solid #1d7fd4;
    border-radius: 4px;
}
.each_sx:hover a{
	color:#fff;
}
.each_sx:hover p{
	color:#fff;
	border: 1px solid #fff;
}
.each_sx:nth-child(even){
	margin: 0px 0px 20px 0px;
}
.each_sx:hover{
	background-color: #6f3f3c;
	color: #fff;
	cursor: pointer;
}
.hot_icon{
	position: absolute;
	top: -14px;
	right: 8px;
	background: url(../images/hot.png);
	height: 38px;
	width: 34px;
}

/* 老年人服务专区 */
.fwzq{
	margin: 30px 0px;
}
.fwzq_box{
	margin-top: 60px;
	height: 462px;
	overflow: hidden;
}
.each_fwzq{
	width: 250px;
	margin: 0px 33px 30px 0px;
}
.each_fwzq p{
	display: inline-block;
}
.each_fwzq p img{
	width: 100%;
	height: 156px;
}
.each_fwzq p:first-child{
	width: 100%;
}
.each_fwzq p:last-child{
	width: 100%;
	height: 60px;
	border: 1px solid #dadada;
	font-size: 22px;
	line-height: 60px;
	text-align: center;
}
.each_fwzq:nth-child(4n){
	margin-right: 0px;
}
#loadMore{
	border: 1px solid #dadada;
	border-radius: 6px;
	margin: 0 auto;
	margin-top: 30px;
	width: 156px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
}
#loadMore input{
	background-color: #fff;
}
#loadMore:hover{
	cursor: pointer;
	background-color: #6f3f3c;
	color: #FFF;
}
#loadMore:hover input{
	background-color: #6f3f3c;
	color: #FFF;
}
/* 遮罩 */
#mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 200;
}

/* 办事地点 */
.bsdd{
	width: 1100px;
	height: 500px;
	border: 1px solid #dadada;
	padding: 30px;
	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	bottom: 0;
}
.bsdd .area_title{
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	cursor: default;
}
.bsdd span:nth-child(2) > img{
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.area_list{
	border-bottom: 1px solid #dadada;
	margin: 50px 0px 20px 0px;
	padding-bottom: 10px;
}
.each_area{
	height: 40px;
	min-width: 80px;
	padding: 10px 20px;
	margin: 0px 10px 10px 0px;
	border-radius: 6px;
	font-size: 20px;
	line-height: 20px;
}
.each_area:hover{
	background-color: #6f3f3c;
	color: #FFF;
	cursor: pointer;
}

.checkedArea{
	font-size: 20px;
	font-weight: bold;
	margin-bottom:20px ;
}
.checkedArea span:not(:first-child){
	font-weight: normal;
	margin: 0px 6px;
	cursor: pointer;
	color: #999;
}
.checkedArea span:not(:first-child):hover{
	color: #6F3F3C;
}
.button_confirm{
	position: absolute;
	bottom: 30px;
	height: 40px;
	width: 80px;
	border-radius: 6px;
	padding: 10px 20px;
	font-size: 20px;
	line-height: 20px;
	background-color: #bcbcbc;
	color: #FFF;
	cursor: pointer;
}
.button_confirm input{
	line-height: 20px;
	background-color: #BCBCBC;
}

.diquDiv {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99;
}

/*------------------地区选择样式-----------------*/
.clearFix:after{content: "";display: block;clear: both;overflow: hidden;}
.areaSelect_Clos{position: absolute;top: 18px;right: 18px;width: 30px;height: 24px;text-align: center;line-height: 0;cursor: pointer;}
.areaSelect{
	background: #fff;
	width: 820px;
	height: 432px;
	position: fixed;
	z-index: 99;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	border: 1px solid #ddd;
}
.areaSelect_Nav{line-height: 43px; height: 44px; padding: 2px 30px; font-size: 19px; font-weight: 600; color: #333;}
.areaSelect_Nav span{cursor: pointer;}
.areaSelect_List{padding: 0 15px 10px;height: 311px;}
.areaSelect ul li{float: left; margin-top: 24px; margin-left: 38px;margin: 8px -3px; /*min-width: 135px;*/ cursor: pointer;font-size: 16px;width: 160px;height: 18px;padding:0 5px;}
.areaSelect ul li:hover{color: #c3040f}
.areaSelect_Node{font-size: 19px;width: 819px;height: 32px;line-height: 35px;margin: 0 auto;border-top: 2px solid #ddd;color: #333;padding: 0 15px}
.areaSelect_Node span>span{cursor: pointer;}
.areaSelect_Node span>span:hover,.areaSelect_Nav span:hover{color: #c40311;}
.areaSelect_Bo{padding: 5px 15px 18px;}
.areaSelect_Bot{height: 36px;line-height: 36px;text-align: center;width: 100px;background: #c40311;color: #fff;border-radius: 5px;cursor: pointer;}
/*------------------地区选择样式-----------------*/
.areaSelect_head{
	font-size: 19px;
	font-weight: 600;
	margin: 10px 0 0 18px;
}