body::-webkit-scrollbar {
    width: 0 !important
}

body {
    -ms-overflow-style: none;
}

html {
    scrollbar-width: none;
}

.bigTitle {
    font-size: 1.5rem!important;
    line-height: 150%!important;
    font-weight: 700!important;
}

#page-swiper .secondTitle {
    font-size: .9375rem!important;
    line-height: 150%!important;
}

#page-swiper H6 {
    font-size: .5rem!important;
    line-height: 150%!important;
}

.swiper-container {
    width: 100vw;
    height: 100vh;
}

.n-tab {
    margin-top: 18px;
    height: 41px;
}

.ys_header {
    position: absolute;
    top: 0;
}

@keyframes jiantou {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(15px);
    }
}

@keyframes shanshuo {
    0% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.n-tab div {
    height: 41.5px;
    font-size: 16px;
    padding: 0 20px;
    display: inline-block;
    line-height: 41.5px;
    border-bottom: 1px solid #173150;
    cursor: pointer;
    z-index: 20;
    box-sizing: border-box;
}

.n-tab-selected {
    color: #173150!important;
    border-bottom: #173150 3px solid!important;
    font-weight: bold;
    height: 42.2px!important;
}


/* 底部导航 */

.n-main-bottom {
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 4;
}

.n-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 62.5vw;
    height: 100%;
    margin: 0 auto;
}

.n-menu h3 {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.n-menu ul {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
}

.n-menu ul li {
    list-style: none;
    margin-right: 1.25vw;
    cursor: pointer;
}

.n-menu ul li a {
    color: #d5d5d5;
}

.n-menu ul li:last-child {
    margin-right: 0;
}

.n-menu .n-menu-active a {
    font-weight: 700;
    color: #F7F8FB;
    border-bottom: 1px solid #DA0030;
}


/*1*/

.n-page1 {
    height: calc(100vh);
    width: 100%;
}

.n-page1-content {
    height: calc(100vh);
    width: 100%;
    background-image: url(/cp/riil-rj/lxznywpt/RJ-img/1-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
}

.n-page1-title {
    position: absolute;
    margin: 8rem 14vw;
}

.n-page1-content-img {
    position: absolute;
    width: 22.5313rem;
    margin: 12vh 55vw;
}

.button1 {
    font-size: .5625rem;
    line-height: 200%;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 1.5625rem;
    width: 4.5rem;
    text-align: center;
    display: inline-block;
    margin: 2.5vh .75rem 0 0;
}

.button2 {
    font-size: .5625rem;
    line-height: 200%;
    border: 1px solid #DA0030;
    box-sizing: border-box;
    border-radius: 1.5625rem;
    width: 4.5rem;
    background: #DA0030;
    text-align: center;
    display: inline-block;
    margin-top: 8vh;
}

.button4 {
    font-size: .5625rem;
    line-height: 200%;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 1.5625rem;
    width: 4.5rem;
    background: transparent;
    text-align: center;
    display: inline-block;
    margin-top: 8vh;
    margin-left: .625rem;
}

.button4 a {
    color: #FFFFFF;
}

.button3 {
    color: #DA0030;
    font-size: 18px;
    line-height: 200%;
    border: 1px solid #DA0030;
    box-sizing: border-box;
    border-radius: 50px;
    width: 140px;
    text-align: center;
    margin-top: 30px;
    margin-left: calc((100% - 140px)/2);
}

.n-arrow {
    width: auto;
    margin: 12vh 55vw;
    animation: jiantou 0.8s ease-in-out alternate infinite;
    -webkit-animation: jiantou 0.8s ease-in-out alternate infinite;
}

.n-down {
    position: absolute;
    margin-top: 85vh;
    text-align: center;
    width: 100vw;
    font-size: .4375rem;
}

.n-arrow {
    width: auto!important;
    margin: 10px 0!important
}


/*2*/

.n-page2-content {
    color: #ffffff;
    height: 100%;
    width: 100%;
    background-image: url(/cp/riil-rj/lxznywpt/RJ-img/2-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.n-page2-content img {
    width: 30.625rem;
}

.n-page2-content H1 {
    margin-top: .125rem;
}

.n-page2-content H6 {
    margin-top: 18px;
}
.n-page2-content h2{
    padding-top: 11vh;
}

/*3*/

.n-page3-content {
    color: #173150;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    background-image: url(/cp/riil-rj/lxznywpt/RJ-img/3-bg.png);
    position: relative;
}

.n-page3-content h3 {
    padding-top: 11vh;
}

.n-page3-content H6 {
    margin-top: 18px;
}

.n-page3-content img {
    width: 47.625rem;
}

.n-point {
    display: inline-block;
    padding: .375rem .75rem;
    color: #173150;
    font-size: .625rem;
    font-weight: 700;
    position: absolute;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(228, 240, 255, 0.50);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    filter: drop-shadow(0px 30px 60px rgba(41, 74, 156, 0.20));
    -webkit-filter: drop-shadow(0px 30px 60px rgba(41, 74, 156, 0.20));
}

#point1 {
    top: 2.6rem;
    left: 6.1rem;
}

#point2 {
    top: 8.2rem;
    left: 8.5rem;
}

#point3 {
    top: 15rem;
    left: 7.3rem;
}

#point4 {
    top: 1.65rem;
    right: 6.8rem;
}

