.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/c2m-yiai/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; } /* 绠€浠 */ .marketing-container { padding:5rem 0 5.3125rem; background-size:100%; text-align:left; background-color:#ffffff; } .marketing-container .item-bg2 { display:none; } .marketing-container .item-bg1,.marketing-container .item-bg3 { background:rgba(245,247,250); } .marketing-content { position:relative; width:75rem; margin:0 auto; display:flex; justify-content:space-between; z-index:1; } .yinhao { position:absolute; top:0rem; left:-1.75rem; z-index:-1; } .marketing-left { margin-top:1.25rem; } .marketing-title { font-size:1.75rem; font-weight:500; line-height:2.75rem; color:#090f21; } .marketing-p { width:34.4375rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); margin-top:1.25rem; } .marketing-right img { width:31.25rem; height:17.5rem; } /* aps-tabs */ .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; } .aps-tab-line { width:75rem; height:0.125rem; background:#ffffff; } /* core鏍稿績 */ .core-container { padding:4.6875rem 0 7.25rem 0; overflow:hidden; } .core-box { margin-top:2.5625rem; z-index:1; width:62.5rem; height:32.375rem; padding:2rem 4.6875rem 0; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:0.875rem; } .core-txt-title { font-size:1.375rem; font-weight:500; /* line-height:2.3125rem; */ color:#090F21; margin:0 0 2rem 0; } .hzero-core-box { width:auto !important; overflow:initial !important; padding-bottom:0 !important; } .hzero-core-box .swiper-wrapper { width:71.875rem; margin:0 auto; } .swiper-box-wms,.swiper-box-lct { width:46.25rem; margin-left:-2.5rem; } .swiper-box-wms img,.swiper-box-lct img { width:42.1875rem!important; margin:0 auto; } .swiper-box-wms .swiper-button-prev,.swiper-box-lct .swiper-button-prev { left:-0.9375rem; top:55%; } .swiper-box-wms .swiper-button-next,.swiper-box-lct .swiper-button-next { right:-1.4375rem; top:55%; } .hzero-core-box .swiper-button-prev,.hzero-core-box .swiper-button-next { top:21rem; } .core-img { width:100%; height:25.375rem; } /* 鐗╂祦绠$悊 濂椾欢 kit */ .kit-container { padding:3.5625rem 0 6rem; background:#ffffff; } .kit-container .core-p { line-height:1.5rem; height:2.375rem; } .kit-container .aps-tab:first-child { width:13.5rem; } .kit-container .aps-tab { width:8.875rem; margin-right:5.4375rem; } .aps-tab-active .tab-blue,.tool-title .tab-blue,.kit-container .aps-home-tip-txt .tab-blue { color:#28ABC3; } .kit-container .aps-box { position:relative; background:#ffffff; padding:3.125rem 1.25rem 1.5rem 4.375rem; margin-top:1.875rem; width:69.375rem; height:24.75rem; box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.12); border-radius:0.875rem; } .aps-sub-before::before { content:''; display:inline-block; width:0.875rem; height:0.875rem; background:url('../img/pageimage/c2m-produce/aps-subtitle-before.svg'); background-size: 100% 100%; margin-right:0.875rem; } .kit-container .aps-img::before { position:absolute; top:-1.75rem; right:0.625rem; content:''; display:inline-block; width:3.625rem; height:0.75rem; background:url('../img/pageimage/c2m-produce/les-box-top.png'); background-size:100% 100%; } .kit-container .aps-img::after { position:absolute; bottom:0; left:-4.25rem; content:''; display:inline-block; width:15rem; height:15rem; background:url('../img/pageimage/c2m-yiai/aps-img-back.svg'); background-size:100% 100%; z-index:-1; } .tool-container .content-right::after,.kit-container .aps-box::after { position:absolute; top:0.5625rem; right:-2.4375rem; content:''; display:inline-block; width:6.6875rem; height:8.4375rem; background:url('../img/pageimage/c2m-yiai/tool-box-back.svg'); background-size:100% 100%; z-index:-1; } .aps-box { padding:0 1.25rem 0 3.75rem; display:flex; justify-content:space-between; } .aps-home-tip-txt { text-align:left; margin-top:1.6875rem; } .aps-home-tip-txt > div:first-child { height:1.5625rem; margin-bottom:3.0625rem; } .aps-home-tip-txt > div:first-child a { font-size:1.75rem; font-weight:500; color:#090f21; } .aps-img { position:relative; /* margin-top:1.25rem; */ width:42.1875rem; height:24.75rem; z-index:0; } .aps-img img { width:100%; height:100%; } .aps-sub-para:nth-child(2) { margin-top:0; } .aps-sub-para { margin-top:2.125rem; font-size:1.125rem; font-weight:400; color:#090f21; } .aps-sub-p { margin-top:0.75rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); } .aps-sub-before { margin-top:1.875rem; font-size:0.875rem; font-weight:400; color:#090f21; } .aps-sub-para-p { width:21.25rem; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:rgba(9,15,33,0.5); } .kit-part-content .aps-box:nth-child(4) .aps-sub-before { line-height:1.75rem; margin-top:0.625rem; } .kit-part-content .aps-box:nth-child(4) .aps-sub-para { margin-top:0; } .kit-part-content .aps-box:nth-child(2) .aps-home-tip-txt { margin-top:3.375rem; } .kit-part-content .aps-box:nth-child(3) .aps-home-tip-txt { margin-top:2.5rem; } .kit-part-content .aps-box:nth-child(5) .aps-home-tip-txt { margin-top:3.375rem; } /* 鏁堢巼宸ュ叿 */ .tool-container { padding:4.375rem 0 5.625rem; } .aps-tabs { padding-top:1.5625rem; } .tool-container .aps-tab { width:9.875rem; margin-right:8.75rem; } .aps-tabs .aps-tab:last-child { margin-right:0; } .tool-content,.kit-content { z-index:1; } .tool-part-content { text-align:left; } .tool-title { font-size:1.75rem; font-weight:500; color:#090F21; margin:2.6875rem 0 1.3125rem 0; } .tool-p { width:16.125rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .challange-tag-active .challange-tag-title { font-size:1.125rem; font-weight:500; color:#090F21; } .challange-tags { margin-top:2.5rem; display:block; } .challange-tag { width:10.125rem; height:1.875rem; } .challange-tag-title { line-height:1.875rem; } .tool-container .content-right { padding-left:4.375rem; width:48.625rem; height:28.75rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:0.875rem; } .tool-container .content-right img { margin:2.25rem 0 0 1.1875rem; width:32.5rem; height:24.375rem; } .challenge-para .challange-tag-subtitle { margin-top:6.875rem; font-size:1.5rem; font-weight:500; color:#090F21; } .challenge-para .challange-tag-title { margin-top:2rem; width:13.5rem; } .tool-slide { margin-top:1.875rem; width:75rem; display:flex; justify-content:space-between; } .tool-part-content2 .challange-tag,.tool-part-content3 .challange-tag { width:6.75rem; } .tool-part-content1 .content-right:first-child .challange-tag-title { width:14.25rem; } /* 鐩戞帶骞冲彴 */ .platform-container { padding:4.375rem 0 4.6875rem; background-color:#ffffff; background:url('../img/pageimage/c2m-yiai/platform-bg.png') left bottom no-repeat; background-size:45.8125rem 32.5rem; } .core-p { margin-top:1.0625rem; height:1rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); z-index:1; } .plat-content-title { margin-top:0.625rem; font-size:1.5rem; font-weight:500; margin-left:0.5625rem; color:#090F21; } .platform-container .title-df { margin-top:1.625rem; display:flex; } .platform-container .feature-box-icon { width:2.5rem; height:2.5rem; padding:1.25rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:50%; transition:all 0.5s; margin-right:1.25rem; } .platform-container .feature-box-icon img { width:100%; height:100%; } .platform-container .feature-box-title { margin-top:0.9375rem; font-size:1.125rem; font-weight:400; color:#090F21; } .platform-container .feature-box-p { margin-top:1.125rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5) } .platform-content { width:75rem; text-align:left; margin-top:3.5rem; display:flex; } .platform-img { width:42.5rem; height:28.5rem; } /* 琛屼笟瑙e喅鏂规 */ .industry-container { padding:4.8125rem 0 5.625rem; background:#F5F7FA; } .industry-container .industry-box img { width:40rem; height:32.5rem; margin-right:1.25rem; } .industry-tabs { width:45.75rem; } .industry-box { height:32.5rem; } .industry-p { margin-top:1.25rem; width:33.8125rem; }