* {
    margin: 0;
    padding: 0;
}

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

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

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    background-color: #009944;
    /* 滑块的背景色 */
    /
}
.mobile_ban{
    display: none;
    position: relative;
}
.play{
    width:calc(30px + 1.5rem);
    height:calc(30px + 1.5rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.position_box{
    position: absolute;
    right: 4%;
    bottom:35%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 0.5rem);
    
}
.position_box .position{
  color: #ffffff;
  font-size: calc(8px + 0.5rem);
  cursor: pointer;
}
.position_box .position_act{
    font-size: calc(4px + 1rem);
    color: #009944;
    border: 1px #009944 solid;
    width: calc(5px + 2rem);
    height: calc(5px + 2rem);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper_video_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
     position: relative;

}
.ban_mask{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient( 90deg, #002B13 0%, rgba(36,215,116,0) 100%);
}

.ban_text{
    max-width: 1600px;
    width: 85%;
    margin: auto;
    height: 100%;
 
}
.ban_btn_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(2px + 1rem);
    margin-top: calc(20px + 4rem);
}
.ban_btn:nth-of-type(1){
    width: calc(100px + 5rem);
height: calc(20px + 2rem);
background: #009944;
border-radius: calc(6px + 1.5rem);
}
.ban_btn:nth-of-type(1) a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
align-items: center;
font-family: DM_Sans-regular;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #FFFFFF;

}
.ban_btn:nth-of-type(2){
    width: calc(100px + 5rem);
height: calc(20px + 2rem);
background: transparent;
border: 1px #ffffff solid ;
border-radius: calc(6px + 1.5rem);
}
.ban_btn:nth-of-type(2) a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
align-items: center;
font-family: DM_Sans-regular;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #FFFFFF;

}
.ban_text .p1{
width:70%;
font-family: DM_Sans-bold;
font-weight: bold;
font-size: calc(20px + 2rem);
color: #FFFFFF;
line-height: calc(20px + 3rem);
letter-spacing: 3px;
margin-top:14%;
}
.ban_text .p2{
width:55%;
font-family: DM_Sans-regular;
font-weight: bold;
font-size: calc(10px + 0.5rem);
color: #FFFFFF;
line-height: calc(3px + 1.5rem);
letter-spacing: 1px;
margin-top: calc(10px + 0.5rem);
}
.ban_swiper{
    width: 100%;
    margin-top: calc(10px + 4rem);
}
.ban_swiper .swiper-slide{
    width: 100%;
}
.swiper_video_box .swiper_video {
    width: 100%;
    height: 100%;


    overflow: hidden;
    position: relative;

}


.swiper_video_box .swiper_video video {
    width: 100%;
    height: 100%;
    transform: scale(4.35);


}

.swiper_video_box .swiper_video .video_mask {
    width: 100%;
    height: 100%;
    background-color: #00000060;
    position: absolute;
    top: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .5s;
}

.swiper_video_box .swiper_video .video_mask:hover img {
    transform: scale(1.2);

}
.swiper_video_box .swiper_video .video_mask .m_banner {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: none;
  
}
.swiper_video_box .swiper_video .video_mask .img2 {
    transition: .5s;
    transform: scale(1) ;

    height: calc(80px + 25rem)
}

.swiper_video_box .swiper_video .video_mask p {
    font-family: DM_Sans-regular;
    font-weight: 400;
    font-size: calc(5px + 1rem);
    color: #FFFFFF;
    line-height: calc(10px + 1.5rem);
    letter-spacing: 1px;
    margin-top: calc(50px + 8rem);

}