#point5 {
    top: 6.6rem;
    right: 6.1rem;
}

#point6 {
    top: 11.6rem;
    right: 6.1rem;
}


/*4*/

.n-page4-title {
    top: .75rem;
    width: 100%;
    position: absolute;
    font-size: .875rem;
    color: #173150;
    text-align: center;
    font-weight: 600;
    line-height: 150%;
}

.n-page4-content-img {
    margin-top: 18px;
    width: 70vw!important;
}

.n-page4-content2 {
    display: none;
}

.n-page4-1-icon {
    position: absolute;
    width: 0.8vw!important;
    margin-left: -16.8vw;
    margin-top: 17.5vw;
    animation: shanshuo 0.8s ease-in-out alternate infinite;
    -webkit-animation: shanshuo 0.8s ease-in-out alternate infinite;
}

.n-page4-2-icon {
    position: absolute;
    width: 2.5vw!important;
    margin-left: -13.5vw;
    margin-top: 15.6vw;
    animation: shanshuo 0.8s ease-in-out alternate infinite;
    -webkit-animation: shanshuo 0.8s ease-in-out alternate infinite;
}


/*5*/

.n-video-box {
    text-align: center;
    width: 34.875rem;
    border: 12px solid #173150;
    box-sizing: border-box;
    border-radius: 1rem;
    margin-left: calc((100% - 34.875rem)/2);
    margin-top: 5vh;
    height: 19.8rem;
    overflow: hidden;
}

.n-video-box video {
    width: 100%;
    border-radius: .4688rem;
    margin-top: 1px;
}

#animation-5 {
    width: 100%;
    border-radius: .4688rem;
    overflow: hidden;
}


/*6*/

.n-page6-content {
    color: #173150;
}

.n-page6-content h2 {
    padding-top: 7vh;
}

#animation-6 {
    width: 100%;
    border-radius: .4688rem;
    overflow: hidden;
}


/*常见问题*/

.common-qa {
    width: 1000px;
    margin: 0 auto 50px auto;
    text-align: center;
}

.qa-content div {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #292929;
}

.qa-content div:last-child {
    margin-top: 12px;
}

.common-qa .qa-content:first-child {
    margin-top: 0;
}

.common-qa .qa-content:last-child,
.qa-more .qa-content:last-child {
    border-bottom: none;
}

.qa-content {
    margin-top: 24px;
    padding-bottom: 24px;
    width: 1000px;
    border-bottom: 1px solid rgba(216, 216, 216, .5);
}

.qa-more {
    width: 1000px;
    margin: 0 auto;
}

.qa-btn {
    margin: 48px auto 0 auto;
    width: 75px;
    cursor: pointer;
}

.qa-btn div {
    color: #01A0E8;
    display: inline-block;
}


/*资料下载*/

.n-document {
    text-align: left;
    margin-top: 35px;
}

.n-document-button {
    background: #DA0030;
    border-radius: 4px;
    width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    border: 0px;
    color: #FFFFFF;
    text-align: center;
}

.n-document hr {
    margin-top: 24px;
    margin-bottom: 24px;
}

.n-document-href {
    font-size: 14px;
    line-height: 150%;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #292929;
}

.n-document-href img {
    margin-right: 8px;
}

.n-document-href:hover {
    cursor: pointer;
}

.n-document-href a {
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#swiper-container2 .swiper-slide {
    font-size: 18px;
    height: auto!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

#page-swiper {
    display: block;
}

.new-com-detail {
    display: none;
}

.custom-pag {
    display: block;
}

.new-com-detail .n-page-icons {
    position: absolute;
    height: 140px;
    margin-top: -140px;
    width: 1400px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: space-around;
}

.new-com-detail .n-page-icon {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
}

.new-com-detail .n-page-icon-column {
    flex-direction: column;
}

.new-com-detail .n-page-icon div {
    margin-left: 12px;
    line-height: 150%;
}

.new-com-detail .n-page-icon h4 {
    font-weight: bold;
    font-size: 16px
}

.new-com-detail .custom-dom-icons {
    height: 100px!important;
    margin-top: -150px!important;
    background: rgba(250, 142, 169, 0.5)!important;
}

