.othersWrap.about {
  background-image: url(../images/others/aboutbg1.png);
  background-size: cover;
}

.aboutPart1 {
  width: 100%;
}

.aboutTitle {
  font-family: "syh-bold";
  font-weight: bold;
  font-size: 0.35rem;
  color: #c60000;
  text-align: center;
}

.aboutT1 {
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.3rem;
  margin-top: 0.4rem;
  text-indent: 2em;
}

.aboutPart2 {
  width: 100%;
  margin-top: 1.45rem;
}
.aboutMain {
  width: 100%;
  margin-top: 0.95rem;
  align-items: center;
}

.aboutLeft {
  width: 6rem;
}

.aboutLeft > li {
  width: 100%;
  margin-bottom: 0.55rem;
  cursor: pointer;
}
.aboutLeft > li:last-child {
  margin-bottom: 0;
}
.aboutItem {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.aboutItem > div {
  width: 0.05rem;
  height: 0.23rem;
  background: linear-gradient(180deg, #8300fa 0%, #fe0002 100%);
  transform-origin: 50% 100%;
  transform: rotate(7deg);
}

.aboutItem > p {
  font-family: "syh-re";
  font-weight: 400;
  font-size: 0.25rem;
  color: #020202;
}

.aboutT2 {
  margin-top: 0.24rem;
  font-family: 'syh-re';
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.25rem;
  display: none;
}
.aboutLeft > li:first-child .aboutT2{
    display: block;
}
.aboutLeft > li.active .aboutItem>p{
    color: #C60000;
}
.aboutImg{
    width: 8.8rem;
    height: 6.2rem;
}
.aboutImg>img{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutImg>img.active{
    display: block;
}


/* 资质荣誉 */
.othersWrap.honorBg {
    background-image: url(../images/others/custbg.png);
    background-size: cover;
  }
.honorList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.47rem;
}
.honorList>li{
    width: 2.82rem;
    height: 3.84rem;
    position: relative;
}

.honorList>li>img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding:0.15rem;
    background-image: url(../images/others/border.png);
        background-size: 100% 100%;
}
.fancybox__thumb{
    background-size: contain;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{
    position: relative;
     background-image: url(../images/others/border.png);
}

.f-panzoom__viewport>.f-panzoom__content{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
     background-image: url(../images/others/border.png);
   background-size: 100% 100%;
       padding: 0.2rem;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content::after{
    content:'';
  
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
}


@media screen and (max-width:1024px){
    .othersWrap.about{
        padding: 20px 15px;
    }
    .aboutTitle{
        font-size: 18px;
    }
    .aboutMain{
        flex-direction: column;
        gap: 20px;
    }
    .aboutLeft{
        font-size: 16px;
        width: 100%;
    }
    .aboutItem > p{
        font-size: 16px;
    }
    .aboutT2{
        font-size: 14px;
        line-height: 1.5;
    }
    .othersWrap.about{
        background-image: url('');
    }
    .aboutImg{
        width: 100%;
        height: auto;
    }
}