.banner_swiper {
  width: 100%;
  height: calc(80px + 50rem);
 
}
.banner_swiper .mySwiper {
  width: 100%;
  height: 100%;
}
.banner_swiper .mySwiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.banner_swiper .mySwiper .swiper-slide .ban_pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.supplier_box {
  width: 100%;
  padding-top: calc(5px + 5rem);
  padding-bottom: calc(11px + 3rem);
}
.supplier_box .supplier {
  max-width: 1600px;
  width: 85%;
  margin: auto;
}
.supplier_box .supplier .supplier_title {
  font-family: Source_Han_Bold;
  font-weight: bold;
  font-size: calc(14px + 2rem);
  color: #333333;
  letter-spacing: calc(0px + 0.1rem);
  text-align: center;
}
.supplier_box .supplier .supplier_map {
  width: calc(187px + 50rem);
  margin: auto;
  margin-top: calc(3px + 1.5rem);
}
.supplier_box .supplier .supplier_map img {
  width: 100%;
}
.supplier_box .supplier .supplier_list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: calc(6px + 2rem);
}
.supplier_box .supplier .supplier_list .supplier_item {
  width: calc(160px + 20rem);
  padding: calc(5px + 0.5rem) calc(2px + 1rem);
  background: #F4F4F4;
  border-radius: calc(5px + 0.25rem);
  display: flex;
  justify-content: space-between;
}
.supplier_box .supplier .supplier_list .supplier_item .supplier_item_text {
  margin-top: calc(9px + 1rem);
}
.supplier_box .supplier .supplier_list .supplier_item .supplier_item_text p:nth-of-type(1) {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(10px + 0.5rem);
  color: #222222;
  line-height: calc(10px + 1rem);
  letter-spacing: 1px;
}
.supplier_box .supplier .supplier_list .supplier_item .supplier_item_text p:nth-of-type(2) {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 0.5rem);
  color: #009944;
  line-height: calc(10px + 1rem);
  margin-top: calc(7px + 0.5rem);
}
.supplier_box .supplier .supplier_list .supplier_item .supplier_item_pic {
  width: calc(20px + 15rem);
  height: calc(100px + 5rem);
}
.supplier_box .supplier .supplier_list .supplier_item .supplier_item_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.innovate_box {
  width: 100%;
  background: url(../images/in_bg.jpg) no-repeat;
  background-size: cover;
  padding-top: calc(26px + 5rem);
  padding-bottom: calc(68px + 5rem);
}
.innovate_box .innovate {
  max-width: 1800px;
  width: 90%;
  display: flex;
  justify-content: space-between;
  gap: calc(11px + 15rem);
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box {
  margin-top: calc(67px + 5rem);
  position: relative;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle {
  width: calc(100px + 20rem);
  height: calc(100px + 20rem);
  background: #009944;
  border-radius: 50%;
  margin-left: calc(15px + 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle .p1 {
  font-family: DM_Sans-bold;
  font-weight: bold;
  font-size: calc(6px + 1.5rem);
  color: #FFFFFF;
  letter-spacing: calc(1px + 0.25rem);
  margin-top: calc(7px + 5rem);
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle .p1 span:nth-of-type(1) {
  font-size: calc(1px + 4.5rem);
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle .p2 {
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(6px + 1.5rem);
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 1px;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle img {
  width: calc(10px + 1.5rem);
  margin-top: calc(7px + 1.5rem);
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_bg1 {
  width: calc(60px + 20rem);
  height: calc(60px + 20rem);
  background: rgba(0, 153, 68, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: calc(2px + 1rem);
  animation: circle1 8s linear infinite;
  z-index: -1;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_bg2 {
  width: calc(60px + 20rem);
  height: calc(60px + 20rem);
  background: rgba(0, 153, 68, 0.2);
  border-radius: 50%;
  position: absolute;
  top: calc(-7px - 0.5rem);
  left: calc(36px + 5rem);
  animation: circle2 8s linear infinite;
  z-index: -1;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_bg3 {
  width: calc(60px + 20rem);
  height: calc(60px + 20rem);
  background: rgba(0, 153, 68, 0.2);
  border-radius: 50%;
  position: absolute;
  top: calc(9px + 4rem);
  left: calc(7px + 5rem);
  animation: circle3 8s linear infinite;
  z-index: -1;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line {
  width: calc(45px + 40rem);
  height: calc(45px + 40rem);
  border-radius: 50%;
  border: 1px dashed #666666;
  opacity: 0.66;
  position: absolute;
  left: calc(-13px - 3rem);
  top: calc(-67px - 5rem);
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav {
  width: calc(179px + 40rem);
  height: calc(179px + 40rem);
  border-radius: 50%;
  border: 1px dashed #666666;
  opacity: 0.66;
  position: absolute;
  left: calc(-13px - 13rem);
  top: calc(-77px - 8rem);
  transform: rotate(60deg);
  transition: 0.5s;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box1 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: 25.4%;
  top: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box1 .dot1 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box2 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: 13.3%;
  top: 9%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box2 .dot2 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box3 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: 4.6%;
  top: 19%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box3 .dot3 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box4 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: -0.8%;
  top: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box4 .dot4 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box5 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: -3.5%;
  top: 43%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box5 .dot5 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box6 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: -2.7%;
  top: 56%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box6 .dot6 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box7 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: 1.3%;
  top: 68%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box7 .dot7 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box8 {
  width: calc(10px + 3rem);
  height: calc(10px + 3rem);
  background: transparent;
  box-shadow: 0px 0px calc(1px + 0.1rem) 0px transparent;
  border-radius: 50%;
  position: absolute;
  right: 7.6%;
  top: 78%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box8 .dot8 {
  width: calc(2px + 0.5rem);
  height: calc(2px + 0.5rem);
  background: #BFBFBF;
  border-radius: 50%;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box_act {
  background: #C8E9D4;
  box-shadow: 0px 0px 3px 0px #BDBDBD;
  transition: 0.5s;
}
.innovate_box .innovate .innovate_left .innovate_main_circle_box .innovate_main_circle_line_nav .dot_box_act .dot {
  background: #009944;
}
.innovate_box .innovate .innovate_right .innovate_right_title {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  gap: calc(6px + 0.5rem);
  position: relative;
  top: calc(5px + 0.5rem);
}
.innovate_box .innovate .innovate_right .innovate_right_title p {
  width: calc(55px + 30rem);
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(4px + 3rem);
  color: #333333;
  letter-spacing: calc(1px + 0.1rem);
  text-align: left;
  font-style: normal;
  text-transform: uppercase;
}
.innovate_box .innovate .innovate_right .innovate_right_title img {
  height: calc(0px + 3rem);
}
.innovate_box .innovate .innovate_right .innovate_right_list {
  margin-top: calc(29px + 5rem);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(14px + 3rem);
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item {
  cursor: pointer;
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(4px + 1.5rem);
}

.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_icon {
  width: calc(3px + 2rem);
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_icon img {
  width: 100%;
  display: none;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_icon img:nth-of-type(1) {
  display: block;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(1) {
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(4px + 1rem);
  color: #333333;
  letter-spacing: calc(0px + 0.1rem);
  transition: 0.3s;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(1) span:nth-of-type(1) {
  font-size: calc(10px + 1.5rem);
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(2) {
  font-family: DM_Sans-bold;
  font-weight: 600;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  transition: 0.3s;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item:hover .innovate_right_item_text p {
  color: #009944;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item:hover .innovate_right_item_icon img {
  display: none;
}
.innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item:hover .innovate_right_item_icon img:nth-of-type(2) {
  display: block;
}
@keyframes circle1 {
  0% {
    top: calc(-17px - 2rem);
    left: calc(2px + 1rem);
  }
  20% {
    top: calc(15px + 0.55rem);
    left: calc(22px + 1.5rem);
  }
  40% {
    top: calc(25px + 1rem);
    left: calc(32px + 2rem);
  }
  60% {
    top: calc(35px + 2rem);
    left: calc(32px + 5rem);
  }
  80% {
    top: calc(25px + 0.25rem);
    left: calc(22px + 1rem);
  }
  100% {
    top: calc(-17px - 2rem);
    left: calc(2px + 1rem);
  }
}
@keyframes circle2 {
  0% {
    top: calc(-7px - 2rem);
    left: calc(36px + 5rem);
  }
  20% {
    top: calc(0px - 0.5rem);
    left: calc(46px + 5rem);
  }
  40% {
    top: calc(7px + 2rem);
    left: calc(56px + 5rem);
  }
  60% {
    top: calc(19px + 4rem);
    left: calc(7px + 5rem);
  }
  80% {
    top: calc(7px + 2rem);
    left: calc(36px + 5rem);
  }
  100% {
    top: calc(-7px - 2rem);
    left: calc(36px + 5rem);
  }
}
@keyframes circle3 {
  0% {
    top: calc(9px + 4rem);
    left: calc(7px + 5rem);
  }
  20% {
    top: calc(-8px - 0.5rem);
    left: calc(6px + 5rem);
  }
  40% {
    top: calc(0px + 2rem);
    left: calc(26px + 1rem);
  }
  60% {
    top: calc(-7px - 0.25rem);
    left: calc(46px + 1rem);
  }
  80% {
    top: calc(0px + 3rem);
    left: calc(26px + 1rem);
  }
  100% {
    top: calc(9px + 4rem);
    left: calc(7px + 5rem);
  }
}
.product_box {
  width: 100%;
  padding-top: calc(49px + 5rem);
  padding-bottom: calc(11px + 4rem);
}
.product_box .product {
  max-width: 1600px;
  width: 85%;
  margin: auto;
}
.product_box .product .product_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_box .product .product_title p {
  width: calc(60px + 40rem);
  font-family: DM_Sans-bold;
  font-weight: bold;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: calc(13px + 2rem);
  letter-spacing: calc(0px + 0.1rem);
}
.product_box .product .product_title img {
  width: calc(30px + 2rem);
}
.product_box .product .product_list {
  margin-top: calc(14px + 2rem);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: calc(14px + 2rem);
}
.product_box .product .product_list .product_item {
  transition: 0.3s;
  width: 48.75%;
  height: calc(8px + 15rem);
  background: #F4F4F4;
  box-shadow: 0px calc(2px + 0.1rem) calc(2px + 0.1rem) 0px rgba(0, 0, 0, 0.25);
  border-radius: calc(5px + 0.25rem);
  border-bottom: calc(4px + 1rem) #009944 solid;
  position: relative;
  padding: calc(5px + 0.5rem) 0;
}
.product_box .product .product_list .product_item .product_pic {
  width: calc(85px + 30rem);
  position: absolute;
  top: -20%;
  right: 0;
}
.product_box .product .product_list .product_item .product_pic img {
  width: 100%;
}
.product_box .product .product_list .product_item .p1 {
  transition: 0.3s;
  padding: 0 calc(3px + 2rem);
  font-family: DM_Sans-bold;
  font-weight: bold;
  font-size: calc(10px + 1rem);
  color: #333333;
  line-height: calc(10px + 1.5rem);
  letter-spacing: 1px;
  margin-top: calc(40px + 4rem);
}
.product_box .product .product_list .product_item .p2 {
    height: calc(20px + 2rem);
  transition: 0.3s;
  padding: 0 calc(3px + 2rem);
  width: calc(13px + 30rem);
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(10px + 1rem);
}
.product_box .product .product_list .product_item .product_more {
  transition: 0.3s;
  width: calc(42px + 5rem);
  height: calc(4px + 2rem);
  background: #009944;
  border-radius: calc(5px + 1rem);
  position: relative;
  float: right;
  margin-right: calc(5px + 1.5rem);
  margin-top: calc(-15px + 0.5rem);
}
.product_box .product .product_list .product_item .product_more a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc(5px + 0.5rem);
  padding-right: calc(2px + 0.25rem);
}
.product_box .product .product_list .product_item .product_more a p {
  transition: 0.3s;
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 0.5rem);
  color: #FFFFFF;
}
.product_box .product .product_list .product_item .product_more a div {
  transition: 0.3s;
  width: calc(3px + 1.5rem);
  height: calc(3px + 1.5rem);
  background: #FFFFFF;
  border-radius: 50%;
  border: 0px solid #009944;
  color: #009944;
  font-family: 黑体;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_box .product .product_list .product_item:hover {
  background-color: #009944;
}
.product_box .product .product_list .product_item:hover p {
  color: #ffffff;
}
.product_box .product .product_list .product_item:hover .product_more {
  background-color: #ffffff;
}
.product_box .product .product_list .product_item:hover .product_more a p {
  color: #009944;
}
.product_box .product .product_list .product_item:hover .product_more a div {
  background-color: #009944;
  color: #ffffff;
}
.product_box .product .product_list .product_item:nth-of-type(1) .product_pic {
  top: -41%;
}
.product_box .product .product_list .product_item:nth-of-type(2) .product_pic {
  top: -13%;
}
.product_box .product .product_list .product_item:nth-of-type(3) .product_pic {
  top: -24%;
}
.product_box .product .product_list .product_item:nth-of-type(4) .product_pic {
  top: -7%;
}
.gear_box {
  width: 100%;
  /* height: calc(80px + 50rem); */
  padding-top: calc(20px + 5rem);
  padding-bottom: calc(10px + 4rem);
  background: url(../images/gear_bg.jpg) no-repeat;
  background-size: cover;
}
.gear_box .gear {
  height: 100%;
  max-width: 1370px;
  width: 85%;
  margin: auto;
  position: relative;
}
.gear_box .gear .gear_title {
  font-family: DM_Sans-bold;
  font-weight: bold;
  font-size: calc(8px + 2rem);
  color: #009944;
  line-height: calc(10px + 0.5rem);
  letter-spacing: calc(0px + 0.1rem);
  text-align: center;
  display: none;
  position: relative;
  bottom:calc(10px + 1rem);
}
.gear_box .gear .gear_title:nth-of-type(1) {
  display: block;
}
.gear_box .gear .car {
  width: calc(126px + 50rem);
  margin: auto;
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translate(-50%);
}
.gear_box .gear .car img {
  width: 100%;
}
.gear_box .gear .zhou {
  width: calc(100px + 10rem);
  position: absolute;
  top: 46%;
  left: 20%;
}
.gear_box .gear .zhou img {
  width: 100%;
  display: none;
  transform: rotate(38deg);
}
.gear_box .gear .zhou img:nth-of-type(1) {
  display: block;
}
.gear_box .gear .gear_list {
  display: flex;
  justify-content: space-between;
  margin-top: calc(18px + 30rem);
}
.gear_box .gear .gear_list .gear_item {
  width: 23.3576%;
  cursor: pointer;
}
.gear_box .gear .gear_list .gear_item .gear_item_title {
  width: 100%;
  line-height: calc(10px + 2rem);
  background: rgba(0, 0, 0, 0.06);
  border-radius: calc(2px + 0.1rem);
  border-top: calc(2px + 0.1rem) #009944 solid;
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 0.5rem);
  color: #333333;
  text-align: center;
  transition: 0.3s;
}
.gear_box .gear .gear_list .gear_item .gear_item_pic {
  transition: 0.3s;
  width: 100%;
  height: calc(66px + 5rem);
  background: rgba(0, 0, 0, 0.06);
  border-radius: calc(2px + 0.1rem);
  margin-top: calc(2px + 0.1rem);
  border-bottom: calc(2px + 0.1rem) #009944 solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gear_box .gear .gear_list .gear_item .gear_item_pic img {
  width: 90%;
}
.gear_box .gear .gear_list .gear_item_act .gear_item_title {
  background-color: #009944;
}
.gear_box .gear .gear_list .gear_item_act .gear_item_pic {
  background-color: #009944;
}
.gear_box .gear .gear_list .gear_item_act .gear_item_title {
  color: #ffffff;
}
.future_box {
  width: 100%;
}
.future_box .future_title {
  max-width: 1670px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: calc(7px + 5rem);
  padding-bottom: calc(20px + 3rem);
}
.future_box .future_title p {
  font-family: DM Sans, DM Sans;
  font-weight: bold;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: calc(10px + 3rem);
  letter-spacing: calc(0px + 0.1rem);
}
.future_box .future_title img {
  width: calc(30px + 2rem);
}
.future_box .future1_box {
  width: 100%;
  background: url(../images/future_bg.jpg) no-repeat;
  background-size: cover;

}
.future_box .future1_box:hover{
     background: rgb(0, 153, 68) ;
}
.future_box .future1_box .future1 {
  max-width: 1670px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.future_box .future1_box .future1 .future_left {
  padding-right: calc(22px + 5rem);
}
.future_box .future1_box .future1 .future_left img {
  width: calc(95px + 10rem);
}
.future_box .future1_box .future1 .future_right {
  padding-left: calc(14px + 4rem);
  border-left: 1px #D9D9D9 solid;
  padding-top: calc(10px + 3rem);
  padding-bottom: calc(19px + 3rem);
}
.future_box .future1_box .future1 .future_right p:nth-of-type(1) {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(4px + 1rem);
  color: #FFFFFF;
  line-height: calc(10px + 3rem);
  letter-spacing: 1px;
}
.future_box .future1_box .future1 .future_right p:nth-of-type(2) {
  width: calc(39px + 50rem);
  font-family: DM Sans, DM Sans;
  font-weight: 500;
  font-size: calc(8px + 2rem);
  color: #FFFFFF;
  line-height: calc(10px + 3rem);
  letter-spacing: calc(0px + 0.1rem);
  margin-top: calc(20px + 2rem);
}
.future_box .future1_box .future1 .future_right p:nth-of-type(3) {
  margin-top: calc(11px + 2rem);
}
.future_box .future1_box .future1 .future_right p:nth-of-type(3) a {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  line-height: calc(10px + 3rem);
  letter-spacing: 1px;
}
.news_box {
  width: 100%;
  padding-top: calc(3px + 5rem);
  padding-bottom: calc(33px + 5rem);
}
.news_box .news {
  max-width: 1600px;
  width: 85%;
  margin: auto;
}
.news_box .news .news_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_box .news .news_title p {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(8px + 2rem);
  color: #333333;
  line-height: calc(20px + 2rem);
  letter-spacing: calc(1px + 0.1rem);
}
.news_box .news .news_title .news_title_more {
  width: calc(100px + 5rem);
  height: calc(20px + 2rem);
  border-radius: calc(6px + 2rem);
  border: 1px solid #333333;
}
.news_box .news .news_title .news_title_more a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(6px + 0.5rem);
  color: #333333;
  line-height: calc(10px + 1rem);
}
.news_box .news .news_list {
  display: flex;
  justify-content: space-between;
  margin-top: calc(11px + 3rem);
}
.news_box .news .news_list .news_list_item {
  width: 24%;
  border-bottom: 1px #D9D9D9 solid;
  padding-bottom: calc(2px + 1.5rem);
}
.news_box .news .news_list .news_list_item .news_list_item_pic {
  width: 100%;
  height: calc(56px + 10rem);
  overflow: hidden;
}
.news_box .news .news_list .news_list_item .news_list_item_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.news_box .news .news_list .news_list_item .news_list_item_title {
  font-family: DM_Sans-medium;
  font-weight: 500;
  font-size: calc(8px + 0.5rem);
  color: #333333;
  line-height: calc(10px + 0.5rem);
  margin-top: calc(4px + 1.5rem);
}
.news_box .news .news_list .news_list_item .news_list_item_miaoshu {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(10px + 1rem);
  margin-top: calc(5px + 0.5rem);
}
.news_box .news .news_list .news_list_item .news_item_more {
  margin-top: calc(10px + 0.5rem);
}
.news_box .news .news_list .news_list_item .news_item_more a {
  font-family: DM_Sans-regular;
  font-weight: 400;
  font-size: calc(6px + 0.5rem);
  color: #666666;
  line-height: calc(10px + 1rem);
}
.news_box .news .news_list .news_list_item:hover {
  border-bottom: 1px #009944 solid;
  cursor: pointer;
}
.news_box .news .news_list .news_list_item:hover .news_list_item_title {
  color: #009944;
}
.news_box .news .news_list .news_list_item:hover .news_list_item_pic img {
  transform: scale(1.1);
}
@media (max-width: 1510px){
    .product_box .product .product_list .product_item{
        height: calc(12px + 17rem);
    }
    .product_box .product .product_list .product_item:nth-of-type(1) .product_pic {
    top: -37%;
}
.product_box .product .product_list .product_item:nth-of-type(3) .product_pic {
    top: -21%;
}
.product_box .product .product_list .product_item:nth-of-type(4) .product_pic {
    top: -4%;
}
}


#followBtn {
    width: calc(25px + 2rem);
height: calc(25px + 2rem);
background: #E94155;
border-radius: 50%;
    position: absolute;
    /*padding: 10px 20px;*/
   
    border: none;
    /*border-radius: 4px;*/
    cursor: pointer;
    user-select: none;
    /* 初始位置 */
    top: 0;
    left: 0;
    /*pointer-events: auto;*/
    z-index: 10;
  transition: all 0.2s ease-out;
    
display: flex;
justify-content: center;
align-items: center;
    font-family: DM_Sans-bold;
font-weight: bold;
font-size: calc(4px + 0.5rem);
color: #ffffff;
text-stroke: 0px #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;
-webkit-text-stroke: 0px #FFFFFF;
  }


 /* 跟随按钮的特殊状态 */
        #followBtn.overlap {
            background-color: #ff4444; /* 变为红色 */
            opacity: 0.7; /* 半透明 */
            z-index: 5;
        }
        
          .target-btn {
           
            position: relative;
            z-index: 15; /* 确保目标按钮层级可被点击 */
        }

@media (max-width: 1100px) {
    .product_box {
   
    padding-top: calc(22px + 5rem);
   
}
    .innovate_box{
        padding-bottom: calc(68px + -9rem);
    }
    .innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item{
        height: calc(10px + 15rem);
        align-items: flex-start;
    }
    .banner_swiper {
        width: 100%;
        height: calc(60px + 38rem);
    }
    .ban_swiper{
        margin-top: 0;
    }

    .swiper_video_box .swiper_video .video_mask p {

        margin-top: calc(10px + 1rem);
    }
.swiper_video_box .swiper_video .video_mask .m_banner {
    display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
}
       .swiper_video_box .swiper_video .video_mask .img2 {
        width: 30%;
        height: calc(72px + 7rem);
    }

    .swiper_video_box .swiper_video .video_mask p {
        font-size: calc(9px + 1rem);
        width: 100%;
        text-align: center;
    }

    .supplier_box .supplier .supplier_title {
        font-size: calc(16px + 1rem);
    }

    .supplier_box .supplier .supplier_map {
        width: calc(187px + 35rem);
        margin: auto;
        margin-top: calc(3px + 1.5rem);
    }

    .supplier_box .supplier .supplier_list {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }

    .supplier_box .supplier .supplier_list .supplier_item {
        width: 100%;
    }

    .supplier_box .supplier .supplier_list .supplier_item .supplier_item_text p:nth-of-type(1) {
        font-size: calc(12px + 1rem);
    }

    .supplier_box .supplier .supplier_list .supplier_item .supplier_item_text p:nth-of-type(2) {
        font-size: calc(10px + 1rem);
    }

    .supplier_box .supplier .supplier_list .supplier_item .supplier_item_pic {
        width: calc(97px + 15rem);
        height: calc(100px + 5rem);
    }

    .innovate_box .innovate {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 10rem);
        margin: auto;
    }

    .innovate_box .innovate .innovate_right {
        width: 100%;

    }

    .innovate_box .innovate .innovate_right .innovate_right_title {
        justify-content: space-between;
                margin-top: calc(10px + 5rem);
    }

    .innovate_box .innovate .innovate_right .innovate_right_title img {
        
        height: calc(18px + 5rem);
    }

    .innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(1) {
        font-size: calc(12px + 1rem);
    }

    .innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(1) span {
        font-size: calc(10px + 1rem);
    }

    .innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_text p:nth-of-type(2) {
        font-size: calc(10px + 1rem);
    }

    .innovate_box .innovate .innovate_right .innovate_right_list .innovate_right_item .innovate_right_item_icon {
        width: calc(16px + 2rem);
    }
    .innovate_right_item_text{
        width: 83%;
    }
    .product_box .product .product_list {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 5rem);
    }

    .product_box .product .product_list .product_item {
        width: 100%;
        height: calc(8px + 47rem);
    }

    .product_box .product .product_list .product_item:nth-of-type(1) .product_pic {
        top: -8%;
    }

    .product_box .product .product_list .product_item:nth-of-type(2) .product_pic {
        top: 0%;
    }

    .product_box .product .product_list .product_item:nth-of-type(3) .product_pic {
        top: -4%;
    }

    .product_box .product .product_list .product_item:nth-of-type(4) .product_pic {
        top: 1%;
    }

    .product_box .product .product_list .product_item .p1 {
        font-size: calc(14px + 1rem);

    }

    .product_box .product .product_list .product_item .p2 {
        width: 100%;
        font-size: calc(10px + 1rem);
        margin-top: calc(5px + 1rem);
        line-height: 1.3;
    }

    .product_box .product .product_list .product_item .product_more {
        width: calc(64px + 13rem);
        height: calc(12px + 4rem);
                margin-top: calc(10px + 5rem)
    }

    .product_box .product .product_list .product_item .product_more a p {
        font-size: calc(10px + 1rem);
    }

    .product_box .product .product_list .product_item .product_more a div {
        width: calc(13px + 1.5rem);
        height: calc(13px + 1.5rem);
    }

    .gear_box .gear .gear_title {
        font-size: calc(16px + 1rem);
    }

    .gear_box .gear .car {

        top: 0%;

    }

    .gear_box .gear .gear_list {
        margin-top: calc(18px + 42rem);
    }

    .gear_box .gear .zhou {
        width: calc(83px + 10rem);
        position: absolute;
        top: 12%;
        left: 4%;
    }

    .gear_box .gear .gear_list {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 3rem);
    }

    .gear_box .gear .gear_list .gear_item {
        width: 100%;
    }

    .gear_box .gear .gear_list .gear_item .gear_item_title {
        line-height: calc(10px + 5rem);
        font-size: calc(12px + 1rem);
    }

    .gear_box .gear .gear_list .gear_item .gear_item_pic {
        height: calc(66px + 13rem);
    }

    .future_box .future1_box .future1 .future_right p:nth-of-type(2) {

        width: 100%;
    }

    .future_box .future1_box .future1 .future_right p:nth-of-type(1) {
        font-size: calc(10px + 1rem);
    }

    .future_box .future2_box .future2 .future_right p:nth-of-type(2) {

        width: 100%;
    }

    .future_box .future2_box .future2 .future_right p:nth-of-type(1) {
        font-size: calc(10px + 1rem);
    }

    .future_box .future1_box .future1 .future_left {
        padding-right: calc(27px + 5rem) !important;
    }

    .news_box .news .news_title p {
        font-size: calc(16px + 1rem);
    }

    .news_box .news .news_title .news_title_more a {
        font-size: calc(10px + 1rem);
    }

    .news_box .news .news_list {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 3rem);
    }

    .news_box .news .news_list .news_list_item {
        width: 100%;
    }

    .news_box .news .news_list .news_list_item .news_list_item_pic {

        height: calc(56px + 28rem);

    }

    .news_box .news .news_list .news_list_item .news_list_item_title {
        font-size: calc(12px + 1rem);
    }

    .news_box .news .news_list .news_list_item .news_list_item_miaoshu {
        font-size: calc(10px + 1rem);

    }

    .news_box .news .news_list .news_list_item .news_item_more a {
        font-size: calc(10px + 1rem);
    }
.ban_text {
    display:none;
}
   .position_box{
       display: none;
   }
   
   .mobile_ban{
       display: block;
   }
  #followBtn{
      display: none;
  }
 
}