.new-com-detail .custom-dom-icons2 {
    background: linear-gradient(270deg, rgba(230, 236, 249, 0.5) -2.07%, #FFFFFF 48.97%, rgba(223, 228, 239, 0.5) 100%, rgba(230, 236, 249, 0.5) 100%)!important;
}

.new-com-detail .custom-dom-p {
    position: absolute;
    margin-top: -580px;
    width: 1200px;
    left: calc((100% - 1200px)/2);
    font-size: 16px;
    text-align: center;
}

#n-page-4 .custom-dom-p {
    font-size: 24px;
    margin-top: -535px;
}

.new-com-detail .n-page1-title {
    width: 1200px;
    position: absolute;
    left: calc((100% - 1200px)/2);
    text-align: left;
}

.new-com-detail .n-page1-title h2 {
    /* padding-top: 150px; */
    font-weight: 600;
    font-size: 60px;
    color: #FFFFFF;
    text-shadow: 0px 13.7707px 40px rgba(18, 46, 86, 0.4);
}

.new-com-detail .n-page1-title h1 {
    font-weight: 400;
    font-size: 40px;
    color: #FFFFFF;
    text-shadow: 0px 11.2821px 40px rgba(18, 46, 86, 0.5);
}

.new-com-detail .page1-btns {
    margin-top: 48px;
    display: flex;
    flex-direction: row;
}

.new-com-detail .page1-btns div {
    width: 144px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
}

.new-com-detail .page1-btns div:nth-child(1) {
    background-color: transparent;
    margin-right: .75rem;
}

.new-com-detail .page1-btns div:nth-child(1) a {
    color: #FFFFFF;
}

.new-com-detail .page1-btns div:nth-child(2) {
    color: #FFFFFF;
    background-color: #DA0030;
}

.new-com-detail .n-page2-title {
    width: 1300px;
    position: absolute;
    left: calc((100% - 1300px)/2);
    text-align: center;
}

.new-com-detail .n-page2-title h1 {
    padding-top: 540px;
    font-weight: 400;
    font-size: 30px;
    color: #FFFFFF;
}

.new-com-detail .n-page2-title h2 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 40px;
    color: #FFFFFF;
}

.new-com-detail .n-page2-title h3 {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

.new-com-detail .new-com-details-page {
    width: 100%;
}


/*通用样式*/

.new-com-detail h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 150%;
}

.new-com-detail h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 150%;
}

.new-com-detail h3 {
    font-size: 24px;
    line-height: 150%;
}

.new-com-detail h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 150%;
}

.new-com-detail h5 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
}

.new-com-detail h6 {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
}

.new-com-detail .n-page-info {
    margin-top: 24px;
    text-align: center;
}

.new-com-detail .n-page-info H1 {
    padding-top: 60px
}

.new-com-detail .n-page-info h5 {
    margin-top: 18px;
    line-height: 150%;
    font-weight: normal;
}

.new-com-detail .n-page-title {
    position: absolute;
    z-index: 10;
    width: 1200px;
    left: calc((100% - 1200px)/2);
}

@keyframes shake {}

@media screen and (max-width:1400px) {
    .common-qa {
        width: 1000px;
        margin: 0 auto 50px auto;
    }
    .qa-content {
        width: 1000px;
    }
    .qa-more {
        width: 1000px;
    }
    .custom-pag {
        left: 1vw!important;
    }
}

@media screen and (max-width:1300px) {
    #page6-content H1,
    #page-swiper H1 {
        font-size: 1rem!important;
    }
    .n-page1-content-img {
        width: 20rem;
    }
    .n-down {
        margin-top: 72vh;
    }
    .n-page2-content img {
        width: 28rem;
    }
    .n-page3-content img {
        width: 45rem;
    }
    .n-tab {
        margin-top: .4rem;
        height: 1.2813rem;
    }
    .n-tab div {
        font-size: .5rem;
        line-height: 1.2969rem;
        height: 1.2813rem;
    }
    .n-tab-selected {
        height: 1.3188rem!important
    }
    .n-page4-content-img {
        margin-top: .5rem;
        width: 64vw!important;
    }
    .n-page4-1-icon {
        margin-left: -15.3vw;
        margin-top: 16vw;
    }
    .n-page4-2-icon {
        margin-left: -12.2vw;
        margin-top: 14vw;
    }
    .n-video-box {
        width: 40rem;
        height: 72vh;
        margin-left: calc((100% - 40rem)/2);
        margin-top: 3vh;
    }
    .button3 {
        color: #DA0030;
        font-size: .5625rem;
        line-height: 200%;
        border: 1px solid #DA0030;
        box-sizing: border-box;
        border-radius: 1.5625rem;
        width: 4.5rem;
        text-align: center;
        margin-top: 8vh;
        margin-left: calc((100% - 140px)/2);
    }
    .common-qa {
        width: 800px;
        margin: 0 auto 50px auto;
    }
    .qa-content {
        width: 800px;
    }
    .qa-more {
        width: 800px;
    }
    .custom-pag {
        left: 1vw!important;
    }
}

