article{padding-bottom: 0;}
.team-wrap{position: relative;padding: 3% 0 5% 0;}
.process-wrap,.adv-wrap,.cert-wrap,.service-wrap{position: relative;padding: 5% 0;}
.q-wrap{position: relative;}
.q-title{color: #222;font-size: var(--fontsize30);font-weight: var(--fontbold6);line-height: 1.3;}
.q-circle{display: flex;align-items: center;margin: 20px 0;}
.q-circle p{display: inline-block;width: 6px;height: 6px;margin-right: 8px;background: var(--color);border-radius: 50%;}
.q-circle p:last-child{margin-right: 0;}
@media (max-width:1280px) {
  .q-title{font-size: var(--fontsize26);}
}
@media (max-width:1024px) {
  .team-wrap{padding: 20px 0 40px 0;}
  .process-wrap,.adv-wrap,.cert-wrap,.service-wrap{padding: 40px 0;}
}
@media (max-width:990px) {
  .q-title{font-size: var(--fontsize24);}
}
@media (max-width:768px) {
  .q-title{font-size: var(--fontsize22);}
  .q-circle{margin: 15px 0;}
}
@media (max-width:500px) {
  .q-title{font-size: var(--fontsize20);}
}


.pagesbanner{position: relative;}
.pagesbanner::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .3;}
.pagesbanner .banner-text{width: 80%;color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pagesbanner .banner-text .title{font-size: 46px;font-weight: var(--fontbold6);line-height: 1.2;}
.pagesbanner .banner-text .des{font-size: var(--fontsize18);margin-top: 20px;padding: 0 220px;}
@media (max-width:1660px) {
  .pagesbanner .banner-text .des{padding: 0 150px;}
}
@media (max-width:1280px) {
  .pagesbanner .banner-text .title{font-size: 34px;}
  .pagesbanner .banner-text .des{font-size: var(--fontsize16);padding: 0 80px;margin-top:10px;}
}
@media (max-width:990px) {
  .pagesbanner .banner-text{width: 100%;}
  .pagesbanner .banner-text .title{font-size: var(--fontsize30);}
  .pagesbanner .banner-text .des{padding: 0 20px;line-height: 1.5;}
}
@media (max-width:500px) {
  .pagesbanner .banner-text .title{font-size: var(--fontsize24);}
}

.team-wrap .q-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.team-wrap .team-l{width: 49%;}
.team-wrap .team-l .img{border-radius: 4px;overflow: hidden;}
.team-wrap .team-l .img img{width: 100%;transition: transform .3s ease;}
.team-wrap .team-l .img:hover img{transform: scale(1.05);}
.team-wrap .team-r{width: 45%;}
.team-wrap .team-r .text{color: #444;}
@media (max-width:1024px) {
  .team-wrap .team-r{width: 48%;}
}
@media (max-width:768px) {
  .team-wrap .team-l{width: 100%;margin-bottom: 20px;}
  .team-wrap .team-r{width: 100%;}
}

.process-wrap::before{content: '';position: absolute;top: 0;left: -260px;width: 1920px;height: 100%;background: #F6F7F8;}
.process-wrap .title-wrap{text-align: center;}
.process-wrap .q-circle{margin-bottom: 10px;justify-content: center;}
.process-wrap .process-list{position: relative;padding-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.process-wrap .process-list::after{content: '';position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 69%;height: 1px;background: var(--color);}
.process-wrap .process-li{position: relative;width: 31%;}
.process-wrap .process-li::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 20px;background: var(--color);}
.process-wrap .process-li:nth-child(2):before{top: -20px;height: 40px;}
.process-wrap .process-li::after{content: '';position: absolute;top: 20px;left: 50%;transform: translateX(-50%);border-top: 6px solid var(--color);border-left: 5px solid transparent;border-right: 5px solid transparent;}
.process-wrap .process-li .li-wrap{margin-top: 40px;height: calc(100% - 40px);background: #fff;border-radius: 4px;overflow:hidden;}
.process-wrap .process-li .li-img{overflow: hidden;}
.process-wrap .process-li img{width: 100%;transition: all .3s ease-in-out;}
.process-wrap .process-li:hover img{transform: scale(1.05);}
.process-wrap .li-text{padding: 20px 30px 30px;background: #fff;}
.process-wrap .li-text .title{font-size: var(--fontsize20);font-weight: var(--fontbold6);line-height: 1.6;}
.process-wrap .li-text .text-p{color: #444;margin-top: 5px;line-height: 1.5;}
@media (max-width: 1280px) {
  .process-wrap .li-text{padding: 15px 20px 20px;}
}
@media (max-width: 1024px) {
  .process-wrap .process-list{padding-top: 20px;}
  .process-wrap .process-li{width: 49%;margin-bottom: 15px;}
  .process-wrap .process-li:last-child{margin-bottom: 0;}
  .process-wrap .process-list::after,.process-wrap .process-li::before,.process-wrap .process-li::after{display: none;}
  .process-wrap .process-li .li-wrap{margin-top: 0;height: 100%;}
}
@media (max-width: 768px) {
  .process-wrap .process-list{padding-top: 10px;}
  .process-wrap .process-li{width: 100%;}
  .process-wrap .li-text{padding: 15px;}
  .process-wrap .li-text .title{font-size: var(--fontsize18);}
}

.adv-wrap .title-wrap{text-align: center;}
.adv-wrap .q-circle{justify-content: center;}
.adv-wrap .adv-list{margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.adv-wrap .adv-li{width: 19%;}
.adv-wrap .adv-li:nth-child(-n+5){margin-bottom: 30px;}
.adv-wrap .adv-li .img{border-radius: 4px;overflow: hidden;}
.adv-wrap .adv-li .img img{width: 100%;transition: transform .3s ease;}
.adv-wrap .adv-li:hover img{transform: scale(1.05);}
.adv-wrap .adv-li .title{color: #222;font-weight: var(--fontbold6);margin-top: 20px;text-align: center;transition: color .3s ease;line-height: 1.3;}
.adv-wrap .adv-li:hover .title{color: var(--color);}
@media (max-width: 768px) {
  .adv-wrap .adv-li{width: 32%;}
  .adv-wrap .adv-li:nth-child(-n+9){margin-bottom: 20px;}
  .adv-wrap .adv-li .title{margin-top: 10px;}
}
@media (max-width: 500px) {
  .adv-wrap .adv-list{margin-top: 10px;}
  .adv-wrap .adv-li{width: 49%;}
  .adv-wrap .adv-li:nth-last-child(-n+2){margin-bottom: 0;}
}

.cert-wrap::before{content: '';position: absolute;top: 0;left: -260px;width: 1920px;height: 100%;background: #F6F7F8;}
.cert-wrap .q-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cert-wrap .title-wrap{width: 35%;}
.cert-wrap .title-wrap .des{color: #444;line-height: 1.3;}
.cert-wrap .cert-swiper{width: 49%;}
.cert-wrap .swiper-slide.swiper-slide-duplicate-next{transform: translateX(-1px) !important;}
.cert-wrap .swiper-slide.swiper-slide-duplicate-prev{transform: translateX(1px) !important;}
@media (max-width: 1280px) {
  .cert-wrap .cert-swiper{width: 55%;}
}
@media (max-width: 768px) {
  .cert-wrap .title-wrap{width: 100%;margin-bottom: 3%;text-align: center;}
  .cert-wrap .title-wrap .q-title{font-size: var(--fontsize24);}
  .cert-wrap .title-wrap .q-circle{justify-content: center;}
  .cert-wrap .cert-swiper{width: 100%;}
}
@media (max-width: 500px) {
  .cert-wrap .title-wrap .q-title{font-size: var(--fontsize22);}
}

.service-wrap .q-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.service-wrap .service-img{width: 49%;border-radius: 4px;border: 1px solid #E8F2FF;overflow: hidden;}
.service-wrap .service-img img{width: 100%;transition: transform .3s ease;}
.service-wrap .service-img:hover img{transform: scale(1.05);}
.service-wrap .title-wrap{width: 45%;}
.service-wrap .title-wrap .des{color: #444;line-height: 1.5;}
@media (max-width:1024px) {
  .service-wrap .title-wrap{width: 48%;}
}
@media (max-width:768px) {
  .service-wrap .service-img{width: 100%;margin-bottom: 20px;}
  .service-wrap .title-wrap{width: 100%;}
}
.banner-inner .pagesbanner-animate{width:80%;top:50%;color:#fff}
.banner-inner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold6);line-height:1.2}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin-top:20px;padding:0 220px}
.banner-rd{display:flex;max-width:1420px;margin:0 auto;zoom:.9}
.rd-left{flex:1;padding-right:5%}
.rd-right{width:50%}
.rd-text{text-align:left}
.rd-text .a1{color:#fff;font-size:30px;font-weight:var(--fontbold6);line-height:1.2;background:linear-gradient(270deg,#0040984f 50%,#004098 100%);border-radius:50px 0 0 0;padding:10px 35px;box-sizing:border-box;text-transform:uppercase}
.rd-text .a2{margin:15px 0}
.rd-img img,.rd-right img{min-height:auto;height:auto!important}
@media (max-width:1600px){.banner-rd{zoom:.8}}
@media (max-width:1420px){.banner-rd{zoom:.7}}
@media (max-width:1200px){.banner-rd{zoom:.6}}
@media (max-width:1024px){.banner-inner .pagesbanner-animate{width:100%}
.banner-rd{zoom:.5}}
@media (max-width:768px){.banner-rd{zoom:.4}}
@media (max-width:550px){.banner-rd{zoom:.3}}