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

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

.header{
	background:#1242f5 url(../images/h-bg.jpg) no-repeat center top;
	height:302px;
	width:100%;
}
.header_w{
	height:302px;
	width:1200px;
	margin:0px auto;
	position:relative;
}
.top-bar{
	height:70px;
}	
.logo{
	float:left;
	margin:13px 0px;
}
.logo img{
	width:160px;
	height:55px;
}
.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:45px;
	letter-spacing:10px;
}
.hd-tit i{
	display:block;
	position:absolute;
	width:75px;
	height:75px;
	top:0%;
	left:16%;
	background:url(../images/h_icon.png) no-repeat 0px 0px;
	}
.nav {
	width:850px;
	position:absolute;
	bottom:0;
}
.nav a {
	font-size:18px;
	float:left;
	padding:0px 25px;
    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: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: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 #4cf4ff solid;
	border-right:1px #4cf4ff solid;
	border-left:1px #4cf4ff solid;
	}

.book span 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 span a:hover {
color:#2635f8;
background-color:#fff600;
}

/*index_search
------------------------------------*/
.search{
	position:relative;
	height:130px;
	box-sizing:border-box;
	padding-top:15px;
	width:100%;
	}
.w_gray{
	width:100%;
	background:#f7f8fa url(../images/bg_hui.jpg) no-repeat 0px 0px;
	}
.w_white{
	width:100%;
	border-top:10px #f7f8fa solid;
	}
.sfmenu {
width:730px;	
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:9px;
border-radius:20px 0px 0px 20px;
}

.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;
border-radius:0px 20px 20px 0px;
}
.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;	
	}
		
/*快速入口
---------------------*/	
.rukou{
	margin-top:20px;
	}
.rukou a{
	display:block;
	width:21%;
	float:left;
	margin-right:5%;
	background-color:#FFF;
	padding:25px 0px;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:30px;
	border:1px #FFFFFF solid;
	}

.rukou a img{
	width:60px;
	height:60px;
	}
	.rukou a font{
		display:block;
		font-size:18px;
		line-height:50px;
	}
.rukou a span{
	display:block;
	border-radius:20px;
	background-color:#5d6cf7;
	height:35px;
	line-height:35px;
	color:#FFF;
	width:80%;
	margin:0px auto;
	}
a.colora span{
	background-color:#31a5ff;
	}
.rukou a:hover{
	background-color:#fff;
border:1px #dfdfdf solid;
color:#e70031;
box-shadow:0px 0px 10px 5px #e8e9ef;
margin-top:-8px;
	}
.rukou a:nth-child(4n){
	margin-right:0px;
	}
.fgimg{
	margin:20px 0px 0px;
	}	
.fgimg a{
	font-size:13px;
	text-align:center;
	display:block;
	width:135px;
	height:180px;
	padding:20px 10px 0px;
    margin-right:40px;
	margin-bottom:20px;
	box-sizing:border-box;
	float:left;
	line-height:20px;
	border:1px #e5e5e5 solid;
	background:url(../images/ztbg.jpg)  no-repeat 0px 0px;
	}
.fgimg a.fagui{
	font-size:18px;
	line-height:23px;
	box-sizing:border-box;
	padding:30px 10px 0px;
	width:135px;
	height:180px;
	}
.fgimg a:hover{
		border:1px #6140ff solid;
		color:#6140ff;
	}	
.c_tit {
	height:40px;
	color:#0073cc;
	padding-left:15px;
	background: linear-gradient(to right, #eff3ff, #747efc);
	position:relative;
	margin-top:10px;
	}
.c_tit h3{
	font-size:18px;
	color:#474bfe;
	line-height:40px;
	}
.c_tit a{
	border-radius:20px;
	background-color:#d5e3fc;
	font-size:14px;
	color:#474bfe;
	display:block;
	width:60px;
	height:23px;
	text-align:center;
	line-height:23px;
	position:absolute;
	right:20px;
	top:8px;
	}	
.c_tit a:hover{
    background-color:#fff;
	color:#474bfe;
	}
.c_tit a.sifamore{
		width:180px;
	right:100px;
	}	
.c_tit img{
	width:30px;
	height:25px;
	vertical-align:middle;
	margin-right:10px;
	}	
		
/*调解组织类型
---------------------*/	
h2.c-tit{
	position:relative;
	font-size:1.7em;
	padding:20px 0px 13px;
	text-align:center;
	background:url(../images/c-tit.png) no-repeat 0px 30px;
	margin-bottom:25px;
	}	
.line{
	border-bottom:2px #c2c2c2 solid;
	width:60px;
	height:2px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-30px;
	}
	
/*调解纠纷类型
---------------------*/		
.colbd{
	border:1px #e0e0e0 solid;
	background-color:#FFF;
	}

.bortopnone{
		border-top:none;
		}	
.colbd ul{
	float:right;
	width:70%;
	padding-top:14px;
	}	
.colbd ul li{
		float:left;
		width:24%;
		line-height:34px;
		height:34px;
		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:25%;
	box-sizing:border-box;
	float:left;
	text-align:left;
	padding-left:100px;
}

.colbd h4.icon01{
background:url(../images/icon.png) no-repeat 49px 15px;
}
.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 -4319px 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,.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 40px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-right:8px;
	margin-top:15px;
	border-radius:5px;
	}
.maptit a:link,.maptit a:visited {
	color:#5e3cff;
	background-color:#eef2ff;
}
.maptit a:hover,.maptit a:active {
color:#fff;
	text-decoration:none;
	background-color:#5e3cff;
}	
.maptit a.current:link,.maptit a.current:visited {
	color:#fff;
	background-color:#5e3cff;
}
.maptit a.current:hover,.maptit a.current:active {
color:#fff;
text-decoration:none;
	background-color:#5e3cff;
}


/* 期刊阅览
--------------------------*/
.zy_kw{
padding:5px 0px 15px;
}
.zy_kw a{
display: block;
float:left;
text-align:center;
line-height:22px;
margin-right:38px;
}
.zy_kw a img{
display:block;
cursor:pointer;
margin-bottom:10px;
border:none;
width:135px;
height:180px;
border:1px #CCC solid;
}
.zy_kw a:hover{
color:#5e3cff;
}
.zy_kw a span{
display:block;
color:#6b6b6b;
}
.zy_kw a:last-child{
margin-right:0px;
}


.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: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;
	}	
.sdright{
	min-height:50px;
	margin-bottom:30px;
	}
.sdright h4{
	height:30px;
	color:#5e3cff;
	line-height:30px;
	margin-bottom:10px;
	font-size:18px;
	padding-left:25px;
	background-color:#FFF;
	position:relative;	
	}
.sdright h4:before {
    position: absolute;
    top:30%;
    left:0;
    width:12px;
    height:12px;
    background:#5531ff;
    content: '';
}
.zycolbd{
	margin-bottom:20px;
	}
.zycolbd ul{
	padding:10px 0px 10px 0px;
	}
.zycolbd ul li a{
	display:block;
		float:left;
		margin-right:12px;
		width:22%;
		line-height:45px;
		height:45px;
		text-align:center;
		background-color:#e9f0fd;
		margin-bottom:12px;
		border-radius:10px;
}
.zycolbd ul li a:hover{
		background-color:#5531ff;
		color:#fff;
	}
/*footer
------------------------*/
.footer {
width:100%;
text-align:center;
height:40px;
line-height:40px;
background-color:#f7f8fa;
}