html {
    font-size: calc((100vw / 1920))!important;
    overflow-x: hidden;
}
.crbrey-con li{list-style: none!important;}
.wow{visibility: hidden;}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .2s ease-in,-webkit-transform .4s linear;transition: opacity .2s ease-in,transform .4s linear;}
@media only screen and (min-width:1025px) {
    .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
}

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont'!important;
}

body,a{color: #292929;}
a{transition: all .3s;cursor: pointer;}
/*@media only screen and (min-width:1025px) {*/
/*a:hover{color: #b8120d!important;}*/
/*}*/

/*.new-header-content .header-cont{width: 1200px;max-width: 94%;}*/
.wrap {
    width: 1400px;
    margin: 0px auto;
    max-width: 90%;
    box-sizing: border-box;

}
@media only screen and (max-width:1366px) {
    .wrap{max-width: 90%;}
}

.line24{line-height: 24px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.ellipsis_p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
    .wrap{max-width: 90%;margin: 0 auto;}


}
@media only screen and (max-width:345px) {
    .wrap{max-width: 97%;margin: 0 auto;}
}
/*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px}
.fnt_20 { font-size:20px;}
.fnt_22 {font-size: 22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px}
.fnt_34 { font-size:34px}
.fnt_36 { font-size:36px}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_60{ font-size:60px;}
.fnt_64{ font-size:64px;}
.fnt_72{ font-size:72px;}
.fnt_80{ font-size:80px;}
.fnt_90{ font-size:90px;}
@media only screen and (max-width:1800px) {
    .fnt_50 { font-size:46px;}
    .fnt_52 { font-size:48px;}
    .fnt_60{ font-size:54px;}
    .fnt_80{ font-size:74px;}
}
@media only screen and (max-width:1660px) {
    .fnt_34 { font-size:30px}
    .fnt_50 { font-size:40px;}
    /*.fnt_52 { font-size:42px;}*/
    .fnt_60{ font-size:44px;}
    .fnt_64{ font-size:60px;}
    .fnt_22 {font-size: 20px;}
    .fnt_80{ font-size:60px;}
}
@media only screen and (max-width:1440px) {
    .fnt_18 { font-size:16px;}
    .fnt_22 {font-size: 18px;}
    .fnt_24 { font-size:22px;}
    .fnt_26 { font-size:22px;}
    .fnt_28 { font-size:24px;}
    .fnt_30 { font-size:28px;}
    .fnt_32 { font-size:28px;}
    .fnt_34 { font-size:28px}
    .fnt_36 { font-size:30px;}
    .fnt_38 { font-size:31px;}
    .fnt_40 { font-size:32px;}
    .fnt_42 { font-size:34px;}
    .fnt_48 { font-size:40px;}
    .fnt_50 { font-size:36px;}
    /*.fnt_52 { font-size:38px;}*/
    /*.fnt_60{ font-size:56px;}*/
    .fnt_64{ font-size:56px;}
    .fnt_72{ font-size:60px;}
    .fnt_80{ font-size:50px;}
    .fnt_90{ font-size:72px;}
}
@media only screen and (max-width:1366px) {
    .fnt_20 { font-size:18px;}
    .fnt_26 { font-size:20px;}
    .fnt_28 { font-size:22px;}
    .fnt_30 { font-size:24px;}
    .fnt_32 { font-size:24px;}
    .fnt_34 { font-size:24px}
    .fnt_36 { font-size:26px;}
    .fnt_38 { font-size:27px;}
    .fnt_40 { font-size:28px;}
    .fnt_42 { font-size:30px;}
    .fnt_48 { font-size:36px;}
    .fnt_50 { font-size:36px;}
    .fnt_52 { font-size:44px;}
    .fnt_60{ font-size:44px;}
    .fnt_64{ font-size:50px;}
    .fnt_72{ font-size:48px;}
    .fnt_90{ font-size:52px;}
    .fnt_80{ font-size:40px;}

}
@media only screen and (max-width:1280px) {
    .fnt_22 {font-size: 16px;}
    .fnt_26 { font-size:18px;}
    .fnt_28 { font-size:20px;}
    .fnt_30 { font-size:22px;}
    .fnt_32 { font-size:22px;}
    .fnt_34 { font-size:22px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:25px;}
    .fnt_40 { font-size:26px;}
    .fnt_42 { font-size:28px;}
    .fnt_48 { font-size:32px;}
    .fnt_50 { font-size:32px;}
    .fnt_52 { font-size:40px;}
    .fnt_60{ font-size:36px;}
    .fnt_64{ font-size:40px;}
    .fnt_72{ font-size:40px;}
    .fnt_90{ font-size:42px;}
    .fnt_80{ font-size:30px;}
}
@media only screen and (max-width:1024px) {
    .fnt_16 { font-size:14px;}
    .fnt_18 { font-size:16px;}
    .fnt_20 { font-size:16px;}
    .fnt_24 { font-size:18px;}
    .fnt_30 { font-size:20px;}
    .fnt_34 { font-size:20px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:24px;}
    .fnt_40 { font-size:24px;}
    .fnt_42 { font-size:24px;}
    .fnt_48 { font-size:26px;}
    .fnt_50 { font-size:26px;}
    .fnt_52 { font-size:26px;}
    .fnt_60{ font-size:32px;}
    .fnt_64{ font-size:34px;}
    .fnt_72{ font-size:36px;}
    .fnt_90{ font-size:36px;}
}
@media only screen and (max-width:767px) {
    /*.fnt_20 { font-size:16px;}*/
    /*.fnt_24 { font-size:16px;}*/
    /*.fnt_30 { font-size:18px;}*/
    /*.fnt_36 { font-size:20px;}*/
    /*.fnt_48 { font-size:20px;}*/
    /*.fnt_52 { font-size:20px;}*/
    /*.fnt_18 { font-size:14px;}*/
    /*.fnt_34 { font-size:18px;}*/
    /*.fnt_36 { font-size:16px;}*/
    /*.fnt_50 { font-size:20px;}*/
    /*.fnt_52 { font-size:28px;}*/
    /*.fnt_60{ font-size:24px;}*/
    /*.fnt_64{ font-size:20px;}*/
    /*.fnt_72{ font-size:24px;}*/
    /*.fnt_90{ font-size:30px;}*/
}
@media only screen and (max-width:480px) {
    .fnt_18 { font-size:16px;}
    .fnt_36 { font-size:24px;}
}

