body {
  margin: 0;
}

/* Background section */
/* .bg {
  position: relative;
  width: 100%;
  height: 39.270833vw;
  background-image: url("/en/assets/images/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
} */

.bg {
  position: relative;
  width: 100%;
  height: 39.270833vw;
  overflow: hidden;
}

.banner-carousel {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-slides {
  display: flex;
  width: 400%;
  /* 4张图片的宽度总和 */
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.banner-slide {
  width: 25%;
  /* 100% / 3 */
  height: 100%;
}

.banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* 轮播控制按钮样式 */
.banner-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 2;
}

.banner-prev,
.banner-next {
  position: absolute;
  padding: 1vw;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1vw;
  transition: background 0.3s;
}

.banner-prev:hover,
.banner-next:hover {
  background: rgba(0, 0, 0, 0.5);
}

.banner-prev {
  left: 3.125vw;
}

.banner-next {
  right: 3.125vw;
}



/* 第一行的背景图 */
.bg .first-line {
  position: absolute;
  top: 4.895833vw;
  left: 12.083333vw;
  width: 22.03125vw;
  height: 5.729167vw;
  background: url("/en/assets/images/first_line.png") no-repeat center center/contain;
}

/* 第二行的背景图 */
.bg .second-line {
  position: absolute;
  top: 11.5625vw;
  left: 21.145833vw;
  width: 28.28125vw;
  height: 6.979167vw;
  background: url("/en/assets/images/second_line.png") no-repeat center center/contain;
}

/* Introduction section */
.introduce .introduce_text {
  width: 57.1875vw;
  margin-left: 29.583333vw;
}

.introduce .introduce_text h2 {
  font-family: "Source Han Sans";
  color: #05569c;
  font-weight: bold;
  font-size: 2.65625vw;
  margin-bottom: 2.083333vw;
  margin-top: 0px;
}

.introduce .introduce_text p {
  font-family: "Source Han Sans";
  font-size: 1.458333vw;
  line-height: 2.5vw;
  margin: 0;
}

.introduce .introduce_text p:nth-of-type(1) {
  margin-bottom: .9375vw;
}

.introduce .introduce_image {
  margin-left: 5.208333vw;
  margin-top: -5.208333vw;
}

.introduce .introduce_image img {
  width: 85.15625vw;
  height: 31.40625vw;
  object-fit: contain;
}


/* 产品类目样式 */
.products {
  width: 100%;
}

.products h2 {
  font-family: "Source Han Sans";
  color: #05569c;
  font-weight: bold;
  font-size: 2.65625vw;
  margin-bottom: .9375vw;
  text-align: center;
}

.products-desc {
  font-family: "Source Han Sans";
  font-size: 1.458333vw;
  line-height: 2.5vw;
  text-align: center;
}

.products .products_slide_container .products_prev,
.products .products_slide_container .products_next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 2.708vw;
  /* 52px / 1920 * 100 */
  height: 2.708vw;
  /* 52px / 1920 * 100 */
  background-color: #07569e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  align-items: center;
  font-size: 1.563vw;
  /* 30px / 1920 * 100 */
}

.products .products_slide_container .products_prev {
  left: 3.125vw;
  /* 60px / 1920 * 100 */
}

.products .products_slide_container .products_next {
  right: 3.125vw;
  /* 60px / 1920 * 100 */
}

.products .products_slide_con .products_slide_text_container .products_look_more {
  position: absolute;
  top: 1.146vw;
  /* 22px / 1920 * 100 */
  right: 2.188vw;
  /* 42px / 1920 * 100 */
  width: 16%;
  /* 123px / 1920 * 100 */
  height: 2.344vw;
  /* 45px / 1920 * 100 */
  border-radius: 2.344vw;
  /* 45px / 1920 * 100 */
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.938vw;
  /* 18px / 1920 * 100 */
  font-family: "Source Han Sans";
}

.products_slide_container {
  position: relative;
  width: 100%;
  max-width: 83.333vw;
  /* 1600px / 1920 * 100 */
  margin: 0 auto;
  overflow: hidden;
}

.products_prev,
.products_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.083vw;
  /* 40px / 1920 * 100 */
  height: 2.083vw;
  /* 40px / 1920 * 100 */
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  font-size: 1.042vw;
  /* 20px / 1920 * 100 */
  transition: background 0.3s;
}

.products_prev:hover,
.products_next:hover {
  background: rgba(0, 0, 0, 0.8);
}

.products_prev {
  left: 1.042vw;
  /* 20px / 1920 * 100 */
}

.products_next {
  right: 1.042vw;
  /* 20px / 1920 * 100 */
}

.products_slide {
  width: 100%;
  position: relative;
}

.products_carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 400%;
  /* 100% * number of slides */
}

.products_carousel-item {
  flex: 0 0 25%;
  /* 100% / number of slides */
  width: 25%;
}

.products_slide_con {
  position: relative;
  width: 100%;
  height: 31.25vw;
  /* 600px / 1920 * 100 */
}

.products_slide_bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products_slide_text_container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.042vw;
  /* 20px / 1920 * 100 */
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: white;
}

