a {
  color: #000 !important;
  text-decoration: none !important;
}

ul {
  margin: 0 !important;
  padding: 0 !important;
}

p {
  margin: 0 !important;
}

.bannerindexbanner img {
  display: block;
  width: 100%;
  /* animation: bannermove 20s infinite;
  o-animation: bannermove 20s infinite; */
}

.swiper-containerindexbanner {
    overflow: hidden;
}

/* @keyframes bannermove {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.05);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
} */

/*.bannerindexbanner {*/
/*    width: 100vh;*/
/*}*/

/* .bannerindexbanner .swiper-wrapper {*/
/*  overflow: hidden;*/
/*} */

/*.swiper-paginationindexbanner {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0 !important;*/
/*  padding: 40px 0 40px 15%;*/
/*  width: 40% !important;*/
/*  box-sizing: border-box;*/
/*  background: #45994F;*/
/*  z-index: 1;*/
/*}*/

.swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}

.bannerindexbanner .text_box {
  position: absolute;
  top: 50%;
  left: 60%;
  width: 100%;
  transform: translate(-50%, -50%);
  animation: ydtext 2s infinite;
  animation-iteration-count: 1;
  o-animation: ydtext 3s linear infinite;
}

@keyframes ydtext {
  0% {
    opacity: 0;
    transform: translate(-50%, 0%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.bannerindexbanner .text_box h4 {
  font-size: 46px;
  color: #fff;
  line-height: 90px;
}

.nav .l {
  width: 5%;
}

.nav .l .nav_logo img {
  display: block;
  width: 100%;
}

.nav .r {
  width: 70%;
  height: 100%;
}

.nav .r ul {
  height: 100%;
}

.nav .r ul li a {
  display: block;
  padding: 50px 0;
  height: 100%;
  text-align: center;
}

.nav_box {
  background-color: #fff;
}

.nav_act {
  color: #3F8E4D !important;
}

.nav .r ul li a:hover {
  color: #3F8E4D !important;
  transition: all 0.6s;
}

.nav .r ul li {
  position: relative;
  height: 100%;
}

.nav .r ul li dl {
  position: absolute;
  top: 120%;
  left: -50%;
  transform: translate(0%, 0%);
  padding: 40px 0;
  width: 200%;
  background-color: #fff;
  z-index: 2;
  display: none;
}

.nav .r ul li:last-child dl {
  width: 400%;
}

.nav .r ul li:last-child dl {
  left: -150%;
}

.nav .r ul li dl dd {
  margin: 0 0 20px 0;
}

.nav .r ul li dl dd:last-child {
  margin: 0;
}

.nav .r ul li dl dd a {
  padding: 0;
}

/* foot */
.foot_box {
  background: #494D4A;
}

.foot {
  padding: 80px 0;
  box-sizing: border-box;
  color: #fff;
}

.foot .top .l h4 {
  margin: 0 0 0 30px;
  font-weight: bold;
}

.foot .top .r {
  width: 50%;
}

.foot .top .r ul li a {
  color: #fff !important;
}

.foot .top {
  margin: 0 0 80px 0;
}

.foot .bottom .l {
  width: 65%;
}

.foot .bottom .l ul {
  flex-wrap: wrap;
}

.foot .bottom .l ul li {
  width: 49%;
  line-height: 40px;
}

.foot .bottom .r {
  width: 10%;
}

.foot .bottom .r p {
  width: 12%;
}

.foot .bottom .r .fqcode_box {
  width: 100px;
  height: 100px;
  background-color: #fff;
}

.foot .bottom .r .fqcode_box img {
  display: block;
  max-width: 100%;
}

.por_box {
  padding: 40px 0;
  box-sizing: border-box;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.por_box a {
  color: #fff !important;
}

.breadcrumb>li+li:before {
  color: #CCCCCC;
  content: ">";
  padding: 0 5px;
}

.zjbox {
  padding: 50px 0;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.zj_act {
  color: #3F8E4D !important;
}

.three_unit ul li {
  width: 29%;
}

.three_unit ul li a {
  position: relative;
  display: block;
  padding: 40px 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0 0 50px 0;
  background-image: linear-gradient(to right, rgba(245, 245, 245), rgba(252, 252, 252));
}

.three_unit ul li a:hover {
  color: #fff !important;
  background-image: linear-gradient(to right, #3F8E4D, rgba(11, 99, 32, 0.5), rgba(136, 205, 149, 0.2));
}

.three_unit_act {
  color: #fff !important;
  background-image: linear-gradient(to right, #3F8E4D, rgba(11, 99, 32, 0.5), rgba(136, 205, 149, 0.2)) !important;
}

.three_unit {
  margin: 60px 0 0 0;
}

.three_unit ul li a::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(-50%, -50%);
  display: block;
  width: 4px;
  height: 60px;
  background: #3F8E4D;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.pagination li .pagination_act {
  color: #fff !important;
  background: #3F8E4D !important;
}

.pagination li a:hover {
  color: #fff !important;
  background: #3F8E4D !important;
  transition: all 0.6s;
}

.details_box .l {
  padding: 60px 60px 0 15%;
  width: 30%;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.details_box .l dl {
  margin: 0 0 80px 0;
}

.details_box .l dl dt {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
  border-bottom: 2px solid #3F8E4D;
  color: #3F8E4D;
  font-size: 20px;
}

.details_box .l dl dd {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}

.details_act {
  color: #3F8E4D !important;
}

.details_act::before {
  content: " ";
  display: inline-block;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  background: #3F8E4D;
  border-radius: 50px;
}

.product_classify dd a:hover {
  color: #3F8E4D !important;
  transition: all 0.6s;
}

.details_box .l dl:last-child {
  margin: 0;
}

.details_box .r {
  padding: 60px 15% 120px 120px;
  width: 70%;
  box-sizing: border-box;
}

.foot .top .l h4 {
  color: #fff;
}

/* 移动端头部样式 */
.nav_box {
  position: relative;
}

.app {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-115%, -30%);
  width: 10%;
  height: 72px;
  box-sizing: border-box;
}

.app .c1,
.c2,
.c3 {
  width: 34px;
  height: 2px;
  background: #45994F;
  display: block;
  margin: 10px auto;
  transition: all 277ms ease-in-out;
  position: relative;
}

.app .c2.new {
  opacity: 0;
}

.app .c1.new {
  transform: rotate(-45deg);
  top: 12px;
}

.app .c3.new {
  transform: rotate(45deg);
  top: -12px;
}

.wap-nav {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 999;
}

.wap-nav dl {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px) !important;
}

.wap-nav dl dd {
  width: 100%;
}

.wap-nav dl dd a {
  display: block;
  padding: 10px 0;
  width: 100%;
  color: #fff !important;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.1); */
}

.nav_two {
  display: none;
}

.nav_two .wap-nav dl dd ul {
  display: none;
}

.i_act {
  transform: rotate(180deg);
  transition: all 0.3s;
}

#i_icono,
#i_icont,
#i_icons,
#i_iconf,
#i_icone,
#i_iconfl {
  display: inline-block;
  margin: 0 0 0 10px;
}

.wap-nav dl dd ul {
  margin: 0;
  padding: 0;
}

   /* 组件 */
   .foot_conainer {
       position: relative;
       height: 35px;
   }
   
    .conainer {
      position: fixed;
      bottom: 30%;
      right: 0%;
      z-index: 999;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px;
      background: #45994F;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      opacity: 0.5;
    }

    .conainer ul li a .fa {
      font-size: 30px !important;
    }

    .conainer:hover {
      opacity: 1;
      transition: 0.6s;
    }

    /* .conainer::before {
          content: " ";
          position: absolute;
          bottom: 0px;
          width: 100%;
          height: 50%;
          z-index: 1;
          border-top: 1px solid rgba(255, 255, 255, 0.5);
          背景模糊
          backdrop-filter: blur(5px);
        } */

    .conainer .color {
      position: absolute;
      filter: blur(200px);
    }

    .conainer ul {
      position: relative;
      /* display: flex; */
      z-index: 2;
    }

    .conainer ul li {
      position: relative;
      list-style: none;
      margin: 10px;
    }

    .conainer ul li a {
      position: relative;
      width: 60px;
      height: 60px;
      display: inline-block;
      border-radius: 10px;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff !important;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      /* 盒子阴影 */
      box-shadow: 0px 5px 45px rgba(0, 0, 0, 0.1);
      /* 背景模糊 */
      backdrop-filter: blur(2px);
      overflow: hidden;
    }

    .conainer ul li a:hover {
      transition: all 0.6s;
      /* 沿y轴向上移动 */
      /* transform: translateX(-20px); */
    }

    /* 扫光动画 */
    .conainer ul li a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 100%;
      background-color: #fff;
      /* 元素沿着x轴横切 沿着x轴向右移动150px */
      transform: skewX(45deg) translateX(150px);
      transition: all 0.6s;
    }

    .conainer ul li a:hover::before {
      transform: skewX(45deg) translateX(-150px);
    }

    .qcode_box {
      position: absolute;
      top: 5%;
      left: -305%;
      padding: 10px;
      background-color: #45994F;
      display: none;
    }

    .qcode_box img {
      display: block;
      width: 100%;
    }

    .qcode_box .fa-times {
      position: absolute;
      right: 0;
      top: -6%;
    }

    .phone_box {
      position: absolute;
      top: 75%;
      left: -185%;
      padding: 10px;
      background-color: #45994F;
      color: #fff;
      display: none;
    }

    .phone_box .fa-times {
      position: absolute;
      right: 0;
      top: -40%;
    }

    .phone_two {
      display: none;
    }

@media screen and (max-width: 1680px) {
  .nav .r ul li a {
    padding: 40px 0;
  }

  .bannerindexbanner .text_box h4 {
    font-size: 40px !important;
    line-height: 80px !important;
  }

  .foot {
    padding: 70px 0;
  }

  .foot .top {
    margin: 0 0 70px 0;
  }

  .foot .top .l h4 {
    margin: 0 0 0 20px;
    font-size: 24px;
  }

  .por_box {
    padding: 30px 0;
  }

  .foot .bottom .l ul li {
    line-height: 35px;
  }

  .zjbox {
    padding: 40px 0;
  }

  .three_unit {
    margin: 50px 0 0 0;
  }

  .three_unit ul li a {
    padding: 30px 0;
  }

  /* product */
  .details_box .l {
    padding: 50px 50px 0 15%;
  }

  .details_box .l dl dt {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    font-size: 18px;
  }

  .details_box .l dl {
    margin: 0 0 70px 0;
  }

  .details_box .l dl dd {
    font-size: 14px;
    line-height: 35px;
  }

  .details_box .r {
    padding: 50px 15% 110px 110px;
  }
}

@media screen and (max-width: 1600px) {
  .nav .r ul li a {
    padding: 30px 0;
  }

  .bannerindexbanner .text_box h4 {
    font-size: 36px !important;
    line-height: 70px !important;
  }

  .foot {
    padding: 60px 0;
  }

  .foot .top {
    margin: 0 0 60px 0;
  }

  .foot .top .l h4 {
    margin: 0 0 0 15px;
    font-size: 22px;
  }

  .por_box {
    padding: 20px 0;
  }

  .foot .bottom .l ul li {
    line-height: 30px;
  }

  .zjbox {
    padding: 30px 0;
  }

  .three_unit ul li a::before {
    height: 30px;
  }

  .three_unit {
    margin: 40px 0 0 0;
  }

  .three_unit ul li a {
    padding: 20px 0;
  }

  /* product */
  .details_box .l {
    padding: 40px 40px 0 15%;
  }

  .details_box .l dl dt {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    font-size: 16px;
  }

  .details_box .l dl {
    margin: 0 0 60px 0;
  }

  .details_box .l dl dd {
    line-height: 30px;
  }

  .details_box .r {
    padding: 40px 15% 100px 100px;
  }
}

@media screen and (max-width: 1440px) {
  .nav .l {
    width: 4%;
  }

  .nav .r ul li a {
    padding: 20px 0;
  }

  .bannerindexbanner .text_box h4 {
    font-size: 32px !important;
    line-height: 60px !important;
  }

  .foot {
    padding: 50px 0;
  }

  .foot .top {
    margin: 0 0 50px 0;
  }

  .foot .top .l h4 {
    font-size: 20px;
  }

  .por_box {
    padding: 15px 0;
  }

  .foot .bottom .l ul li {
    line-height: 25px;
  }

  .zjbox {
    padding: 20px 0;
  }

  .three_unit {
    margin: 30px 0 0 0;
  }

  .three_unit ul li a {
    padding: 15px 0;
  }

  /* product */
  .details_box .l {
    padding: 30px 30px 0 15%;
  }

  .details_box .l dl dt {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
  }

  .details_box .l dl {
    margin: 0 0 50px 0;
  }

  /* .details_box .l dl dd {
    line-height: 25px;
  } */

  .details_box .r {
    padding: 30px 15% 90px 90px;
  }
}

@media screen and (max-width: 1366px) {
  /* .nav .r ul li a {
    padding: 10px 0;
  } */

  .bannerindexbanner .text_box h4 {
    font-size: 28px !important;
    line-height: 50px !important;
  }

  .foot {
    padding: 40px 0;
  }

  .foot .top {
    margin: 0 0 40px 0;
  }

  .foot .top .l h4 {
    font-size: 18px;
  }

  .foot {
    font-size: 14px;
  }

  .por_box a {
    font-size: 14px;
  }

  .foot .bottom .r p {
    margin: 0 10px 0 0 !important;
  }

  .foot .bottom .r {
    width: 12%;
  }

  /* .foot .bottom .l ul li {
    line-height: 20px;
  } */

  .zjbox {
    padding: 15px 0;
  }

  .three_unit {
    margin: 20px 0 0 0;
  }

  /* product */
  .details_box .l {
    padding: 20px 20px 0 15%;
  }

  .details_box .l dl {
    margin: 0 0 40px 0;
  }

  /* .details_box .l dl dd {
    line-height: 20px;
  } */

  .details_box .r {
    padding: 20px 15% 80px 80px;
  }
}

@media screen and (max-width: 1280px) {
  .bannerindexbanner .text_box h4 {
    font-size: 26px !important;
    line-height: 40px !important;
  }

  .foot {
    padding: 30px 0;
  }

  .foot .top {
    margin: 0 0 30px 0;
  }

  .foot .top .l h4 {
    font-size: 16px;
  }

  .three_unit ul li a {
    font-size: 14px;
  }

  /* product */
  .details_box .l {
    padding: 15px 15px 0 15%;
  }

  .details_box .l dl {
    margin: 0 0 30px 0;
  }

  /* .details_box .l dl dd {
    line-height: 20px;
  } */

  .details_box .r {
    padding: 15px 15% 70px 70px;
  }
}

@media screen and (max-width: 1024px) {
  .bannerindexbanner .text_box h4 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .foot {
    padding: 20px 0;
  }

  .foot .top {
    margin: 0 0 20px 0;
  }

  .foot .bottom .l {
    width: 70%;
  }

  .foot .bottom .r {
    width: 14%;
  }

  /* product */
  .details_box .l {
    padding: 15px 15px 0 15%;
  }

  .details_box .l dl {
    margin: 0 0 20px 0;
  }

  /* .details_box .l dl dd {
       line-height: 20px;
     } */

  .details_box .r {
    padding: 15px 15% 60px 60px;
  }
}

@media screen and (max-width: 980px) {
    /*body {*/
    /*    padding: 0 0 90px 0;*/
    /*}*/
    
    /*.foot_box {*/
    /*    margin: 0 0 90px 0;*/
    /*}*/
    
    .qcode_box {
        position: absolute;
        top: -100%;
left: 50%;
transform: translate(-50%, -50%);
    }
    
    .phone {
        display: none;
    }
    
    .phone_two {
        display: block;
    }
    
    .conainer ul {
        display: flex;
    }
    
    .conainer {
          left: 50%;
bottom: 0%;
 transform: translate(-50%, 0%);
    width: 100%;
    border-radius: 0px !important;
    opacity: 1;
    }
    
    .nav_box {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    }
    
  .nav .l {
    width: 8%;
  }

  .nav .r {
    display: none;
  }

  .nav_two {
    display: block;
  }

  .nav_box {
    padding: 10px 0;
  }

  .bannerindexbanner .text_box h4 {
    font-size: 22px !important;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    display: none;
  }

  .foot .top .l,
  .foot .top .r {
    width: 100%;
  }

  .foot .top .l {
    margin: 0 0 15px 0;
  }

  .foot .top {
    flex-wrap: wrap;
  }

  .foot .bottom {
    flex-wrap: wrap;
  }

  .foot .bottom .l,
  .foot .bottom .r {
    width: 100%;
  }

  .foot .bottom .r {
    justify-content: center !important;
  }

  .foot .bottom .l ul li {
    line-height: 1.5;
  }

  .foot .top {
    margin: 0 0 15px 0;
  }

  .foot .bottom .r p {
    display: none;
  }

  .foot .top .l {
    justify-content: center;
  }

  .foot .bottom .r {
    margin: 15px 0 0 0;
  }

  .breadcrumb li a {
    font-size: 14px !important;
  }

  /* product */
  .details_box .l {
    display: none;
  }

  .details_box .r {
    padding: 15px 15%;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bannerindexbanner .text_box h4 {
    font-size: 20px !important;
  }

  .foot .bottom .l ul li {
    line-height: 1.3;
  }

  .details_box .r {
    padding: 15px 10%;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
    .bannerindexbanner {
        margin: 70px 0 0 0;
    }
    
  .nav .l {
    width: 10%;
  }

  .bannerindexbanner .text_box h4 {
    font-size: 18px !important;
  }

  .foot .bottom .l ul li {
    width: 100%;
    text-align: center;
  }

  .foot .top .r ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

@media screen and (max-width: 375px) {
  .nav .l {
    width: 12%;
  }
}