@media (min-width:1920px) { .challange-tag-active:first-child::before { left:-2px; } .challange-tag-active:last-child::before { left: 54px !important; } } .contain { width:100%; height:100%; background:#ffffff; } /* banner */ .banner-product { margin-top:0; height:33.75rem; padding:8.75rem 0 0; background:url("../../static/img/pageimage/jeestar/banner-bg.png") no-repeat center; background-size:100% 100%; text-align:left; } .banner-product-title { margin-top:0.875rem; color:#ffffff; font-weight:500; font-size:2.625rem; } .banner-product-txt { color:#FFFFFF; width:49.1875rem; /* height:5.8125rem; */ font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.25rem; } .banner-box { margin-top:0.5625rem; width:36.5rem; height:0.875rem; background:rgba(36,29,29,0.68); border-radius:1.25rem; padding:1.9375rem 2.625rem; display:flex; justify-content:space-between; align-items:center; } .banner-tag-line { width:0.0625rem; height:2.4375rem; background-color:#ffffff; opacity:0.3; } .banner-tag-tit { font-size:0.875rem; font-weight:400; line-height:1.5rem; color:#FFFFFF; } /* 鍙戝睍鍘嗙▼ */ .mobile { padding:5.875rem 0 5.625rem; background:url("../../static/img/pageimage/jeestar/develop-bg.png") no-repeat center; background-size:100% 100%; background-color:#ffffff; } .card-new h1 { line-height:2.25rem; } .card-new h2 { line-height:0.875rem; } .challange-content { display:block; position:relative; } .challange-tag-subtitle { line-height:1.125rem; } .development-tag-txt { font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .develop-tag-icon { width:1.25rem; height:1.25rem; position:absolute; } .development-line { position:relative; width:31rem; height:0rem; border:.0625rem solid #EFF1F5; margin:2.875rem 0 2rem; } .challange-tags { margin-top:1.75rem; } .challange-tag { width:auto; } .content-left { text-align:left; } .content-right { margin-top:1.5625rem; padding:2.1875rem 2.6875rem; width:34.625rem; height:6.875rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:1.25rem; } .challange-tag-active { position:relative; } .challange-tag-active::before { content:''; left:.1875rem; top:-5rem; height:5.625rem; width:6.0625rem; background:url('../img/pageimage/jeestar/develop-tag-active.svg'); background-size:100% 100%; display:block; position:absolute; } .challange-tag-active:first-child::before { left:-.125rem; } .challange-tag-active:last-child::before { left:2.5rem; } .challenge-para { text-align:left; width:100%; display:flex; flex-direction:column; justify-content:center; } .develop-tag-para { margin-top:1.125rem; display:flex; justify-content:space-between; } .mobile-tag-title { font-size:1.125rem; font-weight:400; /* line-height:31PX; */ color:#090F21; } .mobile-tag-p { width:16.875rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .img-tag-show { width:32.1875rem; height:32.1875rem; position:absolute; right:0; top:-3.5rem; } /* core鏍稿績 */ .core-container { background-color:#F5F7FA; padding:3.75rem 0 5.625rem 0; overflow:hidden; } .core-subtitle { z-index:1; margin-top:0.375rem; font-size:1.375rem; font-weight:400; line-height:1.375rem; color:#090F21; } .core-box { margin-top:1.375rem; z-index:1; width:71.25rem; height:32.8125rem; padding:1.5625rem 1.875rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); opacity:1; border-radius:1.25rem; } .core-img { width:100%; height:100%; } /* 鏍稿績鍔熻兘 */ .ability-container { background-color:#ffffff; padding-bottom:5.625rem; padding-top:4.375rem; } .ability-container ul { margin-top:1.625rem; display:flex; /* overflow:hidden; */ } .ability-container .vertical-icon-box { width:16.3125rem; } .swiper-container { width:75rem; overflow:hidden; padding-bottom:4.375rem; } .swiper-slide { width:auto; } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets { bottom:0rem; } /* 浜у搧鐗圭偣 */ .feature-container { padding:4.9375rem 0; height:30.9375rem; } .feature-content { width:75rem; display:flex; justify-content:space-between; z-index:1; } .feature-tit { position:absolute; top:20.375rem; left:50%; transform:translateX(-50%); } .feature-row { z-index:2; position:relative; } .feature-box-content { width:17.5rem; } .title-df { display:flex; } .feature-box-icon { width:2.125rem; height:2.125rem; padding:0.8125rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:0.875rem; transition:all 0.5s; } .feature-box-icon img { width:100%; height:100%; } .feature-row:nth-child(1) .feature-box-title,.feature-row:nth-child(2) .feature-box-title { margin-left:0.625rem; } .feature-row:nth-child(3) .feature-box-title { margin-right:0.625rem; } .feature-row:nth-child(3) .title-df { flex-direction:row-reverse; } .feature-box-title { font-size:1.375rem; font-weight:400; line-height:3.75rem; color:#090F21; } .feature-box-p { margin-top:1.3125rem; width:17.5rem; height:4rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .feature-img { width:6.25rem; height:6.25rem; margin-bottom:0.4375rem; } .feature-bg-1 { position:absolute; top:14.4375rem; left:50%; transform:translateX(-50%); width:43rem; height:43rem; background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 100%); box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.04); border-radius:50%; } .feature-bg-2 { position:absolute; left:50%; transform:translateX(-50%); top:6.375rem; width:59.125rem; height:59.125rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.04); border-radius:50%; opacity:0.36; } .feature-bg-3 { position:absolute; left:50%; transform:translateX(-50%); top:-5.875rem; width:83.625rem; height:83.625rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 3.75rem rgba(10,44,115,0.04); border-radius:50%; opacity:0.28; } /* 绔炰簤浼樺娍 */ .advantage-container { align-items:flex-start; padding:4.375rem 0 5.625rem; height:29.625rem; background:url("../../static/img/pageimage/jeestar/advantage-bg1.png") no-repeat center #ffffff; background-size:100% 100%; text-align:left; } .advantage-content { width:75rem; margin:0 auto; display:flex; justify-content:space-between; } .advantage-content-left { text-align:left; margin-top:1.3125rem; } .advantage-box { width:21.5625rem; margin-top:0.625rem; display:flex; justify-content:space-between; align-items:center; } .advantage-box-title { margin-top:2.875rem; font-size:1.125rem; font-weight:400; color:#090F21; opacity:0.9; } .advantage-tag-line { width:0.0625rem; height:3.125rem; background-color:#84868C; } .advantage-tag-tit { font-size:1.75rem; font-weight:400; line-height:2.5rem; color:#28ABC3; } .advantage-tag-txt { font-size:0.875rem; font-weight:400; line-height:1.25rem; color:rgba(9,15,33,0.5); opacity:0.9; text-align:center; } .box-2 .advantage-tag-tit { color:#090F21 } .box-2 .advantage-tag-txt { /* color:#090F21; */ text-align:left; } .advantage-tag-tit .advantage-tag-txt { color:#090F21; } .orange-num { font-size:1.25rem; font-weight:400; color:#F79A18; margin-bottom:0.3125rem; } .orange-num::after { content:''; background:url('../img/pageimage/jeestar/down.svg') center center; background-size:100% 100%; display:inline-block; width:0.875rem; height:1.125rem; } .advantage-content-right { display:flex; } .advantage-card-box { margin-top:0.9375rem; width:20rem; height:4.25rem; padding:2.5rem 0.8125rem 2.5rem 2.8125rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgb(26 39 59 / 6%); border-radius:0.625rem; display:flex; justify-content:space-between; } .card-box-title { font-size:1.375rem; font-weight:400; line-height:1.6875rem; color:#090F21; } .card-box-tag { margin-top:0.75rem; padding:0 0.625rem; height:1.6875rem; background:linear-gradient(180deg,rgba(138,224,255,0.15) 0%,rgba(64,186,226,0.15) 100%); border-radius:0.25rem; font-size:0.75rem; font-weight:500; line-height:1.6875rem; text-align:center; color:#090F21; } .card-box-p { width:8.75rem; height:4rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .advantage-card-row { margin-top:-0.9375rem; } .advantage-card-row:nth-child(2) { margin-left:1.875rem; } .advantage-card-row:nth-child(2) .advantage-card-box { padding-right:3.75rem; width:17.1875rem; } /* 浜у搧浠峰€ */ .values-container { padding:4.375rem 0 8.5rem; } .value-core-box { display:flex; position:relative; margin-top:2.75rem; z-index:1; width:75rem; height:25rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:1.25rem; } .value-img { position:absolute; right:0; top:0; width:45rem; height:25rem; } .value-box-title { font-size:1.75rem; font-weight:500; line-height:3rem; color:#090F21; } .values-container .mobile-tag-p { width:20.25rem; margin-top:1.5625rem; } .value-box-para { text-align:left; margin:5.375rem 0 0 3.8125rem; } .value-line { position:absolute; right:33.75rem; width:0.125rem; height:25rem; background:rgba(255,255,255); opacity:0.45; } .value-tag-index { display:flex; margin:8.75rem 0 0 5.9375rem; z-index:1; } .value-index-circle { position:relative; width:1.0625rem; height:1.0625rem; background:rgba(255,255,255); border-radius:50%; opacity:0.5; margin-bottom:2rem; } .value-tag-name-active .value-index-circle { opacity:1; } .value-tag-name-active .value-index-circle::after { width:3.6875rem; height:3.6875rem; content:''; display:block; position:absolute; left:-1.3125rem; top:-1.3125rem; box-shadow:inset #ffffff 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 0s infinite; } .value-tag-name-active .value-index-circle::before { width:2.0625rem; height:2.0625rem; content:''; display:block; position:absolute; left:-0.5rem; top:-0.5rem; box-shadow:inset #ffffff 0 0 0.3125rem; border-radius:50%; animation:loopzoom 2s ease-out 0s infinite; } .value-tag-name { display:flex; flex-direction:column; align-items:center; width:11.25rem; height:5rem; font-size:1.125rem; font-weight:400; line-height:1.9375rem; color:#FFFFFF; }