@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.first_index {
  position: absolute;
  top: 2.23rem;
  left: 2.3rem;
  right: 2.3rem;
  color: #FFFFFF;
}

.top_logo {
  position: absolute;
  top: 0.26rem;
  left: 2.3rem;
  right: 2.3rem;
  z-index: 10;
  height: 1rem;
  /* width: 14.6rem; */
  display: flex;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  overflow: hidden;
}
.top_logo .left_white {
  width: 2.89rem;
  height: 1rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_logo .left_white img {
  width: 2.23rem;
  height: 0.67rem;
}
.top_logo .right_red {
  /* width: 11.71rem; */
  height: 1rem;
  background: #B20000;
  padding: 0.4rem 0.74rem 0.4rem 1.11rem;
  display: flex;
  border-radius: 0 0.15rem 0.15rem 0;
}
.top_logo .right_red .list_first ul {
  width: 5.4rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.top_logo .right_red .list_first ul li {
  color: #FFFFFF;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
}
.top_logo .right_red .segmentation {
  height: 0.23rem;
  border: 0.01rem solid #FFFFFF;
  margin-left: 0.4rem;
  margin-right: 0.51rem;
}
.top_logo .right_red .list_second {
  /* width: 3rem; */
  margin-top: -0.03rem;
}
.top_logo .right_red .list_second ul {
  width: 2.91rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_logo .right_red .list_second ul li {
  font-size: 0.16rem;
}
.top_logo .right_red .list_second ul li:nth-of-type(1) {
  width: 0.18rem;
  height: 0.19rem;
}
.top_logo .right_red .list_second ul li:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}
.top_logo .right_red .list_second ul li:nth-of-type(2) {
  width: 0.24rem;
  height: 0.19rem;
}
.top_logo .right_red .list_second ul li:nth-of-type(2) img {
  width: 100%;
  height: 100%;
}
.top_logo .right_red .list_second ul li:nth-of-type(3) {
  width: 0.29rem;
  height: 0.29rem;
}
.top_logo .right_red .list_second ul li:nth-of-type(3) img {
  width: 100%;
  height: 100%;
}
.top_logo .right_red .list_second ul li:nth-of-type(4) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.25rem;
  font-weight: bold;
  color: #FFFFFF;
}

.first_content {
  font-weight: bold;
  text-align: left;
}
.first_content > p {
  font-size: 0.6rem;
  text-align: left;
}
.first_content > p > span:nth-of-type(1) {
  text-align: left;
  font-family: Tensentype JiaLiDaHeiJ, Tensentype JiaLiDaHeiJ;
}
.first_content > p > span:nth-of-type(2) {
  font-family: Tensentype JiaLiDaHeiJ, Tensentype JiaLiDaHeiJ;
}

.content_bottom_img {
  width: 13.14rem !important;
  display: flex;
  justify-content: flex-end;
  margin-top: 0.47rem;
  padding-right: 0.25rem;
}
.content_bottom_img > img {
  text-align: right;
  width: 2rem !important;
  height: 0.56rem !important;
}

.content_book {
  width: 12.45rem;
  padding-top: 0.63rem;
  display: flex;
  justify-content: center;
}
.content_book > div:nth-of-type(1) {
  width: 10rem;
  display: flex;
  justify-content: space-between;
  margin-left: 2.5rem;
}

.Index_mySwiper_page .swiper-slide {
  position: relative;
}
.Index_mySwiper_page .swiper-slide .text {
  position: absolute;
  left: 2.3rem;
  top: 2rem;
  width: 14rem;
  font-size: 0.7rem;
  color: white;
  font-weight: bold;
  text-align: center;
}
.Index_mySwiper_page .swiper-slide .index-logo {
  position: absolute;
  right: 4rem;
  top: 3.3rem;
  width: fit-content;
  height: fit-content;
  object-fit: contain;
}

.Index_mySwiper_page .swiper-pagination {
  position: absolute;
  bottom: 0.4rem !important;
}

.Index_mySwiper_page .swiper-slide-active img {
  animation: scaleImg 0.5s linear forwards;
}
.Index_mySwiper_page .swiper-slide-active .text {
  animation: scaleText 0.5s linear forwards;
}
@keyframes scaleImg {
  0% {
    transform: scale(10);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleText {
  0% {
    transform: scale(0.1);
  }
  100% {
    transform: scale(1);
  }
}


/* 第二、三、四页，添加滑动进入效果 */

.entry-active-animate {
    animation: entryAnimate 0.5s forwards;
}
.entry-active-animate2 {
    animation: entryAnimate2 0.5s forwards;
}
@keyframes entryAnimate {
  0% {
    opacity: 0;
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes entryAnimate2 {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate_box_active {
    animation: scaleImg 0.5s linear forwards;
}
.animate_box_active2 {
    animation: scaleText 0.5s linear forwards;
}


/* 第二张图 */
.hot_selling {
  position: absolute;
  top: 2.9rem;
  left: 2.52rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
}
.hot_selling .china-box {
  /*  width: 5.75rem;*/
  /*height: 4.6rem;*/
  /*padding-left: 1.2rem;*/
  /*padding-right: 1.2rem;*/
  width: 7.46rem;
  height: 4.72rem;
  background: rgba(0, 0, 0, 0.33);
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  padding-top: 0.58rem;
  padding-left: 0.51rem;
}
.hot_selling .China_content > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.63rem;
  color: #FFFFFF;
  text-align: left;
  letter-spacing: 0.08rem;
  line-height: 0.85rem;
  font-style: normal;
}
.hot_selling .China_content > p:nth-of-type(2) {
  padding-top: 0.1rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.42rem;
  color: #FFFFFF;
  line-height: 0.84rem;
  text-align: left;
  letter-spacing: 0.08rem;
}
.hot_selling .China_content > p:nth-of-type(2) > span {
  letter-spacing: 0rem;
}
.hot_selling .China_content > p:nth-of-type(3) {
  padding-top: 0.24rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.26rem;
  color: #FFFFFF;
  text-align: left;
  line-height: 0.25rem;
}
.hot_selling .china-img {
    width: 3.32rem;
    height: 4.73rem;
    margin-left: 1.2rem;
}
.red_button_content {
  margin-top: 0.46rem;
  width: 1.8rem;
  height: 0.64rem;
  background: #B20000;
  padding-top: 0.18rem;
  padding-left: 0.25rem;
  padding-bottom: 0.22rem;
  text-align: left;
  display: flex;
  align-items: center;
}
.red_button_content a {
  border-radius: 0rem 0rem 0rem 0rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-decoration: none;
}
.red_button_content > div:nth-of-type(1) {
  width: 0.24rem;
  height: 0.17rem;
}
.red_button_content > div:nth-of-type(1) img {
  margin-left: 0.2rem;
  width: 100%;
  height: 100%;
}

/* 第三张图 */
.gas_station {
  position: absolute;
  top: 2.89rem;
  left: 2.52rem;
  width: 7.46rem;
  height: 4.93rem;
  background: rgba(0, 0, 0, 0.33);
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  padding: 0.45rem;
  padding-left: 0.75rem;
}
.gas_station > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.gas_station > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.63rem;
  letter-spacing: 0.05rem;
}
.gas_station > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.42rem;
  letter-spacing: 0.06rem;
  margin-top: 0.35rem;
}
.gas_station > p:nth-of-type(3) {
  font-weight: 400;
  font-size: 0.26rem;
  margin-top: 0.35rem;
}

/* .gas_station::after {
    content: url(../img/IndexImg/组\ 11937.png);
    position: absolute;
    top: 0;
    right: -5rem;
    width: 3.35rem;
    height: 4.73rem;
} */
.gas_station_right_img {
  position: absolute;
  top: 2.8rem;
  left: 11.12rem;
  width: 3.32rem;
  height: 4.73rem;
}
.gas_station_right_img img {
  width: 100%;
  height: 100%;
}

/* 第四张图 */
.four_material {
  position: absolute;
    top: 2.89rem;
    left: 2.52rem;
    width: 7.46rem;
    height: 4.93rem;
    background: rgba(0, 0, 0, 0.33);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    padding: 0.45rem;
    padding-left: 0.75rem;
}
.four_material > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.four_material > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.63rem;
  letter-spacing: 0.05rem;
}
.four_material > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.42rem;
  margin-top: 0.45rem;
  letter-spacing: 0.04rem;
}
.four_material > p:nth-of-type(3) {
  margin-top: 0.4rem;
  font-weight: 400;
  font-size: 0.26rem;
}

/* .four_material::before{
    content: url(../img/IndexImg/组\ 12004.png);
    position: absolute;
    top: 0;
    left: -5rem;
    width: 3.36rem;
    height: 4.74rem;
} */
.four_material——left_img {
  position: absolute;
    top: 2.8rem;
    left: 11.12rem;
    width: 3.32rem;
    height: 4.73rem;
}
.four_material——left_img img {
  width: 100%;
  height: 100%;
}

/* 第五张图 */
.five_img_content {
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 50%;
}
.five_img_content > div:nth-of-type(1) {
  width: 50%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.five_img_content > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}
.five_img_content > div:nth-of-type(1) .trapezoid {
  position: absolute;
  top: 3.81rem;
  right: 0.46rem;
  width: 1.59rem;
  height: 0.5rem;
  background: #B20000;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.5rem;
  transform: skewX(-30deg);
  /* filter:drop-shadow(0 0 10px #b20000 ); */
  box-shadow: -0.07rem 0.06rem 0rem 0rem rgba(178, 0, 0, 0.46);
}
.five_img_content > div:nth-of-type(1) p {
  transform: skewX(30deg);
}
.five_img_content > div:nth-of-type(2) {
  width: 50%;
  height: 100%;
  position: relative;
  font-size: 0;
}
.five_img_content > div:nth-of-type(2) img {
  width: 100%;
  height: 100%;
}
.five_img_content > div:nth-of-type(2) .trapezoidA {
  position: absolute;
  top: 3.81rem;
  left: 0.59rem;
  width: 1.59rem;
  height: 0.5rem;
  background: #B20000;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.5rem;
  transform: skewX(-30deg);
  /* filter:drop-shadow(0 0 10px #b20000 ); */
  box-shadow: -0.07rem 0.06rem 0rem 0rem rgba(178, 0, 0, 0.46);
}
.five_img_content > div:nth-of-type(2) p {
  transform: skewX(30deg);
}

.bottom_five_content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  font-size: 0;
}
.bottom_five_content img {
  width: 100%;
  height: 100%;
}
.bottom_five_content .bottom_five_contentA {
  position: absolute;
  top: 0.98rem;
  left: 6.83rem;
  right: 6.83rem;
}
.bottom_five_content .bottom_five_contentA > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  font-size: 0.39rem;
}
.bottom_five_content .bottom_five_contentA > p:nth-of-type(2) {
  margin-top: 0.29rem;
}

