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;
}