*{
  padding: 0;
  margin: 0;
}
li{
  list-style: none;
}
/*banner轮播*/
.bannerChange{
  width: 100%;
  height: 100vh;
   /*height: 10.8rem; */
}

.bannerChange .swiper-slide{
  width: 100%;
  height: 100%;
  /* padding: 0 0.1rem; */
}

.bannerChange .swiper-slide .iBanner {
  width: 100%; 
  height: 100%;
  display: flex;
  /* overflow: hidden; */
  background: url(../img/index/banner1.png) no-repeat;
  background-size:100%;
  position: relative;
}

.iBannerText {
  position: absolute;
  width: 16rem;
  left: 50%;
  top: 3.5rem;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: iBannerText 2s forwards;
}

.iBannerTxt {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
  font-size: 0.5rem;
  color: #FFFFFF;
  line-height: 0rem;
  text-shadow: 0.03rem 0.03rem 0rem rgba(0,0,0,0.47);
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.iBannerTxtEn {
  width: 12.3rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.36rem;
  color: #FFFFFF;
  text-shadow: 0.03rem 0.03rem 0rem rgba(0,0,0,0.47);
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: .8rem;
}

.bannerChange .FirstSwiper{
  width: 100%;
  height: 100%;
}
/* swiper-pagination-bullet swiper-pagination-bullet-active */
.FirstSwiper .swiper-pagination-bullet{
  width: 0.16rem;
  height: 0.04rem;
  border-radius: 0.1rem;
  background-color: #fff;
  margin-left: 0.16rem !important;
}
.FirstSwiper .swiper-pagination-bullet-active{
  width: 0.26rem;
  height: 0.04rem;
  border-radius: 0.1rem;
  background-color:rgba(255, 255, 255, 0.6);
  margin-left: 0.16rem !important;
}

/* 业务领域 */
.twoBanner{
  width: 100%;
  height: 100%;
  overflow: hidden;

}
/*四部分图片*/
.twoIMgBox,
.twoIMgBox img{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}


/*.twoIMgBox::before{*/
/*    position: absolute;*/
/*    content: "";*/
/*     width: 100%;*/
/*      height: 100%;*/
/*      top: 0;*/
/*      left: 0;*/
/*      background: linear-gradient( 180deg, rgba(10,58,141,0.47) 0%, rgba(0,0,0,0.19) 100%);*/
/*      z-index: 1;*/
/*}*/
.twoIMgBox img{
    width: 25%;
}

.twoIMgBox .img_show{
    width: 40%;
}
.twoTitle{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}

.iNews{
    width: 100%;
    height:79.4%;
  display: flex;
  position: absolute;
  top: 20.6%;
  z-index: 2;
}
.iNews > div:last-child{
    /*display: none;*/
}
.iNews h2{
  color: white;
  font-size: .16rem;
  text-align: center;
}
.twoBanner .oneBoxs{
    transition-duration: 0.5s;
    display: flex;    
    align-items: center;
    flex-direction: column;
    width: 25%;
  /*margin-top: -1rem;*/
  /* margin-top: .2rem; */
}
.twoBanner .oneBoxs:nth-of-type(1){
    background: url(../img/index/20804.png) no-repeat !important;
    background-position: -110px 0px !important;
}
.twoBanner .oneBoxs:nth-of-type(2){
    background: url(../img/index/001.png) no-repeat !important;
    /*background-position: -211px 0px;*/
}
.twoBanner .oneBoxs:nth-of-type(3){
    background: url(../img/index/002.png) no-repeat !important;
    /*background-position: -211px 0px;*/
}
.twoBanner .oneBoxs:nth-of-type(4){
    background: url(../img/index/006.png) no-repeat !important;
    /*background-position: -211px 0px;*/
}
.twoBanner .oneBoxs:nth-of-type(5){
    background-position: -320px 0px !important;
}
.twoBanner .oneBoxs:hover{
    width: 40%;
}


.twoBanner .oneBoxs .bg {
	display: none;
  width: 100%;
  height: 9.7rem;
  background-repeat: no-repeat;
}
.twoBanner .oneBoxs:hover .oneBoxs-L {
    width: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
	/* margin-top: .85rem; */
  /*margin-top: 1.95rem;*/
	/*background: linear-gradient( 180deg, rgba(2,158,79,0) 0%, rgba(2,158,79,0.83) 39%, #029E4F 100%);*/
}
.twoBanner .oneBoxs:hover .hidText{
	opacity: 1;
}
.oneBoxs-L{
    display: flex;
    flex-direction: column;
    align-items: center;
  padding-top: 3.3rem;
  /*border-right:.01rem solid rgba(255, 255, 255, 0.1);*/
  transition: 0.6s;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
}
.twoBanner .oneBoxs-L img{
  width: 60px ;
  height: 60px;
  /*margin-left: 1.71rem;*/
}
.oneBoxs-L p{
  font-size: .36rem;
  color: white;
  text-align: center;
}
/* 隐藏的内容 */
.hidText{
  height: 4rem;
  opacity: 0;
  transition: 0.6s;
}
/*.hidText .content{*/
/*  width: 3.04rem;*/
/*  color: #fff;*/
/*  font-size: .16rem;*/
/*  text-align: center;*/
/*  margin: 0 0 0 0.88rem;*/
/*}*/

/*contentBox*/
.hidText .contentBox{
    width: 1.5rem;
    margin: 0 auto;
    display: none;
}
.hidText .contentBox:nth-child(2),
.hidText .contentBox:nth-child(3),
.hidText .contentBox:nth-child(4){
    width: 3.04rem !important;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.oneBoxs:nth-child(1) .contentBox{
    display: none;
    width: 1.5rem !important;
    margin: 0 auto;
    overflow: hidden;
}
.oneBoxs:nth-child(1) .contentBox .contentBoxOne{
    width: 100%;
    height: 0.4rem;
    border: 0.01rem solid #fff;
    border-radius: 0.04rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.4rem;
    color: #fff;
    margin-bottom: 0.1rem;
}
.hidText .contentBox:nth-child(2) .contentBoxOne,{
    display: none;
}
.hidText .contentBox:nth-child(3) .contentBoxOne,
.hidText .contentBox:nth-child(4) .contentBoxOne{
    width: 100%;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.4rem;
    color: #fff;
    margin-bottom: 0.1rem;
}
.hidText button{
  width: 1.68rem;
  height: 0.52rem;
  background: #FFFFFF;
  border-radius: 0.52rem;
  color: #18a060;
  margin-left: calc((100% - 1.68rem) / 2);
  
  /*2025-04-28*/
  display: block;
  margin-top: 1rem;
  font-size: 0.18rem;
}
.hidText button:hover{
    background-color:#18a060;
    color: white;
}

/* 服务案例 */
.iPro {
  padding-top: 50px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(../img/index/banner3.png);

}
.threeMain{
    display: flex;
        flex-direction: column;
  width: 14.2rem;
  margin:0 auto;
  /* padding-top: 1.9rem; */

}
.threeMain .threeMain-T{
    display: flex;
    justify-content: center;
  width: 100%;
  height: 0.9rem;
  margin-top: 1.14rem;
}
.threeMain .aNiu{
  width: 1.25rem;
  height: .4rem;
  border-radius: .2rem;
  font-size: .16rem;
  float: right;
  text-align: center;
  line-height: .4rem;
  color: #fff;
  background: rgba(255,255,255,0.27);
}
.threeMain .threeMain-F{
  height: 6.7rem;
  margin-top: 0.3rem;
  display: flex;
  flex-direction: column;
}
.threeMain .threeMain-F .threeMain-F-left{
    display: flex;
  width: 100%;
  height: 100%;
}
.lis{
    display: flex;
    justify-content: space-evenly;
  width: 100%;
  height: 90%;
  /*margin: calc((100% - 90%)) auto;*/

}
.threeMain-F-left li{
    width: 3rem;
  height: 0.6rem;
  padding: .1rem;
  font-size: .24rem;
  color: #dcdcdc;
  border-bottom: 0.02rem solid #ACC5D6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lJpic{
  width: .25rem;
  height: .25rem;
  background-image: url(../img/index/pic1.png);
  background-repeat: no-repeat;
  background-size: .25rem .25rem;
}
.threeMain-F-left li:hover .lJpic{
  background-image: url(../img/index/pic2.png);
}
.threeMain-F-left li:hover{
  color: #fff;
  border-bottom: .02rem solid #fff;
}

/* 第三banner里面 */
.threeMain .threeMain-F .threeMain-F-right{
  width: 100%;
  height: 100%;
}

.iProSwiper{
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.iProSwiper .swiper-slide {
  font-size: 0.18rem;
  height: 2.9rem;
  color: #fff;
}
.iProSwiper .swiper-slide img{
  width: 3.2rem;
  height: 2.6rem;
  display: block;
}
.oneDIv{
  display: block;
}
.twoDIv{
  width: 3.2rem;
  height: 2.6rem;
  background: #029E4F;
  opacity: 0.86;
  padding: 0.35rem 0.3rem;
  display: none;
}
.twoDIv .nr{
  height: 1.89rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.28rem;
  overflow-y: scroll;
}
.threeDIv{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.iProSwiper .swiper-slide div:nth-child(3){
      /*display: -webkit-box;*/
      /*-webkit-box-orient: vertical;*/
      /*-webkit-line-clamp: 1;*/
      /*overflow: hidden;*/
      /*text-overflow: ellipsis;*/
}


.iPro .swiper-pagination{
    position: absolute;
    top: 89% !important;
    width: 90% !important;
    left: 50% !important;
    transform: translate(-50%, 0);
}
.iPro .swiper-pagination-bullet-active{
  display:inline-block;
  width: 0.5rem !important;
  height: 0.08rem !important;
  background: #FFFFFF !important;
  border-radius: 0.07rem;
  margin-left: 0.16rem !important;

}
.iPro .swiper-pagination-bullet {
  width: 0.26rem;
  height: 0.08rem;
  display: inline-block;
  border-radius: .07rem;
  background-color: rgba(255, 255, 255, 0.55);
  margin-left: 0.16rem !important;
}
/*.lbt{*/
/*    height: 6.5rem;*/
/*}*/
.lbt_swiper-button-prev,
.lbt_swiper-button-next {
    position: absolute;
    top: 5.22rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #F1F1F1;
    z-index: 20;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}

.lbt_swiper-button-prev {
    left: 0rem;
    top: 5.5rem;
}

.lbt_swiper-button-next {
    right: 0rem;
    top: 5.5rem;
}

.lbt_swiper-button-prev img,
.lbt_swiper-button-next img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.1rem;
    height: 0.19rem;
    transition: all 0.3s;
}

.lbt_swiper-button-prev .img2,
.lbt_swiper-button-next .img2 {
    filter: brightness(0) saturate(100%) invert(33%) sepia(84%) saturate(746%) hue-rotate(70deg) brightness(95%) contrast(104%);
    opacity: 0;
}

.lbt_swiper-button-prev .img1 {
    transform: translate(-50%, -50%) rotate(180deg);
}

.lbt_swiper-button-next .img2 {
    transform: translate(-50%, -50%) rotate(180deg);
}

.lbt_swiper-button-prev:hover,
.lbt_swiper-button-next:hover {
    background: transparent;
    border: 0.02rem solid #029E4F;
}

.lbt_swiper-button-prev:hover .img2,
.lbt_swiper-button-next:hover .img2 {
    opacity: 1;
}

.lbt_swiper-button-prev:hover .img1,
.lbt_swiper-button-next:hover .img1 {
    opacity: 0;
}

/* 售后服务 */
.iAbout {
  width: 100%;
  height: 100%;
  background-image: url(../img/index/banner4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.iAboutBox {
  width: 14.2rem;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
  padding: 1.11rem 0 .38rem;
}

.iAboutTit {
    text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
  text-align: center;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.47);
}
.editText{
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.71rem;
  color: #84D4AB;
  line-height: 0.89rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  opacity: 0.2;
  margin-top: 0.4rem;
}

.iAboutTxt {
  width: 9.95rem;
  height: 0.66rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #FFF3F3;
  line-height: 0.4rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin: 0 auto;
}

.iAboutList {
  margin-top: .89rem;
  margin-bottom: .7rem;
  width: 14.62rem;
  height: 2.6rem;
  display: flex;
  justify-content: space-between;
  
}
/*默认显示*/
.kaungBox_1 .defaultShow{
    width: 4.34rem;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.61);
    display: block;
    overflow: hidden;
}
.kaungBox_1 .defaultShow img{
    width: 0.77rem;
    /*height: 0.77rem;*/
    display: block;
    filter: brightness(1) invert(0);
    margin-top: 0.6rem;
    margin-left: calc((4.34rem - 0.77rem) / 2);
}
.kaungBox_1 .defaultShow .name_1{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
    margin-top: 0.2rem;
}
/*.kaungBox_1 .defaultShow .bigPic{*/
/*    width: 1.83rem;*/
/*    margin-left: calc((4.34rem - 1.83rem) / 2);*/
/*}*/

/*第二个默认显示图片进行调整*/
.kaungBox_1:nth-child(2) .defaultShow img{
    width: 1.83rem;
    margin-left: calc((4.34rem - 1.83rem) / 2);
}

/*鼠标经过显示*/
.kaungBox_1 .mouseShow{
    width: 4.34rem;
    height: 100%;
    padding: 0.3rem;
    background: linear-gradient( 180deg, #06BB5F 0%, #029E4F 100%);
    display: none;
}
.kaungBox_1 .mouseShow .titlePic{
    height: 0.77rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kaungBox_1 .mouseShow .titlePic .title_2{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
}
.kaungBox_1 .mouseShow .titlePic img{
    width: 0.74rem;
    /*height: 0.74rem;*/
    display: block;
    filter: brightness(0) invert(1);
}
.kaungBox_1 .mouseShow .nr_2{
    font-size: .16rem;
    line-height: .28rem;
    color: #FFFFFF;
    margin-top: 0.2rem;
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*鼠标经过第二个里面的图片调整*/
.kaungBox_1:nth-child(2) .mouseShow .titlePic img{
    width: 1.83rem;
}

.kaungBox_1:hover .defaultShow{
    display: none;
}
.kaungBox_1:hover .mouseShow{
    display: block;
}


/*右边分页器*/
.rightSorters{
  width: 1.72rem;
  height: 1.72rem;
  border: 0.01rem dashed #fff;
  border-radius: 50%;
  font-size: .12rem;
  z-index: 9999;
  position: absolute;
  top: 3.74rem;
  right: -0.86rem;
}
.rightSorters .pointFirst,
.rightSorters .pointSecond,
.rightSorters .pointThird,
.rightSorters .pointFourth{
  width: .75rem;
  height: .18rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rightSorters .pointFirst .pointText,
.rightSorters .pointSecond .pointText,
.rightSorters .pointThird .pointText,
.rightSorters .pointFourth .pointText{
  /*width: 0.62rem;*/
  /*height: 0.18rem;*/
  font-size: .12rem;
  color: white;
  text-align: center;
  border-radius: .1rem;
  
  /*2025-04-28*/
  padding: 0.03rem 0.1rem;
    box-sizing: border-box;
}

.rightSorters .point1{
  width: .06rem;
  height: .06rem;
  border-radius: 50%;
  background-color: #029E4F;
}
.rightSorters .pointFirst{
  position: absolute;
  right: 1.33rem;
  top: .08rem;
}
.rightSorters .pointSecond{
  position: absolute;
  right: 1.66rem;
  top: .6rem;
}
.rightSorters .pointThird{
  position: absolute;
  right: 1.61rem;
  top: 1.1rem;
}
.rightSorters .pointFourth{
  position: absolute;
  right: 1.22rem;
  top: 1.5rem;
}



/*2025-04-28*/
.iAboutList{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.iAboutList .logo_list{
    width: 100%;
    height: 1.2rem;
    margin-bottom: 0.32rem;
    display: flex;
    justify-content: center;
}
.iAboutList .logo_list:last-child{
    margin-bottom: 0;
}
.iAboutList .logo_list .logo_item{
    width: 2.4rem;
    height: 1.2rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    margin:0 0.125rem;
    padding: 0.2rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iAboutList .logo_list .logo_item img{
    max-width: 2rem;
    max-height: 0.8rem;
    object-fit: contain;
}
.address{
    display: none;
    width: 14.2rem;
    font-size: 0.16rem;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0.5rem;
}
.lbsl{
    margin: 0 auto;
    width: 85%;
    height: 0.9rem !important;
    /*border: 1px solid black;*/
}
.lbsl-1{
    display: flex;
    justify-content: space-around;
    /*margin-bottom: .3rem;*/
}
.lbsl-1 > div:nth-child(5){
    display: none;
}
.lbsl-1 > div{
    display: flex;justify-content: space-around;align-items: center;
    width: 3.5rem !important;
    display: flex;
    cursor: pointer;
    /*background: #029E4F;*/
    background: white;
    box-shadow: 2px 3px 5px 1px rgba(0,102,188,0.31);
    border-radius: 20px 5px 20px 5px;
}
/*.lbsl-1 > div > div{*/
/*    width: 30px;*/
/*    height: 30px;*/
    /*overflow: hidden;*/
    
/*}*/
.lbsl-1 > div:hover{
    background: #029E4F;
    color: white;
}
.lbsl-1 > div:hover img{
    filter: brightness(0) invert(1);
}
.lbsl-1 > div:hover p{
    color: #FFFFFF;
}
.lbsl-1 > div > p{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.24rem;
    color: black;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.lbsl-1 > div > img{
    width: 0.40rem;
    height: 0.40rem;
}
.lbt{
    margin: 0 auto;
    width: 90%;
    height: 6.5rem;
    overflow: hidden;
}
.lbt-4{
    display: flex;
    justify-content: space-between;
    padding-top: .5rem;
}
.lbt-4 > div{
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 4.2rem;
    height: 4.8rem;
    transition: all 0.4s;
}
.lbt-4 > div:hover{
    background-color: #029E4F;
}
.lbt-4 > div:hover > p{
    color: white;
}
.labt-4 > div > img{
    /*width: 50%;*/
    height: 237.14px;
}
.lbt-4 > div > p{
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 50px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.swiper-pagination-progressbar-fill{
    background: #0A7E0D !important;
}

.lbt-img{
   height: 80%;
}
.lbsl hr{
    width: 100%;
    margin-right: 3%;
    border: 1px dashed #029E4F;
    transform: translate(0px, 0.45rem);
}