.crumbs {
  display: flex;
}
.crumbs_box1 {
  display: flex;
  align-items: center;
}
.crumbs_box1_small {
  width: 0.16rem;
  height: 0.16rem;
  display: flex;
  margin-right: 0.05rem;
}
.crumbs_box1_small img {
  width: 100%;
  height: 100%;
}
.crumbs_box1_smallA {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
}
.crumbs_box1_1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  /* font-family: Microsoft YaHei, Microsoft YaHei; */
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  margin: 0 0.05rem;
}
.crumbs_box2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
}
html, body {
  position: relative;
  height: 100%;
}
.Plant_swiper_box {
  width: 100%;
  height: 100%;
}
.Plant_swiper_box .swiper-slide {
  text-align: center;
  /* background: #F2F2F2; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(40deg) scale(1);
}
.Plant_swiper_box .swiper-slide-active .swiper_img_box_text, .swiper-slide-duplicate-active .swiper_img_box_text {
  display: block !important;
}
.Plant_swiper_box .swiper-slide img{
    /*width: 80%;*/
  height: 60%;
  object-fit: cover;
}
.Plant_swiper_box .swiper-slide-active .swiper_img_box img{
  width: 100%;
  height: 60%;
  object-fit: cover;
}
.Plant_swiper_box .swiper-slide-active img {
  transform: scale(1.4);
  width: 100%;
}
.Test_mySwiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.Test_mySwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2) !important;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.Qualification_mySwiper {
  width: 100%;
  height: 100%;
}
.Qualification_mySwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Qualification_mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Qualification_mySwiper .swiper-slide .swiper-slide-active{
    width: auto;
    height: 100%;
    margin-right:30px;
}
.About_box {
  /* .section_box{
        padding: 0.8rem 0;
    } */
}
.section_box{
    overflow: hidden;
}
.About_box .section_top_box {
  width: 100%;
  height: 7rem;
  background-image: url(../img/meng\ 439.jpg);
  background-size: 100% 100%;
  margin-top: 1.1rem;
}
.About_box .section_top_masking {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
}
.About_box .section_center_box {
  width: 12rem;
  margin: auto;
  padding-top: 0.22rem;
}
.About_box .section_content_box {
  display: flex;
  margin-top: 1.01rem;
  justify-content: space-between;
}
.About_box .left_content_title {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #FFFFFF;
}
.About_box .left_content_a {
  margin-top: 0.2rem;
  width: 0.4rem;
  height: 0.03rem;
  background: #EE5D13;
}
.About_box .left_content_b {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.3rem;
  width: 6.28rem;
  margin-top: 0.2rem;
}
.About_box .section_content_right {
  position: relative;
  width: 5.4rem;
  height: 3.9rem;
  margin-top: 0.08rem;
  background-image: url(../img/juxing\ 20773.jpg);
  background-size: cover;
  transition: background 0s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.About_box .section_content_right > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.About_box .video_big_box {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  margin: auto;
}
.About_box .video_big_box:hover {
  cursor: pointer;
}
.About_box .video_big_box img {
  width: 100%;
  height: 100%;
}
.About_box .Corporate_culture {
  padding: 0.7rem 0 0.8rem 0;
}
.About_box .Corporate_center {
  width: 12rem;
  margin: auto;
}
.About_box .Corporate_title {
  display: flex;
  align-items: center;
}
.About_box .Corporate_title > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
}
.About_box .Corporate_title > div {
  width: 0.08rem;
  height: 0.4rem;
  background: #EE5D13;
  margin-right: 0.05rem;
}
.About_box .Corporate_content_box {
  width: 100%;
  height: 6rem;
  margin-top: 0.4rem;
  background-image: url(../img/meng\ 467.jpg);
  background-size: 100% 100%;
  padding-top: 0.64rem;
}
.About_box .Corporate_content_box > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  width: 9.6rem;
  font-weight: 400;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.55rem;
  text-align: center;
  margin: auto;
}
.About_box .Plant_strength {
  padding-top: 0.64rem;
  padding-bottom: 0.6rem;
  background: #F2F2F2;
}
.About_box .Plant_center {
  width: 12rem;
  margin: auto;
}
.About_box .Plant_title {
  display: flex;
  align-items: center;
}
.About_box .Plant_title > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
}
.About_box .Plant_title > div {
  width: 0.08rem;
  height: 0.4rem;
  background: #EE5D13;
  margin-right: 0.05rem;
}
.About_box .Plant_swiper {
  width: 100%;
  height: 4.8rem;
  /*margin-top: 0.4rem;*/
}
.About_box .swiper_img_box_text {
  margin-top: 0.2rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%);
  display: none;
}
.About_box .swiper_img_box_1 {
  width: 0.5rem;
  height: 0.5rem;
  background: transparent;
  background: rgba(24, 24, 24, 0.6);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}
