@charset "utf-8";.gs-banner-4{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-banner-4 .banner-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;overflow:hidden}.gs-banner-4 .banner-box .container1600{height:100%}.gs-banner-4 .banner-box .banner-info{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;text-align:center}.gs-banner-4 .banner-box .banner-info .title{width:100%;height:auto;font-weight:700;font-size:var(--font-size1);color:#FFFFFF}.gs-banner-4 .banner-box .banner-info .details{width:100%;height:auto;margin-top:.2rem;font-size:var(--font-size8);color:#FFFFFF;line-height:1.667}.gs-banner-4 .banner-box .banner-info .more{width:100%;height:auto;display:flex;justify-content:center;margin-top:.7rem}.gs-banner-4 .banner-box .banner-info .more a{width:auto;min-width:1.8rem;height:.6rem;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 1.25em;border-radius:50px;background:var(--color);font-size:var(--font-size8);color:#FFFFFF;transition:all .5s ease}.gs-banner-4 .banner-box .banner-info .more a:hover{background:#FFFFFF;color:var(--color)}.gs-banner-4 .images{width:100%;height:auto;font-size:0;overflow:hidden}.gs-banner-4 .images picture{width:100%;height:100%;display:block}.gs-banner-4 .images img{width:100%;height:100%;min-height:300px;max-height:750px;object-fit:cover}@media (max-width: 991px){.gs-banner-4 .banner-box{position:relative;padding:40px 0;background:rgba(0,0,0,0.2)}.gs-banner-4 .banner-box .banner-info{min-height:200px}.gs-banner-4 .images{height:100%;position:absolute;left:0;top:0;z-index:1}.gs-banner-4 .images img{min-height:initial;max-height:initial}}
 
@charset "utf-8";
.gs-about-2 {
  width: 100%;
  height: auto;
  margin: 1.2rem 0;
}
.gs-about-2 .con {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gs-about-2 .con {
    display: block;
  }
}
.gs-about-2 .txt {
  width: 44.6%;
  text-align: left;
}
@media (max-width: 767px) {
  .gs-about-2 .txt {
    width: 100%;
  }
}
.gs-about-2 .txt .name {
  font-size: var(--font-size2);
  color: #000;
  line-height: 1.2;
}
.gs-about-2 .txt .name2 {
  font-size: var(--font-size4);
  color: #002969;
  margin-top: 0.1rem;
  line-height: 1.2;
}
.gs-about-2 .txt .intro {
  margin-top: 0.3rem;
  font-size: var(--font-size8);
  color: #333;
  line-height: 1.875;
}
.gs-about-2 .txt .intro p + p {
  margin-top: 1em;
}
.gs-about-2 .pic {
  width: 46.3%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .gs-about-2 .pic {
    width: 100%;
    margin-top: 1rem;
  }
}
.gs-about-2 .pic .play-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 0.2rem 0.3rem;
  display: flex;
  align-items: end;
  cursor: pointer;
}
.gs-about-2 .pic .play-box .play {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.gs-about-2 .pic .play-box .play .icon {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 1;
  font-size: 0;
  color: var(--color);
}
.gs-about-2 .pic .play-box .play .icon svg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.gs-about-2 .pic .play-box .play .icon::after {
  content: '';
  width: 52%;
  height: 52%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
}
.gs-about-2 .pic .play-box .play .word {
  width: 100%;
  height: auto;
  min-width: 0;
  flex: 1;
  margin-left: 1em;
  font-size: var(--font-size8);
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.gs-about-2 .pic .play-box:hover .play .word {
  text-decoration: underline;
}
.gs-about-2 .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}

 
@charset "utf-8";
.gs-img-text-1 {
  background-color: #f6f8fb;
}
.gs-img-text-1 + .gs-img-text-1 .con {
  padding-top: 0;
}
.gs-img-text-1 .con {
  padding: 5.7% 0 8.5%;
}
@media (max-width: 767px) {
  .gs-img-text-1 .con {
    padding: 3rem 0;
  }
}
.gs-img-text-1 .title {
  font-weight: bold;
  color: var(--color1);
  text-align: center;
  font-size: var(--font-size2);
}
.gs-img-text-1 .list ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .gs-img-text-1 .list ul {
    display: block;
  }
}
.gs-img-text-1 .list li {
  margin-top: 5.1%;
  position: relative;
  z-index: 0;
  width: 24%;
  margin-right: 1%;
}
@media (max-width: 991px) {
  .gs-img-text-1 .list li {
    width: 32%;
  }
  .gs-img-text-1 .list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .gs-img-text-1 .list li {
    width: 100%;
    margin-right: 0;
    margin-top: 1.5rem;
  }
}
.gs-img-text-1 .list li .pic {
  padding-top: 114.3%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.gs-img-text-1 .list li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs-img-text-1 .list li .liMask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+39,002969+100&0+39,0.5+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80002969', GradientType=0);
  /* IE6-9 */
}
.gs-img-text-1 .list li .liMask2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all 2s;
  background-color: var(--color);
  transition: all 1s;
  opacity: 0.5;
}
.gs-img-text-1 .list li .text {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  box-sizing: border-box;
  padding: 11% 5%;
  color: var(--color9);
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.gs-img-text-1 .list li .text .txt {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: all 1s;
}
.gs-img-text-1 .list li .name {
  letter-spacing: 0.1em;
  font-size: var(--font-size3);
  color: var(--color10);
}
@media (max-width: 767px) {
  .gs-img-text-1 .list li .name {
    margin-top: 1rem;
  }
}
.gs-img-text-1 .list li .intro {
  margin-top: 4%;
  min-height: calc(4em*1.5);
  line-height: 1.5;
}
.gs-img-text-1 .list li:hover .liMask2 {
  height: 100%;
}
.gs-img-text-1 .list li:hover .text .txt {
  flex: 1;
}
.gs-img-text-1 .list li:nth-child(4n) {
  margin-right: 0;
}

 
@charset "utf-8";.gs-about-9{position:relative;padding-bottom:.6rem;overflow:hidden}.gs-about-9 .c-arrow{position:absolute;top:50%;left:50%;z-index:100;display:flex;align-items:center;justify-content:center;bottom:1.2rem;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.2);opacity:1;transition:transform .4s;color:#fff;transform:scale(0);cursor:pointer}@media (max-width: 767px){.gs-about-9 .c-arrow{display:none }}.gs-about-9 .c-arrow img,.gs-about-9 .c-arrow svg{width:40%;height:40%}.gs-about-9 .c-arrow img path,.gs-about-9 .c-arrow svg path{fill:#fff;transition:all .4s}.gs-about-9 .c-arrow.on{transform:scale(1)}.gs-about-9 .c-arrow.on2 img,.gs-about-9 .c-arrow.on2 svg{transform:rotate(180deg)}.gs-about-9 .c-bg1,.gs-about-9 .c-bg2{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}.gs-about-9 .c-bg2{z-index:5;transform:scale(1.1)}.gs-about-9 .c-title-box{position:relative;z-index:10;text-align:center;padding-top:1rem}.gs-about-9 .c-title-box .hm_tit .f_tit{font-weight:bold;font-size:var(--font-size2);color:#fff}.gs-about-9 .c-about4-banner1{position:absolute;top:50%;left:0;width:100%;height:100%;z-index:3;font-size:6rem;font-weight:bold;opacity:.1;color:#fff;text-align:center;transform:translateY(-50%)}@media (max-width: 991px){.gs-about-9 .c-about4-banner1{font-size:3rem;height:auto }}@media (max-width: 767px){.gs-about-9 .c-about4-banner1{font-size:1.9rem;height:auto }}.gs-about-9 .c-about4-banner1 .container1400{position:relative}.gs-about-9 .c-about4-banner2{position:relative;z-index:8;color:#fff;min-height:6rem}@media (max-width: 767px){.gs-about-9 .c-about4-banner2{min-height:4rem }}.gs-about-9 .c-about4-banner2 .swiper-container{padding:1.5rem 0}@media (max-width: 767px){.gs-about-9 .c-about4-banner2 .swiper-container{padding:1rem 0 }}.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide{display:flex;justify-content:center;font-size:var(--font-size6)}.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide .c-text{max-width:6rem}@media (max-width: 767px){.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide .c-text{max-width:100% }}.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide p{margin-bottom:.18rem;position:relative;padding-left:20px}@media (max-width: 1580px){.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide p{padding-left:16px }}.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide p:last-child{margin-bottom:0}.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide p:before{content:"";display:block;position:absolute;top:.75em;left:0;transform:translateY(-50%);background-color:#ffffff;width:8px;height:8px;border-radius:50%}@media (max-width: 1580px){.gs-about-9 .c-about4-banner2 .swiper-container .swiper-slide p:before{width:6px;height:6px }}.gs-about-9 .c-about4-banner3{position:relative;z-index:8;color:#fff;text-align:center}.gs-about-9 .c-about4-banner3:before{content:"";position:absolute;top:9px;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.2)}.gs-about-9 .c-about4-banner3 .swiper-slide{display:flex;flex-wrap:wrap;align-content:space-between;height:50px;cursor:pointer}@media (max-width: 767px){.gs-about-9 .c-about4-banner3 .swiper-slide{height:1rem }}.gs-about-9 .c-about4-banner3 .c-dot{margin:0 auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid transparent;border-radius:50%;position:relative;transition:all .4s}.gs-about-9 .c-about4-banner3 .c-dot::before{content:"";width:10px;height:10px;border-radius:50%;background-color:#fff}.gs-about-9 .c-about4-banner3 .c-num{width:100%;transition:all .4s;line-height:1;font-size:var(--font-size8);opacity:.3}.gs-about-9 .c-about4-banner3 .swiper-slide-thumb-active .c-dot{border-color:#fff}.gs-about-9 .c-about4-banner3 .swiper-slide-thumb-active .c-num{opacity:1;font-size:var(--font-size6)}@media (max-width: 767px){.gs-about-9 .c-about4-banner3 .swiper-slide-thumb-active .c-num{font-size:.3rem }}
 
@charset "utf-8";
.gs-about-2 {
  width: 100%;
  height: auto;
  margin: 1.2rem 0;
}
.gs-about-2 .con {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gs-about-2 .con {
    display: block;
  }
}
.gs-about-2 .txt {
  width: 44.6%;
  text-align: left;
}
@media (max-width: 767px) {
  .gs-about-2 .txt {
    width: 100%;
  }
}
.gs-about-2 .txt .name {
  font-size: var(--font-size2);
  color: #000;
  line-height: 1.2;
}
.gs-about-2 .txt .name2 {
  font-size: var(--font-size4);
  color: #002969;
  margin-top: 0.1rem;
  line-height: 1.2;
}
.gs-about-2 .txt .intro {
  margin-top: 0.3rem;
  font-size: var(--font-size8);
  color: #333;
  line-height: 1.875;
}
.gs-about-2 .txt .intro p + p {
  margin-top: 1em;
}
.gs-about-2 .pic {
  width: 46.3%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .gs-about-2 .pic {
    width: 100%;
    margin-top: 1rem;
  }
}
.gs-about-2 .pic .play-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 0.2rem 0.3rem;
  display: flex;
  align-items: end;
  cursor: pointer;
}
.gs-about-2 .pic .play-box .play {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.gs-about-2 .pic .play-box .play .icon {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 1;
  font-size: 0;
  color: var(--color);
}
.gs-about-2 .pic .play-box .play .icon svg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.gs-about-2 .pic .play-box .play .icon::after {
  content: '';
  width: 52%;
  height: 52%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
}
.gs-about-2 .pic .play-box .play .word {
  width: 100%;
  height: auto;
  min-width: 0;
  flex: 1;
  margin-left: 1em;
  font-size: var(--font-size8);
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.gs-about-2 .pic .play-box:hover .play .word {
  text-decoration: underline;
}
.gs-about-2 .pic img {
  display: block;
  max-width: 100%;
  height: auto;
}

 
@charset "utf-8";
.gs-about-4 {
  width: 100%;
  height: auto;
  padding: 1.5rem 0 0;
}
.gs-about-4 .title {
  width: 100%;
  font-size: var(--font-size2);
  color: #000;
  text-align: center;
  font-weight: bold;
}
.gs-about-4 .desc {
  text-align: center;
  color: var(--color3);
  margin: 0.1rem auto 0;
  max-width: 950px;
}
.gs-about-4 .date {
  width: 100%;
  height: auto;
  margin-top: 0.8rem;
}
.gs-about-4 .date ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .gs-about-4 .date ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.gs-about-4 .date li {
  text-align: left;
  margin: 0 4.4%;
}
.gs-about-4 .date li .num {
  font-size: 0.54rem;
  color: var(--color);
  font-weight: bold;
}
.gs-about-4 .date li .txt {
  font-size: var(--font-size6);
  color: var(--color4);
}
.gs-about-4 .date li .unit {
  font-size: 0.5em;
}
@media (max-width: 767px) {
  .gs-about-4 .date li:nth-child(1),
  .gs-about-4 .date li:nth-child(2) {
    margin-top: 0;
  }
}
.gs-about-4 .pic {
  position: relative;
  z-index: 0;
  margin-top: 1.2rem;
  font-size: 0;
}
.gs-about-4 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gs-about-4 .pic .map {
  position: relative;
  z-index: 0;
  top: 0;
  transition: all 0.5s;
}
.gs-about-4 .pic .dot {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  transition: all 1.2s;
  transition-delay: 0.4s;
}
.gs-about-4 .pic .dot img {
  height: auto;
}
.gs-about-4 .pic .line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transition: all 1.2s;
  transition-delay: 0.4s;
}
.gs-about-4 .pic .line img {
  height: auto;
}
.gs-about-4 .pic.show .map {
  opacity: 1;
  top: 0;
}
.gs-about-4 .pic.show .dot {
  opacity: 1;
  top: 0;
}
.gs-about-4 .pic.show .line {
  opacity: 1;
  top: 0;
}
.gs-about-4 .serVideo {
  margin-top: 8.3%;
}
.gs-about-4 .serVideo video {
  width: 100%;
  height: 4.7rem;
  object-fit: cover;
  overflow: hidden;
}