.img100{width: 100%;}
/*===============================正文部分 首页===============================*/


/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}

.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:90%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox .video_t video{height: auto!important;}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close img{color: #fff;;font-weight: bold;width: 30px;}


.phone-show{display: none;}

.crbrey{position: relative;}
@media only screen and (min-width:1025px) {
    .btn_01 .wraph_in{border-top: none!important;}
}


.crbrey01,.crbrey03{background: #000;}
.crbrey01 img,.crbrey03 img{width: 100%;}
/* crbrey01 Apple Vision Pro style scroll animation */
.crbrey01-scroll-container{position: relative;height: 180vh;}
.crbrey01-sticky-wrap{position: sticky;top: 80px;height: 100vh;overflow: hidden;background: #000;}
.crbrey01-bg-video{position: absolute;top: 0px;left: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.crbrey01-video-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);z-index: 1;will-change: opacity;}
.crbrey01-text-overlay{position: absolute;left: 0;width: 100%;z-index: 2;text-align: center;pointer-events: none;will-change: transform;top: 50%;transform: translate(0,-50%);}
.crbrey01-text-overlay h2{color: #fff;font-weight: bold;width: 1167px;max-width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 16px;}
.crbrey01-text-overlay h2 em{font-style: normal;font-weight: bold;display: block;background: linear-gradient(270deg, #AD8DFF 25.21%, #89CCFF 71.32%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.crbrey01-text-overlay h2 br{display: none;}
.crbrey01-text-overlay p{color: #878787;margin-top: 10px;width: 1167px;max-width: 80%;margin-left: auto!important;margin-right: auto!important;}
.crbrey01-text-overlay p br{display: none;}
.crbrey02{position: relative;}
.crbrey02 img{width: 100%;background: #000;}
.pub-tit{position: absolute;left: 0;top: 64rem;width: 100%;text-align: center;color: #000;padding: 0;box-sizing: border-box;z-index: 3;}
.pub-tit h2{font-weight: bold;
    width: 1167px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.pub-tit h2 br{display: none;}
.pub-tit h2 em{
    background: linear-gradient(to right, #EDE4FF 0%,#CCB4FF 15%,#A455FF 71%, #5C11FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;font-style: normal;
    display: block;width: 260px;height: 49.6px;
    display: flex;align-items: center;justify-content: center;
    position: relative;
    margin-left: auto;margin-right: auto;
    margin-bottom: 10px;
}
.pub-tit h2 em:after{
    display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    content: "";
    background: url(../RJ-img/cap62o-bg.webp) no-repeat center;background-size: cover;z-index: -1;
}
.pub-tit p{color: #B1B1B1;margin-top: 10px;
    width: 1167px;
    max-width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}
.crbrey>img,.crbrey>video{width: 100%;}
.cap62o-01 .pub-tit{color: #fff;}
.cap62o-01 .pub-tit p{color: #E5E5E5;}
.cap62o_list li{position: absolute;z-index: 10;}
.cap62o_list li span{
    width: 12px;height:12px;display: block;cursor: pointer;
    background-color: #AE6BFF;border-radius: 50%;position: relative;
    z-index: 2;isolation: isolate;
}
.cap62o_list li span::before,
.cap62o_list li span::after{
    content: '';position: absolute;top: 50%;left: 50%;
    width: 100%;height: 100%;margin: -50% 0 0 -50%;
    border-radius: 50%;box-sizing: border-box;
    animation: pulseRing 1.5s ease-out infinite;
    z-index: -1;
}
.cap62o_list li span::before{background: rgba(88, 0, 195, 0.68);}
.cap62o_list li span::after{background: rgba(174, 113, 255, 0.45);animation-name: pulseRingBig;}
@keyframes pulseRing {
    0% {transform: scale(1);opacity: 0.9;}
    100% {transform: scale(3);opacity: 0;}
}
@keyframes pulseRingBig {
    0% {transform: scale(1.8);opacity: 0.5;}
    100% {transform: scale(5);opacity: 0;}
}
.li01{left: 25%;top: 46.4%;}
.cap62o_list li img{display: block;margin-bottom: 10rem;}
.cap62o_list li img.phone-show{display: none;}
.img011{width: 201rem;}
.img022{width: 88rem;}
.rap05-img{transform: translate(-100rem, -249rem) scale(0);transition: all .5s;position: absolute;}
.cap62o_list li.on .rap05-img{transform: translate(-210rem,-104rem) scale(1);}

.cap62o-03{background: #fff;padding: 64px 0;box-sizing: border-box;}
.cap62o-03 .pub-tit{position: static;}
.pon08-con{margin-top: 54px;}
.cr510xs-04 ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 24px 12px;}
.cr510xs-04 li dd img{width: 100%;}
.cr510xs-04 li dt{color: #373737;margin-top: 10px;word-break: break-word;}
.cr510xs-05{background: #fff;margin-top: -1px;}
.cr510xs-05 .pub-tit{color: #1E1E1E;}
.cr510xs-05-list{position: absolute;
    transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);
    top: 13%;left: 50%;
}
.cr510xs-05-list ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 100px;}
.cr510xs-05-list ul li{position: relative;display: flex;align-items: center;}
.cr510xs-05-list ul li:before{content: "";display: block;width: 6px;height: 6px;background: #AD8DFF;margin-right: 8px;}

.cap62o-04{background: #fff;padding-top: 64px;}
.cap62o-04 .pub-tit{position: static;}
.cap62o-04-div{position: relative;}
.cap62o-04-div img{width: 100%;}
.cap62o-04-list{position: absolute;left: 55.8%;top: 50%;z-index: 2;width: 460px;}
.cap62o-04-list li{margin-bottom: 33rem;}
.cap62o-04-list dd{display: flex;align-items: center;gap: 11px;font-weight: 400;color: #444444;margin-bottom: 12px;}
.cap62o-04-list dd span{width: 21px;height: 21px;background: #9E6EFF;color: #fff;text-align: center;line-height: 21px;display: block;}
.cap62o-04-list dt{color: #696969;}

.crbrey04{padding: 64px 0;box-sizing: border-box;background: #000;}
.crbrey04 .pub-tit{position: static;}
.crbrey04 .pub-tit h2 br{display: block;}
.Network-list{margin-top: 64px;}
.Network-list ul{margin-left: -12px;margin-right: -12px;margin-bottom: 16px;}
.Network-list li{float: left;width: 25%;padding: 0 12px;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.Network-list li dl{height: 280px;border-radius: 12px;border: 1px solid #5C5C5C;box-sizing: border-box;color: #fff;overflow: hidden;}
.Network-list dd{height: 100%;position: relative;}
.Network-list .dd-t{padding: 0 24px;box-sizing: border-box;position: absolute;width: 100%;display: flex;align-items: center;top: 24px;justify-content: space-between;}
.Network-list .dd-t img{height: 51px;width: auto;}
.Network-list .dd-b{position: absolute;bottom: 24px;padding: 0 24rem;box-sizing: border-box;width: 195px;width: 100%;}
.Network-list dt{position: relative;overflow: hidden;opacity: 0;width: calc(100% + 2px);height: calc(100% + 2px);margin-top: -1px;margin-left: -1px;}
.Network-list li dt:after{content: "";display: block;width: 400rem;height: 100%;
    /*background: url(../RJ-img/bg.png) no-repeat center;background-size: cover;background-size: 100% 100%;*/
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    z-index: 0;
    position: absolute;left: 0;top: 0;}
.Network-list li dt:before{content: "";display: block;width: 100%;height: 50%;
    /*background: url(../RJ-img/bg.png) no-repeat center;background-size: cover;background-size: 100% 100%;*/
    background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
    z-index: 0;
    position: absolute;left: 0;bottom: 0;}
.Network-list dt video{width: auto;height: 100%;}
/*.Network-list li dt em{*/
    /*display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;*/
    /*background: url(../RJ-img/bgall.png) no-repeat center;background-size: cover;z-index: 0;*/
/*}*/
.dt-text{width: 48.2%;position: absolute;left: 24px;bottom: 24px;z-index: 3;max-height: calc(100% - 48px);width: 400px;opacity: 0;}
.dt-text p{width: 350rem;}
.dt-text span{display: block;color: #BFBFBF;font-weight: 300;margin-top: 8px;width: 350rem;}
.dt-text span b{color: #fff;}
.Network-list li.on{width: 50%;}
.Network-list li.on dd{display: none;}
.Network-list li.on dt{display: flex;align-items:center;opacity: 1;justify-content: flex-end;}
.Network-list li.on dt img{width: 100%;}
.Network-list li.active .dt-text{animation: fadeInUp 1s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards; transition: all 1s;opacity: 1;}
.Network-list li.onn{width: 16.666%;}
.cap62o-02 .Network-list{margin-top: 0;}

.cap62o-07{padding-top: 64px;background: #fff;}
.cap62o-07 .pub-tit{position: static;}
.cap62-l-tab{display: flex;justify-content: center;margin-top: 10px;margin-bottom: 36px;}
.cap62-l-tab ul{display: flex;justify-content: center;gap: 100rem;border-bottom: 1px solid #BFBFBF;}
.cap62-l-tab ul li{padding: 10px 0;position: relative;cursor: pointer;}
.cap62-l-tab ul li:after{content: "";display: block;width: 100%;height: 1px;position: absolute;bottom: -1px;left: 0;
    background: linear-gradient(to right, #89CCFF 0%,#AD8DFF 100%);
    width: 0;transition: all .3s;
}
.cap62-l-tab ul li.on{color: #A455FF;font-weight: bold;}
.cap62-l-tab ul li.on:after{width: 100%;}
.cap62-l-item{display: none;}
.cap62-l-item dl{display: flex;justify-content: space-between;}
.cap62-l-item dt{width: 64%;}
.cap62-l-item dt video{width: 100%;}
.cap62-l-item dd{width: 33.6%;padding-top: 20px;}
.cap62-l-item dd h3{margin-bottom: 10px;}
.cap62-l-item dd img{width: 270rem;margin: 20px 0;}
.cap62-l-item dd span{display: block;font-weight: 100;}
.cap62-l-item dd p{}
.cap62-l-item.on{display: block;}

.cap62o-05 .pub-tit{width: 468rem;left: 14.5%;top: 36%;text-align: left;}
.cap62o-05 .pub-tit h2{color: #fff;width: 100%;max-width: 100%;}
.cap62o-05 .pub-tit p{width: 100%;max-width: 100%;margin-top: 32rem;}
.cap62o-05 .pub-tit p span{
    background: linear-gradient(to right, #89CCFF 0%,#AD8DFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cap62o-06 .pub-tit{color: #fff;}


.RG-CS61_01 .pub-tit h2 br{display: block;}
.RG-CS61_01 .pub-tit h2 em{
    background: linear-gradient(to right, #89CCFF 0%,#AD8DFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;width: auto;
    display: inline-block;
    height: auto;
    margin-bottom: 0;
}
.RG-CS61_01 .pub-tit h2 em:after{display: none;}


.NBS3100-24GT4MS-04-list{display: flex;justify-content: center;position: absolute;top: 150rem;width: 100%;color: #1e1e1e;}
.NBS3100-24GT4MS-04-list ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 8rem 20rem;}
.NBS3100-24GT4MS-04-list li p{display: flex;align-items: center;gap:5px;}
.NBS3100-24GT4MS-04-list li p em{display: block;width: 5px;height: 5px;background: #AD8DFF;}

.pon08-con-tips{font-size: 15px;margin-top: 48px;color: #8D8D8D;font-style: oblique;}
/*6种情况的样式*/
.sixList.Network-list li{width: 33.3%;}
.sixList.Network-list li.on{width: 49%;}
.sixList.Network-list li.onn{width: 25.5%;}
/*7种情况的样式*/
.sevenList.Network-list ul:last-child li{width: 33.3%;}
.sevenList.Network-list ul:last-child li.on{width: 49%;}
.sevenList.Network-list ul:last-child li.onn{width: 25.5%;}
/*9种情况的样式*/
.nineList.Network-list li{width: 33.3%;}
.nineList.Network-list li.on{width: 49%;}
.nineList.Network-list li.onn{width: 25.5%;}
/*11种情况的样式*/
.elevenList.Network-list ul:last-child li{width: 33.3%;}
.elevenList.Network-list ul:last-child li.on{width: 49%;}
.elevenList.Network-list ul:last-child li.onn{width: 25.5%;}
@keyframes fadeInUp2 {
    from {
        opacity: 0;
        transform: translateY(28px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.btnfr{margin-top: 0!important;}

@media screen and (min-width: 1024px) {
    /* .crbrey01{height: 100vh;} */
    /*.crbrey01{margin-top: -116px;}*/
}
@media screen and (max-width: 1661px) {
    .cf50xs_list{left: 7%;}
    .NBS3100-24GT4MS-04-list ul{font-size: 16px;}
}
@media screen and (max-width: 1440px) {
    .newDetail video {
        mix-blend-mode: inherit;
    }
    .cf50xs_list{gap: 14px;}
}

@media only screen and (max-width:1366px) {

    .crbrey05-con-txt{width: 30%;left: 65%;}
    .crbrey05-txt{font-size: 14px;}
    .crbrey07 .crbrey05-con-txt{width: 30%;}
    .dt-text span{font-size: 12px;}
}
@media only screen and (max-width:1281px) {
    .cf50xs_list{left: 5%;}
    .cf50xs_list li{width: 230px;padding: 20px;}
    .cf50xs_list li p{font-size: 20px;}
    .cf50xs_list li span{font-size: 14px;}
    .Network-list li dt:before{content: "";display: block;width: 100%;height: 50%;
        /*background: url(../RJ-img/bg.png) no-repeat center;background-size: cover;background-size: 100% 100%;*/
        background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
        z-index: 0;
        position: absolute;left: 0;bottom: 0;}
}

@media only screen and (max-width:1024px) {
    .pub-tit{}
    .pub-tit p br{display: none;}
    .crbrey01,.crbrey02,.crbrey03{padding-top: 64px;}
    .crbrey01 .pc-show,.crbrey02 .pc-show,.crbrey03 .pc-show,.cf50xs-02 .pc-show,.cf50xs-03 .pc-show{display: none;}
    .crbrey01 .phone-show,.crbrey02 .phone-show,.crbrey03 .phone-show,.cf50xs-02 .phone-show,.cf50xs-03 .phone-show{display: block}
    .crbrey01 .pub-tit,.crbrey02 .pub-tit,.crbrey03 .pub-tit{position: static;margin-bottom: 40px;}
    .crbrey01-scroll-container{height: auto;}
    .crbrey01-sticky-wrap{position: static;height: auto;}
    .crbrey01-bg-video{position: static;height: auto;object-fit: contain;}
    .crbrey01-text-overlay{position: static;padding: 32px 0;opacity: 1;transform: none;filter: none;}
    .crbrey01-video-mask{display: none;}

    .Network-list ul{margin-bottom: 0;}
    .Network-list li{width: 100%!important;margin-bottom: 10px;}
    .Network-list .pc-show{display: none;}
    .Network-list .phone-show{display: block;}
    .Network-list li dl{height: auto;}
    .Network-list dd{display: block!important;height: auto;}
    .Network-list dt,.Network-list li.on dt{opacity: 1;display: none;height: auto;background: none !important;padding-bottom: 0px;}
    .Network-list dt img{width: 100%;}
    .Network-list dt video{width: 100%;height: auto;}
    .Network-list li dt em{display: none;}
    .dt-text span{width: 100%;font-size: 14px;}
    .pdiv{display: flex!important;justify-content: space-between;align-items: center;padding:16px 20px;box-sizing: border-box;}
    .pLeft{display: flex;align-items: center;}
    .pLeft img{width: 40px;height: 40px;margin-right: 10px;}
    .dt-text{position: static;width: 100%;padding: 0 20px;box-sizing: border-box;margin-bottom: 10px;}
    .dt-text p{display: none;}

    .cap62o-04{padding: 64px 0;box-sizing: border-box;overflow: hidden;background: #fff;}
    .cap62o-04 .pc-show{display: none;}
    .cap62o-04 .phone-show{display: block;}
    .cap62o-04 .pub-tit{position: static;margin-bottom: 20px;}
    .cap62o-04-list{position: static;margin-top: 34px;padding: 0 34px;box-sizing: border-box;width: 100%;transform: none!important;}
    .Network-list li dt:after,.Network-list li dt:before{display: none;}
    .dt-text span,.dt-text p{width: 100%;}

    .cap62-l-item dl{display: block;}
    .cap62-l-item dd,.cap62-l-item dt{width: 100%;}
    .cap62-l-item dt{margin-top: 40px;}
    .cap62-l-item dd img{width: 270px;}

    .cap62o-05{padding-bottom: 64px;box-sizing: border-box;}
    .cap62o-05 .pc-show{display: none;}
    .cap62o-05 .phone-show{display: block;}
    .cap62o-05 .pub-tit{position: static;width: 100%;text-align: center;margin-bottom: 32px;padding: 0 40px;}
    .cap62o-05 video{width: 136%;margin-left: -18%;}


    .cap62o-09{padding-top: 64px;background: #fff;}
    .cap62o-09 .pub-tit{position: static;}
    .NBS3100-24GT4MS-04-list{position: static;color: #606060;margin-bottom: 20px;margin-top: 20px;padding: 0 20px;box-sizing: border-box;}
    .NBS3100-24GT4MS-04-list ul{grid-template-columns: repeat(1, 1fr);gap: 10px;}
    .pon08-con-tips{font-size: 14px;}
}
@media screen and (max-width: 990px) {
    .header_empty {
        height: 60px!important;
    }
    .btnfr {
        margin-top: 0!important;
    }
}
@media only screen and (max-width:767px) {
    .pc-show{display:none!important;}
    .phone-show{display:block!important;}
    .vide0_close i{font-size: 24px;}
    .pub-tit{padding: 0 20px;top: 64px;}
    .pub-tit h2,.pub-tit p{width: 100%;max-width: 100%;}
    .pub-tit h2 br{display: block;}
    .pub-tit p{font-size: 14px;}
    /* .crbrey01,.crbrey03{padding-top: 32px;} */
    .cap62o-01 .pc-show{display: none;}
    .cap62o-01 .phone-show{display: block;}
    .pub-tit h2 em{width: 208px;height: 35px;}
    .pub-tit h2 em:after{background: url(../RJ-img/cap62o-bg-p.webp) no-repeat center;background-size: 100% 100%;}
    .cap62o-01 .pub-tit h2{font-size: 22px;}
    .li01 {
        left: 8%;
        top: 68.4%;
    }
    .img033{width: 220px;}
    .cap62o_list li img.phone-show{display: block;}
    .rap05-img {
        transform: translate(-105px, -75px) scale(0);
        margin-top: 0;
    }
    .cap62o_list li.on .rap05-img {
        transform: translate(-7px, -125px) scale(1);
        margin-top: 0;
    }

    .pdiv{display: flex!important;gap: 12px;}
    .Network-list{margin-top: 36px;}

    .cr510xs-04 .wrap {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .cr510xs-04 ul {
        display: grid;
        padding: 0 24px 16px 24px;
        grid-template-columns: repeat(2, calc(50vw - 36px));
        grid-template-rows: repeat(2, auto);
        grid-auto-columns: calc(50vw - 36px);
        grid-auto-flow: column;
        gap: 16px 8px;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        margin: 0;
    }

    .cap62o-04-list li{margin-bottom: 24px;}
    .cap62o-04-list li:last-child{margin-bottom: 0;}

    .cap62-l-tab{margin-bottom: 24px;}
    .cap62-l-item dd img{width: 147px;}
    .cap62-l-item dt{margin-top: 24px;}
    .cap62o-05 .pub-tit{padding: 0 20px;}
    .cap62o-06{padding-bottom: 64px;}
    .cap62o-06 .pub-tit{position: static;}
    .RG-CS61_01{padding-top: 64px;}
    .RG-CS61_01 .pub-tit{position: static;margin-bottom: 12px;}
    .NBS3100-24GT4MS-04-list ul{font-size: 12px;}
    .pon08-con-tips{padding: 0 20px;box-sizing: border-box;overflow: hidden;margin-top: 40px;}
}

@media only screen and (max-width:480px) {
    .wrap {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

}