header {
	position: relative;
	z-index: 99;
}

.section1_box {
	width: 100%;
	height: 100%;
	background: url(/v3/style/img/gpm1-2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
#section1 .section1_box .sec-title{
	font-size: 32px;
}
.section1-1 {
	height: 1px;
	width: 100%;
	border: 1px solid #FFFFFF;
}

.section.active .section1_box>div>div:nth-child(odd) {
	animation: mymove 1s ease-in-out;
	-webkit-animation: mymove 1s ease-in-out;
	/*Safari and Chrome*/
}

.section.active .section1_box>div>div:nth-child(even) {
	animation: mymove2 1s ease-in-out;
	-webkit-animation: mymove2 1s ease-in-out;
	/*Safari and Chrome*/
}

.section.active .mymove1{
	animation: mymove 1s ease-in-out;
	-webkit-animation: mymove 1s ease-in-out;
}

.section.active .mymove2{
	animation: mymove2 1s ease-in-out;
	-webkit-animation: mymove2 1s ease-in-out;
}

.section.active .mymove3{
	animation: mymove3 1s ease-in-out;
	-webkit-animation: mymove3 1s ease-in-out;
}

.section.active .mymove4{
	animation: mymove4 1s ease-in-out;
	-webkit-animation: mymove4 1s ease-in-out;
}

.section.active .mymove5{
	animation: mymove5 1s ease-in-out;
	-webkit-animation: mymove5 1s ease-in-out;
}

@-webkit-keyframes mymove
/*Safari and Chrome*/

{
	from {
		transform: translate3d(1000px, 0px, 0px)
	}
	to {
		transform: translate3d(0px, 0px, 0px)
	}
}

@-webkit-keyframes mymove2
/*Safari and Chrome*/

{
	from {
		transform: translate3d(-1000px, 0px, 0px)
	}
	to {
		transform: translate3d(0px, 0px, 0px)
	}
}

.next_page_g {
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.core_banner1 {
	position: absolute !important;
	top: 0 !important;
	background: #000000 !important;
	height: 64px;
}

.section2_box {
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm2-2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

.section2-1 {
	width: 643px;
	height: 1px;
	border: 1px solid #FFFFFF;
}

.section.active .section2_box .section2_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}

@-webkit-keyframes mymove3{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.section.active .section2_box .section2-2>div:nth-child(odd) {
	animation: mymove4 2s ease-in-out;
	-webkit-animation: mymove4 2s ease-in-out;
	/*Safari and Chrome*/
}
.section.active .section2_box .section2-2>div:nth-child(even) {
	animation: mymove5 2s ease-in-out;
	-webkit-animation: mymove5 2s ease-in-out;
	/*Safari and Chrome*/
}
@-webkit-keyframes mymove4{
	from {
		transform: translate3d(0px, 1500px, 0px)
	}
	to {
		transform: translate3d(0px, 0px, 0px)
	}
}

@-webkit-keyframes mymove5{
	from {
		transform: translate3d(0px, -1500px, 0px)
	}
	to {
		transform: translate3d(0px, 0px, 0px)
	}
}
.section3_box {
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm3-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section.active .section3_box .section3_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}
.section4-3>div{
	min-width: 30%;
}
.section5-3>div{
	min-width: 22%;
}

.section4_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm4-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section.active .section4_box .section4_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}

.section.active .section5_box .section5_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}


.section.active .section6_box .section6_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}

.section.active .section7_box .section5_h {
	animation: mymove3 2s ease-in-out;
	-webkit-animation: mymove3 2s ease-in-out;
	/*Safari and Chrome*/
}

.section.active .section8_box .section5_h>div:nth-child(odd) {
	animation: mymove3 1s ease-in-out;
	-webkit-animation: mymove3 1s ease-in-out;
	/*Safari and Chrome*/
}



