#dev .banner-box{width:100%;height:360px;background-image:url(../img/dev-banner.ece85973.png);background-position:50%;background-repeat:no-repeat;background-size:cover}#dev .banner-content{width:1170px;height:100%;margin:0 auto;padding-top:130px}#dev .banner-title{font-size:30px;color:#fff;letter-spacing:3px;margin-bottom:10px}#dev .intro-box{width:550px}#dev .intro-box p{color:#fff}#dev .dev-box{padding:70px 0}#dev .dev-box .box-title{font-size:32px;font-weight:600;color:#454c5b;letter-spacing:4px;text-align:center;margin-bottom:10px}#dev .dev-box .box-title .english-text{font-size:34px}#dev .dev-box .sub-title{font-size:18px;font-weight:300;color:#80828b;text-align:center}#dev .dev-box .contact-box{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#dev .dev-box .contact-box .contact-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#dev .dev-box .contact-box .contact-item:first-child{margin-right:100px}#dev .dev-box .contact-box .contact p{font-size:18px;color:#2d3144}#dev .dev-box .contact-box .blue{color:#409eff!important;margin-top:5px}#dev .dev-box .contact-img{width:64px;height:64px;margin-right:10px}#dev .dev-box .contact-img img{width:100%;height:100%}#dev .dev-box .scene-box{width:1170px;margin:0 auto;margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}#dev .dev-box .scene-box .scene-item{padding:20px;border:1px solid #eee;border-radius:8px;cursor:pointer}#dev .dev-box .scene-box .scene-item:hover{-webkit-box-shadow:5px 10px 12px rgba(112,168,228,.2);box-shadow:5px 10px 12px rgba(112,168,228,.2)}#dev .dev-box .scene-box .scene-img{width:220px;height:180px}#dev .dev-box .scene-box .scene-img img{width:100%;height:100%}#dev .dev-box .scene-box .scene-content{width:220px;text-align:center}#dev .dev-box .scene-box .scene-content .scene-title{font-size:18px;font-weight:600;color:#2d3144;margin-bottom:10px}#dev .dev-box .scene-box .scene-content .scene-text{color:#80828b;font-weight:300}#dev .dev-box .download-box{width:1000px;margin:0 auto;margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}#dev .dev-box .download-box .download-item{padding:30px 60px;border:1px solid #eee;border-radius:8px;cursor:pointer;background:#fff}#dev .dev-box .download-box .download-item:hover{-webkit-box-shadow:5px 10px 12px rgba(112,168,228,.2);box-shadow:5px 10px 12px rgba(112,168,228,.2)}#dev .dev-box .download-box .download-img{width:120px;height:120px;line-height:170px;text-align:center;border-radius:100%;background:#f4f8fb;margin:0 auto}#dev .dev-box .download-box .download-img img{width:60px;height:60px}#dev .dev-box .download-box .download-content{width:160px;text-align:center}#dev .dev-box .download-box .download-content .download-title{font-size:18px;font-weight:600;color:#2d3144;margin-top:10px;margin-bottom:5px;white-space:nowrap}#dev .dev-box .download-box .download-content .download-text{color:#80828b;font-weight:300;margin-bottom:20px}#dev .dev-box .download-box .download-content .el-button{width:160px;background:#fff}#dev .dev-box .download-box .download-content .el-button .el-icon-download{font-weight:600;margin-right:-2px}#dev .dev-box .download-box .download-content .el-button span{font-weight:400}#dev .dev-box .download-box .download-content .el-button.is-active,#dev .dev-box .download-box .download-content .el-button:active,#dev .dev-box .download-box .download-content .el-button:focus,#dev .dev-box .download-box .download-content .el-button:hover{background:#409eff;border-color:#409eff;color:#fff}#dev .dev-box .download-box .download-content .ios-btn.is-active,#dev .dev-box .download-box .download-content .ios-btn:active,#dev .dev-box .download-box .download-content .ios-btn:focus,#dev .dev-box .download-box .download-content .ios-btn:hover{background:#fff;border-color:#b3d8ff;color:#409eff}#dev .white{background:#fff}@media screen and (max-width:1190px){#dev .banner-content{width:100%;padding-left:10px;padding-right:10px}#dev .scene-box{width:262px!important;display:block!important}#dev .scene-item:nth-child(2){margin:20px 0}}@media screen and (max-width:1000px){#dev .download-box{width:282px!important;display:block!important}#dev .download-item:first-child{margin-bottom:20px!important}}@media screen and (max-width:600px){#dev .intro-box{width:100%}#dev .contact-box{width:270px;display:block!important;margin:0 auto}#dev .contact-item:first-child{width:254px;margin-bottom:20px}}