@keyframes indexIcoAnimation { 0% { bottom:5px } to { bottom:-5px } } @-webkit-keyframes indexIcoAnimation { 0% { bottom:5px } to { bottom:-5px } } .page-header { background-color:#0e0e2a; color:#fff; position:fixed; left:0; right:0; top:0; z-index:1000; transition:top .3s linear } .page-header-hover,.page-header:hover { background-color:#fff; box-shadow:0 4px 4px 0 rgba(0,0,0,.08); color:#333 } .page-header:hover .right-part { color:#333 } #kf5support-container .DivNone,.mobile-page-header .DivNone,.page-header .DivNone { display:none!important } .page-header-hide { top:-100px } .header-content { display:flex; height:64px; line-height:64px; width:1160px } .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 } .page-header .logo { margin:4px 0; width:120px; height:47px; cursor:pointer } .page-header .hover-img { display:none } .page-header .init-img,.page-header .left-part .menu-popover li .init-icon { display:inline-block } .page-header .right-part { display:block; float:right; font-size:14px; color:#fff; margin-left:auto } .page-header .right-part a { color:#fff } .page-header .right-part .tel { margin-right:20px } .page-header .left-part .menu-item-solutions .menu-popover .menu-popover-item-title:hover span,.page-header .left-part .menu-item:hover .menu-name,.page-header .left-part .menu-popover li.menu-popover-name:hover,.page-header .left-part .menu-popover li:hover a,.page-header .left-part .menu-popover li:hover a span,.page-header .left-part .menu-popover li:hover span.menu-popover-name,.page-header-hover .right-part a:hover,.page-header:hover .right-part a:hover { color:#349bf1 } .page-header .right-part .tel-icon { width:10px; height:12px; margin-right:8px; vertical-align:middle } .page-header .lang-split { font-size:16px; margin:0 2px } .page-header .left-part { margin-left:46px; font-size:0; line-height:0 } .page-header .left-part .menu-item { position:relative; display:inline-block; width:100px; height:64px; line-height:64px; margin-right:24px; text-align:center; font-size:14px; cursor:pointer; color:#fff } .page-header .left-part .menu-item .menu-name { font-weight:600 } .page-header .left-part .menu-item .nav-line { display:none; position:absolute; top:45px; left:30px; width:20px; height:4px; background:#fff; box-shadow:0 4px 4px 0 rgba(0,0,0,.08); margin:0 auto } .page-header .left-part .menu-item .menu-popover { position:absolute; cursor:default; top:50px; left:-25px; z-index:1; display:none; padding:18px 0 24px; background:#fff; border-radius:0 0 1px 1px; box-shadow:0 4px 4px 0 rgba(0,0,0,.1); line-height:24px; text-align:left } .page-header .left-part,.page-header .menu-popover .menu-popover-item { display:inline-block; vertical-align:top } .page-header .left-part .menu-item .menu-popover-open { display:block } .page-header .left-part .menu-popover li { padding:6px 34px; margin:0 5px } .page-header .left-part .menu-item .menu-popover a,.page-header .left-part .menu-item .menu-popover a span { height:24px; color:#333; line-height:24px; outline:0; word-break:keep-all; white-space:nowrap } .page-header .left-part .menu-popover a img { height:12px } .page-header .left-part .menu-item-columns .menu-popover { padding:24px 64px 34px } .page-header .left-part .menu-item-core .menu-popover { width:210px } .page-header .left-part .menu-name { cursor:pointer } .page-header .left-part .menu-item-products .menu-popover { width:550px; left:-42px } .page-header .left-part .menu-item-products .menu-popover-item-title { cursor:auto } .page-header .left-part .menu-item-industries .menu-popover { left:-16px } .page-header .left-part .menu-item-developers .menu-popover { left:-21px } .page-header .left-part .menu-item-solutions .menu-popover { width:620px; left:-54px } .page-header .menu-item-columns .menu-popover li { padding:6px 0; margin:0 } .page-header .menu-item-columns .menu-popover li.menu-popover-item-category { padding:0; margin:26px 0 2px } .page-header .menu-item-columns .menu-popover .menu-popover-item-category:first-child { margin-top:16px } .page-header .left-part .menu-item-columns .menu-popover-line { width:126px; height:1px; margin:15px 0 10px; background:linear-gradient(to right,rgba(10,35,73,.3) 0,transparent 100%); filter:'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#CCCCCC", endColorStr="#FFFFFF", GradientType=1)' } .page-header .menu-item-columns .menu-popover-item-title { display:block } .page-header .menu-item-columns .menu-popover .menu-popover-item-title img { display:inline-block; vertical-align:top; margin-top:2px; height:18px; width:18px } .page-header .menu-item-columns .menu-popover-item-title span { height:22px; font-size:16px; font-weight:600; color:#333; line-height:22px } .page-header .menu-item-columns .menu-popover-item { margin-right:70px; } .page-header .menu-item-columns .menu-popover-item:last-child{margin-right:0;} .page-header .menu-item-products .menu-popover-item:last-child,.page-header .menu-item-solutions .menu-popover-item:nth-last-child(2) { } .page-header .menu-item-columns .menu-popover-item .menu-popover-item-category { height:17px; font-size:12px; font-weight:400; color:#afb1b7; line-height:17px } .page-header .menu-item-solutions .menu-popover-all { text-align:center; margin-top:20px } .page-header .left-part .menu-item-solutions .menu-popover .menu-popover-all a { font-weight:700; color:#349bf1 } .page-header .left-part .menu-item-solutions .new-icon { height:14px; vertical-align:top; margin-top:5px } .page-header .left-part .menu-item-products .new-icon { height:14px; vertical-align:top; margin-top:3px } .page-header .left-part .menu-popover li .hover-icon { display:none } .page-header .left-part .menu-item-solutions .menu-popover-all:hover,.page-header .left-part .menu-popover li:hover { transition:all .5s ease 0s; transform:translate(0,-2px) } .page-header .left-part .menu-popover li.menu-popover-item-category:hover { transition:none; transform:none } .page-header .menu-popover li:hover .hover-icon { display:inline-block } .page-header .menu-popover li:hover .init-icon { display:none } .page-header .left-part .menu-item.active .menu-name { font-weight:700 } .page-header .left-part .menu-item.active .nav-line { display:block } .page-header-hover .menu-item,.page-header-hover .right-part a,.page-header:hover .menu-item,.page-header:hover .right-part a { color:#333 } .page-header-hover .nav-line,.page-header:hover .nav-line { background:#349bf1 } .mobile-page-header,.page-header-hover .init-img,.page-header:hover .init-img { display:none } .page-header-hover .hover-img,.page-header:hover .hover-img { display:inline-block } .page-header-hover .menu-item.active .menu-name,.page-header:hover .menu-item.active .menu-name { color:#349bf1 } @media screen and (max-width:767px) { .active { color:#349bf1 } .color-333 { color:#333; font-weight:700 } .color-666 { color:#666 } .page-header { display:none } .mobile-page-header { display:flex; position:fixed; top:0; left:0; right:0; z-index:1000 } .mobile-page-header .top { width:100vw; height:.44rem; padding:0 20px; justify-content:space-between; z-index:1005; position:fixed; left:0; right:0; top:0; background:#fff; box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.04) } .mobile-page-header .top,.mobile-page-header .top .left { display:flex; align-items:center } .mobile-page-header .top .left img { height:.2rem } .mobile-page-header .top .right { height:.44rem; line-height:.44rem; text-align:center; padding:.16rem .1rem .13rem } .mobile-page-header .top .right span { display:block; width:18px; height:2px; margin-bottom:3px; background-color:#349bf1; transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s; left:0; transform-origin:16px; border-radius:3px; opacity:1 } .mobile-page-header .top .right span:nth-of-type(2) { transition:width .5s ease } .first-rotate { transform:rotate(-45deg) } .mobile-page-header .top .right span.mid-width { width:0; opacity:0 } .last-rotate { transform:rotate(45deg) } .mobile-menu-close-button { display:none } .header-show { top:.44rem!important; opacity:1!important; z-index:1000!important } .mobile-page-header .mobile-header-popover-container { position:absolute; left:0; right:0; font-size:.12rem; z-index:-1; background:#eee; opacity:0; top:calc(.44rem - 100vh); transition:all .5s ease } .mobile-page-header .mobile-header-popover-container .mobile-header-popover { height:calc(100vh - 1rem); overflow-y:scroll; background:#fff } .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-wrapper { padding:0 24px } .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item { display:flex; height:.56rem; justify-content:space-between; align-items:center; font-size:.14rem; border-bottom:1px solid rgba(140,140,140,.19) } .header-menu-active { transform:translateY(30px); opacity:1!important; height:initial!important; z-index:1001!important } .mobile-header-menu-children-container,.mobile-sub-item-container { z-index:-1; transition:all .5s ease; position:relative; top:-30px; opacity:0; height:0 } .mobile-header-menu-children-container { background:#f9f9f9; width:100vw; padding:0 .24rem 0 .4rem; transition-property:transform,height,opacity } .mobile-sub-item-container { overflow:hidden } .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active { background:#ecf2f8; border:0; z-index:1002 } .mobile-header-menu-item-active .color-333 { color:#349bf1 } .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active>.mobile-header-menu-item { border:0 } .mobile-header-menu-children-container .mobile-header-menu-item:last-of-type { border:0!important } .sticky { position:-webkit-sticky; position:sticky; top:0 } .mobile-header-icon { transition:transform .5s; transform:rotate(0deg) } .mobile-header-icon-active { transform:rotate(180deg) } .mobile-header-contact-us { position:fixed; bottom:0; left:0; right:0; height:0; background:linear-gradient(180deg,#fafcfe 0,#f4f7fb 100%); border-radius:0 0 0 2px; padding:0 .6rem 0 .24rem; align-items:center; font-size:.14rem; color:#333; font-family:PingFangSC-Regular,PingFang SC; transition:all .5s ease; z-index:1100; display:flex; justify-content:space-between } .mobile-header-contact-us a { color:#333 } .mobile-header-contact-us-show { height:.56rem } .mobile-header-contact-us i { font-size:.12rem } .mobile-header-contact-us .close { position:absolute; left:calc(50% - .06rem); top:calc(50% - .08rem) } .menu-popover-item-category { display:none!important } .mobile-fixed-top { position:fixed!important; top:0; left:0; right:0 } .mobile-sub-title { display:flex; justify-content:space-between } .mobile-header-menu-children-container .init-icon { display:inline-block; width:.47rem; margin-right:.05rem } } .page-footer { background:#0e0e2a } .page-footer .qr-code { display:flex; flex-direction:column; font-size:14px; border-bottom:1px solid #d0d0d07d } .page-footer .qr-code .qr-code-close,.page-footer .qr-code .qr-code-open { align-items:center; position:relative; align-self:center; cursor:pointer; margin-bottom:4px } .page-footer .qr-code .qr-code-open { display:flex } .page-footer .qr-code .qr-code-open .text { line-height:22px; color:#666 } .page-footer .qr-code .qr-code-open .open-icon { width:24px; height:24px; position:absolute; left:calc(100% + 5px); bottom:0; background:url(../images/open.95397ed4.png) center no-repeat; -webkiit-background-size:12px 12px!important; background-size:12px 12px!important; -webkit-animation:indexIcoAnimation .7s linear infinite; animation:indexIcoAnimation .7s linear infinite } .page-footer .qr-code .qr-code-close { display:none } .page-footer .qr-code .qr-code-close .text { line-height:22px; color:#349bf1 } .page-footer .qr-code .qr-code-close .close-icon { width:24px; height:24px; position:absolute; left:calc(100% + 5px); bottom:0; background:url(../images/close.6f99d0fe.png) center no-repeat; background-size:12px 12px!important; -webkiit-background-size:12px 12px!important; -webkit-animation:indexIcoAnimation .7s linear infinite; animation:indexIcoAnimation .7s linear infinite } .page-footer .qr-code .qr-code-area { display:none } .page-footer .qr-code .qr-code-area .triangle { width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #f2f2f2; margin:0 auto } .page-footer .qr-code .qr-code-area .content { background-color:#f2f2f2; padding:40px 0 24px } .page-footer .qr-code .qr-code-area .content .ul-content { display:flex; justify-content:center } .page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item { color:#666; display:flex; flex-direction:column; align-items:center; cursor:pointer } .page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item .img { width:80px; transition:all .6s; margin-bottom:5px } .page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item .img:hover { transform:scale(1.5); box-shadow:0 0 10px 0 #99999933 } .page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item:not(:last-child) { margin-right:44px } .page-footer .qr-code .qr-code-area .content .ul-content .twitter { display:flex; flex-direction:column; align-items:center; color:#666; cursor:pointer; position:relative } .page-footer .qr-code .qr-code-area .content .ul-content .twitter .twitter-image { position:absolute; width:32px; height:32px; background-image:url(../images/Twitter@2x.774dc1ae.png); background-size:cover; margin-bottom:5px } .page-footer .qr-code .qr-code-area .content .ul-content .facebook span,.page-footer .qr-code .qr-code-area .content .ul-content .linkedin span,.page-footer .qr-code .qr-code-area .content .ul-content .twitter span { position:absolute; bottom:-55px } .page-footer .qr-code .qr-code-area .content .ul-content .twitter:hover { color:#1758a3 } .page-footer .qr-code .qr-code-area .content .ul-content .twitter:hover .twitter-image { width:38px; height:38px; background-image:url(../images/TwitterHover@2x.bc562dc6.png) } .page-footer .qr-code .qr-code-area .content .ul-content .linkedin { margin:0 115px } .page-footer .qr-code .qr-code-area .content .ul-content .linkedin .linkedin-image { position:absolute; width:32px; height:32px; background-image:url(../images/Linkedin@2x.9d4e7f42.png); background-size:cover; margin-bottom:5px } .page-footer .qr-code .qr-code-area .content .ul-content .linkedin:hover { color:#1758a3 } .page-footer .qr-code .qr-code-area .content .ul-content .linkedin:hover .linkedin-image { width:38px; height:38px; background-image:url(../images/LinkedinHover@2x.fb76f2d4.png) } .page-footer .qr-code .qr-code-area .content .ul-content .facebook,.page-footer .qr-code .qr-code-area .content .ul-content .linkedin { display:flex; flex-direction:column; align-items:center; color:#666; cursor:pointer; position:relative } .page-footer .qr-code .qr-code-area .content .ul-content .facebook .facebook-image { position:absolute; width:32px; height:32px; background-image:url(../images/Facebook@2x.42534c03.png); background-size:cover; margin-bottom:5px } .page-footer .qr-code .qr-code-area .content .ul-content .facebook:hover { color:#1758a3 } .page-footer .qr-code .qr-code-area .content .ul-content .facebook:hover .facebook-image { width:38px; height:38px; background-image:url(../images/FacebookHover@2x.896c301b.png) } .page-footer .icp { max-width:1160px; margin:0 auto; padding-top:12px; color:#b3b3b3; text-align:center } .page-footer .icp .copyright { padding-right:8px; margin-right:6px } .page-footer .icp,.page-footer .icp a { line-height:30px; font-size:12px } .page-footer .icp a:hover { text-decoration:underline } .page-footer .page-content { padding:65px 0 64px; justify-content:space-around } .page-footer .left-part { display:flex; justify-content:space-between; flex-direction:column; padding-right:50px } .page-footer .left-part .logo { height:35px; margin-bottom:22px } .page-footer .left-part .addr { font-size:14px; color:#666; line-height:20px; margin-bottom:16px } .page-footer .left-part .links a:nth-child(1),.page-footer .left-part .links a:nth-child(2) { margin-right:10px; padding-right:10px } .page-footer .left-part .download { display:block } .page-footer .left-part .download:first-child { margin-bottom:16px } .page-footer a { font-size:14px; color:#b3b3b3!important; line-height:20px } .page-footer a:hover { color:#349bf1!important } .page-footer .right-part { display:flex } @media screen and (min-width: 1024px) {.page-footer .right-part .item { margin-right:24px; width:20%; } .page-footer .right-part .item:nth-child(6) { margin-right:24px; width:10%; } .page-footer .right-part .item:nth-child(7) { margin-right:24px; width:10%; } .page-footer .right-part .noMargin { }} @media screen and (max-width: 1024px) {.page-footer .right-part .item { margin-right:24px; width:16.666%; } .page-footer .right-part .noMargin { }} .mobile-left-part,.mobile-social-contact,.page-footer .right-part .None { display:none } .page-footer .right-part .item:last-child { margin-right:0; display:flex; flex-direction:column; align-content:stretch } .page-footer .right-part .item .title { font-size:18px; font-weight:600; color:#dadada; line-height:28px; margin-bottom:28px } .page-footer .right-part .item .content { font-size:14px; color:#666; line-height:20px } .page-footer .right-part .item .content .label { font-weight:500 } .page-footer .right-part .item .detail { margin-bottom:16px } .page-footer .right-part .item .detail:last-child { margin-bottom:0 } .page-footer .right-part .contact-us .label { width:auto; display:inline-block } .page-footer .right-part .contact-us .detail:first-child { color:#349bf1 } .page-footer .right-part .join-us-container { display:flex; flex-direction:column; justify-content:space-between; height:100% } .page-footer .right-part .social-contact { display:flex; justify-content:space-between } .page-footer .right-part .social-contact div { width:20px; height:16px; background-repeat:no-repeat; background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/common/footer-social.8c8493df.png); background-size:377%; cursor:pointer } .page-footer .right-part .social-contact div:hover { background-position-y:-16px } .page-footer .right-part .social-contact .wechat { background-position:-20px 0; position:relative } .page-footer .right-part .social-contact .wechat:hover:before { content:""; position:absolute; width:90px; height:90px; top:-100px; background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/common/wechat-qrcode.1ce79036.png); background-position:center; background-size:contain; background-repeat:no-repeat; left:-40px } .page-footer .right-part .links-content .detail .popup::before,.page-footer .right-part .social-contact .wechat:hover:after { content:""; position:absolute; top:-10px; width:0; height:0; border-style:solid; border-width:7px 5px 0; border-color:rgba(14,87,162,.08) transparent transparent } .page-footer .right-part .links-content .detail { position:relative } .page-footer .right-part .links-content .detail .label { position:relative; display:inline-block } @media screen and (min-width:768px) { .page-footer .right-part .links-content .detail .label:hover .popup { display:block } .page-footer .mobile-copyright-container { display:none } } .page-footer .right-part .links-content .detail .popup { position:absolute; padding:4px 12px; background-color:rgba(114,132,150,.08); color:#349bf1; font-size:14px; line-height:20px; left:70px; margin-left:8px; top:-4px; white-space:wrap; min-width:130px } .page-footer .right-part .links-content .detail .popup::before { left:-5px; top:10px; border-width:4px 5px 4px 0; border-color:transparent rgba(14,87,162,.08) transparent transparent } .page-footer .icon { width:13px; height:13px; display:inline-block; margin-left:8px; background-repeat:no-repeat; background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/common/footer-social.8c8493df.png); background-size:470%; position:relative; top:1px } .page-footer .icon.icon-download { background-position:-33px 0 } .page-footer .left-part .download:hover .icon.icon-download,.page-footer .right-part .detail a:hover .icon.icon-finger { background-position-y:-13px } .page-footer .icon.icon-finger { background-position:-46px 0; width:15px; background-size:405% } @media screen and (max-width:767px) { .page-footer { width:100vw; background:#f9f9f9 } .page-footer .right-part .join-us-container { display:flex; flex-direction:column; justify-content:initial; height:100% } .page-footer .page-content { display:flex; flex-direction:column; margin:0; padding:.45rem 0 0 .3rem } .page-footer .page-content .mobile-left-part .logo { width:1.2rem } .page-footer .page-content .left-part,.page-footer .pc-copyright-container,.page-footer .qr-code { display:none } .page-footer .page-content .mobile-left-part { display:block } .page-footer .right-part .item .detail { margin-bottom:.007rem; line-height:.2rem } .page-footer .right-part .contact-us .label { font-size:.12rem; font-weight:400; width:initial } .page-footer .right-part .item .content .detail .value { font-size:.12rem; font-weight:400 } .page-footer a { font-size:.12rem; line-height:.17rem; color:#666 } .page-footer .mobile-copyright-container { display:flex; flex-direction:column; justify-content:center; align-items:center } .page-footer .mobile-copyright-container a,.page-footer .mobile-copyright-container span { font-size:.1rem; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:#666; line-height:.16rem } .mobile-copyright-container .mobile-bottom { width:initial!important; margin:.06rem auto 0 } .page-footer .links a { text-decoration:underline } .page-footer .page-content .right-part { display:flex; flex-wrap:wrap; justify-content:space-between; padding-right:.6rem } .page-footer .page-content .right-part .title { padding:.07rem 0 .07rem; line-height:.2rem; font-size:.14rem; color:#333; font-family:PingFangSC-Medium,PingFang SC; font-weight:700; margin:0 } .page-footer .icp { box-sizing:border-box; width:calc(100vw - 36px); margin:.24rem 18px 0; text-align:left; padding:0 12px; height:initial; border-top:1px solid rgba(208,208,208,.5) } .page-footer .icp .addr { display:flex; line-height:.17rem; margin-bottom:.1rem } .social-contact { display:none!important } .mobile-social-contact { display:block; padding-top:.19rem } .mobile-social-contact i { display:inline-block; width:.26rem; height:.26rem; text-align:center; line-height:.26rem; border-radius:50%; font-size:.18rem; margin-right:.24rem; border:1px solid #999 } .mobile-social-logo { margin-bottom:.13rem } .mobile-copyright-container { padding:.3rem 0 .16rem } .mobile-copyright { font-size:.08rem; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:#666; line-height:.11rem; white-space:nowrap; margin:0 auto; text-align:center } .page-footer .right-part .item { margin:0; min-width:1rem } .mobile-wechat { background-position:-20px 0; position:relative } .mobile-wechat:hover:before { content:""; position:absolute; width:90px; height:90px; top:-100px; background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/common/wechat-qrcode.1ce79036.png); background-position:center; background-size:contain; background-repeat:no-repeat; left:-40px } .mobile-wechat:hover:after { content:""; position:absolute; top:-10px; left:0; width:0; height:0; border-style:solid; border-width:7px 5px 0; border-color:rgba(14,87,162,.08) transparent transparent } .page-footer .right-part .item.pc-hide { margin-top:.32rem } .page-footer .download i { font-size:.1rem; margin-left:.08rem } } #kf5support-container .stay-btn { display:flex; flex-direction:column; box-shadow:0 4px 8px 0 rgba(0,0,0,.24); font-size:16px; color:#349bf1; line-height:24px; position:fixed; right:24px; bottom:170px; width:50px; border-radius:2px; cursor:pointer; background-color:#fff; z-index:100 } #kf5support-container .icon,#return-top .icon { background-image:url(../images/kf5-icon.07eeecef.png); background-repeat:no-repeat; background-size:500% } #kf5support-container .stay-btn .icon,#return-top .icon-return { background-position:75% 0; margin:9px; width:32px; height:32px } #return-top .icon-return { background-position:75% 100%; display:block } #kf5support-container .stay-btn .text,#kf5support-container .stay-btn .text2 { color:#349bf1; text-align:center; line-height:5px; padding:10px 0; font-weight:600 } #kf5support-container .stay-btn .text2 { padding:10px 0 18px } #kf5support-container:hover .float-contact { display:block } #kf5support-container .float-contact { display:none; position:fixed; right:72px; bottom:170px; padding-right:8px; z-index:1000 } .float-contact .mask { content:' '; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); z-index:-1 } #kf5support-container .float-contact .main { background:url(../images/bg04.jpg); background-size:cover; box-shadow:0 4px 8px 0 rgba(0,0,0,.24); border-radius:24px; padding:24px; width:335px } #kf5support-container .float-contact .item { padding-bottom:12px; position:relative; display:flex; justify-content:flex-start; align-content:stretch; cursor:pointer } #kf5support-container .float-contact .item-none,.mobile-close { display:none } #kf5support-container .float-contact .item .content { display:flex; flex-direction:column; justify-content:center; flex:1 } #kf5support-container .float-contact .item .content a { font-size:14px; color:#999; line-height:24px } #kf5support-container .float-contact .item:last-child { padding-bottom:0 } #kf5support-container .float-contact .item.tel .value { color:#349bf1; font-weight:700 } #kf5support-container .float-contact .item:hover .title { color:#349bf1 } #kf5support-container .float-contact .item:hover .icon { background-position-y:100% } #kf5support-container .float-contact .icon { display:block; width:32px; height:32px; margin:8px; background:none !important; } #kf5support-container .float-contact .icon img{display:block; width:100%; height:100%;} #kf5support-container .float-contact .icon img.img2{display:none;} #kf5support-container .float-contact .item:hover .icon img.img1{display:none;} #kf5support-container .float-contact .item:hover .icon img.img2{display:block;} #kf5support-container .float-contact .icon-presale { background-position:-32px 0 } #kf5support-container .float-contact .icon-heart { background-position:100% 0 } #kf5support-container .float-contact .icon-contact-us { background-position:-63px 0 } #kf5support-container .float-contact .item .presale::before { content:"" } #kf5support-container .float-contact .item .tech::before { content:""; float:left; display:block; background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/kf5/techImg.11fb3f1e.png); width:30px; height:30px; background-size:contain; background-position-y:center; background-repeat:no-repeat; position:absolute; top:50%; bottom:0; left:0; margin-top:-15px } #kf5support-container .float-contact .item .title { font-size:16px; font-weight:700; color:#333; line-height:28px; margin-bottom:0 } #kf5support-container .float-contact .item .value { font-size:14px; color:#999; line-height:24px } #return-top { width:50px; height:50px; background:#fff; box-shadow:0 4px 8px 0 rgba(0,0,0,.24); border-radius:1px; position:fixed; bottom:100px; right:24px; z-index:100; opacity:0; transition:all .3s; cursor:pointer } @media screen and (max-width:767px) { #kf5support-container .stay-btn .text,#kf5support-container .stay-btn .text2,#return-top { display:none } #kf5support-container .stay-btn { bottom:.8rem; right:.18rem } #kf5support-container .float-contact { display:none; position:fixed; width:3.27rem; height:2.74rem; left:calc(50% - 1.635rem); top:calc(50% - 1.37rem) } #kf5support-container .float-contact .main { padding:.26rem 0 .26rem .15rem; width:3.27rem } #kf5support-container .float-contact .item { padding-bottom:.24rem } #kf5support-container .float-contact .item .content { padding-left:.1rem } #kf5support-container .float-contact .item .title { font-size:.16rem; font-family:PingFangSC-Medium,PingFang SC; font-weight:700; color:#333; line-height:.28rem; margin-bottom:.02rem } #kf5support-container .float-contact .item .value { font-size:.14rem; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:#999; line-height:.24rem } .mobile-close { display:block; position:absolute; top:.26rem; right:.23rem; font-size:.16rem!important; z-index:1000 } .phone-number { font-size:.14rem; font-family:PingFangSC-Semibold,PingFang SC; font-weight:600; color:#349bf1; line-height:.24rem } .iconclose { color:rgba(0,0,0,.24) } } @media screen and (min-width: 1024px) {.ksks01{ width:50%; margin:0px auto; font-size:16px; line-height:220%; text-align:left;} .ksksy01{ width:50%; margin:0px auto; font-size:16px; line-height:220%; text-align:center;}} @media screen and (max-width: 1024px) {.ksks01{ width:90%; margin:0px auto; font-size:14px; line-height:220%;} .ksksy01{ width:90%; margin:0px auto; font-size:14px; line-height:220%;}} .ksks02{ height:74px; clear:both} /*20230526start*/ .page-header .left-part .menu-item.menu-item-products, .page-header .left-part .menu-item.menu-item-solutions{position: static!important;} .page-header .left-part .menu-item.menu-item-products .menu-popover, .page-header .left-part .menu-item.menu-item-solutions .menu-popover{width: 100%;background: #fff;padding: 0;left: 0;} .zt_width{width: 1160px;max-width: 1160px;margin: 0 auto;} .top_ej_ul{width: 100%;overflow: hidden;padding: 40px 0;position: relative;} .top_ej_ul a{margin: 0!important;padding: 0!important;} .top_ej_ul::after{content: "";display: block;width: 1px;height: calc(100% - 80px);background: rgba(0,0,0,0.1);position: absolute;left: 50%;top: 40px;} .top_ej_ul .ej_li{width: 50%;float: left;} .top_ej_ul .ej_li:nth-child(1){padding-right: 84px;} .top_ej_ul .ej_li:nth-child(2){padding-left: 84px;} .top_ej_ul .titbox{width: 100%;margin-bottom: 24px;} .top_ej_ul .titbox a{display: block;font-size: 0;} .top_ej_ul .titbox img{width: 28px;display: inline-block;vertical-align: middle;height: auto!important;} .top_ej_ul .titbox .words{font-size: 18px;color: #000000;line-height: 24px;display: inline-block;vertical-align: middle;padding-left: 8px;width: calc(100% - 30px);} .top_ej_ul .sjbox{width: 100%;column-count: 2;margin: 0 -16px;width: calc(100% + 32px);} .top_ej_ul .sj{padding: 0 16px;margin-bottom: 40px;height: 100%;overflow: hidden;} .top_ej_ul .sj.sjnot{margin-bottom: 12px;} .top_ej_ul .sja{position: relative; font-size: 16px;color: #2590f2!important;line-height: 20px;margin-bottom: 12px!important;padding-bottom: 12px!important;border-bottom: 1px solid #d9dadc;display: block;height: auto!important;} .top_ej_ul .sja::before{content: "";display: block;width: 24px;height: 3px;background: #2590f2;position: absolute;left: 0;bottom: -2px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .top_ej_ul .sja:hover::before { width: 100%;} .top_ej_ul .sj.sjnot .sja{font-size: 14px;color: #333!important;line-height: 20px;margin-bottom: 0!important;padding-bottom: 0!important;border-bottom: 0;height: auto!important;} .top_ej_ul .sj.sjnot .sja:hover {color:#2590f2!important} .top_ej_ul .sj.sjnot .sja::before{display: none;} .top_ej_ul .sijbox{width: 100%;} .top_ej_ul .sij{margin-bottom: 12px;} .top_ej_ul .sij:last-child{margin-bottom: 0;} .top_ej_ul .sij a{display: block;font-size: 14px;color: #555555!important;line-height: 20px!important;height: auto!important;} .top_ej_ul .sij a:hover {color:#2590f2!important} .mobile-header-popover-container .sj{border-bottom: 1px solid rgba(140,140,140,.19);} .mobile-header-popover-container .sj_t{overflow: hidden;font-size: 0;width: 100%;} .mobile-header-popover-container .sj_t a{display: inline-block!important;vertical-align: middle;width: calc(100% - 50px);line-height: .56rem;} .mobile-header-popover-container .sj_t .mobile-header-icon{width: 16px;display: inline-block;vertical-align: middle;margin-left: 34px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .mobile-header-popover-container .sj_t.on .mobile-header-icon{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .mobile-header-popover-container .sijbox{width: 100%;padding-left: 20px;padding-bottom: 20px;display: none;} .mobile-header-popover-container .sijbox a{display: block;font-size: 14px;color: #999;line-height: 36px;} /*20230526end*/