.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/gmc/banner-bg.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; } .nav-fangan { display:none; height:3.75rem; } .nav-fangan .domain-tab > div { line-height:3.75rem; margin-left:0; text-align:center; } /* 鏁板瓧鍖栬惀閿€ */ .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: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; } /* 涓氬姟鐗堝浘 */ .map-container { padding:4.375rem 0 5.5rem; background-color:#ffffff; } .core-box { margin-top:1.875rem; z-index:1; width:75rem; height:35.8125rem; padding:0; } .core-img { width:100%; height:100%; } /* 姒傝 */ .domain-container { padding:3.5625rem 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:space-between; } .domain-tabs .case-icon-active { margin:0.875rem 0 0; } .domain-tab { width:6.25rem !important; } .domian-tab-line { margin-top:-0.125rem; width:75rem; height:0.125rem; background:#ffffff; } .domain:first-child { display:block; } .domain { padding-bottom:2.875rem; display:none; } .domain-introduce { margin-top:2rem; 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-left:3.5625rem; margin-top:-0.625rem !important; width:auto !important; } .domain-intro-p:nth-child(3) { margin-left:6.5625rem; } .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-solution .swiper-slide { display:flex; justify-content:space-between; } .domain-sloution-left { position:relative; } .domain:first-child .domain-sloution-right img { margin-top:4.0625rem; } .domain:nth-child(2) .domain-sloution-right img { margin-top:4.375rem; } .domain:nth-child(4) .item-circle { top:12.0625rem; } .domain:nth-child(4) .domain-solution-title { margin-top:12.3125rem; } .domain:nth-child(4) .domain-sloution-right img { margin-top:5.625rem; } .domain-sloution-right .case-para-title { margin-top:2.4375rem; } .domain-sloution-right img { margin-top:3.4375rem; width:50rem; height:22.5rem; } .domain-solution-title { margin-top:11.0625rem; 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:22.25rem; 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:25.625rem; width:100%; height:32.4375rem; background:#ffffff; border-radius:6.25rem 0rem 0rem 0rem; } .item-circle { position:absolute; top:11.25rem; 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:75rem; } .industry-box img { width:35.625rem; margin-right:1.875rem; } .case-tags .challange-tag-active .challange-tag-subtitle { color:#090f21 !important; } /* 瀹㈡埛妗堜緥 */ .case-container { padding:4.375rem 0 5.625rem; } .case-container .mask-cover { left:27.5625rem; border-radius:0rem; } .qingdao-video-play,.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; } .qingdao-video-play:hover,.guangming-video-play:hover { background:url('../../static/img/index-page/banner-play-hover.svg') no-repeat; background-size:100% 100%; } .case-content-df:nth-child(2) .case-para-sub { margin-bottom:0.625rem; } .case-content-df:nth-child(3) .para-df:nth-child(3) p { width:9rem !important; } .case-content-df:nth-child(3) .para-df:nth-child(4) p { width:7.5rem !important; } .case-content-df:nth-child(3) .para-df:nth-child(5) p { width:9rem !important; } .case-content-df:first-child .case-blue-num::after,.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; } .advantage-content { padding-top:0.9375rem; width:75rem; margin:0 auto; } /* 鑷富浜у搧 */ .products-container { background:#ffffff; padding:4.375rem 0 2.875rem 0; } .huishui-play,.qingfen-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; } .huishui-play:hover,.qingfen-play:hover { background:url('../../static/img/index-page/banner-play-hover.svg') no-repeat; background-size:100% 100%; } /* 涓轰粈涔 */ .why-container { background:url('../img/pageimage/c2m-marketing/why-bg.png'); background-size:100% 100%; padding:0; width:100%; height:13.75rem; } .why-content { width:75rem; margin:0 auto; display:flex; justify-content:space-between; text-align:left; } .why-title { margin-top:3.25rem; } .why-p { margin-top:3.625rem; width:54.3125rem; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090f21; }