.page-banner-bg{background-image:url(../images/product_dashuju/ban-bg.jpg)}.proH-banner .ban-img{width:473px;height:296px;float:right;margin-top:134px;position:relative}.proH-banner .ban-img img{position:absolute;border:0}.proH-banner .ban-img .move-left1{left:0;top:154px}.proH-banner .ban-img .ban-line1{left:33px;bottom:112px;-moz-animation:fadeup 1s infinite;-ms-animation:fadeup 1s infinite;-webkit-animation:fadeup 1s infinite;-o-animation:fadeup 1s infinite;animation:fadeup 1s infinite}@-moz-keyframes fadeup{0%{-moz-transform:translateY(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{-moz-transform:translateY(-70px);opacity:0}}@-ms-keyframes fadeup{0%{-ms-transform:translateY(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{-ms-transform:translateY(-70px);opacity:0}}@-webkit-keyframes fadeup{0%{-webkit-transform:translateY(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{-webkit-transform:translateY(-70px);opacity:0}}@-o-keyframes fadeup{0%{-o-transform:translateY(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{-o-transform:translateY(-70px);opacity:0}}@keyframes fadeup{0%{transform:translateY(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{transform:translateY(-70px);opacity:0}}.proH-banner .ban-img .ban-line2{left:63px;bottom:175px;-moz-animation:fadeup 1s .8s infinite;-ms-animation:fadeup 1s .8s infinite;-webkit-animation:fadeup 1s .8s infinite;-o-animation:fadeup 1s .8s infinite;animation:fadeup 1s .8s infinite;opacity:0}.proH-banner .ban-img .ban-line3{left:73px;bottom:135px;-moz-animation:fadeup 1s .4s infinite;-ms-animation:fadeup 1s .4s infinite;-webkit-animation:fadeup 1s .4s infinite;-o-animation:fadeup 1s .4s infinite;animation:fadeup 1s .4s infinite;opacity:0}.proH-banner .ban-img .ban-line4{left:104px;bottom:114px;-moz-animation:fadeup 1s .2s infinite;-ms-animation:fadeup 1s .2s infinite;-webkit-animation:fadeup 1s .2s infinite;-o-animation:fadeup 1s .2s infinite;animation:fadeup 1s .2s infinite;opacity:0}.proH-banner .ban-img .ban-left-icon1{top:168px;left:37px;-moz-animation:left-updown 1.7s infinite ease-in both;-ms-animation:left-updown 1.7s infinite ease-in both;-webkit-animation:left-updown 1.7s infinite ease-in both;-o-animation:left-updown 1.7s infinite ease-in both;animation:left-updown 1.7s infinite ease-in both}@-moz-keyframes left-updown{0%,100%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(-10px)}}@-ms-keyframes left-updown{0%,100%{-ms-transform:translateY(0)}50%{-ms-transform:translateY(-10px)}}@-webkit-keyframes left-updown{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-10px)}}@-o-keyframes left-updown{0%,100%{-o-transform:translateY(0)}50%{-o-transform:translateY(-10px)}}@keyframes left-downup{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.proH-banner .ban-img .ban-left-icon2{top:153px;left:64px;-moz-animation:left-updown1 1.3s infinite ease-in both;-ms-animation:left-updown1 1.3s infinite ease-in both;-webkit-animation:left-updown1 1.3s infinite ease-in both;-o-animation:left-updown1 1.3s infinite ease-in both;animation:left-updown1 1.3s infinite ease-in both}@-moz-keyframes left-updown1{0%,100%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(-5px)}}@-ms-keyframes left-updown1{0%,100%{-ms-transform:translateY(0)}50%{-ms-transform:translateY(-5px)}}@-webkit-keyframes left-updown1{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}}@-o-keyframes left-updown1{0%,100%{-o-transform:translateY(0)}50%{-o-transform:translateY(-5px)}}@keyframes left-updown1{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.proH-banner .ban-img .ban-left-icon3{top:134px;left:51px;-moz-animation:left-downup 1.7s infinite ease-in both;-ms-animation:left-downup 1.7s infinite ease-in both;-webkit-animation:left-downup 1.7s infinite ease-in both;-o-animation:left-downup 1.7s infinite ease-in both;animation:left-downup 1.7s infinite ease-in both}.proH-banner .ban-img .ban-left-icon4{top:142px;left:84px;-moz-animation:left-downup 1.7s .5s infinite ease-in both;-ms-animation:left-downup 1.7s .5s infinite ease-in both;-webkit-animation:left-downup 1.7s .5s infinite ease-in both;-o-animation:left-downup 1.7s .5s infinite ease-in both;animation:left-downup 1.7s .5s infinite ease-in both}.proH-banner .ban-img .ban-left-icon5{top:181px;left:67px;-moz-animation:left-updown 1.7s .7s infinite ease-in both;-ms-animation:left-updown 1.7s .7s infinite ease-in both;-webkit-animation:left-updown 1.7s .7s infinite ease-in both;-o-animation:left-updown 1.7s .7s infinite ease-in both;animation:left-updown 1.7s .7s infinite ease-in both}.proH-banner .ban-img .move-left2{left:65px;top:150px}.proH-banner .ban-img .move-center1{left:87px;top:4px}.proH-banner .ban-img .move-center2{top:92px;left:153px}.move-center-rectangles{position:absolute;left:186px;top:84px;width:20px;height:27px;overflow:hidden;-webkit-transform:skewY(27deg);-moz-transform:skewY(27deg);-ms-transform:skewY(27deg);-o-transform:skewY(27deg);transform:skewY(27deg)}.move-center-rectangles div{position:absolute;left:0;bottom:0;width:20px;height:14px;background:#0254bf;-webkit-animation:move-center-rectangles 2.2s linear infinite;-moz-animation:move-center-rectangles 2.2s linear infinite;-ms-animation:move-center-rectangles 2.2s linear infinite;-o-animation:move-center-rectangles 2.2s linear infinite;animation:move-center-rectangles 2.2s linear infinite}@-webkit-keyframes move-center-rectangles{from{-webkit-transform:translateY(14px)}70%,to{-webkit-transform:translateY(-10px)}}@-moz-keyframes move-center-rectangles{from{-moz-transform:translateY(14px)}70%,to{-moz-transform:translateY(-10px)}}@-ms-keyframes move-center-rectangles{from{-ms-transform:translateY(14px)}70%,to{-ms-transform:translateY(-10px)}}@-o-keyframes move-center-rectangles{from{-o-transform:translateY(14px)}70%,to{-o-transform:translateY(-10px)}}@keyframes move-center-rectangles{from{transform:translateY(14px)}70%,to{transform:translateY(-10px)}}.move-center-heyslim{position:absolute;left:174px;top:71px;width:20px;height:11px;overflow:hidden;-webkit-transform:skewY(27deg);-moz-transform:skewY(27deg);-ms-transform:skewY(27deg);-o-transform:skewY(27deg);transform:skewY(27deg)}.move-center-heyslim .line1{width:20px;height:2px;background:#7dbfef;position:absolute;left:0;top:0;-webkit-animation:heyslimline1 2s linear infinite forwards;-moz-animation:heyslimline1 2s linear infinite forwards;-ms-animation:heyslimline1 2s linear infinite forwards;-o-animation:heyslimline1 2s linear infinite forwards;animation:heyslimline1 2s linear infinite forwards}@-webkit-keyframes heyslimline1{from{-webkit-transform:translateX(-20px)}80%,to{-webkit-transform:translateX(0)}}@-moz-keyframes heyslimline1{from{-moz-transform:translateX(-20px)}80%,to{-moz-transform:translateX(0)}}@-ms-keyframes heyslimline1{from{-ms-transform:translateX(-20px)}80%,to{-ms-transform:translateX(0)}}@-o-keyframes heyslimline1{from{-o-transform:translateX(-20px)}80%,to{-o-transform:translateX(0)}}@keyframes heyslimline1{from{transform:translateX(-20px)}80%,to{transform:translateX(0)}}.move-center-heyslim .line2{width:16px;height:2px;background:#7dbfef;position:absolute;left:0;top:4px;-webkit-animation:heyslimline2 1.6s linear infinite forwards;-moz-animation:heyslimline2 1.6s linear infinite forwards;-ms-animation:heyslimline2 1.6s linear infinite forwards;-o-animation:heyslimline2 1.6s linear infinite forwards;animation:heyslimline2 1.6s linear infinite forwards}@-webkit-keyframes heyslimline2{from{-webkit-transform:translateX(-16px)}80%,to{-webkit-transform:translateX(0)}}@-moz-keyframes heyslimline2{from{-moz-transform:translateX(-16px)}80%,to{-moz-transform:translateX(0)}}@-ms-keyframes heyslimline2{from{-ms-transform:translateX(-16px)}80%,to{-ms-transform:translateX(0)}}@-o-keyframes heyslimline2{from{-o-transform:translateX(-16px)}80%,to{-o-transform:translateX(0)}}@keyframes heyslimline2{from{transform:translateX(-16px)}80%,to{transform:translateX(0)}}.move-center-heyslim .line3{width:10px;height:2px;background:#7dbfef;position:absolute;left:0;top:8px;-webkit-animation:heyslimline3 1.6s linear infinite forwards;-moz-animation:heyslimline3 1.6s linear infinite forwards;-ms-animation:heyslimline3 1.6s linear infinite forwards;-o-animation:heyslimline3 1.6s linear infinite forwards;animation:heyslimline3 1.6s linear infinite forwards}@-webkit-keyframes heyslimline3{from{-webkit-transform:translateX(-10px)}80%,to{-webkit-transform:translateX(0)}}@-moz-keyframes heyslimline3{from{-moz-transform:translateX(-10px)}80%,to{-moz-transform:translateX(0)}}@-ms-keyframes heyslimline3{from{-ms-transform:translateX(-10px)}80%,to{-ms-transform:translateX(0)}}@-o-keyframes heyslimline3{from{-o-transform:translateX(-10px)}80%,to{-o-transform:translateX(0)}}@keyframes heyslimline3{from{transform:translateX(-10px)}80%,to{transform:translateX(0)}}.ban-center-tu3{left:116px;bottom:180px;-webkit-animation:ban-center-tu3 1.6s linear infinite forwards;-moz-animation:ban-center-tu3 1.6s linear infinite forwards;-ms-animation:ban-center-tu3 1.6s linear infinite forwards;-o-animation:ban-center-tu3 1.6s linear infinite forwards;animation:ban-center-tu3 1.6s linear infinite forwards;opacity:0}@-webkit-keyframes ban-center-tu3{50%{opacity:1}}@-moz-keyframes ban-center-tu3{50%{opacity:1}}@-ms-keyframes ban-center-tu3{50%{opacity:1}}@-o-keyframes ban-center-tu3{50%{opacity:1}}@keyframes ban-center-tu3{50%{opacity:1}}.ban-center-tu13{left:212px;bottom:119px;-webkit-animation:ban-center-tu3 1.6s .3s linear infinite forwards;-moz-animation:ban-center-tu3 1.6s .3s linear infinite forwards;-ms-animation:ban-center-tu3 1.6s linear infinite forwards;-o-animation:ban-center-tu3 1.6s .3s linear infinite forwards;animation:ban-center-tu3 1.6s .3s linear infinite forwards;opacity:0}.ban-center-tu23{left:320px;bottom:182px;-webkit-animation:ban-center-tu3 1.6s .6s linear infinite forwards;-moz-animation:ban-center-tu3 1.6s .6s linear infinite forwards;-ms-animation:ban-center-tu3 1.6s .6s linear infinite forwards;-o-animation:ban-center-tu3 1.6s .6s linear infinite forwards;animation:ban-center-tu3 1.6s .6s linear infinite forwards;opacity:0}.ban-center-tu4{left:201px;top:-10px;-webkit-animation:ban-center-tu4 1.6s linear infinite forwards;-moz-animation:ban-center-tu4 1.6s linear infinite forwards;-ms-animation:ban-center-tu4 1.6s linear infinite forwards;-o-animation:ban-center-tu4 1.6s linear infinite forwards;animation:ban-center-tu4 1.6s linear infinite forwards}@-webkit-keyframes ban-center-tu4{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-12px)}}@-moz-keyframes ban-center-tu4{0%,100%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(-12px)}}@-ms-keyframes ban-center-tu4{0%,100%{-ms-transform:translateY(0)}50%{-ms-transform:translateY(-12px)}}@-o-keyframes ban-center-tu4{0%,100%{-o-transform:translateY(0)}50%{-o-transform:translateY(-12px)}}@keyframes ban-center-tu4{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.proH-banner .ban-img .small-circle1{width:7px;height:7px;background:#14919f;border-radius:50%;position:absolute;left:150px;top:148px}.proH-banner .ban-img .small-circle2{width:8px;height:8px;background:#0e43ce;border-radius:50%;position:absolute;left:302px;top:134px}.proH-banner .ban-img .move-right8{top:135px;left:305px}.proH-banner .ban-img .move-right1{top:103px;left:292px}.move-left-path{position:absolute;left:91px;bottom:106px;width:64px;height:40px}.ban-left-path1{left:0;top:0;offset-path:path('M0.500,40.500 L64.500,0.500 ');-webkit-animation:ban-left-path1 4s ease-out infinite;-moz-animation:ban-left-path1 4s ease-out infinite;-ms-animation:ban-left-path1 4s ease-out infinite;-o-animation:ban-left-path1 4s ease-out infinite;animation:ban-left-path1 4s ease-out infinite}@keyframes ban-left-path1{0%{opacity:0;offset-distance:0}2%,12.8%{opacity:1}14.8%,100%{offset-distance:100%;opacity:0}}.ban-left-path2{left:0;top:0;offset-path:path('M0.500,40.500 L64.500,0.500 ');-webkit-animation:ban-left-path2 4s ease-out infinite forwards;-moz-animation:ban-left-path2 4s ease-out infinite forwards;-ms-animation:ban-left-path2 4s ease-out infinite forwards;-o-animation:ban-left-path2 4s ease-out infinite forwards;animation:ban-left-path2 4s ease-out infinite forwards;opacity:0}@keyframes ban-left-path2{14.8%{opacity:0;offset-distance:0}16.8%,30.7%{opacity:1}32.7%,100%{offset-distance:100%;opacity:0}}.move-right-path{position:absolute;left:305px;top:135px;width:69px;height:47px}.move-right-path1{left:0;top:0;offset-path:path('M1.030,0.500 L69.530,42.000 ');-webkit-animation:move-right-path1 4s ease-out infinite;-moz-animation:move-right-path1 4s ease-out infinite;-ms-animation:move-right-path1 4s ease-out infinite;-o-animation:move-right-path1 4s ease-out infinite;animation:move-right-path1 4s ease-out infinite;opacity:0}@keyframes move-right-path1{32.7%{opacity:0;offset-distance:0}34.7%,48.5%{opacity:1}50.5%,100%{offset-distance:100%;opacity:0}}.move-right-path2{left:0;top:0;offset-path:path('M1.030,0.500 L69.530,42.000 ');-webkit-animation:move-right-path2 4s ease-out infinite forwards;-moz-animation:move-right-path2 4s ease-out infinite forwards;-ms-animation:move-right-path2 4s ease-out infinite forwards;-o-animation:move-right-path2 4s ease-out infinite forwards;animation:move-right-path2 4s ease-out infinite forwards;opacity:0}@keyframes move-right-path2{50.5%{offset-distance:0;opacity:0}52.5%,66.4%{opacity:1}68.4%,100%{offset-distance:100%;opacity:0}}.ban-right-tu2{left:355px;top:166px;-webkit-animation:ban-right-tu2 4s ease-out infinite;-moz-animation:ban-right-tu2 4s ease-out infinite;-ms-animation:ban-right-tu2 4s ease-out infinite;-o-animation:ban-right-tu2 4s ease-out infinite;animation:ban-right-tu2 4s ease-out infinite;opacity:0}@keyframes ban-right-tu2{68.4%{transform:translate(0,0);opacity:0}70.4%,73.7%{opacity:1}75.7%,100%{transform:translate(-18px,10px);opacity:1}}.ban-right-tu4{left:341px;top:178px;-webkit-animation:ban-right-tu4 4s ease-out infinite;-moz-animation:ban-right-tu4 4s ease-out infinite;-ms-animation:ban-right-tu4 4s ease-out infinite;-o-animation:ban-right-tu4 4s ease-out infinite;animation:ban-right-tu4 4s ease-out infinite;opacity:0}@keyframes ban-right-tu4{75.7%{transform:translate(0,0);opacity:0}77.7%,80%{opacity:1}82%,100%{transform:translate(-14px,7px);opacity:1}}.ban-right-tu3{left:402px;top:166px;-webkit-animation:ban-right-tu3 4s ease-out infinite;-moz-animation:ban-right-tu3 4s ease-out infinite;-ms-animation:ban-right-tu3 4s ease-out infinite;-o-animation:ban-right-tu3 4s ease-out infinite;animation:ban-right-tu3 4s ease-out infinite;opacity:0}@keyframes ban-right-tu3{68.4%{transform:translate(0,0);opacity:0}70.4%,73.7%{opacity:1}75.7%,100%{transform:translate(20px,10px);opacity:1}}.ban-right-tu5{left:416px;top:178px;-webkit-animation:ban-right-tu5 4s ease-out infinite;-moz-animation:ban-right-tu5 4s ease-out infinite;-ms-animation:ban-right-tu5 4s ease-out infinite;-o-animation:ban-right-tu5 4s ease-out infinite;animation:ban-right-tu5 4s ease-out infinite;opacity:0}@keyframes ban-right-tu5{75.7%{transform:translate(0,0);opacity:0}77.7%,80%{opacity:1}82%,100%{transform:translate(17px,4px);opacity:1}}.ban-right-tu6{top:113px;right:60px;-webkit-animation:ban-right-tu6 4s ease-out infinite forwards;-moz-animation:ban-right-tu6 4s ease-out infinite forwards;-ms-animation:ban-right-tu6 4s ease-out infinite forwards;-o-animation:ban-right-tu6 4s ease-out infinite forwards;animation:ban-right-tu6 4s ease-out infinite forwards;opacity:0}@keyframes ban-right-tu6{68.4%{opacity:0}69.4%,100%{opacity:1}}.ban-right-tu7{top:92px;right:55px;-webkit-animation:ban-right-tu7 4s ease-out infinite forwards;-moz-animation:ban-right-tu7 4s ease-out infinite forwards;-ms-animation:ban-right-tu7 4s ease-out infinite forwards;-o-animation:ban-right-tu7 4s ease-out infinite forwards;animation:ban-right-tu7 4s ease-out infinite forwards;transform:scale(0)}@keyframes ban-right-tu7{68.4%{transform:scale(0)}75.7%,100%{transform:scale(1)}}.product-architecture{padding:75px 0 114px;background-color:#f3faff}.product-architecture .main-title{padding-top:34px;text-align:center}.product-architecture .main-title img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto}.program-value{background:#fff}.program-value li .icon-advantagesD1:before{background-position:0 -280px}.program-value li .icon-advantagesD2:before{background-position:-56px -280px}.program-value li .icon-advantagesD3:before{background-position:-112px -280px}@media(min-width:769px){.demonstration-tab{padding:62px 0 45px;background-image:url(../images/product_dashuju/demo-bg1.jpg);background-color:#f3faff;background-position:center bottom;background-repeat:no-repeat}.demonstration-tab .layui-tab-title{width:1124px;height:40px;padding:7px;border-radius:27px;background:#fff;box-shadow:0 0 8px rgba(194,215,236,.18);position:relative;margin:44px auto 25px}.demonstration-tab .layui-tab-title li{vertical-align:top;display:inline-block;width:auto;height:40px;border-radius:20px;position:relative;padding:0 20px;margin:0}.demonstration-tab .layui-tab-title li:nth-child(2){padding-left:0}.demonstration-tab .layui-tab-title li:last-child{padding-right:0}.demonstration-tab .layui-tab-title li:before{display:none}.demonstration-tab .layui-tab-title li:after,.demonstration-tab .layui-tab-title .layui-this:after{content:'';display:block !important;position:absolute;left:auto !important;right:0 !important;top:50% !important;margin-top:-5px !important;width:8px !important;height:8px !important;background:none !important;border:0 !important;border-right:1px solid #666 !important;border-top:1px solid #666 !important;border-radius:0 !important;transform:rotate(45deg)}.demonstration-tab .layui-tab-title li:last-child:after,.demonstration-tab .layui-tab-title li:last-child:after{display:none !important}.demonstration-tab .layui-tab-title li p{width:auto;height:40px;line-height:40px;text-align:center;color:#151c35;font-size:14px;padding:0 15px;position:relative;z-index:2;-webkit-transition:.05s .1s linear;transition:.05s .1s linear}.demonstration-tab .layui-tab-title .btn-hover{position:absolute;left:9.5px;top:7px;z-index:0;width:142px;height:40px;border-radius:20px;background-image:linear-gradient(90deg,#1974e0,#01d5ec);background-color:#01d5ec;-webkit-transition:.2s cubic-bezier(.4,0,.2,1);transition:.2s cubic-bezier(.4,0,.2,1)}.demonstration-tab .layui-tab-title li.layui-this p{color:#fff}.demonstration-tab .layui-tab-content{width:920px;height:506px;background-image:url(../images/product_dashuju/demo-frame.png);background-color:transparent;background-position:center;background-repeat:no-repeat;box-shadow:2px 0 18px rgba(194,215,236,.3);padding:14px 14px 13px;position:relative;-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);margin:22px auto 25px}.demonstration-tab .layui-tab-content .layui-tab-item{padding:0;position:relative;background-color:#fff;box-shadow:none;margin:0 auto}.demonstration-tab .layui-tab-content .layui-tab-item .img{width:920px;height:506px;cursor:pointer;margin:0 auto}}@media screen and (max-width:768px){.page-banner-bg{background-position:70% center}.page-banner .ban-img{float:none;right:5%;margin-top:70px;margin-right:20px}.product-architecture{padding:50px 0 45px}.product-architecture .main-title{padding:20px 20px 0}.demonstration-tab{padding:40px 0 30px;background-color:#f3faff}.demonstration-tab .layui-tab-title{overflow-x:auto;padding:0 10px;margin:15px 0 0}.demonstration-tab .layui-tab-title li{margin:0 8px;padding:0 8px}.demonstration-tab .layui-tab-title li.layui-this{color:#596efb}.demonstration-tab .layui-tab-title li.layui-this:before{background:#596efb;-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.demonstration-tab .layui-tab-item{width:calc(90% - 50px);height:auto;overflow:hidden;padding:25px;position:relative;background-color:#fff;box-shadow:0 1px 20px rgba(194,215,236,.5);margin:20px auto}.demonstration-tab .layui-tab-item video,.demonstration-tab .imgAddvideo{width:100%;height:auto}.my-video1-dimensions{width:323px;height:178px}}