﻿.banner-area-three .container{
	height: 85%;
	display: flex;
	align-items: center;
	position: relative;
}
.banner-img-one {
	background-image: url(img/banner-bg-1.png)
}

.banner-img-two {
	position: relative;
	background-image: url(img/banner-bg-2.png)
}

.banner-img-three {
	background-image: url(img/banner-bg-3.png)
}

.banner-img-2-area{
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom:0rem;
	margin: auto;
	width: 6.43rem;
	height: 4.9rem;
}
.banner-img-two .banner-bg-2-2{
	position: absolute;
	width: 3rem!important;
	height: 2.74rem;
	right: 1.6rem;
	top:0px;
	transform: translate3d(4px, 0px, 0);
	animation: bannerMove 3s ease-in-out 0s infinite forwards;
}

.banner-img-two .banner-bg-2-3{
	position: absolute;
	width: 3.67rem!important;
	height: 2.98rem;
	right: 0.92rem;
	top:0.38rem;
}

.banner-img-two .banner-bg-2-6{
	position: absolute;
	width: 2.42rem!important;
	height: 1.74rem;
	right: 2.26rem;
	top:2.44rem;
	transform: translate3d(4px, 0px, 0);
	animation: bannerMove 3s ease-in-out 0.7s infinite forwards;
}

.banner-img-two .banner-bg-2-4{
	position: absolute;
	width: 2.42rem!important;
	height: 2.12rem;
	right: 0px;
	top:1.3rem;
	transform: translate3d(4px, 0px, 0);
	animation: bannerMove 3s ease-in-out 1s infinite forwards;
}

.banner-img-two .banner-bg-2-5{
	position: absolute;
	width: 0.74rem!important;
	height: 0.69rem;
	right: 3.91rem;
	top:1.86rem;
}

.banner-area-three .banner-text {
	max-width: 6.43rem;
	margin-bottom: 0.5rem;
	position: relative
}

.banner-area-three .banner-text h1 {
	margin-bottom: 0px;
	font-size: 0.58rem;
	color: #fff;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	font-family: Acumin Variable Concept;
}
.banner-area-three .banner-text .title {
	margin-bottom: 0px;
	font-size: 0.57rem;
	color: #fff;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	font-family: Acumin Variable Concept;
}
.banner-area-three .banner-text p {
	color: #fff;
	margin-bottom: 0.4rem;
}
.banner-area-three .banner-text .sub-title{
	color: #fff;
	font-size: 0.20rem;
	margin-top: 0.24rem;
}

