.relative{position:relative;background:#222}.isabsolute{position:absolute;background:""}.jdc-advertisement-tips{position:relative;z-index:200;top:0;left:0;width:100%;color:#fff;height:70px;font-size:12px}.jdc-advertisement-tips .advertisement-bg{position:absolute;height:70px;background-repeat:no-repeat;background-position:50%;width:100%;background-size:1920px 70px}.jdc-advertisement-tips .advertisement-pc-close{position:absolute;right:18px;height:70px;line-height:70px}.jdc-advertisement-tips .advertisement-pc-close img{height:30px;width:30px}.jdc-advertisement-tips .advertisement-m-close,.jdc-advertisement-tips .advertisement-mbg{display:none}@media (max-width:768px){.jdc-rwd .jdc-advertisement-tips{position:relative;z-index:1001;top:0;left:0;width:100%;color:#fff;height:auto;font-size:12px}.jdc-rwd .jdc-advertisement-tips .advertisement-bg,.jdc-rwd .jdc-advertisement-tips .advertisement-pc-close{display:none}.jdc-rwd .jdc-advertisement-tips .advertisement-mbg{position:relative;display:block}.jdc-rwd .jdc-advertisement-tips .advertisement-mbg .advertisement-pic{height:auto;width:100%}.jdc-rwd .jdc-advertisement-tips .advertisement-m-close{display:block;position:absolute;left:18px;top:55%;margin-top:-14px}.jdc-rwd .jdc-advertisement-tips .advertisement-m-close img{height:14px;width:14px}}.jdc-search-dropdown{padding:0}.nav-search-listBlock .search-to{display:none}.nav-search-listBlock .search-to.search-resulto-open{display:block}.nav-search-listBlock .search-result-ul{display:none;width:100%;top:38px;left:0;z-index:102;background-color:#fff;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 8px 8px 0 rgba(0,0,0,.08)}.nav-search-listBlock .search-result-ul li{padding:2px 0;width:100%;margin:0}.nav-search-listBlock .search-result-ul li .search-result-link{font-size:14px;padding:8px 16px;line-height:24px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.nav-search-listBlock .search-result-ul li .search-result-link:hover{background:#f8f9fb;color:#e1251b}.nav-search-listBlock .search-result-ul.search-result-open{display:block}.jdc-search-dropdown ul{overflow:hidden;margin:0}.jdc-search-dropdown ul li{float:left;margin-right:12px;margin-bottom:12px}.jdc-search-dropdown ul li a{padding:2px 8px;border:1px solid #ddd;line-height:22px;font-size:14px}.jdc-search-dropdown ul li:hover a{border:1px solid #e1251b}.jdc-search-dropdown{width:400px}.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit,.jdc-search-dropdown .search-hotBlock .jdc-search-dropdown-tit{position:relative;color:#8c8c8c;font-size:12px;margin-bottom:8px;padding-left:0}.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit:after{position:absolute;content:"";width:1px;height:12px;background:#e5e5e5;left:52px;top:2px}.delete-icon{position:absolute;background:url(../image/gray-delete.png) 50% no-repeat;height:20px;width:20px;left:60px;top:-2px;background-size:cover;cursor:pointer}.delete-icon:hover{background:url(../image/red-delete.png) 50% no-repeat;background-size:cover}.search-historyBlock{display:none;position:relative;border-bottom:1px dashed #e5e5e5;margin:0 16px 8px}.search-historyBlock.history-active{display:block}.search-hotBlock{padding-left:16px}.beforeInput-block{display:block}.beforeInput-block.search-resulbefore-open{display:none}.hd_menu_dropdown{background:#f1f3f6}.dropdown-product-left{background:url(../image/dropdown-left.jpg);background-size:cover}.hd-dropdown-col-about{background:url(../image/dropdown-left.jpg) 100% 100%;background-size:cover}.dropdown-product-col-right{padding-left:16px}.dropdown-recommend{position:relative;z-index:10;padding:24px 10px 0 0}.recommend-card{margin-bottom:24px}.recommend-card-img .card-tit{display:block;line-height:22px;color:#595959;margin-bottom:8px}.recommend-card-img .card-img{display:block;padding:4px;background-color:#fff}.recommend-card-img .card-img img{vertical-align:top;width:100%}.recommend-card-txt{background:url(../image/bg-card1.png) no-repeat top;background-size:auto 100px;background-color:hsla(0,0%,100%,.7);border:2px solid #fff;box-shadow:0 4px 8px 0 rgba(192,199,209,.2);padding:16px 24px 12px}.recommend-card-txt .tit{font-size:0;overflow:hidden}.recommend-card-txt .tit i{float:left;width:32px;height:32px;margin-right:8px;overflow:hidden}.recommend-card-txt .tit i img{vertical-align:top;max-width:100%}.recommend-card-txt .tit b{display:block;margin-top:6px;line-height:24px;font-size:16px;font-weight:600;-webkit-line-clamp:1}.recommend-card-txt .txt-ul{margin-top:5px}.recommend-card-txt .txt-ul li a{display:block;line-height:20px;padding:8px 0}.recommend-card-txt .txt-ul li+li{border-top:1px dashed #d9d9d9}.recommend-card-txt:nth-child(2){background:url(../image/bg-card2.png) no-repeat top;background-size:auto 100px;background-color:hsla(0,0%,100%,.7)}.recommend-card-txt:nth-child(3){background:url(../image/bg-card3.png) no-repeat top;background-size:auto 100px;background-color:hsla(0,0%,100%,.7)}.hd-dropdown-col-right{padding-left:16px}.hd-dropdown-col-right:after{content:"";position:absolute;top:0;right:0;width:20%;bottom:0;border-left:1px solid #e5e5e5;z-index:1}.dropdown-product-search .hot-box{width:auto}.hd-dropdown-dl dd p.solution-title{font-size:14px;color:#8c8c8c;line-height:22px;padding:5px 0}.hd-dropdown-dl dd .solution{line-height:22px;padding:5px 0;font-size:14px;white-space:normal}.ml16{margin-left:16px}.jdc-index-btn{box-sizing:border-box;display:inline-block;padding:0 20px;min-width:104px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));background:linear-gradient(90deg,#fd441f,#e1251b);border:1px solid #e1251b}.jdc-index-btn:after{opacity:0;right:16px}.jdc-index-btn:hover{color:#fff;padding:0 25px 0 15px}.jdc-index-btn:hover:after{opacity:1}.jdc-index-btn2{box-sizing:border-box;display:inline-block;padding:0 20px;min-width:104px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#e1251b;background-color:#fff;border:1px solid #e1251b}.jdc-index-btn2:after{opacity:0;right:16px}.jdc-index-btn2:hover{color:#e1251b;padding:0 25px 0 15px}.jdc-index-btn2:hover:after{opacity:1}.jdc-index-btn3{box-sizing:border-box;display:inline-block;padding:0 20px;min-width:104px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#262626;background-color:#fff;border:1px solid #262626}.jdc-index-btn3:after{opacity:0;right:16px}.jdc-index-btn3:hover{color:#262626;padding:0 25px 0 15px}.jdc-index-btn3:hover:after{opacity:1;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.el-select-dropdown__list .el-select-dropdown__item.selected{color:#e1251b;font-weight:700;background-color:transparent}.el-select-dropdown__list .el-select-dropdown__item.selected.hover{color:#e1251b;font-weight:700;background-color:#f5f5f5}.el-select-dropdown__list .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,.el-select-dropdown__list .el-select-dropdown__item.hover,.el-select-dropdown__list .el-select-dropdown__item:hover{background-color:#f5f5f5}.jc_hd{position:absolute;background:none;background:hsla(0,0%,100%,.34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:all .25s ease;transition:all .25s ease}.jc_hd:hover{background:#fff}.w600{font-weight:600}.jdc-first-screen{position:relative;height:650px}.fs-slide{height:650px}.fs-slide .swiper-slide .j-w{height:650px;position:relative;z-index:2}.fs-slide .fs-slide-item{display:block;position:relative;height:650px;color:#333;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;background-color:#eef2f5;background-size:1920px 650px;background-repeat:no-repeat;background-position:50%}.fs-slide .fs-slide-item img{vertical-align:top;width:100%}.fs-slide .fs-slide-item .fs-slide-ct{padding-top:115px;width:630px}.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-label-box{height:24px;margin-bottom:8px}.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-label{color:#e1251b;font-size:14px;height:22px;line-height:22px;padding:0 10px;display:inline-block;border:1px solid #e1251b;border-radius:0 12px 12px 12px;max-width:100%}.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-txt{height:104px}.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit{font-size:40px;font-weight:600;line-height:60px;max-height:60px;overflow:hidden;color:#262626}.fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des{font-size:18px;margin-top:16px;line-height:28px;max-height:28px;overflow:hidden;color:#595959}.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn{margin-top:40px;border-radius:0;background:-webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));background:linear-gradient(90deg,#fd441f,#e1251b);color:#fff;font-size:16px;font-weight:600;padding:8px 20px;min-width:96px}.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:after{opacity:0;right:20px}.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:hover{color:#fff;padding:8px 25px 8px 15px}.fs-slide .fs-slide-item .fs-slide-ct .jdc-btn:hover:after{opacity:1}.fs-slide .swiper-slide-active{z-index:10}.jdc-first-screen .banner-swiper-paginnation{position:absolute;left:0;right:0;top:406px}.jdc-first-screen .banner-swiper-paginnation .jdc-swiper-pagination{bottom:6px;width:auto;left:0}.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet{background-color:rgba(38,38,38,.15);opacity:1;width:40px;height:3px;margin:0 4px;padding:12px 0;position:relative}.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;top:50%;left:0;width:0;height:3px;background-color:#e1251b;opacity:1;margin-top:-1.5px}.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet-active{background-color:rgba(38,38,38,.15);opacity:1}.fs-slide .jdc-swiper-pagination .swiper-pagination-bullet-active:after{-webkit-animation:widthAnimat 5s linear forwards;animation:widthAnimat 5s linear forwards}@keyframes widthAnimat{0%{width:0}to{width:40px}}@-webkit-keyframes widthAnimat{0%{width:0}to{width:40px}}.core-wrap{position:absolute;bottom:30px;left:0;right:0;z-index:2}.core-wrap .j-col-9{height:130px}.m-live-box{display:none}.live-item{display:block;height:130px;box-shadow:0 6px 16px 0 rgba(192,199,209,.6);background:linear-gradient(177.5deg,rgba(230,238,255,.6),rgba(232,240,255,.6)),linear-gradient(270deg,rgba(255,225,225,.48),rgba(248,222,237,.6) 28.88156903%,rgba(231,225,251,.6) 60.65010438%,rgba(192,216,255,.54)),linear-gradient(90deg,#f9faff,#f7f9ff)}.live-item .left-img{float:left;height:130px;position:relative;overflow:hidden}.live-item .left-img:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,37,63,.2)}.live-item .left-img img{vertical-align:top;max-height:100%;-webkit-transition:all .25s ease;transition:all .25s ease}.live-item .left-img .icon-play{position:absolute;z-index:1;top:50%;left:50%;margin:-18px 0 0 -18px;width:20px;height:20px;padding:7px;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.3);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-item .left-img .icon-play i{display:inline-block;width:20px;height:20px;background:url(../image/icon-play.png) no-repeat 2px;background-size:18px auto}.live-item .left-img .desc{position:absolute;top:0;left:0;width:100%;height:26px;z-index:1;background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/hd-live.png) no-repeat 50%;background-size:cover;text-align:center;font-size:0;box-sizing:border-box;padding-top:3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.live-item .left-img .desc span{display:inline-block;vertical-align:middle;font-size:12px}.live-item .left-img .desc .icon-live{height:18px;line-height:18px;color:#9c1a13;padding:0 4px;border-radius:9px 9px 0 9px;background:-webkit-gradient(linear,left top,right top,from(#fec),to(#fed99d));background:linear-gradient(90deg,#fec,#fed99d);margin-right:6px;width:48px}.live-item .left-img .desc .time{color:#fff;text-shadow:0 1px 2px rgba(154,0,0,.52)}.live-item .left-img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.live-item .left-img:hover .icon-play{background:hsla(0,0%,100%,.4)}.live-item .center-txt{overflow:hidden;height:130px;box-sizing:border-box;background:url(../image/core-right.jpg) no-repeat 50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 32px;background-size:cover;color:#fff}.live-item .center-txt:hover .title{color:#e1251b}.live-item .center-txt .core-item{background:none}.live-item .center-txt .core-item .tit{font-weight:600}.live-item .center-txt .core-item:hover .tit{margin-top:0}.live-item .center-txt .core-item:hover p{opacity:1;color:#262626}.live-item .center-txt .desc{line-height:20px}.live-item .center-txt .desc .icon-live{display:inline-block;vertical-align:middle;height:20px;font-size:12px;padding:0 8px;border-radius:10px 10px 0 10px;background:-webkit-gradient(linear,right top,left top,from(#8cbdf9),to(#548aff));background:linear-gradient(270deg,#8cbdf9,#548aff);margin-right:10px}.live-item .center-txt .desc .icon-live i{display:inline-block;vertical-align:-2px;width:12px;height:12px;background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live0.png) no-repeat 50%;background-size:cover;margin-right:3px}.live-item .center-txt .desc .st1{background:-webkit-gradient(linear,right top,left top,from(#bec6eb),to(#6c759d));background:linear-gradient(270deg,#bec6eb,#6c759d)}.live-item .center-txt .desc .st1 i{background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live1.png) no-repeat 50%;background-size:cover}.live-item .center-txt .desc .st2{background:-webkit-gradient(linear,right top,left top,from(#fbbd87),to(#ee9a57));background:linear-gradient(270deg,#fbbd87,#ee9a57)}.live-item .center-txt .desc .st2 i{background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/icon-live2.png) no-repeat 50%;background-size:cover}.live-item .center-txt .desc .time{vertical-align:middle;font-size:16px}.live-item .center-txt .txt{margin-top:12px;line-height:24px;max-height:48px;font-size:16px;font-weight:600}.left-box{box-shadow:0 6px 16px 0 rgba(192,199,209,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:130px}.left-box .left-box-item{display:inline-block;box-sizing:border-box;height:100%;padding:27px 27px 36px 30px}.left-box .left-box-item .item-title{display:-webkit-box;display:flex;height:32px;line-height:32px;overflow:hidden}.left-box .left-box-item .item-title .item-logo{width:32px;height:32px}.left-box .left-box-item .item-title h1{color:#262626;font-size:18px;display:inline-block;position:relative;padding:0 10px}.left-box .left-box-item .item-title h1:after{content:"";position:absolute;top:50%;right:0;width:6px;height:8px;margin-top:-4px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-transition:all .25s ease;transition:all .25s ease}.left-box .left-box-item .item-desc{color:#262626;font-size:14px;margin-top:17px}.left-box .core-item-market{display:none}.right-box{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%}.right-box .item-logo{width:32px;height:32px;margin:9px 4px 9px 0}.right-box .title{color:#262626;height:50px;line-height:50px;font-size:20px;font-weight:600;padding-right:20px;border-right:1px solid hsla(0,0%,74.9%,.6);width:140px}.right-box .item-desc{-webkit-box-flex:1;flex:1;line-height:22px;padding-left:20px;font-size:14px;font-weight:400;color:#262626}.core-item{position:relative;height:130px;padding:24px;background-color:hsla(0,0%,100%,.7);background-image:url(../image/bg-core1.png);background-position:50%;background-size:cover;box-sizing:border-box;overflow:hidden}.core-item,.core-item .tit{display:block;-webkit-transition:all .25s ease;transition:all .25s ease}.core-item .tit{font-size:18px;font-weight:500;line-height:24px}.core-item .tit i{display:inline-block;vertical-align:top;width:32px;height:32px;margin-right:8px}.core-item .tit i img{vertical-align:top;max-width:100%}.core-item .tit span{display:inline-block;vertical-align:top;margin-top:6px}.core-item p{opacity:1;margin-top:16px;line-height:20px;-webkit-transition:all .25s ease;transition:all .25s ease}.core-item:hover{background-color:#fff}.core-item:hover .tit{margin-top:20px}.core-item:hover .tit .arr-black{color:#e1251b}.core-item:hover .tit .arr-black:after{-webkit-transform:translate(4px);transform:translate(4px);background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23E1251B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.core-item:hover p{opacity:0}.core-item-2{background-image:url(../image/bg-core2.png)}.core-item-3{background-image:url(../image/bg-core3.png)}@-webkit-keyframes fadeInUp-m{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp-m{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInUp-s{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp-s{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes bounce-down{50%{-webkit-transform:translateY(-4px)}to{-webkit-transform:translateY(0)}}@keyframes bounce-down{50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.fs-pc-img{display:block;width:100%;height:100%;background-size:cover;background-position:50%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.fs-m-img,.m-dynamic{display:none}.banner-video{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .1s ease .1s;transition:all .1s ease .1s}.swiper-slide-active .banner-video{opacity:1}@media (max-width:1680px){.core-item{padding:24px 16px}}@media (max-width:1440px){.core-item{padding:24px 8px}}@media (max-width:1240px){.jdc-rwd{overflow-x:auto;min-width:1240px}}@media (max-width:768px){.jdc-rwd{min-width:320px}.jdc-rwd .jc_hd{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-transition:none;transition:none}.jdc-rwd .banner-video,.jdc-rwd .fs-pc-img{display:none}.jdc-rwd .fs-m-img{display:block}.jdc-rwd .jdc-first-screen{height:auto}.jdc-rwd .core-wrap{bottom:-36px}.jdc-rwd .core-wrap .j-col-9{display:none}.jdc-rwd .fs-slide{margin-bottom:0;width:100%;height:auto;background:none}.jdc-rwd .fs-slide .fs-slide-item{width:100%;height:210px;background:none}.jdc-rwd .fs-slide .fs-slide-item .fs-m-img{height:210px;-o-object-fit:cover;object-fit:cover}.jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct{position:absolute;top:30px;left:16px;width:150px;text-align:left;padding-top:0}.jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-txt{width:100%;height:auto;padding-bottom:0}.jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-tit{font-size:16px;line-height:24px;max-height:48px;min-height:48px}.jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .fs-slide-des{display:none}.jdc-rwd .fs-slide .fs-slide-item .fs-slide-ct .jdc-btn{display:none;margin-top:0;font-size:14px;padding:5px 12px;min-width:100px}.jdc-rwd .fs-slide .swiper-slide .j-w{height:auto}.jdc-rwd .jdc-first-screen .banner-swiper-paginnation{top:auto;bottom:34px;left:12px}.jdc-rwd .jdc-first-screen .jdc-swiper-pagination{left:0;bottom:4px}.jdc-rwd .fs-slide .jdc-swiper-pagination .swiper-pagination-bullet{width:20px;height:3px;margin:0 4px;padding:8px 0}.jdc-rwd .live-item{display:none}.jdc-rwd .m-live-box{display:block}.jdc-rwd .bg-floor{background:none}.jdc-rwd .left-box{box-shadow:0 2px 12px 0 rgba(192,199,209,.4);margin:0 16px;height:auto}.jdc-rwd .left-box .core-item-market{display:block}.jdc-rwd .core-item{height:72px;background-color:hsla(0,0%,100%,.7);padding:10px 0 0}.jdc-rwd .core-item .tit{display:block;font-size:18px;line-height:24px;text-align:center}.jdc-rwd .core-item .tit i{display:block;width:24px;height:24px;margin:0 auto}.jdc-rwd .core-item .tit span{padding-right:0;margin-top:6px;font-size:12px;overflow:hidden;height:18px}.jdc-rwd .core-item .tit span:after,.jdc-rwd .core-item p{display:none}.jdc-rwd .core-item:hover{background-color:hsla(0,0%,100%,.7)}.jdc-rwd .core-item:hover .tit{margin-top:0}.jdc-rwd .core-item:hover .tit .arr-black{color:#262626}.jdc-rwd .core-item:hover p{opacity:0}@	keyframes widthAnimat{0%{width:0}to{width:20px}}@-webkit-keyframes widthAnimat{0%{width:0}to{width:20px}}}.index-elevator{display:block!important;overflow:hidden;position:fixed;top:50%;left:10px;margin-top:-150px;z-index:500}.index-elevator ul li{width:20px;height:20px;line-height:20px;margin-bottom:5px;cursor:pointer;position:relative}.index-elevator ul li i{display:inline-block;width:8px;height:8px;border-radius:4px;background:rgba(0,0,0,.2);margin-right:5px}.index-elevator ul li span{display:none;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#fff;padding:0 8px;border-radius:6px}.index-elevator ul li:hover{width:auto}.index-elevator ul li:hover span{display:inline-block}.index-elevator ul li.on{width:auto}.index-elevator ul li.on i{background:rgba(255,37,27,.8);-webkit-animation:iconWidth 1s ease-in-out forwards;animation:iconWidth 1s ease-in-out forwards}.index-elevator ul li.on span{display:inline-block}@-webkit-keyframes iconWidth{0%{width:8px}20%{width:40px}to{width:8px}}@keyframes iconWidth{0%{width:8px}20%{width:40px}to{width:8px}}@media (max-width:768px){.jdc-rwd .index-elevator{display:none!important}}.jdc-main-desc{color:#595959;margin-top:16px;font-size:18px;position:relative;display:inline-block;padding-right:10px}.jdc-main-desc:after{content:"";position:absolute;top:50%;right:0;width:6px;height:8px;margin-top:-4px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-transition:all .25s ease;transition:all .25s ease}.jdc-pro-list{background:#fff}.jdc-pro-list .jdc-main-bd{padding-top:0}.jdc-pro-list .jdc-swiper-pagination{display:none}.jdc-pro-list .row .col-3,.jdc-pro-list .row .col-9{width:auto}.pro-item-img{margin-right:30px;box-sizing:border-box;position:relative}.pro-item-img img{display:none}.pro-item-img .pc-item-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover!important}.pro-item-img .pro-item-img-txt{position:relative;z-index:1}.pro-item-img b{font-size:24px;font-weight:600;line-height:32px;display:block;color:#fff}.pro-item-img p{font-size:14px;margin-top:15px;line-height:20px;max-height:40px;color:hsla(0,0%,100%,.8)}.pro-item-img ul{font-size:12px;color:hsla(0,0%,100%,.8);padding-top:12px}.pro-item-img ul li{line-height:20px;margin-top:6px}.pro-list-slider{padding-left:10px;height:332px;overflow:visible}.pro-list-slider .swiper-slide{width:364px;margin-right:40px}.pro-card{position:relative;padding-left:24px;box-sizing:border-box;height:84px;-webkit-transition:all .25s ease;transition:all .25s ease;display:block}.pro-card+.pro-card{margin-top:40px}.pro-card .pro-card-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.pro-card .pro-card-tit{display:inline-block;vertical-align:middle;line-height:24px;font-size:16px;font-weight:600}.pro-card .pro-card-txt{font-size:14px;margin-top:12px;color:#595959;line-height:20px}.pro-card .pro-card-price{font-size:0;height:22px;line-height:22px;margin-top:15px}.pro-card .pro-card-price .price-tag{display:inline-block;height:18px;line-height:18px;font-size:0;color:#fff;overflow:hidden;vertical-align:middle;margin-right:6px}.pro-card .pro-card-price .price-tag span{font-size:12px;display:inline-block;background-color:#e75149;height:18px;line-height:18px;padding:0 5px}.pro-card .pro-card-price .price-tag span+span{margin-left:6px}.pro-card .pro-card-price .price-txt{display:inline-block;font-size:18px;color:#e1251b;vertical-align:middle}.pro-card .pro-tag-box{margin-top:10px;font-size:0;height:20px;overflow:hidden}.pro-card .pro-tag-box .pro-tag-item{font-size:12px;display:inline-block;margin-right:10px;height:14px;line-height:14px;border:1px solid #bfbfbf;padding:0 6px;color:#8c8c8c}.pro-card .pro-card-detail{z-index:3;width:100%;height:32px;display:-webkit-box;display:flex}.pro-card .pro-card-detail .btn-pro{width:104px;box-sizing:border-box;text-align:center;line-height:32px;border:1px solid #e1251b;background:#e1251b;color:#fff;font-size:14px}.pro-card .pro-card-detail .btn-pro.btn-ghost{background:#fff;color:#e1251b}.pro-card .pro-card-detail .btn-pro:hover{box-shadow:0 4px 4px rgba(0,0,0,.05)}.pro-list-more{text-align:center;padding-top:40px;padding-bottom:60px}.m-activity-more{display:none}.nav-item-icon{display:block;width:56px;height:56px;margin:0 auto 15px;background-size:cover;background-position:0 0;background-repeat:no-repeat}.nav-item-icon img{vertical-align:top;width:100%}.pro-tab-hd{padding-top:30px}.pro-tab-hd .pro-tab-nav{width:100%;box-sizing:border-box;font-size:0;text-align:left}.pro-tab-hd .nav-item,.pro-tab-hd .pro-tab-nav{position:relative;-webkit-transition:all .25s ease;transition:all .25s ease}.pro-tab-hd .nav-item{display:inline-block;vertical-align:top;font-size:16px;color:#333;cursor:pointer;height:106px;line-height:18px;width:16.66666667%;text-align:center}.pro-tab-hd .nav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;width:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));background:linear-gradient(90deg,#fd441f,#e1251b);-webkit-transition:width .4s cubic-bezier(.215,.61,.355,1);transition:width .4s cubic-bezier(.215,.61,.355,1);margin:0 auto}.pro-tab-hd .nav-item:hover{color:#e1251b}.pro-tab-hd .nav-item.on{color:#e1251b;font-weight:600}.pro-tab-hd .nav-item.on:after{width:76%}.pro-tab-bd{position:relative;background:#f7f8fb;height:0;overflow:hidden;-webkit-transition:height .5s cubic-bezier(.215,.61,.355,1);transition:height .5s cubic-bezier(.215,.61,.355,1);box-shadow:inset 0 8px 16px 0 rgba(8,20,49,.08)}.pro-tab-bd.active{height:228px}.pro-list-wrap{padding:40px 0;position:absolute;top:0;left:0;right:0}.pro-list-wrap .j-row{opacity:0}.pro-list-wrap.on{z-index:1}.pro-list-wrap.on .j-row{opacity:1}.m-pro-list-hd{display:none}.pro-card-left{background-color:#fff;padding:22px 24px 0;height:162px;border:1px solid #fff;box-shadow:0 2px 8px 0 rgba(8,20,49,.03);background:url(../image/pro-hover.jpg) no-repeat 50%;background-size:cover}.pro-card-left+.pro-card-left{margin-top:24px}.pro-card-left .pro-card-tit{font-size:18px}.pro-card-left .pro-card-detail{margin-top:24px}.pro-card-left .pro-card-detail .btn-pro{margin-right:16px;background:-webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));background:linear-gradient(90deg,#fd441f,#e1251b)}.pro-card-left:hover{box-shadow:0 4px 16px 0 rgba(8,20,49,.08)}.pro-card-label{color:#ff2626;font-size:12px;height:18px;border:1px solid #ff2626;display:inline-block;line-height:18px;vertical-align:middle;margin-left:8px;padding:0 6px}@media (max-width:1680px){.pro-list-slider .swiper-slide{width:326.667px;margin-right:24px}.pro-card{padding-left:16px}.pro-item-img{margin-right:20px}.pro-card-left{padding:22px 16px 0}}@media (max-width:1440px){.pro-list-slider .swiper-slide{width:284px;margin-right:16px}}@media (max-width:768px){.jdc-rwd .m-pro-list-hd{display:block;position:relative;height:50px;line-height:50px;font-size:16px;color:#333;cursor:pointer;border-bottom:1px solid #eee;box-sizing:border-box;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;padding:0 40px 0 20px}.jdc-rwd .jdc-main-bd{padding-top:20px}.jdc-rwd .jdc-pro-list{padding:36px 0 0;background:#f9fbff}.jdc-rwd .jdc-pro-list .jdc-main-des{display:block;font-size:14px;line-height:22px;margin-top:8px}.jdc-rwd .jdc-pro-list .jdc-main-des a{font-size:14px}.jdc-rwd .jdc-pro-list .jdc-swiper-pagination{display:block;margin-bottom:-6px}.jdc-rwd .pro-tab-bd{border-top:1px solid #eee;height:auto}.jdc-rwd .pro-tab-bd.active{height:auto}.jdc-rwd .pro-tab-bd:last-child{border-top:0}.jdc-rwd .pro-list-wrap{display:block;background:#fff;box-sizing:border-box;padding:0;position:static;opacity:1}.jdc-rwd .pro-list-wrap.m-on .j-row{opacity:1;display:block;border-bottom:1px solid #eee}.jdc-rwd .pro-list-wrap .j-row{display:none}.jdc-rwd .jdc-pro-list .row .col-9{width:100%}.jdc-rwd .pro-list-slider{border:0;box-sizing:border-box;width:100%;background:none;overflow:hidden;height:auto;padding-bottom:30px;padding-top:16px;padding-left:0;background-color:#f7f8fa}.jdc-rwd .pro-list-slider .swiper-wrapper{margin-left:-16px}.jdc-rwd .pro-list-slider .swiper-slide{width:85%;opacity:.5;margin-right:0}.jdc-rwd .pro-list-slider .swiper-slide-active{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}.jdc-rwd .pro-item-img{background:none!important;position:relative;width:auto;height:auto;margin:0;padding:16px;overflow:hidden;background:#fff;box-shadow:inset 0 4px 16px 0 rgba(8,20,49,.08);border-bottom:1px solid #e5e5e5}.jdc-rwd .pro-item-img .pro-card-left{margin:0;height:auto;border:1px solid #fff;box-shadow:0 0 12px 0 rgba(8,20,49,.12);padding:14px 16px 16px}.jdc-rwd .pro-item-img .pro-card-left .pro-card-detail{margin-top:12px;height:auto}.jdc-rwd .pro-card{margin:0 4px;padding:14px 16px 16px;background:#fff;height:107px;box-shadow:none;border:1px solid #e5e5e5}.jdc-rwd .pro-card+.pro-card{margin-top:10px}.jdc-rwd .pro-card:hover{box-shadow:none}.jdc-rwd .pro-card:hover .pro-card-tit{color:#262626}.jdc-rwd .pro-card .pro-card-tit{line-height:24px;font-size:14px}.jdc-rwd .pro-card .pro-card-txt{margin-top:5px;line-height:20px;height:20px;font-size:12px;-webkit-line-clamp:1}.jdc-rwd .pro-card .pro-tag-box{margin-top:8px}.jdc-rwd .pro-card .pro-card-price{margin-top:12px}.jdc-rwd .pro-card .pro-card-price .price-txt{font-size:16px;font-weight:600}.jdc-rwd .pro-card .pro-card-price .price-txt .price-unit{font-size:12px}.jdc-rwd .pro-card .pro-card-detail{opacity:1;height:40px;bottom:0}.jdc-rwd .pro-card .pro-card-detail .btn-pro{line-height:40px;font-size:16px;font-weight:600}.jdc-rwd .pro-list-more{padding-top:5px;padding-bottom:25px}.jdc-rwd .pro-list-more .jdc-btn{padding:4px 10px;min-width:72px}.jdc-rwd .m-pro-list-hd.jdc-common-arr:after{font-weight:400;top:15px}.jdc-rwd .m-on .m-pro-list-hd{border-bottom:2px solid #e1251b}.jdc-rwd .m-on .m-pro-list-hd.jdc-common-arr:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}.jdc-pro-list-v9 .pro-bd{position:relative;z-index:2;background:#f7f8fb}.jdc-pro-list-v9 .pro-bd .j-col-18{padding-left:0;position:relative;z-index:3;background:#fff;height:681px}.jdc-pro-list-v9 .pro-bd:after{content:"";position:absolute;top:0;width:50%;height:681px;background-color:#f3f6f9;z-index:1}.jdc-pro-list-v9 .pro-tab-nav{position:relative;width:auto;height:681px;box-sizing:border-box;font-size:0;text-align:left;background-position:100% 100%;background-size:auto 681px;z-index:2}.jdc-pro-list-v9 .pro-tab-nav .nav-item{position:relative;cursor:pointer;overflow:hidden;background:transparent;z-index:2;line-height:28px;padding:16px 0 16px 32px;box-sizing:border-box;height:56px}.jdc-pro-list-v9 .pro-tab-nav .nav-item .bd{position:relative;z-index:3}.jdc-pro-list-v9 .pro-tab-nav .nav-item:first-child{padding-top:24px;height:68px}.jdc-pro-list-v9 .pro-tab-nav .nav-item .tit{display:block;color:#262626;font-size:18px;font-weight:600;margin-right:10px}.jdc-pro-list-v9 .pro-tab-nav .nav-item .tit em{display:inline-block;background-color:#ff4d00;margin-left:10px;font-size:12px;font-weight:400;height:18px;line-height:18px;padding:0 4px;color:#fff;vertical-align:3px}.jdc-pro-list-v9 .pro-tab-nav .nav-item .txt{display:none;font-size:16px;color:#595959;overflow:hidden;line-height:24px;margin-top:12px}.jdc-pro-list-v9 .pro-tab-nav .nav-item .link{display:none}.jdc-pro-list-v9 .pro-tab-nav .nav-item:hover .tit{color:#e1251b}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on{padding:32px 0 32px 32px;height:auto;background:linear-gradient(269.76deg,rgba(249,251,253,.9),rgba(251,254,255,.828) 45.02130221%,rgba(247,250,252,.864) 77.91298391%,rgba(244,245,249,0));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:all .5s ease;transition:all .5s ease}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on:after{content:"";position:absolute;top:0;left:0;width:253px;height:156px;background:url(../image/pro-item310.png) no-repeat 50%;background-size:cover;z-index:2;-webkit-transform:translate(-50px);transform:translate(-50px);-webkit-animation:boll 10s linear infinite alternate;animation:boll 10s linear infinite alternate}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .tit{line-height:36px;font-size:24px;color:#e1251b}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .txt{display:block}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on .link{display:inline-block;color:#e1251b;position:relative;padding-right:10px;margin-top:30px;font-size:16px}.jdc-pro-list-v9 .pro-tab-right{display:-webkit-box;display:flex;height:48px;background-color:#f7f8fb}.jdc-pro-list-v9 .pro-tab-right .tab-right-item{font-size:18px;padding:0 30px;min-width:140px;cursor:pointer;line-height:46px;border-top:3px solid transparent;text-align:center}.jdc-pro-list-v9 .pro-tab-right .tab-right-item:hover{color:#e1251b}.jdc-pro-list-v9 .pro-tab-right .tab-right-item.on{font-weight:600;cursor:default;color:#e1251b;background:#fff;border-top:3px solid #e1251b}.jdc-pro-list-v9 .pro-tab-bd{background-color:#fff}.jdc-pro-list-v9 .pro-tab-bd .pro-list-desc{height:52px;line-height:52px;color:#595959;font-size:16px;padding-left:24px;border-bottom:1px solid #e5e5e5;background-color:#fff}.jdc-pro-list-v9 .pro-list-wrap{background-color:#fff;display:-webkit-box;display:flex;height:492px;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start}.jdc-pro-list-v9 .pro-list-wrap .pro-card{width:33.33%;padding:24px 36px;border-right:1px solid #e5e5e5;height:246px;box-sizing:border-box}.jdc-pro-list-v9 .pro-list-wrap .pro-card:hover{background:url(../image/cb-hover.jpg) no-repeat 50%;background-size:cover;box-shadow:0 2px 16px 0 rgba(8,20,49,.08),0 -2px 16px 0 rgba(8,20,49,.04)}.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(3),.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(6){border-right:0}.jdc-pro-list-v9 .pro-list-wrap .pro-card:first-child,.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(2),.jdc-pro-list-v9 .pro-list-wrap .pro-card:nth-child(3){border-bottom:1px solid #e5e5e5}.jdc-pro-list-v9 .pro-list-wrap .pro-card .title{color:#262626;font-size:16px;font-weight:600}.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox{margin-right:6px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__inner{border-radius:1px;border:1px solid #bfbfbf;width:16px;height:16px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__inner:after{top:0;left:4px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .title .el-checkbox__input.is-checked .el-checkbox__inner{border:1px solid #e1251b;background:#e1251b}.jdc-pro-list-v9 .pro-list-wrap .pro-card .select{margin-top:12px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-select{width:100%}.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-input__inner{height:32px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .select .el-input__inner:focus{border-color:#e1251b}.jdc-pro-list-v9 .pro-list-wrap .pro-card .desc{margin-top:12px;color:#595959;font-size:14px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap{margin-top:20px;font-size:0;line-height:26px;height:30px;overflow:hidden}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap>*{display:inline-block;vertical-align:middle}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .disc{min-width:20px;height:20px;line-height:20px;background:url(../image/icon-pro-tag.png) no-repeat 0 #ff2525;background-size:auto 20px;padding:0 10px 0 16px;color:#fff;font-size:12px;margin-right:8px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .price-box{color:#e1251b;font-size:24px;font-weight:600;margin-right:2px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .unit{font-size:14px;color:#8c8c8c;margin-right:12px;line-height:26px;margin-left:2px;font-weight:400}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .compose{color:#595959;font-size:14px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .btn-wrap{margin-top:14px}.compose-tag{display:inline-block;font-size:12px;color:#fff;height:16px;line-height:16px;width:16px;text-align:center;background:#ff6531;border-radius:1px;margin-right:4px;vertical-align:1px}.price-wrap{padding-top:24px;background-color:#f7f8fb;overflow:hidden}.price-wrap .price-bd{display:-webkit-box;display:flex;height:64px;background-color:#fff;box-shadow:0 4px 16px 0 rgba(8,20,49,.08);-webkit-box-align:center;align-items:center;padding-left:24px}.price-wrap .price-item{min-width:120px}.price-wrap .price-item .txt{color:#595959;margin-right:4px}.price-wrap .price-item b{font-size:24px;font-weight:600;line-height:24px;color:#e1251b}.price-wrap .price-item .unit{margin-left:2px;color:#8c8c8c}.price-wrap .price-item .compose{margin-top:2px;color:#595959}.price-wrap .btn-item{margin-left:30px;font-size:0}.bg-right{position:absolute;top:0px;right:0;bottom:0;width:50%;background-color:#fff;z-index:1;overflow:hidden}{0%{-webkit-transform:translate(-50px);transform:translate(-50px)}33%{-webkit-transform:translate(60px,-20px);transform:translate(60px,-20px)}50%{-webkit-transform:translate(160px,-10px);transform:translate(160px,-10px)}66%{-webkit-transform:translate(80px,40px);transform:translate(80px,40px)}to{-webkit-transform:translate(-40px,20px);transform:translate(-40px,20px)}}@keyframes boll{0%{-webkit-transform:translate(-50px);transform:translate(-50px)}33%{-webkit-transform:translate(60px,-20px);transform:translate(60px,-20px)}50%{-webkit-transform:translate(160px,-10px);transform:translate(160px,-10px)}66%{-webkit-transform:translate(80px,40px);transform:translate(80px,40px)}to{-webkit-transform:translate(-40px,20px);transform:translate(-40px,20px)}}.m-pro-nav{display:none;height:48px;overflow:hidden}.m-pro-nav .overflow-scroll{overflow-x:auto;height:50px;-webkit-overflow-scrolling:touch}.m-pro-nav .overflow-scroll::-webkit-scrollbar{display:none}.m-pro-nav .pro-nav-ul{white-space:nowrap}.m-pro-nav .pro-nav-ul .pro-nav-item{display:inline-block;font-size:14px;font-weight:600;color:#262626;height:48px;line-height:48px;padding:0 18px;position:relative}.m-pro-nav .pro-nav-ul .pro-nav-item:after{content:"";position:absolute;left:0;bottom:0;right:0;height:2px;background-color:#e1251b;width:0;-webkit-transition:width .2s ease;transition:width .2s ease;margin:0 auto}.m-pro-nav .pro-nav-ul .pro-nav-item.on{color:#e1251b}.m-pro-nav .pro-nav-ul .pro-nav-item.on:after{width:24px;-webkit-transition:width .2s;transition:width .2s}.m-sub-bg{display:none}@media (max-width:1680px){.jdc-pro-list-v9 .pro-tab-nav .nav-item{padding:16px 0 16px 24px}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on{padding:32px 0 32px 24px}.jdc-pro-list-v9 .pro-list-wrap .pro-card{padding:24px}}@media (max-width:1440px){.jdc-pro-list-v9 .pro-tab-nav .nav-item{padding:16px 0 16px 16px}.jdc-pro-list-v9 .pro-tab-nav .nav-item.on{padding:32px 0 32px 16px}.jdc-pro-list-v9 .pro-list-wrap .pro-card{padding:24px 16px}.jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap .compose{font-size:12px}}@media (max-width:768px){.jdc-rwd .m-pro-nav{display:block}.jdc-rwd .m-sub-bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:100%;background-repeat:no-repeat;background-size:cover}.jdc-rwd .jdc-pro-list-v9 .jdc-main-des{display:block;font-size:14px;line-height:22px;margin:8px 16px 0}.jdc-rwd .jdc-pro-list-v9 .pro-bd:after{display:none}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav{height:auto}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item{display:none}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on{display:block;padding:16px;height:118px;z-index:2;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on:after{display:none}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .tit{font-size:16px;line-height:22px}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .txt{margin-top:8px;font-size:12px;line-height:18px}.jdc-rwd .jdc-pro-list-v9 .pro-tab-nav .nav-item.on .link{margin-top:16px;font-size:14px;line-height:24px}.jdc-rwd .jdc-pro-list-v9 .pro-bd .j-col-18{height:auto}.jdc-rwd .jdc-pro-list-v9 .pro-tab-bd .pro-list-desc,.jdc-rwd .jdc-pro-list-v9 .pro-tab-right{display:none}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap{height:auto;padding:0 16px 16px;background-color:#eff2f7}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card{width:100%;height:auto;padding:16px;border:0;background-color:#fff}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card+.pro-card{margin-top:12px}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .title{font-size:14px}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .select{margin-top:8px}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .desc{margin-top:8px;font-size:12px}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .info-wrap{margin-top:12px;height:auto}.jdc-rwd .jdc-pro-list-v9 .pro-list-wrap .pro-card .btn-wrap{margin-top:10px}.jdc-rwd .price-wrap{padding-top:0}.jdc-rwd .price-wrap .price-bd{display:block;padding:16px;height:auto}.jdc-rwd .price-wrap .price-bd .btn-item{margin-top:6px;margin-left:0}.jdc-rwd .bg-right{display:none}}.jdc-main-market{background:url(../image/bg-market.jpg) no-repeat 50%;background-size:cover}.jdc-main-market .jdc-main-hd .jdc-main-title{color:#000}.jdc-main-market .jdc-main-hd .jdc-main-des{color:hsla(0,0%,100%,.8)}.market-list{padding:0 24px 28px}.market-list .j-col-3{display:inline-block;vertical-align:top;float:none}.market-item{display:block;width:160px;height:160px;margin:0 auto;text-align:center;overflow:hidden;padding-top:32px;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}.market-item:hover{background:-webkit-gradient(linear,right top,left top,from(#eb6963),to(#e6554d));background:linear-gradient(270deg,#eb6963,#e6554d);box-shadow:6px 0 16px 0 rgba(0,0,0,.1)}.market-item i{display:block;margin:0 auto;width:60px;height:60px}.market-item i img{vertical-align:top;width:100%}.market-item .tit{margin-top:14px;display:block;line-height:22px;color:#000;font-size:22px;font-weight:600}@media (max-width:768px){.jdc-rwd .jdc-main-market{background:url(../image/bg-market.jpg) no-repeat 50%;background-size:cover}.jdc-rwd .jdc-main-market .jdc-main-hd .jdc-main-title{padding-bottom:6px}.jdc-rwd .jdc-main-market .jdc-main-hd .jdc-main-des{display:block;line-height:18px;font-size:12px;margin:0 16px}.jdc-rwd .jdc-main-market .jdc-main-bd{padding-top:0}.jdc-rwd .market-list{padding:16px}.jdc-rwd .market-item{width:auto;height:auto;padding:12px 0}.jdc-rwd .market-item:hover{background:none;box-shadow:none}.jdc-rwd .market-item i{width:40px;height:40px}.jdc-rwd .market-item .tit{margin-top:6px;line-height:18px;font-size:12px}}.arrow[data-v-46d89d6e]{height:12px;width:12px;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.jdc-solution{background-color:#f7f8fb;padding-bottom:60px}.solution-list{position:relative;padding-left:400px;height:448px}.solution-list .left-img{position:absolute;top:0;left:0;width:430px;height:100%;z-index:2}.solution-list .left-img img{vertical-align:top;max-width:100%;height:448px}.solution-list .left-img .pc-img{display:inline-block}.solution-list .left-img .m-img{display:none}.solution-list .left-img a{display:block;position:absolute;bottom:24px;left:24px;right:50px;height:30px;line-height:30px;color:#fff;border:1px solid rgba(225,255,255,.5);text-align:center}.solution-slider{overflow:visible}.solution-slider .swiper-wrapper{flex-wrap:wrap;z-index:auto}.solution-slider .swiper-slide{width:25%;height:50%}.solution-slider .jdc-swiper-button-next,.solution-slider .jdc-swiper-button-prev{display:none;margin-top:-32px;width:64px;height:64px;line-height:64px;border-radius:50%;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 24px 12px rgba(139,185,234,.12)}.solution-slider .jdc-swiper-button-next:hover,.solution-slider .jdc-swiper-button-prev:hover{background:#fff;box-shadow:0 6px 24px 12px rgba(139,185,234,.12)}.solution-slider .jdc-swiper-button-next i,.solution-slider .jdc-swiper-button-prev i{width:26px;height:14px;background-image:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/slider-arr.png);background-size:26px 14px;position:absolute;left:40%;top:50%;margin:-7px auto 0;-webkit-animation:arrow 2s ease-in-out infinite;animation:arrow 2s ease-in-out infinite}.solution-slider .jdc-swiper-button-prev{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.solution-slider .jdc-swiper-pagination{display:none}.solution-item{position:relative;height:224px;background-color:#1a1b1f}.solution-item .item-img{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden}.solution-item .item-img img{vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.solution-item .item-txt{position:absolute;top:0;bottom:0;left:0;right:0;padding:90px 32px;box-sizing:border-box;overflow:hidden;-webkit-transition:all .5s ease .1s;transition:all .5s ease .1s}.solution-item .item-txt .item-txt-bd{position:relative;z-index:2}.solution-item .item-txt .item-txt-bd .top-box{position:relative}.solution-item .item-txt .item-txt-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease}.solution-item .item-txt i{float:left;display:block;width:32px;height:32px;margin-right:16px}.solution-item .item-txt i img{vertical-align:top;max-width:100%}.solution-item .item-txt .tit{margin-top:4px;display:block;color:#fff;font-weight:600;font-size:24px;line-height:32px;-webkit-transition:all .5s ease;transition:all .5s ease}.solution-item .item-txt .tit:after{content:"";position:absolute;bottom:-14px;left:2px;width:24px;height:3px;background:hsla(0,0%,100%,.5)}.solution-item .item-txt .tit:after,.solution-item .item-txt .txt-link{opacity:0;-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s}.solution-item .item-txt .txt-link{height:96px;overflow:hidden;margin-top:50px}.solution-item .item-txt .txt-link a{color:#fff;font-size:14px;display:block;width:100%;line-height:32px}.solution-slider{z-index:auto}.solution-slider .solution-item:hover{z-index:5}.solution-slider .solution-item:hover .item-txt{top:-30px;bottom:-30px;padding:38px 32px}.solution-slider .solution-item:hover .item-txt .item-txt-bg{background:-webkit-gradient(linear,right top,left top,from(rgba(235,105,99,.9)),to(rgba(230,85,77,.9)));background:linear-gradient(270deg,rgba(235,105,99,.9),rgba(230,85,77,.9));box-shadow:6px 0 16px 0 rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:all .5s ease;transition:all .5s ease;opacity:1;z-index:1}.solution-slider .solution-item:hover .item-txt i img{-webkit-filter:none;filter:none}.solution-slider .solution-item:hover .item-txt .tit{color:#fff}.solution-slider .solution-item:hover .item-txt .tit:after{opacity:1}.solution-slider .solution-item:hover .txt-link{display:block;opacity:1}@-webkit-keyframes arrow{0%{opacity:.2;left:30%}60%{opacity:1}to{opacity:0}}@keyframes arrow{0%{opacity:.2;left:30%}60%{opacity:1}to{opacity:0}}@media (max-width:1440px){.solution-item .item-txt{padding:90px 24px}.solution-slider .solution-item:hover .item-txt{padding:38px 24px;top:-24px;bottom:-24px}}@media (max-width:1240px){.solution-item .item-txt{padding:90px 16px}.solution-slider .solution-item:hover .item-txt{padding:38px 16px;top:-16px;bottom:-16px}}@media (max-width:768px){.solution-list{padding-left:0;height:auto}.solution-list .left-img{position:relative;width:auto;margin-bottom:24px}.solution-list .left-img .pc-img,.solution-list .left-img a{display:none}.solution-list .left-img .m-img{display:inline-block;height:auto}.jdc-solution{background-color:#eef2f7;padding-bottom:0}.jdc-solution .jdc-main-hd .jdc-main-des{display:block;line-height:18px;font-size:12px;margin:0 16px}.jdc-solution .jdc-main-bd{padding-top:16px}.solution-slider{overflow:hidden;padding-bottom:40px}.solution-slider .swiper-wrapper{flex-wrap:nowrap}.solution-slider .swiper-slide{width:90%;height:100%;box-sizing:border-box;opacity:.5}.solution-slider .swiper-slide-active{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}.solution-slider .jdc-swiper-pagination{display:block}.solution-slider .jdc-swiper-button-next,.solution-slider .jdc-swiper-button-prev{display:none}.solution-item{height:300px;margin:0 6px}.solution-item .item-img{height:100%}.solution-item .item-txt{top:auto;height:180px;padding:16px}.solution-item .item-txt .item-txt-bg{background:-webkit-gradient(linear,right top,left top,from(rgba(235,105,99,.9)),to(rgba(230,85,77,.9)));background:linear-gradient(270deg,rgba(235,105,99,.9),rgba(230,85,77,.9));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}.solution-item .item-txt i{width:20px;height:20px;float:none}.solution-item .item-txt .tit{margin-top:4px;font-size:16px;line-height:22px;color:#fff}.solution-item .item-txt .tit:after{opacity:1;width:16px;height:2px}.solution-item .item-txt .txt-link{opacity:1;height:72px;margin-top:35px}.solution-item .item-txt .txt-link a{font-size:12px;line-height:24px}.solution-slider .solution-item:hover .item-txt{top:auto;bottom:0;height:180px;padding:16px}}.case-background-style{background-repeat:no-repeat;background-position:50%;background-size:cover}.jdc-main-case-wrap{background:#fff}.jdc-main-case-wrap .jdc-main-hd{height:135px;background:#fff;padding-top:60px}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav{overflow:hidden;padding-top:32px;font-size:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item{padding-bottom:14px;text-align:center;height:28px;line-height:28px;position:relative;width:174px;cursor:pointer}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item span{font-size:18px;color:#262626}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;width:0;background:#e1251b;-webkit-transition:width .2s ease;transition:width .2s ease;margin:0 auto}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on span{color:#e1251b}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on:after{width:100%}.jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:hover span{color:#e1251b}.jdc-main-case-bg{box-sizing:border-box}.jdc-main-case{color:#fff;overflow:hidden}.jdc-main-case-list{width:100%;font-size:0}.jdc-main-case-list .case-item{position:relative;top:0;height:350px;overflow:hidden}.jdc-main-case-list .case-item .case-img-wrap{width:50%;height:350px;display:inline-block;vertical-align:bottom;overflow:hidden}.jdc-main-case-list .case-item .case-img-wrap .case-img{width:100%;height:350px;display:inline-block;vertical-align:bottom;-webkit-transition:.25s;transition:.25s;-o-object-fit:cover;object-fit:cover}.jdc-main-case-list .case-item .case-img-wrap:hover .case-img{-webkit-transform:scale(1.05);transform:scale(1.05)}.jdc-main-case-list .case-item .case-content{box-shadow:inset 0 6px 32px -28px #8bb9ea;width:50%;height:350px;display:inline-block;vertical-align:bottom}.jdc-main-case-list .case-item .case-content .case-item-bd{padding-left:40px;width:748px;padding-top:32px}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit-img img{width:140px;height:56px;-o-object-fit:cover;object-fit:cover}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit{position:relative;font-size:22px;color:#262626;line-height:56px;font-weight:500}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-txt{margin-top:12px;margin-bottom:24px;line-height:24px;max-height:96px;color:#595959;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail{margin-bottom:40px}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul{color:#595959;float:left;margin-right:60px;font-size:16px;line-height:22px}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul{color:#262626;font-size:16px;margin-bottom:14px}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul span{font-size:40px;margin-right:4px;font-weight:700}.jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul:last-child{margin-right:0}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn{background:#fff;border:1px solid #262626;box-sizing:border-box;border-radius:0;color:#262626;line-height:24px;font-size:14px;min-width:103px;padding:3px 10px}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn .arr{padding-right:0;color:#262626}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn .arr:after{display:none}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover{color:#e1251b;border:1px solid #e1251b}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover .arr{padding-right:15px;color:#e1251b}.jdc-main-case-list .case-item .case-content .case-item-bd .jdc-btn:hover .arr:after{display:block}@media (max-width:1680px){.jdc-main-case-list .case-item .case-content .case-item-bd{width:644px}}@media (max-width:1440px){.jdc-main-case-list .case-item .case-content .case-item-bd{width:585px}}@media (max-width:768px){.jdc-rwd .jdc-main-case-wrap .jdc-main-hd{padding-top:24px;height:84px}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .pd20.jdc-main-title{line-height:28px;font-size:18px;padding-bottom:6px}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab{position:relative}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-l{position:absolute;top:0;left:0;width:30px;height:50px;z-index:100;text-align:left;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-l.show{display:block}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-r{position:absolute;top:0;right:0;width:30px;height:50px;z-index:100;text-align:right;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .arrow-r.show{display:block}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav-wrap{overflow:hidden;height:48px}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;height:48px;white-space:nowrap;display:block;padding:0 0 10px}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav::-webkit-scrollbar{display:none}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item{display:inline-block;height:48px;line-height:48px;padding:0 18px;margin:0 1px;width:auto}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item span{font-size:14px}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item:after{width:auto;left:18px;right:18px;opacity:0}.jdc-rwd .jdc-main-case-wrap .jdc-main-hd .jdc-main-tab .nav .nav-item.on:after{opacity:1}.jdc-rwd .jdc-main-case-bg{background:none;height:auto;margin-bottom:0;padding:0 16px}.jdc-rwd .jdc-main-case{padding-bottom:0}.jdc-rwd .jdc-main-case-list .case-item{height:auto}.jdc-rwd .jdc-main-case-list .case-item.on{display:block}.jdc-rwd .jdc-main-case-list .case-item .case-img-wrap{width:100%;height:225px}.jdc-rwd .jdc-main-case-list .case-item .case-img-wrap .case-img{height:225px}.jdc-rwd .jdc-main-case-list .case-item .case-content{width:100%;height:auto;box-shadow:none}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd{width:100%;padding:16px 0 24px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit{font-size:16px;margin-bottom:8px;padding-bottom:0}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-tit img{height:30px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-txt{margin-bottom:16px;font-size:14px;line-height:24px;-webkit-line-clamp:3;max-height:128px;margin-top:0}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail{margin-bottom:16px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul{font-size:14px;line-height:20px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul{font-size:14px;margin-bottom:4px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul .mul span{font-size:30px}.jdc-rwd .jdc-main-case-list .case-item .case-content .case-item-bd .case-item-detail .f-mul:last-child{margin-right:0}}.jdc-main-developer-wrap{background:url(../image/developer-bg.jpg) no-repeat 50% #fff;background-size:cover}.jdc-main-developer-wrap .jdc-main-hd{padding-top:60px}.jdc-main-developer-wrap .jdc-main-hd .jdc-main-title{line-height:48px}.jdc-main-developer-wrap .jdc-main-hd .jdc-main-desc{font-size:18px;color:#595959;margin-top:16px}.jdc-developer-bd{color:#fff;overflow:hidden;padding-top:32px;padding-bottom:60px}.jdc-main-developer-content .j-row{margin-left:0;display:-webkit-box;display:flex;display:-webkit-flex}.jdc-main-developer-content .j-row .left-col{padding-left:0}.jdc-main-developer-content .j-row .left-col .time-axis{background:#fff;height:350px;box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date{overflow:hidden;background:linear-gradient(97.7deg,rgba(225,37,27,.7) .05%,rgba(225,37,27,.9));opacity:1}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li{float:left;font-weight:600;height:64px;line-height:62px;width:33.3%;font-size:16px;text-align:center;color:#fff;cursor:pointer;position:relative;letter-spacing:.5px}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span{padding-bottom:6px;position:relative}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span:after{content:"";width:0;height:3px;background:#fff;-webkit-transition:width .2s ease;transition:width .2s ease;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span{font-size:24px}.jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span:after{width:100%}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block{position:relative;overflow:hidden;display:block;cursor:pointer}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .banner{height:285px;width:100%;-webkit-transition:all .25s ease;transition:all .25s ease;-o-object-fit:cover;object-fit:cover}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text{position:absolute;bottom:0;height:88px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(38,41,60,.01)),to(#26293c));background:linear-gradient(180deg,rgba(38,41,60,.01),#26293c);left:0;right:0;overflow:hidden;z-index:11}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .tip-sign{padding:0 8px;border:1px solid #fff;box-sizing:border-box;height:20px;line-height:18px;text-align:center;margin-left:15px;color:#fff;font-size:10px;float:left;display:block;margin-top:56px}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .article-bt{float:left;font-weight:600;font-size:14px;color:#fff;padding:0 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:56px;width:250px}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block .bottom-text .article-bt a{color:#fff}.jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner-block:hover .banner{-webkit-transform:scale(1.05);transform:scale(1.05)}.jdc-main-developer-content .j-row .middle-row{margin-left:24px;border-top:8px solid #e1251b;box-shadow:0 2px 16px 0 rgba(0,0,0,.1);-webkit-border-image:-webkit-gradient(linear,left top,right top,from(rgba(225,37,27,.7)),to(rgba(225,37,27,.9))) 1 10;-webkit-border-image:linear-gradient(90deg,rgba(225,37,27,.7),rgba(225,37,27,.9)) 1 10;-o-border-image:linear-gradient(90deg,rgba(225,37,27,.7),rgba(225,37,27,.9)) 1 10;border-image:-webkit-gradient(linear,left top,right top,from(rgba(225,37,27,.7)),to(rgba(225,37,27,.9))) 1 10;border-image:linear-gradient(90deg,rgba(225,37,27,.7),rgba(225,37,27,.9)) 1 10;padding-left:0}.jdc-main-developer-content .j-row .middle-row .article-intro{height:342px;background:#fff}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure{overflow:hidden;padding:24px 0;background:#f5f5f5}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block{float:left;margin-left:24px;width:72px;height:72px}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block .figure-img{width:100%;height:100%;border-radius:100%}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl{float:left;margin-left:16px;margin-top:14px}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt a{font-weight:600;color:#262626;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px;display:inline-block}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt a:hover{color:#e1251b}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd{color:#595959;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px}.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd a,.jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd a:hover{color:#595959}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom{padding:0 32px 0 24px}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list{color:#595959;padding-top:0;max-height:176px;overflow:hidden}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:20px;padding-top:24px}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a{font-size:14px;color:#262626}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a span{display:inline-block;height:4px;width:4px;background:#e1251b;vertical-align:3px;margin-right:8px}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a:hover{color:#e1251b}.jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom.border-none{border-right:none}@media (max-width:768px){.jdc-rwd .jdc-main-developer-wrap{background:#eef2f7;padding:0 16px 24px}.jdc-rwd .jdc-main-developer-wrap .jdc-main-hd{padding:24px 0 16px}.jdc-rwd .jdc-main-developer-wrap .jdc-main-hd .pd20.jdc-main-title{line-height:28px;font-size:18px;padding-bottom:4px}.jdc-rwd .jdc-main-developer-wrap .jdc-main-hd .jdc-main-desc{font-size:12px;margin-top:0;padding:0 24px;line-height:18px;letter-spacing:.2px}.jdc-rwd .jdc-main-developer-wrap .jdc-developer-bd.jdc-main-bd{padding:0;background:none}.jdc-rwd .m-hidden{display:none}.jdc-rwd .jdc-main-developer-content .j-row{display:block}.jdc-rwd .jdc-main-developer-content .j-row .left-col{margin-bottom:12px}.jdc-rwd .jdc-main-developer-content .j-row .left-col:last-child{margin-bottom:0}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis{height:auto;box-shadow:none}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date{background:#fff}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li{margin-right:0;width:33.3%;font-size:14px;color:#333;height:48px;line-height:46px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span{padding-bottom:14px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li span:after{-webkit-transition-property:none;transition-property:none}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span{border-bottom:none;font-size:14px;position:relative}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-date li.on span:after{opacity:1;content:"";position:absolute;bottom:0;left:50%;height:3px;width:24px;background:#e1251b;margin-left:-12px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content{box-shadow:none}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .article-bt{margin:10px 0 0}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .article-bt a{line-height:22px;font-size:16px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .banner{height:192px;width:100%}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text{position:absolute;bottom:0;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(38,41,60,.01)),to(#26293c));background:linear-gradient(180deg,rgba(38,41,60,.01),#26293c);opacity:.8;left:0;right:0;overflow:hidden}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .tip-sign{padding:0 6px;border:1px solid #fff;box-sizing:border-box;text-align:center;margin-left:14px;color:#fff;font-size:12px;float:left;display:block;margin-top:32px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt{float:left;font-weight:600;font-size:14px;color:#fff;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:32px;width:240px}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt a{font-size:14px;color:#fff}.jdc-rwd .jdc-main-developer-content .j-row .left-col .time-axis .axis-content .bottom-text .article-bt a:hover{color:#e1251b}.jdc-rwd .jdc-main-developer-content .j-row .middle-row{box-shadow:none;border-top:none;-webkit-border-image:none;-o-border-image:none;border-image:none;margin-left:0}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro{height:auto}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure{padding:16px 0}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure .figure-block{margin-left:15px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl{float:left;margin-left:15px;margin-top:16px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dt{line-height:14px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .header-figure dl dd{font-size:12px;margin-top:6px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom{padding:0 16px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list{padding-bottom:24px;max-height:144px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li{line-height:14px;padding-top:16px}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a{color:#595959}.jdc-rwd .jdc-main-developer-content .j-row .middle-row .article-intro .article-intro-bottom .other-article-list li a span{vertical-align:3px}}.case-height-pc.jdc-main-certification-wrap{background:url(../image/certification-bg.jpg) no-repeat 50% #fff;background-size:cover}.jdc-main-certification-wrap .jdc-main-hd{padding-top:57px;padding-bottom:26px}.jdc-main-aboutus-bd{color:#fff;overflow:hidden}.jdc-main-aboutus-bd .j-gutter{margin-left:0}.jdc-main-aboutus-bd .j-gutter>[class*=j-col-]{padding-left:0}.jdc-main-about .j-col-6{-webkit-transition:all .25s ease;transition:all .25s ease}.jdc-main-about .j-col-6:hover{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);background:url(../image/certification-hover.jpg) no-repeat 50% #fff;background-size:cover}.jdc-main-about .about-hd-left{background:#f7f8fb;padding:32px 64% 0 32px;height:270px;position:relative}.jdc-main-about .about-hd-left .whitepaper-bt{font-size:18px;color:#262626;line-height:33px;font-weight:500;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jdc-main-about .about-hd-left .whitepaper-bt.whitepaper-bt-m{display:none}.jdc-main-about .about-hd-left .whitepaper-des{margin-top:24px}.jdc-main-about .about-hd-left .jdc-btn{margin-top:39px;width:112px;height:32px;border:1px solid #262626;font-size:14px;color:#262626;line-height:32px;text-align:center;padding:0;border-radius:0}.jdc-main-about .about-hd-left .jdc-btn .arr{padding-right:0;color:#262626}.jdc-main-about .about-hd-left .jdc-btn .arr:after{display:none}.jdc-main-about .about-hd-left .jdc-btn:hover{color:#e1251b;border:1px solid #e1251b}.jdc-main-about .about-hd-left .jdc-btn:hover .arr{padding-right:15px;color:#e1251b}.jdc-main-about .about-hd-left .jdc-btn:hover .arr:after{display:block}.jdc-main-about .about-hd-left .about-whitepaper{position:absolute;right:24px;bottom:24px;overflow:hidden}.jdc-main-about .about-hd-left .about-whitepaper img{width:auto;height:270px;-o-object-fit:cover;object-fit:cover;transition:all .25s ease;-webkit-transition:all .25s ease}.jdc-main-about .about-hd-left .about-whitepaper:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}.jdc-main-about .about-hdm{padding:52px 40px 0;height:270px}.jdc-main-about .about-hdm .whitepaper-bt{font-size:18px;color:#262626;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:25px}.jdc-main-about .about-hdm .whitepaper-des{margin-top:15px}.jdc-main-about .about-hd{box-sizing:border-box}.jdc-main-about .about-hd .whitepaper-des{font-size:14px;color:#595959;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.jdc-main-certification .j-row{padding:16px 0 60px;font-size:0}.jdc-main-certification .j-row .j-col-3{width:12.5%;float:none;display:inline-block;vertical-align:top}.jdc-main-certification-hd{height:16px;position:relative;text-align:center;margin-top:68px}.jdc-main-certification-hd:after{left:0}.jdc-main-certification-hd:after,.jdc-main-certification-hd:before{content:"";position:absolute;top:8px;width:44.9%;border-top:1px solid #e5e5e5;z-index:1}.jdc-main-certification-hd:before{right:0}.jdc-main-certification-hd .jdc-main-certification-title{font-size:27px;line-height:16px;display:inline-block;position:relative;z-index:2;padding:0 8px;color:#262626;font-weight:600}.jdc-main-certification-item{font-size:0}.jdc-main-certification-item .jdc-main-certification-item-ct{text-align:center;display:inline-block;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease}.jdc-main-certification-item .jdc-main-certification-item-ct:hover{background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.jdc-main-certification-item .jdc-main-certification-item-ct:hover h5,.jdc-main-certification-item .jdc-main-certification-item-ct:hover h6{opacity:1;color:#e1251b}.jdc-main-certification-item h5{font-size:12px;color:#595959;line-height:18px;padding-top:10px}.jdc-main-certification-item h6{font-size:12px;color:#595959;line-height:18px;padding-bottom:10px}@media (max-width:1680px){.jdc-main-about .about-hd-left .about-whitepaper{bottom:16px;right:16px}.jdc-main-about .about-hd-left .about-whitepaper img{height:240px}}@media (max-width:1440px){.jdc-main-case-list .case-item .case-content .case-item-bd{width:585px}.jdc-main-about .about-hd-left .about-whitepaper{bottom:30px}.jdc-main-about .about-hd-left .about-whitepaper img{height:210px}}@media (max-width:768px){.jdc-rwd .case-height-pc.jdc-main-certification-wrap{height:auto;background:#fff}.jdc-rwd .case-height-pc.jdc-main-certification-wrap .bg-certification{height:auto;background:none}.jdc-rwd .jdc-main-aboutus-hd{padding:24px 0 12px}.jdc-rwd .jdc-main-aboutus-hd .jdc-main-title{line-height:28px}.jdc-rwd .jdc-main-aboutus-bd{padding:0 16px}.jdc-rwd .jdc-main-about .about-hd{padding:0;height:auto;margin-bottom:12px}.jdc-rwd .jdc-main-about .about-hd .whitepaper-bt{background:#f7f8fb;line-height:22px;border-bottom:1px solid #e5e5e5;padding:14px 16px;font-size:14px;font-weight:600;position:relative;height:auto}.jdc-rwd .jdc-main-about .about-hd .whitepaper-bt:after{content:"\e8f5";position:absolute;top:50%;margin-top:-6px;right:16px;width:12px;text-align:center;line-height:12px;height:12px;font-size:16px;font-family:jdcfont!important;font-weight:400;color:#595959;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jdc-rwd .jdc-main-about .about-hd .whitepaper-des{-webkit-line-clamp:3;width:100%;line-height:22px;box-sizing:border-box}.jdc-rwd .jdc-main-about .about-hd .jdc-btn{display:none}.jdc-rwd .jdc-main-about .about-hd .about-whitepaper{padding:0;position:relative;right:0;bottom:0;width:100%;height:210px}.jdc-rwd .jdc-main-about .about-hd .about-whitepaper img{width:100%;height:100%}.jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-bt{border:none;display:none}.jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-bt.whitepaper-bt-m{display:block}.jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-des{position:absolute;bottom:0;left:0;z-index:1;margin:0;padding:57px 16px 12px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff}.jdc-rwd .jdc-main-about .about-hd.about-hd-left .whitepaper-des p{-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}.jdc-rwd .jdc-main-about .about-hd.about-hdm{width:100%;background:url(../image/certification-idc-bg.jpg) no-repeat 50%/cover;padding-bottom:16px}.jdc-rwd .jdc-main-about .about-hd.about-hdm .whitepaper-bt{background:none;margin-left:16px;padding-left:0;padding-right:80px}.jdc-rwd .jdc-main-about .about-hd.about-hdm .whitepaper-des{padding:0 16px;margin-top:12px}.jdc-rwd .jdc-main-about .j-row{margin-left:0}.jdc-rwd .jdc-main-about .j-row .j-col-6:last-child .about-hdm{background:url(../image/certification-research-bg.jpg) no-repeat 50%/cover}.jdc-rwd .jdc-main-certification{background:#fff url(../image/certification-bg-m.jpg) no-repeat 50%/cover;margin-bottom:16px}.jdc-rwd .jdc-main-certification .jdc-main-certification-hd{margin-left:16px;border-bottom:1px solid #e5e5e5;text-align:left;height:auto;line-height:normal;margin-top:0}.jdc-rwd .jdc-main-certification .jdc-main-certification-hd .jdc-main-certification-title{font-weight:700;font-size:14px;font-weight:600;padding:14px 80px 14px 0;position:relative;width:100%;box-sizing:border-box}.jdc-rwd .jdc-main-certification .jdc-main-certification-hd .jdc-main-certification-title:after{content:"\e8f5";position:absolute;top:50%;margin-top:-6px;right:16px;width:12px;text-align:center;line-height:12px;height:12px;font-size:16px;font-family:jdcfont!important;font-weight:400;color:#595959;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jdc-rwd .jdc-main-certification .jdc-main-certification-hd:after,.jdc-rwd .jdc-main-certification .jdc-main-certification-hd:before{display:none}.jdc-rwd .jdc-main-certification .j-row{padding:12px 15px 2px 4px;text-align:center;font-size:0;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}.jdc-rwd .jdc-main-certification .j-row:after,.jdc-rwd .jdc-main-certification .j-row:before{display:none}.jdc-rwd .jdc-main-certification .j-row .j-col-3{float:none;display:block;width:33.3%;box-sizing:border-box;padding-left:12px;margin-bottom:14px}.jdc-rwd .jdc-main-certification-item{background:#fff;padding:12px 0}.jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct{display:inline-block}.jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct img{display:inline-block;width:75px!important;height:auto!important}.jdc-rwd .jdc-main-certification-item .jdc-main-certification-item-ct:hover{box-shadow:none}.jdc-rwd .jdc-main-certification-item h5,.jdc-rwd .jdc-main-certification-item h6{display:none}}.jdc-main-free{background:#f7f8fb url(../image/freeTrial-bg.jpg) no-repeat 50%/cover;color:#fff;overflow:hidden}.jdc-main-free .jdc-main-hd{padding-top:60px;padding-bottom:40px}.jdc-main-free .jdc-main-hd .jdc-main-title{line-height:48px}.jdc-main-free .register-item{margin:0 auto;text-align:center;padding:32px 62px 40px 80px;font-size:0;position:relative;height:292px;box-sizing:border-box;overflow:hidden}.jdc-main-free .register-item:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.7);z-index:1;-webkit-filter:blur(4px);filter:blur(4px)}.jdc-main-free .register-item .register-cell-wrap{position:absolute;top:32px;bottom:0;left:80px;right:0;z-index:2}.jdc-main-free .register-item .register-cell{width:50%;display:inline-block;text-align:left}.jdc-main-free .register-item .register-cell h4{font-size:24px;color:#262626;line-height:33px;font-weight:600}.jdc-main-free .register-item .register-cell h5{font-size:16px;color:#595959;line-height:22px;margin:8px 0 16px;width:90%}.jdc-main-free .register-item .register-cell h5 b{color:#e1251b}.jdc-main-free .register-item .register-cell .cell-list{font-size:14px;color:#595959;line-height:28px}.jdc-main-free .register-item .register-cell .cell-list li span{display:inline-block;height:4px;width:4px;background:#d9d9d9;vertical-align:3px;margin-right:8px}.jdc-main-free .register-item .register-cell .jdc-btn{font-size:16px;box-sizing:border-box;border-radius:0;margin-top:16px;line-height:41px;width:136px;height:41px;background:-webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));background:linear-gradient(90deg,#fd441f,#e1251b);padding:0}.jdc-main-free .register-item .register-cell .jdc-btn .arr{padding-right:0}.jdc-main-free .register-item .register-cell .jdc-btn .arr:after{display:none}.jdc-main-free .register-item .register-cell .jdc-btn:hover .arr{padding-right:15px}.jdc-main-free .register-item .register-cell .jdc-btn:hover .arr:after{display:block}@media (max-width:768px){.jdc-rwd .jdc-main-free{height:166px;background:#000 url(../image/freeTrial-bg-m.jpg) no-repeat 50%/cover}.jdc-rwd .jdc-main-free .jdc-main-hd{display:none}.jdc-rwd .jdc-main-free .register-item{padding:24px 16px;background:none;height:auto}.jdc-rwd .jdc-main-free .register-item .register-cell-wrap{position:static}.jdc-rwd .jdc-main-free .register-item:after{display:none}.jdc-rwd .jdc-main-free .register-item .register-cell{width:100%;display:block;text-align:center}.jdc-rwd .jdc-main-free .register-item .register-cell:last-child{display:none}.jdc-rwd .jdc-main-free .register-item .register-cell h4{font-size:20px;color:#fff;line-height:28px}.jdc-rwd .jdc-main-free .register-item .register-cell h5{font-size:12px;color:#fff;width:100%}.jdc-rwd .jdc-main-free .register-item .register-cell .cell-list{display:none}.jdc-rwd .jdc-main-free .register-item .register-cell .jdc-btn{width:120px;height:32px;line-height:32px;margin-top:0;font-size:14px}}.jdc-sg-ul li{width:33.33%;box-sizing:border-box;padding-left:100px}.qr-icon.icon-e-wx{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.605 10.597c.38.392.842.63 1.351.778l.194.052c.364.068.553.407.57.754 0 .407-.29.753-.686.812-.38.051-.777-.195-.86-.583-.115-.602-.363-1.126-.793-1.567-.05-.05-.016-.16-.033-.246l.176-.014c.037-.002.068.002.081.014zm.702-7.67c.81.881 1.255 1.922 1.272 3.133a1.532 1.532 0 0 0-.653-.144h-.033c-.373.015-.73.167-1.004.428a1.62 1.62 0 0 0-.491.994 1.81 1.81 0 0 0 0 .424 1.92 1.92 0 0 1-1.082.559h-.009a1.5 1.5 0 0 0-.74.405 1.558 1.558 0 0 0-.414.748 1.574 1.574 0 0 0 .519 1.564 5.848 5.848 0 0 1-1.529.263 6.753 6.753 0 0 1-1.974-.196.704.704 0 0 0-.323.034l-1.494.754c-.19.102-.365.119-.53-.017-.157-.119-.173-.297-.157-.508.066-.423.116-.846.158-1.27a.465.465 0 0 0-.116-.28C1.054 9.15.493 8.413.21 7.482c-.528-1.845-.05-3.428 1.256-4.75 2.387-2.395 6.56-2.284 8.84.196v-.001zm2.974 6.105a.81.81 0 0 1 .719.813c0 .405-.24.736-.636.812a2.64 2.64 0 0 0-1.288.626l-.133.127c-.083.085-.207.161-.29.034-.033-.068-.016-.23.034-.28.389-.403.646-.92.735-1.48a.81.81 0 0 1 .305-.5.773.773 0 0 1 .554-.152zm-3.09-.762c-.016.085.017.212-.033.262-.413.423-.636.932-.752 1.515a.757.757 0 0 1-.308.482.723.723 0 0 1-.55.12.823.823 0 0 1-.492-.283.861.861 0 0 1-.202-.538c0-.357.256-.687.603-.754a2.711 2.711 0 0 0 1.478-.77c.05-.051.174-.034.257-.034zm.735-1.592c.365 0 .703.246.777.635.1.584.348 1.092.752 1.515.05.051.017.195.033.28l-.184.01c-.037 0-.069-.007-.088-.027-.414-.441-.926-.67-1.496-.796a.77.77 0 0 1-.454-.317.804.804 0 0 1-.133-.547c.058-.423.381-.736.793-.753z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%}.m-qrcode .m-qrcode-txt ul li{margin-right:25px}.jdc-footer-channel{min-height:450px}.jdc-footer-wrap .jdc-footer-dropdown{z-index:9999}

/* ============ TokenHub 大模型服务平台板块 ============ */
.jc-tokenhub-wrap{background:#f7f9fc;padding-bottom:70px}
.jc-tokenhub-wrap .jc-pro-hd{text-align:left;max-width:1600px;margin:0 auto;padding:70px 32px 30px}
.jc-tokenhub-wrap .jc-pro-hd .jc-pro-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;margin-bottom:14px;font-size:12px;font-weight:500;color:#006eff;background:#eaf2ff;border:1px solid rgba(0,110,255,.12);border-radius:100px;line-height:1.4;letter-spacing:.5px}
.jc-tokenhub-wrap .jc-pro-hd .jc-pro-tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#006eff;flex-shrink:0}
.jc-tokenhub-wrap .jc-pro-hd .jc-pro-title{font-size:32px;font-weight:600;color:#181818;line-height:44px;margin:0 0 12px}
.jc-tokenhub-wrap .jc-pro-hd .jc-pro-title .linear{background:linear-gradient(90deg,#0052d9 0%,#6089ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}
.jc-tokenhub-wrap .jc-pro-hd .jc-pro-subtitle{font-size:14px;color:#6b7a99;margin:0;line-height:22px}
/* 双栏布局 */
.jc-tokenhub-bd{max-width:1600px;margin:30px auto 0;padding:0 32px;display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:30px;align-items:stretch}
/* 左侧 TokenHub 广场卡片 */
/* === TokenHub 左侧：产品能力介绍卡（与右侧模型列表不重复）=== */
.jc-tokenhub-left{background:linear-gradient(135deg,#f0f6ff 0%,#eaf2ff 100%);border-radius:16px;padding:22px 20px 18px;border:1px solid #e8edf5;display:flex;flex-direction:column;position:relative;overflow:visible}
.jc-tokenhub-left:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(96,165,250,.2),transparent 70%);border-radius:50%;pointer-events:none}
.jc-tokenhub-left:after{content:"";position:absolute;bottom:-50px;left:-50px;width:160px;height:160px;background:radial-gradient(circle,rgba(167,139,250,.18),transparent 70%);border-radius:50%;pointer-events:none}

/* 顶部品牌行（含上线状态点） */
.jc-tokenhub-left-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:2}
.jc-tokenhub-left-top .jc-tokenhub-brand{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e8edf5;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#0059eb}
.jc-tokenhub-left-top .jc-tokenhub-brand svg{width:14px;height:14px}
.jc-tokenhub-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#16a34a;font-weight:500}
.jc-tokenhub-status__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18);animation:pulse-dot 1.8s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 3px rgba(22,163,74,.18)}50%{box-shadow:0 0 0 6px rgba(22,163,74,.08)}}

/* 主标题 */
.jc-tokenhub-left-title{font-size:22px;font-weight:700;line-height:1.4;color:#181818;margin:6px 0 16px;position:relative;z-index:2}
.jc-tokenhub-left-title--gradient{background:linear-gradient(90deg,#0059eb 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:14px;font-weight:600;display:inline-block;margin-top:4px}

/* 能力 chip（5 色） */
.jc-tokenhub-caps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;position:relative;z-index:2}
.jc-tokenhub-cap{display:inline-flex;align-items:center;font-size:11px;line-height:1;padding:5px 10px;border-radius:100px;font-weight:500;color:#fff;white-space:nowrap}
.jc-tokenhub-cap--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.jc-tokenhub-cap--purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.jc-tokenhub-cap--green{background:linear-gradient(135deg,#10b981,#059669)}
.jc-tokenhub-cap--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}
.jc-tokenhub-cap--pink{background:linear-gradient(135deg,#ec4899,#db2777)}

/* 能力介绍 bullets */
.jc-tokenhub-bullets{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;position:relative;z-index:2}
.jc-tokenhub-bullet{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.55;color:#3d4a63}
.jc-tokenhub-bullet b{color:#0059eb;font-weight:600;margin-right:4px}
.jc-tokenhub-bullet__dot{flex-shrink:0;margin-top:6px;width:5px;height:5px;border-radius:50%;background:#2677ff;box-shadow:0 0 0 3px rgba(38,119,255,.15)}

/* 左下浮动"TokenHub"徽标 */
.jc-tokenhub-badge{position:absolute;left:-10px;bottom:90px;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e8edf5;border-radius:100px;padding:6px 14px 6px 8px;font-size:12px;font-weight:600;color:#0059eb;box-shadow:0 6px 16px rgba(0,89,235,.18);z-index:3}
.jc-tokenhub-badge svg{width:18px;height:18px;background:#eaf2ff;border-radius:50%;padding:2px;box-sizing:content-box}

/* 右下浮层对话框 */
.jc-tokenhub-chat{position:absolute;right:-14px;bottom:60px;width:230px;background:#fff;border-radius:14px;padding:14px 14px 12px;box-shadow:0 12px 28px rgba(0,89,235,.18);border:1px solid #e8edf5;z-index:4;font-size:12px}
.jc-tokenhub-chat:before{content:"";position:absolute;left:-6px;bottom:18px;width:12px;height:12px;background:#fff;border-left:1px solid #e8edf5;border-bottom:1px solid #e8edf5;transform:rotate(45deg)}
.jc-tokenhub-chat__head{font-size:13px;font-weight:700;color:#181818;margin-bottom:6px}
.jc-tokenhub-chat__sub{font-size:11px;color:#6b7a99;margin-bottom:10px}
.jc-tokenhub-chat__box{background:#f7f9fc;border:1px solid #e8edf5;border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;min-height:44px}
.jc-tokenhub-chat__input{flex:1;font-size:11px;color:#6b7a99;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jc-tokenhub-chat__send{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#0059eb,#2677ff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .3s}
.jc-tokenhub-chat__send:hover{transform:scale(1.1)}
.jc-tokenhub-chat__foot{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a96ad}
.jc-tokenhub-chat__tag{display:inline-flex;align-items:center;gap:3px;color:#0059eb;background:#eaf2ff;padding:2px 7px;border-radius:4px;font-weight:500}
.jc-tokenhub-chat__tokens{font-weight:600;color:#0052d9}

/* 底部按钮 */
.jc-tokenhub-actions{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:60px;position:relative;z-index:2}
.jc-tokenhub-actions .jc-btn-primary{background:linear-gradient(135deg,#0059eb,#2677ff);color:#fff;border-radius:8px;padding:11px 26px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:box-shadow .3s,transform .3s}
.jc-tokenhub-actions .jc-btn-primary:hover{box-shadow:0 6px 16px rgba(0,89,235,.3);transform:translateY(-1px)}
.jc-tokenhub-actions .jc-btn-text{color:#0059eb;font-size:14px;text-decoration:none;font-weight:500}
.jc-tokenhub-actions .jc-btn-text:hover{text-decoration:underline}
/* 右侧 8 个模型卡片 */
.jc-tokenhub-models{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* === 模型卡片（圆形 logo + 默认无边框，hover 出边框）=== */
.jc-model-card{background:#fff;border:1px solid transparent;border-radius:16px;padding:20px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;cursor:pointer;position:relative;display:flex;gap:14px;align-items:flex-start}
.jc-model-card:hover{border-color:#b6d2ff;box-shadow:0 12px 30px rgba(0,82,217,.12);transform:translateY(-3px)}
/* 圆形 logo 容器（44×44 圆） */
.jc-model-card__icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:-.5px;overflow:hidden;transition:transform .35s,box-shadow .35s;background:#fff}
.jc-model-card:hover .jc-model-card__icon{transform:scale(1.08);box-shadow:0 6px 16px rgba(0,0,0,.1)}
.jc-model-card__icon svg{width:30px;height:30px}
/* 8 种品牌背景色（每个模型一种）*/
.jc-model-card__icon--hy3{background:#EEF2FE}
.jc-model-card__icon--hy3d{background:#F5F0FE}
.jc-model-card__icon--hyimg{background:#EDF9FA}
.jc-model-card__icon--k3{background:#F5F5F5}
.jc-model-card__icon--dsf{background:#EDF2FE}
.jc-model-card__icon--dsp{background:#EDF2FE}
.jc-model-card__icon--glm{background:#EEF5FE}
.jc-model-card__icon--m3{background:#FFF2F2}
.jc-model-card__bd{flex:1;min-width:0}
.jc-model-card__head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.jc-model-card__name{font-size:16px;font-weight:600;color:#181818;line-height:1.2}
.jc-model-card__badge{font-size:11px;color:#2677ff;background:#eaf2ff;padding:2px 8px;border-radius:4px;font-weight:500;white-space:nowrap}
.jc-model-card__desc{margin:0;font-size:12.5px;line-height:1.7;color:#6b7a99;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.jc-tokenhub-bd{grid-template-columns:1fr}.jc-tokenhub-models{grid-template-columns:1fr}}
@media (max-width:600px){.jc-tokenhub-wrap .jc-pro-hd{padding:40px 20px 20px}.jc-tokenhub-wrap .jc-pro-hd .jc-pro-title{font-size:24px;line-height:36px}}


/* ========== AI能力全链路覆盖 Introduce (1:1 复刻 beid.ygld.net tpm-portal-introduce) ========== */
.tx-introduce{position:relative}
.tx-introduce__container{max-width:1200px;margin:0 auto;padding:60px 20px 80px;box-sizing:border-box;position:relative;z-index:1}
.tx-introduce__section{position:relative}
@media screen and (min-width:769px){
.tx-introduce__section{background:#fff}
.tx-introduce__section:before,.tx-introduce__section:after{content:"";width:100%;height:100%;max-width:2560px;position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:none}
.tx-introduce__section:before{background:url(../images/introduce/bg-top.png) top/2560px auto no-repeat}
.tx-introduce__section:after{background:url(../images/introduce/bg-bottom.png) bottom/2560px auto no-repeat}
}
@media screen and (min-width:2560px){
.tx-introduce__section:before,.tx-introduce__section:after{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
}
.tx-introduce__header{margin-bottom:32px;position:relative;z-index:2}
.tx-introduce__tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;margin-bottom:18px;font-size:13px;font-weight:500;color:#0052d9;background:rgba(0,82,217,.06);border:1px solid rgba(0,82,217,.15);border-radius:20px;line-height:1.4}
.tx-introduce__tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0052d9;flex-shrink:0}
.tx-introduce__title{font-size:36px;font-weight:700;color:#1d2129;line-height:1.3;margin:0;letter-spacing:0}
.tx-introduce__title .linear{background:linear-gradient(90deg,#1b6ef7 0%,#2677ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}

/* ===== 4 张卡片横向并排 ===== */
.tx-introduce__cards{display:flex;align-items:stretch}
.tx-introduce__card-wrap{position:relative;flex:1 1 0%;min-width:0;display:flex}

/* ===== 占位卡：默认不显示但占空间，撑开 wrap 高度 ===== */
.tx-introduce__card{padding:16px;opacity:0;visibility:hidden;width:100%;box-sizing:border-box}

/* ===== active 卡：absolute + inset:0 覆盖整个 wrap（比 min-height:100% 更可靠） ===== */
.tx-introduce__card--active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;padding:1px;display:flex}
.tx-introduce__card--active:after{opacity:0;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200%;height:0;padding-top:200%;background:conic-gradient(transparent 0deg,transparent 240deg,rgba(27,110,247,.4) 300deg,rgba(127,178,255,.4) 330deg,rgba(27,110,247,.4) 1turn)}
@media screen and (min-width:769px){
.tx-introduce__card-wrap:hover .tx-introduce__card--active{box-shadow:0 4px 32px 0 rgba(16,52,113,.1)}
}
.tx-introduce__card-wrap:hover .tx-introduce__card--active:after{opacity:1;animation:tx-introduce-card-flow 5s linear infinite}

/* ===== inner：撑满 active 高度 ===== */
.tx-introduce__card-inner{position:relative;z-index:1;min-width:100%;min-height:100%;padding:15px;display:flex;flex-direction:column;box-sizing:border-box}
.tx-introduce__card-wrap:hover .tx-introduce__card-inner{background:#fff}

/* ===== 卡片内容 ===== */
.tx-introduce__card-header{margin-bottom:auto;position:relative;display:flex;flex-direction:column}
.tx-introduce__card-icon{width:16px;height:16px;object-fit:contain;display:block;flex-shrink:0}
.tx-introduce__card-icon img{width:100%;height:100%;object-fit:contain;display:block}
.tx-introduce__card-title{margin-top:8px;font-size:16px;font-weight:500;color:#000;line-height:28px}
.tx-introduce__card-desc{font-size:14px;font-weight:400;color:#6f7988;line-height:22px;margin-top:8px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;max-height:44px}

/* ===== 媒体区：图片 + 视频 ===== */
.tx-introduce__card-media{margin-top:16px;position:relative;width:100%}
.tx-introduce__card-img{width:100%;min-height:160px;object-fit:cover;display:block}
.tx-introduce__card-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease-in-out}
.tx-introduce__card-wrap:hover .tx-introduce__card-video{opacity:1}

/* ===== 按钮区 ===== */
.tx-introduce__card-actions{opacity:0;display:flex;align-items:center;width:100%;max-height:0;margin-top:0;overflow:hidden;transform:translateY(8px);transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}
.tx-introduce__card-wrap:hover .tx-introduce__card-actions{opacity:1;max-height:36px;margin-top:12px;transform:translateY(0)}
.tx-introduce__card-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;box-sizing:border-box;font-size:14px;line-height:22px;font-weight:400;text-decoration:none;cursor:pointer;border-radius:4px;transition:all .3s ease-in-out}
.tx-introduce__card-btn--primary{width:calc(50% - 8px);background:linear-gradient(90deg,#0059eb,#2677ff);color:#fff;border:0;position:relative;overflow:hidden}
@media screen and (min-width:769px){
.tx-introduce__card-btn--primary{--mx:50%;--my:50%}
.tx-introduce__card-btn--primary:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .25s ease;background:radial-gradient(200px circle at var(--mx) var(--my),hsla(0,0%,100%,.28),hsla(0,0%,100%,0) 65%)}
.tx-introduce__card-btn--primary:hover:before{opacity:1}
}
.tx-introduce__card-btn--weak{margin-left:16px;width:calc(50% - 8px);background:transparent;border:1px solid #e5e6eb;color:rgba(0,0,0,.9)}
@media screen and (min-width:769px){
.tx-introduce__card-btn--weak:hover{border-color:#0052d9;color:#0052d9}
}

@keyframes tx-introduce-card-flow{to{transform:translate(-50%,-50%) rotate(1turn)}}

/* ===== 大屏适配 ===== */
@media screen and (min-width:1400px){
.tx-introduce__container{padding:80px 32px 100px}
.tx-introduce__header{margin-bottom:40px}
.tx-introduce__card{padding:20px}
.tx-introduce__card--active{padding:2px}
.tx-introduce__card-inner{padding:19px}
.tx-introduce__card-title{margin-top:12px;font-size:18px;line-height:30px}
.tx-introduce__card-desc{margin-top:12px}
.tx-introduce__card-media{margin-top:20px}
}
@media screen and (min-width:1600px){
.tx-introduce__container{padding:100px 40px 120px}
.tx-introduce__header{margin-bottom:48px}
.tx-introduce__card{padding:24px}
.tx-introduce__card--active{padding:2px}
.tx-introduce__card-inner{padding:23px}
.tx-introduce__card-icon{width:20px;height:20px}
.tx-introduce__card-title{font-size:20px;line-height:32px}
.tx-introduce__card-media{margin-top:24px}
}

/* ===== mobile 端：去掉 swiper 模式，4 张卡直接显示为 2x2 布局 ===== */
@media screen and (max-width:768px){
.tx-introduce__section{background:#fdfdfd}
.tx-introduce__section:before,.tx-introduce__section:after{display:none}
.tx-introduce__container{padding:40px 16px 48px}
.tx-introduce__title{font-size:24px;line-height:1.4}
.tx-introduce__header{margin-bottom:20px}
  .tx-introduce__cards{flex-wrap:wrap;row-gap:16px;column-gap:16px}
  .tx-introduce__card-wrap{flex:0 0 calc(50% - 8px)}
  .tx-introduce__card{visibility:visible;opacity:1;display:flex;flex-direction:column;width:100%;padding:11px;border:1px solid #dfe4ec;border-radius:16px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}
  .tx-introduce__card--active{display:none}
  .tx-introduce__card+.tx-introduce__card{margin-left:0}
.tx-introduce__card-media{width:100%;margin-top:0;padding-top:0;background-size:cover;height:180px}
.tx-introduce__card-header{margin-top:16px}
.tx-introduce__card-icon{display:none}
.tx-introduce__card-img{height:100%;object-fit:contain;object-position:center;min-height:0}
.tx-introduce__card-title{margin-top:0;font-size:18px;line-height:26px;font-weight:500}
.tx-introduce__card-desc{font-size:12px;line-height:20px;margin-top:8px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.tx-introduce__card-actions{margin-top:16px;max-height:none;opacity:1;transform:none}
.tx-introduce__card-btn--primary,.tx-introduce__card-btn--weak{width:calc(50% - 6px)}
.tx-introduce__card-btn--weak{margin-left:12px}
}
@media screen and (max-width:600px){
.tx-introduce__card-wrap{flex:0 0 100%;margin-top:0}
}

/* ===========================================================
   AI 能力全链路覆盖（独立设计）
   - 双层结构：.jc-introduce (外层, viewport 撑满) > .jc-introduce__section (内层, 承载背景)
   - 外层用 width:100vw + left:50% + translateX(-50%)，突破 index-floor 等
     父容器宽度限制，让板块整体撑到视口边缘
   - 背景图通过 .jc-introduce__section 的 ::before / ::after 伪元素，
     同样 100vw + left:50% + translateX(-50%)，确保 bg-top / bg-bottom
     真正全宽呈现，与上下板块两端对齐
   - 内部 4 张卡通过 max-width: 1600px 容器居中约束，
     配合 4 列网格让每张卡实际占比 ≈25% 视口宽
   =========================================================== */
.jc-introduce {
  position: relative;
  /* 统一与下方板块一致：受父容器宽度限制，走 max-width 居中
     （100vw 撑满 + translate 会让板块左右对齐起点与下方不齐） */
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}
.jc-introduce *,
.jc-introduce *::before,
.jc-introduce *::after { box-sizing: border-box; }

/* 内层 section 承载背景色和伪元素背景图 */
.jc-introduce__section {
  position: relative;
  background: #fff;
}

/* 伪元素铺满视口宽度，并允许背景图撑到 2560px 宽 */
.jc-introduce__section::before,
.jc-introduce__section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 2560px;
  height: 100%;
  pointer-events: none;
}
.jc-introduce__section::before {
  background: url("../images/introduce/bg-top.png") top center / 2560px auto no-repeat;
}
.jc-introduce__section::after {
  background: url("../images/introduce/bg-bottom.png") bottom center / 2560px auto no-repeat;
}

/* 超宽屏时给背景图加左右淡出遮罩，避免边缘硬切 */
@media screen and (min-width: 2560px) {
  .jc-introduce__section::before,
  .jc-introduce__section::after {
    -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  }
}

.jc-introduce__container {
  position: relative;
  z-index: 1;
  /* 宽度从 1200 提到 1600，让 4 张卡在常见视口下都接近 25% 视口宽 */
  max-width: 1600px;
  margin: 0 auto;
  padding: 60px 32px 80px;
}

.jc-introduce__head {
  text-align: left;
  margin-bottom: 48px;
}

.jc-introduce__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eaf2ff;
  color: #006eff;
  font-size: 12px;
  line-height: 20px;
  padding: 4px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
  letter-spacing: 0.5px;
  font-weight: 500;
  border: 1px solid rgba(0,110,255,.12);
}
.jc-introduce__tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #006eff;
  flex-shrink: 0;
}

.jc-introduce__title {
  font-size: 32px;
  line-height: 44px;
  font-weight: 600;
  color: #181818;
  margin: 0;
}
.jc-introduce__title em {
  font-style: normal;
  background: linear-gradient(90deg, #0052d9 0%, #6089ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.jc-introduce__sub {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #6b7a99;
}

.jc-introduce__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* ============ 卡片 ============ */
.jc-card {
  background: #fff;
  border: 1px solid #e8edf5;
  border-radius: 16px;
  padding: 24px 20px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  cursor: pointer;
  outline: none;
  overflow: hidden;
}
.jc-card:hover,
.jc-card:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 82, 217, 0.14);
  border-color: #b6d2ff;
}
.jc-card:hover .jc-card__icon {
  color: #fff;
  background: linear-gradient(135deg, #0059eb, #2677ff);
}
.jc-card:hover .jc-card__btn--primary {
  box-shadow: 0 6px 16px rgba(0, 89, 235, 0.3);
}

.jc-card__head { display: flex; flex-direction: column; align-items: flex-start; }

.jc-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #f1f6ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2a8cff;
  margin-bottom: 14px;
  transition: background .3s, color .3s;
  flex-shrink: 0;
}
.jc-card__icon svg { width: 22px; height: 22px; display: block; }

.jc-card__title {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #181818;
}
.jc-card__desc {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: #6b7a99;
}

.jc-card__media {
  margin: 18px 0 14px;
  height: 170px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
.jc-card__media svg { width: 100%; height: 100%; display: block; }

.jc-card__features {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.jc-card__features li {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 22px;
  color: #4a5874;
}
.jc-card__features li .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #006eff;
  margin-right: 8px;
  flex-shrink: 0;
}

.jc-card__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #f0f3f9;
}
.jc-card__btn {
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 6px;
  transition: all .25s ease;
  white-space: nowrap;
}
.jc-card__btn--primary {
  background: linear-gradient(90deg, #0059eb, #2677ff);
  color: #fff;
}
.jc-card__btn--primary:hover {
  background: linear-gradient(90deg, #004dd1, #1f6df2);
}
.jc-card__btn--ghost {
  background: transparent;
  color: #0052d9;
  padding: 0;
  height: auto;
}
.jc-card__btn--ghost:hover {
  color: #2677ff;
}

/* ============ SVG 动效 ============ */
.cvm-led { animation: cvmPulse 1.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.cvm-led-1 { animation-delay: 0s; }
.cvm-led-2 { animation-delay: .4s; }
.cvm-led-3 { animation-delay: .8s; }
.cvm-led-4 { animation-delay: 1.2s; }
@keyframes cvmPulse {
  0%, 100% { fill: #006eff; opacity: 1; }
  50% { fill: #6eaaff; opacity: .35; }
}
.cvm-rate { animation: rateFlicker 3s ease-in-out infinite; }
@keyframes rateFlicker {
  0%, 100% { fill: #00c48c; }
  50% { fill: #009972; }
}

.bare-fan { transform-origin: center; transform-box: fill-box; animation: spin 3s linear infinite; }
.bare-fan + .bare-fan { animation-duration: 2.5s; animation-direction: reverse; }
@keyframes spin { to { transform: rotate(360deg); } }
.bare-led { animation: ledOn 1.4s ease-in-out infinite; }
.bare-led-1 { animation-delay: 0s; }
.bare-led-2 { animation-delay: .5s; }
.bare-led-3 { animation-delay: 1s; }
@keyframes ledOn { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

.ai-pulse { animation: aiGlow 2.4s ease-in-out infinite; transform-origin: 160px 100px; transform-box: view-box; }
@keyframes aiGlow {
  0%, 100% { opacity: .55; transform: scale(.9); }
  50% { opacity: .9; transform: scale(1.15); }
}
.ai-node { animation: aiNode 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.ai-node-1 { animation-delay: 0s; }
.ai-node-2 { animation-delay: .2s; }
.ai-node-3 { animation-delay: .4s; }
.ai-node-4 { animation-delay: .6s; }
.ai-node-5 { animation-delay: .8s; }
.ai-node-6 { animation-delay: 1s; }
.ai-node-7 { animation-delay: 1.2s; }
.ai-node-8 { animation-delay: 1.4s; }
@keyframes aiNode {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(.65); }
}

.code-branch { stroke-dasharray: 12 6; animation: codeDash 2.5s linear infinite; }
.code-branch-2 { animation-delay: 1.2s; }
@keyframes codeDash { to { stroke-dashoffset: -180; } }
.code-pulse { animation: codeFade 3s ease-in-out infinite; }
@keyframes codeFade { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }

/* ============ 响应式 ============ */
@media (min-width: 1400px) {
  .jc-introduce__container { padding: 80px 32px 100px; }
}
@media (min-width: 1600px) {
  .jc-introduce__container { padding: 100px 32px 120px; }
}
@media (max-width: 1200px) {
  .jc-introduce__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .jc-introduce__title { font-size: 28px; line-height: 40px; }
}
@media (max-width: 768px) {
  .jc-introduce__section { background: #fdfdfd; }
  .jc-introduce__section::before,
  .jc-introduce__section::after { display: none; }
  .jc-introduce__container { padding: 40px 16px 48px; }
  .jc-introduce__head { margin-bottom: 32px; }
  .jc-introduce__title { font-size: 24px; line-height: 36px; }
  .jc-introduce__sub { font-size: 13px; }
  .jc-introduce__grid { gap: 12px; }
  .jc-card { padding: 18px 16px 16px; }
  .jc-card__title { font-size: 16px; }
  .jc-card__desc { font-size: 12px; }
  .jc-card__media { height: 150px; margin: 14px 0 12px; }
  .jc-card__features li { font-size: 12px; }
}
@media (max-width: 480px) {
  .jc-introduce__grid { grid-template-columns: 1fr; }
  .jc-introduce__title { font-size: 22px; line-height: 32px; }
  .jc-card__media { height: 200px; }
}

/* ============================================================
   产品推荐板块 - V10 改版 (对标 maisuyun + jincloud 风格)
   - 顶部居中的多分类 tab 导航
   - 左侧大特色卡 + 右侧 3x2 网格
   - 蓝白科技风，与 banner/introduce 统一
   ============================================================ */
.jc-pro-list-v10 {
  position: relative;
  background: #fff;
  padding-bottom: 80px;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
}

/* --- 顶部标题 --- */
.jc-pro-list-v10 .jc-pro-hd {
  text-align: left;
  max-width: 1600px;
  margin: 0 auto;
  padding: 70px 32px 40px;
}
.jc-pro-list-v10 .jc-pro-hd .jc-pro-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
  color: #006eff;
  background: #eaf2ff;
  border: 1px solid rgba(0, 110, 255, 0.12);
  border-radius: 100px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.jc-pro-list-v10 .jc-pro-hd .jc-pro-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #006eff;
  flex-shrink: 0;
}
.jc-pro-list-v10 .jc-pro-hd .jc-pro-title {
  font-size: 32px;
  font-weight: 600;
  color: #181818;
  line-height: 44px;
  margin: 0 0 12px;
}
.jc-pro-list-v10 .jc-pro-hd .jc-pro-title .linear {
  background: linear-gradient(90deg, #0052d9 0%, #6089ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.jc-pro-list-v10 .jc-pro-hd .jc-pro-subtitle {
  font-size: 14px;
  color: #6b7a99;
  margin: 0;
  line-height: 22px;
}

/* --- Tab 导航 --- */
.jc-pro-list-v10 .jc-pro-tabs {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 1600px;
  margin: 0 auto 40px;
  padding: 0 32px;
}
.jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 500;
  color: #4a5568;
  background: #f7f8fc;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  user-select: none;
}
.jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab:hover {
  color: #0052d9;
  background: #eef2ff;
  border-color: rgba(0, 82, 217, 0.15);
}
.jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab.on {
  color: #fff;
  background: linear-gradient(135deg, #0052d9 0%, #3b82f6 100%);
  border-color: transparent;
  box-shadow: 0 2px 10px rgba(0, 82, 217, 0.3);
  font-weight: 600;
}
.jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab .tab-count {
  font-size: 12px;
  opacity: 0.7;
}
.jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab.on .tab-count {
  opacity: 1;
}

/* --- 主体容器 --- */
.jc-pro-list-v10 .jc-pro-bd {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  gap: 24px;
  align-items: stretch;
}

/* ===== 左侧大特色卡 ===== */
/* 【样式重设计说明】
   - 背景色：改用 #1e3a8a → #1e293b → #0b1428 的复合渐变，融入整体蓝色科技风（更"蓝"，不那么"纯黑"）
   - 新增点阵纹理（::before）+ 角落光斑（.feature-bg）
   - 新增光线扫过效果（::after）- hover 时从左上角斜向扫到右下角
   - 整体交互：hover 抬起 + 加深阴影 + 光斑位移 + 图标微旋转
*/
.jc-pro-list-v10 .jc-pro-feature {
  flex: 0 0 340px;
  width: 340px;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 520px;
  z-index: 1;
  isolation: isolate;
  /* 主背景：叠层渐变 = 角部蓝色光晕 + 线性深蓝渐变 */
  background:
    radial-gradient(circle at 100% 0%, rgba(96, 165, 250, 0.45) 0%, transparent 55%),
    radial-gradient(circle at 0% 100%, rgba(99, 102, 241, 0.25) 0%, transparent 50%),
    linear-gradient(165deg, #1e3a8a 0%, #1e293b 50%, #0b1428 100%);
  box-shadow:
    0 8px 32px rgba(30, 58, 138, 0.25),
    0 2px 6px rgba(15, 23, 42, 0.12);
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 科技点阵纹理 - 浅蓝小点（左上→右下渐隐） */
.jc-pro-list-v10 .jc-pro-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    radial-gradient(circle, rgba(148, 197, 253, 0.2) 1px, transparent 1.5px);
  background-size: 20px 20px;
  background-position: 0 0;
  -webkit-mask-image: linear-gradient(135deg, #000 0%, transparent 75%);
  mask-image: linear-gradient(135deg, #000 0%, transparent 75%);
  opacity: 0.7;
  pointer-events: none;
}

/* 光线扫过 - hover 时从左上角斜向扫过 */
.jc-pro-list-v10 .jc-pro-feature::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 80%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    115deg,
    transparent 40%,
    rgba(147, 197, 253, 0.04) 45%,
    rgba(147, 197, 253, 0.13) 50%,
    rgba(147, 197, 253, 0.04) 55%,
    transparent 60%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  transition: left 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.jc-pro-list-v10 .jc-pro-feature:hover::after {
  left: 130%;
}

/* hover 抬起 + 加深阴影 */
.jc-pro-list-v10 .jc-pro-feature:hover {
  transform: translateY(-6px);
  box-shadow:
    0 22px 60px rgba(30, 58, 138, 0.4),
    0 6px 18px rgba(15, 23, 42, 0.2);
}

/* 背景光晕 - 角落柔光（颜色由 JS 注入，每个产品可不同） */
.jc-pro-list-v10 .jc-pro-feature .feature-bg {
  position: absolute;
  top: -150px;
  right: -150px;
  width: 380px;
  height: 380px;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(30px);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
  animation: featureBgPulse 6s ease-in-out infinite;
}

.jc-pro-list-v10 .jc-pro-feature:hover .feature-bg {
  transform: translate(-30px, 30px) scale(1.15);
  opacity: 1;
}

@keyframes featureBgPulse {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}
.jc-pro-list-v10 .jc-pro-feature .feature-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.25;
  background-image:
    radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.3) 0px, transparent 1px),
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.15) 0px, transparent 1px);
  background-size: 30px 30px, 40px 40px;
  background-position: 0 0, 10px 10px;
}
.jc-pro-list-v10 .jc-pro-feature .feature-icon {
  position: relative;
  z-index: 3;
  margin: 32px 28px 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #fff;
  font-size: 26px;
  box-shadow:
    0 6px 16px rgba(59, 130, 246, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease;
}
.jc-pro-list-v10 .jc-pro-feature:hover .feature-icon {
  transform: rotate(-6deg) scale(1.06);
  box-shadow:
    0 10px 28px rgba(59, 130, 246, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.jc-pro-list-v10 .jc-pro-feature .feature-content {
  position: relative;
  z-index: 3;
  padding: 22px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.jc-pro-list-v10 .jc-pro-feature .feature-badge {
  display: inline-block;
  padding: 4px 14px;
  font-size: 11px;
  font-weight: 600;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.25);
  border-radius: 100px;
  margin-bottom: 14px;
  width: fit-content;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}
.jc-pro-list-v10 .jc-pro-feature:hover .feature-badge {
  background: rgba(251, 191, 36, 0.18);
  border-color: rgba(251, 191, 36, 0.45);
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.25);
}
.jc-pro-list-v10 .jc-pro-feature .feature-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
}
.jc-pro-list-v10 .jc-pro-feature .feature-desc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.7;
  flex: 1;
}
.jc-pro-list-v10 .jc-pro-feature .feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.jc-pro-list-v10 .jc-pro-feature .feature-tags span {
  padding: 4px 11px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(147, 197, 253, 0.18);
  border-radius: 6px;
  backdrop-filter: blur(4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc-pro-list-v10 .jc-pro-feature .feature-tags span:hover {
  background: rgba(96, 165, 250, 0.22);
  border-color: rgba(147, 197, 253, 0.5);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.25);
}
.jc-pro-list-v10 .jc-pro-feature .feature-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 28px 22px;
  border-top: 1px solid rgba(147, 197, 253, 0.12);
  position: relative;
  z-index: 3;
  gap: 12px;
}
.jc-pro-list-v10 .jc-pro-feature .feature-price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-shrink: 0;
}
.jc-pro-list-v10 .jc-pro-feature .feature-price .price-num {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.jc-pro-list-v10 .jc-pro-feature .feature-price .price-unit {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.jc-pro-list-v10 .jc-pro-feature .feature-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.35);
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.jc-pro-list-v10 .jc-pro-feature .feature-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
.jc-pro-list-v10 .jc-pro-feature .feature-btn:hover::before {
  left: 100%;
}
.jc-pro-list-v10 .jc-pro-feature .feature-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.5);
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
}

/* ===== 右侧 3×2 卡片网格 ===== */
.jc-pro-list-v10 .jc-pro-grid {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 16px;
}

/* ===== 产品卡片 (.jc-pro-card) ===== */
.jc-pro-list-v10 .jc-pro-card {
  background: #fff;
  border-radius: 14px;
  padding: 20px 24px;
  border: 1px solid #e8edf5;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.jc-pro-list-v10 .jc-pro-card:hover {
  box-shadow: 0 8px 30px rgba(0, 60, 180, 0.12);
  border-color: #b8c7e0;
  transform: translateY(-3px);
}
/* 卡内图标 */
.jc-pro-list-v10 .jc-pro-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jc-pro-list-v10 .jc-pro-card .card-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #eef2ff 0%, #dbeafe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
}
.jc-pro-list-v10 .jc-pro-card .card-icon svg {
  width: 20px;
  height: 20px;
}
.jc-pro-list-v10 .jc-pro-card .card-name {
  font-size: 15px;
  font-weight: 600;
  color: #181818;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 4px 0 0;
}
.jc-pro-list-v10 .jc-pro-card .card-tag {
  display: inline-block;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  color: #0052d9;
  background: #eef2ff;
  border-radius: 100px;
  white-space: nowrap;
  line-height: 1.6;
  flex-shrink: 0;
}
.jc-pro-list-v10 .jc-pro-card .card-desc {
  font-size: 12px;
  color: #6b7a99;
  line-height: 1.5;
  margin: 0;
  flex: 1;
  min-height: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 规格标签 */
.jc-pro-list-v10 .jc-pro-card .card-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.jc-pro-list-v10 .jc-pro-card .card-spec {
  padding: 2px 6px;
  font-size: 10px;
  color: #595959;
  background: #f5f7fa;
  border-radius: 4px;
  white-space: nowrap;
}
/* 底部价格区 */
.jc-pro-list-v10 .jc-pro-card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #f0f2f6;
}
.jc-pro-list-v10 .jc-pro-card .card-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 2px;
  flex-wrap: wrap;
}
.jc-pro-list-v10 .jc-pro-card .card-price {
  font-size: 20px;
  font-weight: 700;
  color: #0052d9;
}
.jc-pro-list-v10 .jc-pro-card .card-price-unit {
  font-size: 11px;
  color: #8c8c8c;
}
.jc-pro-list-v10 .jc-pro-card .card-price-origin {
  font-size: 11px;
  color: #bfbfbf;
  text-decoration: line-through;
  margin-left: 4px;
}
.jc-pro-list-v10 .jc-pro-card .card-discount-tag {
  font-size: 10px;
  font-weight: 600;
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.06);
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 4px;
}
.jc-pro-list-v10 .jc-pro-card .card-btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #0052d9;
  background: #f0f5ff;
  border: 1px solid rgba(0, 82, 217, 0.15);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.jc-pro-list-v10 .jc-pro-card .card-btn:hover {
  background: #0052d9;
  color: #fff;
}
/* ===== 卡片流星动效边框（纯 CSS conic-gradient + mask 方案）===== */
/* 【方案说明】放弃 SVG（viewBox 拉伸导致圆角变形），改用 ::before + conic-gradient：
   1. border-radius: inherit —— 100% 继承卡片圆角，弯角完美贴合
   2. conic-gradient 画一道亮弧（亮头+长拖尾）
   3. mask + mask-composite: exclude 只显示 padding 区域（= 1px 边框）
   4. 整个 ::before 用 transform: rotate() 旋转动画，亮弧沿边框流动
   5. 1px 边框非常细，仅 1px 像素宽，完美贴合卡片
   兼容性：Chrome 80+, Firefox 53+, Safari 12.1+ (conic-gradient)
          + Chrome 80+, Safari 15.4+, Firefox 53+ (mask-composite) */
@property --meteor-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

/* === 产品卡 (.jc-pro-card) === */
.jc-pro-list-v10 .jc-pro-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 3;
  pointer-events: none;
  padding: 2px;            /* 边框粗细 2px，可见且不粗 */
  background: conic-gradient(
    from var(--meteor-angle),
    /* 0° ~ 60° 完全透明（24% 周长，月空区）*/
    transparent 0deg,
    transparent 60deg,
    /* 60° ~ 95° 拖尾渐入：从隐形到主蓝（35° 渐入）*/
    rgba(182, 197, 240, 0.18) 68deg,
    rgba(182, 197, 240, 0.45) 78deg,
    rgba(182, 197, 240, 0.78) 88deg,
    /* 95° 是亮头（纯白，最亮点）*/
    #ffffff 96deg,
    /* 96° ~ 145° 亮头衰减 + 拖尾渐出（49° 渐出）*/
    rgba(230, 240, 255, 0.95) 102deg,
    rgba(182, 197, 240, 0.75) 110deg,
    rgba(182, 197, 240, 0.45) 122deg,
    rgba(182, 197, 240, 0.2) 138deg,
    transparent 148deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s ease;
  animation: meteor-spin 2.6s linear infinite;
  animation-play-state: paused;
}
.jc-pro-list-v10 .jc-pro-card:hover::before {
  opacity: 1;
  animation-play-state: running;
}

/* === AI 板块卡 (.jc-card) === */
.jc-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 3;
  pointer-events: none;
  padding: 2px;            /* 边框粗细 2px */
  background: conic-gradient(
    from var(--meteor-angle),
    /* 0° ~ 60° 完全透明（月空区）*/
    transparent 0deg,
    transparent 60deg,
    /* 60° ~ 95° 拖尾渐入：隐形 → 主蓝（35° 渐入，带长拖尾）*/
    rgba(96, 165, 250, 0.2) 68deg,
    rgba(96, 165, 250, 0.5) 78deg,
    rgba(96, 165, 250, 0.85) 88deg,
    /* 95° 亮头（纯白 + 蓝色发光感）*/
    #ffffff 96deg,
    /* 96° ~ 145° 亮头衰减 + 拖尾渐出（49° 渐出）*/
    rgba(186, 215, 255, 0.95) 102deg,
    rgba(96, 165, 250, 0.75) 110deg,
    rgba(96, 165, 250, 0.5) 122deg,
    rgba(96, 165, 250, 0.22) 138deg,
    transparent 148deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.4s ease;
  animation: meteor-spin 2.6s linear infinite;
  animation-play-state: paused;
}
.jc-card:hover::before,
.jc-card:focus-within::before {
  opacity: 1;
  animation-play-state: running;
}

/* === 隐藏 SVG 兜底元素（纯 CSS 方案不需要 SVG）=== */
.card-meteor,
.card-meteor * {
  display: none !important;
}

/* ===== 流星旋转动画 ===== */
@keyframes meteor-spin {
  to { --meteor-angle: 360deg; }
}

/* ===== 卡片底纹 SVG 图标水印 ===== */
/* 【替换说明】替换掉了之前的 ::after 文字水印，改用真实 SVG 图标（stroke 描边）
   SVG 由 JS 在 buildProductCard 中注入到 .card-watermark 元素中。
   修改/新增图标：见 assets/js/header-v6.js 中的 getProductIconSvg() 函数 */
.jc-pro-list-v10 .jc-pro-card .card-watermark {
  position: absolute;
  right: -16px;
  bottom: -16px;
  width: 140px;
  height: 140px;
  z-index: 0;
  pointer-events: none;
  color: #3b82f6;
  opacity: 0;
  transform-origin: bottom right;
  transform: rotate(-8deg) scale(0.85);
  transition:
    opacity 0.5s ease,
    transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc-pro-list-v10 .jc-pro-card .card-watermark svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.jc-pro-list-v10 .jc-pro-card:hover .card-watermark {
  opacity: 0.08;
  transform: rotate(-5deg) scale(1);
}

/* 环形动效确保卡片内容层级在伪元素之上 */
.jc-pro-list-v10 .jc-pro-card .card-header,
.jc-pro-list-v10 .jc-pro-card .card-name,
.jc-pro-list-v10 .jc-pro-card .card-desc,
.jc-pro-list-v10 .jc-pro-card .card-specs,
.jc-pro-list-v10 .jc-pro-card .card-footer {
  position: relative;
  z-index: 1;
}

/* ===== 环形旋转动画 ===== */
@keyframes proRingRotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* --- 空状态 --- */
.jc-pro-list-v10 .jc-pro-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 80px 20px;
  color: #8c8c8c;
  font-size: 15px;
}

/* ========== 响应式 ========== */

/* 大屏 (1280-1400) */
@media (max-width: 1400px) {
  .jc-pro-list-v10 .jc-pro-bd {
    max-width: 1280px;
  }
  .jc-pro-list-v10 .jc-pro-feature {
    flex: 0 0 300px;
    width: 300px;
    min-height: 480px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-name {
    font-size: 20px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-content {
    padding: 20px 24px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-footer {
    padding: 16px 24px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-icon {
    margin: 24px 24px 0;
  }
  .jc-pro-list-v10 .jc-pro-card {
    padding: 16px 18px;
  }
}

/* 平板 (768-1100) */
@media (max-width: 1100px) {
  .jc-pro-list-v10 .jc-pro-hd .jc-pro-title {
    font-size: 26px;
  }
  .jc-pro-list-v10 .jc-pro-bd {
    flex-direction: column;
    gap: 20px;
  }
  .jc-pro-list-v10 .jc-pro-feature {
    flex: none;
    width: 100%;
    min-height: auto;
    flex-direction: row;
    align-items: center;
    border-radius: 12px;
    gap: 0;
    overflow: hidden;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-bg {
    display: none;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-icon {
    margin: 20px 0 20px 20px;
    flex-shrink: 0;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-content {
    padding: 20px;
    flex: 1 1 auto;
    min-width: 0;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-footer {
    flex-shrink: 1;
    min-width: 0;
    padding: 20px 20px;
    border-top: none;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    gap: 8px;
    flex-wrap: wrap;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-btn {
    flex-shrink: 0;
  }
  .jc-pro-list-v10 .jc-pro-grid {
    gap: 12px;
  }
  .jc-pro-list-v10 .jc-pro-card {
    padding: 14px 16px;
  }
  .jc-pro-list-v10 .jc-pro-tabs {
    gap: 8px;
    margin-bottom: 30px;
  }
  .jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab {
    padding: 8px 18px;
    font-size: 14px;
  }
}

/* 手机 (768 以下) */
@media (max-width: 768px) {
  .jc-pro-list-v10 {
    padding-bottom: 50px;
  }
  .jc-pro-list-v10 .jc-pro-hd {
    padding: 40px 16px 24px;
  }
  .jc-pro-list-v10 .jc-pro-hd .jc-pro-title {
    font-size: 22px;
    line-height: 32px;
  }
  .jc-pro-list-v10 .jc-pro-hd .jc-pro-subtitle {
    font-size: 13px;
  }
  .jc-pro-list-v10 .jc-pro-tabs {
    gap: 6px;
    margin-bottom: 20px;
    padding: 0 12px;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .jc-pro-list-v10 .jc-pro-tabs::-webkit-scrollbar {
    display: none;
  }
  .jc-pro-list-v10 .jc-pro-tabs .jc-pro-tab {
    padding: 8px 16px;
    font-size: 13px;
    flex-shrink: 0;
  }
  .jc-pro-list-v10 .jc-pro-bd {
    flex-direction: column;
    gap: 16px;
    padding: 0 12px;
  }
  .jc-pro-list-v10 .jc-pro-feature {
    flex: none;
    width: 100%;
    min-height: auto;
    flex-direction: row;
    align-items: center;
    border-radius: 12px;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-bg {
    display: none;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-icon {
    margin: 16px 0 0 16px;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    font-size: 18px;
    border-radius: 10px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-content {
    padding: 12px 16px;
    flex: 1 1 60%;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-name {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-desc {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-tags {
    gap: 4px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-tags span {
    font-size: 10px;
    padding: 2px 8px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-footer {
    width: 100%;
    padding: 12px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-left: none;
    flex-wrap: wrap;
    gap: 8px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-price .price-num {
    font-size: 20px;
  }
  .jc-pro-list-v10 .jc-pro-feature .feature-btn {
    padding: 7px 16px;
    font-size: 12px;
    flex-shrink: 0;
  }
  .jc-pro-list-v10 .jc-pro-grid {
    gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .jc-pro-list-v10 .jc-pro-card {
    padding: 14px 16px;
  }
  .jc-pro-list-v10 .jc-pro-card .card-name {
    font-size: 13px;
  }
  .jc-pro-list-v10 .jc-pro-card .card-desc {
    font-size: 11px;
  }
  .jc-pro-list-v10 .jc-pro-card .card-specs {
    display: none;
  }
  .jc-pro-list-v10 .jc-pro-card .card-price {
    font-size: 18px;
  }
  .jc-pro-list-v10 .jc-pro-card .card-btn {
    padding: 6px 12px;
    font-size: 11px;
  }
  /* 移动端特色卡 hover 弱化 - 触屏 hover 体验不佳 */
  .jc-pro-list-v10 .jc-pro-feature:hover {
    transform: none;
  }
}

/* 小手机 (480 以下) */
@media (max-width: 480px) {
  .jc-pro-list-v10 .jc-pro-grid {
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .jc-pro-list-v10 .jc-pro-card {
    padding: 12px 14px;
  }
}

/* ================================================================
   SOLUTIONS + PARTNERS 融合板块（仿腾讯云 & 百度智能云解决方案）
   --------------------------------------------------------------
   布局：左对齐标题 → Tab导航 → 单面板切换（左图右文）→ 合作伙伴流水墙
   动效：流动渐变背景 + 浮动光点 + Tab切换过渡 + 合作伙伴跑马灯
   ================================================================ */
.jc-sol-partners {
  background: linear-gradient(135deg, #f8fafc 0%, #eef2fb 25%, #f8fafc 50%, #eef2fb 75%, #f8fafc 100%);
  background-size: 400% 400%;
  animation: jc-sp-bg-flow 15s ease infinite;
  padding: 80px 0 60px;
  position: relative;
  overflow: hidden;
}
.jc-sol-partners::before {
  content: '';
  position: absolute;
  top: -200px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(0,82,217,0.04) 0%, transparent 70%);
  border-radius: 50%;
  animation: jc-sp-float-orb 20s ease-in-out infinite;
  pointer-events: none;
}
.jc-sol-partners::after {
  content: '';
  position: absolute;
  bottom: -150px;
  left: -80px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(43,107,255,0.03) 0%, transparent 70%);
  border-radius: 50%;
  animation: jc-sp-float-orb-reverse 18s ease-in-out infinite;
  pointer-events: none;
}
@keyframes jc-sp-bg-flow {
  0%, 100% { background-position: 0% 50%; }
  25% { background-position: 100% 0%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
}
@keyframes jc-sp-float-orb {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(-30px, 40px) scale(1.1); }
  66% { transform: translate(20px, -20px) scale(0.9); }
}
@keyframes jc-sp-float-orb-reverse {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(25px, -30px) scale(0.85); }
  66% { transform: translate(-15px, 35px) scale(1.15); }
}

/* 浮动光点装饰 */
.jc-sp-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.jc-sp-dot {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,82,217,0.12);
  border-radius: 50%;
  animation: jc-sp-dot-float 6s ease-in-out infinite;
}
.jc-sp-dot:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; }
.jc-sp-dot:nth-child(2) { top: 20%; left: 15%; animation-delay: 1.2s; }
.jc-sp-dot:nth-child(3) { top: 15%; left: 85%; animation-delay: 2.4s; }
.jc-sp-dot:nth-child(4) { top: 60%; left: 90%; animation-delay: 0.8s; }
.jc-sp-dot:nth-child(5) { top: 75%; left: 8%; animation-delay: 3s; }
.jc-sp-dot:nth-child(6) { top: 40%; left: 92%; animation-delay: 1.8s; }
.jc-sp-dot:nth-child(7) { top: 5%; left: 50%; animation-delay: 3.6s; }
.jc-sp-dot:nth-child(8) { top: 82%; left: 55%; animation-delay: 2.2s; }
@keyframes jc-sp-dot-float {
  0%, 100% { transform: translateY(0); opacity: 0.12; }
  50% { transform: translateY(-20px); opacity: 0.35; }
}

.jc-sp-inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

/* ====== 标题区（左对齐） ====== */
.jc-sp-header {
  margin-bottom: 40px;
}
.jc-sp-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
  color: #006eff;
  background: #eaf2ff;
  border: 1px solid rgba(0, 110, 255, 0.12);
  border-radius: 100px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.jc-sp-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #006eff;
  flex-shrink: 0;
}
.jc-sp-title {
  font-size: 40px;
  font-weight: 700;
  color: #0a1628;
  line-height: 1.35;
  margin: 0;
  letter-spacing: -0.5px;
}
.jc-sp-title em {
  display: inline;
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  color: #7b8799;
  margin-left: 12px;
  letter-spacing: 0;
}
.jc-sp-title .linear {
  background: linear-gradient(90deg, #0052d9 0%, #6089ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* ====== Tab 导航（左对齐） ====== */
.jc-sp-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 48px;
  border-bottom: 2px solid #eef0f5;
  padding-bottom: 0;
}
.jc-sp-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px 14px;
  font-size: 15px;
  font-weight: 600;
  color: #6b7b95;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  user-select: none;
  outline: none;
  position: relative;
  border-radius: 0;
}
.jc-sp-tab::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #0052d9;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1px;
}
.jc-sp-tab:hover {
  color: #0052d9;
}
.jc-sp-tab:hover::after {
  width: 60%;
}
.jc-sp-tab.is-active {
  color: #0052d9;
}
.jc-sp-tab.is-active::after {
  width: 100%;
}
.jc-sp-tab-icon {
  width: 18px;
  height: 18px;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.jc-sp-tab.is-active .jc-sp-tab-icon,
.jc-sp-tab:hover .jc-sp-tab-icon {
  opacity: 1;
}

/* ====== Tab 内容面板（单面板：左图右文） ====== */
.jc-sp-content {
  position: relative;
}
.jc-sp-panel {
  display: none;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc-sp-panel.is-active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.jc-sp-panel-inner {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

/* 图片区（800×520 占位） */
.jc-sp-panel-img {
  flex: 0 0 800px;
  width: 800px;
  height: 520px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #e8eef7 0%, #f0f4fa 100%);
  border: 1px solid #e5e8f0;
  box-shadow: 0 4px 24px rgba(0,52,130,0.06);
  transition: box-shadow 0.4s ease, transform 0.4s ease;
}
.jc-sp-panel-img:hover {
  box-shadow: 0 8px 40px rgba(0,52,130,0.12);
  transform: translateY(-2px);
}
.jc-sp-panel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.jc-sp-panel-img:hover img {
  transform: scale(1.03);
}
.jc-sp-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #a0aec0;
  font-size: 14px;
  text-align: center;
  line-height: 2;
  gap: 12px;
}
.jc-sp-img-placeholder svg {
  opacity: 0.25;
}
.jc-sp-img-placeholder span {
  background: rgba(0,0,0,0.04);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  color: #8899aa;
  font-family: monospace;
}

/* 文字内容区 */
.jc-sp-panel-text {
  flex: 1;
  min-width: 0;
  padding-top: 8px;
}
.jc-sp-panel-text .jc-sp-panel-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0052d9;
  background: rgba(0,82,217,0.06);
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.jc-sp-panel-text h3 {
  font-size: 28px;
  font-weight: 700;
  color: #0a1628;
  margin: 0 0 16px;
  line-height: 1.3;
}
.jc-sp-panel-text .jc-sp-panel-desc {
  font-size: 15px;
  color: #5a6a7e;
  line-height: 1.75;
  margin: 0 0 24px;
}
/* 亮点列表 */
.jc-sp-highlights {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.jc-sp-highlights li {
  font-size: 14px;
  color: #3d4f66;
  line-height: 1.6;
  padding-left: 26px;
  position: relative;
}
.jc-sp-highlights li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #0052d9, #2b6bff);
  border-radius: 4px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.5 4.5L6 12 2.5 8.5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.5 4.5L6 12 2.5 8.5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* 数据指标 */
.jc-sp-stats {
  display: flex;
  gap: 32px;
  padding: 20px 0;
  border-top: 1px solid #eef0f5;
  margin-bottom: 28px;
}
.jc-sp-stat {
  display: flex;
  flex-direction: column;
}
.jc-sp-stat .stat-num {
  font-size: 26px;
  font-weight: 800;
  color: #0a1628;
  line-height: 1.2;
  letter-spacing: -1px;
}
.jc-sp-stat .stat-num span {
  color: #0052d9;
}
.jc-sp-stat .stat-label {
  font-size: 12px;
  color: #8b96a6;
  margin-top: 4px;
}
/* 操作按钮 */
.jc-sp-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.jc-sp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #0052d9, #2b6bff);
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,82,217,0.25);
  border: none;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.jc-sp-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,82,217,0.4);
}
.jc-sp-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #0052d9;
  background: rgba(0,82,217,0.04);
  border: 1px solid rgba(0,82,217,0.2);
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.jc-sp-btn-outline:hover {
  background: rgba(0,82,217,0.08);
  border-color: #0052d9;
  transform: translateY(-1px);
}

/* ====== 合作伙伴分区 ====== */
.jc-sp-partners-section {
  margin-top: 32px;
  padding-top: 48px;
}
.jc-sp-partners-head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 36px;
}
.jc-sp-partners-head h3 {
  font-size: 22px;
  font-weight: 700;
  background: linear-gradient(90deg, #0052d9 0%, #6089ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin: 0;
  white-space: nowrap;
}
.jc-sp-partners-head .jc-sp-partners-line {
  flex: 1;
  min-width: 40px;
  height: 2px;
  background: #e5e8f0;
  flex-shrink: 1;
}
.jc-sp-partners-head p {
  font-size: 14px;
  color: #8b96a6;
  margin: 0;
}

/* 合作伙伴跑马灯容器 */
.jc-sp-partners-marquee {
  position: relative;
  overflow: hidden;
  padding: 8px 0;
}
.jc-sp-partners-marquee::before,
.jc-sp-partners-marquee::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.jc-sp-partners-marquee::before {
  left: 0;
  background: linear-gradient(to right, rgba(248,250,252,0.95), transparent);
}
.jc-sp-partners-marquee::after {
  right: 0;
  background: linear-gradient(to left, rgba(248,250,252,0.95), transparent);
}
.jc-sp-partners-track {
  display: flex;
  gap: 16px;
  animation: jc-sp-marquee 30s linear infinite;
  width: max-content;
}
.jc-sp-partners-track:hover {
  animation-play-state: paused;
}
/* 双行（正/反向） */
.jc-sp-partners-track--reverse {
  animation: jc-sp-marquee-reverse 35s linear infinite;
  margin-top: 16px;
}
@keyframes jc-sp-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes jc-sp-marquee-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.jc-sp-partner-logo {
  flex: 0 0 auto;
  width: 140px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #eef0f5;
  transition: all 0.3s ease;
  cursor: default;
  position: relative;
  overflow: hidden;
}
.jc-sp-partner-logo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent, rgba(0,82,217,0.03));
  opacity: 0;
  transition: opacity 0.3s;
}
.jc-sp-partner-logo:hover {
  border-color: #0052d9;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,82,217,0.12);
}
.jc-sp-partner-logo:hover::after {
  opacity: 1;
}
.jc-sp-partner-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 14px;
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
}
.jc-sp-partner-logo:hover img {
  transform: scale(1.08);
}

/* ====== 响应式 ====== */
@media (max-width: 1440px) {
  .jc-sp-panel-img {
    flex: 0 0 600px;
    width: 600px;
    height: 390px;
  }
  .jc-sp-panel-inner { gap: 36px; }
  .jc-sp-panel-text h3 { font-size: 24px; }
}
@media (max-width: 1200px) {
  .jc-sol-partners { padding: 60px 0 40px; }
  .jc-sp-title { font-size: 32px; }
  .jc-sp-title em { font-size: 15px; margin-left: 8px; display: block; margin-top: 6px; }
  .jc-sp-panel-inner {
    flex-direction: column;
    gap: 28px;
  }
  .jc-sp-panel-img {
    flex: none;
    width: 100%;
    height: auto;
    aspect-ratio: 800 / 520;
  }
  .jc-sp-partner-logo { width: 120px; height: 56px; }
  .jc-sp-partner-logo img { padding: 12px; }
}
@media (max-width: 900px) {
  .jc-sol-partners { padding: 48px 0 32px; }
  .jc-sp-inner { padding: 0 16px; }
  .jc-sp-header { margin-bottom: 28px; }
  .jc-sp-title { font-size: 26px; }
  .jc-sp-tabs { gap: 4px; margin-bottom: 32px; }
  .jc-sp-tab { padding: 8px 14px 10px; font-size: 13px; }
  .jc-sp-panel-img { aspect-ratio: 4/3; }
  .jc-sp-panel-inner { gap: 24px; }
  .jc-sp-panel-text h3 { font-size: 20px; }
  .jc-sp-panel-text .jc-sp-panel-desc { font-size: 14px; }
  .jc-sp-stats { gap: 20px; }
  .jc-sp-stat .stat-num { font-size: 20px; }
  .jc-sp-actions { flex-direction: column; }
  .jc-sp-btn-primary, .jc-sp-btn-outline { width: 100%; justify-content: center; box-sizing: border-box; }
  .jc-sp-partners-section { margin-top: 48px; padding-top: 32px; }
  .jc-sp-partners-head .jc-sp-partners-line { min-width: 30px; }
  .jc-sp-partner-logo { width: 100px; height: 48px; }
  .jc-sp-partner-logo img { padding: 10px; }
}
@media (max-width: 600px) {
  .jc-sol-partners { padding: 40px 0 24px; }
  .jc-sp-title { font-size: 22px; }
  .jc-sp-tabs { gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
  .jc-sp-tab { flex-shrink: 0; }
  .jc-sp-panel-img { aspect-ratio: 16/11; }
  .jc-sp-title em { font-size: 13px; }
  .jc-sp-partners-head { flex-wrap: wrap; gap: 8px; }
  .jc-sp-partners-head .jc-sp-partners-line { display: none; }
  .jc-sp-partner-logo { width: 90px; height: 44px; }
  .jc-sp-partner-logo img { padding: 8px; }
}

/* ================================================================
   PARTNERS · 合作伙伴板块（仿腾讯云 marquee 滚动 logo 墙）
   --------------------------------------------------------------
   双行无缝循环滚动，第一行正向、第二行反向
   32 个品牌 logo 用 CSS+SVG 模拟真实品牌形态
   ================================================================ */
.jdc-partners {
  background: #fff;
  padding: 50px 0 60px;
  position: relative;
  overflow: hidden;
}
.jdc-partners-inner { position: relative; }
.jdc-partners-head {
  text-align: center;
  margin-bottom: 40px;
}
.jdc-partners .kicker {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #0052d9;
  background: rgba(0, 82, 217, 0.08);
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
}
.jdc-partners-title {
  font-size: 32px;
  font-weight: 700;
  color: #181818;
  line-height: 1.3;
  margin: 0;
}
.jdc-partners-title .cta-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0052d9;
  text-decoration: none;
  font-style: normal;
  transition: gap 0.2s ease;
}
.jdc-partners-title .cta-link:hover { gap: 10px; }

/* ---- marquee 滚动容器 ---- */
.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
}
.marquee-track {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: marqueeScroll 60s linear infinite;
}
.marquee-track-reverse {
  animation: marqueeScrollReverse 60s linear infinite;
}
@keyframes marqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes marqueeScrollReverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.marquee:hover .marquee-track { animation-play-state: paused; }

/* ---- 单个 logo 卡片 ---- */
.partner-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  height: 56px;
  padding: 0 22px;
  background: #fff;
  border: 1px solid #eef0f5;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 30, 90, 0.03);
  font-size: 15px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  cursor: default;
  transition: all 0.25s ease;
}
.partner-logo:hover {
  border-color: #0052d9;
  box-shadow: 0 6px 18px rgba(0, 82, 217, 0.12);
  transform: translateY(-2px);
}
.partner-logo .logo-mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  background: linear-gradient(135deg, #f0f4fa 0%, #e0e8f5 100%);
}
/* 为每个品牌定制 logo 标记色 */
.logo-huawei .logo-mark { background: linear-gradient(135deg, #ff0000 0%, #c7000b 100%); }
.logo-huawei .logo-mark::after { content: "H"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-alibaba .logo-mark { background: linear-gradient(135deg, #ff6a00 0%, #ee0979 100%); }
.logo-alibaba .logo-mark::after { content: "A"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-tencent .logo-mark { background: linear-gradient(135deg, #1976ff 0%, #0052d9 100%); }
.logo-tencent .logo-mark::after { content: "T"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-baidu .logo-mark { background: linear-gradient(135deg, #2932e1 0%, #1a237e 100%); }
.logo-baidu .logo-mark::after { content: "B"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-jinshan .logo-mark { background: linear-gradient(135deg, #ff8c00 0%, #ff6600 100%); }
.logo-jinshan .logo-mark::after { content: "K"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-jd .logo-mark { background: linear-gradient(135deg, #e1251b 0%, #b71c1c 100%); }
.logo-jd .logo-mark::after { content: "J"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-ucloud .logo-mark { background: linear-gradient(135deg, #00b8d9 0%, #0052d9 100%); }
.logo-ucloud .logo-mark::after { content: "U"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-qiniu .logo-mark { background: linear-gradient(135deg, #07beff 0%, #0885ff 100%); }
.logo-qiniu .logo-mark::after { content: "Q"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-ziguang .logo-mark { background: linear-gradient(135deg, #0052d9 0%, #1976d2 100%); }
.logo-ziguang .logo-mark::after { content: "Z"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-langchao .logo-mark { background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%); }
.logo-langchao .logo-mark::after { content: "L"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-tianyi .logo-mark { background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%); }
.logo-tianyi .logo-mark::after { content: "T"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-yidong .logo-mark { background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%); }
.logo-yidong .logo-mark::after { content: "M"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-cctv .logo-mark { background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%); border-radius: 50%; }
.logo-cctv .logo-mark::after { content: "C"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-people .logo-mark { background: linear-gradient(135deg, #d32f2f 0%, #c62828 100%); }
.logo-people .logo-mark::after { content: "人"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-douyin .logo-mark { background: linear-gradient(135deg, #000 0%, #1a1a1a 100%); position: relative; }
.logo-douyin .logo-mark::after { content: "♪"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 18px; }

.logo-bilibili .logo-mark { background: linear-gradient(135deg, #fb7299 0%, #ff85b3 100%); border-radius: 4px; }
.logo-bilibili .logo-mark::after { content: "B"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-zhifubao .logo-mark { background: linear-gradient(135deg, #1677ff 0%, #0050b3 100%); }
.logo-zhifubao .logo-mark::after { content: "支"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 13px; }

.logo-wechat .logo-mark { background: linear-gradient(135deg, #07c160 0%, #04a050 100%); border-radius: 50%; }
.logo-wechat .logo-mark::after { content: "微"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 12px; }

.logo-meituan .logo-mark { background: linear-gradient(135deg, #ffc300 0%, #ff9500 100%); }
.logo-meituan .logo-mark::after { content: "M"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-didi .logo-mark { background: linear-gradient(135deg, #ff6900 0%, #ee0979 100%); }
.logo-didi .logo-mark::after { content: "D"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-pinduoduo .logo-mark { background: linear-gradient(135deg, #e02e24 0%, #c62828 100%); }
.logo-pinduoduo .logo-mark::after { content: "P"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-jd-shop .logo-mark { background: linear-gradient(135deg, #e1251b 0%, #b71c1c 100%); }
.logo-jd-shop .logo-mark::after { content: "京"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-suning .logo-mark { background: linear-gradient(135deg, #ffaa00 0%, #ff8c00 100%); }
.logo-suning .logo-mark::after { content: "S"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-vipshop .logo-mark { background: linear-gradient(135deg, #ff5577 0%, #ee3366 100%); }
.logo-vipshop .logo-mark::after { content: "V"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-xiaohongshu .logo-mark { background: linear-gradient(135deg, #ff2442 0%, #d6173a 100%); }
.logo-xiaohongshu .logo-mark::after { content: "红"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-kuaishou .logo-mark { background: linear-gradient(135deg, #ff4906 0%, #ee3300 100%); }
.logo-kuaishou .logo-mark::after { content: "K"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-weibo .logo-mark { background: linear-gradient(135deg, #e6162d 0%, #c62828 100%); }
.logo-weibo .logo-mark::after { content: "微"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 13px; }

.logo-zhihu .logo-mark { background: linear-gradient(135deg, #0084ff 0%, #0052d9 100%); }
.logo-zhihu .logo-mark::after { content: "知"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-wangyiyun .logo-mark { background: linear-gradient(135deg, #c20c0c 0%, #8b0000 100%); }
.logo-wangyiyun .logo-mark::after { content: "雲"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-ctrip .logo-mark { background: linear-gradient(135deg, #2196f3 0%, #0052d9 100%); }
.logo-ctrip .logo-mark::after { content: "携"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

.logo-mogujie .logo-mark { background: linear-gradient(135deg, #ff5577 0%, #ee3366 100%); }
.logo-mogujie .logo-mark::after { content: "M"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 16px; }

.logo-dangdang .logo-mark { background: linear-gradient(135deg, #ff6900 0%, #ee0979 100%); }
.logo-dangdang .logo-mark::after { content: "当"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .jdc-partners { padding: 40px 0; }
  .jdc-partners-title { font-size: 22px; }
  .partner-logo { height: 48px; padding: 0 16px; font-size: 13px; gap: 8px; }
  .partner-logo .logo-mark { width: 24px; height: 24px; }
}

/* ================================================================
   INFRASTRUCTURE · 安全合规、高速稳定的基础设施建设 v6
   --------------------------------------------------------------
   100%复刻腾讯云首页：section标题区 + 地球PNG画布(16节点+tooltip)
   + 数据指标叠加层 + 底部安全认证图标行
   ================================================================ */
.jdc-infra {
  background: #f7faff;
  border-bottom: 1px solid #e9ebef;
  padding: 60px 0 60px;
  position: relative;
}
.jdc-infra-inner {
  position: relative;
  padding: 0 48px;
}
.jdc-infra-hd {
  margin-bottom: 56px;
  position: relative;
  z-index: 2;
}
.jdc-infra-hd .jdc-infra-hd-content { }
.jdc-infra-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 500;
  color: #006eff;
  background: #eaf2ff;
  border: 1px solid rgba(0, 110, 255, 0.12);
  border-radius: 100px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  box-sizing: border-box;
}
.jdc-infra-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #006eff;
  flex-shrink: 0;
}
.jdc-infra-hd-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.jdc-infra-title {
  font-size: 42px;
  font-weight: 700;
  color: #1e2229;
  line-height: 1.25;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.jdc-infra-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, #006eff 0%, #0052d9 100%);
  border: none;
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 12px rgba(0, 110, 255, 0.25);
  cursor: pointer;
}
.jdc-infra-link:hover {
  color: #fff;
  background: linear-gradient(135deg, #1a7fff 0%, #006eff 100%);
  box-shadow: 0 6px 24px rgba(0, 110, 255, 0.4);
  transform: translateY(-2px);
}
.jdc-infra-link:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 110, 255, 0.2);
}
.jdc-infra-link-icon {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(-45deg);
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jdc-infra-link:hover .jdc-infra-link-icon {
  transform: rotate(-45deg) translateX(3px) translateY(-3px);
}

/* --- Body画布: 地球 + 节点 + 数据指标 --- */
.jdc-infra-body {
  position: relative;
  overflow: hidden;
}
.jdc-infra-earth {
  position: relative;
  width: 1505px;
  height: 539px;
  transform: scale(0.65);
  transform-origin: right top;
  margin-left: auto;
}
.jdc-infra-earth-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* --- 地图节点 (dot) --- */
.jdc-infra-dot-list {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.jdc-infra-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  margin-left: -6.5px;
  margin-top: -6.5px;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  z-index: 1;
  background: radial-gradient(circle at 50% 50%, #fff 0%, #fff 30%, transparent 70%);
  box-shadow: 0 0 0 4px rgba(0, 82, 217, 0.28), 0 0 0 8px rgba(0, 82, 217, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* 脉冲动画 */
.jdc-infra-dot::before {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: rgba(0, 82, 217, 0.15);
  animation: infraDotPulse 2s ease-in-out infinite;
}
.jdc-infra-dot:nth-child(2)::before  { animation-delay: 0.3s; }
.jdc-infra-dot:nth-child(3)::before  { animation-delay: 0.6s; }
.jdc-infra-dot:nth-child(4)::before  { animation-delay: 0.9s; }
.jdc-infra-dot:nth-child(5)::before  { animation-delay: 1.2s; }
.jdc-infra-dot:nth-child(6)::before  { animation-delay: 0.15s; }
.jdc-infra-dot:nth-child(7)::before  { animation-delay: 0.45s; }
.jdc-infra-dot:nth-child(8)::before  { animation-delay: 0.75s; }
.jdc-infra-dot:nth-child(9)::before  { animation-delay: 1.05s; }
.jdc-infra-dot:nth-child(10)::before { animation-delay: 0.25s; }
.jdc-infra-dot:nth-child(11)::before { animation-delay: 0.55s; }
.jdc-infra-dot:nth-child(12)::before { animation-delay: 0.85s; }
.jdc-infra-dot:nth-child(13)::before { animation-delay: 1.15s; }
.jdc-infra-dot:nth-child(14)::before { animation-delay: 0.35s; }
.jdc-infra-dot:nth-child(15)::before { animation-delay: 0.65s; }
.jdc-infra-dot:nth-child(16)::before { animation-delay: 0.95s; }

@keyframes infraDotPulse {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.8); opacity: 0; }
}
.jdc-infra-dot:hover {
  transform: scale(1.4);
  box-shadow: 0 0 0 5px rgba(0, 82, 217, 0.4), 0 0 0 10px rgba(0, 82, 217, 0.2);
  z-index: 10;
}
.jdc-infra-dot:hover::after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0052d9;
}

/* --- Dot Tooltip 气泡 --- */
.jdc-infra-dot-tooltip {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 12px 16px;
  min-width: 160px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 20;
}
.jdc-infra-dot-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #fff;
}
.jdc-infra-dot-tooltip.placement-right {
  left: calc(100% + 12px);
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.jdc-infra-dot-tooltip.placement-right::after {
  top: 50%;
  left: auto;
  right: 100%;
  transform: translateY(-50%);
  border-top-color: transparent;
  border-right-color: #fff;
}
.jdc-infra-dot-tooltip.placement-left {
  right: calc(100% + 12px);
  left: auto;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.jdc-infra-dot-tooltip.placement-left::after {
  top: 50%;
  left: 100%;
  right: auto;
  transform: translateY(-50%);
  border-top-color: transparent;
  border-left-color: #fff;
}
.jdc-infra-dot:hover .jdc-infra-dot-tooltip {
  opacity: 1;
  visibility: visible;
}
.jdc-infra-dot-tooltip-hd {
  font-size: 13px;
  font-weight: 600;
  color: #1e2229;
  line-height: 20px;
  margin-bottom: 6px;
}
.jdc-infra-dot-tooltip-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.jdc-infra-dot-tooltip-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  color: #4b5b76;
  line-height: 18px;
}
.jdc-infra-dot-tooltip-item span:last-child {
  color: #0052d9;
  font-weight: 600;
}

/* --- 左侧数据指标叠加层 --- */
.jdc-infra-items {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 48px;
  pointer-events: none;
}
.jdc-infra-items > div {
  display: flex;
  gap: 48px;
}
.jdc-infra-item {
  min-width: 136px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: auto;
}
.jdc-infra-item-value {
  display: flex;
  align-items: baseline;
  font-family: "DIN Alternate", "Arial", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #1e2229;
  letter-spacing: -0.5px;
}
.jdc-infra-item-num {
  font-weight: 700;
}
.jdc-infra-item-unit {
  font-size: 32px;
  font-weight: 500;
  margin-left: 2px;
}
.jdc-infra-item-label {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  line-height: 22px;
  white-space: nowrap;
}

/* --- 底部安全认证图标行 --- */
.jdc-infra-logos-wrap {
  margin-top: 110px;
  border-top: 1px solid #fff;
  background: hsla(0, 0%, 100%, 0.85);
  padding: 24px 0;
}
.jdc-infra-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  width: 100%;
}
.jdc-infra-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.jdc-infra-logo:hover {
  transform: translateY(-4px);
}
.jdc-infra-logo:hover .jdc-infra-logo-icon {
  border-color: rgba(0, 82, 217, 0.3);
  box-shadow: 0 6px 24px rgba(0, 82, 217, 0.12);
}
.jdc-infra-logo:hover .jdc-infra-logo-text {
  color: #0052d9;
}
.jdc-infra-logo-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 10px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.jdc-infra-logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.jdc-infra-logo-text {
  font-size: 12px;
  font-weight: 400;
  color: #4b5b76;
  text-align: center;
  line-height: 18px;
  transition: color 0.3s ease;
}
.jdc-infra-logo-text .short-text {
  display: none;
}
/* ===============================================
   响应式断点
   =============================================== */
@media (min-width: 1920px) {
  .jdc-infra-earth {
    transform: scale(0.72);
    margin-right: 480px;
  }
  .jdc-infra-logos-wrap {
    margin-top: 140px;
    padding: 32px 0;
  }
  .jdc-infra-inner {
    padding: 0 120px;
  }
}
@media (min-width: 1600px) {
  .jdc-infra-inner {
    padding: 0 64px;
  }
  .jdc-infra-earth {
    transform: scale(0.68);
  }
  .jdc-infra-logo-icon {
    width: 80px;
    height: 80px;
    padding: 14px;
  }
  .jdc-infra-logo-text {
    font-size: 14px;
  }
  .jdc-infra-logos-wrap {
    padding: 32px 0;
  }
}
@media (min-width: 1400px) {
  .jdc-infra-inner {
    padding: 0 64px;
  }
  .jdc-infra-earth {
    transform: scale(0.65);
  }
  .jdc-infra-logo-icon {
    width: 64px;
    height: 64px;
    padding: 11px;
  }
  .jdc-infra-logos-wrap {
    margin-top: 120px;
    padding: 28px 0;
  }
}
@media (min-width: 1680px) {
  .jdc-infra-earth {
    margin-right: 380px;
  }
}
@media (max-width: 1400px) {
  .jdc-infra-title {
    font-size: 34px;
  }
  .jdc-infra-earth {
    transform: scale(0.52);
    transform-origin: right top;
  }
}
@media (max-width: 1200px) {
  .jdc-infra-title {
    font-size: 28px;
  }
  .jdc-infra-earth {
    transform: scale(0.4);
    margin-left: 0;
    transform-origin: right top;
  }
  .jdc-infra-items {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 16px;
  }
  .jdc-infra-items > div {
    flex-wrap: wrap;
    gap: 32px;
  }
  .jdc-infra-logos-wrap {
    margin-top: 40px;
  }
  .jdc-infra-logos {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .jdc-infra-inner {
    padding: 0 24px;
  }
  .jdc-infra-hd {
    margin-bottom: 16px;
  }
  .jdc-infra-title {
    font-size: 24px;
  }
  .jdc-infra-hd-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .jdc-infra-tag {
    font-size: 11px;
    padding: 3px 10px;
    margin-bottom: 12px;
  }
  .jdc-infra-link {
    font-size: 13px;
  }
  .jdc-infra-earth {
    width: 100%;
    height: auto;
    transform: none;
    max-width: 100%;
  }
  .jdc-infra-earth-img {
    max-width: 100%;
    height: auto;
  }
  .jdc-infra-dot {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.28), 0 0 0 6px rgba(0, 82, 217, 0.12);
  }
  .jdc-infra-items {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
    margin-top: 8px;
  }
  .jdc-infra-items > div {
    gap: 24px;
    flex-wrap: wrap;
  }
  .jdc-infra-item {
    min-width: 100px;
  }
  .jdc-infra-item-value {
    font-size: 32px;
    line-height: 40px;
  }
  .jdc-infra-item-unit {
    font-size: 28px;
  }
  .jdc-infra-item-label {
    font-size: 14px;
  }
  .jdc-infra-logos-wrap {
    margin-top: 36px;
    padding: 24px 16px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .jdc-infra-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 12px;
    justify-items: center;
  }
  .jdc-infra-logo {
    flex-direction: column;
  }
  .jdc-infra-logo-icon {
    width: 48px;
    height: 48px;
    padding: 8px;
  }
  .jdc-infra-logo-text {
    font-size: 10px;
  }
  .jdc-infra-dot-tooltip {
    min-width: 120px;
    padding: 8px 12px;
  }
}
@media (max-width: 600px) {
  .jdc-infra-inner {
    padding: 0 16px;
  }
  .jdc-infra-title {
    font-size: 22px;
  }
  .jdc-infra-items {
    gap: 16px;
  }
  .jdc-infra-items > div {
    gap: 16px;
  }
  .jdc-infra-item {
    min-width: 80px;
  }
  .jdc-infra-item-value {
    font-size: 28px;
    line-height: 36px;
  }
  .jdc-infra-item-unit {
    font-size: 24px;
  }
  .jdc-infra-item-label {
    font-size: 12px;
    margin-top: 4px;
  }
  .jdc-infra-logo-icon {
    width: 48px;
    height: 48px;
    padding: 8px;
  }
  .jdc-infra-logo-text {
    font-size: 10px;
  }
  .jdc-infra-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    gap: 16px 12px;
  }
  .jdc-infra-logo {
    flex-direction: column;
  }
  .jdc-infra-logos-wrap {
    margin-top: 28px;
    padding: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .jdc-infra-logo-text .full-text {
    display: none;
  }
  .jdc-infra-logo-text .short-text {
    display: inline;
  }
}
@media (max-width: 450px) {
  .jdc-infra-logo-icon {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
  .jdc-infra-logo-text {
    font-size: 9px;
  }
  .jdc-infra-logo {
    flex-direction: column;
    gap: 6px;
  }
  .jdc-infra-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    gap: 14px 10px;
  }
}

/* ================================================================
   ULTIMATE SECTION ALIGNMENT — 全站板块水平几何统一锚点
   规则放在 CSS 最底部利用源顺序覆盖，所有 section 级容器的标题区和内容区
   强制共享同一 max-width + padding，确保左右对齐在任何视口下完全一致。
   新增板块容器只需按选择器追加到下方列表即可自动对齐。
   ================================================================ */
.jc-introduce__container,
.jc-pro-list-v10 .jc-pro-hd,
.jc-pro-list-v10 .jc-pro-tabs,
.jc-pro-list-v10 .jc-pro-bd,
.jc-tokenhub-wrap .jc-pro-hd,
.jc-tokenhub-bd,
.jdc-sol-inner,
.jdc-partners-inner,
.jdc-infra-inner,
.jc-sp-inner,
.jdc-main-developer-content {
  width: 100% !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}
@media (max-width: 1400px) {
  .jc-pro-list-v10 .jc-pro-bd {
    max-width: 1280px !important;
  }
}
@media (max-width: 900px) {
  .jc-introduce__container,
  .jc-pro-list-v10 .jc-pro-hd,
  .jc-pro-list-v10 .jc-pro-tabs,
  .jc-pro-list-v10 .jc-pro-bd,
.jc-tokenhub-wrap .jc-pro-hd,
.jc-tokenhub-bd,
.jdc-sol-inner,
.jdc-partners-inner,
.jdc-infra-inner,
.jdc-main-developer-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ================================================================
   DEVELOPER SECTION V6 — 大气美学升级
   实体面板卡片 · 编号列表 · 配色图标 · 丰富层次
   官方动态（左）+ 技术支持（右）
   样式与上游板块协调：蓝色系 + 左对齐标签 + em渐变标题
   ================================================================ */

/* ====== 板块容器 —— 微妙渐变背景，增加层次感 ====== */
.jdc-main-developer-wrap {
  background: linear-gradient(180deg, #f8f9fc 0%, #fff 8%, #fff 92%, #f8f9fc 100%) !important;
  background-image: none !important;
  overflow: visible;
  position: relative;
}

/* ====== 标题区 ====== */
.jc-dev-hd {
  text-align: left;
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 32px 48px;
  box-sizing: border-box;
}
.jc-dev-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 16px;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 500;
  color: #006eff;
  background: #eaf2ff;
  border: 1px solid rgba(0, 110, 255, 0.12);
  border-radius: 100px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.jc-dev-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #006eff;
  flex-shrink: 0;
}
.jc-dev-title {
  font-size: 36px;
  font-weight: 700;
  color: #161823;
  line-height: 48px;
  margin: 0 0 14px;
  letter-spacing: -0.3px;
}
.jc-dev-title em {
  font-style: normal;
  background: linear-gradient(90deg, #0052d9 0%, #6089ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.jc-dev-sub {
  font-size: 15px;
  color: #6b7a99;
  margin: 0;
  line-height: 24px;
}

/* ====== 板块内容区 ====== */
.jdc-developer-bd {
  padding: 0 0 80px;
}
.jdc-main-developer-content {
  overflow: visible;
}

/* ====== 双栏布局 ====== */
.dev-duo-v6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: stretch;
}

/* ================================================================
   实体面板卡片 — 左右两栏共用
   白色大卡片 + 柔和阴影 + 内边距充分
   ================================================================ */
.dev-panel-v6 {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.dev-panel-v6:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}

/* 面板头部 */
.dev-panel-hd-v6 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f0f2f5;
}
.dev-panel-hd-icon-v6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--ic-bg, rgba(0, 110, 255, 0.07));
  color: var(--ic-clr, #006eff);
  flex-shrink: 0;
}
.dev-panel-hd-text {
  flex: 1;
  min-width: 0;
}
.dev-panel-hd-title {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #161823;
  line-height: 23px;
}
.dev-panel-hd-sub {
  display: block;
  font-size: 12px;
  color: #a8b0be;
  margin-top: 2px;
}
.dev-panel-hd-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7a99;
  text-decoration: none;
  padding: 7px 16px;
  border-radius: 20px;
  background: #f5f6f8;
  transition: all 0.25s;
  white-space: nowrap;
}
.dev-panel-hd-more:hover {
  color: #006eff;
  background: #eaf2ff;
  gap: 8px;
}

/* ================================================================
   左栏：官方动态 — Hero 大卡 + 编号列表
   ================================================================ */

/* Hero 置顶大卡片 */
.dev-news-hero-v6 {
  margin-bottom: 20px;
}
.dev-news-hero-link-v6 {
  display: flex;
  gap: 20px;
  padding: 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7f9fd 0%, #f0f4fa 100%);
  border: 1px solid #e4e9f2;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.dev-news-hero-accent {
  position: absolute;
  top: 0; left: 0;
  width: 4px; height: 100%;
  background: linear-gradient(180deg, #006eff, #0052d9);
  border-radius: 0 4px 4px 0;
  transition: width 0.3s ease;
}
.dev-news-hero-link-v6:hover {
  background: #fff;
  border-color: rgba(0, 110, 255, 0.25);
  box-shadow: 0 4px 20px rgba(0, 110, 255, 0.09);
}
.dev-news-hero-link-v6:hover .dev-news-hero-accent {
  width: 5px;
}

/* 日期块 */
.dev-news-hero-date-v6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  min-height: 64px;
  border-radius: 14px;
  background: linear-gradient(135deg, #006eff, #0052d9);
  box-shadow: 0 4px 14px rgba(0, 110, 255, 0.25);
  color: #fff;
  flex-shrink: 0;
  padding: 10px 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dev-news-hero-link-v6:hover .dev-news-hero-date-v6 {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 110, 255, 0.35);
}
.dev-news-hero-day-v6 {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  font-family: "DIN", "Helvetica Neue", "Arial", sans-serif;
}
.dev-news-hero-mon-v6 {
  font-size: 10px;
  font-weight: 500;
  opacity: 0.85;
  margin-top: 3px;
  letter-spacing: 0.5px;
}

/* 内容区 */
.dev-news-hero-content-v6 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dev-news-hero-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dev-news-hero-badge-v6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  background: var(--bd-bg, #e8f3ff);
  color: var(--bd-clr, #0a6cff);
  line-height: 22px;
}
.dev-news-hero-time-v6 {
  font-size: 11px;
  color: #a8b0be;
}
.dev-news-hero-title-v6 {
  font-size: 17px;
  font-weight: 700;
  color: #161823;
  line-height: 24px;
  transition: color 0.25s;
}
.dev-news-hero-link-v6:hover .dev-news-hero-title-v6 {
  color: #006eff;
}
.dev-news-hero-desc-v6 {
  font-size: 13px;
  color: #6b7a99;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 编号新闻列表 */
.dev-news-list-v6 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dev-news-item-v6 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 12px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.22s, padding-left 0.22s;
}
.dev-news-item-v6 + .dev-news-item-v6 {
  border-top: 1px solid #f4f5f8;
}
.dev-news-item-v6:hover {
  background: #f7f9fd;
  padding-left: 16px;
}

/* 序号 */
.dev-news-num-v6 {
  font-size: 12px;
  font-weight: 700;
  color: #c4cad4;
  font-family: "DIN", "Helvetica Neue", "Arial", sans-serif;
  min-width: 24px;
  flex-shrink: 0;
  transition: color 0.22s;
}
.dev-news-item-v6:hover .dev-news-num-v6 {
  color: #006eff;
}

.dev-news-item-badge-v6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 21px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
  background: var(--bd-bg, #e8f3ff);
  color: var(--bd-clr, #0a6cff);
  flex-shrink: 0;
  line-height: 21px;
}
.dev-news-item-title-v6 {
  flex: 1;
  font-size: 14px;
  color: #4e5b6e;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.22s;
}
.dev-news-item-v6:hover .dev-news-item-title-v6 {
  color: #006eff;
}
.dev-news-item-date-v6 {
  font-size: 11px;
  color: #a8b0be;
  flex-shrink: 0;
  white-space: nowrap;
}

/* ================================================================
   右栏：技术支持 — 多彩图标文档卡片
   ================================================================ */
.dev-doc-list-v6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.dev-doc-card-v6 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  border-radius: 14px;
  background: #fafbfd;
  border: 1px solid #edf0f4;
  text-decoration: none;
  transition: all 0.28s ease;
  position: relative;
  overflow: hidden;
}
.dev-doc-card-v6::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: var(--doc-icon-bg, linear-gradient(135deg, rgba(0,110,255,0.04), rgba(0,110,255,0.01)));
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.dev-doc-card-v6:hover {
  background: #fff;
  border-color: rgba(0, 110, 255, 0.2);
  box-shadow: 0 6px 22px rgba(0, 110, 255, 0.09);
  transform: translateY(-3px);
}
.dev-doc-card-v6:hover::after {
  opacity: 1;
}

/* 文档图标 */
.dev-doc-card-icon-v6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--doc-icon-bg, linear-gradient(135deg, rgba(0,110,255,0.12), rgba(0,200,255,0.06)));
  color: var(--doc-icon-clr, #006eff);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.dev-doc-card-v6:hover .dev-doc-card-icon-v6 {
  transform: scale(1.08);
  box-shadow: 0 4px 14px rgba(0, 110, 255, 0.15);
}

/* 文档正文 */
.dev-doc-card-body-v6 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dev-doc-card-title-v6 {
  font-size: 15px;
  font-weight: 700;
  color: #161823;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.22s;
}
.dev-doc-card-v6:hover .dev-doc-card-title-v6 {
  color: #006eff;
}
.dev-doc-card-desc-v6 {
  font-size: 12px;
  color: #8e99ab;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 箭头 */
.dev-doc-card-arrow-v6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f0f2f5;
  color: #a8b0be;
  flex-shrink: 0;
  transition: all 0.28s ease;
}
.dev-doc-card-v6:hover .dev-doc-card-arrow-v6 {
  background: #006eff;
  color: #fff;
  transform: translateX(3px);
}

/* ================================================================
   响应式 V6
   ================================================================ */
@media (max-width: 1200px) {
  .jc-dev-hd {
    padding: 64px 32px 40px;
  }
  .dev-duo-v6 {
    gap: 24px;
  }
  .dev-panel-v6 {
    padding: 28px 24px 32px;
  }
}

@media (max-width: 1000px) {
  .dev-duo-v6 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 900px) {
  .jc-dev-hd {
    padding: 48px 24px 32px;
  }
  .jc-dev-title {
    font-size: 28px;
    line-height: 40px;
  }
  .jc-dev-sub {
    font-size: 14px;
  }
  .jdc-developer-bd {
    padding-bottom: 56px;
  }
  .dev-panel-v6 {
    padding: 24px 20px 28px;
    border-radius: 14px;
  }
  .dev-panel-hd-v6 {
    margin-bottom: 20px;
    padding-bottom: 14px;
  }
  .dev-news-hero-link-v6 {
    padding: 20px;
    gap: 16px;
  }
  .dev-news-hero-date-v6 {
    width: 54px;
    min-height: 54px;
    border-radius: 12px;
  }
  .dev-news-hero-day-v6 {
    font-size: 22px;
  }
  .dev-news-hero-title-v6 {
    font-size: 15px;
    line-height: 21px;
  }
  .dev-news-hero-desc-v6 {
    font-size: 12px;
  }
  .dev-doc-card-v6 {
    padding: 18px 16px;
    gap: 14px;
  }
  .dev-doc-card-icon-v6 {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }
  .dev-doc-card-icon-v6 svg {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 600px) {
  /* ===== 容器溢出防护 ===== */
  .jdc-main-developer-wrap {
    overflow-x: hidden;
  }
  .jc-dev-hd {
    padding: 36px 16px 24px;
  }
  .jc-dev-title {
    font-size: 24px;
    line-height: 34px;
  }
  .jc-dev-sub {
    font-size: 13px;
    line-height: 21px;
  }
  .jc-dev-tag {
    font-size: 11px;
    padding: 4px 12px;
    margin-bottom: 12px;
  }
  .jdc-developer-bd {
    padding-bottom: 40px;
  }
  /* ===== 面板卡片：限制最大宽度，防止溢出 ===== */
  .jdc-main-developer-content {
    max-width: 100%;
    overflow: visible;
  }
  .dev-duo-v6 {
    max-width: 100%;
  }
  .dev-panel-v6 {
    padding: 20px 16px 22px;
    border-radius: 12px;
    max-width: 100%;
    overflow: hidden;
  }
  /* ===== 面板头部：允许换行防溢出 ===== */
  .dev-panel-hd-v6 {
    flex-wrap: wrap;
    gap: 10px;
  }
  .dev-panel-hd-text {
    flex: 1 1 120px;
  }
  .dev-panel-hd-title {
    font-size: 15px;
  }
  .dev-panel-hd-icon-v6 {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  .dev-panel-hd-icon-v6 svg {
    width: 16px;
    height: 16px;
  }
  .dev-panel-hd-more {
    font-size: 12px;
    padding: 6px 12px;
    flex-shrink: 0;
  }
  .dev-news-hero-v6 {
    margin-bottom: 16px;
  }
  /* ===== Hero卡片：防内容溢出 ===== */
  .dev-news-hero-link-v6 {
    padding: 16px;
    gap: 12px;
    border-radius: 10px;
  }
  .dev-news-hero-content-v6 {
    min-width: 0;
    word-break: break-word;
  }
  .dev-news-hero-meta {
    flex-wrap: wrap;
    gap: 6px 10px;
  }
  .dev-news-hero-date-v6 {
    width: 46px;
    min-width: 46px;
    min-height: 46px;
    border-radius: 10px;
    padding: 8px 6px;
  }
  .dev-news-hero-day-v6 {
    font-size: 19px;
  }
  .dev-news-hero-mon-v6 {
    font-size: 9px;
    margin-top: 2px;
  }
  .dev-news-hero-title-v6 {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  .dev-news-hero-desc-v6 {
    font-size: 11px;
    line-height: 17px;
    word-break: break-word;
  }
  .dev-news-hero-badge-v6 {
    min-width: 30px;
    height: 19px;
    font-size: 10px;
    padding: 0 8px;
    line-height: 19px;
    white-space: nowrap;
  }
  .dev-news-hero-time-v6 {
    font-size: 10px;
  }
  .dev-news-item-v6 {
    padding: 11px 8px;
    gap: 10px;
  }
  .dev-news-num-v6 {
    font-size: 11px;
    min-width: 20px;
  }
  .dev-news-item-badge-v6 {
    min-width: 30px;
    height: 19px;
    font-size: 9px;
    padding: 0 7px;
    line-height: 19px;
  }
  .dev-news-item-title-v6 {
    font-size: 12px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dev-news-item-date-v6 {
    font-size: 10px;
  }
  .dev-doc-list-v6 {
    gap: 12px;
  }
  .dev-doc-card-v6 {
    padding: 14px 14px;
    gap: 12px;
    border-radius: 10px;
  }
  .dev-doc-card-icon-v6 {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
  }
  .dev-doc-card-icon-v6 svg {
    width: 18px;
    height: 18px;
  }
  .dev-doc-card-arrow-v6 {
    width: 28px;
    height: 28px;
  }
  .dev-doc-card-arrow-v6 svg {
    width: 14px;
    height: 14px;
  }
  .dev-doc-card-title-v6 {
    font-size: 13px;
    word-break: break-word;
  }
  .dev-doc-card-desc-v6 {
    font-size: 11px;
    word-break: break-word;
  }
}

/* ================================================================
   index.html 页面内联样式（原 <style> 块，已迁移至此）
   1) jdc-infra 基础设施地图修复（map.png 2178×1066 + 响应式）
   2) jdc-main-free.jdc-action-panel-v2 腾讯云 AI 转型板块
   ================================================================ */
.jc-sol-partners { padding: 80px 0 60px !important; }
.jdc-infra { padding: 60px 0 60px !important; }

/* [间距] 标题区到地图/指标区的距离缩小 */
.jdc-infra-hd { margin-bottom: 24px !important; }

/* [地图容器] 用 float:right 让右边缘锚定容器右边界，再 scale 收缩 */
.jdc-infra-earth {
  float: right !important;
  width: 2178px !important;
  height: 1066px !important;
  transform: scale(0.45) !important;
  transform-origin: right top !important;
  margin: 0 !important;
}
.jdc-infra-earth-img {
  width: 2178px !important;
  height: 1066px !important;
  max-width: none !important;
  display: block !important;
}

/* [clearfix] 清除 float */
.jdc-infra-body::after {
  content: ''; display: table; clear: both;
}

/* [画布] 收束 scale 残余布局高度 */
.jdc-infra-body { margin-bottom: -400px; overflow: hidden; }

/* [认证区] 紧跟地图 */
.jdc-infra-logos-wrap {
  margin-top: 50px !important;
  padding: 24px 48px !important;
}

/* [节点居中] 用 transform 替代 CDN 的负 margin，适配百分比定位 */
.jdc-infra-dot {
  margin-left: 0 !important;
  margin-top: 0 !important;
  transform: translate(-50%, -50%);
}
.jdc-infra-dot:hover {
  transform: translate(-50%, -50%) scale(1.4) !important;
}

/* [节点地名标签] 始终可见 */
.jdc-infra-dot-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  color: #0a2540;
  background: rgba(255,255,255,.88);
  padding: 2px 8px;
  border-radius: 2px;
  pointer-events: none;
  text-shadow: 0 0 4px #fff;
  box-shadow: 0 0 4px rgba(0,82,217,.10);
  line-height: 1.5;
  z-index: 5;
}

/* ---- 1920+ ---- */
@media (min-width: 1920px) {
  .jdc-infra-earth { transform: scale(0.52) !important; }
  .jdc-infra-body { margin-bottom: -440px; }
  .jdc-infra-logos-wrap {
    margin-top: 70px !important;
    padding: 32px 120px !important;
  }
}

/* ---- 1600-1919 ---- */
@media (min-width: 1600px) and (max-width: 1919px) {
  .jdc-infra-earth { transform: scale(0.50) !important; }
  .jdc-infra-body { margin-bottom: -430px; }
}

/* ---- 1400-1599 ---- */
@media (min-width: 1400px) and (max-width: 1599px) {
  .jdc-infra-earth { transform: scale(0.47) !important; }
  .jdc-infra-body { margin-bottom: -410px; }
  .jdc-infra-logos-wrap {
    margin-top: 50px !important;
    padding: 24px 64px !important;
  }
}

@media (max-width: 1280px) { .jc-sol-partners { padding: 60px 0 40px !important; } }

/* ---- 1200-1399 ---- */
@media (max-width: 1399px) {
  .jdc-infra-earth { transform: scale(0.36) !important; }
  .jdc-infra-body { margin-bottom: -320px; }
  .jdc-infra-logos-wrap { margin-top: 30px !important; }
}

/* ---- 1024-1199 ---- */
@media (max-width: 1199px) {
  .jdc-infra-earth { transform: scale(0.28) !important; }
  .jdc-infra-body { margin-bottom: -250px; }
  .jdc-infra-logos-wrap { margin-top: 24px !important; padding: 20px 40px !important; }
  .jdc-infra-dot-label { font-size: 10px; padding: 1px 6px; }
}

@media (max-width: 1024px) { .jc-sol-partners { padding: 48px 0 32px !important; } }

/* ---- 平板/手机 ≤768 ---- */
@media (max-width: 768px) {
  .jc-sol-partners { padding: 40px 0 24px !important; }
  .jdc-infra { padding: 40px 0 40px !important; }
  .jdc-infra-hd { margin-bottom: 16px !important; }
  .jdc-infra-earth {
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    float: none !important;
  }
  .jdc-infra-earth-img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .jdc-infra-body { margin-bottom: 0; }
  /* 移动端：节点缩小 + 仅显示标签 */
  .jdc-infra-dot {
    width: 8px !important;
    height: 8px !important;
    box-shadow: 0 0 0 2px rgba(0,82,217,.28), 0 0 0 4px rgba(0,82,217,.12) !important;
  }
  .jdc-infra-dot::before { animation: none !important; }
  .jdc-infra-dot-tooltip { display: none !important; }
  .jdc-infra-dot-label {
    font-size: 9px; padding: 1px 5px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
  }
  .jdc-infra-logos-wrap {
    margin-top: 20px !important;
    padding: 20px 16px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .jdc-infra-logos {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px 8px !important;
    justify-items: center !important;
  }
  .jdc-infra-logo-icon {
    width: 44px !important;
    height: 44px !important;
    padding: 7px !important;
  }
  .jdc-infra-logo-text {
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  .jdc-infra { padding: 32px 0 32px !important; }
  .jdc-infra-dot { width: 6px !important; height: 6px !important; }
  .jdc-infra-dot-label { font-size: 8px; padding: 1px 4px; }
  .jdc-infra-logos-wrap { margin-top: 16px !important; padding: 16px 12px !important; }
  .jdc-infra-logos {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px 6px !important;
    justify-items: center !important;
  }
  .jdc-infra-logo-icon {
    width: 40px !important;
    height: 40px !important;
    padding: 6px !important;
  }
  .jdc-infra-logo-text {
    font-size: 9px !important;
  }
}

/* ============================================================
   腾讯云 AI 转型板块 —— Banner 同款视频背景
   背景：Banner 同款科技视频 + 浅蓝底色（#e0efff）
   视觉效果：渐变文本 + 光晕按钮 + 玻璃拟态卡片
   布局：左对齐，主次分明，层次清晰
============================================================ */
.jdc-main-free.jdc-action-panel-v2 {
  background: #e0efff !important;
  position: relative;
  overflow: hidden;
  padding: 52px 0;
}

/* ========== 视频背景（Banner 同款） ========== */
.jdc-action-panel-v2 .ai-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  opacity: 0.55;
}
/* 视频上方白色浅叠层，提亮画面使文案清晰 */
.jdc-action-panel-v2 .ai-bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.55);
  z-index: 1;
  pointer-events: none;
}

/* ========== ::after 亮色科技光晕（青蓝紫多色浮动） ========== */
.jdc-main-free.jdc-action-panel-v2::after {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(0,180,255,0.08) 0%, rgba(120,58,210,0.05) 30%, rgba(0,229,255,0.02) 55%, transparent 70%);
  border-radius: 50%;
  bottom: -180px;
  right: -120px;
  animation: aiOrbFloat 10s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
/* 第二颗光晕 (左上角) */
.jdc-action-panel-v2 .j-w::before {
  content: '';
  position: absolute;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(100,80,255,0.06) 0%, rgba(0,150,255,0.03) 35%, transparent 65%);
  border-radius: 50%;
  top: -120px;
  left: -80px;
  animation: aiOrbFloat2 12s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes aiOrbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }
  50%      { transform: translate(-60px, -50px) scale(1.15); opacity: 1; }
}
@keyframes aiOrbFloat2 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50%      { transform: translate(40px, 30px) scale(1.2); opacity: 0.9; }
}

.jdc-action-panel-v2 .j-w { position: relative; z-index: 3; }

/* ===== 标题区：左对齐 · 主次分明 ===== */
.jdc-main-free .jdc-main-hd {
  text-align: left;
  padding-top: 0 !important;
  padding-bottom: 20px;
}
.jdc-main-free .jdc-main-hd .jdc-main-title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.5;
  color: #0f172a;
  letter-spacing: 0.5px;
}
/* 辅助副标题 */
.jdc-main-free .jdc-main-hd .jdc-main-subtitle {
  font-size: 15px;
  font-weight: 400;
  color: #475569;
  margin-top: 6px;
  line-height: 1.5;
}
/* 标题中 "AI 转型" 渐变动画 */
.jdc-main-free .title-gradient {
  background: linear-gradient(90deg, #006eff 0%, #5b3cf6 40%, #0085ff 60%, #006eff 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: aiTitleShimmer 4s ease-in-out infinite;
}
@keyframes aiTitleShimmer {
  0%, 100% { background-position: 0% center; }
  50%      { background-position: 200% center; }
}

/* ===== 特性卡片：左对齐 · 轻量化 ===== */
.action-panel-features {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin: 20px 0 16px;
  flex-wrap: wrap;
}
.action-feature {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  color: #334155;
  font-size: 14px;
  font-weight: 500;
  background: rgba(0,110,255,0.04);
  border: 1px solid rgba(0,110,255,0.12);
  border-radius: 10px;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: default;
  position: relative;
  overflow: hidden;
}
/* 卡片 hover 渐变光泽 */
.action-feature::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,150,255,0.15) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
/* 卡片顶部光条 */
.action-feature::after {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,180,255,0.6), transparent);
  opacity: 0;
  transition: opacity 0.35s ease;
}
.action-feature:hover {
  color: #0f172a;
  background: rgba(0,110,255,0.08);
  border-color: rgba(0,110,255,0.28);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,110,255,0.10);
}
.action-feature:hover::before { opacity: 1; }
.action-feature:hover::after  { opacity: 1; }

/* 珠点：蓝紫渐变 */
.action-feature-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50%;
  background: linear-gradient(135deg, #006eff 0%, #7c3aed 100%) !important;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0,110,255,0.25);
  transition: all 0.35s ease;
}
.action-feature:hover .action-feature-dot {
  transform: scale(1.5);
  box-shadow: 0 0 16px rgba(0,110,255,0.45);
}

/* ===== CTA 按钮：左对齐 · 流动渐变 ===== */
.action-panel-cta {
  text-align: left;
  margin-top: 8px;
}
.action-panel-btn.jdc-btn {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 13px 52px;
  background: linear-gradient(135deg, #006eff 0%, #0085ff 40%, #5b3cf6 60%, #006eff 100%) !important;
  background-size: 300% auto !important;
  animation: aiBtnFlow 4s ease-in-out infinite;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 18px rgba(0,110,255,0.20);
  position: relative;
  overflow: hidden;
  z-index: 1;
  white-space: nowrap;
}
@keyframes aiBtnFlow {
  0%, 100% { background-position: 0% center; }
  50%      { background-position: 100% center; }
}
/* 按钮 hover 波纹 */
.action-panel-btn.jdc-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.18);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease, height 0.5s ease;
  z-index: 0;
}
.action-panel-btn.jdc-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(0,110,255,0.32), 0 0 50px rgba(91,60,246,0.15);
  color: #fff !important;
  background-position: 100% center;
}
.action-panel-btn.jdc-btn:hover::before {
  width: 360px;
  height: 360px;
}
.action-panel-btn.jdc-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0,110,255,0.20);
}
/* 隐藏原有按钮伪元素干扰 */
.action-panel-btn.jdc-btn::after {
  display: none !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
  .jdc-rwd .jdc-main-free.jdc-action-panel-v2 {
    height: auto !important;
    padding: 40px 16px 72px !important;
    overflow: hidden;
    min-height: auto;
  }
  /* 移动端视频透明度 */
  .jdc-action-panel-v2 .ai-bg-video {
    opacity: 0.45;
  }
  /* 移动端叠加层稍加深，确保文字可读 */
  .jdc-action-panel-v2 .ai-bg-overlay {
    background: rgba(255, 255, 255, 0.60);
  }
  .jdc-main-free.jdc-action-panel-v2::after {
    animation: aiOrbFloat 12s ease-in-out infinite;
    width: 320px;
    height: 320px;
    bottom: -100px;
    right: -60px;
  }
  /* 移动端隐藏左上角第二颗光晕，节省性能 */
  .jdc-action-panel-v2 .j-w::before {
    display: none;
  }
  .jdc-main-free .jdc-main-hd {
    display: block !important;
    padding-bottom: 16px;
  }
  .jdc-main-free .jdc-main-hd .jdc-main-title {
    display: block !important;
    font-size: 24px;
    line-height: 1.4;
    color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .jdc-main-free .jdc-main-hd .jdc-main-subtitle {
    display: block !important;
    font-size: 14px;
    color: #475569;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .action-panel-features {
    gap: 10px;
    margin: 16px 0 14px;
    flex-wrap: wrap;
  }
  .action-feature {
    padding: 9px 18px;
    font-size: 13px;
    gap: 6px;
    color: #334155;
    background: rgba(0,110,255,0.04);
    border-color: rgba(0,110,255,0.12);
  }
  .jdc-action-panel-v2 .action-panel-cta {
    width: 100%;
    margin-top: 10px !important;
    padding-bottom: 8px;
  }
  .action-panel-btn.jdc-btn {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    letter-spacing: 0.5px;
    color: #fff !important;
    background: linear-gradient(135deg, #006eff 0%, #0085ff 40%, #5b3cf6 60%, #006eff 100%) !important;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    white-space: normal !important;
    word-break: keep-all;
    text-align: center;
    margin-bottom: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    border: none !important;
    border-radius: 8px !important;
    position: relative !important;
    z-index: 10 !important;
  }
}
@media (max-width: 480px) {
  .jdc-rwd .jdc-main-free.jdc-action-panel-v2 {
    height: auto !important;
    padding: 32px 16px 60px !important;
    overflow: hidden;
    min-height: auto;
  }
  /* 480以下视频透明度 */
  .jdc-action-panel-v2 .ai-bg-video {
    opacity: 0.40;
  }
  .jdc-action-panel-v2 .ai-bg-overlay {
    background: rgba(255, 255, 255, 0.65);
  }
  .jdc-main-free.jdc-action-panel-v2::after {
    display: block;
    width: 240px;
    height: 240px;
    bottom: -60px;
    right: -40px;
    animation: aiOrbFloat 12s ease-in-out infinite;
    background: radial-gradient(circle, rgba(0,180,255,0.06) 0%, rgba(120,58,210,0.03) 30%, transparent 70%);
  }
  .jdc-main-free .jdc-main-hd {
    display: block !important;
  }
  .jdc-main-free .jdc-main-hd .jdc-main-title {
    display: block !important;
    font-size: 21px;
    color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .jdc-main-free .jdc-main-hd .jdc-main-subtitle {
    display: block !important;
    font-size: 13px;
    color: #475569;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .action-panel-features {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .action-feature {
    width: fit-content;
    color: #334155;
    background: rgba(0,110,255,0.04);
    border-color: rgba(0,110,255,0.12);
  }
  .jdc-action-panel-v2 .action-panel-cta {
    width: 100%;
    margin-top: 10px !important;
    padding-bottom: 8px;
  }
  .action-panel-btn.jdc-btn {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 11px 28px !important;
    font-size: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #006eff 0%, #0085ff 40%, #5b3cf6 60%, #006eff 100%) !important;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    white-space: normal !important;
    word-break: keep-all;
    text-align: center;
    margin-bottom: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    border: none !important;
    border-radius: 8px !important;
    position: relative !important;
    z-index: 10 !important;
  }
}