.clearfix:before, .clearfix:after {
            content: "";
            display: table;
        }
        .clearfix:after {
            clear: both;
        }
        .clearfix {
            *zoom: 1;
        }

.history-row01{margin:40px 0; height: 300px;background:url(../images/historybg02.jpg) center no-repeat;background-size: cover;}
.history_container{max-width: 1140px; width:90%;margin: 70px auto;}

.history-row01 h3.tit {text-align: center; font-size:64px;color: #fff; height:100px; line-height: 100px;padding-top: 128px;font-weight: 500;}

.historycont{position: relative;}
.history-time{width: 320px; text-align: center;position: absolute;right: 0;}
.history-time ul{}
.history-time li{font-size: 110px;margin:30px 0; height: 110px; line-height: 110px; font-weight: bold;font-family: heavy;color: #D8D8D8;}
.history-time li.on{color: #22AC38;}

.historyinfo{width: 920px;}
.historybox .warp{height: 620px; overflow-y: auto; padding-right:20px;}
.historybox .row .time{width: 120px; float: left;font-size: 24px;color: #3D3D3D;font-weight: bold; line-height: 50px;}
.historybox .row .txtarea{width: calc(100% - 145px); float: right; font-size: 24px;color: #3D3D3D;line-height: 50px;}
.historybox .row .txtarea img{width: 556px;}
.historybox .row .txtarea p{margin-bottom: 20px;}
.historybox{margin-bottom: 100px;}

.mySwiper-history{ height:360px; overflow:hidden;}
.mySwiper-history .year{font-size: 100px;height: 120px; line-height: 120px; font-weight: bold;font-family: heavy;color: #D8D8D8; cursor:pointer;}
.mySwiper-history .swiper-slide-active{color: #22AC38;}

.history_container .cont {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.history_container .cont .lt {
	width: 54.8%;
	
	height: 300px;
}
@media (max-width: 1199px) {
 .history_container .cont .lt {
/* padding-right: 1rem;*/
}
}
@media (max-width: 767px) {
 .history_container .cont .lt {
 width: 100%;
     height: 240px;
 padding-right: 0;
}
}
.page_pc {
    overflow: visible;
}
@media (min-width: 768px) {
 .history_container .cont .lt {
 position: sticky;
 top: 100px;
}
}
.history_container .cont .lt .fz_title {
	margin-bottom: 60px; font-size:24px; color:#3D3D3D;
}
@media (max-width: 767px) {
 .history_container .cont .lt .fz_title {
 margin-bottom: 1em;
}
}
.history_container .cont .lt .course1_cont {
	width: 100%;
	margin-bottom: 3em;
}
.history_container .cont .lt .course1_cont .item {
	width: 100%;
}
.history_container .cont .lt .course1_cont .item .date {
	font-size: 18px;
	margin-bottom: 6px;color: #3D3D3D;
}
@media (max-width: 1580px) {
 .history_container .cont .lt .course1_cont .item .date {
 font-size: 14px;
}
}
.history_container .cont .lt .course1_cont .item .tit {
	width: 100%;
	font-size: 36px;
	margin-bottom: 0.18rem;color: #3D3D3D;
}
@media (max-width: 767px) {
 .history_container .cont .lt .course1_cont .item .tit {
 font-size: 24px;
}
}
.history_container .cont .lt .course1_cont .item .text {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}
@media (max-width: 1580px) {
 .history_container .cont .lt .course1_cont .item .text {
 font-size: 14px;
 line-height: 24px;
}
}
.history_container .cont .lt .nav {
	width: 100%;
	padding-right: 1.64rem;
}
@media (max-width: 1199px) {
 .history_container .cont .lt .nav {
 padding-right: 1rem;
}
}
@media (min-width: 768px) {
 .history_container .cont .lt .nav {
 position: absolute;
 bottom: 0;
 left: 0;
}
}
@media (max-width: 767px) {
 .history_container .cont .lt .nav {
 padding-right: 0;
}
}
.history_container .cont .lt .nav .text {
	font-size: 14px;
color: #3D3D3D;
	margin-bottom: 10px;
}
@media (max-width: 1580px) {
 .history_container .cont .lt .nav .text {
 font-size: 14px;
}
}
.history_container .cont .lt .nav .course1_nav {
	width: 100%;
}
.history_container .cont .lt .nav .course1_nav .swiper-slide {
	width: auto;
	margin-right: 30px;
}
@media (max-width: 768px) {
.history_container .cont .lt .nav .course1_nav .swiper-slide {
    margin-right: 10px;
}
}
.history_container .cont .lt .nav .course1_nav .swiper-slide .item {
	color: #3D3D3D;
	cursor: pointer;
	line-height: 1;
	font-weight: 900;
	font-size: 14px;
}
@media (max-width: 1580px) {
 .history_container .cont .lt .nav .course1_nav .swiper-slide .item {
 font-size: 14px;
}
}
.history_container .cont .lt .nav .course1_nav .swiper-slide.on .item {
	color: #22AC38;
}
.history_container .cont .gt {
	width: 45.2%;
}
@media (max-width: 767px) {
 .history_container .cont .gt {
 width: 100%;
 margin-top: 0.8rem;
}
}
.history_container .cont .gt:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #22AC38;
}
@media (max-width: 767px) {
 .history_container .cont .gt:before {
 display: none;
}
}
.history_container .cont .gt .item {
	width: 100%;
}
.history_container .cont .gt .item .li {
	padding-left: 115px;
	position: relative;
	margin-bottom: 35px;
}
@media (max-width: 1199px) {
 .history_container .cont .gt .item .li {
 /*padding-left: 0.6rem;*/
}
}
@media (max-width: 767px) {
 .history_container .cont .gt .item .li {
 padding-left: 0;
}
}
.history_container .cont .gt .item .li .date {
	font-weight: bold;
	line-height: 0.8;
	font-size: 0.48rem;
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
 .history_container .cont .gt .item .li .date {
 font-size: 0.52rem;
 margin-bottom: 0.4rem;
}
}
@media (min-width: 768px) {
 .history_container .cont .gt .item .li .date {
 position: absolute; font-size:30px;
 top: 34px;color: #3D3D3D;
 left: -7px;
 z-index: 2;
}
}
.history_container .cont .gt .item .li .date i {
	display: block;
	width: 16px;
	overflow: hidden;
	margin-right: 16px;
}
.history_container .cont .gt .item .li .date i img {
	float: left;
	width: 100%;
}
@media (min-width: 768px) {
 .history_container .cont .gt .item .li .date span {
 color: #fff;
}
}
.history_container .cont .gt .item .li .img {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 42.222%;
	overflow: hidden;
	margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
 .history_container .cont .gt .item .li .img {
 padding-bottom: 49.222%;
}
}
.history_container .cont .gt .item .li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
@media (min-width: 1200px) {
 .history_container .cont .gt .item .li .img:hover img {
 -webkit-transform: scale(1.04);
 transform: scale(1.04);
}
}
.history_container .cont .gt .item .li .jut {
	width: 100%;
	padding-right: 1.25rem;
	position: relative;
	top:34px;
}
@media (max-width: 1199px) {
 .history_container .cont .gt .item .li .jut {
 padding-right: 1rem;
}
}
@media (max-width: 991px) {
 .history_container .cont .gt .item .li .jut {
 padding-right: 0;
}
}
.history_container .cont .gt .item .li .jut .list1 {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	margin-bottom: 20px;color: #3D3D3D;margin-top:20px;
}
.history_container .cont .gt .item .li .jut .cate {
	display: inherit;
	align-items: flex-start;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	margin-bottom: 20px;color: #3D3D3D; margin-top:20px;
}
@media (max-width: 1580px) {
 .history_container .cont .gt .item .li .jut .list1 {
 font-size: 14px;
 line-height: 26px;
}
}
@media (max-width: 767px) {
 .history_container .cont .gt .item .li .jut .list1 {
 line-height: 24px;
}
}
.history_container .cont .gt .item .li .jut .list1:last-child {
	margin-bottom: 0;
}
.history_container .cont .gt .item .li .jut .list1 .yue {
	color: #22AC38; font-weight:bold;
	font-size: 16px;
	width: 95px;
}
@media (max-width: 1580px) {
 .history_container .cont .gt .item .li .jut .list1 .yue {
 width: 95px;
 font-size: 16px;
}
}
@media (max-width: 1199px) {
 .history_container .cont .gt .item .li .jut .list1 .yue {
 font-size: 14px;
 width: 58px;
}
}
.history_container .cont .gt .item .li .jut .list1 .name {
	display: block;
	width: calc(100% - 95px);
	color: #666666;
}
@media (max-width: 1580px) {
 .history_container .cont .gt .item .li .jut .list1 .name {
 width: calc(100% - 95px);
}
}
.history_container .cont .gt .item:last-child .li:last-child {
	margin-bottom: 0;
}