:root {
	--main: rgba(165, 220, 203, 1);
	--white: #ffffff;
	--black: rgba(0, 0, 0, 1);
	--gray: rgba(15, 30, 53, .4);
	--green: rgba(23, 63, 63, 1);
	--tg_0: rgba(192, 219, 141, 1);
	--tg_1: rgba(153, 210, 195, 1);
	--tg_2: rgba(73, 132, 123, 1);
	--tg_3: rgba(172, 228, 211, 1);
	--tint: rgba(89, 164, 152, 1);
	--ease: cubic-bezier(.4,0,.2,1);
	--ease1: cubic-bezier(.39,.575,.565,1);
	--ease2: cubic-bezier(.25,.74,.22,.99);
	--picEase: cubic-bezier(.76,0,.24,1)
}

.wc {
	color: var(--white)
}

.mc {
	color: var(--main)
}

.bc {
	color: var(--black)
}

.gc {
	color: var(--green)
}

.tg {
	color: var(--tg_0)
}

.tint {
	color: var(--tint)
}

.gray {
	color: var(--gray)
}


ol,ul,li {
	list-style-type: none;
	vertical-align: middle
}

img {
	vertical-align: top;
	border: 0
}

ins,em,b,i {
	text-decoration: none;
	font-style: normal
}

select:focus,textarea:focus,input:focus,button {
	outline: none
}

a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.disable-hover {
	pointer-events: none
}

.scroll-animate.animated {
	visibility: hidden
}

.scroll-animate:not(.father) {
	visibility: hidden
}

.animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.font-fadeIn font {
	display: inline-block
}

::-webkit-scrollbar {
	width: 5px;
	background-color: #0000001a
}

