/**
* @Author: MiniHui <huimini>
* @Date:   2016-10-13-17:08:33-Thursday
* @Email:  iloveminihui@icloud.com
* @Project: 大事记
* @Last modified by:   huimini
* @Last modified time: 2016-10-16-11:42:22-Friday
*/



/*大事记 品牌logo*/
.events-brand{
    width: 1200px;
	margin:0 auto;
    height: 258px;
    background:url(http://www.xinhuanet.com/company/img/eventslogo.png) center top no-repeat ;
}
/*大事记 年记*/

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.events-switch{
    margin-top: 74px;
	/*padding-bottom: 100px;*/
}

.arrows{
	position: relative;
}
.arrow-left,.arrow-right{
	position: absolute;
	top: 42px;
	z-index: 2;
	display: block;
	width: 13px;
	height: 24px;
}
.arrow-left{
	left: 516px;
	background: url("http://www.xinhuanet.com/company/img/eventsicon_arrow_left_blue.png") left top no-repeat;
}
.arrow-right{
	right: 520px;
	background: url("http://www.xinhuanet.com/company/img/eventsicon_arrow_right_blue.png") left top no-repeat;
}


.slide-cont{
	cursor: pointer;
}
.page-ctrl{
	height: 112px;
	overflow: hidden;
}
.page-swiper{
	width: 100%;
	height: 112px;
    margin: 0 auto;
}
.page-ctrl .slide-cont{
	width: 106px;
	height: 86px;
    padding-top: 20px;
	margin: 0 auto;
	border:3px solid #f7f7f7;
}

.page-ctrl .swiper-slide-active .slide-cont{
	border:3px solid #1583f0;
}
.page-ctrl .swiper-slide-active .year{
	color:#1583f0;
}
.year,.year-decoration{
	display: block;
	height: 38px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
	color: #a9b0c7;
}
.year-decoration{
	 height: 30px;
	display: inline;
	text-align: left;
	font-size: 16px;
	margin-left: 22px;
	font-weight: 100;
	line-height: 26px;
	border-bottom: 3px solid #a9b0c7;
}

.e-swiper{
	min-height: 300px;
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.e-swiper-ctrl{
	// width: 98%;
}
.e-swiper-ctrl .swiper-slide{
	width: 100%;
}
.e-swiper-ctrl .slide-ctrl{
	position: relative;
	padding-top: 58px;
}
.e-swiper-ctrl .slide-ctrl:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	display: block;
	width: 0;
	height: 100%;
	outline: 1px solid #e6e6e6;
}
.item-cont{
	position: relative;
	width: 48%;
	padding-bottom: 36px;
}













/*ie8 兼容--抽离奇偶关系的css并单列*/
.item:nth-child(even) .item-cont{
	float: left;
	margin-right: 24px;
	text-align: right;
}
.item .cont-even{
	float: left;
	margin-right: 24px;
	text-align: right;
}


.item:nth-child(odd) .item-cont{
	float: right;
	margin-left: 24px;
}
.item .cont-odd{
	float: right;
	margin-left: 24px;
}
/*
jq中将.item区分奇偶，奇数个.item下的.item-cont加载.cont-odd类，偶数同理;
*/
/*-------------------------*/

.events-txt{
	font-size: 18px;
	line-height: 26px;
	color: #6b7280;
    position: relative;
}
.month,.events-txt{
	display: block;
}
.month{
	position: relative;
	/* display: inline;
	width: 0; */
	font-size: 0;
	line-height: 0;
	/* font-size: 18px;
	line-height: 28px;
	color: #a9b0c7; */
}

.item .month:before{
	content: "";
	position: absolute;
	top: 8px;
	z-index: 2;
	display: block;
	width: 8px;
	height: 8px;
	background: #1583f0;
	border:3px solid #f7f7f7;
	-moz-border-radius: 100%;
	     border-radius: 100%;
}
/* 
.item .events-txt:before{
	content: "";
	position: absolute;
	top: 8px;
	z-index: 2;
	display: block;
	width: 8px;
	height: 8px;
	background: #1583f0;
	border:3px solid #f7f7f7;
	-moz-border-radius: 100%;
	     border-radius: 100%;
} 
*/
.item:nth-child(even) .events-txt:before{
	right: -30px;
}
.item .even-month:before{
	right: -30px;
}
.item:nth-child(odd) .events-txt:before{
	left: -32px;
}
.item .odd-month:before{
	left: -32px;
}
.item:nth-child(even) .month:before{
	right: -30px;
}
.item .even-month:before{
	right: -30px;
}
.item:nth-child(odd) .month:before{
	left: -32px;
}
.item .odd-month:before{
	left: -32px;
}
/*
使用jq向第偶数个item的.month增加.odd-month类
*/
/*--------------------*/
.item:last-child .item-cont:after{
	content: "";
	position: absolute;
	top: 20px;
	right: -23px;
	display: block;
	/*width: 0;*/
	height: 100%;
	outline: 1px solid #fff;
}
/*
奇数偶数统一设置
*/
.swiper-slide .last-item .item-cont:after{
	content: "";
	position: absolute;
	top: 20px;
	right: -23px;
	display: block;
	width: 0;
	height: 100%;
	outline: 1px solid #fff;
}
/*
使用jq向最后一个item增加.last-item类
.item(.last-item)>.item-cont(.cont-odd)
*/
/*----------------------*/

.item:nth-child(odd):last-child .item-cont:after{
	right: auto;
	left: -25px;
}
/*为奇数单独设置*/
.swiper-slide .slide-ctrl .last-item .cont-odd:after{
	right: auto;
	left: -25px;
}

/*
使用jq向第奇数个且为最后个item
*/
/*-----------------------*/
.hide-pseudo{
	display: none;
}
.hide-pseudo:before,.hide-pseudo:after{
	content: "";
	display: none;
}