@charset "utf-8";
.h_abo {
  height: 9.7rem;
  position: relative;
}
.h_abo .xs,
.h_abo .xs2 {
  display: block;
}
.h_abo .yc,
.h_abo .yc2 {
  display: none;
}
@media (max-width: 767px) {
  .h_abo .xs,
  .h_abo .xs2 {
    display: none;
  }
  .h_abo .yc,
  .h_abo .yc2 {
    display: block;
  }
}
.h_abo .vidImg {
  width: 100%;
  height: 100%;
  position: relative;
}
.h_abo .vidImg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .h_abo .vidImg video {
    display: none;
  }
}
.h_abo .vidImg img {
  width: 100%;
  height: 100%;
  border: 0;
  vertical-align: middle;
  object-fit: cover;
}
.h_abo .h_abo_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.h_abo .h_abo_box .pub_a p {
  color: #fff;
}
.h_abo .h_abo_box .tit {
  margin-bottom: 0.7rem;
  text-align: center;
  width: 80%;
}
@media (max-width: 991px) {
  .h_abo .h_abo_box .tit {
    padding: 0 5%;
  }
}
.h_abo .h_abo_box .tit h2 {
  font-size: 0.46rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.h_abo .h_abo_box .tit p {
  text-align: center;
  opacity: 0.8;
}
@media (max-width: 991px) {
  .h_abo .h_abo_box .tit p br {
    display: none;
  }
}
.h_abo .h_abo_box .num {
  display: flex;
  margin-bottom: 0.78rem;
  justify-content: center;
}
.h_abo .h_abo_box .num .list {
  margin: 0 0.7rem;
}
@media (max-width: 767px) {
  .h_abo .h_abo_box .num .list {
    margin: 0 0.2rem;
  }
}
.h_abo .h_abo_box .num .list .g_t {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: flex-end;
}
.h_abo .h_abo_box .num .list .g_t p {
  line-height: 0.8;
  font-size: 1rem;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .h_abo .h_abo_box .num .list .g_t p {
    font-size: 0.6rem;
  }
}
.h_abo .h_abo_box .num .list .g_t i {
  font-style: initial;
  font-weight: bold;
  display: inline-flex;
}
@media (max-width: 767px) {
  .h_abo .h_abo_box .num .list .g_t i {
    font-size: 0.24rem;
  }
}
.h_abo .h_abo_box .num .list > span {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .h_abo .h_abo_box .num .list > span {
    font-size: 0.24rem;
  }
}
.h_abo .pub_a {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
.h_abo .pub_a.pub_a2:hover .r_svg {
  background: var(--color0);
  border-color: var(--color0);
}
.h_abo .pub_a.pub_a2 .r_svg {
  background: var(--color);
  border-color: var(--color);
}
.h_abo .pub_a.pub_a3:hover .r_svg {
  background: #fff;
  border-color: #fff;
}
.h_abo .pub_a.pub_a3 .r_svg {
  background: #fff;
  border-color: #fff;
}
.h_abo .pub_a.pub_a3 .r_svg svg {
  color: var(--color);
}
.h_abo .pub_a.pub_a3 .r_svg svg path {
  fill: var(--color);
}
.h_abo .pub_a.pub_a4:hover .r_svg {
  background: var(--color);
  border-color: var(--color);
}
.h_abo .pub_a.pub_a4:hover .r_svg svg {
  transform: rotate(45deg);
}
.h_abo .pub_a.pub_a4:hover .r_svg svg path {
  fill: #fff;
}
.h_abo .pub_a.pub_a4 .r_svg {
  background: none;
  border-color: var(--color);
}
.h_abo .pub_a.pub_a4 .r_svg svg path {
  fill: var(--color);
}
.h_abo .pub_a.pub_a5:hover .r_svg {
  background: none;
  border-color: transparent;
}
.h_abo .pub_a.pub_a5:hover .r_svg svg {
  transform: rotate(45deg);
}
.h_abo .pub_a.pub_a5:hover .r_svg svg path {
  fill: var(--color);
}
.h_abo .pub_a.pub_a5:hover p {
  color: var(--color);
}
.h_abo .pub_a.pub_a5 p {
  margin-right: 0;
}
.h_abo .pub_a.pub_a5 .r_svg {
  background: none;
  border-color: transparent;
}
.h_abo .pub_a.pub_a5 .r_svg svg path {
  fill: #333;
}
.h_abo .pub_a:hover .r_svg {
  background: var(--color);
  border-color: var(--color);
}
.h_abo .pub_a:hover .r_svg svg {
  transform: rotate(45deg);
}
.h_abo .pub_a p {
  transition: all 0.3s;
  margin-right: 0.2rem;
}
.h_abo .pub_a .r_svg {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .h_abo .pub_a .r_svg {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.h_abo .pub_a .r_svg svg {
  color: #fff;
  width: 22.6%;
  transition: all 0.3s;
}
.h_abo .pub_a .r_svg svg path {
  fill: #fff;
}

 
@charset "utf-8";
.x-about3 .font14 {
  font-size: 14px;
}
.x-about3 .font16 {
  font-size: 16px;
}
.x-about3 .font18 {
  font-size: 18px;
}
.x-about3 .font20 {
  font-size: 20px;
}
.x-about3 .font22 {
  font-size: 22px;
}
.x-about3 .font24 {
  font-size: 24px;
}
.x-about3 .font26 {
  font-size: 26px;
}
.x-about3 .font28 {
  font-size: 28px;
}
.x-about3 .font30 {
  font-size: 30px;
}
.x-about3 .font32 {
  font-size: 32px;
}
.x-about3 .font34 {
  font-size: 34px;
}
.x-about3 .font36 {
  font-size: 36px;
}
.x-about3 .font40 {
  font-size: 40px;
}
.x-about3 .font42 {
  font-size: 42px;
}
.x-about3 .font44 {
  font-size: 44px;
}
.x-about3 .font46 {
  font-size: 46px;
}
.x-about3 .font48 {
  font-size: 48px;
}
.x-about3 .font50 {
  font-size: 50px;
}
.x-about3 .font52 {
  font-size: 52px;
}
.x-about3 .font54 {
  font-size: 54px;
}
.x-about3 .font56 {
  font-size: 56px;
}
.x-about3 .font60 {
  font-size: 60px;
}
.x-about3 .font80 {
  font-size: 80px;
}
@media (max-width: 1580px) {
  .x-about3 .font16 {
    font-size: 14px;
  }
  .x-about3 .font18 {
    font-size: 16px;
  }
  .x-about3 .font20 {
    font-size: 18px;
  }
  .x-about3 .font22 {
    font-size: 20px;
  }
  .x-about3 .font24 {
    font-size: 22px;
  }
  .x-about3 .font26 {
    font-size: 24px;
  }
  .x-about3 .font28 {
    font-size: 26px;
  }
  .x-about3 .font30 {
    font-size: 28px;
  }
  .x-about3 .font32 {
    font-size: 30px;
  }
  .x-about3 .font34 {
    font-size: 32px;
  }
  .x-about3 .font36 {
    font-size: 34px;
  }
  .x-about3 .font40 {
    font-size: 38px;
  }
  .x-about3 .font42,
  .x-about3 .font44 {
    font-size: 40px;
  }
  .x-about3 .font46 {
    font-size: 42px;
  }
  .x-about3 .font48 {
    font-size: 44px;
  }
  .x-about3 .font50 {
    font-size: 46px;
  }
  .x-about3 .font52 {
    font-size: 48px;
  }
  .x-about3 .font54 {
    font-size: 50px;
  }
  .x-about3 .font56 {
    font-size: 52px;
  }
  .x-about3 .font60,
  .x-about3 .font80 {
    font-size: 56px;
  }
}
@media (max-width: 1260px) {
  .x-about3 .font16 {
    font-size: 14px;
  }
  .x-about3 .font18 {
    font-size: 16px;
  }
  .x-about3 .font20 {
    font-size: 18px;
  }
  .x-about3 .font22 {
    font-size: 20px;
  }
  .x-about3 .font24 {
    font-size: 22px;
  }
  .x-about3 .font26 {
    font-size: 24px;
  }
  .x-about3 .font28 {
    font-size: 24px;
  }
  .x-about3 .font30 {
    font-size: 26px;
  }
  .x-about3 .font32 {
    font-size: 28px;
  }
  .x-about3 .font34 {
    font-size: 28px;
  }
  .x-about3 .font36,
  .x-about3 .font40 {
    font-size: 30px;
  }
  .x-about3 .font42,
  .x-about3 .font44 {
    font-size: 32px;
  }
  .x-about3 .font46 {
    font-size: 36px;
  }
  .x-about3 .font48,
  .x-about3 .font50,
  .x-about3 .font52,
  .x-about3 .font54,
  .x-about3 .font56 {
    font-size: 38px;
  }
  .x-about3 .font60,
  .x-about3 .font80 {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .x-about3 .font14,
  .x-about3 .font16 {
    font-size: 0.28rem;
  }
  .x-about3 .font18,
  .x-about3 .font20 {
    font-size: 0.3rem;
  }
  .x-about3 .font22,
  .x-about3 .font24,
  .x-about3 .font26,
  .x-about3 .font28 {
    font-size: 0.32rem;
  }
  .x-about3 .font30,
  .x-about3 .font32,
  .x-about3 .font34 {
    font-size: 0.4rem;
  }
  .x-about3 .font36,
  .x-about3 .font40 {
    font-size: 0.4rem;
  }
  .x-about3 .font42,
  .x-about3 .font44,
  .x-about3 .font46 {
    font-size: 0.46rem;
  }
  .x-about3 .font48,
  .x-about3 .font50,
  .x-about3 .font52,
  .x-about3 .font54,
  .x-about3 .font56,
  .x-about3 .font60,
  .x-about3 .font80 {
    font-size: 0.6rem;
  }
}
.x-about3 .x-con {
  position: relative;
}
@media (max-width: 991px) {
  .x-about3 .x-con {
    padding: 1.2rem 0;
  }
}
@media (max-width: 991px) {
  .x-about3 .x-con .public-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.x-about3 .x-con .public-img::before {
  padding-top: 41.66666667%;
}
.x-about3 .x-con .x-text {
  position: absolute;
  left: 50%;
  top: 1.1rem;
  transform: translateX(-50%);
  z-index: 5;
  padding: 0 1.2rem;
}
@media (max-width: 991px) {
  .x-about3 .x-con .x-text {
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    transform: initial;
  }
}
.x-about3 .x-con .x-text .x-title {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.x-about3 .x-con .x-text ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 1260px) {
  .x-about3 .x-con .x-text ul {
    margin-top: 0.6rem;
  }
}
.x-about3 .x-con .x-text ul li {
  width: 43.1%;
  position: relative;
  border-radius: 0.15rem;
  border: 1px solid #8fa9cf;
  overflow: hidden;
}
.x-about3 .x-con .x-text ul li:hover::before {
  opacity: 1;
}
@media (max-width: 991px) {
  .x-about3 .x-con .x-text ul li {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.x-about3 .x-con .x-text ul li::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.x-about3 .x-con .x-text ul li::before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left, #41cbff, #5f43ff);
  background: linear-gradient(to right, #41cbff, #5f43ff);
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-about3 .x-con .x-text ul li span {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  line-height: 0.8;
}
@media (max-width: 991px) {
  .x-about3 .x-con .x-text ul li span {
    top: 0.4rem;
  }
}
.x-about3 .x-con .x-text ul li .x-txt {
  text-align: center;
  padding: 1.2rem 0.85rem 0.9rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-about3 .x-con .x-text ul li .x-txt {
    padding: 1rem 0.45rem 0.9rem;
  }
}
@media (max-width: 1260px) {
  .x-about3 .x-con .x-text ul li .x-txt {
    padding: 0.6rem 0.45rem 0.8rem;
  }
}
.x-about3 .x-con .x-text ul li .x-txt .x-tit {
  color: #fff;
  font-weight: bold;
}
.x-about3 .x-con .x-text ul li .x-txt .x-p {
  color: #fff;
  margin-top: 5px;
}

 
@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";.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}