article{padding-bottom: 0;}
.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;}
.about-bannerimg {max-width: 1230px;margin: 30px auto 0;}
.about-bannerimg img {min-height: auto;}
@media screen and (max-width: 1280px) {
  .about-bannerimg {margin: 10px auto 0;}
  .banner-inner .pagesbanner-animate .p1 {font-size: var(--fontsize34);}
  .banner-inner .pagesbanner-animate .p2 {font-size: var(--fontsize16);padding: 0px;margin-top: 10px;}
}
@media screen and (max-width: 1024px) {
  .banner-inner .pagesbanner-animate {width: 100%;zoom: 0.6;}
}
@media screen and (max-width: 900px) {
  .banner-inner .pagesbanner-animate .p1 {font-size: var(--fontsize30);}
  .banner-inner .pagesbanner-animate .p2 {padding: 0 20px;line-height: 1.5;}
}
.fac-wrap{padding: 3% 0 5% 0;}
.spec-wrap,.work-wrap{position: relative;padding: 5% 0;}
.title-wrap{text-align: center;}
.f-title{color: #222;font-size: var(--fontsize30);font-weight: var(--fontbold6);line-height: 1.3;}
.f-circle{display: flex;align-items: center;margin: 20px 0;justify-content: center;}
.f-circle p{display: inline-block;width: 6px;height: 6px;margin-right: 8px;background: var(--color);border-radius: 50%;}
.f-circle p:last-child{margin-right: 0;}
@media (max-width:1024px) {
  .fac-wrap{padding: 20px 0 40px 0;}
  .spec-wrap,.work-wrap{padding: 40px 0;}
}
@media (max-width:990px) {
  .f-title{font-size: var(--fontsize26);}
}
@media (max-width:768px) {
  .f-title{font-size: var(--fontsize22);}
}


.pagesbanner{position: relative;}
.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: 30px;padding: 0 220px;}
@media (max-width:1660px) {
  .pagesbanner .banner-text .title{font-size: 34px;}
  .pagesbanner .banner-text .des{padding: 0 150px;}
}
@media (max-width:1280px) {
  .pagesbanner .banner-text .title{font-size: var(--fontsize30);}
  .pagesbanner .banner-text .des{font-size: var(--fontsize16);padding: 0 80px;margin-top:10px;}
}
@media (max-width:768px) {
  .pagesbanner .banner-text{width: 100%;}
  .pagesbanner .banner-text .des{padding: 0 20px;line-height: 1.5;}
}
@media (max-width:500px) {
  .pagesbanner .banner-text .title{font-size: var(--fontsize24);}
}

