@charset "utf-8";
:root {
  --color: #005CE6;
  --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");
} */
a {
  color: #333;
}
/* 开始 */
.g_xs {
  display: block;
}
.g_yc {
  display: none;
}
@media (max-width: 767px) {
  .g_xs {
    display: none;
  }
  .g_yc {
    display: block;
  }
}
.container2 {
  margin: 0 auto;
  width: 86%;
  max-width: 1400px;
}
@media (max-width: 1580px) {
  .container2 {
    width: 86%;
  }
}
@media (max-width: 1260px) {
  .container2 {
    width: 90%;
  }
}
/* 新闻资讯 */
.sub_banner {
  height: 7.5rem;
  width: 100%;
  position: relative;
}
.sub_banner .mob_pc {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_banner .mob_pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_banner .sub_banner_txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  background: rgba(0, 0, 0, 0.2);
}
.sub_banner .sub_banner_txt .container2 {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.sub_banner .sub_banner_txt .container2 .ban_l {
  width: 100%;
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit {
  text-align: center;
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit h1 {
  font-weight: bold;
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit span {
  line-height: 1.3;
  font-weight: bold;
}
.sub_banner .sub_banner_txt .container2 .ban_l .tit p {
  margin-top: 0.05rem;
}
.sub_banner .sub_banner_txt .container2 .ban_l .sub_banner_p {
  margin-top: 0.6rem;
}
.sub_banner .sub_banner_txt .container2 .ban_l .sub_banner_p p {
  opacity: 0.6;
}
.newson {
  padding-bottom: 120px;
}
.newson .t_tit {
  height: 0.8rem;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
  .newson .t_tit {
    padding: 0 5%;
    overflow: auto;
    justify-content: flex-start;
  }
}
.newson .t_tit a {
  height: 100%;
  margin: 0 0.36rem;
  padding: 0 0.05rem;
  display: inline-flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .newson .t_tit a {
    white-space: nowrap;
  }
}
.newson .t_tit a.on {
  font-weight: bold;
  color: #005ba8;
}
.newson .t_tit a.on::after {
  width: 100%;
}
.newson .t_tit a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #005ba8;
  bottom: -1px;
  left: 0;
}
@media (max-width: 767px) {
  .newson .t_tit a::after {
    border-bottom: 0;
    height: 1px;
    bottom: 0;
  }
}
.newson .page {
  margin: 1.05rem auto 1.35rem;
}
.page {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page a {
  height: 0.48rem;
  min-width: 0.48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.04rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 50%;
  /* border: 2px solid transparent; */
  color: #666;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page a {
    font-size: 0.28rem;
  }
}
.page a.prev img,
.page a.prev svg {
  transform: rotate(180deg);
  margin-right: 5px;
}
.page a.next img,
.page a.next svg {
  margin-left: 5px;
}
.page a:hover {
  color: #fff;
  border-color: #005ba8;
  background: #005ba8;
}
.page a:hover p {
  color: #fff;
}
.page a:hover svg path {
  fill: #fff;
}
.page a img,
.page a svg {
  width: 8px;
  height: auto;
}
@media (max-width: 767px) {
  .page a img,
  .page a svg {
    width: 6px;
  }
}
.page a .img2 {
  display: none;
}
.page a svg path {
  fill: #999;
}
.page .active {
  color: #fff;
  border-color: #005ba8;
  background: #005ba8;
}
.page .active p {
  color: #fff;
}
.news_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.82rem;
}
.news_box .item {
  width: 33.33%;
  margin-bottom: 0.3rem;
  padding: 0 0.15rem;
}
@media (max-width: 767px) {
  .news_box .item {
    width: 100%;
  }
}
.news_box .item:hover .itembox {
  box-shadow: 0 0.1rem 0.27rem rgba(17, 70, 128, 0.13);
}
.news_box .item:hover .itembox .public-img img {
  transform: scale(1.05);
}
.news_box .item:hover .itembox .txt {
  background: url(../images/news5.jpg) no-repeat;
  background-size: cover;
  border-color: #005ba8;
}
.news_box .item:hover .itembox .txt .txt_box h3 {
  color: #005ba8;
}
.news_box .item .itembox {
  transition: all 0.4s;
  display: block;
  width: 100%;
}
.news_box .item .itembox .public-img {
  border-radius: 0.1rem 0.1rem 0 0;
}
.news_box .item .itembox .public-img:before {
  padding-top: 56.05381166%;
}
.news_box .item .itembox .txt {
  transition: all 0.4s;
  padding: 0.25rem 0.3rem 0.24rem;
  border-bottom: 2px solid transparent;
}
.news_box .item .itembox .txt .g_span span {
  color: #666;
  display: block;
  position: relative;
  padding-left: 14px;
}
.news_box .item .itembox .txt .g_span span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #999;
  left: 0;
  top: 10px;
}
@media (max-width: 1580px) {
  .news_box .item .itembox .txt .g_span span:after {
    top: 8px;
    width: 3px;
    height: 3px;
  }
}
.news_box .item .itembox .txt .txt_box {
  margin: 0.24rem 0 0.42rem;
}
.news_box .item .itembox .txt .txt_box h3 {
  transition: all 0.4s;
  color: #222;
  font-weight: bold;
  margin-bottom: 0.15rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news_box .item .itembox .txt .txt_box p {
  color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.news_box .item .itembox .txt .g_time p {
  color: #999;
}
.pub_title {
  text-align: center;
}
.pub_title h2 {
  line-height: 1.2;
  font-weight: bold;
}
.pub_title h2 span {
  color: #005ba8;
}
.pub_title p {
  color: #666;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .pub_title p br {
    display: none;
  }
}
.pub_title2 h2 {
  color: #fff;
}
.pub_title2 p {
  color: #fff;
}
/* 招标公告 */
.tenon {
  padding: 0.6rem 0 1.2rem;
  background: #f8f8f8;
}
.tenon .box {
  margin-top: 0.54rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tenon .box {
    flex-direction: column;
  }
}
.tenon .box .gl {
  border-radius: 0.1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff;
  width: 57.14285714%;
  padding: 0.75rem 0.55rem 0.58rem;
}
@media (max-width: 767px) {
  .tenon .box .gl {
    width: 100%;
  }
}
.tenon .box .gl .txt span {
  display: block;
  margin-bottom: 0.08rem;
}
.tenon .box .gl .txt h3 {
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tenon .box .gl .public-btn {
  margin-top: 0.5rem;
}
.tenon .box .gr {
  width: 42.14285714%;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0 0.3rem;
}
@media (max-width: 767px) {
  .tenon .box .gr {
    width: 100%;
  }
}
.tenon .box .gr .item {
  display: block;
  padding: 0.26rem 0 0.3rem;
  border-bottom: 1px solid #eee;
}
.tenon .box .gr .item:last-child {
  border: none;
}
.tenon .box .gr .item:hover h3 {
  color: #005ba8;
}
.tenon .box .gr .item h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.06rem;
  transition: all 0.4s;
  font-weight: bold;
}
.tenon .box .gr .item span {
  color: #666;
}
.crumbs {
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.crumbs p {
  display: flex;
  align-items: center;
}
.crumbs p > a {
  margin-right: 0.1rem;
  color: #999;
}
@media (max-width: 767px) {
  .crumbs p > a {
    font-size: 14px;
    margin-bottom: 0.05rem;
  }
}
.crumbs p:last-child a {
  color: #333;
}
.crumbs p:last-child svg,
.crumbs p:last-child i {
  display: none;
}
.crumbs p svg {
  width: 5px;
  height: auto;
  margin-right: 0.1rem;
}
.crumbs p svg path {
  fill: #999;
}
.crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #fff;
  margin-right: 0.1rem;
}
/* 新闻详情 */
.newinfoon {
  background: #F8F8F8;
  padding: 0 0 calc(1.4rem + 120px);
}
.newinfoon .container2 > .box {
  margin-top: 0.45rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .newinfoon .container2 > .box {
    flex-direction: column;
  }
}
.newinfoon .container2 > .box .gl {
  background: #fff;
  width: 64.28571429%;
  padding: 0.68rem 0.65rem 0.95rem;
}
@media (max-width: 991px) {
  .newinfoon .container2 > .box .gl {
    width: 100%;
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  .newinfoon .container2 > .box .gl {
    padding: 0.4rem;
  }
}
.newinfoon .container2 > .box .gl h1 {
  padding-right: 0.7rem;
  font-weight: bold;
  line-height: 1.57;
  margin-bottom: 0.36rem;
}
.newinfoon .container2 > .box .gl .g_fx {
  margin-bottom: 0.24rem;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .newinfoon .container2 > .box .gl .g_fx {
    flex-direction: column;
  }
}
.newinfoon .container2 > .box .gl .g_fx .left {
  color: #999;
  display: flex;
}
@media (max-width: 767px) {
  .newinfoon .container2 > .box .gl .g_fx .left {
    margin-bottom: 0.2rem;
  }
}
.newinfoon .container2 > .box .gl .g_fx .left p {
  margin-right: 0.37rem;
}
.newinfoon .container2 > .box .gr {
  background: #fff;
  width: 32.85714286%;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  padding: 0 0.3rem;
}
@media (max-width: 991px) {
  .newinfoon .container2 > .box .gr {
    width: 100%;
  }
}
.newinfoon .container2 > .box .gr h2 {
  padding: 0.32rem 0;
}
.newinfoon .container2 > .box .gr .gr_a a {
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newinfoon .container2 > .box .gr .gr_a a:hover .public-img img {
  transform: scale(1.05);
}
.newinfoon .container2 > .box .gr .gr_a a:hover .txt h3 {
  color: #005ba8;
}
.newinfoon .container2 > .box .gr .gr_a a .public-img {
  margin-right: 0.3rem;
  width: 1.08rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .newinfoon .container2 > .box .gr .gr_a a .public-img {
    width: 1.8rem;
  }
}
.newinfoon .container2 > .box .gr .gr_a a .public-img:before {
  padding-top: 71.2962963%;
}
.newinfoon .container2 > .box .gr .gr_a a .txt {
  width: calc(100% - 1.38rem);
}
@media (max-width: 767px) {
  .newinfoon .container2 > .box .gr .gr_a a .txt {
    width: calc(100% - 2.1rem);
  }
}
.newinfoon .container2 > .box .gr .gr_a a .txt span {
  color: #999;
}
.newinfoon .container2 > .box .gr .gr_a a .txt h3 {
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-top: 0.1rem;
}
.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: 20px;
  height: 20px;
  padding: 0;
  background: none;
  margin: 0 0 0 0.26rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a:hover {
  background: none;
  opacity: 1;
}
.ins_det_fxr_box .bshare-custom a::before {
  content: '' !important;
}
@media (max-width: 767px) {
  .ins_det_fxr_box .bshare-custom a {
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.26rem 0 0;
  }
}
.ins_det_fxr_box .bshare-custom a svg {
  width: 55%;
  height: auto;
  pointer-events: none;
}
.ins_det_fxr_box .bshare-custom a svg path {
  fill: #fff;
  opacity: 1;
}
.social-share .icon-wechat .wechat-qrcode {
  top: 120% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.bsBox {
  box-sizing: initial;
}
.g_pag {
  display: flex;
  justify-content: space-between;
  padding-top: 0.56rem;
  margin-top: 0.55rem;
  border-top: 1px solid #eee;
}
.g_pag .fh {
  display: flex;
  align-items: center;
}
.g_pag .fh:hover p {
  color: #005ba8;
}
.g_pag .fh p {
  color: #005ba8;
}
.g_pag .fh svg {
  width: 14px;
  height: 14px;
  margin-right: 0.08rem;
}
@media (max-width: 767px) {
  .g_pag .fh svg {
    width: 11px;
    height: 11px;
  }
}
.g_pag .fh svg path {
  fill: #005ba8;
}
.g_pag .pag_l,
.g_pag .pag_r {
  display: flex;
  align-items: center;
  width: 40%;
}
@media (max-width: 767px) {
  .g_pag .pag_l,
  .g_pag .pag_r {
    width: 30%;
  }
}
.g_pag .pag_l:hover span,
.g_pag .pag_r:hover span {
  color: #005ba8;
}
.g_pag .pag_l:hover p,
.g_pag .pag_r:hover p {
  color: #005ba8;
}
.g_pag .pag_l:hover svg path,
.g_pag .pag_r:hover svg path {
  fill: #005ba8;
}
.g_pag .pag_l span,
.g_pag .pag_r span {
  flex-shrink: 0;
  color: #999;
}
.g_pag .pag_l p,
.g_pag .pag_r p {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g_pag .pag_l svg,
.g_pag .pag_r svg,
.g_pag .pag_l img,
.g_pag .pag_r img {
  width: 12px;
  height: auto;
}
@media (max-width: 767px) {
  .g_pag .pag_l svg,
  .g_pag .pag_r svg,
  .g_pag .pag_l img,
  .g_pag .pag_r img {
    width: 10px;
  }
}
.g_pag .pag_l svg path,
.g_pag .pag_r svg path,
.g_pag .pag_l img path,
.g_pag .pag_r img path {
  fill: #a5a5a5;
}
.g_pag .pag_r {
  justify-content: flex-end;
}
.g_pag .pag_r svg {
  margin-left: 0.1rem;
}
.g_pag .pag_l svg,
.g_pag .pag_l img {
  margin-right: 0.1rem;
  transform: rotate(180deg);
}
/* 产品与解决方案 */
.proon {
  padding: 1.32rem 0 1.4rem;
}
.proon .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.19rem;
  margin-top: 0.52rem;
}
@media (max-width: 991px) {
  .proon .box {
    justify-content: center;
  }
}
.proon .box .item {
  width: 20%;
  margin-bottom: 0.3rem;
  padding: 0 0.19rem;
}
@media (max-width: 991px) {
  .proon .box .item {
    width: 33.33%;
    margin-bottom: 0.38rem;
  }
}
@media (max-width: 767px) {
  .proon .box .item {
    width: 50%;
  }
}
.proon .box .item .itembox {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.proon .box .item .itembox:hover .gyc {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.proon .box .item .itembox:hover .gxs {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
}
.proon .box .item .itembox::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.proon .box .item .itembox .gxs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
  background: #f8f8f8;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.proon .box .item .itembox .gxs .g_svg {
  width: auto;
  height: 0.7rem;
}
@media (max-width: 767px) {
  .proon .box .item .itembox .gxs .g_svg {
    height: 1rem;
  }
}
.proon .box .item .itembox .gxs .g_svg svg,
.proon .box .item .itembox .gxs .g_svg img {
  width: auto;
  height: 100%;
}
.proon .box .item .itembox .gxs .txt {
  margin-top: 0.26rem;
}
.proon .box .item .itembox .gxs .txt h3 {
  font-weight: bold;
}
.proon .box .item .itembox .gyc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
  opacity: 0;
  background: #005ba8;
  border-radius: 50%;
}
.proon .box .item .itembox .gyc .imgbj {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.03;
  margin: 0.12rem;
  width: calc(100% - 0.24rem);
  height: calc(100% - 0.24rem);
}
.proon .box .item .itembox .gyc .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proon .box .item .itembox .gyc .txt {
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.proon .box .item .itembox .gyc .txt .g_p {
  margin-top: 0.17rem;
  text-align: center;
}
.proon .box .item .itembox .gyc .txt .g_p p {
  margin-top: 0.05rem;
}
@media (max-width: 767px) {
  .proon .box .item .itembox .gyc .txt .g_p p {
    font-size: 0.24rem;
  }
}
.pub_bj .pub_bj_box {
  width: 100%;
}
.pub_bj .pub_bj_box img {
  width: 100%;
}
.protw {
  padding: 0 0 2.63rem;
  background: #f8f8f8;
  margin-top: -0.7rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .protw {
    margin-top: 0;
    padding: 0 0 3.63rem;
  }
}
.protw .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.58rem;
}
.protw .box .item {
  width: 33.33%;
  margin-bottom: 0.3rem;
  padding: 0 0.15rem;
}
@media (max-width: 991px) {
  .protw .box .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .protw .box .item {
    width: 100%;
  }
}
.protw .box .item:hover .itembox .txt .txt_yc {
  opacity: 1;
  bottom: 0;
}
.protw .box .item .itembox {
  border-radius: 0.1rem;
  background: #fff;
  overflow: hidden;
  display: block;
  width: 100%;
}
.protw .box .item .itembox .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.protw .box .item .itembox .img .public-img {
  width: 100%;
}
.protw .box .item .itembox .img .public-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.protw .box .item .itembox .txt {
  position: relative;
}
.protw .box .item .itembox .txt .txt_xs {
  border-top: 1px solid #f5f5f5;
  height: 1rem;
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.protw .box .item .itembox .txt .txt_xs h3 {
  font-weight: bold;
  display: block;
  position: relative;
  padding-left: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.protw .box .item .itembox .txt .txt_xs h3:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #005ba8;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1580px) {
  .protw .box .item .itembox .txt .txt_xs h3:after {
    width: 5px;
    height: 5px;
  }
}
.protw .box .item .itembox .txt .txt_xs i {
  flex-shrink: 0;
  display: flex;
  margin-left: 0.2rem;
  width: 0.08rem;
  height: auto;
}
.protw .box .item .itembox .txt .txt_xs i svg {
  width: 100%;
  height: auto;
}
.protw .box .item .itembox .txt .txt_xs i svg path {
  fill: #ddd;
}
.protw .box .item .itembox .txt .txt_yc {
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  bottom: -0.8rem;
  width: 100%;
  color: #fff;
  padding: 0.35rem 0.3rem 0.5rem 0.32rem;
  background: #005ba8;
}
.protw .box .item .itembox .txt .txt_yc .imgbj {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0.05;
  pointer-events: none;
  transform: translateY(-50%);
}
.protw .box .item .itembox .txt .txt_yc h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.protw .box .item .itembox .txt .txt_yc p {
  opacity: 0.7;
  margin-top: 0.12rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.protw .page {
  margin-top: 0.5rem;
}
/* 产品详情 */
@keyframes move1 {
  0% {
    top: -40%;
  }
  100% {
    top: 100%;
  }
}
.proinfoon {
  overflow: hidden;
  position: relative;
  height: 9.7rem;
}
@media (max-width: 767px) {
  .proinfoon {
    height: auto;
  }
}
.proinfoon .imgbj {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F8F8F8;
}
@media (max-width: 767px) {
  .proinfoon .imgbj {
    display: none;
  }
}
.proinfoon .imgbj img {
  width: 100%;
  height: 100%;
}
.proinfoon .imgbj::after {
  content: '';
  width: 100%;
  height: 140%;
  position: absolute;
  background: #F8F8F8;
  z-index: 10;
  top: 0;
  left: 0;
  animation: move1 1.4s 1 forwards linear;
}
.proinfoon .container2 {
  position: relative;
  z-index: 10;
  height: 100%;
  padding-top: 80px;
}
.proinfoon .box {
  padding-top: 1.45rem;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 767px) {
  .proinfoon .box {
    padding: 0;
    flex-direction: column;
  }
}
.proinfoon .box .gl {
  padding-top: 0.6rem;
  padding-right: 0.2rem;
  width: 42.85714286%;
}
@media (max-width: 767px) {
  .proinfoon .box .gl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.proinfoon .box .gl .txt h1 {
  font-weight: bold;
  line-height: 1;
}
.proinfoon .box .gl .txt .g_p {
  margin-top: 0.32rem;
  border-top: 1px solid #ddd;
  padding-top: 0.3rem;
}
.proinfoon .box .gl .txt .g_p p {
  color: #666;
}
.proinfoon .box .gl .public-btn {
  margin-top: 0.52rem;
}
.proinfoon .box .gl .proinfoon_r {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-start;
  padding-top: 0.6rem;
  width: 100%;
}
@media (max-width: 767px) {
  .proinfoon .box .gl .proinfoon_r {
    width: 100%;
  }
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item {
  background: #fff;
  padding: 0 0.2rem 0.1rem;
  margin-bottom: 0.2rem;
  margin-right: 0.3rem;
  border-radius: 0.1rem;
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item h3 {
  padding: 0.16rem 0;
  font-weight: bold;
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item .proinfoon_r_box {
  display: flex;
  flex-wrap: wrap;
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item .proinfoon_r_box .item {
  width: 1.02rem;
  height: 1.02rem;
  margin-bottom: 0.1rem;
  padding: 0 0.05rem;
}
@media (max-width: 767px) {
  .proinfoon .box .gl .proinfoon_r .proinfoon_r_item .proinfoon_r_box .item {
    width: 1.8rem;
  }
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item .proinfoon_r_box .item .itembox {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
  background: #f8f8f8;
}
.proinfoon .box .gl .proinfoon_r .proinfoon_r_item .proinfoon_r_box .item .itembox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.proinfoon .box .gr {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 57.14285714%;
}
@media (max-width: 767px) {
  .proinfoon .box .gr {
    width: 100%;
    flex-direction: column;
  }
}
.proinfoon .box .gr .img {
  padding: 0 0.3rem 0 0.2rem;
  width: 100%;
}
@media (max-width: 767px) {
  .proinfoon .box .gr .img {
    width: 70%;
    margin: auto;
  }
}
.proinfoon .box .gr .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfotw {
  background: #fff;
  padding: 1.4rem 0 1.2rem;
}
.proinfotw .gvideo {
  padding: 0 1.6rem;
  margin-bottom: 1.36rem;
}
@media (max-width: 991px) {
  .proinfotw .gvideo {
    padding: 0;
  }
}
.proinfotw .gvideo .t2tw_vid {
  position: relative;
  width: 100%;
  height: 6rem;
  overflow: hidden;
  border-radius: 0.22rem;
}
@media (max-width: 1580px) {
  .proinfotw .gvideo .t2tw_vid {
    height: 8rem;
  }
}
@media (max-width: 991px) {
  .proinfotw .gvideo .t2tw_vid {
    height: 6rem;
  }
}
.proinfotw .gvideo .t2tw_vid img,
.proinfotw .gvideo .t2tw_vid video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proinfotw .gvideo .t2tw_vid .vid_on {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.proinfotw .gvideo .t2tw_vid .vid_on .vid_on_box {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.proinfotw .gvideo .t2tw_vid .vid_on .vid_on_box svg {
  width: 100%;
  height: auto;
}
.proinfotw .gvideo .t2tw_vid .vid_on .vid_on_box svg path {
  fill: #fff;
}
.proinfotw .box .proinfotw_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.5rem;
}
.proinfotw .box .proinfotw_box .item {
  width: 25%;
  margin-bottom: 0.3rem;
  padding: 0 0.15rem;
}
@media (max-width: 767px) {
  .proinfotw .box .proinfotw_box .item {
    width: 100%;
  }
}
.proinfotw .box .proinfotw_box .item:hover .itembox .imgbj {
  opacity: 1;
}
.proinfotw .box .proinfotw_box .item:hover .itembox .g_svg svg path {
  fill: #fff;
}
.proinfotw .box .proinfotw_box .item:hover .itembox .txt h3,
.proinfotw .box .proinfotw_box .item:hover .itembox .txt p {
  color: #fff;
}
.proinfotw .box .proinfotw_box .item .itembox {
  border-radius: 0.1rem;
  overflow: hidden;
  background: #f8f8f8;
  padding: 0 0.35rem 0.98rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.proinfotw .box .proinfotw_box .item .itembox .imgbj {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}
.proinfotw .box .proinfotw_box .item .itembox .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proinfotw .box .proinfotw_box .item .itembox .g_svg {
  position: relative;
  z-index: 10;
  margin: 0.8rem auto;
  width: 0.82rem;
  height: 0.82rem;
}
@media (max-width: 767px) {
  .proinfotw .box .proinfotw_box .item .itembox .g_svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.proinfotw .box .proinfotw_box .item .itembox .g_svg svg,
.proinfotw .box .proinfotw_box .item .itembox .g_svg img {
  width: 100%;
  height: auto;
}
.proinfotw .box .proinfotw_box .item .itembox .g_svg svg path,
.proinfotw .box .proinfotw_box .item .itembox .g_svg img path {
  transition: all 0.4s;
}
.proinfotw .box .proinfotw_box .item .itembox .txt {
  position: relative;
  z-index: 10;
  text-align: center;
}
.proinfotw .box .proinfotw_box .item .itembox .txt h3 {
  transition: all 0.4s;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .proinfotw .box .proinfotw_box .item .itembox .txt h3 {
    font-size: 0.36rem;
  }
}
.proinfotw .box .proinfotw_box .item .itembox .txt p {
  color: #666;
  transition: all 0.4s;
}
.proinfoth {
  background: #f8f8f8;
  padding: 1.35rem 0 calc(1.6rem + 120px);
}
.proinfoth .box {
  margin-top: 0.54rem;
  position: relative;
}
.proinfoth .box .proinfoth_box {
  border-radius: 0.1rem;
  overflow: hidden;
  background: #fff;
}
.proinfoth .box .proinfoth_box:hover .img img {
  transform: scale(1.05);
}
.proinfoth .box .proinfoth_box:hover .txt img {
  opacity: 1;
}
.proinfoth .box .proinfoth_box:hover .txt h3 {
  color: #fff;
}
.proinfoth .box .proinfoth_box .img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.3rem;
}
.proinfoth .box .proinfoth_box .img .img_box {
  position: relative;
  top: 0;
  transition: all 0.4s;
  width: 3.1rem;
  height: 3.1rem;
}
@media (max-width: 767px) {
  .proinfoth .box .proinfoth_box .img .img_box {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.proinfoth .box .proinfoth_box .img .img_box img {
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.proinfoth .box .proinfoth_box .txt {
  border-top: 1px solid #fbfbfb;
  height: 0.82rem;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .proinfoth .box .proinfoth_box .txt {
    height: 1.2rem;
  }
}
.proinfoth .box .proinfoth_box .txt img {
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.proinfoth .box .proinfoth_box .txt h3 {
  transition: all 0.4s;
  font-weight: bold;
  position: relative;
  z-index: 10;
  padding: 0.2rem 0.3rem;
}
@media (max-width: 1260px) {
  .proinfoth .box .g_qie {
    display: none;
  }
}
.proinfoth .box .g_qie .pub_prev {
  left: -1.44rem;
}
@media screen and (max-width: 1380px) {
  .proinfoth .box .g_qie .pub_prev {
    left: -1rem;
  }
}
.proinfoth .box .g_qie .pub_next {
  right: -1.44rem;
}
@media screen and (max-width: 1380px) {
  .proinfoth .box .g_qie .pub_next {
    right: -1rem;
  }
}
.g_qie .pub_nav {
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #dfdfdf;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  cursor: pointer;
  transition: all 0.4s;
}
.g_qie .pub_nav:hover {
  background: #005ba8;
}
.g_qie .pub_nav:hover svg path {
  fill: #fff;
}
.g_qie .pub_nav svg {
  width: 12.5%;
  height: auto;
}
.g_qie .pub_nav svg path {
  fill: #fff;
  opacity: 1;
}
.g_qie .pub_prev {
  left: 0.8rem;
}
.g_qie .pub_prev svg {
  transform: rotate(180deg);
}
.g_qie .pub_next {
  right: 0.8rem;
}
/* 综合实力 */
.stron {
  background: #f8f8f8;
  padding: 1.35rem 0 2.7rem;
}
.stron .box {
  margin-top: 0.56rem;
}
.stron .box .stron_t {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.stron .box .stron_t .item {
  width: 25%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .stron .box .stron_t .item {
    width: 50%;
  }
}
.stron .box .stron_t .item .itembox {
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.45rem 0.2rem 0;
  display: block;
  width: 100%;
}
.stron .box .stron_t .item .itembox .g_tit h3 {
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.stron .box .stron_t .item .itembox .g_tit p {
  margin-top: 0.2rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 4.5em;
}
.stron .box .stron_t .item .itembox .stron_swi {
  margin-top: 0.15rem;
}
.stron .box .stron_t .item .itembox .stron_swi .stron_swi_box {
  padding-bottom: 0.4rem;
}
.stron .box .stron_t .item .itembox .stron_swi .stron_swi_box .public-img {
  background: #f8f8f8;
  border-radius: 0.1rem;
}
.stron .box .stron_t .item .itembox .stron_swi .stron_swi_box .public-img:before {
  padding-top: 52.08333333%;
}
@media (max-width: 1580px) {
  .stron .box .stron_t .item .itembox .stron_swi .stron_swi_box .swip2_pag {
    bottom: 0.1rem;
  }
}
.stron .box .stron_t .item .itembox .stron_swi .stron_swi_box .swip2_pag .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 0.05rem;
}
.stron .box .stron_t .item .itembox .stron_swi .stron_swi_box .swip2_pag .swiper-pagination-bullet-active {
  color: #005ba8;
}
.stron .box .stron_b {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.35rem 0.22rem 0;
}
.stron .box .stron_b .stron_tit {
  text-align: center;
}
.stron .box .stron_b .stron_tit h3 {
  font-weight: bold;
}
.stron .box .stron_b .stron_tit p {
  margin: 0.18rem 0 0;
  color: #666;
}
@media (max-width: 991px) {
  .stron .box .stron_b .stron_tit p br {
    display: none;
  }
}
.stron .box .stron_b .stron_b_box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.11rem;
  margin-top: 0.22rem;
}
.stron .box .stron_b .stron_b_box .item {
  width: 25%;
  margin-bottom: 0.22rem;
  padding: 0 0.11rem;
}
@media (max-width: 991px) {
  .stron .box .stron_b .stron_b_box .item {
    width: 50%;
  }
}
@media (max-width: 1260px) {
  .stron .box .stron_b .stron_b_box .item {
    /* &:first-child{
							.stron_b_imgsm{
								.imgsm_it{
									&:first-child{
										.imgsm_fd{
											left: 0;
											transform: translateX(0%);
											.imgsm_fd_box{
												&::after{
													left: 10%;
												}
											}
										}
									}
								}
								
							}
						}
						&:last-child{
							.stron_b_imgsm{
								.imgsm_it{
									&:last-child{
										.imgsm_fd{
											left: auto;
											right: 0;
											transform: translateX(0%);
											.imgsm_fd_box{
												&::after{
													left: auto;
													right: 10%;
												}
											}
										}
									}
								}
								
							}
						} */
  }
}
.stron .box .stron_b .stron_b_box .item .itembox {
  display: block;
  width: 100%;
  background: #f8f8f8;
  border-radius: 0.1rem;
  padding: 0.1rem;
}
.stron .box .stron_b .stron_b_box .item .itembox h4 {
  font-weight: bold;
  margin: 0.04rem 0 0.06rem;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgbig {
  margin-bottom: 0.1rem;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgbig .public-img {
  border-radius: 0.1rem;
  background: #fff;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgbig .public-img:before {
  padding-top: 65.2360515%;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm {
  display: flex;
  flex-wrap: wrap;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it {
  position: relative;
  width: calc((100% - 0.2rem)/3);
  margin: 0 0.1rem 0.1rem 0;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it:nth-child(3n) {
  margin-right: 0;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it:hover .imgsm_fd {
  display: block;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_xs .public-img {
  border-radius: 0.05rem;
  background: #fff;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_xs .public-img:before {
  padding-top: 70.42253521%;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding-bottom: 16px;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box {
  filter: drop-shadow(0 0.13rem 0.43rem rgba(202, 207, 215, 0.32));
  min-width: 330px;
  border-radius: 0.1rem;
  background: #fff;
  position: relative;
  padding: 0.42rem 0.1rem 0.34rem;
  align-items: center;
  display: flex;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-top-color: #fff;
}
@media (max-width: 1580px) {
  .stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box {
    min-width: 230px;
  }
}
@media (max-width: 1260px) {
  .stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box {
    flex-direction: column;
    align-items: center;
    min-width: 160px;
  }
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .public-img {
  width: 1.22rem;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .public-img:before {
  padding-top: 91.80327869%;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .txt {
  margin-left: 0.15rem;
}
@media (max-width: 1260px) {
  .stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .txt {
    margin-top: 0.3rem;
    text-align: center;
  }
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .txt h5 {
  font-weight: bold;
}
.stron .box .stron_b .stron_b_box .item .itembox .stron_b_imgsm .imgsm_it .imgsm_fd .imgsm_fd_box .txt p {
  color: #666;
}
.strtw {
  margin-top: -1.28rem;
  padding: 1.3rem 0 1.2rem;
}
.strtw .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.66rem;
}
.strtw .box .item {
  width: 25%;
  margin-bottom: 0.3rem;
  padding: 0 0.15rem;
}
@media (max-width: 991px) {
  .strtw .box .item {
    width: 50%;
  }
}
.strtw .box .item .itembox {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.6rem 0.4rem;
}
.strtw .box .item .itembox .g_svg {
  width: 0.82rem;
  height: 0.82rem;
}
@media (max-width: 991px) {
  .strtw .box .item .itembox .g_svg {
    width: 1rem;
    height: 1rem;
  }
}
.strtw .box .item .itembox .g_svg svg,
.strtw .box .item .itembox .g_svg img {
  width: 100%;
  height: auto;
}
.strtw .box .item .itembox .txt {
  text-align: center;
  margin-top: 0.35rem;
}
.strtw .box .item .itembox .txt h3 {
  font-weight: bold;
}
.strtw .box .item .itembox .txt .g_p {
  margin-top: 0.24rem;
}
.strtw .box .item .itembox .txt .g_p p {
  margin-bottom: 5px;
  color: #666;
}
.strth {
  background: #f8f8f8;
  padding: 1.34rem 0 0.2rem;
}
.strth .box {
  margin-top: 0.55rem;
}
.strth .box .strth_item {
  display: flex;
  position: relative;
  margin-bottom: 1.2rem;
}
@media (max-width: 991px) {
  .strth .box .strth_item {
    flex-direction: column;
  }
}
.strth .box .strth_item:nth-child(2n) {
  justify-content: flex-end;
}
.strth .box .strth_item:nth-child(2n) .gl .strth_swi .swip2_pag {
  text-align: right;
}
.strth .box .strth_item:nth-child(2n) .gr {
  left: 0;
}
.strth .box .strth_item .gl {
  width: 69.07142857%;
}
@media (max-width: 991px) {
  .strth .box .strth_item .gl {
    width: 100%;
  }
}
.strth .box .strth_item .gl .strth_swi .public-img {
  border-radius: 0.1rem;
}
.strth .box .strth_item .gl .strth_swi .public-img:before {
  padding-top: 62.0475698%;
}
.strth .box .strth_item .gl .strth_swi .swip2_pag {
  bottom: 0.22rem;
  text-align: left;
  padding: 0 0.25rem;
}
@media (max-width: 991px) {
  .strth .box .strth_item .gl .strth_swi .swip2_pag {
    text-align: center !important;
  }
}
.strth .box .strth_item .gl .strth_swi .swip2_pag .swiper-pagination-bullet {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  background: none;
  opacity: 1;
  border: 1px solid #fff;
  transition: all 0.4s;
}
.strth .box .strth_item .gl .strth_swi .swip2_pag .swiper-pagination-bullet-active {
  background: #fff;
}
.strth .box .strth_item .gr {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  border-radius: 0.1rem;
  overflow: hidden;
  z-index: 10;
  height: 4.75rem;
}
@media (max-width: 991px) {
  .strth .box .strth_item .gr {
    width: 100%;
    height: auto;
    position: initial;
    transform: translateY(0%);
  }
}
.strth .box .strth_item .gr .item {
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 1.4rem 0 0.98rem;
  /* &.on{
						z-index: 10;
						display: block;
						.item_box{
							.g_svg{
								opacity: 1;
								left: 0;
							}
							.txt{
								h3{
									opacity: 1;
									left: 0;
								}
								p{
									opacity: 1;
									left: 0;
								}
							}
						}
					} */
}
@media (max-width: 991px) {
  .strth .box .strth_item .gr .item {
    padding: 0.4rem;
    position: initial;
    transform: translateY(0%);
    display: none;
  }
}
.strth .box .strth_item .gr .item .item_box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.strth .box .strth_item .gr .item .item_box .g_svg {
  transition: all 0.4s;
  position: relative;
  left: 0;
  /* opacity: 0; */
  width: 0.62rem;
  height: 0.62rem;
}
.strth .box .strth_item .gr .item .item_box .g_svg img,
.strth .box .strth_item .gr .item .item_box .g_svg svg {
  width: 100%;
  height: 100%;
}
.strth .box .strth_item .gr .item .item_box .g_svg img path,
.strth .box .strth_item .gr .item .item_box .g_svg svg path {
  fill: #005ba8;
}
.strth .box .strth_item .gr .item .item_box .txt {
  margin-top: 0.38rem;
}
.strth .box .strth_item .gr .item .item_box .txt h3 {
  transition: all 0.4s;
  position: relative;
  left: 0;
  /* opacity: 0; */
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.32rem;
}
.strth .box .strth_item .gr .item .item_box .txt p {
  transition: all 0.4s;
  position: relative;
  left: 0;
  /* opacity: 0; */
  color: #666;
}
.strfo {
  padding: 1.32rem 0 0.2rem;
}
.strfo .box {
  margin-top: 0.58rem;
}
.strfo .box .item {
  display: flex;
  margin-bottom: 1.2rem;
  padding-left: calc((100% - 1400px)/2);
}
@media (max-width: 1580px) {
  .strfo .box .item {
    padding-left: 8%;
  }
}
@media (max-width: 1260px) {
  .strfo .box .item {
    padding: 0 5% !important;
    flex-direction: column !important;
  }
}
.strfo .box .item:nth-child(2n) {
  padding: 0 calc((100% - 1400px)/2) 0 0;
  flex-direction: row-reverse;
}
@media (max-width: 1580px) {
  .strfo .box .item:nth-child(2n) {
    padding: 0 8% 0 0;
  }
}
@media (max-width: 1260px) {
  .strfo .box .item:nth-child(2n) {
    padding: 0 5% 0 0;
  }
}
.strfo .box .item:nth-child(2n) .gl {
  padding: 0 0.1rem 0 1.6rem;
}
@media (max-width: 991px) {
  .strfo .box .item:nth-child(2n) .gl {
    padding: 0;
  }
}
.strfo .box .item:nth-child(2n) .gl .txt {
  padding: 0;
}
.strfo .box .item:nth-child(2n) .gl .g_qie {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.strfo .box .item:nth-child(2n) .gl .g_qie .pub_nav {
  transform: rotate(180deg);
}
.strfo .box .item:nth-child(2n) .gr .swiper-container {
  direction: rtl;
}
.strfo .box .item .gl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 36.98795181%;
}
@media (max-width: 991px) {
  .strfo .box .item .gl {
    width: 100%;
  }
}
.strfo .box .item .gl .g_qie {
  margin: 0.5rem 0 0.78rem;
  display: flex;
  align-items: center;
}
.strfo .box .item .gl .g_qie .pub_nav {
  margin-right: 0.16rem;
  position: initial;
  transform: translateY(0%);
  width: 0.64rem;
  height: 0.64rem;
}
.strfo .box .item .gl .txt {
  padding-right: 1.78rem;
}
@media (max-width: 991px) {
  .strfo .box .item .gl .txt {
    padding: 0;
  }
}
.strfo .box .item .gl .txt h3 {
  font-weight: bold;
}
.strfo .box .item .gl .txt p {
  color: #666;
  margin-top: 0.22rem;
}
.strfo .box .item .gr {
  width: 63.01204819%;
}
@media (max-width: 991px) {
  .strfo .box .item .gr {
    width: 100%;
  }
}
.strfo .box .item .gr .public-img {
  border-radius: 0.1rem;
}
.strfo .box .item .gr .public-img:before {
  padding-top: 111.11111111%;
}
.strfi {
  background: #F8F8F8;
  display: flex;
  padding: 1.35rem 0 calc(1.2rem + 120px);
}
.strfi .box {
  margin: 0 -0.1rem;
  margin-top: 1.75rem;
}
.strfi .box .bbox {
  display: flex;
  flex-wrap: wrap;
}
.strfi .box .item {
  width: 25%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .strfi .box .item {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .strfi .box .item {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .strfi .box .item:hover .itembox .it_xs {
    height: 3.3rem;
    padding-top: 0.55rem;
    transform: translateY(0.9rem);
  }
  .strfi .box .item:hover .itembox .it_xs .g_svg {
    transform: translateY(-1.75rem);
  }
  .strfi .box .item:hover .itembox .it_xs .g_svg svg path {
    fill: #fff;
  }
  .strfi .box .item:hover .itembox .it_yc {
    opacity: 1;
    transform: translateY(-1.25rem);
  }
}
@media (min-width: 992px) and (max-width: 1580px) {
  .strfi .box .item:hover .itembox .it_xs {
    height: 3.8rem;
  }
}
.strfi .box .item .itembox {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.strfi .box .item .itembox .it_xs {
  height: 100%;
  transition: all 0.4s;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 1.62rem 0.42rem 0.55rem;
  border-radius: 0.2rem 0.2rem 500px 500px;
}
@media (max-width: 1580px) {
  .strfi .box .item .itembox .it_xs {
    padding: 1.62rem 0.6rem 0.55rem;
  }
}
@media (max-width: 767px) {
  .strfi .box .item .itembox .it_xs {
    border-radius: 0.2rem;
    padding: 0.55rem 0.6rem 0.55rem;
  }
}
.strfi .box .item .itembox .it_xs .g_svg {
  flex-shrink: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0.55rem;
  width: 0.72rem;
  height: 0.72rem;
  overflow: hidden;
  margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
  .strfi .box .item .itembox .it_xs .g_svg {
    width: 1rem;
    height: 1rem;
    position: initial;
  }
}
.strfi .box .item .itembox .it_xs .g_svg img,
.strfi .box .item .itembox .it_xs .g_svg svg {
  width: 100%;
  height: 100%;
}
.strfi .box .item .itembox .it_xs .g_svg img path,
.strfi .box .item .itembox .it_xs .g_svg svg path {
  fill: #005ba8;
}
.strfi .box .item .itembox .it_xs .txt {
  text-align: center;
}
.strfi .box .item .itembox .it_xs .txt h3 {
  font-weight: bold;
}
.strfi .box .item .itembox .it_xs .txt p {
  margin-top: 0.2rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  height: 9em;
}
@media (max-width: 767px) {
  .strfi .box .item .itembox .it_xs .txt p {
    -webkit-line-clamp: initial;
    height: auto;
  }
}
.strfi .box .item .itembox .it_yc {
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 2.43rem;
  border-radius: 500px 500px 70px 70px;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s;
}
.strfi .box .item .itembox .it_yc .imgbj {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.strfi .box .item .itembox .it_yc .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 人才理念 */
.peron {
  padding: 1.15rem 0 0.55rem;
}
.peron .peron_tit {
  padding: 0 2.94rem;
  text-align: center;
}
@media (max-width: 991px) {
  .peron .peron_tit {
    padding: 0;
  }
}
.peron .peron_tit .p1 {
  color: #005ba8;
}
.peron .peron_tit h2 {
  margin: 0 0 0.1rem;
  font-weight: bold;
}
.peron .peron_tit h2 span {
  color: #005ba8;
}
.peron .peron_tit .p2 {
  color: #666;
}
.peron .peron_tit .p3 {
  margin-top: 0.28rem;
  font-weight: bold;
}
.peron .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
  margin-top: 1.2rem;
}
.peron .box .item {
  width: 25%;
  margin-bottom: 0.4rem;
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .peron .box .item {
    width: 50%;
  }
}
.peron .box .item:hover .itembox {
  height: calc(100% + 0.56rem);
  transform: translateY(-0.28rem);
}
.peron .box .item:hover .itembox::after {
  opacity: 1;
}
.peron .box .item:hover .itembox .g_a p {
  color: #fff;
}
.peron .box .item:hover .itembox .g_a i svg path {
  fill: #fff;
}
.peron .box .item .itembox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.46rem 0.3rem 0.56rem;
  position: relative;
  transition: all 0.4s;
}
.peron .box .item .itembox::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/personnel3.jpg) no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
.peron .box .item .itembox .img {
  position: relative;
  z-index: 10;
  background: #fff;
  border-radius: 0.1rem;
  width: 1.74rem;
  height: 1.74rem;
  padding: 0.08rem;
  margin-bottom: 0.38rem;
}
.peron .box .item .itembox .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.peron .box .item .itembox .g_a {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}
.peron .box .item .itembox .g_a p {
  color: #666;
  transition: all 0.4s;
}
.peron .box .item .itembox .g_a i {
  flex-shrink: 0;
  display: flex;
  width: 6px;
  height: auto;
  margin-left: 0.1rem;
}
.peron .box .item .itembox .g_a i svg {
  width: 100%;
  height: auto;
  transition: all 0.4s;
}
.peron .box .item .itembox .g_a i svg path {
  fill: #666;
}
.peron .g_lab {
  margin-top: 0.38rem;
  text-align: center;
}
.peron .g_lab p {
  color: #666;
}
.peron .g_lab p span {
  font-weight: bold;
  color: #005ba8;
}
.pertw {
  padding: 1.4rem 0 2.52rem;
}
.pertw .box {
  border-radius: 0.1rem;
  overflow: hidden;
  margin-top: 0.55rem;
  position: relative;
}
.pertw .box .img {
  position: relative;
}
@media (max-width: 991px) {
  .pertw .box .img {
    display: none;
  }
}
.pertw .box .img .public-img {
  /* transition: all 0.4s; */
  top: 0;
  position: absolute;
  opacity: 0;
}
.pertw .box .img .public-img.on {
  position: relative;
  opacity: 1;
}
.pertw .box .img .public-img:before {
  padding-top: 37.78571429%;
}
.pertw .box .gnav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
  display: flex;
}
@media (max-width: 991px) {
  .pertw .box .gnav {
    position: relative;
    flex-direction: column;
  }
}
.pertw .box .gnav .public-img {
  display: none;
}
@media (max-width: 991px) {
  .pertw .box .gnav .public-img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .pertw .box .gnav .public-img:before {
    padding-top: 60% !important;
  }
}
.pertw .box .gnav .public-img:before {
  padding-top: 37.78571429%;
}
.pertw .box .gnav .item {
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.35rem 0.48rem;
  transition: all 0.4s;
  position: relative;
}
.pertw .box .gnav .item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/personnel8.png) no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .pertw .box .gnav .item::after {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
}
@media (max-width: 991px) {
  .pertw .box .gnav .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .pertw .box .gnav .item.on {
    background: rgba(255, 255, 255, 0.12);
  }
  .pertw .box .gnav .item.on::after {
    opacity: 1;
  }
}
.pertw .box .gnav .item .txt_box {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .pertw .box .gnav .item .txt_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
  }
}
.pertw .box .gnav .item .g_svg {
  width: 0.44rem;
  height: auto;
}
@media (max-width: 767px) {
  .pertw .box .gnav .item .g_svg {
    width: 0.8rem;
  }
}
.pertw .box .gnav .item .g_svg svg,
.pertw .box .gnav .item .g_svg img {
  width: 100%;
  height: auto;
}
.pertw .box .gnav .item .txt {
  text-align: center;
  color: #fff;
}
.pertw .box .gnav .item .txt h3 {
  margin-top: 0.14rem;
}
@media (max-width: 767px) {
  .pertw .box .gnav .item .txt h3 {
    margin-top: 0.3rem;
  }
}
.perth {
  margin-top: -1.28rem;
  padding: 2.32rem 0 1.4rem;
}
@media (max-width: 767px) {
  .perth {
    padding: 1.32rem 0 1.4rem;
  }
}
.perth .container2 {
  position: relative;
  height: 100%;
}
.perth .container2 .pub_title {
  z-index: 10;
  position: absolute;
  left: 0;
  text-align: left;
}
@media (max-width: 991px) {
  .perth .container2 .pub_title {
    position: relative;
    margin-bottom: 0.6rem;
  }
}
.perth .container2 .pub_title p {
  width: 5.8rem;
}
.perth .container2 .box {
  display: flex;
  justify-content: flex-end;
}
.perth .container2 .box .bbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  width: 10.5rem;
}
.perth .container2 .box .item {
  width: 33.3333%;
  height: 3rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.perth .container2 .box .item:first-child {
  opacity: 0;
}
@media (max-width: 767px) {
  .perth .container2 .box .item {
    height: 2.4rem;
  }
}
.perth .container2 .box .item .g_svg {
  width: 0.72rem;
  height: auto;
}
.perth .container2 .box .item .g_svg svg,
.perth .container2 .box .item .g_svg img {
  width: 100%;
  height: auto;
}
.perth .container2 .box .item .txt {
  text-align: center;
}
.perth .container2 .box .item .txt h3 {
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .perth .container2 .box .item .txt h3 {
    margin-top: 0.3rem;
    font-size: 12px;
    width: 4em;
  }
}
.perfo {
  padding: 1.35rem 0 calc(1.4rem + 120px);
}
.perfo .box {
  margin-top: 0.55rem;
}
.perfo .box .pub_swi {
  position: relative;
}
.perfo .box .pub_swi .swiper-slide {
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .perfo .box .pub_swi .g_qie {
    display: none;
  }
}
.perfo .box .pub_swi .g_qie .pub_prev {
  left: -1.4rem;
}
@media screen and (max-width: 1380px) {
  .perfo .box .pub_swi .g_qie .pub_prev {
    left: -1.1rem;
  }
}
@media (max-width: 1260px) {
  .perfo .box .pub_swi .g_qie .pub_prev {
    left: -0.9rem;
  }
}
.perfo .box .pub_swi .g_qie .pub_next {
  right: -1.4rem;
}
@media screen and (max-width: 1380px) {
  .perfo .box .pub_swi .g_qie .pub_next {
    right: -1.1rem;
  }
}
@media (max-width: 1260px) {
  .perfo .box .pub_swi .g_qie .pub_next {
    right: -0.9rem;
  }
}
.perfo .box .pub_swi .guafi_box {
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.perfo .box .pub_swi .guafi_box:hover img {
  transform: scale(1.05);
}
.perfo .box .pub_swi .guafi_box .public-img:before {
  padding-top: 112.10762332%;
}
.perfo .box .pub_swi .guafi_box .txt {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/personnel14.png) no-repeat;
  background-size: auto 100%;
  background-position: bottom center;
  padding: 0.26rem 0.28rem;
  display: flex;
  align-items: flex-end;
}
.perfo .box .pub_swi .guafi_box .txt h3 {
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 404 */
.notbox404 {
  padding: 1.5rem 0 calc(1.1rem + 120px);
}
.notbox404 .notbox404_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.notbox404 .notbox404_box .notbox404_p {
  margin-bottom: 1.05rem;
  color: #91aacb;
  width: 9.8rem;
}
@media (max-width: 767px) {
  .notbox404 .notbox404_box .notbox404_p {
    width: 80%;
  }
}
.notbox404 .notbox404_box .notbox404_p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.notbox404 .notbox404_box .notbox404_a {
  text-align: center;
}
.notbox404 .notbox404_box .notbox404_a span {
  color: #005ba8;
}
.notbox404 .notbox404_box .notbox404_a .p1 {
  color: #999;
  margin-bottom: 0.25rem;
}
/* 免责声明 */
.dison {
  padding-bottom: calc(1.4rem + 120px);
  background: #f8f8f8;
}
.g-pri {
  margin-top: 0.45rem;
  background: #fff;
  padding: 0.76rem 0 1.2rem;
}
.g-pri .box {
  padding: 0 1rem;
}
@media (max-width: 991px) {
  .g-pri .box {
    padding: 0 0.4rem;
  }
}
.g-pri .box .tit {
  margin-bottom: 0.35rem;
  text-align: center;
}
.g-pri .box .tit h2 {
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.g-pri .box .tit .g-p {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 0.26rem;
  display: flex;
  justify-content: center;
}
.g-pri .box .tit .g-p p {
  color: #999;
  margin: 0 0.18rem;
}
.g-pri .box .public-content h3 {
  font-size: 18px;
}
.g-pri .box .public-content .p1 {
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .p1:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .p1:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box {
  display: flex;
}
@media (max-width: 767px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box {
    flex-direction: column;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span {
  flex-shrink: 0;
  color: #222;
  display: block;
  position: relative;
  padding-left: 20px;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  left: 0;
  top: 12px;
}
@media (max-width: 1580px) {
  .g-pri .box .public-content .g-pritxt .g-pritxt-box span:after {
    top: 14px;
  }
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul {
  padding: 0;
}
.g-pri .box .public-content .g-pritxt .g-pritxt-box ul li {
  list-style: none;
}
/* 网站地图 */
.g-mapon {
  margin-top: 0.45rem;
  background: #fff;
  padding: 0.76rem 0 1.2rem;
}
.g-mapon .g-tit {
  text-align: center;
}
.g-mapon .g-tit h2 {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .g-mapon .g-tit h2 {
    font-size: 0.48rem;
  }
}
.g-mapon .box {
  padding: 0 1rem;
  background: #fff;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .g-mapon .box {
    padding: 0 0.4rem;
  }
}
.g-mapon .box .item {
  display: flex;
  padding: 0.33rem 0 0.18rem;
  position: relative;
}
@media (max-width: 767px) {
  .g-mapon .box .item {
    flex-direction: column;
  }
}
.g-mapon .box .item a:hover {
  color: #005ba8 !important;
}
.g-mapon .box .item .g-la {
  font-weight: bold;
  width: 2.75rem;
  margin-bottom: 0.15rem;
  flex-shrink: 0;
  color: #666;
}
@media (max-width: 767px) {
  .g-mapon .box .item .g-la {
    margin-bottom: 0.2rem;
    font-size: 0.32rem;
  }
}
.g-mapon .box .item .g-twa {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.g-mapon .box .item .g-twa a {
  min-width: 2.8rem;
  margin-right: 0.2rem;
  margin-bottom: 0.15rem;
  padding-right: 0.2rem;
  color: #666;
}
@media (max-width: 991px) {
  .g-mapon .box .item .g-twa a {
    min-width: 2rem;
  }
}
@media (max-width: 767px) {
  .g-mapon .box .item .g-twa a {
    min-width: auto;
  }
}
/* 搜索结果页 */
.searchBox {
  background: #f8f8f8;
}
.seaon .box {
  margin-top: 0.2rem;
}
.seaon .box .pub_title {
  margin-bottom: 0.55rem;
}
.seaon .box .pub_title h2 {
  font-weight: bold;
  color: #38393c;
}
.seaon .box form {
  margin-bottom: 1.2rem;
}
.seaon .box form .search_box {
  padding: 3px;
  width: 5.02rem;
  height: 0.6rem;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
@media (max-width: 767px) {
  .seaon .box form .search_box {
    width: 100%;
    height: 0.8rem;
  }
}
.seaon .box form .search_box input {
  padding: 0 0.3rem 0 0.27rem;
  width: 100%;
  color: #333;
}
.seaon .box form .search_box button {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.52rem;
  height: 0.52rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .seaon .box form .search_box button {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.seaon .box form .search_box button svg {
  width: 34.61%;
  height: auto;
}
.seaon .box form .search_box button svg path {
  fill: #666666;
}
.seatw {
  padding-bottom: calc(1.34rem + 120px);
  background: #fff;
}
.seatw .seatw_nav {
  display: flex;
  justify-content: center;
  height: 0.78rem;
  border-bottom: 1px solid #eee;
  /* padding-right: 0.84rem; */
}
@media (max-width: 991px) {
  .seatw .seatw_nav {
    padding: 0;
    margin-top: 0.1rem;
  }
}
.seatw .seatw_nav a {
  color: #666;
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0 0.37rem;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 991px) {
  .seatw .seatw_nav a {
    margin: 0 0.2rem 0.1rem 0;
  }
}
@media (max-width: 767px) {
  .seatw .seatw_nav a {
    margin: 0 0.1rem 0.1rem 0;
    font-size: 0.24rem;
  }
}
.seatw .seatw_nav a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background: #005ba8;
}
.seatw .seatw_nav a.on {
  transition: all 0.4s;
  color: #005ba8;
}
.seatw .seatw_nav a.on::after {
  width: 0.33rem;
}
.seatw .notbox {
  min-height: 7.3rem;
  padding-top: 1.2rem;
}
.seatw .notbox .notbox_con {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.seatw .notbox .notbox_con i {
  flex-shrink: 0;
  display: flex;
  width: 0.8rem;
  height: auto;
}
.seatw .notbox .notbox_con i svg {
  width: 100%;
  height: auto;
}
.seatw .notbox .notbox_con i svg path {
  fill: #f8f8f8;
}
.seatw .notbox .notbox_con .txt {
  margin-top: 0.45rem;
}
.seatw .box {
  margin-top: 0.6rem;
}
.seatw .box .item {
  display: flex;
  margin-bottom: 0.4rem;
  transition: all 0.4s;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .seatw .box .item {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .seatw .box .item:hover {
    box-shadow: 0 0.1rem 0.27rem rgba(17, 70, 128, 0.13);
  }
  .seatw .box .item:hover .public-img img {
    transform: scale(1.05);
  }
  .seatw .box .item:hover .txt h3 {
    color: #005ba8;
  }
}
.seatw .box .item .public-img {
  border-radius: 0.1rem;
  width: 31.85714286%;
}
@media (max-width: 991px) {
  .seatw .box .item .public-img {
    width: 42.85714286%;
  }
}
@media (max-width: 767px) {
  .seatw .box .item .public-img {
    width: 100%;
  }
}
.seatw .box .item .public-img:before {
  padding-top: 76.23318386%;
}
.seatw .box .item .g_r {
  width: 68.14285714%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.1rem 0.4rem;
}
@media (max-width: 767px) {
  .seatw .box .item .g_r {
    width: 100%;
    padding: 0.4rem 0;
  }
}
.seatw .box .item .g_r .txt h3 {
  transition: all 0.4s;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.seatw .box .item .g_r .txt h3 span {
  color: #005ba8;
}
.seatw .box .item .g_r .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 0.1rem;
  color: #999;
  line-height: 1.9;
}
.seatw .box .item .g_r .sea_crumbs {
  margin-top: 0.9rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .seatw .box .item .g_r .sea_crumbs {
    margin-top: 0.5rem;
  }
}
.seatw .box .item .g_r .sea_crumbs p {
  display: flex;
  align-items: center;
}
.seatw .box .item .g_r .sea_crumbs p > span {
  margin-right: 0.1rem;
  color: #666;
}
@media (max-width: 767px) {
  .seatw .box .item .g_r .sea_crumbs p > span {
    font-size: 12px;
    margin-bottom: 0.05rem;
  }
}
.seatw .box .item .g_r .sea_crumbs p:last-child span {
  color: #005ba8;
}
.seatw .box .item .g_r .sea_crumbs p:last-child svg,
.seatw .box .item .g_r .sea_crumbs p:last-child i {
  display: none;
}
.seatw .box .item .g_r .sea_crumbs p svg {
  width: 5px;
  height: auto;
  margin-right: 0.1rem;
}
.seatw .box .item .g_r .sea_crumbs p svg path {
  fill: #9a9a9a;
}
.seatw .box .item .g_r .sea_crumbs p i {
  font-style: initial;
  opacity: 0.7;
  color: #fff;
  margin-right: 0.12rem;
}
.seatw .page {
  margin-top: 0.78rem;
}
/* 联系方式 */
.c-header2 {
  background: #f8f8f8 !important;
  box-shadow: none !important;
}
.c-header2.c-style2 .c-logo i,
.c-header2.c-style3 .c-logo i {
  display: none !important;
}
.c-header2 .c-gn .x-yy::before {
  display: none !important;
}
.conon {
  padding: 1.54rem 0 2.65rem;
  background: #f8f8f8;
}
.conon .box {
  margin-top: 0.52rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conon .box {
    flex-direction: column;
  }
}
.conon .box .item {
  min-height: 1.64rem;
  background: #fff;
  border-radius: 0.1rem;
  width: calc(50% - 0.15rem);
  margin: 0 0 0.3rem 0;
  padding: 0.35rem 0.25rem 0.32rem 0.4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .conon .box .item {
    width: 100%;
    flex-direction: column;
  }
}
.conon .box .item .g_svg {
  opacity: 0.5;
  z-index: 1;
  left: 0.4rem;
  height: 1.43rem;
  bottom: 0;
  position: absolute;
}
.conon .box .item .g_svg svg,
.conon .box .item .g_svg img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .conon .box .item .g_svg svg,
  .conon .box .item .g_svg img {
    max-height: 1.38rem;
  }
}
.conon .box .item .gl {
  width: 36.77419355%;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .conon .box .item .gl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.conon .box .item .gl .gl_box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.conon .box .item .gl h3 {
  font-weight: bold;
  line-height: 1.2;
}
.conon .box .item .gl span {
  color: #999;
}
.conon .box .item .gr {
  width: 63.22580645%;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .conon .box .item .gr {
    width: 100%;
  }
}
.conon .box .item .gr .rt p {
  line-height: 1.4;
}
.conon .box .item .gr .g_p {
  margin-top: 0.13rem;
}
.conon .box .item .gr .g_p p {
  color: #666;
  display: flex;
}
.conon .box .item .gr .g_p p span {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .conon .box .item .gr .g_p p br {
    display: none;
  }
}
.contw {
  margin-top: -1.5rem;
  position: relative;
  z-index: 10;
  background: url(../images/contact9.png) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding: 1.15rem 0 calc(1.25rem + 120px);
}
.contw .box {
  margin-top: 0.55rem;
}
.contw .box form {
  width: 64.28571429%;
  margin: auto;
  text-align: center;
}
@media (max-width: 991px) {
  .contw .box form {
    width: 100%;
  }
}
.contw .box form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contw .box form .inp {
    flex-direction: column;
  }
}
.contw .box form .inp .inp_box {
  width: calc(50% - 0.15rem);
  margin: 0 0 0.2rem;
  background: #f8f8f8;
  border-radius: 100px;
  height: 0.54rem;
  padding-left: 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1580px) {
  .contw .box form .inp .inp_box {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .contw .box form .inp .inp_box {
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.3rem;
  }
}
.contw .box form .inp .inp_box input {
  width: 100%;
}
.contw .box form .inp .inp_box .inp_txt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  left: 0;
  top: 0;
  pointer-events: none;
}
.contw .box form .inp .inp_box .inp_txt p {
  color: #666;
}
.contw .box form .inp .inp_box .inp_txt p span {
  color: #005ba8;
}
.contw .box form .inp_textarea .inp_box {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0.1rem;
  padding: 0.2rem;
}
.contw .box form .inp_textarea .inp_box textarea {
  width: 100%;
  height: 1.6rem;
  display: block;
}
@media (max-width: 767px) {
  .contw .box form .inp_textarea .inp_box textarea {
    height: 2rem;
  }
}
.contw .box form .inp_textarea .inp_box .g_num {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.contw .box form .inp_textarea .inp_box .g_num p {
  color: #ddd;
}
.contw .box form .gb_lab {
  text-align: left;
  width: 110%;
}
@media (max-width: 1260px) {
  .contw .box form .gb_lab {
    width: 100%;
  }
}
.contw .box form .gb_lab p {
  color: #999;
}
.contw .box form .gb_lab p a {
  color: #005ba8;
}
.contw .box form button {
  margin-top: 0.28rem;
  width: 100%;
  height: 0.5rem;
  background: #005ba8;
  color: #fff;
  border-radius: 100px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .contw .box form button {
    height: 0.8rem;
  }
}
.contw .box form button:hover {
  opacity: 0.8;
}
#c-header .pro_nav3 {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: calc(100%);
  left: 0;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  line-height: 1.5;
}
#c-header .pro_nav3 .pro_nav3_nr {
  width: calc(100% + 1rem);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  #c-header .pro_nav3 .pro_nav3_nr {
    width: 100%;
  }
}
#c-header .pro_nav3 .pro_nav3_nr .gl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 33.33%;
  padding: 0.6rem 0;
}
#c-header .pro_nav3 .pro_nav3_nr .gl h2 {
  line-height: 1.2;
  color: #333;
  font-weight: bold;
}
#c-header .pro_nav3 .pro_nav3_nr .gl .public-btn {
  margin-top: 0.9rem;
  display: inline-flex;
}
#c-header .pro_nav3 .pro_nav3_nr .gl .public-btn span {
  color: #333;
}
#c-header .pro_nav3 .pro_nav3_nr .gr {
  display: flex;
  justify-content: space-between;
  width: 66.67%;
  border-left: 1px solid #f8f8f8;
  padding: 0.6rem 0;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_qh {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_qh a {
  cursor: pointer;
  font-weight: bold;
  transition: all 0.4s;
  text-align: left;
  color: #333;
  padding-left: 0.22rem;
  line-height: 1.1;
  border-left: 2px solid transparent;
  margin-bottom: 0.32rem;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_qh a.on {
  color: #005ba8;
  border-left: 2px solid #005ba8;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_img {
  width: 60%;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_img .public-img {
  display: none;
  border-radius: 0.1rem;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_img .public-img:first-child {
  display: block;
}
#c-header .pro_nav3 .pro_nav3_nr .gr .gr_img .public-img:before {
  padding-top: 43.76039933%;
}
/* 右侧浮窗 */
.gpop {
  position: fixed;
  right: 0.2rem;
  bottom: 0.46rem;
  z-index: 100;
  display: none;
}
@media (max-width: 767px) {
  .gpop {
    right: 10px;
  }
}
.gpop > * {
  transition: all 0.6s;
}
.gpop .pop_a {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  width: 60px;
  height: 60px;
  position: relative;
  display: block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .gpop .pop_a {
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
  }
}
.gpop .pop_a.on .pop_text {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
}
.gpop .pop_a.on .pop_text2 {
  width: 264px;
  opacity: 1;
}
.gpop .pop_a.on .pop_text2 h4 {
  opacity: 1;
  transition: all 1s;
}
.gpop .pop_a.on .pop_a_img {
  background: #005ba8;
}
.gpop .pop_a.on .pop_a_img svg path {
  fill: #fff;
}
.gpop .pop_a.on .pop_a_img p {
  color: #fff;
}
.gpop .pop_a img {
  z-index: 100;
}
.gpop .pop_a .pop_a_img {
  transition: all 0.4s;
  background: #005ba8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 20;
  border-radius: 50%;
}
.gpop .pop_a .pop_a_img svg {
  width: 50%;
  height: auto;
}
.gpop .pop_a .pop_a_img svg path {
  fill: #fff;
}
.gpop .pop_a .pop_a_img p {
  font-size: 12px;
  margin-top: 5px;
}
.gpop .pop_a .pop_text {
  position: absolute;
  top: 50%;
  right: 130%;
  background: #fff;
  padding: 0.15rem;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  z-index: 1;
  transform: translateY(-50%) scale(0);
  -webkit-transform: translateY(-50%) scale(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  /* &::after{
				content: '';
				width: 0;
				height: 0;
				border-style: solid dashed dashed;
				border-color: #fff transparent transparent;
				overflow: hidden;
				cursor: pointer;
				transition: all .2s;
				-webkit-transition: all .2s;
				position: absolute;
				top: 50%;
				right: -20px;
				margin-top: -10px;
				border-width: 10px;
				border-top-color: #fff;
				-webkit-transform: rotate(-90deg)
			} */
}
@media (max-width: 767px) {
  .gpop .pop_a .pop_text {
    width: 220px;
  }
}
.gpop .pop_a .pop_text p {
  color: #666;
  margin-bottom: 0.02rem;
  white-space: nowrap;
  font-size: 14px;
}
.gpop .pop_a .pop_text img {
  height: 20px;
  width: 20px;
  margin-right: 0.1rem;
}
.gpop .pop_a .pop_text .ewm {
  width: 140px;
  height: 140px;
}
.gpop .pop_a .pop_text .ewm img {
  height: 100%;
  width: 100%;
  margin-right: 0;
}
.gpop .pop_a .pop_text2 {
  right: 0;
  -webkit-transform: translateY(-50%) scale(1);
  opacity: 0;
  width: 0;
  height: 100%;
  border-radius: 100px;
  padding: 0 66px 0 0.22rem;
}
.gpop .pop_a .pop_text2 h4 {
  opacity: 0;
  color: #666;
  white-space: nowrap;
}
.gpop .cur4 .pop_a_img {
  overflow: hidden;
  border: 2px solid #005ba8;
  background: #f8f8f8;
}
@media (max-width: 767px) {
  .gpop .cur4 .pop_a_img {
    border: 1px solid #005ba8;
  }
}
.gpop .cur4 .pop_a_img svg path {
  fill: #005ba8;
}
/* 立即咨询弹窗 */
.curtain1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.curtain1 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.curtain1 .curtain_box {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  left: 50%;
  top: 50%;
  overflow: hidden;
  z-index: 10000;
  transform: translate(-50%, -50%);
  width: 12rem;
}
@media (max-width: 767px) {
  .curtain1 .curtain_box {
    width: 90%;
  }
}
.curtain1 .curtain_box .curtain_title {
  position: relative;
  padding: 0 30px;
  background: #1c4798;
}
.curtain1 .curtain_box .curtain_title .close_tc {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  cursor: pointer;
  z-index: 10000;
}
.curtain1 .curtain_box .curtain_title .close_tc svg,
.curtain1 .curtain_box .curtain_title .close_tc img {
  width: 0.3rem;
  height: 0.3rem;
}
@media (max-width: 767px) {
  .curtain1 .curtain_box .curtain_title .close_tc svg,
  .curtain1 .curtain_box .curtain_title .close_tc img {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.curtain1 .curtain_box .curtain_title .close_tc svg path,
.curtain1 .curtain_box .curtain_title .close_tc img path {
  fill: #2e2e2e;
}
.curtain1 .curtain_box .curtain_con {
  max-height: 90vh;
  overflow: auto;
}
.consulting {
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
.consulting .gl {
  padding: 0.78rem 0.6rem 0.85rem;
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .consulting .gl {
    display: none;
  }
}
.consulting .gl .pop_logo {
  width: 2.78rem;
}
.consulting .gl .pop_logo img,
.consulting .gl .pop_logo svg {
  width: 100%;
}
.consulting .gl .gl_box {
  margin-top: 0.4rem;
}
.consulting .gl .gl_box .item {
  color: #fff;
  margin-bottom: 0.15rem;
}
.consulting .gl .gl_box .item span {
  font-size: 12px;
  opacity: 0.5;
}
.consulting .gl .gl_box .item p {
  line-height: 1.3;
  font-weight: bold;
}
.consulting .gl .gl_box .item b {
  font-size: 12px;
}
.consulting .gr {
  width: 66.67%;
  background: #fff;
}
@media (max-width: 991px) {
  .consulting .gr {
    width: 100%;
  }
}
.consulting .gr form {
  margin: auto;
  padding: 0.6rem 0.6rem 0.78rem;
}
@media (max-width: 991px) {
  .consulting .gr form {
    width: 100%;
  }
}
.consulting .gr form .form_tit {
  margin-bottom: 0.38rem;
}
.consulting .gr form .form_tit h1 {
  font-weight: bold;
}
.consulting .gr form .form_tit p {
  margin-top: 0.2rem;
}
.consulting .gr form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .consulting .gr form .inp {
    flex-direction: column;
  }
}
.consulting .gr form .inp .inp_box {
  width: calc(50% - 0.15rem);
  margin: 0 0 0.2rem;
  background: #f8f8f8;
  border-radius: 100px;
  height: 0.54rem;
  padding-left: 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .consulting .gr form .inp .inp_box {
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.3rem;
  }
}
.consulting .gr form .inp .inp_box input {
  width: 100%;
}
.consulting .gr form .inp .inp_box .inp_txt {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  left: 0;
  top: 0;
  pointer-events: none;
}
.consulting .gr form .inp .inp_box .inp_txt p {
  color: #666;
}
.consulting .gr form .inp .inp_box .inp_txt p span {
  color: #005ba8;
}
.consulting .gr form .inp_textarea .inp_box {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0.1rem;
  padding: 0.2rem;
}
.consulting .gr form .inp_textarea .inp_box textarea {
  width: 100%;
  height: 1rem;
  display: block;
}
@media (max-width: 767px) {
  .consulting .gr form .inp_textarea .inp_box textarea {
    height: 2rem;
  }
}
.consulting .gr form .inp_textarea .inp_box .g_num {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.consulting .gr form .inp_textarea .inp_box .g_num p {
  color: #ddd;
}
.consulting .gr form .gb_lab {
  text-align: left;
}
@media (max-width: 1260px) {
  .consulting .gr form .gb_lab {
    width: 100%;
  }
}
.consulting .gr form .gb_lab p {
  line-height: 1.9;
  color: #999;
}
@media (max-width: 767px) {
  .consulting .gr form .gb_lab p {
    line-height: 1.5;
  }
}
.consulting .gr form .gb_lab p a {
  color: #005ba8;
}
.consulting .gr form button {
  margin-top: 0.32rem;
  display: inline-flex;
  align-items: center;
  padding: 0 0.38rem;
  height: 0.5rem;
  background: #005ba8;
  color: #fff;
  font-weight: bold;
  border-radius: 100px;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .consulting .gr form button {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .consulting .gr form button {
    height: 0.8rem;
  }
}
.consulting .gr form button:hover {
  opacity: 0.8;
}
.consulting .gr form button svg,
.consulting .gr form button img {
  width: 8px;
  height: auto;
  margin-left: 0.1rem;
}
@media (max-width: 1580px) {
  .consulting .gr form button svg,
  .consulting .gr form button img {
    width: 7px;
  }
}
.consulting .gr form button svg path,
.consulting .gr form button img path {
  fill: #fff;
}
/* 关于我们 */
.aboon {
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  height: 100vh;
  z-index: 10;
  overflow: hidden;
}
.aboon .box {
  height: 100%;
  padding: calc(80px + 2.55rem) 0 0;
}
@media (max-width: 1580px) {
  .aboon .box {
    padding: calc(80px + 2.85rem) 0 0;
  }
}
@media (max-width: 991px) {
  .aboon .box {
    padding: calc(80px + 3.85rem) 0 0;
  }
}
.aboon .box .bbox {
  position: relative;
}
.aboon .box .bbox .aboon_icon {
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 5.78rem;
  height: auto;
}
.aboon .box .bbox .aboon_icon img,
.aboon .box .bbox .aboon_icon svg {
  width: 100%;
  height: auto;
  opacity: 0.3;
}
.aboon .box .bbox .aboon_icon img path,
.aboon .box .bbox .aboon_icon svg path {
  fill: #fff;
}
.aboon .box .bbox .aboon_logo {
  position: relative;
  margin-bottom: 0.56rem;
  z-index: 10;
  height: 1.56rem;
}
.aboon .box .bbox .aboon_logo svg,
.aboon .box .bbox .aboon_logo img {
  width: auto;
  height: 100%;
}
.aboon .box .bbox .txt {
  position: relative;
  text-align: center;
}
.aboon .box .bbox .txt .p1 {
  margin-bottom: 0.18rem;
  font-weight: bold;
  color: #005ba8;
}
.aboon .box .bbox .txt .g_p p {
  font-weight: bold;
}
.aboon .box .bbox .txt .p2 {
  display: inline-flex;
  align-items: center;
  margin-top: 0.22rem;
  color: #666;
}
.aboon .box .bbox .txt .p2 i {
  margin-right: 5px;
  width: 0.43rem;
  background: #666;
  height: 1px;
  display: inline-flex;
}
.aboon .box .bbox .gb_png {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.6rem;
}
.aboon .box .bbox .gb_png p {
  opacity: 0.5;
  margin-top: 0.08rem;
}
.aboon .box .bbox .gb_png img,
.aboon .box .bbox .gb_png svg {
  animation: mov1 2.2s infinite ease-in-out;
  -webkit-animation: mov1 2.2s infinite ease-in-out;
  width: 15px;
  height: auto;
  opacity: 0.8;
}
.aboon .box .bbox .gb_png img path,
.aboon .box .bbox .gb_png svg path {
  fill: #aab5bc;
}
@keyframes mov1 {
  0% {
    transform: translate3d(0px, -0.1rem, 0px);
  }
  50% {
    transform: translate3d(0px, 0, 0px);
  }
  100% {
    transform: translate3d(0px, -0.1rem, 0px);
  }
}
.abotw {
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  opacity: 0;
  margin-top: -70vh;
}
@media (max-width: 1260px) {
  .abotw {
    height: 100vh;
  }
}
.abotw .imgbj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.abotw .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.abotw .box {
  height: 100%;
  padding: 1.35rem 0 2.55rem;
  position: relative;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
  .abotw .box {
    display: flex;
    align-items: center;
    padding: 1.35rem 0 0.55rem;
  }
}
.abotw .box .pub_title span {
  display: block;
  color: #fff;
  margin-bottom: 0.2rem;
}
.abotw .box .pub_title p {
  line-height: 1.9;
}
@media (max-width: 767px) {
  .abotw .box .pub_title p {
    line-height: 1.5;
    font-size: 12px;
  }
}
.abotw .box .g_num {
  display: flex;
  justify-content: space-between;
  margin-top: 1.8rem;
}
@media (max-width: 991px) {
  .abotw .box .g_num {
    flex-wrap: wrap;
    margin-top: 1.2rem;
  }
}
.abotw .box .g_num .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin-right: 0.6rem;
}
@media (max-width: 991px) {
  .abotw .box .g_num .item {
    width: 33.33%;
    margin: 0 0 0.4rem;
    padding: 0 0.2rem;
  }
}
.abotw .box .g_num .item .item_t {
  position: relative;
  display: flex;
}
.abotw .box .g_num .item .item_t p {
  line-height: 1.2;
  font-size: 0.46rem;
  font-weight: bold;
}
.abotw .box .g_num .item .item_t span {
  margin-left: 0.07rem;
  margin-top: 0.11rem;
  font-weight: bold;
  position: absolute;
  left: 100%;
  top: 0;
}
@media (max-width: 767px) {
  .abotw .box .g_num .item .item_t span {
    margin-top: 0;
  }
}
.abotw .box .g_num .item .item_t .font22 {
  margin-top: 0.03rem;
}
@media (max-width: 767px) {
  .abotw .box .g_num .item .item_t .font22 {
    margin-top: 0;
    line-height: 1;
  }
}
.abotw .box .g_num .item .item_b {
  margin-top: 0.04rem;
}
.about {
  height: 180vh;
}
.aboth {
  margin-top: -1.28rem;
  position: relative;
  z-index: 20;
}
@media (max-width: 991px) {
  .aboth {
    margin-top: 0;
  }
}
.aboth .imgbj {
  position: absolute;
  width: 100%;
}
@media (max-width: 991px) {
  .aboth .imgbj {
    display: none;
  }
}
.aboth .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboth .aboth_t {
  position: relative;
  z-index: 10;
  padding: 1.36rem 0 9.1rem;
}
@media (max-width: 1260px) {
  .aboth .aboth_t {
    padding: 1.36rem 0 6.1rem;
  }
}
@media (max-width: 991px) {
  .aboth .aboth_t {
    padding: 1.36rem 0 0;
  }
}
@media (max-width: 991px) {
  .aboth .aboth_t .pub_title h2 {
    color: #333;
  }
}
.aboth .aboth_t .aboth_t_box {
  position: relative;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con {
  width: 100%;
  position: absolute;
  top: 2.15rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 1580px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con {
    top: 3.65rem;
  }
}
@media screen and (max-width: 1460px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con {
    top: 2.85rem;
  }
}
@media screen and (max-width: 1380px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con {
    top: 2.45rem;
  }
}
@media screen and (max-width: 1260px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con {
    top: 0.55rem;
  }
}
@media screen and (max-width: 991px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con {
    padding: 0 5%;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: inherit;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item {
  width: calc(245/1920*100%);
  display: flex;
}
@media (max-width: 991px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item {
    flex-wrap: wrap;
    width: 33.33%;
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item {
    width: 50%;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gl {
  flex-shrink: 0;
  margin-right: 0.16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item .gl {
    display: none;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gl .i1 {
  width: 1px;
  height: 2.5rem;
  border-left: 1px dashed #8dbcdd;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gl .i2 {
  width: 10px;
  height: 10px;
  border: 2px solid #8dbbdc;
  border-radius: 50%;
  background: #fff;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr {
  margin-right: 0.05rem;
}
@media (max-width: 991px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr {
    width: 100%;
    padding: 0 0.2rem 0 0;
    margin: 0 0 0.5rem 0;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .year {
  margin-bottom: 0.25rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .year p {
  line-height: 0.8;
  font-weight: bold;
  color: #005ba8;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .g_p p {
  margin-bottom: 4px;
  color: #666;
  display: block;
  position: relative;
  padding-left: 18px;
}
@media (max-width: 1260px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .g_p p {
    padding-left: 10px;
    font-size: 12px;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .g_p p:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bdc2c6;
  left: 0;
  top: 9px;
}
@media (max-width: 1580px) {
  .aboth .aboth_t .aboth_t_box .aboth_t_con .item .gr .g_p p:after {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item1 {
  margin-top: 2.93rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item2 {
  margin-top: 1.48rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item3 {
  margin-top: 0.53rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item4 {
  margin-top: 1.55rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item5 {
  margin-top: 1.05rem;
}
.aboth .aboth_t .aboth_t_box .aboth_t_con .item6 {
  margin-top: 0.55rem;
}
.aboth .aboth_b {
  position: relative;
  z-index: 20;
}
@media (max-width: 991px) {
  .aboth .aboth_b {
    margin-top: 1rem;
    padding: 1.1rem 5% 0;
    background: #005ba8;
    width: 100%;
  }
}
.aboth .aboth_b .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
  padding: 0.85rem 0 1.1rem;
}
.aboth .aboth_b .box .item {
  width: 25%;
  margin-bottom: 0.2rem;
  padding: 0 0.1rem;
}
@media (max-width: 767px) {
  .aboth .aboth_b .box .item {
    width: 50%;
  }
}
.aboth .aboth_b .box .item:nth-child(2n - 1) {
  transform: translateY(-0.5rem);
}
@media (max-width: 767px) {
  .aboth .aboth_b .box .item:nth-child(2n - 1) {
    transform: translateY(0rem) !important;
  }
}
.aboth .aboth_b .box .item .itembox {
  background: #fff;
  border-radius: 0.1rem;
  display: block;
  padding: 0.58rem 0.3rem 1rem;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1260px) {
  .aboth .aboth_b .box .item .itembox {
    padding: 0.58rem 0.2rem 0.5rem;
  }
}
.aboth .aboth_b .box .item .itembox i {
  margin-bottom: 0.58rem;
  flex-shrink: 0;
  display: flex;
  width: 0.68rem;
  height: auto;
}
@media (max-width: 991px) {
  .aboth .aboth_b .box .item .itembox i {
    height: 0.68rem;
  }
}
.aboth .aboth_b .box .item .itembox i svg {
  width: 100%;
  height: auto;
}
.aboth .aboth_b .box .item .itembox i svg path {
  fill: #005ba8;
}
.aboth .aboth_b .box .item .itembox .txt h3 {
  margin-bottom: 0.2rem;
}
.aboth .aboth_b .box .item .itembox .txt p {
  color: #666;
}
@media (max-width: 1260px) {
  .aboth .aboth_b .box .item .itembox .txt p {
    font-size: 12px;
  }
  .aboth .aboth_b .box .item .itembox .txt p br {
    display: none;
  }
}
.aboth .aboth_b .box .item .itembox .g_span {
  position: absolute;
  bottom: -0.3rem;
  left: 0.13rem;
}
.aboth .aboth_b .box .item .itembox .g_span span {
  display: block;
  text-transform: uppercase;
  /* font-weight: bold; */
  opacity: 0.04;
  color: #005ba8;
  font-size: 1rem;
  line-height: 0.8;
}
.abofo {
  position: relative;
  z-index: 20;
  background: #fff;
  padding: 1.38rem 0 0;
}
@media (max-width: 767px) {
  .abofo .pub_title {
    padding: 0 5%;
  }
}
.abofo .box {
  margin-top: 0.52rem;
  overflow: hidden;
  width: 100%;
}
.abofo .box .container2 {
  position: relative;
  padding: 0 3rem;
}
@media (max-width: 767px) {
  .abofo .box .container2 {
    padding: 0;
  }
}
.abofo .box .container2 .pub_swi {
  position: relative;
}
.abofo .box .container2 .pub_swi .swiper-container {
  overflow: initial;
}
.abofo .box .container2 .pub_swi .swiper-slide {
  transition: all 0.4s;
}
.abofo .box .container2 .pub_swi .guafi_box {
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.abofo .box .container2 .pub_swi .guafi_box:hover img {
  transform: scale(1.05);
}
.abofo .box .container2 .pub_swi .guafi_box .public-img:before {
  padding-top: 60%;
}
.abofo .box .container2 .pub_swi .guafi_box .txt {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/about5.png) no-repeat;
  background-size: 100%  auto ;
  background-position: bottom center;
  padding: 0.42rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  opacity: 0;
  transition: all 0.4s;
}
.abofo .box .container2 .pub_swi .guafi_box .txt h3 {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.abofo .box .container2 .pub_swi .guafi_box .txt p {
  color: #fff;
  margin-top: 0.12rem;
  opacity: 0.7;
  padding-right: 2.5rem;
}
@media (max-width: 991px) {
  .abofo .box .container2 .pub_swi .guafi_box .txt p {
    padding: 0;
  }
}
.abofo .box .container2 .pub_swi .swiper-slide-active .guafi_box .txt {
  opacity: 1;
}
@media (max-width: 767px) {
  .abofo .box .container2 .g_qie {
    display: none;
  }
}
.abofo .box .container2 .g_qie .pub_nav {
  background: rgba(0, 0, 0, 0.1);
}
.abofo .box .container2 .g_qie .pub_nav:hover {
  background: #005ba8;
}
.abofo .box .container2 .g_qie .pub_prev {
  left: 0;
}
.abofo .box .container2 .g_qie .pub_next {
  right: 0;
}
.abofi {
  padding: 1.35rem 0 0.85rem;
}
.abofi .box {
  margin-top: 0.52rem;
}
.abofi .box .abofi_nav {
  display: flex;
  justify-content: center;
  text-align: center;
}
.abofi .box .abofi_nav a {
  cursor: pointer;
  padding-bottom: 0.15rem;
  margin: 0 0.56rem;
  color: #666;
  border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
  .abofi .box .abofi_nav a {
    margin: 0 0.2rem;
  }
}
.abofi .box .abofi_nav a.on {
  color: #005ba8;
  font-weight: bold;
  border-bottom: 2px solid #005ba8;
}
.abofi .box .abofi_box {
  position: relative;
}
.abofi .box .abofi_box .abofi_item {
  position: absolute;
  opacity: 0;
  top: 0;
  width: 100%;
}
.abofi .box .abofi_box .abofi_item.on {
  position: relative;
  opacity: 1;
}
.abofi .box .abofi_box .abofi_item .g_p {
  margin-top: 0.35rem;
  text-align: center;
  color: #666;
}
@media (max-width: 767px) {
  .abofi .box .abofi_box .abofi_item .g_p {
    padding: 0 5%;
  }
}
.abofi .box .abofi_box .abofi_item .x-brand4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 767px) {
  .abofi .box .abofi_box .abofi_item .x-brand4 {
    padding: 1.2rem 0 0.4rem;
  }
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia {
  margin-top: 0.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .abofi .box .abofi_box .abofi_item .x-brand4 .x-xia {
    margin-top: 0.4rem;
  }
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia::before {
  content: "";
  width: 3.48rem;
  height: 3.48rem;
  border-radius: 50%;
  border: 0.46rem solid #005ba8;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container {
  width: 5.4rem;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow: visible;
  position: relative;
  z-index: 5;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  width: auto !important;
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  border-radius: 50%;
  margin: 0;
  width: 5.4rem !important;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .x-img {
  background: none;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .x-img::after {
  opacity: 0.02;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .x-img img {
  max-height: 2.78rem;
  max-width: 2.78rem;
  height: 2.78rem;
  width: 2.78rem;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img {
  width: 2.88rem;
  height: 2.88rem;
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1);
  transition: 0.4s ease-in-out;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  position: relative;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../images/about_logo2.svg) no-repeat;
  background-size: contain;
  opacity: 0;
  transition: all 0.4s;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img img {
  max-height: 1.6rem;
  max-width: 1.6rem;
  object-fit: contain;
  position: relative;
  z-index: 50;
  transition: all 0.4s;
}
@media (max-width: 1260px) {
  .abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie {
    display: none;
  }
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_nav {
  opacity: 0;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_nav.on {
  opacity: 1;
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_prev {
  left: -3rem;
}
@media screen and (max-width: 1380px) {
  .abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_prev {
    left: -1rem;
  }
}
.abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_next {
  right: -3rem;
}
@media screen and (max-width: 1380px) {
  .abofi .box .abofi_box .abofi_item .x-brand4 .x-xia .swiper-container .g_qie .pub_next {
    right: -1rem;
  }
}
.abofi .box .abofi_box .abofi_item .gb_txt {
  margin-top: -0.1rem;
  position: relative;
  z-index: 50;
  text-align: center;
}
.abofi .box .abofi_box .abofi_item .gb_txt .item_txt {
  display: none;
}
.abofi .box .abofi_box .abofi_item .gb_txt .item_txt.on {
  display: block;
}
.abofi .box .abofi_box .abofi_item .gb_txt .item_txt span {
  color: #666;
}
.abosi {
  padding: 0.75rem 0 calc(1.4rem + 120px);
}
.abosi .box {
  margin-top: 0.66rem;
  overflow: hidden;
}
.abosi .box .pub_swi {
  position: relative;
}
.abosi .box .pub_swi .swiper-container {
  overflow: initial;
}
.abosi .box .pub_swi .swiper-slide {
  transition: all 0.4s;
}
.abosi .box .pub_swi .guafi_box {
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.abosi .box .pub_swi .guafi_box:hover img {
  transform: scale(1.05);
}
.abosi .box .pub_swi .guafi_box .public-img:before {
  padding-top: 66.22516556%;
}
.abosi .box .pub_swi .guafi_box .txt {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/personnel14.png) no-repeat;
  background-size: auto 100%;
  background-position: bottom center;
  padding: 0.15rem 0.3rem;
  display: flex;
  align-items: flex-end;
}
.abosi .box .pub_swi .guafi_box .txt h3 {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.abosi .abosi_b {
  margin-top: 1rem;
}
.abosi .abosi_b .swip2_pag {
  position: relative;
  height: 2px;
  background: #dddddd;
}
.abosi .abosi_b .swip2_pag .swiper-pagination-progressbar-fill {
  background: #005ba8;
}
.abofi_item .c-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 1.2rem;
  width: 80px;
  height: 80px;
  /* margin-top: -40px; */
  border-radius: 50%;
  background: #005ba8;
  opacity: 1;
  transition: transform 0.4s;
  color: #fff;
  transform: scale(0);
  cursor: pointer;
}
@media (max-width: 767px) {
  .abofi_item .c-arrow {
    display: none;
  }
}
.abofi_item .c-arrow img,
.abofi_item .c-arrow svg {
  width: 24%;
  height: 24%;
}
.abofi_item .c-arrow img path,
.abofi_item .c-arrow svg path {
  fill: #fff;
  transition: all 0.4s;
}
.abofi_item .c-arrow.on {
  transform: scale(1);
}
.abofi_item .c-arrow.on2 img,
.abofi_item .c-arrow.on2 svg {
  transform: rotate(180deg);
}
.hi-img-pop2 .hi-close {
  top: 87% !important;
}
.hi-img-pop2 p {
  position: fixed;
  top: 83%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}