.four-axis-frame-page{--text-color: #333;--text-size: 24px;background-color:#fff}.four-axis-frame-page *{box-sizing:border-box}.four-axis-frame-page img{width:100%;display:block}.four-axis-frame-page .four-axis-frame-nav{background-color:#fbfbfb;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 125px 0 100px;font-family:"SourceHanSans-Bold",sans-serif;font-size:14px;color:#333}.four-axis-frame-page .four-axis-frame-nav .four-axis-frame-nav-left{font-weight:700;width:100px;text-align:center}.four-axis-frame-page .four-axis-frame-nav .four-axis-frame-nav-right{cursor:pointer}.four-axis-frame-page .four-axis-frame-nav .four-axis-frame-nav-right a{color:inherit}.four-axis-frame-page .four-axis-frame-main{font-size:var(--text-size);color:var(--text-color);line-height:45px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-item-title{font-size:70px;line-height:70px;color:#333;vertical-align:top;font-family:"SourceHanSans-Medium",sans-serif;text-align:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-item-title span{color:#0090e7;font-size:70px;line-height:70px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header{display:flex;height:800px;justify-content:space-around;align-items:center;background-image:url("https://static.qifeizn.com/resources/os/images/frame-four29.png");background-repeat:no-repeat}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header .four-axis-frame-header-left{width:935px;height:583px;overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header .four-axis-frame-header-left img{transform:translateY(100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header .four-axis-frame-header-right{overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header .four-axis-frame-header-right .four-axis-frame-item-title{margin-bottom:130px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header .four-axis-frame-header-right .four-axis-frame-header-right-box{width:100%;height:100%;transform:translateY(100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header.animation-transform .four-axis-frame-header-left img{transition:all .7s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-header.animation-transform .four-axis-frame-header-right .four-axis-frame-header-right-box{transition:all .7s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes{margin-bottom:100px;padding:50px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-item-title{text-align:left;padding-left:10%;margin-bottom:60px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content{background-color:#f7f7f7;display:flex;justify-content:space-around;padding:50px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content .four-axis-frame-scenes-item{width:30%;position:relative}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content .four-axis-frame-scenes-item .four-axis-frame-scenes-item-img{width:100%;height:100%;overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content .four-axis-frame-scenes-item .four-axis-frame-scenes-item-img img{transform:translateY(-100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content .four-axis-frame-scenes-item .four-axis-frame-scenes-item-btn{text-align:center;position:absolute;bottom:-110px;left:0;width:100%}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes .four-axis-frame-scenes-content .four-axis-frame-scenes-item .four-axis-frame-scenes-item-btn span{border-radius:30px;border:1px solid #000;background-color:#fff;padding:10px 30px;cursor:pointer;user-select:none}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-scenes.animation-transform .four-axis-frame-scenes-content .four-axis-frame-scenes-item .four-axis-frame-scenes-item-img img{transition:all .5s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other{padding:20px 0;margin-bottom:200px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-item-title{text-align:right;padding-right:10%}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-introduction{text-align:right;padding-right:10%;margin-top:20px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content{display:flex;justify-content:center;align-items:center;margin-top:50px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content .four-axis-frame-other-img{width:808px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content .four-axis-frame-other-add{width:64px;height:64px;position:relative;margin:0 50px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content .four-axis-frame-other-add::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display:block;width:20%;height:100%;background-color:#444}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content .four-axis-frame-other-add::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display:block;width:100%;height:20%;background-color:#444}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content ul li{display:flex;background-color:#f7f7f7;width:536px;padding:20px;margin:15px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content ul li .four-axis-frame-other-li-img{width:135px;position:relative}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content ul li .four-axis-frame-other-li-img img{width:auto;height:86px;margin:0 auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content ul li .four-axis-frame-other-li-img::before{position:absolute;content:"";display:block;right:-20px;top:0;bottom:0;margin:auto;height:70px;width:2px;background-color:#797979}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-other .four-axis-frame-other-content ul li div:nth-of-type(2){flex:1;text-align:center;line-height:86px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality{padding:50px 0;margin-bottom:150px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality .four-axis-frame-item-title{padding-left:10%;text-align:left}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality .four-axis-frame-personality-introduction{padding-left:10%;margin:50px 0 100px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality .four-axis-frame-personality-content ul{display:flex;align-items:center;justify-content:space-evenly}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality .four-axis-frame-personality-content ul li{background-color:#f7f7f7;width:25%;padding:30px;overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality .four-axis-frame-personality-content ul li img{transform:translateY(-110%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality.animation-transform .four-axis-frame-personality-content ul li:nth-of-type(1) img{transition:all .5s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality.animation-transform .four-axis-frame-personality-content ul li:nth-of-type(2) img{transition:all .5s linear .3s;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-personality.animation-transform .four-axis-frame-personality-content ul li:nth-of-type(3) img{transition:all .5s linear .6s;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation{margin-bottom:150px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-item-title{text-align:left;padding-left:10%}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-adaptation-introduction{padding-left:10%;margin:50px 0 10px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-adaptation-content{display:flex;justify-content:space-around;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-adaptation-content ul li{overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-adaptation-content ul li img{width:100%;height:100%;transform:translateX(-100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation .four-axis-frame-adaptation-content .four-axis-frame-adaptation-right{width:960px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation.animation-transform .four-axis-frame-adaptation-content ul li:nth-of-type(1) img{transition:all .5s linear .3s;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation.animation-transform .four-axis-frame-adaptation-content ul li:nth-of-type(2) img{transition:all .5s linear .15s;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-adaptation.animation-transform .four-axis-frame-adaptation-content ul li:nth-of-type(3) img{transition:all .5s linear;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible{margin-bottom:230px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible .four-axis-frame-item-title{text-align:right;padding-right:10%}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible .four-axis-frame-compatible-introduction{padding-right:10%;margin:50px 0;text-align:right}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible ul{width:100%;background-color:#f7f7f7;display:flex;padding:50px 0;justify-content:space-evenly;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible ul .four-axis-frame-compatible-line{width:1px;background-color:#797979;height:300px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-compatible ul li img{width:auto;height:auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-item-title{text-align:left;padding-left:10%}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-introduction{text-align:left;padding-left:10%;margin:50px 0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content{display:flex;justify-content:center;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content img{width:auto;height:auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-left{overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-left img{transform:translateY(-100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right{position:relative;margin-left:150px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-start{position:absolute;width:13px;height:13px;background-color:#88cdff;border-radius:50%;top:0;bottom:0;left:calc(50% - 85px);margin:auto;opacity:0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-line1{position:absolute;top:0;bottom:0;right:calc(50% + 79.5px);margin:auto;height:13px;width:0;transform-origin:center right;transform:rotate(-25deg)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-line1::before{position:absolute;top:0;left:0;bottom:0;margin:auto;content:"";display:block;width:100%;height:1px;background-color:#88cdff}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-line2{position:absolute;right:calc(100% - 38.5px);bottom:100.5px;width:0;height:1px;background-color:#88cdff}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-end{position:absolute;width:13px;height:13px;background-color:#88cdff;border-radius:50%;right:calc(100% - 38.5px + 250px);bottom:94.5px;opacity:0}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float.animation-transform .four-axis-frame-float-content .four-axis-frame-float-left img{transition:all .3s linear 1s;transform:translateY(50px)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float.animation-transform .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-start{transition:all .3s linear;opacity:1}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float.animation-transform .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-line1{transition:all .4s linear .3s;width:400px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float.animation-transform .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-line2{transition:all .2s linear .7s;width:250px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-float.animation-transform .four-axis-frame-float-content .four-axis-frame-float-right .four-axis-frame-float-end{transition:all .3s linear 1s;opacity:1}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure{margin-bottom:150px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content{margin-top:50px;display:flex;justify-content:space-evenly}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li{width:370px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li .four-axis-frame-structure-title{font-weight:700;text-align:center;margin-bottom:40px;position:relative}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li .four-axis-frame-structure-title::before{position:absolute;content:"";bottom:0;width:60px;height:3px;background-color:#d7d7d7;left:0;right:0;bottom:-10px;margin:0 auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li .four-axis-frame-structure-card{background-color:#f7f7f7;padding-bottom:50px;display:flex;justify-content:space-between;flex-direction:column;height:556px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li .four-axis-frame-structure-card div{overflow:hidden}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li .four-axis-frame-structure-card p{font-size:18px;color:#8c8c8c;line-height:35px;padding:20px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li:nth-of-type(1n) .four-axis-frame-structure-card img{transform:translateY(100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure .four-axis-frame-structure-content li:nth-of-type(2n) .four-axis-frame-structure-card img{transform:translateY(-100%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure.animation-transform .four-axis-frame-structure-content li:nth-of-type(1n) .four-axis-frame-structure-card img{transition:all .5s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-structure.animation-transform .four-axis-frame-structure-content li:nth-of-type(2n) .four-axis-frame-structure-card img{transition:all .5s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material{margin-bottom:200px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-item-title{padding-left:10%;text-align:left}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-introduction{margin:50px 0;padding-left:10%;text-align:left}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content{display:flex;justify-content:space-evenly}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li{overflow:hidden;padding:20px;background-color:#f7f7f7;width:425px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li img{width:70%;margin:0 auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li .four-axis-frame-material-line{width:60px;height:3px;background-color:#d7d7d7;margin:30px auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li p{font-size:18px;color:#8c8c8c;line-height:35px;text-align:center;transform:translateX(-102%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li:nth-of-type(1) img{transform:translateY(-102%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li:nth-of-type(2) img{transform:translateY(130%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material .four-axis-frame-material-content li:nth-of-type(3) img{transform:translateY(-102%)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(1) img{transition:all .5s linear;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(1) p{transition:all .2s linear .2s;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(2) img{transition:all .5s linear .4s;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(2) p{transition:all .2s linear .6s;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(3) img{transition:all .5s linear .8s;transform:translateY(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-material.animation-transform .four-axis-frame-material-content li:nth-of-type(3) p{transition:all .2s linear 1s;transform:translateX(0)}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-weighing{margin-bottom:200px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-weighing .four-axis-frame-item-title{padding-right:10%;text-align:right}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-weighing .four-axis-frame-weighing-content{display:flex;justify-content:center;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-weighing .four-axis-frame-weighing-content img{width:auto;height:auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-weighing .four-axis-frame-weighing-content .four-axis-frame-weighing-left{margin-right:100px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter{margin-bottom:100px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-item-title{margin-bottom:50px}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-parameter-content{display:flex;justify-content:center;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-parameter-content img{width:auto;height:auto}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-parameter-content ul{padding:20px;background-color:#f7f7f7}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-parameter-content ul li{width:550px;margin:20px;display:flex;align-items:center}.four-axis-frame-page .four-axis-frame-main .four-axis-frame-parameter .four-axis-frame-parameter-content ul li div{width:50%}

/*# sourceMappingURL=four-axis-frame.css.map*/