/* ========== 字体 ========== */ :root { --jdp-primary: #0055A5; --jdp-primary-dark: #004080; --jdp-primary-light: #3388CC; --jdp-text-main: #1F2F3D; --jdp-text-sub: #5E6D82; --jdp-text-muted: #8C939D; --jdp-bg-gray: #F5F7FA; --jdp-bg-light: #F0F2F5; --jdp-white: #FFFFFF; --jdp-border: #E4E7ED; --jdp-transition: all .3s ease; --jdp-shadow-lg: 0 8px 30px rgba(0,0,0,0.1); --jdp-shadow: 0 4px 16px rgba(0,0,0,0.08); } :root { --font-title-large: 40px; --font-title-middle: 30px; --font-body-large: 24px; --font-body-middle-01: 22px; --font-body-middle-02: 20px; --font-body-small-01: 18px; --font-body-small-02: 16px; } @font-face{font-family:"HarmonyOS Sans SC";src:url("../fonts/harmonyos_sanssc_regular.ttf") format("truetype");font-weight:400;font-style:normal} /* ========== 滚动加载动画 ========== */ [data-animate]{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)} [data-animate].animate-up{opacity:1;transform:translateY(0)} [data-animate="fade"]{transform:none;transition:opacity 1s cubic-bezier(.22,.61,.36,1)} [data-animate="fade"].animate-up{opacity:1} [data-animate="slide-left"]{transform:translateX(-50px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)} [data-animate="slide-left"].animate-up{opacity:1;transform:translateX(0)} [data-animate="slide-right"]{transform:translateX(50px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)} [data-animate="slide-right"].animate-up{opacity:1;transform:translateX(0)} [data-animate-delay="1"]{transition-delay:.25s} [data-animate-delay="2"]{transition-delay:.5s} [data-animate-delay="3"]{transition-delay:.75s} [data-animate-delay="4"]{transition-delay:1s} [data-animate-delay="5"]{transition-delay:1.25s} /* ========== 基础重置 ========== */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden} body{font-family:"HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#333;line-height:1.6;background:#fff;overflow-x:hidden} a{text-decoration:none;color:inherit;transition:all .3s ease} img{max-width:100%;height:auto;display:block} button{cursor:pointer;border:none;background:none;font-family:inherit} input,select,textarea{font-family:inherit;outline:none} /* ========== 容器 1600px ========== */ .container{width:100%;margin:0 auto; padding-left: 160px; padding-right: 160px;} /* ========== 按钮 ========== */ .btn-primary{display:inline-block;background:#1565D8;color:#fff;border-radius:4px;font-size:14px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;text-align:center} .btn-primary:hover{background:#0d47a1} .btn-outline{display:inline-block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:4px;font-size:14px;font-weight:500;transition:all .3s ease} /* ========== 头部导航 ========== */ .header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-bottom:1px solid #f0f0f0;transition:transform .3s ease; padding-top: 10px; padding-bottom: 10px;} .header-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px; padding-left: 160px; padding-right: 160px;position:relative} .header-left{display:flex;align-items:center;gap:60px} /* Logo */ .logo{display:flex;} .logo-icon{display:flex;align-items:center;justify-content:center} .logo img{height:44px;width:auto;object-fit:contain;max-width:none} /* 导航 */ .nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap;white-space:nowrap} .nav-item{position:relative;flex-shrink:0} .nav-item>a{display:block;position:relative;padding:0 20px;height:60px;line-height:60px;font-size:1.375rem;color:#253858;font-weight:400;transition:color .3s} .nav-item>a:hover{color:#1565D8} .nav-item.active>a{color:#1565D8;font-weight:600} .nav-item.has-dropdown>a::after{content:"";display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;transition:transform .3s} .nav-item.active.has-dropdown>a::after{border-top-color:#1565D8} .nav-item.has-dropdown>a .nav-arrow{display:none} .nav-item.has-dropdown:hover>a::after{transform:rotate(180deg);border-top-color:#1565D8} /* 下拉菜单 - 通用 */ .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:8px;min-width:260px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .35s ease,opacity .3s ease,visibility 0s .35s;z-index:1001} .nav-item.has-dropdown:hover .dropdown{max-height:600px;opacity:1;visibility:visible;transition:max-height .35s ease,opacity .3s ease,visibility 0s 0s} .dropdown-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;transition:background .2s} .dropdown-link:hover{background:#f5f7fa} .dropdown-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0} .dropdown-text{font-size:14px;font-weight:500;color:#1a1a2e;display:flex;flex-direction:column;line-height:1.3} .dropdown-text small{font-size:12px;color:#999;font-weight:400;margin-top:2px} .dropdown-small{min-width:160px} .dropdown-link-simple{display:block;padding:10px 16px;font-size:14px;color:#333;border-radius:6px;transition:background .2s} .dropdown-link-simple:hover{background:#f5f7fa;color:#1565D8} /* 下拉菜单 - 通屏大图+三列分类 */ .dropdown-fullscreen{position:fixed;top:80px;left:0;right:0;transform:none;width:100%;min-width:auto;border-radius:0;padding:0;box-shadow:0 12px 40px rgba(0,0,0,.12);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,visibility 0s .4s;z-index:1001;background:#fff;padding-top:0;padding-bottom:0} .nav-item.has-dropdown:hover .dropdown-fullscreen{max-height:500px;opacity:1;visibility:visible;padding-top:50px;padding-bottom:50px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,visibility 0s 0s} .dropdown-fs-inner{display:flex;width:100%;margin:0 auto;padding:0 150px;} .dropdown-fs-img{width:260px;flex-shrink:0;overflow:hidden;height: 330px; border-radius: 10px;} .dropdown-fs-img img{width:100%;height:100%;object-fit:cover;height: 330px;} .dropdown-fs-cols{display:flex;flex:1;padding:32px 40px;gap:48px; grid-template-columns: repeat(4, 2fr);display: grid; padding-top:0 ; } .dropdown-fs-col{flex:1} .dropdown-fs-col h4{font-size:22px;font-weight:400;color:#253858;margin-bottom:14px;display:flex;align-items:center;gap:6px; background: linear-gradient(269.62deg, rgba(171, 221, 255, 0.8) -11.02%, rgba(231, 246, 255, 0.8) 105.21%); border-radius: 8px; padding: 10px 25px; display: inherit; } .dropdown-fs-col a img{ margin-right: 18px; display: inline-block; vertical-align: -5px; width:6.8rem; } .dropdown-fs-col h4 span{font-size:14px;color:#999} .dropdown-fs-col a{display:block;padding:6px 0;font-size:1.125rem;color:#253858;transition:all .5s; padding-left: 24px;} .dropdown-fs-col a:hover{color:#005bac;transform:translatex(10px);transition:all .5s;} .dropdown-fs-col h4 a img{ margin-left: 10px; display: inline-block; vertical-align: 0px; width: 14px; height: 14px;margin-top: 10px; margin-right: 0; } .dropdown-fs-col h4 a{font-size:1.375rem;display: flex;justify-content: space-between; padding-left: 0;} .dropdown-fs-col h4 a:hover{transform:translatex(0px);} .nav-item:nth-child(1) .dropdown-fs-cols{grid-template-columns: repeat(3, 1fr);} .nav-item:nth-child(3) .dropdown-fs-cols{grid-template-columns: repeat(2, 1fr);} .nav-item:nth-child(4) .dropdown-fs-cols{grid-template-columns: repeat(2, 1fr);} .nav-item:nth-child(2) .dropdown-fs-cols{grid-template-columns: repeat(3, 1fr);} .nav-item:nth-child(5) .dropdown-fs-cols{grid-template-columns: repeat(3, 1fr);} .nav-item:nth-child(6) .dropdown-fs-cols{grid-template-columns: repeat(3, 1fr);} /* 头部右侧 */ .header-right{display:flex;align-items:center;gap:8px; color: #253858; font-size:1.125rem;} .header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#666;transition:all .2s;background:none} .header-btn:hover{background:#f0f2f5;color:#1565D8} .hamburger{display:none;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1010} .ham-line{display:block;width:22px;height:2px;background:#253858;border-radius:2px;transition:all .3s} .hamburger.active .ham-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)} .hamburger.active .ham-line:nth-child(2){opacity:0} .hamburger.active .ham-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)} @media(max-width:1000px){ .hamburger{display:flex;position:absolute;right:24px;top:50%;transform:translateY(-50%)} .header-left{gap:0;width:100%} .header-right{display:none} .logo img{height:32px;width:auto;object-fit:contain;max-width:none} .logo{flex-shrink:0} .nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;flex-direction:column;padding:72px 0 40px;overflow-y:auto;z-index:999;gap:0} .nav.open{display:flex} .nav-item{flex:none;border-bottom:1px solid #f0f2f5} .nav-item>a{height:auto;line-height:1.6;padding:14px 24px;font-size:17px;display:flex;align-items:center;color:#253858} .nav-item>a:hover{color:#1565D8} .nav-item.active>a{color:#1565D8;font-weight:600} .nav-item.active>a::before{display:none} .nav-item.has-dropdown>a{justify-content:space-between} .nav-item.has-dropdown>a::after{display:none} .nav-item.has-dropdown>a .nav-arrow{display:inline-block;width:0;height:0;margin-left:auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #999;transition:transform .3s;flex-shrink:0} .nav-item.has-dropdown.sub-open>a .nav-arrow{transform:rotate(180deg);border-top-color:#1565D8} .dropdown,.dropdown-fullscreen, .nav-item.has-dropdown:hover .dropdown, .nav-item.has-dropdown:hover .dropdown-fullscreen{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;padding-top:0!important;padding-bottom:0!important;min-width:0!important;width:100%!important;background:none!important;opacity:1!important;visibility:visible!important;max-height:0;overflow:hidden;transition:max-height .35s ease;z-index:auto!important} .nav-item.has-dropdown.sub-open .dropdown,.nav-item.has-dropdown.sub-open .dropdown-fullscreen{max-height:2000px} .dropdown-fs-inner{display:block!important;flex-direction:column!important;padding:0!important;width:100%!important;margin:0!important} .dropdown-fs-img{display:none!important} .dropdown-fs-cols{display:block!important;gap:0!important;padding:0!important;grid-template-columns:none!important;width:100%!important} .dropdown-fs-col{display:block!important;border-bottom:1px solid #f5f7fa;padding:0!important;flex:none!important} .dropdown-fs-col:last-child{border-bottom:none} .dropdown-fs-col h4{display:block!important;font-size:15px!important;font-weight:600!important;margin:0!important;background:none!important;padding:0!important;border-radius:0!important} .dropdown-fs-col h4 a{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:15px!important;padding:12px 24px!important;color:#253858!important} .dropdown-fs-col h4 a:hover{color:#1565D8!important} .dropdown-fs-col h4 a img{width:14px!important;height:14px!important;margin:0!important;margin-left:8px!important} .dropdown-fs-col a{display:block!important;font-size:14px!important;padding:10px 24px 10px 36px!important;color:#505F79!important} .dropdown-fs-col a:hover{color:#1565D8!important} .dropdown-fs-col a img{width:14px!important;height:14px!important;margin:0!important} .header-inner{padding-left:24px!important;padding-right:60px!important} } /* ========== 搜索弹窗 ========== */ .search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s} .search-modal.active{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s 0s} .search-box{max-width:700px;width:100%;padding:0 20px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 32px rgba(0,0,0,.2)} .search-box input{flex:1;height:50px;border:2px solid #e2e8f0;border-radius:10px;padding:0 20px;font-size:15px;transition:border-color .3s;background:#fff} .search-box input:focus{border-color:#1565D8} .search-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:28px;color:#666;transition:all .2s;background:transparent;border:none;cursor:pointer} .search-close:hover{background:#f0f2f5} /* ========== Hero 轮播图 ========== */ .hero{position:relative;width:100%;height:clamp(280px,37.5vw,720px);overflow:hidden;margin-top:80px} .hero-slides{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1))} .hero-slide{position:relative;flex:0 0 100%;width:100%;height:100%} .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center} .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.1) 100%)} .hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 clamp(16px,2.08vw,40px) clamp(60px,10.42vw,200px);padding-left:clamp(24px,8.33vw,160px);padding-right:clamp(24px,8.33vw,160px);color:#fff;box-sizing:border-box} .hero-title{font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:clamp(8px,0.83vw,16px);text-shadow:0 2px 8px rgba(0,0,0,.3);margin-top:clamp(0px,3.125vw,60px)} .hero-subtitle{font-size:2rem;font-weight:600;margin-bottom:clamp(16px,3.125vw,60px);color:#f0b429} .hero-desc{font-size:1.5rem;color:rgba(255,255,255,.99);margin-bottom:clamp(16px,1.67vw,32px);font-weight:300} .hero-btns{display:flex;gap:clamp(8px,0.83vw,16px);flex-wrap:wrap} .hero-btns a{background:linear-gradient(90deg,#FFFFFF 0%,#6BEEFF 100%);width:clamp(120px,10.42vw,200px);height:clamp(40px,2.5vw,48px);box-shadow:4px 4px 6.2px 0px #004F9366;text-align:center;line-height:clamp(40px,2.5vw,48px);border-radius:30px;color:#005BAC; font-size:1.25rem;transition:all 0.5s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center} .hero-btns a:hover{background:linear-gradient(90deg,#FFFFFF 0%,#D2F9FF 100%);box-shadow:4px 4px 6.2px 0px #004F9366;transition:all 0.5s} .hero-btns a svg{margin-left:clamp(6px,0.52vw,10px);display:inline-block;vertical-align:-2px;width:clamp(12px,0.83vw,16px);height:clamp(12px,0.83vw,16px)} /* 轮播箭头 */ .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:clamp(36px,2.29vw,44px);height:clamp(36px,2.29vw,44px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);color:#fff;font-size:clamp(14px,0.94vw,18px);font-weight:300;transition:all .3s;cursor:pointer} .hero-arrow:hover{background:rgba(255,255,255,.3)} .hero-prev{left:clamp(12px,1.25vw,24px)} .hero-next{right:clamp(12px,1.25vw,24px)} /* 底部产品卡片标签（图六效果） */ .hero-cards{position:absolute;bottom:clamp(30px,3.125vw,60px);left:0;right:0;z-index:20;display:flex;gap:clamp(12px,1.15vw,22px);padding:0 clamp(24px,8.33vw,160px)} .hero-card-tab{display:block;text-decoration:none;flex:1;border-radius:clamp(8px,0.63vw,12px);padding:clamp(12px,1.04vw,20px) clamp(16px,1.56vw,30px);cursor:pointer;transition:all .3s;color:rgba(255,255,255,.7);background:url(../images/xf1.png) no-repeat top center;background-size:cover} .hero-card-tab:hover{background:url(../images/xf2.png) no-repeat top center;background-size:cover} .hero-card-tab h4{font-size:1.875rem;font-weight:700;margin-bottom:clamp(4px,0.31vw,6px);color:#fff} .hero-card-tab p{font-size:1.25rem;line-height:1.3;align-items:center;gap:4px;color:#E4E7ED;font-weight:300;letter-spacing:1px} .card-arrow{font-size:clamp(12px,1.04vw,20px);transition:transform .3s;margin-left:clamp(10px,1.04vw,20px);color:#00FBFFE5} .hero-card-tab:hover .card-arrow{transform:translateX(4px)} /* 轮播指示点 */ .hero-dots{position:absolute;bottom:clamp(12px,1.56vw,30px);left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:clamp(6px,0.63vw,12px)} .dot{width:clamp(24px,2.6vw,50px);height:clamp(5px,0.42vw,8px);background:rgba(255,255,255,.5);border-radius:8px;cursor:pointer;transition:all .3s} .dot:hover{background:rgba(255,255,255,.8)} .dot.active{background:#fff;width:clamp(24px,2.6vw,50px)} /* ========== 通用区块 ========== */ .section{padding:100px 0} .section-gray{background:#fff} .section-header{margin-bottom:48px;position:relative} .section-header.center{text-align:center} .section-header.left{text-align:left} .section-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;line-height:1.3;margin-bottom:0.8rem; font-style: Bold; line-height: 72px; letter-spacing:1px; } .section-subtitle{font-size:1.5rem;color:#253858; font-weight: 400;} .section-desc{margin-top:40px;color:#253858;font-size:1.25rem;line-height:2; font-weight: 400;font-family:"HarmonyOS Sans SC";} .section-desc p{margin-bottom:4px} .section-desc p span{ color: #005BAC;font-weight: 700;} .section-header.center .section-desc{margin-left:auto;margin-right:auto} .more-link{position:absolute;right:0;top:8px;font-size:14px;color:#1565D8;font-weight:500} .more-link:hover{text-decoration:underline} /* ========== 产品平台 ========== */ .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .product-card { position: relative; background: linear-gradient(#FFFFFF, #D9F1FF); border-radius: 12px; padding: 30px; transition: all .3s ease; overflow: hidden; z-index: 1; transition: all 0.5s; } /* 伪元素实现圆角渐变边框 */ .product-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 12px; padding: 1px; /* 边框宽度 */ background: linear-gradient(180deg, #618CB7, rgba(97, 140, 183, 0.1)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } .product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)} .product-header{display:flex;align-items:center;gap:10px;margin-bottom:8px} .product-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px} .product-ico{width:40px;height:40px;object-fit:contain;flex-shrink:0} .product-name{font-size:1.875rem;font-weight:700;color:#1F2F3D;} .product-summary{font-size:1rem;color:#5E6D82;margin-bottom:14px;line-height:1.7;min-height:4rem; font-weight: 400;} .product-btn{display:inline-block;padding:0 20px;height:46px;text-align:center;line-height:46px;color:#fff;border-radius:6px;font-size:1.25rem;font-weight:400;margin-bottom:16px;margin-top:16px;transition:background .2s;background:linear-gradient(90deg,#2562CC 0%,#1691FF 100%);transition:all .5s;white-space:nowrap} .product-card:nth-child(2) .product-ico{ width:50px; height: 50px;} .product-btn svg{ width: 20px; height: 20px;margin-left: 8px; display: inline-block; vertical-align: -4px;} .product-card:hover .product-btn{ background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s;} .product-imgbox{border-radius:8px;overflow:hidden;align-items:center;display:flex;justify-content:center;box-sizing:border-box;margin-top:20px;aspect-ratio:4/3} .product-imgbox img{width:100%;height:100%;object-fit:contain} /* ========== 解决方案 - 4卡片横向布局 ========== */ /* ========== 案例展示 - 左右切换 ========== */ .case-carousel-outer{position:relative;margin-top:70px} .case-carousel-wrapper{width:100%;overflow:hidden} .case-carousel{overflow:hidden;padding-bottom:20px} .case-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.4,0,.2,1)} .case-item{flex:0 0 calc(25% - 15px);background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e8ecf0;transition:all .3s} .case-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)} .case-img{position:relative;overflow:hidden} .case-img img{width:100%;} .case-tag{position:absolute;top:12px;left:12px;padding:4px 12px;background:rgba(21,101,216,.9);color:#fff;font-size:12px;font-weight:500;border-radius:4px} .case-item h4{font-size:1.375rem;font-weight:600;color:#1a1a2e;line-height:1.4; color: #253858;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top: 20px;transition: all 0.5s;} .case-item .jd_section{font-size:14px;color:#505F79;line-height:24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 20px; } .case-item a:hover h4{ color: #005bac;transition: all 0.5s;} .case_txte{background: linear-gradient(180deg, #FFFFFF -19.67%, #E7F6FF 100%); padding: 20px 30px; padding-bottom: 40px;} /* 案例左右导航按钮 */ .case-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#DFE1E6;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:all .3s;cursor:pointer;z-index:10;opacity:1!important} .case-prev{left:-70px} .case-next{right:-70px} .case-nav:hover{background:#005bac;color:#fff} /* 默认图标颜色 */ .case-nav svg{ width: 20px; height: 20px; } .case-nav svg path{ fill: #4C4C4C; width: 20px; height: 20px; } /* 鼠标悬浮图标变白 */ .case-nav:hover svg path{ fill: #fff!important; } #caseNext svg{transform: scaleX(-1);} /* ========== 客户Logo - 4行通屏无限滚动 ========== */ #ecosystem{background: linear-gradient(180deg, rgba(165, 215, 248, 0.3) 0%, rgba(222, 250, 255, 0.3) 127.21%), linear-gradient(109.64deg, rgba(255, 255, 255, 0.2) 44.41%, rgba(255, 255, 255, 0) 70.03%); } .logo-rows{display:flex;flex-direction:column;gap:60px;overflow:hidden; margin-top: 80px;} .logo-row{width:100%;overflow:hidden;position:relative} .logo-row-track{display:flex;gap:20px;width:max-content} .logo-row-left .logo-row-track{animation:scrollLeft 200s linear infinite} .logo-row-right .logo-row-track{animation:scrollRight 200s linear infinite} .logo-row:hover .logo-row-track{animation-play-state:paused} @keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} @keyframes scrollRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}} .logo-r{height:100px;min-width:170px;display:flex;align-items:center;justify-content:center;background:none;border: 1px solid #DFE1E6;border-radius:8px;padding:0 24px;transition:all .2s;flex-shrink:0;overflow:hidden;background:#fff;} .logo-r:hover{border-color:#1565D8;box-shadow:0 2px 8px rgba(21,101,216,.1)} .logo-r img{max-width:100%;object-fit:contain;display:block} /* ========== 洞见趋势 ========== */ .insight-section{padding:100px 0;background:#fff} .insight-main{display:flex;gap:0;align-items:stretch;margin-top:60px} .insight-main-left{width:50%;flex-shrink:0;min-height:400px} .insight-main-right{flex:1;padding-left:4%;display:flex;flex-direction:column;gap:0} .insight-hero-slide{position:relative;overflow:hidden;border-radius:10px;height:100%} .insight-hero-slide a{display:flex;flex-direction:column;height:100%} .insight-hero-img{flex:1;position:relative;overflow:hidden;min-height:0} .insight-hero-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s linear} .insight-hero-slide:hover .insight-hero-img img{transform:scale(1.05)} .insight-hero-info{position:absolute;left:0;bottom:0;width:100%;padding:40px;background-image:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));display:flex;align-items:flex-end;justify-content:space-between;z-index:2} .insight-hero-title{color:#fff;font-size:1.375rem;font-weight:600;line-height:1.5;flex:1;padding-right:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .4s linear} .insight-hero-title:hover{text-decoration:underline} .insight-hero-dots{flex-shrink:0;display:flex;align-items:center;gap:0;align-self:flex-end} .insight-dot{width:12px;height:12px;background:#fff;opacity:.6;transition:all .4s linear} .insight-dot+.insight-dot{margin-left:20px} .insight-dot.active{opacity:1} .insight-item{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.08);transition:all .3s} .insight-item:first-child{border-top:1px solid rgba(0,0,0,.08);padding-top:30px} .insight-item:last-child{padding-bottom:30px} .insight-item:hover{padding-left:8px} .insight-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .insight-item-title{font-size:1.375rem;font-weight:500;color:#222;line-height:1.6;text-decoration:none;flex:1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s linear;padding-right:20px} .insight-item-title:hover{color:#1565D8} .insight-item-tag{flex-shrink:0;padding:0 10px;height:28px;border:1px solid #ccc;border-radius:5px;font-size:0.875rem;font-weight:400;color:#777;line-height:26px;white-space:nowrap;transition:all .2s linear} .insight-item-tag:hover{border-color:#1565D8;color:#1565D8} .insight-item-bottom{margin-top:10px;display:flex;justify-content:space-between;align-items:center} .insight-item-date{font-size:1rem;color:#999;letter-spacing:.5px} .insight-item-tag-m{display:none} .insight-more{text-align:center;margin-top:60px} .insight-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 40px;border:1px solid #1565D8;border-radius:40px;font-size:16px;font-weight:600;color:#1565D8;text-decoration:none;letter-spacing:1px;transition:all .4s cubic-bezier(.4,0,.2,1)} .insight-more-btn:hover{background:linear-gradient(135deg,#1565D8,#1691FF);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(21,101,216,.3);transform:translateY(-2px)} .insight-more-icon-left{width:18px;height:18px;opacity:0;transform:translateX(8px);transition:all .3s} .insight-more-icon-right{width:18px;height:18px;transition:all .3s} .insight-more-btn:hover .insight-more-icon-left{opacity:1;transform:translateX(0)} .insight-more-btn:hover .insight-more-icon-right{transform:translateX(4px)} /* ========== 关于我们 ========== */ #about{background: #F3F9FF;} .about-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:70px;align-items:start} .about-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;margin-bottom:6px} .about-sub{font-size:1.5rem;color:#253858;margin-bottom:20px} .about-body{font-size:1.25rem;color:#455269;line-height:1.8;margin-bottom:1rem; margin-top: 1rem;} .about-body p{text-align:justify} .about-right{ margin-top:1rem;} .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .stat{text-align:left;} .stat-num{font-size:2.5rem;font-weight:700;color:#005BAC;} .stat-unit{font-size:2.2rem;font-weight:600;color:#005BAC;} .stat p{font-size:1.25rem;color:#505F79;margin-top:0px} /* 表单卡片 */ #contactForm{ margin-top: 50px;} .form-card{background: linear-gradient(246.44deg, #AED4FF 1.82%, #B0E2FF 48.34%, #C5E4FF 97.63%), linear-gradient(109.64deg, rgba(255, 255, 255, 0.2) 44.41%, rgba(255, 255, 255, 0) 70.03%); box-shadow: 0px 0px 12px 0px #0000001F; border-radius:14px;padding:40px; padding-top: 40px; padding-bottom: 60px;} .form-card h3{font-size:1.75rem;font-weight:600;color:#1F2F3D;margin-bottom:6px} .form-card>p{font-size:1.125rem;color:#5E6D82;margin-bottom:24px} .form-card input,.form-card select{width:100%;height:48px;margin-bottom:20px;padding:0 16px;border:1px solid #d0d7de;border-radius:6px;font-size:1rem;background:#fff;transition:border-color .2s; color: #5E6D82;} .form-card input:focus,.form-card select:focus{border-color:#1565D8} .form-card textarea{border:1px solid #d0d7de;border-radius:6px;font-size:1rem;background:#fff;transition:border-color .2s; color: #5E6D82;width: 100%;padding:0 16px; padding-top: 15px;} .form-card select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23666' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px} .form-card button{width:100%;height:50px;margin-top:4px;background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); font-size: 1.25rem; margin-top: 30px;transition: all 0.5s;} .form-card button:hover{background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s;} .form-error{display:none;font-size:13px;color:#e53e3e;margin-top:-12px;margin-bottom:12px;padding-left:4px} .form-hint{display:none;font-size:13px;color:#e67e22;margin-top:-12px;margin-bottom:12px;padding-left:4px;animation:hintFade 2s ease} @keyframes hintFade{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}} .form-card input:invalid:not(:placeholder-shown):not(:focus){border-color:#e53e3e} .form-card input:invalid:not(:placeholder-shown):not(:focus)+.form-error{display:block} /* ========== 联系页留言板块 ========== */ .ct-msg-section{padding:80px 0;background:#F3F9FF} .ct-msg-title{text-align:center;margin-bottom:50px} .ct-msg-title h2{font-size:40px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:12px} .ct-msg-line{width:48px;height:3px;background:#005BAC;border-radius:2px;margin:0 auto 14px} .ct-msg-desc{font-size:15px;color:#6B7C93;line-height:1.7} .ct-msg-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch} .ct-msg-left{min-width:0} .ct-form{background:#fff;border-radius:16px;padding:60px;box-shadow:0 4px 24px rgba(0,91,172,.06)} .ct-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px} .ct-form-group{margin-bottom:20px} .ct-form-group label{display:block;font-size:1rem;font-weight:500;color:#3D4F65;margin-bottom:8px} .ct-form-group label span{color:#E53E3E} .ct-form-group input,.ct-form-group textarea{width:100%;height:46px;padding:0 14px;border:1px solid #D8E3EF;border-radius:8px;font-size:14px;color:#1F2F3D;background:#F8FAFC;transition:all .3s cubic-bezier(.22,.61,.36,1);box-sizing:border-box} .ct-form-group input:focus,.ct-form-group textarea:focus{border-color:#005BAC;background:#fff;box-shadow:0 0 0 3px rgba(0,91,172,.08);outline:none} .ct-form-group textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.7} .ct-form-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:none;border-radius:8px;background:linear-gradient(135deg,#005BAC,#1691FF);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1);letter-spacing:1px} .ct-form-btn:hover{background:linear-gradient(135deg,#003D73,#1565D8);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,91,172,.25)} .ct-form-btn svg{transition:transform .3s cubic-bezier(.22,.61,.36,1)} .ct-form-btn:hover svg{transform:translateX(3px)} .ct-msg-right{min-width:0;display:flex;flex-direction:column} .ct-msg-img-wrap{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08);position:relative;flex:1;display:flex} .ct-msg-img-wrap img{width:100%;display:block;object-fit:cover;flex:1} .ct-msg-img-caption{background:linear-gradient(135deg,#005BAC,#003D73);padding:20px 24px;color:#fff} .ct-msg-img-caption h4{font-size:18px;font-weight:600;margin-bottom:4px} .ct-msg-img-caption p{font-size:14px;color:rgba(255,255,255,.75)} .ct-msg-contacts{display:flex;gap:20px} .ct-msg-contact-item{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:14px 18px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.22,.61,.36,1)} .ct-msg-contact-item:hover{box-shadow:0 4px 20px rgba(0,91,172,.1);transform:translateY(-2px)} .ct-msg-contact-item span{font-size:14px;font-weight:500;color:#1F2F3D} @media(max-width:1200px){ .ct-msg-layout{grid-template-columns:1fr;gap:32px} .ct-form-row{grid-template-columns:1fr} } @media(max-width:768px){ .ct-msg-section{padding:50px 0} .ct-msg-title h2{font-size:22px} .ct-form{padding:28px 20px} .ct-msg-contacts{flex-direction:column;gap:12px} } /* ========== 页脚 ========== */ .footer{background:#005bac;color:#fff;padding:70px 0 0} /* 顶部链接卡片 */ .footer-top{display:flex;justify-content:space-between;gap:20px} .footer-section{flex:1;background:rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s} .footer-section:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)} .footer-section a{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none} .footer-section-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0} .footer-section-icon svg{width:24px;height:24px} .footer-section-title{font-size:16px;font-weight:600;margin-bottom:4px} .footer-section-sub{font-size:14px;color:rgba(255,255,255,.8)} .footer-hr{border:none;border-top:1px solid rgba(255,255,255,.2);margin:24px 0} /* 主要内容区域 */ .footer-main{display:flex;gap:50px;align-items:flex-start} .footer-left{flex:0 0 500px} .footer-logo{margin-bottom:40px} .footer-logo img{height:45px} .footer-contact{margin-bottom:40px} .footer-contact-item{font-size:1.125rem;margin-bottom:10px;line-height:1.6;color:rgba(255,255,255,.9)} .footer-contact-item span{color:rgba(255,255,255,.9)} .footer-contact-item a{color:#fff;text-decoration:none;margin-left:4px} .footer-contact-item a:hover{text-decoration:underline} /* 社交图标 */ .mt40{margin-top:40px} .social-icons{display:flex;gap:20px} .social-icons .image{position:relative;display:inline-block} .social-icons .image svg{ width: 24px; height: 24px; opacity: .8;} .social-icons .image a{display:block;cursor:pointer} .social-icons .image a img{width:28px;height:28px;display:block} .social-icons .image .info{position:absolute !important;bottom:40px !important;left:50% !important; transform:translateX(-50%) !important;background:#fff !important;padding:8px !important; border-radius:8px !important;opacity:0;visibility:hidden;transition:all .3s !important; box-shadow:0 4px 16px rgba(0,0,0,.15) !important;z-index:9999 !important; white-space:nowrap !important;display:block !important; width:110px} .social-icons .image:hover .info{opacity:1 !important;visibility:visible !important} .social-icons .image:hover svg{ opacity: 1;} .social-icons .image .info img{width:100px !important;height:100px !important;display:block !important} .social-icons .image .info:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; content: ""; display: block; left: 50%; position: absolute; top: 100%; transform: translate(-50%); } /* 右侧导航 */ .footer-right{flex:1;display:flex;justify-content:space-between} .footer-nav{flex:none} .footer-nav-title{font-size:1.375rem;font-weight:600;margin-bottom:30px;color:#fff} .footer-nav ul{list-style:none;padding:0;margin:0} .footer-nav ul li{margin-bottom:10px} .footer-nav ul li a{color:rgba(255,255,255,.8);text-decoration:none;font-size:1.125rem;transition:color .3s} .footer-nav ul li a:hover{color:#fff} /* 友情链接 */ .footer-link{display:flex;align-items:center;gap:8px;font-size:1.125rem;color:rgba(255,255,255,.8);margin-top:20px} .footer-link span{color:rgba(255,255,255,.9)} .footer-link a{color:rgba(255,255,255,.8);text-decoration:none} .footer-link a:hover{text-decoration:underline;color:#fff} /* 底部版权 */ .footer-bottom{display:flex;justify-content:space-between; align-items:center;font-size:1.125rem;color:rgba(255,255,255,.8);margin-top:24px;padding-bottom: 20px;} .footer-copyright{display:flex;gap:8px;align-items:center} .footer-copyright a{color:rgba(255,255,255,.8);text-decoration:none} .footer-copyright a:hover{text-decoration:underline} .footer-legal{display:flex;gap:12px;align-items:center} .footer-legal a{color:rgba(255,255,255,.8);text-decoration:none} .footer-legal a:hover{text-decoration:underline} /* ========== 回到顶部 ========== */ .back-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:#1565D8;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(21,101,216,.35);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999} .back-top.visible{opacity:1;visibility:visible;transform:translateY(0)} .back-top:hover{background:#0d47a1;transform:translateY(-2px)} /* ========== 解决方案 - 4卡片横向布局 ========== */ #solutions{background: #F3F9FF;} .solution-cards{display:flex;gap:16px;align-items:flex-start} .sol-card-item{flex:1;min-height:460px;background:linear-gradient(180deg,#8FCBFF 0%,#DFF3FF 100%);border-radius:16px;border:none;overflow:hidden;cursor:pointer;transition:flex .5s cubic-bezier(.25,.1,.25,1),box-shadow .4s ease,min-height .5s cubic-bezier(.25,.1,.25,1);position:relative;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,.06)} .sol-card-item:hover,.sol-card-item.active{flex:3.4;box-shadow:0 8px 32px rgba(0,0,0,.1)} .sol-card-item.active{min-height:510px} .sol-card-img{aspect-ratio:16/9;overflow:hidden;transition:opacity .4s cubic-bezier(.25,.1,.25,1),max-height .4s cubic-bezier(.25,.1,.25,1)} .sol-card-item.active .sol-card-img{opacity:0;max-height:0;aspect-ratio:unset;overflow:hidden} .sol-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.1,.25,1)} .sol-card-item:hover .sol-card-img img{transform:scale(1.03)} .sol-card-body{padding:60px 40px;flex:1;display:flex;flex-direction:column;padding-bottom:30px} .sol-card-title{font-size:1.875rem;font-weight:700;color:#253858;margin-bottom:8px;letter-spacing:0px} .sol-card-subtitle{font-size:1.875rem;color:#253858;line-height:35px;margin-bottom:0;font-weight:400;letter-spacing:0px;text-align:justify} .sol-arrow{font-size:30px;color:#253858;margin-left:4px;transition:opacity .3s cubic-bezier(.25,.1,.25,1),transform .3s cubic-bezier(.25,.1,.25,1);font-weight:400} .sol-card-item:hover .sol-arrow,.sol-card-item.active .sol-arrow{opacity:0;transform:translateX(8px)} .sol-card-body-le-zz{display:flex;margin-top:25px;gap:20px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.25,.1,.25,1),opacity .45s cubic-bezier(.25,.1,.25,1) .05s} .sol-card-item.active .sol-card-body-le-zz{max-height:600px;opacity:1} .sol-card-item.active .sol-card-body-txt{display:flex} .sol-card-body-le{display:none} .sol-card-item.active .sol-card-body-le{display:block;flex:1} .sol-card-body-re{flex:2} .sol-card-item.active .sol-card-subtitle{padding-left:5px;line-height:52px} .sol-card-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .05s;margin-top:0} .sol-card-item:hover .sol-card-detail,.sol-card-item.active .sol-card-detail{max-height:300px;opacity:1;margin-top:16px} .sol-detail-row{display:flex;gap:12px;margin-bottom:12px} .sol-detail-row:last-child{margin-bottom:0} .sol-detail-row label{flex-shrink:0;width:100px;font-size:1.375rem;font-weight:500;color:#253858} .sol-detail-row p{flex:1;font-size:1rem;color:#505F79;line-height:1.7;font-weight:400; margin-top: 5px;} .sol-card-btn{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .45s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s,margin .35s cubic-bezier(.25,.1,.25,1);padding:0;display:inline-flex;align-items:center;justify-content:center} .sol-card-item:hover .sol-card-btn,.sol-card-item.active .sol-card-btn{ max-height:50px;opacity:1;margin-top:30px;width:150px;height:44px; margin-left: 112px; background:linear-gradient(90deg,#2562CC 0%,#1691FF 100%);border-radius:8px;font-size:1.25rem;font-weight:500;letter-spacing:0px} .sol-card-btn img{margin-left:12px;width:14px;height:14px} .sol-card-item:hover .sol-card-btn:hover,.sol-card-item.active .sol-card-btn:hover{background:linear-gradient(90deg,#1851B4 40.38%,#1683FF 100%)} /* ========== 滚动条 ========== */ ::-webkit-scrollbar{width:6px} ::-webkit-scrollbar-track{background:#f5f7fa} ::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px} ::-webkit-scrollbar-thumb:hover{background:#999} .section-right{ position: absolute; right: 0; bottom: 5px;} .section-right a{ color: #253858; font-size: 1.25rem; color: #253858;} .section-right a img{ margin-right: 5px; display: inline-block; vertical-align: -5px; } .section-right a:hover{ color: #005bac; text-decoration: underline;} @media (max-width: 1680px){ .hero-card-tab{padding: 14px 30px;} .hero-cards{bottom:68px;} } @media (max-width: 1600px){ .sol-card-body{padding: 60px 36px;} .logo-rows{gap: 50px;} .hero-card-tab { padding: 14px 30px; } } @media (max-width: 1500px){ .sol-card-body {padding:60px 30px} .insight-hero-info{padding:20px} .insight-item-tag{padding:0 8px;height:24px;line-height:22px} .insight-more-btn{padding:12px 32px;} } /* ========== About 页面（abt-前缀） ========== */ /* Banner */ .abt-banner{position:relative;width:100%;overflow:hidden;margin-top:80px; } .abt-banner-bg{width:100%;height:100%;background-size:cover;background-position:center} .abt-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,50,120,.6) 0%,rgba(0,80,180,.3) 50%,rgba(0,50,120,.15) 100%); display:none;} .abt-banner .container{ height:100%; position:absolute; left:0; top:0;} .abt-banner-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center; height:100%;} .abt-banner-content h1{font-size:4rem;font-weight:700;letter-spacing:2px} .abt-banner-content p{font-size:1.875rem;color:rgba(255,255,255,.9);margin-top:16px;letter-spacing:2px} .abt-section-title{ font-size: 3.125rem; font-weight: 700; color: #1F2F3D; margin-bottom: 0.8rem; font-style: Bold; line-height: 72px; letter-spacing: 1px; } .abt-section-title.center{text-align:center} .abt-section-desc{font-size: 1.5rem; color: #253858; font-weight: 400;max-width:900px;margin:0 auto} .abt-section-desc.center{text-align:center} .abt-intro{padding:100px 0;background:#fff;scroll-margin-top:90px} .abt-intro-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:start} .abt-tag{display:inline-block;background:linear-gradient(90deg,#005BAC,#1691FF);color:#fff;font-size:1.125rem;font-weight:500;padding:8px 24px;border-radius:6px;margin:24px 0 30px;letter-spacing:1px} .abt-para{font-size:1.125rem;color:#455269;line-height:2;margin-bottom:16px;text-align:justify} .abt-para strong{color:#005BAC;font-weight:600} .abt-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;background:linear-gradient(135deg,#F3F9FF 0%,#E7F6FF 100%);border-radius:16px} .abt-stat-item{text-align:center;padding:24px 0} .abt-stat-num{display:block;font-size:2.5rem ;font-weight:700;color:#005BAC;line-height:1.2} .abt-stat-label{display:block;font-size:1.25rem;color:#505F79;margin-top:8px} .abt-develop{padding:80px 0;scroll-margin-top:90px} .abt-develop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px} .abt-develop-card{background:linear-gradient(180deg,#8FCBFF 0%,#DFF3FF 100%);border-radius:16px;padding:40px 30px;transition:all .5s cubic-bezier(.22,.61,.36,1);border:1px solid #e0ecf5} .abt-develop-card:hover{box-shadow:0 12px 32px rgba(0,91,172,.12);transform:translateY(-6px);border-color:rgba(0,91,172,.3)} .abt-develop-icon{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#E7F6FF,#D0EBFF);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .abt-develop-icon img{width:40px;height:40px;object-fit:contain;display:block} .abt-develop-card h3{font-size:1.5rem;font-weight:700;color:#1F2F3D;margin-bottom:12px;letter-spacing:1px} .abt-develop-card p{font-size:1.125rem;color:#505F79;line-height:1.8} .abt-team{padding:100px 0;background:#fff;scroll-margin-top:90px} .abt-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px} .abt-team-card{background:linear-gradient(180deg,#fff 0%,#F3F9FF 100%);border-radius:16px;overflow:hidden;border:1px solid #e0ecf5;transition:all .5s cubic-bezier(.22,.61,.36,1)} .abt-team-card:hover{box-shadow:0 12px 32px rgba(0,91,172,.12);transform:translateY(-6px)} .abt-team-img{height:320px;overflow:hidden} .abt-team-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)} .abt-team-card:hover .abt-team-img img{transform:scale(1.05)} .abt-team-card h3{font-size: 1.375rem; font-weight: 600;color:#253858;margin-top:24px;letter-spacing:0px;padding:0 30px; font-weight:bold;} .abt-team-card p{font-size:1rem;color:#505F79;margin-top:8px;padding:0 30px 30px;line-height:1.6} .ed-banner-tag{display:inline-block;font-size:14px;font-weight:600;color:#fff;letter-spacing:2px;margin-bottom:20px;padding:8px 24px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);align-self:flex-start} /* 通用标题 - 新版 */ .abt-new-section-title{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 50px; leading-trim: NONE; line-height: 72px; letter-spacing: 10%; text-align: center; vertical-align: middle; color: #1F2F3D; margin-bottom: 30px; } .abt-new-section-title.left{text-align:left} /* 公司简介 - 新版 */ .abt-intro-new{padding:80px 0px;background:#fff} .abt-intro-block{margin-bottom:60px} .abt-intro-block:last-child{margin-bottom:0} .abt-intro-subtitle{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 30px; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; color: #1F2F3D; } .abt-intro-text{ font-family: Alibaba PuHuiTi; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 25px; letter-spacing: 0%; color: #505F79; margin-top: 20px; } .abt-intro-text:last-child{margin-bottom:0} .abt-intro-text strong{color:#0057A0;font-weight:600} /* 新闻动态 */ .abt-news{padding:80px 0px;background:#fff} .abt-news-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px} .abt-news-more{font-family: HarmonyOS Sans SC; font-weight: 500; font-style: Medium; font-size: 20px; leading-trim: NONE; line-height: 24px; letter-spacing: 0%; text-align: center; color: #253858; } .abt-news-more:hover{color:#0057A0} .abt-news-layout{display:flex;gap:50px;align-items:stretch} .abt-news-main{flex:0 0 58%} .abt-news-main-card{display:flex;border-radius:8px;overflow:hidden;transition:all .3s;text-decoration:none;background:#fff;height:100%;box-shadow: 0px 12px 32px 5px #0000000A; } .abt-news-main-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)} .abt-news-main-img{flex-shrink:0;width:45%;overflow:hidden} .abt-news-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .abt-news-main-card:hover .abt-news-main-img img{transform:scale(1.03)} .abt-news-main-body{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center} .abt-news-main-body h3{font-size:20px;font-weight:600;color:#222;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color: #1F2F3D; font-size: 30px;} .abt-news-main-body p{font-size:16px;color:#253858;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:30px} .abt-news-date{font-size:16px;color:#A5ADBA} .abt-news-side{flex:1;display:flex;flex-direction:column} .abt-news-side-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #E0E0E0;transition:all .3s;text-decoration:none;background:#fff;flex:1;align-items:center} .abt-news-side-item:first-child{padding-top:0} .abt-news-side-item:last-child{} .abt-news-side-img{flex-shrink:0;width:170px;height:115px;border-radius:4px;overflow:hidden} .abt-news-side-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .abt-news-side-item:hover .abt-news-side-img img{transform:scale(1.03)} .abt-news-side-body{flex:1;display:flex;flex-direction:column;justify-content:center} .abt-news-side-body h4{font-size:16px;font-weight:500;color:#253858;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .abt-news-side-body .abt-news-date{margin-top:auto} /* 荣誉与贡献 */ .abt-honor{padding:80px 0px;background:#F5F9FD} .abt-honor .abt-new-section-title{font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 50px; leading-trim: NONE; line-height: 72px; letter-spacing: 10%; vertical-align: middle; color: #1F2F3D; margin-bottom: 20px; } .abt-honor-subtitle{ font-family: HarmonyOS Sans SC; font-weight: 400; font-style: Regular; font-size: 24px; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; color: #253858; } .abt-honor-timeline{position:relative; margin-top: 70px;} .abt-honor-content::before{content:'';position:absolute;left:-25px;top:18px;bottom:0;width:2px;background:#005BAC} .abt-honor-year-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;position:relative} .abt-honor-year-item:last-child{margin-bottom:0} .abt-honor-year{flex-shrink:0;width:76px;font-size:22px;font-weight:600;color:#005BAC;letter-spacing:0;text-align:left;line-height:1.4} .abt-honor-dot-col{flex-shrink:0;width:16px;display:flex;justify-content:center;position:relative} .abt-honor-dot{width:8px;height:8px;border-radius:50%;background:#005BAC;display:block;margin-top:6px;position:relative;z-index:2} .abt-honor-content{flex:1; position: relative; min-height: 110px;} .abt-honor-content p{font-size:16px;color:#253858;line-height:22px;margin-bottom:8px;position:relative;padding-left:14px} .abt-honor-content p::before{content:'-';position:absolute;left:0;color:#555;font-weight:400;font-size:14px} .abt-honor-content p:last-child{margin-bottom:0} /* 加入我们 */ .abt-join{padding:80px 0px;background:#fff} .abt-join-title{font-size:50px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:40px;text-align:center} .abt-join-card{position:relative;border-radius:12px;overflow:hidden;min-height:560px} .abt-join-card-bg{position:absolute;inset:0;background-size:cover;background-position:center} .abt-join-card-overlay{position:absolute;inset:0;background:rgba(0,87,160,.6)} .abt-join-card-content{position:relative;z-index:2;padding:100px;color:#fff; } .abt-join-card-content h3{font-size:46px;font-weight:700;color:#fff;margin-bottom:5px;letter-spacing:1px} .abt-join-card-sub{font-size:16px;color:#fff;margin-bottom:50px;line-height:1.6} .abt-join-card-content p{font-size:20px;color:#fff;line-height:28px;margin-bottom:10px; font-weight: 300;} .abt-join-card-content p:last-child{margin-bottom:0px} .abt-join-card-content .abt-join-card-sub{ margin-bottom: 60px;} .abt-contact-hero-content .abt-join-card-sub{ margin-bottom: 30px;} /* 联系我们 */ .abt-contact{padding:80px 0px;background:#fff} .abt-contact-hero-card{position:relative;border-radius:12px;overflow:hidden;min-height:280px;margin-bottom:30px} .abt-contact-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center} .abt-contact-hero-overlay{position:absolute;inset:0;background:rgba(0,87,160,.5)} .abt-contact-hero-content{position:relative;z-index:2;padding:100px;color:#fff; padding-top: 50px; padding-bottom: 50px;} .abt-contact-hero-content h3{font-size:32px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:1px} .abt-contact-hero-content p{font-size:16px;color:#fff;line-height:24px;margin-bottom:6px} .abt-contact-hero-content p:last-child{margin-bottom:0} .abt-contact-cards{display:flex;gap:20px;margin-bottom:30px} .abt-contact-card{flex:1;border-radius:8px;padding:30px;background:#0057A0;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center} .abt-contact-card p{font-size:20px;font-weight:700;color:#fff;line-height:1.5} .abt-contact-highlight{font-size:36px;font-weight:700;color:#fff;margin:0 2px} .abt-contact-table-wrap{overflow:hidden;} .abt-contact-table{width:100%;} .abt-contact-table thead{background:#00529B} .abt-contact-table th{padding:12px 16px;font-size:14px;font-weight:700;color:#fff;text-align:center;letter-spacing:1px;line-height:24px} .abt-contact-table td{padding:10px 16px;font-size:14px;color:#333;border-bottom:0px solid #fff;line-height:24px;text-align:left} .abt-contact-table tbody tr{background:#F5F7FA} .abt-contact-table tbody tr:last-child td{border-bottom:none} /* About 新版响应式 */ @media(max-width:1200px){ .abt-intro-new{padding:80px 40px} .abt-news{padding:80px 40px} .abt-honor{padding:80px 40px} .abt-join{padding:80px 40px} .abt-contact{padding:80px 40px} .abt-news-layout{flex-direction:column} .abt-news-main{flex:none} .abt-contact-cards{flex-direction:column} } @media(max-width:768px){ .abt-banner{height:320px} .abt-banner-content{height:320px} .abt-banner-content h1{font-size:36px} .abt-banner-content p{font-size:16px} .abt-intro-layout{grid-template-columns:1fr;gap:40px} .abt-section-title{font-size:28px} .abt-section-desc{font-size:16px} .abt-develop-grid{grid-template-columns:1fr} .abt-team-grid{grid-template-columns:1fr} .abt-stat-num{font-size:32px} .abt-para{font-size:16px} .abt-intro-new{padding:60px 24px} .abt-new-section-title{font-size:24px;margin-bottom:24px} .abt-intro-subtitle{font-size:18px} .abt-intro-text{font-size:14px} .abt-news{padding:60px 24px} .abt-news-header{flex-direction:column;align-items:flex-start;gap:12px} .abt-news-main-img{height:200px} .abt-news-side-item{flex-direction:column} .abt-news-side-img{width:100%;height:140px} .abt-honor{padding:60px 24px} .abt-honor-timeline::before{left:63px} .abt-honor-year{width:40px;font-size:14px} .abt-honor-dot-col{width:12px} .abt-honor-content p{font-size:14px} .abt-join{padding:60px 24px} .abt-join-title{font-size:24px} .abt-join-card-content h3{font-size:22px} .abt-join-card-content p{font-size:14px} .abt-contact{padding:60px 24px} .abt-contact-hero-content h3{font-size:20px} .abt-contact-hero-content p{font-size:14px} .abt-contact-card p{font-size:16px} .abt-contact-highlight{font-size:28px} .abt-contact-table th{font-size:13px;padding:10px 14px} .abt-contact-table td{font-size:13px;padding:10px 14px} } /* ========== 荣誉与贡献页面（honor-前缀） ========== */ .honor-section{padding:80px 0 100px;background: #F3F9FF;} .honor-header{text-align:center;margin-bottom:50px} .honor-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;letter-spacing:1px;margin-bottom:0.8rem; font-weight:bold;} .honor-title-line{width:70px;height:3px;background:#0055a5;border-radius:0px;margin:0 auto 20px} .honor-subtitle{font-size:1.5rem;color:#253858;letter-spacing:0px} .honor-layout{display:grid;grid-template-columns:700px 1fr;gap:60px;align-items:start;margin-top:40px} .honor-list{display:flex;flex-direction:column;gap:0} .honor-list-item{display:flex;align-items:flex-start;gap:24px;padding:24px 0;border-bottom:1px solid #e8ecf0;transition:all .3s} .honor-list-item:hover{background:linear-gradient(90deg,#F3F9FF 0%,transparent 100%);padding-left:16px;border-radius:8px} .honor-year{flex-shrink:0;width:72px;font-size:1.375rem;font-weight:700;color:#005BAC;letter-spacing:1px;line-height:1.4} .honor-detail p{font-size:1.125rem;color:#333;line-height:1.8;margin-bottom:6px} .honor-detail p:last-child{margin-bottom:0} .honor-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;position:sticky;top:100px} .honor-gallery-item{border-radius:12px;overflow:hidden;border:1px solid #e0ecf5;transition:all .5s cubic-bezier(.22,.61,.36,1);cursor:pointer} .honor-gallery-item:hover{box-shadow:0 12px 32px rgba(0,91,172,.12);transform:translateY(-6px);border-color:rgba(0,91,172,.3)} .honor-gallery-item img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)} .honor-gallery-item:hover img{transform:scale(1.03)} /* Honor 响应式 */ @media(max-width:1200px){ .honor-layout{grid-template-columns:1fr 380px} .honor-gallery{grid-template-columns:1fr} } @media(max-width:768px){ .honor-layout{grid-template-columns:1fr} .honor-gallery{grid-template-columns:repeat(2,1fr);position:static} .honor-list-item{flex-direction:column;gap:8px} .honor-year{font-size:22px} .honor-detail p{font-size:16px} } /* ========== 新闻列表页面 ========== */ .news-section{padding:80px 0 100px;background:#fff} .news-header{text-align:center;margin-bottom:40px} .news-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:50px} .news-tab{padding:8px 28px;border-radius:24px;border:1px solid #d0d7e0;background:#fff;color:#505F79;font-size:1.125rem;cursor:pointer;transition:all .3s} .news-tab:hover{border-color:#005BAC;color:#005BAC} .news-tab.active{background:#005BAC;color:#fff;border-color:#005BAC} .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .news-card{display:block;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8ecf0;transition:all .5s cubic-bezier(.22,.61,.36,1);text-decoration:none} .news-card:hover{box-shadow:0 12px 32px rgba(0,91,172,.12);transform:translateY(-6px);border-color:rgba(0,91,172,.2)} .news-card-img{position:relative;height:200px;overflow:hidden} .news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)} .news-card:hover .news-card-img img{transform:scale(1.05)} .news-card-tag{position:absolute;top:12px;left:12px;background:rgba(0,91,172,.85);color:#fff;font-size:1rem;padding:4px 14px;border-radius:20px;letter-spacing:1px} .news-card-body{padding:20px 24px 24px} .news-card-date{display:flex;align-items:center;gap:6px;font-size:1rem;color:#999;margin-bottom:10px} .news-card-body h3{font-size:1.375rem;font-weight:700;color:#1F2F3D;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-card-body p{font-size:1rem;color:#505F79;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px} .news-card-link{display:inline-flex;align-items:center;gap:4px;font-size:1rem;color:#005BAC;font-weight:500;transition:gap .3s} .news-card:hover .news-card-link{gap:8px} /* ========== 新闻详情页面 ========== */ .news-detail-section{padding:60px 0 100px;background:#fff;margin-top:80px} .news-detail-wrapper{max-width:1400px;margin:0 auto} .news-detail-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#999;margin-bottom:30px} .news-detail-breadcrumb a{color:#666;text-decoration:none;transition:color .3s} .news-detail-breadcrumb a:hover{color:#005BAC} .news-detail-breadcrumb span{color:#ccc} .news-detail-article{border-top:2px solid #005BAC;padding-top:30px} .news-detail-title{font-size:2.5rem;font-weight:700;color:#1F2F3D;line-height:1.5;letter-spacing:1px;margin-bottom:16px} .news-detail-meta{display:flex;align-items:center;gap:20px;font-size:14px;color:#999;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e8ecf0} .news-detail-date{display:flex;align-items:center;gap:6px; font-size:1rem;} .news-detail-cat{background:#F3F9FF;color:#005BAC;padding:4px 14px;border-radius:4px;font-size:1rem;} .news-detail-content p{font-size:1.25rem;color:#333;line-height:2;margin-bottom:20px;text-align:justify} .news-detail-content img{max-width:100%;border-radius:8px;margin:10px 0} .news-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px;padding-top:30px;border-top:1px solid #e8ecf0} .news-detail-prev,.news-detail-next{text-decoration:none;padding:16px 20px;border-radius:12px;border:1px solid #e8ecf0;transition:all .3s} .news-detail-prev:hover,.news-detail-next:hover{border-color:#005BAC;background:#F3F9FF} .news-detail-prev span,.news-detail-next span{font-size:1rem;color:#999;display:block;margin-bottom:4px} .news-detail-prev p,.news-detail-next p{font-size:1.125rem;color:#1F2F3D;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .news-detail-next{text-align:right} /* 相关新闻 */ .news-related{margin-top:60px;padding-top:40px;border-top:1px solid #e8ecf0} .news-related-title{font-size:1.875rem;font-weight:700;color:#1F2F3D;margin-bottom:30px;letter-spacing:1px} .news-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .news-related-card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.22,.61,.36,1)} .news-related-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.1);transform:translateY(-4px);border-color:rgba(0,91,172,.2)} .news-related-img{height:160px;overflow:hidden} .news-related-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)} .news-related-card:hover .news-related-img img{transform:scale(1.05)} .news-related-body{padding:16px 18px} .news-related-body h4{ont-size: 1.375rem; font-weight: 700; color: #1F2F3D; line-height: 1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-related-date{font-size:1rem;color:#999} /* 分页 */ .news-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px} .news-page-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #d0d7e0;background:#fff;color:#505F79;font-size:15px;text-decoration:none;transition:all .3s} .news-page-btn:hover{border-color:#005BAC;color:#005BAC} .news-page-btn.active{background:#005BAC;color:#fff;border-color:#005BAC} .news-page-btn.disabled{color:#ccc;cursor:default;pointer-events:none} /* News 响应式 */ @media(max-width:1200px){ .news-grid{grid-template-columns:repeat(2,1fr)} .news-related-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .news-grid{grid-template-columns:1fr} .news-related-grid{grid-template-columns:1fr} .news-detail-title{font-size:24px} .news-detail-content p{font-size:16px} .news-detail-nav{grid-template-columns:1fr} .news-detail-next{text-align:left} } /* ========== 联系我们页面 ========== */ .contact-section{padding:80px 0 100px;background:#fff} .contact-hero{max-width:900px;margin:0 auto 70px;text-align:center} .contact-hero-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;letter-spacing:1px;margin-bottom:.8rem;} .contact-hero-sub{font-size:1.375rem;color:#005BAC;font-weight:500;margin-bottom:20px;letter-spacing:1px} .contact-hero-desc{font-size:1.25rem;color:#666;line-height:1.8;margin-bottom:30px} .contact-trust{display:flex;justify-content:center;gap:40px} .contact-trust-item{display:flex;align-items:center;gap:8px;font-size:1.25rem;color:#333;font-weight:500} .contact-header{text-align:center;margin-bottom:40px} .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px; margin-top: 50px;} .contact-cards-bottom .contact-card{padding:30px 24px} .contact-card{background:#fff;border-radius:16px;border:1px solid #e0ecf5;padding:40px 30px;text-align:center;box-shadow:0 4px 16px rgba(0,50,120,.06);transition:all .5s cubic-bezier(.22,.61,.36,1)} .contact-card:hover{box-shadow:0 12px 32px rgba(0,91,172,.12);transform:translateY(-6px);border-color:rgba(0,91,172,.2)} .contact-card-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#005BAC,#1691FF);display:flex;align-items:center;justify-content:center;margin:0 auto 20px} .contact-card-icon-sm{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#005BAC,#1691FF);display:flex;align-items:center;justify-content:center;margin:0 auto 16px} .contact-card-title{font-size:1.5rem;font-weight:700;color:#1F2F3D;margin-bottom:10px;letter-spacing:1px} .contact-card-info{font-size:1.25rem;color:#005BAC;font-weight:600;margin-bottom:8px} .contact-card-desc{font-size:1rem;color:#999;line-height:1.6} .contact-map{margin-top:50px;border-radius:16px;overflow:hidden;border:1px solid #e0ecf5} .contact-map-container{width:100%;height:450px} /* Contact 响应式 */ @media(max-width:1200px){ .contact-cards{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .contact-cards{grid-template-columns:1fr} .contact-hero-title{font-size:28px} .contact-hero-sub{font-size:18px} .contact-hero-desc{font-size:16px} .contact-trust{flex-direction:column;align-items:center;gap:16px} .contact-map-container{height:300px} } /* ========== 加入我们 ========== */ /* Hero - Split Layout */ .jdp-join-hero { min-height: calc(100vh - 80px); margin-top: 80px; position: relative; overflow: hidden; background: #F3F9FF; } .jdp-join-hero-inner { margin: 0 auto; position: relative; z-index: 2; padding-left: 100px; } .jdp-join-hero-text { padding: 80px 0; width: 50%; } .jdp-join-visual { position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow: hidden; background: linear-gradient(135deg, #0a1628, #005BAC); z-index: 1; } .jdp-join-label { display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 3px; color: #005BAC; text-transform: uppercase; margin-bottom: 24px; padding: 6px 18px; border: 1px solid rgba(0,91,172,.2); border-radius: 20px; background: rgba(0,91,172,.04); } .jdp-join-hero-text h1 { font-size:3.125rem; font-weight: 700; color: #1F2F3D; line-height: 1.3; margin-bottom: 20px; } .jdp-join-hero-text h1 span { color: #005BAC; } .jdp-join-hero-text .jdp-subtitle { font-size:1.5rem; color: #253858; margin-bottom: 32px; font-weight: 400; } .jdp-join-hero-text .jdp-desc { font-size: 15px; color: #505F79; line-height: 2; margin-bottom: 100px; margin-top: 100px; } .jdp-join-hero-text .jdp-desc p { margin-bottom: 8px; padding-left: 20px; position: relative; font-size: 1.375rem; } .jdp-join-hero-text .jdp-desc p::before { content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #005BAC; } .jdp-join-visual { position: absolute; height: 100%; min-height: 600px; overflow: hidden; background: linear-gradient(135deg, #0a1628, #005BAC); } .jdp-join-visual img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; } .jdp-join-visual-deco { position: absolute; inset: 0; } .jdp-join-visual-deco::before { content: ''; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: rgba(255,255,255,0.05); filter: blur(60px); top: 10%; right: 10%; } .jdp-join-visual-deco::after { content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; background: rgba(0,91,172,0.3); filter: blur(50px); bottom: 20%; left: 20%; } /* Floating elements */ .jdp-join-float { position: absolute; border-radius: 16px; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); padding: 20px 24px; color: #fff; animation: jdpFloat 6s ease-in-out infinite; } .jdp-join-float:nth-child(2) { top: 15%; left: 10%; animation-delay: 0s; } .jdp-join-float:nth-child(3) { top: 40%; right: 8%; animation-delay: 2s; } .jdp-join-float:nth-child(4) { bottom: 20%; left: 15%; animation-delay: 4s; } .jdp-join-float-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .jdp-join-float-icon svg { width: 20px; height: 20px; } .jdp-join-float h5 { font-size: 14px; font-weight: 600; margin-bottom: 4px; } .jdp-join-float p { font-size: 12px; opacity: 0.7; } @keyframes jdpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Section utilities */ .jdp-section { padding: 80px 0; } .jdp-container { margin: 0 auto; padding-left: 80px; padding-right: 80px;} .jdp-section-title { text-align: center; margin-bottom: 48px; } .jdp-section-title h2 { font-size:3.125rem;font-weight:700;color:#1F2F3D;letter-spacing:1px;margin-bottom:0.8rem; font-weight:bold; } .jdp-line { width: 70px; height: 3px; background: #0055a5; margin: 0 auto; display: none; } /* Reveal animation */ .jdp-reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); } .jdp-reveal.visible { opacity: 1; transform: translateY(0); } /* Values Section */ .jdp-join-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .jdp-join-value { text-align: center; padding: 48px 95px; border-radius: 16px; background: linear-gradient(#FFFFFF, #D9F1FF); border: 1px solid #e0ecf5; transition: box-shadow .5s cubic-bezier(.22,.61,.36,1), border-color .5s cubic-bezier(.22,.61,.36,1), transform .5s cubic-bezier(.22,.61,.36,1); } .jdp-join-value:hover { box-shadow: 0 12px 32px rgba(0,91,172,.12); border-color: rgba(0,91,172,.3); transform: translateY(-6px); } .jdp-join-value-icon { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: #fff; } .jdp-join-value-icon img { width: 28px; height: 28px; object-fit: contain; display: block; } .jdp-join-value-icon svg { width: 28px; height: 28px; } .jdp-join-value h4 { font-size:1.5rem; font-weight: 600; color: #1F2F3D; margin-bottom: 12px; } .jdp-join-value p { font-size: 1.125rem; color: #5E6D82; line-height: 1.8; } /* Positions */ .jdp-join-positions { background: #F3F9FF; padding: 80px 0; } .jdp-position-list { display: flex; flex-direction: column; gap: 16px; margin: 0 auto; } .jdp-position-item { display: grid; grid-template-columns: 1fr auto auto; gap: 24px; align-items: center; padding: 24px 32px; background: #fff; border-radius: 12px; border: 1px solid #e0ecf5; transition: box-shadow .5s cubic-bezier(.22,.61,.36,1), border-color .5s cubic-bezier(.22,.61,.36,1); } .jdp-position-item:hover { box-shadow: 0 8px 24px rgba(0,91,172,.1); border-color: rgba(0,91,172,.2); } .jdp-position-info h4 { font-size: 1.5rem; font-weight: 600; color: #1F2F3D; margin-bottom: 6px; } .jdp-position-meta { display: flex; gap: 16px; font-size: 1rem; color: #5E6D82; } .jdp-position-meta span { display: flex; align-items: center; gap: 4px; } .jdp-position-salary { font-size: 1.125rem; font-weight: 700; color: #005BAC; white-space: nowrap; } /* Buttons */ .jdp-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border-radius: 8px; font-size: 1.25rem!important; font-weight: 500; cursor: pointer; transition: all .4s cubic-bezier(.22,.61,.36,1); text-decoration: none; border: none; } .jdp-btn-primary { color: #fff; box-shadow: 0 4px 16px rgba(0,91,172,.25); background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); transition: all 0.5s; } .jdp-btn-primary:hover { background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s; box-shadow: 0 6px 24px rgba(0,91,172,.35); transform: translateY(-2px); } .jdp-btn-outline { background: transparent; color: #005BAC; border: 1.5px solid #005BAC; transition: all 0.5s; } .jdp-btn-outline:hover { background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); transition: all 0.5s; color: #fff; border: none; } /* 解决痛点问题 - 深色全宽背景 */ .sol-pain-section{position:relative;padding:100px 0;overflow:hidden} .sol-pain-bg{position:absolute;inset:0;background:url('../images/77.jpg') center/cover no-repeat} .sol-pain-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,22,40,.88),rgba(16,42,74,.85))} .sol-pain-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 40px} .sol-pain-title{font-size:40px;font-weight:700;color:#fff;text-align:center;margin-bottom:60px;letter-spacing:2px} .sol-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .sol-pain-card{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:40px 32px 36px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden} .sol-pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1691FF,#005BAC);opacity:0;transition:opacity .3s} .sol-pain-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)} .sol-pain-card:hover::before{opacity:1} .sol-pain-icon{width:80px;height:80px;border-radius:20px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid rgba(255,255,255,.1);transition:all .3s} .sol-pain-card:hover .sol-pain-icon{background:rgba(22,145,255,.15);border-color:rgba(22,145,255,.3);transform:scale(1.08)} .sol-pain-card h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:14px;letter-spacing:1px} .sol-pain-card p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.8} @media(max-width:1024px){.sol-pain-grid{grid-template-columns:1fr 1fr;gap:24px}.sol-pain-title{font-size:32px;margin-bottom:40px}} @media(max-width:768px){.sol-pain-section{padding:60px 0}.sol-pain-grid{grid-template-columns:1fr}.sol-pain-title{font-size:26px;margin-bottom:32px}.sol-pain-card{padding:28px 20px 24px}.sol-pain-card h3{font-size:18px}.sol-pain-card p{font-size:14px}} /* entry-detail-grid */ .entry-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch} .entry-image{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;align-items:stretch} .entry-image img{width:100%;height:100%;object-fit:cover;display:block} .entry-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:stretch} .entry-card{background:#fff;border-radius:12px;padding:24px 22px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid #eef2f7;border-left:3px solid #2563eb;transition:all .35s ease;display:flex;flex-direction:column} .entry-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(37,99,235,.12);border-left-color:#1d4ed8} .entry-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px} .entry-card-icon{width:36px;height:36px;border-radius:10px;background:rgba(37,99,235,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s} .entry-card:hover .entry-card-icon{background:rgba(37,99,235,.14)} .entry-card-icon svg{width:20px;height:20px} .entry-card h4{font-size:1.375rem;font-weight:700;color:#1a1a2e} .entry-card p{font-size:1rem;color:#4a5568;line-height:1.8;margin-top:0px;} .entry-card p strong{color:#2563eb;font-weight:600} @media(max-width:968px){.entry-detail-grid{grid-template-columns:1fr}.entry-image{max-height:320px}} @media(max-width:576px){.entry-cards{grid-template-columns:1fr}} /* CTA */ .jdp-join-cta { text-align: center; padding: 100px 0; background: linear-gradient(135deg, #0a1628, #0f2847); position: relative; overflow: hidden; background: url(../images/p1-bg2.png) no-repeat top center; background-size: cover; } .jdp-join-cta h2 { font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 16px; } .jdp-join-cta p { font-size:1.125rem; color: rgba(255,255,255,0.6); margin-bottom: 32px; } /* Join 响应式 */ @media(max-width:1680px){ .jdp-container{width:1500px} .jdp-join-hero-inner{width:1500px} } @media(max-width:1600px){ .jdp-container{width:1400px} .jdp-join-hero-inner{width:1400px} } @media(max-width:1500px){ .jdp-container{width:1300px} .jdp-join-hero-inner{width:1300px} } @media(max-width:1200px){ .jdp-container{width:100%;padding:0 24px} .jdp-join-hero-inner{width:100%;padding:0 24px} .jdp-join-hero-text{padding:60px 40px} .jdp-join-hero-text h1{font-size:36px} } @media(max-width:992px){ .jdp-join-visual{display:none} .jdp-join-hero-text{width:100%;padding:50px 24px} .jdp-join-values{grid-template-columns:1fr} .jdp-join-cta h2{font-size:26px} } @media(max-width:768px){ .jdp-join-hero-text h1{font-size:28px} .jdp-join-hero-text .jdp-subtitle{font-size:16px} .jdp-position-item{grid-template-columns:1fr;gap:12px} .jdp-position-salary{text-align:left} } /* Hero - Banner background */ .jdp-sub-hero { position: relative; padding: 100px 0 60px; overflow: hidden; margin-top: 80px; background: linear-gradient(135deg, #0a1628, #005BAC); } .jdp-sub-hero::before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.05); } .jdp-sub-hero-inner { position: relative; z-index: 2; text-align: center; } .jdp-sub-hero h1 { font-size: 44px; font-weight: 700; color: #fff; letter-spacing: 8px; margin-bottom: 16px; } .jdp-sub-hero-line { width: 48px; height: 3px; background: #fff; margin: 0 auto 16px; border-radius: 2px; } .jdp-sub-hero p { font-size: 16px; color: rgba(255,255,255,0.8); max-width: 600px; margin: 0 auto; line-height: 1.8; } /* Product Grid - 2x2 layout */ .jdp-sub-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 60px 0 60px; } .jdp-sub-card { background: linear-gradient(#FFFFFF, #D9F1FF); border-radius: 16px; border: 1px solid #e0ecf5; padding: 36px 32px; transition: box-shadow .4s cubic-bezier(.22,.61,.36,1), border-color .4s cubic-bezier(.22,.61,.36,1); position: relative; overflow: hidden; } .jdp-sub-card:hover { box-shadow: 0 12px 32px rgba(0,91,172,.12); border-color: rgba(0,91,172,.2); } /* Card header */ .jdp-sub-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .jdp-sub-card-logo { display: flex; align-items: center; gap: 10px; } .jdp-sub-card-logo img { height: 36px; } .jdp-sub-card-badge { display: inline-block; padding: 5px 16px; border-radius: 20px; font-size: 1rem; font-weight: 600; background: #0055a5; color: #fff; letter-spacing: 1px; line-height: 20px; } /* Card title */ .jdp-sub-card h3 { font-size: 2.25rem; font-weight: 700; color: #1F2F3D; margin-bottom: 16px; text-align: center; } /* Card description */ .jdp-sub-card-desc { font-size: 1.125rem; color: #505F79; line-height: 2; text-align: center; margin-bottom: 28px; height: 6rem; } .jdp-sub-card-desc strong { color: #005BAC; font-weight: 600; } /* Pricing options */ .jdp-sub-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 32px; } .jdp-sub-option { border: 1px solid #e0ecf5; border-radius: 12px; padding: 20px 10px; text-align: center; cursor: pointer; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; position: relative; background: #fff; } .jdp-sub-option:hover { border-color: #005BAC; } .jdp-sub-option.jdp-selected { border-color: #005BAC; background: #E3F2FD; box-shadow: 0 0 0 3px rgba(0,91,172,.08); background: #fff; } .jdp-sub-option-duration { font-size:1.25rem; color: #1A1A1A; font-weight: 500; margin-bottom: 10px; } .jdp-sub-option-price { font-size: 3rem; font-weight: 700; color: #005BAC; line-height: 1.8; margin-bottom: 8px; } .jdp-sub-option-price .currency { font-size: 18px; vertical-align: baseline; } .jdp-sub-option-per { font-size: 1.5rem; color: #999; } /* Subscribe button */ .jdp-sub-btn-main { display: block; width: 100%; padding: 14px 0; border-radius: 10px; font-size: 1.25rem; font-weight: 600; cursor: pointer; transition: all .4s cubic-bezier(.22,.61,.36,1); border: none; background: #005BAC; color: #fff; margin-bottom: 16px; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); } .jdp-sub-btn-main:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,91,172,.3); background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s; } /* Features link */ .jdp-sub-features-link { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 1rem; font-weight: 500; color: #666666; cursor: pointer; transition: all .3s ease; padding: 8px 0; border-top: 1px solid #e0ecf5; } .jdp-sub-features-link:hover { color: #005BAC; gap: 10px; } .jdp-sub-features-link svg { width: 14px; height: 14px; } /* Permanent License Banner */ .jdp-sub-perm { position: relative; padding: 80px 0; overflow: hidden; text-align: center; } .jdp-sub-perm-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #0a1628 0%, #0f2847 40%, #005BAC 100%); } .jdp-sub-perm-deco1 { position: absolute; width: 400px; height: 400px; border-radius: 50%; background: rgba(255,255,255,0.05); filter: blur(80px); top: -100px; left: -100px; } .jdp-sub-perm-deco2 { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: #005BAC; filter: blur(100px); bottom: -150px; right: -100px; opacity: 0.2; } .jdp-sub-perm-inner { position: relative; z-index: 2; } .jdp-sub-perm h2 { font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 16px; } .jdp-sub-perm p { font-size: 1.25rem; color: rgba(255,255,255,0.8); margin-bottom: 32px; } .jdp-sub-perm-btn { display: inline-block; padding: 14px 60px; border-radius: 30px; font-size: 1.25rem; font-weight: 500; background: #fff; color: #005BAC; cursor: pointer; transition: all .4s cubic-bezier(.22,.61,.36,1); border: none; } .jdp-sub-perm-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,255,255,0.2); } /* FAQ */ .jdp-sub-faq { padding: 60px 0 80px; background: #F3F9FF; } .jdp-sub-faq-title { font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; text-align: center; } .jdp-sub-faq-list { margin: 0 auto; } .jdp-sub-faq-item { background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden; border: 1px solid #e0ecf5; transition: box-shadow .3s ease; } .jdp-sub-faq-q { display: flex; align-items: center; justify-content: space-between; padding: 25px 28px; cursor: pointer; font-size: 1.5rem; font-weight: 500; color: #1F2F3D; transition: color .3s ease; } .jdp-sub-faq-q:hover { color: #005BAC; } .jdp-sub-faq-arrow { width: 24px; height: 24px; border-radius: 50%; background: #F3F9FF; display: flex; align-items: center; justify-content: center; transition: background .3s ease; flex-shrink: 0; margin-left: 16px; } .jdp-sub-faq-arrow svg { width: 12px; height: 12px; color: #005BAC; transition: transform 0.3s ease; } .jdp-sub-faq-item.jdp-open .jdp-sub-faq-arrow svg { transform: rotate(180deg); } .jdp-sub-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; } .jdp-sub-faq-item.jdp-open .jdp-sub-faq-a { max-height: 500px; padding: 0 28px 20px; } .jdp-sub-faq-a p { font-size: 15px; color: #505F79; line-height: 1.9; } /* ============================================================ MODAL - Order (Subscribe) ============================================================ */ .jdp-modal-overlay { position: fixed; inset: 0; background: rgba(10, 22, 40, 0.5); backdrop-filter: blur(6px); z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .jdp-modal-overlay.jdp-active { opacity: 1; visibility: visible; } .jdp-modal-box { background: #fff; border-radius: 16px; width: 100%; max-width: 1000px; max-height: 92vh; overflow-y: auto; box-shadow: 0 24px 80px rgba(0,0,0,0.2); transform: scale(0.95); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; } .jdp-modal-overlay.jdp-active .jdp-modal-box { transform: scale(1); } .jdp-modal-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; background: #F3F9FF; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .3s ease; z-index: 10; } .jdp-modal-close:hover { background: #e0ecf5; } .jdp-modal-close svg { width: 16px; height: 16px; color: #999; } /* Order Modal */ .jdp-modal-body { padding: 32px; } .jdp-modal-body h3 { font-size: 22px; font-weight: 700; color: #1F2F3D; margin-bottom: 24px; } /* Order table */ .jdp-order-table { width: 100%; margin-bottom: 24px; font-size: 14px; } .jdp-order-table th { text-align: left; padding: 10px 8px; color: #5E6D82; font-weight: 500; border-bottom: 1px solid #e0ecf5; font-size: 13px; } .jdp-order-table td { padding: 14px 8px; border-bottom: 1px solid #e0ecf5; vertical-align: middle; } .jdp-order-table .jdp-product-name { font-weight: 600; color: #1F2F3D; } .jdp-order-table .jdp-product-duration { color: #505F79; } /* Quantity controls */ .jdp-qty { display: inline-flex; align-items: center; border: 1px solid #e0ecf5; border-radius: 6px; overflow: hidden; } .jdp-qty button { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #fff; border: none; cursor: pointer; font-size: 16px; color: #999; transition: all .2s ease; } .jdp-qty button:hover { background: #F3F9FF; color: #005BAC; } .jdp-qty input { width: 40px; height: 32px; border: none; border-left: 1px solid #e0ecf5; border-right: 1px solid #e0ecf5; text-align: center; font-size: 14px; color: #1F2F3D; outline: none; } .jdp-order-price { color: #505F79; font-weight: 500; } .jdp-order-subtotal { font-weight: 700; color: #005BAC; } /* Email section */ .jdp-order-email { margin-bottom: 24px; } .jdp-order-email h4 { font-size: 16px; font-weight: 600; color: #1F2F3D; margin-bottom: 4px; display: inline-block; } .jdp-order-email .jdp-email-note { font-size: 13px; color: #e74c3c; margin-bottom: 16px; } .jdp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; } .jdp-form-group label { display: block; font-size: 13px; color: #5E6D82; margin-bottom: 6px; } .jdp-form-group label .req { color: #e74c3c; } .jdp-form-control { width: 100%; padding: 10px 14px; border: 1.5px solid #e0ecf5; border-radius: 8px; font-size: 14px; font-family: inherit; color: #1F2F3D; transition: border-color .3s ease, box-shadow .3s ease; } .jdp-form-control:focus { outline: none; border-color: #005BAC; box-shadow: 0 0 0 3px rgba(0,91,172,.08); } .jdp-form-control::placeholder { color: #bbb; } /* Payment */ .jdp-order-pay { margin-bottom: 20px; } .jdp-order-pay h4 { font-size: 16px; font-weight: 600; color: #1F2F3D; margin-bottom: 12px; } .jdp-pay-options { display: flex; gap: 12px; flex-wrap: wrap; } .jdp-pay-option { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border: 2px solid #e0ecf5; border-radius: 8px; cursor: pointer; transition: border-color .3s ease, background .3s ease; } .jdp-pay-option:hover { border-color: #005BAC; } .jdp-pay-option.jdp-pay-selected { border-color: #005BAC; background: rgba(0,91,172,.04); } .jdp-pay-option img { height: 24px; } .jdp-pay-option svg { flex-shrink: 0; } .jdp-pay-option span { font-size: 14px; color: #1F2F3D; font-weight: 500; } /* Pay notes */ .jdp-pay-notes { font-size: 13px; color: #666; line-height: 2; margin-bottom: 20px; padding: 14px; background: #F0F8FF; border-radius: 8px; } .jdp-pay-notes strong { color: #1F2F3D; } /* Footer */ .jdp-order-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; } .jdp-order-total { font-size: 18px; color: #1F2F3D; } .jdp-order-total strong { font-size: 28px; color: #005BAC; } .jdp-order-submit { padding: 14px 48px; border-radius: 10px; font-size: 16px; font-weight: 600; border: none; cursor: pointer; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);transition: all 0.5s color: #fff; transition: all .4s cubic-bezier(.22,.61,.36,1); color: #fff; } .jdp-order-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,91,172,.3); background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s; } .jdp-order-agree { font-size: 12px; color: #999; margin-top: 12px; width: 100%; } .jdp-order-agree a { color: #005BAC; text-decoration: underline; } /* ============================================================ MODAL - Features ============================================================ */ .jdp-modal-feat .jdp-modal-box { max-width: 800px; } .jdp-modal-feat-body { padding: 32px; } .jdp-modal-feat-body h3 { font-size: 22px; font-weight: 700; color: #1F2F3D; margin-bottom: 24px; } .jdp-feat-imgs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 28px; } .jdp-feat-imgs img { width: 100%; height: 140px; object-fit: cover; border-radius: 10px; background: #F3F9FF; } .jdp-feat-section { margin-bottom: 24px; } .jdp-feat-section h4 { font-size: 17px; font-weight: 600; color: #005BAC; margin-bottom: 10px; } .jdp-feat-section p { font-size: 14px; color: #505F79; line-height: 1.9; } .jdp-feat-list { list-style: none; padding: 0; } .jdp-feat-list li { font-size: 14px; color: #505F79; line-height: 1.9; padding-left: 18px; position: relative; margin-bottom: 8px; } .jdp-feat-list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: #005BAC; } /* Subscribe Responsive */ @media (max-width: 1200px) { .jdp-sub-grid { grid-template-columns: 1fr; } .jdp-modal-feat .jdp-feat-imgs { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .jdp-sub-hero h1 { font-size: 30px; letter-spacing: 3px; } .jdp-sub-options { gap: 8px; } .jdp-sub-option { padding: 16px 8px; } .jdp-sub-option-price { font-size: 24px; } .jdp-sub-perm h2 { font-size: 24px; } .jdp-form-row { grid-template-columns: 1fr; } .jdp-modal-body, .jdp-modal-feat-body { padding: 24px; } .jdp-feat-imgs { grid-template-columns: repeat(2, 1fr); } } /* ========== 学习资源页面 ========== */ .lr-hero{padding:100px 0 60px;margin-top:80px;background:linear-gradient(135deg,#0a1628,#005BAC);text-align:center} .lr-hero-inner{color:#fff} .lr-hero-label{display:inline-block;font-size:14px;font-weight:600;letter-spacing:4px;color:rgba(255,255,255,.7);margin-bottom:16px;padding:6px 20px;border:1px solid rgba(255,255,255,.2);border-radius:20px} .lr-hero h1{font-size:46px;font-weight:700;color:#fff;letter-spacing:6px;margin-bottom:16px} .lr-hero p{font-size:18px;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.8} .lr-tabs-section{background:#fff;border-bottom:1px solid #e0ecf5;position:sticky;top:80px;z-index:100} .lr-tabs{display:flex;justify-content:center;gap:8px;padding:20px 0} .lr-tab{padding:10px 36px;border-radius:8px;font-size:16px;font-weight:500;color:#505F79;background:#F3F9FF;border:1px solid #e0ecf5;cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1)} .lr-tab:hover{color:#005BAC;border-color:#005BAC} .lr-tab.active{background:#005BAC;color:#fff;border-color:#005BAC;box-shadow:0 4px 16px rgba(0,91,172,.25)} .lr-content-section{padding:60px 0 100px;background:#fff} .lr-panel{display:none} .lr-panel.active{display:block} .lr-section-header{text-align:center;margin-bottom:48px} .lr-section-header h2{font-size:32px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:12px} .lr-section-header p{font-size:16px;color:#505F79;line-height:1.8;max-width:700px;margin:0 auto} .lr-card-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#005BAC;color:#fff;font-size:15px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .4s cubic-bezier(.22,.61,.36,1)} .lr-card-btn:hover{background:#004a94;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,91,172,.25)} .lr-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px} .lr-docs-block{background:#fff;border:1px solid #e0ecf5;border-radius:16px;padding:36px;transition:box-shadow .5s cubic-bezier(.22,.61,.36,1),border-color .5s cubic-bezier(.22,.61,.36,1)} .lr-docs-block:hover{box-shadow:0 12px 32px rgba(0,91,172,.08);border-color:rgba(0,91,172,.15)} .lr-docs-block-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid #F3F9FF} .lr-docs-block-icon{width:48px;height:48px;border-radius:12px;background:#F3F9FF;display:flex;align-items:center;justify-content:center;flex-shrink:0} .lr-docs-block-header h3{font-size:20px;font-weight:700;color:#1F2F3D;letter-spacing:1px} .lr-docs-category{margin-bottom:24px} .lr-docs-category:last-child{margin-bottom:0} .lr-docs-category h4{font-size:15px;font-weight:600;color:#005BAC;margin-bottom:14px;padding-left:12px;border-left:3px solid #005BAC} .lr-docs-list{display:flex;flex-direction:column;gap:6px} .lr-docs-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px;color:#505F79;text-decoration:none;transition:all .4s cubic-bezier(.22,.61,.36,1);background:#FAFCFF} .lr-docs-item:hover{background:#E3F2FD;color:#005BAC;transform:translateX(4px)} .lr-docs-item svg{flex-shrink:0} .lr-docs-item span{flex:1} .lr-tut-sub-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:24px} .lr-tut-sub-tab{padding:8px 28px;border-radius:6px;font-size:15px;font-weight:500;color:#505F79;background:#F3F9FF;border:1px solid #e0ecf5;cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1)} .lr-tut-sub-tab:hover{color:#005BAC;border-color:#005BAC} .lr-tut-sub-tab.active{background:#005BAC;color:#fff;border-color:#005BAC} .lr-tut-desc{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap} .lr-tut-desc p{font-size:15px;color:#505F79;line-height:1.8;max-width:700px;margin:0} .lr-tut-sub-panel{display:none} .lr-tut-sub-panel.active{display:block} .lr-tut-accordion{display:flex;flex-direction:column;gap:12px} .lr-tut-chapter{border:1px solid #e0ecf5;border-radius:12px;overflow:hidden;transition:box-shadow .5s cubic-bezier(.22,.61,.36,1),border-color .5s cubic-bezier(.22,.61,.36,1)} .lr-tut-chapter.active{box-shadow:0 4px 16px rgba(0,91,172,.08);border-color:rgba(0,91,172,.2)} .lr-tut-chapter-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;background:#FAFCFF;transition:background .4s cubic-bezier(.22,.61,.36,1)} .lr-tut-chapter-head h3{font-size:16px;font-weight:600;color:#1F2F3D;letter-spacing:.5px} .lr-tut-chapter-head svg{transition:transform .5s cubic-bezier(.22,.61,.36,1);flex-shrink:0} .lr-tut-chapter.active .lr-tut-chapter-head{background:#F3F9FF} .lr-tut-chapter.active .lr-tut-chapter-head h3{color:#005BAC} .lr-tut-chapter.active .lr-tut-chapter-head svg{transform:rotate(180deg);stroke:#005BAC} .lr-tut-chapter-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.22,.61,.36,1)} .lr-tut-chapter.active .lr-tut-chapter-body{max-height:3000px} .lr-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px 24px} .lr-video-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid #e0ecf5;text-decoration:none;background:#fff;transition:all .5s cubic-bezier(.22,.61,.36,1)} .lr-video-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.1);border-color:rgba(0,91,172,.2);transform:translateY(-3px)} .lr-video-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f0f4f8} .lr-video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)} .lr-video-card:hover .lr-video-thumb img{transform:scale(1.05)} .lr-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,91,172,.75);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.22,.61,.36,1)} .lr-video-play svg{margin-left:2px} .lr-video-card:hover .lr-video-play{background:rgba(0,91,172,.95);transform:translate(-50%,-50%) scale(1.1)} .lr-video-info{padding:12px 14px} .lr-video-info h4{font-size:14px;font-weight:600;color:#1F2F3D;margin-bottom:4px;line-height:1.4} .lr-video-info p{font-size:12px;color:#999;line-height:1.5} .lr-model-section{margin-bottom:40px} .lr-model-section:last-child{margin-bottom:0} .lr-model-subtitle{font-size:18px;font-weight:600;color:#1F2F3D;margin-bottom:20px;padding-left:14px;border-left:4px solid #005BAC} .lr-model-list{display:flex;flex-direction:column;gap:8px} .lr-model-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid #e0ecf5;border-radius:10px;background:#FAFCFF;text-decoration:none;font-size:15px;color:#505F79;transition:all .4s cubic-bezier(.22,.61,.36,1)} .lr-model-item:hover{background:#E3F2FD;border-color:rgba(0,91,172,.2);color:#005BAC;transform:translateX(4px)} .lr-model-item span{flex:1} .lr-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .lr-tips-card{background:#fff;border:1px solid #e0ecf5;border-radius:12px;padding:32px 28px;transition:box-shadow .5s cubic-bezier(.22,.61,.36,1),border-color .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)} .lr-tips-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.08);border-color:rgba(0,91,172,.2);transform:translateY(-4px)} .lr-tips-num{font-size:36px;font-weight:700;color:#E3F2FD;margin-bottom:12px;line-height:1} .lr-tips-card h4{font-size:18px;font-weight:600;color:#1F2F3D;margin-bottom:10px} .lr-tips-card p{font-size:14px;color:#999;line-height:1.7} @media(max-width:1200px){ .lr-docs-grid{grid-template-columns:1fr} .lr-video-grid{grid-template-columns:repeat(3,1fr)} .lr-tips-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .lr-hero h1{font-size:30px;letter-spacing:3px} .lr-tabs{gap:4px;padding:16px 0} .lr-tab{padding:8px 20px;font-size:14px} .lr-video-grid{grid-template-columns:repeat(2,1fr)} .lr-tips-grid{grid-template-columns:1fr} .lr-docs-grid{gap:20px} .lr-section-header h2{font-size:24px} .lr-tut-sub-tabs{gap:4px} .lr-tut-sub-tab{padding:6px 18px;font-size:13px} } /* ========== 案例详情页 ========== */ .cs-hero{padding:clamp(40px,4.17vw,80px) 0;margin-top:clamp(40px,4.17vw,80px);overflow:hidden;position:relative;height:clamp(280px,37.5vw,720px);display:flex;align-items:center} .cs-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat} .cs-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;border-radius:50%;background:rgba(255,255,255,.04);z-index:1} .cs-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.03);z-index:1} .cs-hero .container{position:relative;z-index:2} .cs-hero-inner{display:flex;align-items:center;justify-content:center;gap:60px;position:relative;z-index:2} .cs-hero-content{flex:1;min-width:0;text-align:left} .cs-hero-logo{margin-bottom:clamp(8px,0.83vw,16px)} .cs-hero-logo img{height:auto;width:17%;} .cs-hero-company{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:20px} .cs-hero-tag{display:inline-block;font-size:13px;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:3px;margin-bottom:18px;padding:6px 20px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(4px);margin-bottom:24px} .cs-hero h1{font-size:3.125rem;font-weight:700;color:#1F2F3D;letter-spacing:1px;margin-bottom:clamp(8px,0.83vw,16px);margin-top:clamp(10px,1.04vw,20px)} .cs-hero-desc{font-size:1.25rem;color:#253858;line-height:1.8;max-width:clamp(300px,33.33vw,640px);margin:0 0 clamp(16px,1.67vw,32px) 0} .cs-hero-stats{display:flex;gap:0;box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); width: clamp(320px,40.63vw,780px);padding-top: clamp(6px,0.52vw,10px); padding-bottom: clamp(6px,0.52vw,10px); margin-top: clamp(24px,4.17vw,80px); } .cs-hero-stat{flex:1;padding:clamp(12px,1.04vw,20px) clamp(12px,1.25vw,24px);text-align:center;position:relative} .cs-hero-stat-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:rgba(255,255,255,.8)} .cs-hero-stat-val{font-size:1.875rem;font-weight:700;color:#005BAC;margin-bottom:4px;line-height:1.2} .cs-hero-stat-label{font-size:1rem;color:#253858;font-weight:400} .cs-section .cs-layout{ background: none; border-radius: 0; padding: 0; } .cs-section{padding:30px 0} .cs-section-title{margin-bottom:32px} .cs-section-title h2{font-size:30px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:12px} .cs-center{text-align:center} .cs-center .cs-title-line{margin:0 auto} .cs-layout{display:flex;gap:50px;align-items:flex-start} .cs-layout-text{flex:3;min-width:0} .cs-layout-img{width:320px;flex-shrink:0} .cs-img-card{overflow:hidden;} .cs-img-card img{width:100%;display:block} .cs-text-block p{font-size:18px;color:#253858;line-height:1.9;margin-bottom:14px} .cs-text-block p:last-child{margin-bottom:0} .cs-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px} .cs-pain-card{background:#fff;border:1px solid #e0ecf5;border-radius:20px;padding:40px 32px;transition:all .5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden} .cs-pain-card:hover{box-shadow:0 16px 48px rgba(0,91,172,.1);border-color:rgba(0,91,172,.2);transform:translateY(-6px)} .cs-pain-card:hover::before{opacity:1} .cs-pain-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#2562CC,#1691FF);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 4px 16px rgba(37,98,204,.2)} .cs-pain-card h3{font-size:25px;font-weight:600;color:#253858;margin-bottom:10px;line-height:1.4} .cs-pain-card p{font-size:18px;color:#253858;line-height:1.8} .cs-pain-icon svg path { stroke: #fff !important; } .cs-pain-icon svg { width: 28px; height: 28px; } .cs-pain-icon--img{background:none;box-shadow:none;padding:0} .cs-pain-icon--img img{width:56px;height:56px;object-fit:contain;display:block} .cs-text-block1{ background: #fff; font-size: 18px; color: #253858; border-radius: 10px; padding: 30px; margin-bottom: 20px;} .cs-solution-imgs{display:flex;flex-direction:column;gap:12px} .cs-solution-main-img{border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)} .cs-solution-main-img img{width:100%;display:block} .cs-solution-sub-imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px} .cs-solution-sub-imgs img{width:100%;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.06);display:block} .cs-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px; margin-bottom: 100px;} .cs-value-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease; box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); padding: 20px; } .cs-value-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.1);transform:translateY(-4px)} .cs-value-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(0,91,172,.08),rgba(22,145,255,.08));display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid rgba(0,91,172,.06)} .cs-value-icon--img{background:none;border:none;padding:0} .cs-value-icon--img img{width:48px;height:48px;object-fit:contain;display:block} .cs-value-img{width:100%;height:180px;overflow:hidden; border-radius: 8px;} .cs-value-img img{width:100%;height:100%;object-fit:cover} .cs-value-card h3{font-size:25px;font-weight:600;color:#253858;margin-bottom:10px;padding:0 0px; margin-top: 15px;} .cs-value-card p{font-size:16px;color:#253858;line-height:1.7;padding:0 0px 24px} .cs-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px} .cs-highlight-card{border-radius:8px;padding:28px 24px;position:relative;transition:all .3s ease; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.75) 100%), linear-gradient(180deg, #C7E4FF -25.32%, rgba(255, 255, 255, 0.2) 113.47%); box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); background-image: -moz-linear-gradient( 90deg, rgb(253,254,255) 0%, rgb(218,237,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(253,254,255) 0%, rgb(218,237,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(253,254,255) 0%, rgb(218,237,255) 100%); } .cs-highlight-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.1);transform:translateY(-4px)} .cs-highlight-card h3{font-size:26px;font-weight:600;color:#253858;margin-bottom:10px;padding-left:12px} .cs-highlight-card p{font-size:20px;color:#253858;line-height:1.7;padding-left:12px} .cs-val-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px; margin-bottom: 80px;} .cs-val-card{background:#fff;border-radius:12px;padding:28px 24px;transition:all .3s ease;box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); display: flex; gap:30px; } .cs-val-card:hover{box-shadow:0 8px 24px rgba(0,91,172,.1);transform:translateY(-4px)} .cs-val-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:16px} .cs-val-card h3{font-size:28px;font-weight:600;color:#253858;margin-bottom:10px} .cs-val-card p{font-size:17px;color:#253858;line-height:1.7} .cs-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:12px} .cs-related-card{display:block;text-decoration:none;border-radius:16px;overflow:hidden;border:1px solid #e0ecf5;background:#fff;transition:all .5s cubic-bezier(.22,.61,.36,1)} .cs-related-card:hover{box-shadow:0 16px 40px rgba(0,91,172,.1);border-color:rgba(0,91,172,.2);transform:translateY(-6px)} .cs-related-img{overflow:hidden;background:linear-gradient(135deg,#f0f4f8,#e8f0f8);padding:24px;height:110px;text-align:center;display:flex;align-items:center;justify-content:center} .cs-related-img img{height:36px;object-fit:contain;transition:transform .5s cubic-bezier(.22,.61,.36,1);display:inline;filter:grayscale(30%)} .cs-related-card:hover .cs-related-img img{transform:scale(1.1);filter:grayscale(0)} .cs-related-info{padding:18px 22px;border-top:1px solid #e0ecf5} .cs-related-info h3{font-size:16px;font-weight:600;color:#1F2F3D;margin-bottom:4px} .cs-related-info p{font-size:13px;color:#8896A7} .img_case_zong{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:60px} .img_case_zong .img_case{display:grid;place-items:center;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,60,120,.08);border:1px solid rgba(0,82,165,.06);transition:all .4s ease} .img_case_zong .img_case:hover{box-shadow:0 8px 32px rgba(0,60,120,.14);transform:translateY(-4px)} .img_case_zong .img_case img{width:100%;display:block} @media(max-width:1200px){ .cs-hero-visual{width:340px} .cs-hero-stats{flex-wrap:wrap} .cs-hero-stat{flex:0 0 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)} .cs-hero-stat:nth-child(2){border-right:none} .cs-hero-stat:nth-child(3),.cs-hero-stat:nth-child(4){border-bottom:none} .cs-layout{flex-direction:column;gap:32px} .cs-layout-img{width:100%} .cs-pain-grid{grid-template-columns:1fr} .cs-related-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .cs-hero-inner{flex-direction:column;gap:32px} .cs-hero-stats{flex-wrap:wrap} .cs-hero-stat{flex:1 1 50%;min-width:0} .cs-section{padding:50px 0} .cs-section-title h2{font-size:22px} .cs-value-grid{grid-template-columns:1fr} .cs-related-grid{grid-template-columns:1fr} } /* ========== 行业应用案例页 ========== */ .ia-hero{padding:100px 0 80px;margin-top:80px;background:linear-gradient(135deg,#8B1A1A,#C0392B,#E74C3C);position:relative;overflow:hidden} .ia-hero::before{content:'';position:absolute;top:-30%;right:-5%;width:600px;height:600px;border-radius:50%;background:rgba(255,255,255,.05)} .ia-hero::after{content:'';position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.03)} .ia-hero-inner{display:flex;align-items:center;gap:60px;color:#fff;position:relative;z-index:2} .ia-hero-left{flex:1;min-width:0} .ia-hero-right{width:440px;flex-shrink:0} .ia-hero-right img{width:100%;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.25);display:block} .ia-hero-tag{display:inline-block;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:3px;margin-bottom:20px;padding:6px 18px;border:1px solid rgba(255,255,255,.3);border-radius:20px} .ia-hero h1{font-size:42px;font-weight:700;color:#fff;letter-spacing:3px;margin-bottom:12px} .ia-hero-sub{font-size:18px;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:16px} .ia-hero-desc{font-size:15px;color:rgba(255,255,255,.75);line-height:1.9;margin-bottom:32px} .ia-hero-stats{display:flex;gap:24px} .ia-hero-stat{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px 24px;flex:1} .ia-hero-stat-val{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px} .ia-hero-stat-label{font-size:13px;color:rgba(255,255,255,.7)} .ia-section{padding:80px 0} .ia-bg-light{background:#F8FAFC} .ia-bg-dark{background:#0F1923} .ia-bg-dark .ia-section-title h2{color:#fff} .ia-bg-dark .ia-title-line{background:rgba(255,255,255,.3)} .ia-section-title{margin-bottom:40px} .ia-section-title h2{font-size:28px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:12px} .ia-title-line{width:48px;height:3px;background:#005BAC;border-radius:2px} .ia-section-desc{font-size:15px;color:#6B7C93;margin-top:10px;line-height:1.7} .ia-center{text-align:center} .ia-center .ia-title-line{margin:0 auto} .ia-req-row{display:flex;gap:32px} .ia-req-item{flex:1;display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e0ecf5;border-radius:16px;padding:32px 24px;transition:all .5s cubic-bezier(.22,.61,.36,1)} .ia-req-item:hover{box-shadow:0 12px 36px rgba(0,91,172,.08);border-color:rgba(0,91,172,.15);transform:translateY(-4px)} .ia-req-item-icon{width:48px;height:48px;border-radius:12px;background:#F3F9FF;display:flex;align-items:center;justify-content:center;flex-shrink:0} .ia-req-item-body{flex:1;min-width:0} .ia-req-item-body h4{font-size:16px;font-weight:600;color:#005BAC;margin-bottom:8px;padding-left:10px;border-left:3px solid #005BAC} .ia-req-item-body p{font-size:14px;color:#505F79;line-height:1.8} .ia-req-item-body ul{list-style:none;padding:0;margin:0} .ia-req-item-body ul li{font-size:14px;color:#505F79;line-height:1.8;padding:4px 0 4px 18px;position:relative} .ia-req-item-body ul li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#005BAC} .ia-feat{display:flex;gap:60px;align-items:flex-start;margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.08)} .ia-feat:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none} .ia-feat-content{flex:1;min-width:0} .ia-feat-num{font-size:56px;font-weight:700;color:rgba(255,255,255,.08);line-height:1;margin-bottom:16px} .ia-feat-content h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:16px;letter-spacing:1px} .ia-feat-content p{font-size:15px;color:rgba(255,255,255,.7);line-height:2} .ia-feat-img{width:460px;flex-shrink:0} .ia-feat-img img{width:100%;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:block} .ia-feat-img-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px} .ia-feat-img-dual img{width:100%;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:block} .ia-feat-alt{flex-direction:row-reverse} .ia-result-section{background:linear-gradient(135deg,#0a1628,#005BAC);color:#fff} .ia-result-inner{text-align:center} .ia-result-section h2{font-size:28px;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:12px} .ia-result-line{width:48px;height:3px;background:rgba(255,255,255,.4);border-radius:2px;margin:0 auto 40px} .ia-result-compare{display:flex;justify-content:center;align-items:center;gap:48px;margin-bottom:32px} .ia-result-item{display:flex;flex-direction:column;align-items:center;gap:12px} .ia-result-before{font-size:32px;font-weight:600;color:rgba(255,255,255,.4);text-decoration:line-through} .ia-result-before span{font-size:48px;font-weight:700} .ia-result-after{font-size:32px;font-weight:700;color:#fff} .ia-result-after span{font-size:48px;font-weight:700} .ia-result-arrow{color:rgba(255,255,255,.5)} .ia-result-name{font-size:15px;color:rgba(255,255,255,.7);margin-top:4px} .ia-result-divider{width:1px;height:80px;background:rgba(255,255,255,.15)} .ia-result-desc{font-size:16px;color:rgba(255,255,255,.8);line-height:1.9;max-width:700px;margin:0 auto} .ia-cta-row{display:flex;gap:32px} .ia-cta-card{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e0ecf5;border-radius:16px;padding:36px 28px;transition:all .5s cubic-bezier(.22,.61,.36,1)} .ia-cta-card:hover{box-shadow:0 12px 36px rgba(0,91,172,.08);border-color:rgba(0,91,172,.15);transform:translateY(-4px)} .ia-cta-card-icon{width:56px;height:56px;border-radius:14px;background:#F3F9FF;display:flex;align-items:center;justify-content:center;margin-bottom:16px} .ia-cta-card-body{flex:1} .ia-cta-card-body h3{font-size:20px;font-weight:600;color:#1F2F3D;margin-bottom:10px} .ia-cta-card-body p{font-size:15px;color:#505F79;line-height:1.8} .ia-cta-btn{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:15px;font-weight:600;color:#005BAC;transition:all .4s cubic-bezier(.22,.61,.36,1);text-decoration:none} .ia-cta-btn:hover{gap:10px;color:#003D73} .ia-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .ia-related-card{display:block;text-decoration:none;border-radius:14px;overflow:hidden;border:1px solid #e0ecf5;background:#fff;transition:all .5s cubic-bezier(.22,.61,.36,1)} .ia-related-card:hover{box-shadow:0 12px 32px rgba(0,91,172,.08);border-color:rgba(0,91,172,.15);transform:translateY(-4px)} .ia-related-img{aspect-ratio:16/10;overflow:hidden;background:#f0f4f8} .ia-related-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)} .ia-related-card:hover .ia-related-img img{transform:scale(1.05)} .ia-related-info{padding:16px 20px} .ia-related-info h3{font-size:15px;font-weight:600;color:#1F2F3D;margin-bottom:4px} .ia-related-info p{font-size:13px;color:#8C9BAD} @media(max-width:1200px){ .ia-hero-inner{flex-direction:column;gap:40px} .ia-hero-right{width:100%;max-width:560px} .ia-req-row{flex-direction:column} .ia-feat{flex-direction:column;gap:32px} .ia-feat-alt{flex-direction:column} .ia-feat-img{width:100%} .ia-cta-row{flex-direction:column} .ia-related-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:768px){ .ia-hero{padding:60px 0 40px} .ia-hero h1{font-size:28px;letter-spacing:2px} .ia-hero-sub{font-size:16px} .ia-hero-desc{font-size:14px} .ia-hero-stats{flex-direction:column;gap:12px} .ia-hero-stat-val{font-size:16px} .ia-section{padding:50px 0} .ia-section-title h2{font-size:22px} .ia-result-compare{flex-direction:column;gap:24px} .ia-result-divider{width:80px;height:1px} .ia-result-before span,.ia-result-after span{font-size:36px} .ia-related-grid{grid-template-columns:1fr} } /* ===== Agreement Page ===== */ .jdp-agree-body { margin: 0; padding: 0; background: #e7f0fd url(../images/bj8.jpg) no-repeat top center; min-height: 100vh; } .jdp-agree-hero { position: relative; padding-top: 150px; overflow: hidden; background: #e7f0fd url(../images/bj8.jpg) no-repeat top center; background-size: cover; } .jdp-agree-hero::before { content: ''; position: absolute; inset: 0; } .jdp-agree-hero-inner { position: relative; z-index: 2; text-align: center; } .jdp-agree-hero h1 { font-size: 50px; font-weight: 700; color: #1F2F3D; letter-spacing: 4px; margin-bottom: 16px; } .jdp-agree-hero-line { display: none; } .jdp-agree-card { margin: -20px 80px 60px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0, 55, 130, 0.08); position: relative; z-index: 3; } .jdp-agree-content { padding: 90px; margin-top: 60px; } .jdp-agree-section { margin-bottom: 36px; } .jdp-agree-section h2 { font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; } .jdp-agree-section p { font-size: 15px; color: #333333; line-height: 2; margin-bottom: 12px; } .jdp-agree-section ol, .jdp-agree-section ul { padding-left: 24px; margin-bottom: 16px; } .jdp-agree-section li { font-size: 15px; color: #333333; line-height: 2; margin-bottom: 8px; } .jdp-agree-section strong { color: #1a1a1a; font-weight: 600; } .jdp-agree-emphasis { text-decoration: underline; color: #000000; } .jdp-agree-footer-note { margin-top: 50px; padding: 24px; background: #f5f7fa; border-radius: 12px; font-size: 14px; color: #666666; line-height: 1.8; text-align: center; } @media (max-width: 768px) { .jdp-agree-hero { padding: 60px 0 40px; } .jdp-agree-hero h1 { font-size: 24px; letter-spacing: 2px; } .jdp-agree-section h2 { font-size: 18px; } .jdp-agree-content { padding: 30px 20px 40px; } .jdp-agree-card { margin: -16px 12px 40px; } } .img_case_zong{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:60px} .img_case_zong .img_case{display:grid;place-items:center;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,60,120,.08);border:1px solid rgba(0,82,165,.06);transition:all .4s ease} .img_case_zong .img_case:hover{box-shadow:0 8px 32px rgba(0,60,120,.14);transform:translateY(-4px)} .img_case_zong .img_case img{width:100%;display:block} .cs-section-title{ text-align: center;} .cs-section-title h2{ color: #1F2F3D; font-size: 3.125rem;} .cs-title-line{width:48px;height:4px;background:linear-gradient(90deg,#005BAC,#1691FF);border-radius:2px;display:none;} .cs-center .cs-title-line{margin:0 auto;background:linear-gradient(90deg,#0055A5,#1691FF); display: none;} .cs-bg-light{background:#F3F9FF} .cs-text-block{ text-align: center; font-size: 18px;} .cs-text-block p{font-size:1.25rem;color:#505F79;line-height:1.9;margin-bottom:14px} .cs-layout .cs-title-line{margin:inherit;background:linear-gradient(90deg,#0055A5,#1691FF); display: none;} .cs-pain-card{ background:linear-gradient(180deg,#FFFFFF,#EDF6FF); border-radius:20px;padding:40px 32px;position:relative;overflow:hidden; border:1px solid #e0ecf5;transition:all .5s cubic-bezier(.22,.61,.36,1); } .cs-pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2562CC,#1691FF);opacity:0;transition:opacity .3s ease} .cs-pain-card p{font-size:1.25rem;color:#5E6D82;line-height:1.7;} .cs-pain-card h3{font-size:1.875rem;} .cs-layout{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;} .cs-layout-text{flex:1;min-width:0} .cs-layout-img{width:100%;} .cs-layout .cs-section-title{ text-align: left;} .cs-layout .cs-text-block{ text-align: left;} .cs-section .cs-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:none;border-radius:0;padding:0;margin-top:0} .cs-img-card{border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,60,120,.1);border:1px solid rgba(0,82,165,.06)} .cs-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;margin-bottom:0px} .cs-value-card{background: linear-gradient(180deg, #FFFFFF, #EDF6FF);border:1px solid #e0ecf5;border-radius:20px;padding:32px 28px;transition:all .5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden} .cs-value-card:hover{box-shadow:0 16px 48px rgba(0,91,172,.1);transform:translateY(-6px)} .cs-value-card:hover::after{opacity:1} .cs-value-card h3{font-size:1.875rem;font-weight:600;color:#1F2F3D;margin-bottom:10px} .cs-value-card p{font-size:1.25rem;color:#5E6D82;line-height:1.7} .cs-section{padding:72px 0} .sc-ctn{padding:60px 0 80px;background:#fff} .sc-title-area{text-align:center;margin-bottom:25px} .sc-page-title{font-size:40px;font-weight:700;color:#1F2F3D;letter-spacing:2px;margin-bottom:20px; margin-top: 20px;} .sc-tab-box{border-radius:100px;background:#f3f6fa;padding:5px 8px;display:inline-block} .sc-tab{display:flex;position:relative;border-radius:100px} .sc-tab p{display:inline-block;text-align:center;border-radius:100px;line-height:50px;cursor:pointer;color:#1F2F3D;font-size:18px;transition:color .5s;position:relative;z-index:2;padding:0 28px;white-space:nowrap} .sc-tab p.on{color:#fff} .sc-tab-active{position:absolute;top:0;left:0;bottom:0;border-radius:100px;background:linear-gradient(135deg,#0055A5,#1691FF);transition:left .5s ease-in-out,width .5s ease-in-out;z-index:1} .sc-sub-tab-wrap{text-align:center;margin-top:20px} .sc-sub-tab-box{border-radius:100px;background:#f3f6fa;padding:4px 6px;display:inline-block} .sc-sub-tab{display:flex;position:relative;border-radius:100px} .sc-sub-tab p{flex:1;text-align:center;border-radius:100px;line-height:40px;cursor:pointer;color:#1F2F3D;font-size:16px;transition:color .5s;position:relative;z-index:2;padding:0 20px;white-space:nowrap} .sc-sub-tab p.on{color:#fff} .sc-sub-tab-active{position:absolute;top:0;bottom:0;border-radius:100px;background:linear-gradient(135deg,#0055A5,#1691FF);transition:left .5s ease-in-out,width .5s ease-in-out;z-index:1} .sc-sub-item-box{margin-top:24px} .sc-sub-item-box .sc-sub-item{display:none} .sc-sub-item-box .sc-sub-item.on{display:block} .sc-sub-card{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-bottom:1px solid #efefef} .sc-sub-card:last-child{border-bottom:none} .sc-sub-card-img{flex-shrink:0;width:200px;height:120px;border-radius:8px;overflow:hidden} .sc-sub-card-img img{width:100%;height:100%;object-fit:cover} .sc-sub-card-body{flex:1;min-width:0} .sc-sub-card-body h3{font-size:18px;font-weight:600;color:#1F2F3D;margin-bottom:8px} .sc-sub-card-body p{font-size:15px;color:#5E6D82;line-height:1.7} .sc-sub-card-text{font-size:15px;color:#5E6D82;line-height:1.7} .sc-sub-card-text img{display:block;margin:0 auto;max-width:100%;height:auto} .sc-empty-tip{text-align:center;color:#999;font-size:15px;padding:40px 0} .sc-item-box .sc-item{display:none} .sc-item-box .sc-item.on{display:block} .sc-item-list{border-top:1px solid #efefef;padding-top:32px;margin-top:32px} .sc-item-top{border-top:none;margin-top:0;padding-top:0} .sc-i-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 0;user-select:none} .sc-i-title h2{font-size:28px;font-weight:600;color:#1F2F3D} .sc-i-title svg{transition:transform .3s} .sc-i-title.active svg{transform:rotate(180deg)} .sc-box ul{flex-wrap: wrap; margin-top: 8px; align-items: center; display: flex ; justify-content: center; box-sizing: border-box;} .sc-box ul li{width:31.3%;margin-top:24px;margin-right:3.05%;border:1px solid #efefef;border-radius:12px;background:#fff;overflow:hidden;transition:all .3s;cursor:default} .sc-box ul li:nth-child(3n){margin-right:0} .sc-box ul li:hover{transform:translateY(-12px);box-shadow:0 8px 24px rgba(0,60,120,.1)} .sc-tu{height:0;padding-bottom:66%;overflow:hidden;position:relative} .sc-tu img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover} .sc-text{padding:18px 24px 22px} .sc-text h2{font-size:20px;font-weight:600;color:#1F2F3D;margin-bottom:8px} .sc-text p{font-size:15px;color:#5E6D82;line-height:1.7;min-height:50px;} .sc-mores{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;cursor:pointer;color:#0055A5;font-size:18px;font-weight:500;padding:12px 0;transition:opacity .3s} .sc-mores:hover{opacity:.7} .sc-mores svg{animation:scBounce 2s infinite} @keyframes scBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}} @media(max-width:1024px){ .sc-box ul li{width:48%;margin-right:4%} .sc-box ul li:nth-child(3n){margin-right:4%} .sc-box ul li:nth-child(2n){margin-right:0} .sc-tab p{padding:0 16px;font-size:16px} .sc-sub-tab p{padding:0 14px;font-size:14px} .sc-sub-card-img{width:160px;height:96px} .sc-sub-card-text img{display:block;margin:0 auto;max-width:100%;height:auto} } @media(max-width:768px){ .sc-ctn{padding:60px 0 40px} .sc-page-title{font-size:28px} .sc-box ul li{width:100%;margin-right:0} .sc-box ul li:nth-child(3n){margin-right:0} .sc-i-title h2{font-size:22px} .sc-tab{flex-wrap:wrap} .sc-tab p{width:50%;font-size:14px;line-height:40px} .sc-tab-active{display:none} .sc-tab p.on{background:linear-gradient(135deg,#0055A5,#1691FF);border-radius:100px} .sc-sub-tab{flex-wrap:wrap} .sc-sub-tab p{width:50%;font-size:14px;line-height:36px} .sc-sub-tab-active{display:none} .sc-sub-tab p.on{background:linear-gradient(135deg,#0055A5,#1691FF);border-radius:100px} .sc-sub-card{flex-direction:column} .sc-sub-card-img{width:100%;height:auto;aspect-ratio:5/3} .sc-sub-card-text img{display:block;margin:0 auto;max-width:100%;height:auto} } .jdp-table-wrap { overflow-x: auto; } .jdp-table { width: 100%; border-collapse: collapse; font-size: 15px; } .jdp-table thead th { background: #0055a5; color: #fff; padding: 14px 20px; text-align: left; font-weight: 500; white-space: nowrap; padding-left: 100px; font-size: 1.125rem; } .jdp-table tbody td { padding: 14px 20px; border-bottom: 1px solid #eee; color: var(--jdp-text-sub); line-height: 1.6; padding-left: 100px; font-size: 1rem; } .jdp-table tbody tr:hover td { background: var(--jdp-bg-light); } .xin_stle{ font-size: 1.5rem; color: #253858; letter-spacing: 0px; text-align:center;} .jdp-sub-faq-list{ margin-top: 50px;} .jdp-sub-compare{ padding-top: 50px; padding-bottom: 80px;} /* Intro */ .jdp-cd-intro { padding: 100px 0 60px; } .jdp-cd-intro-inner { text-align: center; max-width: 1100px; margin: 0 auto; } .jdp-cd-intro h2 { font-size: 40px; font-weight: 700; color: var(--jdp-text-main); letter-spacing: 4px; margin-bottom: 28px; } .jdp-cd-intro p { font-size: 17px; color: var(--jdp-text-sub); line-height: 2.2; } .jdp-cd-intro p strong { color: var(--jdp-primary); } /* Photo Gallery */ .jdp-cd-photos { padding: 0 0 80px; } .jdp-cd-pgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .jdp-cd-pcard { border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: var(--jdp-transition); } .jdp-cd-pcard:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.15); transform: translateY(-6px); } .jdp-cd-pcard img { width: 100%; height: 280px; object-fit: cover; transition: transform 0.6s ease; } .jdp-cd-pcard:hover img { transform: scale(1.05); } .jdp-cd-pcard .jdp-cd-pcap { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 20px; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); } .jdp-cd-pcard .jdp-cd-pcap span { display: inline-block; padding: 6px 16px; background: rgba(0,85,165,0.9); color: #fff; font-size: 13px; border-radius: 20px; letter-spacing: 1px; } /* Services */ .jdp-cd-svc { background: #F3F9FF; padding: 100px 0; } .jdp-cd-sgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; margin-top: 56px; } .jdp-cd-scard { background: linear-gradient(#FFFFFF, #D9F1FF); border-radius: 20px; padding: 44px 40px; border: 1px solid var(--jdp-border); transition: var(--jdp-transition); position: relative; overflow: hidden; } .jdp-cd-scard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, var(--jdp-primary), var(--jdp-primary-light)); border-radius: 20px 20px 0 0; } .jdp-cd-scard:hover { box-shadow: var(--jdp-shadow-lg); transform: translateY(-6px); border-color: rgba(0,82,165,0.15); } .jdp-cd-scard h3 { font-size: 30px; font-weight: 700; color: #253858; margin-bottom: 16px; } .jdp-cd-scard p { font-size: 15px; color: #253858; line-height: 2; } .jdp-cd-scard ul { margin-top: 20px; } .jdp-cd-scard ul li { display: flex; align-items: center; gap: 12px; padding: 10px 0; font-size: 14px; color: var(--jdp-text-sub); border-bottom: 1px solid var(--jdp-border); } .jdp-cd-scard ul li:last-child { border-bottom: none; } .jdp-cd-scard ul li svg { width: 18px; height: 18px; color: var(--jdp-primary); flex-shrink: 0; } /* CTA Banner */ .jdp-cd-cta { padding: 80px 0; text-align: center; } .jdp-cd-cta h3 { font-size: 40px; font-weight: 700; color: var(--jdp-text-main); letter-spacing: 4px; margin-bottom: 16px; } .jdp-cd-cta p { font-size: 16px; color: var(--jdp-text-sub); margin-bottom: 32px; } .jdp-cd-cta-btn { display: inline-block; padding: 16px 56px; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);transition: all 0.5s; color: #fff; font-size: 17px; font-weight: 600; border-radius: 30px; transition: var(--jdp-transition); box-shadow: 0 4px 20px rgba(0,85,165,0.3); } .jdp-cd-cta-btn:hover { background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0,85,165,0.4); } /* Form Section */ .jdp-cd-formsec { padding: 0 0 100px; } .jdp-cd-formwrap { display: grid; grid-template-columns: 1.4fr 1fr; border-radius: 24px; overflow: hidden; border: 1px solid var(--jdp-border); box-shadow: var(--jdp-shadow-lg); } .jdp-cd-fleft { padding: 48px 52px; background: var(--jdp-white); } .jdp-cd-fleft h3 { font-size: 28px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 4px; } .jdp-cd-fleft .jdp-cd-fsub { font-size: 14px; color: var(--jdp-text-muted); margin-bottom: 36px; } .jdp-cd-frow { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .jdp-cd-fgroup { display: flex; flex-direction: column; } .jdp-cd-fgroup.jdp-full { grid-column: 1 / -1; } .jdp-cd-fgroup label { font-size: 16px; font-weight: 500; color: var(--jdp-text-main); margin-bottom: 6px; } .jdp-cd-fgroup label .jdp-req { color: #E53935; margin-right: 2px; } .jdp-cd-fgroup input, .jdp-cd-fgroup textarea { padding: 12px 14px; border: 1px solid var(--jdp-border); border-radius: 8px; font-size: 14px; color: var(--jdp-text-main); font-family: inherit; transition: var(--jdp-transition); background: var(--jdp-white); } .jdp-cd-fgroup input:focus, .jdp-cd-fgroup textarea:focus { outline: none; border-color: var(--jdp-primary); box-shadow: 0 0 0 3px rgba(0,85,165,0.08); } .jdp-cd-fgroup textarea { resize: vertical; min-height: 100px; } .jdp-cd-radio-group { display: flex; gap: 24px; padding: 6px 0; } .jdp-cd-radio { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; color: var(--jdp-text-sub); } .jdp-cd-radio input { width: 16px; height: 16px; accent-color: var(--jdp-primary); } .jdp-cd-cbgrid { display: flex; flex-wrap: wrap; gap: 14px 24px; padding: 6px 0; } .jdp-cd-cb { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; color: var(--jdp-text-sub); } .jdp-cd-cb input { width: 16px; height: 16px; accent-color: var(--jdp-primary); } .jdp-cd-submit { display: block; width: 100%; padding: 14px;background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);transition: all 0.5s; color: #fff; font-size: 16px; font-weight: 600; border-radius: 10px; cursor: pointer; transition: var(--jdp-transition); border: none; margin-top: 30px; } .jdp-cd-submit:hover { background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,85,165,0.3); } .jdp-cd-fright { background: url('../images/dingzhi6.jpg') center/cover no-repeat; min-height: 500px; position: relative; } .jdp-cd-fright::before { content: ''; position: absolute; inset: 0; background: rgba(0,85,165,0.6); } .jdp-cd-fright-inner { position: relative; z-index: 2; padding: 48px 90px; color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%; } .jdp-cd-fright-inner h4 { font-size: 24px; font-weight: 700; margin-bottom: 24px; letter-spacing: 2px; } .jdp-cd-fright-inner p { font-size: 15px; opacity: 0.9; line-height: 2; margin-bottom: 32px; } .jdp-cd-fcontact { display: flex; flex-direction: column; gap: 16px; } .jdp-cd-fcontact-item { display: flex; align-items: center; gap: 12px; font-size: 14px; opacity: 0.9; } .jdp-cd-fcontact-item svg { width: 20px; height: 20px; opacity: 0.8; flex-shrink: 0; } @media (max-width: 1200px) { .jdp-cd-formwrap { grid-template-columns: 1fr; } .jdp-cd-fright { min-height: 300px; } .jdp-cd-hero h1 { font-size: 42px; letter-spacing: 6px; } } @media (max-width: 768px) { .jdp-cd-hero { height: 360px; } .jdp-cd-hero h1 { font-size: 32px; letter-spacing: 3px; } .jdp-cd-pgrid { grid-template-columns: 1fr; } .jdp-cd-sgrid { grid-template-columns: 1fr; } .jdp-cd-frow { grid-template-columns: 1fr; } .jdp-cd-fleft { padding: 32px 24px; } .jdp-cd-intro h2 { font-size: 24px; letter-spacing: 3px; } } /* Sub Navigation */ .jdp-ed-subnav { background: var(--jdp-bg-gray); border-bottom: 1px solid var(--jdp-border); position: sticky; top: 80px; z-index: 100; } .jdp-ed-subnav-inner { display: flex; justify-content: center; gap: 0; } .jdp-ed-subnav-item { padding: 18px 36px; font-size: 15px; font-weight: 500; color: var(--jdp-text-sub); cursor: pointer; transition: var(--jdp-transition); border-bottom: 3px solid transparent; white-space: nowrap; } .jdp-ed-subnav-item:hover { color: var(--jdp-primary); } .jdp-ed-subnav-item.jdp-active { color: var(--jdp-primary); border-bottom-color: var(--jdp-primary); font-weight: 600; } /* Philosophy */ .jdp-ed-phil { padding: 100px 0 80px; padding-bottom: 20px; } .jdp-ed-phil-inner { text-align: center; max-width: 1000px; margin: 0 auto; } .jdp-ed-phil-text { margin-bottom: 48px; } .jdp-ed-phil h2 { font-size: 40px; font-weight: 700; letter-spacing: 3px; margin-bottom: 12px; background: linear-gradient(135deg, #00479d, #0066cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .jdp-ed-phil .jdp-ed-sub { font-size: 16px; color: var(--jdp-primary); letter-spacing: 2px; margin-bottom: 28px; } .jdp-ed-phil p { font-size: 17px; color: var(--jdp-text-sub); line-height: 2.2; } .jdp-ed-phil-imgs { display: flex; gap: 24px; justify-content: center; } .jdp-ed-phil-img-item { flex: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,60,120,.1); border: 1px solid rgba(0,82,165,.06); } .jdp-ed-phil-img-item img { width: 100%; height: 220px; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.22,.61,.36,1); } .jdp-ed-phil-img-item:hover img { transform: scale(1.06); } /* Stats */ .jdp-ed-stats { padding: 0 0 100px; background: #fff; } .jdp-ed-sgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .jdp-ed-scard { background: #fff; border-radius: 20px; padding: 40px 24px; text-align: center; border: 1px solid var(--jdp-border); transition: all .5s cubic-bezier(.22,.61,.36,1); position: relative; overflow: hidden; } .jdp-ed-scard:hover { box-shadow: 0 16px 48px rgba(0,71,157,.1); transform: translateY(-6px); border-color: rgba(0,82,165,.15); } .jdp-ed-scard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #00479d, #1691FF); } .jdp-ed-scard::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: linear-gradient(180deg, transparent, rgba(0,71,157,.03)); pointer-events: none; } .jdp-ed-sicon { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, rgba(0,71,157,.08), rgba(22,145,255,.08)); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; border: 1px solid rgba(0,71,157,.06); } .jdp-ed-sicon svg { width: 32px; height: 32px; color: var(--jdp-primary); } .jdp-ed-scard .jdp-ed-num { font-size: 48px; font-weight: 800; background: linear-gradient(135deg, #00479d, #0066cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; } .jdp-ed-scard h3 { font-size: 18px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 8px; } .jdp-ed-scard p { font-size: 13px; color: var(--jdp-text-muted); line-height: 1.6; } /* Four Fields */ .jdp-ed-fields { background: #F3F9FF; padding: 100px 0; } .jdp-ed-fgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 56px; } .jdp-ed-fcard { background: var(--jdp-white); border-radius: 20px; padding: 0; text-align: center; border: 1px solid var(--jdp-border); transition: all .5s cubic-bezier(.22,.61,.36,1); position: relative; overflow: hidden; } .jdp-ed-fcard:hover { box-shadow: 0 16px 48px rgba(0,71,157,.1); transform: translateY(-8px); border-color: rgba(0,82,165,.15); } .jdp-ed-fimg { width: 100%; height: 180px; overflow: hidden; } .jdp-ed-fimg img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1); } .jdp-ed-fcard:hover .jdp-ed-fimg img { transform: scale(1.06); } .jdp-ed-fnum { font-size: 48px; font-weight: 800; background: linear-gradient(135deg, var(--jdp-primary), var(--jdp-primary-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; opacity: 0.9; line-height: 1; margin-bottom: 16px; } .jdp-ed-fcard h3 { font-size: 20px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 16px; } .jdp-ed-fcard p { font-size: 14px; color: var(--jdp-text-sub); line-height: 1.9; } .jdp-ed-fcard .jdp-ed-fbtn { display: inline-block; margin-top: 20px; padding: 10px 28px; background: var(--jdp-bg-light); color: var(--jdp-primary); font-size: 13px; font-weight: 500; border-radius: 20px; transition: var(--jdp-transition); } .jdp-ed-fcard:hover .jdp-ed-fbtn { background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%); transition: all 0.5s; color: #fff; } .jdp-ed-fcard-body { padding: 28px 24px 32px; } /* Cooperation Models */ .jdp-ed-coop { padding: 100px 0; background: #fff; } .jdp-ed-cgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 56px; } .jdp-ed-ccard { background: var(--jdp-white); border-radius: 20px; padding: 36px; border: 1px solid var(--jdp-border); transition: all .5s cubic-bezier(.22,.61,.36,1); display: flex; gap: 20px; align-items: flex-start; position: relative; overflow: hidden; } .jdp-ed-ccard::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #00479d, #1691FF); opacity: 0; transition: opacity .3s ease; } .jdp-ed-ccard:hover { box-shadow: 0 12px 40px rgba(0,71,157,.1); transform: translateY(-4px); border-color: rgba(0,82,165,.12); } .jdp-ed-ccard:hover::after { opacity: 1; } .jdp-ed-cicon { width: 52px; height: 52px; border-radius: 12px; background: var(--jdp-bg-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); } .jdp-ed-cicon svg { width: 30px; height: 30px; color: #fff; } .jdp-ed-cbody h4 { font-size: 17px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 10px; } .jdp-ed-cbody p { font-size: 14px; color: var(--jdp-text-sub); line-height: 1.8; } /* CTA */ .jdp-ed-cta { background: linear-gradient(135deg, #0a1e3d 0%, #0d2b52 50%, #0055A5 100%); padding: 80px 0; } .jdp-ed-cta-inner { text-align: center; } .jdp-ed-cta h2 { font-size: 40px; font-weight: 700; color: #fff; letter-spacing: 4px; margin-bottom: 16px; } .jdp-ed-cta p { font-size: 16px; color: #fff; margin-bottom: 32px; } .jdp-ed-cta-btn { display: inline-block; padding: 16px 56px; background: var(--jdp-primary); color: #fff; font-size: 17px; font-weight: 600; border-radius: 30px; transition: var(--jdp-transition); box-shadow: 0 4px 20px rgba(0,85,165,0.3); } .jdp-ed-cta-btn:hover { background: var(--jdp-primary-dark); transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0,85,165,0.4); } .jdp-ed-cta-section { position: relative; overflow: hidden; } .jdp-ed-cta-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .jdp-ed-cta-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,30,61,.92) 0%, rgba(13,43,82,.88) 50%, rgba(0,85,165,.85) 100%); } .jdp-ed-cta-section .jdp-container { position: relative; z-index: 2; } @media (max-width: 1200px) { .jdp-ed-sgrid { grid-template-columns: repeat(2, 1fr); } .jdp-ed-fgrid { grid-template-columns: repeat(2, 1fr); } .jdp-ed-cgrid { grid-template-columns: repeat(2, 1fr); } .jdp-ed-subnav-item { padding: 16px 24px; font-size: 14px; } } @media (max-width: 768px) { .jdp-ed-hero { height: 380px; } .jdp-ed-hero h1 { font-size: 32px; letter-spacing: 4px; } .jdp-ed-sgrid { grid-template-columns: 1fr; } .jdp-ed-fgrid { grid-template-columns: 1fr; } .jdp-ed-cgrid { grid-template-columns: 1fr; } .jdp-ed-subnav-item { padding: 14px 16px; font-size: 13px; } .jdp-ed-phil h2 { font-size: 26px; } .jdp-ed-phil-imgs { flex-direction: column; } .jdp-ed-phil-img-item img { height: 180px; } } .jdp-tr-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(8,22,48,0.88) 0%, rgba(8,22,48,0.55) 55%, rgba(8,22,48,0.15) 100%); } .jdp-tr-hero-inner { position: relative; z-index: 2; max-width: var(--jdp-container); margin: 0 auto; padding: 0 48px; width: 100%; } .jdp-tr-hero-tag { display: inline-flex; align-items: center; gap: 8px; padding: 8px 22px; background: rgba(0,119,204,0.25); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: 24px; font-size: 14px; color: rgba(255,255,255,0.9); margin-bottom: 28px; letter-spacing: 3px; } .jdp-tr-hero-tag::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #4CAF50; } .jdp-tr-hero h1 { font-size: 52px; font-weight: 700; color: #fff; letter-spacing: 8px; margin-bottom: 28px; text-shadow: 0 2px 20px rgba(0,0,0,0.3); } .jdp-tr-hero-line { width: 60px; height: 4px; background: linear-gradient(to right, #00C853, #64DD17); margin-bottom: 28px; border-radius: 2px; } .jdp-tr-hero p { font-size: 20px; color: rgba(255,255,255,0.8); letter-spacing: 3px; } .jdp-tr-hero-stats { display: flex; gap: 48px; margin-top: 48px; } .jdp-tr-hstat { text-align: center; } .jdp-tr-hstat-num { font-size: 36px; font-weight: 700; color: #fff; } .jdp-tr-hstat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 4px; letter-spacing: 1px; } /* Section Title Style */ .jdp-tr-sectitle { text-align: center; margin-bottom: 60px; } .jdp-tr-sectitle h2 { font-size: 40px; font-weight: 700; color: #1F2F3D; letter-spacing: 4px; margin-bottom: 16px; } .jdp-tr-sectitle p { font-size: 16px; color: var(--jdp-text-sub); max-width: 700px; margin: 0 auto; line-height: 1.8; } .jdp-tr-sectitle .jdp-line { width: 48px; height: 3px; background: var(--jdp-primary); margin: 16px auto 0; border-radius: 2px; } /* ===== Core Services - Alternating Layout ===== */ .jdp-tr-core { padding: 100px 0; } .jdp-tr-core-item { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: center; margin-bottom: 24px; border-radius: 20px; overflow: hidden; background: var(--jdp-white); border: 1px solid var(--jdp-border); transition: var(--jdp-transition); } .jdp-tr-core-item:hover { box-shadow: var(--jdp-shadow-lg); transform: translateY(-4px); border-color: rgba(0,82,165,0.15); } .jdp-tr-core-item:nth-child(even) .jdp-tr-core-img { order: 2; } .jdp-tr-core-item:nth-child(even) .jdp-tr-core-body { order: 1; } .jdp-tr-core-img { height: 390px; overflow: hidden; } .jdp-tr-core-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .jdp-tr-core-item:hover .jdp-tr-core-img img { transform: scale(1.05); } .jdp-tr-core-body { padding: 77px 56px; } .jdp-tr-core-num { font-size: 48px; font-weight: 800; color: var(--jdp-primary); opacity: 0.12; line-height: 1; margin-bottom: 8px; } .jdp-tr-core-body h3 { font-size: 24px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 16px; } .jdp-tr-core-body > p { font-size: 15px; color: var(--jdp-text-sub); line-height: 2; margin-bottom: 24px; } .jdp-tr-core-tags { display: flex; flex-wrap: wrap; gap: 10px; } .jdp-tr-core-tag { padding: 8px 18px; background: var(--jdp-bg-light); border-radius: 20px; font-size: 13px; color: var(--jdp-primary); font-weight: 500; border: 1px solid rgba(0,82,165,0.1); } /* ===== Training Forms ===== */ .jdp-tr-forms { background: #F3F9FF; padding: 100px 0; } .jdp-tr-fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .jdp-tr-fcard { background: var(--jdp-white); border-radius: 20px; padding: 40px 32px; text-align: center; border: 1px solid var(--jdp-border); transition: var(--jdp-transition); position: relative; overflow: hidden; } .jdp-tr-fcard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, var(--jdp-primary), var(--jdp-primary-light)); opacity: 0; transition: opacity 0.3s ease; } .jdp-tr-fcard:hover { box-shadow: var(--jdp-shadow-lg); transform: translateY(-8px); border-color: rgba(0,82,165,0.15); } .jdp-tr-fcard:hover::before { opacity: 1; } .jdp-tr-ficon { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); box-shadow: 0 8px 24px rgba(0,85,165,0.25); } .jdp-tr-ficon svg { width: 36px; height: 36px; color: #fff; } .jdp-tr-fcard h3 { font-size: 22px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 16px; } .jdp-tr-fcard p { font-size: 15px; color: var(--jdp-text-sub); line-height: 1.9; margin-bottom: 20px; } .jdp-tr-fcard .jdp-tr-feat { font-size: 13px; color: var(--jdp-text-muted); padding-top: 16px; border-top: 1px solid var(--jdp-border); } .jdp-tr-fcard .jdp-tr-feat strong { color: var(--jdp-primary); } /* ===== Network Section ===== */ .jdp-tr-network { padding: 100px 0; } .jdp-tr-netwrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; background: var(--jdp-white); border-radius: 24px; overflow: hidden; border: 1px solid var(--jdp-border); } .jdp-tr-net-img { height: 420px; overflow: hidden; } .jdp-tr-net-img img { width: 100%; height: 100%; object-fit: cover; } .jdp-tr-net-body { padding: 48px 56px 48px 0; } .jdp-tr-net-body h3 { font-size: 28px; font-weight: 700; color: var(--jdp-text-main); margin-bottom: 8px; } .jdp-tr-net-body .jdp-tr-net-sub { font-size: 15px; color: var(--jdp-primary); font-weight: 500; margin-bottom: 24px; } .jdp-tr-net-body > p { font-size: 15px; color: var(--jdp-text-sub); line-height: 2; margin-bottom: 28px; } .jdp-tr-net-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .jdp-tr-nstat { background: var(--jdp-bg-light); border-radius: 14px; padding: 20px 24px; text-align: center; } .jdp-tr-nstat-num { font-size: 28px; font-weight: 700; color: var(--jdp-primary); } .jdp-tr-nstat-label { font-size: 13px; color: var(--jdp-text-muted); margin-top: 4px; } /* ===== CTA ===== */ .jdp-tr-cta { position: relative; padding: 100px 0; overflow: hidden; background: linear-gradient(135deg, #0a1e3d 0%, #0d2b52 50%, #0055A5 100%); } .jdp-tr-cta::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .jdp-tr-cta-inner { position: relative; z-index: 2; text-align: center; max-width: 700px; margin: 0 auto; } .jdp-tr-cta h2 { font-size: 36px; font-weight: 700; color: #fff; letter-spacing: 4px; margin-bottom: 16px; } .jdp-tr-cta p { font-size: 17px; color: rgba(255,255,255,0.75); margin-bottom: 40px; line-height: 1.8; } .jdp-tr-cta-btn { display: inline-block; padding: 18px 60px; background: #fff; color: var(--jdp-primary); font-size: 17px; font-weight: 600; border-radius: 40px; transition: var(--jdp-transition); box-shadow: 0 8px 30px rgba(0,0,0,0.2); } .jdp-tr-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,0.3); background: var(--jdp-primary-light); color: #fff; } @media (max-width: 1200px) { .jdp-tr-core-item { grid-template-columns: 1fr; } .jdp-tr-core-item:nth-child(even) .jdp-tr-core-img { order: 0; } .jdp-tr-core-item:nth-child(even) .jdp-tr-core-body { order: 0; } .jdp-tr-core-img { height: 260px; } .jdp-tr-fgrid { grid-template-columns: 1fr; } .jdp-tr-netwrap { grid-template-columns: 1fr; } .jdp-tr-net-img { height: 280px; } .jdp-tr-net-body { padding: 40px 32px; } } @media (max-width: 768px) { .jdp-tr-hero { height: 420px; } .jdp-tr-hero h1 { font-size: 32px; letter-spacing: 3px; } .jdp-tr-hero-inner { padding: 0 24px; } .jdp-tr-hero-stats { gap: 24px; } .jdp-tr-core-body { padding: 32px 24px; } } .jdp-lr-hero { position: relative; height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-top: 80px; background: url('../images/banner-learning.jpg') center/cover no-repeat; } .jdp-lr-hero::before { content: ''; position: absolute; inset: 0; background: rgba(10,30,60,0.55); } .jdp-lr-hero-inner { position: relative; z-index: 2; text-align: center; color: #fff; } .jdp-lr-hero h1 { font-size: 44px; font-weight: 700; letter-spacing: 10px; margin-bottom: 12px; } .jdp-lr-hero p { font-size: 16px; opacity: 0.8; } /* ===== Main Navigation (4 categories) ===== */ .jdp-lr-mainnav { background: #f6f6f6; height: 100px; line-height: 100px; } .jdp-lr-mainnav-inner { display: flex; justify-content: center; gap: 0; } .jdp-lr-mainnav-item { padding: 0px 150px; font-size: 28px; font-weight: 500; color: ##1F2F3D; cursor: pointer; border-bottom: 3px solid transparent; white-space: nowrap; } .jdp-lr-mainnav-item:hover { color: var(--jdp-primary); } .jdp-lr-mainnav-item.jdp-active { color: var(--jdp-primary); border-bottom-color: var(--jdp-primary); font-weight: 600; } /* ===== Panel System ===== */ .jdp-lr-mainpanel { display: none; } .jdp-lr-mainpanel.jdp-active { display: block; } /* ===== Section Title ===== */ .jdp-lr-title { text-align: center; padding: 48px 0 40px; padding-bottom: 20px; } .jdp-lr-title h2 { font-size: 40px; font-weight: 700; color: #1F2F3D; letter-spacing: 4px; margin-bottom: 12px; } .jdp-lr-title p { font-size: 16px; color: var(--jdp-text-sub); margin: 0 auto; line-height: 1.9;letter-spacing: 0px; } /* ===== 1. 文档资料 - Beautified ===== */ .jdp-lr-doc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding-bottom: 60px; align-items: start; margin-top: 30px; margin-bottom: 50px; } .jdp-lr-doc-block { border-radius: 24px; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 4px 24px rgba(0,60,120,0.08), 0 1px 3px rgba(0,0,0,0.04); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); background: linear-gradient(160deg, #E8F4FD 0%, #F0F8FF 40%, #FFFFFF 100%); position: relative; height: 760px; } .jdp-lr-doc-block::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(135deg, #1E5BB8 0%, #2E7BD6 40%, #4A9AE8 100%); border-radius: 24px 24px 0 0; z-index: 0; } .jdp-lr-doc-block::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'/%3E%3Ccircle cx='80' cy='80' r='20' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/svg%3E") repeat; border-radius: 24px 24px 0 0; z-index: 1; } .jdp-lr-doc-block:hover { box-shadow: 0 12px 48px rgba(0,60,120,0.15), 0 2px 8px rgba(0,0,0,0.06); transform: translateY(-6px); } .jdp-lr-doc-block-alt::before { background: linear-gradient(135deg, #0D7377 0%, #14919B 40%, #2ABFB9 100%); } .jdp-lr-doc-header { position: relative; z-index: 2; padding: 36px 36px 28px; display: flex; align-items: center; gap: 18px; } .jdp-lr-doc-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(255,255,255,0.3); } .jdp-lr-doc-icon svg { width: 36px; height: 36px; color: #fff; } .jdp-lr-doc-icon-alt { background: rgba(255,255,255,0.2); } .jdp-lr-doc-header-text h3 { font-size: 26px; font-weight: 700; color: #fff; margin: 0; letter-spacing: 1px; } .jdp-lr-doc-header-text p { font-size: 14px; color: rgba(255,255,255,0.85); margin: 6px 0 0; font-weight: 400; } .jdp-lr-doc-block > .jdp-lr-doccat { position: relative; z-index: 2; padding: 0 36px; } .jdp-lr-doc-block > .jdp-lr-doccat:first-of-type { padding-top: 20px; } .jdp-lr-doc-block > .jdp-lr-doccat:last-child { padding-bottom: 36px; } /* Doc category */ .jdp-lr-doccat { margin-bottom: 24px; } .jdp-lr-doccat:last-child { margin-bottom: 0; } .jdp-lr-doccat-hd { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 12px; padding: 7px 16px; display: inline-flex; align-items: center; gap: 6px; border-radius: 20px; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); box-shadow: 0 2px 8px rgba(37,98,204,0.25); } .jdp-lr-doccat-hd svg { width: 14px; height: 14px; } .jdp-lr-doccat-hd-alt { background: linear-gradient(90deg, #0D7377 0%, #14B8A6 100%); box-shadow: 0 2px 8px rgba(13,115,119,0.25); } .jdp-lr-docfile { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; font-size: 17px; color: #253858; transition: all 0.3s ease; cursor: pointer; border-radius: 12px; margin-bottom: 6px; border: 1px solid rgba(0,82,165,0.06); background: rgba(255,255,255,0.85); backdrop-filter: blur(4px); } .jdp-lr-docfile-left { display: flex; align-items: center; gap: 12px; } .jdp-lr-docfile-left svg { width: 18px; height: 18px; color: var(--jdp-primary); flex-shrink: 0; } .jdp-lr-docfile:hover { color: var(--jdp-primary); background: rgba(255,255,255,1); border-color: rgba(0,82,165,0.15); padding-left: 24px; box-shadow: 0 4px 16px rgba(0,82,165,0.08); transform: translateX(4px); } .jdp-lr-docfile-dl { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: rgba(37,98,204,0.08); transition: all 0.3s ease; flex-shrink: 0; } .jdp-lr-docfile-dl svg { width: 16px; height: 16px; color: var(--jdp-primary); } .jdp-lr-docfile:hover .jdp-lr-docfile-dl { background: linear-gradient(135deg, #2562CC, #1691FF); } .jdp-lr-docfile:hover .jdp-lr-docfile-dl svg { color: #fff; } .jdp-lr-docfile-dl-alt { background: rgba(13,115,119,0.08); } .jdp-lr-docfile-dl-alt svg { color: #0D9488; } .jdp-lr-docfile:hover .jdp-lr-docfile-dl-alt { background: linear-gradient(135deg, #0D7377, #14B8A6); } .jdp-lr-docfile:hover .jdp-lr-docfile-dl-alt svg { color: #fff; } /* ===== 2. 学习教程 - Sub-nav ===== */ .jdp-lr-subnav-wrap { background: var(--jdp-white); border-bottom: 1px solid var(--jdp-border); } .jdp-lr-subnav { display: flex; justify-content: center; gap: 12px; padding: 20px 0; padding-top: 58px; } .jdp-lr-subnav-btn { padding: 10px 32px; border-radius: 30px; font-size: 16px; font-weight: 500; cursor: pointer; transition: var(--jdp-transition); border: 1px solid var(--jdp-border); background: var(--jdp-white); color: var(--jdp-text-sub); } .jdp-lr-subnav-btn:hover { border-color: var(--jdp-primary); color: var(--jdp-primary); } .jdp-lr-subnav-btn.jdp-active { background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);transition: all 0.5s; color: #fff; } .jdp-lr-tutpanel { display: none; padding-bottom: 60px; } .jdp-lr-tutpanel.jdp-active { display: block; } /* Book CTA */ .jdp-lr-bookcta { text-align: center; margin-bottom: 40px; } .jdp-lr-bookcta a { display: inline-block; padding: 14px 48px; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); color: #fff; border-radius: 30px; font-size: 16px; font-weight: 500; transition: var(--jdp-transition); box-shadow: 0 4px 16px rgba(0,82,165,0.25); } .jdp-lr-bookcta a:hover { background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s;transform: translateY(-2px); box-shadow: 0 6px 24px rgba(0,82,165,0.35); } /* ===== Chapter accordion with video grid inside ===== */ .jdp-lr-chapter { border: 1px solid var(--jdp-border); border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: var(--jdp-transition); background: var(--jdp-white); } .jdp-lr-chapter:hover { box-shadow: var(--jdp-shadow); border-color: rgba(0,82,165,0.2); } .jdp-lr-chapter-hd { display: flex; align-items: center; justify-content: space-between; padding: 30px 40px; cursor: pointer; font-size: 20px; font-weight: 600; color: var(--jdp-primary); background: #F3F9FF; transition: var(--jdp-transition); } .jdp-lr-chapter-hd:hover { background: rgba(0,82,165,0.02); } .jdp-lr-chapter-arrow { width: 32px; height: 32px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; transition: var(--jdp-transition); } .jdp-lr-chapter-arrow svg { width: 13px; height: 13px; color: var(--jdp-primary); transition: transform 0.3s ease; } .jdp-lr-chapter.jdp-open .jdp-lr-chapter-arrow { background: var(--jdp-primary); } .jdp-lr-chapter.jdp-open .jdp-lr-chapter-arrow svg { transform: rotate(180deg); color: #fff; } .jdp-lr-chapter-bd { max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.35s ease; } .jdp-lr-chapter.jdp-open .jdp-lr-chapter-bd { max-height: 2000px; padding: 8px 28px 28px; } /* ===== Video card grid inside chapter ===== */ .jdp-lr-vgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .jdp-lr-vcard { background: #fff; border: 1px solid var(--jdp-border); border-radius: 12px; overflow: hidden; transition: var(--jdp-transition); cursor: pointer; } .jdp-lr-vcard:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.1); transform: translateY(-4px); border-color: rgba(0,82,165,0.3); } .jdp-lr-vthumb { position: relative; height: 290px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #1a2744; } .jdp-lr-vthumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .jdp-lr-vcard:hover .jdp-lr-vthumb img { transform: scale(1.05); } .jdp-lr-vthumb::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.15); z-index: 1; } .jdp-lr-vcard:hover .jdp-lr-vthumb::after { background: rgba(0,0,0,0.05); } .jdp-lr-vplay { position: absolute; z-index: 2; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.92); display: flex; align-items: center; justify-content: center; transition: var(--jdp-transition); box-shadow: 0 2px 12px rgba(0,0,0,0.25); backdrop-filter: blur(4px); top: 50%; left: 50%; transform: translate(-50%, -50%); } .jdp-lr-vcard:hover .jdp-lr-vplay { background: #fff; transform: translate(-50%, -50%) scale(1.15); } .jdp-lr-vplay svg { width: 16px; height: 16px; color: var(--jdp-primary); margin-left: 2px; } .jdp-lr-vinfo { padding: 14px 16px; } .jdp-lr-vinfo h4 { font-size: 14px; font-weight: 600; color: var(--jdp-text-main); margin-bottom: 4px; } .jdp-lr-vinfo p { font-size: 12px; color: var(--jdp-text-muted); line-height: 1.5; } /* ===== 3. 模型下载 ===== */ .jdp-lr-modelgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 60px; } .jdp-lr-mcard { background: var(--jdp-white); border: 1px solid var(--jdp-border); border-radius: 12px; overflow: hidden; text-align: center; transition: var(--jdp-transition); } .jdp-lr-mcard:hover { box-shadow: var(--jdp-shadow); transform: translateY(-4px); } .jdp-lr-mcard img { width: 100%; height: 238px; object-fit: cover; background: var(--jdp-bg-light); } .jdp-lr-mcard p { padding: 12px; font-size: 15px; color: #253858; font-weight: 500; } .jdp-lr-mcard button { display: block; width: 100%; padding: 10px; background: var(--jdp-bg-light); color: var(--jdp-primary); font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: var(--jdp-transition); } .jdp-lr-mcard:hover button { background: var(--jdp-primary); color: #fff; } /* ===== 4. 经验技巧 ===== */ .jdp-lr-tipsgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-bottom: 40px; } .jdp-lr-tcard { background: var(--jdp-white); border: 1px solid #E5E5E5; border-radius: 12px; overflow: hidden; transition: var(--jdp-transition); cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; } .jdp-lr-tcard:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1); transform: translateY(-3px); border-color: rgba(0,82,165,0.2); } .jdp-lr-tcard-text { flex: 1; } .jdp-lr-tcard-text p { font-size: 15px; color: #333; line-height: 1.5; font-weight: 500; } /* PDF Document Cards - same as mcard */ .jdp-lr-pdfgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 60px; } .jdp-lr-pdfcard { background: var(--jdp-white); border: 1px solid var(--jdp-border); border-radius: 12px; overflow: hidden; text-align: center; transition: var(--jdp-transition); } .jdp-lr-pdfcard:hover { box-shadow: var(--jdp-shadow); transform: translateY(-4px); } .jdp-lr-pdfcard img { width: 100%; height: 238px; object-fit: cover; background: var(--jdp-bg-light); } .jdp-lr-pdfcard p { padding: 12px; font-size: 15px; color: #253858; font-weight: 500; } .jdp-lr-pdfcard button { display: block; width: 100%; padding: 10px; background: var(--jdp-bg-light); color: var(--jdp-primary); font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: var(--jdp-transition); } .jdp-lr-pdfcard:hover button { background: var(--jdp-primary); color: #fff; } .jdp-lr-tcard-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--jdp-bg-light); display: flex; align-items: center; justify-content: center; margin-left: 12px; } .jdp-lr-tcard-icon svg { width: 18px; height: 18px; color: var(--jdp-text-muted); } .jdp-lr-tcard-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: 16px; } .jdp-lr-tcard-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; color: var(--jdp-primary); background: rgba(37,98,204,0.06); transition: all 0.25s ease; cursor: pointer; white-space: nowrap; } .jdp-lr-tcard-btn svg { width: 14px; height: 14px; } .jdp-lr-tcard-btn:hover { background: linear-gradient(135deg, #2562CC, #1691FF); color: #fff; } .jdp-lr-tcard-btn:hover svg { color: #fff; } .jdp-lr-tips-videos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-bottom: 60px; } .jdp-lr-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-bottom: 60px; } .jdp-lr-video-card { background: var(--jdp-white); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: var(--jdp-transition); cursor: pointer; border: 1px solid var(--jdp-border); } .jdp-lr-video-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.12); transform: translateY(-4px); border-color: rgba(0,82,165,0.3); } .jdp-lr-video-thumb { width: 100%; height: 180px; background: #1A2038; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .jdp-lr-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .jdp-lr-video-play { position: absolute; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.2); backdrop-filter: blur(4px); z-index: 2; } .jdp-lr-video-play svg { width: 20px; height: 20px; color: var(--jdp-primary); margin-left: 2px; } .jdp-lr-video-card h4 { font-size: 15px; font-weight: 600; color: var(--jdp-text-main); padding: 14px 14px 4px; line-height: 1.5; } .jdp-lr-video-card p { font-size: 13px; color: var(--jdp-text-muted); padding: 0 14px 14px; } /* Divider */ .jdp-lr-divider { text-align: center; margin: 40px 0 32px; } .jdp-lr-divider h3 { font-size: 22px; font-weight: 700; color: var(--jdp-text-main); letter-spacing: 3px; } .jdp-lr-divider .jdp-line { width: 40px; height: 3px; background: var(--jdp-primary); margin: 10px auto 0; border-radius: 2px; } @media (max-width: 1200px) { .jdp-lr-mainnav-item { padding: 16px 28px; font-size: 15px; } .jdp-lr-doc-grid { grid-template-columns: 1fr; } .jdp-lr-doc-header { padding: 28px 24px 22px; } .jdp-lr-doc-block > .jdp-lr-doccat { padding: 0 24px; } .jdp-lr-doc-block > .jdp-lr-doccat:first-of-type { padding-top: 16px; } .jdp-lr-doc-block > .jdp-lr-doccat:last-child { padding-bottom: 28px; } .jdp-lr-vgrid { grid-template-columns: repeat(3, 1fr); } .jdp-lr-modelgrid { grid-template-columns: repeat(2, 1fr); } .jdp-lr-tipsgrid { grid-template-columns: repeat(2, 1fr); } .jdp-lr-tips-videos { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .jdp-lr-hero h1 { font-size: 30px; letter-spacing: 4px; } .jdp-lr-mainnav { top: 80px; } .jdp-lr-mainnav-item { padding: 14px 16px; font-size: 14px; } .jdp-lr-subnav-btn { padding: 8px 20px; font-size: 13px; } .jdp-lr-vgrid { grid-template-columns: repeat(2, 1fr); } .jdp-lr-modelgrid { grid-template-columns: 1fr; } .jdp-lr-tipsgrid { grid-template-columns: 1fr; } .jdp-lr-tips-videos { grid-template-columns: 1fr; } .jdp-lr-chapter.jdp-open .jdp-lr-chapter-bd { padding: 8px 16px 20px; } } Banner区域 ======================================== */ .uea-banner{position:relative;width:100%;height:720px;overflow:hidden;display:flex;align-items:flex-end;padding-bottom:80px} .uea-banner-bg{position:absolute;inset:0;z-index:0} .uea-banner-img{width:100%;height:100%;object-fit:cover;object-position:center} .uea-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.9) 100%);z-index:1} .uea-banner-content{position:relative;z-index:2} .uea-banner-titlewrap{max-width:800px} .uea-banner-title{font-size:52px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px;letter-spacing:3px} .uea-banner-subtitle{font-size:24px;color:rgba(255,255,255,.85);font-weight:400} /* ======================================== 简介区域 ======================================== */ .uea-intro{background:#fff} .uea-intro-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center} .uea-intro-text .uea-section-title{font-size:38px;letter-spacing:2px;margin-bottom:28px} .uea-intro-desc{font-size:17px;color:#5E6D82;line-height:2;margin-bottom:16px} .uea-intro-imgwrap{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.1);background:linear-gradient(180deg,#FFFFFF,#E7F6FF);padding:30px;display:flex;align-items:center;justify-content:center} .uea-intro-imgwrap img{width:100%;max-width:380px;object-fit:contain} /* ======================================== 加工要求 ======================================== */ .uea-requirements{background:linear-gradient(180deg,#F3F9FF 0%,#fff 100%)} .uea-requirements .ue-section-header{margin-bottom:48px} .uea-req-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px} .uea-req-card{background:#fff;border-radius:16px;padding:36px 28px;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden} .uea-req-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-4px);border-color:transparent} .uea-req-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2562CC,#1691FF);opacity:0;transition:opacity .4s} .uea-req-card:hover::before{opacity:1} .uea-req-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px} .uea-req-icon svg{width:32px;height:32px} .uea-req-icon-material{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1565D8} .uea-req-icon-size{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981} .uea-req-icon-tech{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b} .uea-req-label{font-size:15px;font-weight:600;color:#253858;margin-bottom:12px;letter-spacing:1px} .uea-req-value{font-size:16px;color:#5E6D82;line-height:1.8} .uea-req-list{list-style:none;padding:0;margin:0} .uea-req-list li{position:relative;padding-left:20px;font-size:15px;color:#5E6D82;line-height:1.8;margin-bottom:8px} .uea-req-list li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#1565D8;border-radius:50%} /* ======================================== 解决方案特点 ======================================== */ .uea-solutions{background:#fff} .uea-solutions .ue-section-header{margin-bottom:60px} .uea-sol-block{margin-bottom:80px} .uea-sol-block:last-child{margin-bottom:0} .uea-sol-header{display:flex;align-items:center;gap:20px;margin-bottom:36px;padding-bottom:20px;border-bottom:2px solid #E7F6FF} .uea-sol-num{width:56px;height:56px;background:linear-gradient(135deg,#1565D8,#3b82f6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;flex-shrink:0} .uea-sol-title{font-size:28px;font-weight:700;color:#1F2F3D;letter-spacing:2px} .uea-sol-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center} .uea-sol-layout-reverse{grid-template-columns:.9fr 1.1fr} .uea-sol-text p{font-size:16px;color:#5E6D82;line-height:2;margin-bottom:24px} .uea-sol-text p strong{color:#253858;font-weight:600} .uea-sol-features{display:flex;flex-direction:column;gap:12px} .uea-sol-fitem{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#F3F9FF;border-radius:10px;transition:all .3s ease} .uea-sol-fitem:hover{background:#E7F6FF} .uea-sol-fitem svg{width:20px;height:20px;color:#1565D8;flex-shrink:0} .uea-sol-fitem span{font-size:14px;color:#253858;font-weight:500} .uea-sol-imgwrap{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1)} .uea-sol-imgwrap img{width:100%;height:320px;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)} .uea-sol-imgwrap:hover img{transform:scale(1.05)} /* ======================================== 加工效果 ======================================== */ .uea-results{padding:80px 0} .uea-results-inner{background:linear-gradient(135deg,#0055A5,#1565D8);border-radius:20px;padding:60px 80px;text-align:center;position:relative;overflow:hidden} .uea-results-header{margin-bottom:20px} .uea-results-header .ue-section-label{background:rgba(255,255,255,.15);color:#fff} .uea-results-header .ue-section-title{color:#fff;margin-bottom:0} .uea-results-desc{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8} .uea-results-stats{display:flex;align-items:center;justify-content:center;gap:0} .uea-rstat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 40px} .uea-rstat-num{font-size:48px;font-weight:800;color:rgba(255,255,255,.5);line-height:1} .uea-rstat-num.uea-rstat-highlight{color:#fff} .uea-rstat-unit{font-size:22px;font-weight:600} .uea-rstat-arrow{width:36px;height:36px;color:#f59e0b;animation:pulseArrow 1.5s ease-in-out infinite} .uea-rstat-arrow svg{width:100%;height:100%} @keyframes pulseArrow{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(6px);opacity:.6}} .uea-rstat-label{font-size:18px;color:rgba(255,255,255,.7);margin-top:4px} .uea-rstat-sublabel{display:inline-block;margin-top:8px;padding:4px 14px;background:rgba(245,158,11,.25);color:#fde68a;border-radius:20px;font-size:13px;font-weight:600} .uea-rstat-divider{width:1px;height:100px;background:rgba(255,255,255,.15)} /* ======================================== CTA行动号召 ======================================== */ .uea-cta{padding:60px 0 100px;background:#fff} .uea-cta-card{position:relative;background:linear-gradient(135deg,#1565D8,#0055A5);border-radius:20px;padding:70px 60px;overflow:hidden;text-align:center} .uea-cta-content{position:relative;z-index:1} .uea-cta-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:2px} .uea-cta-desc{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:40px;max-width:640px;margin-left:auto;margin-right:auto} .uea-cta-actions{display:flex;align-items:center;justify-content:center;gap:20px} .uea-cta-actions .ue-btn{padding:16px 40px;font-size:17px;font-weight:600;border-radius:10px} .uea-cta-actions .ue-btn-white{background:#fff;color:#1565D8;box-shadow:0 4px 20px rgba(0,0,0,.2)} .uea-cta-actions .ue-btn-white:hover{background:#f0f5ff;transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.25)} .uea-cta-actions .ue-btn-outline-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)} .uea-cta-actions .ue-btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-3px)} .uea-cta-actions .ue-btn svg{width:20px;height:20px} .uea-cta-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden} .uea-cta-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)} .uea-cta-circle:nth-child(1){width:300px;height:300px;top:-80px;right:-40px} .uea-cta-circle:nth-child(2){width:200px;height:200px;bottom:-50px;left:-30px} .uea-cta-circle:nth-child(3){width:150px;height:150px;top:50%;left:65%;opacity:.5} /* ======================================== 响应式 ======================================== */ @media(max-width:1200px){ .uea-section{padding:70px 0} .uea-section-title{font-size:38px} .uea-banner{height:560px} .uea-banner-title{font-size:42px} .uea-intro-layout{grid-template-columns:1fr;gap:40px} .uea-intro-imgwrap{max-width:500px;margin:0 auto} .uea-req-grid{grid-template-columns:1fr 1fr} .uea-req-card-wide{grid-column:1/-1} .uea-sol-layout,.uea-sol-layout-reverse{grid-template-columns:1fr;gap:32px} .uea-sol-imgwrap{max-width:600px;margin:0 auto;width:100%} .uea-results-inner{padding:50px 40px} .uea-rstat-num{font-size:38px} .uea-cta-card{padding:50px 36px} .uea-cta-title{font-size:28px} } @media(max-width:768px){ .uea-section{padding:50px 0} .uea-section-title{font-size:28px;letter-spacing:2px} .uea-banner{height:480px;padding-bottom:50px} .uea-banner-title{font-size:32px} .uea-banner-subtitle{font-size:18px} .uea-intro-text .uea-section-title{font-size:24px} .uea-intro-desc{font-size:15px} .uea-req-grid{grid-template-columns:1fr} .uea-req-card-wide{grid-column:auto} .uea-sol-title{font-size:22px} .uea-sol-num{width:44px;height:44px;font-size:20px} .uea-sol-imgwrap img{height:240px} .uea-results-stats{flex-direction:column;gap:32px} .uea-rstat-divider{width:80px;height:1px} .uea-rstat-item{padding:0} .uea-results-inner{padding:40px 24px} .uea-cta-card{padding:36px 24px} .uea-cta-title{font-size:22px} .uea-cta-actions{flex-direction:column} .uea-cta-actions .ue-btn{width:100%} .ue-backtop{width:42px;height:42px;bottom:20px;right:20px} } @media(max-width:480px){ .uea-section-title{font-size:24px} .uea-section{padding:40px 0} .uea-banner{height:400px} .uea-banner-title{font-size:26px} .uea-cta-card{padding:30px 20px} } Banner区域 ======================================== */ .ue-banner{position:relative;width:100%;height:720px;overflow:hidden;margin-top:80px;display:flex;align-items:flex-end;padding-bottom:80px} .ue-banner-bg{position:absolute;inset:0;z-index:0} .ue-banner-img{width:100%;height:100%;object-fit:cover;object-position:center 30%} .ue-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.88) 100%);z-index:1} .ue-banner-content{position:relative;z-index:2} /* 面包屑 */ .ue-breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.55);margin-bottom:24px} .ue-breadcrumb a{color:rgba(255,255,255,.7);transition:var(--transition)} .ue-breadcrumb a:hover{color:#fff} .ue-breadcrumb-sep{font-size:12px;opacity:.5} .ue-breadcrumb-current{color:rgba(255,255,255,.9)} /* Banner标题 */ .ue-banner-titlewrap{display:flex;align-items:center;gap:20px;margin-bottom:16px} .ue-banner-num{font-size:64px;font-weight:800;color:#1565D8;line-height:1;letter-spacing:-2px;text-shadow:0 2px 20px rgba(21,101,216,.4)} .ue-banner-title{font-size:48px;font-weight:700;color:#fff;letter-spacing:2px} .ue-banner-desc{font-size:20px;color:rgba(255,255,255,.8);max-width:560px;line-height:1.6;padding-left:84px} /* ======================================== 核心目标区域 ======================================== */ .ue-mission .ue-section-title{font-size:40px;letter-spacing:2px; text-align: center; color: #1F2F3D;} .ue-section-subtitle{font-size:18px;color:#5E6D82;margin:16px auto 0;letter-spacing: 2px; text-align: center} /* ======================================== 三大特色模块 ======================================== */ .ue-features{background:linear-gradient(180deg,#F3F9FF 0%,#fff 100%)} .ue-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px; margin-top: 60px;} .ue-feature-card{background:#fff;border-radius:16px;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #e8ecf0;position:relative;overflow:hidden} .ue-feature-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-6px);border-color:transparent} .ue-feature-hoverline{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2562CC,#1691FF);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)} .ue-feature-card:hover .ue-feature-hoverline{transform:scaleX(1)} .ue-feature-iconwrap{margin-bottom:28px} .ue-feature-icon{width:68px;height:68px;border-radius:16px;display:flex;align-items:center;justify-content:center} .ue-feature-icon svg{width:36px;height:36px} .ue-icon-green{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#10b981} .ue-icon-blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#3b82f6} .ue-icon-purple{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);color:#8b5cf6} .ue-feature-title{font-size:24px;font-weight:700;color:#1F2F3D;margin-bottom:20px;letter-spacing:2px} .ue-feature-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0} .ue-tag{display:inline-block;padding:8px 16px;background:#f5f7fa;border:1px solid #e2e8f0;border-radius:30px;font-size:14px;color:#5E6D82;transition:all .3s ease} .ue-feature-card:hover .ue-tag{border-color:#bfdbfe;color:#1565D8;background:#E7F6FF} /* ======================================== 合作案例 + 创新大赛 - 统一轮播卡片 ======================================== */ .ue-case{background:linear-gradient(180deg,rgba(165,215,248,.15) 0%,rgba(222,250,255,.15) 100%),#fff; padding-top: 80px; padding-bottom: 80px;} .ue-section-title{font-size: 40px; letter-spacing: 2px; text-align: center; color: #1F2F3D;} .ue-competition{background:#fff} .ue-competition .ue-section-subtitle{margin:16px auto 0;font-size:20px;color:#5E6D82; text-align: center;} /* 轮播外层 */ .ue-case-carousel-wrapper{position:relative;display:flex;align-items:center;gap:20px;margin-top:60px} .ue-case-carousel{flex:1;overflow:hidden;padding-bottom:10px} .ue-case-track{display:flex;gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1)} /* 轮播卡片 */ .ue-case-item{flex:0 0 calc(25% - 18px);background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.06);background: linear-gradient(180deg, #FFFFFF -19.67%, #E7F6FF 100%);} .ue-case-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-6px);border-color:transparent} /* 创新大赛只有3个卡片时 */ .ue-competition .ue-case-item{flex:0 0 calc(33.333% - 16px)} /* 图片区域 */ .ue-case-imgwrap{position:relative;height:220px;overflow:hidden} .ue-case-imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)} .ue-case-item:hover .ue-case-imgwrap img{transform:scale(1.08)} .ue-case-imgoverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4) 100%)} .ue-case-imgbadge{position:absolute;bottom:16px;left:16px;padding:8px 16px;background:rgba(21,101,216,.92);color:#fff;border-radius:8px;font-size:13px;font-weight:500;backdrop-filter:blur(4px)} .ue-case-imgbadge span{font-size:22px;font-weight:800;margin-right:4px} /* 卡片内容 */ .ue-case-itembody{padding:24px 24px 28px;background:linear-gradient(180deg,#FFFFFF -19.67%,#E7F6FF 100%)} .ue-case-itembody h4{font-size:22px;font-weight:700;color:#1F2F3D;margin-bottom:12px;letter-spacing:1px;transition:color .3s} .ue-case-item:hover .ue-case-itembody h4{color:#1565D8} .ue-case-itemdesc{font-size:14px;color:#5E6D82;line-height:1.8;margin-bottom:16px} .ue-case-itemdesc strong{color:#253858;font-weight:600} /* 标签 */ .ue-case-itemtags{display:flex;flex-wrap:wrap;gap:8px} .ue-case-itemtags span{display:inline-block;padding:5px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:30px;font-size:12px;color:#5E6D82;transition:all .3s ease} .ue-case-item:hover .ue-case-itemtags span{border-color:#bfdbfe;color:#1565D8;background:#E7F6FF} /* 轮播箭头 */ .ue-case-nav{width:50px;height:50px;border-radius:50%;background:#DFE1E6;display:flex;align-items:center;justify-content:center;color:#4C4C4C;transition:all .3s ease;cursor:pointer;flex-shrink:0;border:none;z-index:2} .ue-case-nav:hover{background:#1565D8;color:#fff} .ue-case-nav svg{width:20px;height:20px} .ue-case-prev svg{transform:none} .ue-case-nav:disabled{opacity:.3;cursor:not-allowed} .ue-case-nav:disabled:hover{background:#DFE1E6;color:#4C4C4C} /* ======================================== 创新大赛专属样式 ======================================== */ .ue-comp-imgwrap{height:200px} .ue-comp-type{position:absolute;top:16px;left:16px;padding:6px 14px;background:rgba(37,56,88,.85);color:#fff;border-radius:6px;font-size:13px;font-weight:500;backdrop-filter:blur(4px)} .ue-comp-type.ue-comp-award{background:rgba(245,158,11,.9)} .ue-comp-tags span{background:#f5f7fa} /* 获奖bar */ .ue-comp-awardbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;margin-top:12px} .ue-comp-awardbar svg{width:28px;height:28px;flex-shrink:0} .ue-comp-awardbar span{font-size:14px;font-weight:600;color:#1F2F3D} /* ======================================== 成果数据条 ======================================== */ .ue-statsbar{padding:80px 0;background:linear-gradient(135deg,#0055A5,#1565D8)} .ue-stats-inner{display:flex;align-items:center;justify-content:center;gap:0} .ue-stat-item{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 20px} .ue-stat-num{font-size:48px;font-weight:800;color:#fff;line-height:1} .ue-stat-plus{font-size:28px;font-weight:600;color:rgba(255,255,255,.8)} .ue-stat-label{font-size:18px;color:rgba(255,255,255,.75)} .ue-stat-divider{width:1px;height:60px;background:rgba(255,255,255,.15)} /* ======================================== CTA行动号召 ======================================== */ .ue-cta{padding:80px 0 100px;background:#fff} .ue-cta-card{position:relative;background:linear-gradient(135deg,#1565D8,#0055A5); border-radius:20px;padding:70px 60px;overflow:hidden;text-align:center; background: linear-gradient(135deg, rgba(21, 101, 216, .88), rgba(0, 85, 165, .92)), url(../images/xtiao.jpg) no-repeat top center; background-size: cover;} .ue-cta-content{position:relative;z-index:1} .ue-cta-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:2px} .ue-cta-desc{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:40px;margin-left:auto;margin-right:auto} .ue-cta-actions{display:flex;align-items:center;justify-content:center;gap:20px} .ue-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 36px;font-size:16px;font-weight:500;border-radius:8px;transition:all .3s ease} .ue-btn-icon{width:18px;height:18px} .ue-btn-white{background:#fff;color:#1565D8;box-shadow:0 4px 16px rgba(0,0,0,.2)} .ue-btn-white:hover{background:#f0f5ff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.25)} .ue-btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)} .ue-btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px)} /* 装饰 */ .ue-cta-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden} .ue-cta-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)} .ue-cta-circle:nth-child(1){width:300px;height:300px;top:-80px;right:-40px} .ue-cta-circle:nth-child(2){width:200px;height:200px;bottom:-50px;left:-30px} .ue-cta-circle:nth-child(3){width:150px;height:150px;top:50%;left:65%;opacity:.5} /* ======================================== 回到顶部 ======================================== */ .ue-backtop{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:#1565D8;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(21,101,216,.35);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999} .ue-backtop.ue-visible{opacity:1;visibility:visible;transform:translateY(0)} .ue-backtop:hover{background:#0d47a1;transform:translateY(-2px)} .ue-backtop svg{width:20px;height:20px} /* ======================================== 响应式 ======================================== */ @media(max-width:1200px){ .ue-section{padding:70px 0} .ue-section-title{font-size:38px} .ue-features-grid{grid-template-columns:repeat(2,1fr);gap:20px} .ue-feature-card:last-child{grid-column:1/-1;max-width:50%;margin:0 auto} .ue-case-item{flex:0 0 calc(33.333% - 16px)} .ue-competition .ue-case-item{flex:0 0 calc(50% - 12px)} .ue-stats-inner{flex-wrap:wrap;gap:32px} .ue-stat-divider{display:none} .ue-stat-item{flex:0 0 45%} .ue-cta-card{padding:50px 36px} .ue-cta-title{font-size:28px} .ue-banner{height:560px} .ue-banner-num{font-size:48px} .ue-banner-title{font-size:38px} } @media(max-width:768px){ .ue-section{padding:50px 0} .ue-section-title{font-size:28px;letter-spacing:2px} .ue-section-subtitle{font-size:18px} .ue-mission .ue-section-title{font-size:24px} .ue-features-grid{grid-template-columns:1fr} .ue-feature-card:last-child{max-width:100%} .ue-feature-card{padding:32px 24px} .ue-case-carousel-wrapper{gap:10px} .ue-case-item{flex:0 0 calc(50% - 12px)} .ue-competition .ue-case-item{flex:0 0 calc(100%)} .ue-case-nav{width:40px;height:40px} .ue-stat-item{flex:0 0 100%} .ue-stat-num{font-size:36px} .ue-cta-card{padding:36px 24px} .ue-cta-title{font-size:22px} .ue-cta-actions{flex-direction:column} .ue-cta-actions .ue-btn{width:100%} .ue-banner{height:480px;padding-bottom:50px} .ue-banner-titlewrap{flex-direction:column;align-items:flex-start;gap:8px} .ue-banner-num{font-size:40px} .ue-banner-title{font-size:30px} .ue-banner-desc{padding-left:0;font-size:16px} .ue-banner{padding-bottom:40px} .ue-backtop{width:42px;height:42px;bottom:20px;right:20px} } @media(max-width:480px){ .ue-section-title{font-size:24px} .ue-section{padding:40px 0} .ue-case-item{flex:0 0 100%} .ue-case-nav{display:none} .ue-banner{height:400px} .ue-banner-num{font-size:32px} .ue-banner-title{font-size:24px} .ue-cta-card{padding:30px 20px} } * ===== Hero ===== */ .hero{background:#f5f5f5;padding:80px 0 60px} .hero-c{display:flex;gap:80px;align-items:flex-start} .hero-l{flex:1.2} .hero-r{flex:1;display:flex;align-items:center;justify-content:center;position:relative} .hero-r img{width:100%;max-height:650px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,71,157,.15))} .hero-t{font-size:66px;font-weight:700;background:linear-gradient(135deg,#00479d,#0066cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:28px;letter-spacing:3px; margin-top: 30px;} .hero-d{font-size:16px;color:#253858;line-height:2;font-weight:400;margin-bottom:45px} .para{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px} .para-r{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(0,71,157,.04);border-radius:12px;border:1px solid rgba(0,71,157,.08);font-size:15px;transition:all .3s} .para-r:hover{background:rgba(0,71,157,.08);border-color:rgba(0,71,157,.15)} .para-ll{color:#00479d;font-weight:600;white-space:nowrap;flex-shrink:0;min-width:72px} .para-vv{color:#333;font-weight:600} /* ===== Section title ===== */ .sec-t{font-size:40px;font-weight:800;color:#1F2F3D;text-align:center;margin-bottom:12px;letter-spacing:3px} .sec-st{font-size:18px;color:#5E6D82;text-align:center;margin-bottom:60px} /* ===== Intro ===== */ .s-intro{background:#fff;padding:100px 0} .intro-c{display:flex;gap:80px;align-items:center} .intro-l{flex:1} .intro-r{flex:1.2} .intro-r img{width:100%;border-radius:4px} .tag{display:inline-block;padding:6px 16px;background:#e8f0f8;color:#00479d;font-size:13px;font-weight:600;border-radius:4px;margin-bottom:20px} .st{font-size:40px;font-weight:800;color:#222;margin-bottom:28px;line-height:1.3} .st span{color:#00479d} .p{font-size:17px;color:#555;line-height:2.2;margin-bottom:20px} .p strong{color:#222;font-weight:700} /* ===== Requirements ===== */ .s-req{background:#f5f5f5;padding:100px 0} .req-g{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;margin-top:40px} .req-c{background:#fff;border-radius:8px;padding:40px 32px;border:1px solid #e8e8e8} .req-c h4{font-size:14px;color:#00479d;font-weight:700;margin-bottom:16px;letter-spacing:1px} .req-c p{font-size:16px;color:#555;line-height:1.8} .req-c ul{list-style:none} .req-c ul li{position:relative;padding-left:20px;font-size:15px;color:#555;line-height:2.2} .req-c ul li::before{content:'';position:absolute;left:0;top:9px;width:10px;height:10px;background:#00479d;border-radius:2px} .hl{color:#00479d;font-weight:700} /* ===== Solutions - full width bars ===== */ .s-sol{background:#fff;padding:100px 0} .sol{display:flex;margin-bottom:24px;background:#fff;overflow:hidden;height:550px;border-radius:20px;box-shadow:0 4px 24px rgba(0,60,120,.06);border:1px solid rgba(0,82,165,.06)} .sol:last-child{margin-bottom:0} .sol-rv{flex-direction:row-reverse} .sol-img{flex:0 0 50%;position:relative;overflow:hidden} .sol-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)} .sol:hover .sol-img img{transform:scale(1.06)} .sol-tag{position:absolute;top:0;left:0;background:linear-gradient(135deg,#00479d,#0066cc);color:#fff;padding:12px 28px;font-size:13px;font-weight:700;letter-spacing:2px;z-index:2;border-radius:0 0 12px 0} .sol-rv .sol-tag{left:auto;right:0} .sol-txt{flex:1;padding:50px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#F3F9FF} .sol-txt::before{content:'';position:absolute;left:0;top:50px;bottom:50px;width:4px;background:linear-gradient(180deg,#00479d,#64b5f6);border-radius:2px; display: none;} .sol-rv .sol-txt::before{left:auto;right:0} .sol-rv .sol-txt{padding-left:50px;padding-right:60px} .sol-num{font-size:64px;font-weight:900;color:#00479d;opacity:.06;line-height:1;position:absolute;top:24px;right:40px} .sol-rv .sol-num{right:auto;left:40px} .sol-txt h3{font-size:30px;font-weight:800;color:#0055A5;margin-bottom:10px;letter-spacing:1px} .sol-sl{font-size:16px;color:#888;font-style:italic;margin-bottom:24px} .sol-desc{font-size:16px;color:#555;line-height:2.2;margin-bottom:28px} .sol-desc strong{color:#222;font-weight:700} .sol-list{list-style:none} .sol-list li{position:relative;padding-left:24px;font-size:15px;color:#555;line-height:2.6} .sol-list li::before{content:'';position:absolute;left:0;top:11px;width:11px;height:11px;background:linear-gradient(135deg,#00479d,#64b5f6);border-radius:3px} /* ===== Results ===== */ .s-res{position:relative;padding:100px 0;text-align:center;overflow:hidden} .s-res-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat} .s-res-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,71,157,.92) 0%,rgba(0,102,204,.88) 50%,rgba(0,71,157,.92) 100%)} .s-res .w{position:relative;z-index:2} .res-t{font-size:40px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:3px} .res-d{font-size:18px;color:rgba(255,255,255,.75);margin-bottom:48px;display:block} .res-g{display:flex;align-items:stretch;justify-content:center;gap:40px;padding:0 80px} .res-card{flex:1;background:rgba(255,255,255,.1);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:48px 36px;text-align:center;transition:all .5s cubic-bezier(.22,.61,.36,1);box-shadow:0 8px 32px rgba(0,0,0,.1)} .res-card:hover{background:rgba(255,255,255,.18);transform:translateY(-8px);box-shadow:0 20px 56px rgba(0,0,0,.2)} .res-card-icon{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15)} .res-card-compare{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:8px} .res-card-before,.res-card-after{display:flex;align-items:baseline;justify-content:center;gap:4px} .res-card-val{font-size:56px;font-weight:800;line-height:1} .res-card-before .res-card-val{color:rgba(255,255,255,.35)} .res-card-after .res-card-val{color:#fff} .res-card-unit{font-size:22px;font-weight:600;color:rgba(255,255,255,.45)} .res-card-after .res-card-unit{color:rgba(255,255,255,.9)} .res-card-arrow{color:#f5a623;display:flex;align-items:center;justify-content:center;flex-shrink:0} .res-card-label{font-size:18px;color:rgba(255,255,255,.75);margin-top:20px;display:block;letter-spacing:2px} .res-card-badge{display:inline-block;margin-top:12px;padding:8px 22px;background:linear-gradient(135deg,rgba(245,166,35,.3),rgba(245,166,35,.2));color:#ffe082;border-radius:24px;font-size:14px;font-weight:700;letter-spacing:1px;border:1px solid rgba(245,166,35,.2)} .res-n{font-size:56px;font-weight:800;color:rgba(255,255,255,.4);line-height:1;margin-bottom:8px} .res-n.on{color:#fff} .res-u{font-size:24px;font-weight:600} .res-a{width:40px;height:40px;color:#f5a623;margin:12px auto;display:flex;align-items:center;justify-content:center;font-size:28px} .res-l{font-size:18px;color:rgba(255,255,255,.7);margin-top:8px;display:block} .res-s{display:inline-block;margin-top:8px;padding:4px 14px;background:rgba(245,166,35,.25);color:#ffe082;border-radius:20px;font-size:13px;font-weight:600} .res-v{width:1px;height:80px;background:rgba(255,255,255,.15)} /* ===== CTA ===== */ .cta{background:#f5f5f5;padding:80px 0;text-align:center} .cta h2{font-size:40px;font-weight:800;color:#1F2F3D;margin-bottom:10px;letter-spacing:3px} .cta>p{font-size:18px;color:#666;margin-bottom:40px} .cta-cards{display:flex;gap:32px;padding:0 80px} .cta-card{flex:1;background:#fff;border-radius:20px;padding:48px 36px;text-align:center;border:1px solid #e0ecf5;transition:all .5s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden} .cta-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00479d,#1691FF);opacity:0;transition:opacity .3s ease} .cta-card:hover{box-shadow:0 16px 48px rgba(0,71,157,.12);border-color:rgba(0,71,157,.2);transform:translateY(-6px)} .cta-card:hover::before{opacity:1} .cta-card-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,rgba(0,71,157,.06),rgba(100,181,246,.1));display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid rgba(0,71,157,.08)} .cta-card h3{font-size:22px;font-weight:700;color:#1F2F3D;margin-bottom:12px;letter-spacing:1px} .cta-card p{font-size:15px;color:#5E6D82;line-height:1.8;margin-bottom:24px} .cta-card-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#00479d,#0066cc);color:#fff;font-size:14px;font-weight:600;border-radius:8px;transition:all .3s;text-decoration:none; background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%); } .cta-card-btn:hover{background: linear-gradient(90deg, #1851B4 40.38%, #1683FF 100%);transition: all 0.5s;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,71,157,.3)} .cta-card-btn svg{transition:transform .3s} .cta-card-btn:hover svg{transform:translateX(3px)} .cta-a{display:inline-block;padding:16px 48px;background:#00479d;color:#fff;font-size:16px;font-weight:600;border-radius:6px;transition:all .3s} .cta-a:hover{background:#003472;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,71,157,.3)} /* top */ .top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#00479d;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:18px;opacity:0;visibility:hidden;transition:all .3s;z-index:999} .top.s{opacity:1;visibility:visible} @media(max-width:1200px){ .hero-t{font-size:52px} .hero-c{flex-direction:column} .intro-c{flex-direction:column} .req-g{grid-template-columns:1fr} .sol{flex-direction:column!important;min-height:auto} .sol-txt::before{display:none} .sol-rv .sol-txt{padding:40px} .sol-img{flex:none;height:300px} .res-g{flex-direction:column;gap:24px} .res-v{display:none} .cta-cards{flex-direction:column;padding:0 40px} } @media(max-width:768px){ .hero-t{font-size:36px} .st{font-size:28px} .sec-t{font-size:28px} .sol-txt h3{font-size:24px} .res-t{font-size:28px} .res-n{font-size:40px} .res-card-val{font-size:40px} .res-card{padding:28px 20px} .cta-card{padding:32px 24px} .cta h2{font-size:28px} .para{grid-template-columns:1fr} } .case_bodym{position:relative;overflow:hidden;padding-top:120px;padding-bottom:80px; height: 800px;} .dc-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat} .dc-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(217,241,255,.92) 100%)} .case_bodym .container{position:relative;z-index:2} .dc-hero-tag{display:inline-block;font-size:13px;font-weight:600;color:#fff;letter-spacing:2px;margin-bottom:16px;padding:8px 22px;border-radius:20px;background:linear-gradient(135deg,#00479d,#0066cc);box-shadow:0 4px 12px rgba(0,71,157,.2);background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);} .heam_h2{color:#1F2F3D;font-size:24px;font-weight:700;margin-bottom:12px;margin-top:32px;letter-spacing:1px} #ueBanner{ height: 400px;} #ueFeatures{ padding-top: 80px; padding-bottom: 80px;} /* ===== Intro ===== */ .s-intro{background:#fff;padding:100px 0} .intro-c{display:flex;gap:80px;align-items:center} .intro-l{flex:1} .intro-r{flex:1.2} .intro-r img{width:100%;border-radius:4px} .tag{display:inline-block;padding:6px 16px;background:#e8f0f8;color:#00479d;font-size:13px;font-weight:600;border-radius:4px;margin-bottom:20px} .st{font-size:36px;font-weight:700;color:#222;margin-bottom:30px;line-height:1.4} .st span{color:#00479d} .p{font-size:17px;color:#555;line-height:2.2;margin-bottom:20px} .p strong{color:#222;font-weight:700} /* ===== Core functions - 全宽横条交替 ===== */ .s-core{background:#f5f5f5;padding:100px 0} .fn-item{display:flex;margin-bottom:2px;background:#fff;overflow:hidden;min-height:420px} .fn-item:last-child{margin-bottom:0} .fn-rv{flex-direction:row-reverse} .fn-img{flex:0 0 55%;position:relative;overflow:hidden} .fn-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)} .fn-item:hover .fn-img img{transform:scale(1.05)} .fn-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,71,157,.85),rgba(0,52,114,.9));display:flex;flex-direction:column;justify-content:center;padding:60px;color:#fff;z-index:2;opacity:0;transition:opacity .5s} .fn-item:hover .fn-overlay{opacity:1} .fn-overlay h4{font-size:24px;font-weight:700;margin-bottom:16px} .fn-overlay p{font-size:15px;line-height:1.9;opacity:.9} .fn-tag{position:absolute;top:0;left:0;background:#00479d;color:#fff;padding:12px 28px;font-size:14px;font-weight:700;z-index:3;letter-spacing:2px} .fn-rv .fn-tag{left:auto;right:0} .fn-text{flex:1;padding:60px 80px;display:flex;flex-direction:column;justify-content:center;position:relative} .fn-text::before{content:'';position:absolute;left:0;top:60px;bottom:60px;width:4px;background:linear-gradient(180deg,#00479d,#64b5f6);border-radius:2px} .fn-rv .fn-text::before{left:auto;right:0} .fn-rv .fn-text{padding-left:60px;padding-right:80px} .fn-num{font-size:72px;font-weight:900;color:#00479d;opacity:.08;line-height:1;position:absolute;top:30px;right:40px} .fn-rv .fn-num{right:auto;left:40px} .fn-text h3{font-size:36px;font-weight:800;color:#222;margin-bottom:10px;letter-spacing:2px} .fn-sl{font-size:17px;color:#00479d;font-style:italic;margin-bottom:28px} .fn-desc{font-size:16px;color:#555;line-height:2.2;margin-bottom:32px} .fn-desc strong{color:#222;font-weight:700} .fn-list{list-style:none} .fn-list li{position:relative;padding-left:24px;font-size:15px;color:#666;line-height:2.6} .fn-list li::before{content:'';position:absolute;left:0;top:11px;width:12px;height:12px;background:#00479d;border-radius:3px} .fn-link{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:14px 36px;background:#00479d;color:#fff;font-size:15px;font-weight:600;border-radius:6px;transition:all .3s;align-self:flex-start} .fn-link:hover{background:#003472;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,71,157,.3)} /* ===== Features ===== */ .s-feat{background:#fff;padding:100px 0} /* ======================================== 产品页面 - Product SurfMill ======================================== */ .ps-hero{position:relative;width:100%;height:720px;overflow:hidden;display:flex;align-items:center;margin-top:80px;background:#0a1628} .ps-hero-bg{position:absolute;inset:0;z-index:0} .ps-hero-bg>div,.ps-hero-bg>img{width:100%;height:100%;object-fit:cover;object-position:center} .ps-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,20,60,.85) 0%,rgba(0,50,120,.7) 40%,rgba(0,80,180,.5) 100%);z-index:1} .ps-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:160px 0 120px;color:#fff} .ps-hero-title{font-size:64px;font-weight:800;margin-bottom:16px;letter-spacing:4px;text-shadow:0 4px 24px rgba(0,0,0,.3)} .ps-hero-sub{font-size:24px;font-weight:400;color:rgba(255,255,255,.85);margin-bottom:32px;letter-spacing:2px} .ps-hero-desc{font-size:16px;color:rgba(255,255,255,.7);line-height:2;max-width:720px;letter-spacing:1px} /* Tab导航 */ .ps-navs{background:#fff;border-bottom:1px solid #e8ecf0;position:sticky;top:80px;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.04)} .ps-navs-track{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .ps-navs-track::-webkit-scrollbar{display:none} .ps-nav-item{flex-shrink:0;padding:20px 32px;font-size:16px;font-weight:500;color:#5E6D82;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;letter-spacing:1px} .ps-nav-item::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:3px;background:linear-gradient(90deg,#1565D8,#1691FF);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0} .ps-nav-item:hover{color:#1565D8} .ps-nav-item.active{color:#1565D8;font-weight:700} .ps-nav-item.active::after{left:0;right:0} /* Tab面板 */ .ps-panels{background:#f8fafc;min-height:400px} .ps-panel{display:none;padding:80px 0 100px;animation:ps-fadeIn .5s ease} .ps-panel.active{display:block} @keyframes ps-fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} .ps-panel-header{margin-bottom:60px;text-align:center} .ps-panel-title{font-size:42px;font-weight:800;color:#1F2F3D;margin-bottom:14px;letter-spacing:2px} .ps-panel-desc{font-size:16px;color:#5E6D82;line-height:1.9;margin:0 auto;letter-spacing:1px} /* 内容块布局 */ .ps-blocks{display:flex;flex-direction:column;gap:40px} .ps-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px} .ps-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .ps-block{background:#fff;border-radius:16px;padding:36px;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden} .ps-block:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-4px);border-color:rgba(21,101,216,.15)} .ps-block-full{padding:40px} .ps-block-title{font-size:32px;font-weight:700;color:#1F2F3D;margin-bottom:20px;letter-spacing:1px;display:flex;align-items:center;gap:12px} .ps-block-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1565D8,#1691FF);color:#fff;font-size:15px;font-weight:800;flex-shrink:0} .ps-block-text{font-size:17px;color:#253858;line-height:1.9;margin-bottom:16px;letter-spacing:.5px} .ps-block-text-center{text-align:center;max-width:800px;margin:20px auto 0} /* 左右布局 */ .ps-lr-layout{display:flex;gap:40px;align-items:center} .ps-lr-layout .ps-block-text{flex:1;min-width:200px} .ps-lr-layout .ps-block-imgs{flex:1.2} /* 图片网格 */ .ps-block-imgs{display:grid;gap:16px} .ps-imgs-1{grid-template-columns:1fr} .ps-imgs-2{grid-template-columns:repeat(2,1fr)} .ps-imgs-3{grid-template-columns:repeat(3,1fr)} .ps-imgs-5{grid-template-columns:repeat(5,1fr)} .ps-img-item{overflow:hidden} .ps-img{border-radius:12px;overflow:hidden;background:#f0f4f8; text-align: center;} .ps-img-white{background:#fff;border:1px solid #e8ecf0} .ps-img-gray{background:#f6f6f6} .ps-img img{width:100%;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)} .ps-img-item:hover .ps-img img{transform:scale(1.05)} .ps-img-label{text-align:center;margin-top:10px;font-size:14px;color:#5E6D82;letter-spacing:1px} .ps-img-desc{margin-top:12px;font-size:13px;color:#5E6D82;line-height:1.8;letter-spacing:.5px} /* 子版块 */ .ps-sub-section{background:#fff;border-radius:16px;padding:40px;border:1px solid #e8ecf0;margin-bottom:40px} .ps-sub-badge{display:inline-block;font-size:15px;font-weight:700;color:#1565D8;padding:8px 24px;background:linear-gradient(135deg,rgba(21,101,216,.06),rgba(21,101,216,.1));border-radius:24px;border:1px solid rgba(21,101,216,.12);margin-bottom:24px;letter-spacing:1px} .ps-sub-desc{font-size:15px;color:#5E6D82;line-height:1.9;margin-bottom:24px;max-width:800px;letter-spacing:.5px} /* 卡片样式 */ .ps-block-card{padding:0;overflow:hidden;display:flex;flex-direction:column} .ps-block-card .ps-block-imgs{gap:0} .ps-block-card .ps-img{border-radius:0} .ps-card-body{padding:28px 32px 32px} .ps-card-title{font-size:20px;font-weight:700;color:#1F2F3D;margin-bottom:12px;letter-spacing:1px} .ps-card-desc{font-size:14px;color:#5E6D82;line-height:1.9;letter-spacing:.5px} /* 下载专区 */ .ps-download{padding:80px 0 100px;background:#f8fafc} .ps-download-header{margin-bottom:60px;text-align:center} .ps-download-title{font-size:32px;font-weight:800;color:#1F2F3D;letter-spacing:3px;white-space:nowrap} .ps-download-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,#1565D8,transparent)} .ps-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px; padding-left: 80px; padding-right: 80px;} .ps-download-item{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer} .ps-download-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-4px);border-color:rgba(21,101,216,.15)} .ps-dl-img{height:220px;overflow:hidden;background:#f0f4f8} .ps-dl-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)} .ps-download-item:hover .ps-dl-img img{transform:scale(1.06)} .ps-dl-info{padding:24px} .ps-dl-name{font-size:16px;font-weight:700;color:#1F2F3D;margin-bottom:8px;letter-spacing:1px;line-height:1.5} .ps-dl-type{font-size:13px;color:#1565D8;font-weight:500;letter-spacing:1px} /* 滚动动画 */ [data-ps-animate="slide-up"]{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)} [data-ps-animate="slide-up"].ps-animated{opacity:1;transform:translateY(0)} [data-ps-delay="1"]{transition-delay:.15s} [data-ps-delay="2"]{transition-delay:.3s} [data-ps-delay="3"]{transition-delay:.45s} /* 响应式 */ @media(max-width:1200px){ .ps-hero{height:560px} .ps-hero-title{font-size:48px} .ps-hero-sub{font-size:20px} .ps-row-2{grid-template-columns:1fr} .ps-row-3{grid-template-columns:repeat(2,1fr)} .ps-imgs-5{grid-template-columns:repeat(3,1fr)} .ps-lr-layout{flex-direction:column} .ps-panel-title{font-size:30px} .ps-download-grid{grid-template-columns:repeat(2,1fr)} .ps-nav-item{padding:18px 24px;font-size:15px} } @media(max-width:768px){ .ps-hero{height:480px} .ps-hero-title{font-size:32px;letter-spacing:2px} .ps-hero-sub{font-size:16px} .ps-hero-desc{font-size:14px} .ps-hero-content{padding:120px 0 80px} .ps-row-3{grid-template-columns:1fr} .ps-imgs-3{grid-template-columns:repeat(2,1fr)} .ps-imgs-5{grid-template-columns:repeat(2,1fr)} .ps-imgs-2{grid-template-columns:1fr} .ps-panel{padding:50px 0 60px} .ps-panel-title{font-size:24px} .ps-panel-desc{font-size:14px} .ps-block{padding:24px} .ps-sub-section{padding:24px} .ps-download-grid{grid-template-columns:1fr} .ps-nav-item{padding:14px 16px;font-size:14px} .ps-download-title{font-size:24px} .sp-feature-img img{height:200px} .sp-feature-banner{padding:20px} .ps-dl-img{height:180px} } @media(max-width:480px){ .ps-hero{height:400px} .ps-hero-title{font-size:28px} .ps-imgs-3{grid-template-columns:1fr} .ps-imgs-5{grid-template-columns:1fr} .ps-panel-title{font-size:20px} .ps-download-title{font-size:20px} .sp-feature-img img{height:160px} .sp-hero-product-img{width:100%} .ps-dl-img{height:160px} } /* ========== 软件特色 - 统一左文右图 ========== */ .sp-feature-section { background: #fff !important; padding: 60px 0 80px; } .sp-feature-banner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 50px; background: linear-gradient(135deg,#f8fafc 0%,#f0f4f8 100%); border-radius: 20px; padding: 40px; border: 1px solid #e8ecf0; transition: all .5s cubic-bezier(.4,0,.2,1); } .sp-feature-banner:hover{box-shadow:0 16px 48px rgba(21,101,216,.08);border-color:rgba(21,101,216,.12);transform:translateY(-3px)} .sp-feature-banner:last-child { margin-bottom: 0; } .sp-feature-banner:nth-child(even) .sp-feature-img { order: 1; } .sp-feature-banner:nth-child(even) .sp-feature-text { order: 2; padding-left: 0; padding-right: 20px; } .sp-feature-img { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.1); order: 2; } .sp-feature-img img { width: 100%; height: 340px; object-fit: cover; transition: transform .7s cubic-bezier(.25,.46,.45,.94); } .sp-feature-banner:hover .sp-feature-img img{transform:scale(1.04)} .sp-feature-text { order: 1; padding-left: 20px; } .sp-feature-text h3 { font-size: 36px; font-weight: 700; color: #1F2F3D; margin-bottom: 16px; letter-spacing: 2px; } .sp-feature-text h3 .sp-badge { display: inline-block; background: linear-gradient(135deg,#1565D8,#1691FF); color: #fff; padding: 4px 14px; font-size: 13px; border-radius: 6px; margin-right: 10px; vertical-align: middle; font-weight: 600; letter-spacing: 1px; } .sp-feature-text h4{ margin-bottom: 16px; color:#1565D8; font-size:18px; font-weight:600; letter-spacing:1px} .sp-feature-text p { font-size: 15px; color: #5E6D82; line-height: 2; letter-spacing: .5px; } @media (max-width: 1200px) { .sp-feature-banner { grid-template-columns: 1fr; gap: 30px; padding: 28px; } .sp-feature-img { order: 1 !important; } .sp-feature-text { order: 2 !important; padding-left: 0 !important; padding-right: 0 !important; } .sp-feature-text h3 { font-size: 28px; } .sp-feature-img img { height: 260px; } } /* ========== Hero区 ========== */ .sp-hero { background: #0a1628; color: #fff; padding: 80px 0 100px; text-align: center; position: relative; overflow: hidden; } .sp-hero-bg{position:absolute;inset:0;z-index:0} .sp-hero-bg>div,.sp-hero-bg>img{width:100%;height:100%;object-fit:cover;object-position:center} .sp-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,20,60,.88) 0%,rgba(0,50,120,.72) 40%,rgba(0,80,180,.55) 70%,rgba(0,40,100,.85) 100%);z-index:1;inset: 0; background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(217, 241, 255, .92) 100%);} .sp-hero::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: rgba(255,255,255,0.04); border-radius: 50%; z-index: 2; } .sp-hero::after { content: ''; position: absolute; bottom: -150px; left: -100px; width: 500px; height: 500px; background: rgba(255,255,255,0.03); border-radius: 50%; z-index: 2; } .sp-hero-inner { position: relative; z-index: 3; padding-top: 60px; } .sp-hero h1 { font-size: 66px; font-weight: 700; background: linear-gradient(135deg, #00479d, #0066cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.1; margin-bottom: 28px; } .sp-hero .sp-subtitle { color: #1F2F3D; font-size: 24px; font-weight: 700; margin-bottom: 12px; margin-top: 12px; letter-spacing: 1px; } .sp-hero-desc { margin: 0 auto; font-size: 16px; line-height: 2; opacity: 1; text-align: center; letter-spacing: 0px; padding-left: 100px; padding-right: 100px; color: #253858; } .sp-hero-product-img{width:50%;max-width:100%;display:inline-block} .ps-block-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 28px;background:linear-gradient(135deg,#1565D8,#1691FF);color:#fff;font-size:14px;font-weight:600;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:1px;text-decoration:none; display: none;} .ps-block-link:hover{background:linear-gradient(135deg,#0d47a1,#1565D8);transform:translateY(-2px);box-shadow:0 6px 20px rgba(21,101,216,.35)} @media (max-width: 768px) { .sp-hero { padding: 50px 0 60px; } .sp-hero h1 { font-size: 36px; letter-spacing:2px; } .sp-hero .sp-subtitle { font-size: 18px; } .sp-hero-desc { font-size: 14px; padding: 0 20px; } .sp-hero-product-img { width: 80%; } } @media (max-width: 1680px) { .product-header{ height: 50px;} .sol-card-body{ padding: 50px 34px;} .sol-card-item.active .sol-card-subtitle { padding-left: 5px; line-height: 33px; } .logo img{height:39px;width:auto;object-fit:contain;max-width:none} .logo{flex-shrink:0} .nav-item>a{ padding: 0 16px;} .hero-card-tab h4{ } .hero-card-tab p{} .product-name{ line-height: 28px;} .logo-rows{ gap:40px;} .stat p{ } .sol-card-body-le-zz{ margin-top: 10px;} } @media (max-width: 1620px){ } @media (max-width: 1600px) { .sol-card-body { padding: 45px 26px; } .nav-item>a { padding: 0 14px; } .header-left{ gap:30px;} } @media (max-width: 1530px) { .sol-card-item.active .sol-card-subtitle{ line-height: 33px;} .about-layout{grid-template-columns: 1.2fr .9fr;} .about-body{ line-height: 1.85; margin-top: 28px; margin-bottom: 30px;} .stat-num{ font-size: 35px;} .stats{ gap:0;} .logo-rows { gap: 30px; } } @media (max-width: 1420px) { .nav-item>a{padding: 0 16px;} } @media (max-width: 1384px) { } @media (max-width: 1380px) { .logo img{height:40px;width:auto;object-fit:contain;max-width:none} .header-left{ gap:32px;} } /* ========== Subscribe 新版样式 ========== */ .rjdy_big{ background: url(../images/dingy_bj.jpg) no-repeat top center; background-size: cover; padding-top: 100px;} .sub-page-title{padding:60px 0 20px;text-align:center} .sub-page-title h1{ font-family: Alibaba PuHuiTi; font-weight: 500; font-style: Medium; font-size: 48px; leading-trim: NONE; line-height: 63px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: #272B34; margin-bottom: 10px; } .sub-page-title p{ font-family: Alibaba PuHuiTi; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 30px; letter-spacing: 0%; text-align: center; } .sub-product-section{padding:80px 120px;} .sub-product-header{text-align:center;margin-bottom:40px} .sub-product-header h2{ font-family: HarmonyOS Sans SC; font-weight: 500; font-style: Medium; font-size: 48px; leading-trim: NONE; line-height: 56px; letter-spacing: 0%; text-align: center; } .sub-product-desc{font-family: HarmonyOS Sans SC; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 24px; letter-spacing: 0%; text-align: center; margin-top: 10px; color: #8B8B8B; } .sub-version-tabs{display:flex;justify-content:center;gap:50px; margin-top: 50px;} .sub-tab{padding:8px 0;font-size:16px;font-weight:500;color:#666;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s; font-family: HarmonyOS Sans SC; font-weight: 500; font-style: Medium; font-size: 24px; leading-trim: NONE; line-height: 32px; letter-spacing: 0%; } .sub-tab.active{color:#0066FF;border-bottom-color:#0066FF} .sub-version-panel{display:none;flex-direction:column;gap:30px} .sub-version-panel.active{display:flex} .sub-plan-card{display:flex;border:1px solid #DCDCDC;border-radius:8px;overflow:hidden;background:#fff;cursor: pointer;} .sub-plan-card.primary{border:2px solid #0066FF;} .sub-plan-price{flex:0 0 250px;padding:28px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #E0E0E0} .sub-plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:16px;justify-content:center} .sub-plan-amount{font-size:48px;font-weight:700;color:#333;line-height:1} .sub-plan-currency{font-size:24px;font-weight:400;vertical-align:top;margin-right:2px} .sub-plan-period{font-size:16px;color:#666} .sub-plan-btn{display:inline-block;padding:8px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;border:1px solid #0052DA;background:#fff;color:#0052DA;text-align:center} .sub-plan-btn:hover{background:#0052DA;color:#fff} .sub-plan-btn.primary{background:#0052DA;color:#fff} .sub-plan-btn.primary:hover{background:#004080} .sub-plan-features{flex:1;padding:28px} .sub-plan-features h4{font-size:16px;font-weight:700;color:#333;margin-bottom:12px} .sub-plan-features ul{list-style:none;padding:0;margin:0} .sub-plan-features li{font-size:14px;color:#8B8B8B;line-height:22px;margin-bottom:8px;display:flex;align-items:flex-start;gap:8px} .sub-plan-features li:last-child{margin-bottom:0} .sub-check{width:18px;height:18px;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center} .sub-check img{width:18px;height:18px;display:block} .sub-plan-card .sub-check img{opacity:.3} .sub-plan-card.primary .sub-check img{opacity:1} @media(max-width:1200px){ .sub-product-section{padding:60px 40px} } @media(max-width:768px){ .sub-product-section{padding:40px 24px} .sub-product-header h2{font-size:28px} .sub-product-desc{font-size:13px} .sub-plan-card{flex-direction:column} .sub-plan-price{flex:none;border-right:none;border-bottom:1px solid #E0E0E0;padding:20px} .sub-plan-amount{font-size:36px} } /* ========== Partner 合作伙伴计划页面 ========== */ .ptn-intro{padding:80px 0px;text-align:center} .ptn-intro h2{font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold;} .ptn-intro h3{font-size:20px;font-weight:500;color:#333;line-height:1.5;margin-bottom:16px} .ptn-intro p{font-size:1.5rem;font-weight:400;color:#253858;line-height:1.6;margin-bottom:8px} .ptn-intro p:last-child{margin-bottom:0} .ptn-modules{padding:0 0px 80px;} .ptn-modules-grid{display:flex;gap:20px} .ptn-card { flex: 1; border-radius: 8px; padding: 48px; padding-bottom: 90px; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); } .ptn-card.dark{backdrop-filter: blur(12px);background: linear-gradient(137.64deg, #005BAC 26.26%, #ABDDFF 161.48%);} .ptn-card.light{background: linear-gradient(269.62deg, rgba(171, 221, 255, 0.8) -11.02%, rgba(231, 246, 255, 0.8) 105.21%); } .ptn-card-icon{margin-bottom:24px} .ptn-card-icon img{display:block;height:auto} .ptn-card h4{font-size:1.375rem;font-weight:600;line-height:1.5;margin-bottom:12px} .ptn-card.dark h4{color:#fff} .ptn-card.light h4{color:#1A66B2} .ptn-card p{font-size:1rem;font-weight:400;line-height:1.6} .ptn-card.dark p{color:#fff} .ptn-card.light p{color:#005BAC} .ptn-stats{padding:0px 0px;text-align:center; padding-bottom: 30px;} .ptn-stats h2{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 50px; leading-trim: NONE; line-height: 72px; letter-spacing: 10%; text-align: center; vertical-align: middle; color: #1F2F3D; font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; } .ptn-stats-subtitle{font-size: 1.5rem; color: #253858; letter-spacing: 0px;margin-bottom:50px} .ptn-stats-grid{display:flex;gap:10px;justify-content:center} .ptn-stat-item{flex:1;text-align: -webkit-left;} .ptn-stat-num{font-size:3.125rem;font-weight:700;color:#1A65B8;line-height:1.5} .ptn-unit{font-size:1.5rem;font-weight:400;color:#1F2F3D} .ptn-stat-label{font-size:1.5rem;font-weight:400;color:#1F2F3D;line-height:1.5;margin-top:4px} .ptn-stats_tu1{ margin-top: 50px;} .ptn-stats_tu1 p{ margin-top: 50px; margin-bottom: 50px;} @media(max-width:1200px){ .ptn-intro{padding:60px 40px} .ptn-modules{padding:0 40px 60px} .ptn-stats{padding:60px 40px} .ptn-modules-grid{flex-wrap:wrap} .ptn-card{flex:0 0 calc(50% - 10px)} .ptn-stats-grid{flex-wrap:wrap} .ptn-stat-item{flex:0 0 calc(33.333% - 20px)} .ptn-intro h2{font-size:36px} .ptn-stat-num{font-size:36px} } @media(max-width:768px){ .ptn-intro{padding:40px 24px} .ptn-intro h2{font-size:32px} .ptn-intro h3{font-size:18px} .ptn-intro p{font-size:16px} .ptn-modules{padding:0 24px 40px} .ptn-card{flex:0 0 100%} .ptn-stats{padding:40px 24px} .ptn-stat-item{flex:0 0 calc(50% - 15px)} .ptn-stat-num{font-size:32px} } /* ========== Undergraduate Engineering 本科工程教育页面 ========== */ .ue-mission{padding:80px 120px;background:#fff;text-align:center} .ue-mission h2{font-size:36px;font-weight:700;color:#2C3E50;line-height:1.4;margin-bottom:16px} .ue-hl{color:#0052DA} .ue-mission p{font-size:18px;color:#555;line-height:1.6} .ue-case{padding:60px 0px 80px;background:#E6F2FA} .ue-case-label{display:inline-block;font-size:1.875rem;font-weight:600;color:#1F2F3D;background:#E8F0FE;padding:4px 0px;border-radius:20px;margin-bottom:0px} .ue-case h2{font-size:50px;font-weight:700;color:#1F2F3D;margin-bottom:12px} .ue-case-desc{font-size:1.5rem;color:#253858;line-height:1.7;margin-bottom:1rem;} .ue-case-layout{display:flex;gap:24px;align-items:stretch} .ue-case-cards{flex:4;display:flex;flex-direction:column;gap:20px;justify-content:space-between} .ue-case-card{background:#fff;border-radius:8px;padding:26px 20px;box-shadow:0 2px 8px rgba(0,0,0,.06);flex:1;display:flex;flex-direction:column;justify-content:center} .ue-case-card h4{font-size:1.875rem;font-weight:600;color:#253858;margin-bottom:20px} .ue-case-card p{font-size:1.5rem;color:#253858;line-height:1.6} .ue-sep{color:#253858;margin:0 4px} .ue-case-img{flex:6;border-radius:8px;overflow:hidden} .ue-case-img img{width:100%;height:100%;object-fit:cover;display:block} .ue-comp{padding:80px 0px;background:#fff} .ue-comp h2{font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; font-weight: bold;text-align:center;margin-bottom:40px} .ue-comp-grid{display:flex;gap:24px} .ue-comp-card{flex:1;border-radius:8px;overflow:hidden;background:#fff; box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px) } .ue-comp-card-img{width:100%;height:200px;overflow:hidden; border-radius: 8px;} .ue-comp-card-img img{width:100%;height:100%;object-fit:cover;display:block} .ue-comp-card-body{padding:20px 24px} .ue-comp-card-body h4{font-size:1.875rem;font-weight:600;color:#272B34;margin-bottom:8px} .ue-comp-card-body p{font-size:1rem;color:#253858;line-height:1.6} @media(max-width:1200px){ .ue-mission{padding:60px 40px} .ue-case{padding:60px 40px} .ue-comp{padding:60px 40px} .ue-mission h2{font-size:32px} .ue-case h2{font-size:28px} .ue-comp h2{font-size:28px} } @media(max-width:768px){ .ue-mission{padding:40px 24px} .ue-mission h2{font-size:28px} .ue-mission p{font-size:16px} .ue-case{padding:40px 24px} .ue-case-layout{flex-direction:column} .ue-case-img{flex:none;height:220px} .ue-comp{padding:40px 24px} .ue-comp-grid{flex-direction:column} .ue-comp h2{font-size:24px} .ue-case h2{font-size:24px} .ue-mission h2{font-size:24px} } /* ========== Education 教育科研页面 ========== */ .ed-hero{position:relative;height:720px;overflow:hidden} .ed-hero-bg{position:absolute;inset:0} .ed-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:720px;text-align:center;color:#fff} .ed-hero-content h1{position: relative; z-index: 2; display: flex ; flex-direction: column; justify-content: center; align-items: center; height: 720px; color: #fff; text-align: center;font-size: 64px; font-weight: 700; letter-spacing: 2px;} .ed-hero-sub{font-size:1.25rem;font-weight:500;color:rgba(255,255,255,.85);line-height:1.5} .ed-philosophy{padding:80px 0px;background:#fff;text-align:center} .ed-philosophy h2{font-size:50px;font-weight:700;color:#1A2B3C;line-height:1.3;margin-bottom:12px} .ed-philosophy-sub{font-size: 1.5rem; color: #253858; letter-spacing: 0px;margin-bottom:50px} .ed-philosophy-desc{ font-family: HarmonyOS Sans SC; font-weight: 400; font-style: Regular; font-size: 1.25rem; leading-trim: NONE; line-height: 42px; letter-spacing: 0%; text-align: center; color: #253858; } .ed-coop{padding:0px;background:#fff;padding-bottom: 60px;} .ed-coop h2{font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 3.125rem; leading-trim: NONE; line-height: 72px; letter-spacing: 10%; color: #1F2F3D; text-align: center; font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; font-weight: bold; } .ed-coop-sub{font-size:15px;color:#4A5D6E;text-align:center;margin-bottom:40px} .ed-coop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px; margin-top: 4rem;} .ed-coop-card{background:url(../images/bj20.jpg) no-repeat top center;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:block;gap:16px;align-items:flex-start} .ed-coop-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#0057B8} .ed-coop-icon svg{width:24px;height:24px} .ed-coop-body h4{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 1.875rem; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; color: #253858; margin-top: 15px; } .ed-coop-body p{ font-family: HarmonyOS Sans SC; font-weight: 300; font-style: Regular; font-size: 1.5rem; leading-trim: NONE; line-height: 30px; letter-spacing: 0%; color: #253858; margin-top: 10px; } .ed-stats{padding:150px 0;background: url(../images/bj66.jpg) no-repeat top center; background-size: cover;} .ed-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px} .ed-stat-card{flex:1;display:flex;align-items:center;justify-content:center;gap:60px;padding:60px 40px; box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); background: rgba(255, 255, 255, .5); border-radius: 12px;backdrop-filter: blur(30px); } .ed-stat-left{display:flex;align-items:center;gap:20px;flex-shrink:0} .ed-stat-icon{width:80px;height:80px;border-radius:50%;background:#E6F2FF;display:flex;align-items:center;justify-content:center;flex-shrink:0} .ed-stat-icon img{width:80px;height:80px;} .ed-stat-num{font-size:4rem;font-weight:700;color:#005BAC;line-height:1.2} .ed-stat-num span{font-size:17px;font-weight:400;color:#005BAC} .ed-stat-card h3{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 1.875rem; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; text-align: center; color: #253858; } .ed-stat-card p{font-size:1.5rem;font-weight:400;color:#666;line-height:1.5; font-family: HarmonyOS Sans SC; font-weight: 400; font-style: Regular; font-size: 1.5rem; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; text-align: center; color: #253858; } .ed-fields{padding:80px 0px;background:#fff} .ed-fields h2{ color:#1A2B3C;text-align:center;margin-bottom:8px; font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; } .ed-fields-sub{font-size:17px;color:#4A5D6E;text-align:center;margin-bottom:40px} .ed-fields-grid{display:flex;gap:24px; margin-top: 50px;} .ed-field-card{flex:1;position:relative;border-radius:8px;overflow:hidden;min-height:280px;text-decoration:none;display:block} .ed-field-img{position:absolute;inset:0} .ed-field-img img{width:100%;height:100%;object-fit:cover;display:block} .ed-field-overlay{position:absolute;inset:0; background: url(../images/mengb.png) no-repeat top center; background-size: cover; } .ed-field-body{position:relative;z-index:2;padding:52px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:710px;color:#fff;box-sizing:border-box} .ed-field-num{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 3.125rem; leading-trim: NONE; line-height: 72px; letter-spacing: 10%; } .ed-field-body h3{ font-family: HarmonyOS Sans SC; font-weight: 700; font-style: Bold; font-size: 1.75rem; leading-trim: NONE; line-height: 40px; letter-spacing: 0%; } .ed-field-body p{ font-family: HarmonyOS Sans SC; font-weight: 300; font-style: Regular; font-size: 1.5rem; leading-trim: NONE; line-height: 28px; margin-top: 5px; letter-spacing: 0%; height: 40px; } .ed-field-link{font-size:1.25rem;font-weight:400;color:#fff;text-decoration:none; margin-top: 50px;} .ed-philosophy{ padding-bottom:4rem;} @media(max-width:1200px){ .ed-coop{padding:60px 40px} .ed-stats{padding:60px 40px} .ed-fields{padding:60px 40px} } @media(max-width:768px){ .ed-hero{height:300px} .ed-hero-content{height:300px} .ed-hero-content h1{font-size:28px} .ed-hero-sub{font-size:16px} .ed-philosophy{padding:40px 24px} .ed-philosophy h2{font-size:24px} .ed-coop{padding:40px 24px} .ed-coop-grid{grid-template-columns:1fr} .ed-stats{padding:40px 24px} .ed-stats-grid{grid-template-columns:1fr} .ed-stat-num{font-size:32px} } /* ========== Teacher Training 师资培训与认证页面 ========== */ .tt-intro{padding:80px 120px 60px;background:#fff;text-align:center} .tt-intro h2{font-size:36px;font-weight:600;color:#2E3A48;line-height:1.3;margin-bottom:16px} .tt-intro p{font-size:16px;font-weight:400;color:#4A5568;line-height:1.8;max-width:700px;margin:0 auto} .tt-showcase{position:relative;height:580px;overflow:hidden;border-radius:8px} .tt-showcase-bg{position:absolute;inset:0} /* .tt-showcase-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,51,102,.7) 0%,rgba(0,51,102,.1) 100%)} */ .tt-showcase-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:570px;padding-bottom:40px;padding-left:32px} .tt-showcase-content h3{font-size:1.875rem;font-weight:600;color:#fff;margin-bottom:8px} .tt-showcase-content p{font-size:1.5rem;font-weight:400;color:rgba(255,255,255,.8);line-height:1.6;} .tt-cards{padding:40px 0px 80px;background:#fff} .tt-cards-grid{display:flex;gap:24px} .tt-card{flex:1;border-radius:8px;padding:20px 24px;box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); } .tt-card:first-child{background:#E6F2FF} .tt-card:nth-child(2),.tt-card:nth-child(3){background:#fff} .tt-card h4{font-size:1.875rem;font-weight:600;color:#253858;margin-bottom:16px} .tt-card-list{list-style:none;padding:0;margin:0} .tt-card-list li{font-size:1.5rem;font-weight:400;color:#253858;line-height:24px;padding-left:14px;position:relative;margin-bottom:12px;list-style: none;} .tt-card-list li:last-child{margin-bottom:0} .tt-card-list li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#253858} .tt-card-text{font-size:14px;font-weight:400;color:#333;line-height:24px} .tt-sep{color:#999;margin:0 4px} @media(max-width:1200px){ .tt-intro{padding:60px 40px} .tt-cards{padding:60px 40px} .tt-intro h2{font-size:28px} } @media(max-width:768px){ .tt-intro{padding:40px 24px} .tt-intro h2{font-size:24px} .tt-intro p{font-size:15px} .tt-showcase{height:300px} .tt-showcase-content{height:300px;padding-bottom:40px} .tt-cards{padding:40px 24px} .tt-cards-grid{flex-direction:column} } /* ========== Vocational Training 职业院校实训页面 ========== */ .vt-intro{padding:100px 120px 40px;background:#fff;text-align:center} .vt-intro h2{font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; } .vt-intro p{ font-size: 1.5rem; color: #253858; letter-spacing: 0px; } .vt-features{padding:0px 0px 100px;background:#fff} .vt-features-grid{display:flex;gap:24px} .vt-feature-card{flex:1;background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden; border-radius: 12px; padding: 20px; gap: 24px; angle: 0 deg; opacity: 1; box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); } .vt-feature-img{width:100%;overflow:hidden} .vt-feature-img img{width:100%;height:100%;object-fit:cover;display:block; border-radius: 6px;} .vt-feature-card h4{font-size:1.875rem;font-weight:600;color:#253858;margin:16px 0px 8px} .vt-feature-card p{font-size:1.5rem;font-weight:400;color:#253858;line-height:1.6;margin:0 0px 20px} .vt-hl{font-size:1.375rem;font-weight:700;color:#0055A4} @media(max-width:1200px){ .vt-intro{padding:60px 40px} .vt-features{padding:40px 40px 60px} .vt-intro h2{font-size:28px} } @media(max-width:768px){ .vt-intro{padding:40px 24px} .vt-intro h2{font-size:24px} .vt-intro p{font-size:15px} .vt-features{padding:24px 24px 40px} .vt-features-grid{flex-direction:column} .vt-feature-img{height:200px} } /* ========== Research Lab 科研实验室页面 ========== */ .rl-intro{padding:64px 120px 48px;background:#fff;text-align:center} .rl-intro h2{font-size:32px;font-weight:700;color:#2D3748;line-height:1.3;margin-bottom:16px} .rl-intro p{font-size:16px;font-weight:400;color:#4A5568;line-height:1.8;max-width:700px;margin:0 auto} .rl-features{padding:48px 120px 80px;background:#fff} .rl-features-grid{display:flex;gap:24px} .rl-feature-card{flex:1;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden} .rl-feature-img{width:100%;height:280px;overflow:hidden} .rl-feature-img img{width:100%;height:100%;object-fit:cover;display:block} .rl-feature-card h4{font-size:20px;font-weight:600;color:#2D3748;margin:16px 20px 8px} .rl-feature-card p{font-size:14px;font-weight:400;color:#4A5568;line-height:1.7;margin:0 20px 24px} @media(max-width:1200px){ .rl-intro{padding:48px 40px} .rl-features{padding:40px 40px 60px} .rl-intro h2{font-size:28px} } @media(max-width:768px){ .rl-intro{padding:40px 24px} .rl-intro h2{font-size:24px} .rl-intro p{font-size:15px} .rl-features{padding:24px 24px 40px} .rl-features-grid{flex-direction:column} .rl-feature-img{height:200px} } /* ========== Custom 定制开发页面 ========== */ .cust-intro{padding:80px 0px;background:#fff;text-align:center} .cust-intro h2{font-size:3.125rem;font-weight:700;color:#1F2F3D;line-height:1.4;margin-bottom:20px} .cust-intro p{font-size:1.5rem;color:#1F2F3D;line-height:2;margin:0 auto} .cust-intro p strong{color:#004A8C} .cust-photos{padding:0 0px 80px;background:#fff} .cust-photos-grid{display:flex;gap:24px} .cust-photo-card{flex:1;border-radius:0px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s} .cust-photo-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-4px)} .cust-photo-card img{width:100%;object-fit:cover;display:block} .cust-photo-cap{padding:12px;text-align:center;font-size:14px;color:#333;background:#fff} .cust-cta{padding:100px 120px;background:#004A8C;text-align:center} .cust-cta h3{font-size:3.125rem;font-weight:700;color:#fff; letter-spacing: 5px;} .cust-cta p{font-size:16px;color:rgba(255,255,255,.85);margin-bottom:24px} .cust-cta-btn{display:inline-block;padding:12px 32px;background:#fff;color:#004A8C;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:all .3s} .cust-cta-btn:hover{background:#E8F0FE;transform:translateY(-2px)} .cust-form{padding:60px 0px;background:#fff} .cust-form h2{text-align:center; font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; } .cust-form-sub{font-size: 1.5rem; color: #253858; letter-spacing: 0px;text-align:center;margin-bottom:40px} .cust-form-layout{display:flex;gap:40px;flex-wrap:wrap} .cust-form-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px} .cust-form-group{display:flex;flex-direction:column} .cust-form-group label{font-size:1rem;font-weight:500;color:#333;margin-bottom:6px} .cust-form-group label .cust-req{color:#E53935;margin-right:2px} .cust-form-group input,.cust-form-group textarea{padding:8px 12px;border:1px solid #DDD;border-radius:4px;font-size:14px;color:#333;outline:none;transition:border .3s} .cust-form-group input:focus,.cust-form-group textarea:focus{border-color:#0052D9;box-shadow:0 0 0 3px rgba(0,82,217,.08)} .cust-form-group textarea{resize:vertical;min-height:270px} .cust-radio-group{display:flex;gap:24px;padding:6px 0} .cust-radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333} .cust-radio input{width:16px;height:16px;accent-color:#0052D9} .cust-cb-grid{display:flex;flex-wrap:wrap;gap:14px 24px;padding:6px 0} .cust-cb{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333} .cust-cb input{width:16px;height:16px;accent-color:#0052D9} .cust-form-actions{width:100%;display:flex;justify-content:flex-end;margin-top:8px} .cust-submit{display:block;width:220px;padding:12px;background:#005BAC;color:#fff;font-size:1.25rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .3s} .cust-submit:hover{background:#0040B0} @media(max-width:1200px){ .cust-intro{padding:60px 40px} .cust-photos{padding:0 40px 60px} .cust-cta{padding:60px 40px} .cust-form{padding:60px 40px} .cust-intro h2{font-size:28px} } @media(max-width:768px){ .cust-intro{padding:40px 24px} .cust-intro h2{font-size:24px} .cust-photos{padding:0 24px 40px} .cust-photos-grid{flex-direction:column} .cust-photo-card img{height:180px} .cust-cta{padding:40px 24px} .cust-cta h3{font-size:22px} .cust-form{padding:40px 24px} .cust-form-layout{flex-direction:column;gap:24px} .cust-form-col{gap:16px} .cust-form-actions{justify-content:center} .cust-submit{width:100%} } /* ===== Training Page ===== */ .tr-hero{position:relative;height:720px;overflow:hidden;display:flex;align-items:center;justify-content:center} .tr-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0056B3 0%,#003D82 100%)} .tr-hero-overlay{position:absolute;inset:0;background:rgba(0,30,80,.3)} .tr-hero-content{position:relative;z-index:2;text-align:center} .tr-hero-content h1{font-size:48px;font-weight:700;color:#fff;letter-spacing:8px} .tr-value{position:relative;height:470px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px} .tr-value-wrap{padding:0; padding-top: 80px;} .tr-value-bg{position:absolute;inset:0} .tr-value-overlay{position:absolute;inset:0;} .tr-value-content{position:relative;z-index:2;text-align:center} .tr-value-content h2{font-size:3.125rem;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing: 4px;} .tr-value-content p{font-size:1.875rem;font-weight:400;color:#fff} .tr-services{padding:80px 0;background:#fff} .tr-services-header{text-align:center;margin-bottom:40px} .tr-services-header h2{font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; }} .tr-services-header p{font-size: 1.5rem; color: #253858; letter-spacing: 0px;} .tr-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .tr-svc-card{position:relative;border-radius:8px;overflow:hidden;height:300px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer} .tr-svc-card:hover .tr-svc-overlay{background:linear-gradient(180deg,rgba(0,91,172,.9) 0%,rgba(0,91,172,.65) 100%)} .tr-svc-body{position:relative;z-index:2;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%} .tr-svc-title{font-size:22px;font-weight:600;color:#fff;transition:opacity .4s ease,transform .4s ease} .tr-svc-body p{font-size:1.125rem; padding: 50px; font-weight:400;color:rgba(255,255,255,.99);line-height:1.6;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;position:absolute} .tr-svc-card:hover .tr-svc-title{opacity:0;transform:translateY(-12px)} .tr-svc-card:hover .tr-svc-body p{opacity:1;transform:translateY(0)} .tr-svc-body h2{ color: #fff; font-size: 30px; letter-spacing: 3px;} .tr-svc-body h3{ color: #fff; font-size: 18px; font-weight: 300;} .tr-svc-card:hover .tr-svc-body p{ opacity: 1;} .tr-svc-card:hover .tr-svc-body h2{ display: none;} .tr-svc-card:hover .tr-svc-body h3{ display: none;} .tr-formats{padding:80px 0;background:#fff} .tr-formats-header{text-align:center;margin-bottom:40px} .tr-formats-header h2{font-size:32px;font-weight:700;color:#2D3748} .tr-formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .tr-fmt-card{border-radius:8px;padding:40px 24px 20px;text-align:center;min-height:680px;display:flex;flex-direction:column;align-items:center; position: relative;} .tr-fmt-icon{margin-bottom:40px} .tr-fmt-icon svg{width:120px;height:120px} .tr-fmt-card h3{font-size:1.875rem;font-weight:600;margin-bottom:16px; margin-top: 50px;} .tr-fmt-card p{font-size:1.5rem;font-weight:400;line-height:1.8; padding: 100px; position: absolute; bottom: 0px; left: 0; padding-bottom: 80px;} .tr-fmt-light{background:#F0F8FF} .tr-fmt-light .tr-fmt-icon svg{color:#0056B3} .tr-fmt-light h3{color:#1F2F3D} .tr-fmt-light p{color:#253858} .tr-fmt-dark{background:#0056B3} .tr-fmt-dark .tr-fmt-icon svg{color:#fff} .tr-fmt-dark h3{color:#fff} .tr-fmt-dark p{color:rgba(255,255,255,.9)} .tr-network{padding:80px 0;background:#fff} .tr-network-header{text-align:center;margin-bottom:40px} .tr-network-header h2{font-size:32px;font-weight:700;color:#2D3748} .tr-network-wrap{display:flex;gap:0;align-items:stretch} .tr-network-map{flex:9;overflow:hidden; padding-right: 50px;} .tr-network-map img{width:100%;height:638px;object-fit:cover;display:block} .tr-network-body{flex:4;background:#E6F2FF;padding:150px 24px 150px;display:flex;flex-direction:column;justify-content:center; background: linear-gradient(269.62deg, rgba(171, 221, 255, 0.8) -11.02%, rgba(231, 246, 255, 0.8) 105.21%); padding-left: 100px; padding-right: 100px; } .tr-network-body h2{ color: #1F2F3D; font-size: 2rem;} .tr-network-body p{font-size:1.5rem;font-weight:400;color:#1F2F3D;line-height:2;text-align:left} .tr-network-line{width:130px;height:4px;background:#0056B3;margin-bottom:24px;border-radius:0px} .tr-fmt-card:nth-child(1){ background: url(../images/ru1.jpg) no-repeat top center; background-size: cover;} .tr-fmt-card:nth-child(2){ background: url(../images/ru2.jpg) no-repeat top center; background-size: cover;} .tr-fmt-card:nth-child(3){ background: url(../images/ru3.jpg) no-repeat top center; background-size: cover;} @media(max-width:1200px){ .tr-hero{height:560px} .tr-hero-content h1{font-size:36px} .tr-value{height:260px} .tr-services,.tr-formats,.tr-network{padding:60px 0} } @media(max-width:768px){ .tr-hero{height:480px} .tr-hero-content h1{font-size:28px;letter-spacing:4px} .tr-value{height:220px} .tr-value-content h2{font-size:24px} .tr-services-grid,.tr-formats-grid{grid-template-columns:1fr} .tr-svc-card{height:180px} .tr-fmt-card{min-height:auto;padding:32px 20px 24px} .tr-fmt-icon svg{width:80px;height:80px} .tr-network-wrap{flex-direction:column} .tr-network-body{flex:none;width:100%} .tr-network-map img{height:280px} .tr-services,.tr-formats,.tr-network{padding:40px 0} } /* ===== Tutorial Page ===== */ .tut-hero{position:relative;height:100%;overflow:hidden; margin-top: 80px;} .tut-hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2} .tut-hero-text h1{font-size: 4rem; font-weight: 700; letter-spacing: 2px; color:#fff;} .tut-hero-text p { font-size: 1.875rem; color: rgba(255, 255, 255, .9); margin-top: 16px; letter-spacing: 2px; } .tut-subnav{background:#F5F7FA;border-bottom:1px solid #E5E7EB} .tut-subnav-inner{display:flex;gap:0;justify-content:center} .tut-subnav-item{padding:16px 50px;font-size:1.25rem;font-weight:500;color:#1F2F3D;text-decoration:none;position:relative;transition:color .3s} .tut-subnav-item.active{color:#0056B3} .tut-content{padding:40px 0 80px;background:#fff} .tut-module{margin-bottom:60px} .tut-module:last-child{margin-bottom:0} .tut-module-title{font-size:44px;font-weight:600;color:#1F2F3D;margin-bottom:20px;text-align: center; margin-top: 30px; font-size: 3.125rem; font-weight: 700; color: #1F2F3D; line-height: 1.3; font-style: Bold; line-height: 72px; letter-spacing: 1px; } .tut-tabs{display:flex;gap:20px;margin-bottom:30px;justify-content:center} .tut-tab{padding:8px 20px;font-size:1.375rem;font-weight:400;color:#1F2F3D;cursor:pointer;position:relative;transition:color .3s} .tut-tab.active{color:#0056B3;font-weight:500} .tut-tab.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0056B3} .tut-tab-panel{display:none} .tut-tab-panel.active{display:block} .tut-file-list{display:flex;flex-direction:column;gap:16px} .tut-file-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;transition:box-shadow .3s} .tut-file-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)} .tut-file-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#1A2B5F;margin-top: -5px;} .tut-file-icon svg{width:100%;height:100%} .tut-file-name{flex:1;font-size:1.25rem;font-weight:400;color:#1F2F3D} .tut-file-date{font-size:1.25rem;font-weight:400;color:#1F2F3D;flex-shrink:0} .tut-brochure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .tut-brochure-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .3s} .tut-brochure-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)} .tut-brochure-img{width:100%;height:100%;overflow:hidden} .tut-brochure-img img{width:100%;height:100%;object-fit:cover;display:block} .tut-brochure-info{background:#0056B3;padding:16px 20px} .tut-brochure-info h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px} .tut-brochure-info p{font-size:13px;font-weight:400;color:rgba(255,255,255,.85);line-height:1.4} .tut-brochure-logo{padding:12px 20px;display:flex;align-items:center} .tut-brochure-logo img{height:24px;width:auto} @media(max-width:768px){ .tut-hero{height:480px} .tut-subnav-item{padding:12px 16px;font-size:14px} .tut-module-title{font-size:24px} .tut-file-name,.tut-file-date{font-size:14px} .tut-content{padding:24px 0 40px} .tut-brochure-grid{grid-template-columns:repeat(2,1fr)} .lt-grid{grid-template-columns:repeat(2,1fr);gap:16px} .lt-tabs{gap:16px} .lt-filter{padding:16px} .lt-filter-label{width:64px;font-size:13px;margin-right:10px} .lt-filter-tag{padding:4px 12px;font-size:13px} } .lt-filter{border-radius:12px;padding:24px 32px;margin-bottom:32px;border:1px solid #E8EDF3} .lt-filter-row{display:flex;align-items:flex-start;padding:14px 0;border-bottom:1px solid #E8EDF3} .lt-filter-row:last-child{border-bottom:none;padding-bottom:0} .lt-filter-row:first-child{padding-top:0} .lt-filter-label{flex-shrink:0;width:80px;font-size:1.125rem;font-weight:600;color:#1F2F3D;line-height:32px;margin-right:16px} .lt-filter-options{display:flex;flex-wrap:wrap;gap:8px;flex:1} .lt-filter-tag{display:inline-block;padding:5px 20px;font-size:1.125rem;font-weight:400;color:#5A6A7A;border-radius:6px;cursor:pointer;transition:all .25s;background:transparent;line-height:22px} .lt-filter-tag:hover{color:#005BAC;background:rgba(0,91,172,.06)} .lt-filter-tag.active{color:#fff;background:#005BAC;font-weight:500;box-shadow:0 2px 8px rgba(0,91,172,.2)} .lt-content{padding:48px 0 60px} .lt-tabs{display:flex;gap:60px;margin-bottom:36px;justify-content:center;padding-bottom:0} .lt-tab{font-size:22px;font-weight:500;color:#1F2F3D;padding:12px 0;cursor:pointer;position:relative;transition:color .3s} .lt-tab:hover{color:#005BAC} .lt-tab.active{color:#005BAC;font-weight:600} .lt-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#005BAC;border-radius:1px} .lt-panel{display:none} .lt-panel.active{display:block} .lt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .lt-card{background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s,transform .3s;} .lt-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)} .lt-card-thumb{position:relative;width:100%;padding-top:60%;overflow:hidden} .lt-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .lt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s} .lt-card:hover .lt-play-btn{opacity:1} .lt-card-info{background:#E6F2FF;padding:20px;background: linear-gradient(269.62deg, rgba(171, 221, 255, 0.8) -11.02%, rgba(231, 246, 255, 0.8) 105.21%);} .lt-card-info h4{font-size:1.375rem;font-weight:600;color:#1F2F3D;line-height:1.4;margin-bottom:6px; text-align: center;} .lt-card-info p{font-size:1rem;font-weight:400;color:#1F2F3D;line-height:1.5; text-align: center;} .cd-breadcrumb{padding:16px 0;background:#fff;border-bottom:1px solid #E8EDF3;font-size:1rem;color:#8C96A0; margin-top: 80px;} .cd-breadcrumb a{color:#5A6A7A;text-decoration:none;transition:color .2s} .cd-breadcrumb a:hover{color:#005BAC} .cd-breadcrumb-sep{margin:0 6px;color:#C0C8D0} .cd-breadcrumb-current{color:#1F2F3D;font-weight:500} .cd-study{background: #F3F9FF;padding:32px 0 40px} .cd-study-main{display:flex;gap:24px} .cd-video-area{flex:1;min-width:0;background:#fff;box-shadow: 1px 1px 4px 1px #0000000a;border-radius:12px;} .cd-video-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .cd-video-title{font-size:1.5rem;font-weight:600;color:#1F2F3D;line-height:1.4; padding-left: 20px; padding-top: 20px; padding-right:20px; margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cd-join-btn{flex-shrink:0;margin-left:20px;padding:10px 32px;background:#005BAC;color:#fff;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background .25s,box-shadow .25s} .cd-join-btn:hover{background:#0070D6;box-shadow:0 4px 16px rgba(0,91,172,.35)} .cd-video-player{border-radius: 0 0 12px 12px;overflow:hidden;background:#000;} .cd-video-cover{display:block;width:100%;border-radius:0;outline:none} .cd-video-meta{margin-top:14px} .cd-meta-tags{display:flex;gap:16px;flex-wrap:wrap} .cd-meta-tag{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:rgba(255,255,255,.7)} .cd-meta-tag svg{color:rgba(255,255,255,.5)} .cd-chapter-area{width:340px;flex-shrink:0;background:#fff;box-shadow: 1px 1px 4px 1px #0000000a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-self:stretch} .cd-chapter-header{padding:16px 20px;border-bottom:1px solid #E8EDF3;flex-shrink:0} .cd-chapter-header h3{font-size:1.5rem;font-weight:600;color:#1F2F3D;margin:0} .cd-chapter-list{flex:1;overflow-y:auto;padding:8px 0} .cd-chapter-item{margin-bottom:2px} .cd-chapter-title{display:flex;align-items:center;gap:8px;padding:10px 20px;cursor:pointer;font-size:1.125rem;font-weight:500;color:#1F2F3D;transition:background .2s;user-select:none} .cd-chapter-title:hover{background:rgba(0,91,172,.04)} .cd-chapter-arrow{transition:transform .25s;flex-shrink:0;color:#8C96A0} .cd-chapter-title[data-expanded="true"] .cd-chapter-arrow, .cd-chapter-title.expanded .cd-chapter-arrow{transform:rotate(90deg);color:#005BAC} .cd-chapter-lessons{display:none} .cd-lesson-item{display:flex;align-items:center;gap:8px;padding:8px 20px 8px 44px;cursor:pointer;font-size:1rem;color:#5A6A7A;transition:background .2s,color .2s} .cd-lesson-item:hover{background:rgba(0,91,172,.04);color:#1F2F3D} .cd-lesson-item.active{color:#005BAC;background:rgba(0,91,172,.06)} .cd-lesson-item.active .cd-lesson-status{color:#005BAC} .cd-lesson-status{display:flex;align-items:center;flex-shrink:0;color:#B0B8C4} .cd-lesson-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cd-lesson-duration{flex-shrink:0;font-size:12px;color:#B0B8C4} .cd-info{padding:40px 0 60px;background: #F3F9FF;} .cd-info .container{background:transparent;box-shadow:none;border-radius:0;} .cd-info-inner{background:#fff;box-shadow:1px 1px 4px 1px #0000000a;border-radius:12px; padding:60px; padding-top: 20px; } .cd-info-tabs{display:flex;gap:0;border-bottom:2px solid #E8EDF3;margin-bottom:32px} .cd-info-tab{padding:14px 32px;font-size:1.5rem;font-weight:500;color:#8C96A0;cursor:pointer;position:relative;transition:color .25s} .cd-info-tab:hover{color:#1F2F3D} .cd-info-tab.active{color:#005BAC;font-weight:600} .cd-info-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#005BAC;border-radius:1px} .cd-info-panel{display:none} .cd-info-panel.active{display:block} .cd-intro-content h3{font-size:1.125rem;font-weight:600;color:#1F2F3D;margin:28px 0 14px} .cd-intro-content h3:first-child{margin-top:0} .cd-intro-content p{font-size:1.125rem;line-height:1.8;color:#5A6A7A;margin:0 0 12px} .cd-intro-content ul{padding-left:20px;margin:0 0 12px} .cd-intro-content li{font-size:1.125rem;line-height:2;color:#5A6A7A} .cd-file-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#F7F9FC;border-radius:8px;margin-bottom:10px;transition:box-shadow .2s} .cd-file-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)} .cd-file-icon{display:flex;align-items:center;color:#005BAC;flex-shrink:0} .cd-file-name{flex:1;font-size:15px;color:#1F2F3D;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cd-file-download{display:inline-block;padding:6px 20px;background:#005BAC;color:#fff;font-size:13px;font-weight:500;border-radius:6px;text-decoration:none;transition:background .25s;flex-shrink:0} .cd-file-download:hover{background:#0070D6} @media(max-width:992px){ .cd-study-main{flex-direction:column} .cd-chapter-area{width:100%;max-height:360px} .cd-video-title{font-size:18px} } @media(max-width:768px){ .cd-video-head{flex-direction:column;align-items:flex-start;gap:12px} .cd-join-btn{margin-left:0;width:100%;text-align:center} .cd-chapter-area{max-height:300px} .cd-meta-tags{gap:10px} .cd-info-tab{padding:12px 16px;font-size:14px} .cd-intro-content h3{font-size:16px} .cd-intro-content p,.cd-intro-content li{font-size:14px} } .md-content{padding:48px 0 60px} .md-section{margin-bottom:3rem;} .md-grid{ margin-bottom: 6rem;} .md-section-title{font-size: 3.125rem; font-weight: 700; color: #1F2F3D; letter-spacing: 1px; margin-bottom: 0.8rem; font-weight: bold; text-align:center; margin-bottom:3rem} .md-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .md-card{background:#E6F2FF;border-radius:5px;overflow:hidden;cursor:pointer;transition:box-shadow .3s,transform .3s;background: linear-gradient(269.62deg, rgba(171, 221, 255, 0.8) -11.02%, rgba(231, 246, 255, 0.8) 105.21%); } .md-section-title:nth-child(2){ margin-top: 100px;} .md-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)} .md-card-img{width:100%;padding-top:58%;position:relative;overflow:hidden;background:#fff} .md-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .md-card-name{padding:20px 16px;font-size:1.5rem;font-weight:500;color:#1F2F3D;text-align:center;line-height:1.4} @media(max-width:768px){ .md-grid{grid-template-columns:repeat(2,1fr);gap:16px} .md-section-title{font-size:22px} .md-content{padding:24px 0 40px} .et-grid{grid-template-columns:repeat(2,1fr);gap:16px} .et-title{font-size:22px} .et-content{padding:24px 0 40px} } .et-content{padding:48px 0 100px} .et-title{font-size:32px;font-weight:600;color:#333;text-align:center;margin-bottom:50px} .et-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px} .et-card{background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s,transform .3s;} .et-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)} .et-card-img{width:100%;padding-top:58%;position:relative;overflow:hidden;} .et-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .et-card-name{background:linear-gradient(269.62deg,rgba(171,221,255,.8) -11.02%,rgba(231,246,255,.8) 105.21%);padding:28px 15px;font-size:1.5rem;font-weight:400;color:#1F2F3D;text-align:center;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dc-hero{padding:clamp(30px,6.2vw,119px) 0 clamp(36px,9.69vw,186px);margin-top:clamp(40px,4.17vw,80px);background-color:#F5F6F7;background-size:cover;background-position:center center;background-repeat:no-repeat;height:clamp(280px,37.5vw,720px)} .dc-hero-layout{display:flex;gap:60px;align-items:flex-start} .dc-hero-text{flex:1;min-width:0} .dc-hero-text h1 { font-size: clamp(22px,3.125vw,60px); font-weight: 500; color: #005BAC; margin-bottom: clamp(12px,1.3vw,25px); letter-spacing: clamp(0px,0.36vw,7px); max-width: clamp(300px,42.7vw,820px); } .dc-hero-desc{font-size:clamp(14px,0.94vw,18px);color:#253858;line-height:1.8;margin-bottom:clamp(16px,1.67vw,32px);max-width:clamp(300px,43.75vw,840px)} .dc-hero-img{width:clamp(300px,25vw,480px);flex-shrink:0} .dc-hero-img img{width:100%;display:block} .dc-req{margin-top:clamp(12px,1.25vw,24px)} .dc-req h3 { font-size: clamp(20px,1.56vw,30px); font-weight: 600; color: #253858; margin-bottom: clamp(10px,1.03vw,39px); margin-top: clamp(22px,1.84vw,93px); } .dc-req-table{width:100%;border-collapse:separate;border-spacing:clamp(2px,0.21vw,4px);font-size:14px;color:#333;max-width:clamp(300px,36.46vw,700px)} .dc-req-table td{padding:clamp(6px,0.52vw,10px) clamp(8px,0.83vw,16px);vertical-align:top;color:#253858;font-size:clamp(14px,0.94vw,18px);border:none} .dc-req-table tr:nth-child(odd) td{background:#F2F2F2} .dc-req-table tr:nth-child(even) td{background:#fff} .dc-req-label{font-weight:500;white-space:nowrap;width:clamp(70px,6.25vw,120px);color:#1F2F3D;font-size:clamp(14px,1.04vw,20px)} .dc-req-list{display:flex;flex-direction:column;gap:4px} .dc-section{padding-top:80px;} .dc-section-header{text-align:center;margin-bottom:40px} .dc-section-header h2 { font-size: 3.125rem; font-weight: 700; color: #1F2F3D; margin-bottom: 1rem; margin-top: 0px; } .dc-section-header h3{font-size:3.0rem;font-weight:700;color:#005BAC;margin-bottom:12px; margin-top: 0px;} .dc-section-header p{font-size:1.125rem;color:#253858;line-height:1.8;margin:0 auto; } .dc-card-grid{display:flex;gap:24px;justify-content: center;} .dc-card-grid-4{grid-template-columns:repeat(4,1fr)} .dc-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease; width: 382; height: 445; angle: 0 deg; opacity: 1; gap: 24px; border-radius: 12px; padding: 20px; box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px) } .dc-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-3px)} .dc-card-img{width:100%;overflow:hidden} .dc-card-img img{width:100%;display:block} .dc-card h4{font-size:1.875rem;font-weight:600;color:#253858;text-align:center;padding:16px 12px} .dc-effect-block{margin-bottom:40px;background: linear-gradient(179.76deg, #C7E4FF -61.01%, #FFFFFF 86.48%); border-radius: 12px; padding: 20px; } .dc-effect-sub{font-size:30px;font-weight:600;color:#005BAC;text-align:center;margin-bottom:20px} .dc-effect-grid{display:grid;gap:24px} .dc-effect-grid-3{grid-template-columns:repeat(3,1fr)} .dc-effect-grid-2{grid-template-columns:repeat(2,1fr)} .dc-effect-card{border-radius:8px;padding: 44px 32px;text-align:center; background: linear-gradient(179.96deg, #FFFFFF -8.3%, rgba(255, 255, 255, 0.2) 45.74%); } .dc-effect-title{font-size:30px;font-weight:600;color:#253858;margin-bottom:8px} .dc-effect-data{font-size:24px;font-weight:700;color:#005BAC;margin-bottom:12px; margin-top: 20px;} .dc-effect-badge { display: block; border-radius: 6px; padding: 24px 76px; font-size: 16px; color: #333; background: linear-gradient(179.76deg, #C7E4FF -61.01%, #FFFFFF 86.48%); margin-top: 20px; } .dc-effect-pct{font-size:28px;font-weight:700;color:#1A5276;margin-right:6px; display: block;} .dc-soft-card{background:#fff;border-radius:8px;padding:70px 24px;text-align:center;transition:all .3s ease; width:50%;} .dc-soft-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-3px)} .dc-soft-icon{margin-bottom:16px} .dc-soft-card h4{font-size:25px;font-weight:600;color:#253858;margin-bottom:10px} .dc-soft-card p{font-size:16px;color:#253858;line-height:1.7} .dc-card-img2{ margin: 0 auto; height: 540px; text-align: center;} .dc-card-img2 img{ display: inline-block;} .dc-effect-badge span{ font-size: 24px; color: #253858;} .dc-effect-badge .dc-effect-pct{ color: #005BAC; font-size: 42px;} .dc-soft-icon img{ display: inline-block; height: 96px;} .bcjs_b{text-align:center} .bcjs_b img{max-width:100%} .dc-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .dc-solution-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow: 0px 12px 32px 0px #005BAC0A; backdrop-filter: blur(70px); padding: 20px; border-radius: 12px; } .dc-solution-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-3px)} .dc-solution-img{width:100%;overflow:hidden} .dc-solution-img img{width:100%;display:block} .dc-solution-card h4{font-size:25px;font-weight:600;color:#253858;padding:16px 20px 8px} .dc-solution-card p{font-size:18px;color:#253858;line-height:1.7;padding:0 20px 20px} .dc-auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background: linear-gradient(179.76deg, #C7E4FF -61.01%, #FFFFFF 86.48%); border-radius: 12px; padding: 35px; } .dc-auto-card{position:relative;border-radius:10px;overflow:hidden;min-height:280px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:all .3s ease} .dc-auto-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-3px)} .dc-auto-overlay{position:absolute;inset:0;background:rgba(255,255,255,.9)} .dc-auto-body{position:relative;z-index:2;padding:28px 24px;min-height: 234px;} .dc-auto-body h4{font-size:28px;font-weight:600;color:#253858;margin-bottom:10px; text-align: center;} .dc-auto-body p{font-size:18px;color:#253858;line-height:1.7; text-align: center; padding: 0 60px;} .dc-section-ylzys{ background:#f6f6f6; padding: 80px 0;} .dc-section-ylzys .dc-solution-card{ background: none;box-shadow:none;} .dc-section-ylzys .dc-solution-card h4{text-align: center;} .dc-section-ylzys .dc-solution-card p{text-align: center;} .dc-effect-banner{display:flex;border-radius:10px;overflow:hidden;min-height:360px} .dc-effect-banner-text{flex:1display:flex;flex-direction:column;justify-content:center} .dc-effect-banner-text h3{font-size:50px;font-weight:700;color:#fff;margin-bottom:20px; letter-spacing: 5px;} .dc-effect-banner-text ul{list-style:none;padding:0;margin:0; max-width: 600px;} .dc-effect-banner-text li{font-size:20px;color:rgba(255,255,255,.9);line-height:2;padding-left:20px;position:relative} .dc-effect-banner-text li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:#fff} .dc-effect-banner-img{width:45%;flex-shrink:0;overflow:hidden} .dc-effect-banner-img img{width:100%;height:100%;object-fit:cover} .dc-hero-text h4{ color: #1F2F3D; font-size: 30px; font-weight: 400; margin-bottom: 10px; } .bcjs_b img{ display: inline-block;} /* ========== 产品页新版样式 (zwsoft风格) ========== */ .zw-container{width:100%;margin:0 auto;padding:0 160px} /* Banner */ .zw-banner{position:relative;height:clamp(280px,37.5vw,720px);display:flex;align-items:center;overflow:hidden;margin-top:80px} .zw-banner-bg{position:absolute;inset:0;z-index:0} .zw-banner-bg img{width:100%;height:100%;object-fit:cover;object-position:center} .zw-banner-overlay{position:absolute;display:none;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(217,241,255,.92) 100%);z-index:1} .zw-banner-content{position:relative;z-index:2;padding-top:clamp(40px,4.17vw,80px);padding-bottom:clamp(40px,4.17vw,80px)} .zw-banner-subtitle{font-size:1.5rem;color:#0055A5;font-weight:600;margin-bottom:clamp(6px,0.52vw,10px);letter-spacing:1px} .zw-banner-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;line-height:1.15;margin-bottom:clamp(12px,1.04vw,20px);letter-spacing:3px} .zw-banner-desc{font-size:1.125rem;color:#5E6D82;line-height:2;margin-bottom:clamp(30px,5.21vw,100px);max-width:clamp(280px,32.19vw,618px);letter-spacing:.5px} .zw-banner-btns{display:flex;gap:16px;flex-wrap:wrap} /* 按钮 - 跟首页一致 */ .zw-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:0 32px;height:48px;line-height:48px;background:linear-gradient(90deg,#2562CC 0%,#1691FF 100%);color:#fff;border-radius:6px;font-size:1.25rem;font-weight:500;transition:all .5s;white-space:nowrap;text-decoration:none;border:none;cursor:pointer} .zw-btn-primary:hover{background:linear-gradient(90deg,#1851B4 40.38%,#1683FF 100%);box-shadow:0 6px 20px rgba(21,101,216,.3);transform:translateY(-1px)} .zw-btn-primary svg,.zw-btn-outline-light svg,.zw-btn-blue svg,.zw-btn-sm-primary svg,.zw-btn-sm-outline svg{flex-shrink:0} .zw-btn-outline-light{display:inline-flex;align-items:center;gap:8px;padding:0 32px;height:48px;line-height:48px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:6px;font-size:1.25rem;font-weight:500;transition:all .3s;white-space:nowrap;text-decoration:none;cursor:pointer} .zw-btn-outline-light:hover{background:rgba(255,255,255,.15);border-color:#fff} .zw-btn-blue{display:inline-flex;align-items:center;gap:8px;padding:0 28px;height:44px;line-height:44px;background:linear-gradient(90deg,#2562CC 0%,#1691FF 100%);color:#fff;border-radius:6px;font-size:1.25rem;font-weight:500;transition:all .5s;white-space:nowrap;text-decoration:none;border:none;cursor:pointer} .zw-btn-blue:hover{background:linear-gradient(90deg,#1851B4 40.38%,#1683FF 100%);box-shadow:0 6px 20px rgba(21,101,216,.3);transform:translateY(-1px)} /* Banner按钮特殊处理 - 深色文字+浅背景 */ .zw-banner-btns .zw-btn-outline-light{color:#1F2F3D;border-color:rgba(21,101,216,.3);background:rgba(255,255,255,.6)} .zw-banner-btns .zw-btn-outline-light:hover{background:rgba(255,255,255,.9);border-color:#1691FF;color:#1565D8} /* 吸顶导航 */ .zw-sticky-nav{position:sticky;top:80px;z-index:99; background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:top .3s} .zw-sticky-nav.nav-top{top:0} .zw-sticky-nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px} .zw-sticky-left{display:flex;align-items:center;gap:12px} .zw-sticky-logo{height:28px;width:auto;object-fit:contain} .zw-sticky-name{font-size:18px;font-weight:600;color:#1F2F3D;letter-spacing:1px} .zw-sticky-right{display:flex;align-items:center;gap:0} .zw-sticky-link{padding:18px 28px;font-size:1.25rem;font-weight:500;color:#5E6D82;cursor:pointer;transition:all .3s;position:relative;white-space:nowrap;letter-spacing:1px;text-decoration:none} .zw-sticky-link::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:3px;background:linear-gradient(90deg,#2562CC,#1691FF);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0} .zw-sticky-link:hover{color:#1565D8} .zw-sticky-link.active{color:#1565D8;font-weight:700} .zw-sticky-link.active::after{left:0;right:0} .zw-sticky-btns{display:flex;gap:12px} .zw-btn-sm-primary{display:inline-flex;align-items:center;padding:0 20px; height:36px;line-height:36px;background:linear-gradient(90deg,#2562CC 0%,#1691FF 100%); color:#fff;border-radius:4px;font-size:15px;font-weight:500;transition:all .3s;white-space:nowrap;text-decoration:none;border:none;cursor:pointer} .zw-btn-sm-primary:hover{background:linear-gradient(90deg,#1851B4 40.38%,#1683FF 100%)} .zw-btn-sm-outline{display:inline-flex; align-items:center;padding:0 20px;height:36px;line-height:36px; background:transparent;color:#1565D8; border:1px solid rgba(21,101,216,.3);border-radius:4px;font-size:1.25rem;font-weight:500;transition:all .3s;white-space:nowrap;text-decoration:none;cursor:pointer} .zw-btn-sm-outline:hover{border-color:#1691FF;background:rgba(21,101,216,.04)} .zw-sticky-mobile-toggle{display:none;position:relative;align-items:center;gap:6px;padding:8px 16px;font-size:14px;color:#5E6D82;cursor:pointer;background:#f8fafc;border-radius:6px} .zw-sticky-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e8ecf0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);overflow:hidden;z-index:10;margin-top:8px} .zw-sticky-mobile-toggle.open .zw-sticky-mobile-menu{display:block} .zw-sticky-mobile-menu a{display:block;padding:12px 16px;font-size:14px;color:#5E6D82;cursor:pointer;transition:all .3s;text-decoration:none} .zw-sticky-mobile-menu a:hover,.zw-sticky-mobile-menu a.active{color:#1565D8;background:rgba(21,101,216,.04)} .zw-section-title2{ text-align: left; font-size: 1.875rem; color: #1F2F3D; margin-bottom: 20px;} /* 版块通用 */ .zw-section{padding:60px 0; padding-bottom:50px;} .zw-section-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;margin-bottom:14px;letter-spacing:1px; text-align: center;} .zw-section-title span{color:#0055A5} .zw-section-desc{font-size:16px;color:#5E6D82;line-height:1.9;text-align:center;margin-bottom:60px;letter-spacing:1px} /* 概述 */ .zw-overview-layout{display:flex;align-items:center;gap:80px} .zw-overview-img{flex:1;min-width:0} .zw-overview-img img{width:100%;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08)} .zw-overview-text{flex:1;min-width:0} .zw-overview-desc{font-size:1.125rem;color:#5E6D82;line-height:2;margin-bottom:20px;letter-spacing:0px} .zw-overview-btns{margin-top:40px;display:flex;gap:16px} /* 核心功能 - 华为云Tab卡片风格 */ .zw-tab-nav{display:flex;gap:0;margin-top:40px;border-bottom:1px solid #e8ecf0;justify-content:center} .zw-tab-item{padding:14px 0;font-size:18px;font-weight:500;color:#595959;cursor:pointer;position:relative;white-space:nowrap;letter-spacing:1px;transition:all .3s;text-decoration:none;margin:0 40px} .zw-tab-item::after{content:'';position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:#191919;transition:all .3s} .zw-tab-item:hover{color:#191919} .zw-tab-item.active{color:#191919;font-weight:700} .zw-tab-item.active::after{left:0;right:0} .zw-tab-content{display:none;margin-top:30px;animation:zwTabFade .4s ease} .zw-tab-content.active{display:block} @keyframes zwTabFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} .zw-tab-layout{display:flex;gap:20px} .zw-tab-lead{flex:1;min-width:0} .zw-tab-grid{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:20px} .zw-tab-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;transition:all .3s;text-decoration:none} .zw-tab-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)} .zw-tab-card-dark{position:relative;min-height:620px;color:#fff;border-radius:10px;border: 1px solid #f0f0f0;background: linear-gradient(#FFFFFF, #D9F1FF);} .zw-tab-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .zw-tab-card-dark .zw-tab-card-body{ padding-right: 160px; position:relative;z-index:0;padding:40px;padding-right: 160px; height:100%;display:flex; flex-direction:column;justify-content:flex-start;min-height:620px;box-sizing:border-box; } .zw-tab-card-dark .zw-tab-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;background:linear-gradient(135deg,#2562CC,#1691FF);border-radius:4px} .zw-tab-card-dark .zw-tab-card-icon svg{fill:#fff;stroke:none} .zw-tab-card-dark h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;letter-spacing:1px;color: #1F2F3D;} .zw-tab-card-dark p{font-size:1.125rem;line-height:1.8; opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; color: #595959;} .zw-tab-card-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 20px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);border-radius:4px;font-size:13px;color:#fff;transition:all .3s;backdrop-filter:blur(4px)} .zw-tab-card-btn:hover{background:rgba(255,255,255,.25);border-color:#fff} .zw-tab-card-light{background:#fff;border:1px solid #f0f0f0;padding:32px;min-height:300px;flex-direction:column;justify-content:space-between;align-items:flex-start;border-radius:10px;background: linear-gradient(#FFFFFF, #D9F1FF);} .zw-tab-card-icon{display:flex;align-items:center; justify-content:center;width:48px;height:48px;margin-bottom:16px; background:linear-gradient(135deg,#2562CC,#1691FF);border-radius:10px} .zw-tab-card-icon svg{fill:#fff;stroke:none} .zw-tab-card-light h4{font-size:1.5rem;font-weight:600;color:#1F2F3D;margin-bottom:8px;letter-spacing:.5px} .zw-tab-card-light p{font-size:1.125rem;color:#595959;line-height:1.7;flex:1} .zw-tab-card-more{display:inline-flex;align-items:center;gap:4px; line-height: 20px; margin-top:20px;padding:5px 20px;font-size:1.25rem;color:#5E6D82;font-weight:500;transition:all .3s;border:1px solid #5E6D82;border-radius:60px;align-self:flex-start} .zw-tab-card-more:hover{color:#1691FF;border-color:#1691FF;gap:8px;background:rgba(22,145,255,.05)} .zw-tab-card-dark .zw-tab-card-more:hover{color:#1691FF;border-color:#1691FF;gap:8px;background:rgba(22,145,255,.05)} .zw-tab-card-more svg{transition:transform .3s} .zw-tab-card-light:hover .zw-tab-card-more svg{transform:translateX(4px)} /* 核心能力 */ .zw-value-card{display:flex;align-items:flex-start;gap:60px;margin-top:60px;padding:50px;background:#fff;border-radius:20px;border:1px solid #e8ecf0;transition:all .5s cubic-bezier(.4,0,.2,1)} .zw-value-card:first-child{margin-top:60px} .zw-value-card:hover{box-shadow:0 16px 48px rgba(21,101,216,.08);border-color:rgba(21,101,216,.12);transform:translateY(-3px)} .zw-value-img{flex:1;min-width:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08)} .zw-value-img img{width:100%;height:360px;object-fit:cover;transition:transform .7s cubic-bezier(.25,.46,.45,.94)} .zw-value-card:hover .zw-value-img img{transform:scale(1.04)} .zw-value-text{flex:1;min-width:0} .zw-value-text h3{font-size:34px;font-weight:700;color:#1F2F3D;margin-bottom:24px;letter-spacing:1px} .zw-value-list{list-style:none;padding:0;margin-bottom:28px} .zw-value-list li{position:relative;padding-left:24px;font-size:16px;color:#5E6D82;line-height:2;letter-spacing:.5px} .zw-value-list li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2562CC,#1691FF)} .zw-value-more{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#1565D8;font-weight:600;letter-spacing:1px;text-decoration:none;transition:all .3s} .zw-value-more:hover{color:#0d47a1;gap:12px} .zw-value-more svg{transition:transform .3s} .zw-value-more:hover svg{transform:translateX(4px)} .zw-value-reverse{flex-direction:row-reverse} /* 软件特色 - Tab切换风格 */ .zw-features-header{text-align:center} .zw-features-tab-wrap{display:flex;justify-content:center;margin-bottom:50px} .zw-features-tab{display:inline-flex;position:relative;background:#f3f6fa;border-radius:100px;padding:5px 8px} .zw-features-tab-item{padding:0 28px;font-size:17px;font-weight:500;color:#0c1634;cursor:pointer;position:relative;z-index:2;transition:all .5s;white-space:nowrap;line-height:50px;text-align:center;border-radius:100px} .zw-features-tab-item:hover{color:#3682f7} .zw-features-tab-item.on{color:#fff} .zw-features-tab-active{position:absolute;top:0;left:0;bottom:0;width:25%;border-radius:100px;background: linear-gradient(90deg, #2562CC 0%, #1691FF 100%);transition:ease-in-out .5s;z-index:1} .zw-features-content{margin-top:50px} .zw-features-item{display:none;align-items:center;gap:80px;animation:zwFeatureFade .5s ease} .zw-features-item.on{display:flex} @keyframes zwFeatureFade{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}} .zw-features-text{flex:1;min-width:0} .zw-features-text h3{font-size:2.5rem;font-weight:700;color:#1F2F3D;margin-bottom:0.8rem;letter-spacing:1px} .zw-features-desc{font-size:1.375rem;color:#5E6D82;line-height:1.9;margin-bottom:24px;letter-spacing:.5px} .zw-features-list{margin-bottom:32px} .zw-features-list ul{list-style:none;padding:0;margin:0} .zw-features-list li{position:relative;padding-left:28px;font-size:1.125rem;color:#5E6D82;line-height:2.2;letter-spacing:.5px} .zw-features-list li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2562CC,#1691FF)} .zw-features-more{display:inline-flex;align-items:center;gap:8px;font-size:1.25rem;color:#1565D8;font-weight:600;letter-spacing:1px;text-decoration:none;transition:all .3s} .zw-features-more:hover{color:#0d47a1;gap:12px} .zw-features-more svg{transition:transform .3s} .zw-features-more:hover svg{transform:translateX(4px)} .zw-features-img{flex:1;min-width:0;border-radius:16px;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.12)} .zw-features-img img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)} .zw-features-item:hover .zw-features-img img{transform:scale(1.03)} /* CTA */ .zw-cta{padding:80px 0;text-align:center;position:relative;overflow:hidden; } .zw-cta::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:rgba(255,255,255,.03);border-radius:50%} .zw-cta::after{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:rgba(255,255,255,.02);border-radius:50%} .zw-cta-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:1px;position:relative;z-index:1} .zw-cta-subtitle{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:40px;letter-spacing:1px;position:relative;z-index:1} .zw-cta-btns{display:flex;justify-content:center;gap:16px;position:relative;z-index:1;flex-wrap:wrap} .zw-cta .zw-btn-primary{background:linear-gradient(90deg,#FFFFFF 0%,#6BEEFF 100%);color:#005BAC} .zw-cta .zw-btn-primary:hover{background:linear-gradient(90deg,#FFFFFF 0%,#D2F9FF 100%);box-shadow:4px 4px 6.2px rgba(0,79,147,.4)} /* 下载专区 */ .zw-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px} .zw-download-item{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e8ecf0;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer} .zw-download-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-4px);border-color:rgba(21,101,216,.15)} .zw-dl-img{height:220px;overflow:hidden;background:#f0f4f8} .zw-dl-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)} .zw-download-item:hover .zw-dl-img img{transform:scale(1.06)} .zw-dl-info{padding:24px} .zw-dl-name{font-size:16px;font-weight:700;color:#1F2F3D;margin-bottom:8px;letter-spacing:1px;line-height:1.5} .zw-dl-type{font-size:13px;color:#1565D8;font-weight:500;letter-spacing:1px} .dnbxs{ display:none;} /* 响应式 */ @media(max-width:1200px){ .zw-overview-layout{flex-direction:column;gap:40px} .zw-tab-layout{flex-direction:column} .zw-tab-card-dark{min-height:400px} .zw-tab-card-dark .zw-tab-card-body{min-height:400px} .zw-tab-grid{grid-template-columns:1fr 1fr} .zw-tab-item{padding:12px 0;font-size:16px;margin:0 24px} .zw-value-card{flex-direction:column!important;gap:30px;padding:30px} .zw-value-img img{height:260px} .zw-download-grid{grid-template-columns:repeat(2,1fr)} .zw-sticky-right{display:none} .zw-sticky-btns{display:none} .zw-sticky-mobile-toggle{display:flex} .zw-features-item{gap:50px} .zw-features-text h3{font-size:30px} } @media(max-width:768px){ .zw-section{padding:80px 0} .zw-section-title{font-size:28px} .zw-tab-layout{flex-direction:column} .zw-tab-grid{grid-template-columns:1fr} .zw-tab-card-dark{min-height:280px} .zw-tab-card-dark .zw-tab-card-body{min-height:280px} .zw-tab-card-dark h3{font-size:22px} .zw-tab-card-light{min-height:auto} .zw-tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start} .zw-tab-item{padding:10px 0;font-size:14px;margin:0 16px} .zw-value-card{padding:20px;margin-top:40px} .zw-value-text h3{font-size:26px} .zw-value-img img{height:200px} .zw-download-grid{grid-template-columns:1fr} .zw-cta-title{font-size:28px} .zw-cta-subtitle{font-size:15px} .zw-container{padding:0 20px} .zw-features-tab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .zw-features-tab{flex-wrap:nowrap;overflow-x:auto} .zw-features-tab-item{padding:10px 16px;font-size:14px;flex-shrink:0} .zw-features-item{flex-direction:column;gap:30px} .zw-features-text h3{font-size:26px} } @media(max-width:480px){ .zw-section-title{font-size:24px} .zw-tab-card-dark h3{font-size:20px} .zw-value-text h3{font-size:22px} .zw-cta-title{font-size:24px} .zw-value-img img{height:180px} .zw-dl-img{height:180px} } /* ========== 解决方案页面样式 ========== */ /* Banner */ .sol-banner{position:relative;height:720px;display:flex;align-items:center;overflow:hidden} .sol-banner-bg{position:absolute;inset:0} .sol-banner-img{width:100%;height:100%;object-fit:cover} .sol-banner-content{position:relative;z-index:2;text-align:center;padding:0 20px} .sol-banner-title{font-size:56px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:20px;letter-spacing:2px} .sol-banner-subtitle{font-size:20px;color:rgba(255,255,255,.85);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;letter-spacing:1px;line-height:1.8} .sol-banner-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 48px;background:linear-gradient(90deg,#2562CC,#1691FF);color:#fff;border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .4s} .sol-banner-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(21,101,216,.4)} /* 固定导航 */ .sol-nav{position:sticky;top:0px;z-index:98;background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:top .3s} .sol-nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px} .sol-nav-left{display:flex;align-items:center;gap:8px;font-size:15px;color:#5E6D82} .sol-nav-label{color:#1565D8;font-weight:600} .sol-nav-sep{color:#d0d7de} .sol-nav-current{color:#1F2F3D} .sol-nav-right{display:flex;align-items:center;gap:0} .sol-nav-link{padding:18px 24px;font-size:16px;font-weight:500;color:#5E6D82;text-decoration:none;position:relative;transition:all .3s} .sol-nav-link::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:3px;background:linear-gradient(90deg,#2562CC,#1691FF);transition:all .4s cubic-bezier(.4,0,.2,1)} .sol-nav-link:hover{color:#1565D8} .sol-nav-link.active{color:#1565D8;font-weight:700} .sol-nav-link.active::after{left:0;right:0} /* 通用版块 */ .sol-section{padding:100px 0;background:#fff} .sol-section-title{font-size:3.125rem;font-weight:700;color:#1F2F3D;text-align:center;margin-bottom:60px;letter-spacing:1px} .xianggmi{ font-size: 20px; color:#1F2F3D; margin-bottom: 10px; margin-top: 30px;} /* 挑战版块 */ .sol-challenge{background:#f8fafc} .sol-challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} .sol-challenge-card{background: linear-gradient(#FFFFFF, #D9F1FF);border-radius:16px;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #e8ecf0} .sol-challenge-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(21,101,216,.12);border-color:rgba(21,101,216,.15)} .sol-challenge-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,rgba(37,98,204,.08),rgba(22,145,255,.08));border-radius:16px;margin-bottom:24px} .sol-challenge-icon img{width:48px;height:48px;object-fit:contain} .sol-challenge-card h3{font-size:1.5rem;font-weight:700;color:#1F2F3D;margin-bottom:16px;letter-spacing:.5px} .sol-challenge-card p{font-size:1.125rem;color:#5E6D82;line-height:1.9;letter-spacing:.3px} /* 解决方案版块 */ .sol-solution{background:#fff} .sol-solution-tabs-wrap{display:flex;justify-content:center;margin-bottom:50px} .sol-solution-tabs{display:inline-flex;position:relative;background:#f3f6fa;border-radius:100px;padding:5px 8px} .sol-solution-tab{padding:0 28px;font-size:1.25rem;font-weight:500;color:#0c1634;cursor:pointer;position:relative;z-index:2;transition:all .5s;white-space:nowrap;line-height:50px;text-align:center;border-radius:100px} .sol-solution-tab:hover{color:#3682f7} .sol-solution-tab.active{color:#fff} .sol-solution-tab-active{position:absolute;top:0;left:0;bottom:0;width:25%;border-radius:100px;background-color:#3682f7;transition:ease-in-out .5s;z-index:1} .sol-solution-content{position:relative; margin-top: 30px;} .sol-solution-item{display:none;align-items:center;gap:80px;animation:solFadeIn .5s ease} .sol-solution-item.active{display:flex} @keyframes solFadeIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}} .sol-solution-text{flex:1;min-width:0} .sol-solution-text h3{font-size:1.875rem;font-weight:700;color:#1F2F3D;margin-bottom:20px;letter-spacing:1px} .sol-solution-text p{font-size:1.125rem;color:#5E6D82;line-height:1.9;margin-bottom:24px;letter-spacing:.5px} .sol-solution-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px} .sol-solution-tag{padding:8px 20px;background:rgba(21,101,216,.06);color:#1565D8;border-radius:20px;font-size:14px;font-weight:500} .sol-solution-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#1565D8;font-weight:600;text-decoration:none;transition:all .3s} .sol-solution-link:hover{color:#0d47a1;gap:12px} .sol-solution-link svg{transition:transform .3s} .sol-solution-link:hover svg{transform:translateX(4px)} .sol-solution-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:linear-gradient(90deg,#2562CC,#1691FF);color:#fff;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .4s} .sol-solution-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(21,101,216,.3)} .sol-solution-img{flex:1;min-width:0;border-radius:16px;overflow:hidden;box-shadow:0 16px 56px rgba(0,0,0,.14);} .sol-solution-img img{width:100%;height:auto;display:block;transition:transform .6s} .sol-solution-item:hover .sol-solution-img img{transform:scale(1.03)} /* 全景图 */ .sol-panorama{background:#f8fafc} .sol-panorama-subtitle{font-size:18px;color:#5E6D82;text-align:center;margin-bottom:40px;letter-spacing:.5px} .sol-panorama-body{border-radius:20px;overflow:hidden} .sol-panorama-body img{max-width:100%;display:block} .sol-panorama-img{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12)} .sol-panorama-img img{width:100%;display:block} /* CTA */ .sol-cta{background:linear-gradient(135deg,#0a1628 0%,#102a4a 100%);padding:100px 0;text-align:center;position:relative;overflow:hidden} .sol-cta::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:rgba(255,255,255,.03);border-radius:50%} .sol-cta::after{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:rgba(255,255,255,.02);border-radius:50%} .sol-cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:1px;position:relative;z-index:1;line-height:1.3} .sol-cta-subtitle{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:40px;letter-spacing:1px;position:relative;z-index:1} .sol-cta-btns{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1;flex-wrap:wrap} .sol-cta-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(90deg,#FFFFFF 0%,#6BEEFF 100%);color:#005BAC;border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .4s;position:relative;z-index:1} .sol-cta-btn-primary:hover{background:linear-gradient(90deg,#FFFFFF 0%,#D2F9FF 100%);box-shadow:4px 4px 6.2px rgba(0,79,147,.4);transform:translateY(-2px)} .sol-cta-btn-outline{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .4s;position:relative;z-index:1} .sol-cta-btn-outline:hover{background:rgba(255,255,255,.15);border-color:#fff;box-shadow:0 4px 20px rgba(255,255,255,.2);transform:translateY(-2px)} .sol-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(90deg,#FFFFFF 0%,#6BEEFF 100%);color:#005BAC;border-radius:8px;font-size:18px;font-weight:600;text-decoration:none;transition:all .4s;position:relative;z-index:1} .sol-cta-btn:hover{background:linear-gradient(90deg,#FFFFFF 0%,#D2F9FF 100%);box-shadow:4px 4px 6.2px rgba(0,79,147,.4);transform:translateY(-2px)} /* 解决方案响应式 */ @media(max-width:1200px){ .sol-banner-title{font-size:44px} .sol-challenge-grid{grid-template-columns:repeat(2,1fr)} .sol-solution-item{gap:50px} .sol-solution-text h3{font-size:28px} .sol-nav-right{display:none} } @media(max-width:768px){ .sol-banner{height:560px} .sol-banner-title{font-size:32px} .sol-banner-subtitle{font-size:16px} .sol-section{padding:70px 0} .sol-section-title{font-size:28px} .sol-challenge-grid{grid-template-columns:1fr} .sol-solution-tabs{gap:8px} .sol-solution-tab{padding:10px 20px;font-size:15px} .sol-solution-item{flex-direction:column;gap:30px} .sol-solution-text h3{font-size:24px} .sol-cta-title{font-size:28px} .sol-cta-subtitle{font-size:16px} .sol-cta-btn-primary,.sol-cta-btn-outline{padding:14px 32px;font-size:16px} } @media(max-width:480px){ .sol-banner-title{font-size:26px} .sol-section-title{font-size:24px} .sol-cta-title{font-size:1.4rem;} .sol-cta-btns{flex-direction:column;gap:12px} .sol-cta-btn-primary,.sol-cta-btn-outline{width:100%;justify-content:center} } /* ========== 响应式 ========== */ @media(max-width:1600px){ .container{padding-left:120px;padding-right:120px} .header-inner{padding-left:120px;padding-right:120px} .hero-subtitle{margin-bottom: clamp(16px, 2.125vw, 60px);} .hero-title{margin-top: clamp(0px, 0.1vw, 60px);} } @media(max-width:1500px){ .hero-cards { bottom: 50px; } } @media(max-width:1400px){ .container{padding-left:80px;padding-right:80px} .header-inner{padding-left:80px;padding-right:80px} .hero-cards{padding:0 80px} } @media(max-width:1340px){ .header-right{display:none} .dc-req{display:none} } @media(max-width:1200px){ .container{padding-left:40px;padding-right:40px} .header-inner{padding-left:40px;padding-right:40px} .hero-cards{padding:0 40px} /*.product-grid{grid-template-columns:repeat(2,1fr)}*/ .accordion{grid-template-columns:1fr} .accordion-side{display:none} /*.case-item{flex:0 0 calc(50% - 10px)}*/ .insight-main{flex-direction:column;gap:0} .insight-main-left{width:100%;flex:none;min-height:0} .insight-hero-slide{height:auto} .insight-hero-slide a{display:block;height:auto} .insight-hero-img{flex:none;padding-top:56%;height:0;min-height:auto} .insight-main-right{padding-left:0;margin-top:24px} .about-layout{grid-template-columns:1fr} .footer-layout{grid-template-columns:1fr;gap:32px} .case-carousel-wrapper{width: 90%; overflow: hidden; margin: 0 auto;} .case-next{ right:-1rem;} .case-prev{ left:-1rem;} /*.dropdown-full{min-width:auto;left:-100px}*/ /*.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.05) 100%)}*/ /*.solution-cards{flex-wrap:wrap;min-height:auto}*/ /*.sol-card-item{flex:0 0 calc(50% - 8px)}*/ /*.sol-card-item.active{flex:0 0 100%}*/ /*.sol-card-img{aspect-ratio:16/9}*/ /*.sol-card-body{padding:40px 28px}*/ } @media(max-width:768px){ .container{padding-left:24px;padding-right:24px} .header-inner{padding-left:24px;padding-right:24px} .product-grid{grid-template-columns:1fr} .case-item{flex:0 0 100%} .stats{grid-template-columns:repeat(2,1fr)} .hero-bg{background-position:center center} .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.5) 100%)} .hero-arrow{display:none} .footer-top{flex-direction:column} .footer-main{flex-direction:column;gap:40px} .footer-left{flex:none} .footer-right{flex-wrap:wrap;gap:30px} .footer-nav{flex:0 0 calc(50% - 15px);flex-basis:auto} .footer-link{margin-top:40px;flex-wrap:wrap} .footer-bottom{flex-direction:column;gap:16px;text-align:center} .case-nav{display:none} .logo-nav{display:none} .sol-card-item{height:auto;min-height:auto} .sol-card-img{aspect-ratio:16/9;height:auto} .solution-cards{flex-direction:column;gap:16px} .sol-card-body{padding:30px 24px} .sol-card-title{font-size:22px} .sol-card-subtitle{font-size:16px;line-height:1.6} .sol-card-body-le-zz{flex-direction:column;gap:12px} .insight-section{padding:60px 0} .insight-section .section-title{font-size:24px} .insight-main{flex-direction:column;gap:0} .insight-main-left{width:100%;flex:none;min-height:0} .insight-hero-slide{border-radius:0;height:auto} .insight-hero-slide a{display:block;height:auto} .insight-hero-img{flex:none;padding-top:56%;height:0;min-height:auto} .insight-hero-info{position:static;background-color:#fff;background-image:none;padding:3vw 4vw 4vw 4vw;flex-shrink:0} .insight-hero-title{color:#222;font-size:16px;padding:0} .insight-hero-title:hover{text-decoration:none;color:#1565D8} .insight-hero-dots{display:none} .insight-main-right{padding:0 4vw;margin-top:4vw;background:#fff;border-radius:10px} .insight-item-tag{display:none} .insight-item-tag-m{display:inline-block;padding:0 10px;height:24px;border:1px solid #ccc;border-radius:5px;font-size:12px;color:#777;line-height:22px} .insight-item{padding:20px 0} .insight-item:first-child{border-top:none;padding-top:20px} .insight-more{margin-top:40px} } @media(max-width:480px){ .container{padding-left:16px;padding-right:16px} .header-inner{padding-left:16px;padding-right:16px} .section-title{font-size:22px} .insight-section .section-title{font-size:20px} .hero-bg{background-position:center center} .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 100%)} .sol-card-img{aspect-ratio:16/9} .sol-card-title{font-size:18px} .sol-card-subtitle{font-size:14px} .sol-card-body{padding:24px 16px} .insight-hero-title{font-size:14px} .insight-item-title{font-size:14px} .insight-more-btn{padding:10px 24px;font-size:13px} } @media(max-width:1500px){ .footer-left { flex: 0 0 400px; } .footer-right{ gap:40px;} } .sc-box22 h2{ font-size: 24px; margin-bottom: 5px;} .sc-box22 p{ font-size: 16px; line-height: 30px;} .sc-feature-body img{display:inline-block;max-width:100%;height:auto;vertical-align:middle} /* ===== 配置对比表 ===== */ .compare-section { padding: 60px 0; background: #F3F9FF; } .compare-section .section-title { text-align: center; } .compare-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 45px; } .compare-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .compare-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); } .card-header { padding: 24px 20px 16px; text-align: center; } .card-header h3 { font-size: 1.875rem; font-weight: 700; margin-bottom: 6px; } .card-header .subtitle { font-size: 1rem; } /* 入门版 - 蓝灰色系 */ .card-entry .card-header { background: linear-gradient(135deg, #e8f4f8 0%, #d1e8f0 100%); } .card-entry .card-header h3 { color: #2c3e50; } .card-entry .card-header .subtitle { color: #5d7a8c; } .card-entry .value-bar { background: linear-gradient(135deg, #e8f4f8 0%, #d1e8f0 100%); } .card-entry .value-bar span { color: #2980b9; font-weight: 700; } .card-entry .card-body { color: #7f8c8d; } .card-entry .card-body strong { color: #2c3e50; } .card-entry .feature-item { color: #95a5a6; } .card-entry .flow-count { color: #7f8c8d; } .card-entry .flow-count strong { color: #2c3e50; } /* 标准版 - 橙色系 */ .card-standard .card-header { background: linear-gradient(180deg, #C5E0FB 0%, #BDE0F6 100%); } .card-standard .card-header h3 { color: #2c3e50; } .card-standard .card-header .subtitle { color: ##2c3e50; } .card-standard .value-bar {background: linear-gradient(180deg, #C5E0FB 0%, #BDE0F6 100%); } .card-standard .value-bar span { color: #2c3e50; font-weight: 700; } .card-standard .card-body { color: #555; } .card-standard .card-body strong { color: #333; } .card-standard .feature-item { color: #666; } .card-standard .flow-count { color: #666; } .card-standard .flow-count strong { color: #333; } /* 专业版 - 红棕色系 */ .card-pro .card-header { background: #538cde; } .card-pro .card-header h3 { color: #fff; } .card-pro .card-header .subtitle { color: #fff; } .card-pro .value-bar { background: #538cde;} .card-pro .value-bar span { color: #fff; font-weight: 700; } .card-pro .card-body { color: #555; } .card-pro .card-body strong { color: #333; } .card-pro .feature-item { color: #666; } .card-pro .flow-count { color: #666; } .card-pro .flow-count strong { color: #333; } /* 旗舰版 - 橙色渐变 */ .card-flagship .card-header { background: #005bac; padding: 24px 20px 16px; } .card-flagship .card-header h3 { color: #fff; } .card-flagship .card-header .subtitle { color: rgba(255,255,255,0.85); } .card-flagship .value-bar {background: #005bac;} .card-flagship .value-bar span { color: #fff; font-weight: 700; } .card-flagship .card-body { color: #555; } .card-flagship .card-body strong { color: #333; } .card-flagship .feature-item { color: #666; } .card-flagship .flow-count { color: #666; } .card-flagship .flow-count strong { color: #333; } .card-body { padding: 20px 20px 24px; flex: 1; display: flex; flex-direction: column; text-align: center; } .feature-item { margin-bottom: 12px; font-size: 1.125rem; line-height: 1.8; } .feature-item strong { font-weight: 600; } .feature-item .check { color: #27ae60; font-weight: bold; margin-right: 2px; } .feature-item .cross { color: #e74c3c; font-weight: bold; margin-right: 2px; } .feature-green { color: #27ae60; } .feature-gray { color: #95a5a6; } .feature-dark { color: #555; } .flow-count { margin-top: auto; padding-top: 16px; font-size: 1rem; } .flow-count strong { font-size: 1.2rem; } .value-bar { padding: 16px 20px; text-align: center; font-size: 17px; } /* ===== 升级路径建议 ===== */ .upgrade-section { padding: 60px 0; } .upgrade-section .section-title { text-align: center; } .upgrade-bg { border-radius: 20px; padding: 0px 0px 0 0px; position: relative; overflow: hidden; } .upgrade-bg::before { content: ''; position: absolute; top: -30%; right: -10%; width: 50%; height: 150%; background: radial-gradient(circle, rgba(200,210,230,0.3) 0%, transparent 70%); pointer-events: none; } .upgrade-section .section-title { color: #1a1a2e; margin-bottom: 40px; position: relative; z-index: 1; } .upgrade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; z-index: 1; margin-bottom: 30px; } .upgrade-card { background: rgba(255,255,255,0.85); backdrop-filter: blur(10px); border: 1px solid rgba(200,210,230,0.5); border-radius: 16px; padding: 30px 24px; transition: all 0.3s ease; box-shadow: 0 2px 12px rgba(0,0,0,0.05); background: linear-gradient(#FFFFFF, #D9F1FF); } .upgrade-card:hover { background: rgba(255,255,255,0.95); transform: translateY(0px); box-shadow: 0 6px 20px rgba(0,0,0,0.08); background: linear-gradient(#FFFFFF, #D9F1FF); } .upgrade-card h4 { color: #1a1a2e; font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } .upgrade-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .upgrade-icon svg { width: 100%; height: 100%; } .upgrade-icon img { width: 100%; height: 100%; object-fit: contain; } .upgrade-card .recommend { color: #4a5568; font-size:1.125rem; margin-bottom: 12px; } .upgrade-card .recommend strong { color: #2563eb; font-size: 18px; font-weight: 700; } .upgrade-card .path-label { color: #718096; font-size: 1.125rem; margin-bottom: 6px; } .upgrade-card .path-text { color: #2d3748; font-size: 1.125rem; line-height: 1.8; font-weight: 500; } .upgrade-card .path-text .arrow { color: #2563eb; font-weight: bold; margin: 0 4px; } .gear-decoration { position: absolute; opacity: 0.08; pointer-events: none; z-index: 0; } .gear-1 { top: 40px; right: 100px; width: 100px; height: 100px; animation: rotate 25s linear infinite; } .gear-2 { bottom: 140px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; animation: rotate 20s linear infinite reverse; } .gear-3 { bottom: 100px; left: 80px; width: 50px; height: 50px; animation: rotate 18s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .cloud-gear { position: absolute; top: 20px; right: 140px; width: 120px; height: 90px; opacity: 0.1; z-index: 0; } .cta-bar { position: relative; z-index: 1; background: #fff; border-radius: 16px 16px 0 0; margin: 40px -40px 0 -40px; padding: 30px 50px; display: flex; align-items: center; justify-content: space-between; gap: 30px; box-shadow: 0 -4px 20px rgba(0,0,0,0.03); } .cta-content h3 { font-size: 20px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; } .cta-content p { font-size: 14px; color: #718096; line-height: 1.6; } .cta-buttons { display: flex; gap: 16px; flex-shrink: 0; } @media (max-width: 576px) { .compare-grid { grid-template-columns: 1fr; } .section-title { font-size: 24px; } .cta-buttons { flex-direction: column; width: 100%; } } @media (max-width: 1680px){ .jdp-sub-card-desc{ } .sol-cta{padding: 70px 0;} .sol-cta-subtitle{ margin-bottom:30px;} .abt-tag{ margin-top:0;} .abt-tag{margin: -10px 0 14px;} .ed-field-body{min-height: 470px;} .ed-field-body{ padding:36px;} .ed-stats{padding: 80px 0;} .ed-stat-card{padding: 41px 28px;} .ed-stat-card h3{ } .cs-text-block p{ line-height:1.7;} .cs-section-title{ margin-bottom:16px;} .product-name{ font-size:1.5rem;} .ptn-card{ padding-bottom:60px;} } @media (max-width: 1600px){ .about-body{margin-bottom: 2rem; margin-top: 2rem;} .stat p{font-size: 1.15rem;} } @media (max-width: 1530px){ .about-body{font-size: 1.18rem;} .stat p{font-size: 1.15rem;} .stat p { font-size: 1.1rem; } } @media (max-width: 1500px){ .stat p { font-size: 1.0rem; } } @media (max-width: 1480px){ .product-name{font-size: 1.5rem;} .section-desc p{ font-size:1.1rem!important;} } @media (max-width: 1440px){ .section-desc p{ font-size:1.06rem!important;} } @media (max-width: 1430px){ .product-name { font-size: 1.58rem; } } @media (max-width: 1320px){ .vt-feature-img{ height:220px;} } @media (max-width: 1280px){ } @media (max-width: 1260px){ .feature-item{ margin-bottom:6px;} .product-name { font-size: 1.4rem; } } @media (max-width: 1220px){ .product-name { font-size: 1.24rem; } } @media (max-width: 1180px){ .hero-card-tab { padding: 10px 23px; } .hero-cards{ bottom:40px;} } @media (max-width: 1000px){ .hero-cards{ display:none;} } @media (max-width: 980px){ .sol-cta-title { font-size: 22px; } .sol-cta-subtitle { font-size: 14px; } .sol-cta-btn-primary, .sol-cta-btn-outline{ width:80%;} .sol-cta-btn-primary, .sol-cta-btn-outline{ font-size:14px!important;} .card-header h3 { font-size: 18px; } .card-header .subtitle { font-size: 14px; } .feature-item { font-size: 14px; } .upgrade-card .path-text{ font-size: 14px;} .upgrade-section { padding: 30px 0; } .upgrade-card .recommend{ font-size:15px;} .upgrade-card h4{ font-size:20px;} .insight-main{ margin-top:20px;} .logo-r{ height:78px;} .insight-hero-title { font-size: 16px; } .dc-effect-grid-3 { grid-template-columns: repeat(1, 1fr); } .dc-effect-title{ font-size:20px;} .dc-effect-data{ font-size:20px;} .dc-effect-badge .dc-effect-pct{ font-size:20px;} .dc-effect-badge span{ font-size:20px;} .dc-effect-card{padding: 18px 30px;} .dc-effect-data{ margin-top:0;} .dc-effect-sub{ font-size:25px;} .dc-effect-grid-2{grid-template-columns: repeat(1, 1fr);} .dc-section-header h2 { font-size: 20px !important; } .dc-effect-grid{ gap:6px;} .ptn-stats h2 { font-size: 20px; } .ptn-stats-subtitle { font-size: 16px; } .ptn-stat-num { font-size: 28px; } .ptn-stat-label { font-size: 14px; } .hero { height: 260px; min-height: 260px; } .hero-content { padding-bottom: 0; } #zwStickyNav { margin-top: 0px !important; } .zw-sticky-nav{ top:60px!important;} .sc-page-title{ margin-top:90px!important;} .sc-box22 h2{ font-size:18px!important;} .cs-value-grid{grid-template-columns: repeat(1, 1fr);} .ptn-intro p{ font-size:16px;} .ed-philosophy h2{ font-size:22px;} .ed-coop h2{ font-size:22px;} .ed-stat-card h3 { font-size: 20px; } .ed-stat-card { padding: 20px 28px; } .ed-field-body { min-height: 327px; } .ed-field-body h3 { font-size: 18px; } .ed-field-body p { font-size: 15px; line-height: 20px; } .ed-field-num { font-size: 30px; } .ed-field-body { padding: 20px; } .ed-fields h2{ font-size:22px;} .dc-section-header h2 span{ font-size:20px!important;} .dc-section-header h2 span{ font-size:20px!important;margin-bottom:15px!important;} .dc-section-header h3 span{ font-size:20px!important; } .dc-section-header p span{ font-size:16px!important;} } /*手机适配开始 */ @media (max-width: 980px) { .compare-grid { grid-template-columns: repeat(2, 1fr); } .upgrade-grid { grid-template-columns: 1fr; } .cta-bar { flex-direction: column; text-align: center; padding: 24px 30px; } .logo img{ height:30px;} .header-inner{ height:40px;} .hero{ margin-top:40px;} .hero-content {padding-bottom: 30px;} .hero-title {font-size: 22px;} .section { padding: 30px 0; } .hero{ height:230px; min-height:auto;} .hero-content{ padding-left:14px; padding-right:14px;} .dot{ width:8px;} .section-subtitle{ font-size:1.2rem;} .section-desc{ font-size:14px;} .dot.active{ width:15px;} .section-title{ margin-bottom:8px;} .product-grid{grid-template-columns: repeat(2, 1fr);} .product-summary{ font-size:14px;} .product-card{ padding:20px;} .product-btn{ font-size:14px;} .product-ico{ width:26px; height:26px;} .product-card:nth-child(2) .product-ico { width: 30px; height: 36px; } .product-summary{ height:47px;} .product-name{ font-size:18px;line-height: 20px;} .product-btn{ height:36px; line-height:36px;} .solution-cards{ flex-direction: inherit;} .sol-arrow{ font-size:12px;} .case-nav{ display:block;} .case-nav{ width:40px; height:40px;line-height: 0;} .case-next{ right:0;} .case-prev{ left:0;} .section-right{position: inherit; margin-top:20px;} .section-right a{ font-size:15px;} .case-item h4{ font-size:18px; text-align:left;} .case-carousel-outer{ margin-top:0;} .section-header{ margin-bottom:26px;} .case-item h4{ text-align:center;} .insight-main{ display:block;} .about-title{ font-size:20px;} .about-sub{ font-size:15px;} .about-body{ font-size:14px;} .stat-num{ font-size:30px;} .stat-unit{ font-size:20px;} .stat p { font-size: 13px; margin-top: 0; } .stats { gap: 4px; } .form-card h3{ font-size:20px;} .form-card>p{ font-size:14px;} .form-card{ padding:24px;} #contactForm { margin-top: 20px; } .form-card input, .form-card select{ margin-bottom:10px;} .form-card button{ font-size:15px;} .form-card button{ margin-top:5px;} .about-layout{ gap:24px;} .footer-right{ display:none;} .footer-left { flex: 0; } .footer-logo img { height: 31px; } .footer{padding: 34px 0 0;} .footer-logo { margin-bottom: 20px; } .footer-link{ margin-top:10px;} .footer-contact-item{ margin-bottom:5px;} .footer-contact{ margin-bottom:0;} .social-icons{ margin-top:14px;} .footer-copyright{ display:block;} .footer-bottom { gap:1px;} .logo-rows{ margin-top:28px;} .logo-r{padding: 0 10px;} .section-title { font-size: 1.8rem; line-height: 30px; } .section-desc{ margin-top:20px;} .solution-cards{flex-wrap:wrap;flex-direction:row;gap:12px} .sol-card-item{flex:0 0 calc(50% - 6px);min-height:auto;cursor:pointer} .sol-card-item.active{flex:0 0 calc(50% - 6px);min-height:auto;box-shadow:0 4px 16px rgba(0,0,0,.06)} .sol-card-item.active .sol-card-body-le-zz{max-height:0;opacity:0;overflow:hidden} .sol-card-item.active .sol-card-detail{max-height:0;opacity:0;margin-top:0;overflow:hidden} .sol-card-item.active .sol-card-btn{max-height:0;opacity:0;overflow:hidden;padding:0;margin-top:0} .sol-card-item.active .sol-card-img{opacity:1;max-height:none;aspect-ratio:16/9;overflow:hidden} .sol-card-item.active .sol-card-body-txt{display:block} .sol-card-item.active .sol-card-body-le{display:none} .sol-card-item.active .sol-card-subtitle{padding-left:0;line-height:1.6} .sol-card-item.active .sol-arrow{opacity:1;transform:none} .nav-item{ width:100%;padding-top: 10px; padding-bottom: 10px;} .abt-banner { height: 220px; } .abt-banner{ margin-top:60px;} .abt-banner-content h1{ font-size：20px;} .abt-banner-content { height: 220px;} .abt-banner-content h1{ font-size:22px;} .abt-banner-content p{ font-size:14px;} .abt-banner-content p{ margin-top:5px;} .abt-intro{padding: 30px 0;} .abt-tag{margin: 0px 0 13px;} .abt-section-title { font-size: 25px; } .abt-tag{ font-size:14px;} .abt-para{ font-size:14px;} .abt-stat-num { font-size: 26px; } .abt-stat-grid{gap: 0; padding: 0;} .abt-stat-label{ font-size:16px;} .abt-intro-layout{ gap:0;} .honor-title{ font-size:25px;} .honor-subtitle{ font-size:15px; letter-spacing:0;} .honor-section{padding: 30px 0 30px;} .honor-detail p{ font-size:1rem;} .honor-layout{ margin-top:20px;} .honor-layout{gap:20px;} .honor-list-item:hover{ padding-left:0;} .honor-list-item{padding: 15px 0;} .abt-develop-card h3{ font-size:20px;} .abt-develop-card p{ font-size:1rem;} .abt-develop-icon{ width:50px; height:50px;} .abt-section-desc{ font-size:1rem;} .abt-develop-grid{ margin-top:20px;} .abt-develop{padding: 30px 0;} .abt-develop-icon{ margin-bottom:12px;} .abt-stat-item{padding: 15px 0;} .abt-team{ padding: 30px 0;} .abt-team-img{ height:auto;} .abt-team-card h3{ font-size:20px} .abt-team-grid{ margin-top:20px;} .abt-develop-card{ padding:25px;} .news-card-body h3{ font-size:16px;} .news-card-body p{ font-size:1rem;} .news-card-tag{ font-size:12px;} .news-tab { padding: 4px 6px; border-radius: 24px; border: 1px solid #d0d7e0; background: #fff; color: #505F79; font-size: 1rem; cursor: pointer; transition: all .3s; } .news-tabs{ gap:4px;} .news-section { padding: 30px 0 30px; background: #fff; } .news-header{ margin-bottom:20px;} .honor-title-line{ width:34px; margin-top:0;} .news-grid{ gap:20px;} .news-tabs{ margin-bottom:20px;} .news-detail-prev p, .news-detail-next p{ font-size:15px;} .news-detail-content p{ font-size:1rem;} .news-detail-title{ font-size:18px;} .news-detail-section{padding: 7px 0 28px;} .news-detail-breadcrumb{ margin-bottom:8px;} .news-detail-article{ padding-top:15px;} .news-detail-date{ font-size:12px;} .news-detail-cat{ font-size:12px;} .news-detail-breadcrumb a{font-size:13px;} .news-detail-meta{ margin-bottom:20px;} .news-detail-breadcrumb span{ font-size:13px;} .jdp-join-label{ font-size:12px;} .jdp-join-hero-text{ padding:20px;} .jdp-join-hero-text .jdp-desc p{ font-size:1rem;} .jdp-join-hero-text .jdp-subtitle{ font-size:1.2rem;} .jdp-join-hero-text .jdp-desc{ margin-top:25px; margin-bottom:25px;} .jdp-join-hero-text{ padding:0; padding-top:20px;} .jdp-join-hero-text .jdp-desc p{ margin-bottom:0;} .jdp-join-hero{ margin-top:60px;} .jdp-join-hero{min-height: auto;} .jdp-section-title{font-size: 25px;} .jdp-join-value{ padding:20px;} .jdp-join-value p{ font-size:1rem;} .jdp-join-value-icon{ width:42px; height:42px; margin-bottom:10px;} .jdp-section-title h2{ font-size:25px;} .jdp-section-title{ margin-bottom:20px;} .jdp-join-hero-inner{ padding-bottom:28px;} .jdp-section { padding: 30px 0; } .jdp-join-value h4{ font-size:20px;} .jdp-join-positions{padding: 30px 0;} .jdp-position-info h4{ font-size:18px;} .jdp-position-meta span{ font-size:14px;} .jdp-btn{ display:block;padding: 10px 28px;text-align:center;} .jdp-join-cta{ padding:50px 0;} .jdp-join-cta h2 { font-size: 20px; } .jdp-btn{ font-size:14px!important;} .jdp-join-cta p{ font-size:14px;} .contact-cards{ gap:20px;} .contact-card-title{ font-size:18px;} .contact-card-info{ font-size:16px;} .contact-section{padding: 31px 0 33px;} .contact-hero-desc{ font-size:14px;} .contact-hero-sub{ font-size:16px;} .contact-hero-title{ font-size:22px;} .contact-trust-item{ font-size:15px;} .contact-header{ margin-bottom:20px;} .contact-hero { max-width: 100%; margin: 0 auto 38px;} .jdp-sub-card-desc{ height:auto;} .jdp-sub-card h3{ font-size:22px;} .jdp-sub-card-badge{ font-size:12px;} .jdp-sub-btn-main{ font-size:15px;} .jdp-sub-card-badge{ margin:0 auto;} .jdp-sub-option-price{ font-size:22px;} .jdp-sub-perm h2{ font-size:20px;} .jdp-sub-perm p{ font-size:16px;} .jdp-sub-perm-btn { display: inline-block; padding: 13px 43px; border-radius: 30px; font-size: 14px;} .jdp-sub-perm{padding: 40px 0;} .jdp-sub-faq-title{ font-size:25px;} .jdp-order-total strong{ font-size:20px;} .jdp-modal-body h3{ font-size:18px;} .xin_stle{ font-size:15px;} .jdp-sub-faq-q{ font-size:16px;} .jdp-sub-perm p{ font-size:15px;} .jdp-sub-grid{padding: 30px 0 30px;} .jdp-table tbody td{ padding-left:0;} .jdp-table{ font-size:13px!important;} .jdp-sub-faq-q{padding: 14px 28px;} .jdp-sub-faq-list { margin-top: 20px; } .jdp-sub-faq{padding: 30px 0 30px;} .jdp-sub-faq-a p{ font-size:14px;} .tut-tab{ font-size:16px;} .tut-file-icon{ width:14px; height:15px;} .tut-file-item{ gap:10px;} .lt-grid{grid-template-columns: repeat(2, 1fr);} .lt-card-info h4{ font-size:16px;} .lt-card-info p{ font-size:14px;} .lt-play-btn{opacity: 1;} .lt-filter-tag{padding: 5px 10px;} .lt-filter-label{ width: 57px; font-size: 14px; } .lt-filter{padding: 16px 18px;} .lt-filter-tag{ font-size:14px;} .lt-filter-options{ gap:3px;} .lt-content { padding: 30px 0 30px; } .cd-breadcrumb{ margin-top:60px;} .cd-chapter-title{ font-size:15px;} .cd-info-inner{ padding:20px;} .cd-info{ padding-top:0;} .cd-chapter-list{ padding-bottom:20px;} .cd-study{ padding-bottom:20px; padding-top:20px;} .cd-study-main{gap: 12px;} .cd-lesson-item{ font-size:13px;} .ptn-intro p {font-size: 14px;} .ptn-intro h2{ font-size:25px;} .ptn-card{ padding:20px;} .ptn-card p{ font-size:14px;} .ptn-card h4{ font-size:18px;} .ptn-card-icon{ margin-bottom:10px;} .ptn-card-icon img{ height:32px;} .ptn-modules { padding: 0; } .ptn-stats h2{ font-size:25px; line-height:45px;} .ptn-stats-subtitle{ font-size:15px} .ptn-stat-label{ font-size:14px;} .ptn-stats-subtitle{ margin-bottom:26px;} .ed-philosophy-sub{ font-size:16px;} .ed-philosophy-desc{ font-size:14px; line-height:24px;} .ed-philosophy-sub{ margin-bottom:20px;} .ed-coop { padding: 20px 20px; } .ed-coop-body p{ font-size:16px;} .ed-coop-body h4{ font-size:18px;} .ed-coop-body h4{ margin-top:0;} .ed-coop h2{ font-size:24px;} .ed-coop-grid{ margin-top:10px;} .ed-stat-card{ display:block;} .ed-stat-card h3{ font-size:20px;} .ed-stat-card p{ font-size:14px;} .ed-stats{ padding:0; padding-top:20px; padding-bottom:20px;} .ed-stat-icon img{ width:50px; height:50px;} .ed-stat-left{ display:block;} .ed-stat-num{ text-align:center;} .ed-stat-icon{ width:50px; height:50px; margin:0 auto;} .ed-stat-card{ padding:20px;} .ed-stats-grid{ gap:12px;} .ed-stat-num{ margin-top:10px;} .ed-fields-grid{grid-template-columns: repeat(2, 1fr); display:grid;} .ed-fields{ padding:0;} .ed-field-body{ min-height:300px;} .ed-field-body{ padding:25px;} .ed-field-num{ font-size:30px;} .ed-field-body h3{ font-size:18px;} .ed-field-body p{ font-size:14px;} .ed-field-link{ font-size:15px;} .ed-fields-grid{ margin-top:25px; margin-bottom:25px;} .ed-fields-grid{ gap:10px;} .vt-intro h2{ line-height:35px;} .vt-intro p{ line-height:25px; margin-top:8px;} .vt-intro h2{ font-size:25px;} .ue-case-desc{ font-size:15px;} .ue-case-card p{ font-size:15px;} .ue-case{ padding:0;} .ue-comp-card-body h4{ font-size:24px;} .ue-comp-card-body h4{ font-size:20px;} .ue-comp-card-body p{ font-size:14px;} .section-right a{ font-size:14px;} .section-right a img { margin-right: 5px; display: inline-block; vertical-align: -2px; width: 14px; } .hero-btns a svg{ width:10px; height:10px; margin-left:1px;vertical-align: -1px;} .ed-field-link { font-size: 14px; } .vt-intro h2 { font-size: 22px; } .ue-case-card h4{ font-size:20px; margin-bottom:6px;} .ue-case-desc{ margin-bottom:20px;} .ue-case-cards{ gap:10px;} .ue-case-card{padding: 16px 20px;} .ue-case-label{ font-size:24px; margin-top:20px;} .ue-case h2{ font-size:20px;} .ue-comp{ padding-left:0; padding-right:0;} .ue-comp h2{ margin-bottom:20px;} .vt-features{ padding:0;} .vt-feature-card h4{ font-size:20px;} .vt-feature-card p{ font-size:15px;} .vt-features-grid{ gap:10px;} .vt-intro{ padding-bottom:5px;} .tt-showcase-content h3{ font-size:20px;} .tt-showcase-content p{ font-size:14px;} .tt-cards{ padding:0; padding-bottom:20px; padding-top:20px;} .tt-card h4{ font-size:18px;} .tt-card-list li{ font-size:15px;} .tt-card h4{ margin-bottom:6px;} .tt-showcase { height: 241px; } .tt-showcase-content{ height:260px;} .tt-showcase-content{ padding-left:20px; padding-right:20px;} .tt-showcase{ margin-top:10px;} .sol-cta-title{ font-size:22px;} .sol-cta-subtitle{ font-size:14px;} .sol-cta-subtitle{ margin-bottom:15px;} .sol-cta{padding:35px 0;} .sol-cta-title { font-size: 20px; } .sol-cta-btn{padding: 9px 20px;font-size: 14px;} .sol-cta-title{ margin-bottom:10px;} .sol-solution-tabs-wrap{ margin-bottom:20px;} .sol-solution-tab{ line-height:20px;} .sol-solution-text h3{ font-size:22px;} .sol-solution-text p{ font-size:14px;} .sol-solution-text h3{ margin-bottom:10px;} .sol-solution-tag{padding: 8px 12px;} .sol-solution-btn{padding: 12px 22px;font-size: 15px; font-weight: 400;} .sol-solution-tag{ font-size:13px;} .sol-section { padding: 30px 0; } .sol-challenge-card p { font-size: 14px; color: #5E6D82; line-height: 1.5;} .sol-challenge-card h3{ font-size:20px; margin-bottom:10px;} .sol-challenge-icon{ width:50px; height:50px;} .sol-challenge-grid{ gap:14px;} .sol-challenge-card{ padding:28px; } .sol-nav-left{ font-size: 14px;} .sol-challenge-icon{ margin-bottom:10px;} .nav-item>a{ font-size: 16px;} .sol-challenge-card h3{ font-size:18px;} .sol-challenge-icon img{ width:40px; height:40px;} .sol-solution-btn{ font-size:14px;} .sol-cta-subtitle{ font-size:13px;} .sol-section-title{ margin-bottom:20px;} .zw-btn-primary{ font-size:14px;} .sol-solution-tabs{padding: 1px 8px;} .zw-banner-title{ letter-spacing:clamp(0px,0.16vw,3px);} .zw-banner{ margin-top:clamp(40px,4.17vw,80px);} .zw-btn-primary{padding: 0 23px;height: 40px;line-height: 40px;} .sol-solution-text p{ margin-bottom:15px;} .dropdown-fs-col h4 a{font-size: 14px !important;} .dropdown-fs-col a{font-size: 13px !important;} .dc-req h3{ font-size:24px; } .dc-req-table td{padding: 10px 13px; font-size:14px;} .dc-req-label{ width:95px;} .dc-req h3 { margin-bottom: 10px; margin-top: 22px; } .dc-section-header h2{ font-size:25px; margin-top:20px; margin-bottom:0.8rem!important;} .dc-section-header h3{ font-size:20px;} .dc-section-header h2{ margin-bottom:20px;} .dc-section{ padding-top:30px;} .dc-section-header p{ font-size:14px;} .dc-card-grid{ display:block;} .dc-section-header{ margin-bottom:20px;} .dc-card h4{ font-size:18px;} .dc-card-img2{ height:auto;} .dc-soft-card{padding: 39px 22px;} .dc-card-grid{ gap:15px;} .dc-soft-card{ margin-top:15px;} .dc-soft-card h4{ font-size:24px;} .dc-bg-gray{padding:40px 0!important;} .dc-req h3{ font-size:20px;} .honor-header{ margin-bottom:20px;} .abt-section-title{ margin-bottom:15px;} .abt-team-card p { font-size: 15px; color: #505F79; margin-top: 1px; padding: 0 20px 20px; line-height: 1.6; } .abt-team-card h3{padding: 0 20px;} .section-header.center .section-descc{ line-height:23px;} .product-grid{gap: 14px;} .section-title{ letter-spacing:0;} .footer-bottom{ font-size:13px;} .footer-contact-item{ font-size:13px;} .footer-link{ font-size:13px;} .stat-num { font-size: 26px; } .hero-btns a{height: 35px; line-height: 35px;} .dropdown-fs-col a{padding: 2px 24px 10px 36px !important;} .zw-section-title2{ font-size:22px;} .zw-overview-desc{ font-size:14px;} .zw-btn-blue{ font-size:14px;} .zw-section { padding: 30px 0; } .zw-tab-card-dark .zw-tab-card-body{ padding:20px;} .zw-tab-card-dark p { font-size: 14px; line-height: 1.5;} .zw-tab-content{ margin-top:10px;} .zw-features-list li{ font-size:14px;} .zw-features-desc { font-size: 14px; color: #5E6D82; line-height: 1.5; margin-bottom:10px;} .zw-features-text h3 { font-size: 24px; } .zw-features-text h3{ font-size:22px;} .zw-features-item{ gap:10px;} .zw-cta-title { font-size: 20px; } .zw-cta-subtitle{ font-size:14px;} .zw-cta{padding: 27px 0;} .zw-btn-outline-light { display: inline-flex ; align-items: center; gap: 8px; padding: 0 24px; height: 40px; line-height: 40px; background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .6); border-radius: 6px; font-size: 14px; font-weight: 500; transition: all .3s; white-space: nowrap; text-decoration: none; cursor: pointer; } .zw-cta-subtitle{ margin-bottom:15px;} .zw-cta-title{ margin-bottom:6px;} .zw-features-list li::before{ width:6px; height:6px;} .zw-features-list li{ line-height:2.0;} .zw-features-tab-item{ line-height:6px;} .zw-features-content{ margin-top:20px;} .zw-features-tab-wrap{ margin-bottom:10px;} .zw-banner-title{margin-top:clamp(0px,0.16vw,3px)} .zw-sticky-mobile-toggle{ padding: 9px 27px; font-size: 13px; } .zw-sticky-mobile-menu a{ font-size:13px;} .zw-overview-btns{ margin-top:15px;} .zw-features-text h3{ margin-bottom:10px;} .zw-btn-outline-light{ padding: 0 18px; height: 35px; line-height: 35px; } .zw-tab-card-light{ padding:20px;} .zw-features-list li { font-size: 13px; padding-left:15px; } .zw-features-list li::before{ top:8px;} .zw-features-list { margin-bottom: 6px; } .zw-cta-title{ letter-spacing:0;} #zwStickyNav{ margin-top:60px!important;} .sc-ctn { padding: 0px 0 30px; } .sc-tab p{ border-radius:10px;} .sc-tab p.on{ border-radius:10px;} .sc-tab{border-radius:10px;} .sc-tab-box{border-radius:10px; padding:0;} .sc-page-title { font-size: 22px; } .sc-box22 h2{font-size:20px;} .sc-box22 p { font-size: 14px; line-height: 25px; } .zw-btn-primary { padding: 0 23px; height: 35px; line-height: 35px; font-size: 13px; } .sol-challenge-icon img{ width:35px; height:35px;} .sol-challenge-card { padding: 24px; } .sol-solution-tab{ font-size:14px;} .sol-solution-text h3 { font-size: 20px; } .sol-solution-btn{padding: 8px 18px;} .abt-section-title{ letter-spacing:0;} .abt-develop-card h3{ margin-bottom:5px;} .honor-title{ letter-spacing:0;} .news-tabs{ display:block;} .news-tab{ font-size:13px;} .jdp-join-hero-text h1 { font-size: 23px; letter-spacing: 0; } .jdp-join-hero-text .jdp-desc p { font-size: 13px; } .jdp-join-hero-text .jdp-subtitle { font-size: 14px; } .jdp-join-hero-text .jdp-desc p::before{ top:8px;} .jdp-join-value p { font-size: 14px; } .jdp-section-title h2{ letter-spacing:0;} .jdp-btn{padding: 8px 36px!important;} .jdp-btn svg{ margin-right: 5px; display: inline-block; vertical-align: -5px; } .jdp-join-value h4{ margin-bottom:5px;} .contact-hero-title{ letter-spacing:0;} .contact-hero-sub{ letter-spacing:0;} .contact-hero-sub { font-size: 14px; } .contact-card{ padding:20px;} .ct-msg-title{ margin-bottom:20px;} .contact-cards{ margin-top:10px; margin-bottom:20px;} .contact-card-title{ letter-spacing:0; font-size:16px;} .contact-card-icon { width:50px; height:50px;} .jdp-modal-feat-body h3{ font-size:16px;} #featuresBody ul li{font-size:14px; line-height:24px;} .jdp-sub-card{ padding:20px;} .abt-banner-content p{ letter-spacing:0;} .tut-hero{ height:220px;} .tut-hero-text h1{ font-size:22px;} .lt-filter-label{ letter-spacing:0;} .lt-filter { padding: 12px 10px; } .tut-hero{ margin-top:60px;} .md-card-name{ font-size:14px;} .et-grid{grid-template-columns: repeat(2, 1fr);} .et-card-name{ font-size:14px;} .lt-filter-label{ width:60px; margin-right:10px} .ptn-intro{ padding-left:0; padding-right:0;} .vt-intro h2{ font-size:20px; line-height:25px;} .ue-case-desc{ font-size:14px;} .ue-case{ margin-top:20px;} .dc-section-header h2{ font-size:18px!important;} .dc-soft-icon img{ height:50px;} .dc-soft-card h4{ font-size:20px;} .dc-soft-card p{ font-size:14px;} .cs-section-title h2{ font-size:20px;} .cs-pain-grid{ gap:15px;} .cs-section { padding: 30px 0; } .cs-value-grid{ gap:10px;} .cs-section .cs-layout{ display:block;} .cs-text-block p{ font-size:14px;} .cs-section-title{ margin-bottom:15px;} .cs-pain-card{ ppadding:20px;} .cs-pain-card p{ font-size:14px;} .cs-value-card{padding: 8px 20px;} *{ letter-spacing:0!important;} .hero-subtitle{ font-size:1.0rem;} .hero-title{ font-size:1.6rem;} .hero-desc{ font-size:0.95rem;} .hero-btns a{ font-size:0.95rem;} .logo-r { height: 4rem; } .logo-r img{max-width: 60%;} .logo-rows { gap: 10px; } .logo-r{align-items: inherit!important;padding: 0 0px!important; min-width:auto!important;} .case_txte{padding: 0 21px; padding-bottom: 18px;} .zw-banner-title{ font-size:1.6rem;} .zw-banner-desc{} .zw-cta-title{ font-size:1.5rem;} .zw-banner-desc{ display:none;} .honor-title{ font-size:2rem;} .abt-banner { height: 100%; } .abt-section-title{ font-size:2rem; line-height:40px;} .abt-banner-content{ height:auto;} .abt-section-title{ letter-spacing:0;} .zw-banner{ height:15rem;} .zw-banner-subtitle{ font-size:1.125rem;} .zw-btn-outline-light{ font-size:0.95rem;} .zw-banner-title{ margin-bottom:1.5rem;} #zwStickyNav { margin-top: 0px !important; } #heroCarousel .hero-title{ padding-top:3rem;} .hero-subtitle{ margin-bottom:1rem;} .product-summary { font-size: 1rem; } .abt-banner-content { height: 100%; } .zw-overview-desc{ font-size:1.1rem;} .zw-overview-desc p{ font-size:1.1rem!important;} .zw-overview-desc p span{ font-size:1.1rem!important;} .section-desc{font-size:1.1rem!important;} .zw-tab-card-light p{font-size:1.1rem!important;} .zw-tab-card-more{ font-size:14px;} .sc-tab-box{ background:none;} .sc-tab p{ margin-top:5px;background: #f3f6fa;} .sc-tab { grid-template-columns: repeat(3, 1fr); display: grid ; gap: 6px; flex: 1; } .sc-tab p{ width:100%;} .sc-tab-box{ width:100%;} .sc-tab p{ font-size:1.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sc-box22 p span{ font-size:1.1rem!important;} .sc-box22 p{ font-size:1rem!important;} .sol-section-title { font-size: 1.8rem; } .sol-panorama-img table strong{ font-size:1.8rem!important} .sol-panorama-img table span{ font-size:1rem!important} .sol-nav-left{ font-size:1rem;} .sol-solution-tab { font-size: 1rem; } .compare-grid { grid-template-columns: repeat(1, 1fr); } .upgrade-card .recommend strong{ font-size:15px;} .cs-hero h1{ font-size:1.6rem;} .cs-hero-desc{ display:none;} .cs-hero{ height:14rem;} .cs-hero-logo img{ width:26%;} .cs-hero-inner{align-items: inherit;} .cs-pain-card h3{ font-size:1.5rem;} .cs-value-card h3{ font-size:1.5rem;} .cs-value-card p{ font-size:1.1rem;} .cs-pain-card p{ font-size:1.1rem;} .cs-pain-card{ padding:20px;} .cs-section-title h2{ font-size:1.8rem;} .cs-hero-stats{grid-template-columns: repeat(4, 1fr); display: grid; } .cs-hero-stat-val{ font-size:1.1rem;} .cs-hero-stats{ display:none;} .dc-hero-desc{ display:none;} .dc-section-header h2 { font-size: 1.8rem !important; } .dc-hero{ height:14rem;} .dc-hero-text h1{ padding-top:3rem;} .ptn-intro h2{ font-size: 1.8rem !important;} .ptn-stats h2{font-size: 1.8rem !important;} .ptn-card p{ font-size:1.1rem;} .ed-coop h2{font-size: 1.8rem !important;} .abt-banner-content p{ font-size:1rem;} .ed-philosophy-sub{ font-size:1.1rem;} .ed-philosophy h2{font-size: 1.8rem !important;} .ed-coop-body p{ font-size:1.1rem;line-height: 1.6;} .ed-coop{ padding-left:0; padding-right:0; padding-top:0;} .ed-philosophy-desc{font-size:1.1rem;} .ed-fields-grid{grid-template-columns: repeat(1, 1fr);} .abt-banner-content h1 { font-size: 20px; } .tut-subnav-item { padding: 10px 12px; font-size: 1rem; } .tut-module-title{ line-height:20px;} .tut-module-title{font-size: 1.8rem !important;} .lt-filter-tag{ font-size:1rem} .lt-grid { grid-template-columns: repeat(1, 1fr); } .lt-filter-label{ font-size:1rem;} .tut-hero { height: auto; } .cd-chapter-title { font-size: 14px; } .tr-services-header h2{font-size: 1.8rem !important;} .tr-network-body{ padding:20px;} .tr-value-wrap{ padding-top:25px;} .tr-value-content p{ font-size:1.1rem;} .tr-value-content h2{ font-size:1.6rem; } .tr-value { height: 147px; } .tr-svc-body p{ opacity:1; font-size:1.1rem; padding:0; position:inherit; padding-bottom:15px;} .tr-svc-body h2{font-size:1.6rem;} .tr-svc-body h3{ font-size:1.3rem;} .tr-svc-card { height: auto; } .tr-fmt-card p{ font-size:1.0rem; padding:0; position:inherit;} .tr-fmt-card h3 { font-size: 1.6rem; font-weight: 600; margin-bottom: 8px; margin-top: 0px; } .tr-network-body p{ font-size:1.1rem;} .tr-network-body h2{ font-size:1.6rem;} .tr-fmt-card{ padding: 23px 6px 24px; padding-bottom:19rem;} .tr-network-map img{ height:auto;} .tr-network-line { width: 82px; height: 3px; background: #0056B3; margin-bottom: 15px; border-radius: 0px; margin-top: 7px;} .cust-form h2{ font-size:1.8rem;} .cust-form-sub{ font-size:1.1rem;} .cust-intro p{ font-size:1.1rem;} .cust-intro{ padding-left:0; padding-right:0;} .cust-photos{ padding-left:0; padding-right:0;} .cust-form{ padding-left:0; padding-right:0;} .cust-intro h2{font-size:1.8rem;} .cust-cta h3{font-size:1.6rem;} .jdp-sub-grid .group-wrap{ display:block!important;} .tut-module-title{ line-height:20px;} .jdp-sub-card{ margin-bottom:15px;} .jdp-sub-card-desc{ font-size:1rem;} .jdp-sub-option-per{ font-size:1rem;} .jdp-sub-option-duration{ font-size:1.1rem;} .jdp-sub-btn-main{ font-size:14px;} .jdp-sub-perm p{ font-size:1rem;} .jdp-sub-faq-title{ font-size:1.8rem;} .xin_stle{ font-size:1.1rem;} .jdp-table thead th{ font-size:1rem!important; padding-left:5px!important;} .tut-module-title{ line-height:20px!important;} .tut-module22 { margin-top: 35px; } .md-grid { grid-template-columns: repeat(1, 1fr);} .lt-filter-tag { padding: 5px 8px; } .news-card-body h3{ font-size:1.3rem;} .news-detail-breadcrumb a{ font-size:1rem;} .jdp-section-title h2{ font-size:1.8rem;} .jdp-join-value p{ font-size:1.1rem;} .jdp-join-value h4{ font-size:1.4rem;} .jdp-join-hero-text .jdp-desc p{ font-size:1rem;} .jdp-position-item{ padding:20px;} .jdp-position-meta span{ font-size:1rem;} .jdp-join-hero-text .jdp-desc p{ padding-left:12px;} .contact-hero-title{ font-size:1.8rem;} .honor-title{ font-size:1.8rem;} .ct-msg-title h2{ font-size:1.8rem;} .contact-hero-desc{ font-size:1.1rem;} .contact-trust-item{ font-size:1.1rem;} .contact-hero-sub{ font-size:1.1rem;} .news-tabs{grid-template-columns: repeat(3, 1fr)!important;display: grid!important;gap: 6px;} .news-tab{ text-align:center; font-size:1rem;} .cs-layout .cs-text-block{ margin-bottom:1rem;} .cs-value-icon{ margin-top:1rem;} .cs-pain-card h3{ font-size:1.35rem;} .cs-hero h1{ font-size:1.8rem!important;} .abt-team-card p{ font-size:1rem;} .abt-team-card h3{font-size:1.6rem;} .abt-develop-icon img{ width:30px; height:30px;} .insight-item-title{ font-size:1.1rem;} .insight-main-right{ margin-top:0;} .insight-section { padding: 34px 0; } .insight-main-right{padding:0;} .insight-hero-info{ padding-left:0; padding-right:0; padding-bottom:0;} .about-body { font-size: 1.1rem; } .zw-section-title2 { font-size: 1.6rem; } .zw-features-desc{ font-size:1rem;} .zw-features-list p span{ font-size: 1.1rem!important;} .zw-banner-title { width: 70%!important; line-height: 1.5; } .sol-panorama-img table strong{ font-size:1.2rem!important} .sol-panorama-img table span{ font-size:1rem!important} .dc-card h4 { font-size: 1.125rem!important; } .dc-section-header p{font-size: 1.1rem!important;} .dc-effect-badge{ padding:10px; font-size:1.2rem!important;} .dc-effect-title { font-size: 1.6rem; } .dc-effect-data { font-size: 1.3rem; } .logo-r{ width:8rem!important;} .abt-stat-label { font-size: 1.1rem; } .abt-section-title{ font-size:1.8rem} .sol-section-title { font-size: 1.6rem; } .sc-sub-card-text img{ height:auto!important;} .social-icons { display: flex ; gap: 20px; align-items: center; display: flex ; justify-content: center; box-sizing: border-box; } .dc-card-grid { display: flex!important; } .tr-fmt-card h3{ margin-bottom:0!important;} .dc-section .dc-card-grid { display: block !important ; } .dc-bg-gray .dc-card-grid { display: flex !important ; } .sc-sub-card-text img{aspect-ratio: inherit!important;} .sc-feature-body img { height:auto!important;aspect-ratio: inherit!important;} .dnbxs{ display:block;} .sol-card-item.active .sol-card-btn.dnbxs{ opacity:1; margin-left:0;} .sol-card-item.active .sol-card-btn { max-height: 2.5rem; width: 9rem; font-size:1rem;line-height: 2.5rem; margin-top:1rem;} .sol-card-item .sol-card-btn.dnbxs{ opacity:1; margin-left:0;} .sol-card-item .sol-card-btn { max-height: 2.5rem; width: 9rem; font-size:1rem;line-height: 2.5rem; margin-top:1rem;} .sol-card-btn img { margin-left: 12px; width: 14px; height: 14px; display: inline-block; vertical-align: -2px; } .zw-features-list p{ line-height:1.4!important;} .sc-sub-card-text figcaption span{ font-size:1.125rem!important;} .sc-box22 h2 span{ font-size:1.7rem!important;} .tut-hero-text p{ font-size:1rem!important;} .tut-hero-text { position: absolute; top: 19%; left: 50%; transform: inherit; text-align: center; z-index: 2; left: 0; right: 0; text-align: center; padding-left: 16px; padding-right: 16px; } .tut-hero-text p{ margin-top:5px!important;} .et-content { padding: 30px 0 40px; } .et-card-name{padding: 20px 15px;} .ue-comp-card-img img{ height:auto!important;object-fit: inherit!important;} .ue-comp-card-img{ height:auto!important;} .ue-case-card p { font-size: 1.1rem!important; } .ue-case-layout{margin-top: -3rem;} .jdp-sub-faq-q { padding: 14px 19px;font-size: 1.125rem; } .jdp-table tbody td{padding: 10px 6px!important;} .jdp-table thead th{padding: 14px 50px;!important;} .jdp-sub-perm p{margin-bottom: 1.5rem;} .tut-module22 { margin-top: 2rem!important; } .ptn-stats{ padding-left:0; padding-right:0;} .dropdown-fs-col a img { width: 41px !important; height: atuo !important; margin: 0 !important; vertical-align: -3px!important; } .jdp-agree-hero { padding: 123px 0 40px!important; } .jdp-agree-hero h1{ font-size:1.6rem;} .jdp-order-table th{padding: 10px 2px!important;} .jdp-order-submit{ width:100%;} .value-bar{ font-size:1rem;} .sol-cta-title{ font-size:1.6rem;} } #featuresBody ul li{ font-size:1.1rem!important; list-style: inside!important; margin-top:5px;} #featuresBody h4{ font-size:1.3rem!important; margin-top:5px; display:none!important;}