.six_box {
  position: absolute;
  top: 3.77rem;
  left: 2.53rem;
  color: #FFFFFF;
  z-index: 33;
}
.six_box p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.63rem;
  letter-spacing: 0.15rem;
  text-align: left;
}
.six_box p span {
  font-family: Tensentype JiaLiDaHeiJ, Tensentype JiaLiDaHeiJ;
  font-weight: 500;
}
.six_box .text_content_img {
  margin-top: 0.55rem;
  width: 13.14rem;
}
.six_box .text_content_img > div:nth-of-type(1) {
  width: 2rem;
  height: 0.56rem;
  margin-left: auto;
}
.six_box .text_content_img > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}

.swiper {
  max-width: 100% !important;
  max-height: 100vh !important;
}

.develop_swiper .swiper-pagination {
  bottom: 50% !important;
  position: relative;
}
.develop_swiper .swiper-pagination::after {
  content: "";
  position: absolute;
  top: 0.02rem;
  width: 100%;
  height: 0;
  border: 0.01rem solid rgb(220, 220, 220);
  z-index: -10;
}
.develop_swiper .swiper-pagination-bullet {
  background: rgb(152, 153, 153);
  width: 0.06rem;
  height: 0.06rem;
  margin-left: 1.76rem !important;
  position: relative;
}
.develop_swiper .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 0.02rem;
  left: 0.06rem;
  font-size: 0.2rem;
  width: 1.1rem;
  height: 0rem;
  border: 0.01rem solid rgb(220, 220, 220);
  z-index: 13;
}
.develop_swiper .swiper-pagination-bullet-active {
  background: #B20000;
  /* color: #B20000; */
  width: 0.06rem;
  height: 0.06rem;
  font-size: 0;
  border: none;
}
.develop_swiper .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: 0.02rem;
  left: 0.06rem;
  font-size: 0.2rem;
  width: 1.13rem;
  height: 0rem;
  border: 0.01rem solid rgb(178, 0, 0);
  z-index: 13;
}
.develop_swiper .six_swiepr_content_A {
  position: absolute;
  top: 2.01rem;
  left: 50%;
  width: 94%;
  max-width: 14.4rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
  transform: translateX(-50%);
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
  white-space: pre-wrap;
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 50%;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
  transform: translateX(-50%);
}
.develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_B {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_B .six_swiepr_content_B_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_C {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_C .six_swiepr_content_C_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_D {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_D .six_swiepr_content_D_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_E {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_E .six_swiepr_content_E_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_F {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_F .six_swiepr_content_F_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_G {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_G .six_swiepr_content_G_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_H {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_H .six_swiepr_content_H_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_I {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_I .six_swiepr_content_I_text > p:nth-of-type(4) span {
  color: #B20000;
}
.develop_swiper .six_swiepr_content_J {
  position: absolute;
  top: 2.01rem;
  left: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text {
  position: relative;
  margin-top: -0.04rem;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: left;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text > p:nth-of-type(1) {
  margin-left: 6.65rem;
  color: #343434;
  font-weight: bold;
  font-size: 0.53rem;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text > p:nth-of-type(2) {
  margin-left: 4.44rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #363636;
  margin-top: 0.21rem;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text > p:nth-of-type(3) {
  font-weight: bold;
  font-size: 3.04rem;
  color: #B20000;
  margin-left: 3.55rem;
  margin-top: 1rem;
  opacity: 0.2;
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text > p:nth-of-type(4) {
  position: absolute;
  top: 4rem;
  left: 6.2rem;
  font-weight: bold;
  font-size: 0.35rem;
  color: rgb(52, 52, 52);
}
.develop_swiper .six_swiepr_content_J .six_swiepr_content_J_text > p:nth-of-type(4) span {
  color: #B20000;
}

.eighth_swiper {
  margin-top: 0.95rem;
}

.eighth_swiper_content .swiper-scrollbar-drag {
  width: 0.5rem !important;
  background: rgb(236, 48, 47);
}

.eighth_swiper_content .swiper-scrollbar {
  width: 3rem !important;
  position: absolute;
  bottom: -0.7rem !important;
  left: 5.75rem !important;
}

.eighth_swiper_content .swiper-button-next {
  position: absolute;
  top: unset;
  bottom: -0.9rem;
  left: 9rem;
  color: rgb(61, 61, 61);
}

.eighth_swiper_content .swiper-button-next::after {
  font-size: 0.4rem;
}

.eighth_swiper_content .swiper-button-prev {
  position: absolute;
  top: unset;
  bottom: -0.9rem;
  left: 5rem;
  color: rgb(61, 61, 61);
}

.eighth_swiper_content .swiper-button-prev::after {
  font-size: 0.4rem;
}

.eighth_swiper_content {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
  max-width: 14.6rem;
}

.eighth_swiper_content > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}

.eighth_swiper_content .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  /*margin-top: 0.95rem;*/
}

.eighth_swiper_content .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}

.eighth_swiper_content .honor_img div img {
  width: 100%;
  height: 100%;
}

.eight-bgc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.eighth_swiper_content_A {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
}
.eighth_swiper_content_A > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.eighth_swiper_content_A .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.95rem;
}
.eighth_swiper_content_A .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}
.eighth_swiper_content_A .honor_img div img {
  width: 100%;
  height: 100%;
}

.eighth_swiper_content_B {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
}
.eighth_swiper_content_B > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.eighth_swiper_content_B .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.95rem;
}
.eighth_swiper_content_B .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}
.eighth_swiper_content_B .honor_img div img {
  width: 100%;
  height: 100%;
}

.eighth_swiper_content_C {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
}
.eighth_swiper_content_C > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.eighth_swiper_content_C .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.95rem;
}
.eighth_swiper_content_C .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}
.eighth_swiper_content_C .honor_img div img {
  width: 100%;
  height: 100%;
}

.eighth_swiper_content_D {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
}
.eighth_swiper_content_D > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.eighth_swiper_content_D .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.95rem;
}
.eighth_swiper_content_D .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}
.eighth_swiper_content_D .honor_img div img {
  width: 100%;
  height: 100%;
}

.eighth_swiper_content_E {
  position: absolute;
  top: 2.55rem;
  left: 2.3rem;
}
.eighth_swiper_content_E > p:nth-of-type(1) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #343434;
  text-align: left;
}
.eighth_swiper_content_E .honor_img {
  width: 14.32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.95rem;
}
.eighth_swiper_content_E .honor_img div {
  width: 3.18rem;
  height: 2.42rem;
}
.eighth_swiper_content_E .honor_img div img {
  width: 100%;
  height: 100%;
}

.nine_content {
  position: absolute;
  top: 2.8rem;
  left: 5rem;
}
.nine_content > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.6rem;
  color: #FFFFFF;
  letter-spacing: 0.2rem;
  text-align: center;
}
.nine_content > p span {
  font-family: Tensentype JiaLiDaHeiJ, Tensentype JiaLiDaHeiJ;
  font-weight: 500;
  text-align: left;
}
.nine_content div {
  width: 2rem;
  height: 0.56rem;
  margin-top: 0.32rem;
  margin-left: auto;
  margin-right: -0.4rem;
}
.nine_content div img {
  width: 100%;
  height: 100%;
}

