a{color:#47b2e4;text-decoration:none}
ul{list-style:none}
a:hover{color:#73c5eb;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:Jost,sans-serif}
::-webkit-scrollbar{background:#f7f7f9;width:8px;height:8px}
::-webkit-scrollbar-track-piece{background:#f7f7f9}
::-webkit-scrollbar-thumb{border-radius:.1rem;background:#ccc}
::-webkit-scrollbar-thumb:vertical{background:#ccc}
*{scrollbar-color:#ccc #f7f7f9;scrollbar-width:thin}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#37517e}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #37517e;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}
@-webkit-keyframes animate-preloader{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes animate-preloader{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.stoped{cursor:not-allowed}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#47b2e4;width:40px;height:40px;border-radius:50px;transition:all .4s}
.back-to-top i{font-size:24px;color:#fff;line-height:0}
.back-to-top:hover{background:#6bc1e9;color:#fff}
.back-to-top.active{visibility:visible;opacity:1}
#header{transition:all .5s;z-index:997;padding:5px 0}
#header.header-inner-pages,#header.header-scrolled{background:rgba(40,58,90,.9)}
#header .logo{font-size:30px;margin:0;padding:0;line-height:1;font-weight:500;letter-spacing:2px;text-transform:uppercase;position:relative}
#header .logo a{color:#fff}
#header .logo img{max-height:50px;width:185px}
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar a{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:500;color:#fff;white-space:nowrap;transition:.3s}
.navbar a i{font-size:12px;line-height:0;margin-left:5px}
.navbar .active,.navbar a:hover,.navbar li:hover>a{color:#47b2e4}
.navbar .getstarted{padding:8px 20px;margin-left:30px;border-radius:50px;color:#fff;font-size:14px;border:2px solid #47b2e4;font-weight:600;background-color:#47b2e4}
.navbar .getstarted:hover{color:#fff;background:#31a9e1}
.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s;border-radius:4px}
.navbar .dropdown ul li{min-width:200px}
.navbar .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;font-weight:500;color:#0c3c53}
.navbar .dropdown ul a i{font-size:12px}
.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:#47b2e4}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}
@media (max-width:1366px){
.navbar .dropdown .dropdown ul{left:-90%}
.navbar .dropdown .dropdown:hover>ul{left:-100%}
}
.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}
.mobile-nav-toggle.bi-x{color:#fff}
@media (max-width:991px){
.mobile-nav-toggle{display:block}
.navbar ul{display:none}
}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(40,58,90,.9);transition:.3s;z-index:999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:10px;background-color:#fff;overflow-y:auto;transition:.3s}
.navbar-mobile a{padding:10px 20px;font-size:15px;color:#37517e}
.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#47b2e4}
.navbar-mobile .getstarted{margin:15px;color:#37517e}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#47b2e4}
.navbar-mobile .dropdown>.dropdown-active{display:block}
#hero{width:100%;height:80vh;background:#37517e}
#hero .container{padding-top:72px}
#hero h1{margin:0 0 10px 0;font-size:28px;font-weight:700;line-height:56px;color:#fff}
#hero h2{color:rgba(255,255,255,.6);margin-bottom:50px;font-size:22px}
#hero .btn-get-started{font-weight:500;font-size:22px;letter-spacing:1px;display:inline-block;padding:7px 28px 8px 28px;border-radius:50px;transition:.5s;margin:10px 0 0 0;color:#fff;background:#47b2e4}
#hero .btn-get-started:hover{background:#209dd8}
#hero .btn-watch-video{font-size:22px;display:flex;align-items:center;transition:.5s;margin:10px 0 0 25px;color:#fff;line-height:1}
#hero .btn-watch-video i{line-height:0;color:#fff;font-size:22px;transition:.3s;margin-right:8px}
#hero .btn-watch-video:hover i{color:#47b2e4}
#hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}
@media (max-width:991px){
#hero{height:100vh;text-align:center}
#hero .animated{-webkit-animation:none;animation:none}
#hero .hero-img{text-align:center}
#hero .hero-img img{width:50%}
}
@media (max-width:768px){
#hero h1{font-size:28px;line-height:36px}
#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}
#hero .hero-img img{width:70%}
}
@media (max-width:575px){
#hero .hero-img img{width:80%}
#hero .btn-get-started{font-size:16px;padding:10px 24px 11px 24px}
}
@-webkit-keyframes up-down{
0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}
@keyframes up-down{
0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}
section{overflow:hidden;padding:60px 0}
.section-bg{background-color:#f3f5fa}
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;color:#37517e}
.section-title h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}
.section-title h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#47b2e4;bottom:0;left:calc(50% - 20px)}
.section-title p{margin-bottom:0}
.cliens{padding:12px 0;text-align:center}
.cliens img{max-width:45%;transition:all .4s ease-in-out;display:inline-block;padding:15px 0;filter:grayscale(100)}
.cliens img:hover{filter:none;transform:scale(1.1)}
@media (max-width:768px){
.cliens img{max-width:40%}
}
.about .content h3{font-weight:600;font-size:26px}
.about .content ul{list-style:none;padding:0}
.about .content ul li{padding-left:28px;position:relative}
.about .content ul li+li{margin-top:10px}
.about .content ul i{position:absolute;left:0;top:2px;font-size:20px;color:#47b2e4;line-height:1}
.about .content p:last-child{margin-bottom:0}
.about .content .btn-learn-more{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:4px;transition:.3s;line-height:1;color:#47b2e4;-webkit-animation-delay:.8s;animation-delay:.8s;margin-top:6px;border:2px solid #47b2e4}
.about .content .btn-learn-more:hover{background:#47b2e4;color:#fff;text-decoration:none}
.why-us .content{padding:60px 100px 0 100px}
.why-us .content h3{font-weight:400;font-size:34px;color:#37517e}
.why-us .content h3 .bi::before{line-height:1.5}
.why-us .content h4{font-size:20px;font-weight:700;margin-top:5px}
.why-us .content p{font-size:15px;color:#848484}
.why-us .img{background-size:contain;background-repeat:no-repeat;background-position:center center}
.why-us .accordion-list{padding:0 100px 60px 100px}
.why-us .accordion-list ul{padding:0;list-style:none}
.why-us .accordion-list li+li{margin-top:15px}
.why-us .accordion-list li{padding:20px;background:#fff;border-radius:4px}
.why-us .accordion-list a{display:block;position:relative;font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;padding-right:30px;outline:0;cursor:pointer}
.why-us .accordion-list span{color:#47b2e4;font-weight:600;font-size:18px;padding-right:10px}
.why-us .accordion-list i{font-size:24px;position:absolute;right:0;top:0}
.why-us .accordion-list p{margin-bottom:0;padding:10px 0 0 0}
.why-us .accordion-list .icon-show{display:none}
.why-us .accordion-list a.collapsed{color:#343a40}
.why-us .accordion-list a.collapsed:hover{color:#47b2e4}
.why-us .accordion-list a.collapsed .icon-show{display:inline-block}
.why-us .accordion-list a.collapsed .icon-close{display:none}
@media (max-width:1024px){
.why-us .accordion-list,.why-us .content{padding-left:0;padding-right:0}
}
@media (max-width:992px){
.why-us .img{min-height:400px}
.why-us .content{padding-top:30px}
.why-us .accordion-list{padding-bottom:30px}
}
@media (max-width:575px){
.why-us .img{min-height:200px}
}
.skills .content h3{font-weight:700;font-size:32px;color:#37517e;font-family:Poppins,sans-serif}
.skills .content ul{list-style:none;padding:0}
.skills .content ul li{padding-bottom:10px}
.skills .content ul i{font-size:20px;padding-right:4px;color:#47b2e4}
.skills .content p:last-child{margin-bottom:0}
.skills .progress{height:60px;display:block;background:0 0;border-radius:0}
.skills .progress .skill{padding:0;margin:0 0 6px 0;text-transform:uppercase;display:block;font-weight:600;font-family:Poppins,sans-serif;color:#37517e}
.skills .progress .skill .val{float:right;font-style:normal}
.skills .progress-bar-wrap{background:#e8edf5;height:10px}
.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#4668a2}
.services .icon-box{box-shadow:0 0 25px 0 rgba(0,0,0,.1);padding:50px 30px;transition:all ease-in-out .4s;background:#fff;border-radius:8px}
.services .icon-box .icon{margin-bottom:10px}
.services .icon-box .icon i{color:#47b2e4;font-size:36px;transition:.3s}
.services .icon-box h4{font-weight:500;margin-bottom:15px;font-size:24px}
.services .icon-box h4 a{color:#37517e;transition:ease-in-out .3s}
.services .icon-box p{line-height:24px;font-size:14px;margin-bottom:0}
.services .icon-box:hover{transform:translateY(-10px)}
.services .icon-box:hover h4 a{color:#47b2e4}
.cta{background:linear-gradient(rgba(40,58,90,.9),rgba(40,58,90,.9)),url(../img/cta-bg.jpg) fixed center center;background-size:cover;padding:120px 0}
.cta h3{color:#fff;font-size:28px;font-weight:700}
.cta p{color:#fff}
.cta .cta-btn{font-family:Jost,sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:12px 40px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}
.cta .cta-btn:hover{background:#47b2e4;border:2px solid #47b2e4}
@media (max-width:1024px){
.cta{background-attachment:scroll}
}
@media (min-width:769px){
.cta .cta-btn-container{display:flex;align-items:center;justify-content:flex-end}
}
.portfolio #portfolio-flters{list-style:none;margin-bottom:20px}
.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;margin:10px 5px;font-size:15px;font-weight:500;line-height:1;color:#444;transition:all .3s;padding:8px 20px;border-radius:50px;font-family:Poppins,sans-serif}
.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{background:#47b2e4;color:#fff}
.portfolio .portfolio-item{margin-bottom:30px}
.portfolio .portfolio-item .portfolio-img{overflow:hidden}
.portfolio .portfolio-item .portfolio-img img{transition:all .6s}
.portfolio .portfolio-item .portfolio-info{opacity:0;position:absolute;left:15px;bottom:0;z-index:3;right:15px;transition:all .3s;background:rgba(55,81,126,.8);padding:10px 15px}
.portfolio .portfolio-item .portfolio-info h4{font-size:18px;color:#fff;font-weight:600;color:#fff;margin-bottom:0}
.portfolio .portfolio-item .portfolio-info p{color:#f9fcfe;font-size:14px;margin-bottom:0}
.portfolio .portfolio-item .portfolio-info .details-link,.portfolio .portfolio-item .portfolio-info .preview-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:#fff;transition:.3s}
.portfolio .portfolio-item .portfolio-info .details-link:hover,.portfolio .portfolio-item .portfolio-info .preview-link:hover{color:#47b2e4}
.portfolio .portfolio-item .portfolio-info .details-link{right:10px}
.portfolio .portfolio-item:hover .portfolio-img img{transform:scale(1.15)}
.portfolio .portfolio-item:hover .portfolio-info{opacity:1}
.portfolio-details{padding-top:40px}
.portfolio-details .portfolio-details-slider img{width:100%}
.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #47b2e4}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#47b2e4}
.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(55,81,126,.08)}
.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}
.portfolio-details .portfolio-info ul li+li{margin-top:10px}
.portfolio-details .portfolio-description{padding-top:30px}
.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}
.portfolio-details .portfolio-description p{padding:0}
.team .member{position:relative;box-shadow:0 2px 15px rgba(0,0,0,.1);padding:30px;border-radius:5px;background:#fff;transition:.5s}
.team .member .pic{overflow:hidden;width:180px;border-radius:50%}
.team .member .pic img{transition:ease-in-out .3s}
.team .member:hover{transform:translateY(-10px)}
.team .member .member-info{padding-left:30px}
.team .member h4{font-weight:700;margin-bottom:5px;font-size:20px;color:#37517e}
.team .member span{display:block;font-size:15px;padding-bottom:10px;position:relative;font-weight:500}
.team .member span::after{content:'';position:absolute;display:block;width:50px;height:1px;background:#cbd6e9;bottom:0;left:0}
.team .member p{margin:10px 0 0 0;font-size:14px}
.team .member .social{margin-top:12px;display:flex;align-items:center;justify-content:flex-start}
.team .member .social a{transition:ease-in-out .3s;display:flex;align-items:center;justify-content:center;border-radius:50px;width:32px;height:32px;background:#eff2f8}
.team .member .social a i{color:#37517e;font-size:16px;margin:0 2px}
.team .member .social a:hover{background:#47b2e4}
.team .member .social a:hover i{color:#fff}
.team .member .social a+a{margin-left:8px}
.pricing .row{padding-top:40px}
.pricing .box{padding:60px 40px;box-shadow:0 3px 20px -2px rgba(20,45,100,.1);background:#fff;height:100%;border-top:4px solid #fff;border-radius:5px}
.pricing h3{font-weight:500;margin-bottom:15px;font-size:20px;color:#37517e}
.pricing h4{font-size:48px;color:#37517e;font-weight:400;font-family:Jost,sans-serif;margin-bottom:25px}
.pricing h4 sup{font-size:28px}
.pricing h4 span{color:#47b2e4;font-size:18px;display:block}
.pricing ul{padding:20px 0;list-style:none;color:#999;text-align:left;line-height:20px}
.pricing ul li{padding:10px 0 10px 30px;position:relative}
.pricing ul i{color:#28a745;font-size:24px;position:absolute;left:0;top:6px}
.pricing ul .na{color:#ccc}
.pricing ul .na i{color:#ccc}
.pricing ul .na span{text-decoration:line-through}
.pricing .buy-btn{display:inline-block;padding:12px 35px;border-radius:50px;color:#47b2e4;transition:none;font-size:16px;font-weight:500;font-family:Jost,sans-serif;transition:.3s;border:1px solid #47b2e4}
.pricing .buy-btn:hover{background:#47b2e4;color:#fff}
.pricing .featured{border-top-color:#47b2e4}
.pricing .featured .buy-btn{background:#47b2e4;color:#fff}
.pricing .featured .buy-btn:hover{background:#23a3df}
@media (max-width:992px){
.pricing .box{max-width:60%;margin:0 auto 30px auto}
}
@media (max-width:767px){
.pricing .box{max-width:80%;margin:0 auto 30px auto}
}
@media (max-width:420px){
.pricing .box{max-width:100%;margin:0 auto 30px auto}
}
.faq .faq-list{padding:0 100px}
.faq .faq-list ul{padding:0;list-style:none}
.faq .faq-list li+li{margin-top:15px}
.faq .faq-list li{padding:20px;background:#fff;border-radius:4px;position:relative}
.faq .faq-list a{display:block;position:relative;font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;padding:0 30px;outline:0;cursor:pointer}
.faq .faq-list .icon-help{font-size:24px;position:absolute;right:0;left:20px;color:#47b2e4}
.faq .faq-list .icon-close,.faq .faq-list .icon-show{font-size:24px;position:absolute;right:0;top:0}
.faq .faq-list p{margin-bottom:0;padding:10px 0 0 0}
.faq .faq-list .icon-show{display:none}
.faq .faq-list a.collapsed{color:#37517e;transition:.3s}
.faq .faq-list a.collapsed:hover{color:#47b2e4}
.faq .faq-list a.collapsed .icon-show{display:inline-block}
.faq .faq-list a.collapsed .icon-close{display:none}
@media (max-width:1200px){
.faq .faq-list{padding:0}
}
.contact .info{border-top:3px solid #47b2e4;border-bottom:3px solid #47b2e4;padding:30px;background:#fff;width:100%;box-shadow:0 0 24px 0 rgba(0,0,0,.1)}
.contact .info i{font-size:20px;color:#47b2e4;float:left;width:44px;height:44px;background:#e7f5fb;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}
.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#37517e}
.contact .info p{padding:0 0 10px 60px;margin-bottom:20px;font-size:20px;color:#6182ba}
.contact .info .email p{padding-top:5px}
.contact .info .social-links{padding-left:60px}
.contact .info .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;margin-right:10px}
.contact .info .social-links a:hover{background:#47b2e4;color:#fff}
.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i{background:#47b2e4;color:#fff}
.contact .php-email-form{width:100%;border-top:3px solid #47b2e4;border-bottom:3px solid #47b2e4;padding:30px;background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}
.contact .php-email-form .form-group{padding-bottom:8px}
.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}
.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}
.contact .php-email-form .error-message br+br{margin-top:25px}
.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.contact .php-email-form .form-group{margin-bottom:20px}
.contact .php-email-form label{padding-bottom:8px}
.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px;border-radius:4px}
.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{border-color:#47b2e4}
.contact .php-email-form input{height:44px}
.contact .php-email-form textarea{padding:10px 12px}
.contact .php-email-form button[type=submit]{background:#47b2e4;border:0;padding:12px 34px;color:#fff;transition:.4s;border-radius:50px}
.contact .php-email-form button[type=submit]:hover{background:#209dd8}
@-webkit-keyframes animate-loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes animate-loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.breadcrumbs{padding:15px 0;background:#f3f5fa;min-height:40px;margin-top:72px}
@media (max-width:992px){
.breadcrumbs{margin-top:68px}
}
.breadcrumbs h2{font-size:28px;font-weight:600;color:#37517e;text-align:center}
.breadcrumbs h2 .bi::before{line-height:1.5;color:#14a22a}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 10px 0;margin:0;font-size:14px}
.breadcrumbs ol li+li{padding-left:10px}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#4668a2;content:"/"}
#footer{font-size:14px;background:#37517e}
#footer .footer-newsletter{padding:50px 0;background:#f3f5fa;text-align:center;font-size:15px;color:#444}
#footer .footer-newsletter h4{font-size:24px;margin:0 0 20px 0;padding:0;line-height:1;font-weight:600;color:#37517e}
#footer .footer-newsletter form{margin-top:30px;background:#fff;padding:6px 10px;position:relative;border-radius:50px;box-shadow:0 2px 15px rgba(0,0,0,.06);text-align:left}
#footer .footer-newsletter form input[type=email]{border:0;padding:4px 8px;width:calc(100% - 100px)}
#footer .footer-newsletter form input[type=submit]{position:absolute;top:0;right:0;bottom:0;border:0;background:0 0;font-size:16px;padding:0 20px;background:#47b2e4;color:#fff;transition:.3s;border-radius:50px;box-shadow:0 2px 15px rgba(0,0,0,.1)}
#footer .footer-newsletter form input[type=submit]:hover{background:#209dd8}
#footer .footer-top{padding:60px 0 30px 0;background:#fff}
#footer .footer-top .footer-contact{margin-bottom:30px}
#footer .footer-top .footer-contact h3{font-size:28px;margin:0 0 10px 0;padding:2px 0 2px 0;line-height:1;text-transform:uppercase;font-weight:600;color:#37517e}
#footer .footer-top .footer-contact p{font-size:14px;line-height:24px;margin-bottom:0;font-family:Jost,sans-serif;color:#5e5e5e}
#footer .footer-top h4{font-size:16px;font-weight:700;color:#37517e;position:relative;padding-bottom:12px}
#footer .footer-top .footer-links{margin-bottom:30px}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}
#footer .footer-top .footer-links ul i{padding-right:2px;color:#47b2e4;font-size:18px;line-height:1}
#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center}
#footer .footer-top .footer-links ul li:first-child{padding-top:0}
#footer .footer-top .footer-links ul a{color:#777;transition:.3s;display:inline-block;line-height:1}
#footer .footer-top .footer-links ul a:hover{text-decoration:none;color:#47b2e4}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#47b2e4;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}
#footer .footer-top .social-links a:hover{background:#209dd8;color:#fff;text-decoration:none}
#footer .footer-bottom{padding-top:30px;padding-bottom:30px;color:#fff}
#footer .copyright{float:left}
#footer .credits{float:right;font-size:13px}
#footer .credits a{transition:.3s}
@media (max-width:768px){
#footer .footer-bottom{padding-top:20px;padding-bottom:20px}
#footer .copyright,#footer .credits{text-align:center;float:none}
#footer .credits{padding-top:4px}
}
.percent_container__ppR9k{padding:0 10px;text-align:center}
.percent_container__ppR9k p{margin-top:12px}
.percent_jumping__1tWqS{display:inline;font-size:40px;line-height:60px;font-weight:600}
@media (max-width:1200px){
.percent_container__ppR9k{padding:0 6px}
.percent_jumping__1tWqS{font-size:22px;line-height:34px}
.percent_container__ppR9k p{margin-top:0}
}
#scrollUp{background-color:#33cde5;color:#fff;font-size:44px;line-height:1;text-align:center;text-decoration:none;bottom:20px;right:15px;overflow:hidden;width:46px;height:46px;border:none;opacity:.8}
#scrollUp:hover{background-color:#333}
@media screen and (min-width:992px){
#scrollUp{bottom:80px}
}
.main-topic_container__3Rm8y{text-align:center}
.main-topic_index__fSREJ{margin-top:0;margin-bottom:48px}
.main-topic_container__3Rm8y>p{padding:12px 0 26px}
.main-topic_image_container__2XyTr img{width:100%}
.main-topic_data__aa7bn{display:flex;justify-content:space-between;align-items:center;padding:38px 90px 34px 120px;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);margin-top:43px}
.main-topic_index_data__KuCs9{width:100%;margin:48px 0 0;padding:30px 86px;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
@media (max-width:1200px){
.main-topic_data__aa7bn{flex-wrap:wrap;padding:18px 0 0}
.main-topic_data__aa7bn>div{width:50%;margin-bottom:20px}
.main-topic_data__aa7bn>div p{margin:0}
.main-topic_image_container__2XyTr{padding-left:0;padding-right:0}
}
.button_button__3pOsY{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:16px;line-height:22px;width:120px;height:40px;cursor:pointer;outline:0;border-radius:4px;border:1px solid transparent}
.button_button__3pOsY:hover{transition:all .3s cubic-bezier(.645,.045,.355,1)}
.button_button__3pOsY:active{transition:all .1s cubic-bezier(.645,.045,.355,1)}
.button_light__32aNW{background:0 0;color:#040f42;border-color:#040f42}
.button_light__32aNW:hover{color:#1880ff;border-color:#1880ff}
.button_light__32aNW:active{background:#fff;color:#1880ff;border-color:#1880ff;box-shadow:0 0 0 4px rgba(0,108,239,.1)}
.button_primary__2KXpw{border-color:#1880ff;background:#1880ff;color:#fff}
.button_primary__2KXpw:hover{background:#006cef;border-color:#006cef}
.button_primary__2KXpw:active{background:#006cef;border-color:#006cef;box-shadow:0 0 0 4px rgba(0,108,239,.1)}
.button_reverse__3GzjD{background:#fff;color:#1d2754;border-color:#fff}
.button_reverse__3GzjD:hover{background:#fff;border-color:#fff;color:#1880ff}
.button_reverse__3GzjD:active{background:#fff;border-color:#fff;color:#006cef}
.button_text_button__2BjZM{height:auto;width:auto;color:#040f42;line-height:24px;background:0 0;border-color:transparent;border-radius:0}
.button_text_button__2BjZM:hover{color:#1880ff;border-color:transparent transparent #1880ff}
.button_text_button__2BjZM:active{color:#006cef;border-color:transparent transparent #006cef;background:0 0;box-shadow:none}
@media (max-width:1200px){
.button_button__3pOsY{width:84px;height:36px}
.button_text_button__2BjZM{width:auto;height:auto}
}
.container_container__2oEsn{width:1200px;margin:0 auto}
@media (max-width:1200px){
.container_container__2oEsn{width:100%;box-sizing:border-box;padding:20px;max-width:768px}
}
.footer-list_list__2dzAT{padding-top:28px}
.footer-list_list__2dzAT>li{line-height:28px;padding-bottom:12px}
.footer-list_list__2dzAT>li:last-of-type{padding-bottom:0}
@media (max-width:1200px){
.footer-list_list__2dzAT{padding-top:18px}
}
.nav_container__1pkzo{height:64px;display:flex;align-items:center}
.nav_nav__2DIZA{position:relative;height:100%}
.nav_child_nav_text__3Enu3{cursor:pointer}
.nav_child_nav_text__3Enu3:hover{color:#1880ff;transition:color .1s cubic-bezier(.645,.045,.355,1)}
.nav_link__3M0Bp{display:block;height:100%;box-sizing:border-box;padding:0 25px;cursor:pointer;line-height:inherit}
.nav_with_children__12mZg{position:relative}
.nav_with_children__12mZg:after{content:"";position:absolute;top:54%;right:15px;width:0;height:0;border-color:#1d2754 transparent transparent;border-style:solid;border-width:4px 3px;transform:translateY(-50%)}
.nav_nav_children_wrapper__2zExB{position:absolute;left:-40px;top:100%;opacity:0;visibility:hidden}
.nav_nav_children__3dapc{position:relative;left:0;top:18px;width:247px;box-sizing:border-box;border-radius:8px;background:#fff;padding:12px 0;filter:drop-shadow(0 0 8px rgba(10, 10, 10, .2))}
.nav_nav_children__3dapc:after{content:"";position:absolute;top:-24px;left:70px;width:0;height:0;border:12px solid transparent;border-bottom-color:#fff}
.nav_child_nav__2589I{line-height:auto;display:flex;align-items:center;padding:8px 8px 8px 24px;cursor:pointer;border:none}
.nav_nav_icon__2BPC5{width:32px;height:32px;margin-right:16px}
.nav_visible__1R-K4{visibility:visible;opacity:1;transition:all .3s cubic-bezier(.645,.045,.355,1)}
.nav_nav_active__3EJ5d>span{font-weight:600}
@media (max-width:1200px){
.nav_container__1pkzo{width:100%;position:relative;height:32px;line-height:32px;justify-content:center}
.nav_nav_children_wrapper__2zExB{position:absolute;top:100%;right:-20px;left:-20px;z-index:1}
.nav_nav_children__3dapc:after{content:none}
.nav_nav_children__3dapc{top:0;width:100%;border-radius:0 0 8px 8px;filter:none;box-shadow:0 6px 8px rgba(10,10,10,.1)}
.nav_nav__2DIZA{position:static}
}
.layout_header__2rhWq{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:64px;display:flex;line-height:64px;transition:all .3s ease-in-out;z-index:1}
.layout_bg_white__1aDsG{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11)}
.layout_bg_none__1J77K{background-color:transparent;box-shadow:none}
.layout_header_inner__2G7Cq{display:flex;justify-content:space-between}
.layout_header_left__1d-Uz{display:flex;align-items:center}
.layout_nav_logo__27SRY{display:block;margin-right:76px;cursor:pointer;height:48px;width:96px}
.layout_in_footer__oos5H{margin-right:0}
.layout_main__26dVU{min-width:1200px}
.layout_footer__127N0{min-width:1200px;background:rgba(24,128,255,.1)}
.layout_footer_inner__2NQYP{display:flex;justify-content:space-between;padding-bottom:24px;padding-top:76px;flex-wrap:wrap}
.layout_footer_list__1w5ro{display:flex}
.layout_footer_list__1w5ro>li{width:180px}
.layout_footer_info_wrap__3-y0p h6{margin-bottom:24px}
.layout_footer_info_wrap__3-y0p img{display:block;width:7em;height:7em;margin:7px 0 17px}
.layout_footer_info_wrap__3-y0p p:last-of-type{margin:12px 0}
.layout_footer_info_wrap__3-y0p>div{display:flex}
.layout_header_right__3fNe0 button:first-of-type{margin-right:36px}
.layout_case__9ryvL{width:100%;margin-top:76px;display:flex;align-items:center;justify-content:center}
.layout_case__9ryvL button{margin-left:1em;color:#606787;font-size:inherit}
.layout_risk_wrapper__47w8X{background:#fff}
.layout_risk_container__IrZ0C{display:flex;padding-top:10px;padding-bottom:10px}
.layout_risk_container__IrZ0C p{font-size:14px;line-height:22px;color:#000;position:relative;flex-grow:1;margin-right:25px;padding-left:28px}
.layout_icon_hidden__2uSKs{display:block;width:24px;height:24px;flex-shrink:0;cursor:pointer;opacity:.5}
.layout_icon_hidden__2uSKs:hover{opacity:1;transition:all .3s cubic-bezier(.645,.045,.355,1)}
.layout_topest__1J7aO{top:0}
.layout_hidden__1159x{visibility:hidden;height:0;transition:height .3s cubic-bezier(.645,.045,.355,1)}
.layout_page_content__kqopT{margin-top:-64px}
@media (max-width:1200px){
.layout_page_content__kqopT{margin-top:unset}
.layout_hidden__1159x{height:0}
.layout_risk_container__IrZ0C p:after{width:18px;height:18px;top:2px}
.layout_nav_logo__27SRY{box-sizing:content-box;margin-right:0;height:42px;padding:6px 0;width:96px}
.layout_footer__127N0,.layout_main__26dVU{min-width:100%;max-width:100%}
.layout_footer_inner__2NQYP{padding-top:0;padding-bottom:20px}
.layout_header__2rhWq{position:static;line-height:unset;height:auto;box-shadow:0 0 8px 0 rgba(10,10,10,.2)}
.layout_header_inner__2G7Cq{position:relative;display:block}
.layout_header_left__1d-Uz{flex-direction:column;justify-content:center;align-items:center}
.layout_header_right__3fNe0 button{display:none;position:absolute}
.layout_header_info__2Zn6Q{display:flex;justify-content:center;padding:14px 0}
.layout_bg_white__1aDsG ul div{visibility:hidden;opacity:0;transition:all 0s ease-in-out}
.layout_footer__127N0{padding-top:64px}
.layout_footer_inner__2NQYP{flex-wrap:wrap}
.layout_footer_list__1w5ro{width:100%;margin:28px 0 48px;justify-content:space-between}
.layout_footer_list__1w5ro>li{width:auto}
.layout_footer_info_wrap__3-y0p h6{margin-bottom:18px}
.layout_footer_info__1-Bks button{font-size:14px;line-height:20px}
.layout_qrcode_container__1p7FQ{font-size:14px;margin-right:28px}
.layout_case__9ryvL{flex-wrap:wrap;margin-top:48px;text-align:center;justify-content:center}
.layout_case__9ryvL span{display:block;width:100%}
.layout_case__9ryvL button:first-of-type{margin-left:0}
}
.feature-card_feature_card__3FyZL{box-sizing:border-box;padding:48px;display:flex;align-items:center;justify-content:space-between;text-align:left;border-radius:8px;margin-bottom:24px;transition:all .3s cubic-bezier(.645,.045,.355,1)}
.feature-card_feature_card__3FyZL h4,.feature-card_feature_card__3FyZL p,.feature-card_feature_card__3FyZL span{color:#040f42}
.feature-card_check__2JbZe{color:#15c292}
.feature-card_feature_card__3FyZL h4,.feature-card_feature_card__3FyZL i,.feature-card_feature_card__3FyZL p,.feature-card_feature_card__3FyZL span,.feature-card_feature_card__3FyZL ul svg{transition:all .3s cubic-bezier(.645,.045,.355,1)}
.feature-card_feature_card__3FyZL:hover{border-radius:4px;color:#fff}
.feature-card_feature_card__3FyZL:hover h4{color:#fff}
.feature-card_feature_card__3FyZL:hover p{color:#fff}
.feature-card_feature_card__3FyZL:hover span{color:#fff}
.feature-card_feature_card__3FyZL:hover ul svg{color:#fff}
.feature-card_feature_card__3FyZL:hover img{background-color:#bfddff;border-radius:15px}
.feature-card_card_onlineCustomerService__1eOR0{width:100%;background:#fbbfa3a3;padding-right:89px;box-shadow:0 0 6px 0 #fff}
.feature-card_card_onlineCustomerService__1eOR0:hover{background:#1880ff;box-shadow:0 0 6px 0 #1880ff}
.feature-card_card_customerServiceRoobot__sexpj{width:740px;height:405px;margin-right:24px;padding-right:55px;background:rgba(21,194,146,.2)}
.feature-card_card_customerServiceRoobot__mbplug{width:740px;height:405px;margin-right:24px;padding-right:55px;background:rgba(194,151,21,.2)}
.feature-card_card_customerServiceRoobot__sexpj:hover{background:#15c292;box-shadow:0 0 8px 0 #15c292}
.feature-card_card_customerServiceRoobot__mbplug:hover{background:#ea9e4e;box-shadow:0 0 8px 0 #ea9e4e}
.feature-card_card_customerServiceRoobot__mbplug:hover i{color:#fff}
.feature-card_card_callingCenter__1-O-_:hover img{background:#3436c7;transition:all 1s cubic-bezier(.645,.045,.355,1)}
.feature-card_feature_card__3FyZL:hover i{color:#fff}
.feature-card_feature_card__3FyZL:hover i.bi{color:inherit}
.feature-card_card_workOrderSystem__2r-G_{width:436px;height:405px;background:rgba(0,68,255,.2)}
.feature-card_card_workOrderSystem__code{width:436px;height:405px;background:rgba(230,83,200,.2)}
.feature-card_card_workOrderSystem__code:hover{background:#f9adad;box-shadow:0 0 8px 0 #f9adad}
.feature-card_card_workOrderSystem__2r-G_:hover{background:#04f;box-shadow:0 0 8px 0 #04f}
.feature-card_card_workOrderSystem__2r-G_ img{display:none}
.feature-card_card_marketingRoobot__2M4O_{width:436px;height:405px;background:rgba(30,174,255,.2);margin-right:24px}
.feature-card_card_marketingRoobot__2M4O_:hover{background:#1eaeff;box-shadow:0 0 8px 0 #1eaeff}
.feature-card_card_marketingRoobot__2M4O_ img{display:none}
.feature-card_card_callingCenter__1-O-_{width:740px;height:405px;background:rgba(52,54,199,.2)}
.feature-card_card_callingCenter__1-O-_:hover{background:#3436c7;box-shadow:0 0 8px 0 #3436c7}
.feature-card_hot_features__aZ2Ny{margin-bottom:8px;margin-top:32px}
.feature-card_hot_features_container__1yztR{display:flex;width:304px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding-left:0}
.feature-card_hot_feature__eICdk{display:inline-flex;align-items:center;margin-right:12px;margin-bottom:8px;width:140px}
.feature-card_check__2JbZe{margin-right:4px;margin-top:4px;color:#15c292}
.feature-card_img__3wpm5{height:295px}
.imgbox{border-radius:15px;box-shadow:0 5px 30px -10px rgb(0 0 0 / 37%)}
.feature-card_button__2O2ne{width:125px}
.feature-card_icon_chat__otqhS{width:20px;height:20px;margin-left:4px}
@media (max-width:1200px){
.feature-card_feature_card__3FyZL{box-sizing:border-box;padding:20px;justify-content:center;flex-direction:column;width:100%;min-width:100%}
.feature-card_text_container__YOZVD{text-align:center}
.feature-card_hot_features__aZ2Ny{display:none}
.feature-card_hot_features_container__1yztR{width:100%;box-sizing:border-box;padding-left:6%;grid-row-gap:10px;row-gap:10px;margin-top:18px}
.feature-card_hot_feature__eICdk{width:45%;margin-right:0;margin-bottom:0}
.feature-card_card_customerServiceRoobot__sexpj{margin-right:0;height:auto}
.feature-card_card_workOrderSystem__2r-G_{height:auto}
.feature-card_card_marketingRoobot__2M4O_{margin-right:0;height:auto;margin-bottom:20px}
.feature-card_card_callingCenter__1-O-_{height:auto}
.feature-card_feature_card__3FyZL:hover{color:#1d2754;box-shadow:none}
.feature-card_feature_card__3FyZL:hover h4,.feature-card_feature_card__3FyZL:hover p{color:#1d2754}
.feature-card_feature_card__3FyZL:hover span{color:#1d2754}
.feature-card_check__2JbZe{color:#15c292!important}
.feature-card_card_callingCenter__1-O-_ img,.feature-card_card_customerServiceRoobot__mbplug img,.feature-card_card_customerServiceRoobot__sexpj img,.feature-card_card_marketingRoobot__2M4O_ img,.feature-card_card_onlineCustomerService__1eOR0 img,.feature-card_card_workOrderSystem__2r-G_ img,.feature-card_card_workOrderSystem__code img{display:block;width:100%;max-width:500px;height:auto;margin-top:24px}
.feature-card_card_onlineCustomerService__1eOR0:hover{background:rgba(24,128,255,.2)}
.feature-card_card_customerServiceRoobot__sexpj:hover{background:rgba(21,194,146,.2)}
.feature-card_card_workOrderSystem__2r-G_:hover{background:rgba(0,68,255,.2)}
.feature-card_card_marketingRoobot__2M4O_:hover{background:rgba(30,174,255,.2)}
.feature-card_card_callingCenter__1-O-_:hover{background:rgba(52,54,199,.2)}
}
.try-out-wrapper_try_out_wrapper__XfDa-{box-sizing:border-box;padding-top:58px;padding-bottom:52px;background:#1880ff;color:#fff;text-align:center;border-radius:8px}
.try-out-wrapper_index__2ROeC{height:240px;margin-top:98px;padding-top:58px}
.try-out-wrapper_try_out_wrapper__XfDa- h4{margin-bottom:42px}
.try-out-wrapper_button__2wdAz{width:125px}
.try-out-wrapper_call__9PDmV{margin-top:96px}
@media (max-width:1200px){
.try-out-wrapper_try_out_wrapper__XfDa-{padding:25px 0;height:auto;margin-top:64px}
.try-out-wrapper_try_out_wrapper__XfDa- h4{margin-bottom:18px}
}
.carousel_wrapper__1jAN1{width:100%;height:auto}
.carousel_main__1mPaX{position:relative;width:100%;min-height:342px}
.carousel_content__FnBjD{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden}
.carousel_display__1gcW8{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:48px 104px;text-align:center}
.carousel_avatar__13bAH{display:block;width:64px;height:64px;margin:0 auto 24px}
.carousel_evaluation__gJxSS,.carousel_name__2hu60,.carousel_title__Trcmr{color:#fff}
.carousel_evaluation__gJxSS{text-align:left}
.carousel_title__Trcmr{font-weight:600;margin-bottom:6px}
.carousel_name__2hu60{margin-bottom:24px}
.carousel_clients__2F49s{display:flex;align-items:center;justify-content:center;grid-column-gap:35px;-moz-column-gap:35px;column-gap:35px;margin-top:24px;width:100%}
.carousel_client__1l3rv{position:relative;box-sizing:border-box;padding:20px 16px}
.carousel_client__1l3rv,.carousel_client_logo__1K2cN{width:188px;height:64px;border-radius:4px;cursor:pointer}
.carousel_client_logo__1K2cN{display:block}
.carousel_client_selected__D-_OI{box-shadow:0 0 12px 0 hsla(0,0%,71.8%,.3)}
.carousel_index_top__2gSl5{z-index:0}
.carousel_index_bottom__3lWnK{z-index:-1}
@media (max-width:1200px){
.carousel_wrapper__1jAN1{min-height:320px}
.carousel_clients__2F49s{display:none}
.carousel_display__1gcW8{padding:28px 8%}
}
@media (max-width:1200px){
.landpage-sys-intro a{font-size:14px}
}
.landpage-sys-intro h1{font-size:56px;line-height:78px}
.landpage-sys-intro h1,.landpage-sys-intro h2{font-weight:600}
.landpage-sys-intro h3{font-size:40px;line-height:60px}
.landpage-sys-intro h3,.landpage-sys-intro h4{font-weight:600}
.landpage-sys-intro h4,.landpage-sys-intro h4 .bi::before{font-size:32px;line-height:48px!important}
.landpage-sys-intro h5{font-size:24px;line-height:36px}
.landpage-sys-intro h5,.landpage-sys-intro h6{font-weight:600}
.landpage-sys-intro h6{font-size:20px;line-height:32px}
.font26{font-size:26px;line-height:40px;color:#040f42}
.font20{color:#040f42}
.font20,.font20-l1{font-size:20px;line-height:32px}
.font20-l1{color:#606787}
.font16,.font16-l1{font-size:16px;line-height:28px}
.font16-l1{color:#606787}
.font16-l2{font-size:16px;line-height:28px;color:#afb3c3}
.font12{color:#040f42}
.font12,.font12-l1{font-size:12px;line-height:18px}
.font12-l1{color:#606787}
.font12-l2{font-size:12px;line-height:18px;color:#afb3c3}
.icon{width:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.icon:hover::before{color:#040f42}
@media (max-width:1200px){
.landpage-sys-intro h1{font-size:32px;line-height:44px}
.landpage-sys-intro h2{font-size:28px;line-height:38px}
.landpage-sys-intro h3{font-size:22px;line-height:34px}
.landpage-sys-intro h4{font-size:20px;line-height:28px}
.landpage-sys-intro h5{font-size:18px;line-height:24px}
.landpage-sys-intro h6{font-size:16px;line-height:22px}
.font26{font-size:18px;line-height:28px}
.font20,.font20-l1{font-size:16px;line-height:24px}
.font20-l1{color:#606787}
.font16,.font16-l1{font-size:14px;line-height:20px}
.font16-l1{color:#606787}
.font16-l2{font-size:14px;line-height:20px;color:#afb3c3}
.font12{color:#040f42}
.font12,.font12-l1{font-size:12px;line-height:16px}
.font12-l1{color:#606787}
.font12-l2{font-size:12px;line-height:16px;color:#afb3c3}
button{text-shadow:none;box-shadow:none;border:none;padding:0;margin:0}
}
@media (max-width:1200px){
.carousel_wrapper__1jAN1{min-height:320px}
.carousel_clients__2F49s{display:none}
.carousel_display__1gcW8{padding:28px 8%}
}
.home_banner__2GXno h1{padding-top:192px}
.home_banner_desc__51Sin{width:455px;margin:0 auto;padding-top:16px}
.home_banner__2GXno button{margin-top:46px}
.home_all_content_section__3rH2M{min-height:4000px}
.home_banner_clint_logos__37rQV{width:100%}
.home_banner_business_text__3_ywm{padding:94px 0 15px}
.home_banner_business_log__2sGnV{display:flex;justify-content:center}
.home_banner_business_log__2sGnV li{width:124px;height:36px;margin-right:80px}
.home_banner_business_log__2sGnV li img{width:100%;height:100%}
.home_banner_business_log__2sGnV li:last-of-type{margin-right:0}
.home_banner_business_cards_container__3WKPA{display:flex;justify-content:center;margin-top:70px}
.home_banner_business_card__1LzXB{box-sizing:border-box;width:344px;background:#fff;border-radius:8px;padding:10px;margin-right:24px;border:2px solid #e8eaf1;transition:all .3s cubic-bezier(.645,.045,.355,1)}
.home_banner_business_card__1LzXB:hover{border-color:#fff;box-shadow:0 0 8px 0 rgba(10,10,10,.2)}
.home_banner_business_card__1LzXB:last-of-type{margin-right:0}
.home_banner_business_card_img__Td_vh{width:100%;height:136px;margin-bottom:8px;background-position:50%;background-size:cover}
.home_banner_business_card__1LzXB p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home_features__JnqBC{text-align:center;margin-top:188px}
.home_features_subtitle__1iaq0{margin-top:16px}
.home_feature_cards_container__2aMYr{margin-top:0;display:flex;flex-wrap:wrap}
.home_feature_card_title__1Hdxr{margin-bottom:12px}
.home_contribution__2DJlb{box-sizing:border-box;margin-top:64px;padding-top:64px}
.home_highlights__PdxP_{padding:64px 0}
.home_highlights__PdxP_ h2{margin-bottom:84px;text-align:center}
.home_highlights_display__eO07n{display:flex;justify-content:space-between;flex-wrap:wrap}
.home_highlight_item__32jO-{box-sizing:border-box;width:344px;height:344px;padding:17px 0 24px;display:flex;flex-direction:column;align-items:center}
.home_highlight_item__32jO- img{width:84px;height:84px;margin-bottom:18px}
.home_highlight_item__32jO- h5{margin-bottom:17px;text-align:center}
.home_highlight_item_detail__2npYz li{margin-bottom:12px}
.home_highlight_item_detail__2npYz li:last-of-type{margin-bottom:0}
.home_highlight_item_detail__2npYz li span{display:inline-block}
.home_highlight_item_detail__2npYz li span:first-of-type{margin-right:4px}
.home_clients__3ltJy h2{text-align:center;margin-top:64px;margin-bottom:78px}
.home_clients_container__1HBaJ{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 24px}
.home_clients_container__1HBaJ li{text-align:center;margin-bottom:64px;width:150px;height:30px}
.home_clients_container__1HBaJ img{height:100%;background-color:#0ff}
.home_logo_wall__2IijS{width:100%}
.home_check__35sp5{color:#15c292;margin-right:4px}
.home_main_topic__2noCt{margin-bottom:48px}
@media (max-width:1200px){
.home_all_content_section__3rH2M{min-height:4500px}
.home_banner__2GXno h1{padding-top:0}
.home_banner__2GXno button{width:125px;height:46px;box-shadow:0 0 8px 0 rgba(10,10,10,.2)}
.home_banner_desc__51Sin{width:100%}
.home_banner_business_text__3_ywm,.home_banner_clint_logos__37rQV{display:none}
.home_banner_business_cards_container__3WKPA{position:absolute;overflow-x:auto;justify-content:space-between;padding:20px;left:0;right:0;bottom:-250px}
.home_banner_business_card__1LzXB{flex-shrink:0;width:320px;max-width:320px;margin-right:10px;height:auto}
.home_banner_business_card__1LzXB:last-of-type{margin-bottom:0;margin-right:0}
.home_features__JnqBC{margin-top:260px}
.home_contribution__2DJlb{margin-top:0;height:auto}
.home_highlights__PdxP_ h2{margin-bottom:36px}
.home_highlight_item__32jO-{height:auto;width:50%;padding:15px 0}
.home_highlight_item__32jO- li{text-align:center}
.home_highlight_item__32jO- li span{font-size:12px}
.home_highlight_item__32jO- svg{display:none}
.home_highlight_item__32jO- img{margin-bottom:10px}
.home_clients__3ltJy{overflow:hidden;padding-bottom:0}
.home_clients__3ltJy h2{margin-top:0;margin-bottom:48px}
.home_logo_wall__2IijS{width:184%;transform:translateX(-23%)}
}
.feature-card_feature_card__3FyZL *{box-sizing:content-box}
.feature-card_feature_card__3FyZL,.skills .bi::before{line-height:1.5}
.dj-more{color:#1d2754}
.ftco-section.ftco-section-2{position:relative;padding:1em 0!important}
.ftco-section .overlay{position:absolute;top:0;left:0;right:0;bottom:0;content:'';opacity:1;background:#2f89fc;background:-moz-linear-gradient(-45deg,#2f89fc 0,#55fbc2 100%);background:-webkit-gradient(left top,right bottom,color-stop(0,#2f89fc),color-stop(100%,#55fbc2));background:-webkit-linear-gradient(-45deg,#2f89fc 0,#55fbc2 100%);background:-o-linear-gradient(-45deg,#2f89fc 0,#55fbc2 100%);background:-ms-linear-gradient(-45deg,#2f89fc 0,#55fbc2 100%);background:-webkit-linear-gradient(315deg,#2f89fc 0,#55fbc2 100%);background:-o-linear-gradient(315deg,#2f89fc 0,#55fbc2 100%);background:linear-gradient(135deg,#2f89fc 0,#55fbc2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f89fc', endColorstr='#00dc94', GradientType=1);z-index:-1}
.heading-white{color:#fff;font-size:20px;margin-bottom:0}
.dingdanyun{font-size:40px;position:relative}
@media (max-width:1200px){
.dingdanyun{font-size:30px}
}
.regist-tm{font-size:18px;position:absolute;top:-1px;right:3px}
.pricing_subtitle__3IB2w{margin:64px 0 16px;text-align:center}
.pricing_subtitle__3IB2w+p{text-align:center;margin-bottom:44px}
.pricing_icon_chat__29prI{width:20px;height:20px;margin-left:4px}
.pricing_options_panel__2DDmT{display:flex;align-items:center;box-sizing:border-box;width:100%;height:366px;border-radius:8px;padding:17px 0 24px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);margin-bottom:48px;overflow:visible}
.pricing_option__1haQt{display:inline-flex;flex-direction:column;align-items:center;box-sizing:border-box;width:25%;height:100%;border-right:1px solid #e8eaf1;padding:24px 0}
.pricing_recommend_option__7XYpH{position:relative;height:386px;border-radius:12px;border-right:none;color:#fff;background:#1880ff;padding:58px 0}
.pricing_recommend_option__7XYpH p{color:#fff}
.pricing_recommend_option__7XYpH:after{content:"";position:absolute;top:16px;right:-20px;width:132px;height:56px}
.pricing_option__1haQt h5{margin-bottom:8px}
.pricing_option_desc__22h3k{width:168px;height:36px;text-align:center;margin-bottom:16px}
.pricing_option__1haQt h2{margin-bottom:6px}
.pricing_option__1haQt button{margin-top:auto}
.pricing_option__1haQt:last-of-type{border-right:none}
.pricing_tips_container__1gcf-{display:flex;align-items:center;float:right;margin-bottom:22px}
.pricing_tip__1EVOe{display:inline-flex;align-items:center}
.pricing_tip__1EVOe svg{margin-right:12px}
.pricing_tip__1EVOe:first-child{margin-right:71px}
.pricing_platform_version__EZ0gA{box-shadow:0 0 8px 0 rgba(0,0,0,.2);border-radius:8px;border-top:7px solid #1880ff;padding:28px 60px;display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}
.pricing_platform_version__EZ0gA button{width:125px}
.pricing_more_versions__2OIEo{text-align:center;margin:64px 0 24px}
.pricing_platform_version_header__3qQOM{display:flex;align-items:center;margin-bottom:14px}
.pricing_platform_version_header__3qQOM h5{margin-right:8px}
.pricing_icon_part__2nK1l{opacity:.4}
.pricing_icon_full__1sSUl,.pricing_icon_part__2nK1l{display:block;width:24px;height:21px;color:#15c292}
@media (max-width:1200px){
.pricing_subtitle__3IB2w{margin-top:32px}
.pricing_options_panel__2DDmT{height:auto;flex-wrap:wrap;padding-left:10px;padding-right:10px}
.pricing_option__1haQt{width:50%;height:234px;border-right:none;padding:20px 10px}
.pricing_option__1haQt>p{margin-bottom:10px}
.pricing_option_desc__22h3k{width:auto}
.pricing_recommend_option__7XYpH:after{top:8px;right:-10px;width:66px;height:28px}
.pricing_tips_container__1gcf-{margin-bottom:10px}
.pricing_tips_container__1gcf- span{font-size:14px}
.pricing_more_versions__2OIEo{margin:44px 0 28px}
.pricing_platform_version__EZ0gA{padding:20px;flex-direction:column}
.pricing_platform_version_header__3qQOM{justify-content:center}
.pricing_platform_version__EZ0gA button{margin-top:10px}
}
.funcs-grid_container__1zz8L{width:100%}
.funcs-grid_row__1IyJL{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:2px solid #e8eaf1;flex-wrap:wrap;background:#fff;cursor:pointer}
.funcs-grid_row__1IyJL:first-of-type{border-top:2px solid #e8eaf1}
.funcs-grid_row__1IyJL:last-of-type{border-bottom:none}
.funcs-grid_header__36Ca0{font-size:20px;font-weight:600;line-height:32px;color:#040f42}
.funcs-grid_header__36Ca0:first-of-type{padding-left:28px}
.funcs-grid_row_content__XlXPS{box-sizing:border-box;width:100%;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:10px 116px 10px 36px}
.funcs-grid_children__1LN-d{width:100%;padding:0}
.funcs-grid_arrow__OFq_S{display:inline-block;width:0;height:0;margin-right:20px;border-style:solid;border-width:4px 6px;transition:all .3s ease-in-out}
.funcs-grid_arrow__OFq_S,.funcs-grid_arrow_expand__3CSey{border-color:transparent transparent transparent #6f7592}
.funcs-grid_arrow_pack__2mHoi{transform:rotate(90deg) translateX(4px)}
.funcs-grid_children_row_content__2ZqsD{min-height:60px}
.funcs-grid_icon_part__JyaOl{display:block;width:24px;height:21px;color:rgba(21,194,146,.4)}
.funcs-grid_icon_full__6gV0y{display:block;width:24px;height:21px;color:#15c292}
.funcs-grid_col__15qPj{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.funcs-grid_quota_col__3B4YS{min-width:60px;min-height:21px;justify-content:center}
.funcs-grid_col__15qPj:first-of-type{width:250px}
.funcs-grid_click_able__2hhXq{cursor:pointer}
.funcs-grid_sticky__13gyg{position:-webkit-sticky;position:sticky;top:62px}
@media (max-width:1200px){
.funcs-grid_header__36Ca0{font-size:14px}
.funcs-grid_row__1IyJL{border-bottom:1px solid #e8eaf1}
.funcs-grid_row__1IyJL:first-of-type{border-top:1px solid #e8eaf1}
.funcs-grid_row_content__XlXPS{padding:10px}
.funcs-grid_col__15qPj:first-child{padding-left:0;width:126px}
.funcs-grid_arrow__OFq_S{margin-right:17px}
.funcs-grid_col__15qPj:first-child span{font-size:14px}
.funcs-grid_header__36Ca0{text-align:center;width:48px}
.funcs-grid_quota_col__3B4YS{min-width:48px}
.funcs-grid_sticky__13gyg{top:-2px}
}
.pricing_subtitle__3IB2w{margin:64px 0 16px;text-align:center}
.pricing_subtitle__3IB2w+p{text-align:center;margin-bottom:44px}
.pricing_icon_chat__29prI{width:20px;height:20px;margin-left:4px}
.pricing_options_panel__2DDmT{display:flex;align-items:center;box-sizing:border-box;width:100%;height:366px;border-radius:8px;padding:17px 0 24px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);margin-bottom:48px;overflow:visible}
.pricing_option__1haQt{display:inline-flex;flex-direction:column;align-items:center;box-sizing:border-box;width:25%;height:100%;border-right:1px solid #e8eaf1;padding:24px 0}
.pricing_recommend_option__7XYpH{position:relative;height:386px;border-radius:12px;border-right:none;color:#fff;background:#1880ff;padding:58px 0}
.pricing_recommend_option__7XYpH p{color:#fff}
.pricing_recommend_option__7XYpH:after{content:"";position:absolute;top:16px;right:-20px;width:132px;height:56px}
.pricing_option__1haQt h5{margin-bottom:8px}
.pricing_option_desc__22h3k{width:168px;height:36px;text-align:center;margin-bottom:16px}
.pricing_option__1haQt h2{margin-bottom:6px;font-size:48px;font-weight:600}
@media (max-width:1200px){
.pricing_option__1haQt h2{font-size:28px}
}
.pricing_option__1haQt button{margin-top:auto}
.pricing_option__1haQt:last-of-type{border-right:none}
.pricing_tips_container__1gcf-{display:flex;align-items:center;float:right;margin-bottom:22px}
.pricing_tip__1EVOe{display:inline-flex;align-items:center}
.pricing_tip__1EVOe svg{margin-right:12px}
.pricing_tip__1EVOe:first-child{margin-right:71px}
.pricing_platform_version__EZ0gA{box-shadow:0 0 8px 0 rgba(0,0,0,.2);border-radius:8px;border-top:7px solid #1880ff;padding:28px 60px;display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}
.pricing_platform_version__EZ0gA button{width:125px}
.pricing_more_versions__2OIEo{text-align:center;margin:64px 0 24px}
.pricing_platform_version_header__3qQOM{display:flex;align-items:center;margin-bottom:14px}
.pricing_platform_version_header__3qQOM h5{margin-right:8px}
.pricing_icon_part__2nK1l{opacity:.4}
.pricing_icon_full__1sSUl,.pricing_icon_part__2nK1l{display:block;width:24px;height:21px;color:#15c292}
@media (max-width:1200px){
.pricing_subtitle__3IB2w{margin-top:32px}
.pricing_options_panel__2DDmT{height:auto;flex-wrap:wrap;padding-left:10px;padding-right:10px}
.pricing_option__1haQt{width:50%;height:234px;border-right:none;padding:20px 10px}
.pricing_option__1haQt>p{margin-bottom:10px}
.pricing_option_desc__22h3k{width:auto}
.pricing_recommend_option__7XYpH:after{top:8px;right:-10px;width:66px;height:28px}
.pricing_tips_container__1gcf-{margin-bottom:10px}
.pricing_tips_container__1gcf- span{font-size:14px}
.pricing_more_versions__2OIEo{margin:44px 0 28px}
.pricing_platform_version__EZ0gA{padding:20px;flex-direction:column}
.pricing_platform_version_header__3qQOM{justify-content:center}
.pricing_platform_version__EZ0gA button{margin-top:10px}
}
.services .icon-box .icon{width:inherit}
.itzjjdefloat-tool{position:fixed;width:44px;right:8px;bottom:35%;z-index:999}
.itzjjdemodule-wrap{position:absolute;bottom:0;right:8px;width:auto;min-width:0}
.itzjjde-help-entry{position:relative;box-sizing:border-box}
.itzjjde-panel{box-sizing:border-box;position:absolute;bottom:0;width:320px;min-height:50px;padding:20px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);z-index:4;bottom:-10;right:52px;opacity:0;visibility:hidden;transition:all .3s}
.itzjjde-panel .panel-close{position:absolute;right:20px;top:20px;cursor:pointer}
.itzjjde-panel .admin-close{position:absolute;right:20px;bottom:80px;cursor:pointer}
.itzjjde-panel .panel-close img{width:14px}
.itzjjde-panel .admin-close img{width:18px}
.itzjjde-panel .panel-content{min-height:24px;padding-left:0;opacity:0;transition:all .3s;transition-delay:0s;transition-delay:.1s}
.itzjjde-panel .panel-content li{list-style:none;margin-bottom:20px}
.itzjjde-panel .panel-content .content-icon img{width:100%}
.itzjjde-panel .panel-content .content-icon{width:26px;height:26px;display:inline-block;vertical-align:middle}
.itzjjde-panel .panel-content .myscvico{height:inherit}
.itzjjde-panel .panel-content .myscvico img{border-radius:5px}
.itzjjde-panel .panel-content .content-main{display:inline-block;vertical-align:middle;margin-left:12px}
.itzjjde-panel .panel-content .content-main a{text-decoration:none;color:#5f6367;font-size:14px}
.itzjjde-panel .panel-content .content-main .content-title{color:#373d41}
.itzjjde-panel .panel-content .content-main .content-desc{color:#9b9ea0;font-size:12px}
.itzjjde-entry-button{width:44px;height:128px;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);background-color:rgba(40,58,90,.9);text-align:center}
.itzjjde-entry-button .button-background{width:28px;margin:5px 0 4px}
.itzjjde-entry-button span{cursor:default;display:inline-block;width:14px;font-size:14px;color:#fff;line-height:17px;word-wrap:break-word}
.itzjjde-help-entry.active .itzjjde-panel{visibility:visible!important;opacity:1;bottom:0}
.itzjjde-help-entry.active .panel-content{opacity:1}
.itzjjde-panel .online{font-size:12px;color:#0acf97;font-style:normal;transform:scale(.833);-webkit-transform:scale(.833);position:relative;top:-3px}
.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#ff5722;color:#fff;border-radius:2px}
.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%;box-sizing:initial}
.itzjjdefloat-tool #J_gotoTop{bottom:20px;position:fixed;width:44px;height:44px;margin-top:8px;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);right:16px}
.dj-i-know-it{position:absolute;right:8px;top:5px;font-size:12px;cursor:pointer;color:#868686}
@media (max-width:1200px){
.itzjjdefloat-tool{display:none}
}
.btn{cursor:pointer;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 15px 30px -12px rgba(0,0,0,.2);-moz-box-shadow:0 15px 30px -12px rgba(0,0,0,.2);-ms-box-shadow:0 15px 30px -12px rgba(0,0,0,.2);-o-box-shadow:0 15px 30px -12px rgba(0,0,0,.2);box-shadow:0 15px 30px -12px rgba(0,0,0,.2)}
.btn:active,.btn:focus,.btn:hover{outline:0}
.btn.btn-primary{background:#627bed;border:1px solid #627bed;color:#fff}
.btn.btn-primary:hover{border:1px solid #627bed;background:0 0;color:#627bed}
.btn.btn-primary.btn-outline-primary{border:2px solid #627bed;background:0 0;color:#627bed}
.btn.btn-primary.btn-outline-primary:hover{border:2px solid transparent;background:#627bed;color:#fff}
.btn.btn-outline-white{border-color:rgba(255,255,255,.8);background:0 0;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;border-width:2px;color:#fff}
.btn.btn-outline-white:active,.btn.btn-outline-white:focus,.btn.btn-outline-white:hover{background:#fff;border-color:#fff;color:#627bed}
@media (min-width:2560px){
.owl-carousel.home-slider .slider-item,.owl-carousel.owl-drag .owl-item{height:80vh}
}
.home-slider{padding:0}
.b900{font-weight:900!important}
.ddy-logo .version{position:absolute;background:#ff5b5a;color:#fff;font-size:12px;padding:2px 4px;border-radius:4px;top:0;right:-38px;text-transform:none}
.mobile-show{display:none}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container{position:relative}
.common-collaboration-scenarios{box-sizing:border-box;width:100%;background-image:url(../img/common-cooperation-scene-bg.538508a.png);background-repeat:no-repeat;background-size:cover;background-position:center;margin:0 auto;padding:80px 0}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-title{display:block;font-size:36px;color:#2a344b;text-align:center;line-height:60px;font-weight:900;padding:0 0 20px}
.common-collaboration-scenarios .scenarios-wrapper .mobile-scenarios-title{display:none}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-desc{font-family:PingFangSC-Regular;font-size:16px;color:#2a344b;line-height:24px;font-weight:400px;text-align:center;padding:0 0 40px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content{width:100%;padding:0 40px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box{width:100%;display:flex}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container{display:flex}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination{position:relative;right:auto;margin-right:80px;padding-top:28px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet{background:0 0;opacity:1;margin:0;width:300px;height:90px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content{width:100%;height:100%;box-sizing:border-box;padding:30px;position:relative}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .left-blue-border{position:absolute;top:0;left:0;width:4px;background:#348fe4;visibility:hidden;border-radius:4px 0 0 4px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .icon-and-title-container{display:flex;align-items:center}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .icon-and-title-container .scenes-icon{width:22px;height:22px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .icon-and-title-container .scenes-title{width:80px;height:30px;margin-left:20px;font-family:PingFangSC-Medium;font-size:20px;color:#2a344b;line-height:30px;font-weight:500}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .icon-and-title-container .see-more{display:none}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .horizontal-line,.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet .pagination-content .scenarios-desc{display:none}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:300px;height:155px;box-sizing:border-box;margin-bottom:15px;background:#fff;box-shadow:0 2px 13px 0 rgba(35,61,173,.23);border-radius:4px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content{margin:15px 0;padding:20px 30px;width:100%;height:100%;box-sizing:border-box;position:relative}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content .left-blue-border{visibility:visible;animation:left-border-animation 5s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content .icon-and-title-container .see-more{display:block;margin-left:50px;text-decoration:none;font-family:PingFangSC-Regular;font-size:12px;color:#348fe4;line-height:18px;font-weight:400}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content .icon-and-title-container .see-more .see-more-icon{width:10px;height:10px;margin-bottom:2px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content .horizontal-line{display:block;margin:20px 0;width:240px;height:1px;background:#dde4f6}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .scenarios-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-content .scenarios-desc{display:block;width:240px;height:44px;text-align:left;font-family:PingFangSC-Regular;font-size:14px;color:#5f6e8e;line-height:22px;font-weight:400}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .swiper-wrapper{height:596px;box-sizing:border-box}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .swiper-wrapper .scenarios-detail{height:100%;box-sizing:border-box;padding:20px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box .swiper-container .swiper-wrapper .scenarios-detail .scenarios-img{box-shadow:0 2px 13px 0 rgba(35,61,173,.23);height:100%;border-radius:4px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists{display:none}
@media (max-width:717px){
.common-collaboration-scenarios{width:100%;background:0 0;padding:60px 16px}
.common-collaboration-scenarios .scenarios-wrapper{height:100%}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-title{display:none}
.common-collaboration-scenarios .scenarios-wrapper .mobile-scenarios-title{display:block;text-align:center}
.common-collaboration-scenarios .scenarios-wrapper .mobile-scenarios-title span{font-family:PingFangSC-Semibold;font-size:26px;color:#2a344b;letter-spacing:1.62px;text-align:center;font-weight:600;line-height:36px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-desc{padding:20px 0 40px;font-size:12px;line-height:18px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content{padding:0 20px;position:relative}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-swiper-box{display:none}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists{display:block;position:relative;left:50%;transform:translateX(-50%);width:100%}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li{padding:16px 0;border-top:1px solid #eef3fc}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-header{display:flex;align-items:center;justify-content:space-between}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-header .scene-title{height:24px;font-family:PingFangSC-Medium;font-size:16px;color:#2a344b;line-height:24px;font-weight:500}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-header .expand-icon{color:#9eacc4;width:16px;height:16px;position:relative;top:-4px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-body .scene-desc{height:48px;margin:12px 0;font-family:PingFangSC-Regular;font-size:12px;color:#5f6e8e;line-height:24px;font-weight:400;position:relative}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-body .scene-desc .see-more{position:absolute;bottom:0;right:4px;font-family:PingFangSC-Regular;font-size:12px;color:#348fe4;line-height:18px;font-weight:400}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-body .scene-desc .see-more .see-more-icon{margin-left:8px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists>li .scene-body .scene-desc .see-more .see-more-icon svg{width:12px;height:12px}
.common-collaboration-scenarios .scenarios-wrapper .scenarios-content .scenarios-lists:last-child{border-bottom:1px solid #eef3fc}
}
/*! CSS Used keyframes */
@keyframes load-animation{
from{stroke-dashoffset:0}
to{stroke-dashoffset:-750}
}
@keyframes svg-sports{
to{stroke-dashoffset:0}
}
@keyframes left-border-animation{
0%{height:0%}
50%{height:50%}
100%{height:100%}
}
.icon-and-title-container .bi-chevron-right{color:#a4a4a4}
.ant-tag{color:#fff;font-size:12px;padding:1px 3px;border-radius:4px;opacity:1;transition:all .3s}
.ant-tag-pink{color:#c41d7f;background:#fff0f6;border-color:#ffadd2}
.ant-tag-green{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}
.sysupdate{font-size:12px}
.downloadapp-banner{box-sizing:border-box;width:100%;background-image:url(../img/downloadapp-bg.png);background-repeat:no-repeat;background-size:cover}
.downloadapp{display:flex;align-items:center;justify-content:space-between}
.downloadapp .client-page-banner-left{box-sizing:border-box;width:520px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.client-page-banner-left .client-page-banner-title{margin:60px 0 0;box-sizing:border-box;width:100%;font-size:32px;color:#333;font-weight:500;letter-spacing:.25px}
.client-page-banner-left .client-page-banner-description{margin-top:-20px;box-sizing:border-box;width:100%;line-height:30px;font-size:16px;letter-spacing:.6px;color:#9b9b9b}
.client-page-banner-left .client-page-btn-box{margin-top:48px;padding-right:96px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.client-page-banner-left .client-page-btn-box>a{background-repeat:repeat-x;margin-bottom:16px;width:200px;height:70px;background-image:linear-gradient(to bottom,#f7f7f7 0,#ebebeb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7f7f7", endColorstr="#ffebebeb", GradientType=0);font-size:16px;text-align:center;border:1px solid #d5d5d5;border-radius:2px;color:#7e7e7e;position:relative}
.client-page-banner-left .client-page-btn-box>a .show-icon-text{padding-top:14px}
.d-inline-block{display:inline-block!important}
.client-page-banner-left .client-page-btn-box>a .show-icon-text>svg{margin-right:18px;width:20px;height:20px;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.client-page-banner-left .client-page-btn-box>a .show-version{margin-top:2px;font-size:10px;color:#999}
.client-page-banner-right{padding-top:0;box-sizing:border-box;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.client-page-banner-right>img{width:394px;max-width:100%;height:auto;box-sizing:border-box}
.client-page-banner-left .show-developer-privacy-terms{color:#999;font-size:12px;margin-top:20px}
.client-page-banner-left .show-developer-privacy-terms .split-line{margin:0 12px}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box{padding:0 0 30px;box-sizing:border-box;position:absolute;bottom:50px;left:10000px;transform:translateX(-50%);opacity:0;transition:opacity .3s linear}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box .hover-download-client{padding:20px 0 21px;border-radius:4px;box-sizing:border-box;min-width:146px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box .hover-download-client::before{content:"";display:block;width:20px;height:20px;background-color:#fff;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%) rotate(45deg)}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box .hover-download-client .hover-download-client-img{width:96px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box .hover-download-client .hover-download-client-img img{max-width:100%;height:auto;box-sizing:border-box}
.client-page-banner-left .client-page-btn-box>a .hover-download-client-box .hover-download-client .hover-download-client-tips{margin-top:8px;box-sizing:border-box;width:100%;height:14px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333}
.client-page-banner-left .client-page-btn-box>a:hover{background-image:linear-gradient(to bottom,#ffb600 0,#e5a402 100%)}
.client-page-banner-left .client-page-btn-box>a:hover .hover-download-client-box{left:50%;opacity:1}
@media (max-width:717px){
.client-page-banner-description,.client-page-banner-right,.show-developer-privacy-terms{display:none}
.client-page-banner-left .client-page-btn-box{margin-top:30px;padding:0 10px;width:100%;align-items:center;flex-direction:column}
}.owl-carousel .owl-stage,.owl-carousel.owl-drag .owl-item{-ms-touch-action:auto;touch-action:auto}

/*hover-master*/
/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}