@charset "utf-8";.gs-banner-2{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-banner-2 .banner-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;overflow:hidden}.gs-banner-2 .banner-box .container1600{height:100%}.gs-banner-2 .banner-box .banner-info{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav{width:100%;height:auto;position:absolute;top:0;left:0;z-index:10;overflow:hidden}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;margin:14px 0}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box,.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box *{font-size:var(--font-size9);color:#FFFFFF;line-height:1.2}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box a{color:#8E8E8E;transition:all .5s ease}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box a:hover{color:#FFFFFF}.gs-banner-2 .banner-box .banner-info .breadcrumb-nav .nav-box span{margin:0 .8em;color:#8E8E8E}.gs-banner-2 .banner-box .banner-info .title{width:100%;height:auto;text-align:center;font-weight:bold;font-size:var(--font-size1);color:#FFFFFF}.gs-banner-2 .images{width:100%;height:auto;font-size:0;overflow:hidden}.gs-banner-2 .images img{width:100%;height:100%;min-height:300px;object-fit:cover}
 
@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 }}
 
@charset "utf-8";.y-about-12{width:100%;background:#f7f7f7;padding:1.34rem 0 1.4rem}.y-about-12 .container1600{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.y-about-12 .container1600 .left{width:calc(580/1600*100%)}@media (max-width: 991px){.y-about-12 .container1600 .left{width:100%}}.y-about-12 .container1600 .left .top .title{font-size:var(--font-size2);color:#000;font-weight:bold;line-height:calc(58/48)}.y-about-12 .container1600 .left .top .txt{font-size:var(--font-size7);line-height:calc(34/18);color:#666;margin-top:.14rem}.y-about-12 .container1600 .left .list{width:100%;margin-top:.72rem}.y-about-12 .container1600 .left .list ul li{width:100%;display:flex;align-items:flex-start;background:#fff;padding:.2rem .4rem .2rem .2rem;border-top:2px solid #fff;transition:all .4s;cursor:pointer;margin-bottom:.2rem}.y-about-12 .container1600 .left .list ul li .icon{width:.8rem;height:.8rem;overflow:hidden;border-radius:50%;flex-shrink:0}.y-about-12 .container1600 .left .list ul li .icon img{width:100%;height:100%;object-fit:cover}.y-about-12 .container1600 .left .list ul li .tbox{width:100%;margin-left:.2rem;padding-top:.23rem}.y-about-12 .container1600 .left .list ul li .tbox .t1{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.y-about-12 .container1600 .left .list ul li .tbox .t1 span{font-size:var(--font-size4);line-height:calc(34/24);font-weight:bold;color:#222}.y-about-12 .container1600 .left .list ul li .tbox .t1 .i{height:.3rem;color:var(--color0);font-size:.34rem;line-height:1;font-weight:400;display:flex;align-items:center}.y-about-12 .container1600 .left .list ul li .tbox .t1 .i::before{content:'+'}.y-about-12 .container1600 .left .list ul li .tbox .t2{font-size:var(--font-size8);color:#999;padding-top:.14rem;display:none}.y-about-12 .container1600 .left .list ul li.on{border-top:2px solid var(--color);padding:.2rem .4rem .55rem .2rem}.y-about-12 .container1600 .left .list ul li.on .tbox .t1 .i::before{content:'-'}.y-about-12 .container1600 .img{width:calc(860/1600*100%)}@media (max-width: 991px){.y-about-12 .container1600 .img{width:100%;margin-top:.3rem}}.y-about-12 .container1600 .img ul{width:100%;height:0;padding-bottom:calc(580/860*100%);position:relative;z-index:1}.y-about-12 .container1600 .img ul li{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;display:none}.y-about-12 .container1600 .img ul li img{width:100%;height:100%;object-fit:cover}.y-about-12 .container1600 .img ul li.on{display:block}
 
@charset "utf-8";
.c-about-2 {
  background-color: #f6f6f6;
  padding: 1rem 0;
}
.c-about-2 + .c-about-2 {
  padding-top: 0;
}
.c-about-2 .hm_tit {
  font-size: var(--font-size2);
  margin-bottom: 0.68rem;
  text-align: center;
}
.c-about-2 .hm_tit .f_tit {
  font-weight: bold;
  color: var(--color1);
}
.c-about-2 .hm_tit .f_text {
  color: var(--color4);
  margin-top: 0.12rem;
}
.c-about-2 .cont {
  display: flex;
  margin: 0 -0.15rem;
}
@media (max-width: 767px) {
  .c-about-2 .cont {
    margin: 0 -0.1rem;
    flex-wrap: wrap;
  }
}
.c-about-2 .cont .item {
  padding: 0 0.15rem;
  transition: all 0.4s;
  width: 20%;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .c-about-2 .cont .item {
    padding: 0 0.1rem;
    width: 50%;
    flex: 0 0 auto;
    margin-bottom: 0.2rem;
  }
}
.c-about-2 .cont .item .list {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 0.2rem;
}
.c-about-2 .cont .item .list .bag {
  width: 100%;
  height: 5.6rem;
  position: relative;
  background-color: var(--color1);
}
@media (max-width: 767px) {
  .c-about-2 .cont .item .list .bag {
    height: 60vw;
  }
}
.c-about-2 .cont .item .list .bag img {
  width: 100%;
  height: 100%;
  transition: all 0.4s linear;
  object-fit: cover;
  opacity: 0.6;
}
.c-about-2 .cont .item .list .bag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s linear;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
.c-about-2 .cont .item .list .font,
.c-about-2 .cont .item .list .f_hover1 {
  color: var(--color10);
  position: absolute;
}
.c-about-2 .cont .item .list .font .f_tit,
.c-about-2 .cont .item .list .f_hover1 .f_tit {
  font-size: var(--font-size4);
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.c-about-2 .cont .item .list .font .text,
.c-about-2 .cont .item .list .f_hover1 .text {
  line-height: 1.5;
  opacity: 0.9;
}
.c-about-2 .cont .item .list .font {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 2.14rem;
  padding: 0 0.46rem;
  width: 100%;
  text-align: center;
  transition: all 0.4s 0.2s linear;
}
@media (max-width: 767px) {
  .c-about-2 .cont .item .list .font {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0.3rem;
  }
}
.c-about-2 .cont .item .list .f_hover1 {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.55rem 0.4rem;
  transition: all 0.4s linear;
  opacity: 0;
}
@media (min-width: 992px) {
  .c-about-2 .cont .on {
    width: 60%;
  }
  .c-about-2 .cont .on .list .bag img {
    opacity: 1;
  }
  .c-about-2 .cont .on .list .bag:after {
    opacity: 1;
  }
  .c-about-2 .cont .on .list .font {
    opacity: 0;
    transition: all 0.4s linear;
  }
  .c-about-2 .cont .on .list .f_hover1 {
    opacity: 1;
    transition: all 0.4s 0.2s linear;
  }
}