@media (min-width:1200px) { .c2m_market .map-active { width:40.25rem ; } } @media (min-width:1920px) { .c2m_market .map-active { width:38.25rem ; } } .c2m_market { width:100%; height:100%; background:#ffffff; /* banner */ /* nav */ /* 鏁板瓧鍖栬惀閿€ */ /* 涓氬姟鐗堝浘 */ /* 姒傝 */ /* 琛屼笟瑙e喅鏂规 */ /* 瀹㈡埛妗堜緥 */ /* 瀛椾綋棰滆壊 #79鏀 */ /* 鑷富浜у搧 */ /* 涓轰粈涔 */ } .banner-product { margin-top:0; height:33.75rem; padding:8.75rem 0 0; background:url('../../static/img/pageimage/c2m-marketing/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:space-around; } .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; } .c2m_market .nav-fangan { display:none; height:3.75rem; } .c2m_market .nav-fangan .domain-tab > div { line-height:3.75rem; margin-left:0; } .c2m_market .marketing-container { padding:5rem 0 5.625rem; background-size:100%; text-align:left; } .c2m_market .marketing-container .item-bg2 { display:none; } .c2m_market .marketing-content { position: relative; width:75rem; margin:0 auto; display:flex; justify-content:space-between; z-index:1; } .c2m_market .yinhao { position:absolute; top:0rem; left:-1.75rem; z-index:-1; } .c2m_market .marketing-left { margin-top:1.25rem; } .c2m_market .marketing-title { font-size:1.75rem; font-weight:500; line-height:2.75rem; color:#090f21; } .c2m_market .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; } .c2m_market .marketing-right img { width:31.25rem; height:17.5rem; } .c2m_market .map-container { padding:4.375rem 0 7.5625rem; background-color:#ffffff; } .c2m_market .map-content { width:75rem; margin:0 auto; } .c2m_market .map-base { display:flex; margin-top:4.125rem; } .c2m_market .sub-boxes { margin-top:-0.125rem; } .c2m_market .third-boxes { margin-top:1.3125rem; } .c2m_market .concat-line23 { display:flex; flex-direction:column; } .c2m_market .concat-line-1 { height:11.6156rem; margin-top:7.4375rem; } .c2m_market .concat-line-2 { margin-top:4.625rem; height:5.5rem; } .c2m_market .concat-line-3 { height:10.9375rem; margin-top:5.375rem; } .c2m_market .concat-line-4 { height:22.0294rem; margin:4.625rem -0.9375rem 0 -0.3125rem; } .c2m_market .brand-box { display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:1.125rem; font-weight:400; color:#090f21; background:#f5f7fa; border-radius:0.625rem; } .c2m_market .brand-box img { width:3.125rem; height:3.125rem; margin-bottom:0.5rem; } .c2m_market .brand-box-active { background:#ffffff; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); transition:all 0.5s; } .c2m_market .brand-title-box { width:9.1875rem; height:4rem; } .c2m_market .first-box { margin-top:9.5625rem; width:12.125rem; height:8.5rem; } .c2m_market .sub-box { margin-top:4.75rem; width:12.125rem; height:6.8125rem; } .c2m_market .third-box { margin-top:1.25rem; width:12.125rem; height:4.1875rem; } .c2m_market .member-circle { margin-top:8.6875rem; width:12.625rem; height:12.625rem; border-radius:50%; } .c2m_market .advertisement-box { margin-top:5.5rem; background:transparent; position:relative; width:0; height:0; border:8.9375rem solid transparent; border-right:5.375rem solid #f5f7fa; margin-left:-7.3125rem; } .c2m_market .advertisement-box-active { border-right:5.375rem solid #ffffff; transition:all 0.5s; } .c2m_market .advertisement-box-active::before { content:''; position:absolute; top:-8.9375rem; left:-8.9375rem; border:8.9375rem solid transparent; border-right:5.375rem solid rgba(26,39,59,0.1); z-index:-1; filter:blur(1.25rem); -webkit-filter:blur(1.25rem); } .c2m_market .advertisement-box span { margin-left:7.5rem; line-height:1.25rem; } .c2m_market .tatgetGroup-box { margin-top:2.5625rem; margin-left:1.625rem; width:4.1875rem; height:25.5rem; writing-mode:vertical-rl; letter-spacing:0.1875rem; -webkit-writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; } .c2m_market .brand-title-boxes { position:absolute; top:0; } .c2m_market .brand-title-box { position:absolute; display:flex; flex-direction:column; justify-content:center; width:9.1875rem; height:4rem; background:linear-gradient(180deg,#8ae0ff 0%,#40bae2 100%); border-radius:0.625rem; font-size:1.125rem; font-weight:400; color:#ffffff; } .c2m_market .brand-title-box-blue { background:linear-gradient(349deg,#1438a9 0%,#1569ff 100%); } .c2m_market .brand-title { font-size:1.125rem; font-weight:400; color:#ffffff; } .c2m_market .brand-subtitle { margin-top:0.4375rem; font-size:0.875rem; } .c2m_market .map-active { position:absolute; top:4.125rem; left:28.75rem; height:29.5625rem; border:.125rem dashed #707070; opacity:0.38; border-radius:2.5rem; z-index:-1; } .c2m_market .domain-container { padding:3.5625rem 0 0; } .c2m_market .domain-content { width:75rem; margin:0 auto; z-index:1; } .c2m_market .domain-tabs { width:46.5rem; padding-top:1.25rem; margin:0 auto; display:flex; justify-content:space-between; } .c2m_market .domain-tabs .case-icon-active { margin:0.875rem 0 0; } .c2m_market .domain-tab { width:6.25rem !important; } .c2m_market .domian-tab-line { margin-top:-0.125rem; width:75rem; height:0.125rem; background:#ffffff; } .c2m_market .domain:first-child { display:block; } .c2m_market .domain { display:none; } .c2m_market .domain-introduce { margin-top:2rem; text-align:left; display:flex; justify-content:space-between; } .c2m_market .domain-introduce .case-para-title { margin-top:0.3125rem; font-weight:500; } .c2m_market .domain-introduce .case-para-h2 { letter-spacing:0.125rem; } .c2m_market .domain-intro-p { margin-top:-0.625rem !important; width:auto !important; } .c2m_market .domain-intro-p > p { position:relative; } .c2m_market .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; } .c2m_market .domain-swiper { height:32.4375rem; margin-top:1.0625rem; } .c2m_market .domain-swiper-1 { margin-top:1.375rem; } .c2m_market .domain-swiper-3 { margin-top:2.5rem; } .c2m_market .domain-swiper .swiper-wrapper { z-index:-1; } .c2m_market .domain-swiper .swiper-pagination { position:static; display:flex; margin-top:-5.625rem; z-index:10; } .c2m_market .domain:nth-child(2) .swiper-pagination,.c2m_market .domain:first-child .swiper-pagination { margin-top:-9.375rem; } .c2m_market .domain-solution .swiper-slide { /* padding-bottom:3.75rem; */ display:flex; justify-content:space-between; } .c2m_market .domain-sloution-left { position:relative; } .c2m_market .domain-sloution-right { height:29.875rem; } .c2m_market .domain:first-child .swiper-slide:first-child .domain-sloution-right .case-para-title { margin-left:0.9375rem; } .c2m_market .domain:first-child .swiper-slide:nth-child(2) .domain-sloution-right .case-para-title { margin-left:7.1875rem; } .c2m_market .domain:nth-child(2) .swiper-slide:nth-child(1) .domain-sloution-right .case-para-title { margin-left:6.5625rem; } .c2m_market .domain:nth-child(2) .swiper-slide:nth-child(2) .domain-sloution-right .case-para-title { margin-left:12.5rem; } .c2m_market .domain:nth-child(3) .swiper-slide:nth-child(1) .domain-sloution-right .case-para-title { margin-left:8.125rem; } .c2m_market .domain:nth-child(3) .swiper-slide:nth-child(2) .domain-sloution-right .case-para-title { margin-left:1.375rem; } .c2m_market .domain:nth-child(4) .domain-sloution-right .case-para-title { margin-left:1.5625rem; } .c2m_market .domain-sloution-right .case-para-title { margin-top:3.6875rem; } .c2m_market .domain-sloution-right img { margin-top:0.625rem; width:51rem; height:24.0625rem; } .c2m_market .domain-solution-title { margin-top:6.4375rem; width:8rem; font-size:2rem; font-weight:400; color:#090f21; } .c2m_market .bold-font { font-weight:600; } .c2m_market .domain-solution-p { text-align:left; margin-top:1.3125rem; width:22.25rem; height:7.75rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:#090f21; } .c2m_market .domain-solution-p > p { margin-top:1.25rem; } .c2m_market .domain-solution-box { overflow:hidden; position:absolute; top:21.5rem; width:100%; height:32.4375rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .c2m_market .item-circle { position:absolute; top:2.3125rem; left:1.75rem; width:13.1875rem; height:13.1875rem; background:#f5f7fa; border-radius:50%; opacity:0.57; z-index:-1; } .c2m_market .industry-container { background:#ffffff; padding:6.25rem 0 7.625rem; } /* .c2m_market .industry-tabs .case-icon-active { margin:0.875rem 0.5625rem 2.75rem 0.5625rem; } */ .c2m_market .challange-tag-title,.c2m_market .case-tags .challange-tag-subtitle,.c2m_market .case-container .case-num-txt,.c2m_market .products-container .home-tip-txt > div:last-child,.c2m_market .products-container .home-tip-p { color:rgba(9,15,33,0.5) !important; font-weight:400 !important; } .c2m_market .case-tag > span { font-weight:400; } .c2m_market .case-tags .challange-tag-active .challange-tag-subtitle { color:#090f21 !important; } .c2m_market .case-container { padding:4.375rem 0 5.625rem; } .c2m_market .case-container .mask-cover { left:27.5625rem; border-radius:0rem; } .c2m_market .qingdao-video-play,.c2m_market .guangming-video-play { background:url('../../static/img/index-page/banner-play.svg') no-repeat; background-size:100% 100%; width:4.375rem; height:4.375rem; position:absolute; top:10.9375rem; right:15.625rem; z-index:1; } .c2m_market .qingdao-video-play:hover,.c2m_market .guangming-video-play:hover { background:url('../../static/img/index-page/banner-play-hover.svg') no-repeat; background-size:100% 100%; } .c2m_market .case-content-df:nth-child(2) .case-para-sub { margin-bottom:0.625rem; } .c2m_market .case-content-df:nth-child(3) .para-df:nth-child(3) p { width:9rem !important; } .c2m_market .case-content-df:nth-child(3) .para-df:nth-child(4) p { width:7.5rem !important; } .c2m_market .case-content-df:nth-child(3) .para-df:nth-child(5) p { width:9rem !important; } .c2m_market .case-content-df:first-child .case-blue-num::after,.c2m_market .case-content-df:nth-child(4) .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_up.svg'); background-size:100% 100%; margin-left:0.625rem; } .c2m_market .advantage-content { padding-top:0.9375rem; width:75rem; margin:0 auto; } .c2m_market .products-container { background:#ffffff; padding:4.375rem 0 2.875rem 0; } .c2m_market .siyu-play,.c2m_market .dianshang-play,.c2m_market .mengdian-play,.c2m_market .qudao-play { background:url('../../static/img/index-page/banner-play.svg') no-repeat; background-size:100% 100%; width:5rem; height:5rem; position:absolute; top:9.75rem; left:16.1875rem; } .c2m_market .siyu-play:hover,.c2m_market .dianshang-play:hover,.c2m_market .mengdian-play:hover,.c2m_market .qudao-play:hover { background:url('../../static/img/index-page/banner-play-hover.svg') no-repeat; background-size:100% 100%; } .c2m_market .why-container { background:url('../img/pageimage/c2m-marketing/why-bg.png'); background-size:100% 100%; padding:0; width:100%; height:13.75rem; } .c2m_market .why-content { width:75rem; margin:0 auto; display:flex; justify-content:space-between; text-align:left; } .c2m_market .why-title { margin-top:3.25rem; /* font-size:2.375rem; font-weight:500; line-height:3.3125rem; color:#090f21; */ } .c2m_market .why-p { margin-top:3.625rem; width:54.3125rem; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090f21; }