@charset "utf-8"; 
html, body {
    font-size: 16px;
    font-family: "Microsoft YaHei UI";
    color: #666;
    line-height:26px;
    min-width: 1200px;
    margin: 0;
    padding: 0;background:#e3eafe; 
}
* {
	margin: 0;
	padding: 0
}
em,i {
	font-style: normal
}
li {
	list-style: none
}
img {
	border: 0;
	vertical-align: middle	
}
button {
	cursor: pointer
}
a {
    text-decoration: none;
    color:#333;outline: none;
}
a:hover {
    color:#0626af;
}
.fl{float:left;}
.fr{float:right;}
.clear_both:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}
.clearfix {
	*zoom: 1
}
.main1200{
    width:1200px;min-width:1200px;margin:0 auto;}

.banner_img{
    height:764px;
    background: url("../images/banner-img.jpg") center top no-repeat;
}

/*======头条======*/
.headline_row{
    margin-top:38px;
}
.headline_row h2{
    font-size: 36px;
    text-align: center;
    line-height:60px;
}
.headline_row h2 a{
	color:#0626af;
	}
.headline_row p{
    text-indent: 2em;
    margin-top:16px;
}
.headline_row p a:hover{
	text-decoration: underline;
}

.first_row{
    padding-top:38px;
    display: flex;
    justify-content: space-between;
}