.ten_top_img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 51%;
}
.ten_top_img img {
  width: 100%;
  height: 100%;
}

.ten_top_imgA {
  width: 100%;
  height: 47%;
  position: absolute;
  bottom: 0;
}

.Big_img_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ten_swiper_img_text {
  width: 9.51rem;
  height: 4.6rem;
}
.ten_swiper_img_text img {
  width: 100%;
  height: 100%;
}

.ten_swiper_img_textA {
  width: 9.51rem;
  height: 4.6rem;
}
.ten_swiper_img_textA img {
  width: 100%;
  height: 100%;
}

.ten_swiper_img .swiper-button-next {
  color: rgb(255, 255, 255);
  position: absolute;
  /* right: 0.67rem !important; */
  width: 1.3rem !important;
  opacity: 0.85;
}
.ten_swiper_img .swiper-button-next::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: 0.2rem;
  opacity: 0.46;
}
.ten_swiper_img .swiper-button-prev {
  color: rgb(255, 255, 255);
  position: absolute;
  /* left: 0.67rem !important; */
  width: 1.3rem !important;
  opacity: 0.85;
}
.ten_swiper_img .swiper-button-prev::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: 0.3rem;
  opacity: 0.46;
}

.eleven_swiper_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: black;
}

.eleven_swiper_img > .new_eleven {
  width: 100%;
  height: 8.81rem;
  margin: 0.4rem auto 0;
}

