@import url(reset.css);

@font-face {
  font-family: "iconfont";

  /* Project id 3674395 */

  src: url("../fonts/iconfont.woff2") format("woff2"),
    url("../fonts/iconfont.woff") format("woff"),
    url("../fonts/iconfont.ttf") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  max-width: 1200px;

  margin-left: auto;

  margin-right: auto;
}

.header {
  height: 2.5rem;

  background-color: #fff;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

  z-index: 99;

  box-shadow: 0 0px 5px 0 #cfd8dd;
}

.header .logo {
  margin-left: 1.5rem;

  height: 1.5rem;
}

.header .logo img {
  height: inherit;

  display: block;
}

.header .nav {
  display: flex;

  margin: 0 auto 0 auto;

  overflow: hidden;
}

.header .nav::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

  background: #fff;
}

.header .nav .nav-content::after {
  display: block;

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -5;

  background: #f4f4f4;

  height: 7rem;

  transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header .nav .nav-content .list {
  display: flex;

  font-size: 0.4rem;

  gap: 0;
}

.header .nav .nav-content .list > li {
  display: flex;

  /* margin: 0 0.75rem; */

  line-height: 2.5rem;
}

.header .nav .nav-content .list > li > a {
  padding: 0 0.75rem;

  display: flex;

  align-items: center;

  position: relative;

  z-index: 2;

  font-weight: 500;

  /* padding: inherit; */

  color: #2d2d2d;

  font-size: 0.45rem;
}

.header .nav .nav-content .list > li > a::before {
  content: "";

  bottom: 1px;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  border-bottom: #0056a1 2px solid;

  transform: scaleX(0);

  transform-origin: right top;

  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.header .nav .nav-content .list > li > a:hover,
.header .nav .nav-content .list > li > a .current {
  color: #0056a1;
}

.header .nav .nav-content .list > li > a:hover::before,
.header .nav .nav-content .list > li > a .current::before {
  transform: scaleX(1);

  transform-origin: left top;
}

.header .nav .nav-content .list > li > .sub {
  display: flex;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -3;

  box-sizing: border-box;

  padding: 1.5rem 18.5% 0;

  overflow: hidden;
}

.header .nav .nav-content .list > li > .sub .sub-title {
  display: block;

  position: relative;

  width: 7.5rem;

  padding-right: 1rem;

  padding-top: 0.5rem;

  text-align: left;

  font-size: 0.8rem;

  line-height: 2;

  flex-shrink: 0;
}

.header .nav .nav-content .list > li > .sub .sub-title::before {
  display: block;

  content: "";

  width: 1rem;

  position: absolute;

  left: 0;

  top: 0;

  border-top: 1px solid #2d2d2d;
}

.header .nav .nav-content .list > li > .sub .sub-title small {
  display: block;

  font-size: 0.35rem;

  text-transform: uppercase;

  color: rgba(45, 45, 45, 0.6);
}

.header .nav .nav-content .list > li > .sub > .sub-inner {
  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex: 1;

  height: auto;
}

.header .nav .nav-content .list > li > .sub > .sub-inner .level-list {
  display: flex;

  flex-direction: column;
}

.header .nav .nav-content .list > li > .sub > .sub-inner .level-list li {
  line-height: 2;

  text-align: left;
}

.header .nav .nav-content .list > li > .sub > .sub-inner .level-list li a {
  color: #2d2d2d;
}

.header
  .nav
  .nav-content
  .list
  > li
  > .sub
  > .sub-inner
  .level-list
  li
  a:hover {
  color: #0056a1;

  text-decoration: underline;
}

.header .nav .nav-content .list > li > .sub > .sub-inner .main-pic {
  background-color: #000;

  width: 7rem;

  height: 3.95rem;

  flex-shrink: 0;
}

.header .nav .nav-content .list > li > .sub > .sub-inner .main-pic img {
  width: 100%;

  aspect-ratio: 16/9;

  object-fit: cover;
}

.header .nav.hover .nav-content::after {
  transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);

  transition-duration: 0.4s;

  transition-delay: 0;

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header .nav.hover .list > li > a:hover + .sub,
.header .nav.hover .list > li > .sub:hover {
  transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);

  z-index: -2;

  pointer-events: auto;

  transition-duration: 0.4s;

  transition-delay: 0;

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header .nav-right {
  display: flex;

  flex-direction: row;

  height: 2.5rem;
}

.header .nav-right .search-btn {
  background-color: #f4f4f4;

  width: 2rem;

  height: inherit;

  position: relative;

  height: 2.5rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;
}

.header .nav-right .search-btn:hover {
  background-color: #e0e0e0;
}

.header .nav-right .search-btn::after {
  content: "\eb07";

  font-family: iconfont !important;

  font-size: 0.75rem;
}

.header .nav-right .search-box {
  position: relative;
}

.header .nav-right .search-box .search-inner {
  height: 100%;

  position: absolute;

  opacity: 0;

  visibility: hidden;

  filter: Alpha(opacity=0);

  top: 0;

  right: 0;

  padding: 0.5rem 2rem 0.5rem 0.75rem;

  box-sizing: border-box;

  display: flex;

  flex-direction: row;

  align-items: center;

  width: 0;

  transition: all 0.5s;
}

.header .nav-right .search-box .search-inner input {
  width: 100%;

  height: 100%;

  border: none;

  background-color: transparent;

  font-size: 0.4rem;
}

.header .nav-right .search-box .search-inner button {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 1.25rem;

  border: none;

  color: #2d2d2d;

  font-size: 0.6rem;
}

.header .nav-right .search-box .search-inner button.submit-btn::before {
  content: "\eb07";

  font-family: iconfont;
}

.header .nav-right .search-box .search-inner button.close-btn {
  right: 0.45rem;
}

.header .nav-right .search-box .search-inner button.close-btn::before {
  content: "\eb08";

  font-family: iconfont;
}

.header .nav-right .search-box.open .search-inner {
  width: 6.5rem;

  opacity: 1;

  filter: Alpha(opacity=100);

  visibility: visible;

  background-color: #f4f4f4;
}

.header .nav-right .tel {
  background: -webkit-linear-gradient(0deg, #2b7cc1, #0056a1);

  padding: 0 0.7rem;

  text-align: right;

  color: #fff;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: center;
}

.header .nav-right .tel p {
  font-size: 13px;

  line-height: 1;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: flex-end;
}

.header .nav-right .tel p span::before {
  content: "\eb06";

  font-size: 24px;
}

.header .nav-right .tel span.num {
  font-size: 0.5rem;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;
}

.header .menu-box {
  height: 2.5rem;

  background-color: #0056a1;

  min-width: 2.5rem;

  display: none;
}

.header .menu-box .menu-icon-toggle {
  display: block;

  width: 0.75rem;

  height: 0.75rem;

  position: relative;

  z-index: 2;

  margin: 0.75rem auto;
}

.header .menu-box .menu-icon-toggle span {
  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  top: 50%;

  background-color: #fff;

  transform: translate(0, -50%);

  transition: opacity 0.3s 0.3s;
}

.home:not(.open) .header .menu-box .menu-icon-toggle span {
  background-color: #fff;
}

.header .menu-box .menu-icon-toggle::before,
.header .menu-box .menu-icon-toggle::after {
  content: "";

  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  background-color: #fff;

  transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}

.header .menu-box .menu-icon-toggle::before {
  top: 4px;
}

.header .menu-box .menu-icon-toggle::after {
  bottom: 4px;
}

.open .header .menu-box .menu-icon-toggle span {
  opacity: 0;

  transition: opacity 0.3s;
}

.open .header .menu-box .menu-icon-toggle::before,
.open .header .menu-box .menu-icon-toggle::after {
  background-color: #fff;
}

.open .header .menu-box .menu-icon-toggle::before {
  top: calc(50% - 1px);

  transform: rotate(45deg);
}

.open .header .menu-box .menu-icon-toggle::after {
  bottom: calc(50% - 1px);

  transform: rotate(-45deg);
}

.open .header .menu-box .menu-icon-toggle::before,
.open .header .menu-box .menu-icon-toggle::after {
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}

.fullpage-area {
  box-sizing: border-box;
}

.fullpage-area .section {
  width: 100%;

  padding-top: 2.5rem;

  display: flex;

  flex-direction: column;

  align-items: space-around;

  justify-content: center;

  overflow: hidden;

  box-sizing: border-box;

  height: calc(100vh - 0.25rem);
}

.fullpage-area .section.home-screen {
  position: relative;

  box-sizing: border-box;
}

.fullpage-area .section.home-screen .swiper-banner .swiper-slide {
  width: 100%;

  background-size: contain;

  background-position: bottom center;

  background-repeat: no-repeat;
}

.fullpage-area .section.home-screen .swiper-banner .swiper-slide.img-height {
  height: 100% !important;
}

.fullpage-area
  .section.home-screen
  .swiper-banner
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 0.35rem !important;

  height: 0.35rem;

  opacity: 1;

  background-color: #fff;
}

.fullpage-area
  .section.home-screen
  .swiper-banner
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0056a1;
}

.fullpage-area .section.fp-auto-height {
  padding-top: 40px;
}

.section-title {
  font-size: 0.9rem;

  color: #0056a1;

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-top: 1.5rem;
}

.section-title span {
  z-index: 2;
}

.section-title span.uppercase {
  text-transform: uppercase;

  font-family: "SF Pro Text";

  font-weight: lighter;

  color: #e0e0e0;

  z-index: 1;

  font-size: 1.6rem;

  line-height: 1;

  top: -2rem;

  position: relative;
}

.more-detail {
  color: #0056a1;

  transition: transform 0.3s;

  display: block;
}

.more-detail:hover {
  transform: translateX(5px);
}

.more-detail::after {
  content: "\eb09";

  font-family: iconfont;

  font-size: 0.3rem;

  margin-left: 5px;
}

.more-detail.more-btn {
  border: #0056a1 1px solid;

  min-width: 4.25rem;

  margin: 0 auto;

  height: 1.25rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  font-size: 0.4rem;

  margin-top: 2rem;
}

.more-detail.more-btn:hover {
  transform: translateY(-5px);
}

.product-section {
  display: flex;

  flex-direction: space-between;

  justify-content: center;
}

.product-section .row-item {
  width: 9.375rem;

  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);

  position: relative;

  flex-shrink: 0;
}

