@charset "utf-8";
/*顶部*/
header {
  position: fixed;
  z-index: 10;
  width: 100%;
  transition: all 0.5s;
  top: 0;
}
header.active {
  top: -100px;
}
header.active-box-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}

header .tops{width:100%; height:35px; background:#004f94; color:#FFF; line-height:35px;}
header .tops .topsin{ width: 90%; margin:0 auto; padding-right:30PX;
  max-width: 1760px; text-align:right; font-size:14px;}


header .header-menu {
  transition: all 0.5s ease;
  height: 100px;
  position: relative;
  background: #fff;
}
header .section {
  height: 100%;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}
header .section .header-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
header .section .header-box .logo img {
  transition: all 0.5s;
  width: 286px;
}
header .section .header-box .menu-box {
  height: 100%;
  margin-left: auto;
}
header .section .header-box .menu-box .menu-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  color: #fff;
}
header .section .header-box .menu-box .menu-list .firstItem {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
header .section .header-box .menu-box .menu-list .firstItem:last-child .firstItem-title {
/*  border-left: 1px solid #cccccc;*/
}
header .section .header-box .menu-box .menu-list .firstItem:last-child img {
  margin-right: 10px;
  width: 20px;
  opacity: 0.6;
}
header .section .header-box .menu-box .menu-list .firstItem:last-child span {
  color: #666666;
  font-size: 14px;
}
header .section .header-box .menu-box .menu-list .firstItem.active .firstItem-title a {
  color: var(--dominant-color);
}
header .section .header-box .menu-box .menu-list .firstItem.language img {
  cursor: pointer;
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
  padding: 0 30px;
  position: relative;
  display: flex;
  align-items: center;
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {
  color: #333;
  font-size: 16px;
  transition: all 0.5s;
  font-family: MiSans-Normal;
  display: flex;
  align-items: center;
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #333;
  position: absolute;
  margin: auto;
  right: 0;
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover::after {
  width: 100%;
}
header .section .header-box .menu-box .menu-list .firstItem .firstItem-title:hover a {
  color: var(--dominant-color);
}
header .section .header-box .menu-box .menu-list .firstItem > a {
  font-size: 14px;
  height: 80px;
  line-height: 80px;
}
header .section .header-box .menu-box .menu-list .firstItem .second-box {
  position: absolute;
  top: 90px;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  overflow: auto;
  transition: top 0.5s;
  border-radius: 0 0 8px 8px;
}
header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {
  background: var(--dominant-color);
  margin-top: 20px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {
    margin-top: 0;
    padding-left: 10%;
  }
}
header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-color: transparent transparent var(--dominant-color) transparent;
  border-style: solid;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  position: absolute;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {
    display: none;
  }
}
header .section .header-box .menu-box .menu-list .firstItem .second-box a {
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: 20px;
}
header .section .header-box .menu-box .menu-list .firstItem .second-box a:last-child {
  margin-bottom: 0;
}
header .section .header-box .menu-box .menu-list .firstItem .second-box a:hover {
  text-decoration: underline;
}
header .section .header-box .headerRight {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
header .section .header-box .headerRight .item {
  margin-left: 20px;
  cursor: pointer;
}
header .section .header-box .headerRight .item a {
  font-size: 18px;
  color: #C7C7C7;
  transition: all 0.5s;
}
header .section .header-box .headerRight .item a:hover {
  color: #fff;
}
/*轮播图*/
.banner {
  width: 100%;
  position: relative;
  /*视频样式*/
}
.banner .swiper-slide .text {
  position: absolute;
  width: 80%;
  max-width: 1440px;
  left: 0;
  right: 0;
  top: 40%;
  margin: auto;
  color: #fff;
  line-height: 1;
}
.banner .swiper-slide .text .sub {
  font-size: 16px;
  transform: translateY(50px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.3s;
  margin-bottom: 10px;
}
.banner .swiper-slide .text .title {
  font-size: 60px;
  margin-bottom: 10px;
  font-weight: 100;
  line-height: 1.2;
  font-family: MiSans-Medium;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s;
  transition-delay: 0.5s;
}
.banner .swiper-slide .text .line {
  width: 72px;
  height: 3px;
  background: #fff;
  margin: 30px 0;
  transform: translateY(50px);
  opacity: 0;
  transition: all 1s;
  transition-delay: 0.6s;
}
.banner .swiper-slide .text .summary {
  font-size: 24px;
  transform: translateY(50px);
  opacity: 0;
  transition: all 1s;
  font-family: MiSans-Light;
  transition-delay: 0.7s;
  max-width: 670px;
  line-height: 1.6;
}
.banner .swiper-slide .text .summary.small-summary {
  font-size: 14px;
}
.banner .swiper-slide .text .more {
  width: 168px;
  height: 56px;
  display: flex;
  align-items: center;
  margin-top: 70px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  justify-content: center;
  border-radius: 28px;
  font-size: 14px;
  transition-delay: 0.9s;
}
.banner .swiper-slide .text .more img {
  margin-left: 20px;
  filter: grayscale(1) brightness(100);
}
.banner .swiper-slide {
  cursor: pointer;
}
.banner .swiper-slide .img img {
  width: 100%;
}
.banner .swiper-slide video {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .banner .swiper-slide video {
    height: 100%;
  }
}
.banner .swiper-slide .video-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  opacity: 0.6;
  cursor: pointer;
  z-index: 10;
}
.banner .swiper-button-prev {
  left: 60px;
}
.banner .swiper-button-next {
  right: 60px;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin: 10px 0;
  transition: all 0.5s;
}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after {
  opacity: 0.3;
  color: #fff;
  font-size: 16px;
}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
  opacity: 1;
  background-color: var(--dominant-color);
  border: none;
}
.banner .swiper-button-prev:hover::after,
.banner .swiper-button-next:hover::after {
  opacity: 1;
}
.banner .swiper-slide.swiper-slide-active .sub,
.banner .swiper-slide.swiper-slide-active .title,
.banner .swiper-slide.swiper-slide-active .summary,
.banner .swiper-slide.swiper-slide-active .more,
.banner .swiper-slide.swiper-slide-active .line {
  transform: translateY(0);
  opacity: 1;
}
.banner .swiper-pagination {
  bottom: 70px !important;
  max-width: 1600px;
  width: 90% !important;
  left: 0;
  right: 0;
  margin: auto;
  text-align: left;
}
.banner .swiper-pagination-bullet {
  width: 60px;
  height: 2px;
  position: relative;
  border-radius: 0;
  background: #fff;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active #circle {
  stroke-dashoffset: 0;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active svg {
  opacity: 1;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
@keyframes down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
.index-title {
  text-align: left;
  margin-bottom: 40px;
}
.index-title .title {
  font-size: 48px;
  color: #000;
  line-height: 1;
  font-family: MiSans-Medium;
}
.index-title .summary {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  max-width: 700px;
  margin: 20px auto 0;
  font-family: MiSans-Normal;
}
.index-title .more {
  display: block;
  margin-top: 70px;
}
.index-box1 {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-box1 .about-left {
  flex-basis: 20%;
}
.index-box1 .about-left .more {
  width: 168px;
  height: 56px;
  border-radius: 28px;
  background: var(--dominant-color);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 100px;
}
.index-box1 .about-left .more img {
  margin-left: 10px;
  filter: grayscale(1) brightness(100);
}
.index-box1 .about-right {
  flex-basis: 70%;
/*  max-width: 900px;*/
}
.index-box1 .about-right .sub {
  font-size: 26px;
  line-height: 1.6;
}
.index-box1 .about-right .summary {
  margin-top: 0px;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.index-box1 .about-right .about-number {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.index-box1 .about-right .about-number .item .number {
  font-size: 16px;
  color: var(--dominant-color);
  display: flex;
  align-items: flex-start;
  line-height: 1;
}
.index-box1 .about-right .about-number .item .number .gd-count {
  font-size: 36px;
  font-family: Manrope-Medium;
  color: var(--dominant-color);
  line-height: 0.8;
}
.index-box1 .about-right .about-number .item .number sup {
  font-family: MiSans-Normal;
  font-size: 16px;
  margin-left: 4px;
}
.index-box1 .about-right .about-number .item .summary {
  margin-top: 10px;
  color: #333;
}
.index-box1 .about-video {
  flex-basis: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-top: 100px;
}
.index-box1 .about-video .play {
  position: absolute;
  left: 60px;
  bottom: 40px;
  display: flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.index-box1 .about-video .play .play-icon {
  width: 98px;
  height: 98px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: url('../images/play.png') no-repeat center;
  border-radius: 50%;
}
.index-box1 .about-video .play .play-text {
  margin-left: 30px;
  transition: all 0.5s;
}
.index-box1 .about-video .play .play-text .sub {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.index-box1 .about-video .play .play-text .title {
  font-size: 14px;
  color: #fff;
  margin-top: 6px;
}
.index-box1 .about-video .play:hover .play-text {
  margin-left: 40px;
}
.index-box2 {
  background: #f9fbfd;
  padding: 140px 0;
  position: relative; padding-bottom:0px;
}
.index-box2 .section {
  max-width: 1240px;
}
.index-box2::after {
  content: '';
  width: 12.5%;
  height: 100%;
  position: absolute;
  background: url('../images/product.png') no-repeat center left;
  top: 0;
  right: 0;
}
.index-box2 .index-title {
  text-align: center;
}
.index-box2 .index-product-box {
  padding-right: 8%;
}
.index-box2 .index-product-box .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
.index-box2 .index-product-box .item .img {
  flex-basis: 40%;
  max-width: 450px;
 /* border-radius: 50%;
  box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.08);*/
  overflow: hidden;
}
.index-box2 .index-product-box .item .text {
  flex-basis: 40%;
  max-width: 500px;
}
.index-box2 .index-product-box .item .text .title {
  font-size: 38px;
  font-family: MiSans-Medium;
}
.index-box2 .index-product-box .item .text .sub {
  font-size: 26px;
  color: var(--dominant-color);
  margin-top: 30px;
  margin-bottom: 15px;
}
.index-box2 .index-product-box .item .text .summary {
  font-size: 16px;
  font-family: MiSans-Normal;
  color: #333;
  line-height: 1.6;
}
.index-box2 .index-product-box .item .text .more {
  margin-top: 50px;
  display: block;
  color: #333;
  transition: all 0.5s;
}
.index-box2 .index-product-box .item .text .more img {
  filter: grayscale(1) brightness(0.5);
  opacity: 0.6;
  margin-left: 6px;
  transition: all 0.5s;
}
.index-box2 .index-product-box .item .text .more:hover {
  color: var(--dominant-color);
}
.index-box2 .index-product-box .item .text .more:hover img {
  filter: none;
  opacity: 1;
}
.index-box2 .index-product-box .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.index-box3 {
  padding: 40px 0 100px 0;
  position: relative;
}
.index-box3::after {
  content: '';
  width: 12.5%;
  height: 100%;
  position: absolute;
  background: url('../images/news.png') no-repeat center;
  top: 0;
  left: 0;
}
.index-box3 .more {
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.index-box3 .more img {
  filter: grayscale(1) brightness(0.5);
  transition: all 0.5s;
  margin-left: 10px;
  opacity: 0.8;
}
.index-box3 .more:hover {
  color: var(--dominant-color);
}
.index-box3 .more:hover img {
  filter: none;
  opacity: 1;
}
.index-box3 .index-news {
  max-width: 1440px;
  width: 90%;
  margin: auto;
  justify-content: space-between;
}
.index-box3 .index-news .summary {
  margin-left: 0;
}
.index-box3 .index-news .left {
  flex-basis: 40%;
}
.index-box3 .index-news .right {
  flex-basis: 100%;
}
.index-box3 .index-news .right .swiper .swiper-slide .img {
  border-radius: 12px;
  overflow: hidden;
}
.index-box3 .index-news .right .swiper .swiper-slide .img .imgBox {
  height: 0;
  padding-bottom: calc((480 / 720) * 100%);
}
.index-box3 .index-news .right .swiper .swiper-slide .img .imgBox img {
  position: absolute;
}
.index-box3 .index-news .right .swiper .swiper-slide .text .title {
  font-size: 26px;
  margin: 20px 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.index-box3 .index-news .right .swiper .swiper-slide .text .time {
  font-size: 16px;
  color: #333;
  font-family: MiSans-Normal;
  opacity: 0.6;
}
.index-box3 .index-news .right .swiper .swiper-slide:nth-child(3n-1) {
 /* margin-top: 20px;*/
}




/****/
.index-box2 .index-news {
  max-width: 1440px;
  width: 90%;
  margin: auto;
  justify-content: space-between; padding-bottom:7%;
}
.index-box2 .index-news .summary {
  margin-left: 0;
}
.index-box2 .index-news .left {
  flex-basis: 40%;
}
.index-box2 .index-news .right {
  flex-basis: 100%;
}
.index-box2 .index-news .right .swiper .swiper-slide .img {
  border-radius: 12px;
  overflow: hidden;
}
.index-box2 .index-news .right .swiper .swiper-slide .img .imgBox {
  height: 0;
  padding-bottom: calc((480 / 720) * 100%);
}
.index-box2 .index-news .right .swiper .swiper-slide .img .imgBox img {
  position: absolute;
}
.index-box2 .index-news .right .swiper .swiper-slide .text .title {
  font-size: 26px;
  margin: 20px 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; text-align:center
}
.index-box2 .index-news .right .swiper .swiper-slide .text .time {
  font-size: 16px;
  color: #333;
  font-family: MiSans-Normal;
  opacity: 0.6;
}
.index-box2 .index-news .right .swiper .swiper-slide:nth-child(3n-1) {
 /* margin-top: 20px;*/
}
@media screen and (max-width: 768px) {
  .index-box3 .index-news .right .swiper .swiper-slide:nth-child(3n-1) {
    margin-top: 0;
  }
}
.index-box3 .index-news .right .swiper .button {
  display: none;
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.02);
  right: 15px;
  top: 20%;
  z-index: 2;
  background: #fff;
}
.index-box3 .index-news .right .swiper .button .swiper-button-prev,
.index-box3 .index-news .right .swiper .button .swiper-button-next {
  position: absolute;
}
.index-box3 .index-news .right .swiper .button .swiper-button-prev::after,
.index-box3 .index-news .right .swiper .button .swiper-button-next::after {
  font-size: 18px;
}
.index-box3 .index-news .right .swiper .button .swiper-button-prev {
  left: 10px;
  background: url('../images/prev.png') no-repeat center;
}
.index-box3 .index-news .right .swiper .button .swiper-button-next {
  right: 10px;
  background: url('../images/next.png') no-repeat center;
}
.index-box3 .index-news .right .swiper .pagination {
  max-width: 410px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: 0;
}
.index-box3 .index-news .right .swiper .pagination .number-box {
  width: 60px;
  color: #cccccc;
}
.index-box3 .index-news .right .swiper .pagination .number-box span {
  font-family: MiSans-Medium;
}
.index-box3 .index-news .right .swiper .pagination .number-box .span1 {
  color: var(--dominant-color);
}
.index-box3 .index-news .right .swiper .pagination .swiper-pagination-progressbar {
  position: inherit;
  height: 2px;
  background: #f1f1f1;
}
.index-box3 .index-news .right .swiper .pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--dominant-color);
}
.index-box4 {
  position: relative;
}
.index-box4 .index-box4-img img {
  width: 100%;
}
.index-box4 .section {
  right: 0;
  position: absolute;
  left: 0;
  top: 15%;
}
.index-box4 .section .title,
.index-box4 .section .summary,
.index-box4 .section .more {
  color: #fff;
}
.index-box4 .section .summary {
  margin-top: 40px;
  margin-left: 0;
}
.index-box4 .section .more {
  font-size: 14px;
  font-family: Manrope-Light;
  display: inline-block;
}
.index-box4 .section .more img {
  filter: grayscale(1) brightness(100);
  margin-left: 10px;
  transition: all 0.5s;
}
.index-box4 .section .more:hover {
  text-decoration: underline;
}
.footer {
  padding: 60px 0 30px;
  color: #fff;
  background: #fbfbfb;
}
.footer.index-footer {
  background: none;
}
.footer .footer-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.footer .footer-top .item .item-title {
  font-size: 18px;
  color: #333;
  transition: all 0.5s;
}
.footer .footer-top .item .item-title.active {
  color: #333;
}
.footer .footer-top .item .item-box {
  margin-top: 30px;
}
.footer .footer-top .item .item-box a {
  display: block;
  opacity: 0.6;
  transition: all 0.5s;
  margin-bottom: 10px;
  color: #000;
}
.footer .footer-top .item .item-box a:hover {
  opacity: 1;
}
.footer .footer-top .item .item-box .item-list {
  font-size: 16px;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.footer .footer-top .item .item-box .item-list .item-icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.footer .footer-top .item .item-box .item-list span {
  opacity: 0.5;
}
.footer .footer-top .footer-menu {
  flex-basis: 50%;
  display: flex;
  justify-content: space-between;
  max-width: 760px;
}
.footer .footer-top .footer-menu a {
  color: #999999;
  font-size: 16px;
}
.footer .footer-top .footer-menu a:hover {
  color: #333;
}
.footer .footer-top .footer-logo img {
  width: 220px;
}
.footer .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px 0 30px;
  display: flex;
  justify-content: space-between;
}
.footer .footer-bottom .copy-right,
.footer .footer-bottom a {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.footer .footer-bottom .footer-code .code {
  display: flex;
  justify-content: flex-end;
}
.footer .footer-bottom .footer-code .code .item {
  position: relative;
  margin-left: 10px;
  width:70px;
  height:70px;
  border-radius: 50%;
  background: #afafaf;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.footer .footer-bottom .footer-code .code .item.active {
  color: #333;
}
.footer .footer-bottom .footer-code .code .item:hover {
  background: var(--dominant-color);
}
.footer .footer-bottom .footer-code .code .item .item-icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.footer .footer-bottom .footer-code .code .item .item-icon:hover {
  filter: brightness(100);
}
.footer .footer-bottom .footer-code .code .item .item-icon:hover ~ .item-code {
  display: flex;
}
.footer .footer-bottom .footer-code .code .item .item-code {
  position: absolute;
  width: 70px;
  height: 70px;
  background: #fff;
  padding: 3px;
  border-radius: 6px;
  bottom: 40px;
  left: 50%;
  margin-left: -35px;
  display: none;
  justify-content: center;
  align-items: center;
}
.footer .footer-bottom .footer-code .code .item .item-code img {
  width: 100%;
}
.footer .footer-bottom .footer-code .code .item .item-code::after {
  content: '';
  width: 10px;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
}
.footer .footer-bottom .copy-right a {
  transition: all 0.5s;
}
.footer .footer-bottom .copy-right a:hover {
  text-decoration: underline;
}
/*内页*/
/*内页通用*/
.page-title-box {
  margin-bottom: 50px;
}
.page-title-box .page-title {
  font-size: 50px;
  color: var(--dominant-color);
  text-align: center;
}
.page-summary {
  font-size: 14px;
  max-width: 860px;
  line-height: 1.8;
  text-align: center;
  margin: 20px auto 0;
}
.pageBanner {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pageBanner .banner-box {
  width: 100%;
  height: 620px;
  display: flex;
}
/*翻页*/
.pager {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}
.pager .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0 10px;
  color: #333;
  transition: all 0.5s;
  font-size: 16px;
  background: #f7f8fc;
}
.pager .number:hover,
.pager .number.active {
  background: var(--dominant-color);
  color: #fff;
  transition: all 0.5s;
}
.pager .number.prev,
.pager .number.next {
  width: auto;
  background: none;
}
.pager .number.prev:hover,
.pager .number.next:hover {
  background: none;
  color: var(--dominant-color);
}
/*内页分类*/
.page-menu {
  margin-top: -66px;
  height: 70px;
  position: relative;
  z-index: 1;
}
.page-menu .phone-click {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-menu .phone-click {
    display: block;
    background: var(--dominant-color);
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
}
.page-menu .menu-box {
  max-width: 1440px;
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
.page-menu .menu-box .item {
  display: flex;
  height: 100%;
  flex-basis: 230px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: all 0.5s;
  background: url('../images/page-menu-bg.png') no-repeat center;
  margin-left: -60px;
}
.page-menu .menu-box .item:nth-child(1) {
  z-index: 10;
  margin-left: 0;
}
.page-menu .menu-box .item:nth-child(2) {
  z-index: 9;
}
.page-menu .menu-box .item:nth-child(3) {
  z-index: 8;
}
.page-menu .menu-box .item:nth-child(4) {
  z-index: 7;
}
.page-menu .menu-box .item:nth-child(5) {
  z-index: 6;
}
.page-menu .menu-box .item:nth-child(6) {
  z-index: 5;
}
.page-menu .menu-box .item:nth-child(7) {
  z-index: 4;
}
.page-menu .menu-box .item:nth-child(8) {
  z-index: 3;
}
.page-menu .menu-box .item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: MiSans-Normal;
}
.page-menu .menu-box .item.active,
.page-menu .menu-box .item:hover {
  background: url('../images/page-menu-bg-active.png') no-repeat center;
  color: var(--dominant-color);
  z-index: 50;
}
.pageMargin {
  padding: 50px 0;
}
/*搜索*/
.search-box {
  position: relative;
  margin: 0 auto 30px;
}
.search-box input {
  padding: 0 20px;
  height: 60px;
}
.search-box button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.search-box button img {
  width: 20px;
}
/*关于我们*/
.about-box-1 {
  position: relative;
}
.about-box-1 #particles-js {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-box-1 .section {
  display: flex;
  justify-content: space-between;
}
.about-box-1 .section .text {
  flex-basis: 48%;
}
.about-box-1 .section .text .title {
  font-size: 38px;
  color: var(--dominant-color);
}
.about-box-1 .section .text .line {
  width: 48px;
  height: 3px;
  background: var(--dominant-color);
  margin: 36px 0;
}
.about-box-1 .section .text .summary {
  color: #333;
  line-height: 1.8;
  font-size: 16px;
}
.about-box-1 .section .img {
  flex-basis: 43%;
  overflow: hidden;
}
.about-box-1 .section .img .imgBox {
  border-radius: 28px;
}
.about-box-2 .history-top .swiper-slide {
  overflow: hidden;
}
.about-box-2 .history-top .number {
  font-family: Manrope-Extrabold;
  font-size: 33vw;
  color: var(--dominant-color);
  opacity: 0.04;
  line-height: 0.85;
  display: flex;
  justify-content: space-between;
  font-weight: 900;
  min-height: 480px;
  align-items: center;
}
.about-box-2 .history-top .text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
}
.about-box-2 .history-top .text-box .img {
  flex-basis: 68%;
  position: relative;
}
.about-box-2 .history-top .text-box .img .big-img {
  width: 80%;
  margin-left: auto;
  margin-right: 0;
}
.about-box-2 .history-top .text-box .img .big-img .imgBox {
  height: 0;
  padding-bottom: calc((460 / 780) * 100%);
  border-radius: 12px;
}
.about-box-2 .history-top .text-box .img .big-img .imgBox img {
  position: absolute;
}
.about-box-2 .history-top .text-box .img .small-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 12px;
  z-index: 2;
  height: fit-content;
  overflow: hidden;
  max-width: 280px;
}
.about-box-2 .history-top .text-box .text {
  flex-basis: 25%;
}
.about-box-2 .history-top .text-box .text .title {
  font-size: 46px;
  color: var(--dominant-color);
  margin-top: 30px;
}
.about-box-2 .history-top .text-box .text .title span {
  font-family: Manrope-Medium;
}
.about-box-2 .history-top .text-box .text .summary {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.about-box-2 .history-top .button {
  height: 54px;
  position: absolute;
  width: 25%;
  right: 0;
  bottom: 40%;
  display: flex;
}
.about-box-2 .history-top .button .swiper-button-prev,
.about-box-2 .history-top .button .swiper-button-next {
  position: initial;
  width: 54px;
  height: 54px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  transition: all 0.5s;
  margin-top: 0;
  margin-right: 20px;
}
.about-box-2 .history-top .button .swiper-button-prev::after,
.about-box-2 .history-top .button .swiper-button-next::after {
  font-size: 16px;
  color: #e5e5e5;
}
.about-box-2 .history-top .button .swiper-button-prev:hover,
.about-box-2 .history-top .button .swiper-button-next:hover {
  background: var(--dominant-color);
}
.about-box-2 .history-bottom {
  margin-top: 80px;
  position: relative;
}
.about-box-2 .history-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #e5e5e5;
}
.about-box-2 .history-bottom .swiper-slide {
  font-size: 20px;
  color: #ccc;
  text-align: center;
  cursor: pointer;
}
.about-box-2 .history-bottom .swiper-slide span {
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
}
.about-box-2 .history-bottom .swiper-slide span:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: var(--dominant-color);
  opacity: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.about-box-2 .history-bottom .swiper-slide.swiper-slide-thumb-active,
.about-box-2 .history-bottom .swiper-slide:hover {
  color: var(--dominant-color);
}
.about-box-2 .history-bottom .swiper-slide.swiper-slide-thumb-active span:after,
.about-box-2 .history-bottom .swiper-slide:hover span:after {
  opacity: 1;
}
.about-box-3 {
  padding: 220px 0;
}
.about-box-3 .culture-box {
  max-width: 1250px;
  margin: auto;
  position: relative;
  height: 560px;
}
.about-box-3 .culture-box .item {
  cursor: pointer;
  width: 200px;
  height: 200px;
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.02);
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  margin: auto;
  transition: all 0.5s;
}
.about-box-3 .culture-box .item.active {
  width: 420px;
  height: 420px;
}
.about-box-3 .culture-box .item.active::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--dominant-color);
  opacity: 0.8;
  border-radius: 50%;
}
.about-box-3 .culture-box .item.active .text .icon {
  display: block;
  margin-bottom: 30px;
}
.about-box-3 .culture-box .item.active .text .title {
  color: #fff;
}
.about-box-3 .culture-box .item.active .text .summary {
  display: block;
}
.about-box-3 .culture-box .item.active .text .sub {
  display: none;
}
.about-box-3 .culture-box .item.active .line {
  width: 100%;
  height: 100%;
  border: 1px solid var(--dominant-color);
  opacity: 0.2;
  position: absolute;
  border-radius: 50%;
}
.about-box-3 .culture-box .item.active .line::after {
  content: '';
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid var(--dominant-color);
  border-radius: 50%;
  animation: expand-border 3s infinite;
}
.about-box-3 .culture-box .item.active .line .line2,
.about-box-3 .culture-box .item.active .line .line3 {
  position: absolute;
  border: 1px solid var(--dominant-color);
  border-radius: 50%;
}
.about-box-3 .culture-box .item.active .line .line2 {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  left: 0;
  top: 0;
  animation: expand-border2 3s infinite;
}
.about-box-3 .culture-box .item.active .line .line3 {
  width: 100%;
  height: 100%;
  opacity: 0.4;
  left: 0;
  top: 0;
  animation: expand-border3 3s infinite;
}
.about-box-3 .culture-box .item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
}
.about-box-3 .culture-box .item .text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.about-box-3 .culture-box .item .text .title {
  font-size: 38px;
  font-family: MiSans-Medium;
  color: var(--dominant-color);
}
.about-box-3 .culture-box .item .text .summary {
  display: none;
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
}
.about-box-3 .culture-box .item .text .sub {
  color: #999999;
}
.about-box-3 .culture-box .item .text .icon {
  display: none;
}
.about-box-3 .culture-box .item.item-left {
  left: 0;
  bottom: 0;
}
.about-box-3 .culture-box .item.item-mid {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*&::after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: var(--dominant-color);
          opacity: 0.8;
          border-radius: 50%;
        }
        .text {
          .icon {
            display: block;
            margin-bottom: 30px;
          }
          .title {
            color: #fff;
          }
          .summary {
            display: block;
          }
          .sub {
            display: none;
          }
        }
        .line {
          //width: 115%;
          //height: 115%;
          width: 100%;
          height: 100%;
          border: 1px solid var(--dominant-color);
          opacity: 0.2;
          position: absolute;
          border-radius: 50%;
          &::after {
            content: '';
            opacity: 0.2;
            width: 100%;
            height: 100%;
            position: absolute;
            border: 1px solid var(--dominant-color);
            border-radius: 50%;
            animation: expand-border 3s infinite;
          }

          .line2,.line3 {
            position: absolute;
            border: 1px solid var(--dominant-color);
            border-radius: 50%;
          }
          .line2 {
            //width: 112%;
            //height: 112%;
            width: 100%;
            height: 100%;
            opacity: 0.8;
            //left: -6%;
            //top: -6%;
            left: 0;
            top:0;
            animation: expand-border2 3s infinite;
          }
          .line3 {
            //width: 124%;
            //height: 124%;
            width: 100%;
            height: 100%;
            opacity: 0.4;
            //left: -12%;
            //top: -12%;
            left: 0;
            top:0;
            animation: expand-border3 3s infinite;
          }

        }*/
}
.about-box-3 .culture-box .item.item-right {
  top: 0;
  right: 0;
}
@keyframes expand-border {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.15);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes expand-border2 {
  0% {
    opacity: 0;
    transform: scale(1.15);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.3);
  }
  100% {
    opacity: 0;
    transform: scale(1.15);
  }
}
@keyframes expand-border3 {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.45);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
.about-box-4 {
  height: 895px;
}
.about-box-4 .partner-swiper-phone {
  padding-top: 50px;
  display: none;
}
.about-box-4 .partner-swiper-phone .swiper {
  padding: 10px;
}
.about-box-4 .partner-swiper-phone .swiper .swiper-slide {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  overflow: hidden;
}
.about-box-4 .partner-swiper-phone .swiper .swiper-slide .imgBox {
  height: 0;
  padding-bottom: 100%;
}
.about-box-4 .partner-swiper-phone .swiper .swiper-slide .imgBox img {
  position: absolute;
}
.about-box-4 .partner-swiper {
  padding-top: 140px;
  position: relative;
  width: 1440px;
  margin: auto;
}
.about-box-4 .partner-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.about-box-4 .partner-swiper::before {
  height: 100%;
  width: calc(50% - 115px);
  left: 0;
  top: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
  position: absolute;
  z-index: 2;
}
.about-box-4 .partner-swiper::after {
  height: 100%;
  width: calc(50% - 115px);
  right: 0;
  top: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
  position: absolute;
  z-index: 2;
}
.about-box-4 .partner-swiper .swiper {
  height: 400px;
  padding: 6px;
}
.about-box-4 .partner-swiper .swiper .item {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
}
.about-box-4 .partner-swiper .swiper .item .img {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  overflow: hidden;
  margin: 10px 0;
}
.about-box-4 .partner-swiper .swiper .item.item1 {
  left: 0;
}
.about-box-4 .partner-swiper .swiper .item.item1 .img {
  width: 130px;
  height: 130px;
}
.about-box-4 .partner-swiper .swiper .item.item2 {
  left: 130px;
}
.about-box-4 .partner-swiper .swiper .item.item2 .img {
  width: 130px;
  height: 130px;
}
.about-box-4 .partner-swiper .swiper .item.item3 {
  left: 260px;
}
.about-box-4 .partner-swiper .swiper .item.item3 .img {
  width: 170px;
  height: 170px;
}
.about-box-4 .partner-swiper .swiper .item.item4 {
  left: 425px;
}
.about-box-4 .partner-swiper .swiper .item.item4 .img {
  width: 170px;
  height: 170px;
}
.about-box-4 .partner-swiper .swiper .item.item5 {
  left: 0;
  right: 0;
  align-items: center;
}
.about-box-4 .partner-swiper .swiper .item.item5 .img {
  width: 240px;
  height: 240px;
}
.about-box-4 .partner-swiper .swiper .item.item6 {
  right: 425px;
}
.about-box-4 .partner-swiper .swiper .item.item6 .img {
  width: 170px;
  height: 170px;
}
.about-box-4 .partner-swiper .swiper .item.item7 {
  right: 260px;
}
.about-box-4 .partner-swiper .swiper .item.item7 .img {
  width: 170px;
  height: 170px;
}
.about-box-4 .partner-swiper .swiper .item.item8 {
  right: 130px;
}
.about-box-4 .partner-swiper .swiper .item.item8 .img {
  width: 130px;
  height: 130px;
}
.about-box-4 .partner-swiper .swiper .item.item9 {
  right: 0;
}
.about-box-4 .partner-swiper .swiper .item.item9 .img {
  width: 130px;
  height: 130px;
}
/*投资者关系*/
.investor-top {
  height: 520px;
  display: flex;
  align-items: center;
}
.investor-top .investor-top-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.investor-top .investor-top-box .left {
  flex-basis: 370px;
}
.investor-top .investor-top-box .left .sub {
  font-family: MiSans-Normal;
  font-size: 24px;
  color: #333;
}
.investor-top .investor-top-box .left .number-box {
  color: #666666;
  font-size: 16px;
  display: flex;
  align-items: baseline;
}
.investor-top .investor-top-box .left .number-box .number-text {
  padding-right: 40px;
}
.investor-top .investor-top-box .left .number-box .number-text span {
  font-family: Manrope-Medium;
  font-size: 58px;
  color: var(--dominant-color);
  margin-right: 6px;
}
.investor-top .investor-top-box .left .number-box .number-text.up {
  background: url('../images/up1.png') no-repeat bottom 27px right;
}
.investor-top .investor-top-box .left .number-box .number-text.down {
  background: url('../images/down2.png') no-repeat bottom 27px right;
}
.investor-top .investor-top-box .left .percentage {
  font-family: Manrope-Light;
  font-weight: 600;
  color: var(--dominant-color);
  font-size: 20px;
  padding-left: 20px;
}
.investor-top .investor-top-box .left .percentage.up {
  background: url('../images/up2.png') no-repeat center left;
}
.investor-top .investor-top-box .left .percentage.down {
  background: url('../images/down2.png') no-repeat center left;
}
.investor-top .investor-top-box .right {
  flex-basis: calc(100% - 370px);
  padding: 50px 70px 50px 90px;
  border-left: 1px solid #e1e1e1;
}
.investor-top .investor-top-box .right .right-top {
  display: flex;
  justify-content: space-between;
}
.investor-top .investor-top-box .right .right-top .item .sub {
  font-size: 18px;
  color: #333;
}
.investor-top .investor-top-box .right .right-top .item .number {
  font-size: 38px;
  font-family: Manrope-Light;
  font-weight: 600;
}
.investor-top .investor-top-box .right .right-bottom {
  font-size: 16px;
  margin-top: 40px;
  color: #666666;
}
.investor-bottom .investor-bottom-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 30px;
}
.investor-bottom .investor-bottom-box .item {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 60px 40px;
  transition: all 0.5s;
}
.investor-bottom .investor-bottom-box .item .time {
  color: #333;
  opacity: 0.6;
  font-size: 16px;
}
.investor-bottom .investor-bottom-box .item .title {
  font-size: 22px;
  font-family: MiSans-Normal;
  margin: 20px 0 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.investor-bottom .investor-bottom-box .item .more-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.investor-bottom .investor-bottom-box .item .more-button .more {
  color: #333;
}
.investor-bottom .investor-bottom-box .item .more-button .more img {
  margin-left: 10px;
  filter: grayscale(1) brightness(0.5);
  opacity: 0.5;
}
.investor-bottom .investor-bottom-box .item .more-button .more-pdf {
  width: 33px;
  height: 37px;
  filter: grayscale(1) brightness(0.5);
  opacity: 0.6;
  background: url('../images/more-pdf.png') no-repeat center / contain;
}
.investor-bottom .investor-bottom-box .item:hover {
  box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.2);
  border-color: rgba(0, 0, 0, 0);
}
.investor-bottom .investor-bottom-box .item:hover .title {
  color: var(--dominant-color);
}
.investor-bottom .investor-bottom-box .item:hover .more-button .more {
  color: var(--dominant-color);
}
.investor-bottom .investor-bottom-box .item:hover .more-button .more img {
  filter: none;
}
.investor-bottom .investor-bottom-box .item:hover .more-button .more-pdf {
  opacity: 1;
  filter: none;
}
/*产品中心*/
.product-box {
  display: flex;
  flex-wrap: wrap;
}
.product-box .item {
  flex-basis: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 30px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  overflow: hidden;
}
.product-box .item .imgBox {
  height: 0;
/*  padding-bottom: 100%;*/  padding-bottom: 67%;
}
.product-box .item .imgBox img {
  position: absolute;
  object-fit: contain;
}
.product-box .item .title {
  color: #222;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
  margin: 5% 20px 5% 20px;
}
.product-box .item:nth-child(3n) {
  margin-right: 0;
}
.product-box .item:hover .text .title {
  color: var(--dominant-color);
}
.product-faq .item {
  padding: 0 40px;
  border-top: 1px solid #e2e2e2;
  cursor: pointer;
}
.product-faq .item:last-child {
  border-bottom: 1px solid #e2e2e2;
}
.product-faq .item.no-border {
  border-top: none;
}
.product-faq .item .title {
  font-size: 16px;
  padding: 40px 40px 40px 50px;
  position: relative;
  transition: all 0.5s;
}
.product-faq .item .title::before,
.product-faq .item .title::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.product-faq .item .title::before {
  left: 0;
  width: 29px;
  height: 28px;
  background: url('../images/faq.png') no-repeat center;
}
.product-faq .item .title::after {
  right: 0;
  content: '';
  width: 12px;
  height: 7px;
  background: url('../images/faq-icon.png') no-repeat center;
  filter: grayscale(1) brightness(1);
  opacity: 0.4;
  transform: rotate(180deg);
  transition: all 0.5s;
}
.product-faq .item .summary {
  margin-top: 30px;
  line-height: 1.6;
  font-size: 16px;
  color: #333;
  display: none;
  padding-bottom: 40px;
}
.product-faq .item.active {
  border-radius: 8px;
  background: #f7f8fc;
  border-bottom: none;
  border-top: none;
}
.product-faq .item.active .title {
  border-bottom: 1px solid #e2e2e2;
  font-size: 20px;
  color: var(--dominant-color);
}
.product-faq .item.active .title::before {
  background: url('../images/faq-active.png') no-repeat center left;
}
.product-faq .item.active .title::after {
  transform: rotate(0);
  filter: none;
  opacity: 1;
}
.product-faq .item.active + .item {
  border-top: none;
}
.product-detail-1 .product-detail-box {
  display: flex;
  justify-content: space-between;
}
.product-detail-1 .product-detail-box .img {
  border-radius: 8px;
  flex-basis: 44%;
  background: #f7f8fc;
  max-width: 630px;
  padding: 25px 0;
  position: relative;
  height: fit-content;
}
.product-detail-1 .product-detail-box .img .imgBox {
  height: 0;
  padding-bottom: 100%;
}
.product-detail-1 .product-detail-box .img .imgBox img {
  position: absolute;
  object-fit: contain;
}
.product-detail-1 .product-detail-box .img .tip {
  color: #333;
  position: absolute;
  right: 30px;
  bottom: 40px;
  font-family: MiSans-Normal;
}
.product-detail-1 .product-detail-box .text {
  flex-basis: 50%;
  max-width: 690px;
}
.product-detail-1 .product-detail-box .text .title {
  font-size: 48px;
  font-family: MiSans-Medium;
  margin-top: 70px;
  margin-bottom: 50px;
}
.product-detail-1 .product-detail-box .text .summary {
  line-height: 2.2;
  font-size: 16px;
  color: #333;
  font-family: MiSans-Normal;
}
.product-detail-1 .product-detail-box .text .view {
  background: var(--dominant-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 56px;
  border-radius: 28px;
  color: #fff;
  font-size: 16px;
  margin-top: 10%;
  transition: all 0.5s;
}
.product-detail-1 .product-detail-box .text .view img {
  margin-right: 10px;
}
.product-detail-1 .product-detail-box .text .view:hover {
  transform: translateY(-10px);
}
.product-detail-2 .product-detail-box-1 {
  padding: 0;
}
.product-detail-2 .product-detail-box-1 .section {
  width: 100%;
  max-width: 100%;
}

.product-detail-2 .product-detail-box-1 .section img {
  width: 100%;
}
.product-detail-2 .product-detail-box-1 .img {
  margin: 0 auto 0;
}
.product-detail-2 .product-detail-box-1 .title {
  font-size: 68px;
  text-align: center;
  padding-top: 170px;
}
.product-detail-2 .product-detail-box-1 .title span {
  color: var(--dominant-color);
  font-family: MiSans-Demibold;
}
.product-detail-2 .product-detail-box-1 .summary {
  font-size: 20px;
  color: #333;
  line-height: 1.6;
  margin-top: 30px;
  font-family: MiSans-Normal;
  text-align: center;
  margin-bottom: 50px;
}
.product-detail-2 .product-detail-box-1 .text-box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 170px;
  max-width: 1440px;
  width: 90%;
  margin: 100px auto 0;
}
.product-detail-2 .product-detail-box-1 .text-box .item {
  width: fit-content;
  max-width: 300px;
}
.product-detail-2 .product-detail-box-1 .text-box .item-title {
  font-size: 32px;
  text-align: center;
}
.product-detail-2 .product-detail-box-1 .text-box .item-title span {
  color: var(--dominant-color);
  font-family: MiSans-Demibold;
}
.product-detail-2 .product-detail-box-1 .text-box .item-summary {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  text-align: center;
}
.product-detail-2 .product-detail-box-2 {
  position: relative;
}
.product-detail-2 .product-detail-box-2 img {
  width: 100%;
}
.product-detail-2 .product-detail-box-2 .text {
  position: absolute;
  top: 15%;
  text-align: center;
  max-width: 1000px;
  margin: auto;
  left: 0;
  right: 0;
}
.product-detail-2 .product-detail-box-2 .text .title {
  font-size: 52px;
  font-family: MiSans-Demibold;
}
.product-detail-2 .product-detail-box-2 .text .summary {
  font-size: 20px;
  color: #333;
  line-height: 1.6;
  margin-top: 30px;
  font-family: MiSans-Normal;
}
.product-detail-2 .product-detail-box-3 {
  position: relative;
}
.product-detail-2 .product-detail-box-3 img {
  width: 100%;
}
.product-detail-2 .product-detail-box-3 .section {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
}
.product-detail-2 .product-detail-box-3 .section .text .title {
  font-size: 52px;
  font-family: MiSans-Demibold;
}
.product-detail-2 .product-detail-box-3 .section .text .summary {
  font-size: 20px;
  color: #333;
  line-height: 1.6;
  margin-top: 30px;
  font-family: MiSans-Normal;
}
.product-detail-2 .product-detail-box-4 {
  background: #f7f8fc;
  padding-top: 170px;
}
.product-detail-2 .product-detail-box-4 .text {
  text-align: center;
}
.product-detail-2 .product-detail-box-4 .text .title {
  font-size: 68px;
  font-family: MiSans-Demibold;
}
.product-detail-2 .product-detail-box-4 .text .summary {
  font-size: 20px;
  color: #333;
  line-height: 1.6;
  margin-top: 30px;
  font-family: MiSans-Normal;
}
.product-detail-2 .product-detail-box-4 .img {
  text-align: center;
  margin-top: 50px;
}
.product-detail-2 .product-detail-box-5 {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail-2 .product-detail-box-5 .text {
  font-size: 28px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail-2 .product-detail-box-5 .text img {
  margin-right: 10px;
}
.product-detail-2 .product-detail-box-6 {
  padding: 170px 0;
}
.product-detail-2 .product-detail-box-6 .product-messages {
  max-width: 1000px;
  margin: auto;
}
.product-detail-2 .product-detail-box-6 .title {
  text-align: center;
  color: #fff;
  font-size: 34px;
  margin-bottom: 30px;
}
.product-detail-2 .product-detail-box-6 .contact-box1 {
  margin-top: 0;
}
.product-detail-2 .product-detail-box-6 .contact-box1 .contact-box {
  border-radius: 0;
  padding: 60px;
  background: rgba(255, 255, 255, 0.9);
}
.product-detail-2 .product-detail-box-6 .contact-box1 .contact-box .contact-messages {
  margin: auto;
}
.product-detail-2 .product-detail-box-6 .contact-box1 .contact-box .contact-messages .messages-form button {
  height: 52px;
  width: 100%;
  border-radius: 0;
  font-size: 16px;
}
.productBanner {
  position: relative;
}
.productBanner img {
  width: 100%;
}
.productBanner .text {
  position: absolute;
  width: 90%;
  max-width: 1400px;
  margin: auto;
  height: fit-content;
  left: 0;
  right: 0;
  bottom: 15%;
  font-size: 54px;
  font-family: MiSans-Medium;
}
.productBanner .text span {
  color: var(--dominant-color);
  font-family: Outfit-Bold;
}
/*加入我们*/
.join-box1 .section .item {
  cursor: pointer;
  display: flex;
  margin-bottom: 40px;
  background: #f7f8fc;
}
.join-box1 .section .item .img,
.join-box1 .section .item .text {
  flex-basis: 50%;
}
.join-box1 .section .item .img .imgBox {
  height: 0;
  padding-bottom: calc((480 / 720) * 100%);
}
.join-box1 .section .item .img .imgBox img {
  position: absolute;
}
.join-box1 .section .item:nth-child(even) {
  flex-direction: row-reverse;
}
.join-box1 .section .item:last-child {
  margin-bottom: 0;
}
.join-box1 .section .item .text {
  padding: 80px;
  position: relative;
}
.join-box1 .section .item .text::after {
  content: '';
  position: absolute;
  right: 60px;
  top: 60px;
  width: 26px;
  height: 26px;
  background: url('../images/after.png') no-repeat center;
}
.join-box1 .section .item .text .number {
  font-size: 140px;
  color: var(--dominant-color);
  opacity: 0.05;
  font-family: Manrope-Bold;
  font-style: italic;
  font-weight: 900;
  transform: translateX(-10px);
}
.join-box1 .section .item .text .title {
  font-size: 38px;
  color: var(--dominant-color);
  margin-top: -90px;
  font-family: MiSans-Medium;
}
.join-box1 .section .item .text .line {
  width: 50px;
  height: 3px;
  background: var(--dominant-color);
  margin: 20px 0 30px;
}
.join-box1 .section .item .text .summary {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
}
.join-box2 {
  background: url('../images/img17.jpg') no-repeat center / cover;
}
.join-box2 .top-swiper {
  margin-bottom: 30px;
}
.join-box2 .top-swiper .swiper-slide {
  border-radius: 12px;
  overflow: hidden;
}
.join-box2 .top-swiper .swiper-slide .imgBox {
  height: 0;
  padding-bottom: calc((68 / 144) * 100%);
}
.join-box2 .top-swiper .swiper-slide .imgBox img {
  position: absolute;
}
.join-box2 .top-swiper .swiper-button-prev {
  left: 50px;
}
.join-box2 .top-swiper .swiper-button-next {
  right: 50px;
}
.join-box2 .top-swiper .swiper-button-prev,
.join-box2 .top-swiper .swiper-button-next {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transition: all 0.5s;
}
.join-box2 .top-swiper .swiper-button-prev::after,
.join-box2 .top-swiper .swiper-button-next::after {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
}
.join-box2 .top-swiper .swiper-button-prev:hover,
.join-box2 .top-swiper .swiper-button-next:hover {
  background: var(--dominant-color);
  border-color: var(--dominant-color);
}
.join-box2 .bottom-swiper .swiper-slide {
  cursor: pointer;
  opacity: 0.3;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  transition: all 0.5s;
}
.join-box2 .bottom-swiper .swiper-slide .imgBox {
  height: 0;
  padding-bottom: calc((106 / 170) * 100%);
}
.join-box2 .bottom-swiper .swiper-slide .imgBox img {
  position: absolute;
}
.join-box2 .bottom-swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
/*联系我们*/
.contact-box1 {
  margin-top: -100px;
  margin-bottom: 50px;
}
.contact-box1 .contact-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
  padding: 100px 70px;
}
.contact-box1 .contact-box .contact-text {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-box1 .contact-box .contact-text .item-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 80px;
}
.contact-box1 .contact-box .contact-text .item-list .item {
  cursor: pointer;
}
.contact-box1 .contact-box .contact-text .item-list .item .icon {
  width: 50px;
  height: 50px;
  filter: grayscale(1) brightness(0.5);
  opacity: 0.6;
  transition: all 0.5s;
}
.contact-box1 .contact-box .contact-text .item-list .item .sub {
  margin-top: 10px;
  font-size: 26px;
  color: #333;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.contact-box1 .contact-box .contact-text .item-list .item .summary {
  font-size: 14px;
  color: #333;
  font-family: MiSans-Normal;
  line-height: 2;
}
.contact-box1 .contact-box .contact-text .item-list .item .summary a {
  color: var(--dominant-color);
}
.contact-box1 .contact-box .contact-text .item-list .item:hover .icon {
  filter: none;
  opacity: 1;
}
.contact-box1 .contact-box .contact-text .item-list .item:hover .sub {
  color: var(--dominant-color);
}
.contact-box1 .contact-box .contact-messages {
  margin: 70px auto;
}
.contact-box1 .contact-box .contact-messages .messages-title {
  font-size: 38px;
  font-family: MiSans-Medium;
  margin-bottom: 40px;
}
.contact-box1 .contact-box .contact-messages .messages-form {
  display: flex;
  flex-wrap: wrap;
}
.contact-box1 .contact-box .contact-messages .messages-form label {
  flex-basis: calc((100% - 40px) / 3);
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
}
.contact-box1 .contact-box .contact-messages .messages-form label.no-right {
  margin-right: 0;
}
.contact-box1 .contact-box .contact-messages .messages-form label input {
  text-indent: 20px;
  height: 50px;
}
.contact-box1 .contact-box .contact-messages .messages-form label input::placeholder {
  font-size: 14px;
  color: #ccc;
}
.contact-box1 .contact-box .contact-messages .messages-form label textarea {
  text-indent: 20px;
  padding: 20px 0;
  height: 120px;
}
.contact-box1 .contact-box .contact-messages .messages-form label textarea::placeholder {
  font-size: 14px;
  color: #ccc;
}
.contact-box1 .contact-box .contact-messages .messages-form label select {
  font-size: 14px;
  color: #ccc;
}
.contact-box1 .contact-box .contact-messages .messages-form label:nth-child(4) {
/*  flex-basis: calc((100% - 40px) / 3 * 2 + 20px);*/
}
.contact-box1 .contact-box .contact-messages .messages-form label:last-of-type {
  flex-basis: 100%;
  margin-right: 0;
}
.contact-box1 .contact-box .contact-messages .messages-form button {
  width: 180px;
  height: 56px;
  border-radius: 28px;
  background: var(--dominant-color);
  color: #fff;
  font-size: 16px;
  border: 1px solid var(--dominant-color);
  transition: all 0.5s;
}
.contact-box1 .contact-box .contact-messages .messages-form button:hover {
  background: #fff;
  color: var(--dominant-color);
}
.contact-box1 .contact-box .title {
  font-size: 48px;
  margin-bottom: 50px;
  font-family: MiSans-Medium;
  color: #000;
}
/*新闻资讯*/
.news-box1 .news-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.news-box1 .news-box.related-news {
  display: block;
}
.news-box1 .news-box .item {
  transition: all 0.5s;
}
.news-box1 .news-box .item .imgBox {
  border-radius: 8px;
  height: 0;
  padding-bottom: calc((300 / 460) * 100%);
}
.news-box1 .news-box .item .imgBox img {
  position: absolute;
}
.news-box1 .news-box .item .text {
  margin-top: 20px;
}
.news-box1 .news-box .item .text .title {
  font-size: 22px;
}
.news-box1 .news-box .item .text .time {
  color: #333;
  font-size: 16px;
  margin-top: 6px;
  font-family: MiSans-Light;
}
.news-box1 .news-box .item:hover {
  transform: translateY(-10px);
}
.news-box1 .news-box .item:hover .text .title {
  color: var(--dominant-color);
}
.news-detail .news-detail-title {
  border-bottom: 1px dashed #eee;
  margin-bottom: 50px;
  padding-bottom: 20px;
}
.news-detail .news-detail-title .title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.news-detail .news-detail-title .item-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-detail .news-detail-title .item-list .item {
  font-size: 14px;
  color: #333;
  margin: 0 30px;
  opacity: 0.6;
}
.news-detail .news-detail-box {
  font-size: 16px;
  color: #333;
  line-height: 2;
  min-height: 300px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 30px;
}
.news-detail .news-detail-box img {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}
.news-detail .new-pager {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 120px;
}
.news-detail .new-pager a {
  flex-basis: 40%;
  font-size: 14px;
  transition: all 0.5s;
  color: #333;
}
.news-detail .new-pager a span {
  color: #333;
}
.news-detail .new-pager a:hover {
  color: var(--dominant-color);
  opacity: 1;
}
.news-detail .new-pager a:nth-of-type(2) {
  text-align: right;
}
.news-detail .related .related-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
.news-detail .related .related-top .title {
  font-size: 48px;
  font-family: MiSans-Medium;
}
.news-detail .related .related-top .button {
  flex-basis: 150px;
  position: relative;
}
.news-detail .related .related-top .button .swiper-button-prev,
.news-detail .related .related-top .button .swiper-button-next {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid #eee;
  transition: all 0.5s;
}
.news-detail .related .related-top .button .swiper-button-prev::after,
.news-detail .related .related-top .button .swiper-button-next::after {
  color: #333;
  font-size: 16px;
  transition: all 0.5s;
}
.news-detail .related .related-top .button .swiper-button-prev:hover,
.news-detail .related .related-top .button .swiper-button-next:hover {
  background: var(--dominant-color);
}
.news-detail .related .related-top .button .swiper-button-prev:hover::after,
.news-detail .related .related-top .button .swiper-button-next:hover::after {
  color: #fff;
}
/*地图*/
#mapContainer {
  width: 100%;
  height: 460px;
  z-index: 0;
  border: 1px solid #eee;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #mapContainer {
    height: 400px;
  }
}
#tip {
  height: 30px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  font-size: 12px;
  right: 10px;
  bottom: 20px;
  border-radius: 3px;
  line-height: 30px;
  border: 1px solid #ccc;
}
div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
  border-radius: 5px 5px 0 0;
}
div.info-top div {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 31px;
  padding: 10px;
  text-align: left;
}
div.info-top img {
  position: absolute;
  top: 10px;
  right: 10px;
  transition-duration: 0.25s;
}
div.info-top img:hover {
  box-shadow: 0 0 5px #000;
}
div.info-middle {
  font-size: 12px;
  padding: 10px;
  line-height: 21px;
  text-align: left;
}
div.info-bottom {
  height: 0;
  width: 100%;
  clear: both;
  text-align: center;
}
div.info-bottom img {
  position: relative;
  z-index: 104;
}
/*响应式*/
@media screen and (max-width: 1600px) {
  .pageBanner .banner-box {
    height: 600px;
  }
  .join-box1 .section .item .text {
    padding: 60px;
  }
  .join-box1 .section .item .text .number {
    font-size: 120px;
  }
  .partner-swiper {
    zoom: 0.96;
  }
  .productBanner .text,
  .product-detail-2 .product-detail-box-1 .title,
  .product-detail-2 .product-detail-box-2 .text .title,
  .product-detail-2 .product-detail-box-3 .section .text .title,
  .product-detail-2 .product-detail-box-4 .text .title {
    font-size: 48px;
  }
}
@media screen and (max-width: 1440px) {
  header .header-menu {
    height: 80px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box {
    top: 70px;
  }
  .banner .text .title {
    font-size: 48px;
  }
  .banner .swiper-slide .text .title {
    font-size: 48px;
  }
  .banner .swiper-slide .text .summary {
    font-size: 20px;
  }
  .banner .swiper-button-prev {
    left: 30px;
  }
  .banner .swiper-button-next {
    right: 30px;
  }
  .index-title .title {
    font-size: 32px;
  }
  .index-box1 .about-right .sub {
    font-size: 20px;
  }
  .index-box1 .about-left {
    flex-basis: 200px;
  }
  .index-box1 .about-right {
    flex-basis: 70%;
  }
  .index-box1 .about-right .about-number .item .number .gd-count {
    font-size: 32px;
  }
  .index-box1 .about-video {
    margin-top: 50px;
  }
  .index-box1,
  .index-box2,
  .index-box3 {
    padding: 70px 0;
  }
  .index-box2 .index-product-box .item .text .title {
    font-size: 28px;
  }
  .index-box2 .index-product-box .item .text .sub {
    font-size: 22px;
    margin-top: 10px;
  }
  .index-box3 .index-news .right .swiper .swiper-slide .text .title {
    font-size: 20px;
  }
  .index-box3 .index-news .right .swiper .button {
    width: 80px;
    height: 80px;
  }
  .index-box3 .index-news .right .swiper .button .swiper-button-prev {
    left: 15px;
  }
  .index-box3 .index-news .right .swiper .button .swiper-button-next {
    right: 15px;
  }
  .about-box-2 .history-bottom {
    margin-top: 40px;
  }
  .investor-bottom .investor-bottom-box .item .title {
    font-size: 18px;
  }
  .pageMargin {
    padding: 100px 0;
  }
  .partner-swiper {
    zoom: 0.86;
  }
  .about-box-4 {
    height: 600px;
  }
  .productBanner .text,
  .product-detail-2 .product-detail-box-1 .title,
  .product-detail-2 .product-detail-box-2 .text .title,
  .product-detail-2 .product-detail-box-3 .section .text .title,
  .product-detail-2 .product-detail-box-4 .text .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 1366px) {
  header .header-menu {
    height: 80px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
    padding: 0 20px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box .section .second-item-box .item .item-top {
    font-size: 16px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box .section .second-item-box .item .item-top .summary {
    font-size: 14px;
  }
  header .section .header-box .logo img {
    width: 170px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box {
    top: 70px;
  }
  .pageBanner .banner-box {
    height: 500px;
  }
  .pageMargin {
    padding: 80px 0;
  }
  .footer .footer-top .footer-menu {
    flex-basis: calc(100% - 300px);
  }
  .about-box-1 .section .text .title {
    font-size: 28px;
  }
  .about-box-2 .history-top .number {
    min-height: 400px;
  }
  .about-box-2 .history-top .button {
    bottom: 10%;
  }
  .about-box-2 .history-top .text-box .img {
    flex-basis: 60%;
  }
  .about-box-2 .history-top .text-box .img .small-img {
    max-width: 200px;
  }
  .about-box-2 .history-top .text-box .text {
    flex-basis: 35%;
  }
  .contact-box1 .contact-box {
    padding: 50px;
  }
  .contact-box1 .contact-box .title {
    font-size: 42px;
  }
  .contact-box1 .contact-box .contact-messages .messages-title {
    font-size: 32px;
  }
  .contact-box1 .contact-box .contact-text .item-list .item .sub {
    font-size: 20px;
  }
  .join-box1 .section .item .text .number {
    font-size: 100px;
  }
  .join-box1 .section .item .text .title {
    font-size: 24px;
  }
  .investor-top .investor-top-box .left .number-box .number-text span {
    font-size: 48px;
  }
  .investor-top .investor-top-box .left .number-box .number-text.up {
    background: url('../images/up1.png') no-repeat bottom 22px right;
  }
  .investor-top {
    height: 420px;
  }
  .investor-top .investor-top-box .right .right-top .item .number {
    font-size: 28px;
  }
  .investor-top .investor-top-box .right {
    padding: 30px 0 30px 60px;
  }
  .investor-bottom .investor-bottom-box .item .title {
    font-size: 18px;
  }
  .investor-top .investor-top-box .left {
    flex-basis: 300px;
  }
  .investor-top .investor-top-box .right {
    flex-basis: calc(100% - 300px);
  }
  .news-box1 .news-box .item .text .title {
    font-size: 18px;
  }
  .partner-swiper {
    zoom: 0.8;
  }
  .product-box .item .title {
    font-size: 16px;
  }
  .product-detail-1 .product-detail-box .text .title {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1280px) {
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
    padding: 0 15px;
  }
  .index-box2 .index-product-box .item .text .title {
    font-size: 20px;
  }
  .index-box2 .index-product-box .item .text .sub {
    font-size: 16px;
  }
  .index-box2 .index-product-box .item .text .summary {
    font-size: 14px;
  }
  .index-box3 .index-news .right .swiper .swiper-slide .text .title {
    font-size: 16px;
  }
  .index-box4 .section .summary {
    margin-top: 20px;
  }
  .banner .swiper-slide .text .title {
    font-size: 32px;
  }
  .banner .swiper-button-prev,
  .banner .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .join-box1 .section .item .text {
    padding: 40px;
  }
  .join-box1 .section .item .text .summary {
    font-size: 14px;
  }
  .news-detail .news-detail-title .title {
    font-size: 28px;
  }
  .news-detail .related .related-top .title {
    font-size: 32px;
  }
  .partner-swiper {
    zoom: 0.7;
  }
  .product-detail-2 .product-detail-box-1,
  .product-detail-2 .product-detail-box-6 {
    padding: 100px 0;
  }
  .product-detail-2 .product-detail-box-4 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1080px) {
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
    padding: 0 15px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {
    font-size: 14px;
  }
  .footer .footer-top .item .item-title {
    font-size: 14px;
  }
  .pageBanner .banner-box {
    height: 400px;
  }
  .index-title .title {
    font-size: 28px;
  }
  .partner-swiper {
    zoom: 0.6;
  }
}
@media screen and (max-width: 1024px) {
  header .section .header-box .logo img {
    width: 120px;
  }
  .pageMargin {
    padding: 50px 0;
  }
  .index-box3 .index-news .right .swiper .button {
    top: 45%;
  }
  /*header*/
  header .header-menu {
    height: 60px !important;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);
    background: #fff !important;
  }
  header.active .phone-line {
    background: #000000 !important;
  }
  header.active .phone-line::before {
    background: #000 !important;
  }
  header.active .phone-line::after {
    background: #000 !important;
  }
  header.active .phone-click.active .phone-line {
    background: rgba(255, 255, 255, 0) !important;
  }
  header.active .phone-click.active .phone-line::before {
    background: #000 !important;
  }
  header.active .phone-click.active .phone-line::after {
    background: #000 !important;
  }
  header#member-header .logo {
    position: inherit;
    margin-left: 0;
  }
  header .section .header-box .logo {
    max-width: 35%;
    margin-left: 0;
    filter: none !important;
  }
  header .section .header-box .menu-box {
    display: flex;
    align-items: center;
  }
  header .section .header-box .menu-box .phone-click {
    cursor: pointer;
    width: 22px;
    height: 16px;
    display: flex;
    align-items: center;
    position: relative;
  }
  header .section .header-box .menu-box .phone-click .phone-line {
    height: 2px;
    background: #000;
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
  }
  header .section .header-box .menu-box .phone-click .phone-line::before,
  header .section .header-box .menu-box .phone-click .phone-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all 0.5s;
  }
  header .section .header-box .menu-box .phone-click .phone-line::before {
    top: 0;
    transition: all 0.5s;
  }
  header .section .header-box .menu-box .phone-click .phone-line::after {
    bottom: 0;
    transition: all 0.5s;
  }
  header .section .header-box .menu-box .phone-click.active .phone-line {
    background: rgba(255, 255, 255, 0);
    transition: all 0.5s;
  }
  header .section .header-box .menu-box .phone-click.active .phone-line::before {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(7px) rotate(45deg);
  }
  header .section .header-box .menu-box .phone-click.active .phone-line::after {
    margin: auto;
    transition: all 0.5s;
    transform: translateY(-7px) rotate(-45deg);
  }
  header .section .header-box .menu-box .menu-list {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    top: 60px;
    height: 100vh;
    z-index: 10;
    left: 0;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 30px;
  }
  header .section .header-box .menu-box .menu-list .firstItem {
    height: auto;
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
    height: 50px;
    width: 92.5%;
    margin-left: 5%;
    padding: 0;
    position: relative;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a {
    color: #2a2a2a;
    font-size: 14px;
    display: block;
    width: 100%;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover {
    color: #2a2a2a;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i.active {
    transform: rotate(45deg);
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::before {
    content: '';
    width: 16px;
    position: absolute;
    height: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title i::after {
    content: '';
    height: 16px;
    position: absolute;
    width: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title::after {
    display: none;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box {
    top: 0 !important;
    border-top: none;
    box-shadow: none;
    position: relative;
    left: 0;
    font-size: 12px;
    transform: translateX(0);
    width: 92.5%;
    margin-left: 5%;
    margin-bottom: 20px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list {
    margin-top: 0;
    padding: 10px;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after {
    left: 20px;
    right: auto;
  }
  header .section .header-box .menu-box .menu-list .firstItem .second-box a {
    text-align: left;
    margin-bottom: 10px;
  }
  header .section .header-box .menu-box .menu-list-phone {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    height: 100vh;
    left: 0;
    width: 100%;
    top: 50px;
    padding: 20px;
    display: none;
    z-index: 10;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-list-box {
    display: flex;
    justify-content: space-between;
    height: 100%;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-aside {
    border-right: 1px solid #e1e3e6;
    height: 100%;
    overflow: hidden;
    width: 120px;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-aside .item {
    margin-bottom: 30px;
    position: relative;
    padding-left: 10px;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-aside .item a {
    display: block;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-aside .item.active::after {
    content: '';
    width: 4px;
    height: 15px;
    background: var(--dominant-color);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content {
    flex: auto;
    width: calc(100% - 120px);
    padding: 0 10px;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content {
    display: none;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-content.active {
    display: block;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list {
    display: flex;
    flex-wrap: wrap;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title {
    font-size: 12px;
    color: #333;
    text-align: center;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary {
    font-size: 12px;
    text-align: center;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox {
    height: auto;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title {
    text-align: center;
    font-size: 12px;
  }
  header .section .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a {
    display: block;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child span {
    display: inline-block;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child img {
    display: none;
  }
  .partner-swiper {
    zoom: 0.68;
  }
}
@media screen and (max-width: 768px) {
  .banner .swiper-button-prev,
  .banner .swiper-button-next,
  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-prev,
  .index-box3 .index-box3-box .index-box3-swiper-button .swiper-button-next,
  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-prev,
  .about-box-2 .history-swiper .history-swiper-small .swiper-button .swiper-button-next,
  .originality-box1 .swiper-button .swiper-button-prev,
  .originality-box1 .swiper-button .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  header .section .header-box .logo {
    max-width: 200px;
  }
  header .section .header-box .logo img {
    max-width: 100% !important;
  }
  header .section .header-box .menu-box .menu-list .firstItem .firstItem-title {
    position: relative !important;
  }
  /*通用样式*/
  .seize-a-seat {
    height: 60px;
  }
  .page-menu {
    height: auto;
    background: none;
    box-shadow: none;
    margin-top: -40px;
  }
  .page-menu .menu-box {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .page-menu .menu-box::-webkit-scrollbar:horizontal {
    height: 0;
  }
  .page-menu .menu-box .item a {
    padding: 10px;
  }
  .page-menu .menu-box .item {
    height: 40px;
    font-size: 14px;
    flex-basis: calc(100% / 4);
  }
  .page-menu .menu-box .item {
    margin-left: 0;
  }
  .pageBanner .banner-box {
    height: 260px;
  }
  .pageBanner .section {
    margin: auto;
  }
  .pageBanner .section .title {
    font-size: 20px;
  }
  .pageBanner .section .summary {
    font-size: 14px;
    margin-top: 10px;
  }
  .pageBanner .section1400 .title {
    margin-top: 60px;
  }
  .pager {
    margin-top: 50px;
  }
  .pager .number {
    margin: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .index-title {
    margin-bottom: 20px;
  }
  .index-title .title {
    font-size: 20px;
  }
  .index-title .summary {
    font-size: 14px;
    margin-top: 10px;
  }
  .index-title .sub {
    font-size: 16px;
    margin-top: 10px;
  }
  .banner {
    margin-top: 60px;
  }
  .banner .swiper-slide .text {
    width: 70%;
  }
  .banner .swiper-slide .text .title {
    font-size: 20px;
  }
  .banner .swiper-slide .text .summary {
    font-size: 14px;
  }
  .banner .swiper-slide .text .more {
    width: 120px;
    height: 30px;
    margin-top: 20px;
    font-size: 12px;
  }
  .banner .swiper-slide .text .more img {
    margin-left: 4px;
  }
  .banner .swiper-button-prev {
    left: 10px;
  }
  .banner .swiper-button-next {
    right: 10px;
  }
  .index-box1,
  .index-box2,
  .index-box3 {
    padding: 50px 0;
  }
  .index-box1 .about-left {
    flex-basis: 100%;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .index-box1 .about-left .more {
    width: 120px;
    height: 30px;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .index-box1 .about-left .index-title {
    margin-bottom: 0;
  }
  .index-box1 .about-right {
    flex-basis: 100%;
    margin-top: 30px;
  }
  .index-box1 .about-right .sub {
    font-size: 16px;
  }
  .index-box1 .about-right .about-number .item .summary {
    margin-top: 0;
    font-size: 14px;
  }
  .index-box1 .about-right .about-number {
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .index-box1 .about-right .about-number .item {
    flex-basis: 50%;
    margin-bottom: 20px;
  }
  .index-box1 .about-right .about-number .item .number .gd-count {
    font-size: 18px;
  }
  .index-box1 .about-video {
    height: 250px;
    margin-top: 20px;
  }
  .index-box1 .about-video img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .index-box1 .about-video .play {
    left: 20px;
    bottom: 20px;
  }
  .index-box1 .about-video .play .play-icon {
    width: 50px;
    height: 50px;
    background-size: 70%;
  }
  .index-box2 .index-product-box .item {
    flex-direction: column !important;
    margin-bottom: 50px;
  }
  .index-box2 .index-product-box {
    padding-right: 0;
  }
  .index-box2 .index-product-box .item .text .more {
    margin-top: 20px;
  }
  .index-box2 .index-product-box .item .img {
    max-width: 50%;
  }
  .index-box3 .index-news {
    flex-direction: column;
  }
  .index-title .more {
    margin-top: 20px;
  }
  .index-box3 .index-news .right .swiper .pagination {
    max-width: 100%;
    margin-top: 30px;
  }
  .index-box3 .index-news .right .swiper .swiper-slide .text .time {
    font-size: 12px;
  }
  .index-box4-img {
    height: 300px;
  }
  .index-box4-img img {
    height: 100%;
    object-fit: cover;
  }
  .footer .footer-top .footer-menu {
    display: none;
  }
  .footer {
    padding: 30px 0;
  }
  .footer .footer-top {
    padding-bottom: 20px;
  }
  .footer .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .footer .footer-bottom .footer-code .code {
    margin-top: 20px;
  }
  .footer .footer-bottom .footer-code .code .item {
    margin-left: 0;
    margin-right: 20px;
  }
  .about-box-1 .section {
    flex-direction: column;
  }
  .about-box-1 .section .text .title {
    font-size: 20px;
  }
  .about-box-1 .section .text .summary {
    font-size: 14px;
  }
  .about-box-1 .section .text .line {
    margin: 20px 0;
    height: 2px;
  }
  .about-box-1 .section .img {
    margin-top: 30px;
  }
  .about-box-2 .history-top .text-box .img .small-img {
    display: none;
  }
  .about-box-2 .history-top .number {
    display: none;
  }
  .about-box-2 .history-top .text-box {
    position: initial;
    flex-direction: column;
  }
  .about-box-2 .history-top .text-box .img .big-img {
    width: 100%;
  }
  .about-box-2 .history-top .text-box .text .title {
    font-size: 20px;
    margin-top: 10px;
  }
  .about-box-2 .history-top .button {
    display: none;
  }
  .about-box-2 .history-bottom .swiper-slide {
    font-size: 14px;
  }
  .about-box-2 .history-top .text-box .text .summary {
    margin-top: 0;
    font-size: 14px;
  }
  header .section .header-box .menu-box .menu-list .firstItem:last-child .firstItem-title {
    border-left: none;
  }
  .contact-box1 {
    margin: 50px auto;
  }
  .contact-box1 .contact-box {
    padding: 20px;
  }
  .contact-box1 .contact-box .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .contact-box1 .contact-box .contact-text .item-list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }
  .contact-box1 .contact-box .contact-text .item-list .item .icon {
    width: 30px;
    height: 30px;
  }
  .contact-box1 .contact-box .contact-text .item-list .item .icon img {
    width: 20px;
  }
  .contact-box1 .contact-box .contact-text .item-list .item .sub {
    font-size: 16px;
  }
  .contact-box1 .contact-box .contact-messages .messages-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .contact-box1 .contact-box .contact-messages .messages-form label {
    flex-basis: 100%;
    margin-right: 0;
  }
  .contact-box1 .contact-box .contact-messages .messages-form label:nth-child(4) {
    flex-basis: 100%;
  }
  .contact-box1 .contact-box .contact-messages .messages-form label input {
    height: 40px;
  }
  .contact-box1 .contact-box .contact-messages .messages-form label select {
    height: 40px;
    font-size: 12px;
  }
  .contact-box1 .contact-box .contact-messages .messages-form button {
    width: 100%;
    height: 40px;
  }
  .join-box1 .section .item,
  .join-box1 .section .item:nth-child(even) {
    flex-direction: column;
  }
  .join-box1 .section .item .text {
    padding: 20px;
  }
  .join-box1 .section .item .text::after {
    right: 20px;
    top: 20px;
  }
  .join-box1 .section .item .text .number {
    font-size: 80px;
  }
  .join-box1 .section .item .text .title {
    margin-top: -60px;
  }
  .join-box2 .top-swiper .swiper-button-prev,
  .join-box2 .top-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .join-box2 .top-swiper .swiper-button-prev {
    left: 10px;
  }
  .join-box2 .top-swiper .swiper-button-next {
    right: 10px;
  }
  .join-box2 .top-swiper {
    margin-bottom: 10px;
  }
  .investor-top {
    height: auto;
    padding: 50px 0;
  }
  .investor-top .investor-top-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .investor-top .investor-top-box .left .sub {
    font-size: 20px;
  }
  .investor-top .investor-top-box .left {
    flex-basis: auto;
  }
  .investor-top .investor-top-box .right {
    flex-basis: 100%;
    border-left: none;
    padding: 30px 0;
  }
  .investor-top .investor-top-box .right .right-top {
    flex-wrap: wrap;
  }
  .investor-top .investor-top-box .right .right-top .item {
    flex-basis: 50%;
    margin-bottom: 20px;
  }
  .investor-top .investor-top-box .right .right-top .item .number {
    font-size: 20px;
  }
  .investor-top .investor-top-box .right .right-bottom {
    margin-top: 20px;
    font-size: 14px;
  }
  .investor-bottom .investor-bottom-box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }
  .investor-bottom .investor-bottom-box .item {
    padding: 20px;
  }
  .investor-bottom .investor-bottom-box .item .time {
    font-size: 12px;
  }
  .investor-bottom .investor-bottom-box .item .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .news-box1 .news-box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
  .news-box1 .news-box .item .text .title {
    font-size: 16px;
  }
  .news-detail .news-detail-title .title {
    font-size: 20px;
  }
  .news-detail .news-detail-title .item-list .item {
    margin: 0 5px;
  }
  .news-detail .news-detail-title {
    margin-bottom: 20px;
  }
  .news-detail .news-detail-box {
    font-size: 14px;
    line-height: 1.8;
  }
  .news-detail .related .related-top .title {
    font-size: 20px;
  }
  .news-detail .related .related-top {
    margin-bottom: 20px;
  }
  .news-detail .related .related-top .button .swiper-button-prev,
  .news-detail .related .related-top .button .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .news-detail .related .related-top .button {
    flex-basis: 120px;
  }
  .news-box1 .news-box .item .text .time {
    font-size: 14px;
  }
  .about-box-3 .culture-box {
    height: auto;
  }
  .about-box-3 .culture-box .item {
    position: inherit;
  }
  .about-box-3 .culture-box .item.active {
    width: 250px;
    height: 250px;
    margin: 100px auto;
  }
  .about-box-3 .culture-box .item .text .title {
    font-size: 16px;
  }
  .about-box-3 .culture-box .item .text .summary {
    font-size: 14px;
  }
  .about-box-3 .culture-box .item.item-mid .text .icon {
    margin-bottom: 10px;
  }
  .about-box-3 .culture-box .item.item-mid .text .icon img {
    width: 30px;
  }
  .about-box-4 .partner-swiper {
    display: none;
  }
  .about-box-4 .partner-swiper-phone {
    display: block;
  }
  .about-box-4 {
    height: 500px;
  }
  .index-box3 .index-news .right .swiper .swiper-slide {
    transform: translate(0) scale(1) !important;
  }
  .index-box3 .index-news .right .swiper .swiper-slide.swiper-slide-prev .text {
    transform: scale(1) !important;
  }
  .index-box3 .index-news .right .swiper {
    overflow: hidden;
  }
  .index-box3 .index-news .right .swiper .button {
    display: none;
  }
  .index-box3 .index-news .right .swiper .swiper-slide .text .title {
    margin-bottom: 0;
  }
  .footer .footer-top .footer-logo img {
    width: 150px;
  }
  .product-box .item {
    flex-basis: 100%;
    margin-right: 0;
  }
  .product-detail-1 .product-detail-box {
    flex-direction: column;
  }
  .product-detail-1 .product-detail-box .text .title {
    font-size: 16px;
  }
  .product-detail-1 .product-detail-box .text .summary {
    font-size: 14px;
    line-height: 1.8;
  }
  .product-detail-1 .product-detail-box .text .view {
    font-size: 14px;
  }
  .product-faq .item {
    padding: 0 20px;
  }
  .product-faq .item .title {
    padding: 20px 20px 20px 50px;
    font-size: 14px;
  }
  .product-faq .item.active .title {
    font-size: 14px;
  }
  .product-faq .item .summary {
    font-size: 14px;
  }
  .productBanner {
    margin-top: 60px;
  }
  .productBanner .text {
    bottom: 0;
    top: 0;
    position: inherit;
    margin: 20px auto auto;
  }
  .productBanner .text,
  .product-detail-2 .product-detail-box-1 .title,
  .product-detail-2 .product-detail-box-2 .text .title,
  .product-detail-2 .product-detail-box-3 .section .text .title,
  .product-detail-2 .product-detail-box-4 .text .title {
    font-size: 20px;
  }
  .product-detail-2 .product-detail-box-1,
  .product-detail-2 .product-detail-box-6 {
    padding: 50px 0;
  }
  .product-detail-2 .product-detail-box-2 .text {
    position: inherit;
    margin-bottom: 20px;
  }
  .product-detail-2 .product-detail-box-1 .text-box {
    flex-direction: column;
    margin-top: 20px;
  }
  .product-detail-2 .product-detail-box-1 .text-box .item {
    max-width: 100%;
    margin-bottom: 30px;
    width: 100%;
  }
  .product-detail-2 .product-detail-box-2 .text .summary {
    font-size: 14px;
    margin-top: 10px;
  }
  .product-detail-2 .product-detail-box-1 .img {
    margin: 0;
  }
  .product-detail-2 .product-detail-box-1 .text-box .item-title {
    font-size: 16px;
  }
  .product-detail-2 .product-detail-box-1 .text-box .item-summary {
    font-size: 14px;
    margin-top: 10px;
  }
  .product-detail-2 .product-detail-box-3 .section .text .summary,
  .product-detail-2 .product-detail-box-4 .text .summary {
    font-size: 14px;
    margin-top: 10px;
  }
  .product-detail-2 .product-detail-box-5 .text {
    font-size: 14px;
  }
  .product-detail-2 .product-detail-box-6 .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .product-detail-2 .product-detail-box-6 .contact-box1 {
    width: 90%;
  }
  .product-detail-2 .product-detail-box-6 .contact-box1 .contact-box {
    padding: 20px;
  }
  .product-detail-2 .product-detail-box-5 {
    height: 80px;
  }
  .product-detail-2 .product-detail-box-5 .text img {
    width: 20px;
  }
  .index-box3 .index-news .right {
    margin-top: 0;
  }
}
/*# sourceMappingURL=index.css.map */


/*page*/

@media (max-width: 789px) {.page {
    clear: both;
    margin: 3% auto 0;
    text-align: center;height:50px;
    overflow: hidden;
}}


@media (min-width: 790px) and (max-width:1920px ) {.page {
    clear: both;
    margin: 3% auto 0;
    text-align: center;height: 32px;
    overflow: hidden;
}}



.page ul {
}

.page ul li {
    display: inline-block;
    border: 1px solid #eee;
    padding: 4px 10px;
}

.page ul li.active {
    background: #1c7fc3;
}

.page ul li.active a {
    color: #fff;
}

.page ul li a {
    font-size: 14px;
}

.page ul li:hover {
    background: #1c7fc3;
    cursor: pointer;
}

.page ul li:hover a {
    color: #fff;
}

/**/
.page a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 4px 10px;
}

.page a.info {
    display: none;
}

.page a.current {
    background: #1c7fc3;
    color: #fff;
}

.page a:hover {
    background: #1c7fc3;
    cursor: pointer;
    color: #fff;
}
/**********产品详情*****/
.acts{ width:100%; /*height:40px; line-height:40px; */color:#333; font-size:20px; text-align:center}
.prod{
    max-width:1200px; height:auto; margin:0 auto
}
.prod h2{ width:100%; height:auto; text-align:center}

.prod p{ width:100%; height:auto; text-align:center}
.prod p img{ width:100%; height:auto; text-align:center; margin:0 auto}
.prod table{ width:100%; max-width:1200px; margin-bottom:20px;}
.prod table tr{ height:32px;}
@media (max-width: 768px) {
.prod h2{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    color: #333;
}
}


@media (min-width: 769px) and (max-width:1920px ) {
.prod h2{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 36px;
    color: #333;
}
}

.prod p{
    display: block;
    padding: 0px 0;
    font-size: 16px;
    color: #333;
}
.prod p img{ width:100% !important; height:auto !important; margin:0 auto; }
.prod table{ font-size:16px;}
.myinput input{
    width: 100%;
    height: 58px;
    line-height: 58px;
    padding: 0 70px 0 20px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    outline: none;
    font-size: 16px;
    color: #999999;
	font-family:"微软雅黑";
}

.myinput textarea{
    height: 132px;
    padding: 0 70px 0 20px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    outline: none;
    font-size: 16px;
    color: #999999;
    padding-top: 20px;
    resize: none;
    width: 100%;
	font-family:"微软雅黑";
}

.mysubmit {
    width: 100% !important;
    color: #ffffff !important;
    padding: 0 !important;
    font-size: 22px !important;
    background: #148453 !important;
    cursor: pointer;
	font-family:"微软雅黑";
}



.z-crt{
	background:#074e9e;
	color:#ffffff !important;
}



#editor p{
	
	margin-bottom:20px;
	
}


.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .normal-info-container .prev-next-wrap .prev {
    margin-bottom: 10px;
}


.pros .prev-next-wrap a {
    color: #333;
}



#preview {  margin:0px auto; width:100%; max-width:1000px; margin-top:50px;}
.jqzoom { width:100%;  margin-bottom: 10px; overflow: hidden; position: relative; text-align:center; margin:0; padding:0;}
.jqzoom img{ width:100%;  overflow:hidden; text-align:center; background-position:center center;}
.zoomdiv { width:100%;  left:859px; z-index: 100; border-bottom:#ccc 1px solid; position: absolute; text-align: center;
    border-left: #ccc 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 365px; overflow: hidden;
    border-top: #ccc 1px solid; top: 1px; border-right: #ccc 1px solid; left: 0px }
#spec {
    position: relative;
    width:300px;
    height:110px;
    overflow: hidden;
    top: 10px;
	margin: 0 auto;
}
.jqzoom img{max-width: none;!important;max-height: none !important;}

.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:25px; cursor: pointer; left: 0px }
.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:25px; cursor: pointer; right: -15px }
.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:25px; cursor: pointer; left: 0px }
.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:25px; cursor: pointer; right: 0px }
#specList { display: inline; float: left; margin-left: 2px }
#specList { position:absolute; text-align:left; width:275px; height:90px; overflow:hidden; top:0px; left:13px; float:left;}
#specList ul{ position:absolute; width: 425px; left:0px }
#specList ul li { float:left; width:82px; height:60px; display:inline; margin-right:10px; border:1px solid #ccc}
#specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom:2px; padding-left:2px; width:78px; height:56px; padding-right:2px; margin-bottom:1px; padding-top:2px }
.bigimg { width:1000px; height:1000px }
.jqZoomPup { z-index:10; border-bottom:#ccc 1px solid; position: absolute; filter: alpha(opacity=50);
    border-left: #ccc 1px solid; width:50px; height:50px; background:#ccc no-repeat 50% top; visibility:hidden;
    border-top:#ccc 1px solid; top:0px; cursor:move; border-right:#ccc 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
	
	.pros{ width:100%; max-width:1400px; margin:0 auto}
	.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5; padding-bottom:50px;
}

.pros .normal-info-container .prev-next-wrap .prev {
    margin-bottom: 10px;
}


.pros .prev-next-wrap a {
    color: #333;
}









	
	
	.prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.normal-info-container .prev-next-wrap .prev {
    margin-bottom: 10px;
}


 .prev-next-wrap a {
    color: #333;
}

/*****JOIN***/
/*zhaopin*/
.conBox{ width:100%; height:auto; margin:0 auto; max-width:1400px; margin-bottom:50px;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);}
.joins-con .joins-table{ padding-bottom:50px; }

.joins-con .joins-table dl{ border:1px solid #e6e6e6; width:100%; border-collapse:collapse; text-align:center; }

.joins-con .joins-table dt,

.joins-con .joins-table dd{ border-bottom:1px solid #e6e6e6; cursor:pointer; }

.joins-con .joins-table dd:last-child{ border-bottom:0; }

.joins-con .joins-table dd:hover .top,

.joins-con .joins-table dd .top.on{ background:#f7f7f7; }

.joins-con .joins-table dd .top.on span{ color:#074e9e; }

.joins-con .joins-table span{ width:25%; display:block; float:left; font-size:15px; color:#444; text-align:center; height:56px; line-height:56px; overflow:hidden }

.joins-con .joins-table span a{ font-size:15px; color:#444; }

.joins-con .joins-table dl .uwl-title{ background:#f5f5f5; height:63px; line-height:63px; }

.joins-con .joins-table dl .uwl-title span{ height:63px; line-height:63px; }

.joins-con .joins-table dd .info{ width:95%; height:auto; text-align:left; padding-bottom:45px; padding-left:0px; padding-top:15px; display:none; cursor: initial; padding-left:5% }

.joins-con .joins-table dd .info *{ font-size:15px; color:#444444; line-height:2; }

.joins-con .joins-table dd .info .base-info{ margin-bottom:15px; }

.joins-con .joins-table dd .info .base-info p{ display:inline-block; margin-right:80px; }

.joins-con .joins-table dd .info h3{ font-size:15px; color:#074e9e; line-height:2; }

.joins-con .joins-table dd .info .info-foot{ margin-top:30px; }

.joins-con .joins-table dd .info .info-foot .download{ display:block; width:218px; height:43px; border:1px solid #074e9e; font-size:15px; color:#074e9e; text-align:center; line-height:43px; }

.joins-con .joins-table dd .info .info-foot .download i{ margin-left:10px; width:16px; height:15px; line-height:2; display:inline-block; background:url("../images/download-icon.png") no-repeat; }

.joins-con .joins-table dd .info .info-foot .download:hover{ background:#074e9e; color:#fff; }

.joins-con .joins-table dd .info .info-foot .download:hover i{ background:url("../images/download-icon-hover.png") no-repeat; }

.joins-con .joins-table dd .info .info-foot .upload-jobs{ height:43px; position:relative; }

.joins-con .joins-table dd .info .info-foot .upload-jobs .upload-btn{ width:220px; height:43px; background:#074e9e; border:1px solid #074e9e; color:#fff; cursor:pointer; }

.joins-con .joins-table dd .info .info-foot .upload-jobs .file{ width:220px; height:43px; opacity:0; position:absolute; left:0; top:0; z-index:5; cursor:pointer; }

.joins-con .joins-table dd .info .info-foot .fileName{ font-size:15px; color:#666666; line-height:43px; margin-left:20px; }

.joins-con .joins-table dd .info .info-foot .fileName i{ font-style:normal; color:#db2424; }

.joins-con .joins-table dd .info .info-foot .upload-jobs:hover .upload-btn{ background:none; color:#074e9e; }

.joins-con .joins-table .more{ width:100%; height:50px; display:block; text-align:center; cursor:pointer; margin-top:15px; margin-bottom:55px; }

.titleSS{ width:100%; height:auto; text-align:center; max-width:1400px; margin:0 auto}
.titleSS .h1{ width:100%; line-height:50px; font-size:20px; text-align:center}
.titleSS .h2{ width:100%; line-height:40px; font-size:16px; text-align:center; margin-bottom:50px;}


.mapboxSS{ width:100%; height:400px; margin:0 auto}


@media (max-width: 639px) {.pc{ display:none} .liucheng{ width:100%; height:auto; margin:0 auto; text-align:center}
.liucheng img{ width:100%; height:auto; margin:0 auto; text-align:center}}


@media (min-width: 640px) and (max-width:1023px ) {.pc{ display:none}}


@media (min-width: 1024px) and (max-width:1440px ) {.mob{ display:none}}


@media (min-width: 1441px) and (max-width:1920px ) {.mob{ display:none}}



@media (max-width: 789px) {.pageBanner{ display:none}.bm{ width:100%; height:317px; margin:0 auto; padding-top:60px} .banner{ display:none}}




@media (min-width: 790px) and (max-width:1920px ) {.bm{ display:none}}



.haibao{ width:100%; height:auto; margin:0  auto;}
.haibao img{ width:100%; height:auto; margin:0 auto; text-align:center}