#home{width:100%;height:100%}#home #banner{height:780px;color:#fff;background-color:#000}#home #banner,#home #banner .carouselBox{position:relative}#home #banner .carouselBox .demo-carousel,#home #banner .carouselBox .demo-carousel img{width:100%;height:780px}#home #banner .carouselBox .demo-carousel video{width:100%;height:780px;-o-object-fit:fill;object-fit:fill}#home #banner .carouselBox .textBox{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.65)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent);position:absolute;top:0;left:0;width:55%;height:780px!important;bottom:0;z-index:100;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#home #banner .carouselBox .textBox .subtitle{opacity:.9;font-size:20px;color:#e1e4eb;line-height:30px;font-weight:400}#home #banner .carouselBox .textBox .title{margin-bottom:50px;font-weight:900;font-size:50px;color:#fff;line-height:75px}#home #banner .carouselBox .textBox .btnBox{width:180px;height:62px;line-height:62px;color:#fff;font-weight:700;font-size:20px;text-align:center;background:#2d8cf0;border-radius:4px;cursor:pointer;border:none;-webkit-transition:background-color .3s;transition:background-color .3s}#home #message{padding:30px 0;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}#home #message .ivu-carousel{width:1180px}#home #message .ivu-carousel .demo-carousel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#home #message .ivu-carousel .demo-carousel .messageBox{margin-right:125px;width:310px}#home #message .ivu-carousel .demo-carousel .messageBox .title{margin-bottom:6px;font-size:20px;color:#10131f;line-height:30px;font-weight:900}#home #message .ivu-carousel .demo-carousel .messageBox .title img{margin-left:8px;display:inline-block;vertical-align:top;width:30px;height:30px}#home #message .ivu-carousel .demo-carousel .messageBox .text{font-size:16px;color:#41444d;line-height:30px;font-weight:400}#home #message .arrow{position:absolute;width:1380px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#home #message .arrow,#home #product{display:-webkit-box;display:-ms-flexbox;display:flex}#home #product{background-color:#fff;width:100%;overflow:hidden;padding-bottom:170px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#home #product .title{margin-top:130px;font-size:50px;color:#10131f;line-height:75px;font-weight:900;width:1180px}#home #product .productBox{display:-webkit-box;display:-ms-flexbox;display:flex;width:1180px;height:510px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-animation:text3 2s ease-in-out forwards;animation:text3 2s ease-in-out forwards;position:relative}#home #product .productBox .desc{position:absolute;width:35%;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,.85)));background-image:linear-gradient(90deg,#000,rgba(0,0,0,.85));color:#fff;padding:0 36px;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-pack:center;-ms-flex-pack:center;justify-content:center}#home #product .productBox .desc .intro-title{margin-bottom:12px;font-weight:900;font-size:22px;color:#fff;line-height:39px}#home #product .productBox .desc ul li{position:relative;padding-left:1em;line-height:34px;color:#e1e4eb;font-size:16px;font-weight:400}#home #product .productBox .img-vedio{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#home #product .productBox .img-vedio img{min-width:65%;height:100%}#home #product .productBox .img-vedio video{min-width:65%;height:100%;-o-object-fit:fill;object-fit:fill}#home .tabBox{display:-webkit-box;display:-ms-flexbox;display:flex;width:1180px;margin-top:64px;margin-bottom:50px}#home .tabBox .tabName{margin-right:135px;text-align:center;cursor:pointer}#home .tabBox .tabName .icon{margin-bottom:3px;width:50px;height:40px}#home .tabBox .tabName .icon img{width:100%;height:100%}#home .tabBox .tabName .name{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;opacity:.9;font-weight:900;font-size:20px;color:#000;text-align:center;line-height:30px;-webkit-transition:all .3s;transition:all .3s}#home .tabBox .tabName-active .name{color:#2d8cf0}#home .tabBox .tabName-active .name:after{content:"";position:absolute;width:50%;height:4px;border-radius:1px;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s;transition:all .3s;background:#2d8cf0}#home .btnBox2{display:inline-block;width:128px;height:46px;line-height:46px;color:#fff;font-weight:700;font-size:16px;text-align:center;background:#2d8cf0;cursor:pointer;border-radius:1px;-webkit-transition:background-color .3s;transition:background-color .3s}#home #trade{width:100%;overflow:hidden;padding-bottom:170px;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#home #trade .title{margin-top:130px;font-size:50px;color:#10131f;line-height:75px;font-weight:900;width:1180px}#home #trade .tradeBox{width:100%;height:840px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#home #trade .tradeBox .descBox{position:absolute;width:1180px}#home #trade .tradeBox .descBox .desc{border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:60px;padding:0 40px 0 40px;width:464px;height:609px;background:rgba(245,247,252,.86);overflow:hidden;color:#000;padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#home #trade .tradeBox .descBox .desc .intro-title{margin-bottom:12px;font-weight:900;font-size:22px;line-height:39px}#home #trade .tradeBox .descBox .desc ul li{position:relative;padding-left:1em;line-height:34px;font-size:16px;font-weight:400}#home #trade .tradeBox .descBox .desc .imgBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#home #trade .tradeBox .descBox .desc .imgBox img{height:50px}#home #trade .tradeBox .img-vedio,#home #trade .tradeBox .img-vedio img{width:100%;height:100%}#home #trade .tradeBox .img-vedio video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}#home #service{width:100%;overflow:hidden;padding-bottom:170px;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}#home #service .title{margin-top:130px;font-size:50px;color:#10131f;line-height:75px;font-weight:900;width:1180px}#home #service .serviceBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1180px;margin-top:80px;margin-bottom:117px}#home #service .serviceBox .service{width:23.5%;-webkit-animation:text 5s ease-in-out forwards;animation:text 5s ease-in-out forwards}#home #service .serviceBox .service img{width:150px;height:120px}#home #service .serviceBox .service .name{margin-top:30px;font-weight:900;font-size:20px;color:#0d0d14;line-height:30px}#home #service .serviceBox .service .subTitle{margin-top:10px;font-size:16px;color:#41444d;text-align:justify;line-height:30px;font-weight:400}#home #DataBox{width:100%;overflow:hidden;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;position:relative;height:770px}#home #DataBox .bgBox{position:absolute;width:100%;top:0;left:0;height:100%;z-index:10}#home #DataBox .bgBox video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}#home #DataBox .dataBg{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:relative;z-index:99;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#home #DataBox .dataBg .title{margin-top:130px;font-size:50px;color:#fff;line-height:75px;font-weight:900;width:1180px}#home #DataBox .dataBg .DataBoxBox{width:1180px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-animation:text 5s ease-in-out forwards;animation:text 5s ease-in-out forwards}#home #DataBox .dataBg .DataBoxBox .name{margin-top:118px;margin-bottom:3px;font-size:60px;color:#fff;letter-spacing:0;line-height:90px}#home #DataBox .dataBg .DataBoxBox .subTitle{margin-bottom:130px;color:#e1e4eb;font-size:20px;line-height:24px;font-weight:400}#home #novice{width:100%;overflow:hidden;padding-bottom:170px;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}#home #novice .title{margin-top:130px;font-size:50px;color:#10131f;line-height:75px;font-weight:900;width:1180px}#home #novice .noviceBox{width:1180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-animation:text 5s ease-in-out forwards;animation:text 5s ease-in-out forwards;margin-top:40px;margin-bottom:90px}#home #novice .noviceBox .ivu-steps-item.ivu-steps-status-finish .ivu-steps-title{color:#000;height:42px;line-height:42px;font-size:24px;font-weight:400}#home #novice .noviceBox .ivu-steps .ivu-steps-head-inner{margin-right:10px;width:42px;height:42px;line-height:42px}#home #novice .noviceBox .ivu-steps .ivu-steps-content{height:30px;line-height:30px;font-size:16px}.showDataBox{-webkit-animation:show-detail 3s ease-in forwards;animation:show-detail 3s ease-in forwards}.showservice{-webkit-animation:text 3s ease-in-out forwards;animation:text 3s ease-in-out forwards}@-webkit-keyframes show-detail{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes show-detail{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes text3{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes text3{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes text{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}