@media screen and (max-width: 600px) {
	.historypageonebanner{padding-bottom:78%;}
	.successivepresidentsarea{width:100%;margin-top:30px;}
	.successivepresidentsarea .title{text-align:center;font-size: 50px;line-height: 60px;}
	.successivepresidentsarea .blanklist .leftarea{width:calc(50% - 1px);height:30px;border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea{width:100%;margin-top:30px;}
	.historypagerightarea .innerboxconent{width:calc(100% - 10px - 10px - 1px - 1px);padding-left:10px;padding-right:10px;border-left:1px solid rgba(222, 67, 64, 0.4);border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea{height:60px;}
	.historypagerightarea .innerboxconent .topshulinearea .lineone{width:calc(33.33% - 1px);height:40px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea .linetwo{width:calc(33.33% - 1px);height:40px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea{height:40px;margin-top:20px;}
	.historypagerightarea .innerboxconent .bottomshulinearea .lineone{width:calc(33.33% - 1px);height:40px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea .linetwo{width:calc(33.33% - 1px);height:40px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .summarytextone{font-size: 17px;line-height:24px;}
	.historypagerightarea .innerboxconent .summarytexttwo_topline{width: 100px;height:3px;margin-top:20px;}
	.historypagerightarea .innerboxconent .summarytexttwo{font-size: 22px;line-height: 30px;margin-top:20px;font-weight: 700;}
	.historypagerightarea .innerboxconent .summarytexttwo_bottomline{width: 100px;height:3px;margin-top:20px;}
	.historypagerightarea .innerboxconent .summarytextthree{font-size: 17px;line-height:24px;margin-top:20px;}
	
	.historypage_webtitlearea .blueyinying{width:100%;height:75px;line-height:75px;margin-top:-246px;}
	.historypage_webtitlearea .blueyinying .title{width:calc(100% - 10px);margin-left:10px;font-size:60px;}

	.historychengwidth{width:100%;height:120px;margin-top:-140px;overflow:auto;}
	.historybannerbararea{width:1200px;margin-left:-50px;height:90px;margin-top:30px;}	

	.successivepresidentsarea .presidentslist .list .rightarea .summaryarea .introduction{width:calc(100% - 15px);margin-left:15px;margin-top:17px;font-size: 14px;line-height: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;word-break: keep-all;height:176px;}
	.successivepresidentsarea .presidentslist .list .leftarea{width:calc(50% - 1px);border-right:1px solid rgba(222, 67, 64, 0.4);}
	.successivepresidentsarea .presidentslist .list .rightarea{width:50%;}
	
	.successivepresidentsarea .presidentslist .list .leftarea .namearea_off .clickicon{display:block;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.historypageonebanner{padding-bottom:39.4%;}
	.successivepresidentsarea{width:466px;margin-top:130px;}
	.successivepresidentsarea .title{font-size: 70px;line-height: 82px;}
	.successivepresidentsarea .blanklist .leftarea{width:163px;height:91px;border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea{width:calc(100% - 466px - 1px);margin-top:-2px;}
	.historypagerightarea .innerboxconent{width:calc(100% - 57px -57px - 1px - 1px);padding-left:57px;padding-right:57px;border-left:1px solid rgba(222, 67, 64, 0.4);border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea{height:110px;}
	.historypagerightarea .innerboxconent .topshulinearea .lineone{width:calc(33.33% - 1px);height:90px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea .linetwo{width:calc(33.33% - 1px);height:90px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea{height:90px;margin-top:20px;}
	.historypagerightarea .innerboxconent .bottomshulinearea .lineone{width:calc(33.33% - 1px);height:90px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea .linetwo{width:calc(33.33% - 1px);height:90px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .summarytextone{font-size: 20px;line-height:32px;}
	.historypagerightarea .innerboxconent .summarytexttwo_topline{width: 200px;height:3px;margin-top:50px;}
	.historypagerightarea .innerboxconent .summarytexttwo{font-size: 49px;line-height: 59px;margin-top:20px;font-weight: 400;}
	.historypagerightarea .innerboxconent .summarytexttwo_bottomline{width: 200px;height:3px;margin-top:20px;}
	.historypagerightarea .innerboxconent .summarytextthree{font-size: 20px;line-height:32px;margin-top:50px;}
	
	.historypage_webtitlearea .blueyinying{width:100%;height:128px;line-height: 128px;margin-top:-346px;}
	.historypage_webtitlearea .blueyinying .title{width:calc(100% - 50px);margin-left:50px;font-size:109px;}

	.historychengwidth{width:100%;}
	.historybannerbararea{width:100%;margin-top:-128px;}
	
	.successivepresidentsarea .presidentslist .list .rightarea .summaryarea .introduction{width:150px;margin-left:21px;margin-top:17px;font-size: 14px;line-height: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;word-break: keep-all;height:176px;}
	.successivepresidentsarea .presidentslist .list .leftarea{width:163px;border-right:1px solid rgba(222, 67, 64, 0.4);}
	.successivepresidentsarea .presidentslist .list .rightarea{width:calc(100% - 164px);}
	
	.successivepresidentsarea .presidentslist .list .leftarea .namearea_off .clickicon{display:none;}
	
}
@media screen and (min-width: 1100px){
	.historypageonebanner{padding-bottom:39.4%;}
	.successivepresidentsarea{width:466px;margin-top:130px;}
	.successivepresidentsarea .title{font-size: 70px;line-height: 82px;}
	.successivepresidentsarea .blanklist .leftarea{width:163px;height:91px;border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea{width:calc(100% - 466px - 1px);margin-top:-2px;}
	.historypagerightarea .innerboxconent{width:calc(100% - 57px -57px - 1px - 1px);padding-left:57px;padding-right:57px;border-left:1px solid rgba(222, 67, 64, 0.4);border-right:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea{height:110px;}
	.historypagerightarea .innerboxconent .topshulinearea .lineone{width:calc(33.33% - 1px);height:90px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .topshulinearea .linetwo{width:calc(33.33% - 1px);height:90px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea{height:90px;margin-top:20px;}
	.historypagerightarea .innerboxconent .bottomshulinearea .lineone{width:calc(33.33% - 1px);height:90px;margin-left:33.33%;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .bottomshulinearea .linetwo{width:calc(33.33% - 1px);height:90px;border-left:1px solid rgba(222, 67, 64, 0.4);}
	.historypagerightarea .innerboxconent .summarytextone{font-size: 20px;line-height:32px;}
	.historypagerightarea .innerboxconent .summarytexttwo_topline{width: 200px;height:3px;margin-top:50px;}
	.historypagerightarea .innerboxconent .summarytexttwo{font-size: 49px;line-height: 59px;margin-top:20px;font-weight: 400;}
	.historypagerightarea .innerboxconent .summarytexttwo_bottomline{width: 200px;height:3px;margin-top:20px;}
	.historypagerightarea .innerboxconent .summarytextthree{font-size: 20px;line-height:32px;margin-top:50px;}
	
	.historypage_webtitlearea .blueyinying{width:33%;height:128px;line-height: 128px;margin-top:-346px;}
	.historypage_webtitlearea .blueyinying .title{width:calc(100% - 50px);margin-left:50px;font-size:109px;}
	
	.historybannerbararea{width:100%;margin-top:-128px;}
	.historychengwidth{width:100%;}
	
	.successivepresidentsarea .presidentslist .list .rightarea .summaryarea .introduction{width:150px;margin-left:21px;margin-top:17px;font-size: 14px;line-height: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;word-break: keep-all;height:176px;}
	.successivepresidentsarea .presidentslist .list .leftarea{width:163px;border-right:1px solid rgba(222, 67, 64, 0.4);}
	.successivepresidentsarea .presidentslist .list .rightarea{width:calc(100% - 164px);}
	
	.successivepresidentsarea .presidentslist .list .leftarea .namearea_off .clickicon{display:none;}
	
}
.historypageonebanner{float:left;width:100%;}
.historypage_webtitlearea{float:left;width:100%;height:1px;}
.historyprocess_webtitlearea{float:left;width:100%;height:1px;}
.historypage_webtitlearea .blueyinying{position:relative;float:left;color:white;}
.historypage_webtitlearea .blueyinying .title{float:left;font-weight:bold;}

.successivepresidentsarea{float:left;}
.successivepresidentsarea .title{float:left;width:100%;font-weight: 700;color: #D52D27;}
.successivepresidentsarea .blanklist{float:left;width:100%;}
.successivepresidentsarea .blanklist .leftarea{float:left;}
.successivepresidentsarea .presidentslist{float:left;width:100%;}
.successivepresidentsarea .presidentslist .list{cursor:pointer;float:left;width:100%;}
.successivepresidentsarea .presidentslist .list .leftarea{float:left;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_flexshow{display:flex;justify-content:center;float:left;width:100%;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_off{float:left;width:calc(100% - 13px);padding-right:13px;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_off .name{float:left;text-align:center;font-size: 18px;line-height: 21px;font-weight: 300;padding-bottom:40px;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_off .clickicon{float:left;width:15px;height:15px;margin-top:3px;margin-left:3px;background:url(images/faculty_down.jpg) center center / cover no-repeat;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_on{display:none;float:left;width:100%;width:calc(100% - 13px);padding-right:13px;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_on .name{float:left;width:100%;text-align:center;font-size: 18px;line-height: 21px;font-weight: 700;padding-bottom:17px;}
.successivepresidentsarea .presidentslist .list .leftarea .namearea_on .line{float:right;width:5px;height:30px;margin-top:8px;background:#D52D27;margin-right:-16px;}
.successivepresidentsarea .presidentslist .list .leftarea .avatararea{display:none;float:left;width:calc(100% + 3px);height:196px;margin-bottom:64px;}
.successivepresidentsarea .presidentslist .list .leftarea .avatararea .avatar{float:left;width:calc(100% - 13px - 3px);height:196px;}
.successivepresidentsarea .presidentslist .list .leftarea .avatararea .line{float:right;width:5px;height:100%;background:#D52D27;}
.successivepresidentsarea .presidentslist .list .rightarea{float:left;}
.successivepresidentsarea .presidentslist .list .rightarea .year_off{float:left;width:calc(100% - 21px);margin-left:21px;text-align:left;font-size: 18px;line-height: 21px;font-weight: 300;}
.successivepresidentsarea .presidentslist .list .rightarea .year_on{display:none;float:left;width:calc(100% - 21px);margin-left:21px;text-align:left;font-size: 18px;line-height: 21px;font-weight: 700;}
.successivepresidentsarea .presidentslist .list .rightarea .summaryarea{display:none;float:left;width:100%;}
.successivepresidentsarea .presidentslist .list .rightarea .summaryarea .introduction{float:left;font-weight: 400;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;word-break: keep-all;height:176px;}
.successivepresidentsarea .presidentslist .list .rightarea .summaryarea .nextyear{float:left;width:calc(100% - 21px);margin-left:21px;font-size: 18px;line-height: 21px;font-weight: 700;}



@media screen and (max-width: 600px) {
	.historycheng_scrolling_mo{display:block;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.historycheng_scrolling_mo{display:none;}
	
}
@media screen and (min-width: 1100px){
	.historycheng_scrolling_mo{display:none;}
	
}
.historybannerbararea{float:left;}
.historycheng_scrolling_mo{float:left;width:calc(100% - 15px);height:30px;margin-top:-40px;text-align:right;}
.historycheng_scrolling_mo img{width:30px;height:30px;}
.historychengwidth{float:left;}
.historybannerbararea .list{float:left;width:14.28%;border-top:1px solid white;}
.historybannerbararea .list .flagnode{float:right;width:14px;height:14px;background-color:white;padding:0px;border-radius:7px;margin-right:-7px;margin-top:-7px;}
.historybannerbararea .list .flagnode .yeararea{float:left;width:100px;height:1px;}
.historybannerbararea .list .flagnode .yeararea .year{float:left;width:100px;margin-left:-43px;text-align:center;font-weight: 300;font-size: 18px;line-height: 21px;margin-top:-26px;color:white;}
.historybannerbararea .list .flagnode .schoolnamearea{float:left;width:160px;height:1px;}
.historybannerbararea .list .flagnode .schoolnamearea .schoolname{float:left;width:160px;margin-left:-73px;text-align:center;font-weight: 300;font-size: 14px;line-height:16px;margin-top:22px;color:white;}


.successivepresidentssectionbox{float:left;width:100%;}

.historypagerightarea{float:left;}
.historypagerightarea .innerboxconent{float:left;}
.historypagerightarea .innerboxconent .topshulinearea{float:left;width:100%;}
.historypagerightarea .innerboxconent .topshulinearea .lineone{float:left;}
.historypagerightarea .innerboxconent .topshulinearea .linetwo{float:left;}

.historypagerightarea .innerboxconent .summarytextone{float:left;width:100%;color: #000000;font-weight: 400;}

.historypagerightarea .innerboxconent .summarytexttwo_topline{float:left;background: #D52D27;}
.historypagerightarea .innerboxconent .summarytexttwo{float:left;width:100%;color: #000000;}
.historypagerightarea .innerboxconent .summarytexttwo_bottomline{float:left;background: #D52D27;}

.historypagerightarea .innerboxconent .summarytextthree{float:left;width:100%;color: #000000;font-weight: 400;}

.historypagerightarea .innerboxconent .bottomshulinearea{float:left;width:100%;}
.historypagerightarea .innerboxconent .bottomshulinearea .lineone{float:left;}
.historypagerightarea .innerboxconent .bottomshulinearea .linetwo{float:left;}


@media screen and (max-width: 600px) {
	.successivepresidentsarea .presidentslist .list:nth-child(1) .namearea_off{display:none;}
	.successivepresidentsarea .presidentslist .list:nth-child(1) .year_off{display:none;}
	.successivepresidentsarea .presidentslist .list:nth-child(1) .namearea_on{display:block;}
	.successivepresidentsarea .presidentslist .list:nth-child(1) .year_on{display:block;}
	.successivepresidentsarea .presidentslist .list:nth-child(1) .avatararea{display:block;}
	.successivepresidentsarea .presidentslist .list:nth-child(1) .summaryarea{display:block;}
	
}