.banner-img-1-area{
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	width: 6.43rem;
	height: 4rem;
	margin: auto;
}
.banner-img-one .banner-bg-1-2{
	position: absolute;
	width: 2.27rem!important;
	height: 2.52rem;
	right: 0.26rem;
	top:0px;
	transform: translate3d(4px, 0px, 0);
	animation: bannerMove 3s ease-in-out 0s infinite forwards;
}
.banner-img-one .banner-bg-1-6{
	position: absolute;
	width: 0.5rem!important;
	height: 0.94rem;
	right: 2.34rem;
	top: 0.16rem;
	transform: translate3d(4px, 0px, 0);
}
.banner-img-one .banner-bg-1-9{
	position: absolute;
	width: 6.0526vw!important;
	height: 8.2895vw;
	right: 17.8947vw;
	top: -2.3684vw;
	transform: translate3d(4px, 0px, 0);
	animation: bannerMove 3s ease-in-out 1.5s infinite forwards;
}
.banner-img-one .banner-bg-1-3{
	position: absolute;
	width: 4.73rem!important;
	height: 3.16rem;
	right: 0rem;
	top: 0rem;
}
.banner-img-one .banner-bg-1-5{
	position: absolute;
	width: 2.18rem!important;
	height: 1.9rem;
	right: 2.48rem;
	top: 0.68rem;
	z-index: 99;
	animation: bannerMove 3s ease-in-out 0.7s infinite forwards;
}
.banner-img-one .banner-bg-1-7{
	position: absolute;
	width: 1.9rem!important;
	height:1.43rem;
	right: 1.6rem;
	top: 1.92rem;
	animation: bannerMove 3s ease-in-out 1s infinite forwards;
}
.banner-img-one .banner-bg-1-4{
	position: absolute;
	width: 4.54rem!important;
	height:1.07rem;
	right: 0.16rem;
	top: 1.54rem;
	z-index: 100;
}
.banner-img-one .banner-bg-1-8{
	position: absolute;
	width: 0.63rem!important;
	height:1.1rem;
	right: 1.32rem;
	top: 2.24rem;
	z-index: 100;
}
.banner-img-3-area{
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom: 4.6053vw;
	width: 42.3026vw;
	height: 26.5789vw;
	margin: auto;
}
.banner-img-three .banner-bg-3-1{
	position: absolute;
	width: 27.6974vw!important;
	height: 22.6316vw;
	right: 1.3158vw;
	top:.6579vw;
}
.banner-img-three .banner-bg-3-3{
	position: absolute;
	width: 1.11rem!important;
	height: 1.61rem;
	right: 0.3rem;
	top:0.3rem;
	animation: bannerMove 3s ease-in-out 1.8s infinite forwards;
}
.banner-img-three .banner-bg-3-4{
	position: absolute;
	width: 9.8026vw!important;
	height: 10.3947vw;
	right: 1.3158vw;
    top: 14.4737vw;
	animation: bannerMove 3s ease-in-out 1.2s infinite forwards;
}
.banner-img-three .banner-bg-3-6{
	position: absolute;
	width: 1.55rem!important;
	height: 1.51rem;
	right: 2.98rem;
	top:2.23rem;
	animation: bannerMove 3s ease-in-out 0.7s infinite forwards;
}
.banner-img-three .banner-bg-3-2{
	position: absolute;
	width: 27.1711vw!important;
	height: 26.6447vw;
	right: 0rem;
	top:0rem;
}
.banner-img-three .banner-bg-3-5{
	position: absolute;
	width: 7.0395vw!important;
	height: 4.4737vw;
	right: 11.8421vw;
    top: 20.3947vw;
}
.banner-img-three .banner-bg-3-9{
	position: absolute;
	width: 5.7237vw!important;
	height: 6.5789vw;
	right: 12.5658vw;
	top:2.6316vw;
	animation: bannerMove 3s ease-in-out 1s infinite forwards;
}
.banner-img-three .banner-bg-3-7{
	position: absolute;
	width: 1.9737vw!important;
	height: 2.4342vw;
	right: 28.8158vw;
    top: 12.8289vw;
}
.banner-img-three .banner-bg-3-10{
	position: absolute;
	width: 7.3026vw!important;
	height: 10.5921vw;
	right: 23.0263vw;
    top: 2.9605vw;
	animation: bannerMove 3s ease-in-out 0s infinite forwards;
}
.bottom-area{
	position: absolute;
	height: 1.30rem;
	width: 100%;
	bottom:0px;
}
.bottom-box{
	width: 9.4rem;
	height: 100%;
	margin:0 auto;
	background:rgba(255,255,255,0.2);
	display: flex;
	justify-content: space-around;
	color: #fff;
	font-size: 0.14rem;
	padding:0.16rem;
	text-align: center;
}
.box-col{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box-col img{
	width: 0.50rem!important;
	height: 0.50rem;
	margin-bottom: 0.05rem;
}
.box-col .ic-banner-1{
	width: 0.52rem!important;
	height: 0.47rem!important;
}
.box-col .ic-banner-4{
	width: 0.45rem!important;
	height: 0.47rem!important;
}
.box-col-grap{
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.3);
}

@keyframes bannerMove {

	0%,
	to {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: translate3d(4px, -15px, 0)
	}
}
@keyframes rotate-frame {
    0% {
        transform: rotateX(0deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(0deg) rotateZ(360deg);
    }
}