/*
 * 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}}.positioner{position:fixed;width:200px;height:360px;z-index:50;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:50%;margin-top:-180px;padding:45px 0 45px 40px;opacity:0;transform:translateY(-100%);transition:transform 1s,opacity .7s}.positioner.animated{opacity:1;transform:translate(0)}.positioner.hide{opacity:0;visibility:hidden;z-index:-1}.positioner>.positioner-navgation{margin:0;padding:0;list-style:none}.positioner .positioner-nav{line-height:20px;white-space:nowrap;cursor:pointer;color:#717171}.positioner .positioner-nav.actived{color:#fff}.positioner .positioner-nav+.positioner-nav{margin-top:30px}.positioner>.positioner-progress{width:1px;height:100%;top:0;left:0;position:absolute;background-color:#363535}.positioner>.positioner-progress>.positioner-progress__value{position:absolute;top:0;left:0;width:100%;height:0;background-color:#009fe8;background-image:linear-gradient(-180deg,#009fe8 3%,#009fe8)}.positioner.positioner--reverse>.positioner-progress{background-color:#cecccc}.positioner.positioner--reverse .positioner-nav.actived{color:#080808}.videotex{position:relative;overflow:hidden;margin:0;padding:0;list-style:none}.videotex .videotex-item{width:100%;overflow:hidden;white-space:nowrap}.videotex .videotex-item+.videotex-item{margin-top:20px}.videotex .videotex-imgs,.videotex .videotex-item__img,.videotex .videotex-item__txt,.videotex .videotex-txts{float:left;margin:0;padding:0;list-style:none}.videotex .videotex-imgs,.videotex .videotex-item__img{width:400px}.videotex .videotex-item__txt,.videotex .videotex-txts{width:100%;margin-left:-400px;padding-left:500px;height:100%}.videotex .videotex-image{position:relative;margin:0;padding:67.5% 0 0;background-color:rgba(0,0,0,.2);overflow:hidden}.videotex .videotex-image+.videotex-image{margin-top:20px}.videotex .videotex-image img{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.videotex .videotex-text{letter-spacing:2.1px;font-size:14px;white-space:normal}.videotex .videotex-text .videotex-text__title{margin:0;padding:0;list-style:none;font-weight:400;line-height:1;color:#fff;font-size:14px}.videotex .videotex-text .videotex-text__summary{margin:20px 0 0;padding:0;color:#717171;text-align:justify}.videotex.videotex--reverse .videotex-item__txt,.videotex.videotex--reverse .videotex-txts{width:100%;margin-right:-400px;padding-right:500px;height:100%;margin-left:0;padding-left:0}@media screen and (max-width:760px){.videotex .videotex-imgs,.videotex .videotex-item__img,.videotex .videotex-item__txt,.videotex .videotex-txts,.videotex.videotex--reverse .videotex-imgs,.videotex.videotex--reverse .videotex-txts{float:none;width:100%;margin:0;padding:0}.videotex .videotex-txts,.videotex.videotex--reverse .videotex-imgs{margin-top:50px}.videotex .videotex-item__txt{margin-top:20px}}.p-about>.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}.p-about>.banner .banner-canvas{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:0;pointer-events:none}.p-about>.banner.polyfill .banner-canvas{background-image:url(../img/about-banner.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}.p-about>.banner:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.p-about>.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}.p-about>.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){.p-about .banner .banner-canvas{pointer-events:all}.p-about .banner:before{display:none}.p-about .banner .banner-slogan{opacity:0;transform:translateY(5rem);transition:transform 1s,opacity .7s}.p-about .banner .banner-slogan.animated{opacity:1;transform:translate(0)}}.p-about .positioner{padding-top:100px}.p-about .positioner .positioner-nav+.positioner-nav{margin-top:50px}.p-about .scale .section-body,.p-about .scale>.branch .section-body,.p-about .scale>.joint .section-body,.p-about .scale>.sub .section-body,.p-about .social .section-body,.p-about .summary .section-body,.p-about .video .section-body{padding-left:197px;position:relative}.p-about .summary{padding:90px 0 100px;background-color:#fff;overflow:hidden;color:#080808;letter-spacing:2.1px;text-align:justify}.p-about .summary p{line-height:34px;margin:0;padding:0}.p-about .summary p+p{margin-top:50px}.p-about .scale>.branch{padding:100px 0;background-color:#fff;overflow:hidden}.p-about .scale>.branch .branch-item+.branch-item{margin-top:100px}.p-about .scale>.branch .branch-item__info{letter-spacing:2.1px;color:#717171}.p-about .scale>.branch .branch-item__info>p{padding:0;margin:0;line-height:19px}.p-about .scale>.branch .branch-item__info>p+p{margin-top:20px}.p-about .scale>.branch .branch-item__info .branch-item__name{color:#080808}.p-about .scale>.branch .branch-item__slider{margin-top:40px;overflow:hidden}.p-about .scale>.branch .branch-item__slider .slider-indicator{margin-top:50px}.p-about .scale>.branch .slider-wrapper{margin:0;padding:0;max-height:300px;list-style:none;overflow:hidden;visibility:hidden}.p-about .scale>.branch .slider-item{overflow:hidden}.p-about .scale>.branch .slider-item__body{margin-left:-25px;margin-right:-25px;font-size:0;white-space:nowrap}.p-about .scale>.branch .branch-img-item{display:inline-block;vertical-align:top;width:50%;padding:0 25px;overflow:hidden;height:100%}.p-about .scale>.branch .branch-img{padding:63.02% 0 0;position:relative;margin:0;display:block;overflow:hidden}.p-about .scale>.branch .branch-img>img{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:#cecccc}.p-about .about-title-en,.p-about .about-title-zh{font-size:14px;font-weight:400;margin:0;padding:0;letter-spacing:2.1px;line-height:17px}.p-about .about-title-en{color:#009fe8}.p-about .scale>.sub{padding:120px 0 200px;background-color:#021021;overflow:hidden}.p-about .scale>.sub .about-title-zh{color:#fff}.p-about .videotex{margin-top:60px}.p-about .videotex .company-item{color:#717171;line-height:19px}.p-about .videotex .company-item+.company-item{margin-top:50px}.p-about .videotex .company-item .company-item__name{margin:0;padding:0;font-weight:400;font-size:14px;color:#fff;line-height:inherit}.p-about .videotex .company-item p{margin-top:20px;margin-bottom:0}.p-about .scale>.joint{padding:120px 0 200px;background-color:#fff;overflow:hidden}.p-about .scale>.joint .videotex .company-item .company-item__name{color:#080808}.p-about .social{margin:0 0 200px;background-color:#021021;overflow:hidden;position:relative;background-image:url(../img/social-canvas.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}.p-about .social .social-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.p-about .social .heightmap{position:absolute;visibility:hidden;top:0;left:0}.p-about .social .social-main{position:relative;z-index:1;background-color:rgba(2,16,33,.9);padding:100px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#717171}.p-about .social .social-slider__navs{list-style:none;margin:0;padding:10px 0 0;display:inline-block}.p-about .social .nav-item{cursor:pointer}.p-about .social .nav-item+.nav-item{margin-top:100px}.p-about .social .nav-item h4{font-size:36px;letter-spacing:1.8px;margin:0;line-height:1;padding:0;font-weight:400}.p-about .social .nav-item h4 small{font-size:14px;margin-left:10px;position:relative;line-height:16px;top:-5px}.p-about .social .nav-item p{line-height:19px;margin-top:20px;margin-bottom:0;letter-spacing:2.1px;font-size:14px;opacity:0;position:relative;padding-left:24px}.p-about .social .nav-item p:before{content:"";width:12px;height:12px;border-radius:50%;background-color:#009fe8;position:absolute;top:50%;left:0;margin-top:-7px}.p-about .social .nav-item.actived,.p-about .social .nav-item:hover{color:#fff}.p-about .social .nav-item.actived>p{opacity:1}.p-about .social .social-slider{overflow:hidden}.p-about .social .slider-items{width:610px;height:610px;float:right;margin:0;padding:0;overflow:hidden;border-radius:50%}.p-about .social .slider-wrapper{width:100%!important;height:100%!important;margin:0;padding:0;list-style:none;position:relative;overflow:hidden}.p-about .social .slider-wrapper .slider-item{display:block;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:1}.p-about .social .slider-wrapper .slider-item>img{display:block;width:100%;height:100%;transition:opacity 2s,transform 2s;transform:scale(1);transform-origin:center;border-radius:50%;opacity:0}.p-about .social .slider-wrapper .slider-item.slider-actived>img{opacity:1;animation:scaleImg 10s ease-in 0s 1}.p-about>.video{margin-top:-340px;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-about>.video,.p-about>.video .video-wrap{position:relative}.p-about>.video .video-title{font-size:24px;color:#009fe8;letter-spacing:.75px;margin:0;padding:0;font-weight:400}.p-about>.video .video-player{margin-top:47px;position:relative;padding-top:56.25%;transform-origin:center}.p-about>.video .video-player .video-player__wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;background-color:#080808}.p-about>.video .video-poster,.p-about>.video video{width:100%;height:100%;margin:0;padding:0;display:block}.p-about>.video .video-notes{font-size:0;position:absolute;right:0;top:-40px}.p-about>.video .video-notes i{width:2px;height:24px;background-color:#009fe8;background-image:linear-gradient(-180deg,#009fe8 3%,#009fe8);position:absolute;bottom:0;animation:line .6s infinite ease-in-out alternate}.p-about>.video .video-notes i:first-of-type{right:0;height:24px;animation-delay:.1s}.p-about>.video .video-notes i:nth-of-type(2){right:6px;height:13px;animation-delay:.2s}.p-about>.video .video-notes i:nth-of-type(3){right:12px;height:20px;animation-delay:.3s}.p-about>.video .video-notes i:nth-of-type(4){right:18px;height:13px;animation-delay:.5s}.p-about>.video .video-notes i:nth-of-type(5){right:24px;height:24px;animation-delay:.4s}.p-about>.video .video-poster{position:absolute;top:0;left:0;display:none}.p-about>.video .video-poster img{display:block;width:100%;height:100%}.p-about>.video .video-poster:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.4)}.p-about>.video .video-player-btn{position:absolute;top:50%;left:50%;width:42px;height:42px;margin-left:-21px;margin-top:-21px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:opacity .36s;z-index:1}.p-about>.video .video-player-btn:active,.p-about>.video .video-player-btn:hover{opacity:.9}.p-about>.video .icon-pause,.p-about>.video .icon-play{display:none}.p-about>.video .video-player.video-states-play:hover .icon-play{display:block}.p-about>.video .video-player.video-states-play .video-notes i{animation-play-state:running}.p-about>.video .video-player.video-states-pause:hover .icon-pause{display:block}.p-about>.video .video-player.video-states-pause .video-notes i{animation-play-state:paused}.p-about>.video .video-player.video-states-init .icon-pause,.p-about>.video .video-player.video-states-init .video-poster{display:block}@keyframes scaleImg{0%{transform:scale(1)}to{transform:scale(1.8)}}@media screen and (min-width:1024px){.p-about .video-player__wrapper{opacity:0;transform:translateY(4rem);transition:transform .8s,opacity .7s}.p-about .video-player__wrapper.animated{opacity:1;transform:translate(0)}.p-about .summary .section-body{opacity:0;transform:translateY(7rem);transition:transform 1s,opacity .7s}.p-about .summary .section-body.animated{opacity:1;transform:translate(0)}.p-about .scale .branch .branch-item{opacity:0;transform:translateY(6rem);transition:transform 1s,opacity .7s}.p-about .scale .branch .branch-item.animated{opacity:1;transform:translate(0)}.p-about .about-title-en,.p-about .about-title-zh{transform:translateY(4rem);transition:transform 1s,opacity .7s}.p-about .about-title-en.animated,.p-about .about-title-zh.animated{opacity:1;transform:translate(0)}.p-about .videotex{opacity:0;transform:translateY(8rem);transition:transform 1s,opacity .7s}.p-about .videotex.animated{opacity:1;transform:translate(0)}.p-about .social .nav-item{opacity:0;transform:translateY(4rem);transition:transform 1s,opacity .7s}.p-about .social .nav-item.animated{opacity:1;transform:translate(0)}}@media screen and (max-width:760px){.p-about>.video{margin-top:-34%}.p-about>.video .video-title{font-size:14px}.p-about>.video .video-notes{display:none}.p-about>.video .video-player{margin-top:16px}.p-about>.banner{height:480px;min-height:480px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.p-about>.banner .banner-slogan{top:auto}.p-about .positioner{display:none!important}.p-about .scale>.branch .section-body,.p-about .scale>.joint .section-body,.p-about .scale>.sub .section-body,.p-about .social .section-body,.p-about .summary .section-body,.p-about .video .section-body{padding-left:0}.p-about .videotex .company-item .company-item__name,.p-about .videotex .videotex-text{font-size:12px}.p-about .summary{padding:80px 0 0}.p-about .scale .branch{padding:80px 0}.p-about .scale .branch .branch-item+.branch-item{margin-top:50px}.p-about .scale .branch .slider-item__body{margin-left:-10px;margin-right:-10px}.p-about .scale .branch .slider-item__body .branch-img-item{padding:0 10px}.p-about .scale .joint,.p-about .scale .sub{padding:80px 0}.p-about .social{margin-bottom:80px}.p-about .social .social-main{padding:80px 0}.p-about .social .social-slider__navs{display:block;padding:0;position:relative;z-index:2}.p-about .social .social-slider__navs .nav-item+.nav-item{margin-top:60px}.p-about .social .slider-items{display:none}}@keyframes line{0%{height:0}to{height:24px}}