.swm1_box{
	width: 100%;
	height: 100%;
	background: url(/v3/style/img/swm1-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.swm2_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/swm2-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.swm3_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background-color: #f4f9fc;
}
.swm4_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background-color: #ffffff;
}
.swm5_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background-color: #f4f9fc;
}
.swm6_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background-color: #ffffff;
}
.swm_line1{
	width: 77px;
	height: 5px;
	background-color: #ff8900;
}
.swm_line2{
	width: 77px;
	height: 5px;
	background-color: #48b95b;
}
.swm_line3{
	width: 77px;
	height: 5px;
	background-color: #5359a6;
}
.product_d{
			width: 9px;
			height: 9px;
			border-radius: 50%;
			background-color: #0273ff;
			margin-top: 7px;
			margin-right: 15px;
		}
.cmr1_box{
	width: 100%;
	height: 100%;
	background: url(/v3/style/img/cmr1-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}		
.cmr2_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cmr2-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.cmr3_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cmr3-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}.cmr4_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cmr4-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.cied1_box{
	width: 100%;
	height: 100%;
	background: url(/v3/style/img/cied1-1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.cied2_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cied1-2.jpg) no-repeat;
	background-position-x: 100%;
	background-position-y: 0%;
}
.cied3_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cied1-2.jpg) no-repeat;
	background-position-x: 100%;
	background-position-y: 17%;
}
.cied4_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cied1-2.jpg) no-repeat;
	background-position-x: 100%;
	background-position-y: 40%;
}
.cied5_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cied1-2.jpg) no-repeat;
	background-position-x: 100%;
	background-position-y: 51%;
}
.cied6_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/cied1-2.jpg) no-repeat;
	background-position-x: 100%;
	background-position-y: 68%;
}

.section.active .section2_box .section2-2>div{
	padding-bottom: 88px;
}

/* 2021/01/13 */
#section2 .section2-2{
	display: flex;
	justify-content: space-between;
}
#section2 .flex-item{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
    text-align: center;
}
#section3 .flex-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
	padding: 0 8%;
}

#section3 .item{
	position: relative;
	margin-bottom: 45px;
	padding-top: 45px;
	width: 24%;
	color: #fff;
}

#section3 .item img{
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
}

#section3 .item .item-title{
	padding: 10px 0;
	font-size: 24px;
	background-image: linear-gradient(to right, #20c197, #018dfc);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#section3 .item p{
	font-size: 16px;
	font-weight: bolder;
	line-height: 30px;
}

.modify-title{
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 36px;
}

#section4 .modify-title{
	background-image: url(../img/intell-01-w.png);
}
#section5 .modify-title{
	background-image: url(../img/intell-04-w.png);
}
#section6 .modify-title{
	background-image: url(../img/intell-02-w.png);
}
#section7 .modify-title{
	background-image: url(../img/intell-03-w.png);
}
#section8 .modify-title{
	background-image: url(../img/intell-06-w.png);
}
#section9 .modify-title{
	background-image: url(../img/intell-05-w.png);
}
#section10 .modify-title{
	background-image: url(../img/intell-07-w.png);
	background-size: 36px auto;
}
#section11 .modify-title{
	background-image: url(../img/intell-08-w.png);
	background-size: 36px auto;
}


.section5_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-06-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section6_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-07-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section7_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-05-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section8_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-09-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section9_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-08-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section10_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-10-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.section11_box{
	margin-top: 64px;
	width: 100%;
	height: calc(100% - 64px);
	background: url(/v3/style/img/gpm-11-01.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

.sk-chase {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-chase 2.5s infinite linear both;
}
  
.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0; 
	animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}
  
.sk-chase-dot:before {
	content: '';
	display: block;
	width: 25%;
	height: 25%;
	background-color: #fff;
	border-radius: 100%;
	animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}
  
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  
@keyframes sk-chase {
	100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
	80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
	50% {
		transform: scale(0.4); 
	} 100%, 0% {
		transform: scale(1.0); 
	} 
}

@media only screen and (max-width: 1280px) {
	#section1 .section1_box .sec-title{
		font-size: 28px;
	}
}
@media only screen and (max-width: 1024px) {


}