#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{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 .advantages-wrapper{width:100%;padding:72px 0 122px;background-image:url("../images/img/offical-advantages-bg.png");background-position:center center;background-repeat:no-repeat;background-size:100% 100%}#container .advantages-wrapper .content-wrapper h3{height:45px;font-size:32px;color:#1f1f1f;line-height:45px;font-weight:bold;text-align:center;margin-bottom:48px}#container .advantages-wrapper .content-wrapper .content-box .card-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container .advantages-wrapper .content-wrapper .content-box .card-box .card{padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;-webkit-box-shadow:0px 2px 12px 0px rgba(9,23,63,.08);box-shadow:0px 2px 12px 0px rgba(9,23,63,.08);border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}#container .advantages-wrapper .content-wrapper .content-box .card-box .card img{width:64px;height:64px}#container .advantages-wrapper .content-wrapper .content-box .card-box .card .title{margin:24px 0 17px;height:28px;font-size:24px;color:#1f1f1f;line-height:28px;font-weight:bold}#container .advantages-wrapper .content-wrapper .content-box .card-box .card .desc{font-size:18px;color:#7c7c7c;line-height:32px}#container .advantages-wrapper .content-wrapper .content-box .card-box .card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:0}#container .advantages-wrapper .content-wrapper .content-box .card-box .card:hover::before{opacity:1}#container .advantages-wrapper .content-wrapper .content-box .card-box .card>*{position:relative;z-index:1}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box1 .card{width:calc((100% - 15px)/2);height:280px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box1 .card::before{background-image:url("../images/img/offical-advantages-bg1.png")}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2{margin-top:16px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2 .card{width:calc((100% - 24px)/3);height:310px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2 .card .title{margin-bottom:16px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2 .card::before{background-image:url("../images/img/offical-advantages-bg2.png")}#container .main-content-container{padding:72px 0}#container .main-content-container .content-wrapper h3{height:45px;font-size:32px;color:#1f1f1f;line-height:45px;font-weight:bold;text-align:center;margin-bottom:64px}#container .main-content-container .content-wrapper ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 152px);margin:0 76px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#container .main-content-container .content-wrapper ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}#container .main-content-container .content-wrapper ul li .img-box{width:88px;height:88px;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#container .main-content-container .content-wrapper ul li .img-box.img-box1{background-image:url("../images/icon/offical-main-nav-1.svg")}#container .main-content-container .content-wrapper ul li .img-box.img-box2{background-image:url("../images/icon/offical-main-nav-2.svg")}#container .main-content-container .content-wrapper ul li .img-box.img-box3{background-image:url("../images/icon/offical-main-nav-3.svg")}#container .main-content-container .content-wrapper ul li .img-box.img-box4{background-image:url("../images/icon/offical-main-nav-4.svg")}#container .main-content-container .content-wrapper ul li .img-box.img-box5{background-image:url("../images/icon/offical-main-nav-5.svg")}#container .main-content-container .content-wrapper ul li .img-box.img-box6{background-image:url("../images/icon/offical-main-nav-6.svg")}#container .main-content-container .content-wrapper ul li span{margin-top:12px;height:28px;font-size:20px;color:#7c7c7c;line-height:28px;-webkit-transition:color .3s ease,font-weight .3s ease;transition:color .3s ease,font-weight .3s ease}#container .main-content-container .content-wrapper ul li.active .img-box.img-box1{background-image:url("../images/icon/offical-main-nav-1-active.svg")}#container .main-content-container .content-wrapper ul li.active .img-box.img-box2{background-image:url("../images/icon/offical-main-nav-2-active.svg")}#container .main-content-container .content-wrapper ul li.active .img-box.img-box3{background-image:url("../images/icon/offical-main-nav-3-active.svg")}#container .main-content-container .content-wrapper ul li.active .img-box.img-box4{background-image:url("../images/icon/offical-main-nav-4-active.svg")}#container .main-content-container .content-wrapper ul li.active .img-box.img-box5{background-image:url("../images/icon/offical-main-nav-5-active.svg")}#container .main-content-container .content-wrapper ul li.active .img-box.img-box6{background-image:url("../images/icon/offical-main-nav-6-active.svg")}#container .main-content-container .content-wrapper ul li.active span{color:#1a66ff;font-weight:bold}#container .main-content-container .content-wrapper .main-content-wrapper{margin-top:72px}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .desc{height:32px;font-size:18px;color:#000;line-height:32px;text-align:center}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box{position:relative;width:100%;margin-top:15px}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box img{position:absolute;display:block}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box img.img1{position:relative;display:block;width:100%}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img2{top:-77px;right:208px;width:408px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img3{bottom:3px;left:-39px;width:590px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img4{bottom:71px;right:-72px;width:455px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1.animate img.img2{-webkit-animation:moveFromTop1 .5s ease-in-out 0s forwards;animation:moveFromTop1 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1.animate img.img3{-webkit-animation:moveFromLeft1 .5s ease-in-out 0s forwards;animation:moveFromLeft1 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1.animate img.img4{-webkit-animation:moveFromRight1 .5s ease-in-out 0s forwards;animation:moveFromRight1 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img2{width:411px;top:-84px;left:178px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img3{width:478px;bottom:12px;right:167px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img4{width:523px;bottom:-87px;right:122px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2.animate img.img2{-webkit-animation:moveFromTop2 .5s ease-in-out 0s forwards;animation:moveFromTop2 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2.animate img.img3{-webkit-animation:opacity .5s ease-in-out 0s forwards;animation:opacity .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2.animate img.img4{-webkit-animation:moveFromBottom2 .5s ease-in-out 0s forwards;animation:moveFromBottom2 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img2{width:535px;bottom:-84px;right:252px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img3{width:201px;top:155px;right:214px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img4{width:230px;left:293px;top:275px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3.animate img.img2{-webkit-animation:moveFromBottom3 .5s ease-in-out 0s forwards;animation:moveFromBottom3 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3.animate img.img3{-webkit-animation:opacity .5s ease-in-out 0s forwards;animation:opacity .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3.animate img.img4{-webkit-animation:opacity .5s ease-in-out 0s forwards;animation:opacity .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box4 img.img2{width:548px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-84px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box4.animate img.img2{-webkit-animation:moveFromTop4 .5s ease-in-out 0s forwards;animation:moveFromTop4 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img2{width:389px;top:-83px;left:177px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img3{width:340px;left:-80px;bottom:86px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img4{width:365px;right:-59px;bottom:168px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5.animate img.img2{-webkit-animation:moveFromTop5 .5s ease-in-out 0s forwards;animation:moveFromTop5 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5.animate img.img3{-webkit-animation:moveFromLeft5 .5s ease-in-out 0s forwards;animation:moveFromLeft5 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5.animate img.img4{-webkit-animation:moveFromRight5 .5s ease-in-out 0s forwards;animation:moveFromRight5 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6 img.img2{width:647px;left:-87px;top:28px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6 img.img3{width:390px;left:236px;bottom:108px;opacity:0}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6.animate img.img2{-webkit-animation:moveFromLeft6 .5s ease-in-out 0s forwards;animation:moveFromLeft6 .5s ease-in-out 0s forwards}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6.animate img.img3{-webkit-animation:moveFromLeft7 .5s ease-in-out 0s forwards;animation:moveFromLeft7 .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:18px;line-height:28px}#container .banner-wrapper .text-box .btn-box{width:160px;height:50px;line-height:50px;margin-top:32px}#container .advantages-wrapper{padding:42px 0 92px}#container .advantages-wrapper .content-wrapper h3{height:auto;font-size:28px;line-height:40px}#container .advantages-wrapper .content-wrapper .content-box .card-box .card{padding:27px;-webkit-box-shadow:0px 2px 10px 0px rgba(9,23,63,.08);box-shadow:0px 2px 10px 0px rgba(9,23,63,.08)}#container .advantages-wrapper .content-wrapper .content-box .card-box .card img{width:54px;height:54px}#container .advantages-wrapper .content-wrapper .content-box .card-box .card .title{margin:20px 0 14px;height:24px;font-size:20px;height:24px}#container .advantages-wrapper .content-wrapper .content-box .card-box .card .desc{font-size:14px;line-height:28px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box1 .card{height:238px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2 .card{height:264px}#container .advantages-wrapper .content-wrapper .content-box .card-box.card-box2 .card .title{margin-bottom:14px}#container .main-content-container{padding:62px 0}#container .main-content-container .content-wrapper h3{height:auto;font-size:28px;line-height:40px}#container .main-content-container .content-wrapper ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 130px);margin:0 65px}#container .main-content-container .content-wrapper ul li .img-box{width:75px;height:75px}#container .main-content-container .content-wrapper ul li span{margin-top:10px;height:24px;font-size:18px;line-height:24px}#container .main-content-container .content-wrapper .main-content-wrapper{margin-top:65px}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .desc{height:26px;font-size:16px;line-height:26px}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box{margin-top:12px}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img2{top:-6px;right:93px;width:347px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img3{bottom:3px;left:26px;width:502px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box1 img.img4{bottom:60px;right:-2px;width:387px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img2{width:349px;top:-12px;left:151px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img3{width:406px;bottom:10px;right:142px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box2 img.img4{width:445px;bottom:-14px;right:104px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img2{width:455px;bottom:-12px;right:214px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img3{width:171px;top:132px;right:182px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box3 img.img4{width:196px;left:249px;top:234px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box4 img.img2{width:466px;top:-12px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img2{width:331px;top:-11px;left:150px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img3{width:289px;left:-8px;bottom:73px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box5 img.img4{width:310px;right:9px;bottom:143px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6 img.img2{width:550px;left:-14px;top:24px;opacity:1}#container .main-content-container .content-wrapper .main-content-wrapper .main-content-box .main-img-box.main-img-box6 img.img3{width:332px;left:260px;bottom:92px;opacity:1}}@-webkit-keyframes moveFromTop1{0%{opacity:0;top:-77px}100%{opacity:1;top:-7px}}@keyframes moveFromTop1{0%{opacity:0;top:-77px}100%{opacity:1;top:-7px}}@-webkit-keyframes moveFromLeft1{0%{opacity:0;left:-39px}100%{opacity:1;left:31px}}@keyframes moveFromLeft1{0%{opacity:0;left:-39px}100%{opacity:1;left:31px}}@-webkit-keyframes moveFromRight1{0%{opacity:0;right:-72px}100%{opacity:1;right:-2px}}@keyframes moveFromRight1{0%{opacity:0;right:-72px}100%{opacity:1;right:-2px}}@-webkit-keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes moveFromTop2{0%{opacity:0;top:-84px}100%{opacity:1;top:-14px}}@keyframes moveFromTop2{0%{opacity:0;top:-84px}100%{opacity:1;top:-14px}}@-webkit-keyframes moveFromBottom2{0%{opacity:0;bottom:-87px}100%{opacity:1;bottom:-17px}}@keyframes moveFromBottom2{0%{opacity:0;bottom:-87px}100%{opacity:1;bottom:-17px}}@-webkit-keyframes moveFromBottom3{0%{opacity:0;bottom:-84px}100%{opacity:1;bottom:-14px}}@keyframes moveFromBottom3{0%{opacity:0;bottom:-84px}100%{opacity:1;bottom:-14px}}@-webkit-keyframes moveFromTop4{0%{opacity:0;top:-84px}100%{opacity:1;top:-14px}}@keyframes moveFromTop4{0%{opacity:0;top:-84px}100%{opacity:1;top:-14px}}@-webkit-keyframes moveFromTop5{0%{opacity:0;top:-83px}100%{opacity:1;top:-13px}}@keyframes moveFromTop5{0%{opacity:0;top:-83px}100%{opacity:1;top:-13px}}@-webkit-keyframes moveFromLeft5{0%{opacity:0;left:-80px}100%{opacity:1;left:-10px}}@keyframes moveFromLeft5{0%{opacity:0;left:-80px}100%{opacity:1;left:-10px}}@-webkit-keyframes moveFromRight5{0%{opacity:0;right:-59px}100%{opacity:1;right:11px}}@keyframes moveFromRight5{0%{opacity:0;right:-59px}100%{opacity:1;right:11px}}@-webkit-keyframes moveFromLeft6{0%{opacity:0;left:-87px}100%{opacity:1;left:-17px}}@keyframes moveFromLeft6{0%{opacity:0;left:-87px}100%{opacity:1;left:-17px}}@-webkit-keyframes moveFromLeft7{0%{opacity:0;left:236px}100%{opacity:1;left:306px}}@keyframes moveFromLeft7{0%{opacity:0;left:236px}100%{opacity:1;left:306px}}