﻿.about-us .l-wrap{max-width: none;padding: 0;}
p{color: #666;}
.about-title{color: #333;font-size: 66px;font-weight: bold;line-height: 1;}
.about-des{font-size: var(--fontsize24);line-height: 1.6;}
@media (max-width:1600px) {
  .about-title{font-size: 60px;}
}
@media (max-width:1440px) {
  .about-title{font-size: 50px;}
}
@media (max-width:1280px) {
  .about-title{font-size: 40px;}
  .about-des{font-size: var(--fontsize20);}
}
@media (max-width:768px) {
  .about-title{font-size: 32px;}
  .about-des{font-size: var(--fontsize18);}
}
@media (max-width:500px) {
  .about-title{font-size: var(--fontsize28);}
  .about-des{font-size: var(--fontsize16);}
}



.about-com{position: relative;padding-bottom: 3%;}
.about-com .about-wrap{max-width: 1720px;width: 100%;padding: 0 40px;margin: 0 auto;}
.about-com .flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-com p{font-size: var(--fontsize24);line-height: 1.6;}
.about-com .img{overflow: hidden;}
.about-com .img iframe{height: 100%;}
.about-com .img img{width: 100%;transition: transform .3s ease;}
.about-com .img:hover img{transform: scale(1.05);}
.about-com .com-top{margin-bottom: 80px;}
.about-com .com-top .img{width: 47%;}
.about-com .com-top .text{flex: 1;padding: 0 65px;}
.about-com .com-top .text-top{display: flex;align-items: center;}
.about-com .com-top .text-top p{margin-left: 15px;color: #333B41;}
.about-com .com-top .about-title{margin: 25px 0;}
.about-com .com-top .more{margin-top: 30px;position: relative;color: #fff;background: var(--color);width: 155px;padding: 12px 0;display: flex;justify-content: center;align-items: center;border-radius: 4px;overflow: hidden;text-decoration: none;line-height: 1;}
.about-com .com-top .more::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: calc(100% + 20px);border-radius: 50%;aspect-ratio: 1 / 1;background: rgba(0, 0, 0, .4);transition: all .3s linear;}
.about-com .com-top .more:hover::after{transform: translate(-50%, -50%) scale(1);}
.about-com .com-bottom .img{width: 50%;}
.about-com .com-bottom .text{width: 46%;}
.about-com .com-bottom .title{font-size: 33px;font-weight: bold;margin: 30px 0 20px;line-height: 1.4;}
.about-com .com-bottom .list li{position: relative;margin-bottom: 10px;padding-left: 40px;font-size: var(--fontsize22);color: #666;line-height: 1.5;}
.about-com .com-bottom .list li:last-child{margin-bottom: 0;}
.about-com .com-bottom .list li::before{content: '';position: absolute;top: 5px;left: 0;width: 20px;height: 20px;background: var(--color);}
@media (max-width:1440px) {
  .about-com p{font-size: var(--fontsize20);}
  .about-com .com-top{margin-bottom: 50px;}
  .about-com .com-top .text{padding: 0 40px;}
  .about-com .com-top .about-title{margin: 20px 0;}
  .about-com .com-bottom .title{font-size: var(--fontsize26);margin: 15px 0;}
  .about-com .com-bottom .list li{padding-left: 30px;}
  .about-com .com-bottom .list li::before{width: 18px;height: 18px;top: 8px;}
}
@media (max-width:1280px) {
  .about-com p{font-size: var(--fontsize18);}
  .about-com .com-top{margin-bottom: 40px;}
  .about-com .com-top .text-top img{width: 25px;}
  .about-com .com-top .text-top p{margin-left: 10px;}
  .about-com .com-top .about-title{margin: 15px 0;}
  .about-com .com-top .more{margin-top: 15px;}
  .about-com .com-bottom .title{font-size: var(--fontsize22);margin: 10px 0;}
  .about-com .com-bottom .list li{padding-left: 25px;font-size: var(--fontsize18);}
  .about-com .com-bottom .list li::before{width: 14px;height: 14px;top: 5px;}
}
@media (max-width:1024px) {
  .about-com{padding-bottom: 30px;}
  .about-com .about-wrap{padding: 0 20px;}
  .about-com .com-top{margin-bottom: 30px;}
  .about-com .com-top .text{padding: 0 15px;}
}
@media (max-width:990px) {
  .about-com .com-top .img{width: 100%;margin-bottom: 20px;}
  .about-com .com-top .text{padding: 0;}
  .about-com .com-bottom .text{width: 100%;margin-bottom: 20px;}
  .about-com .com-bottom .img{width: 100%;}
}
@media (max-width:768px) {
  .about-com .com-top{margin-bottom: 20px;}
  .about-com .com-top .about-title{margin-bottom: 10px;}
  .about-com .com-top .more{padding: 10px 0;width: 140px;}
}


.about-num{position: relative;padding: 3% 0;background: url(/uploads/14219/page/p2025060315060052b47.webp) no-repeat;background-size: cover;background-position: center;}
.about-num .about-wrap{max-width: 1720px;width: 100%;padding: 0 40px;margin: 0 auto;}
.about-num .list{display: flex;align-items: center;flex-wrap: wrap;}
.about-num .list li{position: relative;padding: 0 20px;width: 20%;text-align: center;}
.about-num .list li::after{content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 74px;background: #CACACA;opacity: 0.5;}
.about-num .list li:last-child:after{display: none;}
.about-num .list .p1{font-size: 54px;font-weight: bold;color: var(--color);line-height: 1;}
.about-num .list .num1 .p1{font-size: 36px;line-height: 1;}
.about-num .list span{font-size: var(--fontsize30);vertical-align: super;}
.about-num .list .num1 span{font-size: var(--fontsize20);}
.about-num .list .line{margin: 10px auto 5px;width: 30px;height: 4px;background: var(--color);}
.about-num .list .num1 .line{margin: 15px auto 5px;}
.about-num .list .p2{font-size: var(--fontsize24);color: #fff;line-height: 1.2;}
@media (max-width:1440px) {
  .about-num .list .p1{font-size: 40px;}
  .about-num .list .num1 .p1{font-size: 32px;}
  .about-num .list .p2{font-size: var(--fontsize20);}
}
@media (max-width:1280px) {
  .about-num .list .p1{font-size: var(--fontsize30);}
  .about-num .list span{font-size: var(--fontsize18);}
  .about-num .list .num1 .p1{font-size: var(--fontsize26);}
  .about-num .list .num1 span{font-size: var(--fontsize16);}
  .about-num .list .p2{font-size: var(--fontsize18);}
}
@media (max-width:1024px) {
  .about-num .about-wrap{padding: 0 20px;}
  .about-num .list li{width: 33%;padding: 0 20px;margin-bottom: 30px;}
  .about-num .list li:nth-last-child(-n+2){margin-bottom: 0;}
  .about-num .list li:nth-child(3)::after{display: none;}
}
@media (max-width:768px) {
  .about-num{padding: 30px 0;}
  .about-num .list li{width: 50%;margin-bottom: 20px;}
  .about-num .list li:nth-child(odd)::after{display: block;}
  .about-num .list li:nth-child(2n)::after{display: none;}
}

.about-adv{position: relative;padding: 4% 0;}
.about-adv .about-wrap{max-width: 1590px;width: 100%;padding: 0 40px;margin: 0 auto;}
.about-adv .adv-top{text-align: center;margin-bottom: 100px;}
.about-adv .about-des{margin-top: 10px;padding: 0 120px;}
.about-adv .list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about-adv .list li{flex: 1;}
.about-adv .list .img{margin: 0 50px 0 30px;overflow: hidden;}
.about-adv .list .img img{width: 100%;transition: transform .3s ease;}
.about-adv .list .img:hover img{transform: scale(1.05);}
.about-adv .list .item-top{margin-bottom: 100px;}
.about-adv .list .top{display: flex;align-items: center;margin-bottom: 20px;}
.about-adv .list .top p{font-size: var(--fontsize24);color: #333B41;font-weight: bold;margin-left: 10px;}
.about-adv .list .text{font-size: var(--fontsize18);}
@media (max-width:1440px) {
  .about-adv .adv-top{margin-bottom: 50px;}
  .about-adv .about-des{padding: 0 60px;}
  .about-adv .list .item-top{margin-bottom: 60px;}
  .about-adv .list .top{margin-bottom: 10px;}
}
@media (max-width:1280px) {
  .about-adv .adv-top{margin-bottom: 30px;}
  .about-adv .about-des{padding: 0;}
  .about-adv .list .img{margin: 0 25px;}
  .about-adv .list .item-top{margin-bottom: 30px;}
  .about-adv .list .top img{height: 30px;}
  .about-adv .list .top p{font-size: var(--fontsize20);}
}
@media (max-width:1024px) {
  .about-adv{padding: 30px 0;}
  .about-adv .about-wrap{padding: 0 20px;}
  .about-adv .list li{width: 100%;flex: auto;}
  .about-adv .list .img{margin: 20px 0;}
}
@media (max-width:500px) {
  .about-adv .adv-top{margin-bottom: 15px;}
  .about-adv .list .item-top{margin-bottom: 15px;}
  .about-adv .list .top{margin-bottom: 0;}
  .about-adv .list .top p{font-size: var(--fontsize18);}
  .about-adv .list .top img{height: 25px;}
  .about-adv .list .text{font-size: var(--fontsize16);}
}

.about-fac{position: relative;}
.about-fac .img{overflow: hidden;}
.about-fac .img img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s ease;}
.about-fac .img:hover img{transform: scale(1.05);}
.about-fac .fac-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-fac .fac-top .img{width: 33.3%;}
.about-fac .fac-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-fac .fac-bottom .title-wrap{flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 0 40px;background: url(/uploads/14219/page/p20250603150614fd058.webp) no-repeat;background-size: cover;text-align: right;}
.about-fac .fac-bottom .title-wrap .about-title{color: #fff;}
.about-fac .fac-bottom .title-wrap .text{color: #fff;font-size: var(--fontsize22);margin-top: 15px;line-height: 1.5;}
.about-fac .fac-bottom .img{width: 22%;}
@media (max-width:1440px) {
  .about-fac .fac-bottom .title-wrap .text{font-size: var(--fontsize18);}
}
@media (max-width:1280px) {
  .about-fac .fac-bottom .title-wrap .text{margin-top: 5px;font-size: var(--fontsize16);}
}
@media (max-width:1280px) {
  .about-fac .fac-bottom .title-wrap{flex: auto;padding: 40px;text-align: center;}
  .about-fac .fac-bottom .title-wrap .text{font-size: var(--fontsize18);}
  .about-fac .fac-bottom .img{width: 50%;}
}
@media (max-width:768px) {
  .about-fac .fac-bottom .title-wrap{padding: 30px 20px;}
}
@media (max-width:500px) {
  .about-fac .fac-top .img{width: 100%;}
  .about-fac .fac-bottom .title-wrap .text{font-size: var(--fontsize16);}
}


.about-qua{position: relative;padding: 3% 0;}
.about-qua .about-wrap{max-width: 1680px;width: 100%;padding: 0 40px;margin: 0 auto;}
.about-qua .qua-top{text-align: center;margin-bottom: 40px;}
.about-qua .qua-top .about-des{margin-top: 10px;}
.about-qua .qua-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-qua .img{text-align: center;}
.about-qua .item1{width: 41%;overflow: hidden;}
.about-qua .item1 img{transition:  transform .3s ease;}
.about-qua .item1:hover img{transform: scale(1.05);}
.about-qua .item2{width: 54%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-qua .item2 .img{width: 49.5%;margin-bottom: 10px;overflow: hidden;}
.about-qua .item2 .img img{transition:  transform .3s ease;}
.about-qua .item2 .img:hover img{transform: scale(1.05);}
@media (max-width:1024px) {
  .about-qua{padding: 30px 0;}
  .about-qua .about-wrap{padding: 0 20px;}
  .about-qua .qua-top{margin-bottom: 20px;}
}
@media (max-width:768px) {
  .about-qua .item1{width: 100%;margin-bottom: 20px;}
  .about-qua .item2{width: 100%;}
}

.about-cus{position: relative;padding: 3% 0 25px;background: #F4F4F4;}
.about-cus .about-title{text-align: center;}
.about-cus .list{margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-cus .list li{width: 24.8%;margin-bottom: 5px;overflow: hidden;}
.about-cus .list li img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s ease;}
.about-cus .list li:hover img{transform: scale(1.05);}
@media (max-width:1280px) {
  .about-cus .list{margin-top: 15px;}
}
@media (max-width:1024px) {
  .about-cus{padding: 30px 0 20px;}
}
@media (max-width:768px) {
  .about-cus .list li{width: 49.6%;}
}

.about-cert{position: relative;padding: 3% 0;}
.about-cert .about-wrap{max-width: 1890px;width: 100%;padding: 0 40px;margin: 0 auto;}
.about-cert .cert-top{text-align: center;margin-bottom: 60px;}
.about-cert .about-des{margin-top: 15px;padding: 0 15%;}
.about-cert .cert-slide{overflow: hidden;}
.about-cert .cert-slide img{aspect-ratio: 0.75;transition: transform .3s ease;}
.about-cert .cert-slide:hover img{transform: scale(1.05);}
@media (max-width:1440px) {
  .about-cert .cert-top{margin-bottom: 30px;}
  .about-cert .about-des{padding: 0 5%;margin-top: 10px;}
}
@media (max-width:1024px) {
  .about-cert{padding: 30px 0;}
  .about-cert .about-wrap{padding: 0 20px;}
  .about-cert .cert-top{margin-bottom: 20px;}
  .about-cert .about-des{margin-top: 0;padding: 0;}
}