/*@font-face {
	font-family:gilroy-light;src:url(../../static/fonts/gilroy-light.d90fa984.otf)
}

@font-face {
	font-family:gilroy-extrabold;src:url(../../static/fonts/gilroy-extrabold.01bee965.otf)
}

@font-face {
	font-family:gilroy-medium;src:url(../../static/fonts/gilroy-medium.9e12d605.otf)
}

@font-face {
	font-family:gilroy-regular;src:url(../../static/fonts/gilroy-regular.1e09f38c.otf)
}

@font-face {
	font-family:gilroy-semibold;src:url(../../static/fonts/gilroy-semibold.5b057a22.otf)
}

.font-gilroy-extrabold {
	font-weight: 400;
	font-family: gilroy-extrabold,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-gilroy-semibold {
	font-weight: 400;
	font-family: gilroy-semibold,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-gilroy-medium {
	font-weight: 400;
	font-family: gilroy-medium,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-gilroy-regular {
	font-weight: 400;
	font-family: gilroy-regular,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-gilroy-light {
	font-weight: 400;
	font-family: gilroy-light,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-pingfang-semibold {
	font-weight: 600;
	font-family: PingFangSC-Semibold,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-pingfang-medium {
	font-weight: 500;
	font-family: PingFangSC-Medium,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-pingfang-regular {
	font-weight: 400;
	font-family: PingFangSC-Regular,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-pingfang-light {
	font-weight: 300;
	font-family: PingFangSC-Light,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-semibold {
	font-weight: 600;
	font-family: PingFangSC-Semibold,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}[lang=en] .font-semibold {
	font-weight: 400;
	font-family: gilroy-semibold,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-medium {
	font-weight: 500;
	font-family: PingFangSC-Medium,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}[lang=en] .font-medium {
	font-weight: 400;
	font-family: gilroy-medium,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-regular {
	font-weight: 400;
	font-family: PingFangSC-Regular,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}[lang=en] .font-regular {
	font-weight: 400;
	font-family: gilroy-regular,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

.font-light {
	font-weight: 300;
	font-family: PingFangSC-Light,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}[lang=en] .font-light {
	font-weight: 400;
	font-family: gilroy-light,Microsoft YaHei,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}*/

.vertical-carousel {
	height: 812px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.vertical-carousel .vertical-carousel__left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0.25;
	-webkit-flex: 0.25 0;
	-ms-flex: 0.25 0;
	flex: 0.25 0;
	height: 100%
}

.vertical-carousel .vertical-carousel__left .vertical-carousel__logo {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	width: 200px;
	height: 100px
}

