.bg-box{position:relative;overflow:hidden;height:640px;background-repeat:no-repeat;background-size:cover;background-position:50%}.bg-box .layer{width:100%;height:100%;background:rgba(0,0,0,.25);background-position:50%;background-size:100%;margin:auto;position:relative}.bg-box .text-box{position:absolute;display:flex;flex-direction:column;align-items:center;height:304px;left:50%;transform:translateX(-50%);top:calc(50% - 88px);color:#fff;z-index:100}.bg-box .text-box .bg-title{font-size:48px;line-height:63px;font-feature-settings:"tnum" on,"lnum" on;margin:0 0 24px 0}.bg-box .text-box .bg-content,.bg-box .text-box .bg-title{font-family:OPPOSans;font-style:normal;font-weight:400;color:#fff;text-align:center}.bg-box .text-box .bg-content{font-size:16px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on}.bg-box .text-box .bg-content p{font-weight:500;margin:0}.bg-box .text-box .button-list{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;min-height:24px;word-break:keep-all}.bg-box .text-box .button-list button{color:#fff;display:flex;flex-direction:row;align-items:center;padding:12px 36px;border-radius:4px;cursor:pointer}.bg-box .text-box .button-list .primary{background:#229bf9;margin:24px 24px 24px 0;border:none}.bg-box .text-box .button-list .primary a{color:#fff}.bg-box .text-box .button-list .primary:hover{background:#66b9fa}.bg-box .text-box .button-list .primary:active{background:#187bd7}.bg-box .text-box .button-list .empty a{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-align:center;font-feature-settings:"tnum" on,"lnum" on;color:#fff}.bg-box .text-box .button-list .empty:hover a{color:#229bf9}.bg-box .text-box .button-list .empty:active{color:#187bd7}#display .img-title{position:relative;text-align:center;width:100%;height:320px;background-image:url(../img/产品中心大图.9fdfafd7.png);background-repeat:no-repeat;background-size:100%}#display .img-title span{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:48px;line-height:56px;font-feature-settings:"tnum" on,"lnum" on;position:absolute;left:0;right:0;top:132px;color:#fff}#display p{margin:0 auto}#display .line{width:36px;height:3px;background:#229bf9;border-radius:9px;margin:8px auto 24px}#display .intro{width:1200px;margin:64px auto 120px;background:#fff}#display .intro .intro-title{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:32px;font-feature-settings:"tnum" on,"lnum" on;color:#000;text-align:center}#display .intro .intro-content{font-family:OPPOSans;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:justify;font-feature-settings:"tnum" on,"lnum" on;list-style:none;color:#666}#display .feature .intro-content{display:flex;align-items:center}#display .feature .intro-content img{width:272px}#display .feature .intro-content .intro-list{list-style-type:none}#display .feature .intro-content .intro-list li{position:relative;margin-top:8px;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:16px;line-height:21px;font-feature-settings:"tnum" on,"lnum" on;color:#666}#display .feature .intro-content .intro-list li .icon-dot{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#229bf9;border-radius:6px}#display .screenshots .img-list{display:flex;justify-content:space-between;margin:auto 10px}#display .screenshots .img-list img{width:578px;height:304px}.deep{background:#000!important}#head{position:fixed;width:100%;z-index:1000;background:rgba(0,0,0,.25);transition:all .7s ease}#head .head{margin:auto;max-width:1920px;width:1200px;min-width:1150px;position:relative;height:64px}@media screen and (max-width:1440px){#head .head{max-width:1440px}}#head .logo{align-items:center;width:154px;height:44px;left:0;top:calc(50% - 22px)}#head .logo,#head .nav-list{display:flex;flex-direction:row;padding:0;position:absolute}#head .nav-list{align-items:flex-start;height:64px;right:0;top:calc(50% - 32px)}#head .nav-item{display:flex;align-items:center;height:60px;padding:2px 12px;position:relative;text-align:center}#head .line{border:2px solid #fff;border-top:transparent;border-left:transparent;border-right:transparent}#head .nav-title{cursor:pointer;height:60px;font-size:16px;font-style:normal;font-family:OPPOSans;line-height:60px;color:#fff;margin:4px 0;font-weight:500}#head .nav-item a{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}#head .nav-child{width:144px;display:flex;flex-direction:column;align-items:flex-start;margin-top:8px;position:absolute;top:64px;background:#fff;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border-radius:4px}#head .nav-child .child-item{display:flex;height:45px;align-items:center;padding:0 40px;color:#595959;cursor:pointer;white-space:nowrap;font-weight:400;font-feature-settings:"tnum" on,"lnum" on;color:#666}#head .nav-child .child-item,#head .nav-child .child-item:hover{font-family:OPPOSans;font-style:normal;font-size:16px;line-height:21px}#head .nav-child .child-item:hover{font-weight:500;font-feature-settings:"tnum" on,"lnum" on;color:#000;background:#f2f2f2;border-radius:4px}#head .nav-product{width:1050px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 0;position:absolute;top:72px;left:-530px;background:#fff;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border-radius:2px}#head .nav-product .i-title{width:98px;text-align:left}#head .nav-product .child-product{display:flex;align-items:center;padding-left:16px;color:#595959;cursor:pointer;white-space:nowrap;color:#229bf9;font-size:14px;line-height:28px;font-weight:400}#head .nav-product .child-product span{color:#666;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:22px;padding-left:16px}#head .nav-product .child-product span:hover{font-weight:600;color:#333}#head .nav-icon{width:16px;height:16px;margin:0 4px;background-image:url(../img/arrow.808f34de.svg);background-repeat:no-repeat;background-position:50%;cursor:pointer}#foot{margin:auto;min-width:1000px;background:#333}#foot .foot-body{position:relative;margin:auto;width:1200px;display:flex;flex-direction:row;align-items:flex-start;padding:56px 0;padding-top:51px;padding-bottom:24px;order:7}#foot .foot-body .part{width:384px;order:2;margin:0 0;display:flex;flex-direction:column;align-items:flex-start}#foot .foot-body .part .title{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:22px;color:#262626;color:#fff;text-align:center}#foot .foot-body .part .title .line{width:96px;height:2px;background:#229bf9;border-radius:9px;order:1;margin:10px;margin-bottom:0}#foot .foot-body .about{width:341px}#foot .foot-body .about p{font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:23px;text-align:justify;font-feature-settings:"tnum" on,"lnum" on;color:#fff;order:1;margin:27px 6px 0 6px}#foot .foot-body .about .logo{margin-top:-8px}#foot .foot-body .links{width:96px;margin-left:120px;text-align:justify;font-family:OPPOSans;font-style:normal}#foot .foot-body .links .link-list{margin:9px 0 0 0;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;font-size:14px;line-height:22px}#foot .foot-body .links .link-list .link-item{display:flex;flex-direction:row;align-items:center;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:22px;font-feature-settings:"tnum" on,"lnum" on;color:#fff;margin:16px 6px 0 6px}#foot .foot-body .links .link-list .link-item .double-arrow{width:24px;height:24px;display:block;background:url(../img/arrow-double-right.da99fdc6.svg);background-size:24px}#foot .foot-body .links .link-list .link-item a{color:#fff}#foot .foot-body .links .title{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:22px;color:#262626;color:#fff;text-align:center}#foot .foot-body .links .title .line{width:96px;height:2px;background:#229bf9;border-radius:9px;order:1;margin:10px;margin-bottom:0}#foot .foot-body .connect{margin-left:120px}#foot .foot-body .connect .content{display:flex;flex-direction:column;align-items:flex-start;font-family:OPPOSans;font-style:normal;margin-top:9px}#foot .foot-body .connect .content p{white-space:nowrap;height:23.99px;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:22px;font-feature-settings:"tnum" on,"lnum" on;color:#fff;margin:16px 6px 0 6px}#foot .foot-body .world_map{width:318px;height:156px;position:absolute;top:28px;right:0;background-image:url(../img/世界地图.ae3e2c3f.png);background-repeat:no-repeat;background-size:318px 156px}#foot .record{width:1200px;margin:auto;border-top:1px solid #666;padding-top:20px}#foot .record span,#foot .record span a{font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:22px;font-feature-settings:"tnum" on,"lnum" on;color:#fff}#foot a{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}@font-face{font-family:OPPOSans;src:url(../fonts/OPPOSans-M.8a567f4b.ttf);font-weight:400;font-style:normal}html{width:100%;height:100%;overflow-y:scroll}@media screen and (max-width:1200px){html{margin:auto;min-width:1200px;overflow-y:scroll}}body{margin:0;padding:0;position:relative}body #app{font-feature-settings:"tnum" on,"lnum" on}body a{text-decoration:none}body button:focus,body input:focus{outline:0}.swap,body img{border-radius:4px}.swap{width:588px;height:304px;box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 12px 48px 16px rgba(0,0,0,.03);filter:drop-shadow(0 9px 28px rgba(0,0,0,.05));margin:0 0 6px 0}.swap .container{width:100%;height:100%;position:relative;overflow:hidden;text-align:left}.swap .container:hover{opacity:.8}.swap .container .img-item{position:absolute;width:100%;height:100%;transition:all .8s ease;z-index:1;top:0;left:0}.swap .container .img-next-enter-active{opacity:.1;transform:translate(-100%)}.swap .container .img-next-enter-to{opacity:1;transform:translate(0)}.swap .container .img-next-leave-to,.swap .container .img-pre-enter-active{transform:translate(100%);opacity:.1}.swap .container .img-pre-enter-to{opacity:1;transform:translate(0)}.swap .container .img-pre-leave-to{transform:translate(-100%);opacity:.1}.swap .container .swap-text{display:flex;flex-direction:row;align-items:center;position:absolute;width:100%;height:24px;left:4.1%;bottom:5.2%;font-size:16px;line-height:24px;color:#fff;z-index:10;transition:all .8s ease}.swap .container .swap-text .point{width:8px;height:8px;background:#fff;margin:0 4px;border-radius:4px}.swap .container .swap-text p:hover{text-decoration:underline;cursor:pointer}.swap .container .carousel{display:flex;flex-direction:row;align-items:flex-start;position:absolute;height:8px;right:3%;top:92%;z-index:10}.swap .container .carousel .point{width:8px;height:8px;background:#fff;opacity:.5;margin:0 4px;border-radius:4px;cursor:pointer;font-family:OPPOSans}.swap .container .carousel .point-active{opacity:1}#home .layer{width:100%;height:100%;background:rgba(0,0,0,.25)}#home .empty a{font-weight:500;font-feature-settings:"tnum" on,"lnum" on;color:#fff;cursor:pointer}#home .empty a,#home .GiantScreen-p p{font-family:OPPOSans;font-style:normal;font-size:16px;line-height:24px;text-align:center}#home .GiantScreen-p p{font-weight:lighter;font-feature-settings:"tnum" on,"lnum" on;color:hsla(0,0%,100%,.8);margin:0}#home .GiantScreen-p p:first-child{margin:8px 0 0 0}#home .GiantScreen-p p:last-child{margin:0 0 24px 0}#home .middle-box .part{display:flex;align-items:center;padding:0 0;background:#fff;justify-content:center;flex-direction:column;text-align:center}#home .middle-box .part .title{font-family:OPPOSans;font-weight:500;font-size:24px;line-height:32px;color:#000;margin:45px 6px 0 6px}#home .middle-box .part .title .line{width:36px;height:2px;background:#229bf9;border-radius:9px;order:1;flex-grow:0;margin:5px auto}#home .middle-box .about{padding:0 0 40px 0}#home .middle-box .about .content{text-align:justify;text-indent:28px;width:1200px;margin:24px 24px;margin-top:19px}#home .middle-box .about .content,#home .middle-box .about .content p{font-family:OPPOSans;font-weight:400;font-size:14px;line-height:22px;color:#595959}#home .middle-box .about .content p{margin:0;font-style:normal;font-feature-settings:"tnum" on,"lnum" on}#home .middle-box .about .img-list{display:flex;flex-direction:row;align-items:center;width:1200px;height:400px;order:2;justify-content:space-between;overflow:hidden}#home .middle-box .about .img-list .img-item{position:relative;width:282px;height:400px;border-radius:4px;cursor:pointer;order:1;overflow:hidden;opacity:0}#home .middle-box .about .img-list .img-item img{position:absolute;left:0}#home .middle-box .about .img-list .img-item .layer{z-index:100;position:absolute;top:0}#home .middle-box .about .img-list .img-item .layer .text{position:absolute;width:72px;height:26px;left:calc(50% - 36px);top:calc(50% - 13px);font-family:OPPOSans;font-style:normal;font-weight:400;font-size:16px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#fff;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#home .middle-box .about .img-list .img-item:hover{background-size:382px}#home .middle-box .about .img-list .img-item:hover .layer{background:rgba(0,0,0,.65)}#home .middle-box .about .img-list .img-item:hover img{transition:all .3s ease;transform:scale(1.3)}#home .middle-box .about .img-list .bg1{background:url(../img/img01.ba6fbcb0.jpg)}#home .middle-box .about .img-list .bg2{background:url(../img/img02.20b6aab7.jpg)}#home .middle-box .about .img-list .bg3{background:url(../img/img03.eeb7aa7e.jpg)}#home .middle-box .about .img-list .bg4{background:url(../img/img04.4d729101.jpg)}#home .middle-box .banner{width:100%;height:210px;margin:auto;order:3;flex-grow:0;margin:0 0;text-align:center;position:relative}#home .middle-box .banner .bg{width:1200px;margin:auto;height:210px;background:url(../img/img_home_content03.bc8cf156.png);background-repeat:no-repeat;background-size:1200px;position:relative;border-radius:4px;overflow:hidden}#home .middle-box .banner .bg .layer{position:absolute;top:0;left:0;z-index:100}#home .middle-box .banner .bg img{position:absolute;top:0;left:0;transition:all .3s ease}#home .middle-box .banner .bg:hover img{transform:scale(1.3)}#home .middle-box .banner .text-box{display:flex;flex-direction:column;align-items:center;position:absolute;left:426px;right:426px;top:54px;text-align:center;color:#fff}#home .middle-box .banner .text-box .title{width:588px;height:28px;font-size:20px;line-height:28px;margin:0 8px}#home .middle-box .banner .text-box .content{width:588px;font-size:14px;line-height:22px;order:1;margin:0 8px}#home .middle-box .solution .content{width:1200px;font-size:14px;line-height:22px;text-align:center;color:#595959;order:1;margin:0 24px}#home .middle-box .solution .photos{display:flex;flex-direction:row;align-items:flex-start;padding:0;flex-wrap:wrap;justify-content:space-between;width:1200px;height:384px;order:2;margin:0 0}#home .middle-box .solution .photos .photo-item{width:384px;height:180px;position:relative;border-radius:4px;margin:12px 0;cursor:pointer;overflow:hidden}#home .middle-box .solution .photos .photo-item .text{position:absolute;width:72px;height:26px;left:calc(50% - 36px);top:calc(50% - 13px);font-size:18px;line-height:26px;text-align:center;color:#fff;transition:all .5s ease;z-index:120}#home .middle-box .solution .photos .photo-item .desc{left:calc(50% - 155px);top:100%;position:absolute;width:310px;font-size:14px;line-height:22px;text-align:center;color:#fff;margin:6px 0;transition:all .5s ease;z-index:120}#home .middle-box .solution .photos .photo-item .shadow{position:absolute;top:100%;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100}#home .middle-box .solution .photos .photo-item:hover .text{top:calc(50% - 38px)}#home .middle-box .solution .photos .photo-item:hover .desc{top:calc(50% - 6px)}#home .middle-box .solution .photos .photo-item:hover .shadow{top:0}#home .middle-box .solution .photos .bg1{background:url(../img/解决方案-电力产品.65de005c.jpg);background-repeat:no-repeat}#home .middle-box .solution .photos .bg2{background:url(../img/解决方案-智慧气象.5e65008d.jpg);background-repeat:no-repeat}#home .middle-box .solution .photos .bg3{background:url(../img/解决方案-农业气象.c010fa08.jpg);background-repeat:no-repeat}#home .middle-box .solution .photos .bg4{background:url(../img/解决方案-能源气象.2ccb4619.jpg);background-repeat:no-repeat}#home .middle-box .solution .photos .bg5{background:url(../img/解决方案-交通气象.4492bafd.jpg);background-repeat:no-repeat}#home .middle-box .solution .photos .bg6{background:url(../img/解决方案-城市服务.4c52b7f2.jpg);background-repeat:no-repeat}#home .middle-box .message{display:flex;flex-direction:row;align-items:flex-start;padding:0 0 54px 0;justify-content:flex-start;width:1200px;order:5;margin:auto}#home .middle-box .message .box{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:588px;height:476px;flex-grow:1;margin:24px}#home .middle-box .message .box .box-head{width:100%;display:flex;position:relative;margin-bottom:8px}#home .middle-box .message .box .box-head .title span{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#000;margin-bottom:9px}#home .middle-box .message .box .box-head .title .line{margin:0}#home .middle-box .message .box .box-head .more{position:absolute;width:28px;height:24px;right:0;top:calc(50% + 12px);cursor:pointer;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#229bf9}#home .middle-box .message .left{margin:0}#home .middle-box .message .left .photos{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:588px;margin:8px 0 24px 0}#home .middle-box .message .left .photos .imglist{display:flex;flex-direction:row;align-items:flex-start;width:588px;height:104px;margin:10px 0 0 0;justify-content:space-around}#home .middle-box .message .left .photos .imglist a{display:block;width:188px;height:104px;overflow:hidden}#home .middle-box .message .left .photos .imglist .item{width:188px;height:104px;box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 12px 48px 16px rgba(0,0,0,.03);filter:drop-shadow(0 9px 28px rgba(0,0,0,.05));border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s ease}#home .middle-box .message .left .photos .imglist .item:hover{opacity:.8}#home .middle-box .message .right{order:1;margin:0 0 24px 24px;position:relative}#home .middle-box .message .right .title span{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#000;margin-bottom:9px}#home .middle-box .message .right .title .line{margin:0}#home .middle-box .message .right .more{position:absolute;width:28px;height:24px;right:0;top:calc(50% + 12px);cursor:pointer;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#229bf9}#home .middle-box .message .right .news{width:100%}#home .middle-box .message .right .news .cell-item{height:52px;background:#f5f5f5;border-radius:8px;position:relative;order:3;flex-grow:0;margin:8px 4px;display:flex;align-items:center;padding:0 16px;cursor:pointer}#home .middle-box .message .right .news .cell-item:hover{box-shadow:0 4px 24px 0 rgba(0,0,0,.2)}#home .middle-box .message .right .news .cell-item li{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:16px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#262626}#home .middle-box .message .right .news .cell-item .circle{display:block;position:static;width:8px;height:8px;background:#229bf9;margin:8px;border-radius:4px}#home .middle-box .message .right .news .cell-item li{list-style:none}#home .middle-box .message .right .news .cell-item .arrow{width:24px;height:24px;margin:4px 0;display:flex;align-items:center;position:absolute;right:20px}#home .middle-box .message .right .news .cell-item .arrow .vector{display:block;width:16px;height:16px;margin:0 4px;background-image:url(../img/Vector.cfd332f2.svg);background-repeat:no-repeat;background-position:50%;cursor:pointer}#home .middle-box .message .right .news .active{background:#229bf9}#home .middle-box .message .right .news .active .circle{background-color:#fff}#home .middle-box .message .right .news .active li{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:16px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#fff}#home .middle-box .message .right .news .active .arrow .vector{background-image:url(../img/Vector_active.f8fd3b25.svg);background-repeat:no-repeat;background-position:50%}#home .middle-box .message .right .news .active:hover{box-shadow:none}#home .middle-box .message .right .news .content{height:0;overflow:hidden}#home .middle-box .message .right .news .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;position:static;line-height:22px;text-align:justify;color:#595959}#home .middle-box .message .right .news .content a,#home .middle-box .message .right .news .content p{margin:0 8px;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;font-feature-settings:"tnum" on,"lnum" on}#home .middle-box .message .right .news .content a{text-align:left;width:100%;display:block;height:22px;order:2;cursor:pointer;line-height:18px;color:#229bf9}#home .middle-box .partner{width:1200px;padding:0 0;margin:0 auto 28px auto}#home .middle-box .partner .head{width:100%;display:flex;position:relative}#home .middle-box .partner .head .title span{font-family:OPPOSans;font-style:normal;font-weight:500;font-size:24px;line-height:24px;font-feature-settings:"tnum" on,"lnum" on;color:#000;margin-bottom:9px}#home .middle-box .partner .head .title .line{margin:0}#home .middle-box .partner .head .more{position:absolute;width:28px;height:32px;right:0;top:calc(50% + 16px);cursor:pointer;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:14px;line-height:32px;font-feature-settings:"tnum" on,"lnum" on;color:#229bf9}#home .middle-box .partner .partner-list{margin-top:24px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0;flex-wrap:wrap;width:1200px;order:2;align-self:stretch}#home .middle-box .partner .partner-list img{margin:12px 0;border-radius:4px}#home .middle-box .partner .partner-list img:hover{box-shadow:0 4px 24px rgba(0,0,0,.1)}