.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize38);font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16);margin:10px auto 0;max-width:49%}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2vw}
.pagesbanner .pagesbanner-animate .p2{font-size:.85vw}}
@media (max-width:768px){.pagesbanner img,.pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize12)}
.pagesbanner .pagesbanner-animate .p2{display:none}}
.who-we-are>.l-wrap{max-width:100%;padding:0}
.page1 .page-contant{margin-top:25px}
.page1 .page-contant p{color:#515362;margin-bottom:25px}
.page1 .page-contant p:nth-last-child(1){margin-bottom:0}
.page1 .page1-video{margin-top:30px;position: relative;}
.page1 .page1-video .video-box{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.page1 .page1-video .video-box iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.page1 .page1-list{background:#fff;box-shadow:0 6px 40px 0 rgba(15,17,55,.12);margin:0 8%;display:flex;justify-content:space-between;transform:translateY(-75px);margin-bottom:-75px}
.page1 .page1-item{width:25%;padding:45px 30px;text-align:center}
.page1 .page1-icon{display:flex;justify-content:center}
.page1 .page1-icon em{font-size:30px;width:30px;line-height:1;color:#0f1137}
.page1 .page1-math{font-weight:600;font-size:38px;color:#0f1137;display:flex;justify-content:center;line-height:1;padding:15px 0}
.page1-p{color:#515362}
.page2-com{display:flex}
.page2-com:nth-of-type(2n){flex-direction:row-reverse}
.page2-contant{margin-top:50px}
.page2-left{width:50%;background:#13467b;padding:50px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center}
.page2-right{width:50%}
.page2-span{width:38px;height:2px;background:#fff}
.page2-left .title{font-weight:700;font-size:28px;color:#fff;margin:25px 0}
.page2-com .text p strong{margin-top:10px}
.page2Swiper .swiper-slide{overflow: hidden;}
.page2Swiper .swiper-slide img{transition: all .3s ease-in-out;}
.page2Swiper .swiper-slide:hover img{transform: scale(1.02);}
.page3{background:url(https://css02.v15cdn.com/m619/imgs/page3-back.webp) center no-repeat;background-size:cover;padding:100px 0}
.page3 .page-titles h4{color:#fff}
.page3-list{display:flex;justify-content:space-between;margin-top:50px}
.paeg3-item{display:flex;align-items:center;color:#fff}
.page3-icon{width:70px;height:70px;border-radius:50%;border:1px solid #fff;display:flex;justify-content:center;align-items:center;line-height:1;margin-right:15px}
.page3-icon em{font-size:32px;width:32px;line-height:1;transition: all .3s ease-in-out;}
.page3-text p{font-weight:600;font-size:20px;color:#fff}
.paeg3-item:hover .page3-icon em{transform: rotateY(180deg);}
.page4-contant{margin-top:50px}
.page4-contant .page4Swiper{height: 800px;}
.page4box{display:flex;align-items:center;}
.page4-tit{width:120px;height:43px;font-size:24px;color:#0f1137;display:flex;justify-content:center;align-items:center;line-height:1;transition: all .4s ease-in-out;border-radius: 22px;}
.page4-text{transition: all .4s ease-in-out;}
.page4Swiper .swiper-slide-active .page4-tit{background:linear-gradient(90deg,#056bea,#08b4f7);border-radius:22px;font-size:26px;color:#fff}
.page4Swiper .swiper-slide-active .page4-text{font-weight:700}
.page4Swiper .swiper-slide-active.active-hover .page4-tit{background:none !important;color:var(--fontcolor) !important}
.page4Swiper .swiper-slide-active.active-hover .page4-text{font-weight: normal;}
.page4Swiper .swiper-slide.active .page4-tit,.page4Swiper .swiper-slide-active.active-hover.active .page4-tit{background: linear-gradient(90deg, #056bea, #08b4f7) !important;border-radius: 22px;font-size: 28px;color: #fff !important;}
.page4Swiper .swiper-slide.active .page4-text{font-weight: 700;}
.page4-span{width:30px;height:30px;margin:0 45px;border:1px solid #eee;border-radius:100%;display:flex;justify-content:center;align-items:center;position:relative;background:#fff}
.page4-span::after{position:absolute;content:'';width:1px;background:#056aea;height:150px;top:29px}
.page4-span div{width:14px;height:14px;background:linear-gradient(90deg,#056bea,#08b4f7);border-radius:50%}
.page4-text{color:#515362;flex:1;transition: all .3s ease-in-out;}
.page4button-prev{padding: 5px;border: 1px solid #eee;display: inline-block;border-radius: 100%;cursor: pointer;margin-left: 150px;margin-top: 15px;}
.page4button-prev em{width: 40px;height: 40px;background: linear-gradient(90deg, #056BEA, #08B4F7);border-radius: 50%;display: flex;color: #fff;justify-content: center;align-items: center;}
.page5{padding:100px 0;background:#f0f4ff}
.page5-partner{margin-top:50px}
.page5-partner .logo-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.page5-partner .logo-list .logo-item{width:16.6%;text-align: center;}
.page5-partner .logo-list .logo-item img{width:auto;transition: all .3s;}
.page5-partner .logo-list .logo-item:hover img{transform: scale(1.03);}
.page6Swiper .swiper-slide img{width:100%}
.page6Swiper{margin-top:50px;width:90%}
.page6Swiper .swiper-wrapper{align-items:center}
.page-contant{position:relative}
.page6-next,.page6-prev{position: absolute;width: 40px;height: 40px;background: #fff;border-radius: 50%;border: 1px solid var(--color);display: flex;justify-content: center;align-items: center;top: 50%;z-index: 3;cursor: pointer;color: var(--color);transition: all .3s ease-in-out;}
.page6-prev{right:0}
.page6-next:hover,.page6-prev:hover{background: var(--color);color: #fff;}
@media (max-width:1366px){
.page1 .page1-item{padding:30px 20px}
.page1 .page1-math{font-size:28px;padding:10px 0}
.page2-left{padding:30px}
.page2-left .title{font-size:24px;margin:10px 0}
.page3-text p{font-size:16px}}
@media (max-width:1024px){
.page1 .page-contant{margin-top:15px}
.page1 .page1-list{margin:0 3%}
.page2-contant{margin-top:20px}
.page2-com{flex-direction:column}
.page2-left{width:100%}
.page2-right{width:100%}
.page2Swiper img{width:100%}
.page2-com:nth-of-type(2n){flex-direction:column}
.page3,.page5{padding:45px 0}}
@media (max-width:768px){
.page1 .page1-list{margin:0;transform:translateY(0)}
.page2-left{padding:20px}
.page2-left .title{font-size:20px}
.page3-list{margin-top:20px;flex-wrap:wrap}
.paeg3-item{width:100%;justify-content:center;flex-direction:column;margin-bottom:20px}
.paeg3-item:nth-last-child(1){margin-bottom:0}
.page3-text p{margin-top:10px}
.page3-icon{width:60px;height:60px}
.page3-icon em{font-size:24px;width:24px}
.page4box{padding-bottom:10px}
.page5-partner .logo-list .logo-item{width:33.3%;}}
@media (max-width:550px){
.page1 .page-contant p{margin-bottom:10px}
.page1 .page1-list{flex-wrap:wrap}
.page1 .page1-item{padding:15px 20px;width:100%}
.page2-left{padding:20px 10px}
.page4box{flex-direction:column}
.page4-span::after{display:none}
.page4-span{margin:15px 30px}
.page4-text{text-align:center}}