:root{
  --theme-color: #005EAD;
  --gradient-color: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);
  --ease2: cubic-bezier(0, 0, 0.34, 0.97);
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url("../fonts/SourceHanSansCN-VF-2.otf") format("opentype");
  font-display: swap;
  font-style: normal;
}
.shs{font-family: 'SourceHanSansCN';}

body{font-family: "SourceHanSansCN";}

.fw400{font-weight: 400;}

.fw500{font-weight: 700;}

.fw700{font-weight: 700;}

.text_clip_gc{background: var(--gradient-color);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.w1510{padding: 0 2rem;}

.w1660{padding: 0 1.25rem;}

.mg70{margin-top: 0.7rem;}

.mg80{margin-top: 0.8rem;}

.crumb{line-height: calc(24 / 14);}

.crumb .w1510{display: flex;flex-wrap: wrap;align-items: center;}

.crumb .home{width: calc(24 / 14 * 1em);}

.crumb span{width: 1em;margin: 0 0.1rem;}

.crumb .link{color: #999999;}

.crumb .link:last-child{color: #333;}

.crumb .link:hover{color: var(--theme-color);}

.inner_title{line-height: calc(75 / 52);}

/* 服务支持 */
.haiPLayout{background: #F6FAFF;}

.hp_banner .imgbox{height: 8rem;}

.hp_banner .imgbox img{height: 100%;object-fit: cover;}

.hp_banner .txtbox{position: absolute;top: 0;left: 0;width: 100%;padding-top: 2.29rem;}

.hp_banner .txtbox .t1{line-height: 230.769%;max-width: 5.95rem;}

.hp_banner .txtbox .t2{line-height: 134.615%;color: #1D1D1F;max-width: 5.95rem;}

.hp_banner .txtbox .t3{
    /*line-height: 2;*/
    line-height: 1.7;
    /*letter-spacing: 0.14em;*/max-width: 5.95rem;margin-top: 0.38rem;}

.hp1{padding: 0.76rem 0 0.8rem;}

.hp1 .top{display: flex;justify-content: space-between;align-items: flex-end;}

.hp1 .top .lf{line-height: calc(75 / 52);color: #333;}

.hp1 .top .rf{width: calc(747 / 1510 * 100%);line-height: 2;color: #666;}

.hp1 .list{margin-top: 0.64rem;border-radius: 0.16rem;height: 6.96rem;position: relative;overflow: hidden;}

.hp1 .list .item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1000ms var(--ease2);}

.hp1 .list .item.act{opacity: 1;}

.hp1 .list .item .bgvid{width: 100%;height: 100%;object-fit: cover;}

.hp1 .list .item .phone{position: absolute;left: 1.24rem;bottom: 0.21rem;width: 2.24rem;height: 4.64rem;background: url(../images/hp1_phone.png) no-repeat center;background-size: contain;}

.hp1 .list .item .phone video{position: absolute;width: 2.05rem;height: 4.46rem;border-radius: 0.28rem;object-fit: cover;top: 0.08rem;left: 0.1rem;}

.hp1 .switch{margin: 0.5rem auto 0;width: fit-content;display: flex;justify-content: center;line-height: 1.5;padding-bottom: 0.12rem;position: relative;}

.hp1 .switch a{padding: 0 0.3rem;font-weight: 300;}

.hp1 .switch a:not(:first-child){margin-left: 0.5rem;}

.hp1 .switch a.act{font-weight: 400;}

.hp1 .switch a:hover{color: var(--theme-color);}

.hp1 .switch .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(96, 96, 96, 0.2);}

.hp1 .switch .line s{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 2px;background: var(--gradient-color);width: 1.53rem;transition: left 800ms var(--ease2);}

.hp1 .switch a.act + .line s{left: calc(100% - 1.53rem);}

.hp2{padding-top: 0.8rem;padding-bottom: 0;}

.hp2 .w1510{position: sticky;overflow: hidden;top: 1.5rem;min-height: 100vh;}

.hp2 .inner_title{margin-bottom: 0.8rem;}

.hp2 .list{position: relative;}

.hp2 .item{position: absolute;top: 0;transition: all 1000ms cubic-bezier(0, 0, 0.22, 0.88);}

.hp2 .item:not(:first-child){transform: translateY(100vh);}

.hp2 .item.act{transform: translateY(0);}

.hp2 .item:last-child{margin-bottom: 0;}

.hp2 .item .ss{border-radius: 0.2rem;background: #FFF url(../images/hp2_1.png) no-repeat bottom center;background-size: 100% auto;box-shadow: 0 0.26rem 0.42rem 0 rgba(91, 126, 163, 0.06);display: flex;align-items: center;justify-content: space-between;padding: 0.48rem 0;transition: all 1000ms cubic-bezier(0, 0, 0.22, 0.88);}

.hp2 .item:not(:last-child).act2 .ss{transform-origin: left center;transform: scale(calc(704 / 1510)) translate(-24.54rem, 5.2rem);filter: blur(7px);}

.hp2 .item .txtbox{width: calc(660 / 1510 * 100%);margin-left: 1.22rem;}

.hp2 .item .txtbox .t1{line-height: calc(46 / 36);}

.hp2 .item .txtbox .t2{line-height: calc(34 / 18);color: #666;margin-top: 0.35rem;}

.hp2 .item .vidbox{margin-right: 2.34rem;width: 2.27rem;height: 4.35rem;position: relative;background: url(../images/hp2_2.png) no-repeat center;background-size: contain;}

.hp2 .item .vidbox video{position: absolute;top: 0;left: 0;width: 1.9rem;height: 4.08rem;top: 0.12rem;left: 0.19rem;border-radius: 0.25rem;object-fit: cover;}
.hp2 .item .vidbox .hp2img {
    display: block;
    position: absolute;
    width: 1.9rem;
    height: 4.08rem;
    top: 0.12rem;
    left: 0.19rem;
    border-radius: 0.25rem;
    object-fit: cover;
}
.hp2 .item .vidbox .hp2video {
    display: none;
}

.hp2 .height .ith{height: 5.3rem;margin-bottom: 50vh;}

.hp2 .height .ith:last-child{margin-bottom: 0;}

.hp3{position: relative;}

.hp3 .vidbox{display: flex;align-items: center;justify-content: flex-end;position: relative;}

.hp3 .vidbox::before{content: "";position: absolute;left: 0;top: 0;width: 10.64rem;height: 100%;background: linear-gradient(270deg, rgba(33, 45, 65, 0.00) 23.9%, #212D41 44.57%);z-index: 2;}

.hp3 .vidbox video{
    height: 7.75rem;width: calc(1342 / 1920 * 100%);object-fit: cover;
    display: none;
}

.hp3 .vidbox .hp3img {
    height: 7.75rem;width: calc(1342 / 1920 * 100%);object-fit: cover;
}

.hp3 .txtbox{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 3;}

.hp3 .txtbox .t1{line-height: calc(75 / 52);color: #fff;max-width: 4.96rem;}

.hp3 .txtbox .t2{line-height: calc(32 / 18);color: #fff;opacity: 0.8;margin-top: 0.37rem;max-width: 4.96rem;}

.hp4{padding: 1.45rem 0 1.6rem;}

.hp4 .t1{line-height: calc(75 / 52);}

.hp4 .t2{line-height: 2;color: #666;margin: 0.27rem auto 0;max-width: calc(866 / 16 * 1em);}

.hp4 .links{margin-top: 0.7rem;display: flex;align-items: center;justify-content: center;}

.hp4 .links a{width: 2.62rem;margin: 0 0.24rem;}

@media screen and (max-width: 1280px) {
    .ipart2.on1 .con .pic1 {
        bottom: 3vh;
    }
    .ipart2 .con .pic2 {
        bottom: 3vh;
    }
    .ipart2 .con .pic3 {
        bottom: 3vh;
    }
}
@media screen and (max-height: 800px) {
    .hp2 .w1510{top: 1rem;}
    .hp2 .inner_title{margin-bottom: 0.4rem;}
}