@media (min-width: 1680px) { .goal-para-right{ margin-left: -230px!important; } } /* @media (min-width: 1920px) { .goal-para-right{ margin-left: -7.5rem!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/c2m-alm/banner.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:50rem; height:5.8125rem; font-size:0.875rem; font-weight:400; line-height:2rem; margin-top:1.25rem; } /* nav */ .c2m-nav { width:100%; height:4rem; background:#ffffff; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); } .c2m-nav-fixed { position:fixed; top:0; left:0; z-index:999; transition:all 0.5s; } .c2m-tabs { width:75rem; margin:0 auto; display:flex; justify-content:center; } .c2m-nav-tab { text-align:center; width:6.25rem; font-size:1.125rem; font-weight:400; line-height:4rem; color:rgba(9,15,33,0.5); } .c2m-nav-tab a { text-decoration:none; color:rgba(9,15,33,0.5); } .c2m-nav-tab a:hover,.c2m-nav-tab-active a { font-weight:400; color:#090f21; } .c2m-nav-tab .case-icon-active { margin-left:0; margin-top:-0.125rem; } .nav-fangan { display:none; height:3.75rem; } .nav-fangan .domain-tab > div { line-height:3.75rem; margin-left:0; } /* 鏁板瓧鍖栬惀閿€ */ .marketing-container { padding:5rem 0 5.625rem; background-size:100%; text-align:left; } .marketing-container .item-bg2 { display:none; } .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:31.25rem; 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; } /* 涓氬姟钃濆浘 */ .core-container { background-color:#ffffff; padding:4.375rem 0 7.5rem 0; overflow:hidden; } .core-img { margin-top:3.125rem; width:68.75rem; height:30.625rem; } /* 姒傝 */ .domain-container { padding:3.8125rem 0 0; } .domain-content { width:75rem; margin:0 auto; z-index:1; } .domain-tabs { width:46.5rem; padding-top:1.25rem; margin:0 auto; display:flex; justify-content:center; } .domain-tab:first-child { margin-right:8.375rem; } .domain-tabs .case-icon-active { margin:0.875rem 0 0; } .domain-tab { width:6.75rem !important; } .domian-tab-line { margin-top:-0.125rem; width:75rem; height:0.125rem; background:#ffffff; } .domain:first-child { display:block; } .domain { display:none; } .domain:nth-child(2) .domain-swiper { margin-top:3rem; } .domain-introduce { margin-top:1.6875rem; text-align:left; display:flex; justify-content:space-between; } .domain-introduce .case-para-title { margin-top:0.3125rem; font-weight:500; } .domain-introduce .case-para-h2 { letter-spacing:0.125rem; } .domain-intro-p { margin-top:-0.625rem !important; width:auto !important; } .domain-intro-p > p { position:relative; } .domain-intro-p > p::before { content:''; display:block; width:0.875rem; height:0.875rem; background:url('../img/pageimage/c2m-marketing/intro-p-before.svg') 0.875rem 0.875rem; background-size: 100% 100%; position:absolute; top:0.375rem; left:-1.0625rem; } .domain-swiper { margin-top:1.0625rem; display:flex; justify-content:space-between; } .domain-sloution-left { position:relative; } .domain-sloution-right { height:30rem; } .domain-sloution-right img { margin-top:2.75rem; width:51rem; height:24.0625rem; } .domain-solution-title { margin-top:9.375rem; width:8rem; font-size:2rem; font-weight:400; color:#090f21; } .bold-font { font-weight:600; } .domain-solution-p { text-align:left; margin-top:1.3125rem; width:23.125rem; height:7.75rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:#090f21; } .domain-solution-p > p { margin-top:1.25rem; } .domain-solution-box { overflow:hidden; position:absolute; top:24.5625rem; width:100%; height:29.75rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .item-circle { position:absolute; top:8.75rem; left:1.75rem; width:13.1875rem; height:13.1875rem; background:#f5f7fa; border-radius:50%; opacity:0.57; z-index:-1; } /* 琛屼笟瑙e喅鏂规*/ .industry-container { background:#ffffff; padding:4.375rem 0 7.625rem; } .industry-tabs { width:38.75rem; } .industry-tab { margin-right:8.125rem; } .industry-tab:last-child { margin-right:0; } /*鏍稿績鍔熻兘 */ .function-container { padding:3.875rem 0 7.5rem; } .goal-para-content { text-align:left; margin-top:2.6875rem; display:flex; justify-content:space-between; } .goal-para-right { width:50.625rem; height:32.8125rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:0rem 0.875rem 0.875rem 0rem; margin-left:-7.5rem; } .goal-para-right img { margin:5.8125rem 0 0 7.5rem; width:39.375rem; height:21.25rem; } .goal-para-title:first-child { margin-top:0rem; } .goal-para-title { margin-top:2.1875rem; font-size:1.25rem; font-weight:400; /* line-height:2.3125rem; */ color:#090F21; } .goal-para-p { margin-top:.75rem; width:28.125rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:rgba(9,15,33,0.5); } .goal-para-p p { margin-top:0.625rem; } /* 绔炰簤浼樺娍 */ .ability-container { background-color:#ffffff; padding:4.375rem 0 7.5rem; } .ability-content { margin-top:3.125rem; } .ability-content ul { display:flex; justify-content:space-between; width:75rem; margin:0 auto; } .vertical-icon-box { width:16.25rem; } /* 涓轰粈涔 */ .why-container { background:url('../img/pageimage/c2m-alm/why-bg.png'); background-size:100% 100%; padding:0; width:100%; height:18.125rem; } .why-content { width:75rem; margin:0 auto; display:flex; justify-content:space-between; text-align:left; } .why-content h2 { letter-spacing:0.4375rem; } .why-title { margin-top:3.6875rem; /* font-size:2.375rem; font-weight:500; line-height:3.3125rem; color:#090f21; */ } .why-p { margin-top:3.625rem; width:54.3125rem; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090f21; }