.products_slide_text_container h3 {
  margin: 0 0 0.521vw 0;
  /* 10px / 1920 * 100 */
  font-size: 1.25vw;
  /* 24px / 1920 * 100 */
}

.products_slide_text_container p {
  margin: 0 0 0.781vw 0;
  /* 15px / 1920 * 100 */
  font-size: 0.833vw;
  /* 16px / 1920 * 100 */
}

.products_look_more {
  margin-top: 0.781vw;
  /* 15px / 1920 * 100 */
}


/* About section */
.about {
  width: 100%;
}

.about h2 {
  font-family: "Source Han Sans";
  color: #05569c;
  font-weight: bold;
  font-size: 2.65625vw;
  margin-bottom: .9375vw;
  text-align: center;
}

.aboutp {
  font-family: "Source Han Sans";
  font-size: 1.458333vw;
  line-height: 2.5vw;
  text-align: center;
}

/* .about .slide_container {
    position: relative;
    background: url("/en/assets/images/slide_container_bg.png") no-repeat center center/cover;
    padding-bottom: 100px;
    margin-top: 62px;
  } */

.about .slide_container .prev,
.about .slide_container .next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 2.708vw;
  /* 52px / 1920 * 100 */
  height: 2.708vw;
  /* 52px / 1920 * 100 */
  background-color: #07569e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  align-items: center;
  font-size: 1.563vw;
  /* 30px / 1920 * 100 */
}

.about .slide_container .prev {
  left: 3.125vw;
  /* 60px / 1920 * 100 */
}

.about .slide_container .next {
  right: 3.125vw;
  /* 60px / 1920 * 100 */
}

.about .slide_con .slide_text_container .look_more {
  position: absolute;
  top: 1.146vw;
  /* 22px / 1920 * 100 */
  right: 2.188vw;
  /* 42px / 1920 * 100 */
  width: 16%;
  /* 123px / 1920 * 100 */
  height: 2.344vw;
  /* 45px / 1920 * 100 */
  border-radius: 2.344vw;
  /* 45px / 1920 * 100 */
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.938vw;
  /* 18px / 1920 * 100 */
  font-family: "Source Han Sans";
}

.slide_container {
  position: relative;
  width: 100%;
  max-width: 83.333vw;
  /* 1600px / 1920 * 100 */
  margin: 0 auto;
  overflow: hidden;
}

.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.083vw;
  /* 40px / 1920 * 100 */
  height: 2.083vw;
  /* 40px / 1920 * 100 */
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  font-size: 1.042vw;
  /* 20px / 1920 * 100 */
  transition: background 0.3s;
}

.prev:hover,
.next:hover {
  background: rgba(0, 0, 0, 0.8);
}

.prev {
  left: 1.042vw;
  /* 20px / 1920 * 100 */
}

.next {
  right: 1.042vw;
  /* 20px / 1920 * 100 */
}

.slide {
  width: 100%;
  position: relative;
}

.carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 400%;
  /* 100% * number of slides */
}

.carousel-item {
  flex: 0 0 25%;
  /* 100% / number of slides */
  width: 25%;
}

.slide_con {
  position: relative;
  width: 100%;
  height: 31.25vw;
  /* 600px / 1920 * 100 */
}

.slide_bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide_text_container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.042vw;
  /* 20px / 1920 * 100 */
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: white;
}

.slide_text_container h3 {
  margin: 0 0 0.521vw 0;
  /* 10px / 1920 * 100 */
  font-size: 1.25vw;
  /* 24px / 1920 * 100 */
}

.slide_text_container p {
  margin: 0 0 0.781vw 0;
  /* 15px / 1920 * 100 */
  font-size: 0.833vw;
  /* 16px / 1920 * 100 */
}

.look_more {
  margin-top: 0.781vw;
  /* 15px / 1920 * 100 */
}

.success_case {
  width: 84.375vw;
  /* 1620px / 1920 * 100 */
  margin: 7.292vw auto 5.677vw;
  /* 140px / 1920 * 100, 109px / 1920 * 100 */
}

.success_case h2 {
  font-family: "Source Han Sans";
  color: #05569c;
  font-weight: bold;
  font-size: 2.656vw;
  text-align: center;
  /* 51px / 1920 * 100 */
  margin: 0;
}

.success_case p {
  font-family: "Source Han Sans";
  font-size: 1.25vw;
  text-align: center;
  /* 24px / 1920 * 100 */
  margin: 1.042vw 0;
  /* 20px / 1920 * 100 */
}

.success_case .case_container {
  position: relative;
  width: 100%;
  height: 31.771vw;
  /* 610px / 1920 * 100 */
  margin-top: 2.083vw;
  /* 40px / 1920 * 100 */
  display: flex;
  justify-content: space-between;
}

.success_case .case_container .btn_container {
  width: 26.635vw;
  /* 515px / 1920 * 100 */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 1.927vw;
  /* 37px / 1920 * 100 */
}

.success_case .case_container .btn_container::-webkit-scrollbar {
  width: 0.521vw;
  /* 10px / 1920 * 100 */
}

