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

.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}}.p-activity>.banner{width:100%;height:906px;overflow:hidden;background-color:#080808;background-image:url(../img/banner/activity.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative;text-align:center}.p-activity>.banner .banner-body{width:auto;margin:0 auto;padding:120px 0;display:inline-block;vertical-align:middle}.p-activity>.banner .banner-body p{word-break:break-all;font-size:16px;color:#fff;white-space:nowrap;margin:0;padding:0;font-weight:400;letter-spacing:7px;margin-left:22px;padding-right:4px;line-height:1}.p-activity>.banner .banner-body p span{padding-right:4px;border-right:1px solid #fff}.p-activity>.article{padding-top:200px;padding-bottom:200px;background:url(../img/mission.jpg) top -180px center no-repeat #fff;background-size:100% auto}.p-activity>.article .tabs{margin:0;padding:0 0 40px;list-style:none;border-bottom:1px solid #d8d8d8;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-activity>.article .tabs>li{display:inline-block;width:84px;font-size:18px;color:#080808;letter-spacing:2.8px;line-height:24px;position:relative;cursor:pointer}.p-activity>.article .tabs>li:after{content:"";position:absolute;width:100%;height:3px;background-color:#009fe8;left:0;bottom:-40px;transform-origin:center;transform:scale(0);opacity:0;transition:all .3s}.p-activity>.article .tabs>li+li{margin-left:30px}.p-activity>.article .tabs>li.actived:after{transform:scale(1);opacity:1}.p-activity>.article .tabs-details{margin-top:100px;overflow:hidden}.p-activity>.article .tab-detail{display:none}.p-activity>.article .tab-detail.actived{display:block}.p-activity>.article .detail-slider{position:relative}.p-activity>.article .slider-indicator{position:relative;margin-top:100px;left:auto;top:auto}.p-activity>.article .slider-indicator .slider-indicator__progress{left:100px;right:100px}.p-activity>.article .detail-slider-wrap{overflow:hidden;height:500px;position:relative;margin:0;padding:0}.p-activity>.article .detail-slider-wrap .detail-slider-item{height:100%;padding:0 100px;display:block}.p-activity>.article .detail-slider-wrap .detail-slider-item .item-body{width:100%;height:100%;background-color:#0686a5;overflow:hidden;font-size:0;position:relative}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-summary,.p-activity>.article .detail-slider-wrap .detail-slider-item .post-thumb{display:inline-block;width:50%;height:100%;overflow:hidden;margin:0;padding:0;vertical-align:top;font-size:14px;color:#fff;position:relative}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-summary{padding:50px 64px 50px 36px;letter-spacing:5.5px;line-height:2.4;position:relative}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-summary:before{content:"";width:14px;height:14px;border:1px solid #fff;border-radius:50%;margin-bottom:20px;display:inline-block}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-summary p{margin:0;padding:0}.p-activity>.article .detail-slider-wrap .detail-slider-item .readmore{position:absolute;left:35px;bottom:50px;padding-left:4px;cursor:pointer;letter-spacing:5.5px;line-height:2.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .7s ease-in,opacity .7s ease-in;font-size:14px;color:#fff;z-index:2}.p-activity>.article .detail-slider-wrap .detail-slider-item .readmore:before{content:"";position:absolute;width:1px;top:0;left:0;bottom:6px;background-color:#fff}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-thumb{position:relative}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-thumb img{display:block;width:100%;height:100%;transform-origin:center;transform:scale(1);transition:transform 1.5s ease-in-out}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-title{width:230px;height:120px;background:rgba(8,8,8,.2);border:1px solid #fff;padding:10px 15px;font-size:24px;color:#fff;letter-spacing:3.73px;position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-115px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:300;text-align:center}.p-activity>.article .detail-slider-wrap .detail-slider-item .post-title span{display:inline-block;text-align:left}.p-activity>.article .detail-slider-wrap .detail-slider-item.slider-actived .post-thumb>img{transform:scale(1.4)}.p-activity>.article .detail-slider-wrap .detail-slider-item.slider-actived .post-summary .readmore{opacity:1;transform:translate(0)}.post-modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:-1;overflow:hidden;transition:transform .36s,opacity .36s;transform-origin:center;transform:scale(0);opacity:0}.post-modal .post-modal__viewport{max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.post-modal.post-modal--show{opacity:1;z-index:1000;transform:scale(1)}.post-modal .post-modal__close{position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:40px;right:40px;cursor:pointer}.post-modal .post-modal__body{width:100%;max-width:1040px;padding:0 20px;margin:200px auto;letter-spacing:2.18px}.post-modal .post-modal__title{font-size:24px;color:#000;letter-spacing:3.73px;margin:0;padding:0;font-weight:400}.post-modal .post-modal__author,.post-modal .post-modal__time{margin:20px 0 0;padding:0;color:#717171}.post-modal .post-modal__content{margin:100px 0;line-height:34px}.post-modal .post-modal__content p{margin:0;padding:0}.post-modal .post-modal__content img{display:block;margin:50px auto;max-width:100%}.post-modal .post-modal__time{margin-top:0}.post-modal .g-loading{position:fixed;z-index:100}.post-modal .post-modal__guide{margin:200px 0 0;letter-spacing:2.18px}.post-modal .post-modal__guide .guide-ctrl{display:block;width:40%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer}.post-modal .post-modal__guide .guide-ctrl .guide-ctrl__label{font-size:0}.post-modal .post-modal__guide .guide-ctrl .guide-ctrl__label i,.post-modal .post-modal__guide .guide-ctrl .guide-ctrl__label span{display:inline-block;vertical-align:middle;font-size:14px}.post-modal .post-modal__guide .guide-ctrl .guide-ctrl__title{margin:30px 0 0;line-height:20px;padding:0;font-weight:400;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-modal .post-modal__guide .guide-ctrl.guide-prev{text-align:left}.post-modal .post-modal__guide .guide-ctrl.guide-prev .guide-ctrl__label>span{margin-left:25px}.post-modal .post-modal__guide .guide-ctrl.guide-prev:hover .icon-prev{background-position:-1119px -588px}.post-modal .post-modal__guide .guide-ctrl.guide-next{text-align:right}.post-modal .post-modal__guide .guide-ctrl.guide-next .guide-ctrl__label>span{margin-right:25px}.post-modal .post-modal__guide .guide-ctrl.guide-next:hover .icon-next{background-position:-1164px -563px}.post-modal .post-modal__guide .guide-ctrl:hover{color:#009fe8}@media screen and (max-width:1400px){.p-activity>.article .detail-slider-wrap{height:450px}}@media screen and (max-width:1280px){.p-activity>.article .detail-slider-wrap .detail-slider-item{padding:0 50px}}@media screen and (max-width:1180px){.p-activity>.article .detail-slider-wrap{height:420px}.p-activity>.article .detail-slider-wrap .detail-slider-item{padding:0 30px}}@media screen and (max-width:1000px){.p-activity>.article .detail-slider-wrap .detail-slider-item{padding:0}}@media screen and (min-width:1024px){.p-activity .banner .banner-body{opacity:0;transform:translate(5rem);transition:transform 1s,opacity .7s}.p-activity .banner .banner-body.animated{opacity:1;transform:translate(0)}.p-activity .article .tabs,.p-activity .article .tabs-details{opacity:0;transform:translateY(4rem);transition:transform 1.2s,opacity .7s}.p-activity .article .tabs-details.animated,.p-activity .article .tabs.animated{opacity:1;transform:translate(0)}}@media screen and (max-width:760px){.p-activity .banner{height:auto;min-height:100vh;background-image:url(../img/banner/activity.m.jpg)}.p-activity .banner .banner-body{padding:100px 0}.p-activity .article{padding-top:80px;padding-bottom:80px;background-size:auto 100%}.p-activity .article .tabs>li{font-size:16px}.p-activity .article .slider-indicator,.p-activity .article .tabs-details{margin-top:50px}.p-activity .article .slider-indicator .slider-indicator__progress{left:70px;right:80px}.p-activity .article .detail-slider .detail-slider-wrap{height:auto}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item{position:relative}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item.slider-actived{z-index:5}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item .post-summary{display:none}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item .post-thumb{display:block;width:100%;height:auto;position:relative;padding-top:100%}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item .post-thumb>img{position:absolute;width:100%;height:100%;top:0;left:0}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item .readmore{left:16px;bottom:20px;font-size:14px}.p-activity .article .detail-slider .detail-slider-wrap .detail-slider-item .post-title{width:200px;margin-left:-100px;font-size:18px;height:100px;margin-top:-50px;padding:10px}.post-modal .post-modal__body{margin:80px auto}.post-modal .post-modal__content{margin:80px 0}.post-modal .post-modal__close{right:20px;top:20px}.post-modal .post-modal__guide{margin-top:80px}}