.history_container {position: relative;}
.history_container .top_menu {position: relative; width: auto; margin: 100px auto 100px; box-sizing: border-box;}
.history_container .top_menu.fixed {position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; background: #fff; margin: 0; padding: 20px 0; border-bottom: 1px solid #eee; width: 100%;}
.history_container .top_menu ul {display: flex; justify-content: center;}
.history_container .top_menu ul li {width: auto}
.history_container .top_menu ul li a {position: relative; display: block; padding: 0 20px; font-size: 24px; transition: color 0.3s;}
.history_container .top_menu ul li a:hover, .history_wrap .top_menu ul li a:focus {color: #ef3f3e;}
/*.history_container .top_menu ul li.on a {color: #ef3f3e; font-weight: bold;}*/
.history_container .top_menu ul li a.on{color: #ef3f3e; font-weight: bold;}

.history_container .top_menu ul li a::before {content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 1px; height: 28px; background: #000; transform: translateY(-50%);}
.history_container .top_menu ul li:first-child a::before {display: none;}

.history_container .tab_inner {position: relative; width: auto; max-width: 1300px; margin: 0 auto 120px; box-sizing: border-box;}
.history_container .tab_inner .tab_history {position: relative;border: 1px solid #d7d7d7; padding: 50px;}
.history_container .tab_inner .tab_history::after {content: ''; display: block; clear: both;}
.history_container .tab_inner .tab_history .img_wrap {opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-100%); width: 50%; max-width: 620px; margin-top: 70px; padding-right: 100px; text-align: right;}
.history_container .tab_inner .tab_history .img_wrap.fixed {opacity: 1; position: fixed; width: calc(50% - 80px); left: 50%; z-index: 2; top: 80px;}
.history_container .tab_inner .tab_history .img_wrap.last {bottom: 0; opacity: 1;}
.history_container .tab_inner #his_tab1 .img_wrap {opacity: 1;}
.history_container .tab_inner .tab_history .img_wrap strong {font-size: 32px; font-weight: bold; margin-bottom: 10px; display: block;}
.history_container .tab_inner .tab_history .img_wrap p {margin-bottom: 20px; font-size: 18px; font-weight: 400;}
.history_container .tab_inner .tab_history .img_wrap .imgbox img {width: 100%;}
.history_container .tab_inner .tab_history .year_list {display: flex; justify-content: flex-start; gap: 50px;}
.history_container .tab_inner .tab_history .year_list .flex_box{width:50%;}
.history_container .tab_inner .tab_history .year_list .list {position: relative; padding: 0 0 50px 25px;}
.history_container .tab_inner .tab_history .year_list .list.mb0{padding: 0 0 0 25px;}
.history_container .tab_inner .tab_history .year_list .list::before {content: ''; position: absolute; display: block; top: 7px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #ef3f3e; z-index: 2;}
.history_container .tab_inner .tab_history .year_list .list::after {content: '';  position: absolute;  top: 4px; left: 0; width: 14px; height: 14px; background: #fff; border: 1px solid #ef3f3e; border-radius: 50%; z-index: 1;}
.history_container .tab_inner .tab_history .year_list .list .progress_bar {position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd;}
.history_container .tab_inner .tab_history .year_list .list .progress_bar span {display: block; width: 4px; height: 0%; margin-left: -1px; background: #ef3f3e; z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out;}
.history_container .tab_inner .progress_bar2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 2px; height: 100%; background: #ddd;}
.history_container .tab_inner .progress_bar2 span {display: block; width: 4px; height: 0%; margin-left: -1px; background: #ef3f3e; z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out;}
.history_container .tab_inner .tab_history .year_list .list>strong {font-size: 26px; font-weight: bold; display: block; margin-bottom: 30px; line-height: 22px;}
/*.history_container .tab_inner .tab_history .year_list .list>strong::before {content: ''; display: block; position: absolute; top: 12px; left: -100px; width: 65px; height: 2px; background: #ddd;}*/
.history_container .tab_inner .tab_history .year_list .list ul li {position: relative; padding-left: 40px; margin-top: 15px; font-size: 20px;}
.history_container .tab_inner .tab_history .year_list .list ul li:first-child {margin-top: 0;}
.history_container .tab_inner .tab_history .year_list .list ul li strong {position: absolute; top: 0; left: 0;}
.history_container .tab_inner .tab_history .year_list .list ul li p {margin-bottom: 10px;}
.history_container .tab_inner .tab_history .year_list .list ul li p:last-child {margin-bottom: 0;}


@media screen and (max-width: 1300px) {
	.history_container .tab_inner .tab_history .img_wrap strong {font-size: 28px;}
	.history_container .tab_inner .tab_history .year_list .list>strong {font-size: 23px;}
	.history_container .tab_inner .tab_history .year_list .list ul li {font-size: 18px;}
	.history_container .tab_inner .tab_history .img_wrap.fixed {top: 40px; width: calc(50% - 40px);}
	.history_container .top_menu ul li a {font-size: 22px;}
	.history_container .top_menu ul li a::before {height: 20px;}
	.history_container .tab_inner .tab_history .year_list .list ul li p {word-break: keep-all;}
}

@media screen and (max-width: 1050px) {
	.history_container .tab_inner {padding: 0 40px;}
	.history_container .tab_inner .tab_history .year_list .list {padding: 0 0 160px 100px;}
	.history_container .tab_inner .tab_history .img_wrap strong {font-size: 22px;}
	.history_container .tab_inner .tab_history .img_wrap p, .history_container .tab_inner .tab_history .year_list .list ul li {font-size: 16px;}
	.history_container .tab_inner .tab_history .year_list .list>strong {font-size: 20px; margin-bottom: 20px;}
	.history_container .top_menu ul li a {font-size: 20px;}
	.history_container .top_menu {margin: 60px auto 60px;}
	
	.history_container .tab_inner .tab_history{padding: 20px;}
	.history_container .tab_inner .tab_history .year_list .list {  padding: 0 0 50px 25px;}
}

@media screen and (max-width: 980px) {
	.history_container .tab_inner .tab_history .img_wrap {display: none;}
	.history_container .tab_inner .progress_bar2 {left: 40px;}
	.history_container .tab_inner .tab_history .year_list {width: 100%;}
	.history_container .top_menu {border-bottom: 1px solid #eee; padding: 20px 0; margin: 0 auto 60px;}
	.history_container .tab_inner .tab_history .year_list .list>strong::before {width: 35px; left: -60px;}
	.history_container .tab_inner .tab_history .year_list .list {padding: 0 0 40px 25px;}	
}
@media screen and (max-width: 700px) {
	.history_container .top_menu ul li a{font-size: 16px;}
	.history_container .tab_inner .tab_history .year_list{flex-wrap: wrap;}
	.history_container .tab_inner .tab_history .year_list .flex_box{width:100%;}
}
@media screen and (max-width: 500px) {
	.history_container .top_menu ul li a {padding: 0 10px; font-size: 16px;}
	.history_container .top_menu ul li a::before {display: none;}
	.history_container .top_menu ul {flex-wrap: wrap; gap: 5px;}
	.history_container .top_menu ul li {width: 48%; text-align: center;}
	.history_container .tab_inner .tab_history{border:none;padding:0;}
}