@charset "utf-8";
/* cnki法律专题 */

/*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;
}	
.logo{
	float:left;
	margin:13px 0px;
}
.logo h1{
	width:133px;
	height:44px;
	background: url(../images/logo.png);
    text-indent: -9999px;
}
.user-box{
float: right;
margin-right:40px;
}	
.user-box > ul > li {
    display: inline;
    float: left;
    margin-right:13px;
	padding:18px 10px 0px;
}
.user-box > ul > li > a {
    color:#cbe0ff;
}

.user-box > ul > li > a:hover {
    color: #fff;
}

/*标题和封面
---------------------*/	
.hd-tit{
position:relative;
}
.hd-tit h2{
	width:700px;
	font-size:3em; 
	color:#fff; 
	font-weight:700;
	padding-top:20px;
	letter-spacing:10px;
}
.hd-tit h2 span{
color:#f7ff1b; 
font-size:30px;
}
.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:940px;
	position:absolute;
	bottom:0;
}
.nav a {
	font-size:18px;
	float:left;
	padding:0px 20px;
    display:block;
	height:45px;
	line-height:45px;
	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:3px;
	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:160px;
position:absolute;
bottom:0;
right:5%;
}
.book img{
width:165px;
height:216px;
	}
.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 > a span{
position:absolute;
font-size:18px;
top:20%;
	display:block;
	width:95%;
	color:#000000;
	right:0%;
	text-align:center;
	}
.book_more a{
bottom:40%;
right:-35%;
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:#fff;
}
.book_more a:hover {
color:#2635f8;
background-color:#fff600;
}

/*index_search
------------------------------------*/
.search{
	position:relative;
	height:160px;
	box-sizing:border-box;
	padding-top:15px;
	width:100%;
	background:linear-gradient(to top, #f4f4f5, #fff);
	}
.sfmenu {
width:760px;	
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:760px;
	margin:10px auto 0px;	
	}
.sf_bd span{
	float:left;
}
.s_ipt{
width: 570px;
background: #fff;
height:38px;
border: 1px solid #cecece;
padding-left:5px;
}

.s_btn{
width: 100px;
box-sizing:border-box;
height:40px;
padding-left:30px;
font-size:16px;
color: #fff;
letter-spacing: 1px;
background:#5531ff url(../images/search.png) no-repeat 15px 7px;
border: 1px solid #5531ff;
}
.hot_s{
	font-size:14px;
width:770px;	
height:60px;
line-height:60px;
margin:0px auto;
	color:#5d6faf;
	}
.hot_s dl dt{
	float:left;
	padding-right:20px;
	
	}

.hot_s dl dd{
	float:left;
	padding-right:20px;
	
	}
.hot_s dl dd a{
	color:#2956f1;		
	}
.hot_s dl dd a:hover{
	color:#924cf1;	
	}		
/*调解组织类型
---------------------*/	
h2.c-tit{
	position:relative;
	color:#5531ff;
	font-size:1.6em;
	padding:20px 0px 13px;
	text-align:center;
	background:url(../images/c-tit.png) no-repeat 0px 30px;
	margin-bottom:25px;
	}	
.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{
	height:450px;	
	}
.content dl{
	height:450px;
	float:left;
	width:400px;
	font-size:16px;	
	}
.content dl dt{
	background-color:#fff;
	border-radius:25px;
	margin:20px auto 10px;
	width:65%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#5d47fe;
	}
.content dl dd{
	line-height:37px;
	}
dl.line_h43 dd{
	line-height:37px;
	}
.content dl dd a{
	text-align:center;
	font-size:16px;
	display:block;
	border-radius:25px;
	margin:0px auto;
	width:80%;
	color:#FFF;

	}
.content dl dd a:hover{
	color:#fff;
	background-color:#FFF;
	background-color:rgba(255, 255, 255, 0.2);
	}	
.content dl.b_01{
background:#4d64ff url(../images/b_01.jpg) no-repeat 0px bottom;	
	}
.content dl.b_02{
background:#3a8bfe url(../images/b_02.jpg) no-repeat 0px bottom;	
	}
.content dl.b_03{
background:#4d64ff url(../images/b_03.jpg) no-repeat 0px bottom;	
	}
	
	
/*调解纠纷类型
---------------------*/		
.colbd{
	border:1px #e0e0e0 solid;
	background-color:#FFF;
	}

.bortopnone{
		border-top:none;
		}	
.colbd ul{
	float:right;
	width:65%;
	padding-top:14px;
	}	
.colbd ul li{
		float:left;
		width:30%;
		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:62px;
	line-height:62px;
	font-size:16px;
	color:#5e3cff;
	width:30%;
	box-sizing:border-box;
	float:left;
	text-align:left;
	padding-left:100px;
}

.colbd h4.icon01{
background:url(../images/icon.png) no-repeat 48px 19px;
}
.colbd h4.icon02{
background:url(../images/icon.png) no-repeat -455px 16px;
}
.colbd h4.icon03{
background:url(../images/icon.png) no-repeat -920px 10px;
}
.colbd h4.icon04{
background:url(../images/icon.png) no-repeat -1365px 13px;
}
.colbd h4.icon05{
background:url(../images/icon.png) no-repeat -1695px 2px;
}
.colbd h4.icon06{
background:url(../images/icon.png) no-repeat -2025px -3px;
}
.colbd h4.icon07{
background:url(../images/icon.png) no-repeat -2470px 7px;
}
.colbd h4.icon08{
background:url(../images/icon.png) no-repeat -2663px 7px;
}
.colbd h4.icon09{
background:url(../images/icon.png) no-repeat -2970px 6px;
}
.colbd h4.icon10{
background:url(../images/icon.png) no-repeat -3278px 0px;
}
.colbd h4.icon11{
background:url(../images/icon.png) no-repeat -3630px 0px;
}
.colbd h4.icon12{
background:url(../images/icon.png) no-repeat -3980px 0px;
}
.colbd h4.icon13{
background:url(../images/icon.png) no-repeat -4317px 0px;
}
.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;
}

