.arrow-video{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arrow-video .text-direct{padding:15px 60px;background:#fff;border-radius:50px;font-size:30px;line-height:48px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arrow-video img{max-width:400px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.banner-home{padding-bottom:200px}.banner-home>.all{padding:0 0 60px}.sec-video{margin-top:-220px}.sec-video .video-wrap .video-center-cont .lb{font-size:40px;line-height:1.3}.sec-video .video-row .video-col{padding:0 15px}.sec-duan .sec-title .tt-txt .hl-txt{font-size:68px}.sec-duan .sec-title .right{margin-top:50px}.sec-duan .project-item{padding:30px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.35);border-radius:8px;position:relative;min-height:275px}.sec-duan .project-item .img-project{position:relative;-ms-flex-negative:0;flex-shrink:0}.sec-duan .project-item .img-project .img{position:absolute;top:36px;left:35px;width:180px;height:113px;overflow:hidden}.sec-duan .project-item .duan-info{padding-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2}.sec-duan .project-item .duan-info .badge-top{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.sec-duan .project-item .duan-info .badge-top>.tag:not(:last-child){margin-right:5px}.sec-duan .project-item .cont-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;color:#fff;margin-bottom:10px}.sec-duan .project-item .cont-info>p{font-size:14px}.sec-duan .project-item .cont-info>p:before{content:'\f101';font-family:'FontAwesome';padding-right:10px}.sec-duan .project-item .cont-info .title{color:#fff;font-size:20px;margin-bottom:5px}.sec-duan .project-item .cont-info .title a{-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.sec-duan .project-item .cont-info .title a:hover{color:#d4e5f3}.sec-duan .project-item .cont-action a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:10px 35px;border-radius:7px;color:#08c;-webkit-box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.14);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.14);text-decoration:none;font-weight:500;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;letter-spacing:1px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;background:#fff}.sec-duan .project-item .bg-animate{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.sec-duan .project-item .bg-animate:after{content:'';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;width:150px;height:40px;pointer-events:none;display:inline-block;position:absolute;right:0;bottom:75px;border-top-left-radius:25px;border-bottom-left-radius:25px;background:rgba(255, 255, 255, 0.15)}.sec-duan .project-item .bg-animate .bubble{width:50px;height:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;pointer-events:none;display:inline-block;position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.15)}.sec-duan .project-item .bg-animate .bubble:first-child{-webkit-animation:movebubble 25s infinite;animation:movebubble 25s infinite}.sec-duan .project-item .bg-animate .bubble:last-child{-webkit-animation:movebubble1 25s infinite;animation:movebubble1 25s infinite}.video-row .video-col:nth-child(2) .video-wrap .video-center-cont .playBut{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}.video-row .video-wrap:hover .video-center-cont .lb{opacity:0.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-row .video-wrap:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fff;-webkit-animation:nudge 0.7s ease-in-out;animation:nudge 0.7s ease-in-out}@-webkit-keyframes nudge{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}70%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes nudge{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}70%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.video-row .video-wrap:hover .circle{stroke-dashoffset:0;opacity:1;fill:rgba(0, 136, 204, 0.603)}.video-row .video-wrap:hover:after{opacity:1}.video-row .video-wrap .video-center-cont{z-index:2}.video-row .video-wrap:after{content:'';position:absolute;width:100%;height:100%;top:0;background:rgba(0, 0, 0, 0.4);left:0;z-index:1;opacity:0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}.video-row .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;opacity:0.3}.video-row .playBut{cursor:pointer;display:inline-block;-webkit-transition:all 0.5s ease}.video-row .playBut svg{width:100px;height:100px}.video-row .playBut .triangle{-webkit-transition:all 0.7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:0;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}@-webkit-keyframes movebubble{0%{top:0%;left:10%}50%{top:50%;left:50%}to{top:0%;left:10%}}@keyframes movebubble{0%{top:0%;left:10%}50%{top:50%;left:50%}to{top:0%;left:10%}}@-webkit-keyframes movebubble1{0%{top:50%;left:80%}50%{top:20%;left:0%}to{top:50%;left:80%}}@keyframes movebubble1{0%{top:50%;left:80%}50%{top:20%;left:0%}to{top:50%;left:80%}}@media screen and (max-width:992px){.video-row .video-wrap .playBut .circle,.video-row .video-wrap .playBut .triangle{opacity:1}.video-row .video-wrap .playBut .circle{fill:transparent;stroke-dashoffset:0}.video-row .video-wrap:after{opacity:1}.sec-video .video-wrap .video-center-cont .lb{opacity:0.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media screen and (max-width:600px){.project-item{-ms-flex-wrap:wrap;flex-wrap:wrap}.project-item .img-project{text-align:center;margin-top:-15px;margin-left:auto;margin-right:auto}.project-item .img-project img{display:inline-block}.project-item .badge-top{margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project-item .duan-info{margin-bottom:15px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.arrow-video .text-direct{padding:15px;font-size:19px;line-height:30px}.arrow-video img{max-width:80%}}
/*# sourceMappingURL=dat.css.map */