.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/meta_foundation/banner.png') no-repeat center; background-size:100% 100%; text-align:left; } .banner-product-title { color:#ffffff; font-weight:500; font-size:2.625rem; } .banner-product-txt { width:41.8125rem; color:#ffffff; font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.0625rem; } /* 搴旂敤妯″紡 */ .challange-container { padding:5rem 0 5.625rem; background:url('../img/pageimage/meta_foundation/dingwei_bg.png') bottom no-repeat; background-size:100%; background-color:#ffffff; text-align:left; } .challange-container h2 { text-indent:0rem; letter-spacing:0.5rem; } .challange-container .content-right{ width: 40rem; height: 18.6875rem; } .challange-tags { width:25rem; margin-top:1.375rem; display:flex; flex-wrap:wrap; } .challange-tag:first-child,.challange-tag:nth-child(3) { margin-left:0; } .challange-tag-subtitle { line-height:1.125rem; } .challange-tag { margin-top:1.25rem; color:rgba(9,15,33,0.5); padding:1rem 1.4375rem; margin-left:1.6875rem; width:auto; height:1.125rem; transition:all 0.5s; } .challange-tag-active { color:#090f21; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgb(26 39 59 / 10%); border-radius:0.375rem; transition:all 0.5s; } .challenge-para { margin:0 2.0625rem 0 1.3125rem; display:flex; flex-direction:column; justify-content:center; } .challenge-para .challange-tag-title { font-size:0.875rem; width:20.1875rem; line-height:1.5rem; color:rgba(9,15,33,0.5); } .challenge-para .challange-tag-subtitle { margin-top:0; margin-bottom:1.125rem; line-height:1.125rem; color:#090f21; } /* core鏍稿績 */ .core-container { background-color:#f5f7fa; padding:3.75rem 0 5.625rem 0; overflow:hidden; } .core-box { margin-top:1.5625rem; z-index:1; width: 67.75rem; height: 31.125rem; padding: 2.625rem; box-sizing: border-box; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:1.25rem; } .core-img { width:100%; height:100%; } /* 鏍稿績鍔熻兘 */ .ability-container { background-color:#ffffff; padding:4.375rem 0 7.5rem; } .card-content1 ul { display:flex; margin-top:1.8125rem; justify-content:space-between; width:75rem; } .vertical-icon-box { margin-top:0 !important; } .vertical-icon-box p { width:16.25rem; } /* //hover涓婄Щ0.625rem */ .vertical-icon-box:hover .icon-box { transform:translateY(-0.625rem); } /* 浜у搧鐗圭偣 */ .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-tit-p{ margin-top: .625rem; font-size: .875rem; font-weight: 400; line-height: 1.5rem; color: rgba(9,15,33,0.5); } .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{ margin-left:.9375rem; } .feature-row:nth-child(2) .feature-box-title { margin-left:1.25rem; } .feature-row:nth-child(2) .feature-box-p { width: 18.75rem; } .feature-row:nth-child(3) .feature-box-title { margin-right:.9375rem; } .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:19.375rem; height:4rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .feature-img { width:5.625rem; height:2.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; }