/*footer
------------------------*/
.box{
    padding: 5px 0px;
	text-align:left;
}

.titlebox{
	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;
	}

.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{
	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,.map ul li .origin{
	width:23%;
	float:left;
	margin-right:10px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	}
.box ul li .expert{
	width:27%;
	float:left;
	margin-right:20px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	color:#8c8c9a;
	}

.box ul li .time{
	font-size:14px;
	width:8%;
	float:right;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	text-align:right;
	color:#8c8c9a;
	}
	.box ul li .wdtime{
	width:15%;
	}
.map ul li .time{
	font-size:14px;
	width:10%;
	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:#b2a7e3;
}	
.maptit a.current:link,.maptit a.current:visited {
	color:#fff;
	border:1px #b2a7e3 solid;
	background-color:#b2a7e3;
}
.maptit a.current:hover,.maptit a.current:active {
color:#fff;
	border:1px #b2a7e3 solid;
	text-decoration:none;
	background-color:#b2a7e3;
}
.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 12px 0px;
	color:#e3e0ff;
}
.box_sub>a:hover,.box_sub>a:active {
	padding:0px 12px 0px;
	font-size:16px;
	color:#5531ff;
	background-color:#fff;	
	border-top:2px #6140fe solid;
}
.box_sub>a.box_on {
	padding:0px 12px 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;
	}
/*援助案例
------------------------*/
.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;	
	}
.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:25%;
	float:left;
	margin-right:20px;
	white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
	}

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

/*法援机构发表文献推荐阅读
------------------------*/
.borg{
	border:1px #e0e0e0 solid;
	}
.read_fl{
	width:30%;
	float:left;
	background-color:#FFF;
	}
.read_fl ul{
	padding:18px 0px 17px 0px;
	}
	
.read_fl ul li{
	line-height:33px;
	padding-left:50px;
	text-align:left;
	background:url(../images/arrow_s.png) no-repeat 29px 11px;
	}
.read_fl ul li span{
	color:#5e3cff;
	font-size:12px;
	}	
	
.read_fr{
	width:68%;
	float:right;
	background-color:#FFF;
	}
.read_fr h6{
	height:40px;
	line-height:40px;
	background:linear-gradient(to left, #378dfe, #5e46fe);
	box-sizing:border-box;
	position:relative;
	padding-left:38px;
	margin-bottom:4px;
	color:#FFF;
	font-size:18px;
	}	
.read_fr ul {
	padding:10px 0px 10px 30px;
	}
.read_fr ul li{
	position:relative;
	line-height:35px;
	height:35px;
	text-align:left;
	padding-left:20px;
	}
.read_fr ul li span{
		float:left;
		padding-right:20px;
	}
.read_fr ul li:before {
	position: absolute;
	float: left;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color:#b8acf0;
    top:45%;
    left:0;
    content: '';
}

.read_fr ul li span.law_tit{
	width:55%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-right:30px;
	}
.read_fr ul li span.law_tit a{
	color:#5e3cff;
	}
.read_fr ul li span a:hover{
	text-decoration:underline;
	}	

.read_fr ul li span.law_time{
	font-size:14px;
	width:10%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.read_fr ul li span.law_nu{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:10%;
	}
.read_fr ul li span.law_see{
	width:10%;
	float:right;
	font-size:12px;
	color:#b3b3b3;
	text-align:right;	
	}	
				
/*footer
------------------------*/
.footer {
width:1200px;
margin:0px auto;
text-align:center;
padding:20px 0px 15px;
}

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