@charset "UTF-8";.official-font{font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}
.clear:after,.clear:before{clear:both;content:'';overflow:hidden;display:block;zoom:1}
.page{width:100%;box-sizing:border-box;padding:100px 0;position:relative;background-color:#fff;text-align:center}
.page li{list-style:none}
.page h1{font-size:46px;color:#45586c;font-weight:normal;font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}
.page h2{font-size:40px;color:#536981;font-weight:normal;font-family:"official",Arial,"Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Lantinghei SC,Hiragino Sans GB,sans-serif}
.page .description{margin:20px auto;margin-bottom:0;font-size:18px;color:#999;line-height:25px}
.page a{cursor:pointer}
.page .page-content{width:1100px;margin:0 auto;position:relative}
.page .wrap{margin-top:50px}
.page .btn-index{display:inline-block;color:#999;border:2px solid #ccc;border-radius:2px;padding:2px 20px;width:120px;height:35px;line-height:35px;cursor:default}
.page.intro{background-color:#f9fafc}
.page.intro ul{margin-top:90px}
.page.intro ul li{width:33%;float:left;text-align:center;border-right:1px solid #e7e7e7}
.page.intro ul li.last{border-right:1px solid transparent}
.page.intro ul li a{color:inherit;display:inline-block;width:100%;cursor:default}
.page.intro ul li .item{display:inline-block;text-align:left;margin-left:15px;padding-top:12px}
.page.intro ul li .item h2{font-size:18px}
.page.intro ul li .item p{margin-top:10px;font-size:16px}
.page.industry{background:#fff}
.page.industry .service-list{letter-spacing:100px}
.page.industry .service-list li{display:inline-block;overflow:hidden;height:360px;letter-spacing:1px;background:#f9fafc;border:#e6ebf1 solid 1px;border-radius:5px}
.page.industry .service-list li h2{font-size:22px;font-weight:300;margin-top:32px;color:#4d4b4c;margin-bottom:-5px}
.page.industry .service-list li h4{color:#9b999a;margin-top:10px;font-size:14px;font-weight:500}
.page.industry .service-list li img{width:278px;height:235px}
.page.detail-intro ul{margin-top:50px}
.page.detail-intro ul li{width:33%;float:left;text-align:center}
.page.detail-intro ul li .wrap{width:200px;height:200px;border:1px solid #ececec;padding:35px 40px 20px;margin:0 auto}
.page.detail-intro ul li .icon-block{height:86px;line-height:86px}
.page.detail-intro ul li .icon-block i{vertical-align:middle}
.page.detail-intro ul li h2{margin:25px 0 10px;font-size:24px;font-weight:normal}
.page.detail-intro ul li p{font-size:14px;color:#999}
.page.detail-intro .btn-block{padding-top:50px}
.page.education{background-color:#f1f6fa}
.page.education ul li .wrap{background-color:#fff}
.page.apply{background-color:#fff;border-top:1px solid #eceff4}
.page.apply p{color:#9f9f9f;margin-bottom:0}
.page.apply p.apply-tip{margin-top:60px;font-size:18px}
.page.apply ul{margin-top:50px}
.page.apply ul li{width:200px;display:inline-block;color:#9f9f9f;position:relative}
.page.apply ul li hr{border:1px solid #ccc;position:absolute;width:320px;top:15px;left:-60px}
.page.apply ul li .step-num{display:inline-block;width:45px;height:45px;border:2px solid #9f9f9f;border-radius:45px;line-height:45px;font-size:20px;margin:0 43px;padding:0;color:#9f9f9f;background:#f5f5f5;z-index:1;position:relative}


.attract-user,.problem{padding:80px 0}body{min-width:1200px}
.banner .banner-left .sub-title{font-size:28px;line-height:40px;margin-bottom:4px;font-weight:400}
.solution .title,.title{line-height:45px;text-align:center}
.banner .banner-left .title{font-size:40px;font-weight:500;margin-bottom:20px;color:#fff}
.banner .banner-left .desc{font-size:16px;margin-bottom:40px}
.banner .swiper-pagination-bullets{bottom:15px}
.banner .swiper-pagination-bullet{width:80px;height:4px;background:#fff;opacity:.5;border-radius:2px;margin:0 50px}
.banner .swiper-pagination-bullet-active{opacity:1}
.title{font-size:32px;color:#353535}
.problem .title{margin-bottom:68px}
.problem-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.problem-box-item{ float:left;width:368px;height:276px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px;text-align:center}
.problem-box-item-title,result-box-item-title a{font-size:24px;color:#fff;margin-bottom:12px}

.solution{padding:80px 0}
.solution .title{margin-bottom:45px}
.slideTxtBox{display:-webkit-box;display:-ms-flexbox;display:flex;height:670px}
.slideTxtBox .hd{width:153px;border-left:1px solid #EEE;border-top:1px solid #EEE}
.slideTxtBox .hd li{width:153px;height:134px;line-height:134px;text-align:center;font-size:16px;color:#353535;border-bottom:1px solid #EEE;cursor:pointer}
.slideTxtBox .hd li.on{color:#105CFB}
.slideTxtBox .hd li.on:nth-child(4n){background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #f4fffc),to(#f1f8ff));background:linear-gradient(180deg,#f4fffc 0,#f1f8ff 100%)}
.slideTxtBox .hd li.on:nth-child(4n+1){background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #f4fbff),to(#ebf2ff));background:linear-gradient(180deg,#f4fbff 0,#ebf2ff 100%)}
.slideTxtBox .hd li.on:nth-child(4n+2){background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #fff1f8),to(#f4f4ff));background:linear-gradient(180deg,#fff1f8 0,#f4f4ff 100%)}
.slideTxtBox .hd li.on:nth-child(4n+3){background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #f0fcff),to(#fffcf0));background:linear-gradient(180deg,#f0fcff 0,#fffcf0 100%)}
.slideTxtBox .bd{width:1049px}
.slideTxtBox .bd li{padding:35px 0 35px 60px;height:670px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.slideTxtBox .bd li .text{width:368px;margin-top:165px}
.slideTxtBox .bd li .topic{color:#333;font-size:28px;margin-bottom:5px;font-weight:500}
.slideTxtBox .bd li .desc{margin-bottom:24px;font-size:12px;font-weight:400;color:#333;line-height:24px}
.slideTxtBox .bd li img{width:620px;height:600px}
.multiple-function{padding:80px 0;text-align:center}
.multiple-function .title{margin-bottom:40px}
.multiple-function .link-more{color:#105CFB;font-size:18px;cursor:pointer}
.functionSlideBox .hd{height:50px;line-height:44px;border-bottom:2px solid #ECECEC}
.functionSlideBox .hd ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.functionSlideBox .hd li{font-size:24px;color:#353535;width:320px;opacity:.6;cursor:pointer}
.functionSlideBox .hd li.on{opacity:1;border-bottom:4px solid #105CFB}
.functionSlideBox .bd li{padding:40px 0 65px}
.functionSlideBox .bd li img{width:1200px;height:712px}
.multi-terminal{padding:80px 0;background:rgba(42,117,237,.04)}
.multi-terminal .title{margin-bottom:80px}
.multi-terminal .terminal-list .terminal-item{padding:32px 8px 0;width:336px;height:412px;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.02),0 20px 40px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.02),0 20px 40px 0 rgba(0,0,0,.04);border-radius:4px;text-align:center}
.multi-terminal .terminal-list .terminal-item .iconfont{font-size:30px}
.multi-terminal .terminal-list .terminal-item .ter-title{color:#353535;font-size:16px;margin-top:19px;margin-bottom:6px}
.multi-terminal .terminal-list .terminal-item img{width:320px;height:304px}
.result-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.result-box-item{width:360px;height:390px;margin-bottom:60px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);padding-top:40px;text-align:center}
.result-box-item-icon{margin:0 auto 37px}
.result-box-item-title{font-size:18px;color:#333;padding:0px 20px 0px 20px!important}
.result-box-item-detail{font-size:14px;color:#666; padding:20px !important}
.to-register{height:400px;padding:108px 0 60px;background-image:url(/images/homePage/sy_bg.jpg);background-size:contain;color:#fff}
.to-register .text-left{text-align:center}
.to-register .text-left .title{font-size:36px;margin-bottom:11px;font-weight:400;color:#fff}
.to-register .text-left .desc{font-size:16px;margin-bottom:40px}
.to-register .text-left .btn{display:inline-block;height:56px;line-height:56px;border-radius:4px;font-size:18px;text-align:center}
.to-register .text-left .btn1{width:204px;color:#105CFB;background:#fff;margin-right:23px}
.to-register .text-left .btn2{width:160px;border:1px solid #fff;color:#fff;cursor:pointer}
.customer-service-box{display:none}
.wechat-btn{width:64px;height:60px;background:#000;opacity:.5;color:#fff;text-align:center;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}
.wechat-btn .iconfont{font-size:20px;margin-bottom:2px}
.wechat-contain{position:relative;position:fixed;right:0;bottom:200px;z-index:3}
.wechat-contain .wechat-box{display:none;position:absolute;right:77px;margin-top:-81px;padding:40px;border-radius:3px;width:292px;height:233px;background:#105CFB;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.12);box-shadow:0 10px 20px 0 rgba(0,0,0,.12);-webkit-animation:slideLeft ease .3s;animation:slideLeft ease .3s;color:#fff;text-align:center}
.wechat-contain .wechat-box h2{font-size:24px;margin-bottom:10px;font-weight:400}
.wechat-contain .wechat-box p{font-size:14px;margin-bottom:21px}
.wechat-contain .wechat-box .ask{display:inline-block;width:216px;height:48px;line-height:48px;background:#fff;border-radius:4px;font-size:16px;color:#333;text-align:center;cursor:pointer}
.wechat-contain .wechat-box .triangle{position:absolute;width:15px;height:15px;margin-top:-10px;top:50%;right:-12px}
.wechat-contain .wechat-box .close-btn{width:30px;height:30px;position:absolute;text-align:center;line-height:30px;top:6px;right:6px;cursor:pointer}
.mask-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3;background:rgba(51,51,51,.6);display:none}
.mask-layer .layer-content{top:50%;margin-top:-220px;left:50%;margin-left:-300px;width:600px;height:440px;padding:40px 60px;background:#fff;border-radius:4px;position:relative;cursor:pointer}
.mask-layer .layer-content .close{width:30px;height:30px;position:absolute;text-align:center;line-height:30px;top:16px;right:13px;cursor:pointer}
.consult-box .title{color:#333;font-size:24px;margin-bottom:32px;text-align:center}
.consult-box .way{width:480px;height:123px;background:#f5f8ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 54px 20px 32px;color:#333;margin-bottom:40px}
.consult-box .way .lable{font-size:14px;margin-bottom:7px}
.consult-box .way .phone{font-size:24px}
.consult-box .way .kefu{display:block;width:140px;height:32px;line-height:32px;text-align:center;border-radius:4px;border:1px solid #333;font-size:12px}
.consult-box .way .kefu .iconfont{font-size:10px;margin-right:4px}
.consult-box .desc{font-size:14px;color:#333;line-height:20px;margin-bottom:10px}
.consult-box .response{height:20px;font-size:12px}
.consult-box .response.shop-phone-succeed{color:#2FCE63}
.consult-box .response.shop-phone-error{color:red}
.consult-box .get-phone{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}
.consult-box .get-phone #phone{width:378px;padding:0 12px}
.consult-box .get-phone .get-btn{width:102px;background:#105cfb;border-radius:0 4px 4px 0;border:none;font-size:14px;color:#FFF;cursor:pointer}
.consult-box .get-phone .get-btn.not-allowed{cursor:not-allowed;opacity:.3}
.consult-box .tip{color:#B2B2B2;font-size:12px;line-height:18px}@-webkit-keyframes slideLeft{from{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:.1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideLeft{from{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:.1}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}


.w1200{width:1140px; margin:auto}