.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 h2{font-size: 44px;font-weight: lighter;padding-top: 50px;}
.s8-sec h3{font-size: 29px;margin-top: 20px;}
.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);
}
.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;
}
video {
    width: 100%;
}
.video-background {
    position: relative;
    height: auto;
    overflow: hidden;
    background-color: #181d2c;
}
.skill-area-h3 {
    display: flex;
    align-items: center;
    gap: 60px;
}
.ug_container {
    max-width: 1290px;
    margin: auto;
}
.ug_container-160 {
    max-width: 1600px;
    margin: auto;
}
.main-process-wrapper1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 650px;
    padding-top: 44px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
} 
@media only screen and (max-width:768px ) {
  .main-process-wrapper1 {
    display: flex;
    align-items: center;
    justify-content: normal;
    flex-wrap: wrap;
    margin-top: 550px;
    padding-bottom: 80px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
} 
} 
/* 当页面下滑时，视频放大的样式 */  
.enlarged {  
    transform: translate(-50%, -50%) scale(1.2);  
}
@media (min-width: 1400px) {
    .ug_container, .ug_container-lg, .ug_container-md, .ug_container-sm, .ug_container-xl, .ug_container-xxl {
        max-width: 1280px;
    }
}
@media (min-width: 1200px) {
    .ug_container, .ug_container-lg, .ug_container-md, .ug_container-sm, .ug_container-xl {
        max-width: 1290px;
    }
}
@media (min-width: 992px) {
    .ug_container, .ug_container-lg, .ug_container-md, .ug_container-sm {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .ug_container, .ug_container-md, .ug_container-sm {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .ug_container, .ug_container-sm {
        max-width: 540px;
    }
}
.ug_container, .ug_container-fluid, .ug_container-lg, .ug_container-md, .ug_container-sm, .ug_container-xl, .ug_container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
	max-width: 1920px;
}

.large-video-playing video {
    max-width: 100%;
    width: 100%;
}
.p2-image{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.grow {
    transform: scale(0.8);
}
@media (min-width: 992px) {
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -.5);
}
.large-video-playing{
	translate: none;
    rotate: none;
    scale: none;
    transform: translate3d(0px, 0px, 0px) scale(0.9599, 0.9599);
}

.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:115px;padding-right: 15px;padding-top: 100px; color: #fff;}
.left-text1{text-align: left;width: 600px;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;padding-top: 100px;}
/*.img-center{text-align: center;}*/
.img-center>img{margin: 0 auto;/*text-align: center;*/}
.s8-inner h1 {
    font-size: 55px;
    font-weight: 600;
    padding-top: 0px;
}
.s8-inner h2{white-space: nowrap; font-size: 44px;
    font-weight: 600;
    padding-top: 10px;}
.float-img{position: absolute;}
.slogan{top:400px;right: -78px;padding-left:15px;padding-right: 15px;}
.slogan .sm-slogan{text-align: center;font-size: 30px;padding-left:15px;padding-right: 15px;}

.video-block{margin:120px auto 0;width: 800px;height: 600px;background: #fff;position: relative; /*position: absolute;top:0;left: 0;bottom: 0 ;right: 0;margin: auto;*/}
.video-img{height: 155px;width: auto;display:block;position: relative;overflow: hidden;}
.video-img:hover .video-play-btn{background-color:rgba(0,0,0,.6);background-image: url(../images/play.png);}
.video-play-btn{position: absolute;top:50px;left: 0;bottom: 0 ;right: 0;margin: auto;height: 100%;width: 100%;background:rgba(0,0,0,0) url(../images/play.png) no-repeat center center;transition: all .2s ease;}
.video-desc{padding-top: 15px;font-size: 14px;line-height: 1.5;}
.close-btn{position: absolute;top: 5px;right: 5px;font-size: 24px;cursor: pointer;color: #fff;}

.icon-wrap{padding-top: 50px;}
.icon-wrap>span{display: inline-block;min-width: 215px;text-align: center;padding-top: 110px;margin-right: 30px;background-repeat:no-repeat;background-position:top center;height: 200px;}
.sec3-icon1{background: url(../images/a1.png);}
.sec3-icon2{background: url(../images/a2.png);}
.sec3-icon3{background: url(../images/a3.png);}
.sec3-icon4{background: url(../images/a4.png);}
.sec3-icon5{background: url(../images/a5.png);}
.sec3-icon6{background: url(../images/a6.png);}
.sec3-icon7{background: url(../images/a7.png);}
.sec3-icon8{background: url(../images/a8.png);}
.sec5-icon2{background: url(../images/a5.png);}
.sec6-icon1{background: url(../images/a6.png);}
.sec7-icon1{background: url(../images/s8-07-icon1.png);}
.sec7-icon2{background: url(../images/s8-07-icon2.png);}
.sec8-icon1{background: url(../images/s8-08-icon1.png);}
.sec8-icon2{background: url(../images/s8-08-icon2.png);}
.sec9-icon1{background: url(../images/s8-09-icon1.png);}
.sec9-icon2{background: url(../images/s8-09-icon2.png);}
.sec10-icon1{background: url(../images/s8-10-icon1.png);}
.sec10-icon2{background: url(../images/s8-10-icon2.png);}

.s8-sec1{height: 1050px;background: url(../images/1-1.jpg) no-repeat center center;background-size: cover;}
.s8-sec2{height: 1250px;background: url(../images/02.png) no-repeat center center;background-size: 100%;background-color:#000000;}
.s8-sec3{height: 600px;background-color:#000101;background-size: cover;}
.s8-sec4{height: 900px;background: url(../images/4-1.png) no-repeat center bottom;background-size: 110%;background-color: #000;}
.s8-sec5{height: 1250px;background-color:#ffffff;background-size: cover;}
.s8-sec6{height: 1180px;background: url(../images/7-1.png) no-repeat center center;background-size: cover;}
.s8-sec7{height: 950px;background: url(../images/8-1.png) no-repeat center center;background-size: cover;}
.s7c-04-1{    width: 100%;
    height: 100%;
    background: url(../images/82.jpg) no-repeat;
    left: -220px;}
.s7c-04-2{width: 100%;height: 100%;background:url(../images/83.jpg) no-repeat ;left: 610px;
    top: 50px;}
.s8-sec8{height: 950px;background-color:#fffdfd;background-size: cover;}
.s8-sec9{height: 650px;background-color:#0e0e0e;background-size: cover;}
.s8-sec9-1{display:none;}
.s8-sec10{height: 650px;background-color:#0e0e0e;background-size: cover;}
.s8-sec11{height: auto;background-color:#0e0e0e;background-size: cover;display: block;}
.s8-sec11-1{height: auto;background-color:#0e0e0e;background-size: cover;display:none;}
.s8-sec12{height: 1000px;background: url(../images/11-2.png) no-repeat center center;background-size: cover;}
.s8-sec13{height: 1000px;background: url(../images/6800Pro_pc.png) no-repeat center center;background-size: cover;}
.s8-sec14{height: 1200px;background-size: cover;}
.bg-icon{background-color:#3f3f3f5c;}
.bg-1{background-color:#f6f6ff;}
.bg-2{background-color:#eceeff;}
.bg-3{background-color:#dee0ff;}
.text-top5{padding-top:5%;}
.text-top2{padding-top:2%;}
.con-image{
   margin-left: auto;
    margin-right: auto;
    width: 1400px; 
}
.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;    padding-left: 115px;}
@media only screen and (max-width:768px ) {
    .about-three-right-content {padding-left:35px;}
}
.con-image{
   margin-left: auto;
    margin-right: auto;
    width: 100%; 
}
.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;
}
.ubox2{
	  flex: 0 0 auto;
        width: 60%;
    float: right;
}
.ubox1{
	  flex: 0 0 auto;
        width: 40%;
}
.ubox1-text{padding-right: 10px;
    width: 90%;
}
.left-images {
    width: 400px;
    padding-top: 40px;
}
@media only screen and (max-width:768px ) {
 .left-images {
    width: 550px;
    padding-top: 40px;
    height: auto;
     padding-left: 20px;
}  }   
    
.right-images {
    width: 500px;
    padding-top: 40px;
}
#battery-perc{position:absolute;font-size: 60px;font-weight:bold;color: #3ce24a;display: block;text-align:right;width: 150px;top:62%;left: 20%;}
.s8-10-1{top:0;left:130px;}
.s8-10-2{top:350px;left:-950px;}
.s8-10-3{top:394px;right:75px ;}
.s8-10-4{top:685px;right:75px ;}
.s8-10-5{display: none;}
.s8-08-1{}
.s8-08-2{}
.s8-08-3{display:none;}
.s8-11-1{}
.s8-11-2{bottom:40px;right:-360px;}
.s8-13-1{padding-top: 50px;text-align: center;}
@-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-sec{/*overflow-x: hidden;*/background-size: 400%;background-position: 2;background-position-x: 48.1%;height: 700px;}
	.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: 24px;
        line-height: 1.3;
        letter-spacing: 0.5px;
        padding-top: 20px;}
	.center-text,.right-text{float: none;width: 90%;padding-top:30px !important;}
	.left-text{float: none;width: 90%;padding-top:30px !important;color:#fff;padding-left: 25px;}
	.left-text1{float: none;width: 90%;padding-top:30px !important;color:#fff;padding-left: 25px;}
	.float-img{position: static;}
	.s8-sec1{height: 580px;background: url(../images/1-1.jpg) no-repeat center center;background-size: 220%;}
	.s8-sec6{height: 100%;
        background-size: 250%;
        background-position-x: 50%;
        background-color: #000;}
	.s8-sec7{height: 450px;
        background-size: 200%;}
	.s8-sec8{height: 100%;
        background-size: 200%;padding-bottom: 30px;}
.s8-08-1{display: none;}
.s8-08-3{ display: block;}
	.s8-sec9{height: 720px;
    background-size: 170%;
    background-position-x: 50%;
    background-position: bottom;
    background-color: #000000;}
	.s8-sec10{height: 680px;background-size: 400%;}
	.s8-sec11{height: auto;background-size: 300%;background-position: bottom;background-position-x: 44%;background-color: #000000;display:none;}
	.s8-sec11-1{height: auto;background-size: 300%;background-position: bottom;background-position-x: 44%;background-color: #000000;display: block;}
	.s8-sec12{ background-image: url(../images/12-1.jpg);
        background-position: bottom;
        background-repeat: repeat;
        height: 1200px;
        background-color: #0E0E0E;
        background-size: cover;}
	.s8-sec13{height: 550px;}
	.s8-sec14{height: 450px;}
	.s8-13-1{height: 250px;}
	.slogan{/* padding: 50px 0; *//* margin-right: 70px; */padding-left: 35px;padding-right: 5px;}
.video-block {
    width: auto;
    height: 350px;
}
.text-overlay{ display: none;}
.m-inner {
        color: black;
        display: block;
    }
.h4, h4 {
    font-size: 23px;padding: 10px;
}
.s8-inner h1 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 0px;
}
.ubox2 {
    flex: 0 0 auto;
    width: 100%;
    float: right;
}
.ubox1 {
    flex: 0 0 auto;
    width: 100%;
}
.s7c-04-1 {
    width: 100%;
    height: 100%;
    background: url(../images/82.jpg) no-repeat center top;
}
.s7c-04-2 {
    width: 100%;
    height: 100%;
    background: url(../images/83.jpg) no-repeat top center;

}

	.s8-01-2,.s8-01-3{animation:none;margin-top: 100px;}
	.s8-01-1{animation:none;margin-top: 100px;width: 400px;}
	.s8-02-1{height: 250px;background-size: 200%;}
	.icon-wrap>span{font-size: 14px;margin-right: 15px;min-width: 150px;padding-top:70px;background-size: 105px 65px;}
	.s8-sec3{background-position-x: 75%;height: 800px;}
	.s8-sec4{background-image: url(../images/6-1.jpg);
        background-position: bottom;
        background-repeat: repeat;
        height: 1080px;
        background-color: #0E0E0E;
        background-size: 100%;}
	.s8-sec4 .center-text{position: static;color: #000;padding-bottom: 25px;}
	.s8-sec4 .center-text h2{font-size:24px;padding-top: 0;}
	.s8-sec4 .center-text h3{font-size: 18px;}
	.s8-sec5{height: 100%;/* background-position:bottom left; *//* background-size: 200%; */}
	.btm-tips{margin-top: 15px;white-space: normal;}
	.s8-06-1,.s8-06-2,.s8-06-4,.s8-06-5{display: none;}
	.s8-06-3{display: block;}
	.s8-07-1{/* display: none; */width: 200px;margin-left: 25%;margin-top: -20%;}
	.s8-07-2{/* display: none; */margin-left: 18%;margin-top: -30%;width: 300px;}
	.s8-07-3{display: block;padding: 30px 30px 0;}
	.s8-09-1,.s8-09-2,#battery-perc{display: none;}
	.s8-09-3{display: block;padding: 30px 30px 0;}
	.s8-sec10{text-align: center;height: 600px;
    background-size: 170%;
    background-position-x: 50%;
    background-position: bottom;
    background-color: #080808;
}}
	.s8-10-1,.s8-10-2{display: none;}
	.s8-10-5{display: block;margin-top: -30px;}
	.s8-10-3,.s8-10-4{display: inline-block;width: 45%;text-align: center;padding: 15px 0;}
	.s8-11-1{padding: 30px 30px 0;}.s8-11-2{padding: 30px 0 30px 30px;}
	

@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 (min-width: 820) and  (max-width: 1199px) {
	.s8-inner{width: auto;}
	.s8-sec4 {
    height: 1100px;
    background: url(../images/4-1.png) no-repeat center center;
    background-size: cover;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.s8-inner{width: auto;}
}