@charset "UTF-8";
.gsap-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease;
}

.color-primary {
  color: #248740;
}

body {
  background-color: #fff;
  color: #333333;
  word-break: normal;
}

@font-face {
  font-family: layui-icon;
  src: url(../font/iconfont.eot?v=293);
  src: url(../font/iconfont.eot?v=293#iefix) format("embedded-opentype"), url(../font/iconfont.woff2?v=293) format("woff2"), url(../font/iconfont.woff?v=293) format("woff"), url(../font/iconfont.ttf?v=293) format("truetype"), url(../font/iconfont.svg?v=293#layui-icon) format("svg");
}
i.lyicon {
  font-family: "layui-icon";
  font-size: 14px;
}

body::-webkit-scrollbar,
.page_scroll_wrap::-webkit-scrollbar {
  width: 0px;
  height: 0;
}

/* 通用滚动条代码 */
::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.1);
}

.h100 {
  height: 100vh;
}

.nav-mobile {
  display: none;
}

.site-header {
  background: rgba(18, 59, 104, 0.2);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  color: #fff;
  transition: all 0.3s ease;
}
.site-header.header-white, .site-header:hover, .site-header.on, .site-header.active {
  background: #fff;
}
.site-header.header-white .main-nav ul li, .site-header:hover .main-nav ul li, .site-header.on .main-nav ul li, .site-header.active .main-nav ul li {
  color: #1d1d1f;
}
.site-header.header-white .header-top, .site-header:hover .header-top, .site-header.on .header-top, .site-header.active .header-top {
  background: #000;
  color: #fff;
}
.site-header.header-white .header-actions i, .site-header:hover .header-actions i, .site-header.on .header-actions i, .site-header.active .header-actions i {
  color: #000;
}
.site-header.active .header-top {
  height: 0;
  overflow: hidden;
  border: none;
}
.site-header .logo {
  height: 50px;
}
.site-header .logo img {
  height: 100%;
}
.site-header .header-top {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  position: relative;
  z-index: 31;
}
.site-header .header-top .header-top-left img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.site-header .header-top-right ul {
  display: flex;
  list-style: none;
  gap: 25px;
}
.site-header .main-nav {
  line-height: 70px;
  font-size: 18px;
}
.site-header .main-nav ul {
  display: flex;
  list-style: none;
}
.site-header .main-nav ul li {
  padding: 0 20px;
}
.site-header .main-nav ul li:hover .top-nav-item {
  color: #248740;
  font-weight: 700;
}
.site-header .main-nav ul li:hover .my-dropdown-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.site-header .btn-order {
  background-color: #ffffff;
  color: #248740;
  border: 1px solid #248740;
  padding: 5px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.site-header .btn-order:hover {
  background-color: #248740;
  color: #ffffff;
}
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.site-header .header-actions:hover input {
  width: 10vw;
  max-width: 200px;
  border: 1px solid #000;
  padding: 5px 10px;
}
.site-header .header-actions i {
  color: #fff;
  font-size: 18px;
}
.site-header .header-actions input {
  border-radius: 9px;
  outline: none;
  transition: width 0.3s ease;
  font-size: 14px;
  width: 0;
  transition: width 0.3s ease;
  border: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 110%;
}
.site-header .header-actions button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #333333;
}
.site-header .header-actions button:hover {
  color: #248740;
}

.my-dropdown-menu {
  position: absolute;
  opacity: 0;
  top: 110%;
  visibility: hidden;
  left: 0;
  list-style: none;
  z-index: 30;
  width: 100vw;
  display: flex;
  justify-content: center;
  background: #ededed;
  transition: all 0.3s ease;
}
.my-dropdown-menu .dropdown-item {
  margin: 0 20px;
  font-weight: normal;
  text-align: center;
  font-size: 16px;
}
.my-dropdown-menu .dropdown-item a {
  display: block;
}
.my-dropdown-menu .dropdown-item .img {
  margin: 6px auto;
  height: 30px;
}
.my-dropdown-menu .dropdown-item .img img {
  height: 100%;
}

.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

h1 {
  font-size: 50px;
  font-weight: 700;
  text-align: center;
}

h2 {
  font-size: 5rem;
  font-weight: 700;
}

h3 {
  font-size: 36px;
  font-weight: 700;
}

h6 {
  font-size: 30px;
  font-weight: 700;
}

h4 {
  font-size: 28px;
  font-weight: 700;
}

h5 {
  font-size: 22px;
  font-weight: 700;
}

.p {
  font-size: 2rem;
  font-weight: 500;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-right {
  text-align: right;
}

.more-btn {
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 35px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  border-radius: 25px;
  transition: all 0.3s ease;
  margin-top: 25px;
  position: relative;
  z-index: 10;
}
.more-btn.gray {
  border-color: #333;
  color: #333;
  font-weight: 500;
}
.more-btn.white-bg {
  background-color: #fff;
  color: #333;
}
.more-btn:hover, .more-btn.active {
  color: #fff;
  background-color: #248740;
  border-color: #248740;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-banner {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.header-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-banner .swiper-pagination {
  bottom: 120px;
}
.header-banner .swiper-pagination span {
  width: 80px;
  height: 5px;
  background: #fff;
  opacity: 1;
  padding: 0 5px;
  border-radius: 2px;
  transition: background 0.3s;
}
.header-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #248740;
  opacity: 1;
}

.swiper-pagination {
  width: 100%;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
}
.scroll-down .scroll-down-animation {
  width: 30px;
  height: 44px;
  border-radius: 20px;
  border: 1px solid #fff;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
}
.scroll-down .scroll-down-animation .scroll-down-line {
  width: 1px;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  overflow: hidden;
}
.scroll-down .scroll-down-animation .scroll-down-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 10px;
  background-color: #fff;
  animation: scroll-down-line 2s linear infinite;
  z-index: 2;
}

@keyframes scroll-down-line {
  0% {
    top: -100%;
    height: 100%;
  }
  100% {
    top: 100%;
    height: 100%;
  }
}
.scroll-container {
  width: 100%;
  padding-top: 60px;
}
.scroll-container.on {
  padding-top: 0;
}

.solution-h1 {
  padding-top: 50px;
  padding-bottom: 30px;
  text-align: center;
}
.solution-h1 .title2 {
  font-size: 30px;
  font-weight: 300;
  color: #444;
  margin-top: 12px;
}
.solution-h1 .desc {
  color: #333;
  font-size: 20px;
  font-weight: 300;
  padding: 0 150px;
  margin-top: 20px;
}

.solution {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.solution .solution-content {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 70%;
}
.solution .solution-content h2 {
  margin-bottom: 1.5rem;
}
.solution .solution-content.solution-content-color-2 {
  color: #4f4b4b;
}
.solution .solution-content.solution-content-color-2 .p {
  font-weight: bold;
}
.solution .solution-mask {
  position: absolute;
  top: 62%;
  left: 50%;
  width: 120vh;
  height: 120vh;
  transform: translate(-50%, -50%);
  z-index: 1;
  border: 1000px solid #fff;
  box-sizing: content-box;
  border-radius: 50%;
  box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0.5), inset 0 6px 10px 5px rgba(255, 255, 255, 0.5), inset -6px 0 10px 5px rgba(255, 255, 255, 0.5);
}
.solution.bg-e9 .solution-mask {
  width: 80vh;
  height: 80vh;
  box-shadow: unset;
  border-color: #e9eaeb;
}

