* {
  margin: 0;
  padding: 0;
}

html,
body {
  background: #ffffff !important;
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条的宽度 */
  background-color: #f9f9f9;
  /* 滚动条的背景色 */
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f9f9f9;
  /* 轨道的背景色 */
  /* 轨道的圆角 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background-color: #E20100;
  /* 滑块的背景色 */

}

.index_banner_swiper {
  width: 100%;
  height: calc(200px + 40rem);
}

.index_banner {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide .index_banner_img {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide .index_banner_img .index_banner_pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_text {
  max-width: 1640px;
  width: 85%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

.banner_text .p1 {
  font-family: D_DIN_PRO_Heavy;
  font-weight: 900;
  font-size: calc(20px + 4rem);
  color: #E40000;
  line-height: calc(10px + 5rem);
  text-transform: uppercase;
  margin-top: calc(5px + 15rem);
}

.banner_text .p2 {
  font-family: D_DIN_PRO_Medium;
  font-weight: 500;
  font-size: calc(4px + 1rem);
  color: #FFFFFF;
  line-height: calc(4px + 1.5rem);
  letter-spacing: 1px;
  text-shadow: 0px 4px calc(5px + 0.25rem) rgba(0, 0, 0, 0.4);
  margin-top: calc(5px + 1rem);
}

.index_1_box {
  width: 100%;
  padding-top: calc(24px + 5rem);
  padding-bottom: calc(19px + 5rem);
}

.index_1 {
  max-width: 1640px;
  width: 85%;
  margin: auto;
}

.index_1_list {
  display: flex;
  justify-content: space-between;
}

.index_1_item {
  width: 49.3902%;
  height: calc(120px + 20rem);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

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

.index_i_item_name {
  width: 100%;
  height: calc(20px + 3rem);
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  transition: .5s;
}

.index_i_item_name .p1 {
  font-family: D_DIN_PRO_Heavy;
  font-weight: 900;
  font-size: calc(10px + 1rem);
  color: #FFFFFF;
  line-height: calc(20px + 3rem);
  text-align: center;
}

.index_i_item_name .p2 {
  width: calc(87px + 30rem);
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(2px + 1rem);
  color: #FFFFFF;
  line-height: calc(4px + 1.5rem);
  text-align: center;
}

.index_i_item_name .p3 {
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 1.5rem);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(1px + 0.5rem);
  margin-top: calc(53px + 5rem);
}

.index_i_item_name .p3 img {
  width: calc(6px + 1rem);
}

.index_1_item:hover .index_i_item_name {
  height: 100%;
  background-color: rgba(228, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: calc(43px + 5rem);
}

.index_2_box {
  width: 100%;
  overflow: hidden;
}

.index_2 {
  width: 92.5%;
  height: calc(180px + 40rem);
  float: right;
  display: flex;
  display: flex;
  justify-content: space-between;
  position: relative;

}

.index_2_right {
  width: 67.7528%;
  height: 100%;
  background: url(../images/earth.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
}

.index_2_left {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index_2_left .p1 {
  font-family: D_DIN_PRO_Heavy;
  font-weight: 900;
  font-size: calc(12px + 3rem);
  color: #222222;
  line-height: calc(10px + 4rem);
  letter-spacing: 1px;
  text-align: left;
}

.index_2_left .p2 {
  width: calc(6px + 30rem);
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #666666;
  line-height: calc(4px + 1.5rem);
  letter-spacing: 1px;
  text-align: left;
  margin-top: calc(10px + 2rem);
}

.index_2_left .p3 a{
  width: max-content;
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #222222;
  line-height: calc(10px + 1.5rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(1px + 0.5rem);
  margin-top: calc(55px + 5rem);

}

.index_2_left .p3 img {
  width: calc(6px + 1rem);
}

.index_2_right_position {
  margin-left: calc(48px + 30rem);
  margin-top: calc(54px + 15rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(6px + 0.5rem);
}

.index_2_right_position .dot_box {
  width: calc(12px + 3rem);
  height: calc(12px + 3rem);
  background: rgba(228, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_2_right_position .dot_box .dot {
  width: calc(10px + 1.5rem);
  height: calc(10px + 1.5rem);
  background: #E40000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_2_right_position .dot_box .dot img {
  width: calc(2px + 0.5rem);
}

.index_2_right_position .p1 {
  font-family: D_DIN_PRO_Heavy;
  font-weight: 900;
  font-size: calc(8px + 0.5rem);
  color: #000000;
  line-height: 1;
  ;
}

.index_3_box {
  width: 100%;
  margin-top: calc(29px + 5rem);
}

.index_3 {
  width: 92.5%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(21px + 5rem);
}

.index_3_pic {
  width: 56.1798%;
  height: calc(40px + 40rem);
}
.index_3_pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.index_3_text .p3{
  width: calc(9px + 30rem);
  font-family: D_DIN_PRO_Regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(4px + 1.5rem);
  text-align: left;
  margin-top: calc(3px + 1.5rem);
}


.index_4_box{
  width: 100%;
  overflow: hidden;
  padding-top: calc(17px + 5rem);
  padding-bottom: calc(3px + 5rem);
}
.index_4{
  width: 92.5%;
  float: right;
}
.index_4_title{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 7.5%;
}
.index_4_title_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(11px + 2rem);
}
.index_4_title_btn img{
  width: calc(9px + 1rem);
  cursor: pointer;
}
.index_4_swiper_box{
  width: 100%;
  margin-top: calc(28px + 1.5rem);
}
.index_4_swiper{
  width: 100%;
}
.index_4_swiper .swiper-slide{
  width: 100%;
}
.index_4_item{
  width: 100%;
  border-bottom: 1px #999999 solid;
  padding-bottom: calc(10px + 1.5rem);
  transition: .3s;
}
.index_4_pic{
  width: 100%;
  height: calc(29px + 20rem);
  overflow: hidden;
}
.index_4_pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}
.index_4_item .p1{
  font-family: D_DIN_PRO_SemiBold;
  font-weight: 600;
  font-size: calc(10px + 1rem);
  color: #222222;
  line-height: calc(10px + 1.5rem);
  letter-spacing: 1px;
  margin-top: calc(8px + 2rem);
transition: .3s;
}
.index_4_item .p2{
font-family: D_DIN_PRO_Regular;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #666666;
line-height: calc(2px + 1.5rem);
margin-top: calc(5px + 0.5rem);
}
.index_4_item:hover img{
  transform: scale(1.1);
}
.index_4_item:hover .p1{
  color: #E40000;
}
.index_4_item:hover{
  border-color: #E40000;
}
.index_4_swiper{
  display: block;
}
.index_4_swiper_m{
  display: none;
}

@media (max-width: 1100px){
  .banner_text .p1{
    font-size: calc(16px + 1rem);
  }
  .banner_text .p2{
    font-size: calc(12px + 1rem);
    line-height: 1.5;
  }
  .index_banner_swiper {
    width: 100%;
    height: calc(200px + 1rem);
}
.index_1_item {
  width: 49.3902%;
  height: calc(115px + 1rem);
 
}
.index_i_item_name .p1{
  font-family: D_DIN_PRO_Regular;
}
.index_2_left .p1{
  font-size: calc(16px + 1rem);
}
.index_2_left .p2{
  width: calc(6px + 52rem);
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.index_2 {

  height: calc(180px + 44rem);
  
}
.index_2_left .p3{
  font-size: calc(12px + 1rem);
}
.index_2_right_position .p1{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.index_2_right_position{
  flex-direction: column;
  justify-content: flex-start;
}
.index_3{
  width: 85%;
  margin: auto;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(10px + 2rem);
}
.index_3_pic{
  width: 100%;
}
.index_3_text {
  width: 100%;
}
.index_3_text .p3{
  width: 100%;
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.index_4_title_btn{
  display: none;
}
.index_4_swiper{
  display: none;
}
.index_4_swiper_m{
  display: block;
}
.index_4_pic {
  height: calc(29px + 48rem);
}
.index_4{
  width: 85%;
  margin: auto;
  float: none;
}
.index_4_box{
  padding-top: calc(45px + 5rem);
    padding-bottom: calc(20px + 5rem);
}
.index_4_item .p1{
  font-size: calc(12px + 1rem);
  line-height: 1.5;
}
.index_4_item .p2{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
}