.eleven_swiper_img > .new_eleven video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.eleven_swiper_img .big-title {
  position: absolute;
  left: 50%;
  top: 2.2rem;
  font-size: 0.5rem;
  font-weight: 700;
  color: white;
  transform: translateX(-50%);
}

.eleven_swiper_img .small-title {
  position: absolute;
  left: 50%;
  top: 3rem;
  font-size: 0.35rem;
  color: white;
  transform: translateX(-50%);
}

.eleven_swiper_img .play {
  position: absolute;
  left: 50%;
  top: 3.7rem;
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
  transform: translateX(-50%);
}

.twelve_content_text {
  position: absolute;
  top: 1.58rem;
  left: 6.74rem;
}
.twelve_content_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.6rem;
  color: #000000;
  letter-spacing: 0.02rem;
  text-align: left;
}

.twelve_swiper_content .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  background: rgb(105, 105, 105);
  border: none;
}
.twelve_swiper_content .swiper-pagination-bullet-active {
  width: 0.15rem;
  height: 0.15rem;
  background: rgb(178, 0, 0);
}

.twelve_content_bottom {
  position: absolute;
  top: 3.41rem;
  left: 2.3rem;
  width: 14.6rem;
  display: flex;
  justify-content: space-between;
}
.twelve_content_bottom .twelve_content_bottomA {
  width: 5.97rem;
}
.twelve_content_bottom .twelve_content_bottomA > a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.44rem;
  color: #000000;
  letter-spacing: 0.02rem;
  text-align: left;
}
.twelve_content_bottom .twelve_rend_text {
  width: 5.97rem;
  height: 2.07rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.52rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  padding-top: 0.22rem;
  padding-left: 0.65rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.53rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  padding-top: 0.22rem;
  padding-left: 0.73rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(1) {
  font-size: 0.53rem;
  font-weight: bold;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(1) span {
  font-weight: 400;
  font-size: 0.27rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(2) {
  font-size: 0.22rem;
  font-weight: 400;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-top: 0.13rem;
  padding-top: 0.29rem;
  padding-left: 0.58rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.41rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-top: 0.13rem;
  padding-top: 0.31rem;
  padding-left: 0.34rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.4rem;
}
.twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom .twelve_dashed_box {
  width: 7.71rem;
  height: 5.22rem;
}
.twelve_content_bottom .twelve_dashed_box img {
  width: 100%;
  height: 100%;
}

.twelve_content_bottom_A {
  position: absolute;
  top: 3.41rem;
  left: 2.3rem;
  width: 14.6rem;
  display: flex;
  justify-content: space-between;
}
.twelve_content_bottom_A .twelve_content_bottomA {
  width: 5.97rem;
}
.twelve_content_bottom_A .twelve_content_bottomA > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.44rem;
  color: #000000;
  letter-spacing: 0.02rem;
  text-align: left;
}
.twelve_content_bottom_A .twelve_rend_text {
  width: 5.97rem;
  height: 2.07rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.52rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(1) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  padding-top: 0.22rem;
  padding-left: 0.65rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(1) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.53rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(2) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  padding-top: 0.22rem;
  padding-left: 0.73rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(2) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(1) {
  font-size: 0.53rem;
  font-weight: bold;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(1) span {
  font-weight: 400;
  font-size: 0.27rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(2) {
  font-size: 0.22rem;
  font-weight: 400;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(3) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-top: 0.13rem;
  padding-top: 0.29rem;
  padding-left: 0.58rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(3) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.41rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(4) {
  width: 2.89rem;
  height: 1.47rem;
  background: rgb(178, 0, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-top: 0.13rem;
  padding-top: 0.31rem;
  padding-left: 0.34rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(4) > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  color: #FFFFFF;
  text-align: left;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(1) {
  font-weight: bold;
  font-size: 0.4rem;
}
.twelve_content_bottom_A .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(2) {
  font-weight: 400;
  font-size: 0.22rem;
}
.twelve_content_bottom_A .twelve_dashed_box {
  width: 7.71rem;
  height: 5.22rem;
}
.twelve_content_bottom_A .twelve_dashed_box img {
  width: 100%;
  height: 100%;
}

.twelve_content_textA {
  position: absolute;
  top: 1.58rem;
  left: 6.74rem;
}
.twelve_content_textA > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.6rem;
  color: #000000;
  letter-spacing: 0.02rem;
  text-align: left;
}

.twelve_swiper_content .swiper-button-next {
  color: #FFFFFF;
  position: absolute;
  top: 52% !important;
  right: 1.19rem;
}
.twelve_swiper_content .swiper-button-next::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 0.01rem solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -0.18rem;
  left: -0.28rem;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.twelve_swiper_content .swiper-button-prev {
  color: #FFFFFF;
  position: absolute;
  top: 52% !important;
  left: 1rem;
}
.twelve_swiper_content .swiper-button-prev::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 0.01rem solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -0.18rem;
  left: -0.21rem;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.thirteen_swiper_text {
  position: absolute;
  top: 1.2rem;
  left: 6.87rem;
  right: 6.87rem;
}
.thirteen_swiper_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.6rem;
  color: #FFFFFF;
  letter-spacing: 0.02rem;
  text-align: left;
  margin-top: 0.3rem;
}

.step_box {
  display: flex;
  justify-content: space-between;
  width: 14.6rem;
  height: 5.09rem;
  position: absolute;
  left: 2.3rem;
  top: 3.08rem;
}
.step_box .step_box_img {
  width: 7.19rem;
  height: 5.09rem;
}
.step_box .step_box_img > div:nth-of-type(1) {
  width: 7.19rem;
  height: 3.75rem;
}
.step_box .step_box_img > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
}
.step_box .step_box_text {
  width: 7.19rem;
  height: 1.34rem;
  background: rgb(255, 255, 255);
  overflow: hidden;
  display: flex;
}
.step_box .step_box_text > div:nth-of-type(1) {
  margin-top: 0.35rem;
  margin-left: 0.3rem;
}
.step_box .step_box_text > div:nth-of-type(1) > p:nth-of-type(1) {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.29rem;
  color: #000000;
  text-align: left;
}
.step_box .step_box_text > div:nth-of-type(1) > p:nth-of-type(2) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.21rem;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: 0.02rem;
  text-align: left;
}
.step_box .step_box_text > div:nth-of-type(2) {
  margin-top: 0.2rem;
  margin-left: 0.15rem;
}
.step_box .step_box_text > div:nth-of-type(2) > p:nth-of-type(1) {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.22rem;
  color: #000000;
  text-align: left;
}
.step_box .step_box_text > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 0.08rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.14rem;
  color: #7E7E7E;
  text-align: left;
}
.step_box .step_text_content {
  width: 6.86rem;
  height: 5.07rem;
}
.step_box .step_text_content ul {
  list-style: none;
  text-align: left;
}
.step_box .step_text_content ul li {
  display: flex;
  border-bottom: 0.01rem solid #FFFFFF;
  padding-bottom: 0.26rem;
  padding-top: 0.26rem;
}
.step_box .step_text_content ul li > div:nth-of-type(1) > p:nth-of-type(1) {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.29rem;
  color: #FFFFFF;
  text-align: left;
}
.step_box .step_text_content ul li > div:nth-of-type(1) > p:nth-of-type(2) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.21rem;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 100px;
  letter-spacing: 0.02rem;
  text-align: left;
}
.step_box .step_text_content ul li > div:nth-of-type(2) {
  margin-left: 0.15rem;
}
.step_box .step_text_content ul li > div:nth-of-type(2) > p:nth-of-type(1) {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.22rem;
  color: #FFFFFF;
  text-align: left;
}
.step_box .step_text_content ul li > div:nth-of-type(2) > p:nth-of-type(1):hover {
  color: rgb(178,0,0);
}
.step_box .step_text_content ul li > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 0.08rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: normal;
  font-size: 0.14rem;
  color: #FFFFFF;
  text-align: left;
}
.step_box .step_text_content ul li:nth-of-type(2), .step_box .step_text_content ul li:nth-of-type(3), .step_box .step_text_content ul li:nth-of-type(4) {
  margin-top: 0.23rem;
}

.footer-wrap {
  width: 100%;
  height: 100%;
}

/*.Index_mySwiper .swiper-slide:last-child{*/
/*    height: 4.93rem !important; */
/*}*/

@media screen and (max-width:1024px){
    /*.swiper{*/
    /*    width: 100% !important;*/
    /*    height: 3rem !important;*/
    /*    margin-top: 50px;*/
    /*}*/
    .swiper-slide:first-child{
        width: 100% !important;
        /*height: 3rem !important;*/
        margin-top: 50px;
    }
    .swiper-slide{
        height: auto;
    }
    .Index_mySwiper_page .swiper-slide .text{
        width: 100%;
        top: 50%;
        left: 0%;
        font-size: 14px;
    }
    .swiper-slide{
        height: auto;
    }
    .hot_selling{
        flex-wrap: wrap;
        width: 100%;
        left: 0;
        top: 10%;
    }
    .hot_selling .china-box{
        width: 94%;
        margin: 0 auto;
        padding: 0.45rem;
        height: 4.93rem
        ;
    }
    .hot_selling .china-img{
        width: 70%;
        margin: 0 auto;
        /*margin-left: 0;*/
        height: auto;

        margin-top: -1.3rem;
        /*box-shadow:1px 1px 3px #f7f7f7;*/
    }
    .hot_selling .China_content > p:nth-of-type(1){
        font-size: 16px;
    }
    .hot_selling .China_content > p:nth-of-type(2){
        font-size: 14px;
    }
    .hot_selling .China_content > p:nth-of-type(3){
        font-size: 12px;
    }
    .red_button_content a{
        font-size: 12px;
    }
    .gas_station{
        width: 94%;
        margin: 0 auto;
        top: 10%;
        left: 3%;
        padding-left: 20px;
    }
    .gas_station > p:nth-of-type(1){
        font-size: 16px;
    }
    .gas_station > p:nth-of-type(2){
        font-size: 14px;
    }
    .gas_station > p:nth-of-type(3){
        font-size: 12px;
    }
    .gas_station_right_img{
        left: 15%;
        top: 48%;
        width: 80%;
        height: auto;
        margin-top: -1.5rem;
        /*box-shadow:1px 1px 3px #f7f7f7;*/
    }
    .four_material{
         width: 94%;
        margin: 0 auto;
        top: 10%;
        left: 3%;
        padding-left: 20px;
    }
    .four_material > p:nth-of-type(1){
        font-size: 16px;
    }
    .four_material > p:nth-of-type(2){
        font-size: 14px;
    }
    .four_material > p:nth-of-type(3){
        font-size: 12px;
    }
    .four_material——left_img{
                left: 15%;
        top: 48%;
        width: 80%;
        height: auto;
        margin-top: -1.2rem;
        /*box-shadow:1px 1px 3px #f7f7f7;*/
    }
    .six_box{
        /*width: 94%;*/
        left: 3%;
        top: 40%;
    }
    .six_box p{
        font-size: 18px;
    }
    .six_box .text_content_img{
        width: 94%;
        margin: 0 auto;
        margin-top: 10px;
    }
    .develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(3){
        margin-left: 0;
        margin-top: 110px;
        font-size: 140px;
    }
    .develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(4){
        top: 68%;
        font-size: 14px;
    }
    .develop_swiper .six_swiepr_content_A p{
        font-size: 14px
    }
    .six_swiepr_content_A p:first-child{
        font-size: 24px !important;
    }
    .develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(1){
        margin-left: 0;
        font-size: 14px !important;
        padding-left: 40%;
    }
    .develop_swiper .six_swiepr_content_A .six_swiepr_content_A_text > p:nth-of-type(2){
        margin-left: 0;
        font-size: 12px;
        padding-left: 30px;
    }
    .develop_swiper .swiper-slide:first-child{
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }
    .eleven_swiper_img > .new_eleven{
        height: 100%;
    }
    .eleven_swiper_img .play{
        top: 30%;
    }
    .eleven_swiper_img .big-title{
        font-size: 16px;
    }
    .eleven_swiper_img .small-title{
        font-size: 14px;
    }
    .five_img_content > div:nth-of-type(1) .trapezoid{
        top: 80%;
        right: 25%;
        font-size: 14px;
        width: 100px;
        height: 30px;
        line-height: 30px;
    }
    .five_img_content > div:nth-of-type(2) .trapezoidA{
        top: 80%;
        right: 25%;
        font-size: 14px;
        width: 100px;
        height: 30px;
        line-height: 30px;
    }
    .bottom_five_content .bottom_five_contentA{
        right: 0;
        left: 0;
    }
    .bottom_five_content .bottom_five_contentA > p{
        font-size: 14px;
    }
    .nine_content{
        left: 0;
        /*right: 10%;*/
        top: 40%;
    }
    .nine_content > p{
        font-size: 18px;
    }
    .eighth_swiper .swiper-slide:first-child{
        width: 100%;
        height: auto !important;
        margin-top: 0 !important;
    }
    .eighth_swiper_content{
        width: 100%;
        left: 0;
        height: 9rem;
    }
    .eighth_swiper_content .honor_img div img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .eighth_swiper_content .honor_img{
        width: fit-content;
    }
    .eighth_swiper_content > p:nth-of-type(1){
        font-size: 20px;
        width: 94%;
        margin: 0 auto;
    }
    .eighth_swiper_content .swiper-button-prev{
        display: none;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
        left: 1% !important;
        width: 98% !important;
    }
    .eighth_swiper_content .swiper-button-next{
        display: none;
    }
    .develop_swiper .swiper-slide:first-child .six_swiepr_content_A_text p:nth-child(3n){
        margin-top: 150px;
        font-size: 140px;
    }
    .thirteen_swiper_text{
        left: 25%;
        right: 0;
        top: 8%;
    }
    .step_box{
        width: 94%;
        margin: 0 auto;
        flex-direction: column;
        left: 3%;
        top: 16%;
    }
    .step_box .step_text_content{
        width: 100%;
        margin-top:30px;
    }
    .thirteen_swiper_text > p{
        font-size: 24px;
    }
    .step_box .step_box_img{
        width: 100%;
    }
    .step_box .step_box_text{
        width: 100%;
        /*height: auto;*/
    }
    .step_box .step_box_text > div:nth-of-type(1) > p:nth-of-type(1){
        font-size: 14px;
    }
    .step_box .step_text_content ul li > div:nth-of-type(1) > p:nth-of-type(1){
        font-size: 12px;
    }
    .step_box .step_box_text > div:nth-of-type(2) > p:nth-of-type(1){
        font-size: 16px;
    }
    .step_box .step_box_text > div:nth-of-type(2) > p:nth-of-type(2){
        font-size: 12px;
    }
    .step_box .step_text_content ul li > div:nth-of-type(1) > p:nth-of-type(2){
        font-size: 12px;
    }
    .step_box .step_text_content ul li > div:nth-of-type(2) > p:nth-of-type(1){
        font-size: 16px;
    }
    .step_box .step_text_content ul li > div:nth-of-type(2) > p:nth-of-type(2){
        font-size: 12px;
    }
    .twelve_content_text{
        left: 3%;
        font-size: 14px;
        top: 7%;
    }
    .ten_swiper_img .swiper-button-next:after, .swiper-button-prev:after{
        display: none;
    }
    .ten_swiper_img .swiper-button-next:after, .swiper-button-prev:after{

        display: none;
    }
    .twelve_content_bottom{
        width: 94%;
        flex-direction: column;
        left: 3%;
        top: 25%;
    }
    .twelve_swiper_content .swiper-slide:first-child{
        width: 100%!important;
        height: 100%!important;
        margin-top:0!important;
        
    }
    .twelve_content_bottom .twelve_content_bottomA{
        width: 100%;
    }
    /*.twelve_swiper_content .swiper-button-next{*/
    /*    right: 0;*/
    /*}*/
    /*.twelve_swiper_content .swiper-button-prev{*/
    /*    left: 3%;*/
    /*}*/
    .swiper-button-next:after, .swiper-button-prev:after{
        display: none;
    }
    .twelve_content_bottom .twelve_rend_text{
        width: 100%;
        height: auto;
    }
    .twelve_content_bottom .twelve_dashed_box{
        width: 100%;
        /*height: auto;*/
        margin-top: 20px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(1){
        width: 48%;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(2){
        width: 48%;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(3){
        width: 48%;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(4){
        width: 48%;
    }
    
    .ten_swiper_img .swiper-slide:first-child{
        width: 100% !important;
        height: 5rem !important;
        /*margin-top: 0 !important;*/
    } 
    .ten_swiper_img .swiper-slide{
        width: 100% !important;
        height: 5rem !important;
        margin-top: 50px;
    } 
    .swiper-button-next:after, .swiper-button-prev:after{

        display: none;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-button-prev{
        display: none;
    }
    .twelve_swiper_content .swiper-button-next::before{
        display: none;
    }
    .twelve_swiper_content .swiper-button-prev::before{
        display: none;
    }
    .ten_swiper_img .swiper-button-next::before{
        display: none;
    }
    .ten_swiper_img .swiper-button-prev::before{
        display: none;
    }
    .twelve_content_text > p{
        font-size: 24px;
        margin-left: 1.5rem;
        margin-top: 0.5rem;
    }
    .twelve_content_bottom .twelve_content_bottomA > a{
        font-size: 14px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(1){
        font-size: 14px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(1) > p:nth-of-type(2){
        font-size: 12px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(1){
         font-size: 14px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(2) > p:nth-of-type(2){
        font-size: 12px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(1){
        font-size: 14px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(3) > p:nth-of-type(2){
        font-size: 12px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(1){
        font-size: 14px;
    }
    .twelve_content_bottom .twelve_rend_text > div:nth-of-type(4) > p:nth-of-type(2){
        font-size: 12px;
    }
    .five_img_content > div:nth-of-type(1) p{
        font-size: 16px;
    }
    .five_img_content > div:nth-of-type(2) p{
        font-size: 16px;
    }
    .eighth_swiper_content .swiper-slide{
        width: 100% !important;
    }
    .eighth_swiper_content .honor_img div{
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }
   .ten_top_img{
       width: 100%;
       height: 60%;
   }
   .twelve_swiper_content .swiper-button-prev{
       display: none;
   }
   .twelve_swiper_content .swiper-button-next{
       display: none;
   }
   .step_box .step_text_content ul a{
       overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
   }
   .red_button_content > div:nth-of-type(1) img{
       display: block;
       margin-top: 0.02rem
       ;
   }
   .btm_phtone{
       display: flex!important;
   }
}