.developer-wrap{min-width:1200px;padding:64px 0 100px 0;background:#f9faff}.products-nav{float:left;width:212px;z-index:0}.products-nav>ul{border-right:1px solid #e1e6f0;box-sizing:border-box}.products-nav>ul li{position:relative;width:152px;height:32px;padding:14px 0 14px 60px;line-height:32px}.products-nav>ul li a{display:block;width:143px;font-size:16px;color:#374567;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.products-nav>ul li:before{display:block;content:'';float:left;margin:13px 0 0 -34px;width:6px;height:6px;background:linear-gradient(90deg,rgba(56,96,244,.21) 0,rgba(249,250,255,0) 100%);border-radius:4px}.products-nav>ul li:after{position:absolute;left:13px;bottom:0;display:block;content:'';width:185px;height:1px;background:#ebf0fc}.products-nav>ul li:last-child{border-bottom:none}.products-nav>ul li:last-child:after{content:none}.products-nav>ul li:hover{background:linear-gradient(90deg,rgba(235,240,252,0) 0,#ebf0fc 100%)}.products-nav>ul li.active{width:150px;border-right:2px solid #3860f4;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%)}.products-nav>ul li.active a{font-weight:700;color:#3860f4}.products-nav>ul li.active:before{background:linear-gradient(90deg,#3860f4 0,rgba(95,135,248,0) 100%)}.products-nav.fixed{position:fixed;top:0}.developer-banner{position:relative;min-width:1200px;height:260px;background:#3860f4;overflow:hidden}.developer-banner>h1{display:none}.developer-banner .banner-bg{position:absolute;top:0;left:50%;margin-left:-960px;height:100%}.developer-banner .banner-img{position:absolute;left:50%;bottom:0;width:1080px;margin-left:-539px}.developer-banner-img{position:relative;display:block;left:50%;top:56px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:188px}.developer-content{margin-left:260px;margin-bottom:56px;width:880px;box-sizing:border-box}.developer-content h2{font-size:28px;line-height:56px;font-weight:700;color:#374567}.developer-content ul{margin-top:32px;font-size:0}.developer-content ul li{display:inline-block;margin-right:16px;margin-bottom:24px}.developer-content ul li a{display:block;position:relative;line-height:62px;width:282px;height:64px;background:#fff;box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border:1px solid #ebf0fc;box-sizing:border-box;vertical-align:top;transition:all .25s ease-in-out}.developer-content ul li a::before{content:'';position:absolute;top:28px;left:22px;width:6px;height:6px;background:linear-gradient(90deg,rgba(56,96,244,.21) 0,rgba(249,250,255,0) 100%);border-radius:50%}.developer-content ul li a p{margin-left:46px;font-size:16px;font-weight:400;line-height:62px;color:#374567;vertical-align:middle;transition:all .25s ease-in-out}.developer-content ul li a:hover{box-shadow:0 16px 16px 0 rgba(235,240,252,.2),0 8px 8px 0 rgba(235,240,252,.2)}.developer-content ul li a:hover p{font-weight:700}.developer-content ul li a:hover::before{background:linear-gradient(90deg,#3860f4 0,rgba(95,135,248,0) 100%)}.developer-content ul li:nth-child(3n+3){margin-right:0}.developer-content ul .developer-icon{display:inline-block;width:36px;height:36px;border-radius:50%;background-color:#fff;box-shadow:0 8px 10px 0 rgba(229,234,255,.82);border:1px solid rgba(255,255,255,0);vertical-align:middle;text-align:center;transition:all .25s ease-in-out}.developer-content ul .developer-icon .icon-img{font-size:16px;line-height:36px;color:#3860f4}