@charset "utf-8";.gs-banner-1{width:100%;height:calc(100vh - 70px);position:relative;z-index:1;overflow:hidden}.gs-banner-1 .swiper-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden}.gs-banner-1 .swiper-box .swiper-slide{width:100%;height:auto;position:relative;z-index:1;background:#000000;overflow:hidden}.gs-banner-1 .swiper-box .swiper-slide .banner-info{width:100%;height:100%;padding-top:70px;position:absolute;left:0;top:0;z-index:10;display:flex;align-items:center}@media (max-width: 991px){.gs-banner-1 .swiper-box .swiper-slide .banner-info{padding-top:60px}}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box{width:100%;height:auto}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title{width:100%;height:auto;font-size:60px;color:#FFFFFF}@media (max-width: 1580px){.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title{font-size:54px}}@media (max-width: 1260px){.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title{font-size:48px}}@media (max-width: 991px){.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title{font-size:40px}}@media (max-width: 767px){.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .title{font-size:32px}}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .details{width:100%;height:auto;margin-top:.1rem;font-size:var(--font-size6);line-height:1.625;color:#FFFFFF}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more{width:100%;height:auto;margin-top:.4rem;display:flex}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more{width:auto;height:.6rem;min-height:40px;display:flex;align-items:center;padding:0 2em;border:1px solid rgba(255,255,255,0.5);border-radius:50px;transition:all .5s ease;overflow:hidden}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .word{font-weight:bold;font-size:var(--font-size8);color:#FFFFFF;transition:all .5s ease;line-height:1.5}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow{width:9px;height:9px;font-size:0;margin-left:10px;color:#FFFFFF;transition:all .5s ease}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow svg{width:100%;height:100%}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more .arrow svg path{fill:currentColor}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more .more:hover{background:var(--color);border-color:transparent}.gs-banner-1 .swiper-box .swiper-slide .banner-info .info-box .idx-more+.idx-more{margin-top:.2rem}.gs-banner-1 .swiper-box .swiper-slide::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:#000000;opacity:.2}.gs-banner-1 .swiper-box .swiper-slide .images{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.gs-banner-1 .swiper-box .swiper-slide .images picture{width:100%;height:100%}.gs-banner-1 .swiper-box .swiper-slide .images img,.gs-banner-1 .swiper-box .swiper-slide .images video{width:100%;height:100%;object-fit:cover}.gs-banner-1 .pager-box{width:100%;height:auto;position:absolute;left:0;bottom:1rem;z-index:10}.gs-banner-1 .pager-box .pager{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.gs-banner-1 .pager-box .pager span{width:auto;height:auto;position:relative;z-index:1;border-radius:0;background:transparent;font-size:var(--font-size8);color:#FFFFFF;cursor:pointer;opacity:.5;transition:all .5s ease}.gs-banner-1 .pager-box .pager span::before,.gs-banner-1 .pager-box .pager span::after{content:'';width:100%;height:1px;position:absolute;left:0;bottom:-10px;background:#FFFFFF}.gs-banner-1 .pager-box .pager span::after{width:0;height:2px;transition:all .5s ease}.gs-banner-1 .pager-box .pager span.active{opacity:1}.gs-banner-1 .pager-box .pager span.active::after{width:100%}.gs-banner-1 .pager-box .pager span+span{margin-left:.8rem}@media (max-width: 991px){.gs-banner-1{height:calc(100vh - 60px)}.gs-banner-1 .pager-box .pager span{width:.4rem;height:2px;font-size:0;background:#FFFFFF}.gs-banner-1 .pager-box .pager span::before,.gs-banner-1 .pager-box .pager span::after{display:none}.gs-banner-1 .pager-box .pager span+span{margin-left:.2rem}}
 
@charset "utf-8";.gs-product-3{width:100%;height:auto;margin:1.2rem 0;overflow:hidden}.gs-product-3 .product-box{width:100%;height:auto}.gs-product-3 .product-box .product-head{width:100%;height:auto;position:relative;z-index:1}.gs-product-3 .product-box .product-head .idx-title{width:100%;height:auto}.gs-product-3 .product-box .product-head .idx-title .title{width:100%;height:auto;font-weight:bold;font-size:var(--font-size2);color:#333333}.gs-product-3 .product-box .product-head .idx-title .details{width:100%;height:auto;margin-top:.1rem;font-size:var(--font-size7);color:#999999}.gs-product-3 .product-box .product-head .swiper-navigation{width:auto;height:auto;position:absolute;right:0;top:50%;z-index:10;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn{width:.5rem;height:.5rem;position:relative;z-index:1;border-radius:50%;pointer-events:auto;cursor:pointer;overflow:hidden}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;box-sizing:border-box;border:2px solid rgba(0,0,0,0.05);border-radius:50%;color:#222222;transition:all .5s ease}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn svg{width:100%;height:100%}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn:hover{color:#FFFFFF}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn:hover::after{border-color:transparent;background:var(--color)}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn.swiper-button-disabled{opacity:.5;pointer-events:none}.gs-product-3 .product-box .product-head .swiper-navigation .swiper-btn.next{margin-left:10px}@media (max-width: 991px){.gs-product-3 .product-box .product-head{display:flex}.gs-product-3 .product-box .product-head .idx-title{flex:1;margin-right:30px;text-align:left}.gs-product-3 .product-box .product-head .swiper-navigation{position:relative;top:0;transform:translateZ(0)}}.gs-product-3 .product-box .product-main{width:100%;height:auto;margin-top:.6rem;position:relative;z-index:1}.gs-product-3 .product-box .product-main .swiper-box{width:100%;height:auto;position:relative;left:0;top:0;z-index:10;overflow:hidden}.gs-product-3 .product-box .product-main .swiper-box .swiper-wrapper{height:100%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide{width:calc((50% - 42px) / 2);height:auto;border-radius:10px;background:#EEEEEE;overflow:hidden}@media (max-width: 1260px){.gs-product-3 .product-box .product-main .swiper-box .swiper-slide{width:calc((50% - 27px) / 2)}}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .img{width:80%;height:auto;margin:.6rem auto 0}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .img .pb{padding-bottom:100%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .img img{max-width:100%;max-height:100%;transition:all .5s ease}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info{width:100%;height:auto;text-align:center;margin-top:.3rem;padding:0 .3rem .3rem;overflow:hidden}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .title{width:100%;height:auto;max-height:calc(2em * 1.25);font-weight:bold;font-size:var(--font-size4);color:#222222;line-height:1.25;transition:all .5s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .details{width:100%;height:auto;margin-top:.4em;max-height:calc(2em * 1.625);font-size:var(--font-size8);color:#666666;line-height:1.625;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .more{width:100%;height:auto;margin-top:.2rem;display:flex;align-items:baseline;justify-content:center}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .more span{font-weight:bold;font-size:var(--font-size9);color:var(--color);transition:all .5s ease}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .more i{width:7px;height:10px;font-size:0;margin-left:10px;color:var(--color);transition:all .25s ease}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .more i svg{width:100%;height:100%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide a .info .more i svg use{fill:currentColor}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active{width:calc(50% - 14px)}@media (max-width: 1260px){.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active{width:calc(50% - 9px)}}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a{justify-content:end;padding-bottom:.2rem}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .img{width:80%;margin:0 auto;order:2}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .img .pb{padding-bottom:60%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info{position:absolute;left:0;top:0;z-index:10;text-align:left;flex:1;margin:0;padding:.6rem}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info .title{font-size:var(--font-size4)}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info .details{margin-top:.4em;font-size:var(--font-size8)}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info .more{justify-content:start}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide:hover a .img img{transform:scale(1.02)}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide:hover a .info .title{color:var(--color)}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide:hover a .info .more i{transform:translateX(50%)}@media (max-width: 1260px){.gs-product-3 .product-box .product-main::after{padding-top:45.5%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide{width:calc(33.4% - 9px)}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a{justify-content:space-between;padding:0}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .img{width:80%;margin:.6rem auto 0;order:1}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .img .pb{padding-bottom:100%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info{order:2;position:relative;text-align:center;margin-top:.3rem;padding:0 .3rem .3rem}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active a .info .more{justify-content:center}}@media (max-width: 991px){.gs-product-3 .product-box .product-main::after{display:none}.gs-product-3 .product-box .product-main .swiper-box{position:relative}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide{width:calc(50% - 9px);height:auto}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide .img .pb{padding-bottom:60%}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide .info{padding:0 20px 30px}.gs-product-3 .product-box .product-main .swiper-box .swiper-slide.active{width:100%}}
 
@charset "utf-8";
.c-solution-1 {
  padding: 1.1rem 0 1.3rem;
  background-color: #f0f5f7;
}
@media (max-width: 767px) {
  .c-solution-1 {
    padding: 1.1rem 0 0.8rem;
  }
}
.c-solution-1 + .c-solution-1 {
  padding-top: 0;
}
.c-solution-1 .public-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(to right, #0024FF, #5cd7ff);
  background: linear-gradient(to right, #0024FF, #5cd7ff);
  border-radius: 100px;
  padding: 0 0.28rem;
  height: 0.66rem;
  overflow: hidden;
  transition: 0.4s all;
  position: relative;
}
@media (max-width: 767px) {
  .c-solution-1 .public-btn {
    height: 0.8rem;
  }
}
.c-solution-1 .public-btn.public-btn2 {
  border-color: #dddddd;
}
.c-solution-1 .public-btn:hover {
  border-color: transparent;
}
.c-solution-1 .public-btn:hover span {
  color: #fff;
}
.c-solution-1 .public-btn:hover .i2 {
  transform: rotate(45deg);
}
.c-solution-1 .public-btn span {
  display: inline-block;
  color: #fff;
  padding: 0 0.3rem 0 0.1rem;
  position: relative;
  z-index: 2;
  transition: 0.4s all;
  font-size: var(--font-size6);
}
@media (max-width: 767px) {
  .c-solution-1 .public-btn span {
    font-size: 14px;
  }
}
.c-solution-1 .public-btn .i1 {
  transition: all 0.4s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-solution-1 .public-btn .i1 svg {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 2;
  transition: 0.4s all;
  color: #fff;
}
@media (max-width: 1580px) {
  .c-solution-1 .public-btn .i1 svg {
    width: 14px;
    height: 14px;
  }
}
.c-solution-1 .public-btn .i2 {
  transition: all 0.4s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.c-solution-1 .public-btn .i2 svg {
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 2;
  transition: 0.4s all;
  color: #fff;
}
@media (max-width: 1580px) {
  .c-solution-1 .public-btn .i2 svg {
    width: 12px;
    height: 12px;
  }
}
.c-solution-1 .container1400 .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.c-solution-1 .container1400 .x-top .x-text {
  width: 80%;
}
@media (max-width: 991px) {
  .c-solution-1 .container1400 .x-top .x-text {
    width: 76%;
  }
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 .x-top .x-text {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.c-solution-1 .container1400 .x-top .x-text .x-title {
  font-size: var(--font-size2);
  font-weight: bold;
  color: var(--color1);
}
.c-solution-1 .container1400 .x-top .x-text .x-p {
  color: var(--color3);
  margin-top: 0.1rem;
  font-size: var(--font-size7);
}
.c-solution-1 .container1400 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul {
    flex-wrap: wrap;
  }
}
.c-solution-1 .container1400 ul li {
  width: 50%;
  margin-right: 0.2rem;
  border-radius: 0.15rem;
  height: 5.4rem;
  overflow: hidden;
  transition: 0.4s all;
  position: relative;
}
@media (max-width: 1580px) {
  .c-solution-1 .container1400 ul li {
    height: 6.4rem;
  }
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li {
    height: 4.8rem;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.c-solution-1 .container1400 ul li.on {
  width: 52.85%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li.on {
    width: 100%;
  }
}
.c-solution-1 .container1400 ul li.on a .x-img::before {
  opacity: 0.5;
}
.c-solution-1 .container1400 ul li.on a .x-img::after {
  opacity: 0;
}
.c-solution-1 .container1400 ul li.on a .x-tit1 {
  opacity: 0;
}
.c-solution-1 .container1400 ul li.on a .x-text {
  opacity: 1;
}
.c-solution-1 .container1400 ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.c-solution-1 .container1400 ul li a .x-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-solution-1 .container1400 ul li a .x-img::before {
  content: "";
  width: 100%;
  height: 167px;
  background: -webkit-linear-gradient(bottom, #000, transparent);
  background: linear-gradient(to top, #000, transparent);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li a .x-img::before {
    opacity: 0.5;
  }
}
.c-solution-1 .container1400 ul li a .x-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li a .x-img::after {
    display: none;
  }
}
.c-solution-1 .container1400 ul li a .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-solution-1 .container1400 ul li a .g_box {
  width: 100%;
  height: 267px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.c-solution-1 .container1400 ul li a .x-tit1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 0 0.4rem 0.4rem;
  text-align: start;
  font-weight: bold;
  color: var(--color10);
  transition: 0.4s ease-in-out;
  font-size: var(--font-size5);
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li a .x-tit1 {
    display: none;
  }
}
.c-solution-1 .container1400 ul li a .x-text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 0.3rem;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .c-solution-1 .container1400 ul li a .x-text {
    opacity: 1;
  }
}
.c-solution-1 .container1400 ul li a .x-text .x-tit {
  font-weight: bold;
  color: var(--color10);
  font-size: var(--font-size5);
}
.c-solution-1 .container1400 ul li a .x-text .g_p {
  color: var(--color10);
}
.c-solution-1 .container1400 ul li a .x-text .x-sp {
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 0.14rem 0.23rem 0.14rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
.c-solution-1 .container1400 ul li a .x-text .x-sp:hover i {
  transform: rotate(45deg);
}
.c-solution-1 .container1400 ul li a .x-text .x-sp span {
  color: var(--color10);
}
.c-solution-1 .container1400 ul li a .x-text .x-sp i {
  transition: all 0.4s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  color: var(--color10);
  margin-left: 0.2rem;
}
.c-solution-1 .container1400 ul li a .x-text .x-sp i svg {
  width: 100%;
  height: 100%;
}

 
@charset "utf-8";.gs-recommend-4{width:100%;height:auto;margin:1rem 0;overflow:hidden}.gs-recommend-4 .container1600{overflow:visible}.gs-recommend-4 .inner-title{width:100%;height:auto;text-align:center}.gs-recommend-4 .inner-title .title{width:100%;height:auto;font-weight:bold;font-size:var(--font-size2);color:var(--color1)}.gs-recommend-4 .cases-box{width:100%;height:auto;margin-top:.4rem;position:relative;z-index:1}.gs-recommend-4 .cases-box .swiper-navigation{width:100%;height:100%;position:absolute;left:0;top:50%;z-index:10;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:space-between}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn{width:.5rem;min-width:36px;height:.5rem;min-height:36px;position:relative;z-index:1;border-radius:50%;pointer-events:auto;cursor:pointer;color:#222222;transition:all .5s ease;overflow:hidden}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;box-sizing:border-box;background:#F5F5F5;border:1px solid #DCDCDC;border-radius:50%;transition:all .5s ease}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn svg{width:100%;height:100%;fill:#222222;transition:all .5s ease}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn:hover{color:#FFFFFF}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn:hover::after{border-color:transparent;background:var(--color)}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn.swiper-button-disabled{opacity:0;pointer-events:none}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn.prev{transform:translateX(-100%);margin-left:-20px}.gs-recommend-4 .cases-box .swiper-navigation .swiper-btn.next{transform:translateX(100%);margin-right:-20px}.gs-recommend-4 .cases-box .cases-main{width:100%;height:auto;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper{width:100%;height:auto;position:relative;z-index:1}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box{width:100%;height:100%;position:relative;left:0;top:0;z-index:10;border-radius:10px;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide{width:100%;height:100%;position:relative;z-index:1;border-radius:10px;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a{width:100%;height:auto;display:block;position:relative;z-index:1;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .img{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .img .pb{padding-bottom:63.7254902%}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .img img{width:100%;height:100%;object-fit:cover;transition:all .8s ease}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info{width:100%;height:auto;position:absolute;left:0;bottom:0;z-index:10;padding:.4rem .5rem;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info .title{width:100%;height:auto;font-weight:500;font-size:var(--font-size4);color:#FFFFFF;line-height:1.2}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info .details{width:100%;height:auto;margin-top:.2rem;font-size:var(--font-size7);color:#FFFFFF;line-height:1.33;opacity:.8;display:none;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:#000000;opacity:.2;overflow:hidden}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide.active{width:100%}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide.active a .info .details{display:block}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide:hover a .img img{transform:scale(1.05)}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide.grrow-ani{transition:width .5s ease}.gs-recommend-4 .pager-box{width:100%;height:auto;margin-top:.6rem;display:none}.gs-recommend-4 .pager-box .pager{width:100%;height:auto;display:flex;align-items:end;justify-content:center}.gs-recommend-4 .pager-box .pager span{width:18px;height:2px;margin:0 5px;border-radius:0;background:var(--color);opacity:.1;transition:all .5s ease}.gs-recommend-4 .pager-box .pager span.active{opacity:1}@media (max-width: 1260px){.gs-recommend-4 .cases-box .swiper-navigation{visibility:hidden}.gs-recommend-4 .cases-box .cases-main{display:block}.gs-recommend-4 .pager-box{display:block }}@media (max-width: 991px){.gs-recommend-4 .cases-box .cases-main .cases-swiper{width:100%}.gs-recommend-4 .cases-box .cases-main .cases-swiper::after{display:none}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box{position:relative}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info .details{display:block }}@media (max-width: 767px){.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box{border-radius:0}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .img{border-radius:10px}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info{position:relative;padding:30px 0;text-align:center}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info .title{color:#000000}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a .info .details{color:#666666;display:block}.gs-recommend-4 .cases-box .cases-main .cases-swiper .swiper-box .swiper-slide a::after{display:none}.gs-recommend-4 .pager-box{display:block }}