/*===首屏焦点图===*/
.focus_row {
    width: 600px;
    height: 338px;
    overflow: hidden;
    position: relative;
}
.focus_row .hd {
    height: 10px;
    position: absolute;
    z-index: 1;
    bottom: 19px;
    right:20px;
}
.focus_row .hd ul {
    zoom: 1;
    float: left;
}
.focus_row .hd ul li {
    cursor: pointer;
    width: 8px;
    height: 8px;
    display: block;
    text-indent: 20px;
    background: #fff;
    float: left;
    margin: 0 0 0 10px;
    border-radius: 50%;
}
.focus_row .hd ul li.on {
    background: #1ac6ea;
    width: 11px;
    height: 11px;
    margin-top: -2px;
}
.focus_row .bd{
    position: relative;
    height: 100%;
    z-index: 0;
}
.focus_row .bd li{
    zoom: 1;
}
.focus_row .bd img{
    width:600px;
    height:338px;	
	transition: all 0.6s;
}
.focus_row .bd img:hover{transform: scale(1.1);}
.focus_row .bd p{
    position: absolute;
    bottom:0px;
    left: 20px;
    width: 580px;line-height:50px;
    z-index: 111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
.focus_row .bd p a{
    color: #fff;
    text-decoration: none;
}
.focus_row .bd div{
    position: absolute;
    bottom: 0;
    left: 0;
    height:50px;
   background:#000;opacity:.7;
    width: 100%;
}

/*===首屏右侧===*/
.first_right{width:562px;}
.first_right dl{
	padding:0px 0 27px;	
}
.first_right dl:nth-child(3){padding:0;}
.first_right dt{
	font-size:20px;
	font-weight: 700;
}
.first_right dd{
	margin-top:15px;	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.first_right .more1{display:block;margin-top:5px;text-align:right;font-size:14px;color: #888;position: relative;z-index: 20;}
.first_right .more1:hover{
    text-decoration: underline;
}

/*======普法漫画/特别推荐======*/
.main_list_row1{margin-top: -26px; overflow: hidden;}
.main_list_l{float:left;width: 600px;}
.main_list_r{float:right;}

.main_title{
    margin:62px auto 25px;
	height: 100%;
    overflow: hidden; 
}
.main_title img{width: 200px;}
.main_title span{display: block;width: 100%;height: 26px; margin:12px 0 0 6px;font-size: 14px; text-align:right;color: #96979b; border-bottom: 1px solid #0626af;}
.main_title a{display: flex;width: 100%;}

/*===新闻列表===*/
.news_list1{width:100%;padding:14px 0 38px;}
.news_list1 dl{
	margin:28px 0 0 0;	
}
.news_list1 dt{
	font-size:18px;
	font-weight: 700;
}
.news_list1 dd{
	margin-top:12px;	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*===图文列表===*/
.video_list{display: flex;overflow:hidden;}
.video_list li{
    width:288px;   
    position:relative;
    overflow: hidden;
}
.video_list li:nth-child(1){margin-right:28px;}
.video_list li img{
    width:100%;
    height:161px;
	transition: all 0.6s;
}
.video_list li p{box-sizing:border-box;
	width: 100%;
	padding:10px 0 0;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*===长图列表===*/
.main_list_r{
	width:562px;	
	position: relative;
	overflow:hidden;
}
.pic_list2{width:562px;height:844px;overflow:hidden;}
	.pic_list2 .bd img{width:100%;height:auto;transition: all 0.6s;}
	.pic_list2 img:hover{transform: scale(1.1);}

/*======普法动态======*/
.main_list_row2{width:100%;height: 520px; overflow:hidden;background:url("../images/main_pic_list1_bg.jpg") center bottom no-repeat;}

.main_pic_list1{margin-top: 52px;color: #e3eafe; overflow: hidden;}
.main_pic_list1 a{	
    color: #fff;
}
.pic_list1{float: left; width:446px;height:253px;position: relative;overflow:hidden;}
	.pic_list1 img{width:446px;height:253px;transition: all 0.6s;}
	.pic_list1 img:hover{transform: scale(1.1);}
.pic_list1 p{
    position: absolute;    
	left: 0;
	bottom: 0;
    width:100%;	
	height: 50px;
	line-height: 60px;
	padding:0 12px;
	box-sizing: border-box;
    z-index: 10;
	font-size: 18px;
	color: #fff;
    overflow: hidden;
	background:url("../images/opacity_bg2.png") repeat-x;
}

.news_list2{float: right;width: 700px;padding-top: 13px;}
.news_list2 dl:nth-child(2){margin-top: 37px;}
.news_list2 dt{
	font-size:22px;
	font-weight: 700;
}
.news_list2 dd{
	margin-top:15px;	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_list3{width:100%;padding-top: 17px; overflow: hidden;}
.news_list3 li{float: left;margin:25px 0 0; width: 570px;padding:0 22px;box-sizing: border-box; height: 45px;line-height: 45px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;background: linear-gradient(to right, #0294e1, #1b57d2); }
.news_list3 li:nth-child(2n){float:right;}


/*======以案释法/新法速递======*/
.main_news_list3{width:600px;overflow:hidden;}
	.main_news_list3 ul{}
	.main_news_list3 li{display:flex;overflow:hidden;}
	.main_news_list3 li:nth-child(2){margin:30px 0;}
	.pic_list3{width:250px;height:142px;position:relative;overflow:hidden;}
		.pic_list3 img{width:250px;min-height:142px;position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	.pic_title3{width:318px;height:133px;margin-left:32px;}	
		.pic_title3 h3{font-size:18px;line-height:28px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box; 
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;}
		.pic_title3 p{
			margin-top:10px; 
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box; 
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
}	
		
.main_news_list4{	
	width:100%;
	height: 485px;overflow:hidden;
}
.main_news_list4 h2{
	font-size: 18px;
	height:61px;
	line-height:61px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 28px 0 17px;
	margin-top: 20px;
	background: url("../images/li_bg2.png") 526px 50% no-repeat #ccd6f6;	
}
.main_news_list4 h2:first-child{margin-top: 0px;}
.main_news_list4 h2.on{	
	color: #fff;
	background:#0626af;
}
.main_news_list4 h2.on a{
	color: #fff;
}
.main_news_list4 p{
	min-height:78px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: justify;
	padding: 16px 0 6px;
	text-indent: 2em;
}

/*======华声评论======*/
.main_news_list5{display:flex;justify-content: space-evenly;padding: 35px 0 108px;}
.main_news_list5 dl{width:258px;padding:165px 0 0 10px;margin:0 28px; background:url(../images/list5_bg1.png) left top no-repeat;}
.main_news_list5 dl:nth-child(1),.main_news_list5 dl:nth-child(3){margin-top:100px;}
.main_news_list5 dl:nth-child(1){margin-left:0;}
.main_news_list5 dl:nth-child(2){background-image:url(../images/list5_bg2.png);}
.main_news_list5 dl:nth-child(3){background-image:url(../images/list5_bg3.png);}
.main_news_list5 dl:nth-child(4){margin-right:0;background-image:url(../images/list5_bg4.png);}
.main_news_list5 dt{font-size:18px;font-weight:bold;line-height: 28px;}
.main_news_list5 dd{
	margin-top:12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}