@charset "utf-8";
.bannerbox {
  position: relative;
}
.bannerbox .swiper-container .swiper-slide {
  overflow: hidden;
}
.bannerbox .swiper-container .swiper-slide .item {
  display: block;
  color: #ffffff;
  position: relative;
}
.bannerbox .swiper-container .swiper-slide .item .bag {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000000;
}
.bannerbox .swiper-container .swiper-slide .item .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .swiper-container .swiper-slide .item .bag img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .bag img {
    display: none;
  }
  .bannerbox .swiper-container .swiper-slide .item .bag img:nth-child(2) {
    display: block;
  }
}
.bannerbox .swiper-container .swiper-slide .item .bag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
}
.bannerbox .swiper-container .swiper-slide .item .cont {
  position: absolute;
  left: 0;
  width: 100%;
  top: 46%;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont {
    top: 50%;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt {
  width: 50%;
}
@media (max-width: 991px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt {
    width: 100%;
    margin-bottom: 1.2rem;
    text-align: center;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .name {
  color: #ffffff;
  margin-bottom: 8px;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .name {
    margin-bottom: 6px;
  }
}
@media (max-width: 1260px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .name {
    font-size: 14px;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .f_tit {
  font-size: var(--font-size1);
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.28rem;
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .hm_but {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .hm_but {
    margin: 0;
    width: 1.74rem;
    height: 58px;
  }
}
@media (min-width: 992px) and (max-width: 1580px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .lt .hm_but {
    width: 1.8rem;
    height: 0.66rem;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt {
  width: 36.875%;
  width: 42%;
  position: relative;
}
@media (max-width: 991px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt {
    width: 60%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt {
    width: 100%;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .yaun {
  width: 100%;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  padding-top: 88.81355932%;
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .yaun {
    padding-top: 70%;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .yaun svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .yaun svg text {
  font-size: var(--font-size6);
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .yaun svg text {
    font-size: 0.22rem;
  }
}
.bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .nei {
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  top: 0;
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-slide .item .cont .container1600 .gt .nei a.li {
    font-size: 0.22rem;
  }
}
.bannerbox .swiper-container .swiper-button-next,
.bannerbox .swiper-container .swiper-button-prev {
  background-size: contain;
  width: 0.28rem;
  height: 0.44rem;
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .swiper-button-next,
  .bannerbox .swiper-container .swiper-button-prev {
    display: none;
  }
}
.bannerbox .swiper-container .swiper-button-prev {
  left: 2%;
}
.bannerbox .swiper-container .swiper-button-next {
  right: 2%;
}
.bannerbox .swiper-container .banner_page {
  position: absolute;
  z-index: 2;
  bottom: 2.24rem;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 26px;
}
@media (max-width: 1580px) {
  .bannerbox .swiper-container .banner_page {
    height: 24px;
  }
}
@media (max-width: 767px) {
  .bannerbox .swiper-container .banner_page {
    height: 0.38rem;
    bottom: 0.4rem;
  }
}
.bannerbox .swiper-container .banner_page .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 1;
  width: 2px;
  height: 53.84615385%;
  border-radius: 0;
  transition: all 0.4s;
  margin: 0 6px;
}
.bannerbox .swiper-container .banner_page .swiper-pagination-bullet-active {
  height: 100%;
}
.bannerbox .swiper-container .f_scroll {
  position: absolute;
  left: 4.16666%;
  bottom: 0.3rem;
  color: #ffffff;
  width: 0.1em;
  display: flex;
  line-height: 0.9;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}
.bannerbox .swiper-container .f_scroll span {
  transform: rotate(-90deg);
}
.bannerbox .swiper-container .f_scroll:after {
  content: "";
  display: block;
  width: 1px;
  height: 0.56rem;
  margin-top: 0.28rem;
  background-color: #ffffff;
}
.bannerbox .hm_but {
  width: 1.7rem;
  height: 0.5rem;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: url(/static/home/images/buticonimg1.png) no-repeat left top / 100% 100%;
}
@media (max-width: 1580px) {
  .bannerbox .hm_but {
    width: 1.8rem;
    height: 0.66rem;
  }
}
@media (max-width: 767px) {
  .bannerbox .hm_but {
    height: 0.68rem;
    width: 1.8rem;
  }
}
.bannerbox .hm_but:hover {
  opacity: 0.9;
}
.hm-sec1 {
  padding: 1.2rem 0;
}
@media (min-width: 992px) {
  .hm-sec1 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 0.4rem;
    width: 100%;
    z-index: 2;
  }
}
.hm-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.12rem;
}
.hm-sec1 .cont .item {
  width: 25%;
  padding: 0 0.12rem;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item {
    width: 50%;
    margin-bottom: 0.26rem;
  }
}
.hm-sec1 .cont .item .li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.1rem;
  background-color: #ffffff;
  padding: 0.36rem 0.4rem;
  height: 100%;
  position: relative;
  transition: all 0.4s linear;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .li {
    background-color: #f9f9f9;
  }
}
.hm-sec1 .cont .item .li .img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.4s linear;
}
.hm-sec1 .cont .item .li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hm-sec1 .cont .item .li .font {
  position: relative;
  width: calc(100% - 0.6rem);
}
@media (max-width: 1580px) {
  .hm-sec1 .cont .item .li .font {
    width: calc(100% - 0.68rem);
  }
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .li .font {
    width: 100%;
    order: 1;
  }
}
.hm-sec1 .cont .item .li .font .f_tit {
  font-size: var(--font-size4);
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.1rem;
  transition: all 0.4s;
}
.hm-sec1 .cont .item .li .font .f_text {
  color: #999999;
}
@media (max-width: 1460px) and (min-width: 768px) {
  .hm-sec1 .cont .item .li .font .f_text {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .li .font .f_text {
    font-size: 0.28rem;
  }
}
.hm-sec1 .cont .item .li .f_icon {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #f5ebeb;
  border-radius: 50%;
  display: flex;
  transition: all 0.4s linear;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .hm-sec1 .cont .item .li .f_icon {
    width: 0.68rem;
    height: 0.68rem;
  }
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .li .f_icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-bottom: 0.2rem;
  }
}
.hm-sec1 .cont .item .li .f_icon img {
  max-width: 63.33333333%;
  max-height: 63.33333333%;
  width: auto;
  height: auto;
  /* width: 100%;
						height: 100%; */
  object-fit: contain;
}
@media (min-width: 1261px) {
  .hm-sec1 .cont .item .li:hover {
    transform: translateY(-0.1rem);
  }
  .hm-sec1 .cont .item .li:hover .img {
    opacity: 1;
  }
  .hm-sec1 .cont .item .li:hover .font .f_tit {
    color: var(--color);
  }
  .hm-sec1 .cont .item .li:hover .f_icon {
    opacity: 0;
  }
}

 
@charset "utf-8";.abo{width:100%;height:auto;margin:1.2rem 0}.abo_t{width:100%;height:auto}.abo_t .container1600{display:flex;justify-content:space-between}@media (max-width: 767px){.abo_t .container1600{flex-direction:column}}.abo_t .container1600 .left{width:42.39%;padding:1.15rem 1.94rem 0 0}@media (max-width: 1260px){.abo_t .container1600 .left{padding:0 1rem 0 0}}@media (max-width: 767px){.abo_t .container1600 .left{width:100%;padding:0}}.abo_t .container1600 .left>span{color:var(--color);margin-bottom:.15rem;display:block;font-size:var(--font-size4)}.abo_t .container1600 .left h2{font-size:.48rem;font-weight:bold;line-height:1.2;margin-bottom:.28rem}.abo_t .container1600 .left .g_p p{color:#666;margin-bottom:.3rem;text-align:justify}.abo_t .container1600 .left .pub_a{margin-top:.4rem;display:inline-flex;cursor:pointer;align-items:center}.abo_t .container1600 .left .pub_a.pub_a2:hover .r_svg{background:var(--color0);border-color:var(--color0)}.abo_t .container1600 .left .pub_a.pub_a2 .r_svg{background:var(--color);border-color:var(--color)}.abo_t .container1600 .left .pub_a.pub_a3:hover .r_svg{background:#fff;border-color:#fff}.abo_t .container1600 .left .pub_a.pub_a3 .r_svg{background:#fff;border-color:#fff}.abo_t .container1600 .left .pub_a.pub_a3 .r_svg svg{color:var(--color)}.abo_t .container1600 .left .pub_a.pub_a3 .r_svg svg path{fill:var(--color)}.abo_t .container1600 .left .pub_a.pub_a4:hover .r_svg{background:var(--color);border-color:var(--color)}.abo_t .container1600 .left .pub_a.pub_a4:hover .r_svg svg{transform:rotate(45deg)}.abo_t .container1600 .left .pub_a.pub_a4:hover .r_svg svg path{fill:#fff}.abo_t .container1600 .left .pub_a.pub_a4 .r_svg{background:none;border-color:var(--color)}.abo_t .container1600 .left .pub_a.pub_a4 .r_svg svg path{fill:var(--color)}.abo_t .container1600 .left .pub_a.pub_a5:hover .r_svg{background:none;border-color:transparent}.abo_t .container1600 .left .pub_a.pub_a5:hover .r_svg svg{transform:rotate(45deg)}.abo_t .container1600 .left .pub_a.pub_a5:hover .r_svg svg path{fill:var(--color)}.abo_t .container1600 .left .pub_a.pub_a5:hover p{color:var(--color)}.abo_t .container1600 .left .pub_a.pub_a5 p{margin-right:0}.abo_t .container1600 .left .pub_a.pub_a5 .r_svg{background:none;border-color:transparent}.abo_t .container1600 .left .pub_a.pub_a5 .r_svg svg path{fill:#333}.abo_t .container1600 .left .pub_a:hover .r_svg{background:var(--color);border-color:var(--color)}.abo_t .container1600 .left .pub_a:hover .r_svg svg{transform:rotate(45deg)}.abo_t .container1600 .left .pub_a p{transition:all .3s;margin-right:.2rem}.abo_t .container1600 .left .pub_a .r_svg{width:.52rem;height:.52rem;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;transition:all .3s}@media (max-width: 767px){.abo_t .container1600 .left .pub_a .r_svg{width:.7rem;height:.7rem}}.abo_t .container1600 .left .pub_a .r_svg svg{color:#fff;width:22.6%;transition:all .3s}.abo_t .container1600 .left .pub_a .r_svg svg path{fill:#fff}.abo_t .container1600 .right{width:57.61%;padding-right:1rem}@media (max-width: 767px){.abo_t .container1600 .right{width:100%;margin-top:.6rem;padding-right:.5rem}}.abo_t .container1600 .right.on .r_box .g_bj{top:-0.92rem;right:-1rem}@media (max-width: 767px){.abo_t .container1600 .right.on .r_box .g_bj{top:-0.5rem;right:-0.5rem}}.abo_t .container1600 .right .r_box{position:relative}.abo_t .container1600 .right .r_box .img{height:100%;width:100%}.abo_t .container1600 .right .r_box .img:before{padding-top:100.51%}.abo_t .container1600 .right .r_box .g_bj{transition:.8s;position:absolute;width:100%;height:100%;top:0;right:0;background:#e6e9eb}
 
@charset "utf-8";.gs-about-7{padding:1.2rem 0;background-color:#F7F7F7}.gs-about-7 .container1400,.gs-about-7 .container1600{overflow:visible}.gs-about-7 .inner-title{width:100%;height:auto;text-align:center}.gs-about-7 .inner-title .title{width:100%;height:auto;font-weight:bold;font-size:var(--font-size2);color:#000000}.gs-about-7 .inner-title+.subsTab{margin-top:.5rem}.gs-about-7 .subsTab{line-height:3.5em;font-size:var(--font-size6);color:var(--color4);border-bottom:1px solid var(--color7)}@media (max-width: 767px){.gs-about-7 .subsTab{line-height:3}}.gs-about-7 .subsTab a{position:relative;z-index:0;color:var(--color4);display:inline-block;margin-right:2em;transition:all .5s ease}.gs-about-7 .subsTab a:last-child{margin-right:0}.gs-about-7 .subsTab .cur{font-weight:bold;color:var(--color)}.gs-about-7 .subsTab a:hover{color:var(--color)}.gs-about-7 .list{width:100%;height:auto;margin-top:.4rem}.gs-about-7 .list ul{width:100%;height:auto;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:.22rem}@media (max-width: 767px){.gs-about-7 .list ul{grid-template-columns:repeat(2, 1fr)}}.gs-about-7 .list ul li{width:100%;height:auto;position:relative;z-index:1;background-color:#fff;transition:all .5s}.gs-about-7 .list ul li .lib{padding:12%}.gs-about-7 .list ul li .pic{width:84%;margin:0 auto;padding-top:72.8%;position:relative;z-index:0;overflow:hidden}.gs-about-7 .list ul li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.gs-about-7 .list ul li .txt{margin-top:12%;border-top:1px solid #ddd}.gs-about-7 .list ul li .name{margin-top:8%;text-align:center;height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.gs-about-7 .list ul li:hover{transform:translate(0, -10px);-ms-transform:translate(0, -10px);-webkit-transform:translate(0, -10px);-moz-box-shadow:0 0 1em rgba(0,0,0,0.1);-webkit-box-shadow:0 0 1em rgba(0,0,0,0.1);box-shadow:0 0 1em rgba(0,0,0,0.1)}.gs-about-7 .list ul li:hover .name{color:var(--color);transition:all .5s}.gs-about-7 .btnW{width:100%;height:auto;margin-top:.8rem;display:flex;justify-content:center}.gs-about-7 .btnW .btnBlue{width:auto;min-width:1.8rem;height:.6rem;min-height:48px;padding:0 1.5em;background:var(--color);display:flex;align-items:center;justify-content:center;border:1px solid transparent;box-sizing:border-box;font-size:var(--font-size8);color:#FFFFFF;transition:all .5s ease}.gs-about-7 .btnW .btnBlue:hover{border-color:var(--color);background:transparent;color:var(--color)}