* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  -webkit-text-size-adjust: none;
}
/* 引入字体 */
@font-face {
  font-family: 'SourceHanSansCN';
  /* src: url(/static/font/DouyinSansBold.otf); */
  src: url(/static/font/SourceHanSansCN.otf);
  /* src: url(/static/font/GenSenRounded-R.ttc); */
}
body,
input,
textarea,
button {
  font-family: 'SourceHanSansCN';
}
input {
  outline: none;
}

/* 滚动条 */
/* ::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb {
  background: #001491;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:vertical:hover {
  background: #001491;
} */
a {
  text-decoration: none;
}
img,
video {
  display: block;
  max-width: 100%;
}
.header {
  transition: all ease 0.5s;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}
.scroll {
  background: #807f80;
}
.headerChildren {
  transition: all ease 0.5s;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}
.headerChildrenScrool {
  background: #fff;
}
.scroll .header-box .header-right .nav-item {
  color: #707070;
  flex-shrink: 0;
}
.scroll .header-box .header-right .active {
  color: #001491;
}
.scroll .header-box .box-right .language {
  color: #707070;
}
.header-box {
  padding: 0 8.3333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-box .box-left {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-box .box-right {
  height: 100%;
  display: flex;
  padding-right: 4.4271vw;
  align-items: center;
}
.header-box .box-right .language {
  font-size: 0.8333vw;
  color: #ffffff;
}
.header-box .box-right .phone-menu {
  display: none;
  width: 28px;
  flex-wrap: wrap;
}
.header-box .box-right .phone-menu span {
  transition: all ease 0.5s;
  display: block;
  background: #000000;
  height: 2px;
  margin-bottom: 6px;
  flex-shrink: 0;
}
.header-box .box-right .phone-menu span:nth-of-type(1) {
  width: 28px;
}
.header-box .box-right .phone-menu span:nth-of-type(2) {
  width: 18px;
  opacity: 0.33;
}
.header-box .box-right .phone-menu span:nth-of-type(3) {
  width: 13px;
  margin-bottom: 0;
}
.header-box .header-left {
  width: 13.8021vw;
  margin-right: 2.8646vw;
}
.header-box .header-right {
  height: 100%;
  display: flex;
}
.header-box .header-right .hasmore i {
  display: none;
}
.header-box .header-right .nav-item-box {
  padding: 1.5625vw 0;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4.1146vw;
  flex-shrink: 0;
}
.header-box .header-right .down {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  /* background: #ffffff; */
  width: fit-content;
}
.header-box .header-right .down a {
  display: block;
  white-space: nowrap;
  color: #000000;
  padding: 10px 15px;
  font-size: 0.8333vw;
}
.header-box .header-right .nav-item {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0.8333vw;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0.6;
}
.header-box .header-right .nav-item:hover {
  color: #001491 !important;
}
.header-box .header-right .nav-item:last-child {
  margin-right: 0;
}
.header-box .header-right .active {
  opacity: 1;
  color: #ffffff;
}
@media (min-width: 768px) {
  .public-banner {
    position: relative;
    height: 500px;
  }
  .nav-top {
    padding-top: 90px;
  }
  .public-banner img {
    width: 100%;
    height: 100%;
  }
  .public-banner .banner-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .public-banner .banner-text .title {
    font-size: 40px;
    color: #ffffff;
  }
  .nav-item-box:hover .down {
    display: block;
  }
}
.footer .footer-content {
  border-top: 1px solid #cbcbcb;
  padding: 2.5vw 12.5vw 2.7083vw;
}
.footer .footer-content .footer-top {
  display: flex;
  justify-content: space-between;
}
.footer .footer-content .footer-top .footer-left .footer-icon {
  width: 13.8021vw;
}
.footer .footer-content .footer-top .footer-left .footer-icon img {
  width: 100%;
}
.footer .footer-content .footer-top .footer-left .footer-icon-list {
  padding-top: 3.4896vw;
  display: flex;
  align-items: center;
}
.footer .footer-content .footer-top .footer-left .footer-icon-list .icon-item {
  width: 1.5104vw;
  margin-right: 1.6146vw;
}
.footer
  .footer-content
  .footer-top
  .footer-left
  .footer-icon-list
  .icon-item:hover {
  opacity: 0.6;
}
.footer
  .footer-content
  .footer-top
  .footer-left
  .footer-icon-list
  .icon-item:last-child {
  margin-right: 0;
}
.footer .footer-content .footer-top .footer-center {
  display: flex;
}
.footer .footer-content .footer-top .footer-center .menu-list:nth-of-type(1) {
  margin-right: 8.4375vw;
}
.footer .footer-content .footer-top .footer-center .menu-item {
  display: block;
  transition: all ease 0.5s;
  font-size: 0.8333vw;
  color: #707070;
  font-weight: bold;
  padding-bottom: 1.1979vw;
}
.footer .footer-content .footer-top .footer-center .menu-item:hover {
  color: #001491;
}
.footer .footer-content .footer-top .footer-center .menu-item:last-child {
  padding-bottom: 0;
}
.footer .footer-content .footer-top .footer-center .menu-item-child {
  display: block;
  transition: all ease 0.5s;
  font-size: 0.8333vw;
  color: #404040;
  opacity: 0.52;
  padding-bottom: 0.5208vw;
}
.footer .footer-content .footer-top .footer-center .menu-item-child:hover {
  color: #001491;
}
.footer .footer-content .footer-top .footer-center .menu-item-child:last-child {
  padding-bottom: 0;
}
.footer .footer-content .footer-top .footer-right .title {
  font-size: 1.3542vw;
  color: #001491;
  font-weight: bold;
  padding-bottom: 1.1458vw;
}
.footer .footer-content .footer-top .footer-right .tip {
  font-size: 0.8333vw;
  color: #707070;
  padding-bottom: 2.2396vw;
}
.footer .footer-content .footer-top .footer-right .input-box {
  display: flex;
}
.footer .footer-content .footer-top .footer-right .input-box input {
  width: 16.4583vw;
  border-radius: 1.3021vw;
  background: #f6f6f6;
  padding: 0.8854vw 1.0417vw;
  border: none;
  color: #707070;
}
.footer .footer-content .footer-top .footer-right .input-box .btn {
  box-sizing: content-box;
  cursor: pointer;
  transition: all ease 0.5s;
  margin-left: 0.9896vw;
  font-size: 0.8333vw;
  padding: 0.8854vw 2.0833vw;
  border-radius: 13.125vw;
  background: #001491;
  color: #ffffff;
}
.footer .footer-content .footer-top .footer-right .input-box .btn:hover {
  background: none;
  box-shadow: inset 0px 0px 0px 2px #001491;
  color: #001491;
}
.footer .footer-content .footer-bottom {
  padding-top: 2.9167vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .footer-content .footer-bottom .footer-info {
  font-size: 0.8333vw;
  color: #707070;
}
.footer .footer-content .footer-bottom .footer-bottom-right {
  display: flex;
  align-items: center;
}
.footer
  .footer-content
  .footer-bottom
  .footer-bottom-right
  .footer-icon-item:first-child {
  margin-right: 2.2396vw;
}
.public-video {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #949494;
  display: none;
}
.public-video .close {
  position: absolute;
  right: 3.125vw;
  top: 1.5625vw;
}
.public-video .close i {
  font-size: 18px;
  color: #ffffff;
}
.public-video .video {
  margin: auto;
  width: 80%;
}
.public-video-active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.df-button {
  width: fit-content;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 6px;
}
.df-button:hover .button-box::after {
  width: 100%;
}
.button-box {
  font-size: 0.8333vw;
  position: relative;
  color: #ffffff;
}
.button-box i {
  margin-left: 2.1875vw;
}
.button-box::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 0;
  transition: all ease 0.5s;
  background: #ffffff;
}
.title-before {
  position: relative;
  font-size: 1.875vw;
  /* padding-left: 1.5625vw; */
  text-align: center;
}
/* .title-before::before {
  z-index: 1;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 0.1042vw;
  background: #001491;
}
.title-before::after {
  margin-top: 0.2604vw;
  z-index: 1;
  content: '';
  position: absolute;
  left: 0.3125vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 0.1042vw;
  background: #001491;
  opacity: 0.3;
} */
.index-page .index-banner {
  position: relative;
  overflow: hidden;
}
.index-page .index-banner .swiper-change {
  z-index: 10;
  position: absolute;
  right: 8.3333vw;
  top: 50%;
  transform: translateY(-50%);
}
.index-page .index-banner .swiper-change i {
  font-size: 25px;
  color: #ffffff;
  opacity: 0.39;
  transition: all ease 0.3s;
}
.index-page .index-banner .swiper-change i:hover {
  opacity: 1;
}
.index-page .index-banner .swiper-change .swiper-prev {
  transform: rotate(180deg);
}
.index-page .index-banner .banner-swiper .swiper-slide img {
  width: 100%;
}
.index-page .index-banner .banner-swiper .swiper-slide .text-box {
  position: absolute;
  left: 8.3333vw;
  top: 50%;
  transform: translateY(-50%);
}
.index-page .index-banner .banner-swiper .swiper-slide .text-box .text-title {
  font-size: 2.9167vw;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
}
.index-page .index-banner .banner-swiper .swiper-slide .text-box .text-button {
  margin-top: 2.9688vw;
  padding: 0.7292vw 1.875vw 0.9375vw 2.3958vw;
  background: rgba(255, 255, 255, 0.39);
}
.index-page
  .index-banner
  .banner-swiper
  .swiper-slide
  .text-box
  .text-button:hover {
  background: #fff;
}
.index-page .index-about {
  padding: 7.8646vw 12.5vw 6.9271vw;
  background: #f5f6fe;
}
.index-page .index-about .about-title {
  margin-bottom: 1.0938vw;
}
.index-page .index-about .about-text {
  width: 54.7396vw;
}
.index-page .index-about .about-text p {
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.8333vw;
  color: #949494;
  padding-bottom: 1.5625vw;
}
.index-page .index-about .about-video {
  position: relative;
}
.index-page .index-about .about-video .about-video-banner {
  width: 100%;
}
.index-page .index-about .about-video .play-button {
  cursor: pointer;
  transition: all ease 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.index-page .index-about .about-video .play-button i {
  transition: all ease 0.3s;
  font-size: 3.5937vw;
  color: #ffffff;
}
.index-page .index-about .about-video .play-button:hover i {
  transform: scale(1.1) rotate(360deg);
}
.index-page .index-about .about-video .play-button:hover::before {
  opacity: 0.5;
}
.index-page .index-about .about-video .play-button::before {
  transition: all ease 0.5s;
  content: '';
  width: 5.7292vw;
  height: 5.7292vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.39);
  border-radius: 50%;
  opacity: 0.11;
}
.index-page .index-serve {
  padding: 4.4792vw 12.5vw 6.9271vw;
}
.index-page .index-serve .serve-title {
  margin-bottom: 1.7708vw;
}
.index-page .index-serve .serve-text {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.index-page .index-serve .serve-text .serve-text-left {
  width: 54.7396vw;
}
.index-page .index-serve .serve-text .serve-text-left p {
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.8333vw;
  color: #949494;
  padding-bottom: 1.5625vw;
}
.index-page .index-serve .serve-text .serve-text-right .serve-prev,
.index-page .index-serve .serve-text .serve-text-right .serve-next {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 0.3125vw;
  background: #0c1658;
  opacity: 0.48;
  cursor: pointer;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-page .index-serve .serve-text .serve-text-right .serve-prev i,
.index-page .index-serve .serve-text .serve-text-right .serve-next i {
  color: #ffffff;
  font-size: 1.0417vw;
}
.index-page .index-serve .serve-text .serve-text-right .serve-prev:hover,
.index-page .index-serve .serve-text .serve-text-right .serve-next:hover {
  opacity: 1;
}
.index-page .index-serve .serve-text .serve-text-right .serve-prev {
  margin-bottom: 0.4167vw;
}
.index-page .index-serve .serve-text .serve-text-right .serve-prev i {
  transform: rotate(180deg);
}
.index-page .index-serve .serve-swiper {
  width: 100%;
  overflow: hidden;
}
.index-page .index-serve .serve-swiper .swiper-slide {
  position: relative;
}
.index-page
  .index-serve
  .serve-swiper
  .swiper-slide:hover
  .serve-swiper-img
  img {
  transform: scale(1.1);
}
.index-page .index-serve .serve-swiper .swiper-slide .serve-swiper-img {
  overflow: hidden;
  width: 100%;
}
.index-page .index-serve .serve-swiper .swiper-slide .serve-swiper-img img {
  transition: all ease 0.5s;
  width: 100%;
}
.index-page .index-serve .serve-swiper .swiper-slide .serve-swiper-text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 1.5625vw 1.5625vw 2.2917vw;
}
.index-page
  .index-serve
  .serve-swiper
  .swiper-slide
  .serve-swiper-text
  .serve-swiper-title {
  font-size: 1.6667vw;
  color: #ffffff;
  padding-bottom: 0.9375vw;
}
.index-page
  .index-serve
  .serve-swiper
  .swiper-slide
  .serve-swiper-text
  .serve-swiper-content {
  color: #ffffff;
  font-size: 0.8333vw;
  font-weight: 400;
  opacity: 0.84;
  line-height: 1.5;
  width: 17.7083vw;
}
.index-page
  .index-serve
  .serve-swiper
  .swiper-slide
  .serve-swiper-text
  .serve-swiper-button {
  margin-top: 1.5625vw;
  margin-left: auto;
}
.index-page .index-advantage {
  padding: 0 12.5vw;
}
.index-page .index-advantage .advantage-list {
  padding-top: 0.4167vw;
}
.index-page .index-advantage .advantage-row {
  padding-top: 2.0833vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-page .index-advantage .advantage-row .advantage-col {
  position: relative;
}
.index-page
  .index-advantage
  .advantage-row
  .advantage-col:hover
  .advantage-mask {
  opacity: 1;
}
.index-page .index-advantage .advantage-row .advantage-col:nth-of-type(1) {
  width: 17.3438vw;
}
.index-page .index-advantage .advantage-row .advantage-col:nth-of-type(2) {
  width: 36.3542vw;
}
.index-page .index-advantage .advantage-row .advantage-col:nth-of-type(3) {
  width: 17.3438vw;
}
.index-page .index-advantage .advantage-row .advantage-col img {
  width: 100%;
}
.index-page .index-advantage .advantage-row .advantage-col .advantage-text {
  z-index: 2;
  position: absolute;
  left: 1.7708vw;
  bottom: 1.7188vw;
}
.index-page
  .index-advantage
  .advantage-row
  .advantage-col
  .advantage-text
  .advantage-icon {
  width: 1.6667vw;
}
.index-page
  .index-advantage
  .advantage-row
  .advantage-col
  .advantage-text
  .advantage-col-title {
  color: #ffffff;
  font-size: 1.0417vw;
  padding-top: 0.8333vw;
  font-weight: bold;
}
.index-page .index-advantage .advantage-row .advantage-col .advantage-mask {
  border-radius: 6px;
  transition: all ease 0.5s;
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    42deg,
    rgba(0, 20, 145, 0.72) 0%,
    rgba(0, 10, 73, 0) 100%
  );
}
.index-page .index-news .news-content {
  padding: 6.6667vw 12.5vw 5.5208vw;
}
.index-page .index-news .news-text {
  padding-top: 1.7708vw;
}
.index-page .index-news .news-text p {
  font-size: 0.8333vw;
  color: #949494;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 1.5625vw;
}
.index-page .index-news .news-list .news-top {
  display: flex;
}
.index-page .index-news .news-list .news-top .news-left {
  margin-right: 1.4583vw;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfdfdf;
  width: 23.9583vw;
  border-radius: 10px;
}
.index-page .index-news .news-list .news-top .news-left:hover .news-img-box {
  overflow: hidden;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-left:hover
  .news-img-box
  img {
  transform: scale(1.1);
}
.index-page .index-news .news-list .news-top .news-left .news-img-box img {
  transition: all ease 0.5s;
  width: 100%;
}
.index-page .index-news .news-list .news-top .news-left:hover .more {
  background: #001491;
}
.index-page .index-news .news-list .news-top .news-left:hover .more i {
  color: #ffffff;
}
.index-page .index-news .news-list .news-top .news-left .news-img-text {
  padding: 1.9792vw 3.8021vw 2.7083vw 1.7188vw;
}
.index-page .index-news .news-list .news-top .news-left .news-img-text .title {
  overflow: hidden;
  font-weight: bold;
  color: #2e2e2e;
  font-size: 0.9375vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-left
  .news-img-text
  .content {
  padding-top: 1.3021vw;
  font-size: 0.8333vw;
  color: #b1b1b1;
}
.index-page .index-news .news-list .news-top .news-left .news-img-text .date {
  padding-top: 2.0313vw;
  font-size: 0.8333vw;
  color: #707070;
}
.index-page .index-news .news-list .news-top .news-left .more {
  transition: all ease 0.5s;
  position: absolute;
  right: -0.5729vw;
  bottom: -0.8333vw;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-page .index-news .news-list .news-top .news-left .more i {
  margin-right: 0.2865vw;
  margin-bottom: 0.5208vw;
  color: #bebebe;
}
.index-page .index-news .news-list .news-top .news-right {
  display: flex;
  flex-wrap: wrap;
}
.index-page .index-news .news-list .news-top .news-right .news-right-item {
  margin-right: 1.3vw;
  margin-bottom: 1.0417vw;
  overflow: hidden;
  position: relative;
  width: 23.9583vw;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item:hover
  .news-text
  .more {
  background: #001491;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item:hover
  .news-text
  .more
  i {
  color: #ffffff;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item:nth-of-type(2n) {
  margin-right: 0;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item:nth-of-type(3) {
  margin-bottom: 0;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item:nth-of-type(4) {
  margin-bottom: 0;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text {
  padding: 1.9792vw 3.8021vw 2.7083vw 1.7188vw;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .title {
  overflow: hidden;
  font-weight: bold;
  color: #2e2e2e;
  font-size: 0.9375vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.0417vw;
  width: 1.4583vw;
  height: 0.1042vw;
  background: #001491;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .content {
  padding-top: 2.3438vw;
  font-size: 0.8333vw;
  color: #b1b1b1;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .date {
  padding-top: 2.0313vw;
  font-size: 0.8333vw;
  color: #707070;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .more {
  transition: all ease 0.5s;
  position: absolute;
  right: -0.5729vw;
  bottom: -0.8333vw;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-page
  .index-news
  .news-list
  .news-top
  .news-right
  .news-right-item
  .news-text
  .more
  i {
  margin-right: 0.2865vw;
  margin-bottom: 0.5208vw;
  color: #bebebe;
}
.index-page .index-news .news-list .news-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index-page .index-news .news-list .news-bottom .news-bottom-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 50%;
  padding: 1.0417vw 0 1.0417vw 1.3021vw;
  border-bottom: solid 1px #dfdfdf;
}
.index-page .index-news .news-list .news-bottom .news-bottom-item:hover .title {
  color: #001491;
}
.index-page
  .index-news
  .news-list
  .news-bottom
  .news-bottom-item:nth-of-type(2n-1) {
  padding-right: 5.2083vw;
}
.index-page .index-news .news-list .news-bottom .news-bottom-item .title {
  transition: all ease 0.5s;
  font-size: 0.8333vw;
  color: #707070;
  font-weight: 400;
}
.index-page .index-news .news-list .news-bottom .news-bottom-item .date {
  font-size: 0.8333vw;
  color: #989898;
  font-weight: 400;
}
.index-page .index-news .news-list .news-bottom .news-bottom-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.4167vw;
  height: 0.4167vw;
  border-radius: 50%;
  background: #aaaaaa;
  transform: translateY(-50%);
}
.index-page .index-partner {
  padding: 0 12.5vw 6.5729vw;
}
.index-page .index-partner .partner-title {
  margin-bottom: 3.8542vw;
}
.index-page .index-partner .partner-swiper {
  overflow: hidden;
}
.index-page .index-partner .partner-swiper .partner-pagination {
  /* padding-top: 5.5208vw; */
  display: flex;
  justify-content: center;
}
.index-page
  .index-partner
  .partner-swiper
  .partner-pagination
  .swiper-pagination-bullet {
  opacity: 1;
  display: block;
  width: 0.625vw;
  height: 0.625vw;
  border: 1px solid #d5d5d5;
  background: none;
  margin-right: 1.0417vw;
}
.index-page
  .index-partner
  .partner-swiper
  .partner-pagination
  .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.index-page
  .index-partner
  .partner-swiper
  .partner-pagination
  .swiper-pagination-bullet-active {
  background: #001491;
}
.about-page .about-speech {
  padding: 6.25vw 12.5vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.about-page .about-speech .speech-title {
  width: fit-content;
  margin-bottom: 1.1458vw;
}
.about-page .about-speech .text {
  height: 14.4792vw;
  overflow: auto;
  padding-right: 2.5521vw;
}
.about-page .about-speech .text p {
  font-size: 0.8333vw;
  color: #949494;
  font-weight: 400;
  line-height: 1.6;
}
.about-page .about-speech .about-video {
  margin-top: 3.4375vw;
  position: relative;
}
.about-page .about-speech .about-video .about-video-banner {
  width: 100%;
}
.about-page .about-speech .about-video .play-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.5s;
}
.about-page .about-speech .about-video .play-button:hover i {
  transform: scale(1.1) rotate(360deg);
}
.about-page .about-speech .about-video .play-button i {
  transition: all ease 0.3s;
  font-size: 3.5937vw;
  color: #ffffff;
}
.about-page .about-speech .about-video .play-button::before {
  transition: all ease 0.5s;
  content: '';
  width: 5.7292vw;
  height: 5.7292vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.39);
  border-radius: 50%;
  opacity: 0.11;
}
.about-page .about-us {
  padding: 4.7917vw 12.5vw 10.625vw;
}
.about-page .about-us .us-title {
  margin-bottom: 1.6667vw;
}

.about-page .about-us .content {
  display: flex;
  justify-content: space-between;
}
.about-page .about-us .content .left {
  width: 100%;
}
.about-page .about-us .content .left p {
  font-size: 0.8333vw;
  color: #949494;
  font-weight: 400;
  line-height: 1.6;
}
.about-page .about-us .content .right {
  margin-left: 2.4479vw;
  width: 36.0938vw;
  flex-shrink: 0;
  overflow: hidden;
}
.about-page .about-us .content .right:hover img {
  transform: scale(1.1);
}
.about-page .about-us .content .right img {
  width: 100%;
  transition: all ease 0.5s;
}
.about-page .about-develop {
  background-position: center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
}
.about-page .about-develop .develop-title {
  color: #ffffff;
}
.about-page .about-develop .title-before::after {
  background: #ffffff;
}
.about-page .about-develop .title-before::before {
  background: #ffffff;
}
.about-page .about-develop .title-box {
  display: flex;
  justify-content: center;
  padding-top: 5.3646vw;
}
.about-page .about-develop .develop-swiper {
  margin: 0 18.75vw;
  overflow: hidden;
}
.about-page .about-develop .develop-swiper .swiper-slide-active {
  opacity: 1;
  z-index: 2 !important;
}
.about-page .about-develop .develop-swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
  padding: 7.2917vw 0 26.7188vw;
  opacity: 0;
  z-index: 0;
}
.about-page .about-develop .develop-swiper .swiper-slide .left {
  width: 28.125vw;
  flex-shrink: 0;
}
.about-page .about-develop .develop-swiper .swiper-slide .left .title {
  font-size: 2.5vw;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 1.5625vw;
}
.about-page .about-develop .develop-swiper .swiper-slide .left .slide-menu {
  display: flex;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .left
  .slide-menu
  .menu-item {
  transition: all ease 0.5s;
  width: 6.25vw;
  padding: 0.6771vw 0;
  text-align: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.39);
  margin-right: 1.0417vw;
  border-radius: 0.3125vw;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .left
  .slide-menu
  .menu-item:nth-of-type(4n) {
  margin-right: 0;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .left
  .slide-menu
  .menu-item-active {
  color: #001491;
  background: #ffffff;
}
.about-page .about-develop .develop-swiper .swiper-slide .right .content-list {
  width: 27.0833vw;
  margin-left: 6.4583vw;
  position: relative;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .right
  .content-list
  .content-item {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease 0.5s;
  width: 100%;
  padding: 0;
  opacity: 0;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .right
  .content-list
  .content-item
  p {
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 2;
}
.about-page
  .about-develop
  .develop-swiper
  .swiper-slide
  .right
  .content-list
  .content-active {
  opacity: 1;
}
.about-page .about-develop .pagination-box {
  width: 100%;
  padding: 0 12.5vw;
  position: absolute;
  left: 0;
  bottom: 3.6458vw;
}
.about-page .about-develop .pagination-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.4427vw;
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: 0.55;
}
.about-page .about-develop .pagination-swiper {
  padding-top: 3.125vw;
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
.about-page .about-develop .pagination-swiper .swiper-slide-active::before {
  background: #001491 !important;
}
.about-page .about-develop .pagination-swiper .prev,
.about-page .about-develop .pagination-swiper .next {
  bottom: 0.5729vw;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.39;
  position: absolute;
  transition: all ease 0.5s;
  z-index: 3;
}
.about-page .about-develop .pagination-swiper .prev i,
.about-page .about-develop .pagination-swiper .next i {
  font-size: 18px;
  font-weight: bold;
}
.about-page .about-develop .pagination-swiper .prev:hover,
.about-page .about-develop .pagination-swiper .next:hover {
  opacity: 1;
}
.about-page .about-develop .pagination-swiper .prev {
  left: 0;
  transform: rotate(180deg);
}
.about-page .about-develop .pagination-swiper .next {
  right: 0;
}
.about-page .about-develop .pagination-swiper .swiper-slide {
  text-align: center;
  font-size: 1.6667vw;
  color: #ffffff;
  position: relative;
}
.about-page .about-develop .pagination-swiper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -2.6563vw;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}
.about-page .about-organization {
  padding: 100px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.about-page .about-organization .organization-title {
  margin-bottom: 1.25vw;
  width: fit-content;
}
.about-page .about-organization .img {
  width: 100%;
}
.about-page .about-people {
  padding: 6.25vw 12.5vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.about-page .about-people .people-title {
  margin-bottom: 2.9167vw;
  width: fit-content;
}
.about-page .about-people .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.about-page .about-people .list .people-swiper {
  width: 100%;
  overflow: hidden;
}
.about-page .about-people .list .img {
  height: 17.9688vw;
  background: #4e4e4e;
  position: relative;
}
.about-page .about-people .list .img .menu {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.8125vw;
  height: 2.8125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #001491;
}
.about-page .about-people .list .img .menu i {
  color: #ffffff;
}
.about-page .about-people .list .item {
  width: 17.7688vw;
  border-bottom: solid 3px #e9eaec;
}
.about-page .about-people .list .item:hover .img img {
  transform: scale(1.1);
}
.about-page .about-people .list .item .img {
  overflow: hidden;
}
.about-page .about-people .list .item .img img {
  width: 100%;
  transition: all ease 0.5s;
}
.about-page .about-people .list .item-active .img .menu i {
  transform: rotate(90deg);
}
.about-page .about-people .list .item-active .text {
  background: #001491;
}
.about-page .about-people .list .item-active .text .title,
.about-page .about-people .list .item-active .text .tip {
  color: #ffffff;
}
.about-page .about-people .list .item-active .text .content .content-show p {
  color: #ffffff;
}
.about-page .about-people .list .text {
  transition: all ease 0.5s;
  padding: 1.1979vw 1.0417vw;
}
.about-page .about-people .list .text .title {
  transition: all ease 0.5s;
  font-size: 1.25vw;
  color: #666666;
  line-height: 1.2;
  padding-bottom: 0.4167vw;
}
.about-page .about-people .list .text .tip {
  transition: all ease 0.5s;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #999999;
  line-height: 1.5;
}
.about-page .about-people .list .text .content {
  display: flex;
  flex-wrap: wrap;
}
.about-page .about-people .list .text .content .content-hidden {
  color: #999999;
  opacity: 0;
}
.about-page .about-people .list .text .content .content-show {
  opacity: 0;
}
.about-page .about-people .list .text .content .content-show p {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #999999;
  line-height: 1.5;
}
.about-page .about-people .list .text .content .content-active {
  order: -1;
  opacity: 1;
}
.about-page .about-company {
  padding: 2.0833vw 12.5vw 6.25vw;
}
.about-page .about-company .company-title {
  margin-bottom: 1.25vw;
}
.about-page .about-company .norm-swiper {
  overflow: hidden;
  position: relative;
}
.about-page .about-company .norm-swiper .swiper-menu {
  position: absolute;
  right: 2.8125vw;
  bottom: 2.0313vw;
  z-index: 2;
}
.about-page .about-company .norm-swiper .swiper-menu .norm-prev {
  transform: rotate(180deg);
}
.about-page .about-company .norm-swiper .swiper-menu i {
  font-size: 25px;
  cursor: pointer;
  transition: all ease 0.3s;
  color: #ffffff;
  opacity: 0.39;
}
.about-page .about-company .norm-swiper .swiper-menu i:hover {
  opacity: 1;
}
.about-page .about-company .norm-swiper .button-list {
  z-index: 2;
  position: absolute;
  left: 2.8125vw;
  bottom: 2.0313vw;
  display: flex;
}
.about-page .about-company .norm-swiper .button-list .button-item {
  margin-right: 1.3021vw;
  cursor: pointer;
  transition: all ease 0.5s;
  border-radius: 4px;
  padding: 0.8333vw 2.5vw 0.7292vw;
  color: #ffffff;
  font-size: 0.8333vw;
  background: rgba(255, 255, 255, 0.39);
}
.about-page .about-company .norm-swiper .button-list .button-item:last-child {
  margin-right: 0;
}
.about-page .about-company .norm-swiper .button-list .btn-active {
  background: #ffffff;
  color: #001491;
}
.about-page .about-company .norm-swiper .swiper-slide {
  position: relative;
}
.about-page .about-company .norm-swiper .swiper-slide .text {
  padding-right: 2.8125vw;
  position: absolute;
  left: 2.8125vw;
  top: 2.8125vw;
  display: flex;
  flex-wrap: wrap;
  width: 37.5vw;
}
.about-page .about-company .norm-swiper .swiper-slide .text .title {
  width: 100%;
  font-size: 1.0417vw;
  color: #ffffff;
  margin-bottom: 1.5625vw;
  position: relative;
}
.about-page .about-company .norm-swiper .swiper-slide .text .title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.6771vw;
  width: 1.4583vw;
  height: 0.2083vw;
  border-radius: 0.1042vw;
  background: #ffffff;
}
.about-page .about-company .norm-swiper .swiper-slide .text .content {
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 1.5;
}
.about-page .about-company .norm-swiper .swiper-slide .text p {
  padding-bottom: 0.5208vw;
}
.product-page .product-serve {
  padding: 6.25vw 12.5vw 2.9167vw;
}
.product-page .product-serve .serve-title {
  margin-bottom: 1.7708vw;
}
.product-page .product-serve .serve-list {
  display: flex;
  flex-wrap: wrap;
}
.product-page .product-serve .serve-item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 3.3333vw;
  position: relative;
}
.product-page .product-serve .serve-item:hover .serve-swiper-img img {
  transform: scale(1.1);
}
.product-page .product-serve .serve-item:nth-of-type(3n) {
  margin-right: 0;
}
.product-page .product-serve .serve-item .serve-swiper-img {
  width: 100%;
  overflow: hidden;
}
.product-page .product-serve .serve-item .serve-swiper-img img {
  width: 100%;
  transition: all ease 0.5s;
}
.product-page .product-serve .serve-item .serve-swiper-text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 1.5625vw 1.5625vw 2.2917vw;
}
.product-page
  .product-serve
  .serve-item
  .serve-swiper-text
  .serve-swiper-title {
  font-size: 1.6667vw;
  color: #ffffff;
  padding-bottom: 0.9375vw;
}
.product-page
  .product-serve
  .serve-item
  .serve-swiper-text
  .serve-swiper-content {
  color: #ffffff;
  font-size: 0.8333vw;
  font-weight: 400;
  opacity: 0.84;
  line-height: 1.5;
  width: 17.7083vw;
}
.product-page
  .product-serve
  .serve-item
  .serve-swiper-text
  .serve-swiper-button {
  display: block;
  margin-top: 1.5625vw;
  margin-left: auto;
}
.product-page .partner-link {
  padding: 6.25vw 12.5vw;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-page .partner-link .link-left {
  width: 33.3333vw;
}
.product-page .partner-link .link-left .title {
  font-size: 1.875vw;
  padding-bottom: 1.5104vw;
}
.product-page .partner-link .link-left .tip {
  font-size: 0.8333vw;
  color: #949494;
  line-height: 1.5;
}
.product-page .partner-link .link-left .btn {
  display: block;
  margin-top: 1.4583vw;
  width: fit-content;
  font-size: 0.8333vw;
  color: #ffffff;
  background: #001491;
  border-radius: 0.4167vw;
  padding: 0.7292vw 1.1458vw 0.7292vw 1.4583vw;
}
.product-page .partner-link .link-left .btn i {
  color: #ffffff;
  margin-left: 5.2083vw;
  position: relative;
}
.product-page .partner-link .link-left .btn i::after {
  content: '';
  position: absolute;
  left: -0.9375vw;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ffffff;
}
.product-page .partner-link .link-right {
  width: 37.5vw;
  overflow: hidden;
}
.product-page .partner-link .link-right:hover img {
  transform: scale(1.1);
}
.product-page .partner-link .link-right img {
  transition: all ease 0.5s;
  width: 100%;
}
.product-page .product-contact {
  padding: 6.25vw 12.5vw;
}
.product-page .product-contact .contact-title {
  margin-bottom: 2.0833vw;
}
.product-page .product-contact .contact-list {
  display: flex;
  flex-wrap: wrap;
}
.product-page .product-contact .contact-list .contact-item {
  margin-bottom: 0.4167vw;
  padding: 1.3542vw;
  width: 24.6vw;
  margin-right: 0.4167vw;
  border: 1px solid #e6e6e6;
  border-radius: 0.4688vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-page .product-contact .contact-list .contact-item:hover .icon {
  transform: translateX(-100%);
}
.product-page .product-contact .contact-list .contact-item:nth-of-type(3n) {
  margin-right: 0;
}
.product-page .product-contact .contact-list .contact-item .icon-box {
  overflow: hidden;
  width: fit-content;
}
.product-page .product-contact .contact-list .contact-item .icon {
  width: 1.7708vw;
  overflow: hidden;
  filter: drop-shadow(1.8vw 0 #001491);
}
.product-page .product-contact .contact-list .contact-item .icon img {
  width: 100%;
}
.product-page .product-contact .contact-list .contact-item .text {
  padding-top: 3.6979vw;
  font-weight: 400;
  color: #707070;
  line-height: 1.6;
}
.product-page .product-contact .contact-list .contact-item .text .title {
  font-size: 0.8333vw;
}
.product-page .product-contact .contact-list .contact-item .text .tip {
  font-size: 0.7292vw;
}
.product-detail-page .detail-content {
  padding: 6.25vw 12.5vw;
}
.product-detail-page .detail-content .content-title {
  margin-bottom: 1.5625vw;
}
.product-detail-page .detail-content .content-item {
  margin-bottom: 2.1354vw;
}
.product-detail-page .detail-content .content-item h1 {
  font-size: 1.0417vw;
  color: #001491;
  font-weight: bold;
  padding-bottom: 1.25vw;
}
.product-detail-page .detail-content .content-item p {
  line-height: 2;
  font-size: 0.8333vw;
  color: #838a8e;
  padding-bottom: 1.5625vw;
  padding-bottom: 10px;
}
.product-detail-page .detail-content .content-item img {
  width: 100%;
}
.product-detail-page .detail-content .content-item strong {
  font-weight: bold;
}
.news-page .news-content {
  padding: 6.25vw 12.5vw;
}
.news-page .news-content .news-title {
  margin-bottom: 1.25vw;
}
.news-page .news-content .news-top {
  display: flex;
  justify-content: space-between;
}
.news-page .news-content .news-top .news-top-left {
  flex-shrink: 0;
  width: 41.6667vw;
  overflow: hidden;
}
.news-page .news-content .news-top .news-top-left:hover img {
  transform: scale(1.1);
}
.news-page .news-content .news-top .news-top-left img {
  transition: all ease 0.5s;
  width: 100%;
}
.news-page .news-content .news-top .news-top-right {
  margin-left: 1.1458vw;
}
.news-page .news-content .news-top .news-top-right .news-top-right-item {
  display: flex;
  margin-bottom: 0.625vw;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item:hover
  .text
  .news-more {
  transform: translateX(0);
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item:hover
  .img
  img {
  transform: scale(1.1);
}
.news-page .news-content .news-top .news-top-right .news-top-right-item .img {
  flex-shrink: 0;
  width: 11.1458vw;
  overflow: hidden;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .img
  img {
  transition: all ease 0.5s;
  width: 100%;
}
.news-page .news-content .news-top .news-top-right .news-top-right-item .text {
  width: 18.4375vw;
  margin-left: 1.3542vw;
  overflow: hidden;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .title {
  position: relative;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .title::after {
  content: '';
  width: 1.4583vw;
  height: 2px;
  background: #001491;
  position: absolute;
  left: 0;
  bottom: -1.0417vw;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .title
  .title-content {
  overflow: hidden;
  font-size: 0.9375vw;
  color: #2e2e2e;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2.3438vw;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .tip {
  font-size: 0.8333vw;
  color: #b1b1b1;
  line-height: 1.5;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .news-more {
  transform: translateX(-100%);
  padding-top: 10px;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .news-more
  .button-box {
  color: #001491;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .news-more
  .button-box::after {
  background: #001491;
}
.news-page
  .news-content
  .news-top
  .news-top-right
  .news-top-right-item
  .text
  .news-more
  .button-box
  i {
  color: #001491;
}
.news-page .news-content .news-bottom {
  padding-top: 5.5729vw;
}
.news-page .news-content .news-bottom .news-bottom-item {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.2917vw;
}
.news-page .news-content .news-bottom .news-bottom-item:hover .text .news-more {
  transform: translateX(0);
}
.news-page .news-content .news-bottom .news-bottom-item:last-child {
  margin-bottom: 0;
}
.news-page .news-content .news-bottom .news-bottom-item .text {
  width: 100%;
}
.news-page .news-content .news-bottom .news-bottom-item .text .title {
  font-size: 1.6667vw;
  color: #000000;
  margin-bottom: 4.1667vw;
  position: relative;
}
.news-page .news-content .news-bottom .news-bottom-item .text .title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2.4479vw;
  width: 1.4583vw;
  height: 0.1042vw;
  background: #001491;
}
.news-page .news-content .news-bottom .news-bottom-item .text .tip {
  font-size: 1.0417vw;
  font-weight: 400;
  color: #838a8e;
  line-height: 1.5;
}
.news-page .news-content .news-bottom .news-bottom-item .text .news-more {
  transform: translateX(-100%);
  padding-top: 10px;
}
.news-page
  .news-content
  .news-bottom
  .news-bottom-item
  .text
  .news-more
  .button-box {
  color: #001491;
}
.news-page
  .news-content
  .news-bottom
  .news-bottom-item
  .text
  .news-more
  .button-box::after {
  background: #001491;
}
.news-page
  .news-content
  .news-bottom
  .news-bottom-item
  .text
  .news-more
  .button-box
  i {
  color: #001491;
}
.news-page .news-content .news-bottom .news-bottom-item .img {
  width: 29.0104vw;
  flex-shrink: 0;
  margin-left: 3.1771vw;
  overflow: hidden;
}
.news-page .news-content .news-bottom .news-bottom-item .img:hover img {
  transform: scale(1.1);
}
.news-page .news-content .news-bottom .news-bottom-item .img img {
  transition: all ease 0.5s;
  width: 100%;
}
.news-detail-page .news-detail-content {
  padding: 6.25vw 12.5vw;
}
.news-detail-page .news-detail {
  display: flex;
}
.news-detail-page .news-detail .news-left {
  width: 46.4063vw;
  flex-shrink: 0;
}
.news-detail-page .news-detail .news-left .title {
  font-size: 1.875vw;
  line-height: 1.3;
  padding-bottom: 1.6667vw;
  text-align: center;
}
.news-detail-page .news-detail .news-left .update_time{
   text-align: right;
    padding: 0 50px 20px 0;
    font-size: 14px;
    width: 100%;
}
}
.news-detail-page .news-detail .news-left p {
  font-size: 0.8333vw;
  font-weight: 400;
  color: #838a8e;
}
.news-detail-page .news-detail .news-left img {
  width: 100%;
}
.news-detail-page .news-detail .news-left .back {
  padding-top: 3.3333vw;
  display: inline-block;
  color: #001491;
  font-weight: bold;
  text-decoration: underline;
}
.news-detail-page .news-detail .news-right {
  margin-left: 4.4479vw;
}
.news-detail-page .news-detail .news-right .news-top-right-item {
  display: flex;
  margin-bottom: 0.625vw;
}
.news-detail-page .news-detail .news-right .news-top-right-item .img {
  flex-shrink: 0;
  width: 11.1458vw;
}
.news-detail-page .news-detail .news-right .news-top-right-item .img img {
  width: 100%;
}
.news-detail-page .news-detail .news-right .news-top-right-item .text {
  width: 18.4375vw;
  margin-left: 1.3542vw;
}
.news-detail-page .news-detail .news-right .news-top-right-item .text .title {
  position: relative;
}
.news-detail-page
  .news-detail
  .news-right
  .news-top-right-item
  .text
  .title::after {
  content: '';
  width: 1.4583vw;
  height: 2px;
  background: #001491;
  position: absolute;
  left: 0;
  bottom: -1.0417vw;
}
.news-detail-page
  .news-detail
  .news-right
  .news-top-right-item
  .text
  .title
  .title-content {
  overflow: hidden;
  font-size: 0.9375vw;
  color: #2e2e2e;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2.3438vw;
}
.contact-page {
  background-color: #f7f7f7;
  padding-bottom: 30px;
}
.contact-sz--box {
  background-color: #fff;
}
.news-detail-page .news-detail .news-right .news-top-right-item .text .tip {
  font-size: 0.8333vw;
  color: #b1b1b1;
  line-height: 1.5;
}
.contact-content {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  /* padding: 6.25vw 12.5vw; */
}
.contact-content .contact-title {
  padding: 20px 0 20px 0;

  font-size: 24px;
  text-align: center;
}
.contact-content .contact-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.address-sz {
  margin: 46px 0;
}
.contact-content .contact-list .contact-item {
  margin-bottom: 60px;
  padding: 1.3542vw;
  width: 500px;
  margin-right: 0.4167vw;
  border: 1px solid #e6e6e6;
  border-radius: 0.4688vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.6s ease;
}
.contact-content .contact-list .contact-item:hover {
  transform: translate(1.2, 1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.contact-content .contact-list .contact-item .icon-box {
  overflow: hidden;
  width: fit-content;
}
.contact-content .contact-list .contact-item .icon {
  width: 1.7708vw;
  overflow: hidden;
  filter: drop-shadow(1.8vw 0 #001491);
}
.contact-content .contact-list .contact-item .icon img {
  width: 100%;
}
.contact-content .contact-list .contact-item .text {
  padding-top: 3.6979vw;
  font-weight: 400;
  color: #707070;
  line-height: 1.6;
}
.contact-content .contact-list .contact-item div {
  margin: 8px 0;
}
.contact-content .contact-list .contact-item span {
  font-size: 16px;
}
.fgs {
  font-weight: bold;
}
.contact-content .contact-list .contact-item .text .title {
  font-size: 0.8333vw;
}
.contact-content .contact-list .contact-item .text .tip {
  font-size: 0.7292vw;
}
.contact-content .contact-map {
  margin-top: 4.375vw;
  width: 100%;
  height: 28.125vw;
}
.culture-page #banner {
  position: relative;
}
.culture-page #banner .left-menu {
  position: fixed;
  left: 2.3958vw;
  bottom: 50%;
  transform: translateY(50%);
}
.culture-page #banner .left-menu .menu-item {
  transition: all ease 0.5s;
  font-size: 0.8333vw;
  color: #ffffff;
  margin-bottom: 1.875vw;
  opacity: 0.77;
}
.culture-page #banner .left-menu .menu-item:last-child {
  margin-bottom: 0;
}
.culture-page #banner .left-menu .menu-active {
  opacity: 1;
  position: relative;
}
.culture-page #banner .left-menu .menu-active::before {
  content: '';
  position: absolute;
  left: -1.0417vw;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.culture-page #banner .menu-scroll .menu-item {
  color: #001491;
}
.culture-page #banner .menu-scroll .menu-active::before {
  border: solid #001491;
  border-width: 0 2px 2px 0;
}
.culture-page .public-tip {
  padding-left: 1.5625vw;
}
.culture-page .public-tip p {
  font-size: 1.0417vw;
  color: #2e2e2e;
  font-weight: 400;
  padding-bottom: 1.0417vw;
}
.culture-page .public-tip p:last-child {
  padding-bottom: 0;
}
.culture-page .culture-mission {
  padding: 6.25vw 12.5vw 0;
}
.culture-page .culture-mission .mission-title {
  margin-bottom: 1.0417vw;
}
.culture-page .culture-mission .img {
  padding-top: 2.2396vw;
}
.culture-page .culture-mission .img img {
  width: 100%;
}
.culture-page .culture-value {
  padding: 6.25vw 12.5vw 0;
}
.culture-page .culture-value .value-title {
  margin-bottom: 1.875vw;
}
.culture-page .culture-value .value-list {
  padding-top: 2.0833vw;
  display: flex;
  flex-wrap: wrap;
}
.culture-page .culture-value .value-list .value-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  position: relative;
  background: #f7f7f7;
}
.culture-page .culture-value .value-list .value-item img {
  width: 100%;
}
.culture-page .culture-value .value-list .value-item .mask {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.5625vw;
  color: #ffffff;
  transform: translate(-50%, -50%);
}
.culture-page .culture-value .value-list .value-item .title {
  padding: 0 1.3021vw;
  font-size: 1.5625vw;
  color: #535353;
  text-align: center;
}
.culture-page .culture-norm {
  padding: 6.25vw 12.5vw 0;
}
.culture-page .culture-norm .norm-title {
  margin-bottom: 1.25vw;
}
.culture-page .culture-norm .tip {
  font-size: 1.0417vw;
  font-weight: 400;
  color: #2e2e2e;
  padding-bottom: 2.9688vw;
}
.culture-page .culture-norm .norm-swiper {
  overflow: hidden;
  position: relative;
}
.culture-page .culture-norm .norm-swiper .swiper-menu {
  position: absolute;
  right: 2.8125vw;
  bottom: 2.0313vw;
  z-index: 2;
}
.culture-page .culture-norm .norm-swiper .swiper-menu .norm-prev {
  transform: rotate(180deg);
}
.culture-page .culture-norm .norm-swiper .swiper-menu i {
  font-size: 25px;
  cursor: pointer;
  transition: all ease 0.3s;
  color: #ffffff;
  opacity: 0.39;
}
.culture-page .culture-norm .norm-swiper .swiper-menu i:hover {
  opacity: 1;
}
.culture-page .culture-norm .norm-swiper .button-list {
  z-index: 2;
  position: absolute;
  left: 2.8125vw;
  bottom: 2.0313vw;
  display: flex;
}
.culture-page .culture-norm .norm-swiper .button-list .button-item {
  margin-right: 1.3021vw;
  cursor: pointer;
  transition: all ease 0.5s;
  border-radius: 4px;
  padding: 0.8333vw 2.5vw 0.7292vw;
  color: #ffffff;
  font-size: 0.8333vw;
  background: rgba(255, 255, 255, 0.39);
}
.culture-page .culture-norm .norm-swiper .button-list .button-item:last-child {
  margin-right: 0;
}
.culture-page .culture-norm .norm-swiper .button-list .btn-active {
  background: #ffffff;
  color: #001491;
}
.culture-page .culture-norm .norm-swiper .swiper-slide {
  position: relative;
}
.culture-page .culture-norm .norm-swiper .swiper-slide .text {
  padding-right: 2.8125vw;
  display: flex;
  position: absolute;
  left: 2.8125vw;
  top: 2.8125vw;
}
.culture-page .culture-norm .norm-swiper .swiper-slide .text .title,
.culture-page .culture-norm .norm-swiper .swiper-slide .text .content {
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 1.5;
}
.culture-page .culture-norm .norm-swiper .swiper-slide .text p {
  padding-bottom: 0.5208vw;
}
.culture-page .culture-oath {
  padding: 6.25vw 12.5vw;
}
.culture-page .culture-oath .oath-title {
  margin-bottom: 5.0521vw;
}
.culture-page .culture-oath .oath-list {
  display: flex;
  flex-wrap: wrap;
}
.culture-page .culture-oath .oath-list .oath-row {
  display: flex;
  margin-bottom: 2.0833vw;
}
.culture-page .culture-oath .oath-list .oath-row:last-child {
  margin-bottom: 0;
}
.culture-page .culture-oath .oath-list .oath-row .oath-col {
  width: 17.3438vw;
  margin-right: 1.8229vw;
  position: relative;
}
.culture-page .culture-oath .oath-list .oath-row .oath-col:nth-of-type(2n) {
  width: 36.3542vw;
}
.culture-page .culture-oath .oath-list .oath-row .oath-col:nth-of-type(3n) {
  margin-right: 0;
}
.culture-page .culture-oath .oath-list .oath-row .oath-col .text {
  position: absolute;
  left: 1.1458vw;
  bottom: 1.1458vw;
  padding-right: 1.1458vw;
  font-size: 0.8333vw;
  color: #ffffff;
  line-height: 1.5;
}
.develop-page .company-develop {
  padding: 6.25vw 12.5vw;
}
.develop-page .company-develop .develop-title {
  margin-bottom: 1.25vw;
}
.develop-page .company-develop .text .title {
  color: #001491;
  font-size: 1.0417vw;
  font-weight: bold;
  padding-bottom: 1.3021vw;
}
.develop-page .company-develop .text .tip {
  font-size: 0.8333vw;
  color: #838a8e;
  line-height: 1.9;
}
.develop-page .company-develop .list {
  display: flex;
  padding-top: 3.8021vw;
}
.develop-page .company-develop .list .item {
  width: 33.3%;
  padding: 0 1.0417vw;
}
.develop-page .company-develop .list .item .item-number {
  text-align: center;
  font-size: 3.8021vw;
  font-weight: 300;
  color: #000000;
}
.develop-page .company-develop .list .item .item-content p {
  text-align: center;
  font-size: 0.8333vw;
  line-height: 1.5;
  font-weight: 400;
  color: #707070;
  padding-bottom: 0.5208vw;
}
.develop-page .company-develop .list .item .item-content p:last-child {
  padding-bottom: 0;
}
.develop-page .develop-advantage {
  padding: 6.25vw 12.5vw;
  background: #fbfbfb;
}
.develop-page .develop-advantage .advantage-title {
  margin-bottom: 3.9583vw;
}
.develop-page .develop-advantage .list {
  display: flex;
  justify-content: space-between;
}
.develop-page .develop-advantage .list .item {
  width: 24.4271vw;
}
.develop-page .develop-advantage .list .item .title {
  font-size: 1.0417vw;
  color: #001491;
  font-weight: bold;
  padding: 1.3542vw 0 0.8333vw;
}
.develop-page .develop-advantage .list .item .tip {
  font-size: 0.8333vw;
  font-weight: 400;
  color: #707070;
  line-height: 1.5;
}
.develop-page .develop-invest {
  padding: 6.25vw 12.5vw;
}
.develop-page .develop-invest .invest-title {
  margin-bottom: 5.5208vw;
}
.develop-page .develop-invest .list .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.2917vw;
}
.develop-page .develop-invest .list .item:last-child {
  margin-bottom: 0;
}
.develop-page .develop-invest .list .item .left {
  width: 100%;
}
.develop-page .develop-invest .list .item .left .title {
  font-size: 1.6667vw;
  color: #000000;
  margin-bottom: 3.2813vw;
  position: relative;
}
.develop-page .develop-invest .list .item .left .title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.5625vw;
  width: 1.4583vw;
  height: 0.1042vw;
  background: #001491;
}
.develop-page .develop-invest .list .item .left .tip {
  font-size: 1.0417vw;
  color: #838a8e;
  line-height: 1.5;
  font-weight: 400;
}
.develop-page .develop-invest .list .item .right {
  margin-left: 3.1771vw;
  width: 29.0104vw;
  flex-shrink: 0;
}
.job-page .job-idea {
  padding: 6.25vw 12.5vw;
}
.job-page .job-idea .idea-title {
  margin-bottom: 2.9688vw;
}
.job-page .job-idea .list {
  display: flex;
  justify-content: space-between;
}
.job-page .job-idea .list .item-list {
  width: 24.4271vw;
}
.job-page .job-idea .list .item-list .title {
  font-size: 1.0417vw;
  color: #001491;
  font-weight: bold;
  padding: 1.3542vw 0 0.8333vw;
}
.job-page .job-idea .list .item-list .tip {
  font-size: 0.8333vw;
  font-weight: 400;
  color: #707070;
  line-height: 1.5;
}
.job-page .job-cultivate {
  padding: 6.25vw 12.5vw;
  background: #fbfbfb;
}
.job-page .job-cultivate .cultivate-title {
  margin-bottom: 1.1458vw;
}
.job-page .job-cultivate .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4.7917vw;
}
.job-page .job-cultivate .row:last-child {
  padding-bottom: 0;
}
.job-page .job-cultivate .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.job-page .job-cultivate .row:nth-of-type(2n) .right {
  margin-left: 0;
  margin-right: 4.3229vw;
}
.job-page .job-cultivate .row .left .title {
  font-size: 1.0417vw;
  color: #001491;
  font-weight: bold;
  padding-bottom: 1.5625vw;
}
.job-page .job-cultivate .row .left .tip {
  font-size: 0.8333vw;
  color: #707070;
  line-height: 1.5;
}
.job-page .job-cultivate .row .right {
  width: 39.8438vw;
  margin-left: 4.3229vw;
  flex-shrink: 0;
}
.job-page .job-cultivate .row .right img {
  width: 100%;
}
.job-page .job-welfare {
  padding: 6.25vw 12.5vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.job-page .job-welfare .welfare-title {
  margin-bottom: 1.3542vw;
  color: #ffffff;
}
.job-page .job-welfare .title-before::before {
  background: #ffffff;
}
.job-page .job-welfare .title-before::after {
  background: #ffffff;
}
.job-page .job-welfare .content {
  display: flex;
}
.job-page .job-welfare .content .left {
  width: 32.0313vw;
  margin-right: 5.4688vw;
  flex-shrink: 0;
}
.job-page .job-welfare .content .left p {
  font-size: 0.8333vw;
  color: #ffffff;
  opacity: 0.67;
  line-height: 1.5;
  font-weight: 400;
}
.job-page .job-welfare .content .left p strong {
  font-weight: bold;
  opacity: 1;
}
.job-page .job-welfare .content .right {
  width: 100%;
}
.job-page .job-welfare .content .right .list .active .title::after {
  transform: translateY(-50%) rotate(-135deg) !important;
}
.job-page .job-welfare .content .right .list .item {
  padding: 1.1458vw 0;
  border-bottom: solid 1px #ffffff;
}
.job-page .job-welfare .content .right .list .item .title {
  font-size: 0.8333vw;
  color: #ffffff;
  position: relative;
}
.job-page .job-welfare .content .right .list .item .title::after {
  transition: all ease 0.5s;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.job-page .job-welfare .content .right .list .item .content {
  padding-top: 0.7292vw;
  display: none;
}
.job-page .job-welfare .content .right .list .item .content p {
  font-size: 0.8333vw;
  color: #ffffff;
  opacity: 0.67;
}
.job-page .job-train {
  padding: 6.25vw 12.5vw;
}
.job-page .job-train .train-title {
  margin-bottom: 1.6667vw;
}
.job-page .job-train .tip {
  width: 58.4896vw;
  font-size: 0.8333vw;
  color: #707070;
  line-height: 1.5;
}
.job-page .job-train .img {
  padding-top: 0.9375vw;
}
.job-page .job-train .img img {
  width: 100%;
}
.job-page .job-promote {
  padding: 0 12.5vw 6.25vw;
}
.job-page .job-promote .promote-title {
  margin-bottom: 1.7188vw;
}
.job-page .job-promote .tip {
  font-size: 0.8333vw;
  color: #707070;
  font-weight: 400;
  padding-bottom: 0.6771vw;
}
.job-page .job-promote .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.2917vw;
}
.job-page .job-promote .row:last-child {
  margin-bottom: 0;
}
.job-page .job-promote .row:first-child .col {
  background: linear-gradient(88deg, #001491 0%, #3a53ef 100%);
}
.job-page .job-promote .row .col {
  padding: 1.1979vw 0;
  font-size: 0.8333vw;
  /* font-size: 0.77vw; */
  color: #ffffff;
  margin-right: 0.7292vw;
  width: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(0, 20, 145, 0.39);
  position: relative;
}
.job-page .job-promote .row .col i {
  position: absolute;
  right: -0.7292vw;
  top: 50%;
  transform: translateY(-50%);
  color: #001491;
  font-size: 7px;
}
.job-page .job-promote .row .col:last-child {
  margin-right: 0;
}
.job-page .job-promote .row .col .mask {
  position: absolute;
  left: 0.5208vw;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6667vw;
  font-weight: 800;
  color: #ffffff;
  opacity: 0.09;
}
.job-page .job-invite {
  background: #fbfbfb;
  padding: 6.25vw 12.5vw;
}
.job-page .job-invite .invite-title {
  margin-bottom: 1.0417vw;
}
.job-page .job-invite .list .item {
  box-shadow: 0px 3px 10px rgba(0, 20, 145, 0.06);
  padding: 1.25vw 2.0833vw;
  margin-bottom: 1.5625vw;
}
.job-page .job-invite .list .item:first-child {
  background: #dbe0fe;
  box-shadow: unset;
  margin-bottom: 0;
}
.job-page .job-invite .list .item:first-child .title-row .title-col {
  color: #001491;
}
.job-page .job-invite .list .item .title-row {
  display: flex;
  justify-content: space-between;
}
.job-page .job-invite .list .item .title-row .title-col {
  font-size: 0.8333vw;
  color: #000000;
  width: 16.6667vw;
}
.job-page .job-invite .list .item .title-row .title-col:last-child {
  width: fit-content;
  flex-shrink: 0;
}
.job-page .job-invite .list .item .content {
  display: none;
  padding-top: 1.1458vw;
  padding-bottom: 8.0729vw;
}
.job-page .job-invite .list .item .content .text {
  display: flex;
  justify-content: space-between;
}
.job-page .job-invite .list .item .content .text .left,
.job-page .job-invite .list .item .content .text .right {
  width: 31.25vw;
}
.job-page .job-invite .list .item .content .text .left .tip,
.job-page .job-invite .list .item .content .text .right .tip {
  font-size: 0.8333vw;
  font-weight: 400;
  color: #707070;
  padding-bottom: 1.1458vw;
}
.job-page .job-invite .list .item .content .text .left .text-content p,
.job-page .job-invite .list .item .content .text .right .text-content p {
  font-size: 0.8333vw;
  color: #707070;
  line-height: 1.5;
  font-weight: 400;
}
.job-page .job-invite .list .item .content .btn {
  display: block;
  padding: 0.8333vw 1.5625vw;
  background: #001491;
  color: #ffffff;
  font-size: 0.8333vw;
  width: fit-content;
  margin-top: 4.1667vw;
  border-radius: 1.3021vw;
}

.err-input {
  border: 1px solid red !important;
}
.pagelist {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.125vw 0 0;
}

.pagelist a > i {
  width: 30px;
  height: 30px;
  background: #001491;
  opacity: 0.48;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.26vw;
  transition: all ease 0.5s;
}

.pagelist a:first-child > i {
  transform: rotate(180deg);
}

.pagelist a > span {
  width: 30px;
  height: 30px;
  background: #001491;
  opacity: 0.48;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.26vw;
  transition: all ease 0.5s;
}

.pagelist a.on > i,
.pagelist a:hover > i,
.pagelist a.on > span,
.pagelist a:hover > span {
  opacity: 1;
}
