﻿@charset "utf-8";
body {background: #fff; font-family:"微软雅黑","Arial","宋体"; color: #333; font-size: 12px; min-width:1300px;}
/*body {background:url(/areweb/special02/images/bg.jpg) no-repeat center top #fff;}*/ 

/* 清除浮动 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clrfix:before, .clrfix:after {content:""; display:table;}  
.clrfix:after {clear:both;}  
.clrfix {zoom:1;}
/* 清除浮动 适用100% */
.overflowfix {overflow:auto; zoom:1;}
.displayfix {display:inline-block; *display:inline; zoom:1; width:100%; _width: auto;}

/* 特有 */
.clr{clear:both; font-size:0; height:0; line-height:0;}
.clr10{clear:both; font-size:0; height:10px; line-height:normal;}
.clr15{clear:both; font-size:0; height:15px; line-height:normal;}
.clr20{clear:both; font-size:0; height:20px; line-height:normal;}
.clr30{clear:both; font-size:0; height:30px; line-height:normal;}
.clr40{clear:both; font-size:0; height:40px; line-height:normal;}
.clr50{clear:both; font-size:0; height:50px; line-height:normal;}
.clr80{clear:both; font-size:0; height:80px; line-height:normal;}
.clr100{clear:both; font-size:0; height:100px; line-height:normal;}



/* 图片轮播切换 */
.silbo-slide_03, .silbo-slide_03 .Slides li, .silbo-slide_03 .Slides img {
	width:600px !important;
    height:450px !important;
}
.silbo-slide_03 .Slides li .SlideTitle, .silbo-slide_03 .Slides li .SlideTitle b {
	width:600px !important;
}
.silbo-slide_03 .Slides img, .silbo-slide_03 .Slides {
    height:450px !important;
}


/*header*/
.header .logo {
	background:#F8F8F8;
	text-align:right;
	font-family:"宋体";
	line-height:35px;
	width:1200px;
	margin:0 auto;
}
.header .logo a {
	color:#666;
}
.header .logo a:hover {
	color:#FF6600;
}
.header .logo img {
	height:25px;
	padding-right:15px;
	vertical-align:middle;
}
.header .banner img {
	width:100%;
	display: block;
}
/* nav菜单导航 */
.mainnav .mainnav_bg {
	background:url(../images/bg/mainnav_bg.png);
	height:62px;
	line-height:62px;
}
.mainnav ul {
	width:1200px;
	margin:0 auto;
	background:url(../images/bg/mainnav_x.png) no-repeat 0 0;
}
.mainnav li {
	float:left;
	background:url(../images/bg/mainnav_x.png) no-repeat right 0;
	padding:0 2px;
}
.mainnav li a {
	padding:0 83px;
	display:block;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
}
.mainnav li a:hover, .mainnav li.on a {
	background:url(../images/bg/mainnav_hover.png) no-repeat center 0;
}

/*column*/
.column_01 {
	width:1200px;
	margin:0 auto;
}
.column_01 .column_t {
	padding:50px 0 18px 0;
	border-bottom:2px solid #CC0000;
	margin-bottom:20px;
}
.column_01 .part {
	
}
.column_01 .part .part_l {
	float:left;
	width:600px;
}
.column_01 .part .part_r {
	float: right;
	width:550px;
}
.column_01 .part .list li a {
	display:block;
	background:url(../images/pic/pic_list_style_01.png) no-repeat 0 18px;
	font-size:18px;
	height:45px;
	line-height:45px;
	overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap; *white-space: normal; /*IE7有时会出问题*/
	padding-right:10px;
	padding-left:25px;
}
.column_02 {
	width:1200px;
	margin:0 auto;
}
.column_02 .area_l {
	float:left;
	width:600px;
}
.column_02 .area_l .column_t {
	padding:50px 0 18px 0;
	border-bottom:2px solid #CC0000;
	margin-bottom:20px;
}
.column_02 .area_l .column_c .list li {
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.column_02 .area_l .column_c .list li a {
	display:block;
	background:url(../images/pic/pic_list_style_01.png) no-repeat 0 18px;
	font-size:18px;
	width:calc(100% - 100px);
	height:45px;
	line-height:45px;
	overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap; *white-space: normal; /*IE7有时会出问题*/
	padding-right:10px;
	padding-left:25px;
}
.column_02 .area_l .column_c .list li .date {
	font-size:14px;
	line-height:45px;
	color:#999;
}
.column_02 .area_r {
	float:right;
	width:550px;
}
.column_02 .area_r .column_t {
	padding:50px 0 18px 0;
	border-bottom:2px solid #CC0000;
	margin-bottom:30px;
}
.column_02 .area_r .list li {
	float:left;
	margin-right:20px;
}
.column_02 .area_r .list li:last-child {
	margin-right:0;
}
.column_02 .area_r .list li img {
	display: block;
	width:265px;
}
.column_03 {
	width:1200px;
	margin:0 auto;
}
.column_03  .column_t {
	padding:50px 0 18px 0;
	border-bottom:2px solid #CC0000;
	margin-bottom:20px;
}
.column_03  .part  {
	display: flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.column_03  .part li img {
	display: block;
	width:230px;
	height:150px;
}
.column_03  .part li a {
	font-size: 18px;
	line-height:24px;
	width:230px;
	text-align: justify;
	text-justify: inter-word;
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 2;    
	overflow: hidden;
	margin-top:12px;
	cursor: pointer;
}

.column_03 .area_l .list li {
	float:left;
	margin-right:20px;
    width:180px;
}
.column_03 .area_l {
	float:left;
	width:600px;
}
.column_03 .area_r {
	float:right;
    width:550px;
}
.column_03 .area_l .list li img {
	display: block;
	width:189px;
}
.column_03 .area_r .list li img {
	display: block;
	width:265px;
}
.column_03 .area_r .list li {
	float:left;
	margin-right:10px;
}
/*footer*/
.footer {
	background:url(../images/bg/footer_bg.jpg) repeat-x #EAEAEA;
	margin-top:100px;
}
.footer .footer_bg {
	padding:100px 0;
}
.footer a {
	color:#666;
	font-size:14px;
	line-height: 14px;
	text-align:center;
}
/* 党史学习教育-css主体部分 over */







