/*https://downloads.postekchina.com/Web/OX-Script*/
@font-face {
  font-family: "FiraSans-Medium";
  src: url("../fonts/FiraSans-MediumItalic.ttf") format("truetype");
  font-display: fallback;
}

@font-face {
  font-family: "Helvetica-BdIt";
  src: url("../fonts/HelveticaNeueLTPro-BdIt.otf") format("opentype");
  font-display: fallback;
}

@font-face {
  font-family: "SansCN-Medium";
  src: url("../fonts/SourceHanSansCN-Medium.otf") format("opentype");
  font-display: fallback;
}
@font-face {
  font-family: "SansCN-Bold";
  src: url("../fonts/SourceHanSansCN-Bold.otf") format("opentype");
  font-display: fallback;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: 500;
  scroll-behavior: smooth;
}
body{
  background-color: #000;
}
 .banner{
   margin-top: 40px;
 }
.banner-h1{
  font-family: "FiraSans-Medium", sans-serif;
  font-weight: normal;
  font-size: 6.12rem;
  font-style: italic;
  letter-spacing: 0.25rem;
  color: #5a9ee3;
  opacity: 0.9;
}


.banner-style{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.banner-img-style{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.7;
}

.banner-text-style{
  margin: auto;
  position: absolute;
  left: 15%;
  top: 8%;
  z-index: 3;
}
.banner-text-style2{
  margin: auto;
  position: absolute;
  left: 18%;
  bottom: 10%;
  z-index: 3;
}
.banner-video-layer{
  position: absolute;
  top: 6%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.border-container {
  position: relative;
  padding-left: 20px; /* 为左边距留空间显示 `┌` */
}

/* 顶部边框符号 `┌` */
.border-top1 {
  position: absolute;
  top: -2rem;
  left: 0;
  font-size: 1.5rem;
  color: #bfbfc1;
}

/* 底部边框符号 `┘` */
.border-bottom1 {
  position: absolute;
  bottom: -2rem;
  right: 0;
  font-size: 1.5rem;
  color: #ffffff;
}


.banner-span1{
 font-family: "SansCN-Bold", serif;
  font-size: 2.5rem;
  color: #ffffff;
  margin-left: 2.8rem;
  letter-spacing: 0.2rem;
}

.banner-span2{
  padding-top: 28rem;
  font-family: "SansCN-Medium", serif;
  /*margin-left: 1.8rem;*/
}
.banner-span3{
  font-family: "SansCN-Medium", serif;
  font-weight: 400;
  font-size: 1rem;
  color: #bfbfc1;
  line-height: 2.2rem;
}
.banner-span6{
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
}
.banner-span4{
  margin-left: 1.8rem;
  font-size: 1rem;
  color: #ffffff;
}

.banner-span5{
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
}
.part{
  margin-left: 2%;
  margin-top: 3rem;
}
.part-new{
  margin-left: 2%;
  margin-top: 0;
}
.part-center{
margin: auto;
}


.NO{
  font-family: "Helvetica-BdIt", sans-serif;
  /*!*font-style: italic;*!字体本来就是斜体的在Chrome浏览器上设置不会变得更倾斜，但是在Safari上设置斜体会变得更倾斜*/
  font-size: 13.1rem;
  color: #5a9ee3;
  opacity: 0.4;
  text-align: start;
}

.NO-1{
  font-family: "Helvetica-BdIt", sans-serif;
  font-size: 13.1rem;
  color: #5a9ee3;
  opacity: 0.4;
  text-align: center;
  margin-right: -1.5rem;
}

.No-title{
 font-family: "SansCN-Bold", serif;
  margin-left: -1.2rem;
  margin-top: 6.4rem;
  font-size: 1.5rem;
  color: #ffffff;

}
.No-context{
  font-family: "SansCN-Medium", serif;
  margin-left: -1.2rem;
  margin-top: 0.6rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #86868b;
}

.video-play{
  margin-top: 1.5rem;
  left: 4%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-layout{
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: repeat(2, auto);
}

@media (max-width: 1212px) {
  .grid-layout {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}

@media (max-width: 992px) {
  .grid-layout {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
}
.part-2-content-style{
  margin-top: 4rem;
  margin-bottom: 2rem;
  /*margin-left: 6%;*/
}
.part2-category{
  width: 100%;
  height: 100%;
  /*display: flex;*/
  /*display: -webkit-flex;*/
  /*flex-direction: row;*/
  justify-content: center;
}
.part2-row{
  position: relative;
  display: inline-block;
  width: 100%;
}

.p-3{
  padding: 0.5rem!important;
}

.part2-img{
  position: absolute;
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.part2-context{
  position: absolute;
  top: 60%; /* 控制文字距离底部的距离 */
  left: 10%;
  right: 10%;
  font-size: 1.2rem;
  border-radius: 5px;

}
.part2-row-title{
  font-family: "SansCN-Medium", serif;
  font-size: 1rem;
  color: white;
}
.part2-row-context{
  font-size: 0.7rem;
  color: #86868b;
}

.curved-btn {
  font-family: "SansCN-Medium", serif;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 2rem;
  font-size: 0.76rem;
  color: white;
  background-color: #323234;
  border-radius: 25px; /* 圆弧效果 */
  border: none;
}

.curved-btn:hover {
  background-color: #414143;
}

.curved-btn .btn-text {
  margin-right: 1rem; /* 文字和图标间距 */
}

.curved-btn .btn-icon {
  width: 1.5rem; /* 调整图标大小 */
  height: 1.5rem;
}
.curved-btn-2 {
  font-family: "SansCN-Medium", serif;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-size: 0.76rem;
  color: white;
  background-color: #323234;
  border-radius: 25px; /* 圆弧效果 */
  border: none;
}
.curved-btn-2:hover {
  background-color: #414143;
}

.curved-btn-2 .btn-text {
  margin-right: 1rem; /* 文字和图标间距 */
}

.curved-btn-2 .btn-icon {
  width: 1.5rem; /* 调整图标大小 */
  height: 1.5rem;
}
.curved-btn-2 .btn-icon-2 {
  width: 1.5rem; /* 调整图标大小 */
  height: 1.5rem;
  margin-right: 1.5rem;
}
.curved-btn-2 .btn-text-2 {
  margin-left: 0; /* 文字和图标间距 */
}


.top{
  margin-top: 5rem;
}
.title{
  font-family: "FiraSans-Medium", sans-serif;
  font-weight: normal;
  font-size: 4.6rem;
  font-style: italic;
  color: #5a9ee3;
  text-align: start;
  opacity: 0.8;
}
.title-content{
  font-family: "SansCN-Medium", serif;
  font-size: 2.34rem;
  color: white;
}
.title-content-2{
  font-family: "SansCN-Medium", serif;
  font-size: 2.5rem;
  color: white;
}
.description-top{
  margin-top: 2rem;
}
.description{
  font-family: "SansCN-Medium", serif;
  font-size: 0.91rem;
  line-height: 1.8rem;
  color: #bfbfc1;
}
.description-1{
  font-family: "SansCN-Medium", serif;
  font-size: 0.91rem;
  color: #bfbfc1;
  margin-top: 1rem;
}
.description-2{
  font-family: "SansCN-Medium", serif;
  font-size: 1.6rem;
  color: #5a9ee3;
 padding: 0;
}

.important{
 font-family: "SansCN-Bold", serif;
  font-size: 1.2rem;
  color: white;
}

.part-2{
  margin-left: 0;
}

.NO-2{
  font-family: "Helvetica-BdIt", sans-serif;
  font-size: 4rem;
  color: #c8b9da;
  opacity: 0.5;
  text-align: start;
  margin-left: 2rem;
  margin-top: 2rem;
}

.NO-3{
  font-family: "Helvetica-BdIt", sans-serif;
  font-size: 6rem;
  color: #c8b9da;
  opacity: 0.5;
  text-align: start;
}
.NO-4{
  font-family: "SansCN-Bold", sans-serif;
  font-style: normal;
  font-size: 3rem;
  color: #c8b9da;
  opacity: 0.5;
  text-align: center;
  margin-left: 2rem;
  margin-top: -2.5rem;

}
.No-title-2{
  font-family: "SansCN-Bold", sans-serif;
  font-size: 1.5rem;
  color: #ffffff;
  margin-top: 4rem;
}
.No-title-3{
  font-family: "SansCN-Bold", sans-serif;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-size: 2.6rem;
  color: white;
}
.No-title-4{
  font-family: "SansCN-Bold", sans-serif;
  font-size: 1.5rem;
  color: #ffffff;
  margin-top: 1.2rem;
}
.erp-img{
  width: 100%;
  height: 100%;
  align-content: center;
}
.part-2-title{
  position: absolute;
  bottom: 0; /* 控制文字距离底部的距离 */
  left: -0.5rem;
  font-size: 1.2rem;
  background-color: white;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.part-2-row-title{
 font-family: "SansCN-Bold", serif;
  font-size: 1rem;
  color: #000000;
}

.part-3-title{
  position: absolute;
  top: 0; /* 控制文字距离底部的距离 */
  font-size: 1.2rem;

}
.part-4-title{
  position: absolute;
  bottom: 0; /* 控制文字距离底部的距离 */
  right: 0;
  font-size: 1.2rem;

}
.part-3-row-title{
 font-family: "SansCN-Bold", serif;
  font-size: 1.2rem;
  color: white;
}
.carousel-1{
  width: 100%;
  height: 18.75rem;
  background: linear-gradient(to left, rgba(12, 12, 12, 0.5), rgba(216, 213, 213, 0.25) 50%, rgba(12, 12, 12, 0.5));
}
.swiper-area{
  position:relative;
  width: 100%;
  display: flex;
}
.swiper-container {
  width: 90%;
  height: 18.75rem;
}

.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width:10.4rem;
}
.swiper-slide-2{
  width:6.0rem;
}
.swiper-button-prev{
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -0.9rem;
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/arrow_left.webp");
  background-size: contain;
}

.swiper-button-next{
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -0.9rem;
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/arrow_right.webp");
  background-size: contain;
}
:root{
  --width-set:19.6875rem;
  --width-set-mini:18rem;
  --line-gradient:linear-gradient(rgba(12, 12, 12, 0.7), rgba(21, 4, 4, 0.7));
  --box-shadow: 0 0 15px rgb(0, 0, 0);
}

.widget{
  position: relative;
  transition: width 0.4s ease-out;
}
.widget-img{
  opacity: 1;
  position: absolute;
  transition: opacity 0.4s ease-in; /* 透明度变化持续时间 */
  z-index: 2;
}
.widget-img img{
  width: 4rem;
  height: 4rem;
}

.widget:hover{
  width:var(--width-set);
}
.widget:hover .widget-img{
  opacity: 0;
  transition: opacity 0.2s ease-out; /* 透明度变化持续时间 */
}

.widget-code{
  position: absolute;
  z-index: 1;
  display: block; /* 设置为 block 来占位 */
  opacity: 0;
  transition: opacity 0.1s ease-in; /* 透明度变化持续时间 */
  /*transition-delay: 1s; !* 延迟，等待宽度变化完成 *!*/
  margin-left: 10%;
  margin-right: 10%;
}

.widget:hover .widget-code{
  opacity: 1;
  transition: opacity 0.5s ease-in; /* 透明度变化持续时间 */
  transition-delay: 0.2s;
}

.code-title{
  font-size: 1.5rem;
 font-family: "SansCN-Bold", serif;
  color: white;
}
.code-content{
  font-family: "SansCN-Mediumx", serif;
  font-size: 0.8rem;
  color: white;
}
.code-button{
 font-family: "SansCN-Bold", serif;
  font-size: 0.8rem;
  color: white;
  border-radius: 25px;
  padding: 0.2rem 2.5rem;
  margin-top: 1rem;
}

.education{
  background-image: var(--line-gradient),url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/education.webp");
  box-shadow: var(--box-shadow);
}
.education:hover{
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/education.webp");
  box-shadow: none;
}

.dress{
  background-image: var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/dress_bg.webp");
  box-shadow: var(--box-shadow);
}

.dress:hover{
  box-shadow: none;
  width:var(--width-set);
  background-image:url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/dress_bg.webp");
  transition: all 0.2s ease-out;
}
.product-scan{
  background-image: var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/scanner3.webp");
  box-shadow: var(--box-shadow);
}

.product-scan:hover{
  width:var(--width-set);
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/scanner3.webp");
  box-shadow: none;
  transition: all 0.2s ease-out;
}
.product-tcp{
  background-image:var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product2.webp");
  box-shadow: var(--box-shadow);
}

.product-tcp:hover{
  box-shadow: none;
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product2.webp");
   width:var(--width-set);
  transition: all 0.2s ease-out;
}
.product-auto{
  background-image:var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product3.webp");
  box-shadow: var(--box-shadow);
}

.product-auto:hover{
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product3.webp");
  box-shadow: none;
  width:var(--width-set);
  transition: all 0.2s ease-out;
}


.product-table{
  background-image:var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product4.webp");
  box-shadow: var(--box-shadow);
}

.product-table:hover{
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product4.webp");
  box-shadow: none;
   width:var(--width-set);
  transition: all 0.2s ease-out;
}

.express{
  background-image:var(--line-gradient), url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/express.webp");
  box-shadow: var(--box-shadow);
}

.express:hover{
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/express.webp");
  box-shadow: none;
   width:var(--width-set);
  transition: all 0.2s ease-out;
}

.rfid{
  background-image: var(--line-gradient),url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/rfid.webp");
  box-shadow: var(--box-shadow);

}

.rfid:hover{
  background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/rfid.webp");
  box-shadow: none;
  width:var(--width-set);
  transition: all 0.2s ease-out;
  margin-left: auto;
}


@media (max-width: 768px) {
  .banner-h1{
    font-size: 3.06rem;
  }
  .banner-span1{
    font-size: 1.25rem;
  }
  .banner-span5{
    font-size: 1.2rem;
  }
  .NO{
    text-align: center;
    margin-bottom: -0.5rem;
    margin-left: -1rem;
    font-size: 4rem ;
  }
  .NO-1{
    text-align: center;
    margin-bottom: -0.5rem;
    margin-left: -1rem;
    font-size: 4rem ;
  }
  .NO-2{
    text-align: center;
    margin-left: -0.8rem;
    margin-bottom: -0.5rem;
  }
  .NO-3{
    font-size: 4rem;
  }
  .No-title{
    margin-top: 0; /* 移除小屏幕上的 margin-top */
    font-size: 1.2rem ;
  }
  .No-title-3{
    font-size: 1.8rem;
  }
  .No-title-4{
    font-size: 1.2rem;
    margin-top: -1rem;
  }
  .No-context{
    font-size: 0.8rem;
  }
  .No-title-2{
    margin-top: 0; /* 移除小屏幕上的 margin-top */
  }
  .part2-row{
   margin-top: 0.6rem;
   margin-left: 1rem;
    width: 80%;
  }
  .part-2{
    margin-left: 0;
  }
  .part-3-row-title{
    font-size: 0.8rem;
  }
  .description-top{
    margin-top: 0.3rem;
  }
  .description-2{
    font-size: 0.8rem;
  }
  .banner-text-style {
    left: 2%;
  }
  .banner-text-style2 {
    left: 2%;
  }
  .part-2-content-style{
    margin-left: 0;
  }
  .title{
    font-size: 3.5rem;
  }
  .title-content{
    font-size: 1.8rem;
  }
  .title-content-2{
    font-size: 1.8rem;
    margin-top: -1rem;
  }
  .description{
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
  .important{
    font-size: 0.8rem;
    color: white;
  }
  .swiper-container {
    width: 80%;
  }
  .swiper-slide-2{
    width:0;
  }
  .swiper-slide{
    width: var(--width-set-mini);
  }
  .widget-img{
    opacity: 0;
  }
  .widget-code{
    opacity: 1;
  }
  .widget:hover{
    width: var(--width-set-mini);
  }
  .education{
    background-image:url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/education.webp");
    box-shadow: var(--box-shadow);
  }
  .dress{
    background-image:url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/dress_bg.webp");
    box-shadow: var(--box-shadow);
  }
  .product-scan{
    background-image:url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/scanner3.webp");
    box-shadow: var(--box-shadow);
  }
  .product-tcp{
    background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product2.webp");
    box-shadow: var(--box-shadow);
  }

  .product-auto{
    background-image:url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product3.webp");
    box-shadow: var(--box-shadow);
  }
  .product-table{
    background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/product4.webp");
    box-shadow: var(--box-shadow);
  }
  .express{
    background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/express.webp");
    box-shadow: var(--box-shadow);
  }
  .rfid{
    background-image: url("https://downloads.postekchina.com/Web/OX-Script/assets/images/swiper/rfid.webp");
    box-shadow: var(--box-shadow);

  }


}



/* 网站修改部分 */
.product4ConMore { margin-top: -10%; padding-left: 15%;  }

.product4ConMore .More { width: 215px; height: 60px; background: #ecebea; margin-left: 10px; display: inline-block; position: relative; }

.product4ConMore .More:first-child { margin-left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product4ConMore a { text-decoration: none; display: block; width: 100%; height: 100%; padding-left: 38px; font-size: 18px; color: #333; line-height: 60px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: left; }

.product4ConMore img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; }

.product4ConMore .iov { display: none; }

.product4ConMore .More:hover .iov { display: block; }

.product4ConMore .More:hover .sow { display: none; }

.product4ConMore .More:hover { background: #d30a2d; }

.product4ConMore .More:hover a { color: #fff; }

@media (max-width: 992px) { 
  .product4ConMore { margin-top: -20%; margin-left: 0%;  margin-bottom: 0%; text-align: center; }
}

@media (max-width: 465px) {
  .product4ConMore { margin-top: -40%; margin-left: 0%;  margin-bottom: 0%; text-align: center; }
  .product4ConMore .More { width: 150px; height: 40px; }
  .product4ConMore .More a { line-height: 40px; padding-left: 10px; }
  .product4ConMore .More{width: 120px;}
  .product4ConMore a{font-size: 14px;}
  .product4ConMore img { right: 10px; }
}

/* Footer CSS */
.footer__container {
  /* background-color: #2d3337; */
  background-color: #181818;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding-bottom: 25px;
}

#footer__logo {
  background-color: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
}

.footer__links {
  background-color: transparent;
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  /* align-items: space-between; */
  padding-left: 10vw;
  padding-right: 6vw;
}

.footer__link--wrapper {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* align-items: space-between; */
}



#first__part {
  width: 23vw;
}

#second__part {
  width: 56vw;
}

.footer__link--items {
  display: flex;
  background-color: transparent;
  flex-direction: column;
  align-items: flex-start;
  margin: 16px 0px;
  text-align: left;
  width: 160px;
  box-sizing: border-box;
}

.footer__link--items h2 {
  margin-bottom: 12px;
  font-size: 14.5px;
  background-color: transparent;
  color: #919a9f;
}

.divider {
  height: 1.5px;
  width: 24px;
  background-color: #515b62;
  margin-bottom: 12px;
}

.emptydivider {
  background-color: transparent;
}

.footer__link--items a {
  font-size: 13.5px;
  color: #919a9f;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: 0.3s ease-out;
}

.footer__link--items a:hover {
  color: #e9e9e9;
  transition: 0.3s ease-out;
}

.logo_space {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-left: 10vw;
}

.legal_stuff {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  width: 80%;
}

.legal_stuff a {
  font-size: 13.5px;
  color: #919a9f;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: 0.3s ease-out;
}

#bottom_logo {
  height: 80px;
  width: 100%;
}

#big_divider {
  height: 1.5px;
  width: 80%;
  background-color: #515b62;
  margin-bottom: 12px;
}

.verticaldivider {
  height: 20px;
  width: 1.5px;
  background-color: #515b62;
  margin-left: 12px;
  margin-right: 12px;
}

.social__icon--link {
  background-color: transparent;
  color: #fff;
  font-size: 24px;
}

.copyrights {
  background-color: transparent;
  font-size: 13.5px;
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: start;
  justify-content: start;
}

.copyrights span {
  background-color: transparent;
  color: #919a9f;
  margin: 0;
}

@media screen and (max-width: 1000px) {
  #big_divider {
    width: 0px;
  }

  .footer__links {
    padding-top: 2rem;
  }

  #footer__logo {
    margin-bottom: 2rem;
  }

  .website__rights {
    margin-bottom: 2rem;
  }

  .footer__link--wrapper {
    flex-direction: column;
  }

  .social__media--wrap {
    flex-direction: column;
  }
}

@media screen and (max-width: 480px) {
  .footer__link--items {
    margin: 0;
    padding: 10px;
    width: 100%;
  }
}

/* 
.footerbox .row { width: 1440px; margin: 0 auto; padding: 0 15px; position: relative; }


.footerbox { background: #2d3337; padding: 100px 0 50px; position: relative; z-index: 100; color: white;}

.footerboxTop { color: #919a9f; font-size: 0; }

.footerboxTopNav { width: 100%; }

.footerboxTopNav dl { display: inline-block; vertical-align: top; padding-right: 100px; }

.footerboxTopNav dl:last-child { padding-right: 0; }

.footerboxTopNav dl dt { font-size: 14px; padding-bottom: 20px; position: relative; margin-bottom: 10px; font-weight: bold; }

.footerboxTopNav dl dt::before { content: ""; width: 20px; height: 1px; background: #515b62; position: absolute; bottom: 0; left: 0; }

.footerboxTopNav dl dd { font-size: 14px; margin-top: 5px; color: #919a9f; display: block; }

.footerboxTopNav dl dd a { font-size: 14px; margin-top: 5px; color: #919a9f; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: "Inter-Regular";}

.footerboxTopNav dl dd a:hover { color: #c5cdd1; }

.footerboxTopNav dl .dtTow { margin-top: 30px; }

.footerboxTopNav dl form { margin-top: 15px; }

.footerboxTopNav dl form input { width: 200px; line-height: 46px; border: none; background: #282d30; vertical-align: top; padding: 0 10px 0 30px; color: #919a9f; font-size: 14px; color: #999; }

.footerboxTopNav dl form button { width: 48px; height: 48px; background: #828a8f url(https://downloads.postekchina.com/Web/OX-Script/assets/images/jiant3.png) no-repeat center center; border: none; }

.footerbox .social-share { margin-top: 0; }

.footerboxTopNavIcon { display: inline-block; width: 24px; height: 24px; margin: 20px 3px 0; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: top; position: relative; }

.footerboxTopNavIcon a { display: block; width: 100%; height: 100%; }

.footerboxTopNavIcon a .iov { display: none; }

.footerboxTopNavIcon a img { width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerboxTopNavIcon:hover a .sow { display: none; }

.footerboxTopNavIcon:hover a .iov { display: block; }

.footerboxTopNavIconIov { width: 100px; height: 100px; background: #fff; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 120%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

.footerboxTopNavIconIov img { width: 100%; height: 100%; }

.footerboxTopNavIcon:hover .footerboxTopNavIconIov { display: block; }

.footerboxBot { margin-top: 100px; }

.footerboxBot .tit { padding-bottom: 45px; border-bottom: 1px solid #505558; }

.footerboxBot .tit .logo2 { display: inline-block; width: 174px; height: 30px; vertical-align: middle; }

.footerboxBot .tit h5 { font-size: 28px; color: #cacbcc; padding-left: 30px; display: inline-block; vertical-align: middle; }

.footerboxBotTextOne { padding-top: 40px; }

.footerboxBotTextOneFl { font-size: 14px; color: #3e4347; font-weight: bold; }

.footerboxBotTextOneFl a { display: inline-block; font-size: 14px; color: #919a9f; padding: 0 20px; font-weight: lighter; }

.footerboxBotTextOneFl a:first-child { padding-left: 0; }

.footerboxBotTextOne .En .text { padding-left: 25px; font-size: 14px; color: #919a9f; position: relative; }

.footerboxBotTextOne .En .text::before { content: ""; width: 14px; height: 14px; background: url(https://downloads.postekchina.com/Web/OX-Script/assets/images/icon10.png) no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.footerboxBotTextOne .En .EnIov { top: auto; bottom: 30px; padding: 10px; width: 100%; text-align: center; }

.footerboxBotTextOne .En .EnIov::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -14px; border-bottom-color: transparent; border-top-color: #fff; top: auto; }

.footerboxBotTextTow { padding-top: 10px; font-size: 14px; color: #919a9f; }

.footerboxBotTextTow a { display: inline-block; font-size: 14px; color: #919a9f; }

#pinContainer .footerbox{width: 100%; position: absolute;top: 100%;left: 0;z-index: 100;}

@media (max-width: 1220px) { 
    
    
    .footerboxTopNav { text-align: center; }
    .footerboxTopNav dl { padding-right: 50px; text-align: left; }
    .footerboxTopNav dl dd { margin-top: 5px; }
    .footerboxTopNav dl dd a { margin-top: 5px; }
    .footerboxBot .tit { text-align: center; }
    .footerboxBotTextOne { padding-top: 20px; }

}

@media (max-width: 992px) { 
    
    .footerboxBotTextTow a{font-size: 12px !important;}
    .footerboxTopNav dl { display: block; padding-right: 0; border-bottom: 1px solid #515b62; padding-bottom: 10px; }
    .footerboxTopNav dl .lxlx{padding-bottom: 10px;}
    .footerboxTopNav dl dd { display: block; line-height: 30px; display: none; padding: 0 10px; margin-top: 0; }
    .footerboxTopNav dl dd a { margin-top: 0; }
    .footerboxTopNav dl .dtTow { padding-top: 10px; border-top: 1px solid #515b62; margin-top: 0; padding-bottom: 0; }
    .footerboxTopNav dl dt { padding-bottom: 10px; margin-top: 10px; }
    .footerboxBot { margin-top: 50px; }
    .footerboxBot .tit { padding-bottom: 20px; }
    
}



@media (max-width: 768px) {
    
    .footerbox { padding: 30px 0; }
    
    .footerbox .social-share { text-align: center; }
    .footerboxBot .tit h5 { padding-left: 20px; }
    .footerboxTopNav dl dt { margin-bottom: 0; padding-bottom: 0; }
    .footerboxTopNav dl dt::before { display: none; }
    .footerboxTopNavIconBox { text-align: center; }
    
}


@media (max-width: 465px) {

    
    .footerboxBotTextOne { text-align: center; }
    .footerboxBotTextOneFl a { padding: 0 10px; }
    .footerboxBotTextOneFl { float: none; width: 100%; text-align: center; }
    .footerboxTopNav dl form button{width: 40px;height:40px;}
    .footerboxTopNav dl form input{line-height: 40px;}
    .footerboxBot .tit .logo2{width: 100px;height:auto;}
    .footerboxBot .tit h5{font-size: 20px;}
    .footerboxBot {margin-top: 20px;}
    .footerboxBotTextTow{font-size: 12px;}
    .footerboxBotTextTow span{display: block;}
    
}

.footerbox form { margin: 0; padding: 0; border: 0; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }



[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }




.En { position: relative; }

.EnIov { position: absolute; top: 100%; left: 50%; padding: 10px 5px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.EnIov a { display: block; font-size: 14px !important; color: #333 !important; line-height: 30px !important; white-space: nowrap; }

.En:hover .EnIov { opacity: 1; }

.EnIov::before { content: ""; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; top: -14px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.EnIov a:hover { background-color: #eee; } */