@charset "utf-8";
.public-breadcrumb2 {
  position: absolute;
  top: calc(1.2rem + 20px);
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 0.3rem 0;
}
@media (max-width: 991px) {
  .public-breadcrumb2 {
    top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .public-breadcrumb2 {
    display: none;
  }
}
.public-breadcrumb2 .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
}
.public-breadcrumb2 .container img,
.public-breadcrumb2 .container svg {
  margin: 0 0.1rem;
}
.public-breadcrumb2 .container img:last-child,
.public-breadcrumb2 .container svg:last-child {
  display: none;
}
.public-breadcrumb2 .container a {
  transition: all 0.4s;
}
.public-breadcrumb2 .container a:hover {
  text-decoration: underline;
}
.public-banner2 {
  position: relative;
  z-index: 1;
  height: 100vh;
}
@media (max-width: 991px) {
  .public-banner2 {
    height: 120vw;
  }
}
.public-banner2.c-style2 .c-text-box {
  margin-top: 0.3rem;
}
@media (max-width: 991px) {
  .public-banner2.c-style2 .c-text-box {
    margin-top: 0;
  }
}
.public-banner2 .public-btn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  padding-right: 20px;
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .public-banner2 .public-btn {
    border-radius: 20px;
  }
}
.public-banner2 .public-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: var(--color);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-banner2 .public-btn::before {
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }
}
.public-banner2 .public-btn div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .public-banner2 .public-btn div {
    width: 40px;
    height: 40px;
  }
}
.public-banner2 .public-btn div img,
.public-banner2 .public-btn div svg {
  width: 12px;
  height: 12px;
}
.public-banner2 .public-btn:hover {
  color: #fff;
}
.public-banner2 .public-btn:hover::before {
  width: 100%;
}
.public-banner2 .c-img,
.public-banner2 .c-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.public-banner2 .c-img img,
.public-banner2 .c-video img,
.public-banner2 .c-img video,
.public-banner2 .c-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.public-banner2 .c-video {
  z-index: 2;
  object-fit: cover;
}
.public-banner2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.public-banner2 .c-text-box {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  width: 100%;
  color: #fff;
  transform: translateY(-50%);
}
.public-banner2 .c-text-box .c-title {
  font-size: var(--font-size4);
}
.public-banner2 .c-text-box .c-subtitle {
  margin-top: 0.2rem;
  font-size: 0.4rem;
  line-height: 1.2;
}
.public-banner2 .c-text-box .public-btn {
  margin-top: 0.35rem;
}
.public-banner2 .c-btn-box {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  color: #fff;
}
.public-banner2 .c-btn-box .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.3rem 0;
}
.public-banner2 .c-btn-box .c-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  color: container container1600;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-banner2 .c-btn-box .c-arrow {
    width: 40px;
    height: 40px;
  }
}
.public-banner2 .c-btn-box .c-arrow img,
.public-banner2 .c-btn-box .c-arrow svg {
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
}
.public-banner2 .c-btn-box .c-arrow:hover {
  background: container container1600;
  color: #fff;
}

 
@charset "utf-8";
.tech1-box4 .container .cn1 {
  color: #000000;
  line-height: 1.3125em;
  position: relative;
  z-index: 4;
  text-align: center;
}
.tech1-box4 .container .line {
  width: 100%;
  height: 1px;
  margin: 0.6rem 0 0.8rem;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}
