.index[data-v-44098aa1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}*{margin:0;padding:0}.panel{color:#333;width:100vw;height:100vh;overflow:hidden;background:#e8e8e8;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.panel:nth-of-type(odd){background:#fff}.panel h2{margin-top:1.4rem;font-size:.3rem;font-weight:400;text-align:center}.panel h2 i{display:block;font-size:.13rem;color:#aaa}.panel .title{font-size:.16rem;padding-top:.12rem}.panel .pic{width:60%;-webkit-transform:skewX(10deg);-ms-transform:skewX(10deg);transform:skewX(10deg)}.Menu .logo{-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right:.1rem;color:#eee;text-shadow:0 2px rgba(0,0,0,.6)}.Menu .logo,.Menu .logo .pic{display:-webkit-box;display:-webkit-flex;display:flex}.Menu .logo .pic{height:.5rem;margin:0 .1rem;line-height:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.Menu .logo .pic img{width:.6rem;height:.5rem}.Menu .logo h1{font-size:.16rem;font-weight:400}.Menu .logo p{font-size:.12rem;margin-left:.3rem;padding-left:.2rem;border-left:1px solid #ccc}.Menu .menuList{-webkit-justify-content:space-around;justify-content:space-around;font-size:.16rem;-webkit-flex-basis:70%;flex-basis:70%;color:#fff}.Menu .menuList,.Menu .menuList .menuItem{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.Menu .menuList .menuItem{padding:0 .2rem;height:100%;cursor:pointer;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.Menu .menuList .menuItem:before{display:block;content:"";width:100%;height:3px;position:absolute;bottom:0;left:0;opacity:0}.Menu .menuList .menuItem:hover{background:#2a6565;color:#f3a514}.Menu .menuList .menuItem.active{background:rgba(0,0,0,.1);color:#f3a514}.Menu .menuList .menuItem.active:before{background:#f3a514;-webkit-transition:all 1s;transition:all 1s;opacity:1}.Menu .menuList .menuItem .mText{display:none}.header .Menu{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:fixed;z-index:99999;width:100vw;height:.8rem;top:0;left:0;background:rgba(0,0,0,.6)}.footer .Menu{background:#2a6565;padding-top:.4rem}.footer .Menu .logo{margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding-bottom:.4rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer .Menu .logo h1{color:#bcdddd;text-shadow:1px 1px #206262}.footer .Menu .logo p{font-size:.12rem;margin-left:0;padding-left:0;border-left:none}.footer .Menu .menuList{padding:.4rem;background:#fff;color:#153d3d;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.footer .Menu .menuList .menuItem{padding:0 .1rem}.footer .Menu .menuList .menuItem:hover{background:none}.footer .Menu .menuList .menuItem.active{background:none;color:#153d3d}.footer .Menu .menuList .menuItem.active:before{display:none}.Slogan{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:.3rem;color:#fff;position:relative;height:100vh}.Slogan .text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;z-index:10;width:100vw;height:100vh;top:0;left:0}.Slogan .text h2{font-size:.4rem;color:#fff;font-weight:400;margin-bottom:.2rem}.Slogan .text h3{font-size:.2rem;color:hsla(0,0%,100%,.8);font-weight:400;margin-bottom:.12rem}.Slogan .text p{font-size:.15rem;color:hsla(0,0%,100%,.5);font-weight:400}.Slogan .text .button{display:block;background:hsla(0,0%,100%,.8);font-size:.14rem;padding:.05rem .2rem;color:#000;border-radius:.2rem;margin-top:.4rem}.Slogan .dot{position:absolute;z-index:20;width:30%;left:35%;bottom:.4rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly}.Slogan .dot i{display:block;width:.5rem;height:.06rem;border-radius:.2rem;background:hsla(0,0%,100%,.2);cursor:pointer}.Slogan .dot i:hover{background:#fff}.Slogan .dot i.active{background:hsla(0,0%,100%,.6)}.Slogan .chart{position:absolute;left:0;bottom:0;z-index:1;width:100%}.Product{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex}.Product h2{-webkit-flex-basis:20%;flex-basis:20%;text-align:right;margin-right:.4rem}.Product .item{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;padding-left:.4rem;font-size:.16rem;-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:all 1s;transition:all 1s}.Product .item:after,.Product .item:before{display:block;content:"";width:2px;height:100%;background:-webkit-linear-gradient(80deg,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));background:linear-gradient(10deg,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));position:absolute;-webkit-transform:skewX(-2deg);-ms-transform:skewX(-2deg);transform:skewX(-2deg);left:0}.Product .item:hover{-webkit-box-flex:1.5;-webkit-flex:1.5;flex:1.5}.Product .item:after{height:50%;width:1px;-webkit-transform:skewX(60deg);-ms-transform:skewX(60deg);transform:skewX(60deg);left:30%;bottom:30%;opacity:.7}.Product .item:nth-of-type(10){background:#153d3d}.Product .item:nth-of-type(10):after,.Product .item:nth-of-type(10):before{background:-webkit-linear-gradient(80deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2),hsla(0,0%,100%,0));background:linear-gradient(10deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2),hsla(0,0%,100%,0))}.Product .item:nth-of-type(10) h3{color:#fff}.Product .item:nth-of-type(10) ul li{color:#c1c1c1}.Product .item h3{margin-top:1rem;font-weight:400;font-size:.2rem}.Product .item p{line-height:.2rem;margin:.2rem 0;color:#888}.Product .item ul li{font-size:.13rem;margin-bottom:.1rem}.Case{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:.16rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.Case .title{color:#666}.Case .caseBox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-flex:1;-webkit-flex:1;flex:1}.Case .caseBox .item{width:2rem;margin:0 .2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.Case .caseBox .item,.Case .caseBox .item .icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.Case .caseBox .item .icon{width:1.5rem;height:1.5rem;border-radius:50%;background:#eee;border:3px solid #8b8a85;margin-bottom:.2rem;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);-webkit-transition:all 1s;transition:all 1s}.Case .caseBox .item .icon img{width:80%;-webkit-transition:all 2s;transition:all 2s}.Case .caseBox .item p{font-size:.2rem;position:relative;top:0;-webkit-transition:all 1s;transition:all 1s}.Case .caseBox .item.active,.Case .caseBox .item:hover{position:relative;z-index:9999}.Case .caseBox .item.active .icon,.Case .caseBox .item:hover .icon{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);border-color:#f3a514;background:#153d3d;box-shadow:0 10px 10px rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}.Case .caseBox .item.active .icon img,.Case .caseBox .item:hover .icon img{margin-top:-.3rem;width:120%!important;-webkit-transition:all 2s;transition:all 2s;opacity:.6}.Case .caseBox .item.active p,.Case .caseBox .item:hover p{font-size:.3rem;top:-.2rem;z-index:99;color:#fff;-webkit-transition:all 1s;transition:all 1s}.Case .caseBox .item.active{z-index:9990}.Case .caseBox .item.active .icon{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.Case .caseBox .item.active .icon img{opacity:1}.Case .caseBox .item.active p{top:-.6rem}.Aboutus{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:.16rem;line-height:.3rem;display:-webkit-box;display:-webkit-flex;display:flex;position:relative}.Aboutus .chart{position:absolute;top:0;left:0;width:100%;height:100%}.Aboutus h2{-webkit-flex-basis:20%;flex-basis:20%;text-align:right;margin-right:.4rem;position:relative}.Aboutus .logo{position:absolute;top:17%;left:30%}.Aboutus .item{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;padding-left:.4rem;font-size:.16rem;-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.Aboutus .item:after,.Aboutus .item:before{display:block;content:"";width:2px;height:100%;background:-webkit-linear-gradient(80deg,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));background:linear-gradient(10deg,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));position:absolute;-webkit-transform:skewX(-2deg);-ms-transform:skewX(-2deg);transform:skewX(-2deg);left:0}.Aboutus .item:after{width:1px;-webkit-transform:skewX(4deg);-ms-transform:skewX(4deg);transform:skewX(4deg);bottom:0;opacity:.5}.Aboutus .item p{margin-bottom:.1rem}.Aboutus .item p b{font-size:.28rem;margin:0 .1rem}.Aboutus .item p .b2{font-size:.18rem}#v3d .pic{width:80%}.Seek{-webkit-flex:1;flex:1;font-size:.16rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.Seek,.Seek .code{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.Seek .code,.Seek .code .item{-webkit-flex:1;flex:1}.Seek .code .item{-webkit-box-flex:1;margin:0 .4rem}.Seek .code .item img{width:2rem}.Seek .code .item:last-of-type img{width:4rem}.Seek .code .item p{margin-top:.1rem;font-size:.12rem}.link{color:#307fee}.Copyright{font-size:.12rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:#e8e8e8;padding:.1rem 0}.Copyright i{margin:0 10px;font-style:normal;color:#888}.Copyright a{text-decoration:none;color:#888}.ie{font-family:微软雅黑}.ie .Menu .logo{margin:0}.ie .Menu .menuList .menuItem{float:left}.ie .header .Menu{line-height:.8rem}.ie .header .Menu .logo{float:left;width:30%}.ie .header .Menu .logo .pic{float:left;margin-top:.15rem}.ie .header .Menu .logo h1{float:left}.ie .header .Menu .menuList{float:right;width:70%;line-height:.8rem}.ie .footer{background:#fff}.ie .footer .Menu{background:#fff;padding:0}.ie .footer .Menu .logo{padding-top:.4rem;background:#2a6565;width:100%}.ie .footer .Menu .logo .pic{text-align:center;margin:0 auto}.ie .footer .Menu .logo h1{text-align:center}.ie .footer .Menu .menuList{width:5rem;margin:0 auto}.ie .Slogan{width:100vw;height:100vh;background:#b20f97;text-align:center}.ie .Product h2{float:left;width:20%}.ie .Product .item{float:left;width:calc(40% - 1.2rem)}.ie .Case .title{text-align:center}.ie .Case .caseBox{margin:1rem auto 0 auto;width:90%}.ie .Case .caseBox .item{width:20%;margin:0 auto;float:left;text-align:center}.ie .Case .caseBox .item .icon{margin:0 auto;vertical-align:middle;position:relative}.ie .Case .caseBox .item .icon img{position:absolute;top:30%;left:10%}.ie .Case .caseBox .item.active .icon img,.ie .Case .caseBox .item:hover .icon img{left:-10%}.ie .Aboutus h2{float:left;width:20%}.ie .Aboutus .item{float:left;width:calc(80% - 1.2rem)}.ie .Seek .code{text-align:center}.ie .Seek .code .item{margin:.4rem auto 0 auto}@media only screen and (max-width:768px){.panel h2{margin-top:1rem}.panel .pic{-webkit-transform:none;-ms-transform:none;transform:none}.Menu .menuList .menuItem .text{display:none}.Menu .menuList .menuItem .mText{display:block}.header .Menu .logo{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 .1rem}.header .Menu .logo .pic img{width:.5rem;height:.4rem}.header .Menu .logo h1{font-size:.1rem;margin-top:.04rem;display:none}.header .Menu .logo p{display:none}.header .Menu .menuList{-webkit-box-flex:1;-webkit-flex:1;flex:1}.header .Menu .menuList .menuItem{font-size:.14rem;padding:0 .1rem;text-align:center}.footer .Menu .menuList{background:#eee}.footer .Menu .menuList .menuItem{font-size:.12rem;padding:0 .05rem}.Slogan .text{width:70vw;left:15%}#aboutus,#case,#data,#seek,#v3d{height:auto;overflow:visible}#data .pic{width:30%}#data .item p{text-align:center}.Product{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.Product h2{text-align:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:0;margin-bottom:.3rem}.Product .item{-webkit-transition:none;transition:none;-webkit-transform:none;-ms-transform:none;transform:none;padding-bottom:.4rem}.Product .item h3{margin-top:.2rem;text-align:center}.Case .title{margin:0 .2rem}.Case .caseBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding-top:.6rem}.Case .caseBox .item .icon{width:2rem;height:2rem;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.Case .caseBox .item .icon img{width:120%;margin-top:-.3rem}.Case .caseBox .item p{top:-.9rem}.Case .caseBox .item.active p{top:-.8rem}.Aboutus{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.Aboutus h2{text-align:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:0}.Aboutus .logo{text-align:center;margin-top:.3rem;position:static}.Aboutus .item{-webkit-transform:none;-ms-transform:none;transform:none;padding:.4rem}.Seek .code{padding-bottom:.4rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.Seek .code .item{margin:.4rem 0 0 0;text-align:center}.Seek .code .item p{text-align:left}.Seek .code .item img{width:1.5rem}.Copyright{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.Copyright a,.Copyright i{margin:0 10px}}