/* display */
.dn {
	display: none;
}
.di {
	display: inline;
}
.db {
	display: block;
}
.dib {
	display: inline-block;
}
div.dib {
*display:inline;
*zoom:1;
}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0 {
	height: 0;
}
.h16 {
	height: 14px;
}
.h16 {
	height: 16px;
}
.h18 {
	height: 18px;
}
.h20 {
	height: 20px;
}
.h22 {
	height: 22px;
}
.h24 {
	height: 24px;
}
.h30 {
	height: 30px;
}
/* width */

/* percent width value */
.pct10 {
	width: 10%;
}
.pct15 {
	width: 15%;
}
.pct20 {
	width: 20%;
}
.pct25 {
	width: 25%;
}
.pct30 {
	width: 30%;
}
.pct33 {
	width: 33.3%;
}
.pct40 {
	width: 40%;
}
.pct50 {
	width: 50%;
}
.pct60 {
	width: 60%;
}
.pct66 {
	width: 66.6%;
}
.pct70 {
	width: 70%;
}
.pct75 {
	width: 75%;
}
.pct80 {
	width: 80%;
}
.pct90 {
	width: 90%;
}
.pct100 {
	width: 100%;
}
/* line-height */
.lh0 {
	line-height: 0;
}
.lh16 {
	line-height: 14px;
}
.lh16 {
	line-height: 16px;
}
.lh18 {
	line-height: 18px;
}
.lh20 {
	line-height: 20px;
}
.lh22 {
	line-height: 22px;
}
.lh24 {
	line-height: 24px;
}
.lh30 {
	line-height: 30px;
}
/* margin */
.m0 {
	margin: 0;
}
.ml1 {
	margin-left: 1px;
}
.ml2 {
	margin-left: 2px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mr1 {
	margin-right: 1px;
}
.mr2 {
	margin-right: 2px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mt1 {
	margin-top: 1px;
}
.mt2 {
	margin-top: 2px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb1 {
	margin-bottom: 1px;
}
.mb2 {
	margin-bottom: 2px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
/* margin negative */
.ml-1 {
	margin-left: -1px;
}
.mr-1 {
	margin-right: -1px;
}
.mt-1 {
	margin-top: -1px;
}
.mb-1 {
	margin-bottom: -1px;
}
.ml-3 {
	margin-left: -3px;
}
.mr-3 {
	margin-right: -3px;
}
.mt-3 {
	margin-top: -3px;
}
.mb-3 {
	margin-bottom: -3px;
}
.ml-20 {
	margin-left: -20px;
}
.mr-20 {
	margin-right: -20px;
}
.mt-20 {
	margin-top: -20px;
}
.mb-20 {
	margin-bottom: -20px;
}
/* padding */
.p0 {
	padding: 0;
}
.p1 {
	padding: 1px;
}
.pl1 {
	padding-left: 1px;
}
.pt1 {
	padding-top: 1px;
}
.pr1 {
	padding-right: 1px;
}
.pb1 {
	padding-bottom: 1px;
}
.p2 {
	padding: 2px;
}
.pl2 {
	padding-left: 2px;
}
.pt2 {
	padding-top: 2px;
}
.pr2 {
	padding-right: 2px;
}
.pb2 {
	padding-bottom: 2px;
}
.pl5 {
	padding-left: 5px;
}
.p5 {
	padding: 5px;
}
.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.p10 {
	padding: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.p15 {
	padding: 15px;
}
.pl15 {
	padding-left: 15px;
}
.pt15 {
	padding-top: 15px;
}
.pr15 {
	padding-right: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.p20 {
	padding: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pt20 {
	padding-top: 20px;
}
.pr20 {
	padding-right: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.p30 {
	padding: 30px;
}
.pl30 {
	padding-left: 30px;
}
.pt30 {
	padding-top: 30px;
}
.pr30 {
	padding-right: 30px;
}
.pb30 {
	padding-bottom: 30px;
}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
	border: 1px solid #ccc;
}
.blc {
	border-left: 1px solid #ccc;
}
.brc {
	border-right: 1px solid #ccc;
}
.btc {
	border-top: 1px solid #ccc;
}
.bbc {
	border-bottom: 1px solid #ccc;
}
.bdd {
	border: 1px solid #ddd;
}
.bld {
	border-left: 1px solid #ddd;
}
.brd {
	border-right: 1px solid #ddd;
}
.btd {
	border-top: 1px solid #ddd;
}
.bbd {
	border-bottom: 1px solid #ddd;
}
.bde {
	border: 1px solid #eee;
}
.ble {
	border-left: 1px solid #eee;
}
.bre {
	border-right: 1px solid #eee;
}
.bte {
	border-top: 1px solid #eee;
}
.bbe {
	border-bottom: 1px solid #eee;
}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
	background-color: #fff;
}
/* safe color */
.g0 {
	color: #000;
}
.g3 {
	color: #333;
}
.g6 {
	color: #666;
}
.g9 {
	color: #999;
}
.gc {
	color: #ccc;
}
.wh {
	color: white;
}
/* font-size */
.f0 {
	font-size: 0;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 15px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f24 {
	font-size: 24px;
}
.f28 {
	font-size: 28px;
}
/* font-family */
.fa {
	font-family: Arial;
}
.ft {
	font-family: Tahoma;
}
.fv {
	font-family: Verdana;
}
.fs {
	font-family: Simsun;
}
.fl {
	font-family: 'Lucida Console';
}
.fw {
	font-family: 'Microsoft Yahei';
}
/* font-style */
.n {
	font-weight: normal;
	font-style: normal;
	white-space: normal;
}
.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}
/* text-align */
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.tj {
	text-align: justify;
}
/* text-decoration */
.tdl {
	text-decoration: underline;
}
.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
	text-decoration: none;
}
/* letter-spacing */
.lt-1 {
	letter-spacing: -1px;
}
.lt0 {
	letter-spacing: 0;
}
.lt1 {
	letter-spacing: 1px;
}
/* white-space */
.nowrap {
	white-space: nowrap;
}
/* word-wrap */
.bk {
	word-wrap: break-word;
}
/* vertical-align */
.vm {
	vertical-align: middle;
}
.vtb {
	vertical-align: text-bottom;
}
.vb {
	vertical-align: bottom;
}
.vt {
	vertical-align: top;
}
.v-1 {
	vertical-align: -1px;
}
.v-2 {
	vertical-align: -2px;
}
.v-3 {
	vertical-align: -3px;
}
.v-4 {
	vertical-align: -4px;
}
.v-5 {
	vertical-align: -5px;
}
/* float */
.l {
	float: left;
}
.r {
	float: right;
}
/* clear */
.cl {
	clear: both;
}
/* position */
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
/*z-index*/
.zx1 {
	z-index: 1;
}
.zx2 {
	z-index: 2;
}
/* cursor */
.poi {
	cursor: pointer;
}
.def {
	cursor: default;
}
/* overflow */
.ovh {
	overflow: hidden;
}
.ova {
	overflow: auto;
}
/* visibility */
.vh {
	visibility: hidden;
}
.vv {
	visibility: visible;
}
/* opacity */
.opa0 {
	opacity: 0;
	filer: alpha(opacity=0);
}
/* zoom */
.z {
*zoom:1;
}
/* ------------------- multiply CSS ------------------ */

/* 块状元素水平居中 */
.auto {
	margin-left: auto;
	margin-right: auto;
}
/* 清除浮动*/
.fix {
*zoom:1;
}
.fix:after {
	display: table;
	content: '';
	clear: both;
}

/* 基于display:table-cell的自适应布局 */
.cell {
	display: table-cell;
*display:inline-block;
	width: 2000px;
*width:auto;
}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2 {
	overflow: hidden;
	_display: inline-block;
}
/* 单行文字溢出虚点显 示*/
.ell {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* css3过渡动画效果 */
.trans {
	-webkit-transition: all .15s;
	transition: all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading {
	background: url(about:blank) no-repeat center;
}
/* 无框文本框文本域 */
.bd_none {
	border: 0;
	outline: none;
}
/* 绝对定位隐藏 */
.abs_out {
	position: absolute;
	left: -999em;
	top: -999em;
}
.abs_clip {
	position: absolute;
	clip: rect(0 0 0 0);
}
/* 按钮禁用 */
.disabled {
	outline: 0 none;
	cursor: default!important;
	opacity: .4;
	filer: alpha(opacity=40);
	-ms-pointer-events: none;
	pointer-events: none;
}
/*inline-block与float等宽列表*/
.inline_box {
	font-size: 1em;
	letter-spacing: -.25em;
	font-family: Arial;
}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
	display: inline-block;
*display:inline;
	letter-spacing: 0;
	vertical-align: top;
*zoom:1;
}

.inline_two, .float_two {
	width: 50%;
*width:49.9%;
}

.inline_four, .float_four {
	width: 25%;
*width:24.9%;
}
.inline_five, .float_five {
	width: 20%;
*width:19.9%;
}
.inline_six, .float_six {
	width: 16.66666%;
*width:16.6%;
}
.inline_fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.w1000{
	overflow: hidden;
	padding-bottom: 0em;
}

@media screen and (max-width: 414px) {
	.w1000{
	width: 100%;
	margin: 0 auto;
}

	
}

@media screen and (max-width: 375px) {
	.w1000{
	width: 100%;
	margin: 0 auto;
}

	
}





.event_wrap {
position: relative;
margin: 1em 0;
padding-bottom: 7em;
}

@media screen and (max-width: 414px) {
	.event_wrap {
    overflow: hidden;
    height: 1000px;
}
}


.event_wrap .middle_line {
	position: absolute;
	left: 50%;
	top: 0;
	width: 8px;
	margin-left: 0px;
	border-left: 1px solid #9b9b9b;
	height: 100%;
}
.event_wrap .middle_line i {
	display: block;
	height: 3.31%;
	border-bottom: 1px solid #9b9b9b;
	width: 60%;
}
.event_wrap .middle_line i.first {
	padding-top: 75px;
}
.event_wrap .middle_line i.last {
	margin-bottom: 25px;
}
.big_squre {
	margin-left: -30px;
	left: 50%;
	display: block;
	position: absolute;
	top: 8px;
	width: 60px;
	height: 60px;
	background-color: #977e53;
	border-radius: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.big_squre i {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: block;
	position: absolute;
	left: 11px;
	color: #fff;
	top: 11px;
	font-size: 18px;
		
	left: 10px;
    top: 15px;	
		
		
}
.small_squire {
	position: absolute;
	top: 11px;
	display: block;
	height: 18px;
	width: 18px;
	padding: 3px;
	border-radius: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #685a4a;
}
.small_squire i {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 3px;
}

@media screen and (max-width: 414px) {
	
	.small_squire{
	width: 14px;
	height: 14px;
	}
	.small_squire i {
	width: 8px;
	height: 8px;

}
}

.event_wrap .list {
	height: 300px;
	position: relative;
	padding-top: 75px;
}
.aActiveWid {
	width: 50% !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
	width: 75% !important;
}
.event_wrap .list:last-child {
	height: 275px;
}

@media screen and (max-width: 414px) {
.event_wrap .list:last-child{
	height: auto;
}
}



.event_wrap .list .ev_text {
	position: absolute;
	opacity: 0.1;
	filter: alpha(opacity=10);
	width: 0px;
	overflow: hidden;
	-o-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-webkit-transition: all 3s ease;
	transition: all 3s ease;
}
.event_wrap .list_right .ev_text_odd, .event_wrap .list_left .ev_text_event {
	text-align: left;
	left: 50%;
}




.event_wrap .list_right .ev_text_event, .event_wrap .list_left .ev_text_odd {
	text-align: right;
	left: initial;
	right: 50%;
}

@media screen and (max-width: 414px) {
	.event_wrap .list_right .ev_text_odd, .event_wrap .list_left .ev_text_event {
		height: 300px;
}

	
	.event_wrap .list_right .ev_text_event, .event_wrap .list_left .ev_text_odd {

}
	
	
	
}





.event_wrap .list .ev_t1 {
	top: 55px;
}
.event_wrap .list .ev_t2 {
	top: 80px;
}
.event_wrap .list .ev_t3 {
	top: 105px;
}
.event_wrap .list .ev_t4 {
	top: 130px;
}
.event_wrap .list .ev_t5 {
	top: 155px;
}
.event_wrap .list .ev_t6 {
	top: 180px;
}
.event_wrap .list .ev_t7 {
	top: 205px;
}
.event_wrap .list .ev_t8 {
	top: 230px;
}
.event_wrap .list .ev_t9 {
	top: 255px;
}
.event_wrap .list .ev_t10 {
	top: 280px;
}
.event_wrap .list .ev_t11 {
	top: 305px;
}
.event_wrap .list .ev_t12 {
	top: 330px;
}
.event_wrap .list_right .small_squire, .event_wrap .list_left .ev_text_event .small_squire {
	left: 4px;
}
.event_wrap .list_left .small_squire, .event_wrap .list_right .ev_text_event .small_squire {
	right: 3px;
	left: inherit;
}
.event_wrap .list .small_line, .event_wrap .list_left .ev_text_event .samll_line {
	display: inline-block;
	position: absolute;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #685a4a;
	top: 19px;
	left: 24px;
	width: 13%;
}

@media screen and (max-width: 414px) {
	.event_wrap .list .small_line, .event_wrap .list_left .ev_text_event .samll_line{
		width: 4%;
	}
	
}

.event_wrap .list_left .ev_text_odd .small_line, .event_wrap .list_right .ev_text_event .small_line {
	right: 23px;
	left: initial;
}
.ev_text h3 {
	font-size: 18px;
	padding-left: 18%;
	width: 80%;
	margin: 0;
	color: #977e53;
}
.ev_text p {
	line-height: 20px;
	padding-left: 18%;
	width: 80%;
	height: 40px;
	overflow: hidden;
	margin: 0;
}

@media screen and (max-width: 768px) {

.ev_t8 p {
	height: auto;
	overflow: hidden;
	width: 52%;
	}
}

@media screen and (max-width: 414px) {
	
.event_wrap .list_right .small_squire, .event_wrap .list_left .ev_text_event .small_squire {
    left: 3px;
}	
	
	
.ev_text h3{
    margin-top: 10px;
    padding-left: 15%;
	font-size: 16px;
	}	
	
.ev_text p {
width: 200px;
    height: auto;
   padding-left: 35px;
    font-size: 15px;
    line-height: 18px;
}
	
	.ev_text p br{
		display: none;
		
	}	
	
}
@media screen and (max-width: 375px) {
	
	.ev_text p {
width: 180px;

}
	
}
@media screen and (max-width: 360px) {
	
	.ev_text p {
		font-size: 14px;

}
	
}


.list_right .ev_text_event h3, .list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p {
	/*padding-right: 100px;*/
}

@media screen and (max-width: 414px) {
	.list_right .ev_text_event h3, .list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p {
		
}
.list_right .ev_text_event h3, .list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p {
	
}
	
	
}


@media screen and (max-width: 414px) {
	.list_right .ev_text_event h3, .list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p {
    float: right;
    padding-left: 100px;
    padding: 0;
    padding-right: 35px;
	}
	.list_right .ev_text_event p, .list_left .ev_text_odd h3, .list_left .ev_text_odd p{
	width: 200px;
	}
	.event_wrap .list .ev_t6 p{
		width: 170px;
		
	}
	
	
}

/*word*/

@media screen and (max-width: 414px) {
.ev_text_event p .are41, .ev_text_event p .are11, .ev_text p .are31, .ev_text p .are82, .ev_text p .are73{
	display: inline-block;}

.ev_text_event p .are71{
	display: block;
	margin-bottom: 9px;}
	
	.ev_text_event p .are41{
		padding-left: 5px;

	}	
	
	
}


@media screen and (max-width: 375px) {
.ev_text p .are82{
	display: inline-block;}
	
	.event_wrap .list .ev_t9 p{
		width: 170px;
	}
	
	.event_wrap .list .ev_t5 p{
		width: 160px;
		
	}	

}

@media screen and (max-width: 360px) {
.ev_text p .are31, .ev_text p .are91{
	display: inline-block;}
}