@charset "UTF-8";
.section .container{
  padding: 1rem 9rem;
}
.img{
  width: 100%;
  height: 100%;
}
.section-margin-bottom{
  margin-bottom:3rem;
}
.banner-video{
  position: relative;
}
.banner-video .video-img{
  display: block;
  position: absolute;
  bottom: 2rem;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2.35rem;
  cursor: pointer;
  animation: myMove 2s linear infinite;
  -webkit-animation: myMove 2s linear infinite;
}
.reslut .reslut-items{
  display:flex;
  justify-content: space-around;
}
.reslut .reslut-items li{
  text-align: center;
}
.reslut .reslut-items li img{
  width:100px;
  height:100px;
}
.reslut .reslut-items li h3{
  color: #373737;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  letter-spacing: .1333rem;
}
.reslut .reslut-items li p{
  /* font-size: 3rem; */
  /* font-weight: bold; */
  color: #ea5504;
  /* background-image: -webkit-linear-gradient(bottom, #bc2f08,#f2bc93); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  display: inline-block;
  white-space: wrap;
  font-size: 1.9rem;
}
.reslut .reslut-items li p i{
  font-style: normal;
}
.reslut .reslut-items li .number{
  display:flex;
}
.reslut .reslut-items li .number img{
  width:50px;
  height: 50px;
}
.watching-light{
  position: relative;
  margin: 3rem auto;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.watching-light h2{
  margin-top: 3rem;
  color: #ea5504;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}
.watching-light-content{
  display: flex;
  padding:2rem;
}
.watching-light-content .left{
  width:45%;
  padding:0 3rem;
}
.watching-light-content .left h3{
  font-size:1.8rem;
  font-weight: 500;
}
.watching-light-content .left p{
  font-size:0.8rem;
  line-height: 1.8rem;
  text-indent: 2rem;
  text-align: justify;
}
.watching-light-content .right{
  width:55%;
}
.service-develop{
  width:100%;
  height:100%;
}
.service-develop .part1 {
  width:100%;
  overflow: hidden;
  position: relative;
  margin-bottom:2.5rem;
}
.service-develop .part1 .part-items{
  width: 240%;
  height:100%;
  overflow: hidden;
  position: absolute;
  display: flex;
}
.service-develop .part1 ul li{
  margin-right:1rem;
  border-radius: 10px;
  height:100%;
  overflow: hidden;
}
.service-develop .part1 ul li img{
  width:100%;
  height:100%;
  object-fit: fill;
}
.service-develop .part2{
  width:100%;
  overflow: hidden;
  position: relative;
}
.service-develop .part2 ul{
  width: 250%;
  height:100%;
  overflow: hidden;
  position: absolute;
  display: flex;
  top:0;
  left:-500px;
}
.service-develop .part2 ul li{
  margin-right:1rem;
  border-radius: 10px;
  height:100%;
  overflow: hidden;
}
.service-develop .part2 ul li img{
  width:100%;
  height:100%;
  object-fit: fill;
}
.lab{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lab-desc .lab-content{
  text-align: center;
}
.lab-desc .lab-content img{
  width:18%;
  margin:2rem auto;
}
.lab-desc .lab-content h3{
  margin-top:1rem;
  font-size:1rem;
  font-size: 600;
}
.lab-desc .lab-content .section-intro{
  font-size:0.8rem;
  line-height: 1.8rem;
  margin-bottom: 2rem;
}
.lab-desc .lab-part1,.lab-part2{
  display: flex;
  align-items:flex-end;
  /* height:0;
  overflow: hidden; */
}
.lab-desc .lab-part2{
  align-items:flex-start;
}
.lab-desc .lab-part1 li,.lab-part2 li{
  margin:0 2rem;
}
.lab-desc .lab-part1 .lab1{
  transform: translateY(50px);
}
.lab-desc .lab-part1 .lab2{
  transform: translateY(20px);
}
.lab-desc .lab-part1 .lab4{
  transform: translateY(30px);
}
.lab-desc .lab-part1 .lab5{
  transform: translateY(70px);
}
.lab-desc .lab-part2 .lab6{
  transform: translateY(-50px);
}
.lab-desc .lab-part2 .lab7{
  transform: translateY(-70px);
}
.lab-desc .lab-part2 .lab9{
  transform: translateY(-70px);
}
.lab .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.lab .swiper-slide {
  width: 30vw !important;
  /* height: 300px !important; */
  overflow: hidden;
}

.lab .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lab .swiper-pagination-bullet-active {
  background: #ea5504 !important;
}

@media screen and (min-width: 2500px) {
  .service-develop .part1 {
    height:40vh;
  }
  .service-develop .part2{
    height:40vh;
  }
}
@media screen and (min-width: 1800px) and (max-width: 2499px) {
  .service-develop .part1 {
    height:33vh;
  }
  .service-develop .part2{
    height:33vh;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1799px) {
  .service-develop .part1 {
    height:20vh;
  }
  .service-develop .part2{
    height:20vh;
  }
}
@media screen and (max-width: 1000px) {
  .service-develop .part1 {
    height:20vh;
  }
  .service-develop .part2{
    height:20vh;
  }
}