.tech1-box4 .container .line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.3rem;
  height: 0.03rem;
  background-color: var(--color);
}
.service-box3 {
  position: relative;
  z-index: 10;
  padding-bottom: 1.3rem;
  background-color: #f8f8f8;
}
.service-box3 .container .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: relative;
}
.service-box3 .container .line span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  background-color: var(--color);
}
.service-box3 .container .cn1 {
  padding-top: 0.95rem;
  color: #000;
  line-height: 1.3125em;
  font-size: var(--font-size2);
}
.service-box3 .container .sevicebox3swiper {
  margin-top: 0.55rem;
  position: relative;
  overflow: hidden;
}
.service-box3 .container .sevicebox3swiper .swiper-slide {
  /* width: calc((100% - 0.8rem)/4); */
  /* margin: 0 0.1rem 0.2rem; */
  border-radius: 0.2rem;
  background-color: #fff;
  padding: 0.8rem 0.3rem 0.5rem;
  height: auto;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .img {
  text-align: center;
  height: 0.6rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .img img {
  height: 0.6rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .line2 {
  width: 0.27rem;
  height: 0.05rem;
  background-color: var(--color);
  border-radius: 0.02rem;
  margin: 0.4rem auto 0.35rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .cn2 {
  text-align: center;
  line-height: 1.5em;
  color: #000000;
  font-size: var(--font-size6);
}
.service-box3 .container .sevicebox3swiper .swiper-slide .cn3 {
  margin-top: 0.4rem;
  line-height: 1.5;
  text-align: left;
  color: #666666;
  font-size: var(--font-size7);
}
.service-box3 .container .sevicebox3swiper .publicswiper-page {
  margin-top: 0.4rem;
}
.service-box3 .publicswiper-page {
  text-align: center;
}
.service-box3 .publicswiper-page .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000000;
  opacity: 0.2;
  margin: 0 5px;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .service-box3 .publicswiper-page .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.07rem;
  }
}
.service-box3 .publicswiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--color);
  opacity: 1;
}
@media (max-width: 991px) {
  .service-box3 .publicswiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.5rem;
  }
}

 
@charset "utf-8";.product3-box2{background-color:#f8f8f8;padding:.9rem 0 0;position:relative;overflow:hidden}.product3-box2 .container .cn1{text-align:center;color:#000;line-height:1.3125em;font-size:var(--font-size2)}.product3-box2 .container .line{margin-top:.45rem;width:100%;height:1px;background-color:rgba(0,0,0,0.1);position:relative}.product3-box2 .container .line::before{content:"";width:.3rem;height:.03rem;background-color:var(--color);position:absolute;left:0;bottom:0}.product3-box2 .product3box2a{margin-top:.7rem;position:relative}@media (max-width: 991px){.product3-box2 .product3box2a{padding:.6rem 0}}.product3-box2 .product3box2a .img.on img{animation:tech3box2opacity .5s linear 1 forwards}@media (max-width: 991px){.product3-box2 .product3box2a .img{position:absolute;left:0;top:0;width:100%;height:100%}}.product3-box2 .product3box2a .img::before{padding-top:39.58333333%}.product3-box2 .product3box2a .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:3}.product3-box2 .product3box2a .img .pc-img{opacity:0}.product3-box2 .product3box2a .img .pc-img.on{opacity:1}@media (max-width: 991px){.product3-box2 .product3box2a .img .pc-img{display:none}}.product3-box2 .product3box2a .img .mb-img{display:none}@media (max-width: 991px){.product3-box2 .product3box2a .img .mb-img{display:block}}.product3-box2 .product3box2a .publicbanner2page2{position:absolute;left:50%;transform:translateX(-50%);bottom:.3rem !important;z-index:5;opacity:0;visibility:hidden;text-align:center}@media (max-width: 991px){.product3-box2 .product3box2a .publicbanner2page2{display:none;position:relative;opacity:1;visibility:visible}}.product3-box2 .product3box2a .publicbanner2page2 .swiper-pagination-bullet{background-color:#Fff;opacity:.4}.product3-box2 .product3box2a .publicbanner2page2 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:var(--color)}.product3-box2 .product3box2a .container{left:50%;transform:translateX(-50%);position:absolute;height:100%;z-index:3;top:0}@media (max-width: 991px){.product3-box2 .product3box2a .container{position:relative;height:auto;width:100%;left:0;transform:initial}}.product3-box2 .product3box2a .container .product3box2b{position:relative;overflow:hidden;height:100%}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b{height:initial}}.product3-box2 .product3box2a .container .product3box2b::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.1)}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b::before{display:none}}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b .swiper-wrapper{flex-wrap:wrap;transform:initial !important}}.product3-box2 .product3box2a .container .product3box2b .swiper-slide{position:relative}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b .swiper-slide{width:100% !important}}.product3-box2 .product3box2a .container .product3box2b .swiper-slide::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.1)}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b .swiper-slide::before{display:none}}.product3-box2 .product3box2a .container .product3box2b .swiper-slide::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.2);transition:all .5s;opacity:0}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b .swiper-slide::after{display:none}}.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2{z-index:4;position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center;padding:0 .5rem;color:rgba(255,255,255,0.6);bottom:.9rem;transition:all .5s;line-height:1.5em;font-size:var(--font-size6)}@media (max-width: 991px){.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2{padding:0 5% 0 calc(5% + .2rem);bottom:2.2rem;display:block;position:relative;left:0;top:0;transform:initial;bottom:0;color:#fff;margin:.2rem 0;text-align:left;line-height:.4rem}.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2::before{content:"";position:absolute;left:5%;top:.15rem;width:.1rem;height:.1rem;background-color:#fff;border-radius:50%}}.product3-box2 .product3box2a .container .product3box2b .swiper-slide:hover::after{opacity:1}.product3-box2 .product3box2a .container .product3box2b .swiper-slide:hover .cn2{color:#fff}.product3-box2 .product4-box1{margin-top:.45rem}.product3-box2 .product4-box1 .projectinfolist .box.box2 .text{width:50%}@media (max-width: 991px){.product3-box2 .product4-box1 .projectinfolist .box.box2 .text{width:100%}}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21{display:flex;flex-wrap:wrap;width:100%;margin-top:.2rem}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22{margin-top:.4rem;display:flex;width:36%;align-items:center}@media (max-width: 991px){.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22{width:50%}}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22 .cn23{flex-shrink:0;margin-right:.2rem;width:.6rem;height:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22 .cn23 img{width:100%;height:100%;object-fit:cover}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22 .cn24{width:100%;padding-right:.3rem}.product3-box2 .product4-box1 .projectinfolist .box .text .cn21 .cn22 .cn24 .cn25{color:#fff;line-height:1.625em}.tech2-box1{background-color:#F8f8f8;padding-top:1.6rem;margin-top:-0.55rem}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b{padding:.6rem 0}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn2{color:#Fff !important}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn2{display:none}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all .5s;top:60%;opacity:0;width:100%;display:flex;align-items:center;justify-content:center;padding:0 .2rem}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90{padding:.15rem 5%;opacity:1;top:0;left:0;transform:initial;position:relative;justify-content:flex-start}}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn99{width:100%}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn91{font-size:var(--font-size4);color:#fff;line-height:1.41666667em}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn91{color:#fff;font-size:.34rem}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92{margin-top:.2rem;color:#Fff;font-size:var(--font-size7)}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92{color:#fff;display:flex;flex-wrap:wrap}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92 .cn93{display:flex;line-height:30px}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92 .cn93{width:100%}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92 .cn93 span{margin-right:.1rem;transform:translateY(12px);flex-shrink:0;width:6px;height:6px;border-radius:50%;background-color:#FFf}@media (max-width: 991px){.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn92 .cn93 span{background-color:#fff}}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide:hover .cn2{opacity:0}.tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide:hover .cn90{opacity:1;top:50%}/*# sourceMappingURL=./index.min.css.map */
 
@charset "utf-8";.respon-box4{background-color:#f8f8f8;width:100%;padding-top:1.15rem;position:relative;z-index:10}.respon-box4 .container .cn0{color:#000;line-height:1.27777778em;margin-bottom:.45rem}.joinpagebox4 .news-list3 .container{border-bottom:1px solid rgba(0,0,0,0.1)}.joinpagebox4 .news-list3 .container .cn2 .cn2box{width:100%;display:block;padding-bottom:.25rem !important;margin:0}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a{position:relative;overflow:hidden;padding-bottom:1.4rem}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide{background-color:#fff;border-radius:.2rem;overflow:hidden;position:relative}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box{padding:0}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .img{margin:0}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .cn3{margin-top:.3rem;padding:0 .35rem;height:1.5em}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .cn4{padding:0 .35rem;margin-top:.2rem;height:3.25em}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .cn5{margin:0 .35rem;margin-top:1rem}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .bgimg{position:absolute;right:-1.5rem;bottom:-1.5rem;opacity:0;transition:all .75s}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide .cn2box .bgimg img{width:2.27rem}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-slide:hover .cn2box .bgimg{right:0;bottom:0;opacity:1}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .publicbanner2page{bottom:.7rem !important}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-pagination-bullet{background-color:#000000;opacity:.2}.joinpagebox4 .news-list3 .container .cn2 .joinpagebox4a .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color);opacity:1}.joinpagebox4v{padding:0}.joinpagebox4v .news-list3{padding-bottom:.95rem}.joinpagebox4v .news-list3 .container{border-bottom:0}.tech3-box7{padding-bottom:1.5rem;padding-top:.95rem}.tech3-box7.joinpagebox4 .joinpagebox4a{padding-bottom:0 !important;width:100%}.tech3-box7.joinpagebox4 .news-list3{padding-bottom:0 !important}.tech3-box7 .container .cn1{text-align:center;color:#000000;line-height:1.3125em;margin-bottom:.4rem;font-size:var(--font-size2)}.tech3-box7 .container .news-list3 .container{max-width:100%;width:100%}.tech3-box7 .container .box12{display:flex;margin-top:.5rem;align-items:center}.tech3-box7 .container .box12 .box13{margin-left:.15rem;display:flex;flex-shrink:0}.tech3-box7 .container .box12 .box13 .swiperprev,.tech3-box7 .container .box12 .box13 .swipernext{margin-left:.15rem;position:relative;left:0;right:0;top:0;background-color:#Fff;transform:initial;transition:all .5s}.tech3-box7 .container .box12 .box13 .swiperprev svg,.tech3-box7 .container .box12 .box13 .swipernext svg{width:.08rem;height:auto}.tech3-box7 .container .box12 .box13 .swiperprev svg path,.tech3-box7 .container .box12 .box13 .swipernext svg path{fill:#666;stroke:none;opacity:1;transition:all .5s}.tech3-box7 .container .box12 .box13 .swiperprev:hover,.tech3-box7 .container .box12 .box13 .swipernext:hover{background-color:var(--color)}.tech3-box7 .container .box12 .box13 .swiperprev:hover svg path,.tech3-box7 .container .box12 .box13 .swipernext:hover svg path{fill:#Fff}.tech3-box7 .container .box12 .box13 .swipernext{transform:rotate(180deg)}.tech3-box7 .container .box10{width:100%;height:.03rem;overflow:hidden;display:flex;position:relative}.tech3-box7 .container .box10 .linepage{width:100%;height:.03rem}.tech3-box7 .container .box10 .linepage .swiper-pagination-progressbar-fill{background-color:var(--color)}.tech3-box7 .swiperprev,.tech3-box7 .swipernext{position:absolute;top:50%;transform:translateY(-50%);width:.56rem;height:.56rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgba(248,248,248,0.3);z-index:5;cursor:pointer;transition:all .5s}@media (max-width: 991px){.tech3-box7 .swiperprev,.tech3-box7 .swipernext{width:.76rem;height:.76rem;display:none}}.tech3-box7 .swiperprev:hover,.tech3-box7 .swipernext:hover{background-color:var(--color)}.tech3-box7 .swiperprev:hover svg,.tech3-box7 .swipernext:hover svg{color:#fff}.tech3-box7 .swipernext{transform:translateY(-50%) rotate(180deg)}.index-news{background-color:#f8f8f8}.index-news .container .cn1{color:#000000;line-height:1.27777778em}.index-news .container .cn2{display:flex;flex-wrap:wrap;justify-content:space-between}.index-news .container .cn2 .cn2box{width:32.5%;background-color:#Fff;border-radius:.2rem;padding:0 .35rem .3rem}@media (max-width: 991px){.index-news .container .cn2 .cn2box{width:48%}}@media (max-width: 767px){.index-news .container .cn2 .cn2box{width:100%;margin-top:.5rem}}.index-news .container .cn2 .cn2box .img{margin:0 -0.35rem;border-radius:.2rem}.index-news .container .cn2 .cn2box .img::before{padding-top:50.57692308%}.index-news .container .cn2 .cn2box .cn3{color:#333333;line-height:1.5em;height:3em;margin-top:.3rem;transition:all .5s;font-size:var(--font-size7)}@media (max-width: 767px){.index-news .container .cn2 .cn2box .cn3{font-size:.32rem;height:initial}}.index-news .container .cn2 .cn2box .cn4{margin-top:.4rem;color:#999999;line-height:1.625em;height:4.875em}@media (max-width: 767px){.index-news .container .cn2 .cn2box .cn4{height:initial}}.index-news .container .cn2 .cn2box .cn5{margin-top:.25rem;border-top:1px solid #e5e5e5;padding-top:.25rem;display:flex;justify-content:space-between;align-items:center}.index-news .container .cn2 .cn2box .cn5 .cn6{min-width:1.3rem;line-height:.45rem;padding:0 .2rem;background-color:#999;border-radius:.22rem;text-align:center;position:relative;overflow:hidden}@media (max-width: 991px){.index-news .container .cn2 .cn2box .cn5 .cn6{line-height:.76rem;border-radius:.38rem}}.index-news .container .cn2 .cn2box .cn5 .cn6::before{content:"";position:absolute;left:0;bottom:0;width:0;height:100%;background-color:var(--color);transition:all .5s}.index-news .container .cn2 .cn2box .cn5 .cn6 .cn7{position:relative;color:#fff}.index-news .container .cn2 .cn2box .cn5 .cn8{width:10px;height:10px;border-radius:50%;background-color:#999}.index-news .container .cn2 .cn2box:hover .img img{transform:scale(1.05)}.index-news .container .cn2 .cn2box:hover .cn3{color:var(--color)}.index-news .container .cn2 .cn2box:hover .cn5 .cn6::before{width:100%}.index-news .container .cn2 .cn2box:hover .cn5 .cn8{background-color:var(--color)}.index-news .container .cn2 .cn3box{background-color:#fff;width:32.5%;border-radius:.2rem;overflow:hidden;position:relative}@media (max-width: 991px){.index-news .container .cn2 .cn3box{margin-top:.5rem;width:100%}}.index-news .container .cn2 .cn3box .cn3box2{position:absolute;left:.35rem;top:.35rem;width:calc(100% - .7rem);height:calc(100% - .7rem);overflow:auto;padding-right:.2rem;padding-bottom:1rem}@media (max-width: 991px){.index-news .container .cn2 .cn3box .cn3box2{position:relative;max-height:7rem}}.index-news .container .cn2 .cn3box .cn3box2 .cn3box3{margin-bottom:.2rem;display:block}.index-news .container .cn2 .cn3box .cn3box2 .cn3box3 .cn9{color:#333;line-height:1.5em;transition:all .5s}.index-news .container .cn2 .cn3box .cn3box2 .cn3box3 .cn10{line-height:1.625em;color:rgba(102,102,120,0.6)}.index-news .container .cn2 .cn3box .cn3box2 .cn3box3:hover .cn9{color:var(--color)}.index-news .container .cn2 .cn3box .bgimg{position:absolute;bottom:0;width:100%;left:0;height:2rem;background-image:linear-gradient(rgba(255,255,255,0) 0%, #fff 60%, #fff 100%)}.index-news .container .cn2 .cn3box .cn3box4{position:absolute;left:50%;transform:translateX(-50%);min-width:1.3rem;line-height:.44rem;border-radius:.22rem;background-color:var(--color);color:#Fff;text-align:center;bottom:.35rem;transition:all .8s;padding:0 .2rem}@media (max-width: 991px){.index-news .container .cn2 .cn3box .cn3box4{line-height:.76rem;border-radius:.38rem}}.index-news .container .cn2 .cn3box .cn3box4:hover:hover{opacity:.8}.swiper-scrollbar{position:absolute;left:0;bottom:0;width:100%;height:100%}.swiper-scrollbar-drag{background-color:var(--color)}/*# sourceMappingURL=./index.min.css.map */
 
@charset "utf-8";
.tech1-box4 .container .cn1 {
  color: #000000;
  line-height: 1.3125em;
  position: relative;
  z-index: 4;
  text-align: center;
}
.tech1-box4 .container .line {
  width: 100%;
  height: 1px;
  margin: 0.6rem 0 0.8rem;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}
.tech1-box4 .container .line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.3rem;
  height: 0.03rem;
  background-color: var(--color);
}
.service-box3 {
  position: relative;
  z-index: 10;
  padding-bottom: 1.3rem;
  background-color: #f8f8f8;
}
.service-box3 .container .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: relative;
}
.service-box3 .container .line span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  background-color: var(--color);
}
.service-box3 .container .cn1 {
  padding-top: 0.95rem;
  color: #000;
  line-height: 1.3125em;
  font-size: var(--font-size2);
}
.service-box3 .container .sevicebox3swiper {
  margin-top: 0.55rem;
  position: relative;
  overflow: hidden;
}
.service-box3 .container .sevicebox3swiper .swiper-slide {
  /* width: calc((100% - 0.8rem)/4); */
  /* margin: 0 0.1rem 0.2rem; */
  border-radius: 0.2rem;
  background-color: #fff;
  padding: 0.8rem 0.3rem 0.5rem;
  height: auto;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .img {
  text-align: center;
  height: 0.6rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .img img {
  height: 0.6rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .line2 {
  width: 0.27rem;
  height: 0.05rem;
  background-color: var(--color);
  border-radius: 0.02rem;
  margin: 0.4rem auto 0.35rem;
}
.service-box3 .container .sevicebox3swiper .swiper-slide .cn2 {
  text-align: center;
  line-height: 1.5em;
  color: #000000;
  font-size: var(--font-size6);
}
.service-box3 .container .sevicebox3swiper .swiper-slide .cn3 {
  margin-top: 0.4rem;
  line-height: 1.5;
  text-align: left;
  color: #666666;
  font-size: var(--font-size7);
}
.service-box3 .container .sevicebox3swiper .publicswiper-page {
  margin-top: 0.4rem;
}
.service-box3 .publicswiper-page {
  text-align: center;
}
.service-box3 .publicswiper-page .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000000;
  opacity: 0.2;
  margin: 0 5px;
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .service-box3 .publicswiper-page .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.07rem;
  }
}
.service-box3 .publicswiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--color);
  opacity: 1;
}
@media (max-width: 991px) {
  .service-box3 .publicswiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.5rem;
  }
}