body{font-family:'微软雅黑';background:#fff;min-width:1366px;max-width:1920px;margin:0 auto}body .wrapper{width:1200px;margin:0 auto}body .fl{float:left}body .fr{float:right}body .header{position:relative}body .header .navbar{border-radius:0}body .header .navbar-default{background:#01237c;filter:alpha(opacity=20);border:0;position:fixed;z-index:1000;width:100%}body .header .navbar-default .navbar-toggle{border:#fff}body .header .navbar-default .navbar-toggle .icon-bar{background:#fff}body .header .navbar-default .navbar-toggle:focus{background-color:#09369e}body .header .navbar-default .navbar-toggle:hover{background-color:#09369e}body .header .navbar-default .nav{padding-left:20px}body .header .navbar-default .phone-icon{width:16px;height:18px}body .header .navbar-default .navbar-header .navbar-brand{padding:8px 15px}body .header .navbar-default .navbar-nav li .active-link{border-bottom:4px solid #fff}body .header .navbar-default .navbar-nav li a{color:#fff;font-size:14px}body .header .navbar-default .navbar-nav li a .line{position:absolute;width:30px;height:2px;padding:0;margin:-1px;margin-top:2px;overflow:hidden;border:0;background:#fff;margin-top:7px;display:none}body .header .navbar-default .navbar-nav li a:focus{color:#fff}body .header .navbar-default .navbar-nav li a:hover{color:#fff}body .header .navbar-default .navbar-nav li a:hover .line{display:block}body .header .navbar-default .navbar-nav li a:active{color:#fff}body .header .navbar-default .navbar-nav li.nav-active a .line{display:block}body .main-content{min-height:calc(100vh - 626px)}body .main-content .banner{padding-top:50px;height:826px;overflow:hidden;background:#01237c url(../images/banner-bg.png)}body .main-content .banner .banner-text{min-height:calc(100% - 120px)}body .main-content .banner .banner-text .left-text{padding-top:160px;width:530px}body .main-content .banner .banner-text .right-scene{padding-top:60px}body .main-content .banner .banner-text .text-small{padding:20px 0;color:#fff;font-size:18px}body .main-content .banner .banner-text .text-title{color:#fff;font-size:40px;font-weight:bold}body .main-content .banner .banner-text .btn-group .link-btn{display:inline-block;width:128px;height:46px;text-decoration:none;line-height:46px;text-align:center;border-radius:2rem;border:1px solid #fff;background:transparent;color:#fff}body .main-content .banner .banner-text .btn-group .link-btn.white-btn,body .main-content .banner .banner-text .btn-group .link-btn:hover{background:#fff;color:#02247d;margin-right:12px}body .main-content .banner .banner-info{border-top:1px solid #acacac;background:#304a94;height:120px;padding:36px 0}body .main-content .banner .banner-info .info-item{float:left;width:20%;padding:0 40px;text-align:center}body .main-content .banner .banner-info .info-item:not(:last-child){border-right:1px solid #6f81b4}body .main-content .banner .banner-info .info-item .info-title{display:inline-block;vertical-align:middle;font-size:16px;color:#ffffff;margin-left:15px}body .main-content .banner .banner-info .info-item .info-icon{display:inline-block;vertical-align:middle;width:38px;height:38px}body .main-content .banner .banner-info .info-item .info-icon.view-icon{background:url(../images/view-icon.png) center no-repeat}body .main-content .banner .banner-info .info-item .info-icon.batch-icon{background:url(../images/batch-icon.png) center no-repeat}body .main-content .banner .banner-info .info-item .info-icon.script-icon{background:url(../images/script-icon.png) center no-repeat}body .main-content .banner .banner-info .info-item .info-icon.sdk-icon{background:url(../images/sdk-icon.png) center no-repeat;background-size:contain}body .main-content .banner .banner-info .info-item .info-icon.process-icon{background:url(../images/process-icon.png) center no-repeat}body .main-content .section{padding-bottom:95px}body .main-content .section .section-header{text-align:center;padding-bottom:72px}body .main-content .section .section-header .section-header-text{position:relative;font-size:16px;color:#666666}body .main-content .section .section-header .section-header-text::before,body .main-content .section .section-header .section-header-text::after{content:'';position:absolute;top:52%;background:#b7b7b7;width:30px;height:2px}body .main-content .section .section-header .section-header-text::before{left:46%}body .main-content .section .section-header .section-header-text::after{right:46%}@media screen and (max-width:1366px){body .main-content .section .section-header .section-header-text::before{left:44%}body .main-content .section .section-header .section-header-text::after{right:44%}}body .main-content .section .section-header .section-header-title{font-size:36px;color:#01237c}body .main-content .introduce-card{padding-bottom:95px}body .main-content .introduce-card .card{padding:20px;height:527px;box-shadow:0 4px 15px rgba(140,151,172,0.2)}body .main-content .introduce-card .card .introduce-banner{width:100%}body .main-content .introduce-card .card .introduce-title{position:relative;padding:30px 0;text-align:center;font-size:20px;font-weight:bold;color:#666666;z-index:9}body .main-content .introduce-card .card .introduce-title::before{content:'';position:absolute;left:484px;top:20px;width:52px;height:52px;background:#dbe0ed;border-radius:50%;z-index:-1}body .main-content .introduce-card .card .introduce-content{padding:0 20px;text-align:center;font-size:16px;line-height:1.7;color:#666666}body .main-content .introduce-card .card .introduce-feature{padding-top:30px;text-align:center}body .main-content .introduce-card .card .introduce-feature .feature-item{display:inline-block;font-size:18px;color:#5671bd}body .main-content .introduce-card .card .introduce-feature .feature-item:not(:last-child){margin-right:60px}body .main-content .introduce-card .card .introduce-feature .feature-item .feature-icon{display:inline-block;width:22px;height:22px;vertical-align:middle}body .main-content .introduce-card .card .introduce-feature .feature-item .feature-icon.num-icon{background:url(../images/num-icon.png) center no-repeat}body .main-content .introduce-card .card .introduce-feature .feature-item .feature-icon.client-icon{background:url(../images/client-icon.png) center no-repeat}body .main-content .introduce-card .card .introduce-feature .feature-item .feature-icon.net-icon{background:url(../images/net-icon.png) center no-repeat}body .main-content .introduce-card .card .introduce-feature .feature-item .feature-text{vertical-align:middle}body .main-content .school-adv .teach-item{width:25%;text-align:center}body .main-content .school-adv .teach-item .school-icon{width:128px;height:106px;margin:0 auto}body .main-content .school-adv .teach-item .school-icon.teach-icon{background:url(../images/teach-icon.png) center no-repeat;background-size:contain}body .main-content .school-adv .teach-item .school-icon.mind-icon{background:url(../images/mind-icon.png) center no-repeat;background-size:contain}body .main-content .school-adv .teach-item .school-icon.facility-icon{background:url(../images/facility-icon.png) center no-repeat;background-size:contain}body .main-content .school-adv .teach-item .school-icon.operation-icon{background:url(../images/operation-icon.png) center no-repeat;background-size:contain}body .main-content .school-adv .teach-item .school-title{font-size:24px;color:#040983;padding:20px 0}body .main-content .school-adv .teach-item .school-content{font-size:16px;color:#666666;padding:0 47px}body .main-content .our-service{position:relative;background:url(../images/service-bg.png) center;height:1424px;padding-top:78px}body .main-content .our-service .section-header .section-header-text{color:#e5e5e5}body .main-content .our-service .section-header .section-header-text::before,body .main-content .our-service .section-header .section-header-text::after{background:#b7b7b7}body .main-content .our-service .section-header .section-header-title{color:#fff}body .main-content .our-service .the-service{color:#fff}body .main-content .our-service .the-service .service-item{padding:40px 120px;float:left;width:50%;text-align:center}body .main-content .our-service .the-service .service-item.service-line-left{border-left:1px solid #042563;position:relative}body .main-content .our-service .the-service .service-item.service-line-left::before{content:'';position:absolute;left:0;top:0;height:100%;border-left:1px solid #014aac}body .main-content .our-service .the-service .service-item.service-line-top{border-top:1px solid #042563;position:relative}body .main-content .our-service .the-service .service-item.service-line-top::before{content:'';position:absolute;left:0;top:0;width:100%;border-top:1px solid #014aac}body .main-content .our-service .the-service .service-item .service-icon.service-4{padding:10px 0}body .main-content .our-service .the-service .service-item .service-title{margin:24px 0;font-size:18px}body .main-content .our-service .the-service .service-item .service-content{padding:0 25px;font-size:16px;text-align:left;line-height:1.5;color:#a6aace}body .main-content .our-service .buy-card{margin-top:128px}body .main-content .our-service .buy-card .buy-card-item{margin:0 auto;border-radius:5px 5px 0 0}body .main-content .our-service .buy-card .buy-top-card{background:#4034ba;width:1100px;height:10px}body .main-content .our-service .buy-card .buy-middle-card{background:#6e45e2;width:1148px;height:10px}body .main-content .our-service .buy-card .buy-main-card{margin:0 auto;height:515px;border-radius:5px;background:#fff;box-shadow:0 3px 30.4px 1.6px rgba(0,0,0,0.1)}body .main-content .our-service .buy-card .buy-main-card .left-content{position:relative;padding:87px 0;text-align:center;width:65%;height:100%}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-people-icon{margin-bottom:32px}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-text{line-height:2;font-size:18px;color:#666666}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-line{margin-top:53px;height:1px;background:#e9eaeb}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group{margin-top:70px}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group .btn-item{display:inline-block;width:200px;height:60px;border-radius:32px;text-align:center;text-decoration:none;line-height:60px;background:#1134b9;color:#fff}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group .btn-item:hover{background:#2846bb}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group .btn-item:first-child{margin-right:30px}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group .btn-item.contact-btn{background:#6b43dc}body .main-content .our-service .buy-card .buy-main-card .left-content .buy-btn-group .btn-item.contact-btn:hover{background:#744fda}body .main-content .our-service .buy-card .buy-main-card .left-content .arrow-circle{position:absolute;bottom:-34px;right:158px;width:64px;height:64px;border-radius:50%;background:url(../images/arrow-icon.png) #fff center no-repeat;box-shadow:0 0 18.69px 2.31px rgba(204,204,223,0.5)}body .main-content .our-service .buy-card .buy-main-card .right-content{width:35%;height:100%;background-color:#2c2a54;background-image:url(../images/browser-icon.png);background-repeat:no-repeat;background-position:center}body .main-content .some-company{min-height:545px;text-align:center}body .main-content .some-company .company-img{margin-top:90px}body .main-content .the-news{padding-top:78px;background:#f3f3fd}body .main-content .the-news .section-header{padding-bottom:20px}body .main-content .the-news .news-list .swiper-slide{width:570px}body .main-content .the-news .news-list .swiper-pagination{bottom:0}body .main-content .the-news .news-list .swiper-pagination .swiper-pagination-bullet{background:#6e45e2}body .main-content .the-news .news-list .swiper-pagination .swiper-pagination-bullet-active{background:#01237c}body .main-content .the-news .news-list .news-item{width:530px;height:300px;margin:40px auto 40px;background:#fff;border-radius:10px;box-shadow:0 0 32.8px 7.2px rgba(204,204,223,0.5);cursor:pointer}body .main-content .the-news .news-list .news-item .fl{-webkit-transition:all .05s linear;transition:all .05s linear}body .main-content .the-news .news-list .news-item .left-img{width:0;height:100%;border-radius:10px 0 0 10px;background:url(../images/news-img.png) center no-repeat}body .main-content .the-news .news-list .news-item .right-content{width:100%;padding:26px 46px 0}body .main-content .the-news .news-list .news-item .right-content .news-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:22px;color:#666}body .main-content .the-news .news-list .news-item .right-content .news-date{font-size:14px;color:#666666}body .main-content .the-news .news-list .news-item .right-content .news-line{margin:15px 0;width:70px;height:1px;background:#6e45e2}body .main-content .the-news .news-list .news-item .right-content .news-content{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;color:#666;line-height:22px;max-height:88px}body .main-content .the-news .news-list .news-item .right-content .news-content:after{content:"";position:absolute;bottom:0;right:12px;padding-left:19px;background:-webkit-linear-gradient(left, transparent, #fff 55%);background:linear-gradient(to right, transparent, #fff 55%)}body .main-content .the-news .news-list .news-item .right-content .news-footer{padding-top:30px}body .main-content .the-news .news-list .news-item .right-content .news-footer .ask-icon{display:inline-block;vertical-align:middle;background:url(../images/ask-icon.png) center no-repeat;width:16px;height:14px}body .main-content .the-news .news-list .news-item .right-content .news-footer .ask-text{display:inline-block;vertical-align:middle;font-size:13px;color:#9fa4af}body .main-content .the-news .news-list .news-item .right-content .news-footer .user-icon{display:block;margin-top:-5px;width:32px;height:32px;border-radius:5px;background:url(../images/user-icon.png) #6e45e2 center no-repeat}body .main-content .the-news .news-list .news-item:hover .left-img{width:35%}body .main-content .the-news .news-list .news-item:hover .right-content{width:65%}body .main-content .the-news .news-list .news-item:hover .right-content .news-content{line-height:22px;min-height:88px;max-height:88px}body .main-content .the-news .news-list .news-item:hover .right-content .news-content:after{content:"...";position:absolute;bottom:0;right:12px;padding-left:19px;background:-webkit-linear-gradient(left, transparent, #fff 55%);background:linear-gradient(to right, transparent, #fff 55%)}body .footer-top{background:url(../images/footer-bg.png) center no-repeat;padding-top:40px}body .footer-top .row{margin:0}body .footer-top .service{padding-left:30px}body .footer-top .service .title{margin-top:30px;font-size:16px;color:#fff}body .footer-top .service .call{margin:24px 0 18px 0;font-size:18px;color:#fff}body .footer-top .service .date{font-size:14px;color:#fff}body .footer-top .contact{font-size:16px;color:#adafb4;padding-left:30px}body .footer-top .call{margin-top:30px}body .footer-top .email{margin-top:30px}body .footer-top .links{position:relative;padding-left:100px;border-left:1px solid #014aac;border-right:1px solid #014aac}body .footer-top .links::before{content:'';position:absolute;left:0;height:100%;border-left:1px solid #012555}body .footer-top .links::after{content:'';position:absolute;right:-2px;top:0;height:100%;border-right:1px solid #012555}body .footer-top .links .link .title{font-size:16px;color:#fff}body .footer-top .links .link .items{margin-bottom:38px;padding-right:78px}body .footer-top .links .link .items a{font-size:14px;color:#fff;margin-right:34px;margin-top:10px;display:inline-block}@media screen and (max-width:991px){body .footer-top .links{padding-left:45px;margin-top:30px}}body .footer-top .follow{padding-left:100px}body .footer-top .follow .followus{font-size:16px;color:#fff}body .footer-top .follow .qrcode{margin-bottom:30px}body .footer-top .follow .qrcode img{width:205px;height:195px;padding:30px 30px 20px 30px}body .footer-top .follow .qrcode .info{font-size:12px;color:#fff;margin-left:52px}body .footer-top .follow .button{width:214px;height:40px;background:transparent;border-radius:2em;border:1px solid #fff;color:#fff;font-size:16px;margin-bottom:20px}body .footer-top .follow .button:focus{outline:none}body .footer-top .follow .button:hover{background:#fff;color:#02247d;margin-right:12px}body .footer-top .follow .button.tencent-button{background:#50b1fd;border:0}body .footer-top .follow .button.tencent-button:hover{color:#fff;background:#60b8fc}body .footer-top .follow .button.tencent-button .tencent-icon{vertical-align:middle}body .footer-top .follow .button.tencent-button .tencent-text{vertical-align:middle}body .footer-top .follow .many-link{margin-top:10px}body .footer-top .follow .many-link .title{font-size:16px;color:#fff}body .footer-top .follow .many-link .items{margin-bottom:38px}body .footer-top .follow .many-link .items a{font-size:14px;color:#fff;margin-right:12px;margin-top:10px;display:inline-block}@media screen and (max-width:991px){body .footer-top .follow{padding:0;text-align:center}body .footer-top .follow .qrcode .info{margin-left:0}}body .footer{background:#0d2259;padding:26px 0;color:#b9c6e8}body .footer .container{text-align:center}