a:hover{text-decoration:none}.clearfix{zoom:1}em,i{font-style:normal}p{font-size:14px;line-height:24px}.clearfix:after{clear:both;content:"";display:block;width:0;height:0;visibility:hidden}.float-box{float:left}.more-link{color:#339aff;font-size:14px}a{text-decoration:none;outline:none}body,h2,h3,h5,h6,ul{margin:0}ul{list-style:none;padding:0}h2,h3,h4,h5,h6{font-weight:400}.main-title{color:#081929;font-size:26px;text-align:center}.main-title:after,.main-title:before{content:"";display:inline-block;background:url(../images/title.svg) 50% no-repeat;width:49px;height:17px}.main-title:before{margin-right:15px}.main-title:after{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:15px}h2,h4{margin:0}span:focus{outline:none;border:none}.service-title-container{height:300px;background:-webkit-linear-gradient(317.2deg,#1844c8,#86bffe);background:linear-gradient(132.8deg,#1844c8,#86bffe)}.service-total{width:1200px;margin:0 auto;padding-top:60px;color:#fff;position:relative}.service-total:after{content:"";display:block;width:245px;height:246px;background:url(../images/service-box/banner.png) 50% no-repeat;position:absolute;right:0;bottom:-60px}.service-total h2{font-size:28px}.service-total p{margin:15px 0 36px;line-height:26px}.service-total a{padding:10px 16px;background:#fff;color:#339aff;-webkit-box-shadow:0 3px 8px 0 #01539e;box-shadow:0 3px 8px 0 #01539e;border-radius:4px}.service-total a:after{content:"";display:inline-block;width:10px;height:14px;margin-left:5px;background:url(../images/service-box/flash.svg) 50% no-repeat}.menu-container{-webkit-box-shadow:0 3px 9px 0 rgba(32,123,229,.04);box-shadow:0 3px 9px 0 rgba(32,123,229,.04);height:50px;line-height:50px;background:#fff}.menu-container .menu-content{width:1200px;margin:0 auto;font-size:0;text-align:center}.menu-container .menu-content li{display:inline-block;vertical-align:top;width:20%}.menu-container .menu-content li a{font-size:16px;color:#4a5e72}.swiper-big-container{width:1200px;margin:0 auto;position:relative;margin-top:60px;padding-left:105px}.service-content-container{background:#f5f9fc;padding:80px 0;position:relative}.service-content-container .left{display:inline-block;background:#fff;-webkit-box-shadow:0 8px 12px 0 rgba(32,123,229,.08);box-shadow:0 8px 12px 0 rgba(32,123,229,.08);border-radius:2px;margin-right:-20px;margin-top:20px;width:230px;left:60px;position:absolute;bottom:198px;z-index:1}.service-content-container .left .swiper-pagination-customs{padding:18px 41px;display:block;cursor:pointer}.service-content-container .left .swiper-pagination-customs i{display:inline-block;vertical-align:middle;position:relative;width:50px;height:2px;background:#e1effc;margin:0 10px}.service-content-container .left .swiper-pagination-customs i:before{content:"";position:absolute;left:0;right:100%;top:0;background:#339aff;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.service-content-container .left .swiper-pagination-customs-active{color:#339aff}.service-content-container .left .swiper-pagination-customs-active i:before{-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;right:0}.service-content-container .swiper-container-test{position:relative;display:block;margin:0 auto;width:790px;height:380px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;overflow:hidden}.service-content-container .swiper-container-test .swiper-content-detail{height:380px;padding:36px;display:block}.service-content-container .swiper-container-test .swiper-content-detail .content-pic{width:100%;height:280px}.service-content-container .swiper-container-test .swiper-content-detail .first-content-pic{background:url(../images/service-box/first.svg) 50% no-repeat}.service-content-container .swiper-container-test .swiper-content-detail .second-content-pic{background:url(../images/service-box/second.svg) 50% no-repeat}.service-content-container .swiper-container-test .swiper-content-detail .third-content-pic{background:url(../images/service-box/third.svg) 50% no-repeat}.service-content-container .swiper-container-test .swiper-content-detail p{color:#7e95ab}.safe-training-box{padding:87px 0 113px;background:#fff}.safe-service-box{width:1200px;margin:0 auto;font-size:0;padding-top:68px}.safe-service-box li{display:inline-block;vertical-align:top;width:302px}.safe-service-box li h4{color:#353535;padding:23px 0 15px}.safe-service-box li p{color:#8e9eae;font-size:12px}.safe-service-box li .test{background:url(../images/service-box/test.svg) 50% no-repeat}.safe-service-box li .sense{background:url(../images/service-box/sense.svg) 50% no-repeat}.safe-service-box li .develop{background:url(../images/service-box/develop.svg) 50% no-repeat}.safe-service-box li .safe-service-icon{width:60px;height:60px;background-size:contain}.safe-service-box li+li{margin-left:147px}.safe-consult-container{background:#fff}.safe-consult-container .safe-consult-box{width:1200px;margin:0 auto}.safe-consult-container .safe-consult-box ul .carousel-box{width:278px;height:345px;margin-right:30px;-webkit-box-shadow:0 2px 12px 0 rgba(32,123,229,.08);box-shadow:0 2px 12px 0 rgba(32,123,229,.08)}.safe-consult-container .safe-consult-box ul .carousel-box .ask-img{height:150px;background:-webkit-linear-gradient(312.7deg,#2161ff,#72b9fe);background:linear-gradient(137.3deg,#2161ff,#72b9fe)}.safe-consult-container .safe-consult-box ul .carousel-box .safe-code{background:url(../images/service-box/service/code.png) 50% no-repeat}.safe-consult-container .safe-consult-box ul .carousel-box .sdl{background:url(../images/service-box/service/sdl.png) 50% no-repeat}.safe-consult-container .safe-consult-box ul .carousel-box .develop-ask{background:url(../images/service-box/service/develop.png) 50% no-repeat}.safe-consult-container .safe-consult-box ul .carousel-box .app-struct{background:url(../images/service-box/service/struct.png) 50% no-repeat}.safe-consult-container .safe-consult-box ul .carousel-box .risk-pg{background:url(../images/service-box/service/pg.png) 50% no-repeat}.safe-consult-container .safe-consult-box ul .carousel-box h4{color:#353535;padding:25px 0;text-align:center}.safe-consult-container .safe-consult-box ul .carousel-box p{color:#8e9eae;padding:0 10px}.safe-platform-container{background:#f5f9fc;padding:61px 0 96px}.safe-platform-container .safe-platform-box{width:1200px;margin:0 auto;margin-top:60px}.safe-platform-container .safe-platform-box li{display:inline-block;vertical-align:top;width:577px;padding:37px 20px;background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(32,123,229,.09);box-shadow:0 1px 4px 0 rgba(32,123,229,.09);-webkit-transition:all .3s;transition:all .3s}.safe-platform-container .safe-platform-box li:hover{-webkit-box-shadow:0 8px 12px 0 rgba(32,123,229,.08);box-shadow:0 8px 12px 0 rgba(32,123,229,.08)}.safe-platform-container .safe-platform-box li:hover div h4{color:#339aff}.safe-platform-container .safe-platform-box li i{display:inline-block;vertical-align:top;width:76px;height:76px}.safe-platform-container .safe-platform-box li div{display:inline-block;vertical-align:top;width:451px}.safe-platform-container .safe-platform-box li div h4{color:#4a5e72;padding-bottom:10px}.safe-platform-container .safe-platform-box li div p{font-size:13px;color:#8e9eae}.safe-platform-container .safe-platform-box li .safe-platform-company{background:url(../images/service-box/company_src.svg) 50% no-repeat}.safe-platform-container .safe-platform-box li .safe-platform-bugs{background:url(../images/service-box/bugs_manage.svg) 50% no-repeat}.safe-platform-container .safe-platform-box li+li{margin-left:40px}.other-container{padding:100px 0;background:#fff}.other-container .other-box{width:1200px;margin:0 auto}.other-container .other-box ul{font-size:0}.other-container .other-box ul li{display:inline-block;vertical-align:top;width:600px;padding:38px}.other-container .other-box ul li i{display:inline-block;vertical-align:top;width:49px;height:49px;margin-right:10px}.other-container .other-box ul li div{display:inline-block;vertical-align:top;width:442px}.other-container .other-box ul li div h4{color:#4a5e72;padding-bottom:10px}.other-container .other-box ul li div p{font-size:13px;color:#8e9eae}.other-container .other-box .other-warn{background:url(../images/service-box/bugs_warn.svg) 50% no-repeat}.other-container .other-box .other-emergency{background:url(../images/service-box/emergency.svg) 50% no-repeat}.other-container .other-box .other-safe{background:url(../images/service-box/safe.svg) 50% no-repeat}.other-container .other-box .other-training{background:url(../images/service-box/training.svg) 50% no-repeat}.contact-container{height:360px;background:-webkit-linear-gradient(45deg,#1456cb,#88c3ff);background:linear-gradient(45deg,#1456cb,#88c3ff);overflow:hidden;position:relative}.contact-container:before{background:url(../images/service-box/contact_deco.svg) 50% no-repeat;width:396px;left:0}.contact-container:after,.contact-container:before{content:"";display:block;height:360px;position:absolute;top:0}.contact-container:after{background:url(../images/service-box/contact_deco_right.svg) 50% no-repeat;width:388px;right:0}.contact-container .contact-box{width:1070px;height:186px;margin:87px auto;background:#fff;-webkit-box-shadow:0 8px 12px 0 rgba(20,111,224,.71);box-shadow:0 8px 12px 0 rgba(20,111,224,.71);border-radius:4px;font-size:0;position:relative;z-index:2}.contact-container .contact-box li{display:inline-block;vertical-align:top;width:33%;padding:76px 40px;text-align:center}.contact-container .contact-box li i{display:inline-block;vertical-align:top;width:41px;height:41px}.contact-container .contact-box li .cooperation{background:url(../images/service-box/cooperation.svg) 50% no-repeat}.contact-container .contact-box li .cs{background:url(../images/service-box/cs.svg) 50% no-repeat}.contact-container .contact-box li .feedback{background:url(../images/service-box/feedback.svg) 50% no-repeat}.contact-container .contact-box li .group{background:url(../images/service-box/group.svg) 50% no-repeat}.contact-container .contact-box li div{display:inline-block;margin-left:6px;text-align:left}.contact-container .contact-box li div h5{color:#8e9eae;padding-bottom:3px}.contact-container .contact-box li div h6{color:#4a5e72;font-size:16px}.carousel-container{width:1200px;margin:0 auto;overflow:hidden;padding:50px 0 111px}