#container .banner-wrapper{width:100%;margin-top:64px;position:relative}#container .banner-wrapper img{width:100%}#container .banner-wrapper .text-box{height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#container .banner-wrapper .text-box .text1{height:56px;font-size:40px;font-weight:bold;color:#fff;line-height:56px}#container .banner-wrapper .text-box .text2{width:440px;line-height:28px;font-size:16px;color:#fff;margin-top:20px}#container .banner-wrapper .text-box .btn-box{width:176px;height:58px;line-height:58px;background:#1a66ff;border-radius:29px;font-size:16px;color:#fff;text-align:center;margin-top:40px;cursor:pointer}#container .banner-wrapper .text-box .btn-box a{display:block;color:#fff;width:100%;height:100%;border-radius:29px}#container .show-wrapper{padding:76px 0 132px;background:url("../images/img/visual-data-show-bg.png") no-repeat 0 0;background-size:cover}#container .show-wrapper .content-wrapper h2{height:40px;font-size:28px;font-weight:bold;color:#1f1f1f;line-height:40px;margin-bottom:80px}#container .show-wrapper .content-wrapper ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#container .show-wrapper .content-wrapper ul li{width:290px;height:304px;background:#fff;-webkit-box-shadow:0px 2px 12px 0px rgba(9,23,63,.06);box-shadow:0px 2px 12px 0px rgba(9,23,63,.06);padding:40px 24px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}#container .show-wrapper .content-wrapper ul li .img-box{width:64px;height:64px}#container .show-wrapper .content-wrapper ul li .img-box img{width:100%;height:100%}#container .show-wrapper .content-wrapper ul li .title{height:32px;font-size:24px;font-weight:bold;color:#1f1f1f;line-height:32px;margin-top:24px}#container .show-wrapper .content-wrapper ul li .description{margin-top:16px;font-size:16px;color:#7c7c7c;line-height:24px}#container .show-wrapper .content-wrapper ul li:hover{-webkit-box-shadow:0px 32px 32px 0px rgba(0,0,0,.1);box-shadow:0px 32px 32px 0px rgba(0,0,0,.1);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}#container .safety-wrapper{padding:75px 0 83px}#container .safety-wrapper .content-wrapper h2{height:40px;font-size:28px;font-weight:bold;color:#1f1f1f;line-height:40px;margin-bottom:16px}#container .safety-wrapper .content-wrapper .description-box{font-size:18px;color:#7c7c7c;line-height:36px}#container .safety-wrapper .content-wrapper .img-wrapper{margin-top:39px;height:600px}#container .safety-wrapper .content-wrapper .img-wrapper .line{text-align:center}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1 .img1{width:530px;height:346px;opacity:0;-webkit-transform:translateX(70px);-ms-transform:translateX(70px);transform:translateX(70px)}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1 .img2{width:565px;height:306px;-webkit-transform:translate3d(-70px, 10px, 0);transform:translate3d(-70px, 10px, 0);opacity:0}#container .safety-wrapper .content-wrapper .img-wrapper .line.line2{-webkit-transform:translateY(-305px);-ms-transform:translateY(-305px);transform:translateY(-305px);opacity:0}#container .safety-wrapper .content-wrapper .img-wrapper .line.line2 .img3{width:658px;height:430px}#container .safety-wrapper .content-wrapper .img-wrapper.animate .line.line1 .img1{-webkit-animation:moveFromRight1 .5s ease-in-out 0s forwards;animation:moveFromRight1 .5s ease-in-out 0s forwards}#container .safety-wrapper .content-wrapper .img-wrapper.animate .line.line1 .img2{-webkit-animation:moveFromLeft1 .5s ease-in-out 0s forwards;animation:moveFromLeft1 .5s ease-in-out 0s forwards}#container .safety-wrapper .content-wrapper .img-wrapper.animate .line.line2{-webkit-animation:moveFromTop1 .5s ease-in-out 0s forwards;animation:moveFromTop1 .5s ease-in-out 0s forwards}#container .daily-wrapper{padding:75px 0 83px;background:#f2f5ff}#container .daily-wrapper .content-wrapper h2{height:40px;font-size:28px;font-weight:bold;color:#1f1f1f;line-height:40px;margin-bottom:16px}#container .daily-wrapper .content-wrapper .description-box{font-size:18px;color:#7c7c7c;line-height:36px}#container .daily-wrapper .content-wrapper .img-box{margin-top:78px}#container .daily-wrapper .content-wrapper .img-box img{width:100%}#container .use-wrapper{padding:75px 0}#container .use-wrapper .content-wrapper h2{height:40px;font-size:28px;font-weight:bold;color:#1f1f1f;line-height:40px;margin-bottom:16px}#container .use-wrapper .content-wrapper .description-box{font-size:18px;color:#7c7c7c;line-height:36px}#container .use-wrapper .img-wrapper{background:url("../images/icon/visual-data-use-bg.svg") no-repeat center center;background-size:cover;margin-top:96px}#container .use-wrapper .img-wrapper .content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#container .use-wrapper .img-wrapper .content-wrapper .left-img{width:388px;height:416px;opacity:0;-webkit-transform:translateX(-70px);-ms-transform:translateX(-70px);transform:translateX(-70px)}#container .use-wrapper .img-wrapper .content-wrapper .right-img{width:416px;height:312px;opacity:0;-webkit-transform:translateX(70px);-ms-transform:translateX(70px);transform:translateX(70px)}#container .use-wrapper .img-wrapper.animate .content-wrapper .left-img{-webkit-animation:imgMoveFromLeft .5s ease-in-out 0s forwards;animation:imgMoveFromLeft .5s ease-in-out 0s forwards}#container .use-wrapper .img-wrapper.animate .content-wrapper .right-img{-webkit-animation:imgMoveFromRight .5s ease-in-out 0s forwards;animation:imgMoveFromRight .5s ease-in-out 0s forwards}#container .cost-wrapper{padding:76px 0 95px;background-color:#f2f5ff}#container .cost-wrapper .content-wrapper h2{height:40px;font-size:28px;font-weight:bold;color:#1f1f1f;line-height:40px;margin-bottom:16px}#container .cost-wrapper .content-wrapper .description-box{font-size:18px;color:#7c7c7c;line-height:36px}#container .cost-wrapper .content-wrapper .img-wrapper{margin-top:63px;height:600px}#container .cost-wrapper .content-wrapper .img-wrapper .line{text-align:center}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1 .img1{width:587px;height:416px;-webkit-transform:translateX(70px);-ms-transform:translateX(70px);transform:translateX(70px);opacity:0}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1 .img2{width:502px;height:475px;-webkit-transform:translateX(-70px);-ms-transform:translateX(-70px);transform:translateX(-70px);opacity:0}#container .cost-wrapper .content-wrapper .img-wrapper .line.line2{-webkit-transform:translateY(-413px);-ms-transform:translateY(-413px);transform:translateY(-413px);opacity:0}#container .cost-wrapper .content-wrapper .img-wrapper .line.line2 .img3{width:658px;height:422px}#container .cost-wrapper .content-wrapper .img-wrapper.animate .line.line1 .img1{-webkit-animation:moveFromRight2 .5s ease-in-out 0s forwards;animation:moveFromRight2 .5s ease-in-out 0s forwards}#container .cost-wrapper .content-wrapper .img-wrapper.animate .line.line1 .img2{-webkit-animation:moveFromLeft2 .5s ease-in-out 0s forwards;animation:moveFromLeft2 .5s ease-in-out 0s forwards}#container .cost-wrapper .content-wrapper .img-wrapper.animate .line.line2{-webkit-animation:moveFromTop2 .5s ease-in-out 0s forwards;animation:moveFromTop2 .5s ease-in-out 0s forwards}@media screen and (max-width: 1300px){#container .banner-wrapper .text-box{width:80%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);left:20px}#container .banner-wrapper .text-box .text1{font-size:32px}#container .banner-wrapper .text-box .text2{font-size:22px}#container .banner-wrapper .text-box .btn-box{width:160px;height:50px;line-height:50px;margin-top:32px}#container .show-wrapper{padding:50px 0 100px}#container .show-wrapper .content-wrapper h2{font-size:24px;margin-bottom:60px}#container .show-wrapper .content-wrapper ul li{width:230px;height:284px;padding:30px 20px 0}#container .show-wrapper .content-wrapper ul li .img-box{width:48px;height:48px}#container .show-wrapper .content-wrapper ul li .title{font-size:18px;height:26px;line-height:26px;margin-top:22px}#container .show-wrapper .content-wrapper ul li .description{font-size:14px;line-height:22px}#container .safety-wrapper .content-wrapper h2{font-size:24px}#container .safety-wrapper .content-wrapper .description-box{margin-top:10px;font-size:16px;line-height:32px}#container .safety-wrapper .content-wrapper .img-wrapper{height:450px}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1 .img1{width:400px;height:262px;opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}#container .safety-wrapper .content-wrapper .img-wrapper .line.line1 .img2{width:435px;height:236px;opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}#container .safety-wrapper .content-wrapper .img-wrapper .line.line2{-webkit-transform:translateY(-170px);-ms-transform:translateY(-170px);transform:translateY(-170px);opacity:1}#container .safety-wrapper .content-wrapper .img-wrapper .line.line2 .img3{width:500px;height:330px}#container .daily-wrapper{padding:60px 0}#container .daily-wrapper .content-wrapper h2{font-size:24px}#container .daily-wrapper .content-wrapper .description-box{margin-top:10px;font-size:16px;line-height:32px}#container .use-wrapper .content-wrapper h2{font-size:24px}#container .use-wrapper .content-wrapper .description-box{margin-top:10px;font-size:16px;line-height:32px}#container .use-wrapper .img-wrapper{margin-top:66px}#container .use-wrapper .img-wrapper .content-wrapper .left-img{width:360px;height:386px;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#container .use-wrapper .img-wrapper .content-wrapper .right-img{width:396px;height:297px;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#container .cost-wrapper .content-wrapper h2{font-size:24px}#container .cost-wrapper .content-wrapper .description-box{margin-top:10px;font-size:16px;line-height:32px}#container .cost-wrapper .content-wrapper .img-wrapper{height:450px}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1 .img1{width:450px;height:320px;opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}#container .cost-wrapper .content-wrapper .img-wrapper .line.line1 .img2{width:380px;height:360px;opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}#container .cost-wrapper .content-wrapper .img-wrapper .line.line2{-webkit-transform:translateY(-264px);-ms-transform:translateY(-264px);transform:translateY(-264px);opacity:1}#container .cost-wrapper .content-wrapper .img-wrapper .line.line2 .img3{width:500px;height:321px}}@-webkit-keyframes moveFromRight1{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveFromRight1{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveFromLeft1{0%{opacity:0;-webkit-transform:translate3d(-70px, 10px, 0);transform:translate3d(-70px, 10px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}@keyframes moveFromLeft1{0%{opacity:0;-webkit-transform:translate3d(-70px, 10px, 0);transform:translate3d(-70px, 10px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}}@-webkit-keyframes moveFromTop1{0%{opacity:0;-webkit-transform:translateY(-305px);transform:translateY(-305px)}100%{opacity:1;-webkit-transform:translateY(-235px);transform:translateY(-235px)}}@keyframes moveFromTop1{0%{opacity:0;-webkit-transform:translateY(-305px);transform:translateY(-305px)}100%{opacity:1;-webkit-transform:translateY(-235px);transform:translateY(-235px)}}@-webkit-keyframes moveFromRight2{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveFromRight2{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveFromLeft2{0%{opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveFromLeft2{0%{opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveFromTop2{0%{opacity:0;-webkit-transform:translateY(-413px);transform:translateY(-413px)}100%{opacity:1;-webkit-transform:translateY(-343px);transform:translateY(-343px)}}@keyframes moveFromTop2{0%{opacity:0;-webkit-transform:translateY(-413px);transform:translateY(-413px)}100%{opacity:1;-webkit-transform:translateY(-343px);transform:translateY(-343px)}}@-webkit-keyframes imgMoveFromLeft{0%{opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes imgMoveFromLeft{0%{opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes imgMoveFromRight{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes imgMoveFromRight{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}