@media screen and (max-width: 800px) {
	.event_area{margin-top:20px;margin-bottom:20px;}
	.event_inner{width:100%;margin-left:0px;}
	.event_pagetitle{font-size:32px;line-height: 40px;margin-top:0px;}
	.event_bigpicture{height:0px;padding-bottom:50%;border-radius: 10px;margin-top:20px;}
	
	.event_timelinetitle{font-size: 32px;line-height: 41px;margin-top:40px;}
	
	.event_content{width:calc(100% - 20px);margin-left:10px;padding-top:0px;padding-bottom:10px;overflow: hidden;}
	.event_content .list{width:100%;margin-top:10px;}
	
	.yearmonthcenter{width:100%;max-width:330px;}
	
	.event_content .list .title{font-size: 20px;line-height: 28px;margin-top:18px;}
	.event_content .list .date{float:left;width:100%;margin-left:0px;font-size: 16px;line-height: 19px;margin-top:20px;}
	.event_content .list .author{float:left;width:100%;margin-left:0px;font-size: 16px;line-height: 19px;height:38px;margin-top:10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
	.event_content .list .connectline{display:none;}
	
	.monthboxkuang{display:flex;justify-content:center;float:left;width:100%;margin-left:0px;font-size: 14px;line-height:24px;text-align:center;}
	.eventlistbottom{display:none;}
	
	.event_content .list:hover .title{color:#D52D27;font-weight: 700;}
}
@media screen and (min-width: 800px) and (max-width: 1100px){
	.event_area{margin-top:60px;margin-bottom:102px;}
	.event_inner{width:90%;margin-left:5%;}
	.event_pagetitle{font-size: 50px;line-height: 65px;margin-top:20px;}
	.event_bigpicture{height:400px;border-radius: 20px;margin-top:42px;}
	
	.event_timelinetitle{font-size: 32px;line-height: 41px;margin-top:121px;}
	
	.event_content{width:100%;padding-top:73px;height:547px;padding-bottom:150px;overflow: hidden;}
	.event_content .list{width:300px;}
	.event_content .list:nth-child(2n){margin-top:50px;margin-left:-35px;}
	
	.yearmonthcenter{width:330px;}
	
	.event_content .list .title{font-size: 20px;line-height: 28px;height:84px;margin-top:18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
	.event_content .list .date{position:absolute;top:400px;float:left;width:220px;margin-left:40px;font-size: 16px;line-height: 19px;color: #202020;}
	.event_content .list .author{position:absolute;top:427px;float:left;width:220px;margin-left:40px;font-size: 16px;line-height: 19px;height:38px;color: #202020;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
	.event_content .list .connectline{position:absolute;top:323px;margin-left:64px;height:70px;border-left:1px solid #202020;opacity: 0.4;}
	
	.monthboxkuang{display:flex;justify-content:center;float:left;width:456px;margin-left:-63px;font-size: 14px;line-height:24px;text-align:center;}
	.eventlistbottom{display:block;}
}
@media screen and (min-width: 1100px){
	.event_area{margin-top:109px;margin-bottom:102px;}
	.event_inner{width:900px;margin-left:calc(50% - 450px);}
	.event_pagetitle{font-size: 70px;line-height: 90px;margin-top:20px;}
	.event_bigpicture{height:400px;border-radius: 20px;margin-top:42px;}
	
	.event_timelinetitle{font-size: 32px;line-height: 41px;margin-top:121px;}
	
	.event_content{width:100%;padding-top:73px;height:547px;padding-bottom:150px;overflow: hidden;}
	.event_content .list{width:300px;}
	.event_content .list:nth-child(2n){margin-top:50px;margin-left:-35px;}
	
	.yearmonthcenter{width:330px;}
	
	.event_content .list .title{font-size: 20px;line-height: 28px;height:84px;margin-top:18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
	.event_content .list .date{position:absolute;top:400px;float:left;width:220px;margin-left:40px;font-size: 16px;line-height: 19px;color: #202020;}
	.event_content .list .author{position:absolute;top:427px;float:left;width:220px;margin-left:40px;font-size: 16px;line-height: 19px;height:38px;color: #202020;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
	.event_content .list .connectline{position:absolute;top:323px;margin-left:64px;height:70px;border-left:1px solid #202020;opacity: 0.4;}
	
	.monthboxkuang{display:flex;justify-content:center;float:left;width:456px;margin-left:-63px;font-size: 14px;line-height:24px;text-align:center;}
	.eventlistbottom{display:block;}
}
.event_area{float:left;width:100%;}
.event_inner{float:left;}
.event_pagetitle{float:left;width:100%;text-align:center;font-family: 'Lora';font-weight: 700;}
.event_bigpicture{cursor:pointer;position:relative;float:left;width:100%;}
.event_bigpicture .tagontop{position:absolute;right:0px;top:0px;width:60px;height:60px;background:url(images/ontop_red.jpg) center center / cover no-repeat;}

.event_bigeventname{float:left;width:100%;text-align:center;font-size: 20px;line-height: 28px;font-weight: 700;margin-top:20px;}
.event_bigeventname a{color:black;}
.event_bigeventdate{float:left;width:100%;text-align:center;font-size: 16px;line-height: 19px;font-weight: 400;margin-top:8px;}
.event_bigeventlocation{float:left;width:100%;text-align:center;font-size: 16px;line-height: 19px;font-weight: 400;margin-top:8px;}
.event_timelinetitle{float:left;width:100%;text-align:center;font-family: 'Lora';font-weight: 700;cursor:pointer;}
.event_inner .titleone{float:left;width:400px;font-size: 109px;line-height:140px;font-weight: 900;color:white;text-shadow:-1px 1px 0 #000000, 1px 1px 0 #000000, 1px -1px 0 #000000,-1px -1px 0 #000000;}
.event_inner .calendararea{float:left;width:100%;margin-top:13px;}
.event_inner .calendararea .showtitle{display:flex;justify-content:center;float:left;width:100%;font-size: 109px;line-height:140px;font-weight: 900;}
.event_inner .calendararea .showtitleone{float:left;color:white;text-shadow:-1px 1px 0 #D52D27, 1px 1px 0 #D52D27, 1px -1px 0 #D52D27,-1px -1px 0 #D52D27;}
.event_inner .calendararea .showtitletwo{float:left;color:#D52D27;text-shadow:-1px 1px 0 #D52D27, 1px 1px 0 #D52D27, 1px -1px 0 #D52D27,-1px -1px 0 #D52D27;}
.event_inner .titletwo{float:left;width:400px;font-size: 109px;line-height:140px;font-weight: 900;}

.event_content{float:left;}
.event_content .list{position:relative;cursor:pointer;float:left;}
.event_content .list .tagontop{z-index:10;position:absolute;right:0px;top:0px;width:40px;height:40px;background:url(images/ontop_red.jpg) center center / cover no-repeat;}

.event_content .list .innerbox{position:relative;float:left;width:calc(100% - 40px);padding:20px 20px;border-radius:4px;}
.event_content .list .picturebox{float:left;width:100%;border-radius:4px;height:0px;padding-bottom:70%;overflow:hidden;-webkit-perspective: 900;-webkit-transform-style: preserve-3d;-webkit-transition-property: perspective;-webkit-transition-duration: 0.4s;}
.event_content .list .picturebox:hover{background-color:#D52D27;}
.event_content .list .picture{float:left;width:100%;height:0px;padding-bottom:66.15%;box-shadow:none;-moz-box-shadow:0 3px 10px #888;-webkit-box-shadow:0 3px 10px #888;-webkit-transition:0.4s ease-in-out;-webkit-transform: rotateY(0deg);}
.event_content .list .picture:hover{-webkit-transform:scale(0.98) rotateY(-12deg);}
.event_content .list .title{float:left;width:100%;font-weight: 400;color: white;}
.event_content .list .date{font-weight: 400;}
.event_content .list .author{font-weight: 400;}
.event_content .list:nth-child(2n) .date{top:-124px;}
.event_content .list:nth-child(2n) .author{top:-97px;}
.event_content .list:nth-child(2n) .connectline{top:-70px;}

.event_content .list:hover .date{color:#D52D27;font-weight: 700;}
.event_content .list:hover .author{color:#D52D27;font-weight: 700;}
.event_content .list:hover .connectline{border-left:1px solid #D52D27;}

.yearmonthcenter{margin: 0 auto;}
.yearlist_area{float:left;width:100%;}
.yearlist{float:left;width:52px;cursor:pointer;}
.yearlist_on{font-weight: 700;color: #D52D27;}
.yearprev{cursor:pointer;float:left;width:24px;}
.yearprev img{float:left;width:24px;height:24px;}
.yearnext{cursor:pointer;float:right;width:24px;}
.yearnext img{float:left;width:24px;height:24px;}
.yearboxkuang{float:left;width:260px;margin-left:11px;margin-right:11px;overflow:hidden;font-size: 14px;line-height:24px;text-align:center;}
.yearlist_alllength{float:left;}
.monthlist_area{float:left;width:100%;margin-top:10px;}
.monthboxkuang .innerkuang{float:left;}
.monthboxkuang .monthlist{float:left;width:38px;cursor:pointer;}
.monthboxkuang .monthlist_on{font-weight: 700;color: #D52D27;}
.eventlistbottom{float:left;width:100%;height:46px;}