.About_box .swiper_img_box_1:hover {
  cursor: pointer;
  opacity: 1;
}
.About_box .swiper_img_box_1 img {
  width: 0.32rem;
  height: 0.32rem;
  filter: brightness(10);
}
.About_box .Test_strength {
  padding: 0.8rem 0;
}
.About_box .Test_center {
  width: 12rem;
  margin: auto;
}
.About_box .Test_title {
  display: flex;
  align-items: center;
}
.About_box .Test_title > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
}
.About_box .Test_title > div {
  width: 0.08rem;
  height: 0.4rem;
  background: #EE5D13;
  margin-right: 0.05rem;
}
.About_box .Test_swiper {
  margin-top: 0.4rem;
  position: relative;
  width: 12rem;
  height: 6.7rem;
}
.About_box .Test_content_B {
  left: -4.8% !important;
  width: 0.3rem;
  height: 0.4rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.About_box .Test_content_B::after {
  font-size: 0.26rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.About_box .Test_content_B:hover {
  background: #EE5D13;
}
.About_box .Test_content_B:hover::after {
  color: #FFFFFF !important;
}
.About_box .Test_content_A {
  right: -4.8% !important;
  width: 0.3rem;
  height: 0.4rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.About_box .Test_content_A::after {
  font-size: 0.26rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.About_box .Test_content_A:hover {
  background: #EE5D13;
}
.About_box .Test_content_A:hover::after {
  color: #FFFFFF !important;
}
.About_box .Test_swiper_img {
  position: relative;
  width: 100%;
  height: 100%;
}
.About_box .Test_swiper_img:hover {
  cursor: pointer;
}
.About_box .Test_swiper_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.About_box .Test_img_text {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 0.5rem;
  background: rgba(24, 24, 24, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.About_box .Test_img_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
}
.About_box .Qualification_box {
  background-image: url(../img/meng\ 453.jpg);
  background-size: 100% 100%;
}
.About_box .Qualification_masking {
  padding-top: 0.8rem;
  padding-bottom: 1.18rem;
  background: rgba(24, 24, 24, 0.7);
}
.About_box .Qualification_center {
  width: 12rem;
  margin: auto;
}
.About_box .Qualification_title {
  display: flex;
  align-items: center;
}
.About_box .Qualification_title > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #FFFFFF !important;
}
.About_box .Qualification_title > div {
  width: 0.08rem;
  height: 0.4rem;
  background: #EE5D13;
  margin-right: 0.05rem;
}
.About_box .Qualification_swiper_box {
  height: 3.15rem;
  margin-top: 0.4rem;
  position: relative;
}
.About_box .Qualification_content_B {
  left: -4.8% !important;
  width: 0.3rem;
  height: 0.4rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.About_box .Qualification_content_B::after {
  font-size: 0.26rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.About_box .Qualification_content_B:hover {
  background: #EE5D13;
}
.About_box .Qualification_content_B:hover::after {
  color: #FFFFFF !important;
}
.About_box .Qualification_content_A {
  right: -4.8% !important;
  width: 0.3rem;
  height: 0.4rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.About_box .Qualification_content_A::after {
  font-size: 0.26rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.About_box .Qualification_content_A:hover {
  background: #EE5D13;
}
.About_box .Qualification_content_A:hover::after {
  color: #FFFFFF !important;
}
.About_box .Qualification_mySwiper_img {
  width: 100%;
  height: 100%;
  display: flex;
}
.About_box .Qualification_mySwiper_img:hover {
  cursor: pointer;
}
.About_box .Qualification_mySwiper_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.About_box .Business_partner {
  height: 7.9rem;
  background-image: url(../img/MENG\ 454.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.About_box .u_t {
  display: flex;
  align-items: center;
}
.About_box .u_t > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
}
.About_box .u_t > div {
  width: 0.08rem;
  height: 0.4rem;
  background: #EE5D13;
  margin-right: 0.05rem;
}
.About_box .Business_partner_center {
  width: 100%;
  margin: auto;
  padding-top: 0.8rem;
}
.About_box .logo_Business {
  position: relative;
  margin-top: 0.83rem;
  height: 5rem;
  transform: translateX(0.7rem);
}
.About_box .logobox {
  width: 1.4rem;
  height: 1.4rem;
  background: #FFFFFF;
  position: absolute;
  transform: rotateZ(45deg);
}
.About_box .logobox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotateZ(-45deg);
}
.About_box .one {
  left: 5%;
}
.About_box .two {
  left: -4%;
  top: 22%;
}
.About_box .three {
  left: 14%;
  top: 22%;
}
.About_box .four {
  left: 5%;
  top: 44%;
}
.About_box .five {
  left: 14%;
  top: 66%;
}
.About_box .six {
  left: 23%;
  top: 44%;
}
.About_box .seven {
  left: 32%;
  top: 22%;
}
.About_box .right {
  left: 41%;
  top: 0%;
}
.About_box .nine {
  left: 34.5%;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background: linear-gradient(134deg, #FFFFFF 17%, #FFFFFF 25%, rgba(255, 255, 255, 0.61) 29%, rgba(255, 255, 255, 0) 40%);
}
.About_box .ten {
  left: 50%;
  top: 22%;
}
.About_box .one1 {
  left: 59%;
  top: 44%;
}
.About_box .two1 {
  left: 68%;
  top: 66%;
}
.About_box .three1 {
  left: 77%;
  top: 44%;
}
.About_box .four1 {
  left: 86%;
  top: 22%;
}
.About_box .five1 {
  left: 68%;
  top: 22%;
}
.About_box .six1 {
  left: 77%;
}
.About_box .small_box {
  opacity: 0.35;
  top: 44%;
  left: -13%;
}
.About_box .small_box1 {
  opacity: 0.35;
  top: 66%;
  left: -4%;
}
.About_box .small_box2 {
  opacity: 0.35;
  top: 44%;
  left: 95%;
}
.About_box .small_box3 {
  opacity: 0.35;
  top: 66%;
  left: 86%;
}
.About_box .Network_center {
  width: 12rem;
  margin: auto;
  padding-top: 0.8rem;
  padding-bottom: 1.01rem;
}
.About_box .Vi_small_box {
  width: 8.5rem;
  height: 5rem;
  position: fixed;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.About_box .Vi_small_box > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.About_box .map_box {
  width: 100%;
  height: 7.25rem;
  background-image: url(../img/meng\ 460.png);
  background-size: 100% 100%;
  margin-top: 0.6rem;
  position: relative;
}
.About_box .cout_1 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_1:hover .Up_window {
  display: flex;
}
.About_box .cout_1 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_1 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_1 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_1 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_1 .cout_small_text {
  position: absolute;
  top: -160%;
  left: -900%;
}
.About_box .cout_1 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_1 .Up_window {
  /* width: 1rem; */
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -130%;
  left: -100%;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_1 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_2 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation: round1 3s 2s linear infinite; */
  /* >div:nth-of-type(1) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: rgba(240, 84, 11, 0.22);
      animation: round1 3s linear infinite;
    }

    >div:nth-of-type(2) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: rgba(240, 84, 11, 0.22);
      animation: round1 3s 1s linear infinite;
    }

    >div:nth-of-type(3) {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: rgba(240, 84, 11, 0.22);
      animation: round1 3s 2s linear infinite;
    } */
}
.About_box .cout_2 .cout_small {
  width: 0.12rem;
  height: 0.12rem;
  position: relative;
  background-image: url(../img/duobianxing\ 27.png);
  background-size: 100% 100%;
}
.About_box .cout_2 .cout_small_text {
  position: absolute;
  top: -40%;
  left: 130%;
}
.About_box .cout_2 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_3 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_3:hover .Up_window {
  display: flex;
}
.About_box .cout_3 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_3 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_3 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_3 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_3 .cout_small_text {
  position: absolute;
  top: -370%;
  left: -987%;
}
.About_box .cout_3 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_3 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -249%;
  left: 26%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_3 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_4 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_4:hover .Up_window {
  display: flex;
}
.About_box .cout_4 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_4 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_4 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_4 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_4 .cout_small_text {
  position: absolute;
  top: -154%;
  left: 287%;
}
.About_box .cout_4 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_4 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -73%;
  left: 465%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_4 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_5 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_5:hover .Up_window {
  display: flex;
}
.About_box .cout_5 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_5 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_5 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_5 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_5 .cout_small_text {
  position: absolute;
  top: -170%;
  left: -726%;
}
.About_box .cout_5 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_5 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -104%;
  left: 5%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
  z-index: 999;
}
.About_box .cout_5 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_6 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_6:hover .Up_window {
  display: flex;
}
.About_box .cout_6 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_6 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_6 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_6 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_6 .cout_small_text {
  position: absolute;
  top: 181%;
  left: -282%;
  z-index: 99;
}
.About_box .cout_6 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_6 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: 77%;
  left: 180%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_6 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_7 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_7:hover .Up_window {
  display: flex;
}
.About_box .cout_7 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_7 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_7 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_7 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_7 .cout_small_text {
  position: absolute;
  top: 110%;
  left: -200%;
  z-index: 99;
}
.About_box .cout_7 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_7 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: 40%;
  left: 164%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_7 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_8 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_8:hover .Up_window {
  display: flex;
}
.About_box .cout_8 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_8 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_8 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_8 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_8 .cout_small_text {
  position: absolute;
  top: 110%;
  left: -200%;
  z-index: 99;
}
.About_box .cout_8 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_8 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: 40%;
  left: 164%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_8 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_9 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_9:hover .Up_window {
  display: flex;
}
.About_box .cout_9 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_9 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_9 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_9 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_9 .cout_small_text {
  position: absolute;
  top: -353%;
  left: -200%;
  z-index: 99;
}
.About_box .cout_9 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_9 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -200%;
  left: 164%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_9 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_10 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_10:hover .Up_window {
  display: flex;
}
.About_box .cout_10 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_10 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_10 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_10 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_10 .cout_small_text {
  position: absolute;
  top: -353%;
  left: -200%;
  z-index: 99;
}
.About_box .cout_10 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_10 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -200%;
  left: 164%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_10 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_11 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_11:hover .Up_window {
  display: flex;
}
.About_box .cout_11 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_11 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_11 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_11 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_11 .cout_small_text {
  position: absolute;
  top: -353%;
  left: -200%;
  z-index: 99;
}
.About_box .cout_11 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_11 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -200%;
  left: 164%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_11 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .cout_12 {
  width: 0.12rem;
  height: 0.12rem;
  /* background: rgba(240, 84, 11, 0.22); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* animation: round1 3s 2s linear infinite; */
}
.About_box .cout_12:hover .Up_window {
  display: flex;
}
.About_box .cout_12 > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s linear infinite;
}
.About_box .cout_12 > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 1s linear infinite;
}
.About_box .cout_12 > div:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(240, 84, 11, 0.22);
  animation: round1 3s 2s linear infinite;
}
.About_box .cout_12 .cout_small {
  width: 0.06rem;
  height: 0.06rem;
  background: #EE5D13;
  border-radius: 50%;
  position: relative;
}
.About_box .cout_12 .cout_small_text {
  position: absolute;
  top: -129%;
  left: -589%;
  z-index: 99;
}
.About_box .cout_12 .cout_small_text > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  white-space: nowrap;
}
.About_box .cout_12 .Up_window {
  padding-right: 0.13rem;
  height: 0.3rem;
  background-image: url(../img/lianhe\ 1.png);
  background-size: 100% 100%;
  position: absolute;
  top: -85%;
  left: -24%;
  padding-left: 0.13rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  display: none;
}
.About_box .cout_12 .Up_window > p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.About_box .dashed_small_box {
  width: 3.2rem;
  height: 1.3rem;
  display: flex;
  overflow: hidden;
  animation: inline1 3s linear infinite;
}
.About_box .dashed_small_box img {
  width: 3.2rem;
  height: 1.3rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@keyframes inline1 {
  0% {
    width: 0;
  }
  90% {
    width: 3.2rem;
  }
}
.dashed_small_box1 {
  width: 0.53rem;
  height: 1.59rem;
  display: flex;
  overflow: hidden;
  animation: inline2 3s linear infinite;
}
.dashed_small_box1 img {
  width: 0.53rem;
  height: 1.59rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@keyframes inline2 {
  0% {
    width: 0;
  }
  90% {
    width: 0.53rem;
  }
}
.dashed_small_box2 {
  width: 3.83rem;
  height: 0.92rem;
  display: flex;
  overflow: hidden;
  animation: inline3 3s linear infinite;
}
.dashed_small_box2 img {
  width: 3.83rem;
  height: 0.92rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
@keyframes inline3 {
  0% {
    width: 0;
  }
  90% {
    width: 3.83rem;
  }
}
.dashed_small_box3 {
  width: 1.53rem;
  height: 0.58rem;
  display: flex;
  overflow: hidden;
  animation: inline4 3s linear infinite;
}
.dashed_small_box3 img {
  width: 1.53rem;
  height: 0.58rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@keyframes inline4 {
  0% {
    width: 0;
  }
  90% {
    width: 1.53rem;
  }
}
.Plant_masking {
  /* display: none; */
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 1);
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
}
.Plant_masking .cha_close {
  position: absolute;
  top: 3%;
  right: 5%;
  width: 0.25rem;
  height: 0.25rem;
  display: flex;
  z-index: 9999;
}
.Plant_masking .cha_close:hover {
  cursor: pointer;
}
.Plant_masking .cha_close img {
  width: 100%;
  height: 100%;
}
.Plant_masking .Plant_swiper {
  height: calc(100vh - 1.1rem);
  position: relative;
  /*top: 1.1rem;*/
}
.Plant_masking .Plant_swiper_box {
  background: rgba(24, 24, 24, 0.6);
}
.Plant_masking .Plant_swiper_box1 {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
}
.Plant_masking .swiper_img_box_text {
  color: #FFFFFF;
}
.Plant_masking .Plant_swiper_box1 .swiper-slide {
  text-align: center;
  /* background: #F2F2F2; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(40deg) scale(1);
}
.Plant_masking .Plant_swiper_box1 .swiper-slide-active img {
  transform: scale(2);
  border: 0.02rem solid #FFF;
  height: auto;
}
.Plant_masking .Plant_swiper_box1 .swiper-slide-active .swiper_img_box_text, .Plant_masking .swiper-slide-duplicate-active .swiper_img_box_text {
  display: block !important;
}
.Plant_masking .Plant_content_B {
  left: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Plant_masking .Plant_content_B::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Plant_masking .Plant_content_B:hover {
  background: #EE5D13;
}
.Plant_masking .Plant_content_B:hover::after {
  color: #FFFFFF !important;
}
.Plant_masking .Plant_content_A {
  right: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Plant_masking .Plant_content_A::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Plant_masking .Plant_content_A:hover {
  background: #EE5D13;
}
.Plant_masking .Plant_content_A:hover::after {
  color: #FFFFFF !important;
}
.Test_masking {
  /* display: none; */
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 1);
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
}
.Test_masking .cha_close {
  position: absolute;
  top: 10%;
  right: 5%;
  width: 0.25rem;
  height: 0.25rem;
  display: flex;
  z-index: 9999;
}
.Test_masking .cha_close:hover {
  cursor: pointer;
}
.Test_masking .cha_close img {
  width: 100%;
  height: 100%;
  filter: brightness(10);
}
.Test_masking .Plant_swiperA {
  height: calc(100vh - 1.1rem);
  /*top: 1.1rem;*/
  position: relative;
}
.Test_masking .Plant_swiper_box {
  background: rgba(24, 24, 24, 0.6);
}
.Test_masking .Plant_swiper_box2 {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
  overflow: visible;
}
.Test_masking .swiper_img_box_text {
  color: #FFFFFF;
}
.Test_masking .Plant_swiper_box2 .swiper-slide {
  text-align: center;
  /* background: #F2F2F2; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(40deg) scale(1);
}
.Test_masking .Plant_swiper_box2 .swiper-slide-active, .Test_masking .swiper-slide-duplicate-active {
  /*transform: scale(1.3) !important;*/
}
.Test_masking .Plant_swiper_box2 .swiper-slide-active .swiper_img_box_text, .Test_masking .swiper-slide-duplicate-active .swiper_img_box_text {
  display: block !important;
  bottom: -7% !important;
}
.Test_masking .Test_content_BB {
  left: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Test_masking .Test_content_BB::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Test_masking .Test_content_BB:hover {
  background: #EE5D13;
}
.Test_masking .Test_content_BB:hover::after {
  color: #FFFFFF !important;
}
.Test_masking .Test_content_AA {
  right: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Test_masking .Test_content_AA::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Test_masking .Test_content_AA:hover {
  background: #EE5D13;
}
.Test_masking .Test_content_AA:hover::after {
  color: #FFFFFF !important;
}
.Qualification_maskingA {
  /* display: none; */
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 1);
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
}
.Qualification_maskingA .cha_close {
  position: absolute;
  top: 10%;
  right: 5%;
  width: 0.25rem;
  height: 0.25rem;
  display: flex;
  z-index: 9999;
}
.Qualification_maskingA .cha_close:hover {
  cursor: pointer;
}
.Qualification_maskingA .cha_close img {
  width: 100%;
  height: 100%;
  filter: brightness(10);
}
.Qualification_maskingA .Qualification_swiperA {
  height: calc(100vh - 1.1rem);
  position: relative;
  /*top: 1.1rem;*/
}
.Qualification_maskingA .Plant_swiper_box {
  background: rgba(24, 24, 24, 0.6);
}
.Qualification_maskingA .Qualification_swiper_box2 {
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
}
.Qualification_maskingA .swiper_img_box_text {
  color: #FFFFFF;
}
/*.swiper-slide>.denggao{*/
/*    width: auto;*/
/*    height: 100%;*/
/*}*/
.Qualification_maskingA .Qualification_swiper_box2 .swiper-slide {
  text-align: center;
  /* background: #F2F2F2; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(40deg) scale(1);
}
.Qualification_maskingA .Qualification_swiper_box2 .swiper-slide-active, .Qualification_maskingA .swiper-slide-duplicate-active {
  /*transform: scale(1.3) !important;*/
}
.Qualification_maskingA .Qualification_swiper_box2 .swiper-slide-active .swiper_img_box_text, .Qualification_maskingA .swiper-slide-duplicate-active .swiper_img_box_text {
  display: block !important;
}
.Qualification_maskingA .Qualification_content_BB {
  left: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Qualification_maskingA .Qualification_content_BB::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Qualification_maskingA .Qualification_content_BB:hover {
  background: #EE5D13;
}
.Qualification_maskingA .Qualification_content_BB:hover::after {
  color: #FFFFFF !important;
}
.Qualification_maskingA .Qualification_content_AA {
  right: 5% !important;
  width: 0.7rem;
  height: 0.9rem;
  background: rgba(29, 27, 27, 0.54);
  transition: all 0.3s;
}
.Qualification_maskingA .Qualification_content_AA::after {
  font-size: 0.36rem;
  color: #FFFFFF;
  transition: all 0.3s;
}
.Qualification_maskingA .Qualification_content_AA:hover {
  background: #EE5D13;
}
.Qualification_maskingA .Qualification_content_AA:hover::after {
  color: #FFFFFF !important;
}
@keyframes round1 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(4);
  }
}
@keyframes round2 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.vi_masking_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
  /*display: none;*/
}
.vi_masking_box .chazi {
  width: 0.16rem;
  height: 0.16rem;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.vi_masking_box .chazi:hover {
  cursor: pointer;
}
.vi_masking_box .chazi img {
  width: 100%;
  height: 100%;
  filter: brightness(10);
}
/* .swiper_img_box_1 {
  width: 0.5rem;
  height: 0.5rem;
  background: transparent;
  background: rgb(24, 24, 24, 0.6);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99 !important;
  opacity: 0;
  transition: all 0.3s;

} */
.swiper-slide-active:hover .swiper_img_box_1 {
  cursor: pointer;
  opacity: 1 !important;
  z-index: 99;
}
.Plant_swiper_box .swiper-slide {
  pointer-events: none;
}
.Plant_swiper_box .swiper-slide-active {
  pointer-events: all;
}
/* .Test_mySwiper .swiper-slide:hover .swiper_img_box_1 {
    cursor: pointer;
    opacity: 1 !important;
    z-index: 1 !important;
  } */
.pstn {
  position: absolute;
}
.box_2_left {
  transform: translateY(-0.6rem);
  opacity: 0;
  animation: fadein 2s forwards;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-0.6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.Plant_swiper_box1 .swiper-slide img{
 opacity: 0.4;   
}

.Plant_swiper_box1 .swiper-slide-active img{
    transform: scale(1.6);
     opacity: 1;
}


.Qualification_swiper_box2 .swiper-slide img{
 opacity: 0.4;   
}

.Qualification_swiper_box2 .swiper-slide-active img{
    /*transform: scale(1.15);*/
     opacity: 1;
     width: auto;
     /*border: 0.02rem solid #FFF;*/
}



.Plant_swiper_box2 .swiper-slide img{
 opacity: 0.4;   
}

.Plant_swiper_box2 .swiper-slide-active img{
    /*transform: scale(1.8);*/
     /*transform: scale(2);*/
     opacity: 1;
     /*width: 80%;*/
     /*max-height: 30vh;*/
     /*height: auto;*/
     /*border: 0.02rem solid #FFF;*/
}
.swiper_img_box{
    width: 100%;
    height: 80%;
    object-fit: contain;
}
.box1{
    border: 0.04rem solid #FFF;
}
.Plant_swiper_box .swiper-slide img{
    height: 110%;
    width: 95%;
}
.Plant_swiper_box .swiper-slide{
    transform: translate3d(0px, 0px, -200.084px) rotateX(0deg) rotateY(85deg) scale(1) translateX(94%)!important;
    transition: none;
}
.Plant_swiper_box .swiper-slide-prev{
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(60deg) scale(1) translateX(2%) !important;
}
.Plant_swiper_box .swiper-slide-prev img{
    width: 80%!important;
    height: 80%!important;
}

.Plant_swiper_box .swiper-slide-next{
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(300deg) scale(1) translateX(-2%) !important;
}
.Plant_swiper_box .swiper-slide-next + div{
    transform: translate3d(0px, 0px, -200.084px) rotateX(0deg) rotateY(275deg) scale(1) translateX(-94%) !important;
}
.Plant_swiper_box .swiper-slide-next img{
    width: 80%!important;
    height: 80%!important;
}
.Plant_swiper_box .swiper-slide-active{
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(0) scale(1.3) !important;
}
.Plant_swiper_box .swiper-slide-active img{
    width: 100%;
    height: 50%;
}
.Plant_swiper_box .swiper_img_box_1 img{
    width: 50%!important;
    height: 50%!important;
}
.Plant_swiper_box .swiper_img_box_text{
    bottom: 8%;
}
.Plant_con_A::after{
    color: #EE5D13;
}
.Plant_con_B::after{
    color: #EE5D13;
}

@media screen and (max-width:1024px){
    .About_box .section_top_box{
        margin-top: 50px;
        height: auto;
    }
    .About_box .section_center_box{
        padding: 15px;
        width: 100%;
    }
    .crumbs{
        display: none;
    }
    .About_box .section_content_box{
        margin-top: 0;
        flex-direction: column;
    }
    .About_box .left_content_title{
        font-size: 16px;
    }
    .About_box .left_content_b{
        width: 100%;
        font-size: 14px;
        line-height: 1.2;
    }
    .About_box .section_content_right{
        width: 100%;
    }
    .About_box .Vi_small_box{
        width: 94%;
        height: auto;
    }
    .About_box .Corporate_center{
        width: 100%;
    }
    .About_box .u_t,
    .About_box .Corporate_content_box > p{
        width: 94%;
        margin: 0 auto;
    }
    .About_box .Corporate_content_box{
        background-size: cover;
        background-position: center center;
    }
    .About_box .Plant_center{
        width: 100%;
    }
    .About_box .swiper_img_box_text{
        font-size: 14px;
        width: 100%; 
    }
    .Plant_masking .cha_close{
        top: calc(50px + 5%);
    }
    .About_box .Test_center{
        width: 100%;
    }
    .About_box .u_t > p{
        font-size: 16px;
    }
    .About_box .Test_img_text > p{
        font-size: 14px;
    }
    .About_box .Test_swiper{
        width: 94%;
        margin: 15px auto;
    }
    .About_box .Test_img_text{
        height: auto;
    }
    .About_box .Qualification_center{
        width: 94%;
        margin: 0 auto;
    }
    .center_box{
        width: 94%!important;
        margin: 0 auto!important;
    }
    .About_box .Business_partner{
        background-position: center center;
        height: 4rem;
    }
    .About_box .logo_Business{
        display: none;
    }
    .About_box .Business_partner_center{
        padding-top: .3rem;
    }
    .About_box .Network_center{
        width: 100%;
    }
    .About_box .map_box{
        height: 4rem;
    }
    
}



@media only screen and (max-width:768px){
    .Qualification_swiper_box2 .swiper-slide-active img{
        width: 85%;
    }
    .Test_masking .Plant_swiper_box2{
        width: 90%;
    }
    .Plant_swiper_box1 .swiper-slide-active img{
        transform: scale(1)!important;
    }
    .Plant_masking .Plant_swiper_box1{
        width: 94%;
    }
    .Plant_con_A{
            right: 0%!important;
    }
    .Plant_con_B{
        left: 0!important;
    }
    .About_box .swiper_img_box_text{
            font-size: 13px!important;
    }
}