body {font-family: Arial, sans-serif;margin: 0;padding: 0;flex-direction: column;align-items: center;justify-content: center;min-height: 100vh;}
.overview-s8 img{display: block;max-width: 100%;height: auto;margin:0 auto;}
.s8-sec{overflow: hidden;font-size: 18px;font-weight: lighter;}
.s8-inner{width: 1200px;position: relative;margin: 0 auto;height: 100%;}
.s8-sec h1{font-size: 5rem;font-weight: 600;padding: 15px;color:#fff;}
.s8-sec h2{font-size: 44px;font-weight: lighter;padding-top: 50px;}
.s8-sec h3{font-size: 3rem;/* margin-top: 20px; */color: #fff;}
.s8-sec p{font-size: 18px;margin-top: 1px;line-height: 1.5;}
.s8-inner .white{color: #fff;}
.text-gradient-fast-blue-purple-light-orange {
	background-image:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae);
}
/* 图片容器样式*/
.ug_image-container {
	padding:2rem;
	text-align:center;
	margin-bottom:50px;
}
/* 图片样式*/
.ug_image-container img {
	max-width:100%;
	height:auto;
	border-radius:10px;
}
/* 文字容器样式*/
.text-container {
	padding:2rem;
	text-align:center;
}
.text-gradient-blue-magenta-orange,.text-gradient-light-gray-white,.text-gradient-light-purple-light-orange,.text-gradient-sky-blue-pink,.text-gradient-light-blue-light-turquoise,.text-gradient-fast-blue-purple-light-orange,.text-gradient-light-pink-light-purple,.text-gradient-fast-blue-purple,.text-gradient-pink-orange,.text-gradient-fast-pink-light-yellow,.text-gradient-purple-pink,.text-gradient-light-pink-light-orange {
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.m-inner {
	display:none;
}
.text-black {
	color:#000;
}
.text-white {
	color:#fff;
}
.text-overlay {
	position:absolute;
	top:23%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	text-align:center;
	z-index:1;
	width:1200px;
}

.center-text{text-align: center;width:75%;margin: 0 auto;padding-left:15px;padding-right: 15px;padding-top: 30px;}
.left-text{text-align: left;width: 50%;padding-left:15px;padding-right: 15px;padding-top: 100px; color: #fff;}
.left-icon{text-align: center;width: 100%;padding-left:15px;padding-right: 15px;padding-top: 0px;}
.right-text{text-align: left;width: 50%;float: right;padding-left:15px;padding-right: 15px;text-align: center;/* line-height: 100px; */display: flex;justify-content: center;align-items: center;flex-direction: column;flex-wrap: nowrap;height: 100%;padding-top: 1px;}
/*.img-center{text-align: center;}*/
.img-center>img{margin: 0 auto;/*text-align: center;*/}
.s8-inner h1 {font-size: 5rem;font-weight: 600;padding: 15px;}
.s8-inner h2{
    white-space: nowrap;
    font-size: 44px;
    font-weight: 600;
    padding-top: 10px;
    color: #fff;
    }
.float-img{position: absolute;}

.s8-sec1{height: 1180px;background: url(../images/US3000-1.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
.s8-sec2{background-color:#000000;}
.ug_image_1{display:block;}
.ug_image_2{display:none;}
.ug_image_3{width:100%;}
.s8-sec3{background-color:#000000;}
.s8-sec4{height: 1100px;background: url(../images/US3000-5.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
.s8-sec5{height: 1250px;background: url(../images/US3000-6.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
.s8-sec6{background-color:#000000;}
.s8-sec7{height:  1100px;background: url(../images/US3000-8.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
.s8-sec8{height:  1100px;background: url(../images/US3000-9.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
.s8-sec9{background-color:#000000;}

.text-top5{padding-top:5%;}
.text-top2{padding-top:2%;}
.text-top8{padding-top:8%;}
.text-top10{padding-top:10%;}
.text-bottom10{padding-bottom:10%;}
.text-bottom5{padding-bottom:5%;}
.text-top20{padding-top:20%;}
.about-three-right-content {padding:15px;}
@media only screen and (max-width:768px ) {
    .about-three-right-content {padding-left:35px;}
}
.text-overlay {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    z-index: 1;
    width: 1200px;
}


@-webkit-keyframes drop-down{
	0{transform: translateY(0)rotateY(-30deg)scale(0.9)skewX(-15deg);}
	/*20%{transform: translateY(100px)rotate(0)scale(1)skewX(0);*/
	100%{transform: translateY(100px)rotate(0)scale(1)skewX(0);}
	}
@keyframes drop-down{
	0{transform: translateY(0)rotateY(-30deg)scale(0.9)skewX(-15deg);}
	/*20%{transform: translateY(100px)rotate(0)scale(1)skewX(0);*/
	100%{transform: translateY(100px)rotate(0)scale(1)skewX(0);}
	}
@-webkit-keyframes charging {
	0{background-position:0 200px;}
	20%{background-position:0 160px ;}
	40%{background-position:0 120px ;}
	60%{background-position:0 80px ;}
	80%{background-position:0 40px ;}
	100%{background-position:0px;}
}
@keyframes charging {
	0{background-position:0 200px;}
	20%{background-position:0 160px ;}
	40%{background-position:0 120px ;}
	60%{background-position:0 80px ;}
	80%{background-position:0 40px ;}
	100%{background-position:0px;}
}
@-webkit-keyframes bling{
	from{transform: scale(0);}
	to{transform: scale(1);}
}
@keyframes bling{
	from{transform: scale(0);}
	to{transform: scale(1);}
}

@media only screen and (max-width:768px ) {
	.s8-inner{width: auto;}
	.s8-inner h2{font-size:30px;white-space: normal;padding-top: 20px;    padding-bottom: 5px;padding: 10px;}
	.s8-inner h3{font-size: 25px;}
	.s8-inner p{font-size: 2.5rem;
        line-height: 1.3;
        letter-spacing: 0.5px;
        padding-top: 20px;
	     font-weight: 500;
	}
	.center-text{float: none;width: 90%;padding-top:80px !important;}
	.right-text{text-align: left;width: 100%;float: unset;padding-left:15px;padding-right: 15px;text-align: center;/* line-height: 100px; */display: flex;justify-content: center;align-items: center;flex-direction: column;flex-wrap: nowrap;height: auto;color:#fff;
        padding-top: 50px;}
	.left-text{float: none;width: 90%;padding-top:30px !important;color:#fff;}
	.ug_image_1{display:none;}
	.ug_image_2{display:block;}
	.ug_image_3{width:100%;}
	.float-img{position: static;}
	.s8-sec1{height: 750px;
        background: url(../images/US3000-1-1.png) no-repeat center center;
        background-size: 100%;
        background-color: #000;
    }
	.s8-sec2{
        /* background: url(../images/US3000-2-1.png) no-repeat center bottom;background-size: cover;background-position: center; background-repeat: no-repeat; */
        background-size: 100%;
        background-color: #000;
    }
	.s8-sec3{background-color: #000;}
	.s8-sec4{background: url(../images/US3000-4-1.png) no-repeat center center; background-size: 100%;background-position: center; background-repeat: no-repeat;
		      background-color: #000;
		}
	.s8-sec5{height: 850px; background: url(../images/US3000-6.png) no-repeat center center;background-size:200%; background-repeat: no-repeat;background-color: #000;background-position: bottom;}
	.s8-sec6 {
	    background-color: #000000;
	}
	.s8-sec7{height: 1180px;background: url(../images/US3000-8-1.png) no-repeat center center;background-size: cover;background-position: center; background-repeat: no-repeat;}
	.s8-sec8{height: 1180px;
        background: url(../images/US3000-9.png) no-repeat center center;
        background-size: 300%;
        background-repeat: no-repeat;
        background-color: #000;}
}
@media screen and (min-width: 1024px) and (max-width: 1368px)  {
	.s8-inner{width: auto;}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.s8-inner{width: auto;}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.s8-inner{width: auto;}
}