.success_case .case_container .btn_container::-webkit-scrollbar-thumb {
  background: #07589d;
  border-radius: 0.521vw;
  /* 10px / 1920 * 100 */
}

.success_case .case_container .btn_container .btn_item {
  position: relative;
  width: 26.635vw;
  /* 515px / 1920 * 100 */
  height: 9.896vw;
  /* 190px / 1920 * 100 */
  cursor: pointer;
  margin-bottom: 1.25vw;
  /* 24px / 1920 * 100 */
}

.success_case .case_container .btn_container .btn_item:nth-last-of-type(1) {
  margin-bottom: 0;
}

.success_case .case_container .btn_container .btn_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.success_case .case_container .btn_container .btn_item .title_box {
  position: absolute;
  top: 1.25vw;
  /* 24px / 1920 * 100 */
  left: 1.198vw;
  /* 23px / 1920 * 100 */
  width: 90%;
  font-family: "Source Han Sans";
  color: #fff;
}

.success_case .case_container .btn_container .btn_item .title_box .title_cn {
  font-size: 0.989vw;
  /* 19px / 1920 * 100 */
  margin: 0;
}

.success_case .case_container .btn_container .btn_item .title_box .title_en {
  font-size: 0.781vw;
  /* 15px / 1920 * 100 */
  margin: 0;
}

.success_case .case_container .con_container {
  position: relative;
  width: 52.875vw;
  /* 1014px / 1920 * 100 */
  height: 31.771vw;
  /* 610px / 1920 * 100 */
}

.success_case .case_container .con_container .con_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.success_case .case_container .con_container .con_item .title_box {
  position: absolute;
  top: 3.125vw;
  /* 60px / 1920 * 100 */
  left: 3.073vw;
  /* 59px / 1920 * 100 */
  width: 90%;
  font-family: "Source Han Sans";
  color: #fff;
}

.success_case .case_container .con_container .con_item .title_box .title_cn {
  font-size: 1.667vw;
  /* 32px / 1920 * 100 */
  margin: 0;
}

.success_case .case_container .con_container .con_item .title_box .title_en {
  font-size: 1.302vw;
  /* 25px / 1920 * 100 */
  margin: 0;
}

.success_case .case_container .con_container .con_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.success_case .case_container .look_more {
  position: absolute;
  z-index: 9;
  top: 26.354vw;
  /* 508px / 1920 * 100 */
  left: 34.521vw;
  /* 662px / 1920 * 100 */
  width: 6.771vw;
  /* 130px / 1920 * 100 */
  height: 2.344vw;
  /* 45px / 1920 * 100 */
  background-color: #fff;
  font-size: 0.833vw;
  /* 16px / 1920 * 100 */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #07589d;
  line-height: 1;
  cursor: pointer;
}

.success_case .case_container .look_more a {
  color: #ffffff;
}

.success_case .case_container .look_more span {
  font-size: 0.833vw;
  /* 16px / 1920 * 100 */
}

.success_case .case_container .look_more:hover {
  font-weight: bold;
}

.honor {
  width: 100%;
  height: 42.27vw;
  /* 811px / 1920 * 100 */
  background: url("/en/assets/images/honor_bg_2.png") no-repeat center center/cover;
}

.honor.active {
  background: url("/en/assets/images/horor_bg.jpg") no-repeat center center/cover;
}

.consult {
  position: relative;
  width: 100%;
  height: 6.515vw;
  margin: 2vw 0;
  /* 125px / 1920 * 100 */
  /* background-color: #1c5487; */
  background: url("/en/assets/images/technical_download_bg.png") no-repeat center center/cover;
  box-sizing: border-box;
  padding-left: 8.25vw;
  /* 120px / 1920 * 100 */
  padding-right: 1.875vw;
  /* 36px / 1920 * 100 */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.consult h2 {
  position: relative;
  margin: 0;
  font-size: 2.083vw;
  /* 40px / 1920 * 100 */
  color: #1c5487;
  /* color: #000; */
}

.consult h2::before {
  content: "";
  position: absolute;
  left: -1.042vw;
  /* -20px / 1920 * 100 */
  top: 50%;
  transform: translateY(-50%);
  width: 0.417vw;
  /* 8px / 1920 * 100 */
  height: 4.687vw;
  /* 90% of 125px / 1920 * 100 */
  border-radius: 0.417vw;
  /* 8px / 1920 * 100 */
  background-color: #1c5487;
  /* background-color: #000; */
}

.consult .user_info {
  position: absolute;
  top: 50%;
  right: 5.417vw;
  /* 104px / 1920 * 100 */
  transform: translateY(-50%);
  width: 15.583vw;
  /* 299px / 1920 * 100 */
  height: 3.542vw;
  /* 68px / 1920 * 100 */
  line-height: 3.542vw;
  box-sizing: border-box;
  outline: none;
  border: none;
  background-color: #fff;
  border-radius: 3.542vw;
  /* 68px / 1920 * 100 */
  font-size: 1.146vw;
  /* 22px / 1920 * 100 */
  text-align: center;
  cursor: pointer;
}

.consult .user_info:hover {
  font-weight: bold;
}
p {
  text-indent: 2em;
  padding: 0.5em 0;
}