.product-section .row-item::after {
  content: "";

  bottom: 0px;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  border-bottom: #0056a1 4px solid;

  transform: scaleX(0);

  transform-origin: right top;

  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.product-section .row-item .cover-pic {
  overflow: hidden;
}

.product-section .row-item .cover-pic img {
  object-fit: cover;

  width: 100%;

  transition: transform 0.3s;
}

.product-section .row-item .info {
  padding: 0.5rem;

  text-align: left;
}

.product-section .row-item .info .title {
  font-size: 0.45rem;

  color: #2d2d2d;
}

.product-section .row-item .info p {
  color: rgba(45, 45, 45, 0.6);

  line-height: 1.4;

  margin-bottom: 0.25rem;
}

.product-section .row-item:hover::after {
  transform: scaleX(1);

  transform-origin: left top;
}

.product-section .row-item:hover .cover-pic img {
  transform: scale(1.05);
}

.product-section .column-item {
  /* padding-left: 0.75rem; */

  flex: 1;

  display: grid;

  gap: 0.3rem;

  grid-template-columns: repeat(3, 1fr);
}

.product-section .column-item li {
  display: flex;

  flex-direction: row;

  height: 5rem;

  transition: all 0.5s linear;
}

.product-section .column-item li .cover-pic {
  overflow: hidden;

  width: 5rem;

  height: 5rem;

  flex-shrink: 0;
}

.product-section .column-item li .cover-pic img {
  object-fit: cover;

  width: 100%;

  transition: transform 0.3s;
}

.product-section .column-item li .info {
  padding: 0.3rem;

  text-align: left;

  background-color: #f4f4f4;

  flex: auto;
}

.product-section .column-item li .info .title {
  font-size: 0.45rem;

  color: #2d2d2d;

  white-space: initial;

  line-height: 1.6;
}

.product-section .column-item li .info p {
  color: rgba(45, 45, 45, 0.6);

  line-height: 1.4;

  margin-top: 0.25rem;
}

.product-section .column-item li .info .more-detail {
  padding-top: 0.75rem;
}

.product-section .column-item li:hover {
  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);
}

.product-section .column-item li:hover .cover-pic img {
  transform: scale(1.05);
}

.product-section .column-item li:hover .info {
  background-color: #fff;
}

.technology-section {
  background-color: #f4f4f4;
}

.technology-section .inner {
  padding-right: 18.75%;

  display: flex;

  flex-direction: row;

  position: relative;
}

.technology-section .inner .tabs {
  width: 10.95rem;

  flex-shrink: 0;

  position: absolute;

  right: 18.75%;

  top: 0;

  display: flex;

  flex-direction: column;

  align-items: end;

  z-index: 9;
}

.technology-section .inner .tabs li {
  height: 3rem;

  background-color: #fff;

  margin-bottom: 0.5rem;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: center;

  padding-right: 1.5rem;

  width: 9.45rem;

  transition: width 0.3s;
}

.technology-section .inner .tabs li.current {
  background: -webkit-linear-gradient(0deg, #2b7cc1, #0056a1);

  width: 100%;
}

.technology-section .inner .tabs li.current a {
  color: rgba(255, 255, 255, 0.75);
}

.technology-section .inner .tabs li.current a span {
  color: #fff;
}

.technology-section .inner .tabs li a {
  display: flex;

  flex-direction: column;

  line-height: 1.2;

  text-align: right;

  font-family: "SF Pro Text";

  font-size: 0.4rem;

  text-transform: uppercase;

  color: rgba(45, 45, 45, 0.6);
}

.technology-section .inner .tabs li a span {
  color: #2d2d2d;
}

.technology-section .inner .tab-content {
  height: 13.5rem;

  background-color: #000;

  margin-right: 11.7rem;

  overflow: hidden;
}

.technology-section .inner .tab-content .item {
  display: none;

  height: inherit;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  display: flex;

  flex-direction: row;

  align-items: center;
}

.technology-section .inner .tab-content .item .detail {
  padding-left: 9rem;

  padding-right: 3.5rem;

  box-sizing: border-box;

  color: #fff;

  z-index: 2;

  position: relative;

  text-align: left;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: start;

  justify-content: center;

  font-size: 0.4rem;

  line-height: 1.4;

  width: 27.5rem;
}

.technology-section .inner .tab-content .item .detail p {
  margin: 0.5rem 0;
}

.technology-section .inner .tab-content .item::after {
  content: "";

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background-image: -webkit-linear-gradient(
    -270deg,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.2)
  );

  background-image: linear-gradient(
    -270deg,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.2)
  );

  position: absolute;
}

.technology-section .inner .tab-content .item:first-child {
  display: block;
}

.news-section {
  display: flex;

  flex-direction: space-between;

  justify-content: center;
}

.news-section .row-item {
  width: 12.25rem;

  position: relative;

  flex-shrink: 0;
}

