html,body{
	background: #ffff;
	font-size: 3.6vw;
	letter-spacing: 0.02em;
	overflow-x: hidden; 
}

body {
	position: relative;
	line-height: 1.5;
	font-weight: 400;
    width: 100%;
    font-family: Arial, "Microsoft JhengHei" ,"微軟正黑" ;
    overflow-x: hidden;
    position: relative;
}

body::before{
	pointer-events: none;
	position: fixed;
	z-index: 999;
	background: url(../images/bg_pattern.png) repeat;
	width: 100%;
	height: 100%;
	content:"";
	display: block;
}


img{
	width: 100%;
	height: auto;
	display: block;
}

b{
	font-weight: 700;
}
span.light{
	color: #FFDC80;
}

span.light_2{
	font-weight: 600;
	color: #0061af
}


ul.point_list{
	list-style-type: disc;
	margin-left: 1.2rem;
}

ul.point_list li::marker {
	color: #41B6E6
}

.note_list{
	line-height: 1.5;
	margin-top: 0.8rem;
	font-size: 0.75rem;
	color: #676767;
	letter-spacing: 0em;
}

h2{
	font-size: 2.5rem;
}

.header_nav{
	opacity: 0;
}
.header_nav a{
	display: block;
}

header.header_nav{
	position: fixed;
	opacity: 1;
	z-index: 999;
	transition: all .5s;
}

/*

header.header_nav.is-active{
	opacity: 1;
	transition: all .5s;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background: #003564;
}*/


[data-aos="hearder_animation"].aos-animate.header_nav{
	opacity: 1;
	transition: all .5s;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background: #003564;
}



