| 1 |
- @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.index-mobile{display:none !important}.top-nav-ul{display:block !important}.top-nav-ul .product-dropdown .dropdown-mobile{display:none !important}.white-top-nav .top-nav-ul .top-nav-right a:hover,.white-top-nav .top-nav-ul .top-nav-right div:hover{color:#599cff}.top-nav-ul .top-nav-left{float:left;margin:0 10px;padding:0 5px;position:inherit}.top-nav-ul .top-nav-left.first{padding-left:0;margin-left:0}.top-nav-ul .top-nav-left.coupon{height:60px}.top-nav-right{float:right;transition:0.3s;position:relative}.top-nav-right a,.top-nav-right div{float:right;margin-right:20px}.top-nav-right a:hover,.top-nav-right div:hover{color:#599cff}.top-nav-right a img,.top-nav-right div img{vertical-align:text-top}.product-left,.product-right{width:50%;position:absolute;height:700px;top:100px}.product-right{left:50%}.product-left .product-content{position:absolute;top:0;right:0}.product-right .product-content{position:absolute;top:0;left:0}.product-top .product-content{position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center}.product-top .product-content .line{margin-left:auto;margin-right:auto;text-align:center}.product-top .product-content .content{margin-left:auto;margin-right:auto;text-align:center}.product-bottom .product-content{position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center}.product-top .title,.product-top .content,.product-top .line{text-align:center;margin-left:auto;margin-right:auto}.product-bottom .product-img{margin:auto;max-height:400px}.top-nav-ul-drop-down-able{position:relative}.top-nav-ul-drop-down-list{position:absolute;top:60px;background:white;color:black;padding:5px 0}.top-nav-ul-drop-down-list a{display:flex;align-items:center;transition:0.2s}.top-nav-ul-drop-down-list a:hover{background:#ebf3ff}.top-nav-ul-drop-down-list a:hover .product-nav-logo{border-radius:8px;box-shadow:0 8px 15px 0 rgba(2,72,227,0.05),0 4px 8px 0 rgba(2,72,227,0.1),0 0 1px 0 rgba(2,72,227,0.1);background-color:#ffffff}.top-nav-ul-drop-down-list a:hover .product-nav-title{color:#0b5dd9}.top-nav-ul-drop-down-list a.future:hover{cursor:not-allowed;background:#fafbfc}.top-nav-ul-drop-down-list a.future .product-nav-title{color:#767b83}.top-nav-ul-drop-down-list a.future .product-nav-tips{display:block;width:68px;height:24px;line-height:24px;font-size:12px;background:#edeff2;color:#737780;margin-left:10px;text-align:center;border-radius:3px}.top-nav-ul-drop-down-list a.nav-first:before{position:absolute;z-index:1;content:"";width:20px;height:9px;top:-9px;left:28px;background-size:cover;background-repeat:no-repeat;background-image:url("../images/popover-triangle-icon.png");pointer-events:none;cursor:default}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.top-nav-ul-drop-down-list a.nav-first:before{background-image:url("../images/popover-triangle-iconX3.png")}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.top-nav-ul-drop-down-list a.nav-first:before{background-image:url("../images/popover-triangle-iconX3.png")}}.top-nav-ul-drop-down-list .classify-nav{display:inline-block;vertical-align:top;margin-right:30px;margin-top:15px}.top-nav-ul-drop-down-list .classify-title{font-size:12px;font-weight:500;color:#767b83;line-height:27px;margin-left:15px;border-bottom:1px solid #edeff2;margin-bottom:10px}.top-nav-ul-drop-down-list.case{height:170px;width:160px}.top-nav-ul-drop-down-list.solution{width:184px;height:auto;padding:5px 0}.top-nav-ul-drop-down-list.solution .product-nav-title{font-weight:normal}.top-nav-ul-drop-down-list.product{width:1000px;padding:50px 35px;cursor:default;position:absolute;left:50%;margin-left:-500px}.top-nav-ul-drop-down-list.product a{display:inline-block;width:232px;height:68px;border-radius:3px;line-height:24px;padding:10px 15px}.top-nav-ul-drop-down-list.product a .product-nav-title{margin-top:0;line-height:20px;font-weight:500;display:inline-block;position:relative;vertical-align:top}.top-nav-ul-drop-down-list.product a:nth-child(2n){margin-right:10px}.top-nav-ul-drop-down-list.product .classify-nav{width:475px;height:310px;margin-top:auto;margin-right:15px}.top-nav-ul-drop-down-list.product .classify-nav.middle{width:190px;margin-right:30px}.top-nav-ul-drop-down-list.product .classify-nav.middle a{width:190px;padding:10px 15px}.top-nav-ul-drop-down-list.product .classify-nav.middle a:hover{background-color:#e9f6f7}.top-nav-ul-drop-down-list.product .classify-nav.middle a:hover .product-nav-logo{box-shadow:0 8px 15px 0 rgba(63,151,157,0.05),0 4px 8px 0 rgba(63,151,157,0.1),0 0 1px 0 rgba(63,151,157,0.1)}.top-nav-ul-drop-down-list.product .classify-nav.middle a:hover .product-nav-box .product-nav-title{color:#44acb6}.top-nav-ul-drop-down-list.product .classify-nav.middle a:nth-child(2n){margin-right:0}.top-nav-ul-drop-down-list.product .classify-nav.right{width:220px;margin-right:auto}.top-nav-ul-drop-down-list.product .classify-nav.right .divide-line{width:1px;height:310px;background:#edeff2;display:inline-block;vertical-align:top}.top-nav-ul-drop-down-list.product .classify-nav.right .nav-card{display:inline-block;width:194px;height:340px;padding:15px;border-radius:3px;transition:0.3s;vertical-align:top;margin:-15px 0 0 25px}.top-nav-ul-drop-down-list.product .classify-nav.right .nav-card:hover{cursor:pointer;background-color:#ebf3ff}.top-nav-ul-drop-down-list.product .classify-nav.right .nav-card img{display:block;width:164px;height:115px;margin:auto auto 20px;border-radius:3px}.top-nav-ul-drop-down-list.product .classify-nav.right .nav-card .nav-card-info .nav-card-title{font-size:14px;line-height:24px;margin-bottom:8px;color:#212326}.top-nav-ul-drop-down-list.product .classify-nav.right .nav-card .nav-card-info .nav-card-subtitle{font-size:14px;line-height:24px;color:#767b83}.top-nav-ul-drop-down-list.service{width:1000px;height:365px;padding:45px;cursor:default;position:absolute;left:50%;margin-left:-500px}.top-nav-ul-drop-down-list.service a.nav-first:before{left:30%}.top-nav-ul-drop-down-list.service a{width:206px;height:40px;line-height:20px;border-radius:3px;margin-top:5px}.top-nav-ul-drop-down-list.service a .product-nav-title{margin-top:0;line-height:20px;font-weight:400;display:inline-block;position:relative}.top-nav-ul-drop-down-list.service .nav-card-divide-line{display:inline-block;height:245px;width:1px;background-color:#edeff2;margin-top:15px;margin-left:15px}.top-nav-ul-drop-down-list.service .nav-blog-article{display:inline-block;vertical-align:top;border-radius:3px;padding-left:30px;transition:0.3s}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card{width:392px;height:130px;padding:15px;border-radius:3px}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:nth-child(2){margin-top:15px}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-img{width:180px;height:100px;display:inline-block;vertical-align:middle}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-img img{height:100%;width:100%;object-fit:cover;border-radius:3px}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-content{display:inline-block;vertical-align:middle;width:163px;margin-left:20px}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-content .card-info{font-size:14px;line-height:24px;color:#212326}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-content .blog-tag{height:24px}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card .card-content .blog-tag span{font-size:14px;line-height:24px;display:inline-block;vertical-align:top}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:first-child{margin-top:0}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover{background-color:#ebf3ff}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span{color:#fff}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.manage{background-color:#0b5dd9}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.super{background-color:#835ce5}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.product{background-color:#09abba}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.dev{background-color:#2db270}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.cto{background-color:#fa0}.top-nav-ul-drop-down-list.service .nav-blog-article .nav-article-card:hover .blog-tag span.news{background-color:#e52727}.top-nav-ul-drop-down-span{position:relative;display:inline-block;color:#1d1e20}.top-nav-ul-drop-down-span.coupon{color:#fff;background-color:transparent}.top-nav-ul-drop-down-span.coupon:hover{color:#fff}.top-nav-ul-drop-down-span.coupon-entry-header{padding:0 25px 0 8px;background:url("../images//activity/coupon/coupon-entry-nav.gif") no-repeat 2px 15px;background-size:100px auto}.top-nav-ul-drop-down-span.coupon-entry-header.title-hovered{color:#fff}@media (hover: hover){.top-nav-ul-drop-down-span.coupon-entry-header:hover::before{content:"";width:83px;height:22px;position:absolute;left:0;top:18px;border-radius:11px;background-color:rgba(255,255,255,0.15)}}.top-nav-ul-drop-down-span .top-nav-ul-drop-arrow{position:relative;top:-2px;width:9px;height:7px;display:inline-block;margin:auto auto auto 6px;transition:transform 0.3s}.top-nav-ul-drop-down-span .top-nav-ul-drop-arrow .nav-arrow-icon{width:2px;height:7px;background-color:#212326;transform:rotate(47deg);position:absolute;right:2px}.top-nav-ul-drop-down-span .top-nav-ul-drop-arrow .nav-arrow-icon:before{content:"";width:2px;height:7px;background-color:#212326;transform:rotate(-98deg);display:block;position:absolute;top:3px;left:-3px}.top-nav-ul-drop-down-span .arrow-hovered,.top-nav-ul-drop-down-span:hover .top-nav-ul-drop-arrow{transform:rotate(180deg);transition:transform 0.3s}.top-nav-ul-drop-down-span .arrow-hovered .nav-arrow-icon:before,.top-nav-ul-drop-down-span .arrow-hovered .nav-arrow-icon,.top-nav-ul-drop-down-span:hover .top-nav-ul-drop-arrow .nav-arrow-icon:before,.top-nav-ul-drop-down-span:hover .top-nav-ul-drop-arrow .nav-arrow-icon{background-color:#0b5dd9}.top-nav-ul-drop-down-span.title-hovered,.top-nav-ul-drop-down-span:hover{color:#0b5dd9}.product-nav-box{display:inline-block;vertical-align:middle}.product-nav-logo{margin-right:10px;display:inline-block;vertical-align:middle}.product-nav-title{line-height:1;font-weight:500;color:#212326}.product-nav-tips{display:none}.product-nav-content{font-size:14px;color:#767b83}.product-nav-first{border-bottom:0}.normal-min-width{min-width:1000px}.icon-new{display:inline-block;padding-left:5px}.icon-new img{transform:translateY(1px)}@media screen and (max-width: 1280px){.top-nav-ul-drop-down-list.service a.nav-first:before{left:44%}.top-nav-ul-drop-down-list.product a.nav-first:before{left:15%}}
|