.news-section .row-item::after {
  content: "";

  bottom: 0px;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  border-bottom: #0056a1 4px solid;

  transform: scaleX(0);

  transform-origin: right top;

  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.news-section .row-item .cover-pic {
  overflow: hidden;

  aspect-ratio: 16/10;
}

.news-section .row-item .cover-pic img {
  object-fit: cover;

  width: 100%;

  transition: transform 0.3s;
}

.news-section .row-item .info {
  padding: 0.25rem 0 0;

  text-align: left;
}

.news-section .row-item .info .title {
  font-size: 0.45rem;

  color: #2d2d2d;

  text-align: center;
}

.news-section .row-item .info p {
  color: #2d2d2d;

  line-height: 1.4;

  margin-top: 0.25rem;

  padding-bottom: 0.25rem;

  font-size: 0.4rem;
}

.news-section .row-item:hover::after {
  transform: scaleX(1);

  transform-origin: left top;
}

.news-section .row-item:hover .cover-pic img {
  transform: scale(1.05);
}

.news-section .column-item {
  padding-left: 1rem;

  flex: 1;
}

.news-list li {
  display: flex;

  flex-direction: row;

  transition: all 0.5s linear;

  position: relative;

  padding-bottom: 0.75rem;

  margin-bottom: 0.5rem;
}

.news-list li:last-child {
  margin-bottom: 0;
}

.news-list li::after,
.news-list li::before {
  content: "";

  bottom: 0px;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  border-bottom: #0056a1 2px solid;

  transform: scaleX(0);

  transform-origin: right top;

  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.news-list li::before {
  border-bottom: #e0e0e0 1px solid;

  transform: scaleX(1);
}

.news-list li .time {
  overflow: hidden;

  width: 2rem;

  flex-shrink: 0;

  font-family: "SF Pro Text";

  font-size: 0.3rem;

  color: rgba(45, 45, 45, 0.6);

  text-align: left;

  line-height: 1.2;

  padding-top: 0.25rem;
}

.news-list li .time span {
  display: block;

  font-size: 0.6rem;

  color: #2d2d2d;

  font-weight: bold;
}

.news-list li .info {
  text-align: left;
}

.news-list li .info .title {
  font-size: 0.5rem;

  color: #2d2d2d;

  max-width: 590px;
}

.news-list li .info p {
  color: #2d2d2d;

  line-height: 1.4;

  font-size: 0.4rem;

  margin-top: 0.25rem;
}

.news-list li:hover::after {
  transform: scaleX(1);

  transform-origin: left top;
}

.news-list li:hover .info .title {
  color: #0056a1;
}

.honer-section {
  background: url(../images/honner-bg.png) no-repeat top;

  background-size: cover;

  position: relative;
}

.honer-section::after {
  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  content: "";

  background: rgba(45, 45, 45, 0.8);

  z-index: 1;
}

.honer-section .section-title {
  z-index: 3;
}

.honer-section .section-title span {
  color: #fff;
}

.honer-section .section-title span.uppercase {
  opacity: 0.2;
}

.honer-section .more-detail {
  z-index: 3;

  background-color: #0056a1;

  color: #fff;
}

.honer-section .carousel-gallery {
  z-index: 3;

  height: 10rem;

  min-width: 30rem;
}

.honer-section .carousel-gallery .swiper-wrapper {
  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;
}

.honer-section .carousel-gallery .swiper-slide {
  width: calc((100% - 80px) / 5);
}

.honer-section .carousel-gallery .swiper-slide a.cover-img {
  display: block;

  width: 100%;

  overflow: hidden;

  position: relative;
}

.honer-section .carousel-gallery .swiper-slide a.cover-img:hover .overlay {
  opacity: 1;
}

.honer-section .carousel-gallery .swiper-slide a.cover-img .image {
  width: 100%;

  background-size: cover;

  background-position: center center;

  aspect-ratio: 3/4;
}

.honer-section .carousel-gallery .swiper-slide a.cover-img .overlay {
  width: 100%;

  height: 100%;

  background-color: rgba(45, 45, 45, 0.75);

  text-align: center;

  opacity: 0;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  position: absolute;

  top: 0;

  right: 0;
}

.honer-section .carousel-gallery .swiper-slide a.cover-img .overlay em {
  color: #fff;

  font-size: 26px;

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  display: inline-block;
}

.honer-section .carousel-gallery .swiper-slide a.cover-img .overlay em::before {
  content: "\eb07";
}

.honer-section .carousel-gallery .swiper-slide a.ellipsis {
  color: #fff;

  padding-top: 0.25rem;
}

.honer-section .carousel-gallery .swiper-pagination {
  position: relative;

  bottom: auto;

  text-align: center;

  margin-top: 25px;
}

.honer-section .carousel-gallery .swiper-pagination .swiper-pagination-bullet {
  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.honer-section
  .carousel-gallery
  .swiper-pagination
  .swiper-pagination-bullet:hover {
  opacity: 0.7;
}

.honer-section
  .carousel-gallery
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d63031;

  transform: scale(1.1, 1.1);
}

.cooperation-section .wrapper {
  display: flex;

  flex-direction: row;

  justify-content: space-between;
}

.cooperation-section .map {
  width: 14.875rem;

  position: relative;
}

.cooperation-section .map img {
  width: 100%;

  display: block;
}

.cooperation-section .map .scroll-num {
  position: absolute;

  bottom: 1rem;

  left: 0;

  font-size: 0.4rem;

  z-index: 3;

  width: 100%;
}

.cooperation-section .map .scroll-num li {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  color: rgba(45, 45, 45, 0.6);

  width: 30%;

  float: left;
}

.cooperation-section .map .scroll-num li:first-child {
  width: 100%;

  margin-bottom: 1rem;
}

.cooperation-section .map .scroll-num li span {
  color: #2d2d2d;

  font-family: "SF Pro Text";

  font-weight: bold;

  font-size: 0.8rem;

  line-height: 1.1;
}

.cooperation-section #scroll {
  height: 13rem;

  overflow: hidden;

  padding-right: 1rem;

  margin-right: -1rem;
}

.cooperation-section .cooperation-logo {
  width: 13.625rem;

  display: flex;

  flex-direction: row;

  align-items: flex-start;

  justify-content: flex-end;

  flex-wrap: wrap;
}

.cooperation-section .cooperation-logo li {
  width: 5.4rem;

  height: 3.05rem;

  padding: 0.25rem;

  box-sizing: border-box;

  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  margin-left: 0.75rem;

  margin-bottom: 0.75rem;

  transition: transform 0.3s;
}

.cooperation-section .cooperation-logo li:hover {
  transform: scale(1.25);
}

.cooperation-section .cooperation-logo li:hover img {
  transform: scale(1.1);
}

.cooperation-section .cooperation-logo li img {
  transition: transform 0.3s;

  max-width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;
}

.footer {
  background-color: #f4f4f4;

  padding: 1rem 0 0 0;
}

.footer .foot-menu {
  display: flex;
}

.footer .foot-menu dl {
  min-width: 4.75rem;

  flex: 1;

  text-align: left;
}

.footer .foot-menu dl dt {
  color: #2d2d2d;

  font-weight: 400;

  font-size: 0.4rem;
}

.footer .foot-menu dl dd {
  margin-top: 10px;
}

.footer .foot-menu dl dd a {
  display: block;

  color: rgba(45, 45, 45, 0.6);

  line-height: 24px;
}

.footer .foot-menu dl dd a:hover {
  color: #0056a1;

  text-decoration: underline;
}

.footer .foot-menu dl:last-child {
  min-width: auto;

  display: flex;

  flex: auto;

  justify-content: flex-end;
}

.footer .foot-menu dl:last-child .wechat-box {
  margin: 0 0.375rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

.footer .foot-menu dl:last-child .wechat-box img {
  width: 2.25rem;

  height: 2.25rem;

  border: #fff 4px solid;
}

.footer .foot-menu dl:last-child .wechat-box span {
  color: rgba(45, 45, 45, 0.6);

  margin-top: 5px;

  line-height: 1.2;

  text-align: center;

  font-size: 0.325rem;
}

.footer .copyright {
  background-color: #0056a1;

  height: 1.25rem;

  text-align: center;

  display: block;

  margin-top: 0.75rem;

  color: rgba(45, 45, 45, 0.6);

  font-family: Arial, Helvetica, sans-serif;

  color: #fff;
}

.footer .copyright .inner {
  max-width: 1200px;

  margin: 0 auto;

  height: inherit;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;
}

.sub-banner {
  height: 12.5rem;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  margin-top: 2.5rem;
}

.sub-banner .txt-content {
  height: inherit;

  padding-left: 18.75%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  font-size: 0.9rem;

  color: #0056a1;

  text-shadow: 0 0 10px 2px rgba(45, 45, 45, 0.6);
}

.sub-banner .txt-content span {
  text-transform: uppercase;

  color: #fff;

  font-family: "SF Pro Text";

  font-size: 1.6rem;

  font-weight: lighter;

  line-height: 1;
}

.sub-site {
  height: 1.5rem;

  border-bottom: #e0e0e0 1px solid;
}

.sub-site .wrapper {
  height: inherit;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: flex-start;

  color: #0056a1;
}

.sub-site .wrapper.right {
  justify-content: flex-end;
}

.sub-site .wrapper a {
  color: rgba(45, 45, 45, 0.6);

  display: flex;

  align-items: center;
}

.sub-site .wrapper a.home::before {
  content: "\eb0a";

  font-family: iconfont;

  font-size: 18px;
}

.sub-site .wrapper a:hover {
  color: #2d2d2d;
}

.sub-site .wrapper a::after {
  content: "-";

  margin: 0 8px;
}

.headlines {
  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);

  position: relative;

  display: flex;

  flex-direction: row;

  margin: 1rem 0;
}

.headlines .cover-pic {
  overflow: hidden;

  width: 12.25rem;

  aspect-ratio: 16/9;

  position: relative;

  flex-shrink: 0;
}

.headlines .cover-pic span {
  background-color: #0056a1;

  color: #fff;

  font-size: 0.4rem;

  position: absolute;

  top: 0;

  right: 0;

  padding: 0 0.5rem;
}

.headlines .cover-pic img {
  object-fit: cover;

  width: 100%;

  transition: transform 0.3s;
}

.headlines .info {
  padding: 0.5rem 1rem;

  text-align: left;
}

.headlines .info .time {
  overflow: hidden;

  flex-shrink: 0;

  font-family: "SF Pro Text";

  font-size: 0.3rem;

  color: rgba(45, 45, 45, 0.6);

  text-align: left;

  line-height: 1.2;

  padding-bottom: 1rem;

  position: relative;
}

.headlines .info .time::after {
  content: "";

  width: 1px;

  height: 0.75rem;

  background-color: #e0e0e0;

  display: block;

  left: 0.25rem;

  bottom: 0;

  position: absolute;
}

.headlines .info .time span {
  display: block;

  font-size: 0.6rem;

  color: #2d2d2d;

  font-weight: bold;
}

.headlines .info .title {
  font-size: 0.5rem;
}

.headlines .info .title a {
  color: #2d2d2d;
}

.headlines .info p {
  font-size: 0.4rem;

  color: #2d2d2d;

  line-height: 1.4;

  margin-bottom: 0.5rem;
}

.headlines:hover .cover-pic img {
  transform: scale(1.05);
}

.headlines:hover .title a {
  color: #0056a1;
}

.sub-column-menu {
  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

  height: 1.5rem;

  margin: 1rem 0;
}

.sub-column-menu li {
  border: #e0e0e0 1px solid;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: inherit;

  margin-left: -1px;

  font-size: 0.45rem;

  background-color: #fff;

  transition: all 0.3s linear;
}

.sub-column-menu li a {
  color: #2d2d2d;

  display: block;
}

.sub-column-menu li:hover,
.sub-column-menu li.current {
  background: -webkit-linear-gradient(90deg, #2b7cc1, #0056a1);
}

.sub-column-menu li:hover a,
.sub-column-menu li.current a {
  color: #fff;
}

.sub-row-menu {
  width: 7.5rem;

  margin-top: -1.52rem;

  flex-shrink: 0;
}

.sub-row-menu .title {
  padding: 0.4rem;

  background: -webkit-linear-gradient(90deg, #2b7cc1, #0056a1);

  color: #fff;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: flex-start;

  font-weight: lighter;

  font-family: "SF Pro Text";

  line-height: 1.4;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.sub-row-menu .title span {
  font-size: 0.45rem;

  font-weight: bold;

  display: block;

  position: relative;
}

.sub-row-menu .title span::after {
  content: "\eb0c";

  font-family: "iconfont";

  font-size: 10px;

  margin-left: 5px;
}

.accordion {
  width: 100%;

  margin: 0 auto;
}

.accordion .accordion__item > .accordion-header {
  padding: 0.25rem 0.4rem;

  background: -webkit-linear-gradient(top, #daeeff, #fff);

  color: #2d2d2d;

  cursor: pointer;

  font-size: 0.4rem;

  transition: all 0.3s;

  text-transform: uppercase;

  text-align: left;
}

.accordion .accordion__item > .accordion-header2 {
  padding: 0.25rem 0.4rem;

  background: -webkit-linear-gradient(top, #daeeff, #fff);

  color: #2d2d2d;

  cursor: pointer;

  font-size: 0.4rem;

  transition: all 0.3s;

  text-transform: uppercase;

  text-align: left;
}

.accordion .accordion__item > .accordion-header a {
  color: #2d2d2d;
}

.accordion .accordion__item > .accordion-header2 a {
  color: #2d2d2d;
}

.accordion .accordion__item > .accordion-header::after {
  content: "\eb0d";

  font-family: iconfont;

  font-size: 1.2em;

  float: right;

  position: relative;

  top: -2px;

  transition: 0.3s all;

  color: rgba(45, 45, 45, 0.6);
}

.accordion .accordion__item > .accordion-header2::after {
  content: "\eb0d";

  font-family: iconfont;

  font-size: 1.2em;

  float: right;

  position: relative;

  top: -2px;

  transition: 0.3s all;

  color: rgba(45, 45, 45, 0.6);
}

.accordion .accordion__item.active > .accordion-header {
  background: -webkit-linear-gradient(-180deg, #2b7cc1, #0056a1);

  color: #fff;
}

.accordion .accordion__item.active > .accordion-header2 {
  background: -webkit-linear-gradient(-180deg, #2b7cc1, #0056a1);

  color: #fff;
}

.accordion .accordion__item.active > .accordion-header a {
  color: #fff;
}

.accordion .accordion__item.active > .accordion-header2 a {
  color: #fff;
}

.accordion .accordion__item.active > .accordion-header:after {
  content: "\eb0e";

  color: #fff;
}

.accordion .accordion__item.active > .accordion-header2:after {
  content: "\eb0e";

  color: #fff;
}

.accordion
  .accordion__item.active
  > .accordion__item.active
  > .accordion-header {
  background: #e0e0e0 !important;
}

.accordion
  .accordion__item.active
  > .accordion__item.active
  > .accordion-header2 {
  background: #e0e0e0 !important;
}

.accordion .accordion__item > .accordion-body {
  background: #f4f4f4;

  color: rgba(45, 45, 45, 0.6);

  display: none;
}

.accordion .accordion__item > .accordion-body .accordion__item {
  border-bottom: #f4f4f4 1px solid;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item.active
  .accordion-header {
  color: #0056a1;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item.active
  .accordion-header2 {
  color: #0056a1;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item.active
  .accordion-header::after {
  transform: rotate(180deg);

  color: #0056a1;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item.active
  .accordion-header2::after {
  transform: rotate(180deg);

  color: #0056a1;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header {
  background: #fff;

  color: #2d2d2d;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2 {
  background: #fff;

  color: #2d2d2d;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header.no-arrow::after {
  display: none;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2.no-arrow::after {
  display: none;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header
  a {
  color: #2d2d2d;

  display: block;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2
  a {
  color: #2d2d2d;

  display: block;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2
  a.active {
  color: #0056a1;

  text-decoration: underline;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2
  a:hover {
  color: #0056a1;

  text-decoration: underline;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header::after {
  content: "\eb05";
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion__item
  .accordion-header2::after {
  content: "";
}

.accordion .accordion__item > .accordion-body .accordion-body__contents {
  padding: 0.25rem 0.4rem;

  text-align: left;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion-body__contents
  ul
  li
  a {
  color: rgba(45, 45, 45, 0.6);
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion-body__contents
  ul
  li
  a.active {
  color: #2d2d2d;

  text-decoration: underline;
}

.accordion
  .accordion__item
  > .accordion-body
  .accordion-body__contents
  ul
  li
  a:hover {
  color: #2d2d2d;

  text-decoration: underline;
}

.sub-main {
  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  flex-direction: row;
}

.sub-content {
  flex: 1;

  padding-left: 1rem;

  padding-top: 1rem;

  padding-bottom: 1rem;

  text-align: left;
}

.single-page {
  line-height: 1.8;

  font-size: 0.4rem;

  color: #2d2d2d;
}

.single-page .head-title {
  text-align: center;

  margin-top: 1rem;

  margin-bottom: 1rem;
}

.single-page .head-title h1 {
  color: #2d2d2d;

  line-height: 120%;

  font-weight: normal;

  font-size: 0.65rem;
}

.single-page .head-title .time {
  color: rgba(45, 45, 45, 0.6);

  font-weight: lighter;

  margin-top: 10px;
}

.single-page .head-title .time span {
  margin-left: 10px;

  color: #2d2d2d;
}

.single-page img {
  max-width: 100%;

  margin: 0 auto;

  display: block;
}

.single-page > p img,
.single-page > div img {
  max-width: 100%;

  margin: 0 auto;
}

.pageswitch {
  height: auto;

  overflow: hidden;

  box-sizing: border-box;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 1.5rem;

  border-top: #e0e0e0 1px solid;

  padding-top: 0.5rem;

  font-size: 0.375rem;
}

.pageswitch .prev,
.pageswitch .next {
  display: flex;

  align-items: center;

  transition: all ease-out 0.3s;

  position: relative;

  box-sizing: border-box;

  width: 40%;
}

.pageswitch .prev > span,
.pageswitch .next > span {
  display: flex;

  align-items: center;

  min-width: 2rem;

  position: relative;

  flex-shrink: 0;

  color: rgba(45, 45, 45, 0.6);
}

.pageswitch .prev > span::after,
.pageswitch .next > span::after {
  content: "";

  width: 1px;

  position: absolute;

  right: 0;

  background-color: #e0e0e0;

  height: 40%;
}

.pageswitch .prev > span .iconfont,
.pageswitch .next > span .iconfont {
  font-size: 0.3rem;
}

.pageswitch .prev a,
.pageswitch .next a {
  padding-left: 0.375rem;

  color: #2d2d2d;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  display: block;

  transition: color 0.5s;
}

.pageswitch .prev a:hover,
.pageswitch .next a:hover {
  color: #0056a1;
}

.pageswitch .prev:nth-child(2n),
.pageswitch .next:nth-child(2n) {
  width: 20%;

  text-align: center;

  overflow: initial;

  white-space: normal;
}

.pageswitch .prev:nth-child(2n) span,
.pageswitch .next:nth-child(2n) span {
  border: #e0e0e0 1px solid;
}

.pageswitch .next {
  flex-flow: row-reverse;

  text-align: right;
}

.pageswitch .next a {
  padding-right: 15px;

  padding-left: 0;
}

.pageswitch .next > span {
  flex-flow: row-reverse;
}

.pageswitch .next > span::after {
  left: 0;
}

.pageswitch .return a {
  color: #2d2d2d;
}

.pageswitch .return a:hover {
  color: #0056a1;
}

.honer-list {
  display: flex;

  flex-wrap: wrap;
}

.honer-list li {
  width: calc((100% - 3rem) / 5);

  position: relative;

  margin-right: 0.75rem;

  margin-bottom: 0.75rem;
}

.honer-list li:nth-child(5n) {
  margin-right: 0;
}

.honer-list li a.cover-img {
  display: block;

  width: 100%;

  overflow: hidden;

  position: relative;

  border: #e0e0e0 1px solid;
}

.honer-list li a.cover-img:hover .overlay {
  opacity: 1;
}

.honer-list li a.cover-img .image {
  width: 100%;

  background-size: cover;

  background-position: center center;

  aspect-ratio: 3/4;
}

.honer-list li a.cover-img .overlay {
  width: 100%;

  height: 100%;

  background-color: rgba(45, 45, 45, 0.75);

  text-align: center;

  opacity: 0;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  position: absolute;

  top: 0;

  right: 0;
}

.honer-list li a.cover-img .overlay em {
  color: #fff;

  font-size: 26px;

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  display: inline-block;
}

.honer-list li a.cover-img .overlay em::before {
  content: "\eb07";
}

.honer-list li a.ellipsis {
  color: #2d2d2d;

  padding: 0.2rem 0;

  background-color: #f4f4f4;

  transition: background-color 0.5s;
}

.honer-list li a.ellipsis:hover {
  background-color: #0056a1;

  color: #fff;
}

.page-number {
  display: flex;

  flex-direction: row;

  justify-content: center;

  flex-wrap: wrap;

  margin: 0.75rem 0;
}

.page-number .item {
  min-width: 1rem;

  height: 1rem;

  line-height: 1rem;

  font-size: 0.4rem;

  flex: 0 0 auto;

  margin: 0.2rem;

  text-align: center;

  box-shadow: 0 0 0 1px #e0e0e0 inset;

  transition: background 0.3s;
}

.page-number .item .prev-icon {
  color: rgba(45, 45, 45, 0.6);
}

.page-number .item .prev-icon::before {
  content: "\eb0b";

  font-size: 14px;
}

.page-number .item .next-icon {
  color: rgba(45, 45, 45, 0.6);
}

.page-number .item .next-icon::before {
  content: "\eb09";

  font-size: 14px;
}

.page-number a.item:hover,
.page-number .current {
  background-color: #0056a1;

  color: #fff;

  box-shadow: 0 0 0 1px #0056a1 inset;
}

.page-number a.item:hover .prev-icon,
.page-number a.item:hover .next-icon,
.page-number .current .prev-icon,
.page-number .current .next-icon {
  color: #fff;
}

.product-list li {
  position: relative;

  display: flex;

  flex-direction: row;

  transition: all 0.3s;

  margin-bottom: 0.75rem;
}

.product-list li .cover-pic {
  overflow: hidden;

  width: 6rem;

  aspect-ratio: 1;

  position: relative;

  flex-shrink: 0;
}

.product-list li .cover-pic img {
  object-fit: cover;

  width: 100%;

  transition: transform 0.3s;
}

.product-list li .info {
  padding: 0.5rem 1rem;

  text-align: left;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  background-color: #f4f4f4;

  flex: auto;
}

.product-list li .info .title {
  font-size: 0.45rem;

  font-weight: 500;
}

.product-list li .info .title a {
  color: #2d2d2d;
}

.product-list li .info p {
  color: rgba(45, 45, 45, 0.6);

  line-height: 1.4;

  margin-top: 0.5rem;
}

.product-list li .info p strong {
  color: #2d2d2d;
}

.product-list li:hover {
  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);
}

.product-list li:hover .info {
  background-color: #fff;
}

.product-list li:hover .cover-pic img {
  transform: scale(1.05);
}

.product-list li:hover .title a {
  color: #0056a1;
}

.product-head {
  display: flex;

  flex-direction: row;
}

.product-head .product-info {
  padding-left: 0.75rem;

  flex: auto;
}

.product-head .product-info h3 {
  font-size: 0.45rem;

  color: #2d2d2d;
}

.product-head .product-info ul {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 0.5rem;

  margin-top: 1rem;
}

.product-head .product-info ul li {
  color: rgba(45, 45, 45, 0.6);

  line-height: 1.2;
}

.product-head .product-info ul li span {
  color: #2d2d2d;

  display: block;
}

.swiper-product {
  width: 10rem;

  height: 10rem;

  background-color: #fff;

  flex-shrink: 0;

  position: relative;

  overflow: hidden;
}

.swiper-product .swiper-slide {
  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  overflow: hidden;
}

.swiper-product .swiper-slide img {
  max-width: 100%;

  display: block;
}

.product-detail .item {
  margin-top: 0.75rem;

  color: rgba(45, 45, 45, 0.6);

  line-height: 1.4;
}

.product-detail .title {
  height: 1.125rem;

  border-bottom: #e0e0e0 1px solid;

  margin-bottom: 0.75rem;
}

.product-detail .title span {
  height: 1.125rem;

  padding: 0 0.5rem;

  line-height: 1rem;

  display: inline-block;

  border: #e0e0e0 1px solid;

  border-bottom: transparent 1px solid;

  background-color: #fff;

  font-size: 0.4rem;

  font-weight: bold;

  position: relative;
}

.product-detail .title span::before {
  content: "";

  height: 3px;

  background-color: #0056a1;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;
}

.contact-title {
  font-size: 0.7rem;

  text-align: left;

  color: #2d2d2d;

  line-height: 1.4;

  padding: 0.75rem 0;
}

.contact-title strong {
  color: #0056a1;
}

.contact-title small {
  font-family: SF Pro Text;

  font-size: 0.35rem;

  color: #e0e0e0;

  text-transform: uppercase;

  display: block;
}

.contact-cooperation {
  display: flex;

  flex-direction: row;

  justify-content: space-between;
}

.contact-cooperation .form-box {
  width: 42%;

  text-align: left;
}

.contact-cooperation .form-box ul li {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: start;

  margin-bottom: 0.25rem;
}

.contact-cooperation .form-box ul li label {
  color: #2d2d2d;
}

.contact-cooperation .form-box ul li label span {
  color: #ff1c1c;
}

.contact-cooperation .form-box ul li .text-input,
.contact-cooperation .form-box ul li .textarea {
  height: 1rem;

  background-color: #f4f4f4;

  border: #e0e0e0 1px solid;

  padding: 0 0.25rem;

  box-sizing: border-box;

  width: 100%;
}

.contact-cooperation .form-box ul li .text-input:focus,
.contact-cooperation .form-box ul li .textarea:focus {
  border: #0056a1 1px solid;

  background: #fff;
}

.contact-cooperation .form-box ul li .text-input::placeholder,
.contact-cooperation .form-box ul li .textarea::placeholder {
  color: rgba(45, 45, 45, 0.4);
}

.contact-cooperation .form-box ul li .textarea {
  height: 3rem;

  padding: 0.25rem;
}

.contact-cooperation .form-box .submit-btn {
  height: 1rem;

  width: 3rem;

  font-size: 0.4rem;

  border: none;

  background-color: #0056a1;

  font-size: 0.4rem;

  color: #fff;

  margin-top: 0.5rem;
}

.contact-cooperation .contact-info {
  display: grid;

  gap: 0.5rem;

  grid-template-columns: repeat(2, 1fr);

  width: 58%;

  padding-left: 1rem;

  box-sizing: border-box;
}

.contact-cooperation .contact-info li {
  border: #e0e0e0 1px solid;

  display: flex;

  flex-direction: column;

  padding: 0.75rem 1rem;

  box-sizing: border-box;
}

.contact-cooperation .contact-info li .iconfont {
  color: #0056a1;

  font-size: 0.8rem;

  line-height: 1.6;
}

.contact-cooperation .contact-info li p {
  font-size: 0.45rem;

  color: #2d2d2d;

  font-weight: 500;
}

.contact-cooperation .contact-info li p span {
  font-size: 0.35rem;

  display: block;

  line-height: 1.4;

  font-weight: normal;

  color: rgba(45, 45, 45, 0.6);
}

.contact-cooperation .contact-info li a {
  color: #0056a1;

  text-decoration: underline;
}

.contact-map {
  height: 11.5rem;

  margin: 1.5rem 0;
}

.contact-map .map {
  width: 100%;

  height: 100%;
}

.contact-map .map .map-title {
  color: #0056a1;

  font-size: 16px;
}

.contact-map .map .map-content {
  color: #2d2d2d;

  font-weight: lighter;

  line-height: 18px;

  margin-top: 8px;
}

.contact-talent {
  background: -webkit-linear-gradient(top, #f6f6f6, #fff);

  position: relative;

  padding-bottom: 1rem;
}

.contact-talent::before,
.contact-talent::after {
  content: "";

  position: absolute;

  display: block;
}

.contact-talent::before {
  background: url(../images/join-img2.png) no-repeat;

  background-size: 80%;

  left: 10%;

  bottom: 5%;

  width: 3.725rem;

  height: 3.825rem;
}

.contact-talent::after {
  background: url(../images/join-img1.png) no-repeat;

  background-size: 70%;

  right: 5%;

  top: 2.5rem;

  width: 4.525rem;

  height: 4.575rem;
}

.talent-list {
  position: relative;

  width: 100%;

  margin-bottom: 1rem;
}

.talent-list li {
  margin-bottom: 0.25rem;

  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);
}

.talent-list li .tit-area {
  display: block;

  position: relative;

  padding: 0 0.75rem;

  overflow: hidden;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: flex-start;

  font-size: 0.4rem;

  color: #2d2d2d;

  background-color: #fff;

  height: 1.5rem;
}

.talent-list li .tit-area span.tit {
  flex: auto;

  position: relative;

  text-align: left;
}

.talent-list li .tit-area span.tit::after {
  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  content: "\eb0d";

  font-family: iconfont;

  font-size: 0.6rem;

  color: #0056a1;
}

.talent-list li .tit-area.on {
  background: -webkit-linear-gradient(bottom, #2b7cc1, #0056a1);
}

.talent-list li .tit-area.on span.tit {
  color: #fff;
}

.talent-list li .tit-area.on span.tit::after {
  color: #fff;

  content: "\eb0e";
}

.talent-list li .cont {
  display: none;

  padding: 0.75rem;

  line-height: 1.6;

  background-color: #fff;
}

.talent-list li .cont .inner {
  line-height: 24px;
}

.talent-list li .cont .inner .item {
  text-align: left;

  border-bottom: #e0e0e0 1px solid;

  padding-bottom: 0.75rem;

  margin-bottom: 0.75rem;
}

.talent-list li .cont .inner .item:last-child {
  border-bottom: none;

  margin-bottom: 0;
}

.talent-list li .cont .inner .item .tit {
  font-size: 0.4rem;

  font-weight: 600;

  padding-bottom: 0.25rem;
}

.talent-list li .cont .inner .item p {
  color: rgba(45, 45, 45, 0.6);
}

.contact-way {
  background: url(../images/contact-bg.png);

  height: 2.7rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: flex-start;

  padding-left: 1rem;
}

.contact-way li {
  padding-right: 2.5rem;

  text-align: left;
}

.about-section {
  color: #2d2d2d;

  line-height: 1.6;

  font-size: 0.4rem;
}

.about-section h3 {
  font-size: 0.6rem;

  font-weight: normal;

  color: #2d2d2d;
}

.about-section h3 span {
  font-weight: 500;

  color: #0056a1;
}

.about-section p {
  margin-top: 0.75rem;

  text-indent: 2em;
}

.about-section p strong {
  color: #2d2d2d;
}

.about-section img {
  max-width: 100%;

  display: block;
}

.about-section-hangzhou {
  max-width: 1200px;

  margin: 0 auto;
}

.about-section-hangzhou .profile {
  display: flex;

  flex-direction: row;
}

.about-section-hangzhou .profile .decs {
  padding-right: 1.5rem;
}

.about-section-hangzhou .profile .pic {
  width: 10.125rem;

  flex-shrink: 0;
}

.about-section-jilin {
  background-color: #f7fafd;

  padding-top: 1.5rem;
}

.about-section-shandong {
  padding-top: 1.5rem;

  padding-bottom: 1rem;
}

.about-section-shandong .profile {
  display: flex;

  flex-direction: row;
}

.about-section-shandong .profile .decs {
  padding-left: 1.5rem;
}

.about-section-shandong .profile .pic {
  width: 10.125rem;

  flex-shrink: 0;
}

.founder-section {
  max-width: 1200px;

  margin: 0 auto;

  position: relative;

  padding-bottom: 1rem;
}

.founder-section::after {
  background: url(../images/founder-bg.png) no-repeat;

  content: "";

  display: block;

  height: 2rem;

  width: 100%;

  right: 0;

  bottom: 0;

  left: 0;

  background-size: cover;
}

.founder-section .people-introduct {
  display: flex;

  flex-direction: row;

  justify-content: space-between;
}

.founder-section .people-introduct.row-reverse {
  flex-flow: row-reverse;
}

.founder-section .people-introduct .people {
  width: 8rem;
}

.founder-section .people-introduct .people .name {
  height: 1.5rem;

  background: -webkit-linear-gradient(left, #2b7cc1, #0056a1);

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  font-size: 0.5rem;

  color: #fff;
}

.founder-section .people-introduct .people .name span {
  font-size: 0.4rem;

  opacity: 0.7;

  margin-left: 8px;
}

.founder-section .people-introduct .decs {
  width: 20.5rem;

  line-height: 1.6;

  font-size: 0.4rem;

  color: #2d2d2d;
}

.founder-section .people-introduct .decs h5 {
  font-size: 0.45rem;

  color: #2d2d2d;

  margin-bottom: 0.5rem;
}

.founder-section .people-introduct .decs ul {
  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  margin-top: 1rem;
}

.founder-section .people-introduct .decs ul li {
  width: 50%;

  color: #2d2d2d;

  padding: 0.1rem 0;

  position: relative;

  padding-left: 0.4rem;

  box-sizing: border-box;
}

.founder-section .people-introduct .decs ul li::before {
  content: "";

  width: 5px;

  height: 5px;

  background-color: #2d2d2d;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);
}

.founder-section .people-honer {
  margin-top: 1rem;

  display: flex;

  flex-direction: row;

  position: relative;

  overflow: hidden;
}

.founder-section .people-honer .cover-img {
  width: 100%;

  height: 215px;

  overflow: hidden;

  display: flex;

  flex-direction: row;

  justify-content: center;

  padding: 0.25rem;

  box-sizing: border-box;

  background-size: cover;
}

.founder-section .people-honer .cover-img .image {
  display: block;

  object-fit: contain;
}

.founder-section .people-honer span {
  display: block;

  text-align: center;

  font-size: 0.4rem;
}

.team-swiper {
  max-width: 1200px;

  margin: 0 auto;

  overflow: hidden;

  padding-bottom: 3rem;

  position: relative;
}

.team-swiper .swiper-slide {
  position: relative;
}

.team-swiper .swiper-slide dt {
  position: relative;

  height: 11.875rem;

  overflow: hidden;
}

.team-swiper .swiper-slide dd {
  font-size: 0.4rem;

  line-height: 1.8;

  padding-top: 0.4rem;
}

.team-swiper .swiper-slide:hover span {
  opacity: 1;

  visibility: visible;

  bottom: 0;
}

.team-swiper .swiper-slide:hover img {
  transform: scale(1.05);
}

.team-swiper .swiper-slide img {
  max-width: 100%;

  display: block;

  transition: 0.3s linear;
}

.team-swiper .swiper-slide span {
  padding: 20px;

  height: 1.5rem;

  background-color: rgba(45, 45, 45, 0.6);

  font-size: 0.4rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  color: #fff;

  position: absolute;

  bottom: -1.5rem;

  left: 0;

  right: 0;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s linear;
}

.team-swiper .swiper-pagination {
  bottom: 0.75rem !important;
}

.team-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.4rem;

  height: 0.4rem;
}

.team-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0056a1;
}

.next-btn,
.prev-btn {
  width: 1.05rem;

  height: 1.05rem;

  border: #e0e0e0 1px solid;

  border-radius: 50%;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  transition: 500ms all;
}

.next-btn::after,
.prev-btn::after {
  content: "\eb0b";

  font-family: iconfont;

  color: rgba(45, 45, 45, 0.6);
}

.next-btn:hover,
.prev-btn:hover {
  border: #0056a1 1px solid;

  background-color: #0056a1;

  color: #fff;
}

.next-btn:hover::after,
.prev-btn:hover::after {
  color: #fff;
}

.next-btn.next-btn::after,
.prev-btn.next-btn::after {
  content: "\eb09";
}

.controls {
  position: absolute;

  right: 14rem;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  bottom: 3.375rem;
}

.controls.next {
  right: 12.8rem;
}

.time-line {
  width: 100%;

  margin: 0 auto;

  position: relative;

  overflow: hidden;
}

.time-line .dates-decs {
  max-width: 15rem;

  position: absolute;

  z-index: 8 !important;
}

.time-line .dates-decs .contact-title {
  padding-top: 0;
}

.time-line .dates-decs p {
  color: rgba(45, 45, 45, 0.6);

  font-size: 0.375rem;

  line-height: 1.6;
}

.time-line .date-content {
  width: 9rem;

  height: 6.5rem;

  box-shadow: 0 0px 10px 0 rgba(45, 45, 45, 0.1);
}

.time-line .date-content:after {
  content: "";

  position: absolute;

  left: 50%;

  width: 1px;

  top: 100%;

  height: 1rem;

  opacity: 0;

  background-color: #0056a1;

  transform: scaleY(0);

  transform-origin: 100% 100%;
}

.time-line .date-content .date-image {
  width: 100%;

  height: 5.05rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  overflow: hidden;
}

.time-line .date-content .date-image img {
  object-fit: cover;

  max-width: 100%;
}

.time-line .date-content .date-text {
  width: 100%;

  height: 1.5rem;

  background-color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #2d2d2d;

  font-size: 0.4rem;
}

.culture-box {
  background: url(../images/culture-bg.png) no-repeat;

  background-size: cover;

  position: relative;
}

.culture-box::after {
  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0px;

  bottom: 0;

  background: #2d2d2d;

  opacity: 0.3;

  z-index: 1;
}

.culture-box .accordion-group {
  overflow: hidden;

  margin: 0 auto;

  padding: 0;

  list-style: none;

  width: 100%;

  max-width: 1200px;

  height: 15rem;

  display: flex;

  align-items: center;

  transition: all 300ms ease;
}

.culture-box .accordion-group li {
  cursor: pointer;

  position: relative;

  display: flex;

  align-items: center;

  flex-direction: column;

  overflow: hidden;

  margin: 0;

  padding: 1.875rem 1rem;

  list-style: none;

  width: 16.66666667%;

  height: inherit;

  transition: all 250ms ease-in-out;

  z-index: 2;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

  box-sizing: border-box;

  justify-content: center;
}

.culture-box .accordion-group li.out {
  width: 50%;

  justify-items: center;

  text-align: left;

  align-items: flex-start;

  padding: 1.875rem;
}

.culture-box .accordion-group li.out .name {
  text-align: left;
}

.culture-box .accordion-group li.out .decs {
  right: 0;

  display: block;
}

.culture-box .accordion-group li .name {
  font-size: 0.6rem;

  color: #fff;

  display: flex;

  flex-direction: column;

  text-align: center;
}

.culture-box .accordion-group li .decs {
  line-height: 1.6;

  font-size: 0.375rem;

  color: rgba(255, 255, 255, 0.75);

  margin-top: 1rem;

  transition: all 250ms ease-in-out;

  right: -300%;

  position: relative;

  display: none;
}

.staff-style {
  max-width: 1200px;

  margin: 1rem auto;
}

.staff-swiper {
  max-width: 1200px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  padding-top: 2rem;

  margin-top: -2rem;
}

.staff-swiper .swiper-slide {
  position: relative;

  overflow: hidden;
}

.staff-swiper .swiper-slide > :nth-child(3) {
  grid-area: m;
}

.staff-swiper .swiper-slide .item {
  display: grid;

  width: 100%;

  overflow: hidden;

  position: relative;

  place-items: center;
}

.staff-swiper .swiper-slide .item:hover span {
  opacity: 1;

  visibility: visible;

  bottom: 0;
}

.staff-swiper .swiper-slide .item:hover img {
  transform: scale(1.05);
}

.staff-swiper .swiper-slide .item img {
  max-width: 100%;

  display: block;

  transition: 0.3s linear;

  object-fit: cover;
}

.staff-swiper .swiper-slide .item span {
  height: 1.25rem;

  background-color: rgba(45, 45, 45, 0.6);

  font-size: 0.4rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  color: #fff;

  position: absolute;

  bottom: -1.5rem;

  left: 0;

  right: 0;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s linear;
}

.staff-swiper .swiper-button-next,
.staff-swiper .swiper-button-prev {
  width: 1.05rem;

  height: 1.05rem;

  background: none !important;

  right: 0;

  margin-top: 0;

  top: 0;
}

.staff-swiper .swiper-button-next:hover,
.staff-swiper .swiper-button-prev:hover {
  background-color: #0056a1 !important;
}

.staff-swiper .swiper-button-prev {
  right: 1.5rem !important;

  left: initial;
}

.mobile-menu {
  display: none;
}

.online {
  position: fixed;

  top: 35%;

  z-index: 999;

  right: 0;

  right: -3.375rem;
}

.online ul li {
  transition: all 0.5s ease-out 0s;

  position: relative;

  margin-bottom: 1px;

  cursor: pointer;

  transform: translateX(1.625rem);

  background-color: #f4f4f4;
}

.online ul li a {
  display: flex;

  flex-direction: row;
}

.online ul li:hover {
  transform: translateX(-3.375rem);

  transition: all 0.5s ease-out 0s;
}

.online ul li .iconfont {
  background-color: #0056a1;

  width: 1.625rem;

  height: 1.625rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 0.6rem;
}

.online ul li .name {
  width: 5rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  font-size: 0.45rem;

  color: #2d2d2d;
}

.online .top-btn {
  height: 1.625rem;

  width: 1.625rem;

  background-color: #fff;

  transform: translateX(1.625rem);
}

.swiper-container-wrapper .timeline-prev,
.swiper-container-wrapper .timeline-next {
  position: absolute;

  right: 10rem;

  bottom: 4rem;

  z-index: 8;

  cursor: pointer;
}

.swiper-container-wrapper .timeline-prev {
  right: 11.5rem;
}

.swiper-container-wrapper--timeline .swiper-slide {
  display: flex;

  min-height: 8rem;

  align-items: center;

  justify-content: flex-end;
}

.swiper-container-wrapper--timeline .swiper-slide .container {
  padding: 0;

  width: 100%;
}

.swiper-container-wrapper--timeline .swiper-slide .date-content {
  opacity: 0;

  transition: 0.5s ease 0.5s;

  margin-right: 10px;
}

.swiper-container-wrapper--timeline .swiper-slide-active .date-content {
  opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
  position: relative;

  margin-bottom: 70px;

  background-color: transparent;

  height: 4px;

  border-bottom: 1px solid #e0e0e0;

  width: 90%;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
  background-color: #0056a1;

  height: 3px;

  top: 2px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
  position: absolute;

  top: 2px;

  left: -100%;

  width: 100%;

  height: 3px;

  background-color: #0056a1;

  content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
  position: absolute;

  top: 3px;

  right: -100%;

  width: 100%;

  height: 1px;

  background-color: #e0e0e0;

  content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-custom {
  position: relative;

  list-style: none;

  margin: 0.4rem 0;

  padding: 0;

  display: flex;

  line-height: 1.66;

  bottom: 0;

  z-index: 11;

  width: 90%;

  display: flex;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch {
  position: relative;

  width: 100%;

  height: 30px;

  line-height: 30px;

  display: block;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch
  .switch-title {
  position: absolute;

  font-weight: 400;

  right: 0;

  transform: translateX(50%);

  transition: 0.2s all ease-in-out;

  transition-delay: 0s;

  font-family: Arial, Helvetica, sans-serif;

  cursor: pointer;

  z-index: 1;

  font-size: 16px;

  color: rgba(45, 45, 45, 0.6);
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch
  .switch-title:after {
  position: absolute;

  top: calc(100% + 19px);

  right: 50%;

  transform: translateX(50%) translateY(-50%);

  width: 12px;

  height: 12px;

  background: #0056a1;

  border-radius: 2rem;

  content: "";

  transition: 0.2s all ease-in-out;

  transition-delay: 0s;

  z-index: 1;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch.active
  .switch-title {
  font-weight: 500;

  transition-delay: 0.4s;

  color: #0056a1;

  font-size: 0.6rem;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch.active
  .switch-title:after {
  background: #0056a1;

  width: 25px;

  height: 25px;

  transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch.active
  ~ .swiper-pagination-switch
  .switch-title {
  color: #2d2d2d;
}

.swiper-container-wrapper--timeline
  .swiper-pagination-custom
  .swiper-pagination-switch.active
  ~ .swiper-pagination-switch
  .switch-title:after {
  background: #2d2d2d;
}

.timeline {
  position: relative;

  padding-bottom: 50px;

  /* Arrows */
}

.timeline .timeline-dates {
  box-sizing: border-box;

  height: 60px;

  position: relative;
}

.timeline .timeline-dates .swiper-slide {
  cursor: pointer;

  width: 20%;

  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;

  text-align: center;
}

.timeline .timeline-dates .swiper-slide:after {
  content: "";

  width: 0.3rem;

  height: 0.3rem;

  position: absolute;

  background-color: #000;

  border-radius: 50%;

  left: 50%;

  bottom: -2px;

  margin-right: -50%;

  transform: translateY(-50%);
}

.timeline .timeline-dates .swiper-slide > div {
  position: relative;

  transform: scale(1);

  opacity: 0.8;

  color: #2d2d2d;

  transition: all 2s cubic-bezier(0.16, 1, 0.3, 1) !important;

  font-size: 16px;

  font-family: Arial, Helvetica, sans-serif;
}

.timeline .timeline-dates .swiper-slide.swiper-slide-active > div {
  opacity: 1;

  transform: scale(1.5);

  transition: all 2s cubic-bezier(0.16, 1, 0.3, 1) !important;

  color: #0056a1;

  font-weight: bold;
}

.timeline .timeline-dates .swiper-slide.swiper-slide-active:after {
  background-color: #0056a1;

  transform: scale(1.5);

  bottom: 4px;
}

.timeline .timeline-dates.swiper-container:after {
  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 0;

  bottom: 10px;

  opacity: 1;

  border-bottom: 1px solid #e0e0e0;
}

.timeline .timeline-contents {
  padding-bottom: 20px;
}

.timeline .timeline-contents .swiper-slide .date-content {
  float: right;

  margin-right: 10px;
}

.timeline .timeline-buttons-container {
  position: absolute;

  bottom: 130px;

  right: 10rem;

  display: flex;
}

.timeline .timeline-button-next,
.timeline .timeline-button-prev {
  z-index: 2;

  cursor: pointer;

  margin: 0 6px;
}

.timeline .swiper-slide-content .swiper-slide {
  transition: opacity 2s cubic-bezier(0.16, 1, 0.3, 1) !important;

  opacity: 0.4;
}

.timeline .swiper-wrapper {
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.timeline .swiper-slide-content .swiper-slide-active {
  opacity: 1;
}

@media (min-width: 1360px) and (max-width: 1680px) {
  .time-line .dates-decs {
    max-width: 22rem !important;
  }

  .swiper-container-wrapper--timeline
    .swiper-pagination-custom
    .swiper-pagination-switch
    .switch-title:after {
    top: calc(100% + 14px);
  }

  .swiper-container-wrapper .timeline-prev,
  .swiper-container-wrapper .timeline-next {
    bottom: 5rem;
  }
}

@media (min-width: 1279px) {
  .fullpage-area .section {
    padding-bottom: 1.5rem;

    height: auto;
  }

  .fullpage-area .home-screen {
    padding-top: 2.5rem;

    padding-bottom: 0;
  }

  .section-title {
    margin-top: 0;
  }

  .fullpage-area .section.fp-auto-height {
    padding-bottom: 0;
  }
}


@media (max-width: 1279px) {
  .swiper-container-wrapper--timeline {
    display: none;
  }

  /* .nav-content {
    display: none;
  } */

  .open .mobile-menu {
    display: block;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 2.5rem;

    background-color: #fff;
  }

  .open .mobile-menu > li {
    margin: 0 0.6rem;

    border-bottom: #f4f4f4 1px solid;
  }

  .open .mobile-menu > li > a {
    line-height: 2.2rem;

    display: block;

    padding: 0 0.6rem;

    color: #2d2d2d;

    font-size: 0.6rem;

    position: relative;
  }

  .open .mobile-menu > li > a span::before {
    content: "\eb05";

    font-family: iconfont;

    display: block;

    position: absolute;

    right: 0.6rem;

    top: 50%;

    margin-top: -1.1rem;

    font-size: 0.75rem;

    transition: all 0.3s;
  }

  .open .mobile-menu > li > a.on {
    background-color: #f4f4f4;

    border-bottom: none;

    color: #0056a1;
  }

  .open .mobile-menu > li > a.on span::before {
    transform: rotate(180deg);
  }

  .open .mobile-menu > li > ul {
    padding: 0.5rem 0;
  }

  .open .mobile-menu > li > ul li {
    line-height: 2.4;

    padding: 0 0.4rem;

    font-size: 0.55rem;
  }

  .open .mobile-menu > li > ul li a {
    color: rgba(45, 45, 45, 0.6);
  }

  .open .mobile-menu .nav-dropdown {
    display: none;
  }

  .header .logo {
    margin-left: 1rem;
  }

  .header .nav-right .tel {
    display: none;
  }

  .header .menu-box {
    display: block;
  }

  .footer .copyright .inner {
    padding: 0 0.6rem;
  }
}

@media (min-width: 1023px) and (max-width: 1280px) {
  .wrapper,
  .sub-main,
  .founder-section,
  .staff-swiper,
  .team-swiper,
  .sub-main {
    max-width: 1152px;

    padding: 0 0.6rem;
  }

  .fullpage-area .section {
    padding-top: 0;

    padding-bottom: 1.5rem;

    height: auto;
  }

  .fullpage-area .section.home-screen {
    padding-top: 2.5rem;

    padding-bottom: 0;
  }

  .more-detail.more-btn {
    margin-top: 1.5rem;
  }

  .about-section-hangzhou {
    max-width: 1152px;

    padding: 0 0.6rem;
  }

  .technology-section .inner {
    padding-right: 0;
  }

  .technology-section .inner .tabs {
    right: 0;

    width: 9rem;
  }

  .technology-section .inner .tabs li {
    width: 8rem;

    padding-right: 0.5rem;
  }

  .technology-section .inner .tab-content {
    margin-right: 9rem;
  }

  .technology-section .inner .tab-content .item .detail {
    padding-left: 1rem;

    width: 33rem;
  }

  .fullpage-area .section.home-screen .swiper-banner .swiper-slide.img-height {
    height: 595px;

    background-size: cover;
  }

  .honer-section .carousel-gallery {
    height: auto;
  }

  .cooperation-section {
    padding-top: 1.5rem !important;
  }

  .founder-section .people-introduct.row-reverse .decs {
    padding-left: 0;

    padding-right: 1rem;
  }

  .founder-section .people-introduct .people {
    flex-shrink: 0;
  }

  .founder-section .people-introduct .people img {
    width: 100%;
  }

  .founder-section .people-introduct .decs {
    flex: auto;

    padding-left: 1rem;
  }

  .time-line {
    height: 12rem;
  }

  .time-line .dates-decs {
    min-width: 60%;
  }

  .time-line .dates-wrap {
    left: calc(80vw - 80px);
  }

  .controls {
    bottom: 5rem;
  }

  .contact-title {
    padding: 0 0.6rem;
  }

  .staff-swiper {
    margin-top: 0;
  }

  .honer-list li {
    width: calc((100% - 2.25rem) / 4);
  }

  .honer-list li:nth-child(4n) {
    margin-right: 0 !important;
  }

  .honer-list li:nth-child(5n) {
    margin-right: 0.75rem !important;
  }

  .time-line .dates-decs .contact-title {
    padding: 0.75rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper,
  .founder-section,
  .staff-swiper,
  .team-swiper,
  .sub-main {
    padding-left: 0.6rem;

    padding-right: 0.6rem;

    max-width: 100%;
  }

  .fullpage-area .section.home-screen .swiper-banner .swiper-slide.img-height {
    height: 440px;

    background-size: cover;
  }

  .fullpage-area .section {
    padding-top: 0;

    padding-bottom: 1rem;

    height: auto;
  }

  .fullpage-area .section.home-screen,
  .fullpage-area .section.technology-section {
    padding-bottom: 0;
  }

  .product-section {
    flex-direction: column;
  }

  .product-section .row-item {
    width: 100%;
  }

  .product-section .column-item {
    padding-left: 0;

    margin-top: 0.4rem;
  }

  .section-title {
    margin-top: 1rem;
  }

  .more-detail.more-btn {
    margin-top: 1rem;
  }

  .technology-section .inner {
    padding-right: 0;
  }

  .technology-section .inner .tabs {
    right: 0;

    width: 9rem;
  }

  .technology-section .inner .tabs li {
    width: 8rem;

    padding-right: 0.5rem;
  }

  .technology-section .inner .tab-content {
    margin-right: 9rem;
  }

  .technology-section .inner .tab-content .item .detail {
    padding-left: 1rem;

    width: 100%;
  }

  .news-section {
    flex-direction: column;
  }

  .news-section .row-item {
    width: 100%;
  }

  .news-section .row-item .info {
    padding-bottom: 0.6rem;
  }

  .news-section .column-item {
    padding-left: 0;
  }

  .honer-section .carousel-gallery {
    height: auto;

    min-width: auto;
  }

  .cooperation-section {
    padding-top: 1rem !important;
  }

  .cooperation-section .wrapper {
    flex-direction: column;
  }

  .cooperation-section .map {
    width: 100%;
  }

  .cooperation-section .cooperation-logo {
    width: 100%;

    justify-content: flex-start;

    display: grid;

    gap: 0.4rem;

    grid-template-columns: repeat(4, 1fr);
  }

  .cooperation-section .cooperation-logo li {
    margin-left: 0;
  }

  .footer .foot-menu dl {
    min-width: 3.75rem;
  }

  .about-section-hangzhou {
    padding: 0 0.6rem;
  }

  .founder-section .people-introduct.row-reverse .decs {
    padding-left: 0;

    padding-right: 1rem;
  }

  .founder-section .people-introduct .people {
    flex-shrink: 0;
  }

  .founder-section .people-introduct .people img {
    width: 100%;
  }

  .founder-section .people-introduct .decs {
    flex: auto;

    padding-left: 1rem;
  }

  .founder-section .people-honer li .cover-img {
    background: none;

    border: #4b211c 5px solid;
  }

  .time-line {
    height: 12rem;
  }

  .time-line .dates-decs {
    min-width: 60%;
  }

  .time-line .dates-wrap {
    left: calc(80vw - 80px);
  }

  .controls {
    bottom: 4rem;

    right: 11.5rem;
  }

  .controls.next {
    right: 10rem;
  }

  .team-swiper {
    padding-bottom: 2rem;
  }

  .team-swiper .swiper-slide {
    height: auto;
  }

  .honer-list li {
    width: calc((100% - 1.5rem) / 3);
  }

  .honer-list li:nth-child(3n) {
    margin-right: 0;
  }

  .honer-list li:nth-child(5n) {
    margin-right: 0.75rem;
  }

  .honer-list li a.ellipsis {
    text-align: center;
  }

  .sub-row-menu {
    width: 100%;

    height: auto;
  }

  .sub-row-menu .title span {
    width: 100%;

    font-size: 0.6rem;
  }

  .sub-row-menu .title span::after {
    position: absolute;

    right: 0.2rem;

    top: 0.4rem;
  }

  .sub-row-menu .mobile {
    display: none;

    z-index: 3;
  }

  .sub-main {
    flex-direction: column;
  }

  .sub-content {
    padding-left: 0;
  }
}

@media (max-width: 1040px) {
    
  .nav-content {
    display: none;
  } 
  }

@media (max-width: 767px) {
  .wrapper {
    margin-left: 0.6rem;

    margin-right: 0.6rem;
  }

  .more-detail {
    font-size: 0.55rem;
  }

  .more-detail.more-btn {
    margin-top: 0.8rem;

    margin-bottom: 0.8rem;

    margin-left: 0.6rem;

    margin-right: 0.6rem;

    width: calc(100%- 1.2rem);

    height: 1.5rem;

    font-size: 0.6rem;
  }

  .news-list li .time {
    width: 20%;

    text-align: center;

    padding-right: 5%;

    font-size: 0.5rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
  }

  .news-list li .time span {
    font-size: 0.8rem;
  }

  .news-list li .info {
    width: 75%;
  }

  .news-list li .info .title {
    font-size: 0.6rem;
  }

  .news-list li .info p {
    font-size: 0.55rem;
  }

  .sub-column-menu {
    display: none;
  }

  .contact-title {
    font-size: 0.9rem;
  }

  .single-page {
    font-size: 0.55rem;
  }

  .fullpage-area .section {
    padding-top: 0;

    height: auto;
  }

  .fullpage-area .home-screen {
    padding-top: 2.5rem;

    height: 270px;

    overflow: hidden;
  }

  .fullpage-area .home-screen .swiper-banner .swiper-slide {
    height: 100%;
  }

  .header .logo {
    margin-left: 0.6rem;
  }

  .product-section {
    flex-direction: column;
  }

  .product-section .row-item {
    width: 100%;
  }

  .product-section .row-item .info .title {
    font-size: 0.65rem;
  }

  .product-section .row-item .info p {
    font-size: 0.55rem;
  }

  .product-section .column-item {
    padding-left: 0;

    grid-template-columns: repeat(1, 1fr);

    margin-top: 0.4rem;
  }

  .product-section .column-item li .info {
    padding: 0.25rem 0.5rem;
  }

  .product-section .column-item li .info .title {
    font-size: 0.6rem;
  }

  .product-section .column-item li .info p {
    font-size: 0.55rem;
  }

  .product-section .column-item li .info .more-detail {
    padding-top: 0;
  }

  .technology-section .inner {
    flex-direction: column;

    padding-right: 0;
  }

  .technology-section .inner .tabs {
    position: relative;

    right: 0;

    width: auto;

    flex-direction: row;

    flex-wrap: wrap;
  }

  .technology-section .inner .tabs li {
    width: 50%;

    box-sizing: border-box;

    margin-bottom: 0;

    padding-right: 1rem;
  }

  .technology-section .inner .tabs li.current {
    width: 50%;
  }

  .technology-section .inner .tabs li a span {
    font-size: 0.55rem;
  }

  .technology-section .inner .tab-content {
    margin-right: 0;
  }

  .technology-section .inner .tab-content .item .detail {
    padding: 0.6rem;

    font-size: 0.55rem;
  }

  .news-section {
    flex-direction: column;
  }

  .news-section .row-item {
    width: 100%;
  }

  .news-section .row-item .info .title {
    font-size: 0.6rem;
  }

  .news-section .row-item .info p {
    font-size: 0.55rem;
  }

  .news-section .column-item {
    padding-left: 0;

    margin-top: 0.8rem;
  }

  .honer-section .carousel-gallery {
    height: auto;

    min-width: auto;
  }

  .honer-section .carousel-gallery .swiper-slide {
    width: 100%;
  }

  .honer-section .carousel-gallery .swiper-slide .image {
    width: 100%;
  }

  .honer-section .carousel-gallery .swiper-slide .ellipsis {
    font-size: 0.55rem;
  }

  .cooperation-section .wrapper {
    flex-direction: column;
  }

  .cooperation-section .cooperation-logo {
    display: none;
  }

  .cooperation-section .map {
    width: 100%;

    padding-top: 1.2rem;
  }

  .cooperation-section .map .scroll-num {
    font-size: 0.55rem;
  }

  .footer .foot-menu dl {
    display: none;
  }

  .footer .foot-menu dl:last-child {
    min-width: 100%;

    justify-content: center;
  }

  .footer .foot-menu dl:last-child .wechat-box img {
    width: 3.75rem;

    height: auto;
  }

  .footer .foot-menu dl:last-child .wechat-box span {
    font-size: 0.55rem;
  }

  .footer .copyright {
    height: auto;

    padding: 0 0.6rem;

    line-height: 1.5;

    font-size: 0.5rem;

    padding: 0.4rem;
  }

  .footer .copyright .inner span {
    display: none;
  }

  .sub-banner {
    height: 7rem;
  }

  .sub-banner .txt-content {
    padding-left: 10%;
  }

  .sub-banner .txt-content span {
    font-size: 1rem;
  }

  .sub-site {
    font-size: 0.55rem;
  }

  .about-section {
    padding: 0.6rem;

    font-size: 0.55rem;
  }

  .about-section h3 {
    font-size: 0.8rem;
  }

  .about-section-hangzhou .profile {
    flex-direction: column;
  }

  .about-section-hangzhou .profile .decs {
    padding-right: 0;
  }

  .about-section-hangzhou .profile .pic {
    width: 100%;

    margin-top: 0.6rem;
  }

  .about-section-jilin .wrapper,
  .about-section-shandong .wrapper {
    margin: 0;
  }

  .about-section-shandong .profile {
    flex-direction: column;
  }

  .about-section-shandong .profile .pic {
    width: 100%;
  }

  .about-section-shandong .profile .decs {
    padding-left: 0;

    margin-top: 0.6rem;
  }

  .founder-section {
    padding: 0.6rem;
  }

  .founder-section::after {
    background-size: contain;

    height: 1rem;
  }

  .founder-section .people-introduct {
    flex-direction: column;
  }

  .founder-section .people-introduct.row-reverse {
    flex-flow: column;
  }

  .founder-section .people-introduct .people {
    width: 100%;
  }

  .founder-section .people-introduct .people img {
    width: 100%;
  }

  .founder-section .people-introduct .people .name {
    font-size: 0.6rem;

    height: 2rem;
  }

  .founder-section .people-introduct .decs {
    width: auto;

    font-size: 0.55rem;

    margin-top: 0.6rem;
  }

  .founder-section .people-introduct .decs ul {
    flex-direction: column;
  }

  .founder-section .people-introduct .decs ul li {
    width: 100%;
  }

  .founder-section .people-introduct .decs h5 {
    display: none;
  }

  .founder-section .people-honer li {
    width: 50%;
  }

  .founder-section .people-honer li .cover-img {
    width: 100%;

    height: 5.8rem;

    background: none;
  }

  .founder-section .people-honer li span {
    display: block;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    width: 100%;

    font-size: 0.55rem;
  }

  .time-line {
    height: auto;

    margin: 0.6rem 0;

    position: relative;
  }

  .time-line .dates-decs {
    max-width: 100%;

    position: initial;
  }

  .time-line .dates-decs p {
    font-size: 0.55rem;
  }

  .time-line .dates-overflow,
  .time-line .controls,
  .time-line .timeline {
    display: none;
  }

  .culture-box .accordion-group {
    height: 10rem;
  }

  .culture-box .accordion-group li {
    width: 25%;

    padding: 0;
  }

  .culture-box .accordion-group li.out {
    width: 25%;

    padding: 0;

    align-items: center;
  }

  .culture-box .accordion-group li.out .decs {
    display: none;
  }

  .staff-style {
    margin-top: 0;

    padding-left: 0.6rem;

    padding-right: 0.6rem;
  }

  .staff-style .swiper-slide {
    display: block;
  }

  .staff-style .swiper-slide .item:nth-child(3) {
    display: block;

    width: 100%;

    height: 100%;
  }

  .team-swiper {
    margin: 0.6rem 0.6rem 0 0.6rem;

    padding-bottom: 2rem;
  }

  .team-swiper .swiper-slide {
    height: auto;
  }

  .team-swiper .swiper-pagination {
    bottom: 0;
  }

  .sub-main {
    flex-direction: column;
  }

  .sub-row-menu {
    width: 100%;

    height: auto;

    margin-top: 0;
  }

  .sub-row-menu .title span {
    width: 100%;

    font-size: 0.6rem;
  }

  .sub-row-menu .title span::after {
    position: absolute;

    right: 0.2rem;

    top: 0.4rem;
  }

  .sub-row-menu .mobile {
    display: none;

    z-index: 3;
  }

  .accordion .accordion__item > .accordion-header {
    font-size: 0.6rem;
  }

  .accordion
    .accordion__item
    > .accordion-body
    .accordion-body__contents
    ul
    li
    a {
    font-size: 0.55rem;
  }

  .sub-content {
    padding: 0.6rem;
  }

  .product-list li {
    flex-direction: column;
  }

  .product-list li .cover-pic {
    width: 100%;
  }

  .product-list li .info {
    padding: 0.6rem;
  }

  .product-list li .info .title {
    font-size: 0.6rem;
  }

  .product-list li .info p {
    font-size: 0.55rem;
  }

  .product-head {
    flex-direction: column;
  }

  .product-head .swiper-product {
    width: 100%;

    height: auto;

    background-color: #fff;
  }

  .product-head .product-info {
    padding-left: 0;
  }

  .product-head .product-info h3 {
    font-size: 0.9rem;

    font-weight: normal;
  }

  .product-head .product-info ul {
    margin-top: 0.6rem;

    font-size: 0.55rem;
  }

  .product-detail .title {
    height: 1.6rem;
  }

  .product-detail .title span {
    height: 1.6rem;

    font-size: 0.6rem;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    width: 20%;

    color: #2d2d2d;
  }

  .product-detail .item {
    font-size: 0.55rem;
  }

  .honer-list {
    margin-top: 0.6rem;

    display: flex;

    justify-content: space-between;
  }

  .honer-list li {
    width: 48%;

    margin-right: 0;
  }

  .headlines {
    flex-direction: column;
  }

  .headlines .info {
    padding: 0.6rem;
  }

  .headlines .info .time {
    display: none;
  }

  .headlines .info .title {
    font-size: 0.6rem;

    line-height: 1.2;
  }

  .headlines .info p {
    font-size: 0.55rem;

    margin-top: 0.6rem;
  }

  .headlines .cover-pic {
    width: 100%;
  }

  .pageswitch {
    flex-direction: column;
  }

  .pageswitch .prev,
  .pageswitch .next {
    width: 100%;

    font-size: 0.55rem;
  }

  .pageswitch .prev > span,
  .pageswitch .next > span {
    min-width: 2.6rem;
  }

  .pageswitch .return {
    display: none;
  }

  .contact-cooperation {
    flex-direction: column;
  }

  .contact-cooperation .form-box {
    width: 100%;

    font-size: 0.55rem;
  }

  .contact-cooperation .form-box ul li .text-input {
    height: 1.6rem;

    font-size: 0.55rem;
  }

  .contact-cooperation .form-box ul li .textarea {
    height: 5rem;

    font-size: 0.55rem;
  }

  .contact-cooperation .form-box .submit-btn {
    height: 1.75rem;

    width: 100%;

    font-size: 0.6rem;
  }

  .contact-cooperation .contact-info {
    width: 100%;

    padding-left: 0;

    margin-top: 0.6rem;
  }

  .contact-cooperation .contact-info li {
    justify-content: center;

    align-items: center;

    text-align: center;

    padding: 0.6rem;
  }

  .contact-cooperation .contact-info li p {
    font-size: 0.6rem;
  }

  .contact-cooperation .contact-info li p span {
    font-size: 0.55rem;
  }

  .contact-cooperation .contact-info li .iconfont {
    font-size: 1.2rem;
  }

  .contact-map {
    margin: 0.6rem 0;
  }

  .talent-list li .tit-area {
    font-size: 0.6rem;

    padding: 0.4rem 0.6rem;
  }

  .talent-list li .tit-area span.tit::after {
    font-size: 0.8rem;
  }

  .contact-talent::before {
    display: none;
  }

  .contact-talent::after {
    top: 0;
  }

  .contact-way {
    flex-direction: column;

    background-size: cover;

    height: auto;

    align-items: flex-start;

    font-size: 0.55rem;

    line-height: 1.4;

    padding: 0.6rem;

    border-radius: 0.25rem;

    overflow: hidden;
  }

  .contact-way li {
    padding-right: 0;
  }

  .sub-site .wrapper.right {
    justify-content: flex-start;
  }

  .sub-site .wrapper a {
    display: block;
  }

  .sub-site .wrapper a:nth-child(3n) {
    display: none;
  }

  .cooperation-section #scroll {
    display: none;
  }

  .founder-section .people-honer .cover-img .image {
    width: 100%;

    object-fit: contain;
  }

  .team-swiper .swiper-slide dd {
    font-size: 0.6rem;
  }
}

.fancybox-caption {
  text-align: center;

  border-top: none !important;
}