@charset "utf-8";
:root {
  --color: #88cbd0;
  --vh: 100vh;
}
/*字体*/
/* @font-face {
	font-family: "Fontke";
	src: url("Fontke.woff2") format("woff2"),
		 url("Fontke.woff") format("woff"),
		 url("Fontke.ttf") format("truetype"),
		 url("Fontke.eot") format("embedded-opentype"),
		 url("Fontke.svg") format("svg"),
		 url("Fontke.otf") format("opentype");
} */
/* 开始 */
.g_xs {
  display: block;
}
.g_yc {
  display: none;
}
@media (max-width: 767px) {
  .g_xs {
    display: none;
  }
  .g_yc {
    display: block;
  }
}
sub {
  font-size: 12px;
  position: relative;
  bottom: 4px;
}
sup {
  font-size: 12px;
}
/* 产品列表 */
.pub_top {
  background: #f2f6fa;
  position: relative;
}
@media (max-width: 991px) {
  .pub_top {
    margin-top: 1.2rem;
  }
}
.pub_top > div {
  z-index: 6;
  position: relative;
}
.pub_top .pub_bac {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
.pub_top .pub_bac .gradient-bg {
  background: #f2f6fa;
}
.pub_top .pub_bac .gradient-bg .gradient-bg-move {
  background: #f2f6fa;
}
.pub_top .top {
  width: 100%;
  padding: 2.37rem 0 0;
}
@media (max-width: 767px) {
  .pub_top .top {
    padding: 4.7rem 0 0;
  }
}
.pub_top .top .img {
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .pub_top .top .img {
    width: 100%;
  }
}
.pub_top .top .img img {
  width: 100%;
}
.pub_top .top .box {
  width: 100%;
  position: relative;
}
.pub_top .top .box .crumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: calc(24/18);
  color: rgba(3, 31, 35, 0.5);
}
.pub_top .top .box .crumbs a {
  color: rgba(3, 31, 35, 0.5);
}
.pub_top .top .box .crumbs i {
  font-style: initial;
  margin: 0 5px;
}
.pub_top .top .box .title {
  line-height: calc(58/40);
  color: #031f23;
  margin-top: 0.27rem;
}
@media (max-width: 767px) {
  .pub_top .top .box .title br {
    display: none;
  }
}
.pub_top .top .box .title sup {
  transform: translateY(-8px);
}
.pub_top .top .box .technology-menu {
  width: 100%;
  border-bottom: 1px solid #e6ecf2;
  margin-top: 1.25rem;
  display: flex;
}
@media (max-width: 991px) {
  .pub_top .top .box .technology-menu {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.pub_top .top .box .technology-menu ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.4rem;
}
.pub_top .top .box .technology-menu ul li {
  margin-right: 0.18rem;
  flex-shrink: 0;
}
.pub_top .top .box .technology-menu ul li:last-child {
  margin-right: 0;
}
.pub_top .top .box .technology-menu ul li a {
  height: 36px;
  padding: 0 0.22rem;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #031f23;
  transition: all 0.4s;
  position: relative;
}
.pub_top .top .box .technology-menu ul li a span {
  position: relative;
  z-index: 2;
}
.pub_top .top .box .technology-menu ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (min-width: 992px) {
  .pub_top .top .box .technology-menu ul li:hover a {
    color: #fff;
  }
  .pub_top .top .box .technology-menu ul li:hover a::before {
    opacity: 1;
  }
}
.pub_top .top .box .technology-menu ul li.on a {
  color: #fff;
}
.pub_top .top .box .technology-menu ul li.on a::before {
  opacity: 1;
}
.pub_top .top .box .technology-menu .search {
  width: 263px;
  height: 48px;
  display: flex;
  background: #fff;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .pub_top .top .box .technology-menu .search {
    margin-bottom: 0.3rem;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .pub_top .top .box .technology-menu .search {
    width: 100%;
  }
}
.pub_top .top .box .technology-menu .search .t1 {
  width: 100%;
  padding-left: 0.2rem;
  color: #031f23;
}
.pub_top .top .box .technology-menu .search .t1::placeholder {
  color: rgba(3, 31, 35, 0.35);
}
.pub_top .top .box .technology-menu .search .btn {
  width: 50px;
  height: 100%;
  background: url(../images/search.svg) center center no-repeat;
  background-size: 24px;
}
.g_scroll {
  display: flex;
}
.g_scroll .g_scroll_box {
  padding-bottom: 0.4rem;
}
.g_scroll .swiper-container {
  width: 100%;
  padding-bottom: 0.6rem;
}
.g_scroll .g_line {
  position: absolute;
  bottom: 0.18rem;
  left: 0;
  height: 2px;
  background-color: #e6ecf2;
  width: 100%;
  transition: width 0.3s;
}
.g_scroll .g_line .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(to left, #16b3c0, #7fc471);
  /* width: calc(100% / 3); */
}
.g_scroll .g_line .progress-bar .bar_jt {
  position: absolute;
  width: 0.7rem;
  height: 0.24rem;
  background: #fff;
  border-radius: 100px;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.g_scroll .g_line .progress-bar .bar_jt:hover {
  opacity: 0;
}
.g_scroll .g_line .progress-bar .bar_jt svg,
.g_scroll .g_line .progress-bar .bar_jt img {
  width: 0.08rem;
  height: auto;
  margin: 0 0.04rem;
}
.g_scroll .g_line .progress-bar .bar_jt svg:first-child,
.g_scroll .g_line .progress-bar .bar_jt img:first-child {
  transform: rotate(180deg);
}
.g_scroll .g_line .progress-bar .bar_jt svg path,
.g_scroll .g_line .progress-bar .bar_jt img path {
  fill: #a6aeb7;
}
.proon {
  padding-top: 0.6rem;
  display: flex;
  justify-content: space-between;
}
.proon .box .proon_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.proon .box .proon_box .item {
  flex-shrink: 0;
  border-radius: 0.1rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.2rem;
  padding-left: 0.4rem;
  margin-right: 0.4rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .proon .box .proon_box .item {
    flex-direction: column-reverse;
    padding: 0.4rem;
  }
}
@media (min-width: 768px) {
  .proon .box .proon_box .item:hover {
    background: #e6ebf0;
  }
  .proon .box .proon_box .item:hover .gl .txt .g_span span {
    background: linear-gradient(to left, #16b3c0, #7fc471);
    background: -webkit-linear-gradient(to left, #16b3c0, #7fc471);
    color: #fff;
  }
  .proon .box .proon_box .item:hover .gl .txt .g_span span::after {
    opacity: 0;
  }
  .proon .box .proon_box .item:hover .gl .g_pub i {
    transform: rotate(-45deg);
  }
  .proon .box .proon_box .item:hover .gl .g_pub i svg path,
  .proon .box .proon_box .item:hover .gl .g_pub i img path {
    fill: #01afcc;
  }
  .proon .box .proon_box .item:hover .gl .g_pub p {
    color: #01afcc;
  }
}
.proon .box .proon_box .item .gl {
  padding: 0.2rem 0.2rem 0.3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 55.55555556%;
}
@media (max-width: 767px) {
  .proon .box .proon_box .item .gl {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.proon .box .proon_box .item .gl .txt .g_span {
  display: flex;
  flex-wrap: wrap;
}
.proon .box .proon_box .item .gl .txt .g_span span {
  margin: 0 0.1rem 0.1rem 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  height: 30px;
  padding: 0 0.17rem;
  font-weight: bold;
  color: #00afcc;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 1260px) {
  .proon .box .proon_box .item .gl .txt .g_span span {
    height: auto;
    padding: 0.05rem 0.17rem;
  }
}
@media (max-width: 767px) {
  .proon .box .proon_box .item .gl .txt .g_span span {
    padding: 0 0.3rem;
    height: 0.7rem;
  }
}
.proon .box .proon_box .item .gl .txt .g_span span::after {
  transition: all 0.4s;
  content: '';
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 100px;
  z-index: 10;
  pointer-events: none;
  border: 2px solid #00afcc;
}
.proon .box .proon_box .item .gl .txt h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.proon .box .proon_box .item .gl .g_pub {
  display: flex;
  align-items: center;
  margin: 0.2rem 0 0;
}
@media (max-width: 767px) {
  .proon .box .proon_box .item .gl .g_pub {
    display: none;
  }
}
.proon .box .proon_box .item .gl .g_pub i {
  transition: all 0.4s;
  flex-shrink: 0;
  display: flex;
  width: 0.18rem;
  height: auto;
}
@media (max-width: 767px) {
  .proon .box .proon_box .item .gl .g_pub i {
    width: 0.24rem;
  }
}
.proon .box .proon_box .item .gl .g_pub i svg,
.proon .box .proon_box .item .gl .g_pub i img {
  width: 100%;
  height: auto;
  transition: all 0.4s;
}
.proon .box .proon_box .item .gl .g_pub i svg path,
.proon .box .proon_box .item .gl .g_pub i img path {
  transition: all 0.4s;
  fill: #a9b1b9;
}
.proon .box .proon_box .item .gl .g_pub p {
  margin-left: 0.13rem;
  color: #a4acb5;
  transition: all 0.4s;
}
.proon .box .proon_box .item .gr {
  width: 44.44444444%;
}
@media (max-width: 767px) {
  .proon .box .proon_box .item .gr {
    width: 100%;
  }
}
.proon .box .proon_box .item .gr .public-img {
  border-radius: 5px;
}
.proon .box .proon_box .item .gr .public-img:before {
  padding-top: 65.625%;
}
.protw {
  padding: 0.52rem 0 1rem;
}
.protw .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.protw .box .item {
  width: 33.33%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .protw .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .protw .box .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.protw .box .item:hover .itembox::after {
  opacity: 1;
}
.protw .box .item:hover .itembox .img {
  top: -0.28rem;
  padding: 0.3rem 0.2rem;
}
.protw .box .item:hover .itembox .txt .txt_t h3 {
  color: #fff;
}
.protw .box .item:hover .itembox .txt .txt_t p {
  height: 3em;
}
.protw .box .item:hover .itembox .txt .g_pub {
  margin-top: 0.28rem;
  background: #fff;
}
.protw .box .item:hover .itembox .txt .g_pub i {
  transform: rotate(-45deg);
}
.protw .box .item:hover .itembox .txt .g_pub p {
  margin-left: 0.1rem;
  width: 6em;
}
.protw .box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
  color: #fff;
  color: #333;
  border-radius: 0.12rem;
}
.protw .box .item .itembox::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  border-radius: 0.12rem;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .protw .box .item .itembox::after {
    opacity: 1;
  }
}
.protw .box .item .itembox .img {
  transition: all 0.4s;
  position: relative;
  z-index: 10;
  top: 0;
  background: #fff;
  border-radius: 0.1rem;
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.2rem 0;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .img {
    height: 6rem;
    top: -0.28rem;
    padding: 0.3rem 0.2rem;
  }
}
.protw .box .item .itembox .img img {
  max-width: 100%;
  max-height: 100%;
}
.protw .box .item .itembox .txt {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 2.27rem;
  padding: 0.1rem 0.3rem 0.3rem;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt {
    height: 2rem;
  }
}
.protw .box .item .itembox .txt .txt_t {
  width: 100%;
}
.protw .box .item .itembox .txt .txt_t h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.4s;
  margin-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt .txt_t h3 {
    color: #fff;
  }
}
.protw .box .item .itembox .txt .txt_t p {
  transition: all 0.4s;
  opacity: 0.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt .txt_t p {
    height: 3em;
  }
}
.protw .box .item .itembox .txt .g_pub {
  transition: all 0.4s;
  padding: 0 0.25rem;
  border-radius: 100px;
  min-width: 0.72rem;
  height: 0.36rem;
  border: 2px solid #13b5d0;
  /* margin-top: 0.28rem; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1580px) {
  .protw .box .item .itembox .txt .g_pub {
    height: 0.54rem;
    min-width: 0.96rem;
  }
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt .g_pub {
    height: 0.7rem;
    padding: 0 0.4rem;
    margin-top: 0.28rem;
    background: #fff;
    display: none;
  }
}
.protw .box .item .itembox .txt .g_pub i {
  transition: all 0.4s;
  flex-shrink: 0;
  display: flex;
  width: 0.15rem;
  height: auto;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt .g_pub i {
    width: 0.24rem;
    transform: rotate(-45deg);
  }
}
.protw .box .item .itembox .txt .g_pub i svg,
.protw .box .item .itembox .txt .g_pub i img {
  width: 100%;
  height: auto;
}
.protw .box .item .itembox .txt .g_pub i svg path,
.protw .box .item .itembox .txt .g_pub i img path {
  fill: #13b5d0;
}
.protw .box .item .itembox .txt .g_pub p {
  transition: all 0.4s;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 0;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .protw .box .item .itembox .txt .g_pub p {
    margin-left: 0.1rem;
    width: 4em;
  }
}
.protw .page-list {
  margin-top: 0.6rem;
}
/* 应用方案 */
.app_top .top {
  overflow: hidden;
}
.app_top .top .box .txt {
  width: 48% ;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .app_top .top .box .txt {
    width: 100%;
  }
}
.app_top .top .img img {
  width: 4.89rem;
  height: auto;
  margin: 0.26rem 0 0 1.6rem;
}
.pub_title {
  text-align: center;
}
.pub_title h2 {
  line-height: 1.33;
  color: #16b3c0;
}
.pub_title h2 span {
  font-weight: bold;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pub_title h2 sup {
  transform: translateY(-5px);
}
.pub_title h2 p {
  color: #959ca6;
}
.pub_title p {
  margin-top: 0.14rem;
}
.pub_title2 {
  text-align: left;
}
.appbox > div {
  background: #fff !important;
}
.appbox > div:nth-child(2n-1) {
  background: #f2f6fa !important;
}
.appon {
  padding: 0.8rem 0 0.55rem;
}
.appon .pub_title {
  text-align: left;
}
.appon .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appon .box {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .appon .box {
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .appon .box .gbox {
    width: 800px;
  }
}
.appon .box .g_tit {
  display: flex;
}
.appon .box .g_tit p {
  font-weight: bold;
  width: 50%;
}
.appon .box .g_tit .p1 {
  padding-left: 0.18rem;
}
.appon .box .g_tit .p2 {
  color: #00afcc;
}
.appon .box .g_con {
  margin-top: 0.35rem;
}
.appon .box .g_con .item {
  padding: 0.15rem;
  border-radius: 0.1rem;
  background: #e6ecf2;
  margin-bottom: 0.1rem;
  display: flex;
  transition: all 0.4s;
  justify-content: space-between;
}
.appon .box .g_con .item:hover {
  background: #ffffff;
}
.appon .box .g_con .item:hover .gl .txt span {
  background: #f2f6fa;
}
.appon .box .g_con .item:hover .gr .g_span::after {
  opacity: 1;
}
.appon .box .g_con .item:hover .gr p {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.appon .box .g_con .item .gl {
  position: relative;
  z-index: 5;
  padding-right: 0.56rem;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.appon .box .g_con .item .gl .txt {
  display: inline-flex;
  align-items: center;
}
.appon .box .g_con .item .gl .txt span {
  transition: all 0.4s;
  min-width: 1.2rem;
  padding: 0 0.1rem;
  background: #fff;
  height: 0.5rem;
  border-radius: 0.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #959ca6;
  margin-right: 0.35rem;
}
@media (max-width: 1260px) {
  .appon .box .g_con .item .gl .txt span {
    min-height: 0.6rem;
    height: auto;
    width: 2.5rem;
    flex-shrink: 0;
    padding: 0.05rem 0.1rem;
  }
}
.appon .box .g_con .item .gl .txt p {
  color: #959ca6;
}
@media (max-width: 767px) {
  .appon .box .g_con .item .gl .txt p {
    padding-right: 0.1rem;
  }
}
.appon .box .g_con .item .gl .g_svg {
  display: flex;
  align-items: center;
}
.appon .box .g_con .item .gl .g_svg svg,
.appon .box .g_con .item .gl .g_svg img {
  width: 9px;
  margin-left: 1px;
}
@media (max-width: 767px) {
  .appon .box .g_con .item .gl .g_svg svg,
  .appon .box .g_con .item .gl .g_svg img {
    width: 7px;
  }
}
.appon .box .g_con .item .gl .g_svg svg path,
.appon .box .g_con .item .gl .g_svg img path {
  fill: #00afcc;
}
.appon .box .g_con .item .gr {
  position: relative;
  z-index: 5;
  width: 50%;
  display: flex;
  align-items: center;
}
.appon .box .g_con .item .gr .g_span {
  min-width: 2.2rem;
  background: #00afcc;
  height: 0.5rem;
  border-radius: 0.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  padding: 0 0.1rem 0 0.26rem;
  margin-right: 0.55rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1580px) {
  .appon .box .g_con .item .gr .g_span {
    min-width: 3rem;
    height: auto;
    min-height: 0.6rem;
    padding: 0.05rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .appon .box .g_con .item .gr .g_span {
    min-width: 4rem;
    height: 0.7rem;
  }
}
.appon .box .g_con .item .gr .g_span::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  opacity: 0;
  transition: all 0.4s;
}
.appon .box .g_con .item .gr .g_span span {
  position: relative;
  z-index: 5;
  line-height: 1.2;
}
.appon .box .g_con .item .gr .g_span span::first-letter {
  text-transform: uppercase;
  color: #fff29c;
  font-size: 0.24rem;
}
@media (max-width: 1580px) {
  .appon .box .g_con .item .gr .g_span span::first-letter {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .appon .box .g_con .item .gr .g_span span::first-letter {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .appon .box .g_con .item .gr .g_span span::first-letter {
    font-size: 0.3rem;
  }
}
.appon .box .g_con .item .gr p {
  color: #00afcc;
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .appon .box .g_con .item .gr p {
    font-size: 14px;
  }
}
.apptw {
  padding: 0.55rem 0 1.46rem;
}
.apptw .pub_title {
  text-align: left;
}
.apptw .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
@media (max-width: 767px) {
  .apptw {
    padding: 0.4rem 0 1.1rem;
  }
}
.apptw .box .apptw_t {
  background: #e6ecf2;
  padding: 10px;
  padding-top: 0;
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .apptw .box .apptw_t {
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .apptw .box .apptw_t .bbox {
    width: 900px;
  }
}
.apptw .box .apptw_t .tit {
  padding: 0.16rem 0;
  display: flex;
  justify-content: space-between;
}
.apptw .box .apptw_t .tit .gl {
  margin-right: 4px;
  flex-shrink: 0;
  width: 25.69620253%;
}
.apptw .box .apptw_t .tit .gl p {
  text-align: center;
  color: #959ca6;
}
.apptw .box .apptw_t .tit .gr {
  /* padding-left: 1.15rem; */
  display: flex;
  text-align: center;
  width: 74.30379747%;
}
.apptw .box .apptw_t .tit .gr p {
  padding: 0 0.2rem;
  color: #959ca6;
}
.apptw .box .apptw_t .gbox {
  display: flex;
  justify-content: space-between;
}
.apptw .box .apptw_t .gbox .gl {
  border-radius: 0.1rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  margin-right: 4px;
  flex-shrink: 0;
  width: 25.69620253%;
}
.apptw .box .apptw_t .gbox .gl p {
  text-align: center;
  color: #959ca6;
}
.apptw .box .apptw_t .gbox .gr {
  width: 74.30379747%;
}
.apptw .box .apptw_t .gbox .gr .gr_item {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 0.8rem;
  padding: 0.2rem 0 0.2rem;
  background: #fff;
  border-radius: 0.1rem;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.apptw .box .apptw_t .gbox .gr .gr_item:nth-child(2)::after {
  opacity: 1;
}
.apptw .box .apptw_t .gbox .gr .gr_item:nth-child(2) p {
  color: #fff;
}
.apptw .box .apptw_t .gbox .gr .gr_item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.apptw .box .apptw_t .gbox .gr .gr_item:last-child {
  margin-bottom: 0;
}
.apptw .box .apptw_t .gbox .gr .gr_item p {
  position: relative;
  z-index: 10;
  padding: 0 0.2rem;
  color: #959ca6;
  transition: all 0.4s;
}
.apptw .box .apptw_t .p1 {
  width: 18.0952381%;
}
.apptw .box .apptw_t .p2 {
  width: 14.85714286%;
}
.apptw .box .apptw_t .p3 {
  width: 14.85714286%;
}
.apptw .box .apptw_t .p4 {
  width: 14.85714286%;
}
.apptw .box .apptw_t .p5 {
  width: 22.0952381%;
}
.apptw .box .apptw_t .p6 {
  width: 15.71428571%;
}
.apptw .box .apptw_b {
  margin-top: 1.08rem;
  display: flex;
}
@media (max-width: 991px) {
  .apptw .box .apptw_b {
    flex-wrap: wrap;
  }
}
.apptw .box .apptw_b .item {
  width: 20%;
  padding-right: 0.2rem;
  align-items: center;
  display: flex;
}
@media (max-width: 991px) {
  .apptw .box .apptw_b .item {
    width: 33.33%;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .apptw .box .apptw_b .item {
    width: 50%;
  }
}
.apptw .box .apptw_b .item .img {
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.apptw .box .apptw_b .item .img img {
  width: 0.8rem;
  height: 0.8rem;
  object-fit: contain;
}
.apptw .box .apptw_b .item .txt {
  margin-right: 0.6rem;
}
@media (max-width: 767px) {
  .apptw .box .apptw_b .item .txt {
    margin-right: 0.2rem;
  }
}
.apptw .box .apptw_b .item .txt .item_t {
  display: flex;
}
.apptw .box .apptw_b .item .txt .item_t p {
  line-height: 1;
  font-weight: bold;
}
.apptw .box .apptw_b .item .txt .item_t span {
  font-weight: bold;
}
.apptw .box .apptw_b .item .txt .item_b p {
  color: #959ca6;
}
.appth {
  background: #fff;
  padding: 1.1rem 0 0.95rem;
}
.appth .pub_title {
  text-align: left;
}
.appth .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appth .box {
  margin-top: 0.7rem;
}
.appth .box img {
  width: 100%;
  height: auto;
}
.appfo {
  background: #f2f6fa;
  padding: 1.1rem 0 0.95rem;
}
.appfo .pub_title {
  text-align: left;
}
.appfo .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appfo .box {
  margin-top: 0.7rem;
}
.appfo .box .bbox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  /* z-index: 100;
			position: sticky;
			position: -webkit-sticky;
			top: 130px; */
}
@media (max-width: 991px) {
  .appfo .box .bbox {
    /* position: initial; */
  }
}
.appfo .box .bbox.on .item .itembox {
  padding: 0.3rem 0.4rem 0.2rem;
}
.appfo .box .bbox.on .item .itembox .txt .g_p {
  /* overflow: hidden;
								height: 0; */
}
@media (max-width: 767px) {
  .appfo .box .bbox {
    flex-wrap: initial;
    overflow: auto;
    margin-bottom: 0.4rem;
  }
}
.appfo .box .bbox .item {
  cursor: pointer;
  width: 25%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .appfo .box .bbox .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .appfo .box .bbox .item {
    width: 100%;
    flex-shrink: 0;
  }
}
.appfo .box .bbox .item:hover .itembox,
.appfo .box .bbox .item.on .itembox {
  background: #fff;
}
.appfo .box .bbox .item:hover .itembox .g_num::after,
.appfo .box .bbox .item.on .itembox .g_num::after {
  opacity: 1;
}
.appfo .box .bbox .item:hover .itembox .g_num span,
.appfo .box .bbox .item.on .itembox .g_num span {
  color: #fff;
}
.appfo .box .bbox .item .itembox {
  transition: all 0.4s;
  display: block;
  width: 100%;
  height: 100%;
  background: #e6ecf2;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
  padding: 0.4rem;
}
.appfo .box .bbox .item .itembox .g_num {
  margin-bottom: 0.26rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .appfo .box .bbox .item .itembox .g_num {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.appfo .box .bbox .item .itembox .g_num::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
  background: linear-gradient(to top, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to top, #16b3c0, #7fc471);
}
.appfo .box .bbox .item .itembox .g_num span {
  position: relative;
  z-index: 10;
  color: #959ca6;
  transition: all 0.4s;
}
.appfo .box .bbox .item .itembox .txt h3 {
  margin-bottom: 0.16rem;
}
.appfo .box .bbox .item .itembox .txt .g_p {
  /* transition: all 0.4s; */
}
.appfo .box .bbox .item .itembox .txt .g_p p {
  margin-bottom: 0.06rem;
  color: #959ca6;
  display: block;
  position: relative;
  padding-left: 10px;
}
.appfo .box .bbox .item .itembox .txt .g_p p:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: #959ca6;
  left: 0;
  top: 11px;
}
@media (max-width: 1580px) {
  .appfo .box .bbox .item .itembox .txt .g_p p:after {
    top: 9px;
  }
}
.appfo .box .img {
  border-radius: 0.1rem;
  padding: 0.4rem 0.75rem;
  background: #fff;
}
.appfo .box .img img {
  margin-bottom: 0.4rem;
  width: 100%;
  height: auto;
}
.appfi {
  background: #fff;
  padding: 1.15rem 0 0.55rem;
}
.appfi .pub_title {
  text-align: left;
}
.appfi .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appfi .box {
  margin-top: 0.7rem;
}
.appfi .box .gnav {
  display: flex;
  justify-content: center;
}
@media (max-width: 1260px) {
  .appfi .box .gnav {
    overflow: auto;
    justify-content: flex-start;
  }
}
.appfi .box .gnav p {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #959ca6;
  min-width: 3rem;
  padding: 0 0.2rem;
  height: 0.6rem;
  transition: all 0.4s;
  border-bottom: 2px solid #e6ecf2;
}
@media (max-width: 1260px) {
  .appfi .box .gnav p {
    flex-shrink: 0;
  }
}
.appfi .box .gnav p.on {
  color: #222;
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
}
.appfi .box .gnav p.on::after {
  opacity: 1;
}
.appfi .box .gnav p::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
  background: url(../images/app11.png) no-repeat;
  background-size: 100% 100%;
}
.appfi .box .bbox {
  border-radius: 0.1rem;
  margin-top: 0.48rem;
  background: #f2f6fa;
  padding: 0.75rem 0.95rem;
}
@media (max-width: 767px) {
  .appfi .box .bbox {
    padding: 0;
  }
}
.appfi .box .bbox img {
  display: none;
  mix-blend-mode: multiply;
}
.appfi .box .bbox img:first-child {
  display: block;
}
.appsi {
  background: #fff;
  padding: 0.55rem 0 1.1rem;
}
.appsi .pub_title {
  text-align: left;
}
.appsi .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appsi .box {
  margin-top: 0.52rem;
}
@media (max-width: 767px) {
  .appsi .box {
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .appsi .box .appsi_box {
    width: 820px;
  }
}
.appsi .box .gnav {
  display: flex;
  margin-bottom: 0.26rem;
}
.appsi .box .gnav .gl {
  width: 17.5%;
  padding-left: 0.5rem;
}
@media (max-width: 767px) {
  .appsi .box .gnav .gl {
    padding-left: 0;
  }
}
.appsi .box .gnav .gl p {
  color: #959ca6;
  font-weight: bold;
}
@media (max-width: 767px) {
  .appsi .box .gnav .gl p {
    font-size: 10px;
    text-align: left;
  }
}
.appsi .box .gnav .gr {
  display: flex;
  width: 82.5%;
}
.appsi .box .gnav .gr p {
  color: #959ca6;
  /* margin-left: 1.54rem; */
  width: 20%;
  padding-right: 0.1rem;
}
@media (max-width: 1260px) {
  .appsi .box .gnav .gr p {
    /* margin-left: 1rem; */
  }
}
@media (max-width: 991px) {
  .appsi .box .gnav .gr p {
    /* margin-left: 0.7rem; */
  }
}
@media (max-width: 767px) {
  .appsi .box .gnav .gr p {
    font-size: 8px;
    /* margin-left: 0.2rem; */
  }
}
.appsi .box .bbox .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  background: #f2f6fa;
  border-radius: 0.1rem;
  padding: 0.2rem 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
  .appsi .box .bbox .item {
    align-items: center;
  }
}
.appsi .box .bbox .item .gl {
  width: 17.5%;
  padding-left: 0.5rem;
}
@media (max-width: 767px) {
  .appsi .box .bbox .item .gl {
    padding-left: 0.2rem;
    /* width: 29%; */
  }
}
.appsi .box .bbox .item .gl p {
  color: #697280;
  font-weight: bold;
}
@media (max-width: 991px) {
  .appsi .box .bbox .item .gl p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .appsi .box .bbox .item .gl p {
    font-size: 10px;
    text-align: left;
  }
}
.appsi .box .bbox .item .gr {
  border-radius: 100px;
  display: flex;
  width: 82.5%;
  background: #e6ecf2;
  height: 0.3rem;
  position: relative;
}
@media (max-width: 767px) {
  .appsi .box .bbox .item .gr {
    height: 0.4rem;
    align-items: center;
    width: 71%;
  }
}
.appsi .box .bbox .item .gr i {
  border-radius: 100px;
  position: absolute;
  height: 100%;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
@media (max-width: 767px) {
  .appsi .box .bbox .item .gr i {
    /* height: 50%; */
  }
}
.g_time {
  display: flex;
  align-items: center;
}
.g_time i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 10px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .g_time i {
    width: 0.18rem;
    height: 0.18rem;
    margin: 2px 10px 0 0;
  }
}
.g_time i svg,
.g_time i img {
  width: 100%;
  height: auto;
}
.g_time i svg path,
.g_time i img path {
  fill: #959ca6;
}
.g_time p {
  color: #959ca6;
}
.appse {
  padding: 0.95rem 0 0.9rem;
}
.appse.appse2 .pub_title {
  text-align: center;
}
.appse.appse2 .pub_title h2 {
  background: none;
  color: #333;
  -webkit-text-fill-color: initial;
}
.appse .pub_title {
  text-align: left;
}
.appse .pub_title h2 {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  /* white-space: nowrap; */
  font-weight: bold;
}
.appse .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  margin-top: 0.55rem;
}
.appse .box .item {
  width: 33.33%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .appse .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .appse .box .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.appse .box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.1rem;
  background: #fff;
}
.appse .box .item1 .itembox:hover .img .public-img img {
  transform: scale(1.05);
}
.appse .box .item1 .itembox:hover .img .g_vid {
  opacity: 1;
}
.appse .box .item1 .itembox:hover .txt {
  top: -0.2rem;
}
.appse .box .item1 .img {
  position: relative;
}
.appse .box .item1 .img .public-img:before {
  padding-top: 61.53846154%;
}
.appse .box .item1 .img .g_vid {
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 175, 204, 0.5);
}
.appse .box .item1 .img .g_vid i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
}
.appse .box .item1 .img .g_vid i svg,
.appse .box .item1 .img .g_vid i img {
  width: 0.11rem;
  height: auto;
}
.appse .box .item1 .img .g_vid i svg path,
.appse .box .item1 .img .g_vid i img path {
  fill: #00afcc;
}
.appse .box .item1 .txt {
  display: block;
  border-radius: 0 0 0.1rem 0.1rem;
  background: #fff;
  z-index: 10;
  position: relative;
  top: 0;
  transition: all 0.3s;
  padding: 0.3rem;
}
@media (max-width: 1580px) {
  .appse .box .item1 .txt {
    padding: 0.4rem 0.3rem;
  }
}
.appse .box .item1 .txt .txt_t {
  margin-bottom: 0.44rem;
}
.appse .box .item1 .txt .txt_t span {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e6ecf2;
  height: 0.36rem;
  padding: 0 0.22rem;
  border-radius: 100px;
  color: #999;
}
.appse .box .item1 .txt .txt_t span:hover {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  color: #fff;
}
@media (max-width: 767px) {
  .appse .box .item1 .txt .txt_t span {
    height: 0.56rem;
    padding: 0 0.4rem;
  }
}
.appse .box .item1 .txt .txt_t h3 {
  color: #333;
  margin-top: 0.2rem;
  line-height: 1.36;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.72em;
}
@media (max-width: 991px) {
  .appse .box .item2 {
    width: 100%;
  }
}
.appse .box .item2 .itembox {
  background: #fff;
  padding: 0.26rem 0;
}
.appse .box .item2 .itembox .gr_t {
  padding: 0 0.4rem;
  margin-bottom: 0.18rem;
}
.appse .box .item2 .itembox .gr_t p {
  color: #959ca6;
}
.appse .box .item2 .itembox .item2_a .appse_a {
  display: flex;
  justify-content: flex-end;
  padding: 0.3rem 0.4rem;
  position: relative;
}
.appse .box .item2 .itembox .item2_a .appse_a:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .appse .box .item2 .itembox .item2_a .appse_a:hover::before {
    opacity: 1;
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover::after {
    opacity: 0;
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover .public-img {
    left: 0.4rem;
    opacity: 1;
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover .txt {
    width: calc(100% - 1.68rem);
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover .txt h3 {
    color: #fff;
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover .txt .g_time svg path {
    fill: #fff;
    opacity: 0.5;
  }
  .appse .box .item2 .itembox .item2_a .appse_a:hover .txt .g_time p {
    color: #fff;
    opacity: 0.5;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .appse .box .item2 .itembox .item2_a .appse_a:hover .txt {
    width: calc(100% - 2.58rem);
  }
}
.appse .box .item2 .itembox .item2_a .appse_a::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a::after {
  content: '';
  width: calc(100% - 0.8rem);
  height: 1px;
  top: 0;
  left: 0.4rem;
  background: #e6ecf2;
  position: absolute;
  transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a .public-img {
  border-radius: 5px;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  width: 1.5rem;
  position: absolute;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .appse .box .item2 .itembox .item2_a .appse_a .public-img {
    width: 2.4rem;
  }
}
.appse .box .item2 .itembox .item2_a .appse_a .public-img:before {
  padding-top: 64%;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 10;
  transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt h3 {
  transition: all 0.4s;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
@media (max-width: 1260px) {
  .appse .box .item2 .itembox .item2_a .appse_a .txt h3 {
    font-size: 16px;
  }
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time {
  margin-top: 0.18rem;
  display: flex;
  align-items: center;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i {
  display: flex;
  align-items: center;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 10px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i {
    width: 0.18rem;
    height: 0.18rem;
  }
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i svg,
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i img {
  width: 100%;
  height: auto;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i svg path,
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i img path {
  transition: all 0.4s;
  fill: #959ca6;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time p {
  color: #959ca6;
  transition: all 0.4s;
}
/* 新闻详情 */
@media (max-width: 767px) {
  .newsinfo_top {
    padding-top: 0.7rem !important;
  }
}
.newson {
  padding-bottom: 1.08rem;
}
.newson .box {
  margin-top: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .newson .box {
    flex-direction: column;
  }
}
.newson .box .gl {
  width: 73.75%;
}
@media (max-width: 991px) {
  .newson .box .gl {
    width: 100%;
    margin-bottom: 0.6rem;
  }
}
.newson .box .gl h1 {
  line-height: 1.33;
  padding-right: 0.6rem;
  margin-bottom: 0.35rem;
}
.newson .box .gl h1 sup {
  transform: translateY(-5px);
}
.newson .box .gl .g_p {
  padding-right: 0.33rem;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .newson .box .gl .g_p {
    display: none;
  }
}
.newson .box .gl .g_p p {
  color: #031f23;
  opacity: 0.65;
}
.newson .box .gl .g_lab {
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .newson .box .gl .g_lab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .newson .box .gl .g_lab {
    flex-direction: column;
    align-items: flex-start;
  }
}
.newson .box .gl .g_lab .lspan {
  width: 30%;
  flex-wrap: wrap;
  display: inline-flex;
}
@media (max-width: 1260px) {
  .newson .box .gl .g_lab .lspan {
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 767px) {
  .newson .box .gl .g_lab .lspan {
    margin-bottom: 0.2rem;
    display: none;
  }
}
.newson .box .gl .g_lab .lspan span {
  transition: all 0.4s;
  padding: 0.04rem 0.2rem;
  border-radius: 100px;
  background: #fff;
  color: #959ca6;
  margin: 0 0.1rem 0.1rem 0;
}
@media (max-width: 767px) {
  .newson .box .gl .g_lab .lspan span {
    padding: 0.08rem 0.4rem;
  }
}
.newson .box .gl .g_lab .lspan span:hover {
  background: #88cbd0;
  color: #fff;
}
.newson .box .gl .g_lab .g_lab_m {
  display: flex;
}
@media (max-width: 1260px) {
  .newson .box .gl .g_lab .g_lab_m {
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 767px) {
  .newson .box .gl .g_lab .g_lab_m {
    margin-bottom: 0.2rem;
    border-top: 1px solid #e9e9e9;
    padding-top: 0.3rem;
  }
}
.newson .box .gl .g_lab .g_lab_m > * {
  margin: 0 0.23rem;
}
@media (max-width: 991px) {
  .newson .box .gl .g_lab .g_lab_m > * {
    margin: 0 0.1rem;
  }
}
@media (max-width: 767px) {
  .newson .box .gl .g_lab .g_lab_m > * {
    margin: 0 0.3rem 0 0;
  }
}
@media (max-width: 991px) {
  .newson .box .gl .g_lab .g_lab_m .g_time i {
    margin-top: 0;
  }
}
.newson .box .gl .g_lab .g_lab_m p {
  color: #959ca6;
}
.newson .box .gl .g_lab .rfx {
  padding-right: 0.1rem;
}
.newson .box .gl .public-content p {
  /* opacity: 0.65; */
}
.newson .box .gl .text_fy {
  margin-top: 0.64rem;
  padding-top: 0.42rem;
  border-top: 1px solid #e6ecf2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.newson .box .gl .text_fy .fyl {
  width: 70%;
}
.newson .box .gl .text_fy .fyl a {
  /* margin: 0.06rem 0; */
  display: flex;
  align-items: center;
}
.newson .box .gl .text_fy .fyl a:hover p {
  color: #88cbd0;
}
.newson .box .gl .text_fy .fyl a span {
  flex-shrink: 0;
  color: #959ca6;
  font-weight: bold;
  margin-right: 0.1rem;
}
.newson .box .gl .text_fy .fyl a p {
  transition: all 0.4s;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.06rem 0;
}
.newson .box .gl .text_fy .fyr {
  cursor: pointer;
  margin-left: 1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .newson .box .gl .text_fy .fyr {
    margin-left: 0.5rem;
  }
}
.newson .box .gl .text_fy .fyr:hover i svg path {
  fill: #88cbd0;
}
.newson .box .gl .text_fy .fyr:hover p {
  color: #88cbd0;
}
.newson .box .gl .text_fy .fyr i {
  flex-shrink: 0;
  display: flex;
  width: 0.14rem;
  height: auto;
  margin-right: 0.12rem;
}
@media (max-width: 767px) {
  .newson .box .gl .text_fy .fyr i {
    width: 0.2rem;
  }
}
.newson .box .gl .text_fy .fyr i svg,
.newson .box .gl .text_fy .fyr i img {
  width: 100%;
  height: auto;
}
.newson .box .gl .text_fy .fyr i svg path,
.newson .box .gl .text_fy .fyr i img path {
  fill: #959ca6;
  transition: all 0.4s;
}
.newson .box .gl .text_fy .fyr p {
  color: #959ca6;
  transition: all 0.4s;
}
.newson .box .gr {
  width: 21.25%;
}
@media (max-width: 991px) {
  .newson .box .gr {
    width: 100%;
  }
}
.newson .box .gr .gr_t {
  margin-bottom: 0.28rem;
}
.newson .box .gr .gr_t p {
  color: #959ca6;
}
.newson .box .gr .item2_a {
  margin-bottom: 1rem;
}
.newson .box .gr .item2_a .appse_a {
  display: flex;
  flex-direction: column;
  padding-top: 0.24rem;
  border-top: 1px solid #e6ecf2;
  margin-bottom: 0.24rem;
}
.newson .box .gr .item2_a .appse_a:last-child {
  margin-bottom: 0;
}
.newson .box .gr .item2_a .appse_a:hover h3 {
  color: #88cbd0;
}
.newson .box .gr .item2_a .appse_a h3 {
  transition: all 0.4s;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
@media (max-width: 1260px) {
  .newson .box .gr .item2_a .appse_a h3 {
    font-size: 16px;
  }
}
.newson .box .gr .item2_a .appse_a .g_time {
  margin-top: 0.18rem;
  display: flex;
  align-items: center;
}
.newson .box .gr .item2_a .appse_a .g_time i {
  display: flex;
  align-items: center;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 10px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .newson .box .gr .item2_a .appse_a .g_time i {
    width: 0.18rem;
    height: 0.18rem;
  }
}
.newson .box .gr .item2_a .appse_a .g_time i svg,
.newson .box .gr .item2_a .appse_a .g_time i img {
  width: 100%;
  height: auto;
}
.newson .box .gr .item2_a .appse_a .g_time i svg path,
.newson .box .gr .item2_a .appse_a .g_time i img path {
  fill: #959ca6;
}
.newson .box .gr .item2_a .appse_a .g_time p {
  color: #959ca6;
}
.newson .box .gr .news_lab {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.3rem;
  border-top: 1px solid #e6ecf2;
  margin-bottom: 0.24rem;
}
.newson .box .gr .news_lab span {
  transition: all 0.4s;
  padding: 0.04rem 0.2rem;
  border-radius: 100px;
  background: #e6ecf2;
  color: #959ca6;
  margin: 0 0.1rem 0.1rem 0;
}
.newson .box .gr .news_lab span:hover {
  background: #88cbd0;
  color: #fff;
}
.ins_det_fxr_box {
  display: flex;
  align-items: center;
}
.ins_det_fxr_box * {
  transition: all 0.6s;
}
.ins_det_fxr_box > p {
  margin-right: 0.05rem;
}
.ins_det_fxr_box .bshare-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a {
  width: 0.4rem;
  height: 0.4rem;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  margin: 0 0 0 0.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .ins_det_fxr_box .bshare-custom a {
    margin-left: 0.2rem;
  }
}
.ins_det_fxr_box .bshare-custom a:hover {
  background: #88cbd0;
  opacity: 1;
}
.ins_det_fxr_box .bshare-custom a:hover svg path {
  fill: #fff;
}
.ins_det_fxr_box .bshare-custom a::before {
  content: '' !important;
}
@media (max-width: 767px) {
  .ins_det_fxr_box .bshare-custom a {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.ins_det_fxr_box .bshare-custom a svg {
  width: 45%;
  height: auto;
  pointer-events: none;
}
.ins_det_fxr_box .bshare-custom a svg path {
  fill: #959ca6;
  opacity: 1;
}
.social-share .icon-wechat .wechat-qrcode {
  top: 120% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .social-share .icon-wechat .wechat-qrcode {
    left: 0% !important;
    transform: translateX(0%);
  }
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.bsBox {
  box-sizing: initial;
}
/* 资讯动态 */
.newslist_top .top {
  overflow: hidden;
}
.newslist_top .top .img img {
  margin: 0.6rem 0 0 1.2rem;
  width: 4.68rem;
}
.newsliston {
  padding: 0.6rem 0 1.2rem;
}
.newsliston .box .newsliston_nav ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.3rem;
}
.newsliston .box .newsliston_nav ul li {
  margin-right: 0.18rem;
  flex-shrink: 0;
}
.newsliston .box .newsliston_nav ul li:last-child {
  margin-right: 0;
}
.newsliston .box .newsliston_nav ul li a {
  height: 28px;
  padding: 0 0.22rem;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #959ca6;
  background: #e6ecf2;
  transition: all 0.4s;
  position: relative;
}
.newsliston .box .newsliston_nav ul li a span {
  position: relative;
  z-index: 2;
}
.newsliston .box .newsliston_nav ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (min-width: 992px) {
  .newsliston .box .newsliston_nav ul li:hover a {
    color: #fff;
  }
  .newsliston .box .newsliston_nav ul li:hover a::before {
    opacity: 1;
  }
}
.newsliston .box .newsliston_nav ul li.on a {
  color: #fff;
}
.newsliston .box .newsliston_nav ul li.on a::before {
  opacity: 1;
}
.newsliston .box .newsliston_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.newsliston .box .newsliston_box .item {
  width: 33.33%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
  display: block;
}
@media (max-width: 991px) {
  .newsliston .box .newsliston_box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .newsliston .box .newsliston_box .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.newsliston .box .newsliston_box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.1rem;
}
.newsliston .box .newsliston_box .item .itembox:hover .img .public-img img {
  transform: scale(1.05);
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_t .g_span span {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  color: #fff;
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_b .g_time {
  opacity: 0;
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_b .g_more {
  opacity: 1;
}
.newsliston .box .newsliston_box .item .itembox .img {
  position: relative;
}
.newsliston .box .newsliston_box .item .itembox .img .public-img:before {
  padding-top: 42.55555556%;
}
.newsliston .box .newsliston_box .item .itembox .txt {
  display: block;
  border-radius: 0 0 0.1rem 0.1rem;
  background: #fff;
  padding: 0.3rem;
}
@media (max-width: 1580px) {
  .newsliston .box .newsliston_box .item .itembox .txt {
    padding: 0.4rem 0.3rem;
  }
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t {
  margin-bottom: 0.44rem;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span {
    flex-wrap: initial;
    overflow: auto;
  }
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span span {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e6ecf2;
  height: 0.36rem;
  padding: 0 0.22rem;
  border-radius: 100px;
  color: #999;
  margin: 0 0.1rem 0.1rem 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span span {
    height: 0.56rem;
    padding: 0 0.4rem;
    flex-shrink: 0;
  }
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t h3 {
  color: #333;
  margin-top: 0.1rem;
  line-height: 1.36;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.72em;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b {
  position: relative;
}
@media (max-width: 991px) {
  .newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_time i {
    margin: 0 10px 0 0;
  }
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more {
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i {
  display: flex;
  align-items: center;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 10px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i {
    width: 0.18rem;
    height: 0.18rem;
    margin: 0 10px 0 0;
  }
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i svg,
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i img {
  width: 100%;
  height: 100%;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i svg path,
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i img path {
  fill: #3eb99d;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more p {
  color: #959ca6;
  transition: all 0.4s;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newsliston .box .page-list {
  margin-top: 0.6rem;
}
/* 资质荣誉 */
.honors_top .top {
  overflow: hidden;
}
.honors_top .top .img img {
  margin: 1.85rem 0 0 3.02rem;
  width: 3.51rem;
}
.honon {
  padding: 0.4rem 0 0.2rem;
}
.honon .box .honon_nav ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.3rem;
}
.honon .box .honon_nav ul li {
  margin-right: 0.18rem;
  flex-shrink: 0;
}
.honon .box .honon_nav ul li:last-child {
  margin-right: 0;
}
.honon .box .honon_nav ul li a {
  height: 28px;
  padding: 0 0.22rem;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #959ca6;
  background: #e6ecf2;
  transition: all 0.4s;
  position: relative;
}
.honon .box .honon_nav ul li a span {
  position: relative;
  z-index: 2;
}
.honon .box .honon_nav ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (min-width: 992px) {
  .honon .box .honon_nav ul li:hover a {
    color: #fff;
  }
  .honon .box .honon_nav ul li:hover a::before {
    opacity: 1;
  }
}
.honon .box .honon_nav ul li.on a {
  color: #fff;
}
.honon .box .honon_nav ul li.on a::before {
  opacity: 1;
}
.honon .box .honon_box {
  margin-top: 0.85rem;
}
.honon_box .item {
  margin-bottom: 1.2rem;
  display: flex;
}
@media (max-width: 767px) {
  .honon_box .item {
    flex-direction: column !important;
    margin-bottom: 0.4rem;
  }
}
.honon_box .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.honon_box .item:nth-child(2n) .txt {
  padding: 0.8rem 1.15rem 0 0;
}
@media (max-width: 991px) {
  .honon_box .item:nth-child(2n) .txt {
    padding: 0.2rem 1.15rem 0 0;
  }
}
.honon_box .item .public-img {
  border-radius: 0.1rem;
  width: 46.5625%;
}
@media (max-width: 767px) {
  .honon_box .item .public-img {
    width: 100%;
  }
}
.honon_box .item .public-img:before {
  padding-top: 64.4295302%;
}
.honon_box .item .txt {
  padding: 0.8rem 0 0 1.08rem;
  width: 53.4375%;
}
@media (max-width: 991px) {
  .honon_box .item .txt {
    padding: 0.2rem 0 0 1.08rem;
  }
}
@media (max-width: 767px) {
  .honon_box .item .txt {
    width: 100%;
    padding: 0.3rem 0 !important;
  }
}
.honon_box .item .txt h3 {
  margin-bottom: 0.35rem;
  line-height: 1.2;
}
.honon_box .item .txt p {
  color: #959ca6;
}
.hontw {
  background: #fff;
  padding: 1.4rem 0 0.2rem;
}
.hontw .honon_box .item:nth-child(2n + 1) {
  flex-direction: row-reverse;
}
.hontw .honon_box .item:nth-child(2n + 1) .txt {
  padding: 0.8rem 1.15rem 0 0;
}
@media (max-width: 991px) {
  .hontw .honon_box .item:nth-child(2n + 1) .txt {
    padding: 0.2rem 1.15rem 0 0;
  }
}
.hontw .honon_box .item:nth-child(2n ) {
  flex-direction: row;
}
.hontw .honon_box .item:nth-child(2n ) .txt {
  padding: 0.8rem 0 0 1.08rem;
}
@media (max-width: 991px) {
  .hontw .honon_box .item:nth-child(2n ) .txt {
    padding: 0.2rem 0 0 1.08rem;
  }
}
.honth {
  padding: 1.15rem 0 1.1rem;
}
.honth .box {
  margin-top: 0.55rem;
}
.honth .box .honth_box .swiper-container {
  padding-bottom: 0.4rem;
}
.honth .box .honth_box .item {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: none;
}
.honth .box .honth_box .item .honth_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.45rem 0.3rem 0.1rem;
  border-radius: 0.1rem;
  width: 100%;
  height: 3.4rem;
  background: #fff;
  margin-bottom: 0.2rem;
}
@media (max-width: 1580px) {
  .honth .box .honth_box .item .honth_box {
    height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .honth .box .honth_box .item .honth_box {
    height: 4.2rem;
    padding: 0.8rem 0.3rem 0.2rem;
  }
}
.honth .box .honth_box .item .honth_box .img {
  margin-bottom: 0.22rem;
  height: 1.7rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.honth .box .honth_box .item .honth_box .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.honth .box .honth_box .item .honth_box .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 4.5em;
  color: #959ca6;
}
@media (max-width: 1580px) {
  .honth .box .honth_box .item .honth_box .txt p br {
    display: none;
  }
}
/* 子页面导航 */
#c-header.g-subheader {
  line-height: 0.9rem;
  top: 30px;
  max-width: 1600px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.1rem;
  background: #fff;
  color: #333;
  padding: 0 0.2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
  /* &.c-style2{
		line-height: 0.8rem;
		.c-logo .c-img-box img{
			height: 0.4rem;
		}
	} */
}
@media (max-width: 1580px) {
  #c-header.g-subheader {
    width: 90%;
  }
}
@media (max-width: 991px) {
  #c-header.g-subheader {
    width: 100%;
    top: 0;
    border-radius: 0;
    padding: 0 5%;
  }
}
#c-header.g-subheader a {
  color: #333;
}
#c-header.g-subheader .container {
  width: 100%;
}
#c-header.g-subheader .c-gn .x-yy {
  border-color: #00afcc;
}
#c-header.g-subheader .c-gn .x-yy a {
  color: #00afcc;
}
#c-header.g-subheader .c-gn .x-yy a.on {
  color: #fff;
  background-color: #00afcc;
}
#c-header.g-subheader .c-gn .c-phone svg path {
  fill: #88cbd0;
}
#c-header.g-subheader .c-switch i {
  background: #333;
}
#c-header.g-subheader .c-nav li.on > .c-title-box > a,
#c-header.g-subheader .c-nav li:hover > .c-title-box > a,
#c-header.g-subheader .c-nav li.on > a,
#c-header.g-subheader .c-nav li:hover > a {
  color: #88cbd0;
}
#c-header.g-subheader .c-nav li.on > .c-title-box > a:before,
#c-header.g-subheader .c-nav li:hover > .c-title-box > a:before,
#c-header.g-subheader .c-nav li.on > a:before,
#c-header.g-subheader .c-nav li:hover > a:before {
  left: 0;
  width: 100%;
}
#c-header.g-subheader .c-nav li.on > .c-title-box svg path,
#c-header.g-subheader .c-nav li:hover > .c-title-box svg path {
  fill: #88cbd0 !important;
}
#c-header.g-subheader .c-nav li .c-title-box svg path {
  fill: #333;
}
#c-header.g-subheader .c-logo .c-img-box img {
  height: 0.56rem;
}
#c-header.g-subheader .c-logo .c-img-box img:nth-child(1) {
  display: none;
}
#c-header.g-subheader .c-logo .c-img-box img:nth-child(2) {
  display: inline-block;
}
/* 战略布局 */
.strategic_top .top {
  overflow: hidden;
}
.strategic_top .top .img img {
  margin: 0.95rem 0 0 1.82rem;
  width: 4.77rem;
}
.stron {
  padding: 1.22rem 0 1.8rem;
}
.stron .box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .stron .box {
    flex-direction: column;
  }
}
.stron .box .gl {
  width: 50%;
}
@media (max-width: 991px) {
  .stron .box .gl {
    width: 100%;
    margin-bottom: 0.3rem;
    /* display: none; */
  }
}
.stron .box .gl .mapimg {
  width: 96.875%;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg {
    width: 70%;
  }
}
.stron .box .gl .mapimg .mapimg_nr {
  width: 100%;
  height: auto;
}
.stron .box .gl .mapimg .g_add {
  /* .item3{
						top: 54.1%;
						left: 76.2%;
						.gline{
							.img{
								width: 1.11rem;
								height: 0.09rem;
							}
						}
					} */
}
.stron .box .gl .mapimg .g_add .item {
  width: 1px;
  height: 1px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
}
.stron .box .gl .mapimg .g_add .item.on .gline .img .img1 {
  opacity: 0;
}
.stron .box .gl .mapimg .g_add .item.on .gline .img .img2 {
  opacity: 1;
}
.stron .box .gl .mapimg .g_add .item.on .gline .txt {
  border: none;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.stron .box .gl .mapimg .g_add .item.on .gline .txt p {
  color: #fff;
}
.stron .box .gl .mapimg .g_add .item .gline {
  position: relative;
}
.stron .box .gl .mapimg .g_add .item .gline .img {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.stron .box .gl .mapimg .g_add .item .gline .img .img1 {
  width: 100%;
  height: auto;
}
.stron .box .gl .mapimg .g_add .item .gline .img .img2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
.stron .box .gl .mapimg .g_add .item .gline .txt {
  position: absolute;
  left: 100%;
  top: 0;
  transform: translateY(-50%);
  border: 2px solid #959ca6;
  border-radius: 100px;
  height: 0.4rem;
  padding: 0 0.2rem;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg .g_add .item .gline .txt {
    border: 1px solid #959ca6;
  }
}
.stron .box .gl .mapimg .g_add .item .gline .txt p {
  color: #959ca6;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg .g_add .item .gline .txt p {
    font-size: 10px;
  }
}
.stron .box .gl .mapimg .g_add .item1 {
  top: 50.9%;
  left: 75%;
}
.stron .box .gl .mapimg .g_add .item1 .gline .img {
  width: 1.21rem;
  height: 0.83rem;
}
.stron .box .gl .mapimg .g_add .item2 {
  top: 68.4%;
  left: 64.1%;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg .g_add .item2 {
    top: 68.2%;
  }
}
.stron .box .gl .mapimg .g_add .item2 .gline .img {
  width: 0.99rem;
  height: 0.42rem;
}
.stron .box .gl .mapimg .g_add .item3 {
  top: 68.6%;
  left: 65.3%;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg .g_add .item3 {
    top: 69.6%;
  }
}
.stron .box .gl .mapimg .g_add .item3 .gline .img {
  width: 2.06rem;
  height: 0.09rem;
}
@media (max-width: 767px) {
  .stron .box .gl .mapimg .g_add .item3 .gline .img {
    width: 1.46rem;
  }
}
.stron .box .gl .mapimg .g_add .item4 {
  top: 67.8%;
  left: 66.4%;
  align-items: flex-start;
}
.stron .box .gl .mapimg .g_add .item4 .gline .img {
  width: 1.88rem;
  height: 0.48rem;
}
.stron .box .gl .mapimg .g_add .item4 .gline .txt {
  top: 100%;
}
.stron .box .gl .mapimg .g_add .item5 {
  top: 68.7%;
  left: 65%;
  align-items: flex-start;
}
.stron .box .gl .mapimg .g_add .item5 .gline .img {
  width: 1.98rem;
  height: 0.95rem;
}
.stron .box .gl .mapimg .g_add .item5 .gline .txt {
  top: 100%;
}
.stron .box .gl .mapimg .g_add .item6 {
  top: 68.7%;
  left: 65%;
}
.stron .box .gl .mapimg .g_add .item6 .gline .img {
  width: 1.98rem;
  height: 0.95rem;
}
.stron .box .gr {
  width: 42.5%;
}
@media (max-width: 991px) {
  .stron .box .gr {
    width: 100%;
  }
}
.stron .box .gr .gr_drop {
  padding: 0.3rem 0.4rem;
  border-radius: 0.1rem;
  background: #fff;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .stron .box .gr .gr_drop {
    display: none;
  }
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box {
  position: initial;
  display: block !important;
  border: none;
  border-radius: 0;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul {
  display: flex;
  flex-wrap: wrap;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul li.on a {
  background: #88cbd0;
  color: #fff;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul li a {
  transition: all 0.4s;
  border-radius: 5px;
  margin-right: 0.1rem;
  padding: 7px 0.2rem;
}
.stron .box .gr .gr_box {
  padding: 0.05rem 0.4rem 0.3rem;
  border-radius: 0.1rem;
  background: #fff;
}
.stron .box .gr .gr_box .item {
  display: none;
  width: 100%;
}
@media (max-width: 991px) {
  .stron .box .gr .gr_box .item {
    display: block !important;
    margin-bottom: 0.4rem;
  }
}
.stron .box .gr .gr_box .item:first-child {
  display: block;
}
.stron .box .gr .gr_box .item .g_tit {
  margin-bottom: 0.15rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 0.12rem;
  border-bottom: 2px solid #222222;
}
.stron .box .gr .gr_box .item .g_tit p {
  font-weight: bold;
}
.stron .box .gr .gr_box .item .it_box .gr_nr {
  border-bottom: 1px solid #e6ecf2;
  padding: 0.25rem 0;
}
.stron .box .gr .gr_box .item .it_box .gr_nr:last-child {
  border: none;
}
@media (max-width: 991px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr {
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr .txt h3 {
    background: linear-gradient(to right, #16b3c0, #7fc471);
    background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr .txt p {
    color: #222;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr .other {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr.on {
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr.on .txt h3 {
    background: linear-gradient(to right, #16b3c0, #7fc471);
    background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr.on .txt p {
    color: #222;
  }
  .stron .box .gr .gr_box .item .it_box .gr_nr.on .other {
    display: block;
  }
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt h3 {
  color: #666666;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt p {
  color: #959ca6;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other {
  margin-top: 0.15rem;
  display: none;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .other_box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr .other .other_box {
    flex-direction: column;
  }
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img {
  border-radius: 0.1rem;
  width: 50%;
}
@media (max-width: 767px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img {
    width: 100%;
  }
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img:before {
  padding-top: 66.66666667%;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right {
  width: 50%;
  padding: 0 0.1rem 0 0.3rem;
}
@media (max-width: 767px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr .other .right {
    width: 100%;
    padding: 0.3rem 0;
  }
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .tel {
  margin-bottom: 0.6rem;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .tel p {
  margin-bottom: 5px;
  color: #959ca6;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab {
  display: flex;
  flex-wrap: wrap;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab span {
  display: inline-flex;
  align-items: center;
  background: #f2f5f8;
  height: 0.36rem;
  padding: 0 0.25rem;
  border-radius: 100px;
  color: #999;
  margin: 0 0.1rem 0.1rem 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab span {
    height: 0.56rem;
    padding: 0 0.4rem;
  }
}
.sot_select_nr3 {
  position: relative;
  min-width: 1.8rem;
}
.sot_select_nr3 .sel_text_x {
  width: 100%;
  height: 0.6rem;
  border: 1px solid #e6ecf2;
  border-radius: 5px;
  padding: 0 0.2rem;
  color: #959ca6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sot_select_nr3 .sel_text_x svg,
.sot_select_nr3 .sel_text_x img {
  width: 10px;
  height: auto;
  flex-shrink: 0;
  z-index: 100;
  margin: 0 7px;
}
.sot_select_nr3 .sel_text_x svg path,
.sot_select_nr3 .sel_text_x img path {
  fill: #e6ecf2;
}
.sot_select_nr3 .sel_text_box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  text-align: left;
  overflow: hidden;
  top: 100%;
  border: 1px solid #e6ecf2;
  z-index: 200;
  display: none;
  max-height: 160px;
  overflow-y: auto;
}
.sot_select_nr3 .sel_text_box a {
  color: #959ca6;
  padding: 7px 0 7px 0.2rem;
  display: block;
  cursor: pointer;
}
.sot_select_nr3 .sel_text_box a:hover {
  background: #88cbd0;
  color: #fff;
}
/* 人才发展 */
.development_top .top {
  overflow: hidden;
}
.development_top .top .img img {
  margin: 1.3rem 0 0 -0.4rem;
  width: 11.09rem;
}
.devon {
  padding: 0.75rem 0 2.28rem;
  background: #f2f6fa url(../images/development3.png) no-repeat;
  background-position: bottom center;
}
.devon .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  margin-top: 0.78rem;
  margin-bottom: 2.38rem;
}
.devon .box .item {
  width: 33.33%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .devon .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .devon .box .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.devon .box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  padding: 0.55rem 0.3rem;
  background: #fff;
  position: relative;
}
.devon .box .item .itembox .sj {
  pointer-events: none;
  position: absolute;
  width: 1.92rem;
  height: auto;
  left: 50%;
  top: -0.2rem;
  transform: translateX(-50%);
}
.devon .box .item .itembox .g_tit {
  margin-bottom: 0.55rem;
  text-align: center;
}
.devon .box .item .itembox .g_tit p {
  margin-top: 0.08rem;
  color: #959ca6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.devon .box .item .itembox .g_tit p i {
  margin-right: 0.1rem;
  flex-shrink: 0;
  display: flex;
  width: 0.13rem;
  height: auto;
}
@media (max-width: 1580px) {
  .devon .box .item .itembox .g_tit p i {
    margin-bottom: 2px;
  }
}
@media (max-width: 767px) {
  .devon .box .item .itembox .g_tit p i {
    width: 0.18rem;
  }
}
.devon .box .item .itembox .g_tit p i svg,
.devon .box .item .itembox .g_tit p i img {
  width: 100%;
  height: auto;
}
.devon .box .item .itembox .g_tit p i svg path,
.devon .box .item .itembox .g_tit p i img path {
  fill: #88cbd0;
}
.devon .box .item .itembox .devon_box {
  position: relative;
}
.devon .box .item .itembox .devon_box::after {
  content: '';
  position: absolute;
  width: calc(100% - 0.56rem);
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #f2f6fa;
}
.devon .box .item .itembox .devon_box .devon_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.77rem;
  padding: 0 0.28rem;
  position: relative;
  border-radius: 0.05rem;
  /* &:hover{
							&::before{
								opacity: 1;
							}
							&::after{
								opacity: 0;
							}
							.gl{
								.g_p{
									color: #fff;
									p{
										border-color: #fff !important;
									}
								}
							}
							.gr{
								svg,img{
									path{
										fill: #fff;
									}
								}
							}
						} */
}
.devon .box .item .itembox .devon_box .devon_item::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}
.devon .box .item .itembox .devon_box .devon_item::after {
  content: '';
  position: absolute;
  width: calc(100% - 0.56rem);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #f2f6fa;
}
.devon .box .item .itembox .devon_box .devon_item .gl {
  position: relative;
  z-index: 10;
  color: #959ca6;
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p p {
  line-height: 1;
}
@media (max-width: 1260px) {
  .devon .box .item .itembox .devon_box .devon_item .gl .g_p p {
    font-size: 12px;
  }
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p p:not(:last-child) {
  border-right: 1px solid #959ca6;
  padding-right: 0.13rem;
  margin-right: 0.13rem;
}
.devon .box .item .itembox .devon_box .devon_item .gr {
  position: relative;
  z-index: 10;
  margin-left: 0.2rem;
  flex-shrink: 0;
}
.devon .box .item .itembox .devon_box .devon_item .gr svg,
.devon .box .item .itembox .devon_box .devon_item .gr img {
  width: 14px;
  height: auto;
}
@media (max-width: 767px) {
  .devon .box .item .itembox .devon_box .devon_item .gr svg,
  .devon .box .item .itembox .devon_box .devon_item .gr img {
    width: 11px;
  }
}
.devon .box .item .itembox .devon_box .devon_item .gr svg path,
.devon .box .item .itembox .devon_box .devon_item .gr img path {
  fill: #959ca6;
}
.devon .devon_b .tit {
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
}
.devon .devon_b .tit .tit_p {
  display: flex;
  align-items: center;
}
.devon .devon_b .tit .tit_p i {
  margin: 0 0.14rem;
  flex-shrink: 0;
  display: flex;
  width: 0.21rem;
  height: auto;
}
.devon .devon_b .tit .tit_p i svg,
.devon .devon_b .tit .tit_p i img {
  width: 100%;
  height: auto;
}
.devon .devon_b .tit .tit_p i svg path,
.devon .devon_b .tit .tit_p i img path {
  fill: #88cbd0;
}
.devon .devon_b .tit .tit_p p {
  background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.devon .devon_b .g_p {
  margin-bottom: 0.52rem;
}
.devon .devon_b .g_p p {
  color: #959ca6;
  margin-bottom: 0.05rem;
}
.devon .devon_b .g_email {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  display: inline-flex;
  align-items: center;
  height: 0.48rem;
  padding: 0 0.28rem;
  border-radius: 100px;
}
@media (max-width: 1260px) {
  .devon .devon_b .g_email {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .devon .devon_b .g_email {
    height: 0.8rem;
  }
}
.devon .devon_b .g_email i {
  margin: 0 0.14rem;
  flex-shrink: 0;
  display: flex;
  width: 0.16rem;
  height: auto;
}
@media (max-width: 1260px) {
  .devon .devon_b .g_email i {
    width: 0.2rem;
  }
}
@media (max-width: 767px) {
  .devon .devon_b .g_email i {
    width: 0.24rem;
  }
}
.devon .devon_b .g_email i svg,
.devon .devon_b .g_email i img {
  width: 100%;
  height: auto;
}
.devon .devon_b .g_email i svg path,
.devon .devon_b .g_email i img path {
  fill: #88cbd0;
}
.devon .devon_b .g_email p {
  color: #fff;
}
.devotw {
  background: #fff;
  padding: 0.95rem 0 0.66rem;
}
.devotw .box {
  margin-top: 0.55rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .devotw .box {
    flex-direction: column;
  }
}
.devotw .box .gl {
  width: calc(50% - 0.1rem);
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .devotw .box .gl {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.devotw .box .gl .img {
  width: 100%;
  height: 100%;
}
.devotw .box .gl .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.devotw .box .gl .txt {
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.35rem 0.4rem;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  background: url(../images/development4.png) no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
}
.devotw .box .gr {
  width: calc(50% + 0.1rem);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.1rem -0.2rem;
}
@media (max-width: 991px) {
  .devotw .box .gr {
    width: 100%;
  }
}
.devotw .box .gr .item {
  height: 3.2rem;
  width: 50%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 1580px) {
  .devotw .box .gr .item {
    height: 4rem;
  }
}
@media (max-width: 1260px) {
  .devotw .box .gr .item {
    height: 3.7rem;
  }
}
@media (max-width: 991px) {
  .devotw .box .gr .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .devotw .box .gr .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0.4rem;
    height: auto;
  }
}
.devotw .box .gr .item .itembox {
  padding: 0.5rem 0.2rem 0.1rem;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  background: #f2f6fa;
}
.devotw .box .gr .item .itembox:hover {
  background: #eaeef1;
  border-radius: 0.1rem 0.1rem 1rem 0.1rem;
}
@media (max-width: 767px) {
  .devotw .box .gr .item .itembox {
    padding: 0.5rem 0.2rem;
  }
}
.devotw .box .gr .item .itembox .g_png {
  margin-bottom: 0.38rem;
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 767px) {
  .devotw .box .gr .item .itembox .g_png {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.devotw .box .gr .item .itembox .g_png .g_png_box {
  background: #fff;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.devotw .box .gr .item .itembox .g_png .img2 {
  position: absolute;
  width: 1.77rem;
  height: auto;
  left: 0.2rem;
  top: 0.2rem;
  max-width: initial;
}
.devotw .box .gr .item .itembox .txt {
  width: 100%;
  position: relative;
  z-index: 10;
  text-align: center;
}
.devotw .box .gr .item .itembox .txt h3 {
  margin-bottom: 0.12rem;
  color: #031f23;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.devotw .box .gr .item .itembox .txt .g_p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
  color: #959ca6;
}
.devoth {
  background: #fff;
  padding: 0.75rem 0 1.15rem;
}
.devoth .box {
  margin-top: 0.54rem;
}
.devoth .box .img_t {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .devoth .box .img_t {
    flex-wrap: wrap;
  }
}
.devoth .box .img_t .public-img {
  width: calc(50% - 0.1rem);
  margin: 0 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
  .devoth .box .img_t .public-img {
    width: 100%;
    margin: 0 0 0.4rem 0;
  }
}
.devoth .box .img_t .public-img:last-child {
  margin-right: 0;
}
.devoth .box .img_t .public-img:before {
  padding-top: 56.96202532%;
}
.devoth .box .img_t .public-img img {
  border-radius: 0.1rem;
}
.devoth .box .img_b img {
  width: 100%;
  border-radius: 0.1rem;
}
/* 联系我们 */
.contact_top .top {
  overflow: hidden;
}
.contact_top .top .img img {
  margin: 2rem 0 0 2.5rem;
  width: 4.86rem;
}
@media (max-width: 767px) {
  .contact_top .top .img img {
    margin: 1rem 0 0 1.5rem;
  }
}
.tacon {
  padding: 0.8rem 0 0;
}
.tacon .tacon_t {
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
}
.tacon .tacon_t .tit_p {
  display: flex;
  align-items: center;
}
.tacon .tacon_t .tit_p i {
  margin: 0 0.14rem;
  flex-shrink: 0;
  display: flex;
  width: 0.21rem;
  height: auto;
}
.tacon .tacon_t .tit_p i svg,
.tacon .tacon_t .tit_p i img {
  width: 100%;
  height: auto;
}
.tacon .tacon_t .tit_p i svg path,
.tacon .tacon_t .tit_p i img path {
  fill: #88cbd0;
}
.tacon .tacon_t .tit_p p {
  background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.tacon .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  margin-top: 0.55rem;
}
.tacon .box .item {
  width: 33.33%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .tacon .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .tacon .box .item {
    width: 100%;
  }
}
.tacon .box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.4rem 0.4rem 0.72rem;
}
.tacon .box .item .itembox .img {
  margin-bottom: 0.38rem;
  width: 0.67rem;
  height: auto;
}
.tacon .box .item .itembox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tacon .box .item .itembox .txt span {
  color: #959ca6;
}
.tacon .box .item .itembox .txt p {
  margin-top: 0.16rem;
  color: #222;
}
.tacon .tacon_b {
  position: relative;
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
}
.tacon .tacon_b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tacon .tacon_b .g_ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
}
.tacon .tacon_b .g_ring::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #85cb75;
  animation: moveq 3s infinite linear;
  -webkit-animation: moveq 3s infinite linear;
}
.tacon .tacon_b .g_ring i {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(to bottom, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to bottom, #16b3c0, #7fc471);
}
@keyframes moveq {
  0% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(5);
    -webkit-transform: translate(-50%, -50%) scale(5);
    opacity: 0;
  }
}
.tactw {
  padding: 1.1rem 0 1.25rem;
}
.tactw .box {
  margin-top: 0.4rem;
}
.tactw .box form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tactw .box form .inp {
    flex-wrap: wrap;
  }
}
.tactw .box form .inp .inp_box {
  width: calc(50% - 0.2rem);
  margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
  .tactw .box form .inp .inp_box {
    width: 100%;
  }
}
.tactw .box form .inp .inp_box p {
  margin-bottom: 0.15rem;
  color: #999999;
  font-weight: bold;
}
.tactw .box form .inp .inp_box p span {
  color: #e20121;
}
.tactw .box form .inp .inp_box .inp_con {
  position: relative;
  border-bottom: 1px solid #dfe5eb;
}
.tactw .box form .inp .inp_box .inp_con input::-webkit-input-placeholder {
  color: #c4c6c8;
}
.tactw .box form .inp .inp_box .inp_con.on i {
  transition: all 0.4s;
  width: 100%;
}
.tactw .box form .inp .inp_box .inp_con input {
  width: 100%;
  padding: 0.16rem 0;
}
.tactw .box form .inp .inp_box .inp_con i {
  position: absolute;
  width: 0;
  height: 1px;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  display: block;
  bottom: -1px;
  left: 0;
}
.tactw .box form .form_bt {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tactw .box form .form_bt {
    flex-wrap: wrap;
  }
}
.tactw .box form .form_bt .inp {
  flex-wrap: wrap;
  width: calc(50% - 0.2rem);
}
@media (max-width: 767px) {
  .tactw .box form .form_bt .inp {
    width: 100%;
  }
}
.tactw .box form .form_bt .inp .inp_box {
  width: 100%;
}
@media (max-width: 767px) {
  .tactw .box form .form_bt .inp .inp_box {
    margin-bottom: 0.35rem !important;
  }
}
.tactw .box form .form_bt .inp .inp_box:last-child {
  margin-bottom: 0;
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
  width: 100%;
  height: calc(100% - 0.39rem);
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con textarea::-webkit-input-placeholder {
  color: #c4c6c8;
}
@media (max-width: 1580px) {
  .tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
    height: calc(100% - 0.46rem);
  }
}
@media (max-width: 767px) {
  .tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
    height: 2rem;
  }
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con textarea {
  padding: 0.16rem 0;
  width: 100%;
  height: 100%;
}
.tactw .box form .form_b {
  display: flex;
  justify-content: space-between;
  margin-top: 0.32rem;
}
@media (max-width: 767px) {
  .tactw .box form .form_b {
    flex-direction: column;
  }
}
.tactw .box form .form_b .login_tk label {
  display: flex;
  align-items: flex-start;
}
.tactw .box form .form_b .login_tk label.on .chec {
  background: #88cbd0;
  border-color: #88cbd0;
}
.tactw .box form .form_b .login_tk label .chec {
  flex-shrink: 0;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.16rem;
  border-radius: 3px;
  border: 1px solid #dfe5eb;
}
.tactw .box form .form_b .login_tk label .chec img,
.tactw .box form .form_b .login_tk label .chec svg {
  width: 55%;
  height: auto;
}
.tactw .box form .form_b .login_tk label .chec img path,
.tactw .box form .form_b .login_tk label .chec svg path {
  fill: #fff;
}
@media (max-width: 991px) {
  .tactw .box form .form_b .login_tk label p br {
    display: none;
  }
}
.tactw .box form .form_b .login_tk label p a {
  color: #88cbd0;
}
.tactw .box form .form_b button {
  height: 0.5rem;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: 0.3rem;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .tactw .box form .form_b button {
    height: 0.8rem;
    margin-top: 0.4rem;
  }
}
.tactw .box form .form_b button:hover {
  opacity: 0.7;
}
.tactw .box form .form_b button::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 100px;
  top: 2px;
  left: 2px;
  z-index: 1;
  background: #f2f6fa;
}
.tactw .box form .form_b button p {
  position: relative;
  z-index: 10;
  color: #43ba9a;
  padding: 0 0.33rem;
}
/* 公司简介 */
.about_top .top {
  overflow: hidden;
}
.about_top .top .img img {
  margin: 0.2rem 0 0 0.8rem;
  width: 8.55rem;
}
@media (max-width: 767px) {
  .about_top .top .img img {
    margin: 1rem 0 0 1.5rem;
  }
}
.aboon {
  padding: 0.8rem 0 1.3rem;
}
.aboon .box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .aboon .box {
    flex-direction: column;
  }
}
.aboon .box .gl {
  width: 46.5%;
}
@media (max-width: 991px) {
  .aboon .box .gl {
    width: 100%;
  }
}
.aboon .box .gr {
  width: 46.6875%;
  padding: 0.74rem 0 0;
}
@media (max-width: 991px) {
  .aboon .box .gr {
    width: 100%;
  }
}
.aboon .box .gr .txt p {
  color: #7e8998;
  margin-bottom: 0.2rem;
}
.aboon .box .gr .more {
  cursor: pointer;
  margin-top: 1.15rem;
  display: flex;
  align-items: center;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .aboon .box .gr .more {
    margin-top: 0.4rem;
  }
}
.aboon .box .gr .more:hover {
  opacity: 0.8;
}
.aboon .box .gr .more i {
  margin-right: 0.18rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
@media (max-width: 767px) {
  .aboon .box .gr .more i {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.aboon .box .gr .more i svg,
.aboon .box .gr .more i img {
  width: 23.8%;
  height: auto;
}
.aboon .box .gr .more i svg path,
.aboon .box .gr .more i img path {
  fill: #fff;
}
.aboon .box .gr .more p {
  background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.abotw {
  padding: 1.3rem 0 1.4rem;
}
@media (max-width: 991px) {
  .abotw {
    padding: 0 0 1.2rem;
  }
}
.abotw .abotw_t .txt_t {
  margin-bottom: 0.34rem;
}
.abotw .abotw_t .abotw_t_alb {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.abotw .abotw_t .abotw_t_alb .item {
  width: 33.33%;
  margin-bottom: 0.12rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .abotw .abotw_t .abotw_t_alb .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .abotw .abotw_t .abotw_t_alb .item {
    width: 100%;
  }
}
.abotw .abotw_t .abotw_t_alb .item .itembox {
  padding: 0.08rem;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover {
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover .g_svg {
  background: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover .g_svg svg path {
  fill: #3db99d;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover p {
  color: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg {
  transition: all 0.4s;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
  flex-shrink: 0;
  margin-right: 0.2rem;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg svg,
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg img {
  width: 37.5%;
  height: auto;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg svg path,
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg img path {
  transition: all 0.4s;
  fill: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox p {
  transition: all 0.4s;
  color: #222;
}
.abotw .box {
  display: flex;
  justify-content: space-between;
  margin-top: 0.34rem;
}
@media (max-width: 991px) {
  .abotw .box {
    flex-direction: column-reverse;
  }
}
.abotw .box .gl {
  width: 47.75%;
}
@media (max-width: 991px) {
  .abotw .box .gl {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.abotw .box .gl .txt_b {
  position: relative;
}
.abotw .box .gl .txt_b::after {
  content: '';
  width: 100%;
  height: 1rem;
  background: linear-gradient(to top, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.abotw .box .gl .txt_b .g_p {
  padding-right: 0.2rem;
  overflow: auto;
  height: 4.8rem;
}
@media (max-width: 1580px) {
  .abotw .box .gl .txt_b .g_p {
    height: 6rem;
  }
}
.abotw .box .gl .txt_b .g_p p {
  color: #7e8998;
  margin-bottom: 0.3rem;
}
.abotw .box .gr {
  width: 46.6875%;
}
@media (max-width: 991px) {
  .abotw .box .gr {
    width: 100%;
  }
}
.abotw .box .gr .img {
  width: 100%;
}
.abotw .box .gr .img img {
  width: 100%;
}
.aboth {
  padding: 0 0 0.58rem;
}
.aboth .box {
  margin-top: 0.42rem;
}
.aboth .box .aboth_t {
  margin-bottom: 0.2rem;
  padding: 0.7rem 0.5rem 0.46rem;
  background: #fff;
  border-radius: 0.1rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .aboth .box .aboth_t {
    flex-direction: column;
  }
}
.aboth .box .aboth_t .item {
  width: calc((100% - 0.6rem)/3);
  margin: 0 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .aboth .box .aboth_t .item {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.aboth .box .aboth_t .item .img {
  margin-bottom: 0.2rem;
  height: 0.78rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .aboth .box .aboth_t .item .img {
    height: 1rem;
    width: 2rem;
  }
}
.aboth .box .aboth_t .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.aboth .box .aboth_t .item .line {
  margin-bottom: 0.4rem;
  position: relative;
  display: flex;
}
.aboth .box .aboth_t .item .line img {
  width: 100%;
}
.aboth .box .aboth_t .item .line i {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #e9edf2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
}
.aboth .box .aboth_t .item .txt {
  padding: 0 0.2rem;
  text-align: center;
}
.aboth .box .aboth_t .item .txt h3 {
  margin-bottom: 0.14rem;
  color: #041422;
}
.aboth .box .aboth_t .item .txt p {
  color: #959ca6;
}
.aboth .box .aboth_b {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .aboth .box .aboth_b {
    flex-direction: column;
  }
}
.aboth .box .aboth_b .item {
  overflow: hidden;
  padding: 0.52rem 0.8rem 0.85rem 0.6rem;
  background: #fff;
  border-radius: 0.1rem;
  position: relative;
  width: calc(50% - 0.1rem);
}
@media (max-width: 1260px) {
  .aboth .box .aboth_b .item {
    padding: 0.52rem 1.4rem 0.85rem 0.6rem;
  }
}
@media (max-width: 991px) {
  .aboth .box .aboth_b .item {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.aboth .box .aboth_b .item:hover::after {
  opacity: 1;
}
.aboth .box .aboth_b .item:hover .txt h3 {
  color: #fff;
}
.aboth .box .aboth_b .item:hover .txt .g_p p {
  color: rgba(255, 255, 255, 0.6);
  /* background: linear-gradient(to right,#2bbac5 20.45%,hsla(0,0%,100%,0)); */
}
.aboth .box .aboth_b .item:hover .img {
  animation: mov3 1s 1 forwards;
}
.aboth .box .aboth_b .item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.aboth .box .aboth_b .item .txt {
  position: relative;
  z-index: 10;
}
.aboth .box .aboth_b .item .txt h3 {
  transition: all 0.4s;
  margin-bottom: 0.38rem;
  color: #041422;
}
.aboth .box .aboth_b .item .txt .g_p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: -0.13rem;
}
.aboth .box .aboth_b .item .txt .g_p p {
  padding: 2px 0 2px 0.13rem;
  margin-bottom: 0.06rem;
  color: #959ca6;
  padding-right: 0.8rem;
  transition: all 0.4s;
}
.aboth .box .aboth_b .item .img {
  position: relative;
  z-index: 10;
  position: absolute;
  bottom: -0.27rem;
  right: 0.55rem;
  width: 1.73rem;
  height: auto;
}
.aboth .box .aboth_b .item .img img {
  width: 100%;
  object-fit: contain;
}
@keyframes mov3 {
  0% {
    transform: scale(1) translate3d(0px, 0rem, 0px);
  }
  50% {
    transform: scale(1.05) translate3d(0px, -0.2rem, 0px);
  }
  100% {
    transform: scale(1) translate3d(0px, 0rem, 0px);
  }
}
.abofo {
  overflow: hidden;
  padding: 0.58rem 0 0.7rem;
}
.abofo .box {
  width: 100%;
  position: relative;
  /* margin: 2.4rem 0 0; */
}
.abofo .box .imgbj {
  position: absolute;
  width: 100%;
  height: 195px;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
}
@media (max-width: 991px) {
  .abofo .box .imgbj {
    display: none;
  }
}
.abofo .box .imgbj img {
  margin-left: 0.45%;
  width: 100%;
  height: 100%;
}
.abofo .box .bbox {
  padding: 0 0.5rem;
}
@media (max-width: 767px) {
  .abofo .box .bbox {
    padding: 0;
  }
}
.abofo .box .bbox .container {
  position: relative;
}
@media (max-width: 991px) {
  .abofo .box .bbox .container .g_qie {
    display: none;
  }
}
.abofo .box .bbox .swiper {
  position: relative;
  overflow: hidden;
  padding: 240px 0 ;
}
@media (max-width: 767px) {
  .abofo .box .bbox .swiper {
    padding: 0.6rem 0;
  }
}
.abofo .box .bbox .swiper::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 2.5rem;
  height: 100%;
  z-index: 10;
  background: linear-gradient(270deg, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
  .abofo .box .bbox .swiper::before {
    width: 2rem;
  }
}
@media (max-width: 991px) {
  .abofo .box .bbox .swiper::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .abofo .box .bbox .swiper::before {
    width: 1rem;
  }
}
.abofo .box .bbox .swiper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 100%;
  z-index: 10;
  background: linear-gradient(270deg, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
  .abofo .box .bbox .swiper::after {
    width: 2rem;
  }
}
@media (max-width: 991px) {
  .abofo .box .bbox .swiper::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .abofo .box .bbox .swiper::after {
    width: 1rem;
  }
}
.abofo .box .bbox .swiper .swiper-slide {
  height: 195px;
  position: relative;
}
@media (max-width: 767px) {
  .abofo .box .bbox .swiper .swiper-slide {
    height: auto;
  }
}
@media (min-width: 768px) {
  .abofo .box .bbox .swiper .swiper-slide.on .abofo_box {
    bottom: calc(100% - 14px);
  }
  .abofo .box .bbox .swiper .swiper-slide.on .abofo_box .year {
    bottom: -46px;
  }
  .abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt {
    top: auto;
    bottom: calc(100% + 22px);
  }
  .abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt .txt_tw {
    top: auto;
    bottom: 0;
  }
  .abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt .txt_tw .g_sj {
    transform: translateX(-50%);
    top: calc(100% - 3px);
  }
}
.abofo .box .bbox .abofo_box {
  transition: all 0.4s;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%);
  position: absolute;
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box {
    transform: translateX(0%);
    position: initial;
  }
}
.abofo .box .bbox .abofo_box:hover .abofo_con .i1 {
  transform: scale(1.28);
  background: linear-gradient(to right, #16b3c0, #7fc471);
  background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.abofo .box .bbox .abofo_box:hover .abofo_con .i2 {
  background: #fff;
}
.abofo .box .bbox .abofo_box:hover .year p {
  background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.abofo .box .bbox .abofo_box:hover .txt .txt_box {
  opacity: 0;
}
.abofo .box .bbox .abofo_box:hover .txt .txt_tw {
  opacity: 1;
}
.abofo .box .bbox .abofo_box .abofo_con {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .abofo_con {
    display: none;
  }
}
.abofo .box .bbox .abofo_box .abofo_con .i1 {
  transition: all 0.4s;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
}
.abofo .box .bbox .abofo_box .abofo_con .i2 {
  transition: all 0.4s;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00afcc;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.abofo .box .bbox .abofo_box .year {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 16px);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .year {
    transform: translateX(0%);
    position: initial;
    margin-bottom: 0.3rem;
  }
}
.abofo .box .bbox .abofo_box .year p {
  line-height: 1.1;
  color: #00afcc;
  transition: all 0.4s;
}
.abofo .box .bbox .abofo_box .txt {
  width: 3.5rem;
  position: absolute;
  left: 50%;
  top: calc(100% + 22px);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt {
    transform: translateX(0%);
    position: initial;
    width: 100%;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_box {
  transition: all 0.4s;
  color: #c7ccd2;
  text-align: center;
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt .txt_box {
    display: none;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_box p {
  line-height: 1.75;
}
.abofo .box .bbox .abofo_box .txt .txt_tw {
  transition: all 0.4s;
  opacity: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt .txt_tw {
    transform: translateX(0%);
    position: initial;
    opacity: 1;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_tw .g_sj {
  position: absolute;
  bottom: calc(100% - 3px);
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt .txt_tw .g_sj {
    display: none;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_tw .g_sj path {
  fill: #fff;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box {
  overflow: hidden;
  border-radius: 0.1rem;
  display: flex;
  width: 5.12rem;
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box {
    width: 100%;
    flex-direction: column;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img {
  flex-shrink: 0;
  width: calc(180/512*100%);
}
@media (max-width: 767px) {
  .abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img {
    width: 100%;
  }
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img:before {
  padding-top: 79.44444444%;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.4rem;
  background: #fff;
  width: 100%;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p p {
  color: #959ca6;
  line-height: 1.75;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  height: 7em;
}
@media (max-width: 1580px) {
  .abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p p {
    line-height: 1.5;
    height: 6em;
  }
}
.g_qie .pub_nav {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  cursor: pointer;
  transition: all 0.4s;
}
.g_qie .pub_nav:hover {
  background: #88cbd0;
}
.g_qie .pub_nav:hover svg path {
  fill: #fff;
}
.g_qie .pub_nav svg {
  width: 10%;
  height: auto;
}
.g_qie .pub_nav svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.g_qie .pub_prev {
  left: -0.6rem;
}
.g_qie .pub_prev svg {
  transform: rotate(180deg);
}
.g_qie .pub_next {
  right: -0.6rem;
}
.abofi {
  position: relative;
}
.abofi .abofi_bj {
  position: relative;
  height: 6.9rem;
}
.abofi .abofi_bj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.abofi .abofi_bj video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.abofi .box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 0.8rem;
}
.abofi .box .g_abo {
  text-align: center;
  margin: 1.6rem auto 0;
}
@media (max-width: 767px) {
  .abofi .box .g_abo {
    margin-top: 1.4rem;
  }
}
.abofi .box .g_abo .g_abo_box {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0.32rem 0 2.5rem rgba(46, 137, 153, 0.09);
}
@media (max-width: 767px) {
  .abofi .box .g_abo .g_abo_box {
    width: 2rem;
    height: 2rem;
  }
}
.abofi .box .g_abo .g_abo_box::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  animation: bkqq 2s linear infinite;
  border-radius: 100%;
}
.abofi .box .g_abo .g_abo_box::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: bkqq 2s 1s linear infinite;
  border-radius: 100%;
}
.abofi .box .g_abo .g_abo_box i {
  flex-shrink: 0;
  display: flex;
  width: 0.22rem;
  height: auto;
}
@media (max-width: 767px) {
  .abofi .box .g_abo .g_abo_box i {
    width: 0.3rem;
  }
}
.abofi .box .g_abo .g_abo_box i svg,
.abofi .box .g_abo .g_abo_box i img {
  width: 100%;
  height: auto;
}
.abofi .box .g_abo .g_abo_box i svg path,
.abofi .box .g_abo .g_abo_box i img path {
  fill: #00afcc;
}
.abofi .box .g_abo .g_abo_box p {
  color: #00afcc;
  margin-top: 0.06rem;
}
@keyframes bkqq {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.4);
  }
}
.x-foot .x-con .x-top .container,
.x-foot .x-con .x-zhong .container {
  margin: 0 auto;
  width: 85%;
  max-width: 1600px;
}
@media (max-width: 1260px) {
  .x-foot .x-con .x-top .container,
  .x-foot .x-con .x-zhong .container {
    width: 90%;
  }
}
.srojt {
  position: relative;
  padding-bottom: 30px !important;
}
.srojt::after {
  content: '';
  pointer-events: none;
  position: absolute;
  width: 24px;
  height: 20px;
  background: url(../images/zyhd.svg) no-repeat;
  background-size: contain;
  bottom: 2px;
  left: 50%;
  margin-left: -12px;
  display: none;
  animation: moveq2 1.5s infinite linear;
  -webkit-animation: moveq2 1.5s infinite linear;
}
@media (max-width: 767px) {
  .srojt::after {
    display: block;
  }
}
@keyframes moveq2 {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(7px);
    opacity: 1;
  }
  100% {
    transform: translateX(14px);
    opacity: 0;
  }
}
sup {
  /* transform: translateY(-8px); */
  display: inline-flex;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 767px) {
  sup {
    transform: translateY(0) !important;
  }
}