::-webkit-scrollbar-thumb {
	border: solid 1px transparent;
	width: 3px;
	border-radius: 4px;
	background-color: var(--green)
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-webkit-scrollbar:horizontal {
	height: 9px
}

::-webkit-selection {
	background: transparent;
	color: transparent
}

::-moz-selection {
	background: transparent;
	color: transparent
}

::selection {
	background-color: #1c509c;
	color: #fff;
	-webkit-text-fill-color: #fff
}

input::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-webkit-textarea-placeholder,textarea::-moz-textarea-placeholder {
	color: #999;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	transition: color .5s
}

input:focus::-webkit-input-placeholder,input:focus::-moz-input-placeholder,input:hover::-webkit-input-placeholder,input:hover::-moz-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-input-placeholder,textarea:hover::-webkit-input-placeholder,textarea:hover::-moz-input-placeholder {
	color: #c2c2c2
}

a {
	color: inherit;
	text-decoration: none
}

a[href] {
	cursor: pointer
}

a:hover {
	text-decoration: none;
	cursor: pointer
}

a:focus {
	background-color: transparent
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

body {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
	width: 100%;
	font-size: 5.20833vw!important;
	scroll-behavior: initial;
	overflow-x: hidden
}

a:focus,input:focus,p:focus,div:focus {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

img[src=""],img:not([src]) {
	opacity: 0
}

b {
	font-size: inherit;
	color: inherit;
	font-family: inherit
}

font {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	text-transform: inherit
}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.fl {
	float: left
}

.fr {
	float: right
}

.lh-10 {
	line-height: 1
}

.cl:after {
	content: " ";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.hide {
	display: none
}

.show {
	display: block
}

.text_overflow {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}[data-ahref] {
	cursor: pointer
}

.f-left {
	text-align: left
}

.f-center {
	text-align: center
}

.f-right {
	text-align: right
}

.up-word {
	text-transform: uppercase
}

.v-show {
	visibility: visible
}

.v-hide {
	visibility: hidden
}

.pr {
	position: relative
}

.pa {
	position: absolute
}


.layer-mouse .mouse .line {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}


.pic {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.fxc,.esg .topRow .bg .topic,.esg .topRow .bg,.layer-mouse,.cursor--group .cursor--inner>.arrow,.layer-down .child>li>a,.layer-down .child>li>span,.layer-check,.layer-pop,.layer-cir,.layer-btn .iconfont {
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.row-mid-c {
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.row-mid-b,.afterInner .layer-col {
	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;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.col-mid-b {
	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;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.col-mid-c {
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}


.full,
.esg .r1 .stickyContent .inner .part,
.esg .topRow .bg .msg,

.row>.bg,.layer-form .loadMk,.layer-above .layer-photo .pic,.layer-btmMask:before,.layer-mask:before,.layer-pop .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.f-200 {
	font-size: 2rem
}

.f-160 {
	font-size: 1.6rem
}

.f-150 {
	font-size: 1.5rem
}

.f-140 {
	font-size: 1.4rem
}

.f-120 {
	font-size: 1.2rem
}

.f-100 {
	font-size: 1rem
}

.f-90 {
	font-size: .9rem
}

.f-80 {
	font-size: .8rem
}

.f-72 {
	font-size: .72rem
}

.f-70 {
	font-size: .7rem
}

.f-64 {
	font-size: .64rem
}

.f-60 {
	font-size: .6rem
}

.f-56 {
	font-size: .56rem
}

.f-54 {
	font-size: .54rem
}

.f-50 {
	font-size: .5rem
}

.f-48 {
	font-size: .48rem
}

.f-46 {
	font-size: .46rem
}

.f-44 {
	font-size: .44rem
}

.f-42 {
	font-size: .42rem
}

.f-40 {
	font-size: .4rem
}

.f-38 {
	font-size: .38rem
}

.f-36 {
	font-size: .36rem
}

.f-34 {
	font-size: .34rem
}

.f-32 {
	font-size: .32rem
}

.f-30 {
	font-size: .3rem
}

.f-28 {
	font-size: .28rem
}

.f-26 {
	font-size: .26rem
}

.f-24 {
	font-size: .24rem
}

.f-22 {
	font-size: .22rem
}

.f-20 {
	font-size: .2rem
}

.f-18,.join .r4 .inner .part .group .right p,.afterInner .banner .inner .btm .scr {
	font-size: .18rem
}

.f-16 {
	font-size: .16rem
}

.f-14 {
	font-size: .14rem
}

.f-12 {
	font-size: .12rem
}

.mb-100 {
	margin-bottom: 1rem
}

.mb-90 {
	margin-bottom: .9rem
}

.mb-80 {
	margin-bottom: .8rem
}

.mb-70 {
	margin-bottom: .7rem
}

.mb-60 {
	margin-bottom: .6rem
}

.mb-50 {
	margin-bottom: .5rem
}

.mb-40 {
	margin-bottom: .4rem
}

.mb-30 {
	margin-bottom: .3rem
}

.mb-20 {
	margin-bottom: .2rem
}

.mb-10 {
	margin-bottom: .1rem
}

.mr-100 {
	margin-right: 1rem
}

.mr-90 {
	margin-right: .9rem
}

.mr-80 {
	margin-right: .8rem
}

.mr-70 {
	margin-right: .7rem
}

.mr-60 {
	margin-right: .6rem
}

.mr-50 {
	margin-right: .5rem
}

.mr-40 {
	margin-right: .4rem
}

.mr-30 {
	margin-right: .3rem
}

.mr-20 {
	margin-right: .2rem
}

.mr-10 {
	margin-right: .1rem
}

.ml-100 {
	margin-left: 1rem
}

.ml-90 {
	margin-left: .9rem
}

.ml-80 {
	margin-left: .8rem
}

.ml-70 {
	margin-left: .7rem
}

.ml-60 {
	margin-left: .6rem
}

.ml-50 {
	margin-left: .5rem
}

.ml-40 {
	margin-left: .4rem
}

.ml-30 {
	margin-left: .3rem
}

.ml-20 {
	margin-left: .2rem
}

.ml-10 {
	margin-left: .1rem
}

.mt-100 {
	margin-top: 1rem
}

.mt-90 {
	margin-top: .9rem
}

.mt-80 {
	margin-top: .8rem
}

.mt-70 {
	margin-top: .7rem
}

.mt-60 {
	margin-top: .6rem
}

.mt-50 {
	margin-top: .5rem
}

.mt-40 {
	margin-top: .4rem
}

.mt-30 {
	margin-top: .3rem
}

.mt-20 {
	margin-top: .2rem
}

.mt-10 {
	margin-top: .1rem
}

p.f-16 {
	line-height: 1.3
}

.alanUpEl {
	-webkit-transition: opacity 1s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1s var(--ease),transform 1.2s var(--ease),color .3s var(--ease);
	transition: opacity 1s var(--ease),transform 1.2s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.alanUpEl:nth-child(1) {
	-webkit-transform: translate3d(0,.2rem,0);
	transform: translate3d(0,.2rem,0);
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.alanUpEl:nth-child(2) {
	-webkit-transform: translate3d(0,.3rem,0);
	transform: translate3d(0,.3rem,0);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.alanUpEl:nth-child(3) {
	-webkit-transform: translate3d(0,.4rem,0);
	transform: translate3d(0,.4rem,0);
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.alanUpEl:nth-child(4) {
	-webkit-transform: translate3d(0,.5rem,0);
	transform: translate3d(0,.5rem,0);
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.alanUpEl:nth-child(5) {
	-webkit-transform: translate3d(0,.6rem,0);
	transform: translate3d(0,.6rem,0);
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.alanUpEl:nth-child(6) {
	-webkit-transform: translate3d(0,.7rem,0);
	transform: translate3d(0,.7rem,0);
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.alanUpEl:nth-child(7) {
	-webkit-transform: translate3d(0,.8rem,0);
	transform: translate3d(0,.8rem,0);
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.alanUpEl:nth-child(8) {
	-webkit-transform: translate3d(0,.9rem,0);
	transform: translate3d(0,.9rem,0);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.alanUpEl:nth-child(9) {
	-webkit-transform: translate3d(0,1rem,0);
	transform: translate3d(0,1rem,0);
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

.alanUpEl:nth-child(10) {
	-webkit-transform: translate3d(0,1.1rem,0);
	transform: translate3d(0,1.1rem,0);
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.alanUpEl:nth-child(11) {
	-webkit-transform: translate3d(0,1.2rem,0);
	transform: translate3d(0,1.2rem,0);
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}

.alanUpEl:nth-child(12) {
	-webkit-transform: translate3d(0,1.3rem,0);
	transform: translate3d(0,1.3rem,0);
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.alanUpEl:nth-child(13) {
	-webkit-transform: translate3d(0,1.4rem,0);
	transform: translate3d(0,1.4rem,0);
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}

.alanUpEl:nth-child(14) {
	-webkit-transform: translate3d(0,1.5rem,0);
	transform: translate3d(0,1.5rem,0);
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.alanUpEl:nth-child(15) {
	-webkit-transform: translate3d(0,1.6rem,0);
	transform: translate3d(0,1.6rem,0);
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}

.alanUpEl:nth-child(16) {
	-webkit-transform: translate3d(0,1.7rem,0);
	transform: translate3d(0,1.7rem,0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.alanUpEl:nth-child(17) {
	-webkit-transform: translate3d(0,1.8rem,0);
	transform: translate3d(0,1.8rem,0);
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}

.alanUpEl:nth-child(18) {
	-webkit-transform: translate3d(0,1.9rem,0);
	transform: translate3d(0,1.9rem,0);
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.alanUpEl:nth-child(19) {
	-webkit-transform: translate3d(0,2rem,0);
	transform: translate3d(0,2rem,0);
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}

.alanUpEl:nth-child(20) {
	-webkit-transform: translate3d(0,2.1rem,0);
	transform: translate3d(0,2.1rem,0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.alanUpEl.go {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translateZ(0)
}

.alanDownEl {
	-webkit-transition: opacity 1s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1s var(--ease),transform 1.2s var(--ease),color .3s var(--ease);
	transition: opacity 1s var(--ease),transform 1.2s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.alanDownEl:nth-child(1) {
	-webkit-transform: translate3d(0,-30%,0);
	transform: translate3d(0,-30%,0);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.alanDownEl:nth-child(2) {
	-webkit-transform: translate3d(0,-40%,0);
	transform: translate3d(0,-40%,0);
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.alanDownEl:nth-child(3) {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.alanDownEl:nth-child(4) {
	-webkit-transform: translate3d(0,-60%,0);
	transform: translate3d(0,-60%,0);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.alanDownEl:nth-child(5) {
	-webkit-transform: translate3d(0,-70%,0);
	transform: translate3d(0,-70%,0);
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.alanDownEl:nth-child(6) {
	-webkit-transform: translate3d(0,-80%,0);
	transform: translate3d(0,-80%,0);
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.alanDownEl:nth-child(7) {
	-webkit-transform: translate3d(0,-90%,0);
	transform: translate3d(0,-90%,0);
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.alanDownEl:nth-child(8) {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.alanDownEl:nth-child(9) {
	-webkit-transform: translate3d(0,-110%,0);
	transform: translate3d(0,-110%,0);
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.alanDownEl:nth-child(10) {
	-webkit-transform: translate3d(0,-120%,0);
	transform: translate3d(0,-120%,0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.alanDownEl:nth-child(11) {
	-webkit-transform: translate3d(0,-130%,0);
	transform: translate3d(0,-130%,0);
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s
}

.alanDownEl:nth-child(12) {
	-webkit-transform: translate3d(0,-140%,0);
	transform: translate3d(0,-140%,0);
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s
}

.alanDownEl:nth-child(13) {
	-webkit-transform: translate3d(0,-150%,0);
	transform: translate3d(0,-150%,0);
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s
}

.alanDownEl:nth-child(14) {
	-webkit-transform: translate3d(0,-160%,0);
	transform: translate3d(0,-160%,0);
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s
}

.alanDownEl:nth-child(15) {
	-webkit-transform: translate3d(0,-170%,0);
	transform: translate3d(0,-170%,0);
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s
}

.alanDownEl:nth-child(16) {
	-webkit-transform: translate3d(0,-180%,0);
	transform: translate3d(0,-180%,0);
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s
}

.alanDownEl:nth-child(17) {
	-webkit-transform: translate3d(0,-190%,0);
	transform: translate3d(0,-190%,0);
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s
}

.alanDownEl:nth-child(18) {
	-webkit-transform: translate3d(0,-200%,0);
	transform: translate3d(0,-200%,0);
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s
}

.alanDownEl:nth-child(19) {
	-webkit-transform: translate3d(0,-210%,0);
	transform: translate3d(0,-210%,0);
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s
}

.alanDownEl:nth-child(20) {
	-webkit-transform: translate3d(0,-220%,0);
	transform: translate3d(0,-220%,0);
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.alanDownEl.go {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translateZ(0)
}

.alanParent {
	-webkit-perspective: 5rem;
	perspective: 5rem
}

.alanParent .alanUp {
	-webkit-transition: opacity 1s var(--ease),color .3s var(--ease),background-color .6s var(--ease),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),color .3s var(--ease),background-color .6s var(--ease),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease),background-color .6s var(--ease);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease),background-color .6s var(--ease),-webkit-transform 1s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.alanParent .alanUp:nth-child(1) {
	-webkit-transition-delay: .03s;
	transition-delay: .03s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(1) {
		-webkit-transform: rotateY(-3deg) rotateX(4deg) translate3d(0,.3rem,0);
		transform: rotateY(-3deg) rotateX(4deg) translate3d(0,.3rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(1) {
		-webkit-transform: translate3d(0,.3rem,0);
		transform: translate3d(0,.3rem,0)
	}
}

.alanParent .alanUp:nth-child(2) {
	-webkit-transition-delay: .06s;
	transition-delay: .06s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(2) {
		-webkit-transform: rotateY(-4deg) rotateX(6deg) translate3d(0,.4rem,0);
		transform: rotateY(-4deg) rotateX(6deg) translate3d(0,.4rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(2) {
		-webkit-transform: translate3d(0,.4rem,0);
		transform: translate3d(0,.4rem,0)
	}
}

.alanParent .alanUp:nth-child(3) {
	-webkit-transition-delay: .09s;
	transition-delay: .09s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(3) {
		-webkit-transform: rotateY(-5deg) rotateX(8deg) translate3d(0,.5rem,0);
		transform: rotateY(-5deg) rotateX(8deg) translate3d(0,.5rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(3) {
		-webkit-transform: translate3d(0,.5rem,0);
		transform: translate3d(0,.5rem,0)
	}
}

.alanParent .alanUp:nth-child(4) {
	-webkit-transition-delay: .12s;
	transition-delay: .12s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(4) {
		-webkit-transform: rotateY(-6deg) rotateX(10deg) translate3d(0,.6rem,0);
		transform: rotateY(-6deg) rotateX(10deg) translate3d(0,.6rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(4) {
		-webkit-transform: translate3d(0,.6rem,0);
		transform: translate3d(0,.6rem,0)
	}
}

.alanParent .alanUp:nth-child(5) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(5) {
		-webkit-transform: rotateY(-7deg) rotateX(12deg) translate3d(0,.7rem,0);
		transform: rotateY(-7deg) rotateX(12deg) translate3d(0,.7rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(5) {
		-webkit-transform: translate3d(0,.7rem,0);
		transform: translate3d(0,.7rem,0)
	}
}

.alanParent .alanUp:nth-child(6) {
	-webkit-transition-delay: .18s;
	transition-delay: .18s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(6) {
		-webkit-transform: rotateY(-8deg) rotateX(14deg) translate3d(0,.8rem,0);
		transform: rotateY(-8deg) rotateX(14deg) translate3d(0,.8rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(6) {
		-webkit-transform: translate3d(0,.8rem,0);
		transform: translate3d(0,.8rem,0)
	}
}

.alanParent .alanUp:nth-child(7) {
	-webkit-transition-delay: .21s;
	transition-delay: .21s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(7) {
		-webkit-transform: rotateY(-9deg) rotateX(16deg) translate3d(0,.9rem,0);
		transform: rotateY(-9deg) rotateX(16deg) translate3d(0,.9rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(7) {
		-webkit-transform: translate3d(0,.9rem,0);
		transform: translate3d(0,.9rem,0)
	}
}

.alanParent .alanUp:nth-child(8) {
	-webkit-transition-delay: .24s;
	transition-delay: .24s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(8) {
		-webkit-transform: rotateY(-10deg) rotateX(18deg) translate3d(0,1rem,0);
		transform: rotateY(-10deg) rotateX(18deg) translate3d(0,1rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(8) {
		-webkit-transform: translate3d(0,1rem,0);
		transform: translate3d(0,1rem,0)
	}
}

.alanParent .alanUp:nth-child(9) {
	-webkit-transition-delay: .27s;
	transition-delay: .27s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(9) {
		-webkit-transform: rotateY(-11deg) rotateX(20deg) translate3d(0,1.1rem,0);
		transform: rotateY(-11deg) rotateX(20deg) translate3d(0,1.1rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(9) {
		-webkit-transform: translate3d(0,1.1rem,0);
		transform: translate3d(0,1.1rem,0)
	}
}

.alanParent .alanUp:nth-child(10) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(10) {
		-webkit-transform: rotateY(-12deg) rotateX(22deg) translate3d(0,1.2rem,0);
		transform: rotateY(-12deg) rotateX(22deg) translate3d(0,1.2rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(10) {
		-webkit-transform: translate3d(0,1.2rem,0);
		transform: translate3d(0,1.2rem,0)
	}
}

.alanParent .alanUp:nth-child(11) {
	-webkit-transition-delay: .33s;
	transition-delay: .33s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(11) {
		-webkit-transform: rotateY(-13deg) rotateX(24deg) translate3d(0,1.3rem,0);
		transform: rotateY(-13deg) rotateX(24deg) translate3d(0,1.3rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(11) {
		-webkit-transform: translate3d(0,1.3rem,0);
		transform: translate3d(0,1.3rem,0)
	}
}

.alanParent .alanUp:nth-child(12) {
	-webkit-transition-delay: .36s;
	transition-delay: .36s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(12) {
		-webkit-transform: rotateY(-14deg) rotateX(26deg) translate3d(0,1.4rem,0);
		transform: rotateY(-14deg) rotateX(26deg) translate3d(0,1.4rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(12) {
		-webkit-transform: translate3d(0,1.4rem,0);
		transform: translate3d(0,1.4rem,0)
	}
}

.alanParent .alanUp:nth-child(13) {
	-webkit-transition-delay: .39s;
	transition-delay: .39s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(13) {
		-webkit-transform: rotateY(-15deg) rotateX(28deg) translate3d(0,1.5rem,0);
		transform: rotateY(-15deg) rotateX(28deg) translate3d(0,1.5rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(13) {
		-webkit-transform: translate3d(0,1.5rem,0);
		transform: translate3d(0,1.5rem,0)
	}
}

.alanParent .alanUp:nth-child(14) {
	-webkit-transition-delay: .42s;
	transition-delay: .42s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(14) {
		-webkit-transform: rotateY(-16deg) rotateX(30deg) translate3d(0,1.6rem,0);
		transform: rotateY(-16deg) rotateX(30deg) translate3d(0,1.6rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(14) {
		-webkit-transform: translate3d(0,1.6rem,0);
		transform: translate3d(0,1.6rem,0)
	}
}

.alanParent .alanUp:nth-child(15) {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(15) {
		-webkit-transform: rotateY(-17deg) rotateX(32deg) translate3d(0,1.7rem,0);
		transform: rotateY(-17deg) rotateX(32deg) translate3d(0,1.7rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(15) {
		-webkit-transform: translate3d(0,1.7rem,0);
		transform: translate3d(0,1.7rem,0)
	}
}

.alanParent .alanUp:nth-child(16) {
	-webkit-transition-delay: .48s;
	transition-delay: .48s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(16) {
		-webkit-transform: rotateY(-18deg) rotateX(34deg) translate3d(0,1.8rem,0);
		transform: rotateY(-18deg) rotateX(34deg) translate3d(0,1.8rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(16) {
		-webkit-transform: translate3d(0,1.8rem,0);
		transform: translate3d(0,1.8rem,0)
	}
}

.alanParent .alanUp:nth-child(17) {
	-webkit-transition-delay: .51s;
	transition-delay: .51s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(17) {
		-webkit-transform: rotateY(-19deg) rotateX(36deg) translate3d(0,1.9rem,0);
		transform: rotateY(-19deg) rotateX(36deg) translate3d(0,1.9rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(17) {
		-webkit-transform: translate3d(0,1.9rem,0);
		transform: translate3d(0,1.9rem,0)
	}
}

.alanParent .alanUp:nth-child(18) {
	-webkit-transition-delay: .54s;
	transition-delay: .54s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(18) {
		-webkit-transform: rotateY(-20deg) rotateX(38deg) translate3d(0,2rem,0);
		transform: rotateY(-20deg) rotateX(38deg) translate3d(0,2rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(18) {
		-webkit-transform: translate3d(0,2rem,0);
		transform: translate3d(0,2rem,0)
	}
}

.alanParent .alanUp:nth-child(19) {
	-webkit-transition-delay: .57s;
	transition-delay: .57s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(19) {
		-webkit-transform: rotateY(-21deg) rotateX(40deg) translate3d(0,2.1rem,0);
		transform: rotateY(-21deg) rotateX(40deg) translate3d(0,2.1rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(19) {
		-webkit-transform: translate3d(0,2.1rem,0);
		transform: translate3d(0,2.1rem,0)
	}
}

.alanParent .alanUp:nth-child(20) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

@media screen and (orientation: landscape) {
	.alanParent .alanUp:nth-child(20) {
		-webkit-transform: rotateY(-22deg) rotateX(42deg) translate3d(0,2.2rem,0);
		transform: rotateY(-22deg) rotateX(42deg) translate3d(0,2.2rem,0)
	}
}

@media screen and (orientation: portrait) {
	.alanParent .alanUp:nth-child(20) {
		-webkit-transform: translate3d(0,2.2rem,0);
		transform: translate3d(0,2.2rem,0)
	}
}

.alanParent .alanLeft {
	-webkit-transition: opacity 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease2);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.alanParent .alanLeft:nth-child(1) {
	-webkit-transform: translate3d(.3rem,0,0);
	transform: translate3d(.3rem,0,0);
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.alanParent .alanLeft:nth-child(2) {
	-webkit-transform: translate3d(.4rem,0,0);
	transform: translate3d(.4rem,0,0);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.alanParent .alanLeft:nth-child(3) {
	-webkit-transform: translate3d(.5rem,0,0);
	transform: translate3d(.5rem,0,0);
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.alanParent .alanLeft:nth-child(4) {
	-webkit-transform: translate3d(.6rem,0,0);
	transform: translate3d(.6rem,0,0);
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.alanParent .alanLeft:nth-child(5) {
	-webkit-transform: translate3d(.7rem,0,0);
	transform: translate3d(.7rem,0,0);
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.alanParent .alanLeft:nth-child(6) {
	-webkit-transform: translate3d(.8rem,0,0);
	transform: translate3d(.8rem,0,0);
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.alanParent .alanLeft:nth-child(7) {
	-webkit-transform: translate3d(.9rem,0,0);
	transform: translate3d(.9rem,0,0);
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.alanParent .alanLeft:nth-child(8) {
	-webkit-transform: translate3d(1rem,0,0);
	transform: translate3d(1rem,0,0);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.alanParent .alanLeft:nth-child(9) {
	-webkit-transform: translate3d(1.1rem,0,0);
	transform: translate3d(1.1rem,0,0);
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

.alanParent .alanLeft:nth-child(10) {
	-webkit-transform: translate3d(1.2rem,0,0);
	transform: translate3d(1.2rem,0,0);
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.alanParent .alanLeft:nth-child(11) {
	-webkit-transform: translate3d(1.3rem,0,0);
	transform: translate3d(1.3rem,0,0);
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}

.alanParent .alanLeft:nth-child(12) {
	-webkit-transform: translate3d(1.4rem,0,0);
	transform: translate3d(1.4rem,0,0);
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.alanParent .alanLeft:nth-child(13) {
	-webkit-transform: translate3d(1.5rem,0,0);
	transform: translate3d(1.5rem,0,0);
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}

.alanParent .alanLeft:nth-child(14) {
	-webkit-transform: translate3d(1.6rem,0,0);
	transform: translate3d(1.6rem,0,0);
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.alanParent .alanLeft:nth-child(15) {
	-webkit-transform: translate3d(1.7rem,0,0);
	transform: translate3d(1.7rem,0,0);
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}

.alanParent .alanLeft:nth-child(16) {
	-webkit-transform: translate3d(1.8rem,0,0);
	transform: translate3d(1.8rem,0,0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.alanParent .alanLeft:nth-child(17) {
	-webkit-transform: translate3d(1.9rem,0,0);
	transform: translate3d(1.9rem,0,0);
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}

.alanParent .alanLeft:nth-child(18) {
	-webkit-transform: translate3d(2rem,0,0);
	transform: translate3d(2rem,0,0);
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.alanParent .alanLeft:nth-child(19) {
	-webkit-transform: translate3d(2.1rem,0,0);
	transform: translate3d(2.1rem,0,0);
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}

.alanParent .alanLeft:nth-child(20) {
	-webkit-transform: translate3d(2.2rem,0,0);
	transform: translate3d(2.2rem,0,0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.alanParent .alanRight {
	-webkit-transition: opacity 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease2);
	transition: opacity 1s var(--ease),transform 1s var(--ease),color .3s var(--ease2),-webkit-transform 1s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.alanParent .alanRight:nth-child(1) {
	-webkit-transform: translate3d(-.3rem,0,0);
	transform: translate3d(-.3rem,0,0);
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.alanParent .alanRight:nth-child(2) {
	-webkit-transform: translate3d(-.4rem,0,0);
	transform: translate3d(-.4rem,0,0);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.alanParent .alanRight:nth-child(3) {
	-webkit-transform: translate3d(-.5rem,0,0);
	transform: translate3d(-.5rem,0,0);
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.alanParent .alanRight:nth-child(4) {
	-webkit-transform: translate3d(-.6rem,0,0);
	transform: translate3d(-.6rem,0,0);
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.alanParent .alanRight:nth-child(5) {
	-webkit-transform: translate3d(-.7rem,0,0);
	transform: translate3d(-.7rem,0,0);
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.alanParent .alanRight:nth-child(6) {
	-webkit-transform: translate3d(-.8rem,0,0);
	transform: translate3d(-.8rem,0,0);
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.alanParent .alanRight:nth-child(7) {
	-webkit-transform: translate3d(-.9rem,0,0);
	transform: translate3d(-.9rem,0,0);
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.alanParent .alanRight:nth-child(8) {
	-webkit-transform: translate3d(-1rem,0,0);
	transform: translate3d(-1rem,0,0);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.alanParent .alanRight:nth-child(9) {
	-webkit-transform: translate3d(-1.1rem,0,0);
	transform: translate3d(-1.1rem,0,0);
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

.alanParent .alanRight:nth-child(10) {
	-webkit-transform: translate3d(-1.2rem,0,0);
	transform: translate3d(-1.2rem,0,0);
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.alanParent .alanRight:nth-child(11) {
	-webkit-transform: translate3d(-1.3rem,0,0);
	transform: translate3d(-1.3rem,0,0);
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}

.alanParent .alanRight:nth-child(12) {
	-webkit-transform: translate3d(-1.4rem,0,0);
	transform: translate3d(-1.4rem,0,0);
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.alanParent .alanRight:nth-child(13) {
	-webkit-transform: translate3d(-1.5rem,0,0);
	transform: translate3d(-1.5rem,0,0);
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}

.alanParent .alanRight:nth-child(14) {
	-webkit-transform: translate3d(-1.6rem,0,0);
	transform: translate3d(-1.6rem,0,0);
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.alanParent .alanRight:nth-child(15) {
	-webkit-transform: translate3d(-1.7rem,0,0);
	transform: translate3d(-1.7rem,0,0);
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}

.alanParent .alanRight:nth-child(16) {
	-webkit-transform: translate3d(-1.8rem,0,0);
	transform: translate3d(-1.8rem,0,0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.alanParent .alanRight:nth-child(17) {
	-webkit-transform: translate3d(-1.9rem,0,0);
	transform: translate3d(-1.9rem,0,0);
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}

.alanParent .alanRight:nth-child(18) {
	-webkit-transform: translate3d(-2rem,0,0);
	transform: translate3d(-2rem,0,0);
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.alanParent .alanRight:nth-child(19) {
	-webkit-transform: translate3d(-2.1rem,0,0);
	transform: translate3d(-2.1rem,0,0);
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}

.alanParent .alanRight:nth-child(20) {
	-webkit-transform: translate3d(-2.2rem,0,0);
	transform: translate3d(-2.2rem,0,0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.alanParent.active .alanUp,.alanParent.active .alanLeft,.alanParent.active .alanRight,.alanParent.go .alanUp,.alanParent.go .alanLeft,.alanParent.go .alanRight {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translateZ(0)
}[data-text].alanGo {
	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;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-perspective: 5rem;
	perspective: 5rem;
	line-height: .9!important;
	opacity: 0;
	-webkit-transition: opacity .8s var(--ease);
	transition: opacity .8s var(--ease)
}[data-text].alanGo .letter {
	display: block;
	margin-right: .2em;
	-webkit-transition: opacity 1.2s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1.2s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	transition: opacity 1.2s var(--ease),transform 1.2s var(--ease),color .3s var(--ease);
	transition: opacity 1.2s var(--ease),transform 1.2s var(--ease),color .3s var(--ease),-webkit-transform 1.2s var(--ease);
	opacity: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}[data-text].alanGo .letter:last-of-type {
	margin-right: 0
}[data-text].alanGo .letter:nth-child(1) {
	-webkit-transform: rotateY(-3deg) rotateX(4deg) translate3d(0,.2rem,0);
	transform: rotateY(-3deg) rotateX(4deg) translate3d(0,.2rem,0);
	-webkit-transition-delay: .53s;
	transition-delay: .53s
}[data-text].alanGo .letter:nth-child(2) {
	-webkit-transform: rotateY(-4deg) rotateX(6deg) translate3d(0,.3rem,0);
	transform: rotateY(-4deg) rotateX(6deg) translate3d(0,.3rem,0);
	-webkit-transition-delay: .56s;
	transition-delay: .56s
}[data-text].alanGo .letter:nth-child(3) {
	-webkit-transform: rotateY(-5deg) rotateX(8deg) translate3d(0,.4rem,0);
	transform: rotateY(-5deg) rotateX(8deg) translate3d(0,.4rem,0);
	-webkit-transition-delay: .59s;
	transition-delay: .59s
}[data-text].alanGo .letter:nth-child(4) {
	-webkit-transform: rotateY(-6deg) rotateX(10deg) translate3d(0,.5rem,0);
	transform: rotateY(-6deg) rotateX(10deg) translate3d(0,.5rem,0);
	-webkit-transition-delay: .62s;
	transition-delay: .62s
}[data-text].alanGo .letter:nth-child(5) {
	-webkit-transform: rotateY(-7deg) rotateX(12deg) translate3d(0,.6rem,0);
	transform: rotateY(-7deg) rotateX(12deg) translate3d(0,.6rem,0);
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}[data-text].alanGo .letter:nth-child(6) {
	-webkit-transform: rotateY(-8deg) rotateX(14deg) translate3d(0,.7rem,0);
	transform: rotateY(-8deg) rotateX(14deg) translate3d(0,.7rem,0);
	-webkit-transition-delay: .68s;
	transition-delay: .68s
}[data-text].alanGo .letter:nth-child(7) {
	-webkit-transform: rotateY(-9deg) rotateX(16deg) translate3d(0,.8rem,0);
	transform: rotateY(-9deg) rotateX(16deg) translate3d(0,.8rem,0);
	-webkit-transition-delay: .71s;
	transition-delay: .71s
}[data-text].alanGo .letter:nth-child(8) {
	-webkit-transform: rotateY(-10deg) rotateX(18deg) translate3d(0,.9rem,0);
	transform: rotateY(-10deg) rotateX(18deg) translate3d(0,.9rem,0);
	-webkit-transition-delay: .74s;
	transition-delay: .74s
}[data-text].alanGo .letter:nth-child(9) {
	-webkit-transform: rotateY(-11deg) rotateX(20deg) translate3d(0,1rem,0);
	transform: rotateY(-11deg) rotateX(20deg) translate3d(0,1rem,0);
	-webkit-transition-delay: .77s;
	transition-delay: .77s
}[data-text].alanGo .letter:nth-child(10) {
	-webkit-transform: rotateY(-12deg) rotateX(22deg) translate3d(0,1.1rem,0);
	transform: rotateY(-12deg) rotateX(22deg) translate3d(0,1.1rem,0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}[data-text].alanGo .letter:nth-child(11) {
	-webkit-transform: rotateY(-13deg) rotateX(24deg) translate3d(0,1.2rem,0);
	transform: rotateY(-13deg) rotateX(24deg) translate3d(0,1.2rem,0);
	-webkit-transition-delay: .83s;
	transition-delay: .83s
}[data-text].alanGo .letter:nth-child(12) {
	-webkit-transform: rotateY(-14deg) rotateX(26deg) translate3d(0,1.3rem,0);
	transform: rotateY(-14deg) rotateX(26deg) translate3d(0,1.3rem,0);
	-webkit-transition-delay: .86s;
	transition-delay: .86s
}[data-text].alanGo .letter:nth-child(13) {
	-webkit-transform: rotateY(-15deg) rotateX(28deg) translate3d(0,1.4rem,0);
	transform: rotateY(-15deg) rotateX(28deg) translate3d(0,1.4rem,0);
	-webkit-transition-delay: .89s;
	transition-delay: .89s
}[data-text].alanGo .letter:nth-child(14) {
	-webkit-transform: rotateY(-16deg) rotateX(30deg) translate3d(0,1.5rem,0);
	transform: rotateY(-16deg) rotateX(30deg) translate3d(0,1.5rem,0);
	-webkit-transition-delay: .92s;
	transition-delay: .92s
}[data-text].alanGo .letter:nth-child(15) {
	-webkit-transform: rotateY(-17deg) rotateX(32deg) translate3d(0,1.6rem,0);
	transform: rotateY(-17deg) rotateX(32deg) translate3d(0,1.6rem,0);
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}[data-text].alanGo .letter:nth-child(16) {
	-webkit-transform: rotateY(-18deg) rotateX(34deg) translate3d(0,1.7rem,0);
	transform: rotateY(-18deg) rotateX(34deg) translate3d(0,1.7rem,0);
	-webkit-transition-delay: .98s;
	transition-delay: .98s
}[data-text].alanGo .letter:nth-child(17) {
	-webkit-transform: rotateY(-19deg) rotateX(36deg) translate3d(0,1.8rem,0);
	transform: rotateY(-19deg) rotateX(36deg) translate3d(0,1.8rem,0);
	-webkit-transition-delay: 1.01s;
	transition-delay: 1.01s
}[data-text].alanGo .letter:nth-child(18) {
	-webkit-transform: rotateY(-20deg) rotateX(38deg) translate3d(0,1.9rem,0);
	transform: rotateY(-20deg) rotateX(38deg) translate3d(0,1.9rem,0);
	-webkit-transition-delay: 1.04s;
	transition-delay: 1.04s
}[data-text].alanGo .letter:nth-child(19) {
	-webkit-transform: rotateY(-21deg) rotateX(40deg) translate3d(0,2rem,0);
	transform: rotateY(-21deg) rotateX(40deg) translate3d(0,2rem,0);
	-webkit-transition-delay: 1.07s;
	transition-delay: 1.07s
}[data-text].alanGo .letter:nth-child(20) {
	-webkit-transform: rotateY(-22deg) rotateX(42deg) translate3d(0,2.1rem,0);
	transform: rotateY(-22deg) rotateX(42deg) translate3d(0,2.1rem,0);
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s
}[data-text].alanGo .letter:nth-child(21) {
	-webkit-transform: rotateY(-23deg) rotateX(44deg) translate3d(0,2.2rem,0);
	transform: rotateY(-23deg) rotateX(44deg) translate3d(0,2.2rem,0);
	-webkit-transition-delay: 1.13s;
	transition-delay: 1.13s
}[data-text].alanGo .letter:nth-child(22) {
	-webkit-transform: rotateY(-24deg) rotateX(46deg) translate3d(0,2.3rem,0);
	transform: rotateY(-24deg) rotateX(46deg) translate3d(0,2.3rem,0);
	-webkit-transition-delay: 1.16s;
	transition-delay: 1.16s
}[data-text].alanGo .letter:nth-child(23) {
	-webkit-transform: rotateY(-25deg) rotateX(48deg) translate3d(0,2.4rem,0);
	transform: rotateY(-25deg) rotateX(48deg) translate3d(0,2.4rem,0);
	-webkit-transition-delay: 1.19s;
	transition-delay: 1.19s
}[data-text].alanGo .letter:nth-child(24) {
	-webkit-transform: rotateY(-26deg) rotateX(50deg) translate3d(0,2.5rem,0);
	transform: rotateY(-26deg) rotateX(50deg) translate3d(0,2.5rem,0);
	-webkit-transition-delay: 1.22s;
	transition-delay: 1.22s
}[data-text].alanGo .letter:nth-child(25) {
	-webkit-transform: rotateY(-27deg) rotateX(52deg) translate3d(0,2.6rem,0);
	transform: rotateY(-27deg) rotateX(52deg) translate3d(0,2.6rem,0);
	-webkit-transition-delay: 1.25s;
	transition-delay: 1.25s
}[data-text].alanGo .letter:nth-child(26) {
	-webkit-transform: rotateY(-28deg) rotateX(54deg) translate3d(0,2.7rem,0);
	transform: rotateY(-28deg) rotateX(54deg) translate3d(0,2.7rem,0);
	-webkit-transition-delay: 1.28s;
	transition-delay: 1.28s
}[data-text].alanGo .letter:nth-child(27) {
	-webkit-transform: rotateY(-29deg) rotateX(56deg) translate3d(0,2.8rem,0);
	transform: rotateY(-29deg) rotateX(56deg) translate3d(0,2.8rem,0);
	-webkit-transition-delay: 1.31s;
	transition-delay: 1.31s
}[data-text].alanGo .letter:nth-child(28) {
	-webkit-transform: rotateY(-30deg) rotateX(58deg) translate3d(0,2.9rem,0);
	transform: rotateY(-30deg) rotateX(58deg) translate3d(0,2.9rem,0);
	-webkit-transition-delay: 1.34s;
	transition-delay: 1.34s
}[data-text].alanGo .letter:nth-child(29) {
	-webkit-transform: rotateY(-31deg) rotateX(60deg) translate3d(0,3rem,0);
	transform: rotateY(-31deg) rotateX(60deg) translate3d(0,3rem,0);
	-webkit-transition-delay: 1.37s;
	transition-delay: 1.37s
}[data-text].alanGo .letter:nth-child(30) {
	-webkit-transform: rotateY(-32deg) rotateX(62deg) translate3d(0,3.1rem,0);
	transform: rotateY(-32deg) rotateX(62deg) translate3d(0,3.1rem,0);
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s
}[data-text].alanGo .letter:nth-child(31) {
	-webkit-transform: rotateY(-33deg) rotateX(64deg) translate3d(0,3.2rem,0);
	transform: rotateY(-33deg) rotateX(64deg) translate3d(0,3.2rem,0);
	-webkit-transition-delay: 1.43s;
	transition-delay: 1.43s
}[data-text].alanGo .letter:nth-child(32) {
	-webkit-transform: rotateY(-34deg) rotateX(66deg) translate3d(0,3.3rem,0);
	transform: rotateY(-34deg) rotateX(66deg) translate3d(0,3.3rem,0);
	-webkit-transition-delay: 1.46s;
	transition-delay: 1.46s
}[data-text].alanGo .letter:nth-child(33) {
	-webkit-transform: rotateY(-35deg) rotateX(68deg) translate3d(0,3.4rem,0);
	transform: rotateY(-35deg) rotateX(68deg) translate3d(0,3.4rem,0);
	-webkit-transition-delay: 1.49s;
	transition-delay: 1.49s
}[data-text].alanGo .letter:nth-child(34) {
	-webkit-transform: rotateY(-36deg) rotateX(70deg) translate3d(0,3.5rem,0);
	transform: rotateY(-36deg) rotateX(70deg) translate3d(0,3.5rem,0);
	-webkit-transition-delay: 1.52s;
	transition-delay: 1.52s
}[data-text].alanGo .letter:nth-child(35) {
	-webkit-transform: rotateY(-37deg) rotateX(72deg) translate3d(0,3.6rem,0);
	transform: rotateY(-37deg) rotateX(72deg) translate3d(0,3.6rem,0);
	-webkit-transition-delay: 1.55s;
	transition-delay: 1.55s
}[data-text].alanGo .letter:nth-child(36) {
	-webkit-transform: rotateY(-38deg) rotateX(74deg) translate3d(0,3.7rem,0);
	transform: rotateY(-38deg) rotateX(74deg) translate3d(0,3.7rem,0);
	-webkit-transition-delay: 1.58s;
	transition-delay: 1.58s
}[data-text].alanGo .letter:nth-child(37) {
	-webkit-transform: rotateY(-39deg) rotateX(76deg) translate3d(0,3.8rem,0);
	transform: rotateY(-39deg) rotateX(76deg) translate3d(0,3.8rem,0);
	-webkit-transition-delay: 1.61s;
	transition-delay: 1.61s
}[data-text].alanGo .letter:nth-child(38) {
	-webkit-transform: rotateY(-40deg) rotateX(78deg) translate3d(0,3.9rem,0);
	transform: rotateY(-40deg) rotateX(78deg) translate3d(0,3.9rem,0);
	-webkit-transition-delay: 1.64s;
	transition-delay: 1.64s
}[data-text].alanGo .letter:nth-child(39) {
	-webkit-transform: rotateY(-41deg) rotateX(80deg) translate3d(0,4rem,0);
	transform: rotateY(-41deg) rotateX(80deg) translate3d(0,4rem,0);
	-webkit-transition-delay: 1.67s;
	transition-delay: 1.67s
}[data-text].alanGo .letter:nth-child(40) {
	-webkit-transform: rotateY(-42deg) rotateX(82deg) translate3d(0,4.1rem,0);
	transform: rotateY(-42deg) rotateX(82deg) translate3d(0,4.1rem,0);
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s
}[data-text].alanGo .letter:nth-child(41) {
	-webkit-transform: rotateY(-43deg) rotateX(84deg) translate3d(0,4.2rem,0);
	transform: rotateY(-43deg) rotateX(84deg) translate3d(0,4.2rem,0);
	-webkit-transition-delay: 1.73s;
	transition-delay: 1.73s
}[data-text].alanGo .letter:nth-child(42) {
	-webkit-transform: rotateY(-44deg) rotateX(86deg) translate3d(0,4.3rem,0);
	transform: rotateY(-44deg) rotateX(86deg) translate3d(0,4.3rem,0);
	-webkit-transition-delay: 1.76s;
	transition-delay: 1.76s
}[data-text].alanGo .letter:nth-child(43) {
	-webkit-transform: rotateY(-45deg) rotateX(88deg) translate3d(0,4.4rem,0);
	transform: rotateY(-45deg) rotateX(88deg) translate3d(0,4.4rem,0);
	-webkit-transition-delay: 1.79s;
	transition-delay: 1.79s
}[data-text].alanGo .letter:nth-child(44) {
	-webkit-transform: rotateY(-46deg) rotateX(90deg) translate3d(0,4.5rem,0);
	transform: rotateY(-46deg) rotateX(90deg) translate3d(0,4.5rem,0);
	-webkit-transition-delay: 1.82s;
	transition-delay: 1.82s
}[data-text].alanGo .letter:nth-child(45) {
	-webkit-transform: rotateY(-47deg) rotateX(92deg) translate3d(0,4.6rem,0);
	transform: rotateY(-47deg) rotateX(92deg) translate3d(0,4.6rem,0);
	-webkit-transition-delay: 1.85s;
	transition-delay: 1.85s
}[data-text].alanGo .letter:nth-child(46) {
	-webkit-transform: rotateY(-48deg) rotateX(94deg) translate3d(0,4.7rem,0);
	transform: rotateY(-48deg) rotateX(94deg) translate3d(0,4.7rem,0);
	-webkit-transition-delay: 1.88s;
	transition-delay: 1.88s
}[data-text].alanGo .letter:nth-child(47) {
	-webkit-transform: rotateY(-49deg) rotateX(96deg) translate3d(0,4.8rem,0);
	transform: rotateY(-49deg) rotateX(96deg) translate3d(0,4.8rem,0);
	-webkit-transition-delay: 1.91s;
	transition-delay: 1.91s
}[data-text].alanGo .letter:nth-child(48) {
	-webkit-transform: rotateY(-50deg) rotateX(98deg) translate3d(0,4.9rem,0);
	transform: rotateY(-50deg) rotateX(98deg) translate3d(0,4.9rem,0);
	-webkit-transition-delay: 1.94s;
	transition-delay: 1.94s
}[data-text].alanGo .letter:nth-child(49) {
	-webkit-transform: rotateY(-51deg) rotateX(100deg) translate3d(0,5rem,0);
	transform: rotateY(-51deg) rotateX(100deg) translate3d(0,5rem,0);
	-webkit-transition-delay: 1.97s;
	transition-delay: 1.97s
}[data-text].alanGo .letter:nth-child(50) {
	-webkit-transform: rotateY(-52deg) rotateX(102deg) translate3d(0,5.1rem,0);
	transform: rotateY(-52deg) rotateX(102deg) translate3d(0,5.1rem,0);
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}[data-text].alanGo.go {
	opacity: 1
}[data-text].alanGo.go .letter {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translateZ(0)
}


.layer-item .list {
    position: relative;
    width: 100%;
    padding: 0;
    width: auto;
    text-align: left;
    display: block;
    margin-right: 6%;
}

.inner .part-2 .group .col .msg span i {
	font-size: 16px;
    padding-left: 5px;
}

.layer-item .list p {
	line-height: 1.5;
	color: #333;
    opacity: 1;
    font-size: 17px;
}

.over-3 {
	display: -webkit-box;
	line-height: 1.3;
	-webkit-line-clamp: 3;
	height: 3.9em;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.over-2 {
	display: -webkit-box;
	line-height: 1.1;
	-webkit-line-clamp: 2;
	height: 2.2em;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.txt-color {
	background: -webkit-linear-gradient(300deg,rgb(230,23,33) 45%,rgb(255,255,255) 100%);
	background: linear-gradient(150deg,rgb(230,23,33) 45%,rgb(255,255,255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent
}

.layer-sup {
	line-height: 1.1
}

.layer-sup sup {
	vertical-align: top
}

.layer-btmMask {
	position: relative
}

.layer-btmMask:before {
	content: "";
	z-index: 1;
	pointer-events: none;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);
	background: linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%)
}

.layer-img {
	border-radius: .05rem;
	overflow: hidden
}

.layer-img>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0;
	-webkit-transition: opacity 1s var(--ease),-webkit-clip-path 1.8s var(--picEase),-webkit-transform 1.8s var(--picEase);
	transition: opacity 1s var(--ease),-webkit-clip-path 1.8s var(--picEase),-webkit-transform 1.8s var(--picEase);
	transition: clip-path 1.8s var(--picEase),transform 1.8s var(--picEase),opacity 1s var(--ease);
	transition: clip-path 1.8s var(--picEase),transform 1.8s var(--picEase),opacity 1s var(--ease),-webkit-clip-path 1.8s var(--picEase),-webkit-transform 1.8s var(--picEase)
}

.layer-img.go>img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.layer-img.go>img:not(.noClip) {
	-webkit-clip-path: inset(0 0 0 0 round .05rem);
	clip-path: inset(0 0 0 0 round .05rem)
}



@-webkit-keyframes jumpMouse {
	0% {
		-webkit-transform: translateY(.05rem);
		transform: translateY(.05rem)
	}

	to {
		-webkit-transform: translateY(-.01rem);
		transform: translateY(-.01rem)
	}
}

@keyframes jumpMouse {
	0% {
		-webkit-transform: translateY(.05rem);
		transform: translateY(.05rem)
	}

	to {
		-webkit-transform: translateY(-.01rem);
		transform: translateY(-.01rem)
	}
}

@media screen and (orientation: landscape) {
	.app {
		display: none!important
	}
}

@media screen and (orientation: portrait) {
	.pc {
		display: none!important
	}

	html {
		font-size: 55PX
	}

	.f-130,.f-120 {
		font-size: 13vw
	}

	.f-90 {
		font-size: 10vw
	}

	.f-80 {
		font-size: 9vw
	}

	.f-70 {
		font-size: 8vw
	}

	.f-60 {
		font-size: 7vw
	}

	.f-54,.f-48 {
		font-size: 6vw
	}

	.f-36 {
		font-size: 18px
	}

	.f-32 {
		font-size: 17px
	}

	.f-30,.f-28,.f-26,.f-24,.f-22,.f-20 {
		font-size: 16px
	}

	.f-18 {
		font-size: 14px
	}

	.f-16 {
		font-size: 14px
	}

	.f-14 {
		font-size: 14px
	}

	.f-12 {
		font-size: 12px
	}
}


.row {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.row .bgSign {
	position: absolute;
	top: calc(var(--top) * 1rem);
	left: calc(var(--left) * 1rem)
}

.row>.bg {
	z-index: 1;
	pointer-events: none
}

.row>.bg.fixBg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

@media screen and (orientation: landscape) {
	.row>.bg.fixBg {
		position: fixed;
		visibility: hidden
	}
}

@media screen and (orientation: portrait) {
	.row>.bg.fixBg {
		position: absolute
	}
}

.row>.bg.fixBg.showImg {
	visibility: visible
}

.row>.inner {
	position: relative;
	z-index: 2
}



.esg .topRow .bg .topic {
	width: 100%;
	height: 100%
}

.esg .topRow .bg .topic h1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-delay: calc(var(--go) * -1s);
	animation-delay: calc(var(--go) * -1s);
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: esgTil;
	animation-name: esgTil
}

.esg .topRow .bg .topic h1 .letter {
	margin-right: 0;
	display: inline-block
}

.esg .topRow .bg .msg {
	width: 1000px;
	right: 0;
	margin: 0 auto;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-delay: calc(var(--go) * -1s);
	animation-delay: calc(var(--go) * -1s);
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-mask: -webkit-linear-gradient(320deg,rgb(0,0,0) 0%,rgb(0,0,0) 50%,rgba(0,0,0,0) 70%);
	mask: linear-gradient(130deg,rgb(0,0,0) 0%,rgb(0,0,0) 50%,rgba(0,0,0,0) 70%);
	-webkit-mask-size: 100% 200vw;
	mask-size: 100% 200vw
}

.esg .topRow .bg .msg h2 {	
    font-size: 44px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
	margin-bottom: 40px;
	color: #fff;
}

.esg .topRow .bg .msg p {
	font-size: 21px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0;
	color: #fff;
}

@media screen and (orientation: landscape) {
	.esg .topRow .bg .msg {
		-webkit-animation-name: esgMsg;
		animation-name: esgMsg
	}
}

@media screen and (orientation: portrait) {
	.esg .topRow .bg .msg {
		-webkit-animation-name: esgMsg_app;
		animation-name: esgMsg_app
	}
}

.esg .topRow .bg .pic {
	position: absolute;
    top: 0px;
    height: 100vh;
    left: 50%;
    width: 100%;
    border-radius: 0px;
    transform: translateX(-50%);
}

.esg .topRow .bg .pic::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 35%) 100%);
	border-radius: 20px;
}

.esg .topRow .bg .btm {
	margin-top: .6rem;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: .4rem .85rem;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.esg .topRow .bg .btm>.f-14 {
	display: none
}

.esg .topRow .bg .btm .scr {
	-webkit-animation: scr 1s var(--ease) infinite alternate;
	animation: scr 1s var(--ease) infinite alternate
}

.esg .topRow .inner .clear {
	height: 200vh
}

.esg .r1 {
	background-color: #f7fffc;
	overflow: visible
}

.esg .r1 .top {
	padding-top: 80px;
    padding-bottom: 80px;
}
.esg .r1 .top h2 {
	color: #175748;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 0;
}

.esg .r1 .top .num {
	background-color: #a5dccb;
	margin-bottom: .3rem;
	width: .5rem;
	height: .5rem;
	border-radius: 50%
}

.esg .r1 .stickyContent {
	width: 100%;
	position: relative
}

.esg .r1 .stickyContent .inner {
	position: -webkit-sticky;
	position: sticky;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    left: 0;
    top: 0;
    overflow: hidden;
    width: calc(100% - 5%);
	width: 100%;
    margin: 0 auto;
    border-radius: 15px;
}

.esg .r1 .stickyContent .inner .part {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 5
}

.esg .r1 .stickyContent .inner .part:nth-of-type(4n+1) {
	background: url(../picture/esg02.jpg) no-repeat center;
	background-size: cover;
    width: 100%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px;
}

.esg .r1 .stickyContent .inner .part:nth-of-type(4n+2) {
	background-color: #f7f7f7;
	box-shadow: 0 -1px 4px #0000001a
}

.esg .r1 .stickyContent .inner .part:nth-of-type(4n+3) {
	box-shadow: 0 -1px 4px #0000001a;
	background: url(../picture/esg01.jpg) no-repeat center;
	background-size: cover;
    width: 100%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px;

}

.esg .r1 .stickyContent .inner .part:nth-of-type(4n+4) {
	background-color: #f7f7f7;
	box-shadow: 0 -1px 4px #0000001a
}

.esg .r1 .stickyContent .inner .part .group {
    padding: 90px 5% 0;
    display: grid;
    grid-template-columns: 560px calc(100% - 630px);
    -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;
    height: 100%;
    grid-template-rows: 90%;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.esg .r1 .stickyContent .inner .part-2 .group {
	padding: 150px 5% 0;
    display: grid;
    grid-template-columns: 48% 100vh;
    -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;
    height: 100%;
    grid-template-rows: 90%;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}


.esg .r1 .stickyContent .inner .part .group .layer-img {
	height: 100%
}

.esg .r1 .stickyContent .inner .part .group .col>h3 {
	margin-bottom: 50px;
    font-size: 38px;
    font-weight: normal;
    color: #fff;
}

.esg .r1 .stickyContent .inner .part-2 .group .col>h3 {
	color: #175748;
}

.inner .part .group .col .msg {
	font-size: 17px;
    color: #fff;
    line-height: 1.8;
}
.esg .r1 .stickyContent .inner .part-2 .group .col .msg {
	width: 90%;
}

.inner .part .group .col .msg p {
	opacity: 0.88;
	color: #fff;
	font-size: 19px;
	line-height: 1.8;
	margin-bottom: 40px;
}

.inner .part-2 .group .col .msg p {
	color: #333;
	margin-bottom: 40px;
}

.inner .part .group .col .msg span {
	display: block;
	margin-top:20px ;
	font-size: 22px;
	opacity: 1;
	color: #fff;
	position: relative;
}

.inner .part-2 .group .col .msg span {
    display: block;
    margin-top: 20px;
    font-size: 32px;
    color: #175748;
    position: relative;
}

.esg .r1 .stickyContent .inner .part .group .col .items .layer-downList {
	padding: .4rem 0;
	border-bottom: 1px solid rgba(23,63,63,.1)
}

.esg .r1 .stickyContent .inner .part .group .col .items .layer-downList:last-of-type {
	border-bottom: none;
	padding-bottom: 0
}

.esg .r1 .stickyContent .inner .part-2 .group .layer-img {
	height: auto;
}
.esg .r1 .stickyContent .inner .part .group .col .msg .layer-item {
	display: block;
}

.esg .r1 .stickyContent .inner .part-2 .group .col {
	margin-left: 5%;
    color: #333;
}
.esg .r1 .stickyContent .inner .part-2 .group .col .msg .layer-item {
	display: flex;
    flex-wrap: wrap;
	gap: 0;
}

.esg .r1 .stickyContent .inner .part .btm {
	width: 100%;
	padding: 0 .85rem;
	height: 1.2rem
}

.esg .r1 .stickyContent .inner .part .btm p {
	width: 50%;
	visibility: hidden
}

.esg .r1 .stickyContent .inner .part .btm .set {
	color: #173f3f66
}

.inner .part .group .col .msg .layer-item-2 span {
	margin-bottom: 20px;
}

.inner .part .group .col {
	backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 20px;
    padding: 50px;
}

.inner .part-3 .group .col .msg .layer-item-2 span {
    margin-bottom: 15px;
    margin-top: 40px;
}

.inner .part-3 .group .col .msg p {
	margin-bottom: 5px;
	opacity: 1;
	position: relative;
}

.inner .group .col .msg .layer-item-2 p {
	padding-left: 20px;
}

.inner .group .col .msg .layer-item-2 p::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: rgb(255 255 255 / 68%);
    border-radius: 20px;
}


@-webkit-keyframes scr {
	0% {
		-webkit-transform: translate3d(0,-.05rem,0);
		transform: translate3d(0,-.05rem,0)
	}

	to {
		-webkit-transform: translate3d(0,.06rem,0);
		transform: translate3d(0,.06rem,0)
	}
}

@keyframes scr {
	0% {
		-webkit-transform: translate3d(0,-.05rem,0);
		transform: translate3d(0,-.05rem,0)
	}

	to {
		-webkit-transform: translate3d(0,.06rem,0);
		transform: translate3d(0,.06rem,0)
	}
}

@-webkit-keyframes topIn1 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0);
		opacity: 1
	}

	90% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 0
	}
}

@keyframes topIn1 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0);
		opacity: 1
	}

	90% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes topIn2 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0);
		opacity: 1
	}

	90% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 0
	}
}

@keyframes topIn2 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0);
		opacity: 1
	}

	90% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes topOut1 {
	0% {
		-webkit-transform: rotateX(-90deg) scale(1.2);
		transform: rotateX(-90deg) scale(1.2)
	}

	to {
		-webkit-transform: rotateX(0deg) scale(1);
		transform: rotateX(0) scale(1)
	}
}

@keyframes topOut1 {
	0% {
		-webkit-transform: rotateX(-90deg) scale(1.2);
		transform: rotateX(-90deg) scale(1.2)
	}

	to {
		-webkit-transform: rotateX(0deg) scale(1);
		transform: rotateX(0) scale(1)
	}
}

@-webkit-keyframes topOut2 {
	0% {
		-webkit-transform: rotateX(90deg) scale(1.2);
		transform: rotateX(90deg) scale(1.2)
	}

	to {
		-webkit-transform: rotateX(0deg) scale(1);
		transform: rotateX(0) scale(1)
	}
}

@keyframes topOut2 {
	0% {
		-webkit-transform: rotateX(90deg) scale(1.2);
		transform: rotateX(90deg) scale(1.2)
	}

	to {
		-webkit-transform: rotateX(0deg) scale(1);
		transform: rotateX(0) scale(1)
	}
}

@-webkit-keyframes topscaleIn {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes topscaleIn {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes photoFill {
	0% {
		-webkit-clip-path: inset(35% 24vw 15% 24vw round 0);
		clip-path: inset(35% 24vw 15% 24vw round 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0);
		clip-path: inset(0 0 0 0 round 0)
	}
}

@keyframes photoFill {
	0% {
		-webkit-clip-path: inset(35% 24vw 15% 24vw round 0);
		clip-path: inset(35% 24vw 15% 24vw round 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0);
		clip-path: inset(0 0 0 0 round 0)
	}
}

@-webkit-keyframes photoFill_app {
	0% {
		-webkit-clip-path: inset(38% 5vw 10% 5vw round 0);
		clip-path: inset(38% 5vw 10% 5vw round 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0);
		clip-path: inset(0 0 0 0 round 0)
	}
}

@keyframes photoFill_app {
	0% {
		-webkit-clip-path: inset(38% 5vw 10% 5vw round 0);
		clip-path: inset(38% 5vw 10% 5vw round 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0);
		clip-path: inset(0 0 0 0 round 0)
	}
}

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

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes imgFill_app {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes imgFill_app {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes gorotate {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

	to {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@keyframes gorotate {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}

	to {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(.2rem,0,0);
		transform: translate3d(.2rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0)
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(.2rem,0,0);
		transform: translate3d(.2rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0)
	}
}

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

	to {
		opacity: 1
	}
}

@keyframes fadeInSmall {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes esgTil {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-1.5rem,0);
		transform: translate3d(0,-1.5rem,0)
	}
}

@keyframes esgTil {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-1.5rem,0);
		transform: translate3d(0,-1.5rem,0)
	}
}

@-webkit-keyframes esgMsg {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		-webkit-mask-position-y: -155vw
	}

	30% {
		-webkit-mask-position-y: -155vw
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		-webkit-mask-position-y: 0
	}
}

@keyframes esgMsg {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		-webkit-mask-position-y: -155vw
	}

	30% {
		-webkit-mask-position-y: -155vw
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		-webkit-mask-position-y: 0
	}
}

@-webkit-keyframes esgMsg_app {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		-webkit-mask-position-y: -175vw
	}

	30% {
		-webkit-mask-position-y: -175vw
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		-webkit-mask-position-y: 0
	}
}

@keyframes esgMsg_app {
	0% {
		-webkit-transform: translate3d(0,80%,0);
		transform: translate3d(0,80%,0);
		-webkit-mask-position-y: -175vw
	}

	30% {
		-webkit-mask-position-y: -175vw
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		-webkit-mask-position-y: 0
	}
}

@-webkit-keyframes homeSign {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-25vw,-5%,0);
		transform: translate3d(-25vw,-5%,0);
		opacity: .5
	}
}

@keyframes homeSign {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-25vw,-5%,0);
		transform: translate3d(-25vw,-5%,0);
		opacity: .5
	}
}

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

	50% {
		-webkit-transform: translate3d(0,2vw,0);
		transform: translate3d(0,2vw,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes homeShadow {
	0% {
		opacity: 0
	}

	50% {
		-webkit-transform: translate3d(0,2vw,0);
		transform: translate3d(0,2vw,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes homeNote {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes homeNote {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

	60% {
		-webkit-transform: translate3d(-2vw,0,0);
		transform: translate3d(-2vw,0,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes homeLeft {
	0% {
		opacity: 0
	}

	60% {
		-webkit-transform: translate3d(-2vw,0,0);
		transform: translate3d(-2vw,0,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

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

	60% {
		-webkit-transform: translate3d(2vw,0,0);
		transform: translate3d(2vw,0,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes homeRight {
	0% {
		opacity: 0
	}

	60% {
		-webkit-transform: translate3d(2vw,0,0);
		transform: translate3d(2vw,0,0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes proFx {
	0% {
		-webkit-clip-path: inset(38% 31.8vw 38% 50vw round 5px);
		clip-path: inset(38% 31.8vw 38% 50vw round 5px)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0px);
		clip-path: inset(0 0 0 0 round 0px)
	}
}

@keyframes proFx {
	0% {
		-webkit-clip-path: inset(38% 31.8vw 38% 50vw round 5px);
		clip-path: inset(38% 31.8vw 38% 50vw round 5px)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0px);
		clip-path: inset(0 0 0 0 round 0px)
	}
}

@-webkit-keyframes proFx_app {
	0% {
		-webkit-clip-path: inset(38% 5vw 38% 5vw round 5px);
		clip-path: inset(38% 5vw 38% 5vw round 5px)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0px);
		clip-path: inset(0 0 0 0 round 0px)
	}
}

@keyframes proFx_app {
	0% {
		-webkit-clip-path: inset(38% 5vw 38% 5vw round 5px);
		clip-path: inset(38% 5vw 38% 5vw round 5px)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0 round 0px);
		clip-path: inset(0 0 0 0 round 0px)
	}
}

@media screen and (orientation: portrait) {
	html {
		font-size: 50px!important
	}

	.f-150 {
		font-size: 12vw
	}

	.f-140 {
		font-size: 10vw
	}

	.f-72 {
		font-size: 6.8vw
	}

	.f-80 {
		font-size: 8vw
	}

	.f-64,.f-60 {
		font-size: 6vw
	}

	.f-50 {
		font-size: 5.2vw
	}

	.f-48 {
		font-size: 5vw
	}

	.f-40 {
		font-size: 4vw
	}

	.f-16 {
		font-size: 13px
	}

	.f-14 {
		font-size: 12px
	}

	p.f-16 {
		line-height: 1.1
	}

	.layer-item .list p {
		line-height: 1.2
	}

	.esg .topRow .bg {
		position: fixed
	}

	.esg .topRow .bg .msg {
		width: 90%;
		-webkit-mask-size: 100% 300vw;
		mask-size: 100% 300vw
	}

	.esg .r1 .top .num {
		width: .7rem;
		height: .7rem
	}

	.esg .r1 .top h2 {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.esg .r1 .stickyContent .inner {
		position: relative;
		height: auto
	}

	.esg .r1 .stickyContent .inner .part {
		position: relative!important;
		min-height: calc(var(--vh, 1vh) * 100);
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.esg .r1 .stickyContent .inner .part .group {
		padding: 1rem 5vw 0 5vw;
		height: calc(100% - 1.5rem);
		grid-template-columns: 100%;
		grid-template-rows: 55vw auto;
		gap: 4vw 0;
		-webkit-box-align: start;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start
	}

	.esg .r1 .stickyContent .inner .part .group .layer-img {
		height: 55vw;
		width: 100%
	}

	.esg .r1 .stickyContent .inner .part .group .col>h3 {
		margin-bottom: .4rem
	}

	.esg .r1 .stickyContent .inner .part .btm {
		height: 1.5rem;
		padding: 0 5vw
	}

	.esg .r1 .stickyContent .inner .part .group .col .msg>p {
		margin-bottom: .4rem
	}

	.esg .r1 .stickyContent .inner .part .group .col .msg .layer-item {
		gap: 0 .1rem
	}

	
}


@media screen and (max-width: 1500px) {
	.esg .r1 .stickyContent .inner .part-2 .group .layer-img {
		height: 100%;
	}
	.esg .r1 .stickyContent .inner .part-2 .group .col {
		padding: 0;
	}
}

@media screen and (max-width: 1399px) {
	.esg .topRow .bg .pic {
		position: absolute;
		/* top: 90px; */
		height: 100vh;
		left: 50%;
		width: 100%;

		width: 100%;
		border-radius: 20px;
		transform: translateX(-50%);
	}
	.esg .topRow .bg .topic {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
		margin-top: 90px;
	}
	.esg .topRow .bg .msg h2 {
		margin-top: 90px;
	}

	
}

@media screen and (max-width: 400px) {
	html {
		font-size: 45px!important
	}

	.f-18,.afterInner .banner .inner .btm .scr {
		font-size: 13px
	}

	.f-16 {
		font-size: 12px
	}

	.f-14{
		font-size: 12px
	}

	.f-12 {
		font-size: 2.6vw
	}
}