.vertical-carousel .vertical-carousel__middle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 100%;
	/*width: 15px;*/
	width: 30px;
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__split-line {
	position: absolute;
	top: 0;
	left: 16px;
	width: 1px;
	height: 100%;
	z-index: 0;
	background-color: #e4e7eb
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/*height: 92px;*/
	/*width: 15px;*/
	/*background-color: #f8f9fb;*/
    height: 102px;
    width: 30px;
    background-color: #fff;
	z-index: 1;
	-webkit-transform: translate(1px,-5px);
	-ms-transform:translate(1px,-5px);
	transform: translate(1px,-5px);
     
    
    
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__top-arrow {
	display: block;
	height: 10px;
	width: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAAXNSR0IArs4c6QAAAPlJREFUKBVjYMABLBM2axhHb3bDIQ0WZsImaZK0Xf3XL6bzDAyM24yitrhjUwMSw9Bsm7hN9N/Pf+v+M/zn+P+fgZmRgWGhScx2dWwGoGgGafz2899+hv//tRgYGa8xMDIc+s/AIP7//7/92AyAa4ZpBCrWBtp2lZuN0YFdTMgDaMDe////S2IzAKiOgQFdIxc7k+Ph+V6vQXKWhcc4f756t5nhP4MzIyPjc0ZGJsczSzxvguQY8WkEKQABXAYwGkdv3Qd0liPIqcg2QrQhSBQDGBjuMfBIaDAxsTDnAp2zH59GkBHH+62+A8PAF+jYzUyMzGlnZ5n8BgAYZHfbIoOTbwAAAABJRU5ErkJggg==);background-size: 100% auto;
	background-position: top;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transform: translateX(1px);
	-ms-transform: translateX(1px);
	transform: translateX(1px)
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__top-arrow.vertical-carousel__top-arrow_disabled {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAA8UlEQVQYGWNgwALM4vYIG6dt5oJKMcKUMMEYDAz/wYI2UUsF//z9psr4nVEpNHQVM1D+PxCD5UAcIAApZPzvELqf5xs7izKQ+5OBgYXtAwsD77MgjfcMBw6ANDCATAYrtCw8xvmF87vq/7///xhzi99gY2d4wPCPid/ojqESRA1E8X/P3Nvsf19/Uvv77+8/Xlau27Nmmfw+Ptfj3V925vuMf1iETaO2KIJMZgxtuMp2994jDeY//5gUxAVvru63+g5zFkiBacIqiX8/uOVZOZheMr1mePWP4d+vb0yMjPfQFYIUn14Q9oKF+cdTZibmXwCKU1nvG2jyBQAAAABJRU5ErkJggg==);cursor: default
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__circle {
	position: relative;
	height: 31px;
	width: 31px;
	/*background-color: rgba(3,36,171,.1);*/
    background-color: #d4d6e3;
	border-radius: 50%
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__circle:before {
	content: " ";
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	height: 15px;
	width: 15px;
	/*background-color: rgba(3,36,171,.3);*/
	background-color: #8e94b5;
	border-radius: 50%
}

	.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__circle:after {
		content: " ";
		position: absolute;
		left: 12px;
		top: 12px;
		display: block;
		height: 7px;
		width: 7px;
		/*background-color: #0324ab;*/
		background-color: #1F90C5;
		border-radius: 50%
	}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__bottom-arrow {
	display: block;
	height: 10px;
	width: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAA90lEQVQoFWNkAALT6O3Of///y2cXFww/3m/1HSSGC9gmbhP99uv/SiYW5lxG47QzrAxfXtz4z8CgxMDIsJddTMgXlwFgjT//7Qeq1WZkZNzPdHaWyW9GJmYvIOc5w38G55+v3m22LDzGiW4zikYGhqtcbIzhjDBFJjHb1f//B5r6/78kugswNLIzOR6e7/UarhlkCDYDWD584PkGcyrIRqhGkHoUzVgMOARUIsLw/78WUCGKRqya4Qb8+3sQGDDiID4DI+M1bjZGB5BTwXwogWEzTNIoaos7IyPDVob/jL8ZOZgMzszzvAmTI4o2jt7sZpmwWQOXYgBegnwJ/qUBKQAAAABJRU5ErkJggg==);background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
	cursor: pointer
}

.vertical-carousel .vertical-carousel__middle .vertical-carousel__buttons .vertical-carousel__bottom-arrow.vertical-carousel__bottom-arrow_disabled {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAAXNSR0IArs4c6QAAAPdJREFUKBVjtCw8xvn37XvZvxxP7p+dlf6bAQ9oaPjPtOnOTiXW//9enVzq9YkJpPHPn/+8TJ8l1YzTZrLi0gvSuO3eNhWGf3/4/zD8l////z8jE8hG5v//fvxlZOLAZQBMI8gSVhbm37ysXLcZGRn/M4JsAtkI0ggyAGTQP97nt2BeQNfIycRx68ACxx8gfWDNuAzwlUr7C3IqzEZkjSiaMQxgZfnx/+//P//+/eUBORVdI4ZmuAE/5dX+/v7DAeKzMP3/w8XCcxPmVJAYDMCdDRMA0Q4J+zk+//mi9f8fMFh+f7tzdnXYR2R5gmyQAebR2/jwKQQA03iSY/UKud4AAAAASUVORK5CYII=);cursor: default
}

.vertical-carousel .vertical-carousel__right {
	position: relative;
	height: 820px;
	-webkit-box-flex: 0.73;
	-webkit-flex: 0.73;
	-ms-flex: 0.73;
	flex: 0.73;
	overflow: hidden;
    transform: translate(-7px,0px);
    z-index: 9999;
}

.vertical-carousel .vertical-carousel__right:before {
	/*top: 272px;*/
    top: 362px;
}

.vertical-carousel .vertical-carousel__right:after,.vertical-carousel .vertical-carousel__right:before {
	content: " ";
	display: block;
	position: absolute;
	height: 1px;
	/*opacity: .1;*/
    opacity: 0.3;
	width: 100%;
	background-image: -webkit-gradient(linear,left top, right top,color-stop(65%, #282828),to(#282828));
	background-image: -webkit-linear-gradient(left,#282828 65%,#282828);
	background-image: -o-linear-gradient(left,#282828 65%,#282828);
	background-image: linear-gradient(90deg,#282828 65%,#282828);
    /*
	background-image: -webkit-gradient(linear,left top, right top,color-stop(65%, #748699),to(rgba(64,78,96,0)));
	background-image: -webkit-linear-gradient(left,#748699 65%,rgba(64,78,96,0));
	background-image: -o-linear-gradient(left,#748699 65%,rgba(64,78,96,0));
	background-image: linear-gradient(90deg,#748699 65%,rgba(64,78,96,0));*/
        
}

.vertical-carousel .vertical-carousel__right:after {
	/*top: 348px;*/
    top: 448px;
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items {
	position: relative;
	height: 100%;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	cursor: pointer
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
	/*line-height: 69px;*/
    line-height: 89px;
	display: inline-block;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 200px;
	margin-left: 40px;
	font-weight: 600;
	font-family: PingFangSC-Semibold,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif;
	font-size: 16px;
	color: #000
}

@media (min-width:1680px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
		width: 232px
	}
}

@media (min-width:1920px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
		width: 274px
	}
}[lang=en] .vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
	font-weight: 400;
	font-family: gilroy-semibold,Myriad Pro,Hiragino Sans GB,Lucida Grande,sans-serif
}

@media (min-width:1680px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
		font-size: 18px
	}
}

@media (min-width:1920px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__time {
		font-size: 20px
	}
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__history {
	display: inline-block;
	font-size: 15px;
	color: #9ba3ad;
	white-space: pre-wrap;
	line-height: 1.6;
	word-break: break-word
}

@media (min-width:1680px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__history {
		font-size: 15px
	}
}

@media (min-width:1920px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item .vertical-carousel__item__history {
		font-size: 15px
	}
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item.vertical-carousel__item_selected .vertical-carousel__item__time {
	font-size: 22px;
	color: #325ab4;
}

@media (min-width:1680px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item.vertical-carousel__item_selected .vertical-carousel__item__time {
		font-size: 28px
	}
}

@media (min-width:1920px) {
	.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item.vertical-carousel__item_selected .vertical-carousel__item__time {
		font-size: 32px
	}
}

.vertical-carousel .vertical-carousel__right .vertical-carousel__items .vertical-carousel__item.vertical-carousel__item_selected .vertical-carousel__item__history {
	color: #000
}