.blank50{display: none;} @media (max-width: 768px) { .blank50{display: block;} } .head_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .head_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .head_title b i{font-style: normal;color: var(--color1);} .head_title p{font-size: 18px;color: #5a6574;line-height: 2;padding: 0 ;margin-top: 20px;max-width: 900px;text-transform: uppercase;} @media (max-width: 992px) { .head_title{margin-bottom:20px;} .head_title b{font-size: 24px;} .head_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} } .head_title.white b{color: #fff;} .head_title.white b i{font-style: normal;color: var(--color3);} .head_title.white p{font-size: 18px;color: #fff;line-height: 2;padding: 0 ;margin-top: 20px;max-width: 900px;text-transform: uppercase;} @media (max-width: 992px) { .head_title.white{margin-bottom:20px;} .head_title.white b{font-size: 24px;} .head_title.white p{font-size: 16px;line-height: 1.6;margin-top: 10px;} } /* ====== footer_link CTA ====== */ .footer_link{width:100%;float:left;position:relative;overflow:hidden;padding:80px 0;} .footer_link .bgs{position: absolute;inset: 0;background: linear-gradient(135deg, #eaf4ff 0%, #dceeff 40%, #ede8ff 70%, #e8f0ff 100%);z-index: 0;} .footer_link .bgs .orb{position: absolute;border-radius: 50%;pointer-events: none;} .footer_link .bgs .orb1{width: 500px;height: 500px;left: -100px;top: -150px;background: radial-gradient(circle, rgba(49,148,255,0.18) 0%, transparent 70%);} .footer_link .bgs .orb2{width: 400px;height: 400px;right: -80px;bottom: -100px;background: radial-gradient(circle, rgba(164,76,255,0.15) 0%, transparent 70%);} .footer_link .bgs .orb3{width: 300px;height: 300px;left: 40%;top: -50px;background: radial-gradient(circle, rgba(100,180,255,0.12) 0%, transparent 70%);} .footer_link .bgs .deco-img{position: absolute;opacity: 0.2;pointer-events: none;filter: drop-shadow(0 0 40px #3194ff55);} .footer_link .bgs .deco-l{width: 280px;left: 40px;bottom: -30px;transform: scaleX(-1);display: none} .footer_link .bgs .deco-r{width: 440px;right: 60px;top: -20px;display: none;} .footer_link .container{position: relative;z-index: 3;} .footer_link .box{width:100%;float:left;text-align:center;display:flex;flex-direction:column;align-items:center;} .footer_link .box b{font-size:40px;font-weight:bold;line-height:1.4;margin-bottom:20px;letter-spacing:0.5px;} .footer_link .box b i{color:var(--color1);font-style:normal;} .footer_link .box p{font-size:16px;color:#666;line-height:1.6;margin-bottom:40px;max-width:900px;} .footer_link .box .btns{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;} .footer_link .box .btns a{display:inline-block;height:52px;line-height:50px;padding:0 48px;border-radius:52px;font-size:16px;color:var(--color14);border:1.5px solid var(--color14);background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);transition:0.4s;letter-spacing:1px;} .footer_link .box .btns a:hover{background:var(--color14);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px rgba(49,148,255,0.25);} .footer_link .box .btns .active{display:inline-block;height:52px;line-height:52px;padding:0 48px;border-radius:52px;font-size:16px;font-weight:bold;color:#fff;background:linear-gradient(to right,var(--color14),#478aff);box-shadow:0 8px 30px rgba(49,148,255,0.3);transition:0.4s;letter-spacing:1px;} .footer_link .box .btns .active:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(49,148,255,0.45);filter:brightness(1.08);} @media (max-width:992px){ .footer_link{padding:60px 0;} .footer_link .box b{font-size:22px;letter-spacing:0;} .footer_link .box p{margin-bottom:30px;} .footer_link .box .btns{flex-direction:column;gap:12px;width:100%;} .footer_link .box .btns .active, .footer_link .box .btns a{width:100%;text-align:center;padding:0;} } .index_new_0{width:100%;float:left;background:#fff;padding:100px 0;} .index_new_0 .box{width:100%;float:left;display:flex;flex-direction:column;} .index_new_0 .box .c{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;} .index_new_0 .box .c .li{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;padding:40px 36px 40px;transition:0.35s;border-radius:24px;background:#f7faff;border:1.5px solid transparent;} .index_new_0 .box .c .li:hover{box-shadow:0 16px 40px rgba(49,121,246,0.10);transform:translateY(-6px);border-color:rgba(var(--color1rgb),0.6);background:#fff;} .index_new_0 .box .c .li .in1_deco{position:absolute;right:-20px;bottom:-20px;width:180px;height:180px;opacity:1;pointer-events:none;transition:0.4s;} .index_new_0 .box .c .li:hover .in1_deco{transform:scale(1.1) rotate(8deg);} .index_new_0 .box .c .li:hover .in1_ico{box-shadow: 0 0px 10px rgba(0,0,0,0.05);} .index_new_0 .box .c .li:hover .in1_tag{color: var(--color1);} .index_new_0 .box .c .li .in1_deco circle{fill:rgba(49,121,246,0.05);} .index_new_0 .box .c .li .in1_tag{font-family:'bebas',arial;font-size:52px;color:var(--color1);line-height:1;margin-bottom:16px;transition: 0.5s;} .index_new_0 .box .c .li .in1_top{display:flex;align-items:center;gap:12px;margin-bottom:10px;position:relative;z-index:1;} .index_new_0 .box .c .li .in1_ico{width:40px;height:40px;border-radius:10px;background:#ffffff66;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #fff;transition:0.4s;} .index_new_0 .box .c .li .in1_ico svg *{stroke:var(--color1);} .index_new_0 .box .c .li .in1_ico img *{stroke:var(--color1);} .index_new_0 .box .c .li .in1_top b{font-size:20px;font-weight:bold;color:#1a1a1a;line-height:1.6;} .index_new_0 .box .c .li:hover .in1_top b{color:var(--color1);} .index_new_0 .box .c .li .in1_sub{font-size:14px;color:#888;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid rgba(49,121,246,0.08);position:relative;z-index:1;} .index_new_0 .box .c .li ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;} .index_new_0 .box .c .li ul li{font-size:16px;color:#555;line-height:1.65;padding-left:18px;position:relative;} .index_new_0 .box .c .li ul li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--color1);opacity:0.5;} @media (max-width:992px){ .index_new_0{padding:40px 0;} .index_new_0 .box .c{grid-template-columns:1fr;gap:16px;} .index_new_0 .box .c .li{padding:25px;} .index_new_0 .box .c .li .in1_ico{display: none;} .index_new_0 .box .c .li .in1_tag{margin-bottom: 6px;} } .index_new_1{width:100%;float:left;background:#fff;padding:100px 0;display: none;} .index_new_1 .box{width:100%;float:left;display:flex;flex-direction:column;} .index_new_1 .box .c{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;} .index_new_1 .box .c .li{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;padding:32px 32px 36px;transition:0.3s;border-radius:20px;background:#e4f1ff;border:1px solid #ffffff44} .index_new_1 .box .c .li:hover{box-shadow:0 30px 20px rgba(49,121,246,0.16);transform:translateY(-5px);} .index_new_1 .box .c .li .in1_deco{position:absolute;right:-10px;bottom:-10px;width:120px;height:120px;opacity:0.9;pointer-events:none;transition:0.4s;} .index_new_1 .box .c .li:hover .in1_deco{transform:scale(1.15) rotate(10deg);opacity:1;} .index_new_1 .box .c .li:hover .in1_deco{transform:scale(1.15) rotate(10deg);opacity:1;} .index_new_1 .box .c .li .in1_top{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(49,121,246,0.1);position:relative;z-index:1;} .index_new_1 .box .c .li .in1_ico{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .index_new_1 .box .c .li .in1_top b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;} .index_new_1 .box .c .li ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;} .index_new_1 .box .c .li ul li{font-size:16px;color:#555;line-height:1.6;padding-left:16px;position:relative;} .index_new_1 .box .c .li ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color1);opacity:0.6;} @media (max-width:992px){ .index_new_1{padding:40px 0;} .index_new_1 .box .c{grid-template-columns:1fr;gap:16px;} .index_new_1 .box .c .li{padding:24px 24px 28px;} } /* index_new_4 */ .index_new_4{width: 100%;float: left;padding: 80px 0;background: var(--colorb1);} .index_new_4 .box{width: 100%;float: left;} .index_new_4 .box .c{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:10px;width: 100%;float: left;} .index_new_4 .box .c .li{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:0.3s;border-radius:15px;background:#fff;padding: 0 0 40px;} .index_new_4 .box .c .li:nth-child(2){border-radius:15px;} .index_new_4 .box .c .li:nth-child(3){border-radius:15px;} .index_new_4 .box .c .li:hover{box-shadow:0 16px 40px rgba(49,121,246,0.14);transform:translateY(-6px);background:#fff;} .index_new_4 .box .c .li .bg-shape{position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:rgba(49,121,246,0.05);pointer-events:none;transition:0.4s;display: none;} .index_new_4 .box .c .li:hover .bg-shape{transform:scale(1.4);background:rgba(49,121,246,0.08);} .index_new_4 .box .c .li:hover .ul{display: block;} .index_new_4 .box .c .li:hover .ico{display: none;} .index_new_4 .box .c .li .ico{position:relative;z-index:1;} .index_new_4 .box .c .li .ico img{object-fit:cover;display:block;aspect-ratio: 3/1;border-radius: 15px 15px 0 0;width: 100%;} .index_new_4 .box .c .li .ico svg circle{fill:rgba(49,121,246,0.1);} .index_new_4 .box .c .li .ico svg path,.index_new_4 .box .c .li .ico svg rect{stroke:var(--color1);} .index_new_4 .box .c .li .b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;margin-bottom:12px;position:relative;z-index:1;padding: 0 30px;margin-top: 30px;} .index_new_4 .box .c .li .p{font-size:16px;color:#666;line-height:1.6;flex:1;margin-bottom:24px;position:relative;z-index:1;padding: 0 30px} .index_new_4 .box .c .li .ul{width: 100%;display: flex;flex-direction: column;padding: 0px 30px;font-size: 16px;line-height: 1.6;display: none;} .index_new_4 .box .c .li .ul p{width: 100%;display: flex;flex-direction: column;gap: 5px;position: relative;z-index: 1;border-top: 1px solid #eee;padding-top: 20px;justify-content: center;} .index_new_4 .box .c .li .ul p span{width: 100%;display: flex;flex-direction: row;gap: 0px;position: relative;z-index: 1;align-items: center;} .index_new_4 .box .c .li .em{position:relative;z-index:1;transition:0.3s;float: left;line-height: 2;transition: 0.5s;padding: 0 30px;color:#333;margin-top: 30px;} .index_new_4 .box .c .li .em em{font-style:normal;font-size:16px;position:relative;z-index:1;transition:0.3s;float: left;transition: 0.5s;border-radius: 25px;color: #333;font-weight: bold;} .index_new_4 .box .c .li .em em i{font-style:normal;font-weight: normal;display: none;} .index_new_4 .box .c .li:hover .em em{color: #000;border: 1px solid #999;padding: 0 15px;} .index_new_4 .box .c .li:hover .em em i{display: inline-block;} @media (max-width:992px){ .index_new_4{padding:40px 0;} .index_new_4 .box .c{grid-template-columns:1fr;gap:14px;} .index_new_4 .box .c .li{padding: 0 0 20px;} .index_new_4 .box .c .li .b{padding: 0 20px;margin-top: 20px;} .index_new_4 .box .c .li .p{padding: 0 20px;margin-bottom: 0;} .index_new_4 .box .c .li .ul{padding: 0 20px;} .index_new_4 .box .c .li .em{padding: 0 20px;margin-top: 10px;} } /* index_new_2 */ .index_new_2{width: 100%;float: left;background: var(--colorb1) url('/Public/2026/bg8.jpg') no-repeat center center;background-size: cover;padding: 100px 0;} .index_new_2 .box{width: 100%;float: left;} .index_new_2 .box .c{width: 100%;display: grid;grid-template-columns: repeat(5, 1fr);gap: 0;margin-top: 20px;} .index_new_2 .box .c .li{padding: 20px 24px 20px;display: flex;flex-direction: column;text-decoration: none;transition: 0.3s;align-items: flex-start;background: rgba(255,255,255,0);border: 1px solid transparent;border-radius: 10px;} .index_new_2 .box .c .li:hover{background: rgba(255,255,255,0.6);border-color: #fff;box-shadow: 0 0px 30px rgba(0,0,0,0.05);} .index_new_2 .box .c .li:hover .ico{background: #ffffff00;border: 1px solid #ffffff00;} .index_new_2 .box .c .li .ico{width: 80px;height: 80px;margin-bottom: 15px;flex-shrink: 0;transition:0.5s;background: #ffffff66;padding: 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;} .index_new_2 .box .c .li .ico svg{width: 100%;} .index_new_2 .box .c .li .ico img{width: 100%;} .index_new_2 .box .c .li b{font-size: 16px;font-weight: bold;line-height: 1.6;margin-bottom: 10px;} .index_new_2 .box .c .li p{font-size: 16px;line-height: 1.6;flex: 1;margin-bottom: 10px;text-align: justify;} .index_new_2 .box .c .li em{font-style: normal;font-size: 16px;color: #666;line-height: 32px;transition: 0.3s;display: grid;grid-template-columns: 0 1fr;height: 32px;transition: 0.3s;gap:0px;border-radius: 4px;} .index_new_2 .box .c .li em i{font-style: normal;transition: 0.3s;overflow: hidden;display:inline-block;} .index_new_2 .box .c .li:hover em{grid-template-columns: auto 1fr;gap: 10px;color: #fff;padding:0 15px;background:var(--color1);} .index_new_2 .box .c .li:hover .ico{transform: scale(1.1);} @media (max-width: 992px) { .index_new_2{padding: 40px 0;} .index_new_2 .box .c{grid-template-columns: repeat(2, 1fr);gap: 0;} .index_new_2 .box .c .li{padding: 10px 10px;align-items: center;} .index_new_2 .box .c .li b{text-align: center;} .index_new_2 .box .c .li p{margin-bottom: 14px;text-align: center;} .index_new_2 .box .c .li em{display: none;} } /* index_new_3 */ .index_new_3{width: 100%;float: left;background: #fff;padding: 80px 0;position: relative;overflow: hidden;} .index_new_3::before{content: '';position: absolute;right: 220px;bottom: -300px;width: 800px;height: 800px;border-radius: 50%;background: radial-gradient(circle at 60% 60%, #deeeff 0%, #eef5ff 50%, transparent 75%);pointer-events: none;z-index: 0;} .index_new_3 .container{position: relative;z-index: 1;} .index_new_3 .box{width: 100%;float: left;} .index_new_3 .box .c{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 10px;} .index_new_3 .box .c .li{background: #fff;border-radius: 16px;display: flex;flex-direction: column;transition: 0.3s;box-shadow: 0 2px 16px rgba(0,0,0,0.06);position: relative;overflow: hidden;} .index_new_3 .box .c .li:hover,.index_new_3 .box .c .li.active{box-shadow: 0 22px 36px rgba(49,121,246,0.14);transform: translateY(-6px);} .index_new_3 .box .c .li:hover .t,.index_new_3 .box .c .li.active .t{background: var(--color1);box-shadow: 0 22px 36px rgba(49,121,246,0.34);} .index_new_3 .box .c .li:hover .t b,.index_new_3 .box .c .li.active .t b{color: #fff;} .index_new_3 .box .c .li:hover .t p,.index_new_3 .box .c .li.active .t p{color: #fff;} .index_new_3 .box .c .li .t{padding: 25px;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);border-radius: 16px;overflow: hidden;transition: 0.3s;display: flex;flex-direction: column;} .index_new_3 .box .c .li .t b{font-size: 20px;font-weight: bold;color: #111;line-height: 1.6;margin-bottom:8px;position: relative;z-index: 1;transition: 0.3s;} .index_new_3 .box .c .li .t p{font-size: 16px;color: var(--color1);line-height: 1.6;position: relative;z-index: 1;transition: 0.3s;} .index_new_3 .box .c .li ul{list-style: none;margin: 0;padding: 25px;position: relative;z-index: 1;} .index_new_3 .box .c .li ul li{font-size: 16px;color: #444;line-height: 1.6;padding: 6px 0 6px 0;position: relative;display: flex;align-items: flex-start;gap: 8px;} .index_new_3 .box .c .li ul li span{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--color1);flex-shrink: 0;margin-top: 8px;} @media (max-width: 992px) { .index_new_3{padding: 40px 0;} .index_new_3 .box .c{grid-template-columns: repeat(1, 1fr);gap: 12px;} .index_new_3 .box .c .li:hover,.index_new_3 .box .c .li.active{transform: translateY(0px);} .index_new_3 .box .c .li{} .index_new_3 .box .c .li .t b{font-size: 18px;} } /* ai_one */ .ai_one{width: 100%;background:#fff;float: left;padding:100px 0 ;z-index: 4;position: relative;} .ai_one .box{width: 100%;float: left;} .ai_one .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .ai_one .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_one .box .new_title b i{font-style: normal;color: var(--color1);} .ai_one .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;padding: 0 ;margin-top: 20px;} .ai_one .box .c{width: 100%;float: left;margin: 0px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;flex-direction: row;flex-wrap: wrap;} .ai_one .box .c .li{background: #fff;transition:0.5s;padding: 30px 25px;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);flex: 1;} .ai_one .box .c .li:hover{box-shadow: 0 25px 30px rgba(49, 148, 255, 0.25);} .ai_one .box .c .li .img{width:100%;float:left;position: relative;overflow: hidden;} .ai_one .box .c .li .img svg{width: 70px;height: 70px;transition: .5s;} .ai_one .box .c .li .img img{width: 70px;height: 70px;transition: .5s;} .ai_one .box .c .li:hover .img svg{transform: scale(1.2);} .ai_one .box .c .li:hover .img img{transform: scale(1.2);} .ai_one .box .c .li b{width:100%;float:left;line-height: 1.6;color: #2b323b;font-size: 16px;height:auto;margin:0 0 10px 0px;border-bottom: 1px solid #eee;padding-bottom: 10px;} .ai_one .box .c .li p{width:100%;float:left;line-height: 1.6;color: #2b323b;font-size: 16px;height:auto;margin-top: 6px;text-align: justify;} @media (max-width: 992px) { .ai_one{padding: 40px 0;margin-top: 0;} .ai_one .box .new_title{margin-bottom:20px;} .ai_one .box .new_title b{font-size: 24px;} .ai_one .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_one .box .c{padding: 0 ;gap: 10px;grid-template-columns: 1fr 1fr;} .ai_one .box .c .li{width:100%;float:left;margin: 0 0 0px 0;border-radius:10px;padding: 20px 20px 30px;} .ai_one .box .c .li .img{width:100%;float:left;} .ai_one .box .c .li .img img{width:100%;float:left;} } /* ai_two */ .ai_two{width: 100%;background:var(--colorb2);float: left;padding:100px 0;} .ai_two .box{width: 100%;float: left;} .ai_two .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .ai_two .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_two .box .new_title b i{font-style: normal;color: var(--color1);} .ai_two .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;padding: 0 ;margin-top: 20px;} .ai_two .box .c{width: 100%;float: left;margin: 0px 0 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 30px;flex-direction: row;position: relative;} .ai_two .box .c::after{content: '';width: 150px;height: 150px;background: rgba(255, 196, 129, 0.3);position: absolute;right: 33%;bottom: 10%;transform: translateX(50%);box-shadow: 0 0px 200px rgb(255, 198, 76);z-index: 0;border-radius: 50%;} .ai_two .box .c .li{background: #ffffff32;transition:0.5s;padding: 30px;border-radius:5px 20px 20px 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);flex: 1;display: flex;flex-direction: column;border: 2px solid #fff;position: relative;z-index: 3;backdrop-filter: blur(20px) ;position: relative;padding-bottom: 100px;align-items: self-start;} .ai_two .box .c .li:hover{box-shadow: 0 25px 30px rgba(var(--color14rgb), 0.25);border: 2px solid var(--color14);} .ai_two .box .c .li:hover .img svg{padding: 18px;fill:#fff;background-color: var(--color14);} .ai_two .box .c .li:hover .img img{padding: 18px;fill:#fff;background-color: var(--color14);} .ai_two .box .c .li:hover em i{background: linear-gradient(to right, var(--color14), #6179ff);color: #fff;font-weight: bold;border-color: transparent;} .ai_two .box .c .li .img{width:100%;float:left;position: relative;overflow: hidden;text-align: flex-start;} .ai_two .box .c .li .img svg{width: 70px;height: 70px;transition: .5s;background: #eaf4ff;border-radius:10% 50% 50% 50%;padding: 20px;fill: var(--color14);} .ai_two .box .c .li .img img{width: 70px;height: 70px;transition: .5s;background: #eaf4ff;border-radius:10% 50% 50% 50%;padding: 20px;fill: var(--color14);} .ai_two .box .c .li b{width:100%;float:left;line-height: 1.6;color: #000;font-size: 20px;height:auto;margin-top: 20px;font-weight: bold;border-bottom: 1px solid #eaf4ff;margin-bottom: 15px;padding-bottom: 15px;} .ai_two .box .c .li p{width:100%;float:left;line-height: 1.6;font-size: 16px;height:auto;margin-top: 0px;} .ai_two .box .c .li em{width: 100%;position: absolute;bottom: 40px;left: 0;padding: 0 30px;display: flex;display: inline-block;height: 30px;} .ai_two .box .c .li em i{float:left;width: 100%;color: var(--color1);border: 1px solid rgba(var(--color1rgb),0.1);text-align: center;line-height: 48px;font-size: 16px;border-radius:5px 20px 20px 20px;height: 50px;padding: 0;transition:0.5s;font-style: normal;background: rgba(var(--color1rgb),0.03);} @media (max-width: 992px) { .ai_two{padding: 40px 0;margin-top: 0;} .ai_two .box .new_title{margin-bottom:20px;} .ai_two .box .new_title b{font-size: 24px;} .ai_two .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_two .box .c{width: 100%;float: left;margin: 20px 0 0;padding: 0 ;flex-direction: column;gap: 10px;} .ai_two .box .c .li{text-align: center;width: 100%;} .ai_two .box .c .li .img{width:100%;float:left;} .ai_two .box .c .li .img img{width: 128px;} } /* ai_three */ .ai_three{width: 100%;background:#fff;float: left;padding:100px 0 ;} .ai_three .box{width: 100%;float: left;} .ai_three .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_three .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_three .box .new_title b i{font-style: normal;color: var(--color1);} .ai_three .box .c{width: 100%;float: left;margin: 10px 0 0 0px;background: linear-gradient(30deg, #f8fcff 0%,#dcebff 80%, #f1e3ff 100%);box-shadow: 0 10px 30px rgba(0,0,0,0.05);border-radius: 20px;border: 2px solid #fff;display: flex;flex-direction: row;overflow: hidden;} .ai_three .box .c .con{width: 100%;float: left;background: url('/Public/2026/2.png') no-repeat left bottom;background-size: cover;padding: 40px;border-radius: 20px;display: flex;flex-direction: row;} .ai_three .box .c .con .l{width: 400px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;} .ai_three .box .c .con .l .slide-img{max-width: 100%;filter:drop-shadow(0 35px 35px #a44cff88);transition: opacity 0.4s ease;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;pointer-events: none;width: 100%;} .ai_three .box .c .con .l .slide-img.active{opacity: 1;position: relative;top: auto;left: auto;transform: none;pointer-events: auto;} .ai_three .box .c .con .l .slide-img.active:hover{filter:drop-shadow(0 65px 65px #a44cffff)} .ai_three .box .c .con .r{flex: 1;float:left;display: flex;flex-direction: column;transition:0.5s;gap: 10px;padding: 50px;} .ai_three .box .c .con .r .li{width:100%;float:left;display: flex;flex-direction: row;transition:0.5s;} .ai_three .box .c .con .r .li:first-child .text{border-radius: 20px 20px 20px 0px;} .ai_three .box .c .con .r .li:last-child .text{border-radius: 0 20px 20px 20px;} .ai_three .box .c .con .r .li .img{width:200px;float:left;text-align: center;display: flex;justify-content: center;align-items: center;display: none;} .ai_three .box .c .con .r .li .img img{width: 128px;transition: .5s;} .ai_three .box .c .con .r .li:hover .text{background-color: var(--color14);color: #fff;} .ai_three .box .c .con .r .li:hover .text strong{color: #fff;} .ai_three .box .c .con .r .li.active .text{background-color: var(--color14);color: #fff;} .ai_three .box .c .con .r .li.active .text strong{color: #fff;} .ai_three .box .c .con .r .li:hover .img img{transform: scale(1.2);} .ai_three .box .c .con .r .li .text{flex: 1;line-height: 36px;font-size: 16px;padding: 20px 30px;transition:0.5s;background-color: #ffffffaa;border-radius: 0 20px 20px 0;border: 1px solid #fff;cursor: pointer;} .ai_three .box .c .con .r .li .text strong{font-size: 20px;margin-bottom: 5px;font-weight: bold;line-height: 1.6;float: left;width: 100%;transition:0.5s;} .ai_three .box .c .con .r .li .text p{font-size: 16px;line-height: 1.6;float: left;width: 100%;transition:0.5s;} @media (max-width: 992px) { .ai_three{padding: 40px 0;margin-top: 0;} .ai_three .box .new_title{margin-bottom:20px;} .ai_three .box .new_title b{font-size: 24px;} .ai_three .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_three .box .c{flex-direction: column;} .ai_three .box .c .con{width: 100%;float: left;background: url('/Public/2026/2.png') no-repeat left bottom;background-size: cover;padding: 0px;border-radius: 20px;display: flex;flex-direction: column;} .ai_three .box .c .con .l{position: relative;} .ai_three .box .c .con .l .slide-img{max-width: 70%;} .ai_three .box .c .con .r{gap: 10px;padding: 20px;margin-top: -60px;position: relative;z-index: 3;} .ai_three .box .c .con .r .li .text{padding: 15px 20px 25px;} } /* ai_four */ .ai_four{width: 100%;background:var(--colorb2);float: left;padding: 80px 0 ;} .ai_four .box{width: 100%;float: left;} .ai_four .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_four .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_four .box .new_title b i{font-style: normal;color: var(--color14);} .ai_four .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;padding: 0 ;margin-top: 20px;} .ai_four .box .c{width: 100%;float: left;margin: 0px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 50px;} .ai_four .box .c .li{flex: 1;margin: 0;transition:0.5s;padding:30px 40px 150px 40px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;background: #fff;border-radius: 0 0 10px 10px;border-top: 5px solid var(--color14);box-shadow: 0 10px 10px rgba(0,0,0,0.05);position: relative;} .ai_four .box .c .li:hover{box-shadow: 0 25px 30px rgba(49, 148, 255, 0.25);} .ai_four .box .c .li:hover svg{filter: drop-shadow(0 60px 50px #3194ffaa);} .ai_four .box .c .li:hover img{filter: drop-shadow(0 60px 50px #3194ffaa);} .ai_four .box .c .li:hover i{background:linear-gradient(to right, var(--color14), #6179ff);color: #fff;} .ai_four .box .c .li .img{position: relative;width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;float: left;margin-bottom: 30px;} .ai_four .box .c .li .img img{width: 100%;height: 100%; position: relative;z-index: 100;padding: 14px;} .ai_four .box .c .li .img span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius:20px;z-index: 0;background-color: #fff;z-index: 10;} .ai_four .box .c .li .img em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 0;background-color: #eae6dc;transform: rotate(15deg);z-index: 5;transition: 0.5s;} .ai_four .box .c .li:nth-child(2) .img em{background-color: #e7d7d2;} .ai_four .box .c .li:nth-child(3) .img em{background-color: #eae6dc;} .ai_four .box .c .li:nth-child(4) .img em{background-color: #c7dedb;} .ai_four .box .c .li .titles{font-size: 14px;width: 100%;margin-bottom: 35px;line-height: 24px;display: flex;flex-direction: column;} .ai_four .box .c .li .titles b{font-size: 20px;font-weight: bold;color: #000;line-height: 2;} .ai_four .box .c .li .titles em{font-size: 14px;color: #000;line-height: 1.6;} .ai_four .box .c .li p{width:100%;float:left;line-height: 1.6;color: #333;font-size: 16px;margin-bottom: 10px;} .ai_four .box .c .li strong{width:100%;float:left;line-height: 30px;color: #000;font-size: 18px;margin: 10px 0;} .ai_four .box .c .li i{float: left;border: 1px solid var(--color14);border-radius: 50px;padding: 10px 40px 10px 25px;transition:0.5s;cursor: pointer;line-height: 2;font-style: normal;color: var(--color14);position: absolute;left: 30px;bottom: 70px;} .ai_four .box .c .li svg{position: absolute;right: 30px;bottom: 100px;width: 200px;height: 200px;filter: drop-shadow(0 30px 30px #3194ff88);transition:0.5s;} .ai_four .box .c .li img{position: absolute;right: 30px;bottom: 100px;width: 200px;height: 200px;filter: drop-shadow(0 30px 30px #3194ff88);transition:0.5s;} .ai_four .box .cimg{width: 100%;float: left;padding:0px 0 0;} .ai_four .box .cimg img{width: 100%;float: left;} @media (max-width: 992px) { .ai_four{padding: 40px 0;margin-top: 0;} .ai_four .box .new_title{margin-bottom:20px;} .ai_four .box .new_title b{font-size: 24px;} .ai_four .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_four .box .c{gap: 10px;} .ai_four .box .c .li{flex: 1;margin: 0;transition:0.5s;padding:10px 15px 100px 15px;} .ai_four .box .c .li svg{width: 100px;height: 100px;bottom: 30px;left: auto;right: auto} .ai_four .box .c .li img{width: 100px;height: 100px;bottom: 30px;left: auto;right: auto} .ai_four .box .c .li i{bottom: 40px;left: 10px;padding: 10px 15px;line-height: 1.5;} } /* ai_nine */ .ai_nine{width: 100%;background:var(--colorb2);float: left;padding: 80px 0 ;} .ai_nine .box{width: 100%;float: left;} .ai_nine .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_nine .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_nine .box .new_title b i{font-style: normal;color: var(--color1);} .ai_nine .box .new_title p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 ;margin-top: 10px;} .ai_nine .box .c{width: 100%;float: left;margin: 0px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .ai_nine .box .c .li{width:23%;float:left;margin: 0;transition:0.5s;text-align: center;padding: 40px 0;display: flex;flex-direction: column;align-items: center;} .ai_nine .box .c .li:hover .img em{transform: rotate(45deg);} .ai_nine .box .c .li .img{position: relative;width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;float: left;margin-bottom: 30px;} .ai_nine .box .c .li .img img{width: 100%;height: 100%; position: relative;z-index: 100;padding: 14px;} .ai_nine .box .c .li .img span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius:20px;z-index: 0;background-color: #fff;z-index: 10;} .ai_nine .box .c .li .img em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 0;background-color: #eae6dc;transform: rotate(15deg);z-index: 5;transition: 0.5s;} .ai_nine .box .c .li:nth-child(2) .img em{background-color: #e7d7d2;} .ai_nine .box .c .li:nth-child(3) .img em{background-color: #eae6dc;} .ai_nine .box .c .li:nth-child(4) .img em{background-color: #c7dedb;} .ai_nine .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 22px;padding: 0 30px;margin: 20px 0 10px;} .ai_nine .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding: 0 30px;margin-top: 0px;} .ai_nine .box .cimg{width: 100%;float: left;padding:0px 0 0;} .ai_nine .box .cimg img{width: 100%;float: left;} @media (max-width: 992px) { .ai_nine{padding: 40px 0;margin-top: 0;} .ai_nine .box .new_title{margin-bottom:20px;} .ai_nine .box .new_title b{font-size: 24px;} .ai_nine .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_nine .box .c{padding: 0 ;} .ai_nine .box .c .li{width:100%;float:left;margin: 0 0 10px 0;padding-top: 0px;} .ai_nine .box .c .li .img{width: 100px;height: 100px;margin-bottom:20px;} .ai_nine .box .c .li b{line-height: 30px;color: #000;font-size: 20px;padding: 0 30px;margin: 20px 0 10px;} .ai_nine .box .c .li p{line-height: 24px;color: #000;font-size: 14px;padding: 0 30px;margin-top: 0px;} } /* ai_five */ .ai_five{width: 100%;background:var(--colorb2);float: left;padding:100px 0;position: relative;} .ai_five::before{content: '';width: 200px;height: 200px;position: absolute;left: 15%;top: 30%;background: rgb(208 229 252);box-shadow: 0 0 200px rgba(49,148,255,0.8);border-radius: 50%;z-index: 0;pointer-events: none;} .ai_five .box{width: 100%;float: left;position: relative;z-index: 1;} .ai_five .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:50px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .ai_five .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_five .box .new_title b i{font-style: normal;color: var(--color1);} .ai_five .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;margin-top: 20px;} /* 时间线容器 */ .ai_five .box .c{width: 100%;float: left;position: relative;} .ai_five .box .c .timeline{width: 100%;display: flex;flex-direction: row;align-items: flex-start;position: relative;gap: 20px;} .ai_five .box .c .timeline .tl-line{position: absolute;top: 7px;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, var(--color1) 0%, rgba(49,121,246,0.2) 100%);z-index: 0;} .ai_five .box .c .timeline .tl-item{flex: 1;display: flex;flex-direction: column;align-items: flex-start;position: relative;z-index: 1;} .ai_five .box .c .timeline .tl-item .tl-dot{width: 16px;height: 16px;border-radius: 50%;background: var(--color1);border: 3px solid #fff;box-shadow: 0 0 0 2px var(--color1);margin-bottom: 14px;flex-shrink: 0;} .ai_five .box .c .timeline .tl-item .tl-year{font-size: 20px;font-weight: bold;color: #111;margin-bottom: 12px;line-height: 1;display: flex;flex-direction: column;} .ai_five .box .c .timeline .tl-item .tl-year p{font-size: 16px;line-height: 1.6;margin-top: 10px;font-weight: normal;font-family: 'pfr';color: #666;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .ai_five .box .c .timeline .tl-item .tl-card{width: 100%;background: rgba(255,255,255,0.65);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1.5px solid rgba(255,255,255,0.85);border-radius: 14px;padding: 22px 20px 20px;box-shadow: 0 4px 20px rgba(49,121,246,0.07);display: flex;flex-direction: column;transition: 0.3s;display: none;} .ai_five .box .c .timeline .tl-item .tl-card:hover{box-shadow: 0 12px 32px rgba(49,121,246,0.15);border-color: var(--color14);} .ai_five .box .c .timeline .tl-item .tl-card p{font-size: 14px;color: #666;line-height: 1.7;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} .ai_five .box .c .timeline .tl-item .tl-card .num-wrap{display: flex;align-items: baseline;margin-bottom: 4px;} .ai_five .box .c .timeline .tl-item .tl-card .num-wrap .num{font-size: 40px;font-weight: bold;line-height: 1;font-family: 'bebas',arial,sans-serif;letter-spacing: 1px;color: var(--color1);} .ai_five .box .c .timeline .tl-item .tl-card .num-wrap em{font-style: normal;font-size: 20px;color: var(--color1);margin-left: 3px;font-weight: bold;} .ai_five .box .c .timeline .tl-item .tl-card .num-wrap .num-unit{font-style: normal;font-size: 18px;color: var(--color1);margin-left: 2px;font-weight: bold;} .ai_five .box .c .timeline .tl-item .tl-card b{font-size: 14px;font-weight: bold;color: #222;line-height: 1.5;} @media (max-width: 768px) { .ai_five{padding: 40px 0;margin-top: 0;} .ai_five .box .new_title{margin-bottom:20px;} .ai_five .box .new_title b{font-size: 24px;} .ai_five .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_five .box .c .timeline{flex-direction: column;gap: 0;} .ai_five .box .c .timeline .tl-line{display: none;} .ai_five .box .c .timeline .tl-item{flex-direction: row;align-items: flex-start;gap: 4px;padding-bottom: 24px;width: 100%;position: relative;display: grid;grid-template-columns: 30px 1fr;} .ai_five .box .c .timeline .tl-item:last-child{padding-bottom: 0;} .ai_five .box .c .timeline .tl-item::before{content:'';position:absolute;left:7px;top:20px;bottom:0;width:2px;background:linear-gradient(180deg, var(--color1) 0%, rgba(49,121,246,0.15) 100%);z-index:0;} .ai_five .box .c .timeline .tl-item:last-child::before{display:none;} .ai_five .box .c .timeline .tl-item .tl-dot{margin-bottom: 0;margin-top: 4px;flex-shrink: 0;position:relative;z-index:1;grid-row: 1/3;} .ai_five .box .c .timeline .tl-item .tl-year{font-size: 16px;margin:3px 0 8px;} .ai_five .box .c .timeline .tl-item .tl-card{padding: 16px;} .ai_five .box .c .timeline .tl-item .tl-card .num-wrap .num{font-size: 30px;} } /* p46_timeline 时间线轮播 */ .p46_timeline_slider{position:relative;width:100%;} .p46_timeline_line{position:absolute;top:17px;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--color1) 0%, rgba(49,121,246,0.2) 100%);z-index:1;pointer-events:none;} .p46_timeline_list{overflow:hidden;width:100%;cursor:grab;user-select:none;position:relative;z-index:2;} .p46_timeline_list:active{cursor:grabbing;} .p46_timeline_track{display:flex;flex-direction:row;transition:transform 0.38s cubic-bezier(.4,0,.2,1);will-change:transform;} .p46_timeline_track .tl-item{min-width:25%;box-sizing:border-box;padding:10px 50px;position:relative;} .p46_timeline_track .tl-item .tl-dot{position:relative;z-index:3;width:16px;height:16px;border-radius:50%;background:var(--color1);border:3px solid #fff;box-shadow:0 0 0 2px var(--color1);margin-bottom:14px;flex-shrink:0;} .p46_timeline_track .tl-item .tl-year{font-size: 20px;font-weight: bold;color: #111;margin-bottom: 12px;line-height: 1;display: flex;flex-direction: column;} .p46_timeline_track .tl-item .tl-year p{font-size: 16px;line-height: 1.6;margin-top: 10px;font-weight: normal;font-family: 'pfr';color: #666;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .p46_arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--color1);color:var(--color1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.25s;box-shadow:0 4px 16px rgba(49,121,246,0.15);z-index:10;padding:0;} .p46_arrow:hover{background:var(--color1);color:#fff;} .p46_arrow_prev{left:-20px;} .p46_arrow_next{right:-20px;} @media (max-width: 992px){ .p46_timeline_track .tl-item{min-width:50%;} .p46_arrow{width:36px;height:36px;} .p46_arrow_prev{left:10px;} .p46_arrow_next{right:10px;} } @media (max-width: 576px){ .p46_timeline_track .tl-item{min-width:100%;} .p46_arrow_prev{left:5px;} .p46_arrow_next{right:5px;} } /* ai_six */ .ai_six{width: 100%;background:#fff;float: left;padding:100px 0;} .ai_six .box{width: 100%;float: left;} .ai_six .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:50px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .ai_six .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_six .box .new_title b i{font-style: normal;color: var(--color1);} .ai_six .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;margin-top: 20px;} .ai_six .box .c{width: 100%;float: left;display: grid;grid-template-columns: 1fr 1fr;gap: 24px;} .ai_six .box .c .li{border-radius: 20px;padding: 36px 40px 32px 40px;transition: 0.4s;position: relative;overflow: hidden;} .ai_six .box .c .li:nth-child(1){background: linear-gradient(45deg, #3179f6 0%, #3179f6 70%, #3179f6 100%);box-shadow: 0 30px 30px rgba(0,0,0, 0.08);} .ai_six .box .c .li:nth-child(2){background: linear-gradient(45deg, #3179f6 0%, #3179f6 70%, #3179f6 100%);box-shadow: 0 30px 30px rgba(0,0,0, 0.08);} .ai_six .box .c .li:nth-child(3){background: linear-gradient(45deg, #3179f6 0%, #3179f6 70%, #3179f6 100%);box-shadow: 0 30px 30px rgba(0,0,0, 0.08);} .ai_six .box .c .li:nth-child(4){background: linear-gradient(45deg, #3179f6 0%, #3179f6 70%, #3179f6 100%);box-shadow: 0 30px 30px rgba(0,0,0, 0.08);} .ai_six .box .c .li::before{content: '';position: absolute;width: 200px;height: 200px;border-radius: 50%;right: -40px;top: -60px;pointer-events: none;} .ai_six .box .c .li:nth-child(1)::before{background: radial-gradient(circle, rgba(100, 128, 255, 0.3) 0%, transparent 70%);display: none;} .ai_six .box .c .li:nth-child(2)::before{background: radial-gradient(circle, rgba(100, 128, 255, 0.3) 0%, transparent 70%);display: none;} .ai_six .box .c .li:nth-child(3)::before{background: radial-gradient(circle, rgba(100, 128, 255, 0.3) 0%, transparent 70%);display: none;} .ai_six .box .c .li:nth-child(4)::before{background: radial-gradient(circle, rgba(100, 128, 255, 0.3) 0%, transparent 70%);display: none;} .ai_six .box .c .li:nth-child(1):hover{box-shadow: 0 30px 30px rgba(109, 136, 255, 0.45);} .ai_six .box .c .li:nth-child(2):hover{box-shadow: 0 30px 30px rgba(109, 136, 255, 0.45);} .ai_six .box .c .li:nth-child(3):hover{box-shadow: 0 30px 30px rgba(109, 136, 255, 0.45);} .ai_six .box .c .li:nth-child(4):hover{box-shadow: 0 30px 30px rgba(109, 136, 255, 0.45);} .ai_six .box .c .li .head{display: flex;align-items: center;gap: 14px;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.15);margin-bottom: 24px;position: relative;z-index: 1;} .ai_six .box .c .li .head svg{width: 40px;height: 40px;flex-shrink: 0;opacity: 0.9;display: none;} .ai_six .box .c .li .head img{width: 40px;height: 40px;flex-shrink: 0;opacity: 0.9;display: none;} .ai_six .box .c .li .head strong{font-size: 20px;font-weight: bold;color: #fff;line-height: 1.5;} .ai_six .box .c .li .head strong em{font-style: normal;font-size: 13px;color: rgba(255,255,255,0.6);font-weight: normal;margin-left: 4px;} .ai_six .box .c .li .stats{display: flex;flex-direction: row;gap: 0;justify-content: flex-start;position: relative;z-index: 1;} .ai_six .box .c .li .stats .s{flex: 1;display: flex;flex-direction: column;padding-right: 16px;} .ai_six .box .c .li .stats .s:not(:last-child){border-right: 1px solid rgba(255,255,255,0.15);margin-right: 16px;} .ai_six .box .c .li .stats .s span{font-size: 32px;font-weight: normal;color: #fff;line-height: 32px;margin-bottom: 8px;font-family: 'bebas',arial,sans-serif;letter-spacing: 0.5px;} .ai_six .box .c .li .stats .s.highlight span{background: linear-gradient(to right, #fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .ai_six .box .c .li .stats .s.zw span{font-size: 24px;font-weight: bold;} .ai_six .box .c .li .stats .s p{font-size: 14px;color: rgba(255,255,255,0.65);line-height: 1.6;margin: 0;} .ai_six .box .c .li .deco-svg{position: absolute;right: 20px;bottom: 20px;width: 160px;height: 120px;pointer-events: none;opacity: 0.2;transition: 0.4s;} .ai_six .box .c .li:hover .deco-svg{opacity: 1;transform: scale(1.05);} @media (max-width: 1800px) { .ai_six .box .c .li .stats .s.zw span{font-size:20px} } @media (max-width: 1500px) { .ai_six .box .c .li .stats .s.zw span{font-size:18px} } @media (max-width: 992px) { .ai_six{padding: 40px 0;margin-top: 0;} .ai_six .box .new_title{margin-bottom:20px;} .ai_six .box .new_title b{font-size: 24px;} .ai_six .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_six .box .c{grid-template-columns: 1fr;gap: 10px;} .ai_six .box .c .li{padding: 26px 22px;} .ai_six .box .c .li .stats .s span{font-size: 24px;} } /* ai_seven */ .ai_seven{width: 100%;background:#fff;float: left;padding:0px 0 100px;} .ai_seven .box{width: 100%;float: left;} .ai_seven .box .c{width: 100%;float: left;background: linear-gradient(30deg, #f8fcff 0%,#dcebff 80%, #f1e3ff 100%);box-shadow: 0 10px 30px rgba(0,0,0,0.05);border-radius: 20px;border: 2px solid #fff;overflow: hidden;display: flex;flex-direction: row;} .ai_seven .box .c .l{width:480px;flex-shrink: 0;padding: 50px 40px;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;} .ai_seven .box .c .l .bgimg{position: absolute;right: -30px;bottom: -20px;width: 220px;opacity: 0.18;pointer-events: none;filter: drop-shadow(0 10px 30px #3194ff88);} .ai_seven .box .c .l b{font-size: 24px;font-weight: bold;color: #111;line-height: 1.5;margin-bottom: 24px;position: relative;z-index: 1;} .ai_seven .box .c .l .tags{display: flex;flex-direction: row;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;position: relative;z-index: 1;} .ai_seven .box .c .l .tags em{font-style: normal;font-size: 14px;color: var(--color14);border: 1.5px solid var(--color14);border-radius: 50px;padding: 4px 14px;line-height: 1.6;background: #eaf4ff;white-space: nowrap;} .ai_seven .box .c .l p{font-size: 15px;color: #666;line-height: 1.8;position: relative;z-index: 1;} .ai_seven .box .c .r{flex: 1;padding: 60px;} .ai_seven .box .c .r .con{width: 100%;height: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 10px;} .ai_seven .box .c .r .con .li{display: flex;flex-direction: column;transition: 0.5s;} .ai_seven .box .c .r .con .li:nth-child(1) .text{border-radius: 20px 20px 0 20px;} .ai_seven .box .c .r .con .li:nth-child(2) .text{border-radius: 20px 20px 20px 0px;} .ai_seven .box .c .r .con .li:nth-child(3) .text{border-radius: 20px 0 20px 20px;} .ai_seven .box .c .r .con .li:nth-child(4) .text{border-radius: 0 20px 20px 20px;} .ai_seven .box .c .r .con .li .text{flex: 1;padding: 26px 24px;background: #ffffffaa;border: 1px solid #fff;cursor: pointer;transition: 0.5s;display: flex;flex-direction: column;} .ai_seven .box .c .r .con .li:hover .text{background-color: var(--color14);border-color: var(--color14);} .ai_seven .box .c .r .con .li:hover .text strong{color: #fff;border-bottom-color: rgba(255,255,255,0.2);} .ai_seven .box .c .r .con .li:hover .text p{color: rgba(255,255,255,0.85);} .ai_seven .box .c .r .con .li .text strong{font-size: 18px;font-weight: bold;color: #111;line-height: 2;display: block;border-bottom: 1.5px solid #eaf4ff;margin-bottom: 12px;transition: 0.5s;padding-bottom: 10px;} .ai_seven .box .c .r .con .li .text p{font-size: 14px;color: #666;line-height: 1.8;transition: 0.5s;} @media (max-width: 992px) { .ai_seven{padding: 40px 0;} .ai_seven .box .c{flex-direction: column;} .ai_seven .box .c .l{width: 100%;padding: 30px 24px 20px;} .ai_seven .box .c .l b{font-size: 20px;} .ai_seven .box .c .r{padding: 0 10px 10px;} .ai_seven .box .c .r .con{grid-template-columns: 1fr 1fr;gap: 8px;} .ai_seven .box .c .r .con .li .text{padding: 18px 16px;} } /* ai_eight */ .ai_eight{width: 100%;background:var(--colorb2);float: left;padding:100px 0;position: relative;} /* .ai_eight::before{content: '';width: 200px;height: 200px;position: absolute;right: 15%;top: 20%;background: rgb(207 227 249);box-shadow: 0 0 200px rgb(26 125 237 / 71%);border-radius: 50%;z-index: 0;pointer-events: none;} */ .ai_eight .box{width: 100%;float: left;position: relative;z-index: 1;} .ai_eight .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:50px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .ai_eight .box .new_title b{font-size: 40px;line-height: 40px;font-weight: bold;} .ai_eight .box .new_title b i{font-style: normal;color: var(--color1);} .ai_eight .box .new_title p{font-size: 18px;color: #5a6574;line-height: 2;margin-top: 20px;} .ai_eight .box .c{width: 100%;float: left;display: flex;flex-direction: row;gap: 30px;position: relative;} /* .ai_eight .box .c::after{content: '';width: 150px;height: 150px;background: rgba(49,148,255,0.15);position: absolute;left: 10%;bottom: -5%;box-shadow: 0 0 180px rgba(49,148,255,0.8);z-index: 0;border-radius: 50%;pointer-events: none;} */ .ai_eight .box .c .li{flex: 1;background: #ffffff66;transition:0.5s;padding: 40px 32px 34px;border-radius: 5px 20px 20px 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.04);border: 2px solid #fff;position: relative;z-index: 3;backdrop-filter: blur(20px);display: flex;flex-direction: column;} .ai_eight .box .c .li:hover{box-shadow: 0 25px 30px rgba(49,148,255,0.18);border-color: var(--color14);} .ai_eight .box .c .li:hover em{background: linear-gradient(to right, var(--color14), #6179ff);color: #fff;font-weight: bold;} .ai_eight .box .c .li .num-wrap{margin-bottom: 16px;} .ai_eight .box .c .li .num-wrap span{display: inline-block;font-size: 16px;font-weight: bold;color: var(--color14);background: #eaf4ff;border-radius: 6px 10px 10px 10px;padding: 5px 14px;line-height: 1.6;} .ai_eight .box .c .li b{width:100%;float:left;font-size: 18px;font-weight: bold;color: #000;line-height: 1.8;border-bottom: 1px solid #eaf4ff;margin-bottom: 10px;padding-bottom: 10px;} .ai_eight .box .c .li p{width:100%;float:left;font-size: 16px;color: #666;line-height: 1.8;flex: 1;} .ai_eight .box .c .li em{font-style: normal;font-size: 16px;color: var(--color14);background: #eaf4ff;border-radius: 5px 10px 10px 10px;padding: 6px 16px;margin-top: 20px;display: inline-block;transition: 0.4s;cursor: pointer;} @media (max-width: 992px) { .ai_eight{padding: 40px 0;margin-top: 0;} .ai_eight .box .new_title{margin-bottom:20px;} .ai_eight .box .new_title b{font-size: 24px;} .ai_eight .box .new_title p{font-size: 16px;line-height: 1.6;margin-top: 10px;} .ai_eight .box .c{flex-wrap: wrap;gap: 12px;} .ai_eight .box .c .li{flex: auto;padding: 20px 15px;width: 50%;} .ai_eight .box .c .li .num-wrap span{padding: 10px 20px;} .ai_eight .box .c .li em{padding: 12px 16px;} } /* ====== six_1 销售角色困境切换模块 ====== */ .six_1{width:100%;float:left;background:#fff;padding:100px 0;} .six_1 .box{width:100%;float:left;} .six_1 .s6_pain_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0px;width:100%;float: left;margin-bottom: 30px;} .six_1 .s6_pain_item{background:linear-gradient(to bottom,#f8faff,#eef4ff);border-radius:16px;padding:28px 24px;display:grid;grid-template-columns:80px 1fr;gap:6px;transition:0.3s;} .six_1 .s6_pain_item:hover{background:linear-gradient(to bottom,#eef4ff,#e3edff);box-shadow:0 8px 28px rgba(49,121,246,0.10);transform:translateY(-3px);} .six_1 .s6_pain_item .s6_pain_ico{width:72px;height:72px;display:flex;align-items:center;justify-content:center;} .six_1 .s6_pain_item .s6_pain_ico svg{width:100%;height:100%;} .six_1 .s6_pain_item .s6_pain_ico img{width:100%;height:100%;} .six_1 .s6_pain_item b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;padding-top: 23px;} .six_1 .s6_pain_item p{font-size:16px;color:#555;line-height:1.7;margin:0;grid-column: 1/3;} @media (max-width:992px){ .six_1 .s6_pain_grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom: 10px;} .six_1 .s6_pain_item{padding:20px;align-items: center;} .six_1 .s6_pain_item b{padding-top: 0;} } @media (max-width:576px){ .six_1 .s6_pain_grid{grid-template-columns:1fr;} } .six_1_tabs{display:flex;margin-top:10px;flex-wrap:wrap;width: 100%;float: left;justify-content: center;gap: 30px;} .six_1_tabs .tab{display:flex;align-items:center;gap:15px;padding:15px 28px;border-radius:12px;border:2px solid #e8edf5;background:#fff;cursor:pointer;font-size:18px;font-weight:bold;color:#555;transition:0.3s;min-width:120px;justify-content:center;align-items: center;} .six_1_tabs .tab svg{transition:0.3s;} .six_1_tabs .tab img{transition:0.3s;} .six_1_tabs .tab:hover{border-color:var(--color1);color:var(--color1);} .six_1_tabs .tab:hover svg{} .six_1_tabs .tab:hover img{} .six_1_tabs .tab.active{border-color:var(--color1);box-shadow:0 8px 24px rgba(49,121,246,0.25);color:var(--color1);font-weight: bold;} .six_1_tabs .tab.active .tag{} .six_1_panels{display: block;float: left;width: 100%;} .six_1_panels .panels{display:none;grid-template-columns:600px 1fr;gap:48px;align-items:center;} .six_1_panels .panels.active{display:grid;} .six_1_panels .panels .img{width:100%;border-radius:16px;overflow:hidden;text-align: center;display: flex;align-items: center;justify-content: center;} .six_1_panels .panels .img img{max-width:400px;display:block;object-fit:cover;} .six_1_panels .panels .text{display:flex;flex-direction:column;} .six_1_panels .panels .text .role-tag{display:inline-block;background:rgba(49,121,246,0.08);color:var(--color1);font-size:16px;font-weight:bold;padding:4px 14px;border-radius:50px;margin-bottom:14px;width:fit-content;} .six_1_panels .panels .text b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;margin-bottom:20px;} .six_1_panels .panels .text ul{list-style:none;padding:0;margin:0 0 28px;} .six_1_panels .panels .text ul li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#555;line-height:1.6;padding:8px 0;border-bottom:1px solid #f0f4fa;} .six_1_panels .panels .text ul li:last-child{border-bottom:none;} .six_1_panels .panels .text ul li span{width:7px;height:7px;border-radius:50%;background:var(--color1);flex-shrink:0;margin-top:8px;} .six_1_panels .panels .text .more-btn{display:inline-block;color:var(--color1);font-size:16px;font-weight:bold;text-decoration:none;border:2px solid var(--color1);border-radius:8px;padding:10px 28px;transition:0.3s;width:fit-content;} .six_1_panels .panels .text .more-btn:hover{background:var(--color1);color:#fff;} .six_1_footer{margin-top:0px;text-align:center;font-size:18px;line-height:1.8;padding:28px 40px;border-radius:0 16px 16px 16px;float: left;width: 100%;;display: flex;flex-direction: column;align-items: flex-start;background: linear-gradient(135deg,#d0e3ff 0%,#e8f0ff 100%);position: relative;overflow: hidden;} .six_1_footer::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('/Public/2026/b3.png') ;background-size: auto 200%;background-position: right bottom;background-repeat: no-repeat;position: absolute;height: 100%;z-index: 1;} .six_1_footer b{z-index: 2;font-size: 24px;} .six_1_footer p{z-index: 2;} @media (max-width:992px){ .six_1{padding:40px 0;} .six_1_tabs{gap: 10px;} .six_1_tabs .tab{padding:10px 16px;font-size:16px;flex:1 1 40%;} .six_1_panels .panels.active{display:flex;flex-direction:column;gap:24px;} .six_1_panels .panels .text{flex:1;width: 100%;padding: 0 10px;} .six_1_panels .panels .text b{font-size:18px;} .six_1_panels .panels .text ul li{font-size:16px;} .six_1_panels .panels .img img{max-width:300px;width: 70%;min-width: 200px;} .six_1_panels .panels.active{gap: 10px;} .six_1_footer{padding:20px;font-size:16px;margin-top:2px;text-align: left;} } /* ====== six_2 深入赋能四阶段 ====== */ .six_2{width:100%;float:left;background:var(--colorb2);padding:80px 0;} .six_2 .box{width:100%;float:left;display: flex;flex-direction: column;} .six_2_wrap{display:grid;grid-template-columns:320px 1fr;gap:0;margin-top:10px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 32px rgba(49,121,246,0.08);} .six_2_tabs{display:flex;flex-direction:column;padding:32px;background:#f5f8ff; gap: 10px;} .six_2_tabs .tab{display:flex;align-items:center;gap:10px;padding:30px 28px;font-size:20px;font-weight:bold;color:#333;cursor:pointer;transition:0.3s;position:relative;border-radius: 6px;line-height: 40px;} .six_2_tabs .tab .dot{width:40px;height:40px;border-radius:50%;flex-shrink:0;display: flex;align-items: center;justify-content: center;} .six_2_tabs .tab .dot svg{width:40px;height:40px;filter:grayscale(1);} .six_2_tabs .tab .dot img{width:40px;height:40px;filter:grayscale(1);} .six_2_tabs .tab:hover{box-shadow: 0 0 10px rgba(0,0,0,0.05);} .six_2_tabs .tab.active{color:var(--color1);background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);} .six_2_tabs .tab.active svg{filter:grayscale(0);} .six_2_tabs .tab.active img{filter:grayscale(0);} .six_2_panels{overflow:hidden;} .six_2_panels .panels{display:none;grid-template-columns:1fr 380px;gap:0;height:100%;} .six_2_panels .panels.active{display:grid;} .six_2_panels .panels .content{padding:36px 40px;overflow-y:auto;} .six_2_panels .panels .content .stage-title{font-size:20px;font-weight:bold;color:#111;line-height:1.6;margin-bottom:14px;display:flex;align-items:center;gap:10px;} .six_2_panels .panels .content .stage-title .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color: var(--color1);} .six_2_panels .panels .content .block{margin-bottom:20px;} .six_2_panels .panels .content .block-title{font-size:16px;font-weight:bold;color:#fff;margin-bottom:10px;padding:4px 12px;background:var(--color3);border-radius:6px;display:inline-block;} .six_2_panels .panels .content .block-title.solution{color:#fff;background:var(--color1)} .six_2_panels .panels .content ul{list-style:none;padding:0;margin:0;} .six_2_panels .panels .content ul li{display:flex;align-items:flex-start;gap:8px;font-size:15px;color:#555;line-height:1.6;padding:2px 0 2px 25px;flex-direction: column;position: relative;} .six_2_panels .panels .content ul li span{width:12px;height:12px;border-radius:50%;background:#ccc;flex-shrink:0;margin-top:8px;position: absolute;left: 5px;top: 1px;font-size: 8px;line-height: 12px;text-align: center;color: #fff} .six_2_panels .panels .content .block-title.solution ~ ul li span{background:var(--color1);text-align: center;} .six_2_panels .panels .content .more-btn{display:inline-block;color:var(--color1);font-size:16px;font-weight:bold;text-decoration:none;border:2px solid var(--color1);border-radius:8px;padding:9px 24px;transition:0.3s;margin-top:8px;display: none;} .six_2_panels .panels .content .more-btn:hover{background:var(--color1);color:#fff;} .six_2_panels .panels .img{display:flex;align-items:center;justify-content:center;padding:32px 0 32px 0;} .six_2_panels .panels .img img{max-width:240px;width:100%;object-fit:cover;aspect-ratio: 1/2} @media (max-width:992px){ .six_2{padding:40px 0;} .six_2_wrap{grid-template-columns:1fr;} .six_2_tabs{flex-direction:row;flex-wrap:wrap;padding:16px;gap:8px;border-right:none;border-bottom:1px solid #f0f4fa;gap: 0;} .six_2_tabs .tab{padding:10px 14px;font-size:14px;border-left:none;border-bottom:3px solid transparent;border-radius:8px;width:50%;} .six_2_tabs .tab.active{border-left-color:transparent;} .six_2_panels .panels.active{grid-template-columns:1fr;} .six_2_panels .panels .img{display:none;} .six_2_panels .panels .content{padding:24px 20px;} .six_2_panels .panels .content .stage-title{font-size:18px;} .six_2_panels .panels .content ul li{font-size:16px;} } .six_3{width:100%;float:left;background:#fff;padding:80px 0;} .six_3 .box{width:100%;float:left;} .six_3 .box .c{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px;border-radius:20px;box-shadow:0 4px 32px rgba(49,121,246,0.08);width: 100%;float: left;} .six_3 .box .c .li{background:#fff;padding:40px 36px;display:flex;flex-direction:column;gap:0;transition:0.3s;position:relative;cursor:default;border-radius: 20px;} .six_3 .box .c .li:not(:last-child){border-right:1px solid #f0f4fa;} .six_3 .box .c .li:hover{background:#fff;transform:translateY(-15px);z-index:2;box-shadow:0 12px 50px rgba(49,121,246,0.34);border-radius:16px;} .six_3 .box .c .li .top{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f0f4fa;} .six_3 .box .c .li .top .check{flex-shrink:0;width:60px;height: 60px;background:#eee;border-radius: 20px;display:flex;align-items: center;justify-content: center;} .six_3 .box .c .li .top .info{display:flex;flex-direction:column;gap:4px;} .six_3 .box .c .li .top .info b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;} .six_3 .box .c .li .top .info em{font-style:normal;font-size:13px;color:var(--color1);background:rgba(49,121,246,0.08);padding:2px 10px;border-radius:50px;width:fit-content;font-weight:bold;} .six_3 .box .c .li .block{margin-bottom:16px;} .six_3 .box .c .li .block-title{font-size:16px;font-weight:bold;padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:8px;} .six_3 .box .c .li .block-title.pain{color:#ef4444;background:rgba(239,68,68,0.08);} .six_3 .box .c .li .block-title.solution{color:var(--color1);background:rgba(49,121,246,0.08);} .six_3 .box .c .li .block.result .block-title{color:#16a34a;background:rgba(22,163,74,0.08);} .six_3 .box .c .li .block p{font-size:16px;color:#555;line-height:1.6;margin:0;} .six_3 .box .c .li .block ul{list-style:none;padding:0;margin:0;} .six_3 .box .c .li .block ul li{align-items:flex-start;gap:8px;font-size:15px;color:#555;line-height:1.6;padding:3px 0 3px 20px;position: relative;border-radius:20px;} .six_3 .box .c .li .block ul li span{width:6px;height:6px;border-radius:50%;background:#ccc;flex-shrink:0;margin-top:8px;position: absolute;left: 5px;top: 3px;} .six_3 .box .c .li .block ul li b{font-weight:normal;} @media (max-width:992px){ .six_3{padding:40px 0;} .six_3 .box .c{grid-template-columns:1fr;box-shadow:none;gap:16px;} .six_3 .box .c .li{border-right:none !important;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.06);padding:28px 20px;} .six_3 .box .c .li:hover{transform:translateY(-3px);} } /* ====== six_4 为什么选择BetWay必威 五大核心能力 ====== */ .six_4{width:100%;float:left;background:var(--colorb2);padding:80px 0;} .six_4 .box{width:100%;float:left;display: flex;flex-direction: column;} .six_4 .box .c{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .six_4 .box .c .li{padding:30px 20px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;transition:0.3s;position:relative;cursor:default;border-radius:16px;background:transparent;} .six_4 .box .c .li:hover{background:var(--color1);transform:translateY(-5px);z-index:2;box-shadow:0 22px 40px rgba(49,121,246,0.30);} .six_4 .box .c .li:hover .num{color:#fff;opacity:1;} .six_4 .box .c .li:hover b{color:#fff;} .six_4 .box .c .li:hover b i{color:#fff;} .six_4 .box .c .li:hover p{color:rgba(255,255,255,0.85);} .six_4 .box .c .li:hover .ico{background: #fff;} .six_4 .box .c .li .num{font-size:36px;font-weight:bold;color:#eee;opacity:0.0;font-family:'bebas',arial,sans-serif;line-height:1;letter-spacing:2px;} .six_4 .box .c .li .ico{margin-bottom:4px;width:80px;height: 80px;background:rgba(var(--color1rgb),0.08);border-radius:12px;display:flex;align-items: center;justify-content: center;} .six_4 .box .c .li .ico svg{width:60px;height:60px;} .six_4 .box .c .li .ico img{width:60px;height:60px;} .six_4 .box .c .li b{font-size:18px;font-weight:bold;color:#111;line-height:1.5;margin: 10px 0;} .six_4 .box .c .li b i{color:var(--color1);font-style:normal;font-weight:bold;} .six_4 .box .c .li p{font-size:16px;color:#666;line-height:1.7;margin:0;text-align: justify;} @media (max-width:992px){ .six_4{padding:40px 0;} .six_4 .box .c{grid-template-columns:repeat(2,1fr);gap:12px;} .six_4 .box .c .li{background:#fff;} .six_4 .box .c .li:last-child{grid-column:1/3;} } /* ====== six_5 CTA ====== */ .six_5{width:100%;float:left;position:relative;overflow:hidden;padding:100px 0;} .six_5 .container{position: relative;z-index: 3;} .six_5 .box{width:100%;float:left;text-align:center;display:flex;flex-direction:column;align-items:center;} .six_5 .box b{font-size:40px;font-weight:bold;line-height:1.4;margin-bottom:20px;letter-spacing:0.5px;} .six_5 .box b i{color:var(--color1);font-style:normal;} .six_5 .box p{font-size:16px;color:#666;line-height:1.6;margin-bottom:40px;max-width:900px;} .six_5 .box .btns{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;} .six_5 .box .btns .btn-primary{display:inline-block;height:52px;line-height:52px;padding:0 48px;border-radius:52px;font-size:16px;font-weight:bold;color:#fff;background:linear-gradient(to right,var(--color14),#478aff);box-shadow:0 8px 30px rgba(49,148,255,0.3);transition:0.4s;letter-spacing:1px;} .six_5 .box .btns .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(49,148,255,0.45);filter:brightness(1.08);} .six_5 .box .btns .btn-outline{display:inline-block;height:52px;line-height:50px;padding:0 48px;border-radius:52px;font-size:16px;color:var(--color14);border:1.5px solid var(--color14);background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);transition:0.4s;letter-spacing:1px;} .six_5 .box .btns .btn-outline:hover{background:var(--color14);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px rgba(49,148,255,0.25);} @media (max-width:992px){ .six_5{padding:60px 0;} .six_5 .box b{font-size:22px;letter-spacing:0;} .six_5 .box p{margin-bottom:30px;} .six_5 .box .btns{flex-direction:column;gap:12px;width:100%;} .six_5 .box .btns .btn-primary,.six_5 .box .btns .btn-outline{width:100%;text-align:center;padding:0;} } .about_1{width:100%;float:left;background:#fff;padding:100px 0;position:relative;} .about_1 .box{width:100%;float:left;display:flex;flex-direction:column;} .about_1 .a1_wrap{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;max-width:1100px;margin:0 auto;width:100%;} .about_1 .a1_text{display:flex;flex-direction:column;gap:22px;} .about_1 .a1_text b{font-size:28px;font-weight:bold;color:#111;line-height:1.4;} .about_1 .a1_text p{font-size:16px;color:#555;line-height:1.8;margin:0;} .about_1 .a1_text span{font-size:16px;color:#555;line-height:1.8;margin:0;display: flex;flex-direction: row;gap: 20px;} .about_1 .a1_text span i{line-height: 2.5;padding: 0 30px;border: 1px solid var(--color1);color: var(--color1);font-style: normal;display: inline-block;border-radius: 40px;} .about_1 .a1_media{display:flex;justify-content:center;} .about_1 .a1_video_wrap{position:relative;width:100%;max-width:520px;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 8px 30px rgba(15, 39, 255, 0.3);} .about_1 .a1_video_wrap .a1_poster{width:100%;display:block;object-fit:contain;aspect-ratio:3/3;background:var(--color1);padding: 50px; } .about_1 .a1_video_wrap .a1_play_btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.12);transition:0.3s;} .about_1 .a1_video_wrap:hover .a1_play_btn{background:rgba(0,0,0,0.22);} .about_1 .a1_video_wrap:hover .a1_play_btn svg{transform:scale(1.1);} .about_1 .a1_video_wrap:hover .a1_play_btn img{transform:scale(1.1);} .about_1 .a1_video_wrap .a1_play_btn svg{transition:0.3s;filter:drop-shadow(0 4px 16px rgba(49,121,246,0.3));} .about_1 .a1_video_wrap .a1_play_btn img{transition:0.3s;filter:drop-shadow(0 4px 16px rgba(49,121,246,0.3));} .a1_modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:0.3s;} .a1_modal.active{opacity:1;pointer-events:all;} .a1_modal_mask{position:absolute;inset:0;background:rgba(0,0,0,0.5);} .a1_modal_box{position:relative;z-index:2;width:100%;max-width:800px;margin:0 20px;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 20px 80px rgba(0,0,0,0.6);} .a1_modal_box video{width:100%;display:block;max-height:90vh;} .a1_modal_close{position:absolute;top:12px;right:16px;font-size:32px;color:#fff;cursor:pointer;z-index:3;line-height:1;opacity:0.8;transition:0.2s;} .a1_modal_close:hover{opacity:1;transform:scale(1.2);} @media (max-width:992px){ .about_1{padding:40px 0;} .about_1 .a1_wrap{grid-template-columns:1fr;gap:32px;} .about_1 .a1_video_wrap{max-width:100%;} .a1_modal_box{margin:0 16px;} .about_1 .a1_video_wrap .a1_poster{aspect-ratio:3/2;padding: 30px; } } /* ====== qzd_02 核心价值 ====== */ .qzd_02{width:100%;float:left;position:relative;background:var(--colorb1);padding:100px 0;overflow:hidden;} .qzd_02::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,rgba(49,121,246,0.07) 0%,transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(49,121,246,0.05) 0%,transparent 50%);pointer-events:none;} .qzd_02 .container{position:relative;z-index:1;} .qzd_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .qzd_goal{display:flex;align-items:center;gap:14px;margin-bottom:32px;padding:14px 24px;background:#fff;border:1px solid rgba(49,121,246,0.18);border-radius:12px;box-shadow:0 2px 12px rgba(49,121,246,0.06);} .qzd_goal span{font-size:15px;font-weight:bold;color:var(--color1);letter-spacing:2px;border:1px solid rgba(49,121,246,0.3);border-radius:50px;padding:3px 14px;white-space:nowrap;background:rgba(49,121,246,0.06);} .qzd_goal b{font-size:18px;font-weight:bold;color:#1a2340;letter-spacing:2px;} .qzd_cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .qzd_col{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:20px;transition:0.3s;} .qzd_col:hover{border-color:rgba(49,121,246,0.35);transform:translateY(-5px);box-shadow:0 16px 40px rgba(49,121,246,0.1);} .qzd_col_head{display:flex;align-items:flex-start;gap:16px;} .qzd_col_icon{width:52px;height:52px;border-radius:12px;background:rgba(49,121,246,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .qzd_col_icon svg{stroke:var(--color1);} .qzd_col_icon img{stroke:var(--color1);} .qzd_col_head > div:last-child{display:flex;flex-direction:column;gap:6px;} .qzd_col_head b{font-size:20px;font-weight:bold;color:#1a2340;line-height:1.3;} .qzd_col_head p{font-size:15px;color:#888;line-height:1.5;margin:0;} .qzd_tags{display:flex;flex-wrap:wrap;gap:8px;} .qzd_tags span{font-size:15px;color:#444;background:var(--colorb1);border:1px solid #dde4ef;border-radius:50px;padding:4px 14px;line-height:1.6;transition:0.2s;} .qzd_col:hover .qzd_tags span{background:rgba(49,121,246,0.08);border-color:rgba(49,121,246,0.3);color:var(--color1);} .qzd_col_desc{font-size:15px;color:#aaa;line-height:1.7;border-top:1px solid #edf0f7;padding-top:16px;margin-top:auto;} @media (max-width:992px){ .qzd_02{padding:40px 0;} .qzd_cols{grid-template-columns:1fr;gap:14px;} .qzd_col{padding:24px 20px;} .qzd_goal{flex-direction:column;align-items:flex-start;gap:8px;} } /* ====== qzd_03 四大核心能力 ====== */ .qzd_03{width:100%;float:left;background:var(--colorb1);padding:100px 0;position:relative;overflow:hidden;} .qzd_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .qzd_03_bg{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(49,121,246,0.06) 0%,rgba(49,121,246,0.02) 50%,transparent 70%);top:-300px;right:-200px;pointer-events:none;} .qzd_03_tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;margin-bottom:40px;} .qzd_03_tabs .tab{display:flex;align-items:center;gap:10px;padding:20px 28px;border-radius:12px;border:2px solid #e8edf5;background:#fff;cursor:pointer;font-size:17px;font-weight:bold;color:#666;transition:0.3s;} .qzd_03_tabs .tab:hover{border-color:var(--color1);color:var(--color1);background:#f0f6ff;} .qzd_03_tabs .tab.active{background:var(--color1);border-color:var(--color1);color:#fff;box-shadow:0 18px 24px rgba(49,121,246,0.25);} .qzd_03_tabs .tab .qzd_03_ico{display:flex;align-items:center;justify-content:center;} .qzd_03_tabs .tab.active .qzd_03_ico svg{stroke:#fff;} .qzd_03_tabs .tab.active .qzd_03_ico img{stroke:#fff;} .qzd_03_tabs .tab:not(.active) .qzd_03_ico svg{stroke:currentColor;} .qzd_03_tabs .tab:not(.active) .qzd_03_ico img{stroke:currentColor;} .qzd_03_panels .panels{display:none;grid-template-columns:600px 1fr;gap:80px;align-items:center;} .qzd_03_panels .panels.active{display:grid;} .qzd_03_panels .panels .img{border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow: 0 20px 20px rgba(0,0,0,0.05);} .qzd_03_panels .panels .img img{width:100%;display:block;} .qzd_03_panels .panels .text{display:flex;flex-direction:column;gap:16px;} .qzd_03_panels .panels .text .role-tag{display:inline-block;color:var(--color1);font-size:32px;font-weight:bold;border-radius:50px;margin-bottom:4px;width:fit-content;} .qzd_03_panels .panels .text b{font-size:16px;line-height:1.6;font-weight: normal;} .qzd_03_panels .panels .text ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:4px 16px;} .qzd_03_panels .panels .text ul li{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.8;padding:4px 0;border-bottom:1px solid #f0f4fa;} .qzd_03_panels .panels .text ul li span{width:8px;height:8px;border-radius:50%;background:var(--color1);flex-shrink:0;} @media (max-width:992px){ .qzd_03{padding:40px 0;} .qzd_03_tabs{gap:10px;} .qzd_03_tabs .tab{padding:10px 16px;font-size:15px;flex:1 1 40%;justify-content:center;} .qzd_03_panels .panels.active{display:flex;flex-direction:column;gap:24px;} .qzd_03_panels .panels .img{width:100%;} .qzd_03_panels .panels .text ul{grid-template-columns:1fr;} .qzd_03_panels .panels .text ul li{display:flex;align-items:center;gap:8px;font-size:16px;} } .qzd_04{width:100%;float:left;background:#fff;padding:100px 0;position:relative;overflow:hidden;} .qzd_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .qzd_04_list{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:10px;} .qzd_04_list .li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px 40px;position:relative;cursor:default;transition:0.3s;} .qzd_04_list .li:last-child{border-right:none;} .qzd_04_list .li::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--color1);border-radius:3px;transition:0.4s;} .qzd_04_list .li:hover::before{width:60%;} .qzd_04_list .li:hover{background:linear-gradient(180deg,rgba(49,121,246,0.04) 0%,transparent 100%);transform:translateY(-4px);} .qzd_04_list .li .ico{margin-bottom:8px;} .qzd_04_list .li .ico svg{width:72px;height:72px;fill:var(--color1);} .qzd_04_list .li .ico img{width:72px;height:72px;fill:var(--color1);} .qzd_04_list .li b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;margin-bottom:10px;} .qzd_04_list .li p{font-size:16px;color:#888;line-height:1.7;margin:0;} @media (max-width:992px){ .qzd_04{padding:40px 0;} .qzd_04_list{grid-template-columns:repeat(2,1fr);} .qzd_04_list .li{border-right:none;border-bottom:1px dashed rgba(49,121,246,0.15);padding:36px 20px;} .qzd_04_list .li:nth-child(odd){border-right:1px dashed rgba(49,121,246,0.15);} .qzd_04_list .li:last-child{grid-column:1/3;border-right:none;} } /* ====== qzd_05 部署与服务 ====== */ .qzd_05{width:100%;float:left;background:var(--colorb1);padding:100px 0;position:relative;overflow:hidden;} .qzd_05 .box{width:100%;float:left;display:flex;flex-direction:column;} .qzd_05_wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:10px;} .qzd_05_card{background:#fff;border-radius:20px;padding:30px 40px 30px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 32px rgba(49,121,246,0.07);} .q5_card_head{display:flex;align-items:center;gap:16px;} .q5_card_ico{width:60px;height:60px;border-radius:14px;background:rgba(49,121,246,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .q5_card_head>b{font-size:22px;font-weight:bold;color:#111;} .q5_deploy_list{display:flex;flex-direction:column;gap:5px;} .q5_deploy_item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:var(--colorb1);transition:0.3s;} .q5_deploy_item:hover{background:rgba(49,121,246,0.06);} .q5_deploy_badge{min-width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;letter-spacing:1px;flex-shrink:0;} .q5_deploy_badge.saas{background:rgba(49,121,246,0.12);color:var(--color1);} .q5_deploy_badge.hybrid{background:rgba(16,163,74,0.12);color:#10a34a;} .q5_deploy_badge.private{background:rgba(124,58,237,0.1);color:#7c3aed;} .q5_deploy_info b{display:block;font-size:16px;font-weight:bold;color:#111;margin-bottom:4px;} .q5_deploy_info p{font-size:14px;color:#888;margin:0;line-height:1.6;} .q5_access{padding:20px;border-radius:12px;border:1px dashed rgba(49,121,246,0.2);background:rgba(49,121,246,0.03);} .q5_access_label{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:bold;color:var(--color1);margin-bottom:12px;} .q5_access_tags{display:flex;flex-wrap:wrap;gap:8px;} .q5_access_tags span{padding:5px 14px;border-radius:50px;background:#fff;border:1px solid rgba(49,121,246,0.2);font-size:14px;color:#555;} .q5_service_list{display:flex;flex-direction:column;gap:5px;} .q5_service_item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:var(--colorb1);transition:0.3s;} .q5_service_item:hover{background:rgba(49,121,246,0.06);} .q5_svc_num{width:52px;height:52px;border-radius:10px;background:rgba(49,121,246,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .q5_svc_num span{font-size:20px;font-weight:bold;color:var(--color1);font-family:'bebas',arial,sans-serif;letter-spacing:1px;line-height:1;} .q5_svc_info b{display:block;font-size:16px;font-weight:bold;color:#111;margin-bottom:4px;} .q5_svc_info p{font-size:14px;color:#888;margin:0;line-height:1.7;} @media (max-width:992px){ .qzd_05{padding:40px 0;} .qzd_05_wrap{grid-template-columns:1fr;gap:20px;} .qzd_05_card{padding:28px 24px;} } /* ====== assistant 销售助手页面 ====== */ /* assistant_01: 痛点三列 白色底 */ .assistant_01{width:100%;float:left;background:#fff;padding:100px 0;} .assistant_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .as1_list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;} .as1_item{background:linear-gradient(160deg,#deeeff 0%,#eaf4ff 40%,#f5f9ff 100%);border-radius:20px;padding:32px 28px 28px;display:flex;flex-direction:row;align-items:stretch;gap:0;transition:0.3s;position:relative;min-height:200px;} .as1_item:hover{box-shadow:0 16px 48px rgba(49,121,246,0.15);transform:translateY(-5px);} .as1_left{display:flex;flex-direction:column;flex:1;min-width:0;} .as1_right{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-left:16px;flex-shrink:0;width:150px;} .as1_num{font-size:100px;font-family:'bebas',arial,sans-serif;line-height:1;letter-spacing:2px;background:linear-gradient(180deg,#7eb8ff44 0%,#7eb8ff00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content;} .as1_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;margin-bottom:10px;margin-top: -25px;} .as1_item p{font-size:16px;color:#555;line-height:1.6;margin:0;flex:1;} .as1_right .as1_img, .as1_right img{width:220px;height:220px;object-fit:contain;display:block;margin-bottom:auto;transform:translateY(-50%);transition:0.3s;pointer-events:none;padding: 45px;} .as1_more{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--color1);font-weight:bold;text-decoration:none;transition:0.2s;white-space:nowrap;margin-top: -70px;} .as1_more:hover{gap:8px;} .as1_more::after{content:'→';transition:0.2s;} @media (max-width:992px){ .as1_right{display:none;} .as1_list{grid-template-columns:1fr;gap:10px;margin-top: 0;} .as1_item{padding: 20px 25px;} .as1_num{font-size:72px;} } /* assistant_02: 四列 colorb1浅色底 */ .assistant_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .assistant_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .as2_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;} .as2_item{background:#fff;border:1px solid rgba(49,121,246,0.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:0.3s;box-shadow:0 4px 16px rgba(49,121,246,0.06);} .as2_item:hover{border-color:rgba(49,121,246,0.2);box-shadow:0 12px 40px rgba(49,121,246,0.12);transform:translateY(-4px);} .as2_img{width:100%;overflow:hidden;} .as2_img img{width:100%;aspect-ratio:3/1;object-fit:cover;display:block;transition:0.4s;} .as2_item:hover .as2_img img{transform:scale(1.05);} .as2_item b{font-size:18px;font-weight:bold;color:#111;padding:30px 24px 18px;display:block;} .as2_item p{font-size:16px;color:#666;line-height:1.7;padding:0 24px 24px;margin:0;} /* assistant_03: 左右布局 白色底 */ .assistant_03{width:100%;float:left;background:#fff;padding:100px 0;} .assistant_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .as3_wrap{display:grid;grid-template-columns:360px 1fr;gap:64px;align-items:center;} .as3_left{display:flex;flex-direction:column;gap:20px;} .as3_tag{display:inline-block;background:rgba(49,121,246,0.08);color:var(--color1);font-size:14px;font-weight:bold;padding:4px 14px;border-radius:50px;width:fit-content;} .as3_tag:hover{font-weight:bold;color: #fff;} .as3_btn:hover{font-weight:bold;color: #fff;} .as3_left>b{font-size:36px;font-weight:bold;color:#111;line-height:1.4;} .as3_left>b i{color:var(--color1);font-style:normal;} .as3_left>p{font-size:16px;color:#888;line-height:1.7;margin:0;} .as3_btn{display:inline-block;background:var(--color1);color:#fff;font-size:16px;font-weight:bold;padding:14px 36px;border-radius:50px;text-decoration:none;transition:0.3s;width:fit-content;box-shadow:0 8px 24px rgba(49,121,246,0.3);} .as3_btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(49,121,246,0.4);} .as3_right{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .as3_item{background:var(--colorb1);border-radius:14px;padding:24px 20px;display:flex;align-items:flex-start;gap:14px;transition:0.3s;} .as3_item:hover{background:#fff;box-shadow:0 8px 32px rgba(49,121,246,0.1);transform:translateY(-3px);} .as3_ico{width:44px;height:44px;border-radius:10px;background:rgba(49,121,246,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .as3_text b{font-size:18px;font-weight:bold;color:#111;display:block;margin-bottom:6px;} .as3_text p{font-size:16px;color:#666;line-height:1.6;margin:0;} .assistant_04{width:100%;float:left;background:var(--colorb3);padding:100px 0;position:relative;overflow:hidden;} .as4_bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;} .as4_bg_circle{position:absolute;border-radius:50%;} .as4_bg_circle.c1{width:900px;height:900px;top:-300px;right:-250px;background:radial-gradient(circle,rgba(49,121,246,0.27) 0%,transparent 70%);} .as4_bg_circle.c2{width:600px;height:600px;bottom:-200px;left:-80px;background:radial-gradient(circle,rgba(255, 138, 71, 0.25) 0%,transparent 70%);} .as4_bg_line{position:absolute;background:linear-gradient(90deg,transparent,rgba(49,121,246,0.08),transparent);height:1px;width:100%;} .as4_bg_line.l1{top:30%;transform:rotate(-8deg) scaleX(1.5);} .as4_bg_line.l2{top:65%;transform:rotate(5deg) scaleX(1.5);} .as4_bg_dot{position:absolute;width:200px;height:200px;right:10%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(49,121,246,0.06) 0%,transparent 65%);border-radius:50%;} .assistant_04 .container{position:relative;z-index:1;} .assistant_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .as4_wrap{display:grid;grid-template-columns:1fr 340px ;gap:64px;align-items:center;} .as4_head{display:flex;flex-direction:column;gap:16px;} .as4_head .as4_tag{display:inline-block;background:rgba(49,121,246,0.1);color:var(--color1);font-size:14px;font-weight:bold;padding:4px 16px;border-radius:50px;border:1px solid rgba(49,121,246,0.2);width:fit-content;letter-spacing:1px;} .as4_head>b{font-size:34px;font-weight:bold;color:#111;line-height:1.4;} .as4_head>b i{color:var(--color1);font-style:normal;} .as4_head>p{font-size:16px;color:#888;line-height:1.7;margin:0;} .as4_btn{display:inline-block;background:var(--color1);color:#fff;font-size:16px;font-weight:bold;padding:14px 36px;border-radius:50px;text-decoration:none;transition:0.3s;width:fit-content;box-shadow:0 8px 24px rgba(49,121,246,0.3);margin-top:8px;} .as4_btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(49,121,246,0.4);color:#fff;} .as4_list{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .as4_item{background:rgba(255,255,255,0.7);border-radius:14px;padding:24px 20px;display:flex;align-items:flex-start;gap:14px;transition:0.3s;border:1px solid rgba(255,255,255,0.9);} .as4_item:hover{background:#fff;box-shadow:0 8px 32px rgba(49,121,246,0.12);transform:translateY(-3px);border-color:rgba(49,121,246,0.12);} .as4_ico{width:44px;height:44px;border-radius:10px;background:rgba(49,121,246,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .as4_ico svg path, .as4_ico svg rect, .as4_ico svg circle{stroke:var(--color1) !important;stroke-opacity:1 !important;} .as4_text b{font-size:18px;font-weight:bold;color:#111;display:block;margin-bottom:6px;} .as4_text p{font-size:16px;color:#666;line-height:1.6;margin:0;} @media (max-width:992px){ .assistant_04{padding:40px 0;} .as4_wrap{grid-template-columns:1fr;gap:32px;} .as4_head>b{font-size:26px;margin: 15px 0 0;} .as4_list{grid-template-columns:1fr 1fr;gap:12px;} .as4_item{flex-direction:column;} .as4_head{gap: 10px;} .as2_img img{aspect-ratio:2/1;} } /* assistant 公共响应式 */ @media (max-width:992px){ .assistant_01,.assistant_02,.assistant_03{padding:40px 0;} .as1_wrap{grid-template-columns:1fr;gap:32px;} .as1_img{display:none;} .as2_list{grid-template-columns:1fr 1fr;gap:16px;} .as3_wrap{grid-template-columns:1fr;gap:32px;} .as3_right{grid-template-columns:1fr;} .as3_left>b{font-size: 24px;margin: 10px 0 0 ;} .as3_left{gap: 10px;} .as3_btn{padding:10px 20px;} .as4_btn{padding:10px 20px;} } /* ====== quality AI合规质检页面 ====== */ /* quality_01: 痛点四列 白色底 */ .quality_01{width:100%;float:left;background:#fff;padding:100px 0;} .quality_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .quality_01 .c1_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;} .quality_01 .c1_list .c1_item{background:#fff;border-radius:16px;padding:32px 28px 36px;display:flex;flex-direction:column;gap:14px;transition:0.3s;border:1px solid transparent;} .quality_01 .c1_list .c1_item:hover{background:#fff;border-color:rgba(49,121,246,0.12);box-shadow:0 12px 40px rgba(49,121,246,0.1);transform:translateY(-4px);} .quality_01 .c1_list .c1_item .c1_ico{width:90px;height:90px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .quality_01 .c1_list .c1_item .c1_ico svg{width:90px;height:90px;} .quality_01 .c1_list .c1_item .c1_ico img{width:90px;height:90px;} .quality_01 .c1_list .c1_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;margin-top:10px;} .quality_01 .c1_list .c1_item p{font-size:16px;color:#666;line-height:1.7;margin:0;} @media (max-width:992px){ .quality_01{padding:40px 0;} .quality_01 .c1_list{grid-template-columns:1fr 1fr;gap:14px;} .quality_01 .c1_list .c1_item{padding:24px 20px 28px;} } /* quality_03: 全量监控 带数字线条风格 */ .quality_03{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .quality_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .quality_03 .c3_list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border-radius:16px;overflow:hidden;} .quality_03 .c3_list .c3_item{background:#fff;padding:40px 32px 44px;display:flex;flex-direction:column;gap:10px;position:relative;border-right:1px solid rgba(49,121,246,0.07);transition:0.3s;} .quality_03 .c3_list .c3_item:last-child{border-right:none;} .quality_03 .c3_list .c3_item:hover{background:linear-gradient(180deg,rgba(49,121,246,0.03) 0%,#fff 100%);} .quality_03 .c3_list .c3_item .c3_num{} .quality_03 .c3_list .c3_item .c3_num svg{width: 72px;} .quality_03 .c3_list .c3_item .c3_num img{width: 72px;} .quality_03 .c3_list .c3_item .c3_line{width:32px;height:3px;background:var(--color1);border-radius:2px;margin:-8px 0 0;transition:0.3s;display:none;} .quality_03 .c3_list .c3_item:hover .c3_line{width:56px;} .quality_03 .c3_list .c3_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;} .quality_03 .c3_list .c3_item p{font-size:16px;color:#666;line-height:1.7;margin:0;} @media (max-width:992px){ .quality_03{padding:40px 0;} .quality_03 .c3_list{grid-template-columns:1fr 1fr;border-radius:12px;} .quality_03 .c3_list .c3_item{padding:28px 24px 32px;border-right:1px solid rgba(49,121,246,0.07);border-bottom:1px solid rgba(49,121,246,0.07);} .quality_03 .c3_list .c3_item:nth-child(2n){border-right:none;} .quality_03 .c3_list .c3_item:nth-child(3),.quality_03 .c3_list .c3_item:nth-child(4){border-bottom:none;} } /* quality_04: 多场景覆盖 白色底+卡片风格 */ .quality_04{width:100%;float:left;background:#fff;padding:100px 0;} .quality_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .quality_04 .c4_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;} .quality_04 .c4_list .c4_item{background:var(--colorb1);border-radius:16px;padding:32px 28px 36px;display:flex;flex-direction:column;gap:16px;transition:0.3s;border:2px solid transparent;position:relative;overflow:hidden;} .quality_04 .c4_list .c4_item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color1);transform:scaleX(0);transition:0.35s;transform-origin:left;} .quality_04 .c4_list .c4_item:hover{background:#fff;border-color:rgba(49,121,246,0.12);box-shadow:0 12px 40px rgba(49,121,246,0.1);transform:translateY(-4px);} .quality_04 .c4_list .c4_item:hover::after{transform:scaleX(1);} .quality_04 .c4_list .c4_item .c4_top{display:flex;align-items:center;gap:12px;} .quality_04 .c4_list .c4_item .c4_top .c4_ico{width:48px;height:48px;border-radius:12px;background:rgba(49,121,246,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s;} .quality_04 .c4_list .c4_item:hover .c4_top .c4_ico{background:rgba(49,121,246,0.14);} .quality_04 .c4_list .c4_item .c4_top b{font-size:18px;font-weight:bold;color:#111;line-height:1.3;} .quality_04 .c4_list .c4_item>p{font-size:16px;color:#666;line-height:1.7;margin:0;} .quality_04 .c4_list .c4_item .c4_tag{display:inline-block;background:rgba(49,121,246,0.08);color:var(--color1);font-size:13px;padding:3px 12px;border-radius:50px;font-weight:bold;width:fit-content;margin-top:auto;} @media (max-width:992px){ .quality_04{padding:40px 0;} .quality_04 .c4_list{grid-template-columns:1fr 1fr;gap:14px;} .quality_04 .c4_list .c4_item{padding:24px 20px 28px;} } /* ====== quality_02: 左右交替布局 ====== */ .quality_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .quality_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .quality_02 .c2_list{display:flex;flex-direction:column;gap:100px;margin-top:10px;} .quality_02 .c2_list .c2_item{display:flex;gap:100px;align-items:center;flex-direction:row-reverse; } .quality_02 .c2_list .c2_item:nth-child(odd){grid-template-columns:1fr 1fr;flex-direction:row;} .quality_02 .c2_list .c2_item .c2_img{flex: 1.3;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(49,121,246,0.1);} .quality_02 .c2_list .c2_item .c2_img img{width:100%;height:auto;display:block;border-radius:16px;} .quality_02 .c2_list .c2_item .c2_text{display:flex;flex-direction:column;gap:20px;flex: 1;} .quality_02 .c2_list .c2_item .c2_text .c2_num{font-size:56px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.1;line-height:1;letter-spacing:3px;margin-bottom:-12px;} .quality_02 .c2_list .c2_item .c2_text b{font-size:28px;font-weight:bold;color:#111;line-height:1.4;} .quality_02 .c2_list .c2_item .c2_text p{font-size:16px;color:#666;line-height:1.8;margin:0;} .quality_02 .c2_list .c2_item .c2_text .c2_highlight{display:flex;align-items:flex-start;gap:8px;background:rgba(49,121,246,0.05);border-left:3px solid var(--color1);padding:12px 16px;border-radius:0 8px 8px 0;font-size:15px;color:#444;line-height:1.6;} .quality_02 .c2_list .c2_item .c2_text .c2_highlight svg{flex-shrink:0;margin-top:6px;} .quality_02 .c2_list .c2_item .c2_text .c2_highlight img{flex-shrink:0;margin-top:6px;} @media (max-width:992px){ .quality_02{padding:40px 0;} .quality_02 .c2_list{gap:48px;} .quality_02 .c2_list .c2_item:nth-child(odd), .quality_02 .c2_list .c2_item{gap:24px;padding:0;flex-direction:column;} .quality_02 .c2_list .c2_item .c2_text b{font-size:22px;} .quality_02 .c2_list .c2_item .c2_img{flex: 1;} } /* AI销售教练 coach */ /* coach_01: 痛点三列 白底 */ .coach_01{width:100%;float:left;background:#fff;padding:100px 0;} .coach_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .coach_01 .co1_list{display:grid;grid-template-columns:1fr 2px 1fr 2px 1fr;gap:20px;margin-top:30px;} .coach_01 .co1_list .line{height: 100%;width: 1px;border-right: 2px dashed rgba(49,121,246,0.1);background: none;} .coach_01 .co1_list .co1_item{border-radius:20px;display:flex;flex-direction:column;gap:16px;transition:0.3s;border:1px solid transparent;justify-content:center;align-items:center;} .coach_01 .co1_list .co1_item:hover{transform:translateY(-4px);} .coach_01 .co1_list .co1_item .co1_ico{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s;} .coach_01 .co1_list .co1_item .co1_ico svg{width:72px;height:72px;} .coach_01 .co1_list .co1_item .co1_ico img{width:72px;height:72px;} .coach_01 .co1_list .co1_item:hover .co1_ico{transform:scale(1.1);} .coach_01 .co1_list .co1_item .text{padding:15px 25px 15px;border-radius:16px;display:flex;gap:8px;flex-direction:column;flex: 1;justify-content:left;align-items:center;} .coach_01 .co1_list .co1_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;} .coach_01 .co1_list .co1_item p{font-size:16px;color:#666;line-height:1.6;margin:0;text-align:justify;} @media (max-width:992px){ .coach_01{padding:40px 0;} .coach_01 .co1_list{grid-template-columns:1fr;gap:14px;margin-top: 0;} .coach_01 .co1_list .co1_item{padding:15px 15px 0;} .coach_01 .co1_list .line{height: 1px;width: 100%;border: none;border-bottom: 2px dashed rgba(49,121,246,0.1);background: none;} .coach_01 .co1_list .co1_item b{font-size:18px;} .coach_01 .co1_list .co1_item p{font-size:16px;color:#666;line-height:1.6;margin:0;text-align:justify;} } /* coach_02: 精准破解痛点 四列 colorb1底 */ .coach_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .coach_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .coach_02 .co2_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;} .coach_02 .co2_list .co2_item{background:#fff;border-radius:16px;padding:0 0 28px;display:flex;flex-direction:column;gap:16px;overflow:hidden;transition:0.3s;border:1px solid transparent;} .coach_02 .co2_list .co2_item:hover{border-color:rgba(49,121,246,0.12);box-shadow:0 12px 40px rgba(49,121,246,0.1);transform:translateY(-4px);} .coach_02 .co2_list .co2_item .co2_img{width:100%;height:160px;overflow:hidden;flex-shrink:0;} .coach_02 .co2_list .co2_item .co2_img img{width:100%;height:100%;object-fit:cover;display:block;transition:0.4s;} .coach_02 .co2_list .co2_item:hover .co2_img img{transform:scale(1.04);} .coach_02 .co2_list .co2_item b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;padding:10px 24px 0;} .coach_02 .co2_list .co2_item p{font-size:15px;color:#666;line-height:1.7;margin:0;padding:0 24px;} @media (max-width:992px){ .coach_02{padding:40px 0;} .coach_02 .co2_list{grid-template-columns:1fr 1fr;gap:10px;} .coach_02 .co2_list .co2_item{gap: 10px;} .coach_02 .co2_list .co2_item .co2_img{height:130px;} .coach_02 .co2_list .co2_item b{padding: 10px 20px 0;} .coach_02 .co2_list .co2_item p{padding: 0 20px 0;} } /* coach_03: 看得见的价值 左右布局 白底 */ .coach_03{width:100%;float:left;background:#fff;padding:100px 0;} .coach_03 .box{width:100%;float:left;} .coach_03 .co3_wrap{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center;direction: rtl;} .coach_03 .co3_wrap .co3_left{display:flex;flex-direction:column;gap:20px;} .coach_03 .co3_wrap .co3_left .co3_tag{display:inline-block;background:rgba(49,121,246,0.08);color:var(--color1);font-size:13px;font-weight:bold;padding:4px 14px;border-radius:50px;width:fit-content;} .coach_03 .co3_wrap .co3_left b{font-size:40px;font-weight:bold;color:#111;line-height:1.3;} .coach_03 .co3_wrap .co3_left b i{color:var(--color1);font-style:normal;} .coach_03 .co3_wrap .co3_left p{font-size:16px;color:#666;line-height:1.8;} .coach_03 .co3_wrap .co3_left .co3_btn{display:inline-flex;align-items:center;gap:6px;background:var(--color1);color:#fff;font-size:15px;font-weight:bold;padding:12px 28px;border-radius:50px;text-decoration:none;transition:0.3s;width:fit-content;} .coach_03 .co3_wrap .co3_left .co3_btn:hover{background:#1a5de0;transform:translateY(-2px);} .coach_03 .co3_wrap .co3_right{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;direction:ltr;} .coach_03 .co3_wrap .co3_right .co3_item{background:linear-gradient(135deg,#dce8fd 0%,#e8f0fe 60%,#eef4ff 100%);border-radius:16px;padding:24px 10px 24px 28px;display:flex;flex-direction:row;align-items:stretch;gap:0;transition:0.3s;position:relative;overflow:hidden;min-height:140px;} .coach_03 .co3_wrap .co3_right .co3_item:hover{box-shadow:0 12px 40px rgba(49,121,246,0.14);transform:translateY(-3px);} .coach_03 .co3_wrap .co3_right .co3_item .co3_text{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;justify-content:center;} .coach_03 .co3_wrap .co3_right .co3_item .co3_text b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;} .coach_03 .co3_wrap .co3_right .co3_item .co3_text p{font-size:16px;color:#555;line-height:1.6;margin:0;text-align:justify;} .coach_03 .co3_wrap .co3_right .co3_item .co3_deco{flex-shrink:0;width:140px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding-left:12px;position:relative;} .coach_03 .co3_wrap .co3_right .co3_item .co3_deco img{width:100%;object-fit:contain;opacity:0.7;padding: 20px} @media (max-width:992px){ .coach_03{padding:40px 0;} .coach_03 .co3_wrap{grid-template-columns:1fr;gap:36px;} .coach_03 .co3_wrap .co3_left{text-align:center;align-items: center;gap: 10px;} .coach_03 .co3_wrap .co3_left b{font-size:24px;} .coach_03 .co3_wrap .co3_right{grid-template-columns:1fr;gap: 10px;} .coach_03 .co3_wrap .co3_right .co3_item{padding:20px 10px 20px 25px;} .coach_03 .co3_wrap .co3_right .co3_item .co3_deco{width: 150px;} } /* coach_04: 全场景四列 科技感深色背景 */ .coach_04{width:100%;float:left;background:var(--colorb1);padding:100px 0;position:relative;overflow:hidden;} .coach_04 .co4_bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;} .coach_04 .co4_bg .co4_bg_circle{position:absolute;border-radius:50%;} .coach_04 .co4_bg .co4_bg_circle.c1{width:500px;height:500px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(49,121,246,0.12) 0%,transparent 70%);} .coach_04 .co4_bg .co4_bg_circle.c2{width:360px;height:360px;bottom:-80px;left:-60px;background:radial-gradient(circle,rgba(49,121,246,0.08) 0%,transparent 70%);} .coach_04 .co4_bg .co4_bg_line{position:absolute;background:rgba(49,121,246,0.06);} .coach_04 .co4_bg .co4_bg_line.l1{width:1px;height:100%;top:0;left:25%;display:none;} .coach_04 .co4_bg .co4_bg_line.l2{width:1px;height:100%;top:0;right:25%;display:none;} .coach_04 .co4_bg .co4_bg_dot{position:absolute;width:200px;height:200px;top:50%;right:15%;transform:translateY(-50%);background:radial-gradient(circle,rgba(49,121,246,0.1) 0%,transparent 60%);border-radius:50%;} .coach_04 .co4_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1;width: 100%;float: left;} .coach_04 .co4_list .co4_item{background:#fff;border-radius:20px;padding:20px 28px 25px;display:flex;flex-direction:column;gap:10px;transition:0.3s;border:1px solid rgba(49,121,246,0.06);overflow:hidden;position:relative;} .coach_04 .co4_list .co4_item .img{height: 80px;} .coach_04 .co4_list .co4_item .img svg{height: 80px;width: 80px;} .coach_04 .co4_list .co4_item .img img{height: 80px;width: 80px;} .coach_04 .co4_list .co4_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;} .coach_04 .co4_list .co4_item>p{font-size:16px;transition:0.5s;line-height:1.7;margin:0;width:100%;box-sizing:border-box;} @media (max-width:992px){ .coach_04{padding:40px 0;} .coach_04 .co4_list{grid-template-columns:1fr 1fr;gap:10px;} .coach_04 .co4_list .co4_item{height:auto;padding:28px 22px 32px;} .coach_04 .co4_list .co4_item>p{position:static;background:transparent;color:#666;padding:0;border-radius:0;} } /* ====== AI智能萃取 speech ====== */ /* speech_01: 痛点四列 白底 */ .speech_01{width:100%;float:left;background:#fff;padding:100px 0;} .speech_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .speech_01 .sp1_list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;} .speech_01 .sp1_list .sp1_item{background:#fff;border-radius:16px;padding:32px 28px 36px;display:grid;box-shadow:0 4px 24px rgba(49,121,246,0.07);border:1px solid rgba(49,121,246,0.06);transition:0.3s;grid-template-columns: 70px 1fr;} .speech_01 .sp1_list .sp1_item:hover{box-shadow:0 8px 40px rgba(49,121,246,0.13);transform:translateY(-4px);border-color:rgba(49,121,246,0.15);} .speech_01 .sp1_list .sp1_item .sp1_ico{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .speech_01 .sp1_list .sp1_item .sp1_ico img{width: 100%;} .speech_01 .sp1_list .sp1_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;margin:13px 0 0} .speech_01 .sp1_list .sp1_item p{font-size:16px;color:#666;line-height:1.6;margin:0;grid-column: 1/3;margin-top: 20px;} @media (max-width:992px){ .speech_01{padding:40px 0;} .speech_01 .sp1_list{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;} .speech_01 .sp1_list .sp1_item{padding:24px 20px 28px;} .speech_01 .sp1_list .sp1_item b{font-size:17px;} .speech_01 .sp1_list .sp1_item p{font-size:14px;} } @media (max-width:768px){ .speech_01 .sp1_list{grid-template-columns:1fr;margin-top: 0;gap: 10px;} } /* speech_02: 预留位置 */ /* speech_02: AI智能萃取核心资产 白底三列 */ .speech_02{width:100%;float:left;background:linear-gradient(to bottom,#f0f6ff,var(--colorb1));padding:100px 0 0px;} .speech_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .speech_02 .sp2_list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px;} .speech_02 .sp2_list .li{background:linear-gradient(to bottom, #d2e0ffaa 0%, #b0c8ff 10%, #b5cbff 20%, #ffffff11 40%, #ffffff 100%);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:0.3s;padding: 30px 20px;} .speech_02 .sp2_list .li:hover{transform:translateY(-4px);background:linear-gradient(to bottom,#5085ffaa 0%,#5085ff 10%,#5085ff 20%,#ffffff11 40%,#ffffff 100%);} .speech_02 .sp2_list .li:hover b{color: #fff;} .speech_02 .sp2_list .li b{font-size:20px;font-weight:bold;color:#000;line-height:1.4;padding: 0 20px 15px;transition:0.3s;} .speech_02 .sp2_list .li .text{padding:25px 20px 25px;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,0.84);border-radius: 10px;box-shadow: 0 -10px 10px rgba(0,0,0,0.05);} .speech_02 .sp2_list .li .text strong{font-size:16px;color:#000;line-height:1.6;margin:0;margin-bottom: 0;} .speech_02 .sp2_list .li .text p{font-size:14px;color:#666;line-height:1.6;margin:0;} .speech_02 .sp2_list .li .text .highlight{display:flex;align-items:flex-start;gap:8px;background:rgba(49,121,246,0.04);border-left:4px solid var(--color1);padding:10px 14px;border-radius:0 8px 8px 0;font-size:14px;color:#000;line-height:1.6;margin: 10px 0;} .speech_02 .sp2_list .li .text .highlight svg{flex-shrink:0;margin-top:5px;} .speech_02 .sp2_list .li .text .highlight img{flex-shrink:0;margin-top:5px;} .speech_02 .sp2_list .li .text img{width:100%;border-radius: 15px;aspect-ratio: 2/1;object-fit: cover;} @media (max-width:992px){ .speech_02{padding:00px 0 50px;} .speech_02 .sp2_list{grid-template-columns:1fr;gap:20px;} .speech_02 .sp2_list .li .text{padding:24px 24px 18px;} .speech_02 .sp2_list .li .text b{font-size:18px;} } @media (max-width:720px){ .speech_02 .sp2_list{grid-template-columns:1fr;margin-top: 0;} .speech_02 .sp2_list .li .text p{min-height: auto;} } /* speech_03: 从碎片化经验到标准化资产 colorb1底 */ .speech_03{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .speech_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .speech_03 .sp3_list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border-radius:20px;overflow:hidden;box-shadow:0 4px 32px rgba(49,121,246,0.07);border: 1px solid rgba(255,255,255,1);} .speech_03 .sp3_list .sp3_item{background:#fff;padding:40px 32px 44px;display:flex;flex-direction:column;gap:18px;position:relative;border-right:1px solid rgba(49,121,246,0.07);transition:0.3s;overflow:hidden;background:linear-gradient(00deg,rgba(49,121,246,0.03) 0%,#fff 100%);} .speech_03 .sp3_list .sp3_item:last-child{border-right:none;} .speech_03 .sp3_list .sp3_item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color1) 0%,rgba(49,121,246,0.2) 100%);transform:scaleX(0);transform-origin:left;transition:0.35s;} .speech_03 .sp3_list .sp3_item:hover{background:linear-gradient(180deg,rgba(49,121,246,0.03) 0%,#fff 100%);} .speech_03 .sp3_list .sp3_item:hover::before{transform:scaleX(1);} .speech_03 .sp3_list .sp3_item .sp3_num{font-size:52px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.1;line-height:1;letter-spacing:2px;margin-bottom:-10px;transition:0.3s;display: none;} .speech_03 .sp3_list .sp3_item:hover .sp3_num{opacity: 1;} .speech_03 .sp3_list .sp3_item .sp3_ico{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s;} .speech_03 .sp3_list .sp3_item .sp3_ico svg{width: 100%;aspect-ratio: 1;} .speech_03 .sp3_list .sp3_item .sp3_ico img{width: 100%;aspect-ratio: 1;} .speech_03 .sp3_list .sp3_item:hover .sp3_ico {transform:scale(1.1);} .speech_03 .sp3_list .sp3_item b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;} .speech_03 .sp3_list .sp3_item p{font-size:16px;color:#666;line-height:1.75;margin:0;} @media (max-width:992px){ .speech_03{padding:40px 0;} .speech_03 .sp3_list{grid-template-columns:1fr 1fr;border-radius:14px;} .speech_03 .sp3_list .sp3_item{padding:25px;border-right:1px solid rgba(49,121,246,0.07);border-bottom:1px solid rgba(49,121,246,0.07);gap: 10px;} .speech_03 .sp3_list .sp3_item:nth-child(2n){border-right:none;} .speech_03 .sp3_list .sp3_item:nth-child(3),.speech_03 .sp3_list .sp3_item:nth-child(4){border-bottom:none;} .speech_03 .sp3_list .sp3_item .sp3_num{font-size:38px;} } @media (max-width:480px){ .speech_03 .sp3_list{grid-template-columns:1fr;} .speech_03 .sp3_list .sp3_item:nth-child(2n){border-right:none;border-right:1px solid rgba(49,121,246,0.07);} .speech_03 .sp3_list .sp3_item:nth-child(n){border-bottom:1px solid rgba(49,121,246,0.07);} .speech_03 .sp3_list .sp3_item:last-child{border-bottom:none;border-right:none;} } /* speech_04: 全周期覆盖 助力经验规模化复制 colorb1底 */ .speech_04{width:100%;float:left;background:var(--colorb1);padding:0 0 100px;} .speech_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .speech_04 .sp4_wrap{display:flex;align-items:center;gap:80px;margin-top:0px;} .speech_04 .sp4_wrap .sp4_list{flex:1;display:flex;flex-direction:column;gap:10px;} .speech_04 .sp4_wrap .sp4_list .sp4_item{display:flex;align-items:flex-start;gap:20px;background:#fff;border-radius:16px;padding:28px 32px;transition:0.3s;border:2px solid transparent;position:relative;overflow:hidden;} .speech_04 .sp4_wrap .sp4_list .sp4_item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color1);transform:scaleY(0);transform-origin:top;transition:0.35s;} .speech_04 .sp4_wrap .sp4_list .sp4_item:hover{border-color:rgba(49,121,246,0.13);box-shadow:0 8px 32px rgba(49,121,246,0.09);transform:translateX(4px);} .speech_04 .sp4_wrap .sp4_list .sp4_item:hover::before{transform:scaleY(1);} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_num{font-size:40px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.15;line-height:1;letter-spacing:2px;flex-shrink:0;width:44px;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_body{display:flex;flex-direction:column;gap:8px;flex:1;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_body b{font-size:18px;font-weight:bold;color:#111;line-height:1.6;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_body p{font-size:16px;color:#666;line-height:1.6;margin:0;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_body .sp4_tag{display:inline-block;background:rgba(49,121,246,0.08);color:var(--color1);font-size:12px;padding:3px 12px;border-radius:50px;font-weight:bold;width:fit-content;} .speech_04 .sp4_wrap .sp4_img{flex:1;border-radius:20px;overflow:hidden;flex-shrink:0;max-width:46%;} .speech_04 .sp4_wrap .sp4_img img{width:100%;height:auto;display:block;} @media (max-width:992px){ .speech_04{padding:40px 0;} .speech_04 .sp4_wrap{flex-direction:column;gap:0px;} .speech_04 .sp4_wrap .sp4_img{max-width:100%;width:100%;} .speech_04 .sp4_wrap .sp4_list{gap:10px;} .speech_04 .sp4_wrap .sp4_list .sp4_item{padding:22px 24px;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_num{font-size:30px;width:36px;} .speech_04 .sp4_wrap .sp4_list .sp4_item .sp4_body b{font-size:16px;} } /* ====== AI诊断分析与智能推荐 analyse ====== */ /* analyse_01: 三大困境 白底三列 */ .analyse_01{width:100%;float:left;background:linear-gradient(170deg,#fff 0%,#f4f9ff 100%);padding:100px 0;position: relative;} .analyse_01::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url('/Public/2026/b7.png') no-repeat; background-size:600px;z-index: 0;background-position: right bottom;} .analyse_01 .box{width:100%;float:left;display:flex;flex-direction:column;position: relative;z-index: 3;} .analyse_01 .an1_list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:20px;padding-right: 300px;} .analyse_01 .an1_list .an1_item{background:#ffffffaa;border-radius:20px;padding:44px 36px 40px;display:flex;flex-direction:column;gap:10px;border:1px solid #fff;box-shadow:0 4px 28px rgba(49,121,246,0.06);transition:0.3s;position:relative;overflow:hidden;} .analyse_01 .an1_list .an1_item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color1);transform:scaleX(0);transition:0.35s;transform-origin:left;} .analyse_01 .an1_list .an1_item:hover{box-shadow:0 12px 48px rgba(49,121,246,0.12);border-color:rgba(49,121,246,0.16);transform:translateY(-5px);} .analyse_01 .an1_list .an1_item:hover::after{transform:scaleX(1);} .analyse_01 .an1_list .an1_item .an1_ico{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s;} .analyse_01 .an1_list .an1_item .an1_ico img{width: 100%;} .analyse_01 .an1_list .an1_item:hover .an1_ico{transform:scale(1.06);} .analyse_01 .an1_list .an1_item:hover .an1_ico svg{width: 100%;} .analyse_01 .an1_list .an1_item:hover .an1_ico img{width: 100%;} .analyse_01 .an1_list .an1_item b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;margin-top: 10px;} .analyse_01 .an1_list .an1_item p{font-size:16px;color:#666;line-height:1.6;margin:0;} @media (max-width:992px){ .analyse_01{padding:40px 0;} .analyse_01 .an1_list{grid-template-columns:1fr;gap:20px;margin-top:28px;} .analyse_01 .an1_list .an1_item{padding:32px 20px;} } @media (max-width:720px){ .analyse_01 .an1_list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-right: 0px;margin-top: 10px;} .analyse_01 .an1_list .an1_item b{font-size:18px;} } /* analyse_02: 左文右图 白底 hover切换图片 */ .analyse_02{width:100%;float:left;background:#fff;padding:100px 0;} .analyse_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .analyse_02 .an3_wrap{display:flex;align-items:stretch;gap:80px;margin-top:20px;} .analyse_02 .an3_wrap .an3_list{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center;} .analyse_02 .an3_wrap .an3_list .an3_item{display:flex;align-items:flex-start;gap:24px;padding:28px 32px;border-radius:16px;cursor:pointer;transition:0.3s;border:2px solid transparent;position:relative;background: #fafafa;;} .analyse_02 .an3_wrap .an3_list .an3_item::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color1);border-radius:2px;transition:0.3s;} .analyse_02 .an3_wrap .an3_list .an3_item.active, .analyse_02 .an3_wrap .an3_list .an3_item:hover{background:linear-gradient(to right,rgba(49,121,246,0.04),rgba(49,121,246,0.01));border-color:rgba(49,121,246,0.1);} .analyse_02 .an3_wrap .an3_list .an3_item.active::before, .analyse_02 .an3_wrap .an3_list .an3_item:hover::before{height:60%;} .analyse_02 .an3_wrap .an3_list .an3_item .an3_num{font-size:36px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;letter-spacing:2px;flex-shrink:0;width:40px;transition:0.3s;filter: grayscale(1);} .analyse_02 .an3_wrap .an3_list .an3_item.active .an3_num, .analyse_02 .an3_wrap .an3_list .an3_item:hover .an3_num{opacity:1;filter: grayscale(0);} .analyse_02 .an3_wrap .an3_list .an3_item .an3_body{display:flex;flex-direction:column;gap:8px;} .analyse_02 .an3_wrap .an3_list .an3_item .an3_body b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;transition:0.3s;} .analyse_02 .an3_wrap .an3_list .an3_item.active .an3_body b, .analyse_02 .an3_wrap .an3_list .an3_item:hover .an3_body b{color:var(--color1);} .analyse_02 .an3_wrap .an3_list .an3_item .an3_body p{font-size:16px;color:#666;line-height:1.6;margin:0;} .analyse_02 .an3_wrap .an3_list .an3_item .an3_body p i{background:var(--colorgreen);font-style: normal;padding: 0 5px;border-radius: 4px;color: #fff;margin-right: 8px;font-size: 14px;} .analyse_02 .an3_wrap .an3_img{flex:1.1;border-radius:20px;overflow:hidden;box-shadow:0 12px 48px rgba(49,121,246,0.1);position:relative;min-height:320px;background:linear-gradient(135deg,rgba(49,121,246,0.05) 0%,rgba(49,121,246,0.12) 100%);border: 1px solid #fff; } .analyse_02 .an3_wrap .an3_img .an3_slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.4s ease;} .analyse_02 .an3_wrap .an3_img .an3_slide.active{opacity:1;position:relative;} @media (max-width:992px){ .analyse_02{padding:40px 0;} .analyse_02 .an3_wrap{flex-direction:column;gap:32px;} .analyse_02 .an3_wrap .an3_img{min-height:240px;} .analyse_02 .an3_wrap .an3_list{gap: 10px;} .analyse_02 .an3_wrap .an3_list .an3_item{padding:22px 24px;} .analyse_02 .an3_wrap .an3_list .an3_item .an3_num{font-size:28px;width:32px;} .analyse_02 .an3_wrap .an3_list .an3_item .an3_body b{font-size:18px;} } @media (max-width:480px){ .analyse_03 .an3_wrap .an3_list .an3_item{gap:16px;padding:18px 20px;} } /* analyse_03: 左文右图 白底 hover切换图片 */ .analyse_03{width:100%;float:left;background:#fff;padding:0 0 100px;} .analyse_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .analyse_03 .an3_wrap{display:flex;align-items:stretch;gap:80px;margin-top:20px;flex-direction: row-reverse;} .analyse_03 .an3_wrap .an3_list{flex:1;display:flex;flex-direction:row;gap:40px;justify-content:center;width: 100%;} .analyse_03 .an3_wrap .an3_list .an3_item{display:flex;align-items:flex-start;gap:24px;padding:38px 32px;border-radius:16px;cursor:pointer;transition:0.3s;border:2px solid #eee;position:relative;width: 100%;} .analyse_03 .an3_wrap .an3_list .an3_item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color1);border-radius:2px;transition:0.3s;} .analyse_03 .an3_wrap .an3_list .an3_item.active,.analyse_03 .an3_wrap .an3_list .an3_item:hover{background:linear-gradient(to right,rgba(49,121,246,0.04),rgba(49,121,246,0.01));border-color:rgba(49,121,246,0.1);} .analyse_03 .an3_wrap .an3_list .an3_item.active::before,.analyse_03 .an3_wrap .an3_list .an3_item:hover::before{height:60%;} .analyse_03 .an3_wrap .an3_list .an3_item .an3_num{font-size:36px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;letter-spacing:2px;flex-shrink:0;width:40px;transition:0.3s;filter: grayscale(1);} .analyse_03 .an3_wrap .an3_list .an3_item .an3_num img{width: 100%;} .analyse_03 .an3_wrap .an3_list .an3_item.active .an3_num,.analyse_03 .an3_wrap .an3_list .an3_item:hover .an3_num{opacity:1;filter: grayscale(0);} .analyse_03 .an3_wrap .an3_list .an3_item .an3_body{display:flex;flex-direction:column;gap:8px;} .analyse_03 .an3_wrap .an3_list .an3_item .an3_body b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;transition:0.3s;} .analyse_03 .an3_wrap .an3_list .an3_item.active .an3_body b,.analyse_03 .an3_wrap .an3_list .an3_item:hover .an3_body b{color:var(--color1);} .analyse_03 .an3_wrap .an3_list .an3_item .an3_body p{font-size:16px;color:#666;line-height:1.6;margin:0;} .analyse_03 .an3_wrap .an3_img{flex:1.1;border-radius:20px;overflow:hidden;box-shadow:0 12px 48px rgba(49,121,246,0.1);position:relative;min-height:320px;background:linear-gradient(135deg,rgba(49,121,246,0.05) 0%,rgba(49,121,246,0.12) 100%);border: 1px solid #fff;display: none;} .analyse_03 .an3_wrap .an3_img .an3_slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.4s ease;} .analyse_03 .an3_wrap .an3_img .an3_slide.active{opacity:1;position:relative;} @media (max-width:992px){ .analyse_03{padding:40px 0;} .analyse_03 .an3_wrap{flex-direction:column;gap:32px;} .analyse_03 .an3_wrap .an3_img{min-height:240px;} .analyse_03 .an3_wrap .an3_list{gap: 20px;} .analyse_03 .an3_wrap .an3_list .an3_item{padding:22px 24px;} .analyse_03 .an3_wrap .an3_list .an3_item .an3_num{font-size:28px;width:32px;} .analyse_03 .an3_wrap .an3_list .an3_item .an3_body b{font-size:18px;} } @media (max-width:480px){ .analyse_03 .an3_wrap .an3_list .an3_item{gap:16px;padding:18px 20px;} } /* analyse_04: 全周期覆盖 浅色科技风格 */ .analyse_04{width:100%;float:left;background:linear-gradient(0,#eef4ff 0%,#f4f9ff 50%,#e8f0ff 100%);padding:100px 0;position:relative;overflow:hidden;} .analyse_04 .an4_bg{position:absolute;inset:0;pointer-events:none;z-index:0;background-image: url('/Public/2026/icon1.png');background-size: 500px;background-position: right top;background-repeat: no-repeat;} .analyse_04 .an4_bg .an4_orb{position:absolute;border-radius:50%;filter:blur(60px);} .analyse_04 .an4_bg .an4_orb1{width:400px;height:400px;background:rgba(49,121,246,0.12);top:-100px;right:10%;} .analyse_04 .an4_bg .an4_orb2{width:280px;height:280px;background:rgba(100,160,255,0.1);bottom:0;left:5%;} .analyse_04 .an4_bg .an4_orb3{width:180px;height:180px;background:rgba(49,121,246,0.08);top:50%;right:30%;} .analyse_04 .an4_bg .an4_grid_lines{position:absolute;inset:0;display:flex;gap:0;display: none;} .analyse_04 .an4_bg .an4_grid_lines .an4_gl{flex:1;border-right:1px solid rgba(49,121,246,0.05);display: none;} .analyse_04 .box{position:relative;z-index:2;width:100%;float:left;display:flex;flex-direction:column;} .analyse_04 .an4_top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:50px;} .analyse_04 .an4_top .an4_title_block{display:flex;flex-direction:column;gap:16px;max-width:560px;} .analyse_04 .an4_top .an4_title_block .an4_label{font-size:13px;font-weight:bold;color:var(--color1);letter-spacing:3px;opacity:0.6;} .analyse_04 .an4_top .an4_title_block b{font-size:38px;font-weight:bold;color:#111;line-height:1.3;} .analyse_04 .an4_top .an4_title_block b i{font-style:normal;color:var(--color1);} .analyse_04 .an4_top .an4_title_block p{font-size:18px;color:#555;line-height:1.6;margin:0;} .analyse_04 .an4_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-right: 200px;} .analyse_04 .an4_list .an4_item{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.9);border-radius:16px;padding:28px 24px 32px;display:flex;flex-direction:column;gap:10px;transition:0.3s;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(49,121,246,0.07);} .analyse_04 .an4_list .an4_item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--color1),rgba(49,121,246,0.3));transform:scaleX(0);transform-origin:left;transition:0.35s;} .analyse_04 .an4_list .an4_item:hover{background:rgba(255,255,255,0.95);box-shadow:0 12px 40px rgba(49,121,246,0.14);border-color:rgba(49,121,246,0.2);transform:translateY(-4px);} .analyse_04 .an4_list .an4_item:hover::before{transform:scaleX(1);} .analyse_04 .an4_list .an4_item .an4_item_top{display:flex;align-items:center;justify-content:space-between;} .analyse_04 .an4_list .an4_item .an4_ico{width:44px;height:44px;border-radius:12px;background:var(--color1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(49,121,246,0.35);} .analyse_04 .an4_list .an4_item .an4_seq{font-size:32px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.12;line-height:1;letter-spacing:2px;transition:0.3s;} .analyse_04 .an4_list .an4_item:hover .an4_seq{opacity:0.3;} .analyse_04 .an4_list .an4_item b{font-size:18px;font-weight:bold;color:#111;line-height:1.6;margin-top: 10px;} .analyse_04 .an4_list .an4_item p{font-size:16px;color:#555;line-height:1.6;margin:0;} @media (max-width:992px){ .analyse_04{padding:40px 0;} .analyse_04 .an4_top{flex-direction:column;gap:24px;} .analyse_04 .an4_top .an4_deco_img{width:220px;} .analyse_04 .an4_top .an4_title_block b{font-size:28px;} .analyse_04 .an4_list{grid-template-columns:1fr 1fr;gap:14px;} } @media (max-width:480px){ .analyse_04 .an4_top .an4_deco_img{width:160px;} .analyse_04 .an4_list{grid-template-columns:1fr;padding: 0} .analyse_04 .an4_list .an4_item{padding:22px 20px;} } /* ====== 课程敏捷开发 development ====== */ /* development_01: 左痛点右方案 grid布局 白底 */ .development_01{width:100%;float:left;background:#fff;padding:100px 0 40px;} .development_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .development_01 .dv1_grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch;} .development_01 .dv1_left{width:100%;background:linear-gradient(135deg,rgba(49,121,246,0.04) 0%,rgba(49,121,246,0.1) 100%);border:1px solid rgba(49,121,246,0.12);border-radius:20px;padding:40px 36px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;} .development_01 .dv1_left .dv1_tag{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:bold;color:#fff;letter-spacing:2px;background:#e53935;padding:6px 16px;border-radius:50px 50px 50px 0;width:fit-content;} .development_01 .dv1_left .dv1_tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0;} .development_01 .dv1_left .dv1_pain_list{display:flex;flex-direction:column;gap:6px;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item{display:flex;align-items:flex-start;gap:16px;background:#ffffffaa;border-radius:14px;padding:20px 24px;transition:0.3s;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item:nth-child(1){border-radius: 0 14px 14px 14px;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item:hover{background:#fff0f0;border-color:rgba(229,57,53,0.25);transform:translateX(4px);} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item .dv1_pain_icon{width:40px;height:40px;border-radius:10px;background:rgba(229,57,53,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e53935;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item .dv1_pain_body{display:flex;flex-direction:column;gap:6px;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item .dv1_pain_body b{font-size:18px;font-weight:bold;color:#e53935;line-height:1.6;} .development_01 .dv1_left .dv1_pain_list .dv1_pain_item .dv1_pain_body p{font-size:16px;line-height:1.6;margin:0;} .development_01 .dv1_left .dv1_question{font-size:20px;line-height:1.6;padding:16px 20px;border-left:3px solid rgba(229,57,53,0.3);background:rgba(255,255,255,0.83);border-radius:0 10px 10px 0;font-weight: bold;} .development_01 .dv1_right{display:flex;align-items:stretch;} .development_01 .dv1_right .dv1_solution{width:100%;background:linear-gradient(135deg,rgba(49,121,246,0.04) 0%,rgba(49,121,246,0.1) 100%);border:1px solid rgba(49,121,246,0.12);border-radius:20px;padding:40px 36px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;} .development_01 .dv1_right .dv1_solution::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color1),rgba(49,121,246,0.3));display: none;} .development_01 .dv1_right .dv1_solution .dv1_solution_label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:bold;color:var(--color1);background:var(--color1);padding:6px 16px;border-radius:0 14px 14px 14px;width:fit-content;color:#fff;font-size: 20px;} .development_01 .dv1_right .dv1_solution .dv1_solution_text{font-size:16px;color:#555;line-height:1.6;margin:0;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps{display:flex;align-items:center;gap:0;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step .dv1_step_dot{width:44px;height:44px;border-radius:50%;background:var(--color1);border:3px solid rgba(49,121,246,0.25);box-shadow:0 6px 20px rgba(49,121,246,0.3);position:relative;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step .dv1_step_dot::after{content:'';position:absolute;inset:6px;border-radius:50%;background:rgba(255,255,255,1);} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step span{font-size:16px;font-weight:bold;color:var(--color1);white-space:nowrap;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step_line{flex:1;height:2px;background:linear-gradient(to right,var(--color1),rgba(49,121,246,0.2));margin-bottom:28px;} .development_01 .dv1_right .dv1_solution .dv1_solution_desc{font-size:16px;color:#444;line-height:1.6;margin:0;font-weight:bold;} .development_01 .dv1_right .dv1_solution .dv1_solution_tags{display:flex;flex-wrap:wrap;gap:10px;} .development_01 .dv1_right .dv1_solution .dv1_solution_tags span{display:inline-block;background:var(--color1);color:#fff;font-size:14px;padding:6px 18px;border-radius:50px;font-weight:bold;box-shadow:0 4px 12px rgba(49,121,246,0.3);} @media (max-width:992px){ .development_01{padding:40px 0;} .development_01 .dv1_grid{grid-template-columns:1fr;gap:36px;margin-top:0;} .development_01 .dv1_right .dv1_solution{padding:25px 25px;} .development_01 .dv1_left{gap:15px;padding: 25px 25px;} } @media (max-width:480px){ .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step span{font-size:14px;} .development_01 .dv1_right .dv1_solution .dv1_solution_steps .dv1_step .dv1_step_dot{width:36px;height:36px;} } /* development_02: 服务优势 tab切换左文右图 */ .development_02{width:100%;float:left;background:linear-gradient(180deg,rgba(49,121,246,0.0) 0%,rgba(49,121,246,0.1) 100%);padding:100px 0;position: relative;} .development_02::after{width:100%;float:left;background-image: url('/Public/2026/2.png');background-size:100%;position: absolute;z-index: 1;content: '';height: 100%;left: 0;top: 0;background-position: left bottom;background-repeat: no-repeat;} .development_02 .box{width:100%;float:left;display:flex;flex-direction:column;position: relative;z-index: 3;} .development_02 .dv2_tabs{display:flex;gap:0;margin-top:0px;border-bottom:2px solid rgba(49,121,246,0.1);} .development_02 .dv2_tabs .dv2_tab{display:flex;align-items:center;gap:12px;padding:16px 36px 16px 24px;cursor:pointer;transition:0.3s;position:relative;border-radius:12px 12px 0 0;background:transparent;} .development_02 .dv2_tabs .dv2_tab::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color1);transform:scaleX(0);transition:0.3s;border-radius:2px;} .development_02 .dv2_tabs .dv2_tab:hover{background:rgba(49,121,246,0.04);} .development_02 .dv2_tabs .dv2_tab.active{background:#fff;box-shadow:0 -4px 16px rgba(49,121,246,0.06);} .development_02 .dv2_tabs .dv2_tab.active::after{transform:scaleX(1);} .development_02 .dv2_tabs .dv2_tab .dv2_tab_num{font-size:22px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.3;line-height:1;transition:0.3s;} .development_02 .dv2_tabs .dv2_tab.active .dv2_tab_num{opacity:1;} .development_02 .dv2_tabs .dv2_tab .dv2_tab_name{font-size:18px;font-weight:bold;color:#333;transition:0.3s;} .development_02 .dv2_tabs .dv2_tab.active .dv2_tab_name{color:var(--color1);} .development_02 .dv2_tabs .dv2_tab .dv2_tab_sub{font-size:13px;color:#999;padding:3px 10px;background:rgba(0,0,0,0.05);border-radius:50px;transition:0.3s;} .development_02 .dv2_tabs .dv2_tab.active .dv2_tab_sub{background:rgba(49,121,246,0.1);color:var(--color1);} .development_02 .dv2_panels{margin-bottom: 30px;} .development_02 .dv2_panels .dv2_panel.active{display:block;animation:dv2FadeIn 0.35s ease;} @keyframes dv2FadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} .development_02 .dv2_panels .dv2_panel .dv2_content{display:flex;align-items:flex-start;gap:60px;background:#fff;border-radius:0 16px 16px 16px;padding:48px;box-shadow:0 8px 40px rgba(49,121,246,0.07);align-items: stretch;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text{flex:1;display:flex;flex-direction:column;gap:12px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_label{font-size:24px;font-weight:bold;color:#111;line-height:1.3;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_lead{font-size:16px;color:#555;line-height:1.6;margin:0;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_value{background:linear-gradient(to right,rgba(49,121,246,0.06),rgba(49,121,246,0.02));border-left:3px solid var(--color1);border-radius:0 12px 12px 0;padding:16px 20px;display:flex;flex-direction:column;gap:8px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_value .dv2_value_label{font-size:16px;font-weight:bold;color:var(--color1);letter-spacing:1px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_value p{font-size:16px;color:#333;line-height:1.6;margin:0;font-weight:bold;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features{display:flex;flex-direction:column;gap:12px;margin-top: 10px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_features_label{font-size:16px;font-weight:bold;;letter-spacing:1px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list{display:flex;flex-direction:column;gap:10px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list .dv2_feature_item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f0f6ff88;border-radius:10px;border:1px solid rgba(0,0,0,0.05);transition:0.3s;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list .dv2_feature_item:hover{background:#f0f6ff;border-color:rgba(49,121,246,0.15);} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list .dv2_feature_item .dv2_fi_dot{width:8px;height:8px;border-radius:50%;background:var(--color1);flex-shrink:0;margin-top:8px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list .dv2_feature_item b{font-size:16px;font-weight:bold;color:#111;line-height:1.6;display:block;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_text .dv2_features .dv2_feature_list .dv2_feature_item p{font-size:16px;color:#666;line-height:1.6;margin:4px 0 0;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_img{flex-shrink:0;border-radius:16px;overflow:hidden;position:relative;flex:1;background:linear-gradient(135deg,rgba(49,121,246,0.0) 0%,rgba(49,121,246,0.1) 100%);display: none;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_img img{width:100%;height:100%;object-fit:contain;display:block;} @media (max-width:1100px){ .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_img{width:300px;} .development_02 .dv2_panels .dv2_panel .dv2_content{gap:40px;padding:36px;} } @media (max-width:992px){ .development_02{padding:40px 0;} .development_02 .dv2_tabs .dv2_tab{padding:12px 20px;} .development_02 .dv2_tabs .dv2_tab .dv2_tab_name{font-size:16px;} .development_02 .dv2_panels .dv2_panel .dv2_content{flex-direction:column;gap:28px;padding:28px;} .development_02 .dv2_panels .dv2_panel .dv2_content .dv2_img{width:100%;max-height:280px;} } @media (max-width:600px){ .development_02 .dv2_tabs{overflow-x:auto;} .development_02 .dv2_tabs .dv2_tab .dv2_tab_sub{display:none;} .development_02 .dv2_tabs .dv2_tab{padding:10px 16px;gap:8px;} } /* development_03: 价值呼醒 客户案例 纯白背景 */ .development_03{width:100%;float:left;background:#fff;padding:100px 0;} .development_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .development_03 .dv3_top{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;} .development_03 .dv3_top .dv3_pain_card{background:#fff8f8;border:1px solid rgba(229,57,53,0.12);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px;height:100%;box-sizing:border-box;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_head{display:flex;align-items:center;gap:10px;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_head .dv3_pain_icon{width:36px;height:36px;border-radius:10px;background:#e53935;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_head b{font-size:20px;font-weight:bold;color:#e53935;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_list{display:flex;flex-direction:column;gap:12px;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_list .dv3_pain_item{display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:#fff;border-left:3px solid #e53935;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_list .dv3_pain_item .dv3_pain_tag{font-size:18px;color:#e53935;letter-spacing:1px;} .development_03 .dv3_top .dv3_pain_card .dv3_pain_list .dv3_pain_item p{font-size:16px;color:#555;line-height:1.6;margin:0;} .development_03 .dv3_top .dv3_arrow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color1);flex-shrink:0;} .development_03 .dv3_top .dv3_arrow span{font-size:13px;font-weight:bold;color:var(--color1);letter-spacing:1px;white-space:nowrap;} .development_03 .dv3_top .dv3_solution_card{background:linear-gradient(135deg,rgba(49,121,246,0.03) 0%,rgba(49,121,246,0.08) 100%);border:1px solid rgba(49,121,246,0.12);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px;height:100%;box-sizing:border-box;position:relative;overflow:hidden;} .development_03 .dv3_top .dv3_solution_card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color1),rgba(49,121,246,0.3));} .development_03 .dv3_top .dv3_solution_card .dv3_solution_head{display:flex;align-items:center;gap:10px;} .development_03 .dv3_top .dv3_solution_card .dv3_solution_head .dv3_solution_icon{width:36px;height:36px;border-radius:10px;background:var(--color1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;} .development_03 .dv3_top .dv3_solution_card .dv3_solution_head b{font-size:20px;font-weight:bold;color:var(--color1);} .development_03 .dv3_top .dv3_solution_card .dv3_solution_focus{font-size:14px;color:#555;line-height:1.6;margin:0;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list{display:flex;flex-direction:column;gap:16px;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:12px;padding:16px 18px;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_title{display:flex;align-items:center;gap:10px;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_title .dv3_scheme_num{font-size:20px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;opacity:0.5;flex-shrink:0;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_title b{font-size:16px;font-weight:bold;color:#111;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow{display:flex;align-items:center;flex-wrap:wrap;gap:4px;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow span{font-size:14px;color:#fff;background:var(--color1);padding:4px 12px;border-radius:50px;white-space:nowrap;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow i{display:block;width:14px;height:2px;background:rgba(49,121,246,0.3);flex-shrink:0;position:relative;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow i::after{content:'';position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:rgba(49,121,246,0.4);} .development_03 .dv3_result{background:linear-gradient(135deg,#f0f7ff 0%,#e8f2ff 100%);border-radius:20px;padding:36px 40px;display:flex;flex-direction:column;gap:20px;margin-top: 30px;} .development_03 .dv3_result .dv3_result_label{font-size:20px;font-weight:bold;color:var(--color1);} .development_03 .dv3_result .dv3_result_grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item{display:flex;align-items:flex-start;gap:20px;background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 4px 20px rgba(49,121,246,0.07);} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_icon{width:52px;height:52px;border-radius:14px;background:var(--color1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px rgba(49,121,246,0.3);} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body{display:flex;flex-direction:column;gap:8px;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body .dv3_result_nums{display:flex;align-items:baseline;gap:12px;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body .dv3_result_nums .dv3_num{font-size:44px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body .dv3_result_nums .dv3_num em{font-size:20px;font-style:normal;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body .dv3_result_nums .dv3_num2{color:rgba(49,121,246,0.5);font-size:32px;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body b{font-size:18px;font-weight:bold;color:#111;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body p{font-size:16px;color:#555;line-height:1.6;margin:0;} .development_03 .dv3_result .dv3_result_grid .dv3_result_item .dv3_result_body p strong{color:var(--color1);font-weight:bold;} @media (max-width:992px){ .development_03{padding:40px 0;} .development_03 .dv3_top{grid-template-columns:1fr;gap:16px;} .development_03 .dv3_top .dv3_arrow{flex-direction:row;padding:8px 0;} .development_03 .dv3_top .dv3_arrow svg{transform:rotate(90deg);} .development_03 .dv3_top .dv3_arrow img{transform:rotate(90deg);} .development_03 .dv3_result{padding:24px;} .development_03 .dv3_result .dv3_result_grid{grid-template-columns:1fr;gap:16px;} } @media (max-width:480px){ .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow{gap:3px;} .development_03 .dv3_top .dv3_solution_card .dv3_scheme_list .dv3_scheme .dv3_scheme_flow span{font-size:13px;padding:3px 10px;} } /* ====== AI+项目策划运营 operation ====== */ /* operation_01: 五维陪跑 橌圆中心+节点环绕 */ .operation_01{width:100%;float:left;background:linear-gradient(180deg,#f4f9ff 0%,#fff 60%);padding:100px 0;} .operation_01 .box{width:100%;float:left;display:flex;flex-direction:column;align-items:center;} .operation_01 .op1_wrap{position:relative;width:100%;max-width:860px;height:460px;margin:0px auto 0;} .operation_01 .op1_wrap .op1_center{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);width:560px;height:220px;} .operation_01 .op1_wrap .op1_center .op1_ring{position:absolute;border-radius:50%;border:1px solid rgba(49,121,246,0.12);left:50%;top:50%;transform:translate(-50%,-50%);} .operation_01 .op1_wrap .op1_center .op1_ring1{width:660px;height:280px;border-color:rgba(49,121,246,0.1);background:radial-gradient(ellipse,rgba(49,121,246,0.04) 0%,transparent 70%);} .operation_01 .op1_wrap .op1_center .op1_ring2{width:800px;height:360px;border-color:rgba(49,121,246,0.06);} .operation_01 .op1_wrap .op1_center .op1_ellipse{position:relative;z-index:3;width:100%;height:100%;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,0.95) 0%,rgba(220,238,255,0.9) 100%);border:1.5px solid rgba(49,121,246,0.2);box-shadow:0 8px 40px rgba(49,121,246,0.12),0 2px 0 rgba(49,121,246,0.08) inset;display:flex;align-items:center;justify-content:center;} .operation_01 .op1_wrap .op1_center .op1_ellipse .op1_ellipse_inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;} .operation_01 .op1_wrap .op1_center .op1_ellipse .op1_ellipse_inner span{font-size:14px;color:var(--color1);letter-spacing:2px;font-weight:bold;opacity:0.7;} .operation_01 .op1_wrap .op1_center .op1_ellipse .op1_ellipse_inner b{font-size:20px;font-weight:bold;color:#2a4d8f;line-height:1.4;} .operation_01 .op1_wrap .op1_node{position:absolute;display:flex;align-items:center;gap:12px;z-index:5;} .operation_01 .op1_wrap .op1_node .op1_node_icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px rgba(49,121,246,0.25);transition:0.3s;cursor:default;} .operation_01 .op1_wrap .op1_node .op1_node_icon:hover{transform:scale(1.1);box-shadow:0 10px 28px rgba(49,121,246,0.35);} .operation_01 .op1_wrap .op1_node .op1_node_text{display:flex;flex-direction:column;gap:4px;} .operation_01 .op1_wrap .op1_node .op1_node_text b{font-size:20px;font-weight:bold;color:#111;line-height:1.6;white-space:nowrap;} .operation_01 .op1_wrap .op1_node .op1_node_text p{font-size:16px;color:#666;line-height:1.6;margin:0;white-space:nowrap;} .operation_01 .op1_wrap .op1_node.op1_node_tl{top:14%;left:8%;flex-direction:row;} .operation_01 .op1_wrap .op1_node.op1_node_bl{bottom:14%;left:2%;flex-direction:row;} .operation_01 .op1_wrap .op1_node.op1_node_tr{top:14%;right:8%;flex-direction:row-reverse;} .operation_01 .op1_wrap .op1_node.op1_node_br{bottom:14%;right:2%;flex-direction:row-reverse;} .operation_01 .op1_wrap .op1_node.op1_node_bc{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;} .operation_01 .op1_wrap .op1_node.op1_node_bc .op1_node_text{align-items:center;text-align:center;} .operation_01 .op1_wrap .op1_node .op1_text_right{text-align:left;} .operation_01 .op1_wrap .op1_node .op1_text_left{text-align:right;} .operation_01 .op1_wrap .op1_node .op1_text_center{text-align:center;} /* 服务流程条 */ .operation_01 .op1_flow{display:flex;align-items:center;justify-content:center;gap:0;margin-top:40px;background:#fff;border:1px solid rgba(49,121,246,0.1);border-radius:60px;padding:16px 40px;box-shadow:0 4px 20px rgba(49,121,246,0.06);} .operation_01 .op1_flow .op1_flow_item{display:flex;align-items:center;gap:8px;padding:0 20px;} .operation_01 .op1_flow .op1_flow_item .op1_flow_num{font-size:18px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;opacity:0.5;line-height:1;} .operation_01 .op1_flow .op1_flow_item .op1_flow_name{font-size:20px;font-weight:bold;} .operation_01 .op1_flow .op1_flow_arrow{font-size:18px;color:rgba(49,121,246,0.3);flex-shrink:0;} @media (max-width:992px){ .operation_01{padding:40px 0;} .operation_01 .op1_wrap{height:auto;max-width:100%;display:flex;flex-direction:column;gap:16px;margin-top:8px;} .operation_01 .op1_wrap .op1_center{position:static;transform:none;width:100%;height:140px;margin:0 auto;max-width:400px;} .operation_01 .op1_wrap .op1_center .op1_ring{display:none;} .operation_01 .op1_wrap .op1_node{position:static;transform:none;} .operation_01 .op1_wrap .op1_node.op1_node_tr,.operation_01 .op1_wrap .op1_node.op1_node_br{flex-direction:row;} .operation_01 .op1_wrap .op1_node .op1_text_left{text-align:left;} .operation_01 .op1_wrap .op1_node.op1_node_bc{flex-direction:row;transform:none;left:auto;bottom:auto;} .operation_01 .op1_wrap .op1_node.op1_node_bc .op1_node_text{align-items:flex-start;text-align:left;} .operation_01 .op1_flow{flex-wrap:wrap;border-radius:16px;padding:16px 24px;width:100%;justify-content:flex-start;} .operation_01 .op1_flow .op1_flow_item{padding:0 12px;} } /* operation_02: 全程陪跑服务内容 顶部居中tab+下方左文右图 */ .operation_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .operation_02 .box{width:100%;float:left;display:flex;flex-direction:column;align-items:center;} /* 顶部横向tab,居中 */ .operation_02 .op2_tabs{display:flex;gap:8px;justify-content:center;margin-top:0px;flex-wrap:wrap;} .operation_02 .op2_tabs .op2_tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;cursor:pointer;transition:0.3s;border-radius:12px;background:#fff;border:2px solid transparent;min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,0.04);} .operation_02 .op2_tabs .op2_tab:hover{border-color:rgba(49,121,246,0.2);box-shadow:0 4px 16px rgba(49,121,246,0.1);} .operation_02 .op2_tabs .op2_tab.active{background:#fff;border-color:var(--color1);box-shadow:0 6px 24px rgba(49,121,246,0.15);} .operation_02 .op2_tabs .op2_tab .op2_tab_num{font-size:22px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;opacity:0.25;transition:0.3s;} .operation_02 .op2_tabs .op2_tab.active .op2_tab_num{opacity:1;} .operation_02 .op2_tabs .op2_tab .op2_tab_name{font-size:20px;font-weight:bold;color:#333;line-height:1.4;transition:0.3s;text-align:center;} .operation_02 .op2_tabs .op2_tab.active .op2_tab_name{color:var(--color1);} .operation_02 .op2_tabs .op2_tab .op2_tab_sub{font-size:14px;color:#aaa;transition:0.3s;white-space:nowrap;} .operation_02 .op2_tabs .op2_tab.active .op2_tab_sub{color:rgba(49,121,246,0.6);} .operation_02 .op2_panels{width:100%;margin-top:24px;} .operation_02 .op2_panels .op2_panel{display:none;} .operation_02 .op2_panels .op2_panel.active{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(49,121,246,0.07);animation:op2FadeIn 0.35s ease;} @keyframes op2FadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} .operation_02 .op2_panels .op2_panel .op2_text{display:flex;flex-direction:column;gap:20px;padding:40px} .operation_02 .op2_panels .op2_panel .op2_text .op2_label{font-size:24px;font-weight:bold;color:#111;line-height:1.3;} .operation_02 .op2_panels .op2_panel .op2_text .op2_desc{font-size:16px;color:#555;line-height:1.7;margin:0;border-left:3px solid var(--color1);padding-left:16px;background:linear-gradient(to right,rgba(49,121,246,0.04),transparent);border-radius:0 8px 8px 0;padding-top:10px;padding-bottom:10px;} .operation_02 .op2_panels .op2_panel .op2_text .op2_points{display:flex;flex-direction:column;gap:12px;} .operation_02 .op2_panels .op2_panel .op2_text .op2_points .op2_point{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#444;line-height:1.6;} .operation_02 .op2_panels .op2_panel .op2_text .op2_points .op2_point .op2_dot{width:7px;height:7px;border-radius:50%;background:var(--color1);flex-shrink:0;margin-top:8px;} .operation_02 .op2_panels .op2_panel .op2_img{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(49,121,246,0.12);} .operation_02 .op2_panels .op2_panel .op2_img img{width:100%;min-height:320px;object-fit:cover;display:block;transition:0.4s;aspect-ratio: 2/1;} .operation_02 .op2_panels .op2_panel:hover .op2_img img{transform:scale(1.03);} @media (max-width:992px){ .operation_02{padding:40px 0;} .operation_02 .op2_tabs .op2_tab{min-width:140px;padding:14px 16px;} .operation_02 .op2_panels .op2_panel.active{grid-template-columns:1fr;gap:0;padding:0;} .operation_02 .op2_panels .op2_panel .op2_img img{min-height:220px;} .operation_02 .op2_panels .op2_panel .op2_text{padding:25px} } @media (max-width:600px){ .operation_02 .op2_tabs{gap:6px;} .operation_02 .op2_tabs .op2_tab{min-width:calc(50% - 6px);padding:12px;} .operation_02 .op2_tabs .op2_tab .op2_tab_name{font-size:14px;} } /* operation_03: 案例落地与价值体现 双案例对比+底部价值总结 */ .operation_03{width:100%;float:left;background:#fff;padding:100px 0;} .operation_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .operation_03 .op3_cases{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:20px;} .operation_03 .op3_cases .op3_case{background:#f8faff;border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:24px;border:1px solid rgba(49,121,246,0.08);transition:0.3s;} .operation_03 .op3_cases .op3_case:hover{box-shadow:0 12px 48px rgba(49,121,246,0.12);transform:translateY(-4px);border-color:rgba(49,121,246,0.2);} .operation_03 .op3_case .op3_case_head{display:flex;align-items:center;gap:16px;} .operation_03 .op3_case .op3_case_head .op3_case_icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(49,121,246,0.12),rgba(49,121,246,0.04));display:flex;align-items:center;justify-content:center;color:var(--color1);flex-shrink:0;} .operation_03 .op3_case .op3_case_head .op3_case_icon.op3_case_icon2{background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(16,185,129,0.04));color:#10b981;} .operation_03 .op3_case .op3_case_head .op3_case_meta{display:flex;flex-direction:column;gap:4px;} .operation_03 .op3_case .op3_case_head .op3_case_meta .op3_case_tag{display:inline-block;font-size:12px;padding:2px 10px;border-radius:50px;background:rgba(49,121,246,0.1);color:var(--color1);font-weight:bold;width:fit-content;} .operation_03 .op3_case .op3_case_head .op3_case_meta .op3_case_tag.op3_case_tag2{background:rgba(16,185,129,0.1);color:#10b981;} .operation_03 .op3_case .op3_case_head .op3_case_meta b{font-size:20px;font-weight:bold;color:#111;line-height:1.3;} .operation_03 .op3_case .op3_pain .op3_pain_title{font-size:16px;color:#999;font-weight:bold;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:10px;} .operation_03 .op3_case .op3_pain .op3_pain_list{display:flex;flex-wrap:wrap;gap:8px;} .operation_03 .op3_case .op3_pain .op3_pain_list span{font-size:14px;color:#e53935;background:rgba(229,57,53,0.06);border:1px solid rgba(229,57,53,0.15);border-radius:6px;padding:4px 12px;line-height:1.5;} .operation_03 .op3_case .op3_solution .op3_solution_title{font-size:16px;color:#999;font-weight:bold;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:12px;} .operation_03 .op3_case .op3_solution .op3_solution_steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px;} .operation_03 .op3_case .op3_solution .op3_solution_steps .op3_step{font-size:14px;color:var(--color1);background:rgba(49,121,246,0.08);border-radius:8px;padding:5px 12px;font-weight:bold;white-space:nowrap;} .operation_03 .op3_case .op3_solution .op3_solution_steps .op3_step_arrow{color:#ccc;font-size:16px;flex-shrink:0;} .operation_03 .op3_case .op3_solution p{font-size:14px;color:#555;line-height:1.6;margin:0;} .operation_03 .op3_case .op3_results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(49,121,246,0.06);} .operation_03 .op3_case .op3_results .op3_result_item{display:flex;flex-direction:column;align-items:center;gap:4px;} .operation_03 .op3_case .op3_results .op3_result_item .op3_result_num{font-size:30px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;} .operation_03 .op3_case .op3_results .op3_result_item .op3_result_num em{font-size:16px;font-style:normal;color:var(--color1);} .operation_03 .op3_case .op3_results .op3_result_item .op3_result_label{font-size:14px;color:#888;text-align:center;line-height:1.4;} .operation_03 .op3_value{margin-top:48px;background:linear-gradient(135deg,rgba(49,121,246,0.06) 0%,rgba(49,121,246,0.02) 100%);border:1px solid rgba(49,121,246,0.12);border-radius:20px;padding:40px 48px;display:flex;align-items:center;gap:32px;} .operation_03 .op3_value .op3_value_icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color1),rgba(49,121,246,0.6));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;} .operation_03 .op3_value .op3_value_text{flex:1;display:flex;flex-direction:column;gap:10px;} .operation_03 .op3_value .op3_value_text b{font-size:20px;font-weight:bold;color:#111;line-height:1.3;} .operation_03 .op3_value .op3_value_text p{font-size:16px;color:#555;line-height:1.7;margin:0;} .operation_03 .op3_value .op3_value_tags{display:flex;flex-direction:column;gap:8px;flex-shrink:0;} .operation_03 .op3_value .op3_value_tags span{font-size:13px;color:var(--color1);background:rgba(49,121,246,0.08);border-radius:50px;padding:5px 16px;white-space:nowrap;text-align:center;font-weight:bold;} @media (max-width:992px){ .operation_03{padding:40px 0;} .operation_03 .op3_cases{grid-template-columns:1fr;gap:24px;margin-top:32px;} .operation_03 .op3_case .op3_results{grid-template-columns:repeat(3,1fr);} .operation_03 .op3_value{flex-direction:column;align-items:flex-start;gap:20px;padding:28px;} .operation_03 .op3_value .op3_value_tags{flex-direction:row;flex-wrap:wrap;} } @media (max-width:600px){ .operation_03 .op3_case{padding:24px;} .operation_03 .op3_case .op3_results .op3_result_num{font-size:24px;} .operation_03 .op3_cases .op3_case{padding:20px;} } /* operation_04: 服务价值对比 */ .operation_04{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .operation_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .operation_04 .op4_wrap{margin-top:20px;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(49,121,246,0.08);} .operation_04 .op4_wrap .op4_header{display:grid;grid-template-columns:200px 1fr 1.5fr;background:#fff;border-bottom:2px solid #f0f4ff;} .operation_04 .op4_wrap .op4_header .op4_header_dim{padding:20px 24px;font-size:18px;font-weight:bold;color:#bbb;letter-spacing:0.05em;display:flex;align-items:center;} .operation_04 .op4_wrap .op4_header .op4_header_col{padding:20px 32px;display:flex;flex-direction:column;gap:4px;justify-content:center;} .operation_04 .op4_wrap .op4_header .op4_col_normal{background:#fafafa;border-left:1px solid #f0f0f0;} .operation_04 .op4_wrap .op4_header .op4_col_ours{background:linear-gradient(135deg,rgba(49,121,246,0.07),rgba(49,121,246,0.03));border-left:2px solid var(--color1);} .operation_04 .op4_wrap .op4_header .op4_header_label{font-size:18px;font-weight:bold;} .operation_04 .op4_wrap .op4_header .op4_header_badge{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:bold;color:var(--color1);} .operation_04 .op4_wrap .op4_header .op4_header_badge::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color1);} .operation_04 .op4_wrap .op4_header .op4_header_sub{font-size:12px;color:rgba(49,121,246,0.5);} .operation_04 .op4_wrap .op4_row{display:grid;grid-template-columns:200px 1fr 1.5fr;background:#fff;border-top:1px solid #f4f6fb;transition:0.2s;} .operation_04 .op4_wrap .op4_row:hover{background:#fafcff;} .operation_04 .op4_wrap .op4_row.op4_row_last{border-radius:0 0 0 20px;} .operation_04 .op4_wrap .op4_row .op4_row_dim{padding:24px 24px;display:flex;align-items:center;gap:10px;} .operation_04 .op4_wrap .op4_row .op4_row_dim .op4_dim_icon{width:34px;height:34px;border-radius:10px;background:#f0f4ff;display:flex;align-items:center;justify-content:center;color:var(--color1);flex-shrink:0;} .operation_04 .op4_wrap .op4_row .op4_row_dim span{font-size:16px;font-weight:bold;color:#333;white-space:nowrap;} .operation_04 .op4_wrap .op4_row .op4_row_normal{padding:24px 32px;display:flex;flex-direction:column;gap:8px;background:#fafafa;border-left:1px solid #f0f0f0;justify-content:center;} .operation_04 .op4_wrap .op4_row .op4_row_normal p{font-size:16px;color:#999;line-height:1.6;margin:0;} .operation_04 .op4_wrap .op4_row .op4_row_ours{padding:24px 32px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,rgba(49,121,246,0.04),rgba(49,121,246,0.01));border-left:2px solid var(--color1);justify-content:center;position:relative;} .operation_04 .op4_wrap .op4_row .op4_row_ours p{font-size:16px;color:#333;line-height:1.6;margin:0;font-weight:500;} .operation_04 .op4_wrap .op4_row .op4_row_ours .op4_check{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--color1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;} .operation_04 .op4_tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:50px;font-weight:bold;width:fit-content;} .operation_04 .op4_tag_gray{background:#f0f0f0;color:#aaa;} .operation_04 .op4_tag_blue{background:rgba(49,121,246,0.1);color:var(--color1);} @media (max-width:992px){ .operation_04{padding:40px 0;} .operation_04 .op4_wrap{margin-top:28px;border-radius:16px;} .operation_04 .op4_wrap .op4_header{grid-template-columns:100px 1fr 1fr;} .operation_04 .op4_wrap .op4_header .op4_header_col{padding:16px 16px;} .operation_04 .op4_wrap .op4_row{grid-template-columns:100px 1fr 1fr;} .operation_04 .op4_wrap .op4_row .op4_row_dim{padding:16px;} .operation_04 .op4_wrap .op4_row .op4_row_dim span{font-size:13px;} .operation_04 .op4_wrap .op4_row .op4_row_normal,.operation_04 .op4_wrap .op4_row .op4_row_ours{padding:16px;} .operation_04 .op4_wrap .op4_row .op4_row_normal p,.operation_04 .op4_wrap .op4_row .op4_row_ours p{font-size:13px;} .operation_04 .op4_wrap .op4_row .op4_row_ours .op4_check{position:static;transform:none;width:22px;height:22px;margin-top:4px;align-self:flex-start;} } @media (max-width:600px){ .operation_04 .op4_wrap .op4_header{grid-template-columns:72px 1fr 1fr;} .operation_04 .op4_wrap .op4_header .op4_header_dim{padding:12px;font-size:11px;} .operation_04 .op4_wrap .op4_row{grid-template-columns:72px 1fr 1fr;} .operation_04 .op4_wrap .op4_row .op4_row_dim .op4_dim_icon{display:none;} .operation_04 .op4_wrap .op4_row .op4_row_dim span{font-size:12px;} } /* knowledge_01: 三大困局 白色背景 */ .knowledge_01{width:100%;float:left;background:#fff;padding:100px 0;} .knowledge_01 .box{width:100%;float:left;display:flex;flex-direction:column;} .knowledge_01 .kn1_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:20px;} .knowledge_01 .kn1_grid .kn1_item{background:#fff;border:1px solid rgba(var(--color1rgb),0.1);border-radius:0 0 20px 20px;padding:40px 32px;display:flex;flex-direction:column;gap:20px;transition:0.3s;position:relative;overflow:hidden;} .knowledge_01 .kn1_grid .kn1_item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color1),var(--color1));border-radius:4px 4px 0 0;} .knowledge_01 .kn1_grid .kn1_item:hover{box-shadow:0 12px 48px rgba(var(--color1rgb),0.1);transform:translateY(-4px);} .knowledge_01 .kn1_grid .kn1_item .kn1_icon{width:60px;height:60px;border-radius:16px;background:rgba(var(--color1rgb),0.06);display:flex;align-items:center;justify-content:center;color:var(--color1);flex-shrink:0;} .knowledge_01 .kn1_grid .kn1_item .kn1_icon img{width: 100%;} .knowledge_01 .kn1_grid .kn1_item .kn1_num{font-size:48px;font-weight:bold;color:rgba(var(--color1rgb),0.08);font-family:'bebas',arial;line-height:1;position:absolute;right:24px;top:24px;} .knowledge_01 .kn1_grid .kn1_item .kn1_body{display:flex;flex-direction:column;gap:12px;} .knowledge_01 .kn1_grid .kn1_item .kn1_body b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;} .knowledge_01 .kn1_grid .kn1_item .kn1_body p{font-size:16px;color:#666;line-height:1.7;margin:0;} @media(max-width:768px){ .knowledge_01{padding:40px 0;} .knowledge_01 .kn1_grid{grid-template-columns:1fr;gap:20px;margin-top:0;} .knowledge_01 .kn1_grid .kn1_item{padding:25px;gap:10px;} } /* knowledge_02: 活的知识引擎 colorb1背景 */ .knowledge_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .knowledge_02 .box{width:100%;float:left;display:flex;flex-direction:column;} .knowledge_02 .kn2_wrap{margin-top:20px;display:flex;flex-direction:column;gap:20px;} .knowledge_02 .kn2_wrap .kn2_desc{background:#fff;border-radius:0 16px 16px 0;padding:32px 40px;border-left:4px solid var(--color1);} .knowledge_02 .kn2_wrap .kn2_desc p{font-size:18px;color:#555;line-height:1.8;margin:0;} .knowledge_02 .kn2_wrap .kn2_desc p b{color:var(--color1);font-weight:bold;} .knowledge_02 .kn2_wrap .kn2_cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card{background:#fff;border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;transition:0.3s;border:1px solid rgba(49,121,246,0.08);} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card:hover{box-shadow:0 8px 32px rgba(49,121,246,0.1);transform:translateY(-3px);border-color:rgba(49,121,246,0.2);} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card .kn2_card_icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(49,121,246,0.1),rgba(49,121,246,0.04));display:flex;align-items:center;justify-content:center;color:var(--color1);} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card b{font-size:18px;font-weight:bold;color:#111;line-height:1.4;} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card p{font-size:16px;color:#666;line-height:1.6;margin:0;} @media(max-width:768px){ .knowledge_02{padding:40px 0;} .knowledge_02 .kn2_wrap{margin-top:0;gap: 10px;} .knowledge_02 .kn2_wrap .kn2_desc{padding:25px;} .knowledge_02 .kn2_wrap .kn2_cards{grid-template-columns:repeat(2,1fr);gap:10px;} .knowledge_02 .kn2_wrap .kn2_cards .kn2_card{padding:25px;} } @media(max-width:600px){ .knowledge_02 .kn2_wrap .kn2_cards{grid-template-columns:1fr;} } /* knowledge_03: 四步服务 白色背景 */ .knowledge_03{width:100%;float:left;background:#fff;padding:100px 0;} .knowledge_03 .box{width:100%;float:left;display:flex;flex-direction:column;} .knowledge_03 .kn3_steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(49,121,246,0.08);} .knowledge_03 .kn3_steps .kn3_step{background:#fff;padding:36px 28px;display:flex;flex-direction:column;gap:16px;border-right:1px solid #f0f4ff;transition:0.3s;position:relative;} .knowledge_03 .kn3_steps .kn3_step:last-child{border-right:none;} .knowledge_03 .kn3_steps .kn3_step::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--color1);opacity:0;transition:0.3s;} .knowledge_03 .kn3_steps .kn3_step:hover{background:#f8faff;} .knowledge_03 .kn3_steps .kn3_step:hover::after{opacity:1;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head{display:flex;align-items:center;gap:12px;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head .kn3_step_num{font-size:36px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;opacity:0.2;} .knowledge_03 .kn3_steps .kn3_step:hover .kn3_step_head .kn3_step_num{opacity:1;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head .kn3_step_tag{display:inline-block;font-size:18px;font-weight:bold;padding:4px 14px;border-radius:50px;background:rgba(49,121,246,0.1);color:var(--color1);} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head .kn3_tag2{background:rgba(16,185,129,0.1);color:#10b981;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head .kn3_tag3{background:rgba(245,158,11,0.1);color:#f59e0b;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_head .kn3_tag4{background:rgba(139,92,246,0.1);color:#8b5cf6;} .knowledge_03 .kn3_steps .kn3_step b{font-size:18px;font-weight:bold;color:#111;line-height:1.5;} .knowledge_03 .kn3_steps .kn3_step p{font-size:16px;color:#666;line-height:1.7;margin:0;flex:1;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;} .knowledge_03 .kn3_steps .kn3_step .kn3_step_tags span{font-size:12px;color:#aaa;background:#f5f5f5;border-radius:4px;padding:3px 8px;} @media(max-width:768px){ .knowledge_03{padding:40px 0;} .knowledge_03 .kn3_steps{grid-template-columns:repeat(2,1fr);margin-top:0;} .knowledge_03 .kn3_steps .kn3_step{border-right:1px solid #f0f4ff;border-bottom:1px solid #f0f4ff;padding: 25px;} } @media(max-width:600px){ .knowledge_03 .kn3_steps{grid-template-columns:1fr;} .knowledge_03 .kn3_steps .kn3_step{border-right:none;} } /* knowledge_04: 技术支持 colorb1背景 */ .knowledge_04{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .knowledge_04 .box{width:100%;float:left;display:flex;flex-direction:column;} .knowledge_04 .kn4_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:20px;} .knowledge_04 .kn4_grid .kn4_item{background:#fff;border-radius:20px;padding:40px 32px;display:flex;flex-direction:column;gap:20px;border:1px solid rgba(49,121,246,0.08);transition:0.3s;} .knowledge_04 .kn4_grid .kn4_item:hover{box-shadow:0 12px 48px rgba(49,121,246,0.12);transform:translateY(-4px);} .knowledge_04 .kn4_grid .kn4_item .kn4_item_head{display:flex;align-items:center;gap:16px;} .knowledge_04 .kn4_grid .kn4_item .kn4_item_head .kn4_icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(49,121,246,0.1),rgba(49,121,246,0.04));display:flex;align-items:center;justify-content:center;color:var(--color1);flex-shrink:0;} .knowledge_04 .kn4_grid .kn4_item .kn4_item_head .kn4_icon img{width: 100%;} .knowledge_04 .kn4_grid .kn4_item .kn4_item_head b{font-size:20px;font-weight:bold;color:#111;line-height:1.4;} .knowledge_04 .kn4_grid .kn4_item p{font-size:16px;color:#555;line-height:1.7;margin:0;flex:1;} .knowledge_04 .kn4_grid .kn4_item .kn4_tags{display:flex;flex-wrap:wrap;gap:8px;} .knowledge_04 .kn4_grid .kn4_item .kn4_tags span{font-size:14px;color:var(--color1);background:rgba(49,121,246,0.08);border-radius:50px;padding:4px 14px;font-weight:bold;} @media(max-width:768px){ .knowledge_04{padding:40px 0;} .knowledge_04 .kn4_grid{grid-template-columns:1fr;gap:10px;margin-top:0;} .knowledge_04 .kn4_grid .kn4_item{padding:25px;} } /* knowledge_05: 客户案例 Tab 白色背景 */ .knowledge_05{width:100%;float:left;background:#fff;padding:100px 0;} .knowledge_05 .box{width:100%;float:left;display:flex;flex-direction:column;} .knowledge_05 .kn5_tabs{display:flex;gap:8px;margin-top:20px;border-bottom:2px solid #f0f4ff;} .knowledge_05 .kn5_tabs .kn5_tab{padding:14px 28px;font-size:18px;font-weight:bold;color:#aaa;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:0.2s;border-radius:8px 8px 0 0;white-space:nowrap;} .knowledge_05 .kn5_tabs .kn5_tab:hover{color:#555;background:#f8faff;} .knowledge_05 .kn5_tabs .kn5_tab.active{color:var(--color1);border-bottom-color:var(--color1);background:#f4f8ff;} .knowledge_05 .kn5_panels .kn5_panel{display:none;} .knowledge_05 .kn5_panels .kn5_panel.active{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;padding:48px 0;animation:kn5FadeIn 0.3s ease;} @keyframes kn5FadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} .knowledge_05 .kn5_panel .kn5_left{display:flex;flex-direction:column;gap:28px;} .knowledge_05 .kn5_panel .kn5_left .kn5_case_tag{display:inline-block;font-size:18px;padding:5px 16px;border-radius:0 50px 50px 0;background:rgba(49,121,246,0.08);color:var(--color1);font-weight:bold;width:fit-content;} .knowledge_05 .kn5_panel .kn5_left .kn5_challenge{display:flex;flex-direction:column;gap:12px;} .knowledge_05 .kn5_panel .kn5_left .kn5_block_title{font-size:18px;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;} .knowledge_05 .kn5_panel .kn5_left .kn5_challenge p{font-size:16px;line-height:1.75;margin:0;padding-left:14px;border-left:3px solid rgba(229,57,53,0.3);background:rgba(229,57,53,0.08);padding: 20px;} .knowledge_05 .kn5_panel .kn5_left .kn5_solution{display:flex;flex-direction:column;gap:12px;} .knowledge_05 .kn5_panel .kn5_left .kn5_sol_list{display:flex;flex-direction:column;gap:12px;} .knowledge_05 .kn5_panel .kn5_left .kn5_sol_list .kn5_sol_item{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#333;line-height:1.7;} .knowledge_05 .kn5_panel .kn5_left .kn5_sol_list .kn5_sol_item .kn5_sol_dot{width:8px;height:8px;border-radius:50%;background:var(--color1);flex-shrink:0;margin-top:8px;} .knowledge_05 .kn5_panel .kn5_right{} .knowledge_05 .kn5_panel .kn5_right .kn5_results{background:linear-gradient(160deg,#f4f8ff 0%,#eef4ff 100%);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;gap:0;border:1px solid rgba(49,121,246,0.1);} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0;border-bottom:1px solid rgba(49,121,246,0.08);} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item:last-child{border-bottom:none;padding-bottom:0;} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item .kn5_result_num{font-size:40px;font-weight:bold;color:var(--color1);font-family:'bebas',arial;line-height:1;} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item .kn5_result_num em{font-size:20px;font-style:normal;color:var(--color1);} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item .kn5_result_label{font-size:16px;color:#666;text-align:center;line-height:1.5;} @media(max-width:768px){ .knowledge_05{padding:40px 0;} .knowledge_05 .kn5_tabs{overflow-x:auto;margin-top:28px;flex-wrap:nowrap;} .knowledge_05 .kn5_tabs .kn5_tab{padding:12px 18px;font-size:16px;} .knowledge_05 .kn5_panels .kn5_panel.active{grid-template-columns:1fr;gap:28px;padding:32px 0;} .knowledge_05 .kn5_panel .kn5_right .kn5_results{flex-direction:row;flex-wrap:wrap;gap:0;padding: 15px 0;} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item{flex:1;min-width:120px;border-bottom:none;border-right:1px solid rgba(49,121,246,0.08);padding:16px 12px;} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item:last-child{border-right:none;} .knowledge_05 .kn5_panel .kn5_right .kn5_results .kn5_result_item .kn5_result_label{font-size:14px;} .knowledge_05 .kn5_panels .kn5_panel.active{padding: 20px 0;} } /* ============ insurance_01 三大陷阱痛点 ============ */ .insurance_01{width:100%;float:left;background:#fff;padding:100px 0;} .insurance_01 .box{display:flex;flex-direction:column;width:100%;} .insurance_01 .ins1_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:0px;} .insurance_01 .ins1_grid .ins1_item{position:relative;background:#fff;border-radius:0 0 20px 20px;padding:32px 24px;border:1.5px solid #f0f4ff;box-shadow:0 4px 20px rgba(49,121,246,0.06);overflow:hidden;transition:0.3s;} .insurance_01 .ins1_grid .ins1_item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color1),var(--color1));} .insurance_01 .ins1_grid .ins1_item:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(var(--color1rgb),0.12);} .insurance_01 .ins1_grid .ins1_item .ins1_num{font-size:40px;font-family:'bebas',arial;color:rgba(var(--color1rgb),0.08);line-height:1;margin-bottom:8px;} .insurance_01 .ins1_grid .ins1_item .ins1_body b{display:block;font-size:18px;font-weight:bold;color:#111;margin-bottom:10px;line-height:1.5;} .insurance_01 .ins1_grid .ins1_item .ins1_body p{font-size:16px;color:#666;line-height:1.7;margin:0;} .insurance_01 .ins1_footer{display:flex;align-items:center;gap:24px;margin-top:20px;background:linear-gradient(135deg,#f4f8ff,#eef4ff);border-radius:0 20px 20px 0;padding:28px 32px;border-left:4px solid var(--color1);} .insurance_01 .ins1_footer .ins1_footer_left{flex-shrink:0;} .insurance_01 .ins1_footer .ins1_footer_text b{display:block;font-size:18px;font-weight:bold;color:#111;margin-bottom:8px;} .insurance_01 .ins1_footer .ins1_footer_text p{font-size:16px;color:#555;line-height:1.8;margin:0;} .insurance_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .insurance_02 .box{display:flex;flex-direction:column;width:100%;} .insurance_02 .ins2_feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:0px;} .insurance_02 .ins2_feats .ins2_feat{background:#fff;border-radius:16px;padding:28px 24px;border:1.5px solid #eef4ff;transition:0.3s;} .insurance_02 .ins2_feats .ins2_feat:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(49,121,246,0.1);} .insurance_02 .ins2_feats .ins2_feat .ins2_feat_head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;} .insurance_02 .ins2_feats .ins2_feat .ins2_feat_head .ins2_feat_check{flex-shrink:0;margin-top:2px;} .insurance_02 .ins2_feats .ins2_feat .ins2_feat_head b{font-size:18px;font-weight:bold;color:#111;line-height:1.5;} .insurance_02 .ins2_feats .ins2_feat .ins2_feat_points{display:flex;flex-direction:column;gap:10px;} .insurance_02 .ins2_feats .ins2_feat .ins2_point{display:flex;align-items:flex-start;gap:8px;font-size:16px;color:#555;line-height:1.7;} .insurance_02 .ins2_feats .ins2_feat .ins2_dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color1);margin-top:9px;flex-shrink:0;} .insurance_02 .ins2_box{margin-top:20px;width:100%;float:left;} /* 轮播容器 */ .insurance_02 .ins2_box .ins2_slider{position:relative;} .insurance_02 .ins2_box .ins2_list{overflow:hidden;width:100%;cursor:grab;user-select:none;} .insurance_02 .ins2_box .ins2_list:active{cursor:grabbing;} .insurance_02 .ins2_box .ins2_track{display:flex;flex-direction:row;transition:transform 0.38s cubic-bezier(.4,0,.2,1);will-change:transform;} .insurance_02 .ins2_box .ins2_track .li{min-width:100%;box-sizing:border-box;} /* 箭头 */ .insurance_02 .ins2_box .ins2_arrow{position:absolute;top:50%;transform:translateY(-80%);width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid rgba(49,121,246,0.18);color:var(--color1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.25s;box-shadow:0 2px 10px rgba(49,121,246,0.10);z-index:2;padding:0;} .insurance_02 .ins2_box .ins2_arrow:hover{background:var(--color1);color:#fff;border-color:var(--color1);box-shadow:0 4px 16px rgba(49,121,246,0.22);} .insurance_02 .ins2_box .ins2_arrow_prev{left:-18px;} .insurance_02 .ins2_box .ins2_arrow_next{right:-18px;} /* 小圆点 */ .insurance_02 .ins2_box .ins2_dots{display:flex;justify-content:center;gap:8px;margin-top:16px;} .insurance_02 .ins2_box .ins2_dot{width:8px;height:8px;border-radius:50%;background:#d0d8e8;cursor:pointer;transition:0.25s;pointer-events:all;box-sizing:content-box;} .insurance_02 .ins2_box .ins2_dot.active{background:var(--color1);width:22px;border-radius:4px;} .insurance_02 .ins2_box .li{background:#fff;border-radius:20px;padding:36px 40px;} .insurance_02 .ins2_box .li .ins2_case_label{display:inline-block;background:rgba(49,121,246,0.1);color:var(--color1);font-size:18px;font-weight:bold;padding:5px 15px;border-radius:0 50px 50px 50px;margin-bottom:10px;} .insurance_02 .ins2_box .li .title{font-size:20px;font-weight:bold;color:#111;margin-bottom:8px;} .insurance_02 .ins2_box .li .desc{font-size:16px;color:#555;line-height:1.8;margin-bottom:20px;} .insurance_02 .ins2_box .li .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #f0f4ff;padding-top:24px;} .insurance_02 .ins2_box .li .items{text-align:center;padding:0 12px;border-right:1px solid #f0f4ff;} .insurance_02 .ins2_box .li .items:last-child{border-right:none;} .insurance_02 .ins2_box .li .items b{font-size:44px;font-family:'bebas',arial;color:var(--color1);line-height:1;font-weight:normal} .insurance_02 .ins2_box .li .items b em{font-size:22px;font-style:normal;} .insurance_02 .ins2_box .li .items p{font-size:14px;color:#777;margin-top:6px;} .insurance_03{width:100%;float:left;background:#fff;padding:100px 0;} .insurance_03 .box{display:flex;flex-direction:column;width:100%;} .insurance_03 .ins3_loop{display:flex;align-items:stretch;gap:10px;margin-top:0px;overflow-x:auto;} .insurance_03 .ins3_loop .ins3_loop_item{flex:1;min-width:140px;background:#fff;border:1.5px solid #eef4ff;border-radius:16px;padding:30px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:0.3s;position:relative;} .insurance_03 .ins3_loop .ins3_loop_item:hover{border-color:rgba(49,121,246,0.2);z-index:1;} .insurance_03 .ins3_loop .ins3_loop_item .ins3_loop_icon svg{width: 72px;height: 72px;} .insurance_03 .ins3_loop .ins3_loop_item .ins3_loop_icon img{width: 72px;height: 72px;} .insurance_03 .ins3_loop .ins3_loop_item b{font-size:18px;font-weight:bold;color:#111;margin-top: 10px;} .insurance_03 .ins3_loop .ins3_loop_item p{font-size:16px;color:#666;line-height:1.6;margin:0;text-align: justify;} .insurance_03 .ins3_loop .ins3_loop_arrow{display:flex;align-items:center;padding:0 8px;color:var(--color1);font-size:20px;flex-shrink:0;margin-top:-10px;} .insurance_04{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .insurance_04 .box{display:flex;flex-direction:column;width:100%;} .insurance_04 .ins4_desc_block{margin-top:0;background:#fff;border-radius:0 16px 16px 0;padding:24px 32px;border-left:4px solid var(--color1);} .insurance_04 .ins4_desc_block p{font-size:16px;color:#555;line-height:1.8;margin:0;text-align: justify;} .insurance_04 .ins4_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;} .insurance_04 .ins4_grid .ins4_item{background:#fff;border-radius:16px;padding:32px 24px;border:1.5px solid #eef4ff;transition:0.3s;} .insurance_04 .ins4_grid .ins4_item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(49,121,246,0.12);border-color:rgba(49,121,246,0.2);} .insurance_04 .ins4_grid .ins4_item .ins4_icon{margin-bottom:16px;} .insurance_04 .ins4_grid .ins4_item b{display:block;font-size:18px;font-weight:bold;color:#111;margin-bottom:10px;line-height:1.5;} .insurance_04 .ins4_grid .ins4_item p{font-size:16px;color:#666;line-height:1.7;margin:0;} @media(max-width:1199px){ .insurance_01 .ins1_grid{grid-template-columns:repeat(3,1fr);} .insurance_02 .ins2_feats{grid-template-columns:1fr 1fr;} .insurance_04 .ins4_grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:992px){ .insurance_02 .ins2_feats{grid-template-columns:1fr;} .insurance_02 .ins2_box .li .nums{grid-template-columns:repeat(2,1fr);gap:16px;border-top:none;} .insurance_02 .ins2_box .li .items{border-right:none;border:1px solid #f0f4ff;border-radius:12px;padding:16px;} .insurance_03 .ins3_loop{flex-direction:column;} .insurance_03 .ins3_loop .ins3_loop_arrow{transform:rotate(90deg);align-self:center;} } @media(max-width:768px){ .insurance_01{padding: 50px 0;} .insurance_02{padding: 50px 0;} .insurance_02 .ins2_box .li{padding: 25px;} .insurance_02 .ins2_feats{gap: 10px;margin-top: 0;} .insurance_03{padding: 50px 0;} .insurance_04{padding: 50px 0;} .insurance_01 .ins1_grid{grid-template-columns:1fr;margin-top: 0;gap: 10px;} .insurance_04 .ins4_grid{grid-template-columns:1fr;margin-top: 0;gap: 10px;} .insurance_04 .ins4_grid{gap: 10px;margin-top: 20px;} .insurance_04 .ins4_desc_block{padding: 25px;} .insurance_04 .ins4_grid .ins4_item{padding: 25px;} .insurance_02 .ins2_box .li .nums{margin-top: 0;padding-top: 0;gap: 10px;} } /* ============ insurance_01 三大陷阱痛点 ============ */ .insurance_02s{width:100%;float:left;background:#fff;padding:0px 0 100px;} .insurance_02s .box{display:flex;flex-direction:column;width:100%;} .insurance_02s .ins2_box{margin-top:20px;width:100%;float:left;} .insurance_02s .ins2_box .ins2_slider{position:relative;} .insurance_02s .ins2_box .ins2_list{overflow:hidden;width:100%;cursor:grab;user-select:none;} .insurance_02s .ins2_box .ins2_list:active{cursor:grabbing;} .insurance_02s .ins2_box .ins2_track{display:flex;flex-direction:row;transition:transform 0.38s cubic-bezier(.4,0,.2,1);will-change:transform;} .insurance_02s .ins2_box .ins2_track .li{min-width:100%;box-sizing:border-box;} .insurance_02s .ins2_box .ins2_arrow{position:absolute;top:50%;transform:translateY(-80%);width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid rgba(49,121,246,0.18);color:var(--color1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.25s;box-shadow:0 2px 10px rgba(49,121,246,0.10);z-index:2;padding:0;} .insurance_02s .ins2_box .ins2_arrow:hover{background:var(--color1);color:#fff;border-color:var(--color1);box-shadow:0 4px 16px rgba(49,121,246,0.22);} .insurance_02s .ins2_box .ins2_arrow_prev{left:-18px;} .insurance_02s .ins2_box .ins2_arrow_next{right:-18px;} .insurance_02s .ins2_box .ins2_dots{display:flex;justify-content:center;gap:8px;margin-top:16px;} .insurance_02s .ins2_box .ins2_dot{width:8px;height:8px;border-radius:50%;background:#d0d8e8;cursor:pointer;transition:0.25s;pointer-events:all;box-sizing:content-box;} .insurance_02s .ins2_box .ins2_dot.active{background:var(--color1);width:22px;border-radius:4px;} .insurance_02s .ins2_box .li{background:#f7f9ff;border-radius:20px;padding:36px 40px;} .insurance_02s .ins2_box .li .ins2_case_label{display:inline-block;background:rgba(49,121,246,0.1);color:var(--color1);font-size:18px;font-weight:bold;padding:5px 15px;border-radius:0 50px 50px 50px;margin-bottom:10px;} .insurance_02s .ins2_box .li .title{font-size:20px;font-weight:bold;color:#111;margin-bottom:8px;} .insurance_02s .ins2_box .li .desc{font-size:16px;color:#555;line-height:1.8;margin-bottom:20px;} .insurance_02s .ins2_box .li .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #f0f4ff;padding-top:24px;} .insurance_02s .ins2_box .li .items{text-align:center;padding:0 12px;border-right:1px solid #f0f4ff;} .insurance_02s .ins2_box .li .items:last-child{border-right:none;} .insurance_02s .ins2_box .li .items b{font-size:44px;font-family:'bebas',arial;color:var(--color1);line-height:1;font-weight:normal} .insurance_02s .ins2_box .li .items b em{font-size:22px;font-style:normal;} .insurance_02s .ins2_box .li .items p{font-size:14px;color:#777;margin-top:6px;} @media(max-width:1199px){ } @media(max-width:992px){ .insurance_02s .ins2_box .li .nums{grid-template-columns:repeat(2,1fr);gap:16px;border-top:none;} .insurance_02s .ins2_box .li .items{border-right:none;border:1px solid #f0f4ff;border-radius:12px;padding:16px;} } @media(max-width:768px){ .insurance_02s{padding: 0px 0 50px;} .insurance_02s .ins2_box .li{padding: 25px;} .insurance_02s .ins2_box .li .nums{margin-top: 0;padding-top: 0;gap: 10px;} } /* retail_01 行业挑战五大痛点 */ .retail_01{width:100%;float:left;background:#fff;padding:100px 0;} .retail_01 .box{display:flex;flex-direction:column;width:100%;} .retail_01 .ret1_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .retail_01 .ret1_item{position:relative;background:#fff;border:1.5px solid #eef2ff;border-radius:0 0 20px 20px;padding:28px 20px 24px;transition:0.3s;overflow:hidden;} .retail_01 .ret1_item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#3179f6,#70a4ff);} .retail_01 .ret1_item:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(49,121,246,0.10);} .retail_01 .ret1_item .ret1_icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;} .retail_01 .ret1_item .ret1_icon img{width: 100%;} .retail_01 .ret1_item .ret1_num{font-family:'bebas',arial;font-size:38px;color:rgba(229,57,53,0.08);line-height:1;margin-bottom:8px;} .retail_01 .ret1_item .ret1_body{display:block;display: flex;flex-direction: column;} .retail_01 .ret1_item .ret1_body b{display:block;font-size:18px;margin:12px 0;} .retail_01 .ret1_item .ret1_body p{font-size:16px;color:#666;line-height:1.6;margin:0;text-align: justify;} /* retail_02 零售行业知识库 */ .retail_02{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .retail_02 .box{display:flex;flex-direction:column;width:100%;} .retail_02 .ret2_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .retail_02 .ret2_card{background:#fff;border-radius:20px;padding:32px 28px;transition:0.3s;} .retail_02 .ret2_card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(49,121,246,0.10);} .retail_02 .ret2_card .ret2_card_head{display:flex;align-items:center;gap:12px;margin-bottom:16px;} .retail_02 .ret2_card .ret2_card_icon{width:48px;height:48px;background:#f0f4ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color1);flex-shrink:0;} .retail_02 .ret2_card .ret2_card_head b{font-size:18px;color:#222;flex:1;} .retail_02 .ret2_card .ret2_tag{font-size:14px;color:#fff;background:var(--color1);border-radius:20px;padding:5px 15px;white-space:nowrap;} .retail_02 .ret2_card .ret2_desc{font-size:16px;color:#555;line-height:1.75;margin:0 0 16px;} .retail_02 .ret2_card .ret2_tags{display:flex;flex-wrap:wrap;gap:8px;} .retail_02 .ret2_card .ret2_tags span{font-size:14px;color:#3179f6;background:#eef4ff;border-radius:20px;padding:3px 12px;} /* retail_03 销售流程八步 */ .retail_03{width:100%;float:left;background:#fff;padding:100px 0;} .retail_03 .box{display:flex;flex-direction:column;width:100%;} .retail_03 .ret3_flow{display:flex;align-items:stretch;gap:0px;overflow-x:auto;border-bottom:1px solid #eef2ff;} .retail_03 .ret3_flow .li{flex:1;min-width:100px;padding:0 0 30px;text-align:center;display:flex;flex-direction:column;gap:8px;transition:0.3s;overflow: hidden;cursor: pointer;border-bottom: 3px solid transparent;} .retail_03 .ret3_flow .li:hover{border-color: var(--color1);} .retail_03 .ret3_flow .li:hover .num{transform: translateY(10px);opacity: 1;} .retail_03 .ret3_flow .li:hover .icon{transform: scale(1.1);} .retail_03 .ret3_flow .li:hover b{color: var(--color1);} /* .retail_03 .ret3_flow .li:hover b{font-size: 20px;} */ .retail_03 .ret3_flow .li .text{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap: 20px;} .retail_03 .ret3_flow .li .img{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position: relative;margin-top: -80px;z-index: 1;display: none;} .retail_03 .ret3_flow .li .img img{ width: 100%;position: relative;transition: 0.5s; height: 100%; object-fit: cover;} .retail_03 .ret3_flow .li .img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(247,249,255,1), rgba(255,255,255,0));pointer-events: none; /* 不影响图片点击等交互 */} .retail_03 .ret3_flow .li .img img{ width: 100%;position: relative;filter: grayscale(1);height: 100%;object-fit: cover;} .retail_03 .ret3_flow .li .img::before{content: "";z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:linear-gradient(to bottom, rgba(247, 249, 255, 1), rgb(0 72 255 / 9%));pointer-events: none; /* 不影响图片点击等交互 */} .retail_03 .ret3_flow .li .num{font-family:'bebas',arial;font-size:64px;color:var(--color1);line-height:1;opacity: 0.02;transform: translateY(-10px);transition:0.3s;display: none;} .retail_03 .ret3_flow .li .icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin: 20px 0 5px;position: relative;z-index: 8;transition:0.3s;} .retail_03 .ret3_flow .li .icon img{width: 100%;} .retail_03 .ret3_flow .li b{font-size:16px;position: relative;z-index: 4;transition:0.3s;color: #444;} @media(max-width:800px){ .retail_03 .ret3_flow{flex-wrap:wrap;gap:6px;} .retail_03 .ret3_flow .li{flex:0 0 calc(25% - 12px);min-width:80px;padding:0 0 20px;} .retail_03 .ret3_flow .li{flex:0 0 calc(33% - 8px);} } /* retail_04 专业服务支持 */ .retail_04{width:100%;float:left;background:var(--colorb1);padding:100px 0;} .retail_04 .box{display:flex;flex-direction:column;width:100%;} .retail_04 .ret4_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top: 10px;} .retail_04 .ret4_item{position:relative;background:#fff;border-radius:20px;padding:36px 28px 32px;transition:0.3s;overflow:hidden;} .retail_04 .ret4_item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color1),#60a5fa);display: none} .retail_04 .ret4_item:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(49,121,246,0.12);} .retail_04 .ret4_item:hover .ret4_num{color:var(--color1);} .retail_04 .ret4_item .ret4_num{font-family:'bebas',arial;font-size:48px;color:rgba(49,121,246,0.08);line-height:1;margin-bottom:4px;transition:0.3s;} .retail_04 .ret4_item .ret4_icon{width:52px;height:52px;background:#f0f4ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--color1);margin-bottom:16px;} .retail_04 .ret4_item b{display:block;font-size:18px;color:#222;margin-bottom:10px;} .retail_04 .ret4_item p{font-size:16px;color:#666;line-height:24px;margin:0 0 16px;min-height: 48px;} .retail_04 .ret4_item .ret4_points{display:flex;flex-wrap:wrap;gap:8px;} .retail_04 .ret4_item .ret4_points span{font-size:14px;color:var(--color1);background:#eef4ff;border-radius:20px;padding:8px 15px;} /* retail_05 四大能力+案例+CTA */ .retail_05{width:100%;float:left;background:#fff;padding:100px 0 0;} .retail_05 .box{display:flex;flex-direction:column;width:100%;} .retail_05 .ret5_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:10px;} .retail_05 .ret5_grid li{background:#f7f9ff;border-radius:18px;padding:28px 24px;transition:0.3s;display: flex;flex-direction: column;align-items: self-start;} .retail_05 .ret5_grid li:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(49,121,246,0.09);} .retail_05 .ret5_grid li .ret5_item_icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color1);margin-bottom:14px;box-shadow:0 2px 10px rgba(49,121,246,0.10);} .retail_05 .ret5_grid li b{display:block;font-size:18px;color:#fff;margin-bottom:10px;background:var(--color1);border-radius:4px 20px 20px 20px;padding:5px 15px;} .retail_05 .ret5_grid li p{font-size:16px;color:#555;line-height:1.6;margin:0;} .retail_05 .ret5_cases{margin-top:20px;background:#f7f9ff;border-radius:20px;padding:36px 40px;} .retail_05 .ret5_cases .ret5_cases_label{display:inline-block;font-size:16px;color:#fff;background:var(--color1);border-radius:20px;padding:5px 15px;margin-bottom:10px;} .retail_05 .ret5_cases .ret5_cases_desc{font-size:16px;color:#666;margin:0 0 24px;line-height: 1.6;} /* 轮播容器 */ .retail_05 .ret5_cases_slider{position:relative;} .retail_05 .ret5_cases_list{overflow:hidden;width:100%;cursor:grab;user-select:none;} .retail_05 .ret5_cases_list:active{cursor:grabbing;} .retail_05 .ret5_cases_track{display:flex;flex-direction:row;transition:transform 0.38s cubic-bezier(.4,0,.2,1);will-change:transform;} .retail_05 .ret5_cases_track .ret5_case_item{min-width:100%;box-sizing:border-box;} /* 箭头 */ .retail_05 .ret5_arrow{position:absolute;top:50%;transform:translateY(-80%);width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid rgba(49,121,246,0.18);color:var(--color1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.25s;box-shadow:0 2px 10px rgba(49,121,246,0.10);z-index:2;padding:0;} .retail_05 .ret5_arrow:hover{background:var(--color1);color:#fff;border-color:var(--color1);box-shadow:0 4px 16px rgba(49,121,246,0.22);} .retail_05 .ret5_arrow_prev{left:-18px;} .retail_05 .ret5_arrow_next{right:-18px;} /* 小圆点 */ .retail_05 .ret5_dots{display:flex;justify-content:center;gap:8px;margin-top:16px;} .retail_05 .ret5_dot{width:8px;height:8px;border-radius:50%;background:#d0d8e8;cursor:pointer;transition:0.25s;pointer-events:all;;box-sizing:content-box;} .retail_05 .ret5_dot.active{background:var(--color1);width:22px;border-radius:4px;} .retail_05 .ret5_case_item{background:#fff;padding:20px 24px;border-left:4px solid var(--color1);} .retail_05 .ret5_case_item .ret5_case_brand{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:8px;} .retail_05 .ret5_case_item .ret5_case_brand svg{color:var(--color1);flex-shrink:0;} .retail_05 .ret5_case_item .ret5_case_brand img{color:var(--color1);flex-shrink:0;} .retail_05 .ret5_case_item p{font-size:16px;color:#555;line-height:1.7;margin:0;min-height: 60px;} .retail_05 .ret5_case_item p em{font-style:normal;font-family:'bebas',arial;font-size:18px;color:var(--color1);} /* 响应式 - retail */ @media(max-width:1199px){ .retail_01 .ret1_grid{grid-template-columns:repeat(3,1fr);} .retail_05 .ret5_grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:800px){ .retail_01 .ret1_grid{grid-template-columns:repeat(2,1fr);} .retail_02 .ret2_grid{grid-template-columns:1fr;} .retail_04 .ret4_grid{grid-template-columns:1fr;} .retail_05 .ret5_cases_list{overflow:hidden;} .retail_05 .ret5_case_item{padding:20px 20px;} } @media(max-width:768px){ .retail_01{padding: 50px 0;} .retail_02{padding: 50px 0;} .retail_02 .ret2_grid{gap: 10px;} .retail_02 .ret2_card{padding: 25px;} .retail_03{padding: 50px 0;} .retail_04{padding: 50px 0;} .retail_05{padding: 50px 0 0;} .retail_01 .ret1_grid{grid-template-columns: 1fr 1fr;gap: 10px;} .retail_01 .ret1_item .ret1_icon{width: 48px;height: 48px;} .retail_05 .ret5_grid{grid-template-columns:1fr;} .retail_05 .ret5_cases{padding:25px 20px;} .retail_04 .ret4_item{padding: 25px;} .retail_04 .ret4_grid{gap: 10px;} .retail_05 .ret5_grid{gap: 10px;} .retail_05 .ret5_grid li{padding: 25px;} } /*cases_info*/ .cases_info{float: left;width: 100%;color: #666;margin-bottom: 16px;background: #ffff;border-radius:12px;padding:30px;display: grid;grid-template-columns: 1fr auto;gap: 16px;} .cases_info .thumbnail{color: #666;float: left;transition:0.5s;height: 120px;} .cases_info .thumbnail img{height: 120px;} .cases_info .text{color: #666;float: left;transition:0.5s;display: flex;flex-direction: column;gap: 16px;} .cases_info .text .navs{color: #666;float: left;transition:0.5s;} .cases_info .text .navs a{color: #666;float: left;transition:0.5s;} .cases_info .text .navs a:hover{color: #f90} .cases_info .text .navs span{color: #ddd;float: left;padding: 0 12px;} .cases_info .text .info{float: left;transition:0.5s;} .cases_info .text .info h1{font-size: 32px;font-weight: bold;color: #000;line-height: 1.2;margin: 15px 0;} .cases_info .text .tags{float: left;width: 100%;font-size: 14px;} .cases_info .text .tags a.cur{color: #00A1E9;} .cases_info .text .tags a{color: #333;float: left;line-height:36px;padding: 0 16px;margin: 0 5px 5px 0;border-radius: 4px;border: 1px solid #eee;} .cases_info .text .tags a:hover{color: var(--color1);border-color: var(--color1);} @media (max-width: 992px) { .cases_info{padding: 20px;grid-template-columns: 1fr auto;gap: 10px;margin-bottom: 10px;} .cases_info .thumbnail{height: 50px;} .cases_info .thumbnail img{height: 50px;} .cases_info .text .info h1{font-size: 24px;line-height: 1.4;margin: 3px 0;} } .cases_nums{width:100%;background:#fff;border-radius:12px;padding:30px;margin-bottom:16px;box-sizing:border-box;float: left;} .cases_nums .cases_nums_label{font-size:20px;color:#1a1a1a;margin-bottom:20px;padding-bottom:15px;position:relative;} .cases_nums .cases_nums_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:var(--color1);border-radius:4px;} .cases_nums .cases_nums_grid{display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(4,1fr);} .cases_nums .cases_nums_grid li{background:#f7f9ff;border-radius:10px;padding:20px 20px;} .cases_nums .cases_nums_grid li b{font-family:'bebas',arial;font-size:36px;color:var(--color1);line-height:1.1;margin-bottom:4px;} .cases_nums .cases_nums_grid li b em{font-style:normal;font-size:16px;color:var(--color1);margin-left:2px;} .cases_nums .cases_nums_grid li p{font-size:16px;color:#666;line-height:1.6;} .cases_about{width:100%;background:#fff;border-radius:12px;padding:30px;box-sizing:border-box;float: left;margin-bottom: 16px;} .cases_about .cases_about_label{font-size:20px;color:#1a1a1a;margin-bottom:20px;padding-bottom:15px;position:relative;} .cases_about .cases_about_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:var(--color1);border-radius:4px;} .cases_about .cases_about_content{font-size:16px;line-height:1.6;margin:0;} .cases_con{width:100%;background:#fff;border-radius:12px;padding:30px;box-sizing:border-box;float: left;margin-bottom: 16px;} .cases_con .cases_con_label{font-size:20px;color:#1a1a1a;margin-bottom:20px;padding-bottom:15px;position:relative;} .cases_con .cases_con_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:var(--color1);border-radius:4px;} .cases_con .cases_con_text{font-size:16px;line-height:1.6;margin:0;} .cases_con .cases_con_text img{max-width: 100%;} @media(max-width:992px){ .cases_about{padding:20px;margin-bottom: 10px;} .cases_con{padding:20px;margin-bottom: 10px;} .cases_nums{padding:20px;margin-bottom: 10px;} .cases_nums .cases_nums_grid{grid-template-columns:repeat(2,1fr);gap: 10px;} .cases_nums .cases_nums_grid li p{font-size:16px;} } /* cases_pain 客户痛点 */ .cases_pain{width:100%;background:#fff;border-radius:12px;padding:30px;margin-bottom:16px;box-sizing:border-box;float:left;} .cases_pain .cases_pain_label{font-size:20px;color:#1a1a1a;margin-bottom:20px;padding-bottom:15px;position:relative;} .cases_pain .cases_pain_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:var(--color1);border-radius:4px;} .cases_pain .cases_pain_list{display:flex;flex-direction:column;gap:12px;} .cases_pain .cases_pain_item{display:flex;align-items:flex-start;gap:16px;background:#fff8f8;border-radius:10px;padding:18px 20px;border-left:4px solid #ff6b6b;} .cases_pain .cases_pain_item .cases_pain_num{font-family:'bebas',arial;font-size:40px;color:#ff6b6b;line-height:1;flex-shrink:0;min-width:32px;} .cases_pain .cases_pain_item .cases_pain_body{display:flex;flex-direction:column;gap:6px;} .cases_pain .cases_pain_item .cases_pain_body b{font-size:18px;color:#1a1a1a;line-height:1.4;} .cases_pain .cases_pain_item .cases_pain_body p{font-size:16px;color:#666;line-height:1.6;margin:0;} /* cases_solution 解决方案 */ .cases_solution{width:100%;background:#fff;border-radius:12px;padding:30px;margin-bottom:16px;box-sizing:border-box;float:left;} .cases_solution .cases_solution_label{font-size:20px;color:#1a1a1a;margin-bottom:20px;padding-bottom:15px;position:relative;} .cases_solution .cases_solution_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:var(--color1);border-radius:4px;} .cases_solution .cases_solution_list{display:flex;flex-direction:column;gap:0;} .cases_solution .cases_solution_item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #f5f5f5;} .cases_solution .cases_solution_item:last-child{border-bottom:none;padding-bottom:0;} .cases_solution .cases_solution_item .cases_solution_stage{flex-shrink:0;background:var(--color1);color:#fff;font-size:13px;padding:4px 12px;border-radius:30px;line-height:24px;white-space:nowrap;margin-top:2px;} .cases_solution .cases_solution_item .cases_solution_body{display:flex;flex-direction:column;gap:6px;} .cases_solution .cases_solution_item .cases_solution_body b{font-size:18px;color:#1a1a1a;line-height:1.4;} .cases_solution .cases_solution_item .cases_solution_body p{font-size:16px;color:#666;line-height:1.6;margin:0;} /* cases_result 成效 */ .cases_result{width:100%;background:linear-gradient(135deg,#1a57e8 0%,#4f46e5 100%);border-radius:12px;padding:30px;margin-bottom:16px;box-sizing:border-box;float:left;} .cases_result .cases_result_label{font-size:20px;color:#fff;margin-bottom:12px;padding-bottom:15px;position:relative;} .cases_result .cases_result_label::before{content:'';position:absolute;left:0;bottom:-1.5px;width:32px;height:4px;background:rgba(255,255,255,0.6);border-radius:4px;} .cases_result .cases_result_intro{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.7;margin:0 0 20px;} .cases_result .cases_result_grid{display:flex;gap:12px;flex-wrap:wrap;} .cases_result .cases_result_item{flex:1;min-width:80px;background:rgba(255,255,255,0.12);border-radius:10px;padding:16px;text-align:center;} .cases_result .cases_result_item .cases_result_val{font-family:'bebas',arial;font-size:40px;color:#fff;line-height:1.1;margin-bottom:6px;} .cases_result .cases_result_item .cases_result_val em{font-style:normal;font-size:18px;color:rgba(255,255,255,0.85);margin-left:2px;} .cases_result .cases_result_item .cases_result_desc{font-size:14px;color:rgba(255,255,255,0.75);line-height:1.5;} @media(max-width:992px){ .cases_pain{padding:20px;margin-bottom: 10px;} .cases_solution{padding:20px;margin-bottom: 10px;} .cases_result{padding:20px;margin-bottom: 10px;} }