@charset "utf-8";
/* 人民调解V5 */

/*header
---------------------*/
.wrapper{
	 width:1200px;
	 min-width:1200px;
	 margin:0px auto;
}

.header{
	background:url(../images/h-bg1.jpg) repeat-y top center ;
	height:302px;
	width:100%;
}
.header_w{
	background:url(../images/h-bg.jpg) no-repeat center top;
	height:302px;
	width:1200px;
	margin:0px auto;
	position:relative;
}
.top-bar{
	height:70px;
}	
.top-bar a{
display:block;
float:left;
margin:13px 0px;
}、
.logo{
	float:left;
	margin:13px 0px;
}

.user-box{
float: right;
margin-right:51px;
}	
.user-box > ul > li {
    display: inline;
    float: left;
    margin-right:13px;
}
.user-box > ul > li > a {
display:block;
padding:0px 10px;
border:1px #c8e0ff solid;
color:#fff;
border-radius:5px;
}

.user-box > ul > li > a:hover {
    color: #fff;
	border:1px #FFFFFF solid;
color:#5d47fe;
background-color:#FFFFFF;
}

/*标题和封面
---------------------*/	
.hd-tit{
position:relative;
}
.hd-tit h2{
	width:700px;
	font-size:3em; 
	color:#fff; 
	font-weight:700;
	padding-top:45px;
	letter-spacing:20px;
}
.hd-tit i{
	display:block;
	position:absolute;
	width:75px;
	height:75px;
	top:3%;
	left:19%;
	background:url(../images/h_icon.png) no-repeat 0px 0px;
	}
.nav {
	width:760px;
	position:absolute;
	bottom:0;
}
.nav a {
	font-size:18px;
	float:left;
	padding:0px 20px;
    display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#acacac;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
	margin-right:5px;
	background-color:#88bbfa;
    background-color:rgba(136, 187, 250, 0.5);
}
.nav a{
	color:#fff;
	}
.nav a:hover{
	color:#4119ff;
    background-color:#FFF;
	}

.nav a.navon:link,.nav a.navon:visited,
.nav a.navon:hover,.nav a.navon:active {
	color:#4119ff;
	background-color:#FFF;
}
.book{
width:170px;
position:absolute;
bottom:0;
right:5%;
}
.book > a{
	display:block;
	width:165px;
	height:216px;
	border-top:1px #2b4b76 solid;
	border-right:1px #2b4b76 solid;
	border-left:1px #2b4b76 solid;
	}
.book > a:hover{
	border-top:1px #fff solid;
	border-right:1px #fff solid;
	border-left:1px #fff solid;
	}

.book span a{
bottom:40%;
right:-27%;
font-size:14px;
position:absolute;	
width:50px;
height:40px;
text-align:center;
line-height:40px;
display:block;
color:#2635f8;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-radius:0px 10px 10px 0px;
 border-radius:0px 10px 10px 0px;
background-color:#fff600;
}
.book span a:hover {
color:#2635f8;
background-color:#fff;
}

