.trans3d0 {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes mk_scale {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes mk_scale {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes mk_left_to_right {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes mk_left_to_right {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_right_to_left {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes mk_right_to_left {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_spt_blur {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0);
		opacity: 0;
		-webkit-filter: blur(4px);
		filter: blur(4px)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}

@keyframes mk_spt_blur {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0);
		opacity: 0;
		-webkit-filter: blur(4px);
		filter: blur(4px)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}

@-webkit-keyframes mk_spt {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes mk_spt {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

.cssanimations .anim_emt1,
.cssanimations .anim_group .anim_item {
	visibility: hidden
}

.cssanimations .anim_emt1.visb,.cssanimations .anim_group .anim_item.visb {
	visibility: inherit
}

.split1 {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.split1 .spt {
	text-rendering: optimizeSpeed;
	text-transform: none;
	visibility: hidden;
	opacity: 0
}

.split1 .spt.start {
	-webkit-animation: mk_spt 1.2s cubic-bezier(.165,.84,.44,1) both;
	animation: mk_spt 1.2s cubic-bezier(.165,.84,.44,1) both;
	visibility: visible
}

.desktop header .split1 .spt.start,
.desktop.safari .split1 .spt.start {
	-webkit-animation: mk_spt_blur 1.2s cubic-bezier(.165,.84,.44,1) both;
	animation: mk_spt_blur 1.2s cubic-bezier(.165,.84,.44,1) both
}

.split1.uppercase .spt,.uppercase .split1 .spt {
	text-transform: uppercase
}

.split1.capitalize .spt:first-child {
	text-transform: capitalize
}

.anim_emt1.start,.anim_group .anim_item.start {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	will-change: transform
}

.anim_emt1.start.scale_up {
	-webkit-animation-name: mk_scale;
	animation-name: mk_scale
}

.anim_emt1.start.fade_in {
	-webkit-animation-name: mk_fade;
	animation-name: mk_fade
}

.anim_emt1.start.r_to_l {
	-webkit-animation-name: mk_right_to_left;
	animation-name: mk_right_to_left
}

.anim_emt1.start.l_to_r {
	-webkit-animation-name: mk_left_to_right;
	animation-name: mk_left_to_right
}

.anim_emt1.start.t_to_b {
	-webkit-animation-name: mk_top_to_bottom;
	animation-name: mk_top_to_bottom
}

.anim_emt1.start.b_to_t,.anim_group.b_to_t .anim_item.start {
	-webkit-animation-name: mk_bottom_to_top;
	animation-name: mk_bottom_to_top
}

@-webkit-keyframes mk_mask_h {
	0% {
		-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
		clip-path: polygon(0 0,0 0,0 100%,0 100%);
		opacity: 0
	}

	100% {
		-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
		opacity: 1
	}
}

@keyframes mk_mask_h {
	0% {
		-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
		clip-path: polygon(0 0,0 0,0 100%,0 100%);
		opacity: 0
	}

	100% {
		-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
		clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
		opacity: 1
	}
}

.anim_emt1.mask_h.start {
	-webkit-animation-name: mk_mask_h;
	animation-name: mk_mask_h;
	-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
	animation-timing-function: cubic-bezier(.165,.84,.44,1)
}

.simplebar-wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto!important;
	height: auto!important;
	z-index: 0
}

.simplebar-offset {
	direction: inherit!important;
	-webkit-box-sizing: inherit!important;
	-moz-box-sizing: inherit!important;
	box-sizing: inherit!important;
	resize: none!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0
}

.simplebar-content {
	direction: inherit;
	height: 100%;
	width: auto;
	visibility: visible;
	overflow-x: hidden!important;
	/*overflow-y: scroll!important;
	overflow-y: hidden!important;*/
	max-width: 100%;
	max-height: 100%;
	position: relative;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
	-webkit-box-sizing: inherit!important;
	-moz-box-sizing: inherit!important;
	box-sizing: inherit!important;
	height: 100%;
	width: inherit;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none
}

.simplebar-height-auto-observer {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1
}

.simplebar-track {
 
	-webkit-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s
}

.simplebar-track.showout {
	opacity: 0
}

main>.simplebar-track {
	 
}

.simplebar-scrollbar {
	position: absolute;
	right: 0;
	width: 100%;
	pointer-events: auto;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s
}

.simplebar-scrollbar:hover:before {
	width: 10px
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #fff;
	border-radius: 7px;
	right: 3px;
	width: 4px;
	opacity: 0;
	-webkit-transition: opacity .2s linear,width .3s;
	-o-transition: opacity .2s linear,width .3s;
	transition: opacity .2s linear,width .3s
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
	opacity: .5
}

.simplebar-track.simplebar-vertical {
 
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px
}


.page-home header {
	min-height: 80vh
}


@-webkit-keyframes dash-animation {
	to {
		stroke-dashoffset: 1000
	}
}

@keyframes dash-animation {
	to {
		stroke-dashoffset: 1000
	}
}

 
 .home-projects .title-v {
 	position: absolute;
 	top: 0;
 	left: 80%;
 	margin-left: 30px
 }
 
 .home-slider {
 	-webkit-box-flex: 0;
 	-ms-flex: 0 0 auto;
 	flex: 0 0 auto;
 	width: 100%;
 	overflow: hidden
 }
 
 .home-slider .slider-wrap {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: nowrap;
 	flex-wrap: nowrap;
 	height: 75vh;
 	max-height: 45vw;
 	overflow: visible;
 	contain: size
 }
 
 .home-slider .slide {
 	-webkit-box-flex: 0;
 	-ms-flex: 0 0 auto;
 	flex: 0 0 auto;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	visibility: hidden;
 	cursor: -webkit-grab;
 	cursor: grab;
 	contain: strict
 }
 
 .home-slider .slide.grabbing {
 	cursor: -webkit-grabbing;
 	cursor: grabbing
 }
 
 .home-slider .slide.active {
 	visibility: inherit
 }
 
 .home-slider .slide.visb {
 	visibility: visible
 }
 
 .home-slider .info-wrap {
 	pointer-events: none;
 	-webkit-transform: translateZ(0);
 	transform: translateZ(0)
 }
 
 .home-slider .info-wrap::before {
 	-webkit-transition: all .4s;
 	-o-transition: all .4s;
 	transition: all .4s
 }
 
 .home-slider .info-wrap:hover::before {
 	background-color: rgba(0,0,0,.5)
 }
 
 .home-slider .info {
 	width: 40vw;
 	z-index: 10;
 	pointer-events: auto
 }
 
 .home-slider .info .title-en {
 	line-height: 1
 }
 
 .home-slider .nav-wrap {
 	left: 20vw;
 	width: 60vw
 }
 
 .home-slider .nav-wrap a.btn {
 	position: absolute;
 	top: 0;
 	right: 0
 }
 
 .home-slider.is-graging .slide {
 	visibility: visible
 }
 
 .home-slider.is-graging .pic,.home-slider.is-graging .slider-wrap {
 	-webkit-transition: -webkit-transform .4s cubic-bezier(.165,.84,.44,1);
 	transition: -webkit-transform .4s cubic-bezier(.165,.84,.44,1);
 	-o-transition: transform .4s cubic-bezier(.165,.84,.44,1);
 	transition: transform .4s cubic-bezier(.165,.84,.44,1);
 	transition: transform .4s cubic-bezier(.165,.84,.44,1), -webkit-transform .4s cubic-bezier(.165,.84,.44,1)
 }
 
 .home-slider.is-animating .slide {
 	visibility: visible
 }
 
 .home-slider.is-animating .pic,
 .home-slider.is-animating .slider-wrap {
 	-webkit-transition: -webkit-transform 1.2s cubic-bezier(.77,0,.175,1);
 	transition: -webkit-transform 1.2s cubic-bezier(.77,0,.175,1);
 	-o-transition: transform 1.2s cubic-bezier(.77,0,.175,1);
 	transition: transform 1.2s cubic-bezier(.77,0,.175,1);
 	transition: transform 1.2s cubic-bezier(.77,0,.175,1), -webkit-transform 1.2s cubic-bezier(.77,0,.175,1)
 }
 
 .home-slider.is-animating .slide.active .info {
 	opacity: 0;
 	-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);
 	-o-transition: all 1s cubic-bezier(.165,.84,.44,1);
 	transition: all 1s cubic-bezier(.165,.84,.44,1)
 }
 
 .page-home.pjax-trans .home-slider {
 	width: 100%
 }
 
 .page-home.pjax-trans .slider-wrap {
 	height: 100vh;
 	max-height: 100vh
 }
 
 .page-home.pjax-trans .home-slider,
 .page-home.pjax-trans .slider-wrap {
 	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
 	-o-transition: all .8s cubic-bezier(.77,0,.175,1);
 	transition: all .8s cubic-bezier(.77,0,.175,1)
 }
 
 @media (min-width:1600px) {
 	.home-slider .info .h2.title-en {
 		font-size: 64px
 	}
 
 	.home-slider .info .title-cn {
 		font-size: 36px
 	}
 }
 
 @media (max-width:767px) {
 	.page-home header .container-s {
 		padding-right: 0
 	}
 
 	.home-slider .h2.title-en {
 		display: none
 	}
 }
 
 @media (orientation:portrait) {
 	.home-projects .title-v {
 		position: relative;
 		left: 0;
 		width: 60%;
 		margin: 0 auto 30px auto;
 		-webkit-writing-mode: horizontal-tb;
 		-ms-writing-mode: lr-tb;
 		writing-mode: horizontal-tb
 	}
 
 	.home-slider {
 		width: 100%
 	}
 
 	.home-slider .slider-wrap {
 		max-height: 90vw
 	}
 
 	.home-slider .info-wrap {
 		padding: 0 20vw
 	}
 
 	.home-slider .info {
 		width: 100%
 	}
 
 	.home-slider .nav-wrap {
 		width: 70vw
 	}
 }
 
 
 @media (max-width:767px) and (orientation:portrait) {
 	.page-home header {
 		min-height: 150vw
 	}
 
 	.home-projects .title-v {
 		margin-bottom: 20px
 	}
 
 	.home-slider .nav-wrap a.btn {
 		position: relative;
 		margin: 20px 0 20px 0
 	}
 }
 
 
 .clearfix:after,
 .clearfix:before {
 	content: " ";
 	display: table
 }
 
 .clearfix:after {
 	clear: both
 }




.slider-nav .navbtn {
	width: 40px;
	height: 40px;
	font-size: 0;
	color: #009E3B
}

.slider-nav .navbtn::before {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	top: 10px
}

.slider-nav .navbtn .line {
	width: 32px;
	height: 2px;
	background: #009E3B
}

.slider-nav .navbtn.no-hover {
	opacity: .3
}

.slider-nav .btn-prev {
	text-align: right
}

.slider-nav .btn-prev::before {
	left: -6px
}


.coverbg.li1 {
	background-image:  url('1.jpg');
}
.coverbg.li2 {
	background-image:  url('2.jpg');
}
.coverbg .li3 {
	background-image:  url('3.jpg');
}