.fac-wrap .fac-top{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.fac-wrap .fac-top .top-l{width: 49%;}
.fac-wrap .fac-top .top-l .img{overflow: hidden;}
.fac-wrap .fac-top .top-l .img img{width: 100%;transition: transform .3s ease;}
.fac-wrap .fac-top .top-l .img:hover img{transform: scale(1.05);}
.fac-wrap .fac-top .top-r{width: 45%;}
.fac-wrap .fac-top .top-r .title-wrap{text-align: left;}
.fac-wrap .fac-top .top-r .f-circle{justify-content: flex-start;}
.fac-wrap .fac-top .top-r .fac-text{margin-top: 10px;color: #444;line-height: 1.6;}
.fac-wrap .fac-list{margin-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fac-wrap .fac-li{width: 24%;padding: 30px 0;text-align: center;background: #fff;border-radius: 4px;border: 1px solid #EAF3FF;transition: all .3s ease-in-out;}
.fac-wrap .fac-li:hover{color: #fff;background: var(--color);}
.fac-wrap .fac-li .li-p1{font-size: 40px;font-weight: var(--fontbold6);line-height: 1.3;}
.fac-wrap .fac-li .li-p2{font-size: var(--fontsize20);}
@media (max-width:1280px) {
  .fac-wrap .fac-top .top-r{width: 48%;}
  .fac-wrap .fac-li .li-p1{font-size: var(--fontsize30);}
}
@media (max-width:1024px) {
  .fac-wrap .fac-list{margin-top: 20px;}
}
@media (max-width:990px) {
  .fac-wrap .fac-top .top-l{width: 100%;margin-bottom: 20px;}
  .fac-wrap .fac-top .top-r{width: 100%;}
  .fac-wrap .fac-top .top-r .title-wrap{text-align: center;}
  .fac-wrap .fac-top .top-r .f-circle{justify-content: center;}
}
@media (max-width:768px) {
  .fac-wrap .fac-top .top-r .fac-text{margin-top: 5px;}
  .fac-wrap .fac-li{width: 49%;margin-bottom: 2%;padding: 20px 0;}
  .fac-wrap .fac-li .li-p1{font-size: var(--fontsize22);margin-bottom: 5px;}
  .fac-wrap .fac-li .li-p2{font-size: var(--fontsize16);}
  .fac-wrap .fac-li:nth-last-child(-n+2){margin-bottom: 0;}
}

.spec-wrap::before{content: '';position: absolute;top: 0;left: -260px;width: 1920px;height: 100%;background: #F6F7F8;}
.spec-wrap .f-wrap{position: relative;}
.spec-wrap .spec-list{margin-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.spec-wrap .spec-li{width: 31.5%;padding: 50px 30px;color: #222;background: #fff;border-radius: 4px;transition: all .3s ease-in-out;line-height: 1.5;}
.spec-wrap .spec-li:hover{background: var(--color);color: #fff;}
.spec-wrap .spec-li .li-img img{transition: all .3s ease;}
.spec-wrap .spec-li:hover .li-img img{filter: brightness(0) invert(1);}
.spec-wrap .spec-li .title{color: #222;font-size: var(--fontsize20);font-weight: var(--fontbold6);margin: 20px 0 15px;line-height: 1.3;transition: all .3s ease;}
.spec-wrap .spec-li:hover .title{color: #fff;}
@media (max-width:1280px) {
  .spec-wrap .spec-list{margin-top: 20px;}
  .spec-wrap .spec-li{width: 32%;padding: 30px;}
}
@media (max-width:1024px) {
  .spec-wrap .spec-li{width: 49%;margin-bottom: 15px;padding: 20px;}
  .spec-wrap .spec-li:last-child{margin-bottom: 0;}
  .spec-wrap .li-top{display: flex;align-items: baseline;margin-bottom: 10px;}
  .spec-wrap .li-top .li-img{flex-shrink: 0;margin-right: 10px;}
  .spec-wrap .spec-li .title{margin: 0;font-size: var(--fontsize18);}
}
@media (max-width:768px) {
  .spec-wrap .spec-list{margin-top: 10px;}
  .spec-wrap .spec-li{width: 100%;}
}

.work-wrap .title{margin: 30px 0;color: #1C3691;font-size: var(--fontsize20);font-weight: var(--fontbold6);text-align: center;}
.work-wrap .work-swiper{padding-bottom: 50px;}
.work-wrap .work-swiper .swiper-slide{text-align: center;}
.work-wrap .work-swiper .swiper-slide .img{position: relative;border-radius: 4px;overflow: hidden;}
.work-wrap .work-swiper .swiper-slide img{width: 100%;transition: transform .3s ease;}
.work-wrap .work-swiper .swiper-slide p{color: #222;font-weight: var(--fontbold6);margin-top: 20px;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.work-wrap .work-swiper .swiper-slide:hover img{transform: scale(1.05);}
.work-wrap .work-swiper .swiper-slide:hover p{color: #1C3691;}
.work-wrap .work-swiper .swiper-pagination-bullet{margin: 0 5px;width: 22px;height: 5px;background: #C5D2E5;border-radius: 3px;opacity: 1;}
.work-wrap .work-swiper .swiper-pagination-active{background: var(--color);}
@media (max-width:1024px) {
  .work-wrap .title{margin: 15px 0;}
}
@media (max-width:768px) {
  .work-wrap .title{font-size: var(--fontsize18);}
  .work-wrap .work-swiper{padding-bottom: 30px;}
  .work-wrap .work-swiper .swiper-slide p{margin-top: 10px;}
  .work-wrap .work-swiper .swiper-pagination{bottom: 0 !important;}
  .work-wrap .work-swiper .swiper-pagination-bullet{width: 18px;margin: 0 3px;}
}
@media (max-width:500px) {
  .work-wrap .title{margin: 0 0 10px 0;font-size: var(--fontsize16);}
  .work-wrap .swiper2-title{margin-top: 10px;}
  .work-wrap .work-swiper .swiper-slide p{font-size: var(--fontsize14);}
}