.aboutNav {
  width: 14rem;
  height: .9rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.aboutNavL {
  display: flex;
}

.aboutNavitem {
  min-width: 1.3rem;
  min-height: .38rem;
  padding: 0 .33rem;
  box-sizing: border-box;
  margin-right: .2rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  border: 0.01rem solid #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
}

.aboutNavitem.active {
  background: #0F4892;
  color: #FFFFFF;
}

.aboutNavR {
  display: flex;
  align-items: center;
}

.aboutNavR img {
  max-width: .11rem;
  height: auto;
  margin-right: .1rem;
}

.aboutNavR a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999999;
  display: flex;
  align-items: center;
}

.aboutNavR a:last-child {
  color: #0F4892;
}

.aboutNavR a::after {
  content: '';
  width: .05rem;
  height: .1rem;
  margin: 0 .1rem;
  background: url(../img/about/arrow.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.aboutNavR a:last-child::after {
  display: none;
}

.producrt {
  width: 100%;
  min-height: 8.86rem;
  background-image: url(../img/product/productBack.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden
}

.productTab{
  width: 14.28rem;
  margin: .56rem auto 0;
  display: flex;
  align-items: center;
  margin-top: .4rem;
}


.tabBtn {
  min-width: 1.3rem;
  height: 0.38rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  border: 0.01rem solid #0F4892;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #0F4892;
  text-align: center;
  line-height: .38rem;
  margin: 0 .1rem;
  cursor: pointer;
}

.tabBtn.active {
  background: #0F4892;
  color: #FFFFFF;
}

.proSwiperBox{
  width: 14.08rem;
  margin: .44rem auto;
  margin-bottom: .93rem;
  /*padding-right: .85rem;*/
  border-radius: 0.3rem;
  /*overflow: hidden;*/
  background: rgba(255,255,255,1);
}

.proSwiperItem{
  width: 100%;
  /*height: 7.16rem;*/
  display: flex;
  align-items: center;
  position: relative;
}

.swiperL{
  max-width: 8rem;
  height: auto;
  flex-shrink: 0;
}

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

.proSwiper .swiper-slide{
  width: 100%;
  /*padding: 0 1.49rem;*/
  box-sizing: border-box;
  height: 100%;
  background-clip: content-box;
}

.proItem{
  /*flex-direction: column;*/
  width: 100%;
  height: 100%;
  padding-top: 0.5rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 0.68rem;
  display: inline-block;
  box-sizing: border-box;
}

.proItem .flex_box {
    display: flex;
}

.proItemImg{
  /*width: 3.29rem;*/
  width: 100%;
  height: 2.34rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.proItemImg img{
    object-fit: contain!important;
}
.pro_ld_title {
    margin-top: 0.6rem;
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.3rem;
}
.pro_ld_info {
    font-size: 0.16rem;
    color: #555555;
    line-height: 0.24rem;
    margin-top: 0.09rem;
}

.proText{
  width: 50%;
  /*height: 3.38rem;*/
  box-sizing: border-box;
  flex: 0 0 50%;
  box-sizing: border-box;
}
.pro_left {
    flex: 0 0 50%;
    padding-right: 0.68rem;
    box-sizing: border-box;
}

.proTit{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #0F4892;
  margin-bottom: .36rem;
  text-align: center;
}

.proTxt{
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.3rem;
}

.proSwiperItem .swiper-button-prev,
.proSwiperItem .swiper-button-next{
  width: .63rem;
  height: .63rem;
  border: 0.01rem solid #0F4892;
  box-sizing: border-box;
  opacity: 1!important;
}

.proSwiperItem .swiper-button-prev::after,
.proSwiperItem .swiper-button-next::after{
  font-size: .18rem;
  color: #0F4892;
}

.proSwiperItem .swiper-button-prev:hover,
.proSwiperItem .swiper-button-next:hover{
  background: #0F4892;
}

.proSwiperItem .swiper-button-prev:hover::after,
.proSwiperItem .swiper-button-next:hover::after{
  color: #FFFFFF;
}
.proSwiperItem .swiper-button-prev {
    left: -0.26rem;
}
.proSwiperItem .swiper-button-next {
    right: -0.26rem;
}

.proSwiper .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: .22rem!important;
}

.proSwiper  .swiper-pagination-bullet{
  width: .08rem;
  height: .08rem;
  opacity: .2!important;
  margin: 0 .07rem!important;
}

.proSwiper  .swiper-pagination-bullet-active{
  width: .14rem;
  height: .14rem;
  border: 0.02rem solid #0F4892;
  opacity: 1!important;
  background: transparent;
}

.highlights{
  width: 100%;
  background: #ECF4FF;
  overflow: hidden;
}

.proTitle{
  font-family: Inter, Inter;
  font-weight: bold;
  font-size: 0.36rem;
  color: #0F4892;
  margin: .61rem auto;
  text-align: center;
}

.lightsBox{
  width: 13.99rem;
  display: flex;
  margin: 0 auto 1.94rem;
  padding-left: .07rem;
}

.lightsItem{
  width: 3.4rem;
  height: 4.7rem;
  background: #FFFFFF;
  box-shadow: 0.06rem 0.06rem 0.01rem 0rem #4085DD;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  margin-right: .13rem;
  transition: all .3s;
}

.lightsItem:nth-child(4n){
  margin-right: 0;
}

.lightsT{
  width: 100%;
  height: 1.4rem;
  background: linear-gradient( 92deg, #699FE4 0%, #435CDB 52%, #2F7DE2 100%);
  border-radius: 0.08rem 0.08rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /*transition: all .3s;*/
}

.lightsT img{
  width: .86rem;
  height: .86rem;
}

.lightsB{
  width: 100%;
  height: 3.3rem;
  padding: .42rem .33rem 0;
  box-sizing: border-box;
  transition: all .3s;
}

.lightsBTit{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #333333;
  margin-bottom: .3rem;
  text-align: center;
  transition: all .3s;
}

.lightsBTxt{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #888888;
  line-height: 0.2rem;
  transition: all .3s;
}

.prodetailSwiper{
  width: 14rem;
  height: 6.64rem;
  margin-bottom: .48rem;
}

.prodetailSwiper .swiper-button-prev,
.prodetailSwiper .swiper-button-next{
  width: .63rem;
  height: .63rem;
  border: 0.01rem solid #0F4892;
  box-sizing: border-box;
  opacity: 1!important;
}

.prodetailSwiper .swiper-button-prev::after,
.prodetailSwiper .swiper-button-next::after{
  font-size: .18rem;
  color: #0F4892;
}

.prodetailSwiper .swiper-button-prev:hover,
.prodetailSwiper .swiper-button-next:hover{
  background: #0F4892;
}

.prodetailSwiper .swiper-button-prev:hover::after,
.prodetailSwiper .swiper-button-next:hover::after{
  color: #FFFFFF;
}

.prodetailSwiper .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: .37rem!important;
}

.prodetailSwiper  .swiper-pagination-bullet{
  width: .08rem;
  height: .08rem;
  opacity: .2!important;
  margin: 0 .07rem!important;
}

.prodetailSwiper  .swiper-pagination-bullet-active{
  width: .14rem;
  height: .14rem;
  border: 0.02rem solid #0F4892;
  opacity: 1!important;
  background: transparent;
}

.detailSwiper img{
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.detailBox{
  background: #FFFFFF;
  width: 100%;
}

.detailCenter{
  width: 16.34rem;
  margin: 0 auto;
  overflow: hidden;
}

.detailTit{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #0F4892;
  text-align: center;
  margin-top: .49rem;
  margin-bottom: .14rem;
}

.detailTxt{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: .7rem;
}

.back{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .91rem auto 1.34rem;
  width: 1.52rem;
  height: 0.4rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  border: 0.01rem solid #DFDFDF;
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: 0.16rem;
  color: #999999;
}

.detailSwiper{
    background: rgb(248,248,248);
}

.lightsItem:hover .lightsT{
    height: 0;
    overflow: hidden;
}

.lightsItem:hover .lightsB{
    height: 100%;
    background: linear-gradient(92deg, #699FE4 0%, #435CDB 52%, #2F7DE2 100%);
    border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
}

.lightsItem:hover .lightsBTit,
.lightsItem:hover .lightsBTxt{
    color: #FFFFFF;
}
.lightsItem:hover .lightsBTit{
    font-size: .28rem;
}

.lightsItem:hover .lightsBTxt{
    font-size: .2rem;
    line-height: .3rem;
}


@media (max-width: 1024px) {
    /*产品中心*/
    .aboutNav{
        display: none;
    }
    
    .banner {
        height: auto;
        margin-top: 51px;
    }
    
    .banner img{
        animation:none;
        display: block;
    }
    
    .proSwiperBox{
        width: 100%;
        margin: 0;
        margin-top:20px;
        box-sizing: border-box;
    }
    
    .proItem{
        width: 100%;
        padding: 0;
    }
    
    .proItem .flex_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .pro_ld_title{
        font-size: 18px;
        line-height: 1.5em;
    }
    
    .pro_ld_info{
        font-size: 16px;
        line-height: 1.5em;
    }
    
    .proSwiperItem {
        padding-top: 20px;
    }
    
    .proSwiperItem .swiper-button-prev, 
    .proSwiperItem .swiper-button-next{
        display: none;
    }
    
    .pro_left{
        padding: 0;
    }
    
    .proText{
        width: 100%;
        font-size:16px;
        line-height: 2rem;
    }
    
    .proTxt{
        font-size: 16px;
    }
    
    /*按钮*/
    .tabBtn{
        width: 75px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
}