  <style type="text/css">
    .q-page1,.q-page2,.q-page3,.q-page4,.q-page5,.q-page6{font-family:Roboto,Arial,Helvetica Neue,Helvetica,PingFang SC,Tahoma;font-style:normal;}.q-page1 h1,.q-page2 h1,.q-page3 h1,.q-page4 h1,.q-page5 h1,.q-page6 h1{color:#282F3A;font-size:36px;line-height:48px;margin-top:0;padding-top:40px;}.q-page1 h5,.q-page2 h5,.q-page3 h5,.q-page4 h5,.q-page5 h5,.q-page6 h5{color:#4F5B6A;margin-top:8px;font-size:24px;}.q-page1 h1.white,.q-page2 h1.white,.q-page3 h1.white,.q-page4 h1.white,.q-page5 h1.white,.q-page6 h1.white,.q-page1 h5.white,.q-page2 h5.white,.q-page3 h5.white,.q-page4 h5.white,.q-page5 h5.white,.q-page6 h5.white{color:white;}.n-page-info{position:relative;}.page-position-tit{position:absolute;left:0;width:100%;z-index:4;}.q-page1{height:800px;background-size:100%;position:relative;}.q-page1 video{width:100%;}.q-page1-bg{position:absolute;z-index:2;width:100%;height:100%;bottom:0;left:0;}.q-page1-bg .page1-bg-item{display:none;}.q-page1-bg .page1-bg-item img{display:block;width:100%;}.q-page1-bg .page1-bg-item.on{display:block;}.q-page1 .q-page1-icons{position:absolute;bottom:34px;left:0;width:100%;background:none;top:auto;display:flex;align-items:center;height:44px;justify-content:space-evenly;z-index:4;}.q-page1 .q-page1-icon{width:auto;font-size:16px;color:#fff;display:flex;align-items:center;text-align:left;}.q-page1 .q-page1-icon .q-page1-icon-img{width:44px;height:44px;margin-right:16px;display:none;}.q-page1 .q-page1-icon .q-page1-icon-img.on{display:block;}.q-page1 .q-page1-icon div{text-align:left;}.q-page1-select{background-size:100%;}.q-page1 .page-tab{display:flex;align-items:center;justify-content:center;position:relative;z-index:5;}.q-page1 .page-tab .tab-item{width:180px;height:48px;margin:15px 16px;text-align:center;line-height:48px;font-size:20px;color:#9CA5C9;background:#2D334F;box-shadow:inset 2px 2px 3px #2A2D3F;border-radius:8px;cursor:pointer;}.q-page1 .page-tab .tab-item.on{font-weight:700;color:#fff;background:#626886;box-shadow:0px 6px 6px rgba(46,49,66,0.5);}.q-page2{height:750px;position:relative;background:#E9EDF6;}.q-page2 h5{margin-top:20px;font-style:italic;}.q-page2-content{display:flex;padding:8px 5px;}.q-page2-content .q-page2-item .item-cont-logo{height:84px;display:flex;color:#616B82;font-size:12px;padding-left:5px;}.q-page2-content .q-page2-item .item-cont-logo img{height:84px;}.q-page2-content .q-page2-item .item-cont-des{height:84px;display:flex;color:#616B82;font-size:12px;justify-content:flex-end;align-items:flex-end;box-sizing:border-box;padding-bottom:5px;padding-right:14px;}.q-page2-content .q-page2-item .item-cont-des a{display:block;}.q-page2-content .q-page2-item .item-cont-des a:hover{text-decoration:underline;}.q-page2-content .item-cont-chart{background:#E9EDF6;border-radius:8px;margin:10px 6px;box-shadow:inset 2px 2px 3px #d3d3d3,3px 4px 0px -1px #fdfdfd;}.q-page2-content .chart-name{font-size:16px;line-height:24px;color:#616B82;padding-top:34px;font-style:normal;font-weight:700;line-height:150%;}.q-page2-content .chart-des{font-size:12px;line-height:18px;color:#616B82;font-style:normal;font-weight:700;}.item-cont-chart-img{display:flex;align-items:center;position:relative;padding-left:60px;margin:24px 0 12px 0;flex-wrap:wrap;justify-content:center;}.q-page2-content .chart-img{font-size:12px;line-height:18px;font-style:normal;font-weight:700;color:#616B82;width:284px;margin:0 10px;}.q-page2-content .chart-img > div{padding-bottom:16px;}.q-page2-content .chart-num{display:flex;color:#616B82;font-size:12px;align-items:center;justify-content:center;}.q-page2-content .chart-num div{margin:0 20px;position:relative;}.q-page2-content .chart-num div:after{height:10px;width:10px;position:absolute;content:"";left:-18px;top:2px;margin-right:5px;}.q-page2-content .chart-num div:first-child:after{background:#005BD5;}.q-page2-content .chart-num div:last-child:after{background:#BD002D;}.q-page2-content .chart-num div span{font-weight:bold;}.q-page2-content .chart-cont{font-size:12px;color:#616B82;line-height:18px;text-align:left;padding:20px 12px;font-style:normal;}.q-page2-content .chart-cont .chart-info{margin-bottom:8px;display:flex;}.q-page2-content .chart-cont .chart-info p:last-child{margin-left:auto;}.q-page2-content .chart-cont span{font-weight:bold;}.q-page2-content .chart-lable{font-weight:400;font-size:12px;text-align:center;color:#616B82;transform:rotate(-90deg);height:35px;width:150px;position:absolute;left:-48px;}.q-page3{height:740px;position:relative;background:#2d384b;}.q-page3 video{width:100%;}.q-page4{height:800px;position:relative;background:#E9EDF6;}.q-page4-content{position:absolute;width:100%;bottom:0;}.q-page4-content > img{display:block;width:100%;max-width:1088px;margin:0 auto;}.q-page4-content .q-page4-num{position:absolute;font-style:normal;font-weight:700;font-size:18px;line-height:28px;color:#616B82;text-align:left;left:255px;top:60px;}.q-page4-content .q-page4-num span{color:#3090FF;margin-left:16px;}.q-page4-content .q-page4-num .num-bar{margin-bottom:24px;}.q-page4-content .q-page4-num .num-bar .bar-bg{width:321px;height:8px;margin-top:5px;background:linear-gradient(90deg,#0055CD 2.49%,#3090FF 104.67%);box-shadow:0px 6px 6px rgba(156,165,201,0.33);border-radius:8px;animation:5s in-out infinite;}.q-page4-content .q-page4-num .num-bar .bar-bg.width250{width:250px;animation:5s in-out1 infinite;}@keyframes in-out{0%{width:0;}90%{width:321px;}100%{width:0;}}@keyframes in-out1{0%{width:0;}90%{width:250px;}100%{width:0;}}.q-page5{height:800px;position:relative;}.q-page5 video{width:100%;}.q-page6{height:800px;position:relative;background:#fff;}.q-page6 video{width:100%;}.q-page7{height:855px;position:relative;background:#fff url('/res/UIB/v4.0/product-detail/RJ-img/RAP2260/page7-bg.png') no-repeat right bottom;background-size:100%;}.q-page7.n-page-info H1{margin-top:0;padding-top:0;font-style:normal;font-weight:700;}.q-page7.n-page-info H1 span{font-size:40px;display:block;}.q-page7 .q-page7-content{width:60%;position:absolute;top:258px;left:100px;text-align:left;}.q-page7 .q-page7-content ul{margin-top:18px;}.q-page7 .q-page7-content li{font-size:22px;line-height:48px;color:#4F5B6A;position:relative;padding-left:24px;}.q-page7 .q-page7-content li:before{content:"";height:8px;width:8px;background:#0055CD;left:0;display:block;position:absolute;top:20px;}@media screen and (max-width:1430px){.q-page1 h1,.q-page2 h1,.q-page3 h1,.q-page4 h1,.q-page5 h1,.q-page6 h1,.q-page7.n-page-info H1{font-size:.18rem;line-height:.26rem;padding-top:.2rem;}.q-page7.n-page-info H1 span{font-size:.16rem;}.q-page1 h5,.q-page2 h5,.q-page3 h5,.q-page4 h5,.q-page5 h5,.q-page6 h5{font-size:.1rem;margin-top:0.1rem;}.q-page1 .page-tab .tab-item{font-size:.12rem;width:1rem;height:0.3rem;line-height:.3rem;margin:0.1rem 8px;}.page-position-tit{top:0;}.q-page1{height:auto;padding:0 .3rem;}.q-page1-bg{position:relative;width:80%;margin:0.3rem auto;top:0.55rem;}.q-page1 .q-page1-icon .q-page1-icon-img{width:0.2rem;height:0.2rem;}.q-page1 .q-page1-icons{position:relative;bottom:0.1rem;height:0.6rem;}.q-page1 .q-page1-icon{font-size:14px;}.q-page2{height:auto;}.q-page2-content{display:block;}.q-page2-content .q-page2-item{flex:1;}.q-page3{height:auto;}.q-page4{height:auto;}.q-page4-content{position:relative;padding-top:1rem;}.q-page4-content .q-page4-num{left:18%;font-weight:700;font-size:0.1rem;line-height:0.15rem;top:0.9rem;}.q-page4-content > img{width:78%;margin:0 auto;}.q-page5{height:auto;}.q-page6{height:auto;}.q-page7{height:auto;background-size:80%;}.q-page7 .q-page7-content li{font-size:0.15rem;padding-left:0.25rem;line-height:0.32rem;}.q-page7 .q-page7-content li:before{height:0.04rem;width:0.04rem;background:#0055CD;left:0;display:block;position:absolute;top:0.15rem;}.q-page7 .q-page7-content{width:100%;left:0;position:relative;padding-bottom:1rem;top:0;}}@media screen and (max-width:1280px){.q-page2-content{display:block;}}@media screen and (max-width:750px){.q-page1 h1,.q-page2 h1,.q-page3 h1,.q-page4 h1,.q-page5 h1,.q-page6 h1,.q-page7 h1{font-size:0.45rem;line-height:110%;width:96%;margin-left:2%;padding-top:.5rem;}.q-page1{height:auto;background:#2e303f;}.q-page1-bg .page1-bg-item.on img{width:100%;}.q-page1 h5,.q-page2 h5,.q-page3 h5,.q-page4 h5,.q-page5 h5,.q-page6 h5,.q-page7 h5{font-size:0.35rem;width:90%;margin-left:5%;}.page-position-tit{top:0;}.q-page1{height:auto;padding-bottom:0.05rem;padding-top:2rem;}.q-page1 .page-tab{width:86%;margin:0 auto;}.q-page1 .page-tab .tab-item{width:2.8rem;height:0.7rem;line-height:.7rem;font-size:.37rem;margin-bottom:0;margin-top:0.2rem;}.q-page1 .q-page1-icon .q-page1-icon-img{width:0.8rem;height:0.8rem;margin-right:0.1rem;}.q-page1 .q-page1-icons{flex-wrap:wrap;box-sizing:border-box;bottom:0.1rem;height:auto;}.q-page1 .q-page1-icon{width:50%;box-sizing:border-box;padding-left:8%;margin-bottom:0.1rem;}.q-page1 .q-page1-icons:after{width:50%;display:block;content:"";}.q-page1 .q-page1-icon{font-size:0.3rem;}.q-page1-bg{display:flex;align-items:center;bottom:0;top:0;}.q-page2{height:auto;background:#e9edf6;overflow:hidden;}.q-page2 h5{margin-top:10px;}.q-page2 .title-black{position:relative;top:0;left:0;text-align:center;}.q-page2-content{display:block;padding:10px;}.q-page2-content .item-cont-chart{margin:10px auto;}.item-cont-chart-img{display:block;padding-left:0;}.q-page2-content .chart-img{margin:0 auto;}.q-page2-content .chart-lable{transform:rotate(0deg);height:35px;width:100%;position:relative;left:0;margin-bottom:20px;}.q-page2-content .q-page2-item .item-cont-logo img{display:block;width:102px;height:70px;}.q-page2-content .q-page2-item .item-cont-logo{height:70px;}.q-page3{height:auto;background:#020307;padding-top:2.4rem;}.q-page3 .title-black{position:relative;}.q-page3 .q-page1-icons{position:relative;width:94%;left:5%;bottom:20px;}.q-page4{background:#e0e4f0;height:auto;padding-top:2rem;}.q-page4 .title-black{position:relative;overflow:hidden;width:100%;}.q-page4-content{position:relative;padding-top:0;}.q-page4-content .q-page4-num{left:20px;top:10px;font-size:12px;line-height:20px;position:relative;position:absolute;}.q-page4-content .q-page4-num .num-bar .bar-bg{height:5px;margin-top:2px;}.q-page4-content .q-page4-num{width:90%;position:relative;}.q-page4-content .q-page4-num .num-bar{margin-bottom:10px;}.q-page4-content > img{width:6rem;margin:0 auto;}.q-page5{background:#496a8d;height:auto;padding-top:1.6rem;padding-bottom:0.38rem;}.q-page5-content{width:100%;overflow:hidden;}.q-page5 .title-black{position:relative;}.q-page6{height:auto;padding-top:2rem;}.q-page6 .q-page6-content{position:relative;width:100%;left:0;top:0;}.q-page6 .q-page6-content .img-logo img{width:54px;margin-left:5%;margin-top:20px;}.q-page7{height:auto;padding-top:0.3rem;padding-bottom:0;}.q-page7 .q-page7-content{position:relative;width:100%;left:0;top:0;}.q-page7.n-page-info H1,.q-page7.n-page-info H1 span{font-size:0.5rem;line-height:0.8rem;}.q-page7 .q-page7-content li{font-size:0.35rem;line-height:180%;}.q-page7 .q-page7-content ul{padding-left:2%;margin-top:10px;}.q-page7 .q-page7-content li:before{content:"";height:4px;width:4px;left:0;top:10px;}.item-cont-chart-img{display:flex;padding-top:40px;margin-top:12px;}.q-page2-content .chart-img{margin:0 5px;}.q-page2-content .chart-img img{display:block;width:100%;}.q-page2-content .chart-lable{position:absolute;top:0;}.q-page2-content .chart-name{padding-top:20px;}.q-page2-content .q-page2-item .item-cont-des{height:50px;}}
  </style>