@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 199;
  padding: 0 5.21vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  transition: background 0.5s;
}
.header.scroll,
.header.innerbg {
  background: #fff;
}
.header.animate .logo {
  transform: none;
  transition: 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}
.header.animate .navs li {
  transform: none;
  transition: 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98);
  transition-delay: 0.1s;
}
.header.animate .navs li:nth-child(2) {
  transition-delay: 0.15s;
}
.header.animate .navs li:nth-child(3) {
  transition-delay: 0.2s;
}
.header.animate .navs li:nth-child(4) {
  transition-delay: 0.25s;
}
.header.animate .navs li:nth-child(5) {
  transition-delay: 0.35s;
}
.header.animate .navs li:nth-child(5) {
  transition-delay: 0.4s;
}
.header.animate .navs li:nth-child(5) {
  transition-delay: 0.45s;
}
.header.animate .header-tel {
  transform: none;
  transition: 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98);
  transition-delay: 0.55s;
}
.header.animate .lang {
  transform: none;
  transition: 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98);
  transition-delay: 0.6s;
}
.logo {
  display: block;
  line-height: 1;
  width: auto;
  height: 52px;
  transform: translate3d(0, -80px, 0);
}
.logo img {
  display: inline-block;
  width: auto;
  max-height: 100%;
}
.header-right {
  display: flex;
  align-items: center;
}
.navs {
  display: flex;
}
.navs > li {
  position: relative;
  padding: 12px 0;
  margin-right: 3.44vw;
  transform: translate3d(0, -80px, 0);
  transition: 0s;
}
.navs > li:last-child {
  margin-right: 0;
}
.navs > li:hover > a,
.navs > li.active > a {
  color: #FACF00;
}
.navs > li > a {
  display: inline-block;
  color: #262626;
  font-size: 16px;
  transition: 0.3s;
}
.navs > li:hover .navs-menu {
  opacity: 1;
  pointer-events: visible;
  clip-path: inset(0 0 0 0);
}
.navs-menu {
  position: absolute;
  left: 50%;
  padding: 15px 20px;
  transform: translateX(-50%);
  top: 100%;
  background: #fff;
  box-shadow: 0 0 46px rgba(0, 0, 0, 0.26);
  clip-path: inset(0 0 100% 0);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}
