.developer-box{padding-top:85px;}
.developer-box .developer-banner{max-width:1920px;margin:0 auto;}
.developer-banner img{width:100%;height:auto;}
.developer-tit{margin: 30px 0;padding-left: 20px;border-left: 3px #669adf solid;}
.developer-tit span{color: #333333;font-size: 25px;}
.developer-con{width: 1200px;margin: 50px auto 0;}
.developer-con .developer-introduction{width: 1200px;margin: 0 auto 50px;transition: all .5s;}
.developer-con .developer-introduction:hover{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.developer-introduction .introduction-img-box{width: 485px;float: left;}
.developer-introduction .introduction-img-box img{width: 100%;height: auto;}
.developer-introduction .introduction-text-box{float: left;padding: 70px 100px;width: 515px;}
.developer-introduction .introduction-text-box p{margin-bottom: 70px;color: #333333;}
.developer-con .developer-api{width: 1200px;margin: 0 auto 20px;}
.developer-api ul li{float: left;width: 565px;margin-bottom: 30px;}
.developer-api ul li.even{margin-right: 70px;}
.developer-api .api-img-box{width: 100%;overflow: hidden;position: relative;}
.developer-api .api-img-box:hover .api-img{transform: scale(1.08);}
.developer-api .api-img-box .api-img{width: 100%;height: auto;transition: all 1.2s;}
.developer-api .api-img-box .txt-img{width: 100%;height: auto;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.developer-api li p{padding: 20px 3px 10px;color: #333333;}
.developer-api li .api-more{color: #51b4ed;}
.developer-con2{width: 100%;padding: 40px 0;background: #f3f8ff;}
.developer-con2 .developer-tit{width: 1177px;margin: 20px auto 30px;}
.developer-con3 .developer-tit{width: 1177px;margin: 20px auto 30px;}
.developer-con4 .developer-tit{width: 1177px;margin: 20px auto 30px;}
.developer-con2 .developer-tab-box{width: 1200px;margin: 20px auto 0;transition: all .5s;}
.developer-con2 .developer-tab-box:hover{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.developer-con2 .developer-tab-box .tab-btn-box{width: 1198px;border: 1px #e6e6e6 solid;border-bottom: 0;}
.developer-tab-box .tab-btn-box .tab-btn{display: block;padding: 12px 0;font-size: 20px;text-align: center;color: #669adf;text-align: center;width: 599px;transition: all .5s;float: left;}
.developer-tab-box .tab-btn-box .tab-btn.on{background: #669adf;color: #ffffff;}
.developer-tab-box .tab-img-box{width: 100%;}
.developer-tab-box .tab-img-box .tab-img{width: 100%;display: none;}
.developer-tab-box .tab-img-box .tab-img.on{display: block;}
.developer-tab-box .tab-img-box .tab-img img{width: 100%;height: auto;}
.developer-con3{width: 100%;padding: 50px 0;background: url(../images/bolang.jpg) no-repeat center bottom;}
.developer-con3 .developer-partner{width: 1040px;margin: 0 auto;padding-left: 160px;margin-bottom: 80px;}
.developer-partner .partner-img-box{width: 210px;float: left;transition: all .6s;}
.developer-con3 .developer-partner:hover .partner-img-box{ transform:translateY(-5px);}
.developer-partner .partner-img-box img{width: 100%;height: auto;}
.developer-partner .partner-text-box{max-width: 830px;float: left;}
.developer-partner .partner-text-box p{padding: 50px 110px;}
.developer-partner .partner-text-box .partner-more{margin-left: 110px;}
.developer-con4{width: 100%;padding: 60px 0;}
.developer-con4 .developer-step{width: 1200px;margin: 0 auto;}
.developer-step .step-box{float: left;width: 567px;transition: all .5s;}
.developer-step .step-box:hover{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.developer-step .step-box:first-child{margin-right: 66px;}
.developer-step .step-box img{width: 100%;height: auto;}
.introduction-more,.partner-more{display: inline-block;width: 125px;height: 50px;line-height: 50px;padding-right: 20px;text-align: center;border-radius: 25px;color: #ffffff;background: url(../images/right.png) no-repeat 103px 23px #51b4ed;}
.introduction-more:hover{color: #fff;}
.partner-more:hover{color: #fff;}

.developer-slider .bx-wrapper .bx-pager, .developer-slider .bx-wrapper .bx-controls-auto{bottom:20px;}
.developer-slider .bx-wrapper .bx-pager.bx-default-pager a{background:#FFFFFF;}
.developer-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .developer-slider .bx-wrapper .bx-pager.bx-default-pager a.active, .developer-slider .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#aeaeae;}

.ie9 .developer-con .developer-introduction{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.ie9 .developer-con2 .developer-tab-box{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.ie9 .developer-step .step-box{box-shadow: 0px 5px 10px 3px #d6e4f6;}
.ie7 .developer-api .api-img-box .txt-img{position: absolute;left: 0;top: 0; margin-top: 50px;}