.fl {

	float: left;

}



.fr {

	float: right;

}



.l,

.r {

	width: 50%;

}



.history_con_box {

	position: relative;

}





.history_con {

	position: relative;

	box-sizing: border-box;

	padding: 0 9.2vw

}



.history_con .leftbtn,

.history_con .rightbtn {

	width: 2.761vw;

	cursor: pointer !important;

	position: absolute;

	top: 34px;

	z-index: 999;

}



.history_con .leftbtn {

	left: 7%;

}
.history_con .leftbtn_hover,
.history_con .rightbtn_hover{
	transition: 0.5s;
	opacity: 0;
} 



.history_con .rightbtn {

	right: 7%;

}



.history_con .timeline {

	width: 100%;

	height: 2px;

	background: #eee;

	position: absolute;

	top: 108px;

	left: 0;

	z-index: 1;

}



.history_con .time {

	font-size: 16px;



	width: 100%;



	color: #666;

}



.history_con .time .item {

	text-align: center;

	color: #333;

	font-weight: bold;

	font-size: 16px;

	transform: translateY(60px);

	position: relative;



	-webkit-transition: all .3s ease-out 0s;

	-moz-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s;

}



.history_con .time .item::after {

	position: absolute;

	bottom: -29px;

	left: 50%;

	width: 6px;

	height: 6px;

	background: #333;

	border-radius: 50%;

	content: '';



}



.history_con .time .item.slick-current::after {

	position: absolute;

	bottom: -26px;

	left: 50%;

	width: 6px;

	height: 6px;

	background: #333;

	border-radius: 50%;

	content: '';

	transform: translateX(-50%);



}



.history_con .time .item.slick-current::before {

	position: absolute;

	bottom: -44px;

	left: 50%;

	width: 42px;

	height: 42px;

	background: #fff;

	border-radius: 50%;

	content: '';

	box-shadow: 0 0 10px rgba(214, 214, 214, .35);

	transform: translateX(-50%);

}



.history_con .time .item.slick-current {

	font-size: 40px;

	font-family: Microsoft YaHei UI;

	font-weight: bold;

	color: #F18870;

	transform: translateY(0);

	padding-bottom: 27px;

}



.history_con .time .slick-list {

	padding-bottom: 25px !important;

}



.history_con .time .item.slick-current::after {

	opacity: 1;

}



.history_con .timecontent p {

	font-size: 16px;

	line-height: 2.25;

	color: #666;

}



.history_con .slick-prev {

	left: 0;

	background: url('../imgs/icon_go@2x.png') no-repeat;

	background-size: 100% 100%;

	width: 53px;

	height: 53px;

	top: 96px;

	cursor: pointer;

	z-index: 99;

	transform: rotate(-180deg);

	opacity: 1;

}



.history_con .slick-next {

	right: 0;

	width: 53px;

	height: 53px;

	background: url('../imgs/icon_go@2x.png') no-repeat;

	background-size: 100% 100%;

	top: 96px;

	cursor: pointer;

	z-index: 10;

	/* background-size: cover; */

}



.history_con .hisbg {

	height: 300px;

	margin-top: 73px;



	background: url(../images/hisbg.jpg) no-repeat center;

}



.history_con .time .slick-list {

	height: 130px;

	position: relative;

	z-index: 10;

}



.itemfl {

	width: 50%;

	border-right: 1px solid #eee;

	padding-top: 60px;

	padding-bottom: 130px;

	box-sizing: border-box;

}





.itemfr {

	width: 50%;

	padding: 6.35vw 1vw 4vw 3.4vw;

	box-sizing: border-box;

}



.itemfl img {

	width: 23.959vw;

	display: block;

	margin: auto;

}



.itemfr p {

	font-size: 16px;

	font-family: Microsoft YaHei UI;

	font-weight: 400;

	color: #666666;

	line-height: 18px;

}







.ib {

	display: inline-block;



	vertical-align: middle;

}



.imgdiv img,

.tra0_3,

.imgk img {

	-webkit-transition: all .3s ease-out 0s;

	-moz-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s;

}



.tra1 {

	-webkit-transition: all 1s ease-out 0s;

	-moz-transition: all 1s ease-out 0s;

	-ms-transition: all 1s ease-out 0s;

	-o-transition: all 1s ease-out 0s;

	transition: all 1s ease-out 0s;

}



.dimgdiv img:last-of-type {

	display: none;

}



.dimgdiv:hover img:first-of-type {

	display: none;

}



.dimgdiv:hover img:last-of-type {

	display: inline;

}



.disnone {

	display: none !important;

}



.clearfix::after {

	display: block;

	clear: both;



	height: 0;



	content: ' ';

}



.clearfix {

	zoom: 1;

}



.cp {

	cursor: pointer;

}



.fb {

	font-weight: bold;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.l,

.r {

	width: 50%;

}



.c_333 {

	color: #333;

}



.c_666 {

	color: #666;

}



.c_999 {

	color: #999;

}



.c_w {

	color: #fff;

}



.bg_w {

	background: #fff;

}



.c_b {

	color: #000;

}



.bg_b {

	background: #000;

}



.img_d {

	display: none;

}



.img_dd {

	display: none !important;

}



.hm {

	height: 100%;

}



.tn {

	-webkit-transform: none;

	-moz-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}



.t50 {

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.tx50 {

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}



.ty50 {

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}



.tac {

	text-align: center;

}



.tal {

	text-align: left;

}



.tar {

	text-align: right;

}



.tablediv {

	display: table;

}



.tr {

	display: table-row;

}



.td {

	display: table-cell;

}



.imgdiv {

	overflow: hidden;

}



/* v1.4 2019.6.28  gary*/

/*slick 修整*/

.slick-track .slick-slide {

	display: block !important;

}



/*分享修改*/

.bsBox,

#bsPanel div,

#bsMorePanel div,

#bshareF div {

	box-sizing: content-box;

}



.bsTop span {

	line-height: 24px !important;

}



#bsPanel {

	margin-left: 20px !important;

}



/*编辑器图片和p默认样式处理*/

.yxedr_active img {

	max-width: 100% !important;

	height: auto !important;

}



.yxedr_active p {

	font-size: 16px;

	line-height: 1.75;

	color: #666;

}



/* Slider */

.slick-slider {

	position: relative;



	display: block;



	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;



	-webkit-touch-callout: none;

	-khtml-user-select: none;

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;

}



.slick-list {

	position: relative;



	display: block;

	overflow: hidden;



	margin: 0;

	padding: 0;

}



.slick-list:focus {

	outline: none;

}



.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.slick-track {

	position: relative;

	top: 0;

	left: 0;
	display: block;
/* width: auto !important; */
}




.slick-track:before,

.slick-track:after {

	display: table;



	content: '';

}



.slick-track:after {

	clear: both;

}



.slick-loading .slick-track {

	visibility: hidden;

}



.slick-slide {

	display: none;

	float: left;



	height: 100%;

	min-height: 1px;



	outline: none;

}



[dir='rtl'] .slick-slide {

	float: right;

}



.slick-slide.slick-loading img {

	display: none;

}



.slick-slide.dragging img {

	pointer-events: none;

}



.slick-initialized .slick-slide {

	display: block;

}



.slick-loading .slick-slide {

	visibility: hidden;

}



.slick-vertical .slick-slide {

	display: block;



	height: auto;



	border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

	display: none;

}