.scrence_scroll{
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.scrence_scroll .scroll_mouse{
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	align-items: center;
}

.scrence_scroll .finger_icon{
	width: 2rem;
	height: auto;
}

.scrence_scroll .mouse_icon{
	border-width: 3px;
	border-style: solid;
	width: 1.5rem;
	height: 2.5rem;
	border-radius: 300px;
	position: relative;
	transform: translateY(-5px);
}



.scrence_scroll .mouse_icon::after{
	content:"";
	display: block;
	width: 4px;
	height: 25%;
	background: #FFA51E;
	position: absolute;
	top: 10%;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 10px;
	animation : scroll 1.2s cubic-bezier(.15,.41,.69,.94) both infinite;
}

@keyframes scroll{
	0% { opacity: 0; }
  	10% { transform: translateY(0); opacity: 1; }
 	100% { transform: translateY(13px); opacity: 0;}
}

.scroll_mouse p{
	font-size: 0.55rem;
	font-weight: 400;
	margin: 0.3rem 0;
}

.scroll_info{
	font-size: 0.7rem;
}


.section_kv{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: url(../images/KV_bg.svg) no-repeat;
	background-position: center -300px;
}


.section_kv .kv_container{
	height: 100%;
	position: relative;
}

.section_kv::before,.section_kv .kv_container .row.kv_row::after,.section_kv .door_item::before{
	display: block;
	content:"";
	width: 100%;
	position: absolute;
}


.section_kv::before{
	bottom: 0;
	/*top: 60%;*/
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	padding-bottom: 47.5%;
	background: url(../images/KV_footer.svg) no-repeat;
	background-size: 300%;
	background-position: 75% bottom;
	margin-bottom: 0%;
	z-index: 1;
}

.section_kv .kv_container .row.kv_row::after{
	background: url(../images/KV_city.svg) no-repeat;
	background-size: 200%;
	width: 100%;
	height: 70%;
	left: 0;
	right: 0;
	top: 30%;
	margin: auto;
	z-index: 0;
}

.section_kv .row.kv_row{
	height: 85%;
	justify-content: center;
}


.section_kv .title_item{
	font-family: Arial;
	position: relative;
	z-index: 3;
	width: 97%;
}

.section_kv .title_item h1 .main_title{
	margin-bottom: 0.5rem;
}

.section_kv .title_item h1 .sub_title{
	font-weight: 400;
	font-size: 1.65rem;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	margin-bottom: 0.2em;
	padding: 0 0.2em;
}

.section_kv .title_item h1 .sub_title:nth-of-type(2){
	text-align: right;
}


.section_kv .door_col{
	align-self: center;
}

.section_kv .door_item{
	position: relative;
	z-index: 2;
	width: 130%;
	margin-left: -15%;
	/*margin-top: -16%;*/
	/*transform: scale(1.3);*/
}

.section_kv .door_item::before{
	background: url(../images/KV_smoke.svg) no-repeat;
	background-size: 100% auto;
	width: 150%;
	height: 120%;
	left: -35%;
	top: -14%;
	z-index: 4;
	animation: breeze-smoke 12s ease infinite forwards;
}


.section_kv .human{
	position: absolute;
	z-index: 3;
}

.section_kv .human_right{
	width: 32%;
	right: 5%;
	bottom: 3%;
}

.section_kv .human_right .human_computer{
	width: 55%;
	position: absolute;
	right: 10%;
	top: 17%;
}

.section_kv .human_left{
	width: 42%;
	left: -6%;
	bottom: 8%;
}


.section_kv .main_door{
	position: relative;
	z-index: 2;
	filter: drop-shadow(0 -10px 30px rgba(148,234,255,0.8));
	animation: door_glow 2.5s ease both infinite;
}


@keyframes door_glow{
	0%{
		filter: drop-shadow(0 0 10px rgba(148,234,255,0.8));
	}
	50%{
		filter: drop-shadow(0 -10px 30px rgba(148,234,255,0.8));
	}
	100%{
		filter: drop-shadow(0 0 10px rgba(148,234,255,0.8));
	}
}

.section_kv .door_bg{
	position: absolute;
	top: -17%;
	right: -8.5%;
	z-index: 1;
	width: 117%;
	/*transform: scale(1.17);*/
	transform-origin: center bottom;
	animation: breeze 8s ease infinite forwards;
}

.section_kv .door_plant{
	position: absolute;
	left: 10%;
	bottom: 30%;
	margin: auto;
	width: 25%;
	z-index: 0;
	animation: breeze 4s ease infinite forwards;
	transform-origin: center bottom;
}

@keyframes breeze{
	0%{
		transform: rotate(0) scale(1);
	}
	50%{
		transform: rotate(-0.4deg) scale(1.008 , 1);
	}
	95%{
		transform: rotate(0) scale(1);
	}

}

@keyframes breeze-smoke{
	0%{
		opacity: 1;
		transform: rotate(0) scale(1);
	}
	50%{
		opacity: 0.6;
		transform: rotate(-0.4deg) scale(1.1 , 1);
	}
	95%{
		opacity: 1;
		transform: rotate(0) scale(1);
	}
}

.section_kv .core_row{
	position: relative;
	z-index: 1;
}

.section_kv .core_col{
	margin: auto;
}

.section_kv .core_item{
	color: #eeeeef;
	text-align: left;
	display: flex;
	display: -ms-flexbox;
	font-size: 0.75rem;
	align-items: center;
}

.section_kv .core_item img{
	width: 2rem;
	height: auto;
	margin-right: 0.5rem;
}

.section_kv .scrence_scroll{
	position: absolute;
	top: 0;
	bottom: 0;
	color: #FFFCB1;
	z-index: 9;
	/*filter: drop-shadow(0 0 15px rgba(0,0,0,0.6));*/
}

.section_kv .scrence_scroll .mouse_icon{
	border-color: #FFFCB1;
}


/*.section_tranistion{
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	z-index: 3;
}

.section_tranistion img{
	width: 100%;
	transform: scale(0.35)  translateZ(-100px);
	margin-left: 36%;
	transform-style: preserve-3d;
	transform-origin: center;
	perspective: 500px;
	perspective-origin: center center;
	opacity: 0;
	filter: blur(0px) brightness(100%);
}

.section_tranistion.is-active img{
	transform: scale(1)  translateZ(0);
	margin-left: 0;
	transition: all ease-out .3s;
	opacity: 1;
	filter: blur(30px) brightness(50%);
}
*/

.section_scenes{
	width: 100%;
	height: 100%;
	position: fixed;
	background: #fff;
	color: #fff;
	opacity: 0;
	z-index: 6;
	overflow: hidden;
	transition: all ease-out .3s;
}

.section_scenes::after{
	z-index: -1;
	background-image: url(../images/Scenes_bg.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top left;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;		
	content:"";
	display: block;
	width: 100%;
	height: 100%;
}

.section_scenes.scenes_home{
	transform: scale(0.2)  translate3d(0, 0, 0);
	/*filter: blur(30px) brightness(0%);*/
	filter: blur(30px);
}


.section_scenes.scenes_train,.section_scenes.scenes_office{
	transform: scale(0.2)  translate3d(0, 0, 0);
	filter: blur(20px);
}

.section_scenes.scenes_home.is-active{
	filter: blur(0px) brightness(100%);
}


.section_scenes.is-active,.section_scenes.scenes_relative{
	/*animation: home-active ease-out .8s both; */
	opacity: 1;
	left: 0;
	top: 0;
	transform: scale(1)  translate3d(0, 0, 0);
	filter: blur(0px);
	backface-visibility: hidden;
	transform-origin: center;
	transition: all ease-out .3s;
}

.position_scenes{
	position: relative;
	margin-top: 100vh;
	width: 50%;
	opacity: 0;
	height: 20vh;
	pointer-events: none;
}

.position_scenes ~ .position_scenes{
	margin-top: 20vh;
}


@media screen and (max-width:767px){
	.position_scenes{
		height: 25vh;
	}

	.position_scenes ~ .position_scenes{
		margin-top: 50vh;
	}
}

.section_scenes .container-fluit{
	position: relative;
	height: 100%;
}

.section_scenes .airplane{
	transition: all .2s ease;
	position: absolute;
	z-index: 4;
}

.section_scenes .airplane .airplane_object{
	position: relative;
	width: 13.36%;
	z-index: 1;
	transform: translate(150% ,88%) rotate(-20deg) scale(0.9);
}

.section_scenes.is-active .airplane_object{
	transform: translate(0 , 0) rotate(0) scale(1);
	transition: all ease-in .5s .3s;
}
/*
@keyframes fly{
	0%{
		transform: translate(45% , 32%);
	}
	100%{
		transform: translate(0 , 0);
	}
}
*/
.section_scenes .airplane .airplane_line{
	position: relative;
	transform: translate(14.5%,-35.5%);
	width: 85.65%;
	z-index: 0;
}

.section_scenes .scrence_scroll{
	color: #555555;
	position: absolute;
	bottom: 1%;
}

.section_scenes .scrence_scroll .mouse_icon{
	border-color: #555555;
}


.section_scenes .row{
	justify-content: space-around;
	align-items: stretch;
}

.section_scenes .scenes_title{
	width: 90%;
	position: absolute;
	margin-top: 4%;
	left: 5%;
	letter-spacing: 0.06em;
	line-height: 1.5;
	z-index: 1;
}

.section_scenes .left_col{
	align-self: flex-end;
}

.section_scenes .scenes_left{
	position: relative;
	z-index: 2;
}

.section_scenes .scenes_main{
	position: relative;
	padding-top: 5%; 
}

.section_scenes .scenes_main .main_computer,.section_scenes .scenes_main .main_hand{
	position: absolute;
}

.section_scenes .scenes_main .main_object{
	width: 98.125%;
	margin: auto;
}


.scenes_home .scenes_main .main_computer{
	right: 47%;
	width: 21.4%;
	bottom: 38%;
}

.scenes_home .scenes_main .main_hand{
	left: 17.5%;
	bottom: 41%;
	width: 17.65%;
}

.scenes_home.section_scenes .airplane{
	transform: scaleX(-1);
}

.scenes_train .row{
	position: relative;
	margin-top: -4.5%;
}
.scenes_train .scenes_left{
	width: 110%;
}

.scenes_train .scenes_main .main_computer{
	right: 41.5%;
	bottom: 33%;
	width: 15%;
}
.scenes_train .scenes_main .main_hand{
	right: 37.2%;
    bottom: 32.8%;
	width: 14.6%;
}

.scenes_train .floor_item{
	margin-top: -3.6%;
}

.scenes_office.section_scenes .airplane{
	transform: scaleX(-1) rotate(-10deg);
}

.scenes_office .scenes_main .main_computer{
	right: 23%;
	bottom: 37%;
	width: 35%;
}
.scenes_office .scenes_main .main_hand{
	right: 18.3%;
    bottom: 43.1%;
	width: 16.54%;
}

.scenes_park.section_scenes .airplane{
	transform: rotate(-30deg);
}

.scenes_park .scenes_main .main_computer{
	right: 26.33%;
	bottom: 28.3%;
	width: 13.9%;
}
.scenes_park .scenes_main .main_hand{
	right: 36.6%;
    bottom: 30.3%;
	width: 12.97%;
}

.block_white{
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 6;
	background: #fff;
}

[data-aos="block_animation"].aos-animate{
	opacity: 1;
}


.wrap{
	margin-top: 50vh;
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 10;
	/*overflow-x: hidden; */
	/*pointer-events: none;*/
}

.wrap.is-active{
	display: block;
	pointer-events: initial;
	opacity: 1;
	z-index: 10;
}


/*.scenes_park.is-relative{
	display: block;
	transition: none;
	position: relative;
	z-index: 10;
	top: 1000px;
}*/

.section_page{
	padding: 7.2% 0 0 0;
	position: relative;
	z-index: 10;
}

.section_page::after ,.section_transition::after {
	content:"";
	display: block;
	width: 100%;
	height: 0;
	background-position: bottom;
}


.section_page .page_title{
	text-align: center;
	position: relative;
}

.section_page .page_title h3{
	color: #333333;
	padding: 5%;
	font-size: 2.916rem;
	text-align: center;
}

.section_page .page_title h3 .main_title{
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 0.4rem;
	letter-spacing: 0.01em;
}

.section_page .page_title h3 .number{
	position: relative;
	margin-right: 2.5rem;
	font-family: "Arimo" ;
}

.section_page .page_title h3 .number::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.25rem;
	margin: auto;
	z-index: -1;
	content:"";
	display: block;
	border-radius: 62% 38% 56% 44% / 58% 32% 68% 42%;
	width: 4.525rem;
	height: 0;
	padding-bottom: 4.525rem;
}

.section_page .page_title h3 .sub_title{
	font-size: 0.8333rem;
	color: #F3AF00;
	font-family: "Arimo";
	font-weight: 400;
	letter-spacing: 0.1em;
	display: flex;
	display: -ms-flexbox;
	align-items: flex-start;
	justify-content: center;
}

.section_page .page_title h3 .sub_title img{
	display: block;
	width: 7rem;
	height: auto;
}

.section_page .page_title .title_human{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.section_page .page_title .title_human.right_human{
	text-align: right;
	right: 0;
	width: 33.33%;
	height: auto;
}

.section_page .page_title .title_human.left_human{
	text-align: left;
	left: 0;
	width: 25.625%;
	height: auto;
}

.section_page .content_row,.section_transition .content_row{
	align-items: center;
	justify-content: center;
}
.section_page .item_content{
	line-height: 1.6;
}
.section_page h4{
	line-height: 1.5;
	font-size: 1.4rem;
	margin-bottom: 0.8rem;
}

.section_page .main_list p{
	margin-bottom: 0.5rem;
}

.section_page .icon_list p{
	line-height: 1.7;
	display: flex;
	display: -ms-flexbox;
	align-items: flex-start;
}

.section_page .icon_list p img{
	width: 2rem;
	height: auto;
	margin-right: 0.5rem;
}



.section_page .note_list p{
	margin-bottom: 0.2rem;
}

.section_page .item_video{
	position: relative;
	width: 90%;
	border-radius: 1rem;
	margin: auto;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0,104,181,0.5);
}

.section_page .item_video::before{
	content:"";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.section_page .item_video iframe{
	box-sizing: border-box;
	padding: 0.5rem;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
}

.section_page .item_video img,.section_page .item_video video,.section_page .item_video iframe{
	border-radius: 1.1rem;
	overflow: hidden;
}

.section_page .btn_row{
	text-align: center;
	justify-content: center;
}

.btn_primary{
	background: rgba(8,158,211,0);
	border-radius: 100px;
	display: inline-block;
	color: #fff;
	padding: 1rem 2.5rem;
	line-height: 1.5;
	font-weight: 600;
	font-size: 1.08rem;
	margin: 5% auto;
	box-shadow: 0 4px 20px rgba(0,104,181,0.5);
	position: relative;
	transition: all ease .3s;
}


.modal_content .btn_primary{
	margin: 0.5% auto 0 auto;
}

.modal_content .btn_content{
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
}

.modal_content .btn_primary::before{
	z-index: 0;
}

.modal_content .btn_primary span{
	z-index: 1;
	position: relative;
}


.btn_primary::before,.btn_primary::after{
	content:"";
	display: block;
}

.btn_primary::before{
	border-radius: 100px;
	background: linear-gradient(45deg , #07B8E0 0% ,#0983C6 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all ease .3s;
}


.btn_primary::after{
	background: url(../images/button_arrow.svg) no-repeat;
	background-size: contain;
	position: absolute;
	width: 3.5rem;
	height: 0.9rem;
	padding-bottom: 1rem;
	top: 0;
	bottom: 0;
	right: -1.75rem;
	margin: auto;
	transition: all ease .3s;
}

.btn_primary:hover{
	background: rgba(8,158,211,1);
}

.btn_primary:hover::after{
	right: -2.5rem;
}

.section_page .btn_popup{
	position: relative;
	display: inline-block;
	/*display: inline-flex;
	display: -ms-flexbox;
	text-align: center;
	align-items: center;
	justify-content: center;*/
	vertical-align: middle;
	margin: auto;
	max-width: 20rem;
	color: #1278CB;
	padding: 0.8rem 1.75rem 0.8rem 1.75rem;
	border-radius: 1.25rem;
	background: #FFFFFF;
	border: 1px solid #1278CB;
	box-sizing: border-box;
	box-shadow: 0px 4px 20px rgba(0, 104, 181, 0.5);
}

.section_page .btn_popup .btn_play{
	width: 1.8rem;
	height: 1.8rem;
	vertical-align: middle;
    display: inline-block;
	margin-right: 0.5rem;
}
.section_page .btn_popup svg{
	fill: #1278CB;
}

.section_page .btn_popup::after{
	content:"";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.54rem;
	height: 0;
	padding-bottom: 1.54rem;
	background-color: #1278CB;
	background-image: url(../images/button_arrowdown.svg);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: 0.3rem 0.3rem;
	transition: all ease .15s;
	border-radius: 0 0 1.15rem 0;
}

.section_page .btn_popup:hover::after {
	background-position: 0.6rem 0.6rem;
}


.section_page .item_figure{
	margin: 0 auto 1rem auto;
	width: 90%;
	position: relative;
}
.section_page .item_figure .figure_top{
	position: absolute;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	margin: auto;
	width: 100%;
	height: 95%;
}

.section_page .item_figure .figure_top img{
	width: 32.5%;
}

.section_page .tab_content{
	box-sizing: border-box;
	padding: 1rem;
	text-align: justify;
	display: none;
}

.section_page .tab_figure{
	display: none;
}

.section_page .tab_figure svg{
	width: 50%;
	margin-bottom: 5%;
	fill: #47BCE0;
}

.section_page .tab_content .os-content{
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: center;
	
}

.section_page .power_content.tab_content .os-content{
	justify-content: flex-start;
}


.section_page .tab_content.is-active,.section_page .tab_figure.is-active{
	display: block;
}

.section_creative{
	padding-top: 8%;
	background: #fff;
}


.section_page .page_title::before,.section_creative .item_video::after{
	content:"";
	display: block;
	position: absolute;
	height: 0;
	border-radius: 51% 49% 56% 44% / 54% 56% 44% 46%;
}
.section_creative .page_title::before{
	left: -3%;
	width: 10%;
	bottom: 0;
	padding-bottom: 10%;
	background: linear-gradient(60deg, rgba(255,203,68,1) 0%, rgba(255,243,211,0.3) 75%, rgba(255,255,255,0) 100%);
}

.section_creative .item_video::after{
	right: -10%;
	bottom: -20%;
	width: 34.2%;
	padding-bottom: 34.2%;
	z-index: -1;
	background: linear-gradient(-60deg, rgba(166,223,246,1) 0%, rgba(235,248,253,0.3) 75%, rgba(255,255,255,0) 100%);

}

.section_ai{
	background: linear-gradient(to bottom , #fff 0% , #CCE3F4 80%);
	padding-bottom: 0;
}

.section_ai::after{
	padding-bottom: 7.96%;
	background: url(../images/bg_intel.svg) no-repeat;
	background-size: cover;
}


.section_ai .tab_row{
	justify-content: center;
}

.section_ai .tab_item {
	margin-bottom: 5%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
}
.section_ai .tab_item .btn_tab{
	color: #1278CB;
	background: #fff;
	border-radius: 1.2rem;
	border: solid 1px #1278CB;
	box-shadow: 0 4px 20px rgba(0,104,181,0.5);
	text-align: center;
	padding: 1rem 1.5rem;
	box-sizing: border-box;
	width: 18%;
	margin: 0 1%;
	display: block;
	transition: all ease .3s;
}

.section_ai .tab_item .btn_tab svg{
	fill: #1278CB;
	width: 80%;
	height: auto;
}

.section_ai .tab_item .btn_tab:hover,
.section_ai .tab_item .btn_tab.is-active{
	background: #1278CB;
	color:#fff;
}

.section_ai .tab_item .btn_tab:hover  svg,
.section_ai .tab_item .btn_tab.is-active  svg{
	fill: #fff;
}

.section_intel{
	padding-top: 4%;
	color:#fff;
	background: linear-gradient(to bottom, #073357 0%, #0060AF 100%);
}

.section_intel .page_title h3{
	color:#fff;
}

.section_intel::after{
	background: url(../images/illustraion_transition_01.svg) no-repeat;
	background-position: bottom 1px;
}

.section_intel .title_row,.section_zero .title_row,.section_security .title_row{
	margin-top: -7.5%;
}

.section_intel .note_list{
	color:#D0D0D0;
}

.section_transition{
	text-align: center;
	color:#fff;
	line-height: 2;
	font-size: 1.08rem;
	letter-spacing: 0.1em;
	font-size: 1.08rem;
}

.section_transition p{
	margin-bottom: 1.4rem;
}

.section_transition .main_content{
	font-size: 1.75rem;
	font-weight: 600;
}

.section_transition .sub_content{
	font-weight: 600;
	font-size: 1.333rem;
}

.section_transitionA{
	margin-top: -2%;
	padding-top: 5%;
	background: linear-gradient(to bottom, #058CC8 0%, #0683C6 100%);
}

.section_transitionA .tansition_item{
	padding-bottom: 10%;
}

.section_transitionA::after{
	background: url(../images/bg_zero.svg) no-repeat;
	background-position: bottom 1px;
	background-size: cover;
	padding-bottom: 6.14%;
}

.section_zero{
	background: linear-gradient(to bottom, #97E3F3 0%, #fff 100%);
}

.section_zero::after{
	background: url(../images/bg_security.svg) no-repeat;
	background-position: bottom 1px;
	background-size: cover;
	padding-bottom: 6.65%;
}

.section_zero .page_title h3 .number{
	color: #37D3F3;
}

.section_zero .page_title h3 .number::before,.section_security .page_title h3 .number::before{
	background: linear-gradient(60deg, #FFFFFF 10.01%, rgba(255, 255, 255, 0) 92.97%);
}

.section_zero .content_row,.section_security .content_row,.section_manage .content_row{
	text-align: center;
}

.section_zero .item_content{
	margin-bottom: 5%;
}

.section_zero .info_row{
	position: relative;
	align-items: stretch;
}
.section_zero .item_info{
	display: flex;
	display: -ms-flexbox;
	position: relative;
	z-index: 3;
}

.section_zero .info_icon{
	opacity: 0;
}

.section_zero .info_icon .icon{
	width: 38%;
	margin: 0 auto 0.6rem auto;
}

.section_zero .item_figure{
	margin-left: 4.5%;
}

.section_zero .figure_door{
	opacity: 0;
	position: relative;
}

.section_zero .door_logo{
	width: 7.625rem;
	position: absolute;
	top: 42%;
	left: 44%;
	filter: drop-shadow(0 0 40px #0793F4);
	animation: uptodown-play 1.5s ease-in-out infinite alternate;
}

@keyframes uptodown-play {
	  0% {
	    transform: translate(0, -15px);
	  }

	  100% {
	    transform: translate(0, 0);
	  }
}


[data-aos="zeo_animation"]{
  	transition-property: all ease;
}

[data-aos="zeo_animation"].aos-animate {
}

[data-aos="zeo_animation"].aos-animate .figure_door{
	animation: fade-up ease 1.8s both;
}

[data-aos="zeo_animation"].aos-animate .info_time{
	animation: step2-2 ease 1s 1.2s both;
}

[data-aos="zeo_animation"].aos-animate .info_update{
	animation: step2-1 ease 1s 1.4s both;
}

[data-aos="zeo_animation"].aos-animate .info_customer{
	animation: step2-3 ease 1s 1.6s both;
}

[data-aos="zeo_animation"].aos-animate .info_sent{
	animation: step2-4 ease 1s 1.8s both;
}

[data-aos="zeo_animation"].aos-animate .info_icon .info{
	animation: fade-down ease 0.6s 2.8s both;
}

@keyframes fade-up{
	0%{
		opacity: 0;
		transform: translateY(15%);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}


@keyframes fade-down{
	0%{
		opacity: 0;
		transform: translateY(-15%);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes step2-1{
	0%{
		opacity: 0;
		transform: translate(180%,-50%) scale(0.8);
	}
	100%{
		opacity: 1;
		transform: translate(0,0) scale(1);
	}
}
@keyframes step2-2{
	0%{
		opacity: 0;
		transform: translate(180%,50%) scale(0.8);
	}
	100%{
		opacity: 1;
		transform: translate(0,0) scale(1);
	}
}

@keyframes step2-3{
	0%{
		opacity: 0;
		transform: translate(-170%,50%) scale(0.8);
	}
	100%{
		opacity: 1;
		transform: translate(0,0) scale(1);
	}
}

@keyframes step2-4{
	0%{
		opacity: 0;
		transform: translate(-170%,-50%) scale(0.8);
	}
	100%{
		opacity: 1;
		transform: translate(0,0) scale(1);
	}
}

.section_security{
	padding-top: 4%;
	background: linear-gradient(180deg, #96D8F4 0%, #FFFFFF 100%), #FFFFFF;
}

.section_security .page_title h3 .number{
	color: #0CB9FF;
}

.section_security .item_protect{
	position: relative;
}

.section_security .protect_center{
	position: relative;
	width: 55%;
	min-width: 20rem;
	margin: auto;
}

.section_security .protect_center::before{
	position: absolute;
	content:"";
	display: block;
	width: 100%;
	padding-bottom: 98%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	border-radius: 100%;
	border: 0.08333rem solid #1278CB;
}



.section_security .protect_center img{
	width: 68%;
	margin: 3.5% auto;
}

.section_security .protect_center h4{
	font-weight: 400;
}

.section_security .btn_item{
	margin: 4%;
}

.section_security .btn_popup{
	margin:0 0.5rem ;
}

.section_security .top_btn,.section_security .bottom_btn{
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	padding: 1% 0;
}
.section_security .center_btn{
	justify-content: center;
}


.section_security .circle{
	position: absolute;
	border-radius: 100%;
	background-color: #00C7FD;
	height: 1.1rem;
	width: 1.1rem;
	box-shadow: 0 0 0 0.375rem rgba(60,213,255,0.5);
	z-index: 0;
	animation: circle 1.5s ease-out both infinite;
}

.section_manage{
	background: linear-gradient(180deg, #FFFFFF 4.21%, #C3D4FF 28.34%, #B4D2FF 51.79%, #FFFFFF 100%), #FFFFFF;
}

.section_manage .page_title::before{
	right: -3%;
	width: 10%;
	bottom: 0;
	padding-bottom: 10%;
	background: linear-gradient(60deg, rgba(184,210,254,1) 0%, rgba(237,243,255,0.3) 75%, rgba(255,255,255,0) 100%);
}

.section_manage .page_title h3 .number{
	color: #fff;
}

.section_manage .page_title h3 .number::before{
	background: linear-gradient(125.74deg, #91BDFF 10.01%, rgba(145, 189, 255, 0) 92.97%);
}

.section_manage .item_manage{
	margin: 5% 0;
}

.section_manage .manage_content{
	box-sizing: border-box;
	background: #4E6298;
	width: 85%;
	margin: auto;
	color: #fff;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	border-radius: 4rem;
	padding: 1rem 2rem;
	align-items: center;
}

.section_manage .manage_content img{
	width: 6.7rem;
	margin-right: 3%;
}

.section_manage .manage_icon{
	width: 88%;
	margin: auto;
	display: flex;
	display: -ms-flexbox;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	z-index: -1;
}

.section_manage .manage_icon::before,
.section_manage .manage_icon::after{
	content:"";
	display: block;
	position: absolute;
	height: 50%;
	width: 2.2rem;
	border-style: solid;
	border-color: #fff;
}

.section_manage .manage_icon::before{
	left: -2.2rem;
	border-radius: 2.08rem 0   0  2.08rem ;
	border-width: 1px 0 1px 1px;
}

.section_manage .manage_icon::after{
	right: -2.2rem;
	border-radius: 0 2.08rem   2.08rem 0;
	border-width: 1px 1px 1px 0;
}

.section_manage .manage_icon.one_icon::before,
.section_manage .manage_icon.one_icon::after{
	top: -1px;
}

.section_manage .manage_icon.suit_icon::before,
.section_manage .manage_icon.suit_icon::after{
	bottom: -1px;
	width: 4rem;
}

.section_manage .manage_icon.one_icon{
	padding: 8% 0 3% 0;
	border-top: 1px solid #fff;
	margin-top: -1.8rem;
}

.section_manage .manage_icon.suit_icon{
	padding: 3% 0 8% 0 ;
	border-bottom: 1px solid #fff;
	margin-bottom: -1.8rem;
	flex-wrap: wrap-reverse;
}

.section_manage .icon_info{
	width: 16%;
}

.section_manage .icon_info .icon{
	width: 82%;
	margin: 0 auto 0.5rem auto;
}

.section_manage .sd_item p{
	margin-bottom: 1rem;
}

.section_manage .last-item{
	margin-top: 8%;
}

.section_support {
	padding-bottom: 10%;
	background: linear-gradient(180deg, #FFFFFF 1.94%, #CCE3F4 42.47%, #FFFFFF 100%), #FFFFFF;
}

.section_support .page_title::before{
	left: -3%;
	width: 10%;
	bottom: 0;
	padding-bottom: 10%;
	background: linear-gradient(125.74deg, #AEECFF 10.01%, rgba(228, 249, 255, 0.336638) 65.04%, rgba(255, 255, 255, 0) 92.97%), #AEECFF;
}

.section_support .page_title h3 .number{
	color: #fff;
}

.section_support .page_title h3 .number::before{
	background: linear-gradient(125.74deg, #63BBFD 10.01%, rgba(99, 187, 253, 0) 92.97%);
}

.section_support .content_row:nth-of-type(3){
	margin-top: 10%;
}
.section_support .content_row:nth-of-type(3) p{
	margin-bottom: 1rem;
}

.section_support::after{
	position: absolute;
	bottom: 0;
	padding-bottom: 6.4%;
	background: url(../images/bg_sea_top.svg) no-repeat;
	background-position: bottom 1px;
	background-size: cover;
}

.section_transitionB{
	position: relative;
	z-index: 10;
	background: linear-gradient(180deg, #76C5F1 -15.8%, #3D5DAF 149.01%), #0594C9;
}

.section_transitionB .transition_row{
	justify-content: space-between;
	align-items: flex-end;
}

.section_transitionB .item{
	margin-top: -35%;
}

.section_transitionB .item.man_item{
	margin-left: 5%;
}

.section_transitionB .item.tree_item{
	margin-top: -100%;
}

.section_transitionB::after {
	padding-bottom: 25.78%;
	background: url(../images/illustraion_sea.svg) no-repeat;
	background-position: bottom 1px;
	background-size: cover;
}

.section_award{
	margin-bottom: -1px;
	padding-bottom: 5%;
	color: #fff;
	background: linear-gradient(179.11deg, #0088CA 0.78%, #00B9E1 88.17%), #0076CE;
}

.section_award::after{
	position: absolute;
	bottom: 0;
	background: url(../images/bg_awards.svg) no-repeat;
	background-position: bottom 1px;
	background-size: cover;
	padding-bottom: 22.55%;
	z-index: -1;
}

.section_award .page_title h3 .main_title{
	color: #fff;
}

.section_award .page_title h3{
	padding-top: 0;
}


.section_award .item_award{
	text-align: center;
}

.section_award .award_pic{
	position: relative;
	background: #E9E9E9;
	border-radius: 1.3rem;
	width: 84.6%;
	margin: auto;
	margin-bottom: 1rem;
}

.section_award .award_tag{
	position: 	absolute;
	left: -2.375rem;
	top: -2.375rem;
	font-size: 1.45rem;
	line-height: 4.74rem;
	text-align: center;
	width: 4.75rem;
	height: 4.75rem;
	background: #38B6FC;
	border-radius: 100%;
}

.section_award .main_title{
	font-size: 1.45rem;
	margin-bottom: 0.5rem;
}

.section_award .door_row{
	justify-content: center;
	align-items: center;
}

.section_award .info_item{
	text-align: left;
	padding-bottom: 15%;
}

.section_award .info_item p{
	color:#000;
	line-height: 1.8;
}

.section_award .info_item p.note_list{
	color: #2D2D2D;
}

.section_award .door_item{
	position: relative;
	width: 90%;
	margin: auto;

}

.section_award .btn_primary{
	top: 35%;
	left: 32%;
	z-index: 3;
	position: absolute;
	color: #1B66CF;
	box-shadow:0  0  10px rgba(255,255,255,1), 0  0  50px rgba(0,27,67,0.5)  ;
	animation: btn-glow 2s ease both infinite;
}

@keyframes btn-glow{
	0%{
		box-shadow:0  0  5px rgba(255,255,255,0.8), 0  0  50px rgba(0,27,67,0.5)  ;
	}
	50%{
		box-shadow:0  0  12px 1px rgba(222,238,245,1), 0  0  50px rgba(0,27,67,0.5)  ;
	}
	100%{
		box-shadow:0  0  5px rgba(255,255,255,0.8), 0  0  50px rgba(0,27,67,0.5)  ;
	}
}

.section_award .btn_primary::before{
	background: linear-gradient(92.64deg, #FCFFEA 10.02%, #C3DFFF 93.59%);
}


.section_award .btn_primary::after{
	background: url(../images/button_arrow_award.svg) no-repeat;
	background-size: contain;
}

.section_award .btn_primary:hover{
	background: #DEEEF5;
}
.section_transitionC{
	pointer-events: none;
	z-index: 10;
	position: relative;
	background: linear-gradient(180deg, #0E8DCA 0%, #1D70BA 70.24%), #1D72BD;
}

.section_transitionC::after{
	position: absolute;
	bottom: 0;
	z-index: -1;
	background: url(../images/illustraion_transition_03.svg) no-repeat;
	padding-bottom: 54.27%;
	background-size: cover;
}


.section_transitionC .slogan_item{
	margin-top: 15%;
	text-align: left;
}

.section_transitionC .door_item{
	width: 110%;
	margin-left: -10%;
}

@keyframes circle{
	0%{
		box-shadow: 0 0 0 0.375rem rgba(60,213,255,0.5);
	}
	45%{
		box-shadow: 0 0 0 0.55rem rgba(60,213,255,0.2);
	}
	100%{
		box-shadow: 0 0 0 0.375rem rgba(60,213,255,0.5);
	}
}

.box_modal{
	height: max-content;
}

.box_modal .btn_close{
	background: #1278CB;
	border-radius:  0 1.33rem 0 0;
}

.box_modal .modal_content{
	position: relative;
	box-sizing: border-box;
	background: #fff;
	border-radius: 1.33rem;
	border: solid 1px #46A5DA;
	padding: 3.333rem 4.41rem 3.75rem 4.41rem;
	min-height: 20rem;
}

.box_modal .modal_content .plant,.box_modal .modal_content .human{
	position: absolute;
	z-index: 1;
}

.box_modal .modal_content .content{
	padding: 0 1rem;
	min-height: 8rem;
	max-height: 40vh;
}

.box_modal.video_modal .content{
	padding: 0 0.5rem;
}

.box_modal .video_content{
	width: 97%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 1.33rem;
	border: solid 1px #46A5DA;
	margin: 0 auto  0.5rem auto;
	position: relative;
	font-size: 0.9rem;
}

.box_modal .video_content::before{
	content:"";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.box_modal .video_content iframe{
	border-radius: 1.33rem;
	box-sizing: border-box;
	padding: 0.4rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 100%;
	height: 100%;
}

.box_modal .modal_content .human{
	bottom: -0.2rem;
	width: 12.25rem;
	left: -6.6rem;
}

.box_modal .modal_content .plant{
	bottom: 0.2rem;
	width: 9rem;
	right: -4.5rem;
}

.box_modal .modal_content h4{
	font-size: 1.666rem;
	line-height: 1.5;
	color: #1278CB;
	text-align: center;
	margin-bottom: 1.8rem;
}

.box_modal .modal_content p{
	line-height: 1.5;
	margin-bottom: 1rem;
}

.box_modal .modal_content li{
	margin-bottom: 0.5rem;
}

.box_modal.video_modal .modal_content h4{
	margin-bottom: 0.5rem;
}

.box_modal.award_modal{
	max-width: 800px;
}

.box_modal.award_modal .modal_content{
	background: transparent;
	border:none;
	padding: 0;
}

@media screen and (max-width:991px){
	.b_br{
		display: none;
	}
	.col-0 {
	  width: 0;
	  display: none;
	}
	.section_kv .scrence_scroll{
		transform: translate(-5% , -3%);
	}
	.scrence_scroll{
		flex-direction: column;
	}
	.section_scenes .scrence_scroll .scroll_mouse{
		color: #ff9800;
	}
	.scrence_scroll .finger_icon{
		display: block;
	}
	.scrence_scroll .mouse_icon{
		display: none;
	}
	.scroll_info{
		text-align: center;
		margin-top: 0.1rem;
	}
	.section_scenes::after{
		background-size: 250%;
	}
	.section_scenes .scenes_title{
		position: relative;
	}
	.section_scenes .scenes_main{
		width: 180%;
		margin-left: -40%;
	}
	.section_scenes .left_col{
		order:3;
		margin-top: -5%;
	}
	.section_scenes{
		transform: scale(0.5)  translateZ(-100px);
		left: -5%;
		top: 10%;
	}
	.scenes_train .floor_item{
		width: 250%;
		margin-top: -10%;
	}
	.section_scenes.scenes_train{
		top: -5%;
		left: -5%;
	}
	.section_scenes.scenes_train.is-active{
		top: 0;
		left: 0;
	}

	.section_scenes .airplane{
		width: 80%;
	}

	.scenes_home.section_scenes .airplane {
	    top: 19.5%;
	    left: -18%;
	}
	.scenes_train.section_scenes .scenes_main{
		margin-left: -25%;
	}
	.scenes_train.section_scenes .airplane{
		top: 30%;
	    right: -15%;
	}

	.scenes_office.section_scenes .scenes_main{
		margin-left: -52%;
	}
	.scenes_office.section_scenes .airplane{
		top: 29.5%;
	    left: -18%;
	}

	.section_scenes.scenes_office{
		left: 15%;
		top: 8%;
	}
	.section_scenes.scenes_office.is-active{
		top: 0;
		left: 0;
	}

	.scenes_park.section_scenes .airplane{
		bottom: 10.5%;
	    right: -15%;
	}

	.section_page::after, .section_transition::after{
		margin-top: 20%;
	}

	.section_page .page_title .title_human{
		position: relative;
		margin-top: -20%;
	}

	.section_page .page_title .title_human.right_human{
		margin-right: 0;
		width: 50%;
	}

	.section_page .page_title .title_human.left_human{
		margin-left: 0;
		width: 38.44%;
	}
	.section_page .tab_content{
		max-height: 11rem;
	}
	.section_page .tab_content .os-content{
		justify-content: flex-start;
	}

	.section_creative .item_video{
		margin-bottom: 5%;
	}

	.section_creative .col_content{
		order: 2;
	}

	.section_ai .tab_item .btn_tab{
		text-align: center;
		padding: 0.5rem 0.5rem;
		width: 18%;
		margin: 0 0.5%;
	}
	.section_ai .tab_item .btn_tab svg{
		width: 90%;
	}
	.section_intel::after{
		padding-bottom: 49.1%;
		background-size: 200%;
	}
	.section_zero .item_info{
		flex-direction: row;
		justify-content: space-between;
		margin-top: 0;
	}
	.section_zero .info_icon{
		width: 49%;
	}

	.section_page .figure_door{
		margin: -8% 0;
	}

	.section_zero .door_logo{
		left: 41%;
	}

	.section_security .protect_center{
		width: 80%;
		margin: 2rem auto;
	}

	.section_security .protect_center::before{
		top:-10%;
		padding-bottom: 100%;
		bottom: initial;
	}

	.section_security .protect_center img{
		width: 55%;
	}

	.section_security .circle:nth-of-type(1){
		top: 8%;
		left: 10%;
	}

	.section_security .circle:nth-of-type(2){
		top: -12%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.section_security .circle:nth-of-type(3){
		top: 8%;
		right: 10%;
	}

	.section_security .circle:nth-of-type(4){
		bottom: 8%;
		left: 10%;
	}


	.section_security .circle:nth-of-type(5){
		bottom: -12%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.section_security .circle:nth-of-type(6){
		bottom: 8%;
		right: 10%;
	}
	.section_manage .manage_content{
		width: 100%;
		border-radius: 2rem;
	}

	.section_manage .manage_icon{
		justify-content: center;
	}

	.section_manage .manage_icon::before,
	.section_manage .manage_icon::after,
	.section_manage .manage_icon.suit_icon::before,
	.section_manage .manage_icon.suit_icon::after{
		height: 50%;
		width: 1rem;
	}

	.section_manage .manage_icon.one_icon::before,
	.section_manage .manage_icon.one_icon::after{
		height: 90%;
	}

	.section_manage .manage_icon::before{
		left: -1rem;
		border-radius: 1rem 0   0  1rem ;
	}

	.section_manage .manage_icon::after{
		right: -1rem;
		border-radius: 0 1rem   1rem 0;
	}
	.section_manage .one_icon .icon_info{
		margin: 0.1rem 1rem 0.1rem 1rem;
	}
	.section_manage .icon_info{
		width: 24%;
	}
	.section_support .col_content{
		order:2;
	}
	.section_transitionB .item{
		margin-top: 0;
	}

	.section_transitionB .item.man_item{
		margin-top: -35%;
		margin-left: 5%;
	}
	.slogan_col{
		order:3;
	}
	.section_transitionB .item.tree_item{
		margin-top: -80%;
	}


	.section_award::after{
		position: absolute;
		bottom: 0;
		background: url(../images/bg_awards.svg) no-repeat;
		background-size: 180%;
		padding-bottom: 40.59%;
		z-index: -1;
	}

	.section_award .info_item{
		padding-bottom: 0;
	}
	.section_award .door_item{
		width: 130%;
		margin-left: -18%;
	}
	.section_award .item_award{
		margin: 2rem 0 ;
	}
	.section_transitionC{
		padding-top: 30%;
	}

	.section_transitionC::after{
		background-size: 200%;
		padding-bottom: 108.54%;
	}

	.section_transitionC .slogan_item{
		text-align: center;
	}

	.box_modal .modal_content{
		padding: 2.5rem 1.2rem 7rem 1.2rem;
		min-height: 22rem;
	}
	.box_modal .modal_content .content{
		max-height: 30vh;
	}
	.box_modal.award_modal .modal_content{
		padding: 0;
	}

	.box_modal .modal_content .plant{
		width: 8rem;
    	right: -1rem;
	}

	.box_modal .modal_content .human{
		display: none;
	}

	[data-aos="zeo_animation"].aos-animate  .figure_door{
		animation: fade ease 2s both;
	}

	[data-aos="zeo_animation"].aos-animate .info_time{
		animation: fade-up ease 1s 0.5s both;
	}

	[data-aos="zeo_animation"].aos-animate .info_update{
		animation: fade-up ease 1s 0.8s both;
	}

	[data-aos="zeo_animation"].aos-animate .info_customer{
		animation: fade-down ease 1s 1.1s both;
	}

	[data-aos="zeo_animation"].aos-animate .info_sent{
		animation: fade-down ease 1s 1.4s both;
	}
	[data-aos="zeo_animation"].aos-animate .info_icon .info{
		animation: fade-down ease 0.6s 2.4s both;
	}



}

@media screen and (min-width:768px){
	html,body{
		font-size: 2vw;
	}
	.section_kv .title_item{
		padding: 1.5rem 0;
	}
	.s_br{
		display: none;
	}

}

@media screen and (min-width:992px){
	html,body{
		font-size: 1.3vw;
	}

	.section_kv .row.kv_row{
		justify-content: space-between;
	}

	.section_kv::before{
		padding-bottom: 22.8%;
		background-position: 45% bottom;
		background-size: 120%;
	}
	.section_kv .kv_container .row.kv_row::after{
		background-size : 100%;
		top: 50%;
	}

	.section_kv .title_item{
		margin-left: 10%;
	}
	.section_kv .title_item h1 .sub_title{
		font-size: 1.55rem;
	}

	.section_kv .door_item{
		width: 130%;
		margin-left: -35%;
		margin-top: -5%;
		transform-origin: right ;
	}


	.section_kv .human_right{
		width: 34%;
		right: 2%;
		bottom: 3%;
	}

	.section_kv .human_right .human_computer{
		right: 0%;
	}
	.section_kv .human_left{
		width: 52%;
		left: -28%;
		bottom: 10%;
	}

	.section_kv .core_item{
		margin-top: -5%;
	}

	.section_kv .scrence_scroll{
		transform: translate(-5% , 0);
	}

	.scrence_scroll{
		flex-direction: row;
	}
	.scrence_scroll .finger_icon{
		display: none;
	}
	.scrence_scroll .mouse_icon{
		display: flex;
		display: -ms-flexbox;
	}
	.scroll_info{
		padding-bottom: 1.4rem;
	}

	.section_scenes::after{
		background-size: 100%;
		background-position: 0 -80px;
	}

	.section_scenes{
		left: 18%;
		transform: scale(0.2)  translateZ(-100px);
	}

	.section_scenes .airplane{
		width: 36.3%;
	}

	.scenes_home.section_scenes .airplane{
		top: 45%;
	    left: -11%;
	}

	.section_scenes.scenes_train{
		left: 10%;
		top: 1%;
	}
	.section_scenes.scenes_train.is-active{
		top: 0;
		left: 0;
	}
	
	.scenes_train.section_scenes .airplane{
		top: 55%;
	    right: -15%;
	}
	.scenes_office.section_scenes .airplane{
		top: 42%;
    	left: -8%;
	}
	.section_scenes.scenes_office{
		left: 13%;
		top: 8%;
	}
	.section_scenes.scenes_office.is-active{
		top: 0;
		left: 0;
	}

	.scenes_park.section_scenes .airplane{
		top: 46.5%;
	    right: -15%;
	}
	.section_page .btn_popup{
		padding: 0.8rem 1.75rem 0.8rem 1.75rem;
	}

	.section_page .page_title .title_human{
		top: -35%;
	}
	.section_page .tab_content{
		height: 19rem;
	}

	.section_creative .item_content{
		margin-right: 5%;
	}
	.section_ai .tab_item .btn_tab{
		padding: 1rem 1.2rem;
	}

	.section_intel::after{
		padding-bottom: 24.55%;
		background-size: cover;
	}

	.section_zero .item_info{
		flex-direction: column;
		justify-content: flex-start;
		margin-top: 25%;
	}
	.section_zero .info_icon:nth-of-type(1){
		margin-bottom: 3rem;
	}

	.section_security .circle:nth-of-type(1){
		top: -2%;
		left: 10%;
	}

	.section_security .circle:nth-of-type(2){
		top: -28%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.section_security .circle:nth-of-type(3){
		top: -2%;
		right: 10%;
	}

	.section_security .circle:nth-of-type(4){
		bottom: -2%;
		left: 10%;
	}

	.section_security .circle:nth-of-type(5){
		bottom: -28%;
		left: 0;
		right: 0;
		margin: auto;
	}

	.section_security .circle:nth-of-type(6){
		bottom: -2%;
		right: 10%;
	}

	.section_award .item_award{
		margin: 0 2rem;
	}
	.section_award .info_item{
		position: relative;
	    z-index: 1;
	    width: 110%;
		transform: translate(15% , 0);
	}
	.box_modal .video_content{
		width: 57%;
		margin-bottom: 1rem;
	}

	.box_modal.video_modal{
		width: 66%;
	}

	.box_modal.video_modal-fluit{
		width: 80%;
	}

	.box_modal.info_modal{
		width: 55%;
	}

	.box_modal.video_modal .content{
		padding: 0 0.5rem;
		min-height: 1.5rem;
		height: 10rem;
	}
	.box_modal.video_modal .modal_content{
		padding: 0.5rem 4.41rem 1rem 4.41rem;
		max-height: 95vh;
	}
}

@media screen and (min-width:1366px){
	html,body{
		font-size: 1.2vw;
	}
	.section_kv{
		background-position: center -300px;
	}
	.section_kv .kv_container .row.kv_row::after{
		width: 88%;
	}
	.section_kv .title_item h1 .sub_title{
		font-size: 1.65rem;
	}
	.section_kv .core_item{
		margin-top: -3%;
	}
	.section_scenes.scenes_train{
		left: 10%;
		top: 1%;
	}
	.section_scenes.scenes_train.is-active{
		top: 0;
		left: 0;
	}
	.section_scenes.scenes_office{
		left: 13%;
		top: 7%;
	}
	.section_scenes.scenes_office.is-active{
		top: 0;
		left: 0;
	}

	.scenes_home.section_scenes .airplane{
		top: 38%;
	    left: -11%;
	}
	.scenes_office.section_scenes .airplane{
		top: 32%;
    	left: -8%;
	}
	.section_ai .tab_item .btn_tab{
		padding: 1rem 1.5rem;
	}

}

@media screen and (min-width:1600px){
	html,body{
		font-size: 1.05vw;
	}
	.section_kv{
		background-position: center -160px;
	}
	.section_kv::before{
		padding-bottom: 19%;
		background-size: 100%;
	}
	.section_kv .door_item{
		width: 130%;
		margin-left: -35%;
		margin-top: -16%;
		/*transform: scale(1.4) translateY(-2%);*/
	}
	.section_scenes .scenes_title{
		margin-top: -1%;
	}
	.section_scenes .scenes_main{
		width: 95%;
		padding-top: 0; 
		margin-top: -3%;
	}
	.section_scenes.scenes_train{
		left: 8.5%;
		top: -2%;
	}
	.section_scenes.scenes_train.is-active{
		top: 0;
		left: 0;
	}

	.section_scenes.scenes_office{
		left: 10%;
		top: 2%;
	}
	.section_scenes.scenes_office.is-active{
		top: 0;
		left: 0;
	}
	.section_page .page_title .title_human.right_human{
		width: 30%;
	}
	.section_page .page_title .title_human.left_human{
		width: 23%;
	}
	.section_award .btn_primary{
		left: 35%;
	}
	
}



[data-aos="scenes_animation"].aos-animate{
	opacity: 1;
	left: 0;
	top: 0;
	filter: blur(0px);
	transform: scale(1)  translate3d(0, 0, 0);
	transition: all ease-out .1s;
	/*animation: transitionB .5s ease-out forwards;*/
}

[data-aos="scenes_animation"].aos-animate.section_scenes .airplane_object{
	transform: translate(0 , 0) rotate(0) scale(1);
	transition: all ease-in .5s .3s;
}

[data-aos="wrap_animation"].aos-animate{
	opacity: 1;
	/*margin-top: -101vh;*/
}

[data-aos="wrap_animation"].aos-animate .airplane_object{
	transform: translate(0 , 0) rotate(0) scale(1);
}

@keyframes transitionA{
	0%{
		opacity: 0;
		transform: scale(0.2)  translate3d(0, 0, 0);
		filter: blur(30px) brightness(0%);
	}
	100%{
		opacity: 1;
		transform: scale(1)  translate3d(0, 0, 0);
		filter: blur(0px) brightness(100%);
		top: 0;
		left: 0;
	}
}


@keyframes transitionB{
	0%{
		opacity: 0;
		transform: scale(0.2)  translate3d(0, 0, 0);
		/*filter: blur(20px);*/
	}
	100%{
		opacity: 1;
		transform: scale(1)  translate3d(0, 0, 0);
		/*filter: blur(0px);*/
		top: 0;
		left: 0;
	}
}


/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	.section_security .protect_center::before{
		top: -27%;
		width: 99%;
		padding-bottom: 97%;
	}
}