@media screen and (max-width:1200px) {
    .button3 {
        color: #DA0030;
        font-size: .5625rem;
        line-height: 200%;
        border: 1px solid #DA0030;
        box-sizing: border-box;
        border-radius: 1.5625rem;
        width: 4.5rem;
        text-align: center;
        margin-top: 8vh;
        margin-left: calc((100% - 140px)/2);
    }
    .common-qa {
        width: 800px;
        margin: 0 auto 50px auto;
    }
    .qa-content {
        width: 800px;
    }
    .qa-more {
        width: 800px;
    }
    .custom-pag {
        left: 1vw!important;
    }
}

@media screen and (max-width:750px) {
    .button3 {
        color: #DA0030;
        font-size: .5625rem;
        line-height: 200%;
        border: 1px solid #DA0030;
        box-sizing: border-box;
        border-radius: 1.5625rem;
        width: 4.5rem;
        text-align: center;
        margin-top: .9375rem;
        margin-left: 34vw;
    }
    #page-swiper {
        display: none;
    }
    .custom-pag {
        display: none;
    }
    #page6-content {
        display: none;
    }
    .new-com-detail {
        display: block;
    }
    .common-qa {
        margin: 0 auto 1.875rem auto;
        width: 20.4375rem;
    }
    .qa-content {
        width: 20.4375rem;
    }
    .qa-content div {
        font-size: .6875rem;
    }
    .qa-content div:last-child {
        margin-top: .75rem;
    }
    .qa-more {
        width: 20.4375rem;
    }
    .qa-btn {
        font-size: .75rem;
        width: 4.3125rem;
        margin: 1.6563rem auto 0 auto;
    }
    .qa-more .qa-content:last-child {
        padding-bottom: 0!important;
    }
    .qa-btn img {
        width: .625rem;
    }
    .new-com-detail {
        width: 100%;
    }
    .new-com-detail h1 {
        font-size: 1rem;
    }
    .new-com-detail h5 {
        font-size: .75rem;
    }
    .new-com-detail .n-page-info {
        margin-top: .75rem;
    }
    .new-com-detail .n-page-info H1 {
        padding-top: 1.875rem!important;
        font-size: 1.5rem;
    }
    .new-com-detail .n-page-title {
        width: 21.875rem;
        left: calc((100% - 21.875rem)/2);
    }
    .new-com-detail .n-page1-title,
    .new-com-detail .n-page2-title,
    .new-com-detail .custom-dom-p {
        text-align: center;
        width: 21.875rem;
        left: calc((100% - 21.875rem)/2);
    }
    .new-com-detail .n-page1-title h1 {
        padding-top: 3.4375rem!important;
        font-size: 1.875rem;
    }
    .new-com-detail .n-page1-title h2 {
        font-size: 1.5rem;
    }
    .new-com-detail .page1-btns {
        margin-top: 25rem;
        justify-content: center;
    }
    .new-com-detail .page1-btns div {
        font-size: .875rem;
        width: 9.8438rem;
        height: 2.2813rem;
        line-height: 2.2813rem;
    }
    .new-com-detail .n-page2-title h1 {
        padding-top: 16.5rem!important;
        font-size: .9375rem;
    }
    .new-com-detail .n-page2-title h2 {
        font-size: 1.5rem;
    }
    .new-com-detail .n-page2-title h3 {
        margin-top: 1.1875rem;
        font-size: .75rem;
    }
    #n-page-4 .custom-dom-p {
        font-size: .875rem;
        margin-top: -20rem;
    }
    .new-com-detail .n-play {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 7.375rem;
        height: 2.25rem;
        text-align: center;
        color: #FFFFFF;
        border-radius: 50px;
        border: 1px solid #FFFFFF;
        font-size: 1rem;
        left: calc((100% - 7.375rem)/2);
        cursor: pointer;
    }
    .new-com-detail .n-play img {
        margin-left: .25rem;
        width: 1.5rem;
    }
    #n-page-5 .n-play {
        margin-top: -9rem;
    }
    #n-page-6 .n-play {
        margin-top: -9rem;
    }
    .n-page1-title {
        margin: 0 0 0 0;
    }
    .m-btn2 {
        width: 9.8438rem;
        height: 2.2813rem;
        border: 1px solid #FFFFFF;
        border-radius: 50px;
    }
    .m-btn2 a {
        color: #FFFFFF;
    }
    .n-menu ul {
        display: none
    }
    .new-com-details-page .modal.fade .modal-dialog {
        width: 80%;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}