html{ font-size: 13.28px; } .index_0{ min-height: 600px; padding: 0 !important; } .nav-wrap > ul > li > a{ width: 3.7rem; } @media (max-width:900px) { .gmc-swiper-content>div:nth-child(5), .c2m-digital-content-case-title>div:first-child, .c2m-gongying-content-case-title>div:first-child{ width: auto!important; } .index_0{ min-height: auto; padding: 0 !important; } .more-see,.no-link-btn-black{ /* font-size: 0.5em; */ width: 10rem !important; /* border: .0625rem solid #0A0F20!important; */ } .more-white-see,.no-link-btn-white{ /* border: .0625rem solid #ffffff!important; */ } .gmc-swiper .gmc-swiper1{ width: 25rem!important; } .qiye-box-see-more img{ width: .8125rem; height: .8125rem; } } /* @media (min-height:1080px) { .index_1,.index_0{ height: 45rem!important; } } */ /* html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } */ @media (width: 1366px){ .search-logo{ width: 120px; } /* .service-dialog{ width: 108px; } */ .form-dialog .dialog-gray{ width: 224px; } } @media (min-width: 1366px){ html{ font-size: 13.28px; } .nav-wrap > ul > li > a{ width: 3.7rem; } .index_0 { min-height: 600px; padding: 0 !important; } /* .user-meeting .more-white-see { top: 400px!important; } */ .ns-minibg{ left: -25px!important; } .user-meeting-content .more-white-see { left: 33px!important; top: 28rem!important; } .news-content-right{ margin-top:45px!important; } .service-contianer { /* height: 100%; */ padding-top: 51px!important; } /* .qiye-info .hd-main { left: 140px!important; } */ .erp-container { /* padding-top: 60px!important; */ } .gmc-swiper-content { margin-top: 0px!important; } .anli-contianer{ margin-top: 56px!important; } /* .index_0 .hd-main{ padding-top: 0px!important; } .news-list-box { margin-top: 29px !important; height: 40px !important; } .gmc-swiper-content{ margin-top: -70px!important; } .erp-container { padding-top: 30px; } .ITO-container{ padding-top: 20px; } .news-container{ padding-top: 15px; } .service-contianer{ padding-top: 15px; } .anli-contianer { padding-top: 10px; } .qiye-info .hd-main{ padding-top: 30px!important; } .news-info .news-title { margin-top: 147px!important; } .qiye-content-right{ position: relative; top: -370px; } .digital-content{ margin-top: 65px!important; } .c2m-swiper .c2m-title{ margin-top: 3% !important; } .digital-btn { top: 115%!important; } .erp-title{ margin-left: -5%!important; } .erp-swiper, .erp-content-tab2 { margin-left: -60px !important; } */ } @media (min-width: 1440px) { html{ font-size: 16px; } .index_0 { min-height: 720px; padding: 0 !important; } .user-meeting-content .more-white-see { left: 3.3125rem!important; top: 25rem!important; } .bd-banner .more-white-see ,.zq-banner .more-white-see { left: 2.6875rem!important; } .hdsp-banner .more-white-see ,.hxz-banner .more-white-see{ left: 3.0625rem !important; } /* .erp-title { margin-left: 0% !important; } */ } @media (min-width: 1680px) { html { font-size: 18.5px; } .service-contianer{ padding-top: 60px!important; /* padding-bottom: 0; */ } .gmc-swiper-content > div:nth-child(3){ width: 8rem!important; } .qiye-info .hd-main{ top: -40px !important; } .foot-bottom-content{ width: 75rem!important; } .hdsp-banner .more-white-see ,.hxz-banner .more-white-see{ left: 3.5rem!important; } } @media (min-width: 1920px) { html { font-size: 21.71px; /* font-size: 33px; */ } .form-dialog .dialog-gray{ width: 15rem; } .hdsp-banner .more-white-see ,.hxz-banner .more-white-see{ left: 3.625rem!important; } .banner .user-meeting { background-size:100% 100%!important; } /* .ns-minibg{ top: 345px!important; } */ /* .user-meeting-content .more-white-see { left: 53px!important; top: 29rem!important; } */ } @media (min-width:2560px) { html{ font-size: 28.5px; } .bd-banner .more-white-see{ left: 3.1rem!important; } .zb-banner .more-white-see{ left: 3.8rem!important; } } /* .digital-row:nth-child(3) .digital-content{ width: 300px; } */ .foot-bottom-content{ width: 1200px; } /* 1366 */ .qiye-container{ padding-top:8.5rem ; } .gmc-swiper-content{ margin-top: -3.125rem; } .erp-container{ /* padding-top: 3.125rem; */ display: flex; flex-direction: column; justify-content: center; height: 100%; } .digital-bg .news-container{ padding-top: 2.5rem; } .ITO-container { /* margin-top: 2.5rem; */ display: flex; flex-direction: column; justify-content: center; height: 100%; } .service-contianer{ padding-top: 8%; /* padding-bottom: 0; */ } .anli-contianer{ margin-top: 30px; } .hd-banner{ padding: 0; /* display: flex; flex-direction: column; justify-content: center; */ } .hd-main{ width: 75rem; margin: 0 auto; } .contain { background: #ffffff; width: 100%; } a { color: inherit; text-decoration: none; cursor: pointer; } /* .index_0{ min-height: 600px; padding: 0!important; } */ /*nav*/ .header { background: none; transition: all .3s; } /* .search-logo-new { background:url('../../static/img/search.svg') no-repeat; background-size: 100% 100%; color:#ffffff; background-position:0.25rem; } */ .logo { background-size:7.5rem 1.875rem; background:url('../../static/img/handlogo.svg') no-repeat } .logo-new { background-size:7.5rem 1.875rem; background:url('../../static/img/hand-logo.svg') no-repeat } /*banner*/ .banner { width:100%; height:100%; overflow:hidden; position:relative; } .banner-content { width:75rem; height:100%; position:absolute; left:50%; z-index:100; transform:translateX(-50%); } .banner .digitizing { background:url("../../static/img/index-page/digitizing.png") no-repeat; background-size:100% 100%; } .banner-digitizing-aigc{ background:url("../../static/img/index-page/aigc-video-bg.png") no-repeat; background-size:100% 100%; } .banner-digitizing-aigc .digitizing-img{ width: 28rem; height: 10rem; top: 13.1875rem; left: 2.75rem; } .banner-digitizing-aigc .more-white-see{ top: 26.3125rem; left: 2.875rem; } .banner-digitizing-aigc .banner-content-digitizing .banner-bg-top{ background: rgba(48, 135, 228,0.4); } .banner-digitizing-aigc .banner-content-digitizing .banner-bg-bottom{ background: rgba(255,255,255,0.1); } .digitizing-content { width:75rem; height:100%; margin:0 auto; position:relative; } .digitizing-img { position:absolute; top:13.75rem; left:0.25rem; display:flex; width:30rem; height:11.25rem; } .digitizing-txt { display:flex; position:absolute; top:27rem; left:2.8125rem; } .digitizing-txt-title { width:2.625rem; height:1.875rem; line-height:2.125rem; font-size:1rem; font-weight:500; color:#FFFFFF; display:flex; } .digitizing-txt-title span { font-size:1.375rem; line-height:1.875rem; } .digitizing-txt-desc { height:1.0625rem; font-size:0.75rem; font-weight:500; line-height:1.0625rem; color:rgba(255,255,255,0.9); margin-top:0.375rem; } .digitizing-txt-vertical { width:0.0625rem; height:3.125rem; background-color:#FFFFFF; margin:0.1875rem 2.5rem 0; } .banner-content-digitizing { position:absolute; top:10.8125rem; right:0; z-index:97; padding:0.9375rem; box-sizing:border-box; } .banner-content-digitizing .banner-bg-top { position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(9,15,33,0.4); border-radius:1.875rem; } .banner-content-digitizing .banner-bg-bottom { position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(255,255,255,0.26); border-radius:1.875rem; } .digitizing-video { width:36rem; height:20.25rem; position:relative; z-index:99; } .banner-play { width:5.625rem; height:5.625rem; position:absolute; top:19.0625rem; right:16.125rem; z-index:99; background:url("../../static/img/index-page/banner-play.svg") no-repeat; background-size:100% 100%; } .banner-play:hover { background:url("../../static/img/index-page/banner-play-hover.svg") no-repeat; background-size:100% 100%; } .digitizing-circle11 { width:2.5rem; height:2.5rem; border-radius:50%; position:absolute; top:11rem; right:36.25rem; } .digitizing-circle1 { background:rgba(9,206,232,0.6); z-index:30; } .digitizing-circle2 { z-index:20; background-color:rgba(11,186,194,0.3); animation:circle1 2s ease-out 1s infinite; } .digitizing-circle3 { z-index:10; background-color:rgba(2,127,193,0.2); animation:scale-circle1 2s ease-out 1s infinite; } .digitizing-circle22 { width:5rem; height:5rem; border-radius:50%; position:absolute; top:26.6875rem; right:0.75rem; } .digitizing-circle5 { z-index:20; background-color:rgba(11,186,194,0.4); animation:circle2 2s ease-out 2s infinite; } .digitizing-circle6 { z-index:10; background-color:rgba(2,127,193,0.3); animation:scale-circle2 2s ease-out 2s infinite; } @keyframes circle1 { from { transform:scale(1); } to { transform:scale(1.75); } }@keyframes scale-circle1 { from { transform:scale(1); } to { transform:scale(2.5); } }@keyframes circle2 { from { transform:scale(1); } to { transform:scale(1.5); } }@keyframes scale-circle2 { from { transform:scale(1); } to { transform:scale(2); } } .banner .user-meeting { background:url("../../static/img/index-page/user-meeting.png") no-repeat; background-size:100% 100%; } .user-meeting-content { width:75rem; height:100%; margin:0 auto; position:relative; } .user-meeting-minibg { position:absolute; top:14.1875rem; left:16rem; height:11.5625rem; width:37.5rem; } /* 鐧借壊杞粦鑹茬殑鏌ョ湅鏇村 */ .user-meeting .more-white-see { position:absolute; top:27.6875rem; left:16rem; } /* .bd-banner */ .banner .aigc-banner{ /* background:url("../../static/img/index-page/aigc-banner.png") no-repeat center center; */ /* background-size:100% 100%; */ } .ns-minibg{ position: absolute; top: 10.625rem; left: 0; width: 44.375rem; height: 14.375rem; } .aigc-banner .more-see { position:absolute; top:26.3125rem; left:4.5rem; } /*banner搴曢儴*/ .banner-bottom { width:100%; height:5rem; background:rgba(9,15,33,0.8); position:absolute; bottom:0; z-index:999; } .banner-bottom-content { width:75rem; height:100%; margin:0 auto; display:flex; } .banner-bottom-content > div:first-child { margin:1.75rem 2.8125rem 1.1875rem 2.75rem; } .banner-bottom-content > div:nth-child(3) { margin:1.75rem 2.75rem 1.1875rem 2.625rem; } .banner-bottom-content > div:nth-child(5) { margin:1.75rem 4.5625rem 1.1875rem 4.5625rem; } .banner-bottom-content > div:nth-child(7) { margin:1.75rem 5.3125rem 1.1875rem 5.3125rem; } .banner-bottom-content > div:nth-child(9) { margin:1.75rem 2.375rem 1.1875rem 2.25rem; } .banner-bottom-content > div:nth-child(11) { margin:1.75rem 0 1.1875rem 3.9375rem; } .banner-bottom-vertical { margin:1.625rem 0 1.5rem; width:0.0625rem; height:1.875rem; background-color:rgba(255,255,255,0.3); } .banner-bottom-txt { height:1.5625rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:rgba(255,255,255,0.9); cursor:pointer } .banner-bottom-txt:hover { color:rgba(255,255,255,1); } .banner-bottom-underscore { width:0; height:0.125rem; margin-top:0.375rem; transition:all 0.3s; background:rgba(255,255,255,1); } /*鍒嗛〉鍣ㄦ牱寮?/ .banner-bullet { display:inline-block; width:0.625rem; height:0.625rem; background:rgba(255,255,255,0.4); border-radius:6.25rem; margin:0 0.1875rem; transition:all 0.3s; } /*鍒嗛〉鍣ㄦ椿鍔ㄥ潡鏍峰紡*/ .banner-bullet-active { width:2.5rem; background:rgba(255,255,255,0.8); } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .banner-swiper-pagination { bottom:6.25rem; } /*鍥涗釜鏉垮潡*/ .four-plate { width:75rem; margin:0 auto; display:flex; justify-content:space-between; } /* .company-news:nth-child(2) { margin-left:9.375rem; margin-right:9.375rem; } */ .four-plate > div { /* width:18.75rem; */ height:8.75rem; margin:0.9375rem 0; padding:1.25rem 0 1.6875rem; box-sizing:border-box; } .four-plate-title { display:flex; align-items:center; } .four-plate-title>div { width:6.25rem; height:2.25rem; background:rgba(233,244,245,1); border-radius:0.5rem; text-align:center; box-sizing:border-box; font-size:1.125rem; font-weight:500; line-height:2.25rem; color:#090F21; } .four-plate-title>.four-plate-title2 { background:rgba(243,245,233,1); } .four-plate-title>.four-plate-title3 { background:rgba(234,237,252,1) } .four-plate-title a { margin-left:1.125rem; width:2.25rem; height:1.0625rem; font-size:0.75rem; font-weight:400; line-height:1.0625rem; color:#090F21; display:flex; align-items:center; } .four-plate-title a:hover { color:rgba(40,171,195,1); } .four-plate-title a div { margin-left:0.1875rem; width:0.8125rem; height:0.8125rem; display:flex; } .four-plate-desc { padding-top:0.625rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#090F21; cursor:pointer; } .four-plate-desc:hover { color:#28ABC3; } .four-plate-abstract { width:18.375rem; overflow:hidden; /*瓒呭嚭閮ㄥ垎闅愯棌*/ white-space:nowrap; /*绂佹鎹㈣*/ text-overflow:ellipsis; /*鐪佺暐鍙?/ padding-top:0.125rem; font-size:0.875rem; font-weight:300; line-height:1.25rem; color:rgba(9,15,33,0.6); } /*C2M*/ .c2m-swiper { width:100%; height: 45rem !important;; overflow:hidden; position:relative; } .c2m-boxes { /* padding-top:5%; */ display:flex; flex-direction:column; justify-content:space-between; } .c2m-swiper .c2m-title { width:100%; text-align:center; font-size:2.625rem; font-weight:500; line-height:3.6875rem; color:#FFFFFF; position:absolute; margin-top:4%; z-index:99; } .c2m-digital { background:url("../../static/img/index-page/C2M-digital.png") no-repeat; background-size:100% 100%; display:flex; justify-content:center; /* align-items:flex-end; */ } .c2m-zhizao { background:url("../../static/img/index-page/C2M-zhizao.png") no-repeat; background-size:100% 100%; display:flex; justify-content:center; align-items:flex-end; } .c2m-gongying { background:url("../../static/img/index-page/C2M-gongying.png") no-repeat; background-size:100% 100%; display:flex; justify-content:center; align-items:flex-end; } .c2m-bullet { display:inline-block; padding:0 1.875rem; height:2.8125rem; font-size:1.125rem; font-weight:500; line-height:2.8125rem; color:#FFFFFF; margin:0 0.3125rem; text-align:center; position:relative; } .c2m-bullet:first-child>div { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.25); border-radius:1.5625rem; transition:all 0.3s; /*transform:translateX(); */ } .c2m-bullet-active { /*background:rgba(255,255,255,0.25); */ /*border-radius:1.5625rem; */ } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.c2m-swiper-pagination { bottom:74%; } .c2m-digital-content { width:75rem; height:32.375rem; position:absolute; bottom:0; padding:5.0625rem 0 0 5rem; box-sizing:border-box; background:rgba(255,255,255,1); border-radius:1.25rem 1.25rem 0 0; } .c2m-digital-content .more-see { position:absolute; top:5.25rem; right:13.0625rem; } .c2m-digital-content-title { margin-bottom:1.75rem; height:2.8125rem; font-size:2rem; font-weight:300; line-height:2.8125rem; color:#090F21; } .home-tips { display:flex; flex-wrap:wrap; } .home-tip { display:flex; height:3.75rem; /* align-items:center; */ } .home-tip-img { display:flex; align-items:center; justify-content:center; } .c2m-digital .home-tip:nth-child(1) { margin:0 4.125rem 0 0.1875rem; } .c2m-digital .home-tip:nth-child(2) { margin-right:4.0625rem; } .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; } .home-tip-txt { margin-left:1rem; } .home-tip-txt>div:first-child { height:1.5625rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#090F21; } .home-tip-txt>div:first-child a:hover { color:#28ABC3; } .home-tip-txt>div:last-child { margin-top:0.375rem; height:1.25rem; font-size:0.875rem; font-weight:300; line-height:1.25rem; color:#090F21; } .c2m-digital-content-case { margin-top:3.8125rem; display:flex; position:absolute; bottom:0; } .c2m-digital-content-case-title { width:16rem; height:15.1875rem; background:rgba(9,15,33,0.87); border-radius:0.625rem 0 0 0; } .c2m-digital-content-case-title>div:first-child { padding:5.5625rem 0 0 3.6875rem; width:7.5rem; height:2.625rem; font-size:1.875rem; font-weight:500; line-height:2.625rem; color:#FFFFFF; } .c2m-digital-content-case-title>div:last-child { padding-left:3.6875rem; width:6.125rem; height:1.375rem; font-size:1rem; font-weight:300; line-height:1.375rem; color:rgba(255,255,255,0.65); display:flex; justify-content:space-between; } .c2m-digital-content-case-video { width:27rem; height:15.1875rem; } .qingdao,.zhibang { position:absolute; top:0; left:16rem; width:27rem; height:15.1875rem; background:rgba(5,16,41,0.5); text-align:center; font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#FFFFFF; text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.4); } .qingdao-play,.guangming-play,.zhibang-play,.jiepai-play { background:url("../../static/img/index-page/banner-play.svg") no-repeat; background-size:100% 100%; width:4.375rem; height:4.375rem; margin:3.625rem auto 0; } .qingdao-play:hover,.guangming-play:hover,.zhibang-play:hover,.jiepai-play:hover { background:url("../../static/img/index-page/banner-play-hover.svg") no-repeat; background-size:100% 100%; } .qingdao>div:nth-child(2),.guangming>div:nth-child(2),.zhibang>div:nth-child(2),.jiepai>div:nth-child(2) { height:2.0625rem; font-size:1.5rem; font-weight:500; line-height:2.0625rem; color:#FFFFFF; text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.4); margin:0.5625rem 0 0.25rem; } .c2m-zhizao-content { width:75rem; height:32.375rem; padding:5.125rem 0 0 4.9375rem; box-sizing:border-box; background:rgba(255,255,255,1); border-radius:1.25rem 1.25rem 0 0; } .guangming,.jiepai { position:absolute; top:0; left:43rem; right:0; text-align:center; width:27rem; height:15.1875rem; background:rgba(5,16,41,0.5); font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#FFFFFF; text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.4); } .c2m-zhizao-content .more-see { position:absolute; bottom:4.8125rem; right:43%; } .c2m-zhizao-content-title { height:2.8125rem; font-size:2rem; font-weight:300; line-height:2.8125rem; color:#090F21; margin-bottom:3.6875rem; } .c2m-zhizao .home-tip:nth-child(1) { margin:0 8.5rem 0 0.1875rem; } .c2m-zhizao .home-tip:nth-child(2) { margin-right:6.4375rem; } .c2m-zhizao .home-tip:nth-child(4) { margin:3.4375rem 5.875rem 0 0.1875rem; } .c2m-zhizao .home-tip:nth-child(5) { margin-top:3.4375rem } .c2m-gongying-content { width:75rem; height:32.375rem; padding:5.0625rem 0 0 5rem; box-sizing:border-box; background:rgba(255,255,255,1); border-radius:1.25rem 1.25rem 0 0; position:relative; } .c2m-gongying-content .more-see { position:absolute; left:38.25rem; top:11.875rem; } .c2m-gongying-content-minibg { position:absolute; top:2.3125rem; right:2.5rem; width:35.1875rem; height:14.875rem; } .c2m-gongying-content-minibg img { width:100%; height:100%; } .c2m-gongying-content-title { height:2.8125rem; font-size:2rem; font-weight:300; line-height:2.8125rem; color:#090F21; margin-bottom:2.125rem; } .c2m-gongying-content-case { margin-top:2.8125rem; display:flex; position:absolute; bottom:0; } .c2m-gongying-content-case-title { width:16rem; height:15.1875rem; background:rgba(9,15,33,0.87); border-radius:0.625rem 0 0 0; } .c2m-gongying-content-case-title>div:first-child { padding:5.625rem 0 0 3.6875rem; width:7.5rem; height:2.625rem; font-size:1.875rem; font-weight:500; line-height:2.625rem; color:#FFFFFF; } .c2m-gongying-content-case-title>div:last-child { padding-left:3.6875rem; width:7.5rem; height:1.375rem; font-size:1rem; font-weight:400; line-height:1.375rem; color:#FFFFFF; opacity:0.65; } #zhibang-video,#jiepai-video { width:27rem; height:15.1875rem; } /*gmc*/ .gmc-swiper { overflow:hidden; height:45rem; background:url('../img/index-page/gmc-banner.png') right center rgba(245,247,250,1); position:relative; background-size:100% 100%; } .gmc-swiper-content { width:75rem; /*margin:0 auto; */ height:45rem; position:absolute; top:17%; left:50%; transform:translateX(-50%); } .gmc-title { position:absolute; top:7.875rem; left:0; width:13.13rem; height:7.375rem; font-size:2.625rem; font-weight:500; line-height:3.6875rem; color:#090F21; } .gmc-swiper .more-black-see { position:absolute; top:17.375rem; left:0; } .gmc-swiper-content>div:nth-child(3) { position:absolute; top:31.8125rem; left:0; width:7rem; height:2.5rem; font-size:1.75rem; font-weight:500; line-height:2.5rem; color:#090F21; } .gmc-swiper-content>div:nth-child(4) { position:absolute; top:34.375rem; left:0; width:10.3125rem; height:1.25rem; font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#84868D; letter-spacing:0.0625rem; } .gmc-swiper-content>div:nth-child(5) { position:absolute; top:6.9375rem; right:15.9375rem; width:7.5rem; height:2.625rem; font-size:1.875rem; font-weight:500; line-height:2.625rem; color:#090F21; } .gmc-swiper-content>div:nth-child(6) { position:absolute; top:9.5625rem; left:51.5625rem; height:1.375rem; font-size:1rem; font-weight:400; line-height:1.375rem; color:rgba(9,15,33,0.65); letter-spacing:0.0625rem; } .gmc-swiper-content>div:nth-child(7) { position:absolute; top:11.625rem; right:-0.8125rem; width:24.25rem; height:14.1875rem; background:rgba(255,255,255,1); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:0.875rem; display:flex; align-items:center; justify-content:center; } #yuantong-video,#xiechen-video { width:23rem; height:12.9375rem; } .yuantong,.xiechen { position:absolute; top:0.625rem; left:0.625rem; right:0.625rem; bottom:0.625rem; text-align:center; border-radius:0.625rem; background:rgba(5,16,41,0.5); } .yuantong-play,.xiechen-play { background:url("../../static/img/index-page/banner-play.svg") no-repeat; background-size:100% 100%; width:4.375rem; height:4.375rem; margin:2.8125rem auto 0; } .yuantong-play:hover,.xiechen-play:hover { background:url("../../static/img/index-page/banner-play-hover.svg") no-repeat; background-size:100% 100%; } .yuantong>div:nth-child(2),.xiechen>div:nth-child(2) { margin-top:0.8125rem; font-size:1.5rem; font-weight:500; line-height:2.0625rem; color:#FFFFFF; text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.2); } .yuantong>div:nth-child(3),.xiechen>div:nth-child(3) { font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#FFFFFF; text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.2); } .gmc-swiper-content>div:nth-child(8) { position:absolute; top:24.5rem; right:3rem; z-index:40; width:24.25rem; height:14.1875rem; background:rgba(255,255,255,1); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:0.875rem; display:flex; align-items:center; justify-content:center; } .gmc-circle { width:2.5rem; height:2.5rem; border-radius:50%; position:absolute; top:26.625rem; right:1.875rem; } .gmc-circle1 { background:rgba(9,206,232,0.6); z-index:30; } .gmc-circle2 { z-index:20; background-color:rgba(11,186,194,0.3); animation:circle1 2s ease-out 1s infinite; } .gmc-circle3 { z-index:10; background-color:rgba(2,127,193,0.2); animation:scale-circle1 2s ease-out 1s infinite; } .gmc-circle-bg { position:absolute; top:2.5625rem; right:9.4375rem; width:19.375rem; height:19.375rem; background:rgba(255,255,255,0.43); box-shadow:0 0 1.25rem rgba(30,41,57,0.1); border-radius:50%; z-index:-1 } .gmc-swiper-content-slide-title { position:absolute; top:8.125rem; left:15.25rem; width:28rem; font-size:2rem; font-weight:300; line-height:2.8125rem; color:#090F21; } .gmc-swiper .gmc-swiper1 { overflow:hidden; position:absolute; top:10.375rem; left:14.1875rem; width:25rem; height:28.75rem; padding:1.25rem; box-sizing:border-box; } .gmc-swiper-slide-content .home-tips .home-tip { margin-top:2.25rem; } .swiper-container-horizontal>.gmc-swiper-pagination { height:0.875rem; text-align:left; left:1.25rem; bottom:6.875rem; } .gmc-bullet { margin:0 0.1875rem; display:inline-block; width:5rem; height:0.5rem; box-sizing:border-box; background:rgba(255,255,255,1); border:.0625rem solid #ECECEC; border-radius:6.25rem; position:relative; } .gmc-bullet:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:0; box-sizing:border-box; background:rgba(40,171,195,1); border-radius:6.25rem; } .gmc-bullet-active:after { width:100%; transition:width 3s linear; -webkit-transition:width 3s linear; -moz-transition:width 3s linear; -ms-transition:width 3s linear; -o-transition:width 3s linear; } /*娉沞rp*/ .erp { margin:0; height:37.5rem; background:url('../img/index-page/erp-bg.png'); background-size: 100% 100%; position:relative; } .erp .hd-main { width:auto; margin-left:10%; height: 100%; } .erp-title { position:relative; display:flex; align-items:center; width:75rem; margin:0 auto; margin-left:7%; } .erp-tabs { display:flex; justify-content:space-between; width:19rem; font-size:1.125rem; font-weight:500; line-height:2.8125rem; color:#FFFFFF; text-align:center; margin-left:6rem; } .erp-tab-active { background:#FFFFFF!important; color:#090F21 !important; opacity:1 !important; } .erp-tab { width:8.25rem; height:2.8125rem; opacity:0.7; background:rgba(255,255,255,0.05); border-radius:1.5625rem; } .erp-content-tab2 { /* display:flex; */ display:none; width:75rem; margin:0 auto; } .erp-swiper,.erp-content-tab2 { height:22.5rem; margin-top:1.6875rem; overflow:hidden; } .erp-swiper .swiper-slide { width:35rem; height:22.5rem; border-radius:1.25rem; overflow:hidden; } .erp-swiper .swiper-slide img { position:absolute; top:0; width:100%; height:100%; transition:all .5s; } .erp-swiper .swiper-slide:hover img { transform:scale(1.2,1.2); transition:all .5s; } .tab2-slide { position:relative; width:36.875rem; height:22.5rem; border-radius:1.25rem; overflow:hidden; } .tab2-slide img { width:36.875rem; height:22.5rem; border-radius:1.25rem; transition:all .5s; } .tab2-slide:hover img { transform:scale(1.2,1.2); transition:all .5s; } .erp-content { position:absolute; z-index:2; top:4.875rem; left:4.625rem; } .erp-content-tit { font-size:2rem; font-weight:500; line-height:2.8125rem; color:#FFFFFF; } .erp-content-p { margin-top:0.5625rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#FFFFFF; } .erp-content .more-white-see { position:absolute; top:0; margin-top:6.25rem; left:0; } .swiper-button-prev:after { display:none; } .swiper-button-next:after { display:none; } .erp-swiper-button-prev { width:2.3125rem; height:2.3125rem; position:absolute; top:0.8125rem; left:70rem; background-image:url('../img/index-page/arrow-left.png'); background-size:100% 100%; } .erp-swiper-button-next { width:2.3125rem; height:2.3125rem; position:absolute; top:0.8125rem; left:71.5625rem; background-image:url('../img/index-page/arrow-right.png'); background-size:100% 100%; } .erp-button-disabled { opacity:0.4; } .erp-btn { position:absolute; top:110%; left:40%; } /* ITO */ .ITO-card { margin:0; height:37.5rem; overflow:hidden; background-color:#F5F7FA !important; } .ITO-card .square-item1,.square-item2,.square-item3 { display:none; } .ITO-container { /* margin-top:4.125rem; */ position:relative; z-index:1; } .ITO-title { display:flex; align-items:center; font-size:2.625rem; font-weight:500; line-height:4.1875rem; color:#090F21; } .ITO-txt { margin-left:8.6875rem; font-size:2rem; font-weight:300; line-height:2.8125rem; color:#090F21; } .ITO-content { margin-top:2.3125rem; text-align:left; } .ITO-boxes { width:75rem; display:flex; justify-content:space-between; } .ITO-box { position:relative; width:23.75rem; height:23.3125rem; background:#ffffff; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:1.25rem; overflow:hidden; } .ITO-box-AIO { background:url('../img/index-page/AIOps.png') #ffffff; background-size:100% 100%; transition:all .5s; } .ITO-box-deyi { background:url('../img/index-page/deyi.png') #ffffff; background-size:100% 100%; transition:all .5s; } .ITO-box-offshore { background:url('../img/index-page/Offshore.png') #ffffff; background-size:100% 100%; transition:all .5s; } .ITO-box-AIO:hover,.ITO-box-deyi:hover,.ITO-box-offshore:hover { background-size:120% 120%; transition:all .5s; } .ITO-box-content { margin:3.125rem 3.25rem; } .ITO-box-tit { margin-bottom:2.9375rem; font-size:1.75rem; font-weight:500; line-height:2.5rem; color:#090F21; } .ITO-box-content .service-tit,.ITO-box-content .service-p { color:#090F21; } .ITO-box-content .service-tit a:hover { color:#28ABC3; } .ITO-box .more-black-see { position:absolute; top:14.25rem; left:3.3125rem; } .ITO-btn { position:absolute; margin-top:2.1875rem; left:45%; } /* 鑱旇惀浼佷笟 */ .qiye-bg-1 { position:absolute; top:7.125rem; right:-11.75rem; width:28.875rem; height:28.875rem; background:#FFFFFF; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:50%; opacity:0.47; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } .qiye-bg-2 { position:absolute; top:-6.25rem; right:-24.375rem; width:55.625rem; height:55.625rem; background:#EAEBFA; box-shadow:0.3125rem 0.3125rem 2.5rem rgba(26,39,59,0.2); border-radius:50%; opacity:0.59; } .qiye-bg-3 { position:absolute; right:-41.4375rem; top:-24.3125rem; width:91.75rem; height:91.75rem; background:#ffffff; box-shadow:0.3125rem 0.3125rem 2.5rem rgba(26,39,59,0.1); border-radius:50%; opacity:0.47; } .qiye-info { position:relative; z-index:1; margin:0; height:37.5rem; background:url('../img/index-page/qiye-bg.png') left center no-repeat #F5F7FA; background-size:100% 100%; } .qiye-title h1 { color:#090F21; margin-top:4.75rem; } .qiye-info .news-p { width:18.75rem; margin-top:1.375rem; margin-bottom:1.875rem; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090F21; } .qiye-tag-container { position:absolute; z-index:1; } .qiye-tag { height:1.875rem; padding:0.625rem 1rem 0.625rem 0.5rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:0.625rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#090F21; display:flex; align-items:center; white-space:nowrap; } .qiye-tag img { width:2rem; height:2rem; margin-right:1.25rem; } .qiye-triangle { border:0.6875rem solid transparent; border-bottom-color:#FFFFFF; border-bottom-width:0.5rem; position:absolute; top:3.1875rem; left:4.0625rem; } .qiye-tag-box { margin-top:1.25rem; z-index:11; top:4.375rem; left:0; display:none; padding:1.25rem 1.25rem 1.5rem; background:rgba(255,255,255,0.9); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); border-radius:0.625rem; transition:all .5s; } .qiye-box-title { font-size:1rem; font-weight:500; line-height:1.375rem; color:#090F21; } .qiye-box-p { width:18rem; margin:0.5rem auto 0.625rem; font-size:0.875rem; font-weight:400; line-height:1.5rem; color:#464646; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .qiye-box-see-more { font-size:0.75rem; font-weight:500; line-height:1.0625rem; color:#090F21; display:flex; align-items:center; } .qiye-info .more-black-see { position:absolute; left:0; } /* 鍏朵粬涓氬姟 */ .other-bg { margin:0; position:relative; } .background-img { position:absolute; top:0; left:0; width:100%; height:100%; transition:all .5s; } .other-bg .anli-title,.other-bg .anli-p { color:#ffffff; } .other-bg .anli-p { margin-top:0rem; } .service-wrap { width:75rem; margin-top:1.5625rem; display:flex; } .service-box { position:relative; width:25rem; height:33.75rem; overflow:hidden; } .service-box .service-tit:hover { font-weight:600; } .service-box img { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; transition:all .5s; } .service-box:hover img { transform:scale(1.2,1.2); transition:all .5s; } .service-box-content { margin:8.125rem 3.125rem; text-align:center; } .service-tag { width:6.5625rem; height:2.375rem; margin-left:6.125rem; margin-bottom:1.3125rem; font-size:1.125rem; font-weight:400; line-height:2.375rem; color:#FFFFFF; background:rgba(255,255,255,0.3); border-radius:0.5rem; } .service-tit { font-size:1.375rem; font-weight:400; line-height:2.3125rem; color:#FFFFFF; margin-bottom:0.25rem; } .service-p { font-size:0.875rem; font-weight:300; line-height:1.25rem; color:#FFFFFF; } .service-btn { position:absolute; left:7.6875rem; top:23.0625rem; } /* 鍝佺墝妗堜緥 */ .mask { position:absolute; left:0; top:0; font-size:1.125rem; font-weight:400; line-height:3.625rem; color:#090F21; text-align:center; width:12.5rem; height:3.625rem; background:#FFFFFF; opacity:0.9; border-radius:0.625rem; z-index:100; box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1); } .anli-bg { margin:0!important; background:url('../img/index-page/anli-bg.png') #F5F7FA; background-size:100% 100%; } .anli-title { text-align:center; font-size:2.625rem; font-weight:500; line-height:4.1875rem; color:#090F21; } .anli-p { margin-top:0.625rem; text-align:center; font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090F21; } .anli-wrap { margin-top:0.8125rem; margin-right:-3.125rem; display:flex; flex-wrap:wrap; justify-content:space-between; } .anli-img { position:relative; margin-top:1.875rem; margin-right:3.125rem; width:12.5rem; height:3.625rem; background:#ffffff; border-radius:0.625rem; } .anli-img img { width:100%; height:100%; } .anli-bg .more-black-see { position:absolute; bottom:-15%; left:45%; } /* 鏁板瓧鍖栧钩鍙 */ .digital-bg { margin-top:0; height:26.875rem; /* padding:6.75rem 0 11.375rem; */ background:url('../img/index-page/digital-bg.png'); background-size:100% 100%; } .digital-wrap { margin-top:-1.125rem; display:flex; justify-content:space-between; } .digital-content { position:relative; margin-top:5.3125rem; width:22.5rem; height:3.75rem; } .digital-content .banner-bottom-underscore { position:absolute; bottom:-0.375rem; } .digital-sub { position:absolute; font-size:1.75rem; font-weight:400; line-height:2.5rem; color:#FFFFFF; opacity:1; } .digital-txt { font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#FFFFFF; opacity:0.7; letter-spacing:0.125rem; } .digital-btn { top:110%; position:absolute; left:45%; } /*鏂伴椈鍙戝竷*/ .news-info { position:relative; margin-top:0; height:29.25rem; background:url('../img/index-page/news_bg.png'); background-size:100% 100%; padding:0; } .news-info .news-title { margin-top:11.0625rem; } .news-title { font-size:2.625rem; font-weight:500; line-height:4.1875rem; color:#FFFFFF; opacity:1; } .news-info .news-p { width:43.75rem; margin-top:1.875rem; font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#FFFFFF; opacity:1; } .news-content-right { /* margin-top:-7%; */ margin-top: .625rem; } .news-list-box { margin-top:1.5rem; width:24.375rem; height:3.0625rem; background:rgba(9,15,33,0.36); border-radius:0.625rem; padding:1.4375rem 3.4375rem; display:flex; align-items:center; } .news-date { margin-right:1.4375rem; font-size:1.375rem; font-weight:400; line-height:1.875rem; color:#FFFFFF; } .date-line { margin-right:1.3125rem; height:2.4375rem; border:.0625rem solid #FFFFFF; } .news-date-year { font-size:0.75rem; } .news-item-title { font-size:1.125rem; font-weight:400; line-height:1.5625rem; color:#F5F7FA; opacity:1; width:14.25rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .news-item-title:hover { font-weight:600; } .news-item p { font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#F5F7FA; opacity:0.6; } .news-btn { position:absolute; top:22.9375rem; left:0; } .news-content { width:18.375rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } /*鍔犲叆姹夊緱*/ .index-join-box { padding: 3.75rem 0; width:100%; height:12.5rem; margin-top:0; background:url('../../static/img/index-page/joinus-bg.png') center no-repeat; background-size:100% 100%; } .join-tit { width:31.375rem; height:11.0625rem; position:absolute; right:0; top:0; } .join-tit img { width:100%; height:100%; } .index-join { width:75rem; margin:0 auto; } .index-join h2 { font-size:2.625rem; font-weight:500; line-height:3.6875rem; color:#090F21; } .index-join h3 { font-size:0.875rem; font-weight:400; line-height:1.75rem; color:#090F21; margin-top:0.3125rem; } .joinus-btn { position:absolute; margin-top:2.5rem; } /* .joinus-btn { border:1px solid #0A0F20 !important; width:9.625rem!important; height:2.5rem !important; margin:2.5rem 3.4375rem 0 0 !important; } .joinus-btn::after { color:#090F21 !important; background-image:url("../../static/img/index-page/right-black.png") !important; background-size:2rem 0.25rem !important; } */ .circle-animated0,.circle-animated2,.circle-animated3 { position:relative; overflow:hidden; } .qiye-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .circle-animated0 .hd-main,.circle-animated1 .hd-main,.circle-animated2 .hd-main,.circle-animated3 .hd-main { position:relative; z-index:1; } .item-bg3 { z-index:0; position:absolute; bottom:20rem; width:18.75rem; height:18.75rem; background:rgba(255,255,255,0.5); border-radius:50%; } .qiye-tag:hover { transform:scale(1.1); transition:all .5s; }