/*index_search
------------------------------------*/
.search{
	position:relative;
	height:130px;
	box-sizing:border-box;
	padding-top:15px;
	width:100%;
	background:linear-gradient(to top, #f4f4f5, #fff);
	}
.sfmenu {
width:650px;	
height:35px;
line-height:35px;
margin:0px auto;
}

.sfmenu a {
color:#333;
padding-right:30px;
}
.sfmenu a:hover{
color:#5531ff;
}
.sfmenu a.red{
color:#5531ff;
	}
.sf_bd{
	width:700px;
	margin:10px auto 0px;	
	}
.sf_bd span{
	float:left;
}
.s_ipt{
width:500px;
background: #fff;
height:38px;
border: 1px solid #cecece;
padding-left:15px;
border-radius:20px 0px 0px 20px;
}

.s_btn{
width: 115px;
box-sizing:border-box;
height:40px;
padding-left:30px;
font-size:16px;
color: #fff;
letter-spacing: 1px;
border-radius:0px 20px 20px 0px;
background:#5531ff url(../images/search.png) no-repeat 15px 7px;
border: 1px solid #5531ff;
}

		
/*调解组织类型
---------------------*/	
h2.c-tit{
	position:relative;
	color:#5531ff;
	font-size:1.5em;
	padding:10px 0px;
	text-align:center;
	background:url(../images/c-tit.png) no-repeat 0px 30px;
	margin-bottom:15px;
	}	
.line{
	border-bottom:2px #5531ff solid;
	width:60px;
	height:2px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-30px;
	}
.bg-gray{
	width:100%;
	text-align:center;
	background-color:#f7f8fa;
	}
.content ul{
	height:340px;	
	}
.content ul li{
	float:left;
	width:240px;
	height:340px;	
	}
.content ul li a{
	font-size:20px;
	color:#FFF;
	display:block;
	height:170px;
	width:240px;
	box-sizing:border-box;
	padding-top:48px;
	text-align:center;	
	background-color:#4750ff;
	background-color:rgba(71, 80, 255, 0.8);
	}
.content ul li a.mtop{
	margin-top:170px;
	}
.content ul li a:hover{
	font-size:20px;
	color:#FFF;
	display:block;
	height:170px;
	width:240px;
	background-color:#4750ff;
	background-color:rgba(71, 80, 255, 1);
	}	
.content ul li.b_01{
background:url(../images/b_01.jpg) no-repeat 0px 0px;	
	}
.content ul li.b_02{
background:url(../images/b_02.jpg) no-repeat 0px 0px;	
	}
.content ul li.b_03{
background:url(../images/b_03.jpg) no-repeat 0px 0px;	
	}
.content ul li.b_04{
background:url(../images/b_04.jpg) no-repeat 0px 0px;	
	}
.content ul li.b_05{
background:url(../images/b_05.jpg) no-repeat 0px 0px;	
	}	
	
/*调解纠纷类型
---------------------*/		
.colbd{
	border:1px #e0e0e0 solid;
	padding:0px 10px 10px 0px;
	background-color:#FFF;
	}

.bortopnone{
		border-top:none;
		}	
.colbd ul{
	float:right;
	width:75%;
	padding-top:17px;
	}	
.colbd ul li{
		float:left;
		width:24%;
		line-height:37px;
		height:37px;
		text-align:left;
		box-sizing:border-box;
		padding-left:30px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

.colbd h4{
	height:65px;
	line-height:65px;
	font-size:18px;
	color:#5e3cff;
	width:20%;
	box-sizing:border-box;
	float:left;
	text-align:left;
	padding-left:60px;
	border-top:3px #5e3cff solid;
}

.colbd h4.icon01{
background:url(../images/icon.png) no-repeat 20px 19px;
}
.colbd h4.icon02{
background:url(../images/icon.png) no-repeat -487px 16px;
}
.colbd h4.icon03{
background:url(../images/icon.png) no-repeat -952px 10px;
}
.colbd h4.icon04{
background:url(../images/icon.png) no-repeat -1399px 13px;
}
.colbd h4.icon05{
background:url(../images/icon.png) no-repeat -1730px 2px;
}
.colbd h4.icon06{
background:url(../images/icon.png) no-repeat -1999px 0px;
}
.colbd h4.icon07{
background:url(../images/icon.png) no-repeat -2320px 9px;
}
.colbd h4.icon08{
background:url(../images/icon.png) no-repeat -2700px 7px;
}
.colbd h4.icon09{
background:url(../images/icon.png) no-repeat -3005px 6px;
}
.colbd h4.icon10{
background:url(../images/icon.png) no-repeat -3315px -3px;
}
.colbd h4.icon11{
background:url(../images/icon.png) no-repeat -3665px -3px;
}
.colbd h4.icon12{
background:url(../images/icon.png) no-repeat -4010px 0px;
}
.colbd h4.icon13{
background:url(../images/icon.png) no-repeat -4317px 3px;
}
.colbd h4.icon14{
background:url(../images/icon.png) no-repeat -4695px 2px;
}
.colbd h4.icon15{
background:url(../images/icon.png) no-repeat -5002px 2px;
}
.colbd h4.icon16{
background:url(../images/icon.png) no-repeat -5309px 2px;
}
.colbd h4.icon011{
background:url(../images/icon1.png) no-repeat 60px 15px;
}
.colbd h4.icon022{
background:url(../images/icon1.png) no-repeat -442px 19px;
}
.colbd h4.icon033{
background:url(../images/icon1.png) no-repeat -948px 12px;
}

/*调解案例
------------------------*/
.titlebox{
	position:relative;
	font-size:18px;
	color:#5531ff;
	line-height:45px;
	padding-left:40px;
	height:45px;
	text-align:left;
	background:url(../images/box_tit.png) no-repeat -4px 8px;
	}
.titlebox a{
	top:10px;
	}
.box_p{
    padding: 5px 0px;
}	
.box ul,.map ul{
    margin:5px 0px;
}
.box ul li,.map ul li{
	position:relative;
	height:43px;
	line-height:43px;
	padding-left:30px;
	border-bottom:1px #e5e5e5 dashed;	
	}
.box ul li:before,.map ul li:before {
	position: absolute;
	float: left;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color:#a395ef;
    top:45%;
    left:10px;
    content: '';
}
.box ul li .tit_fl,.map ul li .tit_fl{
	width:55%;
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:20px;	
	}
.box ul li .tit40{
	width:40%;	
	}
.box ul li .origin{
	width:15%;
	float:left;
	margin-right:20px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	}
.box ul li .expert{
	width:18%;
	float:left;
	margin-right:20px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	color:#8c8c9a;
	}

.box ul li .time,.map ul li .time{
	font-size:14px;
	width:15%;
	float:right;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	text-align:right;
	color:#8c8c9a;
	}
.box ul li span{
	color:#9b9b9b;
	padding:0px 5px;
	}
.box ul li:nth-child(odd),.map ul li:nth-child(odd){
	background:linear-gradient(to left, #fff, #f9f9f9);
	}
.top_line{
	background:linear-gradient(to left, #378dfe, #5e46fe);
	height:2px;
	}
.maptit{
	margin:0px 0px 10px;
	}
.maptit a{
	float:left;
	padding:3px 10px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-right:8px;
	margin-top:8px;
	border-radius:5px;
	}
.maptit a:link,.maptit a:visited {
	color:#8780be;
	border:1px #cbc7e3 solid;
}
.maptit a:hover,.maptit a:active {
color:#fff;
	border:1px #b2a7e3 solid;
	text-decoration:none;
	background-color:#6d5af8;
}	
.maptit a.current:link,.maptit a.current:visited {
	color:#fff;
	border:1px #b2a7e3 solid;
	background-color:#6d5af8;
}
.maptit a.current:hover,.maptit a.current:active {
color:#fff;
	border:1px #b2a7e3 solid;
	text-decoration:none;
	background-color:#6d5af8;
}
.box_sub{
	height:40px;
	background:linear-gradient(to left, #378dfe, #5e46fe);
	box-sizing:border-box;
	position:relative;
	margin-top:3px;
	padding-left:38px;
	margin-bottom:4px;
	}

.box_sub>a{
	display:block;
	text-align:center;
	margin-right:5px;
	line-height:40px;
	float:left;
	font-size:16px;
	border-radius: 10px 10px 0px 0px;
}
.box_sub a>span{
	font-size:12px;
	padding-left:5px;
	
}
.box_sub>a:link,.box_sub>a:visited {
	padding:0px 26px 0px;
	color:#e3e0ff;
}
.box_sub>a:hover,.box_sub>a:active {
	padding:0px 26px 0px;
	font-size:16px;
	color:#5531ff;
	background-color:#fff;	
	border-top:2px #6140fe solid;
}
.box_sub>a.box_on {
	padding:0px 25px 0px;
	font-size:16px;
	color:#5531ff;
	background-color:#fff;	
	border-top:2px #6140fe solid;
}	
.box_sub>a:last-child { 
border-right: none;
}
.box_sub select{
width:100px;
color:#333;
border:1px #a2a2a2 solid;
height:22px;
padding-left:5px;
margin-top:10px;
	}	
h2.mb0{
	margin-bottom:0px;
	}
a.more{
position:absolute;
top:12px;
right:0px;
display:block; 
width:60px; 
text-align:center;
height:20px;
line-height:20px;
font-size:12px;
color:#FFF;
margin-left:10px;
margin-top:5px;
border-radius:20px;
background-color:#7b5fff;
z-index:1000;
}  
a.more:hover { 
color:#fff;
background-color:#479bfc;
} 
.more2 a{
position:absolute;
top:10px;
right:10px;
display:block; 
width:60px; 
text-align:center;
height:20px;
line-height:20px;
font-size:12px;
margin-left:10px;
border-radius:20px;
color:#7b5fff;
background-color:#fff;
z-index:1000;
}  
.more2 a:hover { 
color:#7b5fff;
background-color:#f4f2ff;
}
.xszf_box{
	border-bottom:1px #d8d8d8 solid;
	border-top:1px #d8d8d8 solid;
	margin-bottom:10px;
	}
.xszf_fl{
	width:20%;
	float:left;
	font-size:16px;
	padding:10px 0px 0px;
	box-sizing:border-box;
	}
.xszf_nav{
	width:30%;
	float:left;
	font-size:16px;
	box-sizing:border-box;	
	}
.xszf_nav a{
	display:block;
	height:55px;
	line-height:55px;
	text-align:left;
	padding-left:100px;
	font-size:16px;
	border-top:1px #fff solid;
	}	

.xszf_nav a:link,.xszf_nav a:visited {
	color:#737dc7;
	background-color:#edeafa;
}
.xszf_nav a:hover,.xszf_nav a:active {
	color:#5531ff;
	background-color:#FFF;
	border-top:1px #d8d8d8 solid;
}
.xszf_nav a.al_current {
	color:#5531ff;
	background-color:#FFF;
	border-top:1px #d8d8d8 solid;
}
.xszf_nav a:last-child { 
	border-bottom:none;	
}
.xszf_fr{
	width:70%;
	float:right;
	box-sizing:border-box;
	padding:0px 0px 0px 20px;
	background-color:#fff;
	}

.xszf_fr ul{
	margin-top:5px;
}
.xszf_fr ul li{
	position:relative;
	height:53px;
	line-height:53px;
	padding-left:30px;
	border-bottom:1px #e5e5e5 dashed;	
	}
.xszf_fr ul li:before{
	position: absolute;
	float: left;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color:#a395ef;
    top:45%;
    left:10px;
    content: '';
}
.list02{
	width:65%;
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:20px;
	text-align:left;
	}
.xszf_fr ul li .list03{
	width:65%;
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:20px;
	}

.xszf_fr ul li .origin{
	width:15%;
	float:left;
	margin-right:20px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	}

.xszf_fr ul li .time{
	font-size:14px;
	width:20%;
	float:right;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	text-align:right;
	color:#8c8c9a;
	}	

/*相关案例文书
------------------------*/

.anli{
	margin:0px 0px 10px;
	}
.anli a{
	float:left;
	width:16%;
	text-align:center;
	height:55px;
	line-height:55px;
	text-align:center;
	margin-right:3px;
	margin-left:3px;
	margin-top:15px;
	border-radius:5px;
	}
.anli a:link,.anli a:visited {
	color:#5d47fe;
	border:1px #cbc7e3 solid;
	background-color:#f4f2ff;
}
.anli a:hover,.anli a:active {
color:#fff;
	border:1px #b2a7e3 solid;
	text-decoration:none;
	background-color:#5d47fe;
}	

/*调解组织类型
---------------------*/	
h2.c-tit{
	position:relative;
	color:#5531ff;
	font-size:1.6em;
	padding:10px 0px 13px;
	text-align:center;
	background:url(../images/c-tit.png) no-repeat 0px 30px;
	margin-bottom:7px;
	}	
.line{
	border-bottom:2px #5531ff solid;
	width:60px;
	height:2px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-30px;
	}

.con_ws{
	height:260px;	
	}
.con_ws dl{
	height:260px;
	float:left;
	width:400px;
	font-size:16px;	
	}
.con_ws dl dt{
	background-color:#fff;
	border-radius:25px;
	margin:20px auto 10px;
	width:65%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#5d47fe;
	}
.con_ws dl dd{
	line-height:35px;
	}
dl.line_h43 dd{
	line-height:43px;
	}
.con_ws dl dd a{
	text-align:center;
	font-size:16px;
	display:block;
	border-radius:25px;
	margin:0px auto;
	width:65%;
	color:#FFF;
	}
.con_ws dl dd a:hover{
	color:#fff;
	background-color:#FFF;
	background-color:rgba(255, 255, 255, 0.2);
	}	
.con_ws dl.b_01{
background:url(../images/b_011.jpg) no-repeat 0px 0px;	
	}
.con_ws dl.b_01 dd{
		width:45%;
		float:left;
		margin-left:14px;
		line-height:43px;
	}
.con_ws dl.b_01 dd a{
	width:100%;
	}
.con_ws dl.b_02{
background:url(../images/b_022.jpg) no-repeat 0px 0px;	
	}
.con_ws dl.b_03{
background:url(../images/b_033.jpg) no-repeat 0px 0px;	
	}


/*footer
------------------------*/
.footer {
width:1200px;
margin:0px auto;
text-align:center;
padding:10px 0px 15px;
}

.footer p a{
color:#ef4335;
	}	
.footer p a:hover{
color:#ef4335;
text-decoration:underline;
}