.observer{color:#fff;width:100%;position:relative}.observer .title{line-height:42px;letter-spacing:1px}.observer .text{line-height:28px;letter-spacing:1px;margin:32px auto 0}.observer:not(.is-mobile){min-width:1200px}.observer section{width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.observer section:last-of-type{z-index:0}.observer button{display:block;width:120px;height:120px;border:1.2px solid #fff;border-radius:50%;padding:0;margin:0!important;background:transparent;-webkit-transition:background .1s linear;transition:background .1s linear}.observer button.active{background:#fff}.observer button:focus{outline:0}.observer button img{height:28px}.observer .btns{margin-top:40px;width:280px}.observer .btns>div{position:relative}.observer .btns .tip{font-size:12px;position:absolute;white-space:nowrap;top:95%;left:85%;height:60%;min-height:44px;display:inline-block}.observer .btns .tip img{height:100%;margin-right:5px;margin-bottom:2px}.observer .section-1{background:#181818;text-align:center;position:relative}.observer .section-1 .text,.observer .section-1 .title,.observer .section-1 video{z-index:5;position:absolute;left:50%}.observer .section-1 .title{top:22%}.observer .section-1 .text{top:calc(22% + 50px);width:515px;line-height:33px}.observer .section-1 img{display:block;width:100%}.observer .section-1 .p1-line{width:100%;position:absolute;bottom:0;left:0}.observer .section-1 .real-pic{opacity:0;-webkit-animation:fadeIn 5s ease-in 2.5s forwards;animation:fadeIn 5s ease-in 2.5s forwards}.observer .section-1 .plane{position:absolute;top:18%;left:70%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12%}.observer .section-1 .path-wrap{position:absolute;min-height:359px;width:37%;bottom:-10px;left:50%;-webkit-transform:translateX(-52%);transform:translateX(-52%)}.observer .section-1 .device{width:100%}.observer .section-1 .path{position:absolute;border-radius:4px;width:449px;height:260px;top:12.4%;left:34.6%;-webkit-transform-origin:0 0;transform-origin:0 0;background-size:cover}.observer .section-1 .p1-line{opacity:1}.observer .section-2{height:100vh;min-height:700px;overflow:hidden;white-space:nowrap;font-size:0}.observer .section-2>div{width:25.1%;display:inline-block;height:100%;position:relative;overflow:hidden;margin:0 -1px 0;vertical-align:middle;white-space:normal}.observer .section-2>div:nth-child(4){padding-right:20px}.observer .section-2>div .title{position:relative;padding:59px 36px 14px}.observer .section-2>div span{line-height:30px;position:relative;font-size:14px;display:block;padding:0 36px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.observer .section-2 img{height:100%;display:block;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-filter:brightness(.5);filter:brightness(.5);-webkit-transition:all .2s linear;transition:all .2s linear}.observer .section-2 .bg{height:100%;position:absolute;width:100%;left:0;bottom:0;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,rgba(0,0,0,.55)),to(rgba(0,0,0,.9)));background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 50%,rgba(0,0,0,.9));opacity:0;-webkit-transition:opacity .3s linear .2s;transition:opacity .3s linear .2s}.observer .section-2 .tips{position:absolute;top:100%;-webkit-transform:translateY(-140px);transform:translateY(-140px);width:100%;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .2s linear .1s;transition:-webkit-transform .2s linear .1s;transition:transform .2s linear .1s;transition:transform .2s linear .1s,-webkit-transform .2s linear .1s;will-change:transform}.observer:not(.is-mobile) .section-2>div.normal{-webkit-transition:width 80ms linear;transition:width 80ms linear;width:25.1%}.observer:not(.is-mobile) .section-2>div.max{z-index:1;-webkit-transition:width .24s linear;transition:width .24s linear;width:28.1%}.observer:not(.is-mobile) .section-2>div.max img{-webkit-filter:brightness(1);filter:brightness(1)}.observer:not(.is-mobile) .section-2>div.max .title{width:70%}.observer:not(.is-mobile) .section-2>div.max .tips{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.observer:not(.is-mobile) .section-2>div.max span{-webkit-animation:textfade .7s cubic-bezier(.25,.46,.33,.98) .3s forwards;animation:textfade .7s cubic-bezier(.25,.46,.33,.98) .3s forwards}.observer:not(.is-mobile) .section-2>div.max .bg{opacity:1}.observer:not(.is-mobile) .section-2>div.min{-webkit-transition:width .2s linear;transition:width .2s linear;width:24.1%}.observer .section-3{color:rgba(0,0,0,.9)}.observer .section-3 .base-pic{display:block;width:100%}.observer .section-3 .img-wrap{position:absolute;width:100%;height:100%;top:0;left:0}.observer .section-3 .img-wrap img{position:absolute}.observer .section-3 .img-wrap .plane{width:15.9%;top:42%;left:42.5%}.observer .section-3 .img-wrap .left{width:21.14%;top:50.4%;left:29.84%}.observer .section-3 .img-wrap .right{width:21.58%;top:50.4%;left:51.07%}.observer .section-3 .img-wrap .xyz{width:2.69%;left:71.24%;top:53.125%}.observer .section-3 .img-wrap .xyz2{width:3.61%;left:53.52%;top:64.58%}.observer .section-3 .captions{position:absolute;top:21.4%;left:calc(50% - 600px)}.observer .section-3 .text{width:575px;text-align:left}.observer .section-4{background-color:#222;padding:124px 0 112px;overflow:hidden}.observer .section-4 img{display:block;width:50%;float:right}.observer .section-4 .captions{width:450px;position:absolute;top:50%;-webkit-transform:translateY(-55%);transform:translateY(-55%);left:calc(50% - 600px)}.observer .section-4 .text{margin-left:0;text-align:left}.observer .section-4 .icons{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.observer .section-4 .icons>div{width:186px;height:186px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding-top:130px;line-height:52px;border:1px solid hsla(0,0%,100%,.6)}.observer .section-4 .icons>div:first-child{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAADwklEQVR4Xu2dMWsUYRCGZ5RYR1FB4h8wja2FmCq/Nv8gpZWtjQHriKASeyGO3EFgTy6XDMx833vhuXp4593nyW4Sjt114/OgCPjqaCLih/BRvXf3rwr9IuLEzM4Uumzp8N3d394IDdGSq1rH7n6h0C8iTs3sXKHLlg7f3P01QhN2EJqAtWOUM/R+HHeeoS/vlzFk6srdr4dsumNJRByY2aFCFzN7ZWafF11uF+ru60sxH10CEXFkZpcI1XWUaobQFC79YYTqO0o1RGgKl/4wQvUdpRoiNIVLfxih+o5SDRGawqU/jFB9R6mGCE3h0h9GqL6jVEOEpnDpDyNU31GqIUJTuPSHEarvKNUQoSlc+sMI1XeUaojQFC79YYTqO0o1RGgKl/4wQvUdpRoiNIVLfxih+o5SDRGawqU/jFB9R6mGCE3h0h9GqL6jVEOEpnDpDyNU31GqIUJTuPSHEarvKNUQoSlc+sMI1XeUaniX0A/LNHf/mEpneDiBiHhiZu8Wi/+4+yduvR+uonchQnv5Dk9H6HDkvQsR2st3eDpChyPvXYjQXr7D0xE6HHnvQoT28h2ejtDhyHsXIrSX7/B0hA5H3rsQob18h6cjdDjy3oUI7eU7PB2hw5H3LtwQKv66j14S+5u+fr3HTf3/hSq/7mN/kfc2Xz9rHqG9kEemI3Qk7QG7dgp9MaAAK2oJXLv71dZLbu0e0mYQ4N+WGdQbdyK0Ee6MaITOoN64E6GNcGdEI3QG9cadCG2EOyMaoTOoN+5EaCPcGdEInUG9cSdCG+HOiEboDOqNO9dCI+J5446q6N8q7+KuOqCOnBuh+/DF9rG7X3RAeEiZCN1TmxHxyMyeLer/XX2NhtD9FXpkZpeL+usvum8T+kvgOJ+a2eNFDy65Cxh3PQVl43eou0//6zcivpjZG4RuP7UQKnDJqayA0EqaAlkIFZBQWQGhlTQFshAqIKGyAkIraQpkIVRAQmUFhFbSFMhCqICEygoIraQpkIVQAQmVFRBaSVMgC6ECEiorILSSpkAWQgUkVFZAaCVNgSyECkiorIDQSpoCWQgVkFBZAaGVNAWyECogobICQitpCmQhVEBCZQWEVtIUyEKogITKCgitpCmQhVABCZUVEFpJUyALoQISKisgtJKmQBZCBSRUVkBoJU2BrJRQM/sp0Hn1/ACpO7gj4sTMzgTYrCqs2CyfsbDzlnyRzhs1pt+SHxGnZnauCMfMEJoVg9Assd3znKG7+Wycofvweo+r2U8Si4gDMzus/TktS1u/7uMfLbexopTxXUwAAAAASUVORK5CYII=) no-repeat center 54px;background-size:58px}.observer .section-4 .icons>div:nth-child(2){background:url(data:image/png;base64,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) no-repeat center 67px;background-size:98px}.observer .section-5{background:#fafafa;color:#000;overflow:hidden;margin-bottom:-1px}.observer .section-5 button{border-color:#1d4f90;opacity:0}.observer .section-5 button img{height:28px}.observer .section-5 .btns{position:relative}.observer .section-5 .tip{color:#1d4f90;left:35%;opacity:0}.observer .section-5 .tip:before{border-color:transparent transparent #1d4f90 #1d4f90}.observer .section-5 .captions{position:absolute;width:380px;left:calc(50% - 600px);top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left}.observer .section-5 .mosaic{width:155px;height:93px;margin-top:40px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;left:0;top:0}.observer .section-5 .mosaic li{width:30px;height:30px;background:#1d4f90;border-right:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid hsla(0,0%,100%,.2);opacity:0}.observer .section-5 .mosaic li:first-child,.observer .section-5 .mosaic li:nth-child(8),.observer .section-5 .mosaic li:nth-child(10),.observer .section-5 .mosaic li:nth-child(12){background:#102660}.observer .section-5 .mosaic li:nth-child(6),.observer .section-5 .mosaic li:nth-child(7),.observer .section-5 .mosaic li:nth-child(9),.observer .section-5 .mosaic li:nth-child(13){background:#102b69}.observer .section-5 .picture{width:51%;position:relative}.observer .section-5 .picture img{width:100%;float:right}.observer .section-5 .cover-imgs{position:absolute;width:100.1%;height:100.1%;right:0;top:0;overflow:hidden}.observer .section-5 .cover-imgs img{display:block;width:33.33333%;position:absolute;opacity:0;right:0;top:0}.observer .section-5 .cover-imgs .img-2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.observer .section-5 .cover-imgs .img-3{-webkit-transform:translateX(-200%);transform:translateX(-200%)}.observer .section-5 .cover-imgs .img-4{-webkit-transform:translate(-200%,100%);transform:translate(-200%,100%)}.observer .section-5 .cover-imgs .img-5{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}.observer .section-5 .cover-imgs .img-6{-webkit-transform:translateY(100%);transform:translateY(100%)}.observer .section-5 .cover-imgs .img-7{-webkit-transform:translateY(200%);transform:translateY(200%)}.observer .section-5 .cover-imgs .img-8{-webkit-transform:translate(-100%,200%);transform:translate(-100%,200%)}.observer .section-5 .cover-imgs .img-9{-webkit-transform:translate(-200%,200%);transform:translate(-200%,200%)}.observer .section-6{background:#fff}.observer .section-6 canvas,.observer .section-6 img{display:block;width:100%;position:absolute;left:0;top:0}.observer .section-6 img{position:relative;width:100%;display:block}.observer .section-6 .captions{width:380px;position:absolute;padding:20px 30px;background:rgba(0,0,0,.55);top:22%;left:calc(50% - 600px);text-align:left}.observer .section-7{padding:150px 0 14px;background:-webkit-gradient(linear,left top,left bottom,from(#353535),color-stop(36%,#1b1b1b),color-stop(100%,#181818),to(#101010));background:linear-gradient(180deg,#353535,#1b1b1b 36%,#181818 100%,#101010 0)}.observer .section-7 .captions{position:absolute;top:150px;left:calc(50% - 600px);width:380px;text-align:left}.observer .section-7 .captions h3,.observer .section-7 .captions p{width:290px;margin-left:0;text-align:left}.observer .section-7 .device{width:62%;position:relative;left:55%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.observer .section-7 .device img{display:block;width:100%}.observer .section-7 .device .car-animate{background:url(../img/car_0000.15f82897.jpg);background-position:0 0;position:absolute;top:12.6%;left:50.45%;-webkit-transform-origin:0 0;transform-origin:0 0;height:262px;width:469px}.observer .section-7 .device canvas{width:100%;height:100%}.observer .section-8{padding:6% 0 40px}.observer .section-8 .captions{width:301px;color:rgba(0,0,0,.9);position:absolute;top:24%;left:calc(50% - 600px);text-align:left}.observer .section-8 img{width:53%;position:relative;left:50%;-webkit-transform:translateX(-40%);transform:translateX(-40%)}.observer .section-9{background-color:#fff;padding:120px 0 169px;text-align:center;color:rgba(0,0,0,.9)}.observer .section-9 h3{margin-bottom:99px}.observer .section-9 ul{width:1168px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.observer .section-9 ul:nth-child(2){margin-bottom:72px}.observer .section-9 ul:nth-child(2) li:first-child{background:url(../img/yingji.2122d369.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(2) li:nth-child(2){background:url(../img/cewen.849a2333.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(2) li:nth-child(3){background:url(../img/tongbu.45cf0f60.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(2) li:nth-child(4){background:url(../img/celiang.718ddf75.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(3) li:first-child{background:url(../img/lixian.840953e2.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(3) li:nth-child(2){background:url(../img/cunchu.464db4c9.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(3) li:nth-child(3){background:url(../img/souhuo.4cb1ab63.svg) no-repeat center 0;background-size:100%}.observer .section-9 ul:nth-child(3) li:nth-child(4){background:url(../img/kongwang.0db4abf2.svg) no-repeat center 0;background-size:100%}.observer .section-9 li{color:rgba(0,0,0,.8);width:133px;padding-top:130px;line-height:32px;font-size:18px}.observer:not(.is-mobile) .section-6 canvas{height:100%}.observer:not(.is-mobile) .parameter{background-color:#f9f9f9}.observer:not(.is-mobile) .parameter .params.vertical li{padding-bottom:40px;border-bottom:1px solid #d4d4d4}.observer:not(.is-mobile) .parameter .params.vertical li+li{margin-top:40px}.observer:not(.is-mobile) .parameter .params.vertical li:last-child{border:0}.observer:not(.is-mobile) .parameter .params.vertical li:last-child .pic{margin-top:156px;margin-bottom:300px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes flexEasy{0%{width:25.1%}to{width:28.1%}}@keyframes flexEasy{0%{width:25.1%}to{width:28.1%}}@-webkit-keyframes flexEasyOut{0%{width:25.1%}to{width:24.1%}}@keyframes flexEasyOut{0%{width:25.1%}to{width:24.1%}}.observer.is-mobile section{padding-top:3rem}.observer.is-mobile p.text{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1rem;letter-spacing:.06rem;margin-top:.7rem}.observer.is-mobile .title{line-height:1.2rem;text-align:left;padding:0 1rem}.observer.is-mobile .section-1{padding-top:0;height:100vh;width:100%;overflow:hidden}.observer.is-mobile .section-1 picture{display:block;height:100%}.observer.is-mobile .section-1 .plane{position:absolute;top:calc(15vh - 1.6rem);right:.8rem;width:4rem;-webkit-transform:translateX(0);transform:translateX(0)}.observer.is-mobile .section-1 .hill{position:absolute;bottom:0;left:0;width:100%;height:100%}.observer.is-mobile .section-1 .title{width:100%;position:relative;text-align:center;top:0;bottom:auto;padding-top:15vh}.observer.is-mobile .section-1 .text{position:relative;top:0;bottom:0;margin-top:1.2rem;line-height:28px}.observer.is-mobile .section-1 .real-pic{height:100%;min-width:100%;width:auto;position:absolute;top:0;left:0}.observer.is-mobile .section-1 .p1-line{top:0;bottom:auto}.observer.is-mobile .section-1 picture{position:absolute;min-width:100%;min-height:100%;top:0;left:0}.observer.is-mobile .section-1 .path-wrap{width:calc(100% - 1.4rem);position:relative;top:0;bottom:0;margin-top:7vh}.observer.is-mobile .section-1 .path-wrap .path{position:absolute;top:9.4%}.observer.is-mobile .section-2{display:block;height:auto;min-height:auto;padding:0}.observer.is-mobile .section-2 img{-webkit-filter:brightness(1);filter:brightness(1);width:100%;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.observer.is-mobile .section-2>div{height:25%;display:block;width:100%;position:relative;margin:0;padding:0}.observer.is-mobile .section-2>div .title{margin:0 1.2rem;line-height:2.6rem;padding:0}.observer.is-mobile .section-2>div .tips{height:2.6rem;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(36%,rgba(1,1,1,.45)),to(rgba(2,2,2,.67)));background-image:linear-gradient(180deg,transparent,rgba(1,1,1,.45) 36%,rgba(2,2,2,.67));bottom:0;top:auto;-webkit-transform:translateY(0);transform:translateY(0);left:0;padding:0}.observer.is-mobile .section-2>div .tips .txt{display:none}.observer.is-mobile .section-3{padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.observer.is-mobile .section-3 picture{display:block;width:100%}.observer.is-mobile .section-3 .captions{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:3rem}.observer.is-mobile .section-3 .plane{width:48%;top:30.5%;left:26%}.observer.is-mobile .section-3 .left{width:50.13%;left:2.13%;top:38.4%}.observer.is-mobile .section-3 .right{width:41.06%;left:52.27%;top:38.4%}.observer.is-mobile .section-3 .xyz{width:1.4rem;left:63%;top:56%}.observer.is-mobile .section-3 .xyz2{width:1.9rem;left:42.52%;top:58.58%}.observer.is-mobile .section-4{padding-top:3rem;padding-bottom:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.observer.is-mobile .section-4 .captions{padding-top:0;margin:0;position:static;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(0);transform:translateY(0)}.observer.is-mobile .section-4 .base-pic{width:calc(100% - 2rem);margin:2.5rem auto 0;float:none}.observer.is-mobile .section-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:3rem}.observer.is-mobile .section-5 .captions{float:none;position:static;-webkit-transform:translate(0);transform:translate(0);width:100%;margin:0}.observer.is-mobile .section-5 .captions .title{color:#232323}.observer.is-mobile .section-5 .captions .text{color:#373737}.observer.is-mobile .section-5 .btns{display:none}.observer.is-mobile .section-5 .picture{float:none;position:relative;margin-top:1.85rem;width:100%;height:auto;left:0}.observer.is-mobile .section-5 .picture .base-pic img{width:100%;height:auto}.observer.is-mobile .section-5 .picture .cover-imgs img{width:33.33333%;height:auto;display:block}.observer.is-mobile .section-6{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:3rem}.observer.is-mobile .section-6 .base-pic,.observer.is-mobile .section-6 canvas{position:absolute;top:auto;bottom:0}.observer.is-mobile .section-6 .base-pic{position:relative;width:100%;height:auto;margin-top:1.85rem}.observer.is-mobile .section-6 .captions{position:static;background:none;padding:0;width:100%;-webkit-transform:translateX(0);transform:translateX(0)}.observer.is-mobile .section-6 .captions .title{color:#232323}.observer.is-mobile .section-6 .captions .text{color:#373737}.observer.is-mobile .section-7 .captions{position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);left:0;width:100%}.observer.is-mobile .section-7 .device{width:100%;left:0;top:1.8rem;-webkit-transform:translateX(0);transform:translateX(0)}.observer.is-mobile .section-8 .captions{position:static;width:100%}.observer.is-mobile .section-8 img{position:static;display:block;width:calc(100% - .6rem);-webkit-transform:translateX(0);transform:translateX(0);margin:1.7rem 0 2.4rem}.observer.is-mobile .section-9{padding:3rem 0 4rem}.observer.is-mobile .section-9 h3{margin-bottom:1.8rem}.observer.is-mobile .section-9 ul{width:calc(100% - 3rem)}.observer.is-mobile .section-9 ul:nth-child(2){margin-bottom:1.6rem}.observer.is-mobile .section-9 li{width:3rem;height:1.2rem;padding-top:3rem;font-size:12px;line-height:1.2rem;position:relative}.observer.is-mobile .section-9 span{width:auto;display:block;position:absolute;white-space:nowrap;left:50%;letter-spacing:.5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.observer.is-mobile .parameter.is-mobile .width-extra h5{width:100%}.observer.is-mobile .parameter.is-mobile .width-extra span:first-child{width:4.6rem}.observer.is-mobile .parameter.is-mobile .width-extra span:nth-child(2){width:11rem}.observer.is-mobile .parameter.is-mobile .params-box{margin-bottom:6px}.observer.is-mobile .parameter.is-mobile .params-box:nth-child(n+2){height:30px;overflow:hidden;-webkit-transition:height .1s;transition:height .1s}.observer.is-mobile .parameter.is-mobile .params-box:nth-child(n+2) h5{margin-top:0;position:relative}.observer.is-mobile .parameter.is-mobile .params-box:nth-child(n+2) h5:after{content:"";position:absolute;width:1rem;height:100%;right:1rem;background:url(../img/arrow.581d5378.svg) no-repeat 50%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.observer.is-mobile .parameter.is-mobile .params-box:nth-child(n+2).active h5:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.observer.is-mobile .parameter.is-mobile .params-box.active:nth-child(2){height:324px}.observer.is-mobile .parameter.is-mobile .params-box.active:nth-child(3){height:214px}.observer.is-mobile .parameter.is-mobile .params-box.active:nth-child(4){height:280px}.observer.is-mobile .parameter.is-mobile .params-box.active:nth-child(5){height:126px}@media screen and (max-width:1440px){.observer:not(.is-mobile) button{width:70px;height:70px}.observer:not(.is-mobile) .text{margin-top:18px}.observer:not(.is-mobile) .section-2{min-height:520px}.observer:not(.is-mobile) .section-4 .captions{width:380px}.observer:not(.is-mobile) .section-4 .icons div{width:160px;height:160px;padding-top:105px}.observer:not(.is-mobile) .section-4 .icons div:first-child{background-position:center 40px}.observer:not(.is-mobile) .section-4 .icons div:nth-child(2){background-position:center 53px}.observer:not(.is-mobile) .section-5 .btns img{height:18px}.observer:not(.is-mobile) .section-5 .tip{left:22%}.observer:not(.is-mobile) .section-5 .tip img{height:100%}.observer:not(.is-mobile) .section-5 .captions{width:240px}.observer:not(.is-mobile) .section-7 .device{left:60%}.observer:not(.is-mobile) .section-8 img{left:55%}.observer:not(.is-mobile) .section-9 ul{width:1000px}.observer:not(.is-mobile) .section-9 ul li+li{margin-left:156px}.observer:not(.is-mobile) .section-9 ul li:nth-child(5){margin:0}.observer:not(.is-mobile) .section-3 .captions,.observer:not(.is-mobile) .section-4 .captions,.observer:not(.is-mobile) .section-5 .captions,.observer:not(.is-mobile) .section-6 .captions,.observer:not(.is-mobile) .section-7 .captions,.observer:not(.is-mobile) .section-8 .captions{left:calc(50% - 450px)}}@media screen and (max-width:1280px){.observer:not(.is-mobile) .section-2 .tips span{line-height:24px}}@media screen and (min-width:601px){.english .observer .section-1 .text{width:820px}.english .observer .section-2 .tips{-webkit-transform:translateY(0);transform:translateY(0)}.english .observer .section-2 .title{width:80%;position:absolute;bottom:calc(100% + 30px)}.english .observer .section-2 .max .tips{-webkit-transform:translateY(calc(-100% + 30px))!important;transform:translateY(calc(-100% + 30px))!important}.english .observer .section-2 .max .tips span{top:-30px}.english .observer .section-3 .text{width:800px}.english .observer .section-9 .content span{display:block;position:relative;white-space:normal;width:200%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-width:600px){.english .observer .text{line-height:1rem!important}.english .observer .section-3 .text,.english .observer .section-4 .text{width:100%}.english .observer .section-3{padding-top:10vw}.english .observer .img-wrap{top:6vw}.english .observer .section-9 .content:nth-child(2){margin-bottom:2.5rem}.english .observer .section-9 .content span{white-space:normal;width:130%;line-height:1.3}}