.solution-background {
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.solution-background .bg-img {
  width: 100%;
  height: 100%;
}

.home-solution .desc {
  padding: 0 20px;
  text-align: justify;
}

.vision {
  background: #000;
  /* 第一个元素的动画 */
  /* 第二个元素的动画 */
}
.vision .solution-content {
  opacity: 0;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: fadeSwitchFirst;
}
.vision .solution-content-2 {
  animation-name: fadeSwitchSecond;
}

/* 动画关键帧定义 */
@keyframes fadeSwitchFirst {
  0%, 45% {
    opacity: 1;
    z-index: 10;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
    z-index: 9;
  }
}
@keyframes fadeSwitchSecond {
  0%, 45% {
    opacity: 0;
    z-index: 9;
  }
  50% {
    opacity: 1;
    z-index: 10;
  }
  100% {
    opacity: 1;
    z-index: 10;
  }
}
.products {
  padding-top: 100px;
  position: relative;
}
.products .product-swiper {
  margin-top: 50px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}
.products .product-swiper .swiper-wrapper {
  padding: 20px 0;
}
.products .product-swiper .swiper-slide {
  width: 650px;
  box-shadow: 0 0 9px 3px #f5f5f5;
}
.products .product-swiper .swiper-slide .product-info {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0 15px;
}
.products .product-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer-logo img {
  height: 42px;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.overlay {
  position: relative;
}
.overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.overlay-black {
  position: relative;
}
.overlay-black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.overlay-60 {
  position: relative;
}
.overlay-60::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

.overlay-15 {
  position: relative;
}
.overlay-15::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}

.new-swiper .swiper-button-prev,
.new-swiper .swiper-button-next {
  background-color: rgba(0, 0, 0, 0.7);
  height: 50px;
  width: 50px;
}
.new-swiper .swiper-button-prev::after,
.new-swiper .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.new-swiper .swiper-button-prev {
  left: 7%;
}
.new-swiper .swiper-button-next {
  right: 7%;
}
.new-swiper .swiper-button-circle {
  border-radius: 50%;
  background: none;
  transition: all 0.3s ease;
}
.new-swiper .swiper-button-circle:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.fromUs h2 {
  margin-bottom: 20px;
}
.fromUs .video-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 10rem 0 2rem 0;
}
.fromUs .video-lists .video-item {
  flex: 0 0 calc(33.333% - 1.34rem);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease;
}
.fromUs .video-lists .video-item:hover {
  cursor: pointer;
  transform: translateY(-10px);
}
.fromUs .video-lists .video-item:hover .play-btn {
  transform: translate(-50%, -50%) scale(1.1);
}
.fromUs .video-lists .video-img {
  padding-top: 54%;
  position: relative;
}
.fromUs .video-lists .video-title {
  padding: 1.5rem;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
  color: #333;
  text-align: left;
  font-weight: normal;
  height: 60px;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: #248740;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  opacity: 0.8;
  transform-origin: center center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.play-btn i {
  color: #fff;
  font-size: 20px;
  padding-left: 4px;
}

.fromUs2 .video-lists .video-title {
  height: 85px;
}

.learn-more {
  padding: 1.5rem;
}
.learn-more a {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.learn-more a i {
  float: right;
}

.news .swiper-pagination span,
.products .swiper-pagination span,
.new-swiper .swiper-pagination span,
.benefits-img-lists .swiper-pagination span {
  width: 14px;
  height: 14px;
  border: 2px solid #333;
  box-sizing: border-box;
  margin: 0 5px;
  background: none;
  opacity: 1;
  transition: all 0.3s ease;
}
.news .swiper-pagination span.swiper-pagination-bullet-active,
.products .swiper-pagination span.swiper-pagination-bullet-active,
.new-swiper .swiper-pagination span.swiper-pagination-bullet-active,
.benefits-img-lists .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #248740;
  border-color: #248740;
}

.news .swiper-box {
  position: relative;
  padding-bottom: 80px;
}
.news .swiper-box .swiper-button-prev,
.news .swiper-box .swiper-button-next {
  top: 37%;
}
.news .swiper-box .swiper-button-prev::after,
.news .swiper-box .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.news .swiper-box .swiper-button-prev {
  left: -40px;
}
.news .swiper-box .swiper-button-next {
  right: -40px;
}
.news .swiper-box .swiper-pagination {
  bottom: 0;
}
.news .news-swiper {
  border-radius: 6px;
  margin-top: 80px;
  position: relative;
  overflow: hidden;
}
.news .news-swiper .swiper-button-prev,
.news .news-swiper .swiper-button-next {
  height: 50px;
  width: 50px;
}
.news .news-swiper .swiper-button-prev::after,
.news .news-swiper .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.news .swiper-slide {
  display: flex;
  height: 100%;
  cursor: pointer;
}
.news .news-item {
  background-color: #fff;
  display: flex;
}
.news .news-content {
  flex: 0 0 40%;
  padding: 25px;
}
.news .news-content .time {
  color: #666;
}
.news .news-content .title {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  height: 56px;
  line-height: 28px;
  margin-top: 20px;
}
.news .news-content .desc {
  height: 135px;
  margin-top: 25px;
  text-align: justify;
  line-height: 1.4;
}
.news .news-content .learn-more {
  padding: 0;
  margin-bottom: 10px;
  margin-top: 35px;
  display: inline-block;
}
.news .news-content .learn-more i {
  padding-left: 14px;
}
.news .news-img {
  flex: 0 0 60%;
  transition: all 0.3s ease;
}

.contact {
  background: #151515;
  padding: 90px 0;
  color: #fff;
}
.contact .flex-box {
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact .contact-btn {
  flex: 0 0 calc(50% - 8px);
  position: relative;
  overflow: hidden;
}
.contact .contact-btn .img-box {
  height: 100%;
}
.contact .case-btn {
  flex: 0 0 100%;
  margin-top: 16px;
}
.contact .contact-content {
  position: absolute;
  width: 100%;
  bottom: 40px;
}
.contact .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

footer {
  background: #000;
  padding: 40px 0;
}

.newsletter {
  color: #fff;
}
.newsletter h4 {
  font-size: 36px;
  font-weight: 200;
}
.newsletter .p {
  color: #999999;
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 40px;
}

.newsletter-content {
  width: 500px;
  margin: 0 auto;
  display: flex;
  background-color: #fff;
  border-radius: 30px;
}
.newsletter-content .newsletter-input {
  width: 60%;
}
.newsletter-content .newsletter-button {
  width: 40%;
}
.newsletter-content input {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  padding-left: 26px;
  border: none;
  outline: none;
  border-radius: 30px;
  width: 100%;
}
.newsletter-content .submit-btn {
  background: #248740;
  color: #fff;
  padding: 0;
  margin-right: -2px;
}

.footer-navs {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin-top: 80px;
}
.footer-navs ul {
  list-style: none;
}
.footer-navs li {
  margin-bottom: 5px;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.footer-navs li:hover {
  opacity: 1;
}
.footer-navs h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.footer-icons {
  margin-top: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 14px;
}
.footer-icons ul {
  margin-right: 50px;
}
.footer-icons li {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 10px;
}
.footer-icons li i {
  font-size: 16px;
  color: #fff;
}
.footer-icons .more-btn {
  margin-top: 0;
  background-color: #248740;
  border: none;
}

.footer-bottom {
  align-items: normal;
  margin-top: 40px;
}
.footer-bottom .copyright {
  color: #fff;
  opacity: 0.8;
}
.footer-bottom .btns {
  color: #fff;
  line-height: 30px;
  text-align: right;
}
.footer-bottom .btns .back-top {
  display: inline-block;
}
.footer-bottom .btns .back-top i {
  padding-left: 8px;
}
.footer-bottom .btns ul.privacy {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  gap: 54px;
  margin-top: 10px;
}
.footer-bottom .btns ul.privacy li {
  opacity: 0.8;
  transition: all 0.3s ease;
}
.footer-bottom .btns ul.privacy li:hover {
  opacity: 1;
}

.lang-lists {
  height: 30px;
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
  border-radius: 20px;
  margin-right: 14px;
  position: relative;
}
.lang-lists.header-top-left {
  border: none;
  padding: 0;
}
.lang-lists.header-top-left ul {
  top: 0;
  bottom: auto;
}
.lang-lists.header-top-left img {
  display: inline-block;
}
.lang-lists.header-top-left:hover {
  background: none;
}
.lang-lists img:nth-child(2) {
  display: none;
}
.lang-lists span {
  position: relative;
  z-index: 4;
}
.lang-lists:hover {
  background: #fff;
  color: #222;
}
.lang-lists:hover ul {
  display: block;
}
.lang-lists:hover img {
  display: none;
}
.lang-lists:hover img:nth-child(2) {
  display: inline-block;
}
.lang-lists ul {
  position: absolute;
  bottom: 0;
  padding: 22px;
  padding-bottom: 30px;
  text-align: left;
  background: #fff;
  color: #696969;
  left: 0;
  border-radius: 20px;
  z-index: 30;
  display: none;
  transform: translate(-2px, 2px);
}
.lang-lists ul li {
  display: block;
  white-space: nowrap;
}
.lang-lists ul li:hover {
  color: #222;
}
.lang-lists img {
  width: 20px;
  margin-top: -3px;
  padding-left: 4px;
}

.left-fix-btns {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 999;
  width: 46px;
  min-height: 160px;
}
.left-fix-btns ul li {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  height: 46px;
  line-height: 46px;
  color: #248740;
  text-align: center;
  margin-bottom: 5px;
  position: relative;
  height: 46px;
  line-height: 46px;
  border-radius: 46px;
  background-color: #fff;
}
.left-fix-btns ul li:hover {
  background-color: #248740;
  color: #fff;
}
.left-fix-btns ul li:hover .hover-box {
  width: 150px;
  background-color: #248740;
  color: #fff;
}
.left-fix-btns ul li i {
  font-size: 28px;
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.left-fix-btns ul li span {
  display: inline-block;
  padding-left: 46px;
}
.left-fix-btns ul li .hover-box {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background-color: #fff;
  border-radius: 46px;
  transition: all 0.3s ease;
}

.banner-word {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 20;
}
.banner-word h1 {
  font-size: 70px;
}

.installer-words-1 {
  padding: 80px 0;
}
.installer-words-1 .desc {
  padding: 0 40px;
  margin-top: 30px;
  text-align: justify;
}

.installer-cases {
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.installer-cases .container-big,
.installer-cases .swiper-box-install {
  height: 100%;
}
.installer-cases .swiper-box-install {
  overflow: hidden;
}
.installer-cases .swiper-wrapper {
  position: relative;
}
.installer-cases .swiper-wrapper .swiper-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  display: block;
  height: unset;
}
.installer-cases .case-box {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 6px 14px 0px rgb(209, 209, 209);
}
.installer-cases .case-box .img {
  width: 45%;
  padding-top: 40%;
  min-height: 520px;
}
.installer-cases .case-box .content {
  width: 55%;
  padding: 70px 5% 20px 5%;
}
.installer-cases .case-box .content h1 {
  text-align: left;
  line-height: 1;
}
.installer-cases .case-box .content h5 {
  margin-bottom: 20px;
  margin-top: 8px;
}
.installer-cases .case-box .content .desc {
  line-height: 1.7;
  font-size: 18px !important;
}
.installer-cases .case-box .content .desc * {
  line-height: 1.7;
  font-size: 18px !important;
}

.installer-solution {
  background: #000;
  padding: 100px 0;
  color: #fff;
  /* 表格整体样式 */
  /* 表头样式 */
  /* 表体样式 */
}
.installer-solution h1 {
  margin-bottom: 15px;
}
.installer-solution .tips {
  margin-top: 60px;
  margin-bottom: 50px;
}
.installer-solution .more-btn {
  margin-bottom: 16px;
}
.installer-solution table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.installer-solution table i {
  font-weight: bold;
}
.installer-solution table thead {
  border-bottom: 20px solid #000;
}
.installer-solution table thead tr {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(224, 224, 226) 50%, rgb(196, 197, 200) 100%);
  color: #333;
  font-size: 18px;
}
.installer-solution table thead th {
  padding: 25px 12px;
  font-weight: bold;
  width: 16.666%;
}
.installer-solution table tbody tr:nth-child(odd) {
  background-color: #444444;
  /* 灰色行 */
}
.installer-solution table tbody tr:nth-child(odd) td {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.installer-solution table tbody tr:nth-child(even) {
  background-color: #000;
  /* 黑色行 */
}
.installer-solution table tbody td {
  padding: 12px;
  color: #333;
  text-align: center;
  width: 16.666%;
  padding: 25px 12px;
}
.installer-solution table tbody td:nth-child(1) {
  text-align: left;
  padding-left: 18px;
  color: #fff;
}
.installer-solution table tbody td span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
}

.installer-start {
  background: #191919;
  padding: 100px 0;
  color: #fff;
}
.installer-start h1 {
  margin-bottom: 70px;
}
.installer-start .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.installer-start .start-swiper-item {
  position: relative;
}
.installer-start .start-swiper-item .top {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  position: absolute;
  top: 40px;
  width: 100%;
  padding: 0 30px;
}
.installer-start .start-swiper-item .bottom {
  position: absolute;
  bottom: 14px;
  width: 100%;
  padding: 0 30px;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
}
.installer-start .start-swiper-item .bottom li {
  margin-bottom: 8px;
}
.installer-start .start-swiper-item .bottom li i {
  padding-left: 6px;
}

.img-panel-2 {
  display: flex;
  width: 100%;
  margin: 0 -10px;
}
.img-panel-2 .panel-item {
  padding: 0 10px;
  width: 50%;
}

.img-panel-3 {
  display: flex;
  width: 100%;
  /* 宽度100%自适应容器 */
}
.img-panel-3 .border-6 {
  height: 100%;
  overflow: hidden;
}
.img-panel-3 .img-panel-3-left {
  flex: 1;
  /* 左侧自适应伸缩 */
  min-width: 50%;
  /* 保证最小宽度为50% */
  padding-right: 10px;
}
.img-panel-3 .img-panel-3-right {
  padding-left: 10px;
  flex: 1;
  /* 右侧自适应伸缩 */
  display: flex;
  flex-direction: column;
  /* 右侧垂直布局 */
  min-width: 50%;
  /* 保证最小宽度为50% */
}
.img-panel-3 .img-panel-3-right-top,
.img-panel-3 .img-panel-3-right-bottom {
  flex: 1;
  /* 上下部分自适应伸缩 */
  min-height: 50%;
  /* 保证最小高度为50% */
}
.img-panel-3 .img-panel-3-right-top {
  padding-bottom: 10px;
}
.img-panel-3 .img-panel-3-right-bottom {
  padding-top: 10px;
}

.panel-item {
  position: relative;
  overflow: hidden;
  /* 保持比例填充空间 */
}
.panel-item .app-info {
  position: absolute;
  width: 100%;
  bottom: 40px;
  left: 0;
  text-align: center;
  color: #fff;
}
.panel-item .app-info h6 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.panel-item .app-info.black {
  color: #4f4b4b;
}
.panel-item .app-info.black h6 {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
.panel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.installer-apps {
  background: #000;
  padding: 100px 0;
}

.bg-f2 {
  background-color: #f2f2f2;
}

.cate-benner {
  height: 520px;
  position: relative;
}
.cate-benner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cate-benner .cate-word {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.cate-benner .cate-word-mid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 5%;
  color: #fff;
  font-size: 32px;
  line-height: 1.4;
}

.cate-benner2 {
  height: 640px;
  margin-top: 0;
}
.cate-benner2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-panel {
  display: flex;
  background-color: rgb(132, 151, 176);
}
.about-panel.about-panel-right {
  flex-direction: row-reverse;
}
.about-panel .left {
  width: 46%;
  display: flex;
  align-items: center;
}
.about-panel .right {
  width: 54%;
}
.about-panel .word-box {
  padding: 20px 7%;
  color: #fff;
}
.about-panel .word-box .about-desc {
  font-size: 16px;
  text-align: justify;
}
.about-panel .word-box .about-desc * {
  font-size: 16px;
  text-align: justify;
}
.about-panel .word-box h3 {
  margin-bottom: 50px;
}
.about-panel .btn-box {
  margin-top: 30px;
  display: flex;
  justify-content: space-evenly;
}
.about-panel .img {
  width: 100%;
  height: 100%;
}
.about-panel .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tab-nav {
  text-align: center;
  margin-bottom: 70px;
}
.tab-nav li {
  font-size: 24px;
  margin: 0 20px;
  color: #222;
  display: inline-block;
  cursor: pointer;
}
.tab-nav li.active {
  color: #248740;
  font-weight: bold;
  position: relative;
}
.tab-nav li.active::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background-color: #248740;
}

.partner-about {
  padding: 100px 0;
}
.partner-about .news-cate {
  margin-bottom: 70px;
}
.partner-about .news-cate ul {
  flex-wrap: wrap;
}
.partner-about .partner-about-panel {
  transition: all 0.3s ease;
}
.partner-about .partner-about-panel .about-panel .word-box .about-desc {
  font-size: 20px;
}
.partner-about .partner-about-panel .about-panel .word-box .about-desc * {
  font-size: 20px;
}

.bg-e4 {
  background-color: #e4e4e4;
}

.bg-e9 {
  background-color: #e9eaeb;
}

.bg-15 {
  background-color: #151515;
}

.benefits {
  overflow: hidden;
  padding-bottom: 140px;
}
.benefits h1 {
  line-height: 1;
}

.joinus .benefits-icon img {
  max-width: 64px;
  vertical-align: text-bottom !important;
  margin-top: 14px;
}

.benefits-lists {
  margin-bottom: 40px;
}
.benefits-lists .swiper-wrapper {
  flex-wrap: wrap;
}
.benefits-lists .swiper-slide {
  margin-top: 120px !important;
  width: 32%;
  margin-right: 2%;
  height: unset;
}
.benefits-lists .swiper-slide:nth-child(3n) {
  margin-right: 0;
}
.benefits-lists .swiper-slide .benefits-item {
  background-color: #fff;
  border-radius: 6px;
  height: 100%;
  position: relative;
  padding: 70px 20px 0 35px;
  border: 1px solid;
  border-radius: 10px;
}
.benefits-lists .swiper-slide .benefits-item .benefits-icon {
  width: 95px;
  height: 95px;
  text-align: center;
  line-height: 95px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  left: 40px;
  background-color: #fff;
  border: 1px solid #000;
  overflow: hidden;
  box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.08);
}
.benefits-lists .swiper-slide .benefits-item .benefits-icon i {
  font-size: 46px;
}
.benefits-lists .swiper-slide .benefits-item .benefits-icon i img {
  width: 100%;
  vertical-align: sub;
}
.benefits-lists .swiper-slide .benefits-item .benefits-desc {
  padding-top: 10px;
  padding-bottom: 20px;
  min-height: 170px;
}

.joinus .benefits-lists .swiper-slide .benefits-item {
  border: none;
}
.joinus .benefits-lists .swiper-slide .benefits-item .benefits-icon {
  background-color: #fff;
  box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.08);
  border: none;
}
.joinus .benefits-lists .swiper-slide .benefits-item .benefits-icon i img {
  width: auto;
}

.benefits-img-lists {
  margin-top: 100px;
  position: relative;
}
.benefits-img-lists .swiper-pagination {
  margin-bottom: -50px;
}
.benefits-img-lists .swiper-slide {
  width: 540px;
}
.benefits-img-lists .swiper-slide .bg-img {
  width: 100%;
  padding-top: 75%;
}
.benefits-img-lists .swiper-button-prev,
.benefits-img-lists .swiper-button-next {
  background-color: rgba(0, 0, 0, 0.2);
}

.fqa {
  padding-bottom: 100px;
}
.fqa .fqa-lists {
  padding: 35px;
  padding-bottom: 100px;
  background: #fff;
  margin-top: 20px;
  min-height: 600px;
}
.fqa .fqa-title {
  padding: 15px 0;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
  cursor: pointer;
}
.fqa .fqa-title span {
  width: calc(100% - 40px);
}
.fqa .fqa-title .iconmore {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  border: 1px solid #000;
  transition: all 0.3s ease;
  font-family: "Times New Roman", Times, serif;
}
.fqa .fqa-title .iconmore::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.fqa .fqa-title .iconmore::before {
  content: "";
  width: 1px;
  height: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.fqa .fqa-title.active .iconmore::before {
  height: 0;
}
.fqa .fqa-desc {
  padding: 0;
  font-style: italic;
  display: flex;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fqa .fqa-desc.active {
  padding: 15px 10px;
  height: auto;
}
.fqa .fqa-desc .label {
  padding-right: 6px;
}
.fqa .fqa-desc .answer {
  padding-right: 30px;
}

.fqa .contact-form form {
  background: #151515;
}
.fqa .submit {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}

.job-more-btn {
  text-align: center;
}

.all-product {
  padding: 140px 0 100px 0;
}
.all-product h1 {
  margin: 60px;
}
.all-product .list-1 {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.all-product .list-column {
  margin-bottom: 20px;
  width: 33.3333%;
  padding: 0 10px;
}
.all-product .list-column:nth-last-child(-n+2) {
  width: 50%;
}
.all-product .list-column-item {
  position: relative;
  height: 100%;
  overflow: hidden;
  transition: all 0.3s ease;
}
.all-product .list-column-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.all-product .list-column-item:hover {
  box-shadow: 0px 5px 15px 3px #d5d5d5;
}
.all-product .list-column-item:hover img {
  transform: scale(1.1);
}
.all-product .list-column-item .app-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.all-product .list-column-item .app-info h6 {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
}
.all-product .list-column-item .app-info .p {
  padding-top: 6px;
}
.all-product .list-column-item .app-info .more-btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.all-product .list-column-2 {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.all-product .list-column-2 .list-column-item {
  height: 50%;
}
.all-product .list-2 {
  flex-wrap: wrap;
}
.all-product .list-2 .list-column {
  margin-top: 20px;
}

.all-news {
  padding-top: 80px;
}

.product-apps {
  padding: 100px 0;
}

.discover {
  padding: 100px 0;
  background: #151515;
}
.discover .discover-content {
  margin-top: 60px;
}
.discover .discover-content .discover-box {
  display: flex;
  justify-content: space-between;
}
.discover .discover-content .panel-item {
  width: 32.5%;
}

.about-content {
  background: #e9eaeb;
  line-height: 1.8;
}
.about-content .box {
  padding: 0 40px;
}

.about-values-panel {
  align-items: flex-end !important;
}

.about-values {
  color: #fff;
  width: 100%;
}
.about-values h1 {
  padding-bottom: 50px;
}
.about-values .values-lists {
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
  padding-bottom: 65px;
}
.about-values .values-lists ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.about-values .values-lists ul li {
  flex: 1;
  display: flex;
}
.about-values .values-lists ul li span {
  font-size: 24px;
  display: inline-block;
  padding-left: 10px;
  max-width: 233px;
  margin-top: -5px;
}

.about-vision {
  height: 70vh;
  position: relative;
  display: flex;
}
.about-vision .box {
  width: 100%;
  padding: 0 15%;
  position: relative;
  z-index: 5;
  margin-bottom: 80px;
}
.about-vision .about-vision-1 {
  display: flex;
  align-items: flex-end;
  width: 50%;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease;
  position: relative;
  background-repeat: no-repeat;
}
.about-vision .about-vision-1 .desc {
  font-size: 20px;
  min-height: 56px;
}
.about-vision .about-vision-1::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  z-index: 3;
}

.about-numbers h1 {
  color: #333;
}
.about-numbers ul {
  display: flex;
  flex-wrap: wrap;
}
.about-numbers ul li {
  width: 25%;
  padding: 0 10px;
  text-align: center;
  margin-top: 60px;
}
.about-numbers ul li img {
  height: 47px;
  margin-bottom: 8px;
}
.about-numbers ul .number {
  font-weight: bold;
}
.about-numbers ul .number span {
  background-image: linear-gradient(to right, rgb(36, 135, 64) 0%, rgb(56, 181, 91) 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 38px;
}
.about-numbers ul .number i {
  background-image: linear-gradient(to right, rgb(36, 135, 64) 0%, rgb(56, 181, 91) 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 22px;
  padding-left: 8px;
  vertical-align: mid;
  font-style: unset;
}
.about-numbers ul .desc {
  font-size: 20px;
}

.about-swiper {
  margin-top: 150px;
  margin-bottom: 60px;
  position: relative;
}
.about-swiper .swiper-pagination {
  bottom: -60px;
}
.about-swiper .swiper-slide {
  width: 60%;
  max-width: 1400px;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.about-swiper .swiper-slide .about-img {
  height: 500px;
  position: relative;
  background: #000;
}
.about-swiper .swiper-slide .about-img iframe {
  width: 100%;
  height: 100%;
}
.about-swiper .cotent-box {
  padding: 35px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
.about-swiper .title {
  width: 30%;
  text-align: left;
  line-height: 1.1;
}
.about-swiper .info {
  width: 65%;
  line-height: 1.6;
  text-align: justify;
  min-height: 160px;
}

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.video-popup .popup-content {
  position: relative;
  width: 1000px;
  height: 560px;
}
.video-popup .popup-content .close-btn {
  position: absolute;
  top: 0;
  right: -30px;
  font-size: 34px;
  color: #fff;
  cursor: pointer;
}
.video-popup video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-popup iframe {
  width: 100%;
  height: 100%;
  display: none;
}

.all-news h1 {
  margin-top: 60px;
  margin-bottom: 30px;
}

.news-cate ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.news-cate ul li {
  color: #333;
}
.news-cate ul li a {
  padding: 0 25px;
  height: 32px;
  line-height: 32px;
  border-radius: 30px;
  background: #fff;
  display: block;
  white-space: nowrap;
}
.news-cate ul li a:hover, .news-cate ul li a.active {
  background: #248740;
  color: #fff;
}

.latest-news {
  padding-top: 70px;
  height: unset;
}
.latest-news .swiper-box {
  padding-bottom: 50px;
}
.latest-news .swiper-box .news-img {
  flex: 0 0 55%;
}
.latest-news .swiper-box .news-content {
  flex: 0 0 45%;
}
.latest-news .swiper {
  margin-top: 40px;
}

.news-img {
  position: relative;
}
.news-img a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.news .swiper-black .swiper-pagination span {
  border-color: #333;
}
.news .swiper-black .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #248740;
  border-color: #248740;
}
.news .swiper-black .swiper-button-prev,
.news .swiper-black .swiper-button-next {
  top: 45%;
}
.news .swiper-black .swiper-button-prev::after,
.news .swiper-black .swiper-button-next::after {
  color: #333;
}

.news-all-lists .news-item {
  margin-top: 30px;
  background: unset;
}
.news-all-lists .news-item .news-img {
  flex: 0 0 32%;
}
.news-all-lists .news-item .news-content {
  flex: 0 0 68%;
  padding: 0 0 0 40px;
}
.news-all-lists .news-item .news-content .title {
  color: #fff;
}
.news-all-lists .news-item .news-content .time {
  color: #fff;
  opacity: 0.6;
}
.news-all-lists .news-item .desc {
  height: unset;
}

.pages {
  margin: 0 auto;
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.pages.gray li {
  color: #333;
  border-color: #333;
}
.pages.gray li a {
  display: block;
}
.pages li {
  display: block;
  float: left;
  width: 32px;
  margin: 0 5px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  transition: all 0.3s ease;
}
.pages li:hover, .pages li.active {
  border-color: #248740;
  background: #248740;
  color: #fff;
}
.pages.pages-dark li {
  color: #333;
  border-color: #333;
}
.pages.pages-dark li:hover, .pages.pages-dark li.active {
  border-color: #248740;
  background: #248740;
  color: #fff;
}

.latest-events {
  margin-top: 60px;
}
.latest-events .news-swiper {
  margin-top: 50px;
}
.latest-events .swiper-box {
  padding-bottom: 40px;
}
.latest-events.news .news-content .title {
  height: auto;
}
.latest-events .slelect-btn {
  margin-top: -44px;
}

.event-info {
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}
.event-info i {
  font-size: 22px;
  padding-right: 8px;
  vertical-align: sub;
}
.event-info .date {
  margin-bottom: 4px;
}

.evnets-all-lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 40px;
}
.evnets-all-lists .event-item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.evnets-all-lists .event-item .news-content {
  flex: unset;
}
.evnets-all-lists .event-item .news-img {
  flex: unset;
  position: relative;
  padding-top: 44%;
}

.events-body .event-item {
  padding: 6rem 0;
  display: flex;
}
.events-body .event-item .news-img {
  width: 45%;
  border-radius: 6px;
  overflow: hidden;
}
.events-body .event-item .news-img img {
  width: 100%;
}
.events-body .event-item .title {
  padding-bottom: 20px;
}
.events-body .event-item .more-btn {
  cursor: pointer;
}
.events-body .event-item .news-content {
  width: 55%;
  padding-left: 30px;
  display: flex;
  align-items: center;
}

.blogs-all-lists {
  margin-top: 40px;
}
.blogs-all-lists .event-item .news-img {
  flex: unset;
  padding-top: 45%;
}

.slelect-btn {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: normal;
}
.slelect-btn .input {
  width: 180px;
  padding: 0 20px;
  height: 38px;
  color: #333;
  border: 1px solid #333;
  border-radius: 30px;
  line-height: 38px;
  position: relative;
  cursor: pointer;
}
.slelect-btn .input i {
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.slelect-btn ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 3;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 0;
}
.slelect-btn ul li {
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
}
.slelect-btn ul li:hover {
  background: #f5f5f5;
}
.slelect-btn:hover .input {
  background: #fff;
}
.slelect-btn:hover ul {
  padding: 10px 0;
  max-height: 550px;
}

.video-all-lists .event-item .news-img {
  padding-top: 62%;
}
.video-all-lists .news-item {
  cursor: pointer;
}

.webinar-all-lists {
  margin-top: 40px;
}
.webinar-all-lists .news-item {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 35px;
}
.webinar-all-lists .news-item .news-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.webinar-all-lists .news-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.webinar-all-lists .news-item .news-content {
  position: relative;
}
.webinar-all-lists .news-item .more-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.webinar-all-lists .event-info .date {
  display: flex;
}
.webinar-all-lists .event-info .date i {
  padding-right: 14px;
  margin-top: -4px;
}
.webinar-all-lists .event-info .date .date-lists {
  line-height: 1.6;
}

.white-papers .news-content {
  flex: 0 0 51%;
}
.white-papers .news-img {
  flex: 0 0 49%;
}

.imgs-4 {
  display: flex;
  margin: 0 -10px;
}
.imgs-4 .img-one {
  width: 25%;
  padding: 0 10px;
}
.imgs-4 .img-one .box {
  position: relative;
}
.imgs-4 .img-one .box:hover img {
  transform: scale(1.1);
}
.imgs-4 .img-one img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.imgs-4 .img-word {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 40px;
  padding: 0 10px;
  color: #fff;
  text-align: center;
}
.imgs-4 .img-word .p {
  padding: 0 5%;
  padding-top: 10px;
  min-height: 66px;
}

.joinus {
  padding-bottom: 0;
}
.joinus .big-title {
  margin: 0 auto;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
  max-width: 750px;
}
.joinus .about-panel {
  background: #000;
  text-align: center;
}
.joinus .about-panel .about-desc {
  text-align: center;
}
.joinus .about-panel .word-box {
  padding: 20px 10%;
}
.joinus .about-panel:nth-last-child(1) {
  margin-top: 20px;
  flex-direction: row-reverse;
}
.joinus .benefits {
  padding-bottom: 80px;
  overflow: hidden;
}
.joinus .benefits-img-lists {
  margin-bottom: 130px;
}
.joinus .fqa .fqa-lists {
  background: unset;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
}
.joinus .fqa .fqa-lists .fqa-item:nth-child(1) {
  padding-top: 20px;
}
.joinus .fqa .fqa-lists .fqa-desc.active {
  padding: 50px 0;
}
.joinus .fqa .fqa-lists .fqa-title {
  padding-top: 50px;
  padding-bottom: 25px;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.joinus .fqa .fqa-lists .fqa-title .op-title {
  width: 48%;
}
.joinus .fqa .fqa-lists .fqa-title .position-info {
  width: 40%;
}
.joinus .fqa .fqa-lists .fqa-title .position-info i {
  padding: 0 8px;
}
.joinus .fqa .fqa-lists .fqa-title span {
  width: unset;
}
.joinus .fqa .fqa-lists .fqa-title .iconmore {
  width: 46px;
  height: 46px;
  background: #fff;
  position: relative;
  display: block;
  transform: unset;
}
.joinus .fqa .fqa-lists .fqa-title .iconmore::after {
  width: 30%;
}
.joinus .fqa .fqa-lists .fqa-title .iconmore::before {
  height: 30%;
}
.joinus .fqa .fqa-lists .left {
  width: 240px;
  border-right: 1px solid #fff;
  text-align: left;
}
.joinus .fqa .fqa-lists .left .slelect-btn {
  margin: unset;
  float: unset;
}
.joinus .fqa .fqa-lists .left .slelect-btn:nth-child(2) {
  margin-top: 40px;
}
.joinus .fqa .fqa-lists .left .slelect-btn .input {
  border-color: #fff;
  color: #fff;
  text-align: center;
}
.joinus .fqa .fqa-lists .left .slelect-btn .input i {
  position: unset;
  display: inline-block;
  transform: rotate(90deg);
}
.joinus .fqa .fqa-lists .left .slelect-btn:hover {
  color: #333;
}
.joinus .fqa .fqa-lists .left .slelect-btn:hover .input {
  color: #222;
}
.joinus .fqa .fqa-lists .right {
  width: calc(90% - 240px);
  padding-bottom: 60px;
}

.contact-box .contact-email {
  font-size: 20px;
  color: #666;
  margin-top: 60px;
  margin-bottom: 30px;
  font-weight: normal;
}

.contact-form .captcha-img {
  display: none;
}
.contact-form form {
  padding: 60px 100px;
  background: #fff;
  border-radius: 20px;
  font-size: 18px;
}
.contact-form .form-row {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.contact-form .layui-form-item {
  width: 48%;
}
.contact-form .layui-form-item img {
  height: 100%;
  padding-left: 15px;
}
.contact-form .layui-form-item .form-label {
  margin-bottom: 8px;
  display: block;
  cursor: unset;
}
.contact-form .layui-form-item textarea,
.contact-form .layui-form-item input {
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  background: #e3e3e3;
  color: #222;
  font-weight: 200;
  font-size: 16px;
}
.contact-form .layui-form-item textarea {
  line-height: 1.4;
  height: 140px;
  resize: none;
}
.contact-form .red {
  color: #ff0000;
}
.contact-form .form-item-flex {
  display: flex;
  justify-content: space-between;
}
.contact-form .form-item-flex .layui-form-item {
  margin-bottom: 0;
}
.contact-form .name-group .layui-form-item:nth-child(1) {
  width: 100px;
}
.contact-form .name-group .layui-form-item:nth-child(2) {
  width: calc(96% - 100px);
}
.contact-form .layui-form-item:after {
  display: none;
}
.contact-form .message-box {
  width: 100%;
}
.contact-form .accept {
  padding-top: 15px;
  font-size: 16px;
}
.contact-form .submit {
  margin-top: 40px;
  font-size: 16px;
  width: 160px;
  border-radius: 40px;
  background-color: #248740;
  height: 45px;
  line-height: 45px;
}

#event-form .captcha-img {
  display: block;
}
#event-form .contact-input.flex {
  align-items: center;
}

.events-form-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20000;
  justify-content: center;
  align-items: center;
}
.events-form-box .contact-form {
  position: relative;
  width: 640px;
}
.events-form-box .contact-form form {
  padding: 30px;
}
.events-form-box .contact-form .form-row {
  margin-top: 10px;
}
.events-form-box .events-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
  cursor: pointer;
}
.events-form-box.active {
  display: flex;
}

.banner-video {
  width: 104%;
  height: 104%;
  -o-object-fit: fill;
     object-fit: fill;
}

.need-nav {
  position: absolute;
  bottom: 26px;
  left: 0;
  width: 100%;
  z-index: 2;
  color: #fff;
}
.need-nav .nav-title {
  color: #333;
  font-size: 32px;
  padding-bottom: 30px;
}
.need-nav ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.need-nav ul li {
  padding-top: 20px;
  cursor: pointer;
  position: relative;
}
.need-nav ul li.active::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #333;
}
.need-nav .title {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.need-nav .desc {
  font-size: 14px;
  color: #333;
  padding: 8px 0 0 0;
}

.home-solution .solution-content {
  top: 170px;
  color: #333;
}
.home-solution .solution-content .p {
  font-size: 36px;
  color: #444;
}
.home-solution .home-solution {
  width: 100%;
  z-index: 2;
}
.home-solution.white .solution-content {
  color: #fff;
}
.home-solution.white .solution-content .p {
  color: #fff;
}
.home-solution.white .need-nav ul {
  border-color: rgba(255, 255, 255, 0.3);
}
.home-solution.white .need-nav ul li.active::after {
  background-color: #fff;
}
.home-solution.white .need-nav .nav-title,
.home-solution.white .need-nav li,
.home-solution.white .need-nav .title,
.home-solution.white .need-nav .desc {
  color: #fff;
}

.home-product {
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.home-product .home-product-box {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.home-product .big-title {
  font-size: 150px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  z-index: 10;
  position: relative;
}
.home-product .product-info {
  position: relative;
  height: 100vh;
  background-color: #000;
}
.home-product .product-info .img-lists {
  width: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  text-align: center;
  height: 90%;
  margin: 0 auto;
  transform: translateX(-50%);
}
.home-product .product-info .img-lists .img-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.home-product .product-info .img-lists .img-item img {
  height: 100%;
  max-width: 650px;
  margin: auto;
}
.home-product .product-info .img-lists .img-item:nth-child(2) {
  z-index: 3;
}
.home-product .product-info .word-list {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  padding-right: 10px;
  color: #fff;
}
.home-product .product-info .word-item {
  position: absolute;
  padding-right: 20px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  left: 0;
  width: 100%;
}
.home-product .product-info .word-item .title-1 {
  font-size: 44px;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1.2;
}
.home-product .product-info .word-item .p {
  font-size: 20px;
  font-weight: 300;
}
.home-product .product-info .word-item ul {
  margin-top: 50px;
  font-size: 22px;
  font-weight: bold;
  display: flex;
}
.home-product .product-info .word-item ul li {
  flex: 1;
}

#home-solution-srcoll-2 {
  margin-top: 100vh;
}
#home-solution-srcoll-2 .home-product {
  margin-top: 50vh;
}

.big-app {
  height: 90vh;
}

.img-full-110 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.img-full-110 img {
  width: 110%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 110%;
}

.charger {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
}
.charger .charger-img {
  width: 50%;
  height: 100%;
}
.charger .charger-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.charger .charger-info {
  width: 50%;
  height: 100%;
  padding: 20px;
  text-align: center;
}

.suport {
  padding: 100px 0;
}
.suport .suport-title {
  margin-bottom: 30px;
}
.suport .cate-title {
  padding: 50px 20px 0 40px;
}
.suport .filter-cate {
  margin-top: 30px;
}
.suport .file-box {
  margin-top: 40px;
  padding: 40px;
  border-radius: 6px;
  background-color: #fff;
}
.suport .file-box .left {
  width: 300px;
  padding-right: 30px;
  border-right: 2px solid #eee;
}
.suport .file-box .left .btns {
  display: flex;
  justify-content: space-between;
}
.suport .file-box .left .more-btn {
  padding: 10px 0;
  width: 45%;
  margin-top: 0;
  text-align: center;
}
.suport .file-box .left .more-btn.active, .suport .file-box .left .more-btn:hover {
  font-weight: bold;
}
.suport .file-types {
  margin-top: 40px;
}
.suport .types-1 {
  cursor: pointer;
}
.suport .types-1 .type-name {
  font-weight: 700;
  font-size: 18px;
}
.suport .types-1 .type-name i {
  font-size: 28px;
  font-weight: 200;
  float: right;
  line-height: 25px;
  transition: all 0.3s ease;
}
.suport .types-1 .type-item {
  margin-bottom: 12px;
}
.suport .types-1 .type-item.active .types-2 {
  max-height: unset;
  padding: 10px 20px;
  opacity: 1;
}
.suport .types-1 .type-item.active .type-name i {
  transform: rotate(90deg);
}
.suport .types-1 .types-2 {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  /* 隐藏所有标题 */
  /* 显示所有标题 */
  /* 隐藏在相同类型标题后面的重复标题 */
}
.suport .types-1 .types-2 h7 {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.suport .types-1 .types-2 h7.Single-Phase ~ h7.Single-Phase,
.suport .types-1 .types-2 h7.Three-Phase ~ h7.Three-Phase {
  display: none;
}
.suport .types-1 .types-2 li {
  cursor: pointer;
  position: relative;
  margin-bottom: 8px;
  font-size: 16px;
}
.suport .types-1 .types-2 li a {
  display: block;
}
.suport .types-1 .types-2 li:hover {
  color: #248740;
}
.suport .types-1 .types-2 li.active {
  color: #248740;
}
.suport .types-1 .types-2 li.active i {
  border-color: #248740;
}
.suport .types-1 .types-2 li.active i::after {
  content: "\e605";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.suport .types-1 .types-2 i {
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #999;
}
.suport .right {
  width: calc(100% - 300px);
  padding-left: 30px;
}
.suport .right .search-tips {
  font-size: 14px;
  padding-top: 10px;
}
.suport .results-box {
  padding-top: 20px;
}
.suport .results-box .results-num span {
  font-size: 20px;
  font-weight: 400;
}
.suport .results-box .sort-group .slelect-btn {
  transform: none;
  float: unset;
  padding-left: 20px;
}
.suport .results-box .sort-group .sort-item span {
  font-weight: bold;
}
.suport .results-list {
  padding-top: 20px;
}
.suport .results-list li {
  margin: 25px 0;
}
.suport .results-list .file-title {
  width: calc(100% - 200px);
  font-size: 18px;
  line-height: 1.1;
}
.suport .results-list .file-title img {
  width: 22px;
  margin-right: 12px;
}
.suport .results-list .file-title span {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
}
.suport .results-list .file-time {
  white-space: nowrap;
  align-items: center;
  width: 150px;
  font-size: 14px;
  color: #999;
}
.suport .results-list .file-time a {
  padding-left: 40px;
}
.suport .results-list .file-time a i {
  color: #222;
}
.suport .evnets-all-lists .event-item {
  width: calc(33.33% - 10px);
}
.suport .evnets-all-lists .event-item .title {
  font-size: 18px;
}

.search-box {
  position: relative;
  width: 450px;
  margin-left: 330px;
  margin-bottom: 30px;
}
.search-box input {
  height: 38px;
  line-height: 38px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: #eee;
  outline: none;
  border: none;
  width: 100%;
}
.search-box button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.suport-warranty .right {
  width: 100%;
  padding-left: 0;
}
.suport-warranty .results-box {
  padding-top: 0;
}
.suport-warranty .results-list {
  padding-top: 0;
}
.suport-warranty .results-list li {
  border-bottom: 1px solid #eee;
  padding: 25px 0;
  margin: 0;
  position: relative;
}
.suport-warranty .results-list li::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 0;
  background-color: #248740;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
}
.suport-warranty .results-list li:hover::after {
  width: 100%;
}
.suport-warranty .results-list .file-time {
  color: #222;
  text-align: right;
}

.business-world {
  width: 100%;
  position: absolute;
  bottom: 14%;
  left: 0;
  text-align: center;
  padding: 0 5%;
  color: #fff;
}
.business-world h2 {
  font-size: 60px;
  font-weight: normal;
}
.business-world h2 span {
  color: #248740;
  font-weight: bold;
}
.business-world .p {
  font-size: 36px;
  font-weight: 500;
}

.business-words-1 {
  padding: 100px 5%;
  text-align: center;
}
.business-words-1 .title {
  font-size: 50px;
}
.business-words-1 .desc {
  font-size: 18px;
  line-height: 1.8;
  padding: 0 100px;
  padding-top: 40px;
}

.bg-ec {
  background: #ececec;
}

.bg-33 {
  background: #333;
}
.bg-33 .related-article {
  background-color: unset;
}
.bg-33 .related-article h3 {
  color: #fff;
}

.business-panel {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 120px;
}
.business-panel .left {
  width: 40%;
  padding-left: 10%;
}
.business-panel .left .title {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  color: #248740;
}
.business-panel .left .forhome_info {
  font-size: 28px;
  font-weight: 500;
  padding-bottom: 25px;
}
.business-panel .left .desc,
.business-panel .left .desc .p {
  text-align: justify;
  line-height: 1.8 !important;
  font-size: 18px !important;
}
.business-panel .left .icons-list {
  color: #333;
  padding-top: 80px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.business-panel .left .icons-list .icons-1 {
  flex: 1;
}
.business-panel .left .icons-list .icons-1 img {
  width: 88px;
  max-width: 100%;
  margin-bottom: 10px;
}
.business-panel .left .icons-list .icons-1 .icons-title {
  font-size: 18px;
}
.business-panel .left .icons-list.white {
  color: #fff;
}
.business-panel .right {
  width: 60%;
  padding-right: 4%;
}
.business-panel .right .media {
  text-align: right;
  width: 800px;
  max-width: 90%;
  height: 800px;
  max-height: 100vh;
  float: right;
  overflow: hidden;
  text-align: right;
  position: relative;
}
.business-panel .right .media img {
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
}
.business-panel .right .media video {
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.business-panel .right .media iframe {
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.relative-box-h100 {
  position: relative;
  height: 100%;
}

.frohome-imgs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 100px 60px 50px 60px;
  position: relative;
}
.frohome-imgs .img-box {
  flex: 1;
  position: relative;
}
.frohome-imgs .img-box img {
  width: 108%;
  margin-left: -4%;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #3c3c3c;
}
.frohome-imgs .img-box:nth-child(2) {
  margin-top: -3.5%;
  z-index: 2;
}
.frohome-imgs .frohome-imgs-title {
  position: absolute;
  top: -15%;
  left: -28%;
  padding-left: 20%;
  padding-top: 6%;
  width: 120%;
  height: 100%;
  font-size: 36px;
  font-weight: 600;
  z-index: -1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

.business-panel-right {
  flex-direction: row-reverse;
}
.business-panel-right .right {
  padding-left: 10%;
}
.business-panel-right .right .media {
  float: left;
}
.business-panel-right .left {
  padding-left: 0;
  padding-right: 10%;
}

.img-box-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.img-box-scroll img {
  width: 110%;
  height: 110%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: -5%;
}

.business-panel2 {
  height: 90vh;
  display: flex;
  align-items: center;
  position: relative;
}
.business-panel2 .content {
  position: relative;
  width: 50%;
  margin: 0 auto;
  z-index: 2;
  text-align: center;
  font-weight: 400;
}
.business-panel2 .content h1 {
  color: #248740;
  line-height: 1;
}
.business-panel2 .content .desc {
  padding-top: 20px;
  line-height: 1.8;
  font-size: 22px;
  text-align: justify;
}
.business-panel2 .content .desc-16 {
  font-size: 16px !important;
}
.business-panel2 .content .desc-16 p {
  font-size: 16px !important;
}
.business-panel2 .content .icons-list {
  margin-top: 50px;
}
.business-panel2 .content .icons-list img {
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.business-panel2 .content .content-box {
  display: inline-block;
  max-width: 90%;
  padding: 50px 45px;
}
.business-panel2.left .content {
  margin: 0;
  padding-left: 4%;
}
.business-panel2.right .content {
  position: absolute;
  left: 50%;
  display: flex;
  justify-content: center;
  margin: 0;
  text-align: left;
}
.business-panel2.right .content h1 {
  color: #fff;
}
.business-panel2.right .content h1 {
  text-align: left;
}
.business-panel2.right .content li {
  list-style: disc;
  margin-left: 27px;
}
.business-panel2.right .h-desc {
  font-size: 24px;
  font-weight: bold;
  color: #248740;
  margin-top: 10px;
  margin-bottom: 16px;
}

.business-benefits {
  padding: 100px 0;
}
.business-benefits .title-desc {
  text-align: center;
  display: block;
  padding: 0 5%;
  margin-top: 30px;
}
.business-benefits .swiper-title {
  padding: 30px 15px;
  text-align: center;
  font-size: 36px;
  font-weight: normal;
}

.business-product-words-1 .title {
  white-space: nowrap;
  font-size: 48px;
  font-weight: bold;
  padding-right: 20px;
}
.business-product-words-1 .desc {
  padding: 0;
}

.business-pro-panel {
  min-height: 88vh;
  padding: 100px 0;
}
.business-pro-panel .left {
  width: 625px;
  left: 50%;
  position: absolute;
  transform: translateX(-100%);
  padding-left: 0;
}
.business-pro-panel .left .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.business-pro-panel .left .icons-list .icons-1 .icons-title {
  margin: 0 auto;
  font-weight: bold;
  font-size: 16px;
}
.business-pro-panel .left .icons-list .icons-1 .icons-title .w-100 {
  width: 100px;
}
.business-pro-panel .h-desc {
  font-size: 22px;
  padding-bottom: 30px;
  font-weight: bold;
}
.business-pro-panel .icons-list .icons-1 {
  flex: 1;
}

.business-pro-panel-2 {
  height: 100vh;
}
.business-pro-panel-2 .icons-list {
  display: flex;
  gap: 45px;
  justify-content: space-between;
}
.business-pro-panel-2 .icons-list .icons-1 {
  flex: 1;
  position: relative;
  padding-top: 40px;
}
.business-pro-panel-2 .icons-list .icons-1 .img {
  width: 100%;
}
.business-pro-panel-2 .icons-list .icons-1 img {
  width: 100%;
  height: auto;
}
.business-pro-panel-2 .icons-list .icons-1 .icons-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.business-pro-panel-2.right .content, .business-pro-panel-2.left .content {
  position: absolute;
  width: 645px;
  left: 0;
  left: unset;
  text-align: left;
}
.business-pro-panel-2.right .content.set-left, .business-pro-panel-2.left .content.set-left {
  right: unset;
  left: 4%;
}
.business-pro-panel-2.right .content .content-box, .business-pro-panel-2.left .content .content-box {
  max-width: 100%;
  width: 100%;
}
.business-pro-panel-2.right .content .content-box ul, .business-pro-panel-2.left .content .content-box ul {
  font-weight: 300;
}
.business-pro-panel-2.right .content .content-box ul li, .business-pro-panel-2.left .content .content-box ul li {
  margin-bottom: 10px;
}
.business-pro-panel-2.right .content .content-box .tips, .business-pro-panel-2.left .content .content-box .tips {
  font-size: 12px;
  line-height: 26px;
}
.business-pro-panel-2 .content-up {
  top: 18%;
}
.business-pro-panel-2 .content-mid {
  top: 50%;
  transform: translateY(-50%);
}
.business-pro-panel-2.business-panel-right-2 .content {
  left: 0;
  right: unset;
  margin: unset;
}
.business-pro-panel-2.ev1 .content {
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.business-pro-panel-2.ev1 .content h1 {
  text-align: center;
  font-size: 36px;
  text-shadow: 0 0 4px #999;
}
.business-pro-panel-2.ev1 .content h1 b {
  font-size: 50px;
}
.business-pro-panel-2.ev1 .content .desc {
  text-align: center;
  text-shadow: 0 0 10px #999;
}
.business-pro-panel-2.ev1 .content .h-desc {
  font-size: 30px;
  text-shadow: 0 0 10px #999;
}
.business-pro-panel-2.ev1 .content .content-box {
  background: unset;
}
.business-pro-panel-2.ev2 {
  background: #000;
}
.business-pro-panel-2.ev2 .img-box-scroll {
  display: none;
}
.business-pro-panel-2.ev2 .content {
  position: unset;
  width: 100%;
  height: 100%;
}
.business-pro-panel-2.ev2 .content .content-box {
  height: 100%;
  background: unset;
  position: relative;
}
.business-pro-panel-2.ev2 .content .desc {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.business-pro-panel-2.ev2 .content .desc .words {
  right: 0;
  width: 60%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: justify;
}
.business-pro-panel-2.ev2 .content .h-desc {
  text-align: center;
}
.business-pro-panel-2.ev2 .content h1 {
  padding-top: 30px;
  text-align: center;
}
.business-pro-panel-2.ev2 .img-box {
  width: 40%;
}
.business-pro-panel-2.ev2 .img-box img {
  width: 100%;
}
.business-pro-panel-2.ev3 .content {
  position: unset;
  width: 100%;
  height: 100%;
  text-align: center !important;
}
.business-pro-panel-2.ev3 .content h1 {
  text-align: center;
  padding-top: 8%;
}
.business-pro-panel-2.ev3 .content .content-box {
  background: unset;
  position: relative;
}
.business-pro-panel-2.ev3 .content .content-box .h-desc {
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 35px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  border-radius: 25px;
  transition: all 0.3s ease;
  margin-top: 25px;
  position: relative;
  z-index: 10;
  background: unset;
  width: unset;
  height: unset;
  position: absolute;
  bottom: 35%;
  left: 50%;
  top: unset;
  transform: translateX(-50%);
}
.business-pro-panel-2.ev3 .content .content-box .h-desc:hover {
  background: #248740;
}
.business-pro-panel-2.ev3 .content .content-box .desc {
  position: absolute;
  bottom: 20%;
  width: 60%;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
  text-align: justify;
}
.business-pro-panel-2.ev3.overlay-black::after {
  z-index: -1;
}
.business-pro-panel-2.ev4, .business-pro-panel-2.ev5, .business-pro-panel-2.ev6, .business-pro-panel-2.smart-imgs, .business-pro-panel-2.smart-imgs2 {
  background: #000;
}
.business-pro-panel-2.ev4 .img-box-scroll, .business-pro-panel-2.ev5 .img-box-scroll, .business-pro-panel-2.ev6 .img-box-scroll, .business-pro-panel-2.smart-imgs .img-box-scroll, .business-pro-panel-2.smart-imgs2 .img-box-scroll {
  display: none;
}
.business-pro-panel-2.ev4 .content, .business-pro-panel-2.ev5 .content, .business-pro-panel-2.ev6 .content, .business-pro-panel-2.smart-imgs .content, .business-pro-panel-2.smart-imgs2 .content {
  width: 100%;
  top: 6%;
  text-align: center;
}
.business-pro-panel-2.ev4 .content .content-box, .business-pro-panel-2.ev5 .content .content-box, .business-pro-panel-2.ev6 .content .content-box, .business-pro-panel-2.smart-imgs .content .content-box, .business-pro-panel-2.smart-imgs2 .content .content-box {
  background: none;
}
.business-pro-panel-2.ev4 .content h1, .business-pro-panel-2.ev5 .content h1, .business-pro-panel-2.ev6 .content h1, .business-pro-panel-2.smart-imgs .content h1, .business-pro-panel-2.smart-imgs2 .content h1 {
  text-align: center;
}
.business-pro-panel-2.ev4 .content .words *, .business-pro-panel-2.ev5 .content .words *, .business-pro-panel-2.ev6 .content .words *, .business-pro-panel-2.smart-imgs .content .words *, .business-pro-panel-2.smart-imgs2 .content .words * {
  max-width: 100%;
}
.business-pro-panel-2.ev4 .content .desc, .business-pro-panel-2.ev5 .content .desc, .business-pro-panel-2.ev6 .content .desc, .business-pro-panel-2.smart-imgs .content .desc, .business-pro-panel-2.smart-imgs2 .content .desc {
  padding-top: 50px;
}
.business-pro-panel-2.ev5 {
  background: #333;
}
.business-pro-panel-2.ev5 .content-box .desc {
  display: none;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom {
  bottom: 15%;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom ul {
  gap: 30px;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li {
  width: 50%;
  position: relative;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li .title,
.business-pro-panel-2.ev5 .business-pro-panel-bottom li .desc {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  font-size: 20px;
  z-index: 3;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li .desc {
  top: 60px;
  width: 60%;
  font-size: 16px;
  text-align: justify;
  font-weight: 500;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li .img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li .img img {
  width: 100%;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li:nth-child(1) {
  text-align: right;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.1803921569);
  z-index: 2;
}
.business-pro-panel-2.ev5 .business-pro-panel-bottom li:nth-child(1) .desc {
  left: unset;
  right: 0;
}
.business-pro-panel-2.ev6 .content {
  display: block;
}
.business-pro-panel-2.ev6 .icons-list-swiper {
  overflow: hidden;
}
.business-pro-panel-2.ev6 .icons-list-swiper img {
  width: 100%;
}
.business-pro-panel-2.ev6 .icons-list-swiper .swiper-slide {
  padding-top: 50px;
}
.business-pro-panel-2.ev6 .icons-list-swiper .swiper-slide .icons-title {
  position: absolute;
  top: 0;
  width: 100%;
}
.business-pro-panel-2.ev7.business-panel-right-2 .content {
  left: unset;
  right: 0;
}
.business-pro-panel-2.ev7 .icons-list {
  gap: 0;
}
.business-pro-panel-2.ev7 .icons-list .icons-1 .img {
  width: 70px;
  margin: 0 auto;
}
.business-pro-panel-2.ev7 .icons-list .icons-1 .icons-title {
  position: unset;
  font-size: 12px;
  text-align: center;
}
.business-pro-panel-2.ev7 .icons-list-2 {
  gap: 10px;
}
.business-pro-panel-2.ev7 .icons-list-2 .icons-1 .icons-title {
  font-size: 20px;
  font-weight: 600;
  padding: 0 20px;
}
.business-pro-panel-2.ev7 .icons-list-2 .icons-1 .icons-tips {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding-top: 15px;
}
.business-pro-panel-2.smart-imgs, .business-pro-panel-2.smart-imgs2 {
  height: auto;
  padding-bottom: 80px;
}
.business-pro-panel-2.smart-imgs .content, .business-pro-panel-2.smart-imgs2 .content {
  transform: unset;
  position: unset;
}
.business-pro-panel-2.smart-imgs h1, .business-pro-panel-2.smart-imgs2 h1 {
  display: none;
}
.business-pro-panel-2.smart-imgs .content-box, .business-pro-panel-2.smart-imgs2 .content-box {
  padding: 0;
}
.business-pro-panel-2.smart-imgs .icons-list, .business-pro-panel-2.smart-imgs2 .icons-list {
  gap: 1%;
  flex-wrap: wrap;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1, .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding-top: 0;
  margin-bottom: 20px;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1 .icons-title, .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 .icons-title {
  top: unset;
  bottom: 0;
  position: absolute;
  text-align: left;
  font-weight: 500;
  padding: 10px 20px;
  font-size: 18px;
  text-shadow: 0 0 4px #000;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1 .img, .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 .img {
  width: auto;
  height: 100%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1 .img:hover img, .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 .img:hover img {
  transform: scale(1.06);
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1 .img img, .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 .img img {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(1), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(1) {
  flex: 0 0 49%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(2), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(2) {
  flex: 0 0 24%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(3), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(3) {
  flex: 0 0 24%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(4), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(4) {
  flex: 0 0 26.5%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(5), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(5) {
  flex: 0 0 26.5%;
}
.business-pro-panel-2.smart-imgs .icons-list .icons-1:nth-child(6), .business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(6) {
  flex: 0 0 44%;
}
.business-pro-panel-2.smart-imgs2 {
  height: 100vh;
}
.business-pro-panel-2.smart-imgs2 .icons-list .icons-1 {
  height: 500px;
}
.business-pro-panel-2.smart-imgs2 .icons-list .icons-1 .icons-title {
  font-size: 16px;
}
.business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(1) {
  flex: 0 0 24%;
}
.business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(2) {
  flex: 0 0 24%;
}
.business-pro-panel-2.smart-imgs2 .icons-list .icons-1:nth-child(3) {
  flex: 0 0 49%;
}
.business-pro-panel-2.smart-imgs2 .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.business-pro-panel-2.smart-imgs2 h1 {
  display: block;
}
.business-pro-panel-2.full-img-top .content {
  width: 100%;
  top: 10%;
}
.business-pro-panel-2.full-img-top .content .content-box {
  background: unset;
}
.business-pro-panel-2.full-img-top .content .content-box h1 {
  text-align: center;
  text-shadow: 0 0 4px #999;
}
.business-pro-panel-2.smart-panel {
  background-color: #000;
}
.business-pro-panel-2.smart-panel.ev5 .content {
  transform: unset;
}
.business-pro-panel-2.smart-panel.ev5 .img {
  border-radius: 20px;
  overflow: hidden;
}
.business-pro-panel-2.smart-panel.ev5 .img img {
  transition: all 0.3s ease-in-out;
}
.business-pro-panel-2.smart-panel.ev5 .img:hover img {
  transform: scale(1.06);
}
.business-pro-panel-2.smart-panel.ev5 .business-pro-panel-bottom li {
  text-align: left !important;
}
.business-pro-panel-2.smart-panel.ev5 .business-pro-panel-bottom li .title {
  text-align: left;
}
.business-pro-panel-2.smart-panel.ev5 .business-pro-panel-bottom li .desc {
  width: 100%;
  text-align: left;
  padding-left: 35px;
}
.business-pro-panel-2.smart-panel.ev5 .business-pro-panel-bottom li .desc li {
  list-style: disc;
  width: 100%;
}
.business-pro-panel-2.smart-panel.ev5 .business-pro-panel-bottom li:nth-child(2) .desc {
  top: unset;
  bottom: 15px;
}

.icons-list-swiper {
  overflow: hidden;
}
.icons-list-swiper img {
  width: 100%;
}

.app-panel .icons-list-swiper {
  padding-top: 40px;
}
.app-panel .icons-list-swiper .swiper-slide .icons-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 8px;
  text-align: left;
}

.bg-black-8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black {
  background-color: #000;
}

.business-pro-panel-bottom {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  text-align: left;
}
.business-pro-panel-bottom.parameter-right {
  width: 330px;
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  left: unset;
}
.business-pro-panel-bottom.parameter-right li {
  margin-bottom: 30px;
}
.business-pro-panel-bottom.parameter-right li .desc {
  width: 100%;
}
.business-pro-panel-bottom .title {
  font-size: 24px;
  margin-bottom: 4px;
}
.business-pro-panel-bottom .title span {
  font-weight: bold;
  padding-right: 6px;
}
.business-pro-panel-bottom .desc {
  font-weight: bold;
  text-align: left;
  margin: 0 auto;
}

.h-mid {
  top: 50%;
  transform: translateY(-50%);
}

.h-100 {
  height: 100vh;
}

.pro-roll-intro .roll-sticky-box:nth-last-child(1) {
  position: relative;
  z-index: 2;
}
.pro-roll-intro .roll-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.pro-roll-intro .roll-img img {
  width: 100%;
}
.pro-roll-intro .roll-words {
  text-align: left;
  padding: 30px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro-roll-intro .roll-words .title {
  max-width: 350px;
  text-align: left;
}
.pro-roll-intro .roll-words .desc {
  width: 55%;
}
.pro-roll-intro .roll-words .desc .tips {
  font-size: 12px;
}

.contact-local-title {
  padding-top: 50px;
  padding-left: 15px;
}

.local-info-list {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.local-info-list .local-info-item {
  color: #222;
  width: 32%;
  background: #fff;
  border-radius: 10px;
  padding: 40px 25px;
  margin-bottom: 2%;
  transition: all 0.3s ease;
}
.local-info-list .local-info-item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.local-info-list .local-info-item .country {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.local-info-list .local-info-item .company {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 15px;
}
.local-info-list .local-info-item .addr,
.local-info-list .local-info-item .tel,
.local-info-list .local-info-item .email {
  position: relative;
  padding-left: 30px;
  line-height: 26px;
  margin-top: 15px;
}
.local-info-list .local-info-item .addr i,
.local-info-list .local-info-item .tel i,
.local-info-list .local-info-item .email i {
  position: absolute;
  left: 0;
  top: 0;
  color: #248740;
  font-size: 20px;
}

:root {
  --swiper-theme-color: #fff;
}

.pro-header-banner {
  position: relative;
}
.pro-header-banner .swiper-wrapper img {
  width: 100%;
}

.pro-content {
  padding: 84px 0;
}
.pro-content .title {
  font-size: 48px;
  text-align: center;
  font-weight: bold;
  width: 300px;
}
.pro-content .desc {
  font-size: 20px !important;
  padding-left: 30px;
  text-align: justify;
  flex: 1;
  line-height: 1.5 !important;
}
.pro-content .desc p {
  font-size: 20px !important;
  line-height: 1.5 !important;
}

.pro-advantage {
  max-width: 90%;
  width: 1600px;
  margin: 0 auto;
}
.pro-advantage ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-advantage ul li {
  width: 180px;
  margin-bottom: 2%;
  text-align: center;
  color: #248740;
}
.pro-advantage ul li img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
}

.pro-fenjie {
  padding: 54px 0;
  text-align: center;
}
.pro-fenjie .title {
  padding: 0 80px;
}
.pro-fenjie .img-box {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.pro-fenjie .img-box img {
  max-height: 80vh;
}
.pro-fenjie .canshu-item {
  position: absolute;
  left: -100px;
  transform: translateY(-50%);
  width: 120px;
  font-weight: bold;
  font-size: 20px;
  white-space: nowrap;
  text-align: right;
  padding-right: 20px;
}
.pro-fenjie .canshu-item::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 13vh;
  height: 1px;
  background-color: #248740;
}
.pro-fenjie .canshu-item:nth-child(2n) {
  left: unset;
  right: -100px;
  text-align: left;
  padding-right: 0;
  padding-left: 20px;
}
.pro-fenjie .canshu-item:nth-child(2n)::after {
  content: "";
  left: unset;
  right: 100%;
}

.js-animate {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 1s ease, transform 1s ease;
}
.js-animate.appear {
  opacity: 1;
  transform: translateY(0);
}

.pro-big-img img {
  width: 100%;
}
.pro-big-img .bg-img {
  width: 100vw;
  height: 100vh;
}

.pro-canshu {
  color: #fff;
  background: #000;
  padding: 100px 0;
}
.pro-canshu .title {
  padding-bottom: 80px;
}
.pro-canshu .canshu-banner {
  width: 33%;
  float: left;
  overflow: hidden;
}
.pro-canshu .canshu-banner .swiper-slide img {
  vertical-align: middle;
  max-width: 100%;
}
.pro-canshu .canshu-box {
  width: 60%;
  float: right;
  margin-top: 40px;
}
.pro-canshu .canshu-one {
  font-size: 20px;
  margin: 15px 0;
}
.pro-canshu .canshu-one .canshu-title {
  float: left;
  width: 50%;
  min-width: 300px;
  font-weight: 500;
}
.pro-canshu .canshu-one .canshu-content {
  float: left;
  width: 50%;
  text-align: left;
}
.pro-canshu .more-btn {
  margin-top: 40px;
}

.related-article {
  padding: 80px 0 50px 0;
  text-align: center;
  background: #e9eaeb;
}
.related-article h3 {
  padding-bottom: 60px;
}
.related-article .related-img-box {
  position: relative;
  padding-top: 84%;
}
.related-article .related-img-box h5 {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}

.related-one {
  width: 33%;
  float: left;
  padding: 0 15px;
}
.related-one img {
  max-width: 100%;
}

.home-related {
  padding: 80px 50px;
}
.home-related .related-content {
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
}
.home-related .related-content .title {
  font-size: 34px;
  font-weight: bold;
}
.home-related .more-btn {
  margin-top: 10px;
}

.related-one-50 {
  width: 50%;
}

.product-img-box {
  padding-top: 84%;
}

.frohome-words {
  text-align: center;
  padding: 54px 0;
  color: #6d6464;
}
.frohome-words .title {
  color: #248740;
  font-size: 60px;
  font-weight: bold;
}
.frohome-words .info {
  font-size: 42px;
}
.frohome-words .desc {
  padding-top: 30px;
  font-size: 18px;
  text-align: justify;
  line-height: 1.7;
}

.banner-words {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  min-width: 600px;
  text-align: center;
  color: #fff;
  z-index: 10;
  text-shadow: 0 0 5px #696969;
}
.banner-words .title {
  font-size: 50px;
  font-weight: bold;
}
.banner-words .desc {
  font-size: 20px;
  padding-top: 15px;
}

.about-banner .banner-words {
  bottom: 50%;
  transform: translate(-50%, 50%);
  text-align: left;
}
.about-banner .banner-words .title {
  text-align: left;
}

.froci-words .title {
  color: #333;
  font-size: 42px;
}

.business-panel-ci .left {
  width: 50%;
  padding-left: 5%;
}
.business-panel-ci .left .title {
  font-size: 46px;
  color: #333;
  white-space: nowrap;
}
.business-panel-ci .left .forhome_info {
  font-size: 28px;
}

.ci1.business-panel-right-2 .content,
.ci2.business-panel-right-2 .content,
.ci3.business-panel-right-2 .content {
  left: unset;
  right: 0;
}
.ci1 .content .content-box h1,
.ci2 .content .content-box h1,
.ci3 .content .content-box h1 {
  font-size: 46px;
  color: #333;
}
.ci2.business-panel-ci-1.business-panel2 .content {
  right: -10%;
}
.ci2.business-panel-ci-1.business-panel2 .content .content-box {
  background: unset;
}

.ci3.business-panel-ci-1.business-panel2 .content {
  width: unset;
  top: 50%;
  transform: translateY(-50%);
}
.ci3.business-panel-ci-1.business-panel2 .content .content-box {
  background: unset;
}
.ci3.business-panel-ci-1.business-panel2 .content .content-box h1 {
  display: none;
}
.ci3.business-panel-ci-1.business-panel2 .content .content-box .words ul {
  list-style: disc;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 0 4px #999;
}
.ci3.business-panel-ci-1.business-panel2 .content .content-box .words ul li {
  margin: 30px 0;
}

.ci4.business-panel-ci {
  background: #000;
}
.ci4.business-panel-ci .right {
  display: none;
}
.ci4.business-panel-ci .left {
  padding: 80px 4% 50px 4%;
  width: 100%;
  text-align: center;
}
.ci4.business-panel-ci .left .title,
.ci4.business-panel-ci .left .forhome_info {
  color: #fff;
}
.ci4.business-panel-ci .left .icons-list {
  gap: 40px;
}
.ci4.business-panel-ci .left .icons-list .icons-1 img {
  width: 100%;
  height: auto;
}
.ci4.business-panel-ci .left .icons-list .icons-title {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}

.related-2 .related-one {
  width: 50%;
}

.ci2.business-panel-ci-1.business-panel2 .content {
  right: -4%;
}

.cloud-panel.business-panel-right .right {
  padding-left: 0;
}

.business-panel-ci-2 {
  min-height: 65vh;
  max-height: 940px;
  background: #fff;
}
.business-panel-ci-2 .img-box-scroll img {
  -o-object-fit: cover;
     object-fit: cover;
}
.business-panel-ci-2 .content-box {
  background: rgba(0, 0, 0, 0.2);
}
.business-panel-ci-2.ci22 .content-box {
  background: unset;
}
.business-panel-ci-2.ci23 .content {
  left: -10%;
}
.business-panel-ci-2.ci23 .content-box {
  background: unset;
  color: #222 !important;
}
.business-panel-ci-2.ci23 .content-box h1 {
  color: #333 !important;
}
.business-panel-ci-2.ci23 .content-box .h-desc {
  color: #222 !important;
}

.cloud-words {
  text-align: center;
  padding: 50px 15px;
}
.cloud-words .title {
  font-size: 28px;
  font-weight: bold;
}

.cloud-panel {
  background: #000;
  padding-bottom: 0;
}
.cloud-panel .left .title {
  color: #fff;
  font-size: 48px;
}
.cloud-panel .left .desc {
  color: #fff;
}
.cloud-panel .left .forhome_info {
  color: #fff;
}
.cloud-panel .left .icons-title {
  color: #fff;
}
.cloud-panel .right .media {
  width: 90%;
}
.cloud-panel .right .media * {
  border-radius: 0 !important;
}
.cloud-panel.white {
  background: #fff;
}
.cloud-panel.white .title {
  color: #333;
}
.cloud-panel.white .desc {
  color: #222;
}
.cloud-panel.cloud {
  flex-wrap: wrap;
}
.cloud-panel .top-cloud-news {
  background: #000;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 50px 20px 0 20px;
  flex: 1 1 100%;
}
.cloud-panel .top-cloud-news .title {
  font-size: 48px;
  font-weight: bold;
}
.cloud-panel .top-cloud-news .desc {
  font-size: 28px;
  font-weight: 500;
}

.app-panel {
  background: #000;
}
.app-panel .right {
  padding-right: 0;
}
.app-panel .right .media {
  height: unset;
  display: flex;
  align-items: center;
  max-height: 100%;
}
.app-panel .right .media img {
  position: unset;
  transform: unset;
}
.app-panel .left {
  padding-top: 80px;
  padding-bottom: 80px;
}
.app-panel .left .icons-title {
  padding: 0 20px;
}
.app-panel.full-app-img .left {
  display: none;
}
.app-panel.full-app-img .right {
  width: 100%;
  padding: 0;
}
.app-panel.full-app-img .right * {
  width: 100%;
}
.app-panel.app-qr-icon .left .icons-list .icons-1 img {
  height: auto;
  width: auto;
}
.app-panel.app-qr-icon .icons-title {
  display: none;
}
.app-panel.app-qr-icon .right .media {
  text-align: left;
  padding-left: 10%;
}
.app-panel.Intelligent .right, .app-panel.accessible .right, .app-panel.adaptable .right, .app-panel.Insights .right {
  display: none;
}
.app-panel.Intelligent .left, .app-panel.accessible .left, .app-panel.adaptable .left, .app-panel.Insights .left {
  width: 80%;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}
.app-panel.Intelligent .left .icons-1, .app-panel.accessible .left .icons-1, .app-panel.adaptable .left .icons-1, .app-panel.Insights .left .icons-1 {
  position: relative;
}
.app-panel.Intelligent .left .icons-title, .app-panel.accessible .left .icons-title, .app-panel.adaptable .left .icons-title, .app-panel.Insights .left .icons-title {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 0 15px;
  text-align: left;
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
}
.app-panel.Intelligent .left img, .app-panel.accessible .left img, .app-panel.adaptable .left img, .app-panel.Insights .left img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.app-panel.Intelligent .left .icons-list {
  gap: 20px;
}
.app-panel.accessible .icons-list-swiper .swiper-slide, .app-panel.Insights .icons-list-swiper .swiper-slide {
  padding-top: 40px;
}
.app-panel.accessible .left .icons-list, .app-panel.Insights .left .icons-list {
  gap: 40px;
}
.app-panel.accessible .left .icons-1, .app-panel.Insights .left .icons-1 {
  padding-top: 30px;
}
.app-panel.accessible .left .icons-title, .app-panel.Insights .left .icons-title {
  top: -30px;
  font-size: 22px;
  text-align: center;
  bottom: unset;
}
.app-panel.accessible .left .icons-desc, .app-panel.Insights .left .icons-desc {
  padding: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
}
.app-panel.adaptable {
  padding-bottom: 80px;
}
.app-panel.adaptable .left .icons-list {
  height: 630px;
  gap: 20px;
}
.app-panel.adaptable .left .icons-list .icons-1 {
  flex: 1;
  transition: all 0.4s ease-in-out;
}
.app-panel.adaptable .left .icons-list .icons-1 .img {
  height: 100%;
  overflow: hidden;
}
.app-panel.adaptable .left .icons-list .icons-1 .img img,
.app-panel.adaptable .left .icons-list .icons-1 .img iframe,
.app-panel.adaptable .left .icons-list .icons-1 .img video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.app-panel.adaptable .left .icons-list .icons-1.active {
  flex: 3;
}
.app-panel.adaptable .left .icons-list .icons-1 .icons-title i {
  border: 1px solid #fff;
  float: right;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  padding-top: 2px;
}
.app-panel.full-app-img .right .media {
  max-width: 100%;
}
.app-panel.Insights .left .icons-list {
  padding-top: 120px;
}
.app-panel.Insights .left .icons-list .icons-1 {
  padding-top: 0;
}
.app-panel.Insights .left .icons-list .icons-1 .icons-title {
  position: unset;
}
.app-panel.Insights .left .icons-list .icons-1 .icons-desc {
  padding: 20px;
  max-width: 360px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
}
.app-panel.Insights .left .icons-list .icons-1:nth-child(2) {
  margin-top: -80px;
}

.selected-filters {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.filter-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.filter-label {
  font-weight: 600;
  color: #495057;
  margin-right: 10px;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid #248740;
  color: #248740;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

.filter-tag .remove-btn {
  margin-left: 8px;
  background: none;
  border: none;
  color: #248740;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.filter-tag .remove-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

.clear-all-btn {
  color: #333;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.find-map-box {
  display: flex;
  height: 650px;
  padding-bottom: 80px;
}
.find-map-box .left {
  width: 530px;
  padding: 40px 20px;
  height: 100%;
  background: #fff;
  overflow-y: scroll;
}
.find-map-box .left .slelect-btn {
  float: unset;
  display: block;
  width: 240px;
}
.find-map-box .left .slelect-btn .input {
  width: 100%;
}
.find-map-box .left .slelect-btn li:nth-child(1) {
  display: none;
}
.find-map-box .left .more-btn {
  z-index: 1;
}
.find-map-box .find-map-lists {
  margin-top: 30px;
}
.find-map-box .find-map-one {
  display: flex;
  margin-bottom: 16px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  cursor: pointer;
}
.find-map-box .find-map-one:hover {
  border-color: #248740;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.find-map-box .find-map-one .logo {
  width: 80px;
  align-items: center;
  display: flex;
}
.find-map-box .find-map-one .logo img {
  width: 100%;
}
.find-map-box .find-map-one i {
  font-size: 16px;
  width: 20px;
  text-align: center;
}
.find-map-box .find-map-one .map-content {
  flex: 1;
  padding-left: 20px;
}
.find-map-box .find-map-one .map-content .title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.find-map-box .find-map-one .map-content .info {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
.find-map-box .find-map-one .map-content .info .addr {
  display: flex;
  border-bottom: 1px solid #c1c1c1;
}
.find-map-box .find-map-one .map-content .info .addr span {
  display: block;
  flex: 1;
  padding-bottom: 8px;
}
.find-map-box .find-map-one .map-content .info .addr i.fa-map {
  color: #248740;
}
.find-map-box .find-map-one .map-content .info .email,
.find-map-box .find-map-one .map-content .info .tel,
.find-map-box .find-map-one .map-content .info .website {
  margin-top: 10px;
}
.find-map-box .find-map-one .map-content .info .email span,
.find-map-box .find-map-one .map-content .info .tel span,
.find-map-box .find-map-one .map-content .info .website span {
  display: none;
  padding-bottom: 2px;
  color: #248740;
  border-bottom: 1px solid #248740;
}
.find-map-box .find-map-one .map-content .info .email:hover,
.find-map-box .find-map-one .map-content .info .tel:hover,
.find-map-box .find-map-one .map-content .info .website:hover {
  color: #248740;
}
.find-map-box .find-map-one .map-content .info-2 .email,
.find-map-box .find-map-one .map-content .info-2 .tel,
.find-map-box .find-map-one .map-content .info-2 .website {
  display: inline-block;
}
.find-map-box .find-map-one.active .map-content .title {
  color: #248740;
}
.find-map-box .find-map-one.active .map-content .info-2 .email,
.find-map-box .find-map-one.active .map-content .info-2 .tel,
.find-map-box .find-map-one.active .map-content .info-2 .website {
  display: block;
}
.find-map-box .find-map-one.active .map-content .info-2 .email span,
.find-map-box .find-map-one.active .map-content .info-2 .tel span,
.find-map-box .find-map-one.active .map-content .info-2 .website span {
  display: inline-block;
}
.find-map-box .find-map-one.active .map-content .info-2 .email i,
.find-map-box .find-map-one.active .map-content .info-2 .tel i,
.find-map-box .find-map-one.active .map-content .info-2 .website i {
  padding-right: 8px;
}
.find-map-box .right {
  flex: 1;
  height: 100%;
}
.find-map-box .right .map-box {
  height: 100%;
  background: #333;
}

.flex {
  display: flex;
}

.support-center {
  padding-top: 60px;
}
.support-center .left {
  width: 280px;
  padding-right: 40px;
  border-right: 1px solid #e9ecef;
}
.support-center .left .nav li {
  margin-bottom: 30px;
}
.support-center .left .nav li a {
  display: block;
}
.support-center .left .nav li a .fa {
  float: right;
  padding: 2px 0;
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
  font-size: 18px;
}
.support-center .left .nav li:hover, .support-center .left .nav li.active {
  color: #248740;
}
.support-center .left .nav li:hover .fa, .support-center .left .nav li.active .fa {
  transform: rotate(90deg);
}
.support-center .left .nav img {
  padding-right: 10px;
  width: 26px;
}
.support-center .right {
  flex: 1;
  padding-left: 40px;
}
.support-center .right .search-box {
  width: 300px;
  margin-left: 0;
  margin-top: 30px;
}
.support-center .right .results-box {
  padding-bottom: 80px;
}
.support-center .right .results-box .title {
  font-weight: 600;
  font-size: 18px;
  padding-top: 80px;
}
.support-center .right .results-box .qa-lists {
  padding-top: 30px;
  padding-bottom: 50px;
}
.support-center .right .results-box .qa-lists li {
  padding: 20px 0;
  border-bottom: 1px solid #e9ecef;
}
.support-center .right .results-box .qa-lists li:hover {
  color: #248740;
  border-color: #248740;
}
.support-center .right .results-box .question {
  margin-bottom: 20px;
}
.support-center .right .results-box .answer {
  padding-left: 20px;
}
.support-center .right .results-box .pages {
  margin: unset;
  justify-content: unset;
}

.container-90 {
  width: 90%;
  max-width: 1920px;
  margin: 0 auto;
}

.breadcrumb li {
  display: inline-block;
}
.breadcrumb li:nth-child(1) a {
  font-weight: bold;
}

#content-container {
  padding-top: 80px;
}
#content-container .article-metas h3 {
  padding-top: 30px;
  text-align: center;
  padding-bottom: 20px;
}
#content-container .article-metas .time {
  padding-bottom: 30px;
}
#content-container .article-text {
  padding-bottom: 80px;
}
#content-container .article-text img {
  max-width: 100%;
}

.article-prevnext {
  font-size: 14px;
  padding-bottom: 30px;
}
.article-prevnext li:hover {
  color: #248740;
}

#search-container {
  padding-top: 80px;
  padding-bottom: 60px;
}
#search-container .search-box {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}
#search-container .search-box input {
  border: 1px solid #ced4da;
  background: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
#search-container .find-result-count {
  color: #6c757d;
}
#search-container .find-result {
  padding: 40px 20px;
  border-radius: 10px;
  background: #fff;
  margin-top: 50px;
}
#search-container .find-result .find-lists {
  padding: 30px 15px;
}
#search-container .find-result .find-lists .title {
  font-weight: 24px;
  font-weight: 600;
  padding-bottom: 8px;
}
#search-container .find-item {
  margin-bottom: 20px;
}
#search-container .find-item:hover {
  color: #248740;
}

.cert-center .cert-banner {
  margin-top: 30px;
}
.cert-center .cert-banner img {
  max-width: 100%;
}
.cert-center .cert-nav {
  font-size: 14px;
  font-weight: 600;
}
.cert-center .cert-nav li:hover, .cert-center .cert-nav li.active {
  color: #248740;
}
.cert-center .cert-nav-1 {
  border-bottom: 1px solid #666;
  margin-top: 50px;
  padding-bottom: 27px;
}
.cert-center .cert-nav-1 .title {
  font-size: 24px;
  font-weight: 600;
  width: 160px;
  padding-left: 15px;
  padding-right: 40px;
}
.cert-center .cert-nav-1 ul {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 30px;
}
.cert-center .cert-nav-1 ul::after {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  width: 5px;
  height: 60%;
  background: #248740;
}
.cert-center .cert-nav-1 ul li {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}
.cert-center .cert-nav-2 {
  padding: 50px 0;
}
.cert-center .cert-nav-2 ul {
  display: flex;
  justify-content: center;
  gap: 4%;
}
.cert-center .cert-nav-2 ul li {
  cursor: pointer;
}
.cert-center .nav-hidden {
  display: none !important;
}
.cert-center .cert-box .title {
  font-size: 14px;
  padding-left: 10px;
}
.cert-center .cert-box .more-btn {
  border-radius: 4px;
  padding: 10px;
  margin-top: 0;
  margin-bottom: 20px;
}
.cert-center .cert-box .batch-count-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #ff4444;
  color: white;
  border-radius: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.cert-center .cert-box #batch-download-btn {
  position: relative;
  cursor: pointer;
}
.cert-center .cert-box .box .cert-left {
  width: 340px;
}
.cert-center .cert-box .box .cert-left li {
  height: 44px;
  line-height: 44px;
  padding: 0 8px;
  font-size: 14px;
  color: #000;
  border: 1px solid #797979;
  border-radius: 4px;
  margin-bottom: 16px;
  cursor: pointer;
}
.cert-center .cert-box .box .cert-left li:hover, .cert-center .cert-box .box .cert-left li.active {
  background: #248740;
  color: #fff;
}
.cert-center .cert-box .box .cert-right {
  flex: 1;
  padding-bottom: 50px;
}
.cert-center .cert-box .box .cert-right .result-box {
  padding: 0 20px 0 50px;
  font-size: 14px;
  color: #000;
}
.cert-center .cert-box .box .cert-right .result-box li {
  cursor: pointer;
  margin-bottom: 16px;
  display: flex;
}
.cert-center .cert-box .box .cert-right .result-box li input {
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  border-radius: 4px;
  position: relative;
  margin-right: 10px;
}
.cert-center .cert-box .box .cert-right .result-box li input:checked {
  background-color: #fff;
  border-color: #248740;
}
.cert-center .cert-box .box .cert-right .result-box li input:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #248740;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cert-center .cert-box .box .cert-right .result-box li .cert-title {
  display: inline-block;
  flex: 1;
}
.cert-center .cert-box .box .cert-right .result-box .cert-info {
  color: #666;
  width: 210px;
}
.cert-center .cert-box .box .cert-right .result-box .cert-info span {
  margin-right: 15px;
}
.cert-center .cert-box .box .cert-right .result-box .cert-info i {
  margin-left: 15px;
}

.cookies {
  display: none;
  width: 100%;
  height: 160px;
  background: rgba(36, 135, 64, 0.7803921569);
  position: fixed;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding-top: 30px;
  box-sizing: border-box;
  z-index: 500;
}

.cookies .container-big {
  padding: 0 100px;
}

.cookies.hide {
  display: none;
}

.cookies p {
  margin-bottom: 10px;
  line-height: 2;
}

.cookies .button {
  float: right;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #333;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
}

.cookies .button:hover {
  box-shadow: 2px 2px 6px 0px #3a3a3a;
}

.cookies .button.agree {
  margin-left: 30px;
  background: #248740;
}

@media (max-width: 1670px) {
  .business-panel-ci-2.ci23 .content {
    left: 0;
    background: rgba(236, 236, 236, 0.7882352941);
  }
  .business-panel-ci-2 .content-up {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1440px) {
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 4rem;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 26px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 28px;
  }
  .p {
    font-size: 1.8rem;
  }
  .solution-content {
    width: 80%;
  }
  .product-swiper .swiper-slide {
    width: 550px;
  }
  .news-content {
    flex: 0 0 45%;
  }
  .news-img {
    flex: 0 0 55%;
  }
  .video-lists .video-item {
    flex: 0 0 calc(33.333% - 1.34rem);
  }
}
@media (max-width: 1370px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 3.5rem;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 26px;
  }
  .p {
    font-size: 1.6rem;
  }
  .solution-content {
    width: 85%;
  }
  .product-swiper .swiper-slide {
    width: 480px;
  }
  .news-content {
    flex: 0 0 50%;
  }
  .news-img {
    flex: 0 0 50%;
  }
  .video-lists .video-item {
    flex: 0 0 calc(50% - 1rem);
  }
  .business-panel .left {
    padding-left: 5%;
  }
  .business-panel .left .title {
    font-size: 40px;
  }
  .business-panel .left .forhome_info {
    font-size: 22px;
  }
  .business-panel .left .desc,
  .business-panel .left .desc p {
    line-height: 1.5 !important;
    font-size: 16px !important;
  }
  .business-panel .left .icons-list {
    padding-top: 40px;
  }
  .business-panel .left .icons-list .icons-1 img {
    width: 50px;
  }
  .business-panel .left .icons-list .icons-1 .icons-title {
    font-size: 14px;
  }
  .business-panel .right .media {
    height: 700px;
  }
  .business-panel2 .content-up {
    top: 50%;
    transform: translateY(-50%);
  }
  .business-panel2 .content .icons-list {
    margin-top: 30px;
  }
  .business-panel2.ev2 .content-up, .business-panel2.ev3 .content-up, .business-panel2.ev4 .content-up, .business-panel2.ev5 .content-up, .business-panel2.ev6 .content-up {
    transform: unset;
  }
  .business-panel-installer .content-up {
    transform: unset;
  }
  .business-panel-right .left {
    padding-right: 5%;
    padding-left: 0;
  }
  .cloud-panel.business-panel-right .left {
    padding-left: 0;
  }
  .business-pro-panel-2.ev5 .content-mid {
    top: 0;
  }
  .app-panel.Intelligent .left .icons-title, .app-panel.accessible .left .icons-title, .app-panel.adaptable .left .icons-title, .app-panel.Insights .left .icons-title {
    font-size: 20px;
  }
  .footer-box .w-70 {
    width: 90%;
  }
  .benefits-img-lists .swiper-slide {
    width: 360px;
  }
  .cert-center .cert-box .box .cert-left {
    width: 200px;
  }
  .all-product .list-column-item {
    padding-bottom: 40px;
  }
  .full-img-top .img-box-scroll img {
    width: 100%;
    height: unset;
    -o-object-fit: unset;
       object-fit: unset;
    margin-left: unset;
  }
  .business-pro-panel-2.smart-imgs2 .icons-list .icons-1 {
    height: 400px;
  }
  .tab-nav li {
    font-size: 20px;
  }
  .about-values .values-lists ul li {
    flex: unset;
    width: 32%;
  }
  .about-values .values-lists ul li span {
    font-size: 20px;
    max-width: unset;
  }
  .site-header .logo {
    height: 40px;
  }
  .site-header .main-nav {
    font-size: 16px;
  }
  .site-header .main-nav ul li {
    padding: 0 10px;
  }
  .my-dropdown-menu .dropdown-item {
    margin: 0 10px;
    font-size: 14px;
  }
  .footer-navs {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .site-header .logo {
    height: 30px;
  }
  .site-header .btn-order {
    padding: 5px 12px;
  }
  .site-header .main-nav {
    font-size: 14px;
  }
  .site-header .main-nav ul li {
    padding: 0 6px;
  }
  .my-dropdown-menu .dropdown-item {
    margin: 0 6px;
    font-size: 12px;
  }
  .footer-navs {
    font-size: 12px;
  }
  .footer-navs h5 {
    font-size: 16px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 15px;
  }
  h6 {
    font-size: 22px;
  }
  .p {
    font-size: 1.2rem;
  }
  .solution-h1 .desc {
    padding: 0 50px;
  }
  .product-swiper .swiper-slide {
    width: 320px;
  }
  .news-content {
    padding: 20px;
  }
  .news-content .title {
    font-size: 20px;
    height: auto;
  }
  .news-content .desc {
    height: auto;
  }
  .contact {
    padding: 60px 0;
  }
  .contact-btn {
    height: 400px;
  }
  .footer-navs > div {
    flex: 0 0 100%;
  }
  .about-values .values-lists li {
    flex: 0 0 100%;
  }
  .about-numbers ul li {
    width: 25%;
  }
  .about-swiper .swiper-slide {
    width: 90%;
  }
  .about-vision {
    height: auto;
    flex-direction: column;
  }
  .about-vision .about-vision-1 {
    width: 100%;
    height: 50vh;
  }
  .about-vision .box {
    padding: 0 10%;
  }
  .imgs-4 .img-one {
    width: 100%;
  }
  .tab-nav li {
    font-size: 20px;
    margin: 0 10px;
  }
  .fqa-lists {
    padding: 20px;
  }
  .all-product .list-column {
    width: 100% !important;
  }
  .contact-form form {
    padding: 40px 20px;
  }
  .contact-form .form-row {
    flex-direction: column;
  }
  .contact-form .layui-form-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .need-nav ul {
    flex-wrap: wrap;
  }
  .need-nav li {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 768px) {
  .events-body .event-item {
    padding: 4rem 0;
    flex-direction: column;
  }
  .events-body .event-item .news-img {
    width: 100%;
  }
  .events-body .event-item .news-content {
    width: 100%;
    padding: 0;
  }
  .cookies {
    height: auto;
    padding: 20px 0;
  }
  .cookies .container-big {
    padding: 0;
  }
  .cookies p {
    padding: 0 15px;
    font-size: 12px;
    line-height: 1.5;
  }
  .cookies .button {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .cookies .button.agree {
    margin-left: 15px;
    margin-right: 20px;
  }
  .pt100 {
    padding: 40px 0;
  }
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 14px;
  }
  h6 {
    font-size: 20px;
  }
  .p {
    font-size: 14px;
  }
  .solution-h1 {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .solution-h1 h1 {
    font-size: 22px;
  }
  .solution-h1 .desc {
    padding: 0;
    font-size: 14px;
  }
  .solution-content {
    width: 95%;
  }
  .products .product-swiper .swiper-slide {
    width: 100%;
  }
  .news-content .title {
    font-size: 18px;
  }
  .news-content .desc {
    font-size: 14px;
  }
  .more-btn {
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 12px;
  }
  .contact {
    padding: 40px 0;
  }
  .contact-btn {
    height: 40vw;
  }
  .contact-btn .contact-content {
    bottom: 12px;
  }
  .contact-btn h3 {
    font-size: 16px;
  }
  .contact-btn .more-btn {
    margin-top: 12px;
  }
  .newsletter h4 {
    font-size: 24px;
  }
  .newsletter p {
    margin-bottom: 25px;
  }
  .newsletter-content {
    width: 90%;
  }
  .newsletter-content input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .about-swiper .cotent-box {
    flex-direction: column;
    padding: 25px 20px;
  }
  .about-swiper .cotent-box .title {
    width: 100%;
  }
  .about-swiper .cotent-box .info {
    width: 100%;
    font-size: 14px;
  }
  .about-swiper .title {
    margin-bottom: 15px;
  }
  .tab-nav {
    margin-bottom: 40px;
  }
  .tab-nav li {
    font-size: 16px;
    margin: 0 5px;
  }
  .fqa-title {
    font-size: 16px;
  }
  .fqa-desc.active {
    padding: 15px 5px;
  }
  .video-popup .popup-content {
    width: 95%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .pages {
    gap: 5px;
  }
  .pages li {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
  }
  .home-product .big-title {
    font-size: 100px;
  }
  .scroll-container,
  .scroll-container.on {
    padding-top: 70px;
  }
  .nav-mobile {
    display: block;
    /* Logo Styling */
    /* Menu Toggle */
    /* Navigation Menu */
    /* Menu Items */
    /* Submenu Styling */
    /* Content Area */
    /* Animations */
    /* Menu Active States */
    /* Responsive Adjustments */
  }
  .nav-mobile .header-actions {
    padding-left: 30%;
  }
  .nav-mobile .header-actions i {
    color: #333;
  }
  .nav-mobile .nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .nav-mobile .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .nav-mobile .logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
  }
  .nav-mobile .logo-icon {
    height: 36px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 0.3s ease;
  }
  .nav-mobile .logo-icon:hover {
    transform: scale(1.05);
  }
  .nav-mobile .logo-r {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    height: 100%;
  }
  .nav-mobile .logo-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    transform: rotate(45deg);
  }
  .nav-mobile .logo-text {
    font-size: 18px;
    margin-left: 8px;
    opacity: 0.9;
  }
  .nav-mobile .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1001;
  }
  .nav-mobile .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    margin: 3px 0;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
  }
  .nav-mobile .nav-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.68);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    padding: 80px 0 2rem;
    transition: right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 999;
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.4);
  }
  .nav-mobile .nav-menu.active {
    right: -1px;
  }
  .nav-mobile .nav-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;
  }
  .nav-mobile .menu-items {
    overflow-y: auto;
    height: 100%;
    padding: 0 2rem;
  }
  .nav-mobile .nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.4s ease;
    padding: 0.4rem 0;
  }
  .nav-mobile .nav-item:last-child {
    border-bottom: none;
  }
  .nav-mobile .nav-link {
    color: #000;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: between;
    align-items: center;
    padding: 0.8rem 0;
    position: relative;
    transition: all 0.3s ease;
  }
  .nav-mobile .nav-link .link-text {
    flex: 1;
  }
  .nav-mobile .nav-link .arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
    opacity: 0.7;
  }
  .nav-mobile .nav-link.has-submenu .arrow {
    transform: rotate(-90deg);
  }
  .nav-mobile .nav-link.has-submenu .arrow.active {
    transform: rotate(0deg);
  }
  .nav-mobile .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #333;
    transition: width 0.3s ease;
  }
  .nav-mobile .nav-link:hover {
    padding-left: 5px;
  }
  .nav-mobile .nav-link:hover::after {
    width: 40px;
  }
  .nav-mobile .submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: rgba(202, 202, 202, 0.28);
    border-radius: 4px;
    color: #333;
  }
  .nav-mobile .submenu.active {
    max-height: 300px;
    padding: 0.5rem 0;
  }
  .nav-mobile .submenu-item {
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  }
  .nav-mobile .submenu-item:last-child {
    border-bottom: none;
  }
  .nav-mobile .submenu-link {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 300;
    display: block;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    position: relative;
  }
  .nav-mobile .submenu-link::before {
    content: "—";
    margin-right: 10px;
    opacity: 0.5;
  }
  .nav-mobile .submenu-link:hover {
    color: #fff;
    padding-left: 5px;
  }
  .nav-mobile .content {
    padding: 6rem 1.5rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .nav-mobile .section {
    margin-bottom: 4rem;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.8s ease forwards;
  }
  .nav-mobile .section:nth-child(2) {
    animation-delay: 0.2s;
  }
  .nav-mobile .section:nth-child(3) {
    animation-delay: 0.4s;
  }
  .nav-mobile h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: 300;
    letter-spacing: 1px;
  }
  .nav-mobile h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: 300;
    opacity: 0.9;
  }
  .nav-mobile p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
    opacity: 0.8;
  }
  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .nav-mobile .menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  .nav-mobile .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .nav-mobile .menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
}
@media (max-width: 768px) and (min-width: 768px) {
  .nav-mobile .nav-menu {
    width: 40%;
  }
  .nav-mobile h1 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) and (max-height: 600px) {
  .nav-mobile .nav-menu {
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  .nav-pc {
    display: none;
  }
  .scroll-down {
    display: none;
  }
  .header-banner {
    height: unset;
  }
  .header-banner .swiper-pagination {
    bottom: 0;
  }
  .header-banner .swiper-pagination span {
    width: 20px;
    height: 3px;
  }
  .solution {
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    height: 60vw;
    margin-bottom: 20px;
  }
  .solution .solution-content {
    width: 90%;
    bottom: 5%;
    top: unset;
    transform: translateX(-50%);
  }
  .products {
    padding-top: 40px;
  }
  .products .product-swiper {
    margin-top: 20px;
  }
  .fromUs {
    height: unset;
    margin-top: 50px;
    padding-top: 30px;
    background: #ececec;
    background-image: unset !important;
    padding-bottom: 50px;
  }
  .fromUs .video-lists {
    padding: 20px 0;
  }
  .fromUs .video-lists .video-item {
    width: 100%;
    flex: unset;
  }
  .fromUs .video-lists .video-title {
    font-size: 14px;
    height: unset;
  }
  .fromUs::after {
    background: unset;
  }
  .fromUs2 {
    margin-top: 0;
  }
  .fromUs2 .learn-more {
    display: none;
  }
  .overlay-60::after {
    background: unset;
  }
  .news .swiper-pagination span,
  .products .swiper-pagination span,
  .new-swiper .swiper-pagination span,
  .benefits-img-lists .swiper-pagination span {
    width: 10px;
    height: 10px;
  }
  .news {
    height: unset;
    background-image: unset !important;
    padding: 30px 0 40px 0;
  }
  .news .swiper-box {
    padding-bottom: 40px;
  }
  .news .swiper-box .swiper-button-next {
    right: 0;
    top: 20%;
  }
  .news .swiper-box .swiper-button-prev {
    left: 0;
    top: 20%;
  }
  .news .news-swiper {
    margin-top: 30px;
  }
  .news .news-item {
    width: 100%;
    flex-direction: column-reverse;
  }
  .news .news-content {
    flex: unset;
    width: 100%;
    padding: 16px;
  }
  .news .news-content .desc {
    display: none;
  }
  .news .news-content .title {
    font-size: 16px;
    line-height: 1.5;
    height: unset;
    margin-top: 12px;
  }
  .news .news-content .learn-more {
    margin-top: 15px;
    font-size: 13px;
    height: 20px;
  }
  .news .news-img {
    flex: unset;
    width: 100%;
    height: 43vw;
  }
  .footer-navs {
    display: block;
  }
  .footer-navs ul {
    width: 100%;
    border-bottom: 1px solid #fff;
    margin-top: 12px;
    position: relative;
  }
  .footer-navs ul li {
    display: none;
    font-size: 13px;
    padding-left: 10px;
  }
  .footer-navs ul h5 {
    font-size: 16px;
  }
  .footer-navs ul::after {
    width: 20px;
    text-align: right;
    position: absolute;
    content: ">";
    border-radius: 50%;
    top: 0;
    right: 0;
    transition-duration: 0.3s;
    transform-origin: center;
  }
  .footer-navs ul.active li {
    display: block;
  }
  .footer-navs ul.active::after {
    transform: rotate(90deg);
  }
  .left-fix-btns {
    right: 0;
  }
  .left-fix-btns ul li {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .left-fix-btns ul li .hover-box {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .left-fix-btns ul li i {
    font-size: 24px;
    left: 6px;
  }
  .footer-icons {
    flex-direction: column;
  }
  .footer-icons ul {
    margin-right: 20px;
  }
  .footer-icons ul li {
    margin-right: 4px;
  }
  .footer-icons .footer-logo {
    margin-top: 20px;
  }
  .footer-icons .footer-logo img {
    height: 28px;
  }
  .footer-icons .more-btn {
    padding: 8px 15px;
  }
  .footer-bottom {
    display: block;
    font-size: 13px;
  }
  .footer-bottom .copyright {
    margin-bottom: 10px;
  }
  .footer-bottom .btns ul.privacy {
    gap: 10px;
  }
  .solution-h1 .title2 {
    font-size: 18px;
    margin-top: 0;
  }
  .home-solution-srcoll .solution {
    width: 100%;
    border-radius: 0;
    height: unset;
    margin-bottom: 0;
  }
  .home-solution-srcoll .solution .solution-background {
    height: 50vw;
  }
  .home-solution-srcoll .solution-mask {
    display: none;
  }
  .home-solution-srcoll .need-nav {
    position: unset;
    background: #b9b6ad;
  }
  .home-solution-srcoll .need-nav .container {
    transform: translateY(-50px);
  }
  .home-solution-srcoll .need-nav .nav-title {
    font-size: 22px;
    padding-bottom: 6px;
    padding-top: 12px;
  }
  .home-solution-srcoll .need-nav .desc {
    display: none;
  }
  .home-solution-srcoll .need-nav ul {
    gap: 10px;
  }
  .home-solution-srcoll .need-nav ul li {
    flex: 0 0 calc(50% - 5px);
  }
  .home-solution-srcoll .need-nav ul li .title {
    font-size: 14px;
  }
  .home-solution-srcoll .solution-content {
    bottom: unset;
    top: 5px;
  }
  .home-solution-srcoll .solution-content .p {
    font-size: 24px;
  }
  .home-solution-srcoll .solution-content h2 {
    font-size: 18px;
  }
  #home-solution-srcoll-2 {
    margin-top: 0;
  }
  #home-solution-srcoll-2 .home-product {
    margin-top: 0;
  }
  #home-solution-srcoll-2 .need-nav {
    background: #282c2d;
  }
  .home-product {
    margin-top: 0;
  }
  .home-product .product-info {
    height: unset;
    padding: 20px 0;
    display: flex;
    align-items: center;
  }
  .home-product .product-info .img-lists {
    width: 55%;
    transform: none;
    left: 0;
    top: 30px;
    position: unset;
  }
  .home-product .product-info .img-lists .img-item {
    text-align: center;
    position: unset;
  }
  .home-product .product-info .img-lists .img-item img {
    width: 350px;
    max-width: 100%;
    height: unset;
  }
  .home-product .product-info .word-list {
    width: 50%;
    position: unset;
    display: flex;
    align-items: center;
  }
  .home-product .product-info .word-item {
    opacity: 1;
    padding-right: 0;
    transform: unset;
    position: unset;
  }
  .home-product .product-info .word-item .title-1 {
    font-size: 20px;
  }
  .home-product .product-info .word-item .desc {
    font-size: 14px;
  }
  .home-product .product-info .word-item ul {
    margin-top: 25px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 3vw;
  }
  .home-product .product-info .word-item ul li {
    flex: unset;
  }
  .home-product .product-info-bg {
    display: none;
  }
  .big-app {
    height: 48vw;
  }
  .big-app .app-info {
    bottom: 12px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .big-app .app-info h6 {
    font-size: 18px;
  }
  .related-article {
    padding: 40px 0;
  }
  .related-article .related-one {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    padding-bottom: 20px;
    background: #fff;
  }
  .related-article .related-content {
    bottom: -30px;
  }
  .related-article .related-content .title {
    font-size: 24px;
  }
  .related-article .related-content .desc {
    font-size: 12px;
  }
  .related-article .related-img-box h5 {
    bottom: 0;
  }
  .home-related .related-one {
    padding-bottom: 50px;
  }
  .related-2 .related-article .related-one {
    padding-bottom: 20px;
  }
  .related-article h3 {
    padding-bottom: 30px;
  }
  .frohome-words {
    padding: 30px 0;
  }
  .frohome-words .title {
    font-size: 22px;
  }
  .frohome-words .desc {
    padding-top: 18px;
    font-size: 14px;
    line-height: 1.4;
  }
  .frohome-words .info {
    font-size: 16px;
    font-weight: 500;
  }
  .js-animate {
    opacity: 1;
    transform: unset;
  }
  .banner-words {
    width: 90%;
    bottom: 14px;
    min-width: unset;
  }
  .banner-words .more-btn {
    margin-top: 10px;
    padding: 6px 16px;
  }
  .banner-words .title {
    font-size: 22px;
  }
  .banner-words .desc {
    display: none;
  }
  .pro-header-banner .swiper-pagination {
    display: none;
  }
  .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
  }
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 4px;
  }
  .business-pro-panel-2 {
    height: unset;
    width: 100%;
    display: block;
  }
  .business-pro-panel-2 .img-box-scroll {
    position: unset;
  }
  .business-pro-panel-2 .content .content-box {
    padding: 0;
  }
  .ci2.business-panel-ci-1.business-panel2 {
    background: #000;
  }
  .ci2.business-panel-ci-1.business-panel2 .content {
    position: unset;
    transform: unset;
    width: 100%;
  }
  .ci1 .content,
  .ci2 .content,
  .ci3 .content {
    padding: 30px 0;
  }
  .ci1 .content .content-box h1,
  .ci2 .content .content-box h1,
  .ci3 .content .content-box h1 {
    font-size: 30px;
  }
  .business-panel2 {
    background: #000;
  }
  .business-panel2 .content {
    position: unset !important;
    transform: none !important;
    width: 100% !important;
    padding: 30px 0;
  }
  .business-panel2 .content .desc {
    padding-top: 8px;
  }
  .business-panel2 .content .desc-16 {
    font-size: 14px !important;
  }
  .business-panel2 .content .desc-16 p {
    font-size: 14px !important;
  }
  .business-panel2.right .content h1 {
    text-align: center;
  }
  .business-panel2.right .h-desc {
    font-size: 16px;
    text-align: center;
  }
  .business-panel2.ci23 {
    background: #f5f9fa;
  }
  .business-panel2.ci23 .content {
    background: #f5f9fa;
  }
  .business-panel-ci {
    flex-direction: column-reverse;
  }
  .business-panel-ci .left {
    width: 100%;
    padding-left: 0;
  }
  .business-panel-ci .left .forhome_info {
    font-size: 18px;
  }
  .business-panel-ci .left .title {
    font-size: 24px;
    white-space: wrap;
  }
  .business-panel-ci .left .word-box {
    width: 90%;
    margin: 0 auto;
  }
  .business-panel-ci .right {
    width: 100%;
  }
  .business-panel {
    padding-bottom: 30px;
    flex-direction: column-reverse;
  }
  .business-panel .right {
    width: 100%;
    padding: 0;
  }
  .business-panel .right .media {
    height: unset;
    width: 100%;
    max-width: 100%;
  }
  .business-panel .right .media img {
    transform: none;
    position: unset;
    border-radius: 0;
  }
  .business-panel .right .media video {
    position: unset;
    transform: none;
    border-radius: 0;
  }
  .business-panel .left {
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }
  .business-panel .left .desc {
    font-size: 14px !important;
  }
  .business-panel .left .title {
    font-size: 26px;
    margin-bottom: 4px;
  }
  .business-panel .left .forhome_info {
    font-size: 16px;
    padding-bottom: 6px;
  }
  .business-panel .left .word-box {
    width: 90%;
    margin: 0 auto;
  }
  .ci3.business-panel-ci-1.business-panel2 .content {
    padding: 0;
    padding-left: 20px;
  }
  .ci3.business-panel-ci-1.business-panel2 .content .content-box .words ul {
    font-size: 18px;
  }
  .ci3.business-panel-ci-1.business-panel2 .content .content-box .words ul li {
    margin: 10px 0;
  }
  .ci4.business-panel-ci .left {
    padding: 30px 0;
  }
  .ci4.business-panel-ci .left .icons-list {
    display: block;
    gap: 16px;
    padding-top: 20px;
  }
  .ci4.business-panel-ci .left .icons-list .icons-1 {
    width: 100%;
  }
  .frohome-imgs {
    padding: 0 3%;
    margin-bottom: 30px;
  }
  .pro-content {
    padding: 30px 0;
  }
  .pro-content .box {
    flex-direction: column;
  }
  .pro-content .title {
    width: 100%;
    font-size: 22px;
    margin-bottom: 10px;
  }
  .pro-content .desc {
    padding-left: 0;
    font-size: 14px !important;
  }
  .pro-content .desc p {
    font-size: 14px !important;
  }
  .business-pro-panel-bottom {
    position: unset;
    padding-bottom: 20px;
  }
  .business-pro-panel-bottom ul {
    flex-wrap: wrap;
  }
  .business-pro-panel-bottom li {
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
  }
  .business-pro-panel-bottom .title {
    font-size: 20px;
  }
  .business-pro-panel-bottom .desc {
    font-size: 14px;
    text-align: center;
  }
  .business-pro-panel-2 .icons-list .icons-1 {
    padding-top: 16px;
  }
  .business-pro-panel-2 .content h1 {
    line-height: 1.4;
    font-size: 22px;
  }
  .business-pro-panel-2.ev1 .relative-box-h100 {
    position: unset;
  }
  .business-pro-panel-2.ev1 .content {
    padding: 0;
    position: absolute !important;
    transform: translateY(-50%) !important;
  }
  .business-pro-panel-2.ev1 .content h1 {
    font-size: 18px;
  }
  .business-pro-panel-2.ev1 .content h1 b {
    font-size: 30px;
  }
  .business-pro-panel-2.ev1 .content .h-desc {
    font-size: 20px;
    text-align: center;
  }
  .business-pro-panel-2.ev1 .content .content-box {
    width: 90%;
    margin: 0 auto;
  }
  .business-pro-panel-2.ev2 .img-box {
    width: 100%;
    margin: -10vw 0;
  }
  .business-pro-panel-2.ev2 .content h1 {
    padding-top: 12px;
    font-size: 22px;
  }
  .business-pro-panel-2.ev2 .content .desc {
    width: 100%;
    position: unset;
    transform: none;
  }
  .business-pro-panel-2.ev2 .content .desc .words {
    width: 100%;
    position: unset;
    transform: none;
  }
  .business-pro-panel-2.ev3 .content {
    padding: 0;
  }
  .business-pro-panel-2.ev3 .content .content-box .h-desc {
    position: unset;
    transform: none;
    padding: 8px 18px;
    font-size: 14px;
  }
  .business-pro-panel-2.ev3 .content .content-box .desc {
    position: unset;
    transform: none;
    width: 100%;
  }
  .business-pro-panel-2.ev4 .content .desc, .business-pro-panel-2.ev5 .content .desc, .business-pro-panel-2.ev6 .content .desc, .business-pro-panel-2.smart-imgs .content .desc, .business-pro-panel-2.smart-imgs2 .content .desc {
    padding-top: 20px;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom ul {
    gap: 12px;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom li {
    width: 100%;
    text-align: center !important;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom li .img {
    border-radius: 10px;
    overflow: hidden;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom li .desc {
    width: 100%;
    font-size: 13px;
    top: 90px;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom li .title {
    padding: 0 20px;
  }
  .business-pro-panel-2.ev5 .business-pro-panel-bottom li .title span {
    padding-right: 0;
  }
  .business-pro-panel-2.ev6 .icons-list-swiper {
    padding-top: 30px;
    margin: 0 -5vw;
  }
  .business-pro-panel-2.ev6 .icons-list-swiper .swiper-slide-active {
    transform: translateY(-20px);
  }
  .business-pro-panel-2.ev6 .swiper-slide {
    transition-duration: 0.3s;
    width: 80vw;
  }
  .business-pro-panel-2.ev7 .icons-list {
    gap: 10px;
  }
  .business-pro-panel-2.ev7 .icons-list .icons-1 .icons-title {
    font-size: 15px;
  }
  .business-pro-panel-2.ev7 .icons-list .icons-1 .icons-tips {
    font-size: 12px;
  }
  .business-pro-panel-2.ev7 .icons-list .icons-1 .img {
    width: 50px;
    max-width: 100%;
  }
  .business-pro-panel-2.smart-imgs, .business-pro-panel-2.smart-imgs2 {
    padding-bottom: 0;
    overflow-x: scroll;
    height: unset;
  }
  .business-pro-panel-2.smart-imgs .container-big, .business-pro-panel-2.smart-imgs2 .container-big {
    width: 720px;
    padding: 0 5vw;
    position: relative;
  }
  .business-pro-panel-2.smart-imgs .container-big .content .icons-list, .business-pro-panel-2.smart-imgs2 .container-big .content .icons-list {
    margin-top: 0;
  }
  .business-pro-panel-2.smart-imgs .container-big .icons-1 .img, .business-pro-panel-2.smart-imgs2 .container-big .icons-1 .img {
    width: unset;
  }
  .business-pro-panel-2.smart-imgs .container-big h1,
  .business-pro-panel-2.smart-imgs .container-big .h-desc, .business-pro-panel-2.smart-imgs2 .container-big h1,
  .business-pro-panel-2.smart-imgs2 .container-big .h-desc {
    width: 100vw;
  }
  .pro-canshu {
    padding: 30px 0;
  }
  .pro-canshu .canshu-one {
    margin: 10px 0;
    font-size: 16px;
  }
  .pro-canshu .canshu-one .canshu-title {
    min-width: unset;
  }
  .pro-canshu .canshu-one .canshu-content {
    white-space: wrap;
    word-break: break-word;
    font-size: 14px;
  }
  .pro-canshu .title {
    text-align: center;
    padding-bottom: 30px;
  }
  .pro-canshu .canshu-banner {
    width: 100%;
    float: unset;
    margin: -10vw 0;
  }
  .pro-canshu .canshu-box {
    width: 100%;
    float: unset;
    margin-top: 0;
  }
  .app-panel .left {
    width: 100% !important;
  }
  .app-panel .icons-list-swiper {
    margin: 0 -5vw;
    margin-top: 30px;
  }
  .app-panel .icons-list-swiper .swiper-slide {
    width: 50vw;
  }
  .app-panel .icons-list-swiper .swiper-slide .icons-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 8px;
  }
  .app-panel.Intelligent .left {
    padding: 40px 0;
    width: 100%;
  }
  .app-panel.accessible .left {
    padding: 40px 0 0 0;
  }
  .app-panel.accessible .icons-list-swiper .swiper-slide {
    width: 80vw;
    padding-top: 15px;
  }
  .app-panel.adaptable .left {
    padding: 40px 0 0 0;
  }
  .app-panel.adaptable .left .icons-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .app-panel.adaptable .left .icons-list .icons-1 {
    width: 100%;
  }
  .app-panel.adaptable .left .icons-list .icons-1.active {
    flex: 1;
  }
  .app-panel.Insights .left {
    padding: 0;
  }
  .app-panel.Insights .icons-list-swiper .swiper-slide {
    width: 70vw;
    padding-top: 20px;
  }
  .img-box-scroll img {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .partner-about {
    padding: 40px 0;
  }
  .partner-about .tab-nav {
    padding: 0 5vw;
    white-space: nowrap;
    overflow-x: scroll;
    margin-bottom: -2px;
    padding-bottom: 40px;
  }
  .partner-about .about-panel {
    flex-direction: column-reverse;
  }
  .partner-about .about-panel .btn-box {
    margin-top: 0;
  }
  .partner-about .about-panel .left {
    width: 100%;
  }
  .partner-about .about-panel .right {
    width: 100%;
  }
  .partner-about .word-box {
    padding: 20px 5vw;
  }
  .partner-about .word-box .about-desc {
    font-size: 14px !important;
  }
  .partner-about .word-box .about-desc * {
    font-size: 14px !important;
  }
  .benefits {
    padding-bottom: 80px;
  }
  .benefits h1 {
    font-size: 22px;
    padding: 0 15px;
  }
  .benefits-img-lists .swiper-slide {
    width: 70vw;
  }
  .benefits-lists {
    margin-bottom: 20px;
  }
  .benefits-lists .swiper-wrapper {
    flex-wrap: unset;
  }
  .benefits-lists .swiper-slide {
    margin-top: 60px !important;
    width: 80vw;
    margin-right: 0;
  }
  .benefits-lists .swiper-slide .benefits-item {
    padding: 40px 30px 0 30px;
  }
  .benefits-lists .swiper-slide .benefits-item .benefits-icon {
    width: 60px;
    height: 60px;
  }
  .benefits-lists .swiper-slide .benefits-item .benefits-icon i {
    font-size: unset;
  }
  .benefits-img-lists {
    margin-top: 40px;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .cloud-words {
    padding: 40px 0;
  }
  .cloud-words .title {
    font-size: 20px;
  }
  .cloud-panel .top-cloud-news .title {
    font-size: 22px;
  }
  .cloud-panel .top-cloud-news .desc {
    font-size: 16px;
    margin-top: 12px;
  }
  .cloud-panel .left .title {
    font-size: 22px;
  }
  .installer-words-1 {
    padding: 30px 0;
  }
  .installer-words-1 .desc {
    padding: 0;
    font-size: 14px;
    margin-top: 16px;
  }
  .installer-cases {
    height: unset;
  }
  .installer-cases .swiper-wrapper .swiper-slide {
    position: unset;
    transform: none;
    top: unset;
    left: unset;
  }
  .installer-cases .case-box {
    flex-direction: column;
  }
  .installer-cases .case-box .img {
    width: 100%;
    min-height: unset;
    padding-top: 100%;
  }
  .installer-cases .case-box .content {
    padding: 20px 5%;
    width: 100%;
  }
  .installer-cases .case-box .content h1 {
    font-size: 22px;
  }
  .installer-cases .case-box .content .desc {
    font-size: 14px !important;
  }
  .installer-cases .case-box .content .desc * {
    font-size: 14px !important;
  }
  .installer-start {
    padding: 30px 0;
    overflow: hidden;
  }
  .installer-start h1 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .installer-start .start-swiper .swiper-slide {
    width: 60vw;
  }
  .installer-start .start-swiper .swiper-slide .bottom {
    font-size: 18px;
    padding: 10px 4vw;
    position: unset;
    text-align: center;
  }
  .about-values-panel {
    flex-direction: column;
    height: unset;
  }
  .about-values-panel .img-box-scroll {
    position: relative;
    z-index: unset;
  }
  .about-values-panel .about-values h1 {
    padding: 30px 0;
  }
  .about-values-panel .values-lists {
    padding-bottom: 35px;
  }
  .about-values-panel .values-lists ul {
    gap: 0;
    padding-left: 5vw;
  }
  .about-values-panel .values-lists ul li {
    width: 100%;
    margin-bottom: 18px;
  }
  .about-values-panel .values-lists ul li .iconfont {
    font-size: 14px;
    margin-top: -4px;
  }
  .about-values-panel .values-lists ul li span {
    font-size: 16px;
  }
  .about-vision .about-vision-1 {
    height: 70vw;
  }
  .about-vision .about-vision-1 .desc {
    font-size: 16px;
  }
  .about-numbers {
    padding: 40px 0;
  }
  .about-numbers ul li {
    margin-top: 25px;
    width: 50%;
  }
  .about-numbers ul li .number span {
    font-size: 22px;
  }
  .about-numbers ul li .desc {
    font-size: 14px;
  }
  .about-swiper {
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .about-swiper .swiper-slide .about-img {
    height: 53vw;
  }
  .discover {
    padding: 30px 0;
  }
  .discover h1 {
    font-size: 22px;
  }
  .discover .discover-content {
    margin-top: 25px;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    padding-left: 5vw;
  }
  .discover .discover-content .discover-box {
    width: 810px;
  }
  .discover .discover-content .panel-item {
    width: 250px;
    float: left;
    margin-right: 20px;
  }
  .all-product {
    padding: 50px 0;
  }
  .all-news {
    padding-bottom: 0;
  }
  .all-news h1 {
    margin: 0 0 30px 0;
  }
  .all-news h3 {
    font-size: 18px;
  }
  .all-news .latest-news .swiper-box .news-img,
  .all-news .latest-news .swiper-box .news-content {
    flex: unset;
  }
  .all-news .news .swiper-box .news-swiper {
    margin-top: 20px;
  }
  .all-news .news .swiper-box .swiper-button-next,
  .all-news .news .swiper-box .swiper-button-prev {
    display: none;
  }
  .news-all-lists h3 {
    text-align: center;
  }
  .news-all-lists .news {
    padding-bottom: 0;
  }
  .news-all-lists .news .news-item {
    flex-direction: row;
    margin-top: 18px;
  }
  .news-all-lists .news .news-item .news-img {
    flex: unset;
    height: 21vw;
  }
  .news-all-lists .news .news-item .news-content {
    padding: 0 0 0 5vw;
  }
  .news-all-lists .news .news-item .news-content .time {
    font-size: 12px;
  }
  .news-all-lists .news .news-item .news-content .title {
    font-size: 14px;
    margin-top: 8px;
  }
  .news-all-lists .news .news-item .news-content .learn-more {
    margin: 8px 0 0 0;
    height: unset;
  }
  .pages {
    margin-top: 30px;
  }
  .contact-box .contact-email {
    font-size: 14px;
    margin: 20px 0;
  }
  .events-form-box {
    overflow-y: auto;
    align-items: unset;
  }
  .events-form-box .contact-form form {
    border-radius: 0;
  }
  .contact-form {
    padding-bottom: 30px;
  }
  .contact-form .submit {
    margin: 20px auto;
    display: block;
  }
  .contact-form .accept {
    font-size: 12px;
  }
  .contact-form .form-row {
    margin-top: 12px;
  }
  .contact-form .form-row input,
  .contact-form .form-row textarea {
    font-size: 14px;
  }
  .contact-form form {
    font-size: 14px;
    padding: 20px;
  }
  .news-cate ul {
    gap: 10px;
    font-size: 14px;
    flex-wrap: wrap;
  }
  .news-cate ul li {
    flex: 1;
    text-align: center;
    max-width: 150px;
  }
  .news-cate ul li a {
    padding: 0 4vw;
  }
  .partner-about .news-cate {
    padding: 0 5vw;
    padding-bottom: 20px;
  }
  .partner-about .news-cate,
  .findmap .news-cate {
    margin-bottom: 0;
  }
  .partner-about .news-cate li,
  .findmap .news-cate li {
    max-width: unset;
  }
  .contact-local-title {
    padding-top: 25px;
  }
  .local-info-list {
    gap: 4vw;
  }
  .local-info-list .local-info-item {
    font-size: 14px;
    width: 100%;
    padding: 20px;
  }
  .local-info-list .local-info-item .country {
    font-size: 18px;
  }
  .local-info-list .local-info-item .company {
    font-size: 16px;
  }
  .joinus .big-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .imgs-4 {
    overflow-x: scroll;
    margin: 0 -5vw;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 2.5vw;
  }
  .imgs-4 .img-one {
    flex: 0 0 57vw;
    padding: 0 2.5vw;
  }
  .imgs-4 .img-one .img-word {
    bottom: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .joinus .about-panel {
    margin-top: 0 !important;
    flex-direction: column-reverse !important;
  }
  .joinus .about-panel .word-box {
    padding: 30px 5vw;
  }
  .joinus .about-panel .word-box h3 {
    margin-bottom: 25px;
  }
  .joinus .benefits {
    padding-bottom: 30px;
  }
  .joinus .benefits-img-lists {
    margin-bottom: 50px;
  }
  .joinus .benefits-icon img {
    width: 40px;
    vertical-align: unset !important;
    margin-top: 0;
  }
  .find-map-box {
    padding-top: 30px;
  }
  .find-map-box .find-map-one .map-content .title {
    font-size: 14px;
  }
  .find-map-box .find-map-one .map-content .info span {
    font-size: 12px;
  }
  .cate-benner {
    height: unset;
  }
  .suport {
    padding: 40px 0;
  }
  .suport .cate-title {
    padding: 20px 0;
  }
  .suport .evnets-all-lists .event-item {
    width: 100%;
  }
  .suport .evnets-all-lists .event-item .title {
    font-size: 16px;
  }
  .suport .types-1 .type-name {
    font-size: 16px;
  }
  .suport .types-1 .type-item.active .types-2 {
    padding: 10px;
  }
  .suport .types-1 .types-2 {
    width: 100%;
  }
  .suport .types-1 .types-2 li {
    font-size: 14px;
  }
  .suport .file-box .search-box {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
  .suport .file-box .search-flex-box {
    flex-direction: column;
  }
  .suport .file-box .left {
    width: 100%;
    padding: 0;
    border: none;
  }
  .suport .file-box .right {
    width: 100%;
    padding-left: 0;
  }
  .suport .file-box .right .search-tips {
    text-align: center;
  }
  .suport .results-list {
    padding-top: 0;
  }
  .suport .results-list li {
    margin: 16px 0;
    font-size: 12px;
  }
  .suport .results-list li .file-title {
    font-size: 14px;
    width: calc(100% - 50px);
  }
  .suport .results-list li .file-time {
    font-size: 12px;
    width: 120px;
  }
  .latest-events {
    margin-top: 0;
  }
  .evnets-all-lists {
    margin-top: 20px;
  }
  .support-center {
    padding: 20px 0;
  }
  .support-center .container-90.flex {
    flex-direction: column;
  }
  .support-center .left {
    display: none;
  }
  .support-center .right {
    padding-left: 0;
  }
  .support-center .right .results-box .title {
    padding-top: 0;
    font-size: 16px;
  }
  .support-center .right .results-box .qa-lists li {
    padding: 14px 0;
  }
  .support-center .right .results-box .question {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .support-center .right .results-box .answer {
    font-size: 12px;
  }
  .suport .file-box {
    padding: 14px;
  }
  .suport-warranty .results-list li {
    margin: 0;
    padding: 14px 0;
  }
  .suport-warranty .results-list li .file-time {
    width: 50px;
  }
  .cert-center .cert-banner {
    margin-top: 12px;
  }
  .cert-center .cert-nav-1 {
    margin-top: 12px;
    padding-bottom: 10px;
  }
  .cert-center .cert-nav-1 .box {
    flex-direction: column;
  }
  .cert-center .cert-nav-1 .title {
    font-size: 18px;
    padding-right: 20px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
  .cert-center .cert-nav-1 ul {
    padding-left: 12px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
  }
  .cert-center .cert-nav-1 ul li {
    font-size: 12px;
    margin-right: 12px;
  }
  .cert-center .cert-nav-2 {
    padding: 16px 0;
  }
  .cert-center .cert-nav-2 ul {
    padding-left: 12px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
    justify-content: unset;
  }
  .cert-center .cert-nav-2 ul li {
    font-size: 14px;
  }
  .cert-center .cert-box .box {
    flex-direction: column;
  }
  .cert-center .cert-box .box .cert-left {
    width: 100%;
  }
  .cert-center .cert-box .box .cert-left ul {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
    display: flex;
    gap: 2vw;
  }
  .cert-center .cert-box .box .cert-left ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .cert-center .cert-box .box .cert-right {
    width: 100%;
  }
  .cert-center .cert-box .box .cert-right .result-box {
    font-size: 12px;
    padding: 10px 0;
  }
  .cert-center .cert-box .box .cert-right .result-box .cert-info {
    width: 170px;
  }
  .cert-center .cert-box .box .cert-right .result-box .cert-info span {
    margin-right: 8px;
  }
  .cert-center .cert-box .box .cert-right .result-box .cert-info i {
    margin-left: 8px;
  }
  .cert-center .cert-box .box .cert-right .result-box .cert-title {
    display: inline-block;
  }
  .newsletter .p {
    margin-bottom: 16px;
  }
  #content-container {
    padding-top: 30px;
  }
  #content-container .article-metas h3 {
    font-size: 20px;
  }
  #content-container .article-metas .time {
    font-size: 12px;
  }
  #content-container .article-text {
    padding-bottom: 30px;
  }
  .article-prevnext {
    font-size: 12px;
  }
  .article-prevnext li {
    margin-bottom: 8px;
  }
  .all-product h1 {
    margin: 0;
    margin-bottom: 16px;
  }
  .all-product .list-column:nth-child(1) img, .all-product .list-column:nth-child(2) img {
    margin-top: -68px;
    margin-bottom: -167px;
  }
  .product-apps {
    padding: 30px 0;
  }
  .product-apps .img-panel-2 {
    margin: 0;
    flex-direction: column;
    gap: 4vw;
  }
  .product-apps .img-panel-2 .panel-item {
    width: 100%;
  }
  .pro-advantage ul {
    flex-wrap: wrap;
    gap: 4vw;
  }
  .pro-advantage ul li {
    width: 29%;
    font-size: 12px;
  }
  .pro-advantage ul li img {
    width: 80px;
  }
  .pro-fenjie .title {
    padding: 0;
    font-size: 16px;
    margin-bottom: 16px;
  }
  .pro-fenjie .img-box img {
    width: 60%;
  }
  .pro-fenjie .canshu-item {
    font-size: 14px;
    width: 100px;
    padding-left: 12px;
    white-space: normal;
    left: 0;
  }
  .pro-fenjie .canshu-item::after {
    width: 40px;
  }
  .pro-fenjie .canshu-item:nth-child(2n) {
    right: 0;
  }
}
@media (max-width: 375px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 13px;
  }
  h6 {
    font-size: 18px;
  }
  .p {
    font-size: 0.9rem;
  }
  .product-swiper .swiper-slide {
    width: 250px;
  }
  .news-img {
    height: 200px;
  }
  .contact-btn {
    height: 300px;
  }
  .about-swiper .about-img {
    height: 350px;
  }
  .home-product .big-title {
    font-size: 80px;
  }
  .banner-word h1 {
    font-size: 50px;
  }
  .case-box {
    flex-direction: column;
  }
  .case-box .img,
  .case-box .content {
    width: 100%;
  }
  .case-box .img {
    padding-top: 60%;
  }
  .case-box .content {
    padding: 40px 5% 20px 5%;
  }
  .installer-solution table {
    font-size: 14px;
  }
  .installer-solution table thead th,
  .installer-solution table tbody td {
    padding: 15px 8px;
  }
}/*# sourceMappingURL=style.css.map */