.navs-menu li {
  text-align: center;
  margin-bottom: 8px;
}
.navs-menu li:last-child {
  margin-bottom: 0;
}
.navs-menu li a {
  display: block;
  white-space: nowrap;
  font-size: 15px;
}
.navs-menu li a:hover {
  color: #FACF00;
}
.header-tel {
  margin: 0 3.91vw 0 6.46vw;
  transform: translate3d(0, -80px, 0);
  transition: 0s;
}
.header-tel span {
  display: block;
  color: #262626;
  font-size: 20px;
}
.lang {
  position: relative;
  transform: translate3d(0, -80px, 0);
  transition: 0s;
}
.lang-defaul {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lang-defaul:hover span {
  color: #FACF00;
}
.lang-defaul img {
  display: inline-block;
  width: 22px;
  height: auto;
}
.lang-defaul span {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  font-size: 14px;
  transition: 0.38s;
}
.banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.banner-swiper .swiper-pagination {
  left: 12.5vw;
  bottom: 2.86vw;
  z-index: 3;
  display: flex;
  width: auto;
  align-items: center;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 20px;
  width: 38px;
  height: 38px;
  position: relative;
  border-radius: 50%;
  opacity: 1;
  background: none;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  transform: scale(1) rotate(180deg);
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #262626;
  transform: scale(0);
  transition: 0.5s;
}
.banner-slide {
  overflow: hidden;
}
.banner-slide a {
  display: block;
}
.banner-slide figure {
  display: block;
  line-height: 1;
  height: 100vh;
}
.banner-slide figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: 3s;
}
.banner-slide.swiper-slide-active figure img {
  transform: scale(1);
}
.banner-slide.swiper-slide-active .bsmall img {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.3s;
}
.banner-slide.swiper-slide-active .b-hide strong,
.banner-slide.swiper-slide-active .b-hide p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.banner-slide.swiper-slide-active .b-hide p {
  transition-delay: 0.7s;
}
.btext.articleShow .bsmall img {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.3s;
}
.btext.articleShow .b-hide strong,
.btext.articleShow .b-hide p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.btext.articleShow .b-hide p {
  transition-delay: 0.7s;
}
.btext {
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
  padding-top: 2.86vw;
  width: 100%;
  z-index: 10;
}
.bsmall {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  z-index: -1;
}
.bsmall img {
  display: inline-flex;
  width: auto;
  height: 6.61vw;
  clip-path: inset(0 0 100% 0);
  transition: 0.88s 1s;
}
.b-hide {
  margin-bottom: 1.15vw;
  text-align: center;
  overflow: hidden;
}
.b-hide:last-child {
  margin-bottom: 0;
}
.b-hide strong {
  display: block;
  line-height: 1.1;
  font-size: 2.6vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: 0.6s 1s;
}
.b-hide p {
  color: #262626;
  font-size: 1.25vw;
  line-height: 1.5;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: 0.6s 1s;
}
.about-home {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-home-imgs {
  overflow: hidden;
  width: 43.85%;
  height: 100vh;
}
.about-home-imgs figure {
  display: block;
  line-height: 1;
  overflow: hidden;
  height: 100vh;
}
.about-home-imgs figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-home-wrap {
  padding: 0 12.5vw;
  margin-top: 100px;
  width: 0;
  flex: 1;
}
.home-title strong {
  display: inline-block;
  padding-right: 35px;
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
  color: #262626;
  font-size: 36px;
}
.home-title strong i {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3E3A39;
}
.home-title strong i:before {
  position: absolute;
  right: -11px;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(250, 207, 0, 0.8);
}
.home-title small {
  display: block;
  line-height: 1;
  font-size: 20px;
  text-transform: uppercase;
}
.home-about-info {
  margin-top: 5.21vw;
  margin-bottom: 2.4vw;
}
.home-about-info p {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.homem-about-data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6.98vw;
}
.about-data-item {
  display: flex;
}
.about-data-item b {
  display: inline-block;
  color: #FACF00;
  font-size: 3.65vw;
  font-weight: normal;
  font-family: "Teko";
  line-height: 0.9;
  opacity: 0;
  transform: translateY(110%);
  transition: 0.6s;
}
.about-fix {
  margin-left: 20px;
  padding-top: 5px;
}
.about-fix span {
  display: block;
  margin-bottom: 12px;
  line-height: 1;
  color: #FACF00;
  font-size: 14px;
}
.about-fix p {
  line-height: 1;
  font-size: 14px;
}
.common-btns a,
.common-btns span {
  display: inline-flex;
  align-items: center;
}
.common-btns a:hover span,
.common-btns span:hover span {
  color: #FACF00;
}
.common-btns a:hover i,
.common-btns span:hover i {
  text-indent: 3px;
}
.common-btns a i,
.common-btns span i {
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #FACF00;
  border-radius: 50%;
  color: #262626;
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s;
}
.common-btns a span,
.common-btns span span {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  color: #393536;
  font-family: "HarmonyOS-Medium";
  transition: 0.35s;
}
.home-culture-imgs {
  width: 36.4583vw;
}
.corpo-culture {
  padding: 5.2083vw 13.2813vw 0 12.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.corpo-culture-text {
  margin-top: 6.3542vw;
  margin-bottom: 9.1667vw;
  width: 408px;
}
.corpo-culture-text p {
  color: #262626;
  font-size: 24px;
}
.corpo-culture-text p b {
  color: #FACF00;
  font-weight: normal;
}
.certificate {
  background-attachment: local;
  background-size: cover;
  background-position: center;
  height: 100vh;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}
.certificate-wrap {
  text-align: center;
}
.certificate-tt {
  margin-top: 2.6042vw;
  margin-bottom: 4.5833vw;
}
.certificate-tt strong {
  display: block;
  color: #262626;
  font-size: 30px;
  font-family: "HarmonyOS-Medium";
}
.certificate-list {
  display: flex;
  justify-content: center;
}
.certificate-list li {
  width: 270px;
  text-align: center;
}
.certificate-list li:hover figure {
  transform: translateY(-7px);
}
.certificate-list li figure {
  display: block;
  margin-bottom: 22px;
  width: auto;
  height: 130px;
  transition: 0.4s;
}
.certificate-list li figure img {
  display: inline-flex;
  width: auto;
  height: 100%;
}
.certificate-list li p {
  color: #262626;
  font-size: 16px;
  line-height: 1.4;
}
.fiber {
  padding: 5.2083vw 14.8958vw 0 12.5vw;
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: 100vh;
}
.fiber-text {
  margin-top: 8.0208vw;
  margin-bottom: 8.8542vw;
  width: 27.6042vw;
}
.fiber-text strong {
  display: block;
  margin-bottom: 28px;
  color: #262626;
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
}
.fiber-text p {
  color: #828282;
  font-size: 16px;
}
.home-slide.swiper-slide-active .fiber-middle img,
.fiber-imgs.articleShow .fiber-middle img {
  transform: scale(1);
  transition-delay: 0.4s;
}
.home-slide.swiper-slide-active .fiber-line,
.fiber-imgs.articleShow .fiber-line {
  transform: scale(1);
  transition-delay: 0.5s;
}
.home-slide.swiper-slide-active .fiber-line.line2,
.fiber-imgs.articleShow .fiber-line.line2 {
  transition-delay: 0.6s;
}
.home-slide.swiper-slide-active .fiber-line.line3,
.fiber-imgs.articleShow .fiber-line.line3 {
  transition-delay: 0.7s;
}
.home-slide.swiper-slide-active .fiber-item,
.fiber-imgs.articleShow .fiber-item {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0.88s;
}
.home-slide.swiper-slide-active .fiber-item.fiber-color1,
.fiber-imgs.articleShow .fiber-item.fiber-color1 {
  transition-delay: 1.4s;
}
.fiber-imgs {
  position: relative;
  width: 39.1667vw;
}
.fiber-imgs .fiber-bgs img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.fiber-middle {
  position: absolute;
  left: 38.7%;
  top: 32.33%;
  width: 28.12%;
  line-height: 1;
}
.fiber-middle img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(0);
  transition: 1s;
}
.fiber-line {
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transform: scale(0);
  transition: 1s;
}
.fiber-line.line1 {
  margin-left: -64%;
  margin-top: -64%;
  width: 128%;
  height: 128%;
}
.fiber-line.line2 {
  margin-left: -81%;
  margin-top: -81%;
  width: 162%;
  height: 162%;
  border: 1px solid rgba(0, 0, 0, 0.22);
}
.fiber-line.line3 {
  margin-left: -95%;
  margin-top: -95%;
  width: 190%;
  height: 190%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.fiber-item {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  background: #FACF00;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.fiber-item span {
  display: inline-block;
  color: #262626;
  font-size: 16px;
}
.fiber-item.fiber-color {
  margin-left: -45px;
  margin-top: -45px;
  width: 91px;
  height: 91px;
}
.fiber-item.fiber-color1 {
  margin-left: -36px;
  margin-top: -36px;
  width: 72px;
  height: 72px;
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.fiber-item.fiber-item1 {
  left: 21.29%;
  top: 53.5%;
}
.fiber-item.fiber-item2 {
  left: 41.54%;
  top: 13.33%;
}
.fiber-item.fiber-item3 {
  left: 49.03%;
  top: 90%;
}
.fiber-item.fiber-item4 {
  left: 80.77%;
  top: 31.33%;
}
.fiber-item.fiber-item5 {
  left: 73.54%;
  top: 79.33%;
}
.fiber-item.fiber-item6 {
  left: 6.32%;
  top: 73.666%;
}
.fiber-item.fiber-item7 {
  left: 22.7%;
  top: 23.66%;
}
.fiber-item.fiber-item8 {
  left: 26.83%;
  top: 80%;
}
.fiber-item.fiber-item9 {
  left: 65.8%;
  top: 8.83%;
  width: 92px;
  height: 92px;
  margin-left: -46px;
  margin-top: -46px;
}
.fiber-item.fiber-item10 {
  left: 86.45%;
  top: 58.33%;
}
.fiber-item.fiber-item11 {
  left: 94.19%;
  top: 8.66%;
}
.starfield {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.starfield .moving-1,
.starfield .moving-2,
.starfield .moving-3,
.starfield .static {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-transform-origin: 0 37vh;
  transform-origin: 0 37vh;
}
.home-news {
  padding: 0 12.5vw;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-news-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 46px;
}
.hone-news-list {
  display: flex;
  flex-wrap: wrap;
}
.hone-news-list li {
  margin-right: 5%;
  width: 30%;
}
.hone-news-list li:nth-child(3n+3) {
  margin-right: 0;
}
.hone-news-list li figure {
  position: relative;
  display: block;
  padding-bottom: 61.32%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 6px;
}
.hone-news-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hone-news-list li figure img {
  transition: 0.65s;
}
.hone-news-list li a:hover figure img {
  transform: scale(1.06);
}
.hone-news-list li a:hover .home-news-info strong {
  color: #FACF00;
}
.home-news-wrap {
  width: 100%;
}
.home-news-info {
  margin-top: 30px;
}
.home-news-info b {
  display: block;
  margin-bottom: 1.4583vw;
  line-height: 1.2;
  color: #828282;
  font-size: 16px;
  font-weight: normal;
}
.home-news-info strong {
  display: block;
  color: #262626;
  line-height: 1.5;
  font-size: 20px;
  font-weight: normal;
  height: 60px;
  transition: 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  margin-top: 1.3542vw;
}
.news-time time {
  display: inline-flex;
  align-items: center;
  color: #828282;
  font-size: 15px;
}
.news-time time i {
  display: inline-block;
  margin-right: 14px;
  font-style: normal;
  font-size: 22px;
}
.news-time span {
  display: inline-flex;
  align-items: center;
  color: #828282;
  font-size: 14px;
  text-transform: uppercase;
}
.news-time span i {
  display: inline-block;
  margin-left: 15px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #FACF00;
  color: #333333;
  font-size: 12px;
  border-radius: 50%;
}
.footer {
  background: #3E3A39 url(../images/footer.svg) left top no-repeat;
  border-top: 5px solid #FACF00;
}
.footer-top {
  padding: 4.8958vw 12.5vw 4.1667vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-logo {
  margin-bottom: 36px;
}
.footer-logo img {
  display: inline-block;
  width: auto;
  height: 80px;
}
.address p {
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
}
.address p:last-child {
  margin-bottom: 0;
}
.footer-navs {
  display: flex;
  align-items: flex-start;
}
.footer-navs-item {
  display: inline-block;
  margin-right: 4.6875vw;
}
.footer-navs-item:last-child {
  margin-right: 0;
}
.footer-navs-item dt {
  display: block;
  margin-bottom: 30px;
}
.footer-navs-item dt a {
  display: inline-block;
  line-height: 1.2;
  color: #fff;
  font-size: 18px;
}
.footer-navs-item dt a:hover {
  color: #FACF00;
}
.footer-navs-item dd {
  display: block;
}
.footer-navs-item dd p {
  position: relative;
  margin-bottom: 16px;
}
.footer-navs-item dd p a {
  display: inline-block;
  position: relative;
  line-height: 1.3;
  color: #919191;
  font-size: 15px;
}
.footer-navs-item dd p a:before {
  position: absolute;
  left: -12px;
  top: 8px;
  content: "";
  width: 3px;
  height: 3px;
  background: #919191;
  border-radius: 50%;
}
.footer-navs-item dd p a:hover {
  color: #FACF00;
}
.footer-eq {
  padding: 13px 0;
  width: 118px;
  text-align: center;
  background: #fff;
}
.footer-eq figure {
  display: block;
  margin: auto;
  width: 90px;
  line-height: 1;
}
.footer-eq figure img {
  display: block;
  width: 100%;
  height: auto;
}
.footer-eq p {
  margin-top: 15px;
  line-height: 1;
  color: #262626;
  font-size: 14px;
}
.footer-copy {
  padding: 18px 12.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-copy-network {
  display: flex;
}
.footer-copy-network p {
  margin-right: 12px;
  color: #919191;
  font-size: 14px;
}
.footer-copy-network p:last-child {
  margin-right: 0;
}
.footer-copy-network a {
  color: #919191;
}
.footer-copy-network a:hover {
  color: #fff;
}
.footer-sm {
  display: flex;
}
.footer-sm a {
  margin-right: 22px;
  position: relative;
  display: inline-block;
  color: #919191;
  font-size: 14px;
}
.footer-sm a:hover {
  color: #fff;
}
.footer-sm a:before {
  position: absolute;
  right: -18px;
  top: 50%;
  margin-top: -7px;
  content: "丨";
  line-height: 1;
  color: #919191;
  font-size: 14px;
}
.footer-sm a:last-child {
  margin-right: 0;
}
.footer-sm a:last-child:before {
  display: none;
}
.home-swiper {
  height: 100vh;
}
.home-swiper .home-pagination {
  right: 5.2083vw;
  margin-top: 30px;
}
.home-swiper .home-pagination.active .swiper-pagination-bullet {
  background: #D9D9D9;
}
.home-swiper .home-pagination.active .swiper-pagination-bullet:before {
  background: #D1CFCF;
}
.home-swiper .home-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  margin-bottom: 30px;
  width: 14px;
  height: 14px;
  opacity: 1;
  background: #fff;
  transition: 0.35s;
}
.home-swiper .home-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  bottom: -25px;
  content: "";
  width: 1px;
  height: 15px;
  background: #fff;
}
.home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FACF00;
}
.home-swiper .home-pagination .swiper-pagination-bullet:nth-child(6):before {
  display: none;
}
.home-swiper .home-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
  display: none;
}
.home-swiper .home-pagination .swiper-pagination-bullet:last-child:before {
  display: none;
}
.home-slide {
  overflow: hidden;
}
.home-slide.swiper-slide-active .about-data-item b {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 1s;
}
.home-slide.swiper-slide-active .article-block.slidetop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.home-slide.swiper-slide-active .article-block.slidetop.detay1 {
  transition-delay: 0.65s;
}
.home-slide.swiper-slide-active .article-block.slidetop.detay2 {
  transition-delay: 0.9s;
}
.home-slide.swiper-slide-active .article-block.slidetop.detay3 {
  transition-delay: 1.1s;
}
.home-slide.swiper-slide-active .slideList > div,
.home-slide.swiper-slide-active .slideList > li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.home-slide.swiper-slide-active .slideList > div:nth-child(2),
.home-slide.swiper-slide-active .slideList > li:nth-child(2) {
  transition-delay: 0.6s;
}
.home-slide.swiper-slide-active .slideList > div:nth-child(3),
.home-slide.swiper-slide-active .slideList > li:nth-child(3) {
  transition-delay: 0.8s;
}
.home-slide.swiper-slide-active .slideList > div:nth-child(4),
.home-slide.swiper-slide-active .slideList > li:nth-child(4) {
  transition-delay: 1s;
}
.home-slide.swiper-slide-active .slideList > div:nth-child(5),
.home-slide.swiper-slide-active .slideList > li:nth-child(5) {
  transition-delay: 1.2s;
}
.home-slide.swiper-slide-active .pathClie2 {
  opacity: 1;
  clip-path: circle(100% at center);
  transition-delay: 0.5s;
}
.home-slide.swiper-slide-active .pathClie1 {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.pbanner {
  position: relative;
  overflow: hidden;
}
.pbanner figure {
  position: relative;
  display: block;
  padding-bottom: 41.77%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.pbanner figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbanner .btext {
  top: 50%;
  z-index: 10;
}
.leval-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
}
.leval-menu-list {
  display: flex;
}
.leval-menu-list li {
  margin-right: 4.6875vw;
}
.leval-menu-list li:last-child {
  margin-right: 0;
}
.leval-menu-list li.active a:before,
.leval-menu-list li:hover a:before {
  transform: scaleX(1);
}
.leval-menu-list li a {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #262626;
  font-size: 16px;
}
.leval-menu-list li a:before {
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -6px;
  z-index: -1;
  content: "";
  width: 46px;
  height: 12px;
  transform: scaleX(0);
  background: url(../images/line.svg) center no-repeat;
  background-size: 100% auto;
  transition: 0.35s;
}
.leval-posite {
  display: flex;
  align-items: center;
}
.leval-posite a {
  display: inline-flex;
  align-items: center;
  color: #262626;
  font-size: 16px;
}
.leval-posite a img {
  display: inline-block;
  margin-right: 16px;
  width: 18px;
  height: auto;
}
.leval-posite b {
  display: inline-block;
  margin: 0 15px;
  width: 8px;
  height: 2px;
  background: #262626;
}
.leval-posite span {
  display: inline-block;
  color: #828282;
  font-size: 16px;
}
.introduct {
  display: flex;
  justify-content: space-between;
}
.introduct-info {
  flex: 1;
  display: flex;
  align-items: center;
  width: 0;
  background: url(../img/18.png) center no-repeat;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.introduct-wr {
  padding: 0 8.8542vw 0 12.5vw;
}
.introduct-imgs {
  width: 41.14%;
}
.introduct-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 97.72%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.introduct-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduct-top {
  margin-bottom: 2.2917vw;
}
.introduct-top span {
  display: block;
  margin-bottom: 2.0833vw;
  line-height: 1;
  color: #262626;
  font-size: 20px;
}
.introduct-top strong {
  display: block;
  line-height: 1;
  font-size: 1.875vw;
  font-family: "HarmonyOS Sans SC";
}
.intro-since {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
}
.intro-since:before {
  position: absolute;
  left: -12.5vw;
  top: 50%;
  content: "";
  width: 9.6875vw;
  height: 1px;
  background: #E0E0E1;
}
.intro-since small {
  display: inline-block;
  margin-right: 13px;
  color: #828282;
  font-size: 1.875vw;
  text-transform: uppercase;
}
.intro-since b {
  display: inline-block;
  color: #FACF00;
  font-family: "Teko";
  font-weight: normal;
  font-size: 3.6458vw;
}
.introduct-text {
  margin-top: 3.6458vw;
  color: #262626;
  font-size: 16px;
}
#earth {
  width: 100%;
}
.bvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 101%;
  object-fit: cover;
}
.about-data {
  padding: 4.5833vw 0 5.4167vw;
}
.about-data-li {
  display: flex;
  justify-content: center;
  width: 100%;
}
.about-data-li li {
  text-align: center;
  width: 15vw;
}
.about-data-li li:last-child {
  margin-right: 0;
}
.about-data-li li p {
  color: #262626;
  font-size: 16px;
}
.about-data-top {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 15px;
  line-height: 1.2;
}
.about-data-top em {
  display: inline-block;
  margin-left: 1.5625vw;
  color: #FACF00;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
}
.about-data-year {
  position: relative;
}
.about-data-year b {
  display: block;
  line-height: 1;
  color: #FACF00;
  font-size: 3.6458vw;
  font-family: "Teko";
  font-weight: normal;
}
.about-data-year i {
  position: absolute;
  left: 100%;
  bottom: 2px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  display: block;
  border: 1px solid #FACF00;
  border-radius: 50%;
  color: #FACF00;
  font-size: 22px;
  font-style: normal;
}
.honor-box {
  padding: 7.0313vw 12.5vw 8.0208vw 12.5vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.honor-left {
  width: 25.41%;
}
.honor-info {
  margin-bottom: 2.8646vw;
}
.honor-info span {
  display: block;
  margin-bottom: 4.6875vw;
  line-height: 1;
  color: #262626;
  font-size: 20px;
}
.honor-info strong {
  display: block;
  margin-bottom: 3.125vw;
  line-height: 1.1;
  color: #262626;
  font-size: 1.875vw;
}
.honor-info p {
  font-size: 16px;
}
.honor-btn {
  display: flex;
  justify-content: space-between;
}
.honor-btn li {
  padding: 16px 0;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  line-height: 1;
  border-bottom: 4px solid #d9d9d9;
}
.honor-btn li:hover {
  font-weight: bold;
}
.honor-btn li.active {
  font-weight: bold;
}
.honor-btn li.active:before {
  opacity: 1;
  transform: scaleX(1);
  visibility: visible;
}
.honor-btn li:before {
  position: absolute;
  left: 0;
  bottom: -4px;
  content: "";
  width: 100%;
  height: 4px;
  background: #FACF00;
  transform: scaleX(0);
  opacity: 0;
  transition: 0.35s;
  visibility: hidden;
}
.honor-tab {
  width: 65.97%;
}
.honor-item {
  display: none;
}
.honor-item:first-child {
  display: block;
}
.honor-swiper {
  box-sizing: border-box;
  padding: 0 5.4167vw;
}
.honor-slide {
  text-align: center;
  width: 434px;
}
.honor-slide.swiper-slide-active figure img {
  opacity: 1;
}
.honor-slide.swiper-slide-active strong {
  opacity: 1;
  visibility: visible;
}
.honor-slide figure {
  padding: 20px 13px;
  background: url(../img/20.png) center no-repeat;
  background-size: 100% 100%;
  max-height: 340px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.honor-slide figure img {
  display: block;
  object-fit: cover;
  max-width: 100%;
  max-height: 300px;
  opacity: 0.4;
  transition: 0.5s;
}
.honor-slide strong {
  display: block;
  margin-top: 25px;
  line-height: 1.2;
  color: #262626;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.honor-prev {
  position: absolute;
  top: 44%;
  margin-top: -30px;
  z-index: 10;
  width: 58px;
  height: 58px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 58px;
  color: #262626;
  font-size: 12px;
  transition: 0.4s;
}
.honor-prev:hover {
  border-color: #FACF00;
  color: #FACF00;
}
.honor-prev.prev {
  left: 0;
}
.honor-prev.next {
  right: 0;
}
.culture-box {
  padding: 5.2083vw 12.5vw 4.9479vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.culture-info {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  padding: 3.0208vw 0 2.8646vw 7.0833vw;
  width: 46.52%;
  background: #fff;
  border-radius: 8px;
  box-shadow: -42px 28px 50px 0px rgba(0, 0, 0, 0.09), -168px 112px 81px 0px rgba(0, 0, 0, 0.01), -262px 174px 88px 0px rgba(0, 0, 0, 0);
}
.culture-text {
  font-size: 1.25vw;
}
.culture-text p {
  margin-bottom: 1.3021vw;
}
.culture-text p span {
  color: #FACF00;
}
.culture-text p:last-child {
  margin-bottom: 0;
}
.culture-imgs {
  margin-left: -4.2%;
  width: 57.5%;
}
.culture-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 58.93%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 8px;
}
.culture-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culture-wrap {
  padding: 3.75vw 0 5.9375vw;
  position: relative;
  overflow: hidden;
}
.culture-tt {
  text-align: center;
}
.culture-tt strong {
  display: block;
  margin-bottom: 1.25vw;
  line-height: 1.2;
  color: #262626;
  font-size: 1.875vw;
}
.culture-tt p {
  font-size: 16px;
}
.culture-fixs {
  position: relative;
  margin-top: 5.1042vw;
  padding-bottom: 45.1042vw;
}
.culture-item {
  position: absolute;
}
.culture-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.culture-item1 {
  width: 19.375vw;
  left: 17.2917vw;
  top: 0;
}
.culture-item2 {
  top: 1.8229vw;
  right: 19.4271vw;
  width: 16.4063vw;
}
.culture-item3 {
  right: 6.5104vw;
  top: -8.8021vw;
  width: 14.7917vw;
}
.culture-item4 {
  left: 29.4271vw;
  top: 2.6042vw;
  width: 41.1458vw;
}
.culture-item5 {
  left: 5.2083vw;
  bottom: 9.8958vw;
  width: 24.2708vw;
}
.culture-item6 {
  left: 22.2396vw;
  bottom: 2.6563vw;
  width: 19.5833vw;
}
.culture-item7 {
  right: 24.1146vw;
  bottom: 7.0833vw;
  width: 13.8542vw;
}
.culture-item8 {
  right: 5.2083vw;
  bottom: 0;
  width: 22.0833vw;
}
.mtop {
  background: #fff;
  height: 100px;
}
.product-boxs {
  padding: 2.1875vw 12.5vw 29px;
  border-top: 1px solid #ECECEC;
}
.product-wrs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 42px;
}
.product-left {
  position: sticky;
  top: 100px;
  width: 306px;
}
.product-menu li {
  margin-bottom: 4px;
}
.product-menu li:hover .probtn {
  background: #FACF00;
}
.product-menu li.active .probtn {
  background: #FACF00;
}
.product-menu li.active .probtn b:after {
  opacity: 0;
  transform: translateY(6px);
}
.probtn {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  height: 62px;
  background: #F8F8F8;
  transition: 0.38s;
}
.probtn span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}
.probtn b {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
}
.probtn b:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  content: "";
  width: 100%;
  height: 2px;
  background: #4F4C4D;
}
.probtn b:after {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1px;
  content: "";
  width: 2px;
  height: 100%;
  background: #4F4C4D;
  transition: 0.3s;
}
.product-leval {
  margin-top: 4px;
  padding: 8px 0;
  display: none;
  background: #F8F8F8;
}
.product-item.active a p,
.product-item.active a i {
  color: #262626;
}
.product-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  height: 62px;
}
.product-item a:hover p,
.product-item a:hover i {
  color: #262626;
}
.product-item a p {
  flex: 1;
  width: 0;
  color: #737673;
  font-size: 16px;
  line-height: 1.3;
  transition: 0.35s;
}
.product-item a i {
  display: inline-block;
  color: #999999;
  font-size: 12px;
  font-style: normal;
  transform: scale(0.7);
  font-weight: bold;
  transition: 0.35s;
}
.product-prepreg {
  margin-left: 56px;
  padding-top: 1.6667vw;
  width: 0;
  flex: 1;
}
.product-infos {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3.0208vw;
}
.product-texts {
  margin-right: 4.0625vw;
  width: auto;
  flex: 1;
}
.product-texts strong {
  display: block;
  margin-bottom: 16px;
  line-height: 1.2;
  font-size: 1.6667vw;
}
.product-texts p {
  margin-bottom: 2.0833vw;
  color: #828282;
  font-size: 16px;
}
.product-imgs {
  flex: 1;
  width: 0;
  border-radius: 4px;
  overflow: hidden;
}
.product-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 67.02%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.product-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-li {
  padding-top: 2.7604vw;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ECECEC;
}
.product-li li {
  margin-right: 4%;
  margin-bottom: 5.2083vw;
  width: 48%;
  border-radius: 4px;
  overflow: hidden;
}
.product-li li:hover figure img {
  transform: scale(1.08);
}
.product-li li:hover strong {
  color: #FACF00;
}
.product-li li:nth-child(2n+2) {
  margin-right: 0;
}
.product-li li figure {
  position: relative;
  display: block;
  padding-bottom: 66.96%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.product-li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-li li figure img {
  transition: 0.5s;
}
.product-li li strong {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 6.75vw;
  background: #f4f5f7;
  color: #000000;
  font-size: 20px;
  transition: 0.4s;
}
.product-views {
  position: relative;
  margin-top: 3.75vw;
  padding-bottom: 5.2083vw;
}
.parameter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.parameter-left {
  width: 60.5%;
}
.parameter-top {
  margin-bottom: 2.1875vw;
}
.parameter-top strong {
  display: flex;
  align-items: center;
  margin-bottom: 1.25vw;
  line-height: 1.2;
  color: #262626;
  font-size: 1.875vw;
}
.parameter-top strong i {
  display: inline-block;
  position: relative;
  margin-right: 1.7188vw;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3E3A39;
}
.parameter-top strong i:before {
  position: absolute;
  left: 11px;
  top: 0;
  opacity: 0.8;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #FACF00;
}
.parameter-top p {
  color: #828282;
  font-size: 16px;
}
.parameter-imgs {
  margin-top: 100px;
  width: 28.125%;
}
.parameter-imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.pro-commontt {
  display: block;
  line-height: 1.2;
  color: #000000;
  font-size: 20px;
}
.parameter-table {
  margin-top: 15px;
  overflow: hidden;
}
.parameter-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
.parameter-table table tr td {
  padding-left: 1.7708vw;
  border: 1px solid #000000;
  height: 44px;
  color: #000;
  font-size: 16px;
}
.parameter-cs {
  margin-top: 24px;
  color: #737673;
  font-size: 16px;
}
.prepregs {
  margin-top: 4.6792vw;
}
.prepregs-info {
  margin-top: 18px;
}
.prepregs-info p {
  margin-bottom: 14px;
  color: #828282;
  font-size: 16px;
}
.prepregs-info p:last-child {
  margin-bottom: 0;
}
.prepregs-info p b {
  color: #1F1A17;
}
.specificate {
  margin-top: 3.125vw;
}
.specificate-top p {
  margin-top: 15px;
  color: #828282;
  font-size: 16px;
}
.specificate-table {
  margin-top: 30px;
}
.specificate-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
.specificate-table table thead {
  width: 100%;
}
.specificate-table table thead tr th {
  border: 1px solid #262626;
  background: #FACF00;
  text-align: center;
  height: 57px;
  font-size: 16px;
  font-weight: normal;
}
.specificate-table table tbody tr td {
  height: 57px;
  color: #262626;
  font-size: 16px;
  text-align: center;
  border: 1px solid #262626;
  line-height: 1.2;
}
.product-back {
  position: absolute;
  right: 0;
  top: 0;
}
.product-back a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 209px;
  height: 60px;
  border-radius: 30px;
  background: #FACF00;
  color: #262626;
  font-size: 16px;
}
.product-back a img {
  display: inline-block;
  margin-right: 10px;
  width: 18px;
}
.hnews-banner {
  position: relative;
  padding: 66px 12.5vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-swiper {
  position: static;
}
.news-slide a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-slide a:hover .news-img figure img {
  transform: scale(1.08);
}
.news-slide a:hover .news-info-text strong {
  color: #FACF00;
}
.news-img {
  width: 41.666%;
}
.news-img figure {
  position: relative;
  display: block;
  padding-bottom: 57.666%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 8px;
}
.news-img figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-img figure img {
  transition: 0.88s;
}
.news-info-text {
  width: 51.52%;
}
.news-info-text strong {
  display: block;
  margin-bottom: 2.0833vw;
  line-height: 1.4;
  color: #262626;
  font-size: 30px;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-info-text p {
  margin-bottom: 1.6667vw;
  color: #828282;
  font-size: 16px;
}
.news-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
.news-line span {
  display: block;
  height: 100%;
  width: 20%;
  background: #FACF00;
}
.news-fixs {
  padding: 4.1667vw 12.5vw 4.6875vw;
}
.news-li li {
  margin-bottom: 80px;
}
.pages {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pages a {
  display: inline-block;
  margin-right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 4px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #DCDCDC;
  color: #000000;
  font-size: 18px;
}
.pages a:hover,
.pages a.active {
  border-color: #FACF00;
  background: #FACF00;
}
.pages a:first-child,
.pages a:last-child {
  border: none;
}
.pages span {
  display: inline-block;
  position: relative;
  top: -3px;
  margin-left: 8px;
  margin-right: 20px;
  color: #000;
  font-size: 18px;
}
.news-view-top {
  position: relative;
  padding-bottom: 32px;
  padding-right: 28.9583vw;
  border-bottom: 1px solid #ECECEC;
}
.news-view-top strong {
  display: block;
  margin-bottom: 28px;
  line-height: 1.2;
  color: #262626;
  font-size: 1.875vw;
}
.news-view-top time {
  display: flex;
  align-items: center;
  line-height: 1.2;
  color: #828282;
  font-size: 16px;
}
.news-view-top time i {
  display: inline-block;
  margin-right: 18px;
  font-size: 20px;
  font-style: normal;
}
.product-news {
  padding-top: 6.7708vw;
}
.news-info-v {
  padding: 54px 0 144px;
  color: #262626;
  font-size: 16px;
}
.news-info-v img {
  max-width: 100%;
  height: auto;
}
.news-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 22px;
  border-top: 1px solid #ECECEC;
}
.news-page-item {
  width: 25.3125vw;
}
.news-page-item a {
  display: flex;
  align-items: center;
  color: #262626;
  font-size: 16px;
  height: 68px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
}
.news-page-item a:hover {
  padding: 0 1.0417vw 0 1.5625vw;
  background: #FACF00;
}
.contact-menu {
  background: #F8F8F8;
}
.contact-wrap {
  display: flex;
  justify-content: space-between;
}
.contact-map {
  width: 50%;
  height: 38.5417vw;
}
.contact-left {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.contact-item {
  display: flex;
  align-items: center;
  flex: 1;
  border-bottom: 1px solid #ECECEC;
}
.contact-in {
  padding-left: 12.5vw;
  padding-right: 30px;
}
.contact-top {
  margin-bottom: 1.4583vw;
}
.contact-top strong {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
  line-height: 1;
  font-size: 24px;
}
.contact-top strong i {
  display: inline-block;
  margin-right: 18px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  text-align: center;
  line-height: 46px;
  background: #FACF00;
  color: #262626;
  font-size: 22px;
  font-weight: normal;
}
.contact-top p {
  color: #262626;
  font-size: 16px;
}
.contact-address {
  display: flex;
}
.address-item {
  margin-right: 3.9583vw;
  display: block;
}
.address-item:last-child {
  margin-right: 0;
}
.address-item dt {
  display: block;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #262626;
  font-size: 16px;
  font-weight: bold;
}
.address-item dd {
  color: #828282;
  font-size: 16px;
}
.anchorBL {
  display: none !important;
}
.BMap_bubble_title {
  font-size: 16px;
  color: #FACF00;
}
.message-box {
  padding: 6.0417vw 0 9.8438vw;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.message-top {
  margin-bottom: 4.0104vw;
  text-align: center;
}
.message-top strong {
  display: block;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #262626;
  font-size: 1.875vw;
}
.message-top p {
  color: #262626;
  font-size: 16px;
}
.message-input {
  margin: auto;
  width: 1200px;
}
.message-row {
  display: flex;
}
.message-item {
  margin-right: 26px;
  flex: 1;
  margin-bottom: 32px;
}
.message-item .text {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  padding-left: 24px;
  height: 46px;
  line-height: 44px;
  color: #828282;
  font-size: 16px;
  border: 1px solid #828282;
  border-radius: 4px;
  width: 100%;
  transition: 0.3s;
}
.message-item .text:focus {
  border-color: #FACF00;
}
.message-item .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.message-item .text::-webkit-input-placeholder {
  color: #828282;
}
.message-item:last-child {
  margin-right: 0;
}
.message-textare {
  margin-bottom: 3.0729vw;
}
.message-textare .textares {
  box-sizing: border-box;
  padding: 10px 24px;
  margin: 0;
  height: 118px;
  line-height: 1.6;
  color: #828282;
  font-size: 16px;
  border: 1px solid #828282;
  border-radius: 4px;
  width: 100%;
  background: #fff;
  font-family: "HarmonyOS Sans SC";
  transition: 0.3s;
}
.message-textare .textares:focus {
  border-color: #FACF00;
}
.message-textare .textares:focus::-webkit-input-placeholder {
  opacity: 0;
}
.message-textare .textares::-webkit-input-placeholder {
  color: #828282;
}
.message-sub {
  text-align: center;
}
.message-sub .sub {
  display: block;
  border: none;
  outline: none;
  margin: auto;
  width: 209px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  background: #FACF00;
  color: #262626;
  font-size: 16px;
  cursor: pointer;
}
.recuit-tops {
  position: relative;
  z-index: 3;
  padding: 80px 0 50px;
}
.recuit-imgs {
  position: relative;
  z-index: 2;
  width: 41.56%;
}
.recuit-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 66.666%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.recuit-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recuit-info {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 70.4688vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.recuite-wr {
  padding: 3.3333vw 12.5vw 7.0313vw 16.9792vw;
  display: flex;
  justify-content: space-between;
}
.recuit-left {
  width: 252px;
}
.recuit-left span {
  display: block;
  margin-bottom: 3.3854vw;
  line-height: 1.2;
  color: #262626;
  font-size: 20px;
}
.recuit-left strong {
  display: block;
  color: #262626;
  font-size: 36px;
}
.recuit-left strong b {
  color: #FACF00;
}
.recuite-text {
  padding-top: 34px;
  width: 18.75vw;
  color: #262626;
  font-size: 16px;
}
.virtuous {
  padding: 6.0417vw 12.5vw 6.25vw;
}
.virtuous-head {
  display: flex;
  align-items: center;
  height: 62px;
  background: #FACF00;
  border-radius: 4px;
  color: #000000;
  font-size: 16px;
}
.virtuous-head span {
  display: block;
  text-align: center;
}
.virtuous-head span:nth-child(1) {
  margin-right: 3.8542vw;
  width: 15.27%;
}
.virtuous-head span:nth-child(2) {
  width: 14.16%;
}
.virtuous-head span:nth-child(3) {
  width: 15%;
}
.virtuous-head span:nth-child(4) {
  width: 14.58%;
}
.virtuous-head span:nth-child(5) {
  margin-left: auto;
  width: 15.41%;
}
.virtuous-list li {
  margin-bottom: 4px;
}
.virtuous-defaul {
  display: flex;
  align-items: center;
  height: 62px;
  border-radius: 4px;
  background: #F5F8FA;
  color: #000000;
  font-size: 16px;
  cursor: pointer;
}
.virtuous-defaul span {
  display: block;
  text-align: center;
}
.virtuous-defaul span:nth-child(1) {
  margin-right: 3.8542vw;
  width: 15.27%;
}
.virtuous-defaul span:nth-child(2) {
  width: 14.16%;
}
.virtuous-defaul span:nth-child(3) {
  width: 15%;
}
.virtuous-defaul span:nth-child(4) {
  width: 14.58%;
}
.virtuous-defaul span:nth-child(5) {
  margin-left: auto;
  width: 15.41%;
}
.virtuous-down {
  padding: 2.3958vw 2.9167vw;
  display: none;
}
.virtuous-wr {
  display: flex;
  justify-content: space-between;
}
.virtuous-items {
  width: 43.56%;
  color: #262626;
  font-size: 16px;
}
.virtuous-items strong {
  display: block;
  margin-bottom: 1.4583vw;
  position: relative;
  line-height: 1.2;
}
.virtuous-items strong:before {
  position: absolute;
  left: -34px;
  top: 50%;
  margin-top: -6px;
  content: "";
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #FACF00;
}
.loads {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 29999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loads figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 1000%;
}
.loads figure img {
  display: inline-block;
  width: auto;
  height: 86px;
}