/*
 * vcolco 1.0.0
 * Author smohan <https://smohan.net; https://github.com/s-mohan; smohan@163.com;>
 * Released under the ISC license.
*/

@charset "UTF-8";.slider-progress{width:1px;height:260px;background-color:#363535;position:relative;overflow:hidden}.slider-indicator .slider-indicator__progress_value,.slider-progress__value{position:absolute;top:0;left:0;width:100%;height:30%;background-color:#009fe8;background-image:linear-gradient(-180deg,#009fe8 3%,#009fe8)}.slider-indicator .move.slider-indicator__progress_value,.slider-progress__value.move{height:100%!important;animation:matrix3d 4s linear infinite;transform-origin:bottom}.slider-indicator{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:20px}.slider-indicator .slider-indicator__pager{width:80px;height:20px;line-height:20px;position:absolute;left:0;top:0;font-size:0}.slider-indicator .slider-indicator__pager span{font-size:14px;color:#717171}.slider-indicator .slider-indicator__pager span.page-index{color:#080808}.slider-indicator .slider-indicator__progress{position:absolute;left:80px;right:90px;height:1px;top:9px;background-color:#cecccc}.slider-indicator .slider-indicator__progress_value{width:auto;height:100%}.slider-indicator .slider-indicator__ctrls{width:90px;height:20px;line-height:20px;position:absolute;right:0;top:0;text-align:right;font-size:0}.slider-indicator .slider-indicator__ctrls>a{margin-left:10px;cursor:pointer;text-decoration:none}.half-screen-slider{overflow:hidden;position:absolute;color:#fff;width:55.52%;left:0;top:auto}.half-screen-slider .slider-viewport{width:100%;position:relative}.half-screen-slider .slider-viewport:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#021021;z-index:-1}.half-screen-slider .slider-main{position:relative;width:100%;padding:100px 60px 60px calc((100vw - 1200px)/ 2);background-color:rgba(2,16,33,.6);z-index:2}.half-screen-slider .slider-container{position:relative}.half-screen-slider .slider-body{position:relative;width:100%;overflow:hidden}.half-screen-slider .slider-wrapper{margin:0;padding:0;list-style:none;overflow:hidden;white-space:nowrap;font-size:0;visibility:hidden}.half-screen-slider .slider-item{width:100%;overflow:hidden;position:relative;font-size:14px;vertical-align:top;white-space:normal;display:inline-block}.slider-pagination{font-size:0;margin:0;padding:0;list-style:none;text-align:right}.slider-pagination>li{display:inline-block;width:8px;height:8px;background-color:#363535;margin-left:20px;border-radius:50%;cursor:pointer}.slider-pagination>li.actived{background-color:#009fe8}@keyframes matrix3d{0%{transform:matrix(1,0,0,1,0,-260)}to{transform:matrix(1,0,0,1,0,260)}}@media screen and (max-width:760px){.slider-pagination>li{width:6px;height:6px;margin-left:10px}}.g-product{margin-top:-60px}.g-product>.banner{width:100%;height:906px;background-color:#021021;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.g-product>.banner .banner-canvas{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:0;pointer-events:none}.g-product>.banner.polyfill .banner-canvas{background-image:url(../img/about-banner.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}.g-product>.banner:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.g-product>.banner .banner-slogan{width:100%;position:relative;z-index:2;font-size:24px;color:#fff;letter-spacing:1.29px;margin:0 auto;padding:0;font-weight:400;top:260px;text-align:center}.g-product>.banner .banner-slogan:before{content:"“";font-size:16px;color:#009fe8;letter-spacing:1.71px;margin-right:20px;position:relative;top:-5px}@media screen and (min-width:1024px){.g-product .banner .banner-canvas{pointer-events:all}.g-product .banner:before{display:none}.g-product .banner .banner-slogan{opacity:0;transform:translateY(5rem);transition:transform 1s,opacity .7s}.g-product .banner .banner-slogan.animated{opacity:1;transform:translate(0)}}.g-product .banner{margin-bottom:150px;height:100vh}.g-product .banner .banner-slogan{font-size:14px;position:absolute}.g-product .product-list{margin:0 -30px;padding:0;list-style:none;font-size:0;margin-top:150px}.g-product .product-list .product-item{padding:30px;width:33.3333%;display:inline-block;vertical-align:top;opacity:0;transition:transform .7s,opacity .7s}.g-product .product-list .product-item:first-child,.g-product .product-list .product-item:nth-child(2),.g-product .product-list .product-item:nth-child(3){transform:translateX(100%)}.g-product .product-list .product-item:nth-child(4),.g-product .product-list .product-item:nth-child(5),.g-product .product-list .product-item:nth-child(6){transform:translateX(-100%)}.g-product .product-list .product-item.animated{transform:translateX(0);opacity:1}.g-product .product-list .product-item__main{background:#fff;overflow:hidden;position:relative;transition:box-shadow .3s ease-in-out;outline:0;cursor:pointer}.g-product .product-list .product-item__img{border-top-left-radius:10px;border-top-right-radius:10px;padding:83.333333% 0 0;margin:0;position:relative;overflow:hidden;background-color:#f5f5f5}.g-product .product-list .product-item__img img{position:absolute;width:100%;top:0;left:0}.g-product .product-list .product-item__body{border:1px solid #f0efef;border-top-width:0;padding:30px}.g-product .product-list .product-item__contents{position:absolute;top:10px;left:0;right:0;bottom:0;background-color:#fff;padding:30px;transform:translateY(105%);transition:transform .2s ease-in-out;overflow:hidden;overflow-y:auto}.g-product .product-list .content-scroller{transition:transform .2s ease-in-out}.g-product .product-list .product-item__main:hover{box-shadow:0 7px 18px 0 rgba(17,99,239,.13)}.g-product .product-list .product-item__main.actived .product-item__contents{transform:translateY(0)}.g-product .product-list .product-item__main.actived .support .more{transform:rotate(90deg)}.g-product .product-list .title{font-size:16px;color:#000;letter-spacing:2.4px;line-height:17px;margin:0;padding:0;font-weight:400}.g-product .product-list .summary{font-size:12px;color:#717171;letter-spacing:1.8px;line-height:18px;margin:20px 0 0;height:100px;overflow:hidden}.g-product .product-list .tags{margin:8px 0 0;font-size:0}.g-product .product-list .tags span{font-size:12px;display:inline-block;vertical-align:middle;margin:2px}.g-product .product-list .tags span:first-child{margin-left:0}.g-product .product-list .tags span.tag{padding:0 2px;background:#f4f4f4;border-radius:4px}.g-product .product-list .support{margin-top:20px;font-size:12px;color:#000;letter-spacing:1.8px;line-height:18px}.g-product .product-list .support span{display:inline-block;vertical-align:middle}.g-product .product-list .support .more{width:10px;height:10px;background:url(../img/product/more.png) 50% no-repeat;background-size:cover}.g-product .product-list .services{padding:10px 0 0;margin:0;list-style:none;font-size:12px;color:#717171;letter-spacing:1.8px;line-height:18px}.g-product .product-list .services p{margin:0}.g-product .product-list .services .service{margin-top:10px}.g-product .product-list .services .service__name{color:#000;margin-bottom:5px}.g-product .tech-wrap{margin:140px auto 300px;position:relative}.g-product .tech-wrap .title{font-size:28px;color:#080808;letter-spacing:7.82px;text-align:center;line-height:32px;font-weight:400;margin:0;padding:0;transform:translateY(-100%);transition:all .7s}.g-product .tech-wrap .title.animated{opacity:1;transform:translateY(0)}.g-product .tech-wrap .summary{margin:60px auto 0;font-size:14px;color:#717171;letter-spacing:2.1px;line-height:23px;max-width:1000px;transform:translateY(100%);transition:all .7s}.g-product .tech-wrap .summary.animated{opacity:1;transform:translateY(0)}.g-product .tech-wrap .animat-body{position:relative;margin-top:170px;transform:translateX(100%);transition:all .7s}.g-product .tech-wrap .animat-body.animated{opacity:1;transform:translateX(0)}.g-product .tech-wrap .animat-body>svg{width:100%;height:auto}.g-product .tech-wrap .animat-body circle{opacity:0;transition:all .2s ease-in-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.g-product .tech-wrap .animat-body circle:active,.g-product .tech-wrap .animat-body circle:hover{fill:#019ef5;width:20px}.g-product .tech-wrap .animat-body .animate-left{animation:ant-left 14s ease-in-out 0s infinite alternate;transform-origin:center}.g-product .tech-wrap .animat-body .animate-right{animation:move10 16s ease-in-out 0s infinite alternate;transform-origin:center}.g-product .tech-wrap .animat-body:hover circle{opacity:1}.g-product .tech-wrap .animat-body:hover .animate-left,.g-product .tech-wrap .animat-body:hover .animate-right{animation-play-state:paused}.svg-popup{background:#fff;border:1px solid #f0efef;box-shadow:0 12px 8px 0 rgba(1,158,245,.15);border-radius:20px;position:absolute;padding:40px;z-index:100;width:350px;transition:opacity .3s ease-in-out}.svg-popup .close{display:none}.svg-popup .title{font-size:16px;color:#15233e;letter-spacing:2.4px;line-height:23px;margin:0;padding:0;font-weight:400}.svg-popup .summary{font-size:14px;color:#717171;letter-spacing:2.1px;line-height:23px;margin:30px 0 0}.an-stop{animation-play-state:paused!important}.an1{animation:move1 15s ease-in-out 0s infinite alternate}.an1,.an2{transform-origin:center}.an2{animation:move2 15s ease-in-out 0s infinite alternate}.an3{animation:move3 16s ease-in-out 0s infinite alternate}.an3,.an4{transform-origin:center}.an4{animation:move10 16s ease-in-out 0s infinite alternate}.an5{animation:move5 11s ease-in-out 0s infinite alternate}.an5,.an6{transform-origin:center}.an6{animation:move6 15s ease-in-out 0s infinite alternate}.an7{animation:move7 14s ease-in-out 0s infinite alternate}.an7,.an8{transform-origin:center}.an8{animation:move8 15s ease-in-out 0s infinite alternate}.an9{animation:move9 15s ease-in-out 0s infinite alternate}.an10,.an9{transform-origin:center}.an10{animation:move10 13s ease-in-out 0s infinite alternate}.an11{animation:move11 12s ease-in-out 0s infinite alternate;transform-origin:center}@keyframes ant-left{to{transform:translateY(120px)}}@keyframes move1{50%{transform:translateY(-40px)}to{transform:translateY(40px)}}@keyframes move2{50%{transform:translateY(30px)}to{transform:translateY(-60px)}}@keyframes move3{50%{transform:translateY(60px)}to{transform:translateY(-20px)}}@keyframes move5{to{transform:translateY(-60px)}}@keyframes move6{50%{transform:translateY(30px)}to{transform:translateY(-20px)}}@keyframes move7{to{transform:translateY(-40px)}}@keyframes move8{50%{transform:translateY(-100px)}}@keyframes move9{50%{transform:translateY(60px)}to{transform:translateY(-50px)}}@keyframes move10{to{transform:translateY(-100px)}}@keyframes move11{to{transform:translateY(40px)}}@media screen and (max-width:1200px){.g-product .product-list{margin:0 -20px}.g-product .product-list .product-item{padding:20px}}@media screen and (max-width:1024px){.g-product .product-list{margin:0 -10px}.g-product .product-list .product-item{padding:10px}}@media screen and (max-width:760px){.g-product>.banner{margin-bottom:70px;height:480px;min-height:480px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.g-product>.banner .banner-slogan{top:auto;font-size:12px}.g-product .product-list-viewport{width:100%;padding:0;margin:0;overflow:hidden}.g-product .product-list{margin:0;padding:0 10px;width:100vw;overflow-y:hidden;overflow-x:scroll;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;white-space:nowrap;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.g-product .product-list::-webkit-scrollbar{width:0;height:0}.g-product .product-list::-webkit-scrollbar-button:horizontal,.g-product .product-list::-webkit-scrollbar-button:vertical{display:none}.g-product .product-list::-webkit-scrollbar-track-piece,.g-product .product-list::-webkit-scrollbar-track:horizontal,.g-product .product-list::-webkit-scrollbar-track:vertical{background-color:transparent}.g-product .product-list::-webkit-scrollbar-thumb:horizontal,.g-product .product-list::-webkit-scrollbar-thumb:vertical{background-color:transparent}.g-product .product-list::-webkit-scrollbar-thumb:horizontal:active,.g-product .product-list::-webkit-scrollbar-thumb:horizontal:hover,.g-product .product-list::-webkit-scrollbar-thumb:vertical:active,.g-product .product-list::-webkit-scrollbar-thumb:vertical:hover{background-color:transparent}.g-product .product-list .product-item{width:calc(100vw - 80px);-ms-flex-negative:0;flex-shrink:0;padding:0 10px;scroll-snap-align:center;white-space:normal}.g-product .product-list .product-item__main:hover{box-shadow:none}.g-product .product-list .product-item__main:hover .product-item__contents{transform:translateY(101%)}.g-product .product-list .product-item__main:hover .support .more{transform:rotate(0)}.g-product .product-list .product-item__main.actived .product-item__contents{transform:translateY(0)}.g-product .product-list .product-item__main.actived .support .more{transform:rotate(90deg)}.g-product .product-list .product-item__body{padding:20px 15px}.g-product .product-list .product-item__contents{padding:20px 15px;border:1px solid #f0efef}.g-product .tech-wrap{margin:80px auto;overflow:hidden}.g-product .tech-wrap .title{font-size:17px;letter-spacing:4.75px;line-height:32px}.g-product .tech-wrap .summary{margin-top:40px;font-size:14px;letter-spacing:2.1px;line-height:23px}.g-product .tech-wrap .animat-body{margin:40px -50px 0}.g-product .tech-wrap .animat-body circle{opacity:1}.g-product .tech-wrap .animat-body .animate-left{animation:ant-left 12s ease-in-out 0s infinite alternate;transform-origin:center}.g-product .tech-wrap .animat-body .animate-right{animation:move10 13s ease-in-out 0s infinite alternate;transform-origin:center}.g-product .tech-wrap .animat-body:hover .animate-left,.g-product .tech-wrap .animat-body:hover .animate-right{animation-play-state:running}.svg-popup{width:80%;background:#fff;border:1px solid #f0efef;box-shadow:0 12px 8px 0 rgba(1,158,245,.15);border-radius:4px;padding:24px 16px;left:50%;margin-left:-40%}.svg-popup .title{font-size:14px;letter-spacing:2.1px;line-height:23px;font-weight:700}.svg-popup .summary{font-size:12px;color:#2f2f2f;letter-spacing:1.8px;line-height:23px;margin-top:10px}.svg-popup .close{display:block;padding:10px;outline:0;background-color:transparent;border:none;position:absolute;right:20px;top:20px}}