.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/digital_onekeeper/banner-bg.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:36.25rem; color:#ffffff; font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.0625rem; } /* core鏍稿績 */ .core-container { padding:3.75rem 0 9.0625rem 0; overflow:hidden; } .aps-tabs { width:75rem; padding-top:1.25rem; margin:0 auto; display:flex; justify-content:center; } .aps-tab { width:6.25rem; margin-right:9.875rem; font-size:1.125rem; font-weight:400; color:rgba(9,15,33,0.5); z-index:1; } .aps-tab:last-child { margin-right:0; } .aps-tab-active { color:#090f21; } .aps-tabs .case-icon-active { margin:0.875rem auto -0.125rem auto; } .core-box { margin-top:1.6875rem; z-index:1; width:57.75rem; height:27.8125rem; padding:1.875rem 6.625rem 1.875rem 4.375rem; 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; } .hzero-core-box { width:auto !important; overflow:initial !important; padding-bottom:0 !important; } .hzero-core-box .swiper-wrapper { width:68.75rem; margin:0 auto; } .hzero-core-box .swiper-button-prev,.hzero-core-box .swiper-button-next { top:18.75rem; } .hzero-core-box .swiper-pagination { margin-top:3.625rem; bottom:auto; } .core-img { width:100%; height:100%; } /* 鏍稿績鍔熻兘 */ .ability-container { background-color:#ffffff; padding:5.375rem 0 7.5rem; } .card-content1 ul { display:flex; margin-top:1.8125rem; justify-content:space-between; width:75rem; } .card-content2 .vertical-icon-box:nth-child(3) p { width:16.3125rem; } .card-content2 ul { display:flex; margin-top:1.375rem; justify-content:space-between; width:75rem; } .vertical-icon-box { width:16.25rem; } /* //hover涓婄Щ0.625rem */ .vertical-icon-box:hover .icon-box { transform:translateY(-0.625rem); } /* 瀹㈡埛浠峰€ */ .customer-container { padding:4.375rem 0 5.625rem; } .customer-container .card-content { width:75rem; margin:0 auto; z-index:1; margin-top:2.5rem; } .customer-img { margin:1.25rem 0; width:66.25rem; height:6.6875rem; } .customer-boxes { display:flex; justify-content:space-between; } .customer-boxes:nth-child(3) { margin:0 13.625rem; } .customer-box { text-align:left; padding:1.875rem 1.25rem 0; position:relative; width:18rem; height:7.6875rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); opacity:0.9; border-radius:0.625rem; } .customer-box-title { font-size:1.125rem; font-weight:400; color:#090f21; } .customer-box-subTitle { margin-top:0.6875rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .customer-boxes:first-child .customer-box::after { content:''; display:inline-block; border:.75rem solid transparent; border-top-color:rgba(255,255,255,0.9); border-top-width:1.25rem; position:absolute; bottom:-2rem; } .customer-boxes:nth-child(3) .customer-box::after { content:''; display:inline-block; border:.75rem solid transparent; border-bottom-color:rgba(255,255,255,0.9); border-bottom-width:1.25rem; position:absolute; top:-2rem; } .customer-boxes:first-child .customer-box:first-child::after { left:5.9375rem; } .customer-boxes:first-child .customer-box:nth-child(2)::after { left:8.125rem; } .customer-boxes:first-child .customer-box:nth-child(3)::after { left:10.4375rem; } .customer-boxes:nth-child(3) .customer-box:first-child::after { left:7rem; } .customer-boxes:nth-child(3) .customer-box:nth-child(2)::after { left:9.25rem; } /* 鏍稿績浼樺娍 */ .values-container { padding:4.375rem 0 8.5rem; background-color:#ffffff; } .value-core-box { display:flex; position:relative; margin-top:2.9375rem; z-index:1; width:75rem; height:25rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:1.25rem; } .value-box { width:30rem; background:url('../img/pageimage/digital_onekeeper/value-box-bg.png') right bottom no-repeat; background-size:27.4375rem 11.8125rem; } .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; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .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 0rem; 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 { margin-top:1.25rem; display:flex; flex-direction:column; align-items:center; width:11.25rem; height:6.875rem; font-size:1.125rem; font-weight:400; line-height:1.9375rem; color:#ffffff; } /* 鐑偣娲炲療 */ .news-box { background-color:#f5f7fa; }