.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_hdsp/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 { color:#FFFFFF; width:36.25rem; height:5.8125rem; font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.25rem; } /* 瀹氫綅 */ .challange-container { padding:5rem 0 5.625rem; background:url('../img/pageimage/digital_hdsp/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-content { width:75rem; margin:0 auto; display:flex; justify-content:space-between; } .challange-p { margin-top:1.5rem; width:auto; font-size:0.875rem; font-weight:400; line-height:0.875rem; color:rgba(9,15,33,0.5); } .challange-tags { width:21.125rem; margin-top:1.375rem; display:flex; flex-wrap:wrap; } .challange-tag:first-child,.challange-tag:nth-child(3) { margin-left:0; } .challange-tag { margin-top:1.25rem; color:rgba(9,15,33,0.5); padding:0.625rem 1.4375rem; margin-left:0.375rem; width:auto; height:2.375rem; transition:all 0.5s; } .challange-tag-active { color:#090F21; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:0.375rem; transition:all 0.5s; } .challange-tag-title { color:rgba(9,15,33,0.5); font-size:0.875rem; font-weight:400; line-height:0.875rem; } .challange-tag-subtitle { font-size:1.125rem; font-weight:400; line-height:1.9375rem; } .content-right { width:44.3125rem; height:18.6875rem; display:flex; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:1.25rem; transition:all 0.5s; } .content-right img { width:16.25rem; height:18.6875rem; } .challenge-para { margin:0 2.0625rem 0 1.3125rem; display:flex; flex-direction:column; justify-content:center; } .challenge-para .challange-tag-title { width:23.75rem; 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:4.375rem 0 5.625rem 0; overflow:hidden; } .core-p { z-index:1; width:49.5rem; height:2.75rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); margin:0.875rem 0 1.1875rem 0; } .core-box { z-index:1; width:68.75rem; height:32.1875rem; padding:2.5rem 3.125rem; 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:4.375rem 0 8.125rem; } .aps-tabs { width:75rem; padding-top:1.5625rem; margin:0 auto; display:flex; justify-content:center; } .aps-tab { width:6.25rem; margin-right:16.25rem; 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; } .aps-tab-line { width:75rem; height:0.125rem; background:#f5f7fa; } .ability-container ul { margin-top:2.9375rem; display:flex; justify-content:space-between; } .card-content-1 .vertical-icon-box,.card-content-1 .vertical-icon-box p { width:19.4375rem; } .card-content2 .vertical-icon-box:nth-child(2),.card-content2 .vertical-icon-box:nth-child(3) { margin-top:0!important; } .card-content3 { margin-top:-2.5rem; } .card-content-2 .vertical-icon-box,.card-content-2 .vertical-icon-box p { width:20rem; } .card-content-2 .vertical-icon-box { margin-top:0!important; } /* //hover涓婄Щ0.625rem */ .vertical-icon-box:hover .icon-box { transform:translateY(-0.625rem); } .swiper-container { width:75rem; overflow:hidden; padding-bottom:5.3125rem; } .ability-container .swiper-slide { width:75rem; } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets { bottom:0rem; } .card-content-3 { width:78.125rem; margin:0 auto; } .card-box-slide-1,.card-box-slide-2 { width:78.125rem!important; display:flex; } .data-asset-box:first-child { margin-left:1.5625rem; } .data-asset-box:last-child { margin-right:1.5625rem; } .data-asset-box { margin-top:2.9375rem; margin-right:1.875rem; width:23.75rem; height:22.3125rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:0.625rem; transition:all 0.5s; } .data-asset-box:hover { transform:scale(1.07); transition:all 0.5s; } .data-asset-img { width:23.75rem; height:6.5rem; } .data-box-title { text-align:left; margin:-2rem 0 2.375rem 1.25rem; font-size:1.125rem; font-weight:400; color:#FFFFFF; } .data-box-subtitle { margin:0 0 0 1.25rem; text-align:left; width:21.25rem; font-size:0.75rem; font-weight:400; line-height:1.25rem; color:rgba(9,15,33,0.5); } .data-box-p:first-child { margin-top:1.25rem; } .data-box-p { position:relative; width:20.625rem; text-align:left; margin:0.625rem 0 0 2.25rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .data-box-p::before { content:''; display:block; width:0.625rem; height:0.625rem; background:url('../img/pageimage/digital_hdsp/box-p-before.svg'); background-size: 100% 100%; position:absolute; top:0.4375rem; left:-1rem; } /* 浜у搧鐗圭偣 boxes*/ .features-container { padding:4.375rem 0 5.625rem; } .features-container .swiper-slide { width:auto; } .features-content .swiper-slide:nth-child(4) .technology-boxes { margin-right:0; } .features-content .swiper-slide:nth-child(2) .technology-box:nth-child(2) .box-p { width: 15.1875rem; } .features-box-slide { z-index:1; display:flex; width:75rem; margin:0 auto; } .technology-boxes { margin-top:2.3125rem; height:27.5rem; display:flex; flex-direction:column; justify-content:space-between; margin-right:1.875rem; } .technology-box { width:15rem; height:9.625rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:0.625rem; padding:1.4375rem 1.25rem; /* transition:all 0.5s; */ } /* .technology-box:hover { transform:scale(1.1); transition:all 0.5s; } */ .box-content { width:100%; display:flex; align-items:center; color:#090F21; } .img-box { width:2.625rem; height:2.625rem; background:#F2F7FD; border-radius:0.875rem; padding:0.5625rem 0.5625rem; } .img-box img { width:2.625rem; height:2.625rem; } .box-tit { width:100%; font-size:0.875rem; font-weight:400; line-height:1.5rem; margin-left:0.75rem; } .box-subtit { text-align:left; font-size:1.125rem; font-weight:400; line-height:1.625rem; } .box-more { display:none; } .box-p { margin-top:0.5rem; text-align:left; /* width:19.5625rem; */ height:2.9375rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .box-blue-subtit { color:#28ABC3; }