@import url("https://fonts.font.im/css?family=Montserrat:200,400,700");:root{--pagebg: #fff;--pageBorderColor: #dfe7ea;--pageFontColor: #727272;--pageFontColor-Link: #5e6e98;--pageFontColor-Title: #1d1f24;--pageFontColor-Light: #9a9ca0;--pageFontColor-White: #fff}body{color:var(--pageFontColor)}.wrap{width:100%}section{margin:0}.index-header{position:absolute;top:0;z-index:1000;width:100%;display:none}@media (min-width: 768px){.index-header{display:block}}.index-header .navbar{background:transparent;height:130px}.index-header .navbar .nav-logo{min-width:190px}.index-header .navbar .logo-en{margin-left:20px;color:#fff;font-family:"Montserrat", sans-serif;font-size:12px;letter-spacing:5px}.index-header .navbar .nav-item{position:relative}.index-header .navbar .nav-item>li{line-height:80px}.index-header .navbar .nav-item>li:hover>.sub-menu{visibility:visible;opacity:1;transition-delay:.3s;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.index-header .navbar .nav-item>li>.sub-menu{position:absolute;top:70px;left:-20px;opacity:0;visibility:hidden;min-width:220px;list-style-type:none;padding:24px 0;background-color:rgba(30,19,61,0.9);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-webkit-transform:translate(-30px,0);-ms-transform:translate(-30px,0);transform:translate(-30px,0)}.index-header .navbar .nav-item>li>.sub-menu li a{display:block;font-size:15px;color:#fff;padding:0 40px;line-height:45px}.index-header .navbar .nav-item>li>.sub-menu li:hover{background-color:#35398b}.index-header .navbar .toolbar{list-style-type:none;padding:0;display:none}.index-header .navbar .toolbar li{position:relative;width:40px;height:40px;border-radius:100px;border:1px solid var(--pageBorderColor);float:left;margin-left:20px;text-align:center;line-height:40px}.index-header .navbar .toolbar li:hover .tooldrop{visibility:visible;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.index-header .navbar .toolbar li a{color:#fff}.index-header .navbar .toolbar li a i{font-size:24px;vertical-align:-4px}.index-header .navbar .toolbar li .tooldrop{position:absolute;visibility:hidden;background-color:#fff;width:140px;right:-52px;top:50px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);transform:translate(0,30px);transition-delay:.3s;opacity:0}.index-header .navbar .toolbar li .tooldrop img{width:100%;display:block}.index-header .navbar .toolbar li .tooldrop span{font-size:13px;line-height:1;display:block;padding:10px 0 14px}@media (min-width: 768px){.index-header .navbar .toolbar{display:block}}.index-header .navbar-container{width:100%;margin:0 auto}@media (min-width: 1440px){.index-header .navbar-container{width:1400px;padding-left:20px;padding-right:20px}}.float-nav{position:fixed;z-index:10000;width:100%;background-color:#000}@media (min-width: 768px){.float-nav{display:none}}.float-nav .navbar{height:60px}.float-nav .navbar.inverse{background-color:#1d113c}.float-nav.shownav{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.float-nav .nav-logo{min-width:100px;max-width:100px;margin:0 auto}.float-nav .nav-toolbar{position:absolute;top:0;right:0;padding:0;margin:0;list-style-type:none}.float-nav .nav-toolbar li{float:left;width:60px;height:60px;line-height:60px;font-size:30px;text-align:center}.float-nav .nav-toolbar li a{color:#fff}.float-nav .drop-menu{position:absolute;z-index:99999;top:60px;width:100%;height:100vh;padding:40px 10px;background-color:#1d113c;display:none}.float-nav .drop-menu.active{display:block}.float-nav .drop-menu ul{padding:0;list-style-type:none}.float-nav .drop-menu ul li a{display:block;padding:0 40px;line-height:40px;color:#fff}.float-nav .drop-menu ul li a .list-arrow{vertical-align:-1px;margin-right:10px}.float-nav .drop-menu ul li ul{padding-left:2em}.top-banner{position:relative;min-height:800px}@media (min-width: 768px){.top-banner{min-height:100vh}}.banner{position:relative;overflow:hidden;background-color:#1d266b;background-size:cover;background-repeat:no-repeat;background-position:center;display:-webkit-flex;display:flex;align-items:center}.banner.banner-fixed{position:fixed;top:0;left:0;right:0;bottom:0}.banner.banner-full{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.banner .mask{position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width: 1200px){.banner .banner-lg{min-height:600px !important}}@media (max-width: 768px){.banner .banner-sm{min-height:400px !important}}.banner .banner-background{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.banner .icon-down{position:absolute;left:50%;bottom:60px;margin-left:-15px;z-index:10;cursor:pointer;background-color:transparent}@media (max-width: 1200px){.banner .icon-down{display:none}}.banner .icon-down img{width:30px}.banner .banner-text{position:relative;z-index:2;text-align:center;color:#fff}.banner .banner-text h1{font-weight:200;color:inherit;font-size:40px;font-family:"Montserrat" , sans-serif}.banner .banner-text h2{color:inherit;font-size:20px;letter-spacing:3px;padding:20px 0}.banner .banner-text p{color:inherit;letter-spacing:2px}@media (min-width: 992px){.banner .banner-text h1{font-size:60px}.banner .banner-text h2{font-size:30px;letter-spacing:3px;padding:10px 0}.banner .banner-text p{letter-spacing:6px}}.index-aboutus{background-color:#1d266b;background-repeat:no-repeat;background-size:cover}.index-aboutus .aboutus-content{padding:40px}.index-aboutus .aboutus-content h3{font-weight:lighter;font-family:"Montserrat", sans-serif;font-size:35px;color:#fff;line-height:1}.index-aboutus .aboutus-content h3 small{color:inherit;font-size:50px;display:block;font-weight:bold}.index-aboutus .aboutus-content .intro{color:#fff;padding:20px 0 4px;font-size:15px;line-height:30px}.index-aboutus .aboutus-content .intro p{margin-bottom:16px}@media (min-width: 768px){.index-aboutus{padding:100px 0}.index-aboutus .aboutus-content h3{font-size:45px}.index-aboutus .aboutus-content h3 small{font-size:70px}.index-aboutus .aboutus-content .intro{padding:40px 0 4px}}@media (min-width: 1200px){.index-aboutus{background-image:url(../images/about-bg.jpg);background-position:right;padding:80px 0}.index-aboutus .aboutus-content{padding-left:50px}.index-aboutus .aboutus-content img{width:312px}.index-aboutus .aboutus-content .intro{padding:40px 30px 0 4px;font-size:18px;line-height:35px}}@media (min-width: 1328px){.index-aboutus{background-image:url(../images/about-bg.jpg);background-position:right;padding:160px 0}.index-aboutus .aboutus-content img{width:412px}.index-aboutus .aboutus-content .intro{padding:40px 50px 0 4px}}@media (min-width: 1690px){.index-aboutus{background-image:url(../images/about-bg.jpg);background-position:right;padding:220px 0}}.index-features{padding:50px 0;background-color:#182059;background-size:cover;background-attachment:fixed;overflow:hidden}@media (min-width: 768px){.index-features{padding:125px 0}}.index-features .features-list{position:relative;margin:0 auto}.index-features .features-list:after{clear:both;content:"";display:table;clear:both}.index-features .features-list .col{-webkit-column-break-before:avoid;-webkit-column-break-after:avoid;-webkit-column-break-inside:avoid}.index-features .features-list .item.onestop{display:block;width:100%;height:400px;padding:50px 20px 30px 40px;background:#254e9f url(../images/features-pic1.png) no-repeat;background-position:0 220px;background-size:cover;margin-bottom:20px}.index-features .features-list .item.onestop:hover{background-color:#2752a7}.index-features .features-list .item.onestop h3{padding:20px 0 0;font-size:30px;line-height:35px;color:#fff;font-weight:500}.index-features .features-list .item.onestop h4{font-family:"Montserrat" ,sans-serif;font-size:30px;color:#fff}.index-features .features-list .item.onestop h4 small{display:block;font-size:16px;color:inherit}.index-features .features-list .item.thk{padding:40px 50px;width:100%;height:394px;color:#292929;background:#214897 url(../images/features-pic3.png) no-repeat;background-size:cover;text-align:center}.index-features .features-list .item.thk h3{color:inherit;font-size:30px;margin-top:85px;font-weight:500;color:#fff}.index-features .features-list .item.thk p{margin-top:38px;font-size:12px;line-height:22px;color:#fff}.index-features .features-list .item.benefit{margin-top:20px;width:100%;height:528px;padding:40px 50px;background:#ed8e4e url(../images/features-pic4.jpg) no-repeat;background-size:cover}.index-features .features-list .item.benefit h3{font-size:36px;color:#fff;line-height:40px;margin-bottom:0}.index-features .features-list .item.benefit h3 small{font-size:24px;display:block;color:#fff}.index-features .features-list .item.benefit h4{font-family:"Montserrat" ,sans-serif;font-size:12px;color:#fff;letter-spacing:2px}.index-features .features-list .item.customized{display:block;position:relative;width:100%;height:505px;padding:45px;border:3px solid #5176c0}.index-features .features-list .item.customized:hover{background-color:rgba(81,118,192,0.1)}.index-features .features-list .item.customized h3{color:#fff;font-size:24px;margin:30px 0 10px 0}.index-features .features-list .item.customized h4{font-family:"Montserrat" ,sans-serif;font-size:30px;color:#fff;line-height:36px}.index-features .features-list .item.customized .cus-icon{width:300px;margin-top:20px;margin-left:22px}.index-features .features-list .item.customized .cus-icon img{width:100%;fill:#fff}.index-features .features-list .item.class{margin-top:30px;width:100%;height:220px;padding:40px;text-align:center;background:#254e9f url(../images/features-pic5.png) no-repeat}.index-features .features-list .item.class:hover{background-color:#2a58b4}.index-features .features-list .item.class h3{color:#fff;font-size:24px;padding:36px 0 4px}.index-features .features-list .item.class h4{font-family:"Montserrat" ,sans-serif;font-size:24px;color:#fff;letter-spacing:4px}.index-features .features-list .one-padding,.index-features .features-list .cus-padding{padding:0}@media (min-width: 1440px){.index-features .features-list{padding:0 20px}.index-features .features-list .col{padding-bottom:20px}.index-features .features-list .item.onestop{width:290px;height:800px;background-position:0 300px;background-size:contain;margin-left:20px}.index-features .features-list .item.thk{width:425px;margin-left:-56px}.index-features .features-list .item.benefit{width:425px;margin-left:-56px;margin-top:30px}.index-features .features-list .item.customized{width:350px}.index-features .features-list .item.class{width:408px}.index-features .features-list .one-padding{padding-top:55px}.index-features .features-list .cus-padding{padding-top:36px}}.index-product .row{margin:0}.index-product.item-a{background-image:url(../images/information-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%}.index-product.item-b{background-image:url(../images/discuss_bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%}.index-product.item-c{background-image:url(../images/bg-videomarketing.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%}.index-product .content{padding:10%;background-color:rgba(29,38,107,0.95)}.index-product .content h2{position:relative;font-size:40px;margin-bottom:30px;padding-bottom:30px;color:var(--pageFontColor-White)}.index-product .content h2 small{display:block;font-size:30px;font-family:"Montserrat", sans-serif;font-weight:500;padding-top:10px;color:inherit;letter-spacing:5px}.index-product .content h2::after{position:absolute;bottom:0;content:"";display:block;width:160px;height:2px;background-color:var(--pageFontColor-White)}.index-product .content .font-info{width:406px}.index-product .content .font-app{width:328px}.index-product .content .font-video{width:378px}.index-product .content p{font-size:18px;line-height:30px;color:var(--pageFontColor-White)}@media (max-width: 1200px){.index-product .content h2{position:relative;font-size:30px;margin-bottom:20px;padding-bottom:20px}.index-product .content h2 small{font-size:20px;padding-top:10px;letter-spacing:3px}.index-product .content h2::after{width:134px;height:2px}.index-product .content p{font-size:14px}}@media (max-width: 768px){.index-product .content{padding:40px}}.index-customers{position:relative;padding:80px 0 20px;height:auto;background-color:#182059;background-image:url(../images/customers-bg.png);background-repeat:no-repeat;background-size:cover;overflow:hidden}@media (min-width: 768px){.index-customers{height:946px;height:946px}}.index-customers img{width:100%}.index-customers .c-logo{width:180px;margin:50px auto}@media (min-width: 768px){.index-customers .c-logo{width:345px;margin:0 auto}}.index-customers .c-logo img{width:100%}.index-customers .customers-title{width:100%;margin:0 auto 28px;text-align:center}@media (min-width: 768px){.index-customers .customers-title{width:400px;margin:72px auto 28px}}.index-customers .customers-title h3{font-size:18px;color:#fff;margin-top:16px}.index-customers .customers-title h4{font-size:30px;font-weight:400;font-family:"Montserrat" ,sans-serif;color:#fff;line-height:1}@media (min-width: 768px){.index-customers .customers-title h4{font-size:50px}}.index-customers .customers-wave{position:absolute;bottom:-3px;width:100%;height:auto;overflow:hidden}@media (min-width: 768px){.index-customers .customers-wave{height:200px}}.index-customers .customers-wave .wave{animation:wave 6s linear;animation-iteration-count:infinite;fill:#373b8c}.index-customers .customers-wave svg{width:100%;overflow:visible}.index-customers .customers-wave #wave2{animation-duration:5s;animation-direction:reverse;opacity:.6}.index-customers .customers-wave #wave3{animation-duration:7s;opacity:.3}.index-customers .customers-wave .drop{fill:#373b8c;animation:drop 6s linear infinite normal;stroke:#373b8c;stroke-width:0.5;transform:translateY(25px);transform-box:fill-box;transform-origin:50% 100%}.index-customers .customers-wave .drop2{animation-delay:3s;animation-duration:3s}.index-customers .customers-wave .drop3{animation-delay:-2s;animation-duration:3.4s}.index-customers .customers-wave .drop4{animation-delay:1.7s}.index-customers .customers-wave .drop5{animation-delay:2.7s;animation-duration:3.1s}.index-customers .customers-wave .drop6{animation-delay:-2.1s;animation-duration:3.2s}.index-customers .customers-list{width:1px;position:absolute;top:50%;left:50%;margin-top:-160px;z-index:5}.index-customers .customers-list .item{position:absolute;overflow:hidden;border-radius:300px;background-color:#2f77b9;width:134px;height:134px;animation:5s floating ease-in-out infinite;-webkit-animation:5s floating ease-in-out infinite;transition:background-color 0.5s;-moz-transition:background-color 0.5s;-webkit-transition:background-color 0.5s}.index-customers .customers-list .item:hover{background-color:#9b76b2 !important}.index-customers .customers-list .item.a{width:100px;height:100px;left:-158px;top:46px;-webkit-animation-duration:5.5s;animation-duration:5.5s}@media (min-width: 768px){.index-customers .customers-list .item.a{width:123px;height:123px;left:-375px;top:46px}}.index-customers .customers-list .item.b{width:113px;height:113px;left:-150px;top:216px;background-color:#bfcc52;-webkit-animation-duration:4.5s;animation-duration:4.5s}@media (min-width: 768px){.index-customers .customers-list .item.b{width:113px;height:113px;left:-313px;top:216px}}.index-customers .customers-list .item.c{width:80px;height:80px;left:-104px;top:140px;background-color:#7fbdb8;-webkit-animation-duration:6.5s;animation-duration:6.5s}@media (min-width: 768px){.index-customers .customers-list .item.c{width:107px;height:107px;left:-490px;top:142px}}.index-customers .customers-list .item.d{width:78px;height:78px;left:5px;top:0;background-color:#4ca79f;-webkit-animation-duration:5s;animation-duration:5s}@media (min-width: 768px){.index-customers .customers-list .item.d{width:78px;height:78px;left:-545px;top:0}}.index-customers .customers-list .item.e{width:110px;height:110px;left:-35px;top:86px;background-color:#e94e4e;-webkit-animation-duration:7s;animation-duration:7s}@media (min-width: 768px){.index-customers .customers-list .item.e{width:133px;height:133px;left:275px;top:64px}}.index-customers .customers-list .item.f{width:80px;height:80px;left:-15px;top:250px;background-color:#4ca79f;-webkit-animation-duration:4s;animation-duration:4s}@media (min-width: 768px){.index-customers .customers-list .item.f{width:80px;height:80px;left:208px;top:250px}}.index-customers .customers-list .item.g{width:120px;height:120px;left:52px;top:150px;background-color:#a44ca7;-webkit-animation-duration:5.5s;animation-duration:5.5s}@media (min-width: 768px){.index-customers .customers-list .item.g{width:120px;height:120px;left:454px;top:150px}}.index-customers .customers-bg{width:1px;position:absolute;top:50%;left:50%;margin-top:-156px;z-index:2}.index-customers .customers-bg .item{position:absolute;border-radius:300px;background-color:#493a81;width:58px;height:58px}.index-customers .customers-bg .item.a{left:-710px;top:154px;background-color:#493885}.index-customers .customers-bg .item.b{width:62px;height:62px;left:-526px;top:140px}.index-customers .customers-bg .item.c{width:78px;height:78px;left:290px;top:0px;background-color:#493885}.index-customers .customers-bg .item.d{width:60px;height:60px;left:586px;top:64px}.index-customers .customers-bg .item.e{left:705px;top:140px}.index-customers .customers-menu{position:relative;width:100%;height:254px;margin:0 auto 0;padding-top:28px}.index-customers .customers-menu:after{clear:both;content:"";display:table;clear:both}@media (min-width: 768px){.index-customers .customers-menu{width:680px}}.index-customers .customers-menu:before{content:"";position:absolute;bottom:114px;width:100%;height:2px;border-bottom:2px solid #554397}.index-customers .customers-menu .customers-sline{position:relative;overflow:hidden;width:30px;height:92px;margin:0 auto 20px}.index-customers .customers-menu .customers-sline span{display:block;width:2px;height:80px;margin:28px auto 0;background-color:#554397}.index-customers .customers-menu .customers-sline span.out{animation:1s rollsout ease-in-out forwards;-webkit-animation:1s rollsout ease-in-out forwards}.index-customers .customers-menu .customers-sline:before{content:"";position:absolute;top:0;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:100px;border:2px solid #554397;background-color:#182059}.index-customers .customers-menu .item{position:relative;padding:24px 0;max-height:60px;font-size:12px;text-align:center}@media (min-width: 768px){.index-customers .customers-menu .item{font-size:18px}}.index-customers .customers-menu .item a{color:#968ac3;display:block;cursor:pointer}.index-customers .customers-menu .item:before{content:"";position:absolute;top:-10px;left:50%;margin-left:-9px;width:14px;height:14px;border-radius:100px;border:2px solid #554397;background-color:#182059;transition:background-color 0.6s,transform 0.6s;-moz-transition:background-color 0.6s,transform 0.6s;-webkit-transition:background-color 0.6s,transform 0.6s}.index-customers .customers-menu .item:hover a{color:#d3cde6}.index-customers .customers-menu .item:hover:before{-webkit-transform:scale(1.3);transform:scale(1.3)}.index-customers .customers-menu .item.swiper-slide-active:before{background-color:#554397}.index-project{padding:80px 0 140px;background:#302037 url(../images/features-bg.png) no-repeat center;background-size:cover;background-position:center;background-attachment:fixed}.index-project h3{font-size:26px;color:#fff;padding:20px 40px 40px;text-align:center}.index-project .item{width:100%}.index-project .item .project-pic{position:relative}.index-project .item .project-pic img{width:100%}.index-project .item .project-pic::before{content:"\e92b";position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;z-index:2;font-family:'cm-icon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:40px;color:#fff;opacity:0;-webkit-transform:scale(2);transform:scale(2);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}.index-project .item .project-pic::after{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-color:rgba(15,6,22,0);transition:background-color 0.3s;-moz-transition:background-color 0.3s;-webkit-transition:background-color 0.3s}.index-project .item:hover .project-pic::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.index-project .item:hover .project-pic::after{background-color:rgba(15,6,22,0.9)}.index-project .item h4{font-size:14px;text-align:center;color:#fff;margin-top:30px}.index-partners{padding:80px 0}.index-partners .item{opacity:1;text-align:center;width:auto}.footer{min-width:100%;background-color:#1d113c}.footer:after{clear:both;content:"";display:table;clear:both}.footer .footer-left{padding-top:60px;padding-bottom:10px}@media (min-width: 768px){.footer .footer-left{padding-bottom:60px}}@media (min-width: 768px){.footer .footer-right{padding-top:124px}}.footer .footer-logo{width:212px;font-family:"Montserrat" ,sans-serif;font-size:35px;font-weight:bold;color:#fff}.footer .footer-nav{display:block;padding:0;margin:10px 0 0 4px;list-style-type:none}.footer .footer-nav:after{clear:both;content:"";display:table;clear:both}@media (min-width: 768px){.footer .footer-nav{margin:30px 0 0 4px}}.footer .footer-nav li{font-size:16px;margin-right:30px;line-height:30px}@media (min-width: 768px){.footer .footer-nav li{float:left;line-height:inherit}}.footer .footer-nav li a{color:#fff}.footer .copyright{margin:10px 0 0 4px;font-size:14px;color:#9b76b2}.footer .service-tel{font-size:34px;font-family:Impact;color:#9b76b2}@media (min-width: 768px){.footer .service-tel{text-align:right}}.footer address{display:block;color:#9b76b2;margin:0;padding-bottom:30px}@media (min-width: 768px){.footer address{text-align:right;padding-bottom:0}}@keyframes floating{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(10%) translateY(20%)}100%{transform:translateX(0) translateY(0)}}@-webkit-keyframes floating{0%{-webkit－transform:translateX(0) translateY(0)}50%{-webkit－transform:translateX(10%) translateY(20%)}100%{-webkit－transform:translateX(0) translateY(0)}}@keyframes rollsout{0%{opacity:1;transform:translateX(0) translateY(0)}100%{opacity:0;transform:translateX(0) translateY(-100px)}}@-webkit-keyframes rollsout{0%{opacity:1;-webkit－transform:translateX(0) translateY(0)}100%{opacity:0;-webkit－transform:translateX(0) translateY(-100px)}}@keyframes wave{to{transform:translateX(-100%)}}@keyframes drop{0%{transform:translateY(25px)}30%{transform:translateY(-10px) scale(0.1)}30.001%{transform:translateY(25px) scale(1)}70%{transform:translateY(25px)}100%{transform:scale(0.1)}}@keyframes ball{to{transform:translateY(20%)}}.page-aboutus h1{position:relative;padding:30px 0;font-size:30px;color:var(--pageFontColor-Title)}.page-aboutus h1:before{content:"";position:absolute;display:block;width:134px;height:3px;bottom:0;background-color:var(--pageFontColor-Title)}.page-aboutus h1 small{display:block;font-family:'Montserrat', sans-serif;font-weight:bold;font-size:48px;color:inherit;padding:18px 0 0 0}.page-aboutus .aboutus-content{padding-top:60px;font-size:14px;line-height:28px;color:#9a9ca0;padding-left:40px;padding-right:40px}@media (min-width: 768px){.page-aboutus .aboutus-content{padding-top:160px;padding-left:0px;padding-right:0px}}.page-aboutus .aboutus-content .intro{margin-top:20px}.page-aboutus .aboutus-content .intro p{margin-bottom:10px}.page-aboutus .aboutus-img{position:relative;overflow:hidden;display:none}@media (min-width: 768px){.page-aboutus .aboutus-img{display:block}}.page-aboutus .aboutus-img .item{position:relative;z-index:1}.page-aboutus .aboutus-img .item.left{margin-top:122px}.page-aboutus .aboutus-img .item.right{float:right;margin-top:198px}.page-aboutus .aboutus-img .item.center{z-index:2;margin-top:58px;margin-left:-90px}.page-business{padding-bottom:200px;background-image:url(../images/aboutbga.svg),url(../images/aboutbgb.svg);background-size:cover;background-position:center top;background-repeat:no-repeat, no-repeat;overflow:hidden}.page-business .row{margin:0;padding:0 20px}.page-business .row>[class*="col-"]{padding-left:10px;padding-right:10px}@media (min-width: 1200px){.page-business .row{padding:0 20px}.page-business .row>[class*="col-"]{padding-left:10px;padding-right:10px}}@media (min-width: 1440px){.page-business .row{padding:0 50px}.page-business .row>[class*="col-"]{padding-left:30px;padding-right:30px}}.page-business .row .item{padding:66px 34px;background-color:#fff;height:320px;width:100%;margin:50px auto 0;text-align:center;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s}.page-business .row .item svg{width:95px;height:95px}.page-business .row .item svg path{fill:#74809c}.page-business .row .item:hover{background-color:#8b42b1}.page-business .row .item:hover svg path{fill:#fff}.page-business .row .item:hover p{color:#fff}.page-business .row .item p{color:#768095;padding:50px 0 0;line-height:24px;font-size:13px}.page-business h2{padding-top:100px;text-align:center;font-size:30px;color:var(--pageFontColor-Title)}.page-business h2 small{display:block;font-family:'Montserrat', sans-serif;font-weight:bold;font-size:inherit;color:inherit}.page-business h4{display:block;margin:20px auto 0;max-width:1000px;font-size:14px;text-align:center;color:var(--pageFontColor-Light);line-height:24px}.page-timeline{padding:80px 0 100px;overflow:hidden}.page-timeline h2{display:block;text-align:center;color:#74809c;margin-bottom:40px}.page-timeline h2 small{display:block;font-size:18px;font-family:'Montserrat', sans-serif;color:inherit;font-weight:bold}@media (min-width: 768px){.page-timeline h2 small{font-size:30px}}.page-timeline .timeline{width:100%;position:relative;list-style-type:none;margin:0 auto;padding-top:100px;padding:100px 0 0 0}@media (min-width: 768px){.page-timeline .timeline{width:1000px;margin:0 auto 100px}}.page-timeline .timeline:before{position:absolute;left:50%;margin-left:-1px;content:"";width:2px;height:100%;background-color:#d6bdd8}.page-timeline .timeline:after{position:absolute;top:0;left:50%;margin-left:-39px;content:"";width:78px;height:78px;background:url(../images/page-about-logo.png) no-repeat}.page-timeline .timeline li{position:relative;margin-left:44px;margin-top:30px;padding-left:130px}@media (min-width: 768px){.page-timeline .timeline li{margin-left:507px;margin-top:30px;padding-left:130px}}.page-timeline .timeline li:before{position:absolute;top:24px;left:0;content:"";width:130px;height:2px;background-color:#d6bdd8}.page-timeline .timeline li:after{position:absolute;top:17px;left:-15px;content:"";width:16px;height:16px;background-color:#fff;border-radius:100px;border:2px solid #d6bdd8}.page-timeline .timeline li time{display:block;padding-left:20px;line-height:1;font-size:28px;font-family:"Impact" , sans-serif}@media (min-width: 768px){.page-timeline .timeline li time{font-size:48px}}.page-timeline .timeline li p{padding:6px 20px 0 20px;color:#74809c;font-size:14px}@media (min-width: 768px){.page-timeline .timeline li p{font-size:16px;padding:6px 0 0 20px}}.page-timeline .timeline li:nth-child(2n+1){margin-right:43px;margin-left:auto;padding-left:0;padding-right:130px;text-align:right}@media (min-width: 768px){.page-timeline .timeline li:nth-child(2n+1){margin-right:507px;margin-left:auto;padding-left:0;padding-right:130px}}.page-timeline .timeline li:nth-child(2n+1) time{padding-left:0;padding-right:20px}.page-timeline .timeline li:nth-child(2n+1) p{padding:6px 20px 0 20px}@media (min-width: 768px){.page-timeline .timeline li:nth-child(2n+1) p{padding:6px 20px 0 0}}.page-timeline .timeline li:nth-child(2n+1):before{left:auto;right:0}.page-timeline .timeline li:nth-child(2n+1):after{left:auto;right:-15px}.page-timeline .timeline li:last-child p{display:inline-block;background-color:#f67042;padding:6px 10px;color:#fff;margin-right:20px;letter-spacing:5px}.page-honors{padding:0px 30px;background-image:url(../images/aboutbgb.svg);background-size:cover;background-position:center top;background-repeat:no-repeat, no-repeat}@media (min-width: 768px){.page-honors{padding:100px 0}}.page-honors h2{display:block;text-align:center;color:#74809c;margin-bottom:40px}.page-honors h2 small{display:block;font-size:16px;font-family:'Montserrat', sans-serif;color:inherit;font-weight:bold}@media (min-width: 768px){.page-honors h2 small{font-size:30px}}.page-honors .item{width:100%;background-color:#eee;margin-bottom:40px}.page-honors .item .thumb{display:block;overflow:hidden}.page-honors .item .thumb:hover .img{-webkit-transform:scale(1.3);transform:scale(1.3)}.page-honors .item .thumb .img{height:240px;background-size:cover;background-position:center;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease}.page-honors .item .cont{background-color:#fff;padding:20px}.page-honors .item .cont h4{font-size:14px;text-align:center}.page-links{padding:30px 0;background-color:#f2f2fd}@media (min-width: 768px){.page-links{padding:100px 0}}.page-links .list{padding:0;margin:0;margin-left:-10px;margin-right:-10px;list-style-type:none}.page-links .list:after{clear:both;content:"";display:table;clear:both}.page-links .list li{float:left;width:50%;padding:10px}@media (min-width: 768px){.page-links .list li{width:20%}}.page-links .list li img{width:100%}.page-joinus{padding:100px 30px;margin:0 auto}.page-joinus .content p{margin-bottom:10px;line-height:18px}@media (min-width: 992px){.page-joinus{width:70%}}.contactus-map .modal-content{width:100%}@media (min-width: 768px){.contactus-map .modal-content{width:780px;min-width:780px}}.contactus-map .panel{border:0}.contactus-map .panel-body{padding:0}.contactus-map #allmap{width:100%;height:400px}@media (min-width: 768px){.contactus-map #allmap{height:600px}}.news-list{padding:10px 40px 40px;background-color:#160d23}@media (min-width: 768px){.news-list{padding:10px 0 100px}}.news-list .row[class*="count-"]{-webkit-column-gap:30px;column-gap:30px}.news-list .col{-webkit-column-break-before:avoid;-webkit-column-break-after:avoid;-webkit-column-break-inside:avoid}.news-list .item{margin-bottom:30px;background-color:#fff;position:relative;overflow:hidden}.news-list .item:hover{z-index:2}.news-list .item:hover h4{color:var(--pageFontColor-Link)}.news-list .item a{display:block}.news-list .item .content{padding:30px 40px 40px}.news-list .item img{width:100%;display:block}.news-list .item h4{margin-bottom:10px;font-size:16px;color:var(--pageFontColor-Title)}.news-list .item time{display:block;font-size:12px;padding-bottom:10px;color:var(--pageFontColor-Light)}.news-list .item p{line-height:1.6;color:var(--pageFontColor)}.article-show{padding:30px}@media (min-width: 768px){.article-show{padding:100px}}.article-show h1{text-align:center;font-size:20px;font-weight:400;color:var(--pageFontColor-Title)}@media (min-width: 768px){.article-show h1{font-size:30px}}.article-show .date-info{padding:20px 5px;text-align:center}@media (min-width: 768px){.article-show .date-info{padding:20px}}.article-show .date-info ul{list-style-type:none;padding:0}.article-show .date-info ul li{display:inline-block;margin:0 10px}.article-show .content{padding:0;margin:0 auto;line-height:2.2;font-size:18px}@media (min-width: 768px){.article-show .content{padding:0 160px}}.article-show .content img{max-width:100%}.article-show .content p{margin-bottom:28px;text-align:justify}.article-qlink{padding:40px 0px;margin-top:40px;border-top:1px dotted var(--pageBorderColor)}@media (min-width: 768px){.article-qlink{padding:40px 160px}}.article-qlink .qlink-box.right{float:right}.article-qlink .qlink-box.right label{text-align:right}.article-qlink .qlink-box.right h3{text-align:right}.article-qlink .qlink-box a{display:block}.article-qlink .qlink-box label{font-size:22px;display:block}.article-qlink .qlink-box h3{font-size:14px;padding-top:6px;color:var(--pageFontColor);display:none}@media (min-width: 768px){.article-qlink .qlink-box h3{display:inline-block}}.contactus-logo{position:relative;left:50%;margin-left:-150px;width:300px;top:-130px}@media (min-width: 768px){.contactus-logo{top:auto;width:400px;margin-left:-200px}}.contactus-logo .item{padding:30px}.contactus-logo .item img{width:100%}.contactus-logo cube{-webkit-animation:16s spin linear infinite;animation:16s spin linear infinite;height:100%;position:absolute;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.contactus-logo cube img{width:100%}.contactus-logo cube *{background-size:2.5em 2.5em, 2.5em 2.5em;background-color:rgba(71,62,117,0.2);border:1px solid rgba(54,226,248,0.5);box-shadow:0 0 8em rgba(192,162,251,0.4);display:block;height:140px;position:absolute;width:140px}.contactus-logo back{-webkit-transform:rotateX(180deg) translateZ(70px);-ms-transform:rotateX(180deg) translateZ(70px);transform:rotateX(180deg) translateZ(70px)}.contactus-logo bottom{-webkit-transform:rotateX(-90deg) translateZ(70px);-ms-transform:rotateX(-90deg) translateZ(70px);transform:rotateX(-90deg) translateZ(70px)}.contactus-logo front{-webkit-transform:rotateY(0deg) translateZ(70px);-ms-transform:rotateY(0deg) translateZ(70px);transform:rotateY(0deg) translateZ(70px)}.contactus-logo left{-webkit-transform:rotateY(-90deg) translateZ(70px);-ms-transform:rotateY(-90deg) translateZ(70px);transform:rotateY(-90deg) translateZ(70px)}.contactus-logo right{-webkit-transform:rotateY(90deg) translateZ(70px);-ms-transform:rotateY(90deg) translateZ(70px);transform:rotateY(90deg) translateZ(70px)}.contactus-logo top{-webkit-transform:rotateX(90deg) translateZ(70px);-ms-transform:rotateX(90deg) translateZ(70px);transform:rotateX(90deg) translateZ(70px)}@-webkit-keyframes background{to{-webkit-background-size:20em 20em, 20em 20em;background-size:20em 20em, 20em 20em}}@keyframes background{to{-webkit-background-size:20em 20em, 20em 20em;background-size:20em 20em, 20em 20em}}@-webkit-keyframes spin{from{-webkit-transform:translateZ(-10em) rotateX(0) rotateY(0deg);transform:translateZ(-10em) rotateX(0) rotateY(0deg)}to{-webkit-transform:translateZ(-10em) rotateX(360deg) rotateY(360deg);transform:translateZ(-10em) rotateX(360deg) rotateY(360deg)}}@keyframes spin{from{-webkit-transform:translateZ(-10em) rotateX(0) rotateY(0deg);transform:translateZ(-10em) rotateX(0) rotateY(0deg)}to{-webkit-transform:translateZ(-10em) rotateX(360deg) rotateY(360deg);transform:translateZ(-10em) rotateX(360deg) rotateY(360deg)}}@-webkit-keyframes rotateplane{0%{transform:perspective(300px) rotateX(0deg) rotateY(179deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(179deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(179deg)}50%{transform:perspective(300px) rotateX(0deg) rotateY(0deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg)}100%{transform:perspective(300px) rotateX(0deg) rotateY(-179deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(-179deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-179deg)}}@keyframes rotateplane{0%{transform:perspective(300px) rotateX(0deg) rotateY(179deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(179deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(179deg)}50%{transform:perspective(300px) rotateX(0deg) rotateY(0deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg)}100%{transform:perspective(300px) rotateX(0deg) rotateY(-179deg);-moz-transform:perspective(300px) rotateX(0deg) rotateY(-179deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-179deg)}}.contactus-cont{position:absolute;right:0px;bottom:0px;padding:40px;color:#fff}@media (min-width: 768px){.contactus-cont{padding:20px;right:50px;bottom:50px}}.contactus-cont a{color:#fff}.contactus-cont a:hover{color:#bfbfbf}.contactus-cont h1{color:inherit;font-size:26px;font-weight:lighter;font-family:"Montserrat", sans-serif;margin-bottom:5px}@media (min-width: 768px){.contactus-cont h1{font-size:40px}}.contactus-cont h2{color:inherit;font-size:18px;font-weight:400;margin-bottom:30px}@media (min-width: 768px){.contactus-cont h2{margin-bottom:50px}}.contactus-cont ul{list-style-type:none;padding:0}.contactus-cont ul li{font-size:14px;line-height:30px;margin-bottom:10px}@media (min-width: 768px){.contactus-cont ul li{margin-bottom:20px;font-size:18px}}.contactus-cont ul li .cmicon{font-size:16px;margin-right:10px;vertical-align:-2px}@media (min-width: 768px){.contactus-cont ul li .cmicon{font-size:24px;margin-right:30px;vertical-align:-5px}}