ul:after{content:none}@font-face{font-family:hpe;src:url(../font/HPEGraphik-Regular.woff2) format("woff2")}@font-face{font-family:alibaba;src:url(../font/AlibabaPuHuiTi-3-55-Regular.ttf) format("truetype")}@font-face{font-family:hpe-bold;src:url(../font/HPEGraphik-Bold.woff2) format("woff2")}div,h1,h2,h3,h4,h5,h6,li,p,span,ul{font-family:alibaba}.bold{font-weight:700!important}.mainBox{width:12rem;margin:0 auto}.pageTit{text-align:center}.pageTit img{height:1rem}.downBox{display:flex;align-items:stretch;justify-content:space-between}.downBox .items{width:47.5%;position:relative}.downBox .items img{width:100%}.downBox .items .conts{position:absolute;left:0;bottom:0;right:0;padding:.42rem .38rem}.downBox .items .conts .tits h4{font-size:.24rem;font-weight:700;color:#fff;line-height:1.8;font-family:hpe-bold}.downBox .items .conts .pageBtn{margin-top:.3rem}.pageBtn{display:inline-block;padding:.1rem .18rem;background:linear-gradient(180deg,#07cb95,#7169f7);border-radius:.5rem;line-height:1}.pageBtn span{line-height:1;color:#fff}.pageWrap .banner{background:url(../images/banner-bg.jpg) no-repeat 50%;background-size:19.2rem auto;padding:.54rem 0}.pageWrap .banner .bannerLogo img{width:1.8rem}.pageWrap .banner .cont{margin-top:.55rem;margin-bottom:1.2rem}.pageWrap .banner .cont h2{font-size:.6rem;font-weight:700;line-height:1}.pageWrap .banner .cont h2 b{font-family:hpe-bold;font-weight:700}.pageWrap .banner .cont h2:first-child{margin-bottom:.4rem}.pageWrap .pageIntro{padding-top:.5rem;padding-bottom:.65rem}.pageWrap .pageIntro .introTop{background:linear-gradient(180deg,#d5d4dd,#d5d4dd,#fafafb);padding:.25rem .6rem;border-radius:.2rem}.pageWrap .pageIntro .introTop p{font-size:.24rem;line-height:1.6}.pageWrap .pageIntro .introBot{margin-top:.2rem}.pageWrap .pageIntro .introBot ul.list{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin-bottom:-.4rem}.pageWrap .pageIntro .introBot ul.list li{width:33%;display:flex;align-items:flex-start;margin-bottom:.4rem}.pageWrap .pageIntro .introBot ul.list li .imgBox{width:.8rem}.pageWrap .pageIntro .introBot ul.list li .imgBox img{width:100%;user-select:none}.pageWrap .pageIntro .introBot ul.list li .cont{padding-left:.2rem;flex:1;padding-right:.1rem;padding-top:.14rem}.pageWrap .pageIntro .introBot ul.list li .cont h4{font-size:.24rem;font-weight:700;font-family:hpe-bold}.pageWrap .pageIntro .introBot ul.list li .cont p{font-size:.2rem;line-height:1.5;margin-top:.05rem}.pageWrap .pageIntro .introBot ul.list li:nth-of-type(4),.pageWrap .pageIntro .introBot ul.list li:nth-of-type(5){width:37%}.pageWrap .pageIntro .introBot .downBox{margin-top:.6rem}.pageWrap .pageAbility{padding:.65rem 0;background-image:linear-gradient(#33353c,#33353c);background-repeat:no-repeat;background-size:19.2rem auto;background-position:50%}.pageWrap .pageAbility .abilityTop{margin-top:.3rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:-.3rem}.pageWrap .pageAbility .abilityTop li{width:48%;display:flex;align-items:flex-start;margin-bottom:.3rem}.pageWrap .pageAbility .abilityTop li .imgBox img{width:.78rem}.pageWrap .pageAbility .abilityTop li .cont{padding-left:.2rem}.pageWrap .pageAbility .abilityTop li .cont h4{font-size:.24rem;font-weight:700;color:#fff;margin-top:.14rem}.pageWrap .pageAbility .abilityTop li .cont p{margin-top:.15rem;font-size:.22rem;color:#fff;line-height:1.8;font-family:hpe}.pageWrap .pageAbility .abilityBot{margin-top:.65rem;position:relative}.pageWrap .pageAbility .abilityBot img{width:100%}.pageWrap .pageAbility .abilityBot .cont{position:absolute;left:.35rem;top:50%;transform:translateY(-50%)}.pageWrap .pageAbility .abilityBot .cont h4{font-size:.24rem;color:#fff;font-weight:700;font-family:hpe-bold}.pageWrap .pageAbility .abilityBot .cont .pageBtn{margin-top:.3rem}.pageWrap .pageCase{padding:.65rem 0}.pageWrap .pageCase .downBox{margin-top:.3rem}.retu{bottom:30px}@media screen and (max-width:960px){.mainBox{width:100%;padding:0 15px}.pageTit{text-align:center}.pageTit img{height:.55rem}.downBox{display:block}.downBox .items{width:100%;position:relative;margin-bottom:.2rem}.downBox .items:last-child{margin-bottom:0}.downBox .items img{width:100%}.downBox .items .conts{position:absolute;left:0;bottom:0;right:0;padding:.3rem .2rem}.downBox .items .conts .tits h4{font-size:.18rem;font-weight:700;color:#fff;line-height:1.8}.downBox .items .conts .pageBtn{margin-top:.2rem}.pageBtn{display:inline-block;padding:.05rem .1rem;background:linear-gradient(180deg,#07cb95,#7169f7);border-radius:.5rem;line-height:1}.pageBtn span{line-height:1;color:#fff;font-size:.16rem}.pageWrap .banner{background:url(../images/banner-bg-mob.jpg) no-repeat 50%;background-size:100% auto;padding:.14rem 0 .42rem}.pageWrap .banner .bannerLogo{line-height:1}.pageWrap .banner .bannerLogo img{display:block;width:.5rem}.pageWrap .banner .cont{margin-top:.15rem;margin-bottom:0}.pageWrap .banner .cont h2{font-size:.2rem;font-weight:700;line-height:1}.pageWrap .banner .cont h2 b{font-family:hpe-bold;font-weight:700}.pageWrap .banner .cont h2:first-child{margin-bottom:.1rem}.pageWrap .pageIntro{padding-top:.3rem;padding-bottom:.3rem}.pageWrap .pageIntro .introTop{background:linear-gradient(180deg,#d5d4dd,#d5d4dd,#fafafb);padding:.15rem .2rem;border-radius:.1rem}.pageWrap .pageIntro .introTop p{font-size:.16rem;line-height:1.6}.pageWrap .pageIntro .introBot{margin-top:.2rem}.pageWrap .pageIntro .introBot ul.list{margin-top:.2rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin-bottom:-.2rem}.pageWrap .pageIntro .introBot ul.list li{width:100%;display:flex;align-items:flex-start;margin-bottom:.2rem}.pageWrap .pageIntro .introBot ul.list li .imgBox{width:.5rem}.pageWrap .pageIntro .introBot ul.list li .imgBox img{width:100%;user-select:none}.pageWrap .pageIntro .introBot ul.list li .cont{padding-left:.1rem;flex:1;padding-right:.1rem;padding-top:.06rem}.pageWrap .pageIntro .introBot ul.list li .cont h4{font-size:.18rem;font-weight:700}.pageWrap .pageIntro .introBot ul.list li .cont p{font-size:.16rem;line-height:1.5;margin-top:.05rem}.pageWrap .pageIntro .introBot ul.list li:nth-of-type(4),.pageWrap .pageIntro .introBot ul.list li:nth-of-type(5){width:100%}.pageWrap .pageIntro .introBot .downBox{margin-top:.3rem}.pageWrap .pageAbility{padding:.3rem 0;background-image:linear-gradient(#33353c,#33353c);background-repeat:no-repeat;background-size:100% auto;background-position:50%}.pageWrap .pageAbility .abilityTop{margin-top:.3rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:-.2rem}.pageWrap .pageAbility .abilityTop li{width:100%;display:flex;align-items:flex-start;margin-bottom:.2rem}.pageWrap .pageAbility .abilityTop li .imgBox img{width:.48rem}.pageWrap .pageAbility .abilityTop li .cont{padding-left:.12rem}.pageWrap .pageAbility .abilityTop li .cont h4{font-size:.18rem;font-weight:700;color:#fff;margin-top:0}.pageWrap .pageAbility .abilityTop li .cont p{margin-top:.1rem;font-size:.16rem;color:#fff;line-height:1.4}.pageWrap .pageAbility .abilityBot{margin-top:.3rem;position:relative}.pageWrap .pageAbility .abilityBot img{width:100%}.pageWrap .pageAbility .abilityBot .cont{position:absolute;left:.15rem;top:50%;transform:translateY(-50%)}.pageWrap .pageAbility .abilityBot .cont h4{font-size:.18rem;color:#fff;font-weight:700}.pageWrap .pageAbility .abilityBot .cont .pageBtn{margin-top:.05rem}.pageWrap .pageCase{padding:.3rem 0}.pageWrap .pageCase .downBox{margin-top:.3rem}.retu{width:35px;height:35px;bottom:15px}}