.c2m_produce { width:100%; height:100%; background:#ffffff; } /* side-nav */ .c2m_produce .side-nav { display:none; transition:all 0.5s; position:fixed; top:50%; transform:translateY(-50%); left:1.6875rem; z-index:2; } .c2m_produce .side-nav-li { margin-top:2.25rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); } .c2m_produce .side-nav-li-active,.c2m_produce .side-nav-li:hover { position:relative; margin-top:2.125rem; font-size:1rem; font-weight:400; color:#090f21; } .c2m_produce .side-nav-li-active::after,.c2m_produce .side-nav-li:hover::after { content:''; display:inline-block; width:0.4375rem; height:0.4375rem; background:#28abc3; border-radius:50%; position:absolute; left:-0.5625rem; top:0.25rem; } .c2m_produce .side-nav-li-active::before,.c2m_produce .side-nav-li:hover::before { content:''; display:inline-block; width:0.625rem; height:0.0625rem; background:#28abc3; position:absolute; left:-1.375rem; top:0.4375rem; } .c2m_produce .dsp-side-nav { color:rgba(255,255,255,0.7); } .c2m_produce .dsp-side-nav:hover { position:relative; margin-top:2.125rem; font-size:1rem; font-weight:400; color:#ffffff; } .c2m_produce .dsp-side-nav-active { color:#ffffff; } /* banner */ /* .c2m_produce .banner-product { margin-top:0; height:33.75rem; padding:10rem 0 0; background:url('../../static/img/pageimage/c2m-marketing/banner.png') no-repeat center; background-size:100% 100%; text-align:left; } .c2m_produce .banner-product-title { margin-top:0.875rem; color:#ffffff; font-weight:500; font-size:2.625rem; } .c2m_produce .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_produce .c2m-nav { width:100%; height:4rem; background:#ffffff; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); } .c2m_produce .c2m-nav-fixed { position:fixed; top:0; left:0; z-index:999; transition:all 0.5s; } .c2m_produce .c2m-tabs { width:75rem; margin:0 auto; display:flex; justify-content:space-around; } .c2m_produce .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_produce .c2m-nav-tab a { text-decoration:none; color:rgba(9,15,33,0.5); } .c2m_produce .c2m-nav-tab a:hover,.c2m_produce .c2m-nav-tab-active a { font-weight:400; color:#090f21; } .c2m_produce .c2m-nav-tab .case-icon-active { margin-left:0; margin-top:-0.125rem; } */ /* 鏁板瓧鍖栬惀閿€ */ .c2m_produce .marketing-container { padding:5rem 0 5.625rem; background-size:100%; text-align:left; } /* .c2m_produce .marketing-container .item-bg2 { display:none; } */ .c2m_produce .marketing-content { position: relative; width:75rem; margin:0 auto; display:flex; justify-content:space-between; z-index:1; } .c2m_produce .yinhao { position:absolute; top:0; left:-1.75rem; z-index:-1; } .c2m_produce .marketing-tags-flex { width:30.8125rem; display:flex; justify-content:space-between; align-items:center; } .c2m_produce .marketing-left { margin-top:1.875rem; } .c2m_produce .marketing-tag { text-align:center; } .c2m_produce .marketing-title { font-size:1.75rem; font-weight:500; line-height:2.75rem; color:#090f21; } .c2m_produce .marketing-english { font-size:0.5rem; font-weight:400; color:rgba(9,15,33,0.5); } .c2m_produce .market-tag-line { width:0.0625rem; height:2.75rem; background-color:#d1d9db; } .c2m_produce .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:2.0625rem; } .c2m_produce .marketing-right img { width:31.25rem; height:17.5rem; } /* les */ .c2m_produce .bg-f7 { background:#f5f7fa; } .c2m_produce .les-container { padding:4.375rem 0 5.625rem; background:#f5f7fa; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_produce .les-container .aps-box:nth-child(2) .aps-sub-para:nth-child(2) .aps-sub-before { color:#28abc3; } .c2m_produce .les-container .aps-box:nth-child(2) .aps-sub-para:nth-child(2) .blue-title { color:#090f21; } .c2m_produce .les-container .aps-tab,.c2m_produce .qms-container .aps-tab { width:6.75rem; } .c2m_produce .les-container .aps-img,.c2m_produce .qms-container .aps-img { width:51.25rem; height:24.75rem; margin-top:0; } .c2m_produce .les-container .aps-home-tip,.c2m_produce .qms-container .aps-home-tip,.c2m_produce .iiot-container .aps-home-tip { margin-top:1.6875rem; } /* mes */ .c2m_produce .mes-container { padding:4.375rem 0 3.75rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_produce .mes-container .aps-img { width:56.125rem; height:30.875rem; } .c2m_produce .mes-container .aps-home-tip-txt > div:first-child { width:12.25rem; } /* qms */ .c2m_produce .qms-container { padding:4.375rem 0 5.625rem; background:#f5f7fa; border-radius:6.25rem 0rem 0rem 0rem; } /* eam */ .c2m_produce .eam-container { padding:4.375rem 0 3.75rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_produce .eam-container .aps-tab,.c2m_produce .mes-container .aps-tab { width:7.875rem; margin-right:7.1875rem; } .c2m_produce .mes-container .aps-tab:nth-child(4) { margin-left:-1.25rem; } .c2m_produce .mes-container .aps-tab:nth-child(5) { margin-left:-2.5rem; } .c2m_produce .iiot-container .aps-sub-before,.c2m_produce .dsp-container .aps-sub-before { font-size:0.875rem; } .c2m_produce .eam-container .aps-img { width:48.625rem; height:30.875rem; } /* iiot */ .c2m_produce .iiot-container { padding:4.375rem 0 5.625rem; background:#f5f7fa; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_produce .iiot-container .aps-box:nth-child(2) .aps-home-tip,.c2m_produce .iiot-container .aps-box:nth-child(3) .aps-home-tip { display:block; } .c2m_produce .iiot-container .aps-box:nth-child(2) .aps-home-tip-txt,.c2m_produce .iiot-container .aps-box:nth-child(3) .aps-home-tip-txt { margin:1.25rem 0 0 0; } .c2m_produce .iiot-container .aps-box:nth-child(2) .aps-img,.c2m_produce .iiot-container .aps-box:nth-child(3) .aps-img { width:61.375rem; height:24.75rem; margin-top:0; } .c2m_produce .iiot-container .aps-img { width:39.1875rem; height:24.75rem; margin-top:0; } .c2m_produce .iiot-container .aps-sub-para-box { margin-top:1.375rem; display:flex; margin-left:-4.375rem; } .c2m_produce .iiot-container .aps-sub-para-box > div:nth-child(2) { margin-left:4.5625rem; } .c2m_produce .iiot-container .aps-box,.c2m_produce .qms-container .aps-box,.c2m_produce .les-container .aps-box { position:relative; width:70rem; height:24.75rem; background:#ffffff; box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08); border-radius:0.875rem; padding:3.125rem 1.25rem 1.5rem 3.75rem; margin-top:1.875rem; } .c2m_produce .les-container .aps-img::before,.c2m_produce .qms-container .aps-img::before,.c2m_produce .iiot-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%; } .c2m_produce .les-container .aps-box::after,.c2m_produce .qms-container .aps-box::after,.c2m_produce .iiot-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-produce/aps-box-back.svg'); background-size:100% 100%; z-index:-1; } .c2m_produce .les-container .aps-tab-line,.c2m_produce .qms-container .aps-tab-line,.c2m_produce .iiot-container .aps-tab-line { display:none; } /* aps */ .c2m_produce .aps-container { padding:4.375rem 0 3.75rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_produce .blue-title { color:#28abc3; } .c2m_produce .aps-subtitle { margin-top:0.875rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); z-index:1; } .c2m_produce .aps-content { width:75rem; margin:0 auto; z-index:1; } .c2m_produce .aps-tabs { width:75rem; padding-top:1.5625rem; margin:0 auto; display:flex; justify-content:center; } .c2m_produce .aps-tab { width:6.25rem; margin-right:8.75rem; font-size:1.125rem; font-weight:400; color:rgba(9,15,33,0.5); } .c2m_produce .aps-tab:last-child { margin-right:0; } .c2m_produce .aps-tab-active { color:#090f21; } .c2m_produce .aps-tabs .case-icon-active { margin:0.875rem auto -0.125rem auto; } .c2m_produce .aps-tab-line { width:75rem; height:0.125rem; background:#f5f7fa; } .c2m_produce .aps-box { padding:0 1.25rem 0 3.75rem; display:flex; justify-content:space-between; } .c2m_produce .aps-home-tip { margin-top:5.9375rem; display:flex; height:3.75rem; } .c2m_produce .aps-home-tip-img { display:flex; align-items:center; justify-content:center; } .c2m_produce .aps-home-tip-img { width:3.75rem; height:3.75rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:0.875rem; transition:all 0.5s; } .c2m_produce .aps-home-tip-txt { text-align:left; margin-left:1rem; margin-top:1rem; } .c2m_produce .aps-home-tip-txt > div:first-child { height:1.5625rem; margin-bottom:2.4375rem; } .c2m_produce .aps-home-tip-txt > div:first-child a { font-size:1.75rem; font-weight:500; color:#090f21; } .c2m_produce .aps-img { position:relative; margin-top:1.25rem; width:49.3125rem; height:30.875rem; } .c2m_produce .aps-img img { width:100%; height:100%; } .c2m_produce .aps-sub-para:nth-child(2) { margin-top:0; } .c2m_produce .aps-sub-para { margin-top:2.125rem; font-size:1.125rem; font-weight:400; color:#090f21; } .c2m_produce .aps-sub-p { margin-top:0.75rem; font-size:0.875rem; font-weight:400; color:rgba(9,15,33,0.5); } .c2m_produce .aps-sub-before { margin-top:1.875rem; font-size:0.875rem; font-weight:400; color:#090f21; } .c2m_produce .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; } /* dsp */ .c2m_produce .dsp-container { padding:4.375rem 0 0; background:url('../img/pageimage/c2m-produce/dsp-bg.png'); background-size:100% 100%; } .c2m_produce .dsp-container h1,.c2m_produce .dsp-container .aps-subtitle { color:#ffffff; } .c2m_produce .dsp-content { width:81.25rem; margin:0 auto; } .c2m_produce .dsp-content .swiper-container { width:81.25rem; margin-top:2.5rem; padding-bottom:5.625rem; /* overflow:inherit; */ } .c2m_produce .dsp-content .swiper-pagination { bottom:2.8125rem; } .c2m_produce .dsp-content .swiper-button-prev { left:-0.3125rem; } .c2m_produce .dsp-content .swiper-button-next { right:-0.3125rem; } .c2m_produce .dsp-box-big { margin:0 auto; padding:0.625rem; width:62.5rem; height:26.25rem; background:rgba(255,255,255); border-radius:1.25rem; } .c2m_produce .dsp-box-big img { width:100%; height:100%; } .c2m_produce .dsp-box-content { width:70.5rem; margin:0 auto; display:flex; justify-content:space-between; } .c2m_produce .dsp-box-small { padding-top:3.0625rem; width:22.5rem; height:24.375rem; background:rgba(255,255,255); border-radius:1.25rem; } .c2m_produce .dsp-box-icon { margin-left:8.75rem; width:5rem; height:5rem; } .c2m_produce .dsp-box-icon img { width:100%; height:100%; } .c2m_produce .dsp-box-line { width:17.5rem; height:0.125rem; background:rgba(245,247,250); border-radius:0rem 0rem 1.25rem 1.25rem; margin:1.375rem auto 2.375rem auto; } .c2m_produce .dsp-box-title { margin-top:0.5rem; font-size:1.5rem; font-weight:400; color:#090f21; } .c2m_produce .dsp-box-subtitle { margin-top:0.375rem; font-size:0.875rem; font-weight:400; color:#090f21; } .c2m_produce .before-box .aps-sub-before { color:rgba(9,15,33,0.5); margin-top:1.25rem; } .c2m_produce .before-box { margin-left:3.5625rem; text-align:left; } /* 琛屼笟瑙e喅鏂规 */ .c2m_produce .industry-container .industry-box img { width:40rem; height:28.75rem; margin-right:1.25rem; } .c2m_produce .industry-tabs { width:75rem; } .c2m_produce .industry-container .case-num-txt { line-height:0.875rem; margin-top:0.625rem; color:#090f21; } .c2m_produce .industry-num-part { display:flex; justify-content:space-between; align-items:flex-end; } .c2m_produce .industry-num-part .case-num-p { margin-top:1.875rem; } .c2m_produce .industry-p { margin-top:2.9375rem; width:33.9375rem; } .c2m_produce .industry-box:nth-child(2) .case-num-p:nth-child(2) .case-blue-num::after,.c2m_produce .industry-box:nth-child(2) .case-num-p:nth-child(3) .case-blue-num::after,.c2m_produce .industry-box:nth-child(3) .case-num-p:nth-child(4) .case-blue-num::after,.c2m_produce .industry-box:nth-child(4) .case-num-p:nth-child(1) .case-blue-num::after,.c2m_produce .industry-box:nth-child(4) .case-num-p:nth-child(4) .case-blue-num::after,.c2m_produce .industry-box:nth-child(6) .case-num-p:nth-child(3) .case-blue-num::after { content:''; display:inline-block; width:0.875rem; height:1.125rem; background:url('../img/pageimage/c2m-marketing/arrow_up.svg'); background-size: 100% 100%; margin-left:0.125rem; margin-top:0.4375rem; } .c2m_produce .industry-box:nth-child(2) .case-num-p:nth-child(4) .case-blue-num::after,.c2m_produce .industry-box:nth-child(3) .case-num-p:nth-child(1) .case-blue-num::after,.c2m_produce .industry-box:nth-child(3) .case-num-p:nth-child(2) .case-blue-num::after,.c2m_produce .industry-box:nth-child(3) .case-num-p:nth-child(3) .case-blue-num::after,.c2m_produce .industry-box:nth-child(4) .case-num-p:nth-child(2) .case-blue-num::after,.c2m_produce .industry-box:nth-child(4) .case-num-p:nth-child(3) .case-blue-num::after,.c2m_produce .industry-box:nth-child(5) .case-num-p:nth-child(1) .case-blue-num::after,.c2m_produce .industry-box:nth-child(5) .case-num-p:nth-child(4) .case-blue-num::after,.c2m_produce .industry-box:nth-child(6) .case-num-p:nth-child(4) .case-blue-num::after { content:''; display:inline-block; width:0.875rem; height:1.125rem; background:url('../img/pageimage/c2m-marketing/arrow_down.svg'); background-size: 100% 100%; margin-left:0.3125rem; margin-top:0.4375rem; } /* 瀹㈡埛妗堜緥 */ .c2m_produce .case-container { padding:4.375rem 0 5.625rem; } .c2m_produce .case-icon-img { justify-content:flex-start; } .c2m_produce .case-log-change1 .content-right:nth-child(2) .challange-tag-title { width:34.0625rem !important; } .c2m_produce .case-log-change1 .para-df:first-child p,.c2m_produce .case-log-change1 .para-df:nth-child(3) p { width:15.625rem !important; } .c2m_produce .case-log-change1 .content-right:nth-child(4) .case-para-sub { height:3.375rem; } .c2m_produce .case-content-df:nth-child(3) .para-df:first-child p { width:16.75rem !important; } .c2m_produce .case-content-df:nth-child(3) .para-df:nth-child(3) p { width:39.5rem !important; margin-right:1.875rem; } .c2m_produce .case-content-df:nth-child(3) .case-num-p { margin-top:0.9375rem; } .c2m_produce .case-content-df:nth-child(3) .case-num-p:nth-child(4) .case-blue-num::after,.c2m_produce .case-content-df:nth-child(3) .case-num-p:nth-child(6) .case-blue-num::after,.c2m_produce .case-content-df:nth-child(4) .case-num-p:nth-child(5) .case-blue-num::after { content:''; display:inline-block; width:0.875rem; height:1.125rem; background:url('../img/pageimage/c2m-marketing/arrow_up.svg'); background-size: 100% 100%; margin-left:0.625rem; margin-top:0.375rem; } /* 鑷富浜у搧 */ .c2m_produce .advantage-content { padding-top:0.9375rem; width:75rem; margin:0 auto; } /* 鐑偣娲炲療 */ .c2m_produce .news-box { background-color:#f5f7fa; }