.page-hardware-introduction .response-container{width:1200px;position:relative}.page-hardware-introduction .hardware-title{font-size:32px;line-height:44px;text-align:left;font-weight:600;color:#fff}.page-hardware-introduction .content-title{position:relative;top:200px}.page-hardware-introduction .content-title .banner-title{font-size:48px;color:#fff;font-family:PingFang SC;font-weight:600;line-height:67px}.page-hardware-introduction .content-title .banner-destext{margin-top:8px;font-size:24px;color:#c9cdd4;line-height:32px}.page-hardware-introduction .productions-hot-icon,.page-hardware-introduction .productions-new-icon,.page-hardware-introduction .productions-vid-icon{height:20px;position:relative;bottom:8px}.page-hardware-introduction .contrast-button,.page-hardware-introduction .oui-button{width:104px;height:36px;font-size:14px;line-height:36px;color:#fff;min-width:unset;border-radius:4px;margin-top:16px;background:#3773f5}.page-hardware-introduction .contrast-button:nth-of-type(n+2),.page-hardware-introduction .oui-button:nth-of-type(n+2){margin-left:8px}.page-hardware-introduction .contrast-button:focus,.page-hardware-introduction .contrast-button:hover,.page-hardware-introduction .oui-button:focus,.page-hardware-introduction .oui-button:hover{background:#4080ff}.page-hardware-introduction .solid{background:transparent;border-color:hsla(0,0%,100%,.1)}.page-hardware-introduction .solid:focus,.page-hardware-introduction .solid:hover{background:unset}.page-hardware-introduction .device-introduction-banner{height:900px;width:100%}.page-hardware-introduction .device-introduction-productions .response-container{padding:80px 0 160px;display:flex;justify-content:space-between;flex-wrap:wrap}.page-hardware-introduction .device-introduction-productions .device-container-box{border-radius:8px;overflow:hidden;position:relative;width:100%;display:flex;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.21));margin-bottom:40px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-bg-box{padding:60px 0 60px 60px;margin-right:14px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box{padding:24px 14px 24px 0;display:flex;justify-content:space-between;flex:1;flex-wrap:wrap}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item{padding:24px 44px;display:flex;flex-direction:column;align-items:center}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-img{width:100%;max-width:200px;height:160px;margin-bottom:24px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text{text-align:center}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-title{font-size:16px;line-height:28px;color:#fff;position:relative}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-des{width:100%;margin-top:8px;color:#7c7d80;line-height:20px;min-height:20px;font-size:14px}.page-hardware-introduction .device-introduction-productions .rack{height:412px}.page-hardware-introduction .device-introduction-productions .rack .device-bg-box{width:552px;height:100%;background:url(//res.orayimg.com/pgy/1.0/img/rack.b7c2989.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .rack .device-pro-box{flex:1}.page-hardware-introduction .device-introduction-productions .wireless{height:800px}.page-hardware-introduction .device-introduction-productions .wireless .device-bg-box{width:552px;height:100%;background:url(//res.orayimg.com/pgy/1.0/img/wireless.f590745.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .wireless4g{height:412px}.page-hardware-introduction .device-introduction-productions .wireless4g .device-bg-box{width:864px;height:100%;margin-right:4px;background:url(//res.orayimg.com/pgy/1.0/img/4gwireless.4d252c9.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .cellular{height:800px}.page-hardware-introduction .device-introduction-productions .cellular .device-bg-box{width:552px;height:100%;background:url(//res.orayimg.com/pgy/1.0/img/cellular.d6f0e07.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .small-box{width:calc(50% - 20px)}.page-hardware-introduction .device-introduction-productions .small-box .device-bg-box{width:244px;margin-right:4px}.page-hardware-introduction .device-introduction-productions .small-box .device-pro-box{justify-content:center}.page-hardware-introduction .device-introduction-productions .development{height:696px}.page-hardware-introduction .device-introduction-productions .development .device-bg-box{width:552px;height:100%;background:url(//res.orayimg.com/pgy/1.0/img/development.6a52e54.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg1{background:url(//res.orayimg.com/pgy/1.0/img/small-box-1.64f4564.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg2{background:url(//res.orayimg.com/pgy/1.0/img/small-box-2.2ea389c.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg3{background:url(//res.orayimg.com/pgy/1.0/img/small-box-3.7063a83.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg4{background:url(//res.orayimg.com/pgy/1.0/img/small-box-4.ff7345b.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg5{background:url(//res.orayimg.com/pgy/1.0/img/small-box-5.77b991b.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg6{background:url(//res.orayimg.com/pgy/1.0/img/small-box-6.e98705d.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg7{background:url(//res.orayimg.com/pgy/1.0/img/small-box-7.766150b.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-productions .sma-bg8{background:url(//res.orayimg.com/pgy/1.0/img/small-box-8.aa59722.png) no-repeat 50%/cover}.page-hardware-introduction .router-banner{background:url(//res.orayimg.com/pgy/1.0/img/banner.d94e692.png) no-repeat 50%/cover;position:relative}.page-hardware-introduction .router-banner>.response-container{height:780px}.page-hardware-introduction .router-banner>.response-container .tag{font-size:18px;line-height:24px;color:#fff;margin-bottom:24px}.page-hardware-introduction .router-banner>.response-container .con-wrap{position:relative;width:600px;top:204px;text-align:left;color:#fff}.page-hardware-introduction .router-banner>.response-container .con-wrap-til{font-size:57px;font-weight:700;line-height:56px;text-align:left}.page-hardware-introduction .router-banner>.response-container .con-wrap-text{font-size:102px;font-weight:600;line-height:146px;text-align:left}.page-hardware-introduction .router-banner>.response-container .banner-tips{position:absolute;bottom:100px;color:hsla(0,0%,100%,.6);line-height:16px;font-size:9px}.page-hardware-introduction .router-introduction-tab{position:absolute;bottom:-72px;left:50%;z-index:9;width:100%;transform:translateX(-50%);-webkit-transform:translatex(-50%)}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap{display:flex;justify-content:center;height:72px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list{font-size:20px;line-height:72px;color:#fff;cursor:pointer;position:relative}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:nth-child(n+2){margin-left:120px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list.active-tab,.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:hover{color:#3773f5;font-weight:700;border-bottom:2px solid #3773f5}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list.active-tab:after,.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:hover:after{content:"";position:absolute;bottom:-2px;left:-83%;width:160px;height:72px;background:url(//res.orayimg.com/pgy/1.0/img/tab-active.7555c1b.png) no-repeat 50%/cover;z-index:-1}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:hover{font-weight:400;border-bottom-color:transparent}.page-hardware-introduction .router-introduction-tab.router-tab-fixed{position:fixed;top:0;transform:translateY(0)!important;width:100%;height:72px;z-index:9;left:0;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container{padding:0}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap{height:100%}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap .tab-type-list{color:#fff;line-height:72px!important}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap .tab-type-list.active-tab{color:#3773f5}.page-hardware-introduction .device-introduction-content{background:#24252a}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner{background:url(//res.orayimg.com/pgy/1.0/img/enterprise-banner.5fa49c1.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content{position:relative;top:194px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top{display:flex;justify-content:space-between}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top .content-title{top:unset}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top .content-right{width:480px;height:250px;transform:translateY(24px);-o-object-fit:contain;object-fit:contain}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom{position:relative;width:1022px;height:344px;transform:translateX(-24px)}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom .content-bottom-img{width:100%;height:100%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom .trans-pic{position:absolute;width:74px;height:183px;right:108px;top:-138px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner{height:560px;background:url(//res.orayimg.com/pgy/1.0/img/industrial-banner.396789a.png) no-repeat 50%/cover;background-position:50%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main{position:relative;top:140px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag-text{line-height:28px;font-size:20px;margin-bottom:12px;background:linear-gradient(90deg,#feedd2,#fff 52.9%,#feedd2 97.65%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title{line-height:28px;font-size:20px;background:linear-gradient(136.16deg,#d4a97d 10.6%,#ffe7bb 48.35%,#d0ac80 90.99%);margin-bottom:4px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title-main{font-size:100px;line-height:140px;font-weight:600;margin-bottom:9px;background:linear-gradient(95.1deg,#fbdeb4 4.33%,#fff4e0 28.14%,#f8d19a 52.13%,#e4b070 99.05%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .dest-text{font-size:12px;line-height:20px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner{background:url(//res.orayimg.com/pgy/1.0/img/persional-banner.b925436.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container{position:relative;height:100%;overflow:hidden}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .blue-circle-animation{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:680px;height:680px;display:flex;justify-content:center;align-items:center}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box{position:absolute;top:278px;width:280px;height:583px;z-index:2;background:url(//res.orayimg.com/pgy/1.0/img/phone-dark.e279e62.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box:after{content:"";position:absolute;bottom:20%;left:7px;width:95%;height:65%;background:linear-gradient(180deg,rgba(20,20,20,0) .63%,#141414 90.89%);border-radius:8px;pointer-events:none}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle{position:absolute;border-radius:50%;border:3px solid #82c3ff;-webkit-animation:expand 3s linear infinite;animation:expand 3s linear infinite;width:226px;height:226px;z-index:1;opacity:0;background:radial-gradient(50% 50% at 50%,at 50%,rgba(0,94,255,0) 0,rgba(0,94,255,.3) 100%);background:radial-gradient(50% 50% at 50% 50%,rgba(0,94,255,0) 0,rgba(0,94,255,.3) 100%)}@-webkit-keyframes expand{0%{width:0;height:0;opacity:0}10%{width:50px;height:50px;opacity:.7}60%{width:450px;height:450px;opacity:1}to{width:680px;height:680px;opacity:0}}@keyframes expand{0%{width:0;height:0;opacity:0}10%{width:50px;height:50px;opacity:.7}60%{width:450px;height:450px;opacity:1}to{width:680px;height:680px;opacity:0}}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-1{-webkit-animation-delay:0s!important;animation-delay:0s!important}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-2{-webkit-animation-delay:1s!important;animation-delay:1s!important}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-3{-webkit-animation-delay:2s!important;animation-delay:2s!important}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-development .developer-banner{height:400px;background:url(//res.orayimg.com/pgy/1.0/img/developer-banner.b1bbf02.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-development .developer-banner .response-container .content-title{top:142px}.page-hardware-introduction .device-introduction-content .tips{position:relative;bottom:100px;font-size:14px;color:#fff}.page-hardware-introduction .device-introduction-content .tips .response-container{padding:0!important}.page-hardware-introduction .background-white{background:#fff!important}.page-hardware-introduction .background-white .production-content-item{background:#24252a!important}@media (max-width:831px){.page-hardware-introduction .response-container{width:100%;padding:0 16px!important}.page-hardware-introduction .hardware-title{font-size:14px;line-height:20px}.page-hardware-introduction .content-title{position:relative;top:30px}.page-hardware-introduction .content-title .banner-title{font-size:20px;line-height:28px}.page-hardware-introduction .content-title .banner-destext{margin-top:4px;font-size:12px;line-height:16px}.page-hardware-introduction .productions-hot-icon,.page-hardware-introduction .productions-new-icon{height:12px;bottom:4px}.page-hardware-introduction .contrast-button,.page-hardware-introduction .oui-button{height:24px;line-height:20px;width:72px;min-width:88px;font-size:12px;margin-top:10px}.page-hardware-introduction .productions-vid-icon{height:12px;bottom:4px}.page-hardware-introduction .device-introduction-banner{height:288px;width:100%}.page-hardware-introduction .router-banner{background:url(//res.orayimg.com/pgy/1.0/img/banner_mb.69cce11.png) no-repeat 50%/cover}.page-hardware-introduction .router-banner>.response-container{height:480px}.page-hardware-introduction .router-banner>.response-container .con-wrap{width:300px;top:74px;margin:0 auto;text-align:center}.page-hardware-introduction .router-banner>.response-container .con-wrap .tag{font-size:12px;line-height:16px;margin-bottom:7px}.page-hardware-introduction .router-banner>.response-container .con-wrap .tag svg{height:10px}.page-hardware-introduction .router-banner>.response-container .con-wrap-til{font-size:24px;line-height:32px;text-align:center}.page-hardware-introduction .router-banner>.response-container .con-wrap-text{font-size:50px;text-align:center;line-height:66px}.page-hardware-introduction .router-banner>.response-container .banner-tips{bottom:16px;font-size:8px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner{background:url(//res.orayimg.com/pgy/1.0/img/enterprise-banner-mb.1f1188e.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content{top:30px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom,.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top .content-right{display:none}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner{height:478px;background-position:unset;background:url(//res.orayimg.com/pgy/1.0/img/industrial-banner-mb.d7ab8ed.png) no-repeat 50%/cover}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main{top:40px;text-align:center}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag svg{height:12px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag-text{line-height:20px;font-size:14px;margin-bottom:6px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title{line-height:20px;font-size:14px;margin-bottom:2px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title-main{font-size:68px;line-height:95px;margin-bottom:4px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .dest-text{font-size:10px;line-height:16px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .blue-circle-animation{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:168px;height:168px;display:flex;justify-content:center;align-items:center}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box{top:76px;width:116px;height:218px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box:after{bottom:0;left:0;width:100%;height:65%;border-radius:8px;pointer-events:none}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle{border:2px solid #82c3ff;z-index:1}@-webkit-keyframes expand{0%{width:0;height:0;opacity:0}10%{width:50px;height:50px;opacity:.7}60%{width:188px;height:188px;opacity:1}to{width:280px;height:280px;opacity:0}}@keyframes expand{0%{width:0;height:0;opacity:0}10%{width:50px;height:50px;opacity:.7}60%{width:188px;height:188px;opacity:1}to{width:280px;height:280px;opacity:0}}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-development .developer-banner{height:160px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-development .developer-banner .response-container .content-title{top:30px}.page-hardware-introduction .device-introduction-content .device-introduction-main.router-tab-fixed{display:none!important}.page-hardware-introduction .device-introduction-content .tips{bottom:40px;font-size:12px}.page-hardware-introduction .device-introduction-content .tips .response-container{padding:0 16px!important}.page-hardware-introduction .device-introduction-productions{padding:32px 0 56px}.page-hardware-introduction .device-introduction-productions .device-container-box{border-radius:6px;flex-direction:column;height:auto!important;margin-bottom:24px;background:transparent!important}.page-hardware-introduction .device-introduction-productions .device-container-box .device-bg-box{padding:0 0 16px;width:100%!important;background:#24252a!important;height:auto!important}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box{width:100%;padding:10px 0 20px;justify-content:center;border-radius:6px;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.21))}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item{width:240px;height:250px;padding:16px 0}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item:not(:last-child){margin-bottom:32px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-img{width:134px;height:106px;margin-bottom:16px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-title{font-size:14px;line-height:20px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-des{margin-top:4px;line-height:18px;font-size:12px}.page-hardware-introduction .device-introduction-productions .small-box{width:100%}.page-hardware-introduction .device-introduction-productions .development .production-item{height:214px!important}.page-hardware-introduction .device-introduction-productions .development .production-item .oui-button{margin-top:16px!important}.page-hardware-introduction .router-introduction-tab{display:none!important}.fix-r-section{height:auto!important}}@media screen and (min-width:591px) and (max-width:830px){.page-hardware-introduction .cellular>.device-pro-box{justify-content:flex-start!important}.page-hardware-introduction .device-introduction-enterprise .enterprise-banner{height:400px;background:url(//res.orayimg.com/pgy/1.0/img/enterprise-banner-580.78afbde.png) no-repeat 50%/cover!important}.page-hardware-introduction .router-banner{background:url(//res.orayimg.com/pgy/1.0/img/banner-580.1d349e1.png) no-repeat 50%/cover!important}}@media screen and (min-width:832px) and (max-width:999px){.page-hardware-introduction .response-container{width:800px}.page-hardware-introduction .hardware-title{font-size:20px;line-height:28px}.page-hardware-introduction .content-title{top:166px}.page-hardware-introduction .content-title .banner-title{font-size:28px;line-height:40px}.page-hardware-introduction .content-title .banner-destext{margin-top:6px;font-size:16px;line-height:21px}.page-hardware-introduction .productions-hot-icon,.page-hardware-introduction .productions-new-icon,.page-hardware-introduction .productions-vid-icon{height:12px;bottom:4px}.page-hardware-introduction .contrast-button,.page-hardware-introduction .oui-button{width:70px;height:24px;font-size:12px;line-height:22px;margin-top:10px}.page-hardware-introduction .device-introduction-banner{height:480px;width:100%}.page-hardware-introduction .device-introduction-productions .response-container{padding:60px 0 120px}.page-hardware-introduction .device-introduction-productions .device-container-box{border-radius:6px;margin-bottom:34px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-bg-box{padding:40px 0 40px 5%;margin-right:4px;width:40%}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box{padding:16px 3% 16px 0}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item{padding:16px 5%}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-img{width:134px;height:106px;margin-bottom:16px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-title{font-size:14px;line-height:24px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-des{margin-top:4px;font-size:12px;line-height:18px;min-height:17px}.page-hardware-introduction .device-introduction-productions .rack{height:282px}.page-hardware-introduction .device-introduction-productions .wireless{height:548px}.page-hardware-introduction .device-introduction-productions .wireless4g{height:282px}.page-hardware-introduction .device-introduction-productions .wireless4g .device-bg-box{width:61%!important;margin-right:4px}.page-hardware-introduction .device-introduction-productions .cellular{height:542px}.page-hardware-introduction .device-introduction-productions .small-box{width:calc(50% - 12px)}.page-hardware-introduction .device-introduction-productions .development{height:470px}.page-hardware-introduction .router-banner>.response-container{height:480px}.page-hardware-introduction .router-banner>.response-container .tag{font-size:14px;line-height:22px;margin-bottom:18px}.page-hardware-introduction .router-banner>.response-container .tag svg{height:12px}.page-hardware-introduction .router-banner>.response-container .con-wrap{width:65%;top:150px}.page-hardware-introduction .router-banner>.response-container .con-wrap-til{font-size:40px;line-height:42px}.page-hardware-introduction .router-banner>.response-container .con-wrap-text{font-size:70px;margin-top:14px;line-height:80px}.page-hardware-introduction .router-banner>.response-container .banner-tips{bottom:20px}.page-hardware-introduction .router-introduction-tab{bottom:-50px}.page-hardware-introduction .router-introduction-tab .response-container{padding:0!important}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap{height:50px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list{font-size:16px!important;line-height:50px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:nth-child(n+2){margin-left:80px!important}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list.active-tab:after,.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:hover:after{left:-76%;width:122px;height:58px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed{top:0;height:50px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap{height:50px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap .tab-type-list{line-height:50px!important}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner{height:700px;background:url(//res.orayimg.com/pgy/1.0/img/enterprise-banner-1000.029a5e8.png) no-repeat 50%/cover;background-position:top}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content{top:100px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top .content-right{width:40%;height:207;transform:translateY(24px)}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom{width:87%;height:285px;transform:translateX(-24px)}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom .trans-pic{width:61px;height:154px;right:9%;top:-125px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner{height:480px;background-position:62%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main{top:100px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag svg{height:12px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag-text,.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title{line-height:22px;font-size:16px;margin-bottom:4px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title-main{font-size:68px;line-height:95px;margin-bottom:9px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .blue-circle-animation{width:100%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box{top:288px;width:132px;height:280px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box:after{bottom:0;left:4px;width:95%;height:65%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle{border:2px solid #82c3ff}@-webkit-keyframes expand{0%{width:0;height:0;opacity:0}10%{width:138px;height:138px;opacity:.7}60%{width:288px;height:288px;opacity:1}to{width:430px;height:430px;opacity:0}}@keyframes expand{0%{width:0;height:0;opacity:0}10%{width:138px;height:138px;opacity:.7}60%{width:288px;height:288px;opacity:1}to{width:430px;height:430px;opacity:0}}}@media screen and (min-width:1000px) and (max-width:1100px){.page-hardware-introduction .device-introduction-enterprise .main-content .content-bottom .trans-pic{top:-130px!important}}@media screen and (min-width:1000px) and (max-width:1399px){.page-hardware-introduction .response-container{width:calc(100% - 200px)}.page-hardware-introduction .hardware-title{font-size:28px;line-height:36px;white-space:nowrap}.page-hardware-introduction .content-title{top:166px}.page-hardware-introduction .content-title .banner-title{font-size:40px;line-height:56px}.page-hardware-introduction .content-title .banner-destext{margin-top:6px;font-size:20px;line-height:26px}.page-hardware-introduction .productions-hot-icon,.page-hardware-introduction .productions-new-icon,.page-hardware-introduction .productions-vid-icon{height:17px;bottom:6px}.page-hardware-introduction .contrast-button,.page-hardware-introduction .oui-button{width:72px;height:32px;font-size:12px;line-height:30px;min-width:76px;margin-top:14px}.page-hardware-introduction .device-introduction-banner{height:746px;width:100%}.page-hardware-introduction .device-introduction-productions .response-container{padding:60px 0 100px}.page-hardware-introduction .device-introduction-productions .device-container-box{border-radius:6px;margin-bottom:34px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-bg-box{padding:50px 0 50px 5%;margin-right:14px;width:40%}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box{padding:20px 3% 20px 0}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item{padding:20px 5%}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-img{height:132px;margin-bottom:20px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-title{line-height:24px}.page-hardware-introduction .device-introduction-productions .device-container-box .device-pro-box .production-item .pro-text .pro-text-des{margin-top:6px;line-height:18px;min-height:17px;font-size:13px}.page-hardware-introduction .device-introduction-productions .rack{height:350px}.page-hardware-introduction .device-introduction-productions .wireless{height:680px}.page-hardware-introduction .device-introduction-productions .wireless4g{height:352px}.page-hardware-introduction .device-introduction-productions .wireless4g .device-bg-box{width:61%!important}.page-hardware-introduction .device-introduction-productions .cellular{height:680px}.page-hardware-introduction .device-introduction-productions .small-box{width:calc(50% - 20px)}.page-hardware-introduction .device-introduction-productions .development{height:590px}.page-hardware-introduction .router-banner>.response-container{height:648px}.page-hardware-introduction .router-banner>.response-container .tag{font-size:14px;line-height:20px;margin-bottom:8px}.page-hardware-introduction .router-banner>.response-container .tag svg{height:12px}.page-hardware-introduction .router-banner>.response-container .con-wrap{width:65%;top:150px}.page-hardware-introduction .router-banner>.response-container .con-wrap-til{font-size:44px;line-height:58px}.page-hardware-introduction .router-banner>.response-container .con-wrap-text{font-size:80px;line-height:106px}.page-hardware-introduction .router-banner>.response-container .banner-tips{bottom:20px}.page-hardware-introduction .router-introduction-tab{bottom:-60px}.page-hardware-introduction .router-introduction-tab .response-container{padding:0!important}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap{height:60px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list{font-size:16px!important;line-height:60px}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:nth-child(n+2){margin-left:100px!important}.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list.active-tab:after,.page-hardware-introduction .router-introduction-tab .response-container .router-introduction-tab-wrap .tab-type-list:hover:after{left:-90%;width:140px;height:57px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed{top:0;height:60px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap{height:60px}.page-hardware-introduction .router-introduction-tab.router-tab-fixed .response-container .router-introduction-tab-wrap .tab-type-list{line-height:60px!important}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner{height:747px;background:url(//res.orayimg.com/pgy/1.0/img/enterprise-banner-1000.029a5e8.png) no-repeat 50%/cover;background-position:top}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content{top:100px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-top .content-right{width:43%;height:207;transform:translateY(24px)}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom{width:87%;height:285px;transform:translateX(-24px)}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-enterprise .enterprise-banner .main-content .content-bottom .trans-pic{width:6%;height:175px;right:13%;top:-136px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner{height:480px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main{top:126px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag svg{height:14px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .tag-text,.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title{line-height:22px;font-size:16px;margin-bottom:4px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-industry .industrial-banner .industrial-banner-main .title-main{font-size:68px;line-height:95px;margin-bottom:9px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .blue-circle-animation{width:100%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box{top:288px;width:260px;height:500px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .center-box:after{bottom:0;left:22px;width:84%;height:65%}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle{border:2px solid #82c3ff}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-1{width:188px;height:188px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-2{width:288px;height:288px}.page-hardware-introduction .device-introduction-content .device-introduction-main .device-introduction-personal .persional-banner .response-container .circle-3{width:450px;height:450px}}