html{
        font-size: 13.28px;
		 font-family:"MiSans"!important;
    }
	body{
		 font-family:"MiSans"!important;
	}
	.index_0{
		 /* min-height: 600px; */
        padding: 0 !important;
	}
	 .nav-wrap > ul > li > a{
        width: 3.7rem;
    }
@media (max-width:900px) {
.index_0{
		 min-height: auto;
        padding: 0 !important;
	}
.qiye-box-see-more img{
width: .8125rem;
height: .8125rem;
}
}
 @media (width: 1366px){ 
		.search-logo{
		width: 120px;
	}
    .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;
}
}

 @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; */
}
.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% auto!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 */
.erp-container{
    /* padding-top: 3.125rem; */
	 display: flex;
    flex-direction: column;
    /* justify-content: center; */
    height: 100%;
}

.ITO-container {
     /* margin-top: 2.5rem; */
	 display: flex;
    flex-direction: column;
    /* justify-content: center; */
    height: 100%;
}
.service-contianer{
    padding-top: 8%;
       /* padding-bottom: 0; */
}
.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("https://www.vgtact.com/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("https://www.vgtact.com/static/img/handlogo.svg") no-repeat
}
.logo-new {
	background-size:7.5rem 1.875rem;
	background:url("https://www.vgtact.com/static/img/hand-logo.svg") no-repeat
}
/*banner*/
.banner {
	margin-top: 3.75rem;
	/* width:auto; */
	/* height:37.5rem; */
	/* max-width: 100%; */
	overflow:hidden;
	position:relative;
	width: 100%; 
    aspect-ratio: 1440 / 600;
    display: block; 
    object-fit: cover;
}
.banner-content {
	width:75rem;
	height:100%;
	position:absolute;
	left:50%;
	z-index:100;
	transform:translateX(-50%);
}
.banner .digitizing {
	background:url("https://www.vgtact.com/static/img/index-page/banner-new-1.png") no-repeat ;
	background-size:100% 100%;
}
.banner-digitizing-aigc{
background:url("https://www.vgtact.com/static/img/index-page/aigc-video-bg.png") no-repeat;
	background-size:100% 100%;
}
.ai-middle{
background:url("https://www.vgtact.com/static/img/index-page/ai-middle-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);
}
.ai-middle .banner-content-digitizing .banner-bg-bottom{
background: rgba(255,255,255,0.1);
}
.ai-middle .banner-content-digitizing{
	width: 23.75rem;
height: 31.25rem;
border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
padding: .6875rem;
top: 2.75rem;
    right: 7.875rem;
}
.ai-middle .digitizing-video{
	width: 22.375rem;
height: 29.875rem;
}
.ai-middle .banner-content-digitizing .banner-bg-top{
	background: rgba(255, 255, 255, 0.83);
border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.ai-middle .digitizing-img{
	width: 44.375rem;
	height: 14.375rem;
	top: 8.4375rem;
    left: 2.75rem;
}
.ai-middle .digitizing-img img{
	width: 100%;
	height: 100%;
}
.ai-middle .more-white-see {
	top: 26.3125rem;
    left: 1.9375rem;
}
.ai-middle .banner-play{
	    background: url("https://www.vgtact.com/static/img/index-page/banner1-play.svg") no-repeat;
	top: 14.375rem;
	right: 16.875rem;
	background-size: 100% 100%;
}
.digitizing-content {
	width:75rem;
	height:100%;
	margin:0 auto;
	position:relative;
}
.digitizing-img {
	position:absolute;
	    top: 9.75rem;
    left: .625rem;
	display:flex;
	width: 25rem;
    height: 9.5625rem;
}
.digitizing-txt {
	display:flex;
	position:absolute;
	    top: 22rem;
    left: 2.5rem;
}
.digitizing-txt-title {
	width:2.625rem;
	height:1.875rem;
	line-height:1.9375rem;
	font-size:1.375rem;
	font-weight:600;
	color: #090F21;
	display:flex;
}
.digitizing-txt-title span {
	/* font-size:1.375rem;
	line-height:1.875rem; */
}
.digitizing-txt-desc {
	height:1.0625rem;
	font-size:.875rem;
	font-weight:400;
	line-height:1.1875rem;
	color: #090F21;
	margin-top:.5625rem;
}
.digitizing-txt-vertical {
	width:0.0625rem;
	height:3.125rem;
	background-color:#090F21;
	margin:0.1875rem 1.3125rem 0 1.25rem
}
.banner-content-digitizing {
	position:absolute;
	top:10.8125rem;
	right:0;
	z-index:97;
	padding:0.9375rem;
	box-sizing:border-box;
}
.banner-btns{
	position: absolute;
    top: 21.5625rem;
    left: 3.375rem;
    display: flex;
    width: 20.0625rem;
    justify-content: space-between;
}
.banner-btn{
	background: rgba(255, 255, 255, 0.28);
}
.banner-btn span{
	color: #FFFFFF;;
}
.banner-btn .icon{
background: url("https://www.vgtact.com/static/img/index-page/button-hover1.svg");
    background-size: 100% 100%;
}
.banner-btn::before{
	background: #F9FAFC;
}
.banner-btn:hover span{
	color: #00C3F2;
}
.banner-btn:hover .icon{
	background: url("https://www.vgtact.com/static/img/arrow-new.svg");
	background-size: 100% 100%;
}
.blackbanbtn{
background: #F5F7FD!important;
}
.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("https://www.vgtact.com/static/img/index-page/banner-play.svg") no-repeat;
	background-size:100% 100%;
}
.banner-play:hover {
	background:url("https://www.vgtact.com/static/img/index-page/banner-play-hover.svg") no-repeat;
	background-size:100% 100%;
}
/* .campagin */
.campagin{
     background: url("https://www.vgtact.com/static/img/index-page/campagin-banner4.png") no-repeat;
     background-size: 100% 100%;
}
.campagin-content{
	position: relative;
    width: 59rem;
    margin: 0 auto;
	margin-top: 9rem;
}
.campagin-tit{
    width: 21.625rem;
    height: 10.8125rem;
	margin-left: 1.9375rem;
}
.campagin-tit img{
width: 100%;
height:100%;
}
.campagin .site_clock{
display: flex;
    margin-top: 1.3819rem;
    margin-left: 2.1649rem;
}
.campagin .clock-time{
display: flex;
margin-right: 1.75rem;
}
.campagin .clock_icon{
width: .8125rem;
height: .8125rem;
margin-right: .375rem;
margin-top: .2303rem;
}
.campagin .clock-txt,.location-txt{
    font-weight: 350;
font-size: .9375rem;
color: #333333;
line-height: 1.375rem;
}
.campagin .location{
display: flex;
}
.campagin .location_icon{
width: .8125rem;
height: .9375rem;
margin-right: .375rem;
margin-top: .1842rem;
}
.campagin .counting-down{
display: flex;
margin-top: 1.52rem;
    margin-left: 1.9346rem;
}
.campagin .counting-down-num{
width: 2.1875rem;
height: 2.1875rem;
background: linear-gradient( 146deg, #FFFFFF 0%, rgba(255,255,255,0.1996) 100%);
box-shadow: 0rem 2 1.0625rem 0rem rgba(188,148,111,0.1938);
border-radius: .1875rem .1875rem .1875rem .1875rem;
margin-right: .375rem;
}
.campagin .counting_num_txt{
font-weight: 700;
font-size: .9375rem;
color: #41230C;
line-height: 2.4375rem;
display: flex;
justify-content: center;
}
.campagin .counting-txt{
    line-height: 2.4375rem;
font-weight: 400;
font-size: .75rem;
color: #41230C;
text-align: left;
margin-right: .3125rem;
}
.campagin .more-see {
	position: absolute;
	width: 13.4375rem;
    left: 2rem;
    top: 15.375rem;
}
.campagin .more-black-see:hover{
	border: .0625rem solid #FFD296;
}
.campagin .more-see-black-bg{
	background:linear-gradient(116deg, rgba(255, 255, 255, 0.5) -61%, rgba(255, 255, 255, 0) 52%), linear-gradient(310deg, #FC6D00 -17%, #FFD296 146%) ;
}
.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("https://www.vgtact.com/static/img/index-page/user-meeting.png") no-repeat;
	background-size:100% 100%;
}
.banner .usermeeting2026 {
	background:url("https://www.vgtact.com/static/img/index-page/usermeeting2026.png") no-repeat center center;
	background-size:1920px 1080px;
	/* background-size:100% 100%; */
}
.usermeeting2026 .user-meeting-minibg{
	width: 44.375rem;
	height: 14.375rem;
	    top: 10.75rem;
    left: -1.75rem;
}
.user-meeting-code2026{
width: 23.5rem;
height: 8.125rem;
    position: absolute;
   top: 23.5625rem;
    left: 13.3125rem;

}
.user-meeting-code2026 img{
	width: 100%;
	height: 100%;
}
.usermeeting2026 .more-black-see{
width: 10.0625rem;
height: 4rem;
background: rgba(255,255,255,0.8);
box-shadow: 3px 3px 23px 1px rgba(0,165,239,0.16);
border-radius: 0px 0px 0px 0px;
position: absolute;
       top: 237px;
    left: 261px;
    border: none;
}
.usermeeting2026 .more-black-see:hover .more-see-black-txt{
	    color: #090F21;
}
.usermeeting2026 .more-black-see>div {
    background: url("https://www.vgtact.com/static/img/index-page/black-arrow.svg") 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("https://www.vgtact.com/static/img/index-page/aigc-banner.png") no-repeat center center; */
	/* background-size:100% 100%; */
}

.ns-minibg{
	position: absolute;
	top: 6.75rem;
    left: -1rem;
	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);
	border-radius:6.25rem;
	margin:0 0.1875rem;
	transition:all 0.3s;
	box-shadow: 0px 0px 10px 1px rgba(4,66,201,0.1);
}
/*分页器活动块样式*/
.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:2.5rem;
}
/*四个板块*/
.four-plate {
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	background: url("https://www.vgtact.com/static/img/index-page/four-plate-bg.png");
	background-size: 75rem 7.4375rem;
	height: 7.4375rem;
box-shadow: 0px 0px 30px 1px rgba(4,66,201,0.06);
border-radius: 20px 20px 20px 20px;
margin-top: 2rem;
margin-bottom: 3.75rem;
padding: 0 1.5625rem 0 3.6875rem;
    box-sizing: border-box;
	/* filter:blur(1.25rem);
	-webkit-filter:blur(1.25rem); */
}
.four-plate::after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 75rem;
    height: 7.4375rem;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px);
	border-radius: 20px 20px 20px 20px;
	z-index: -1;
}
.four-plate > div {
	width:18.75rem;
    height:8.75rem;
	margin:1.8125rem 0 0;
	box-sizing:border-box;
}
.four-plate-title {
	display:flex;
	align-items:center;
}
.four-plate-title>div {
	width:6.25rem;
	height:auto;
	border-radius:0.5rem;
	box-sizing:border-box;
	font-weight: 500;
font-size: 1.375rem;
color: #090F21;
line-height: 1.8125rem;
}
.plate-btn2 .icon{
	background:url("https://www.vgtact.com/static/img/index-page/arrow-kuaixun.svg");
	background-size: 100% 100%;
}
.plate-btn3 .icon{
	background:url("https://www.vgtact.com/static/img/index-page/arrow-anli.svg");
	background-size: 100% 100%;
}
.plate-btn2::before {
background: linear-gradient( 354deg, #1438A9 0%, #1569FF 100%);
}
.plate-btn3::before {
background: linear-gradient( 180deg, #FFCB33 0%, #FFA109 100%);
}
 .plate-btn{
	margin-left: -0.5625rem;
	width: 4.875rem!important;
	height: 1.5rem!important;
	border-radius: .75rem .75rem .75rem .75rem!important;
	margin-top: 0!important;
}
.four-plate-title a,.plate-btn span{
	margin-left: .4375rem;
    width: 2.25rem;
    height: 1.0625rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #090F21;
    /* display: flex; */
}
.four-plate-title a{
	height: 1.5rem;
}
.four-plate-title a:hover {
	color: #00C3F2;
}

.plate-btn .icon,.plate-btn::before{
width: 1.25rem;
height: 1.25rem;
top: .125rem;
}
/* .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:1rem;
	font-weight:400;
	line-height:1.375rem;
	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-boxes {
	height: 45.125rem;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	    padding-bottom: 3.75rem!important;
}
.c2m-boxes .hd-main,.c2m-boxes .gmc-swiper-content,.c2m-boxes .ai-capability-header{
	width: 81.25rem;
}
.c2m-tabs{
    width: 75rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
	margin-top: -0.625rem;
    gap: 4.8125rem;
}
.c2m-tab{
width: 9.75rem;
height: 2.6875rem;
font-weight: 400;
font-size: 1.125rem;
color: #090F21;
line-height: 2.6875rem;
border-radius: 21px 21px 21px 21px;
}
.c2m-tab-active{
	font-weight: 600;
font-size: 1.25rem;
color: #FFFFFF;
background: linear-gradient( 180deg, #8AE0FF 0%, #40BAE2 100%);
}
.c2m-boxes .gmc-content{
	margin-top: 1.5rem;
}
.c2m-digital {
	width: 81.25rem;
height: 32.125rem;
background: linear-gradient( 180deg, rgba(93,212,255,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 60px 60px 60px 60px;
}
.c2m-gongying {
	width: 81.25rem;
height: 32.125rem;
background: linear-gradient( 180deg, rgba(103,138,254,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 60px 60px 60px 60px;
}
.c2m-zhizao {
	width: 81.25rem;
height: 32.125rem;
background: linear-gradient( 180deg, rgba(255,226,147,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 60px 60px 60px 60px;
}
.c2m-boxes .gmc-content-left {
    width: 30.6875rem;
    margin-top: 3.5rem;
}
.c2m-boxes .gmc-title{
	margin-bottom: 1.1875rem;
}
.c2m-boxes .gmc-content-right{
width: 42.8125rem;
height: 30.0625rem;
    background: url("https://www.vgtact.com/static/img/index-page/c2m-content-right.png");
    background-size: 100% 100%;
	margin: 1.875rem 0 0 4.625rem;
}
.c2m-digital .more-products-wrap,
.c2m-zhizao .more-products-wrap{
    display: flex;
    flex-direction: column;
	    margin-bottom: 1.25rem!important;
		width: 25rem!important;
		margin-left: 0;
}
.c2m-gongying .more-products-wrap{
    width: 27.5625rem!important;
    margin-bottom: 1.5625rem!important;
    margin-left: 0!important;
gap: 1.125rem 0!important;
}
.c2m-boxes .gmc-content-left .more-products-item {
    border-bottom: 1px solid #ffffff;
}
.c2m-digital .gmc-content-left .more-products-wrap :nth-child(3){
	border: none;
}
.yingxiao-item-flex{
	display: flex;
    width: 26rem;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff;
}
.yingxiao-item-flex .more-products-item{
    border-bottom: 0 !important;
}
.c2m-zhizao-icon{
	width: 4.375rem;
	height: 1.875rem;
}
.c2m-zhizao-icon img{
	width: 100%!important;
	height: 100%!important;
}
.c2m-zhizao .gmc-video-box-txt {
    margin: 1.5rem 0 0 8.0625rem;
}
.c2m-boxes .c2m-zhizao .gmc-content-left .more-products-wrap :nth-child(2){
	border: none;
}
.c2m-yunnan{
	position: absolute;
	width: 25.375rem!important;
	height: 13.1875rem!important;
	top: 11.25rem!important;
	right: 4.9375rem!important;
	border-radius: 20px!important;
	background: transparent!important;
	border: none!important;
}
.c2m-yunnan::before{
	display: none;
}
.c2m-yunnan>img{
	width: 25.375rem!important;
	height: 13.1875rem!important;
	border-radius: 0!important;
	border: none!important;
}
.c2m-yunnan .gmc-ready{
    top: -9.375rem;
    left: -9.8125rem;
}
.yunnan-box-play{
	margin-top: 4.375rem!important;
    z-index: 1;
}
.yunnan-tag-box{
	position: absolute;
	width: 15.125rem;
height: 4rem;
padding: 1.25rem 1.5rem 0 1.875rem;
font-weight: 500;
font-size: 1.125rem;
color: #FFFFFF;
box-sizing: border-box;
background: linear-gradient( 359deg, #1438A9 0%, #1438A9 14.18%, #1569FE 70.25%, #1569FF 100%);
box-shadow: 5px 5px 20px 1px rgba(26,39,59,0.1);
border-radius: 10px 10px 10px 10px;
border: 2px solid #FFFFFF;
}
.qingdao-box{
	width: 20.3125rem!important;
top: 4.3125rem;left: -0.875rem;
background: linear-gradient( 180deg, #8AE0FF 0%, #40BAE2 100%)!important;
}
.qingdao-box .gmc-video-box-txt,
.guangming-box .gmc-video-box-txt,
.luzhou-box .gmc-video-box-txt {
    color: #FFFFFF;
}
.qingdao-box .gmc-box-para,
.guangming-box .gmc-box-para,
.luzhou-box .gmc-box-para {
    color: rgba(255, 255, 255, 0.52);
}

.c2m-boxes .gmc-video-box .gmc-ready{
	width: 33.5625rem;
height: 25.125rem;
	/* background: transparent; */
	box-shadow: 0px 0px 20px 1px rgba(4,66,201,0.1);
border-radius: 20px 20px 20px 20px;
}
.guangming-box{
width: 18.8125rem!important;    
top: 10.125rem;
    left: 18.875rem;
background: linear-gradient( 180deg, #1569FF 0%, #144CCB 100%)!important;
}
.luzhou-box{
width: 15.5625rem!important;top: 17.3125rem;
    left: 1.75rem;
background: linear-gradient( 180deg, #FFCB33 0%, #FFA109 100%)!important;
}
.qingdao-box .gmc-ready{
 top: -2.5rem;
    left: 3.5625rem;
}
.guangming-box  .gmc-ready{
top: -8.3125rem;
    left: -16.1875rem;
}
.luzhou-box  .gmc-ready{
    top: -15.5rem;
    left: .875rem;
}
.zhibang-box{
width: 15.5625rem!important;    
    top: 3.4375rem;
    left: 1.1875rem;
}
.jiepai-box{
width: 15.5625rem!important;    top: 6.25rem;
    right: 4.8125rem;
}
.yinpai-box{
width: 13.5625rem!important;    
    top: 11.0625rem;
    left: 9.125rem;
}
.chunfeng-box{
width: 15.5625rem!important;
    top: 18.8125rem;
    left: 3.4375rem;
}
.sanyi-box{
width: 15.5625rem!important;    
    top: 18.75rem;
    left: 22.4375rem;
}
.yinpai-box .gmc-ready{
    top: -9.3125rem;
    left: -6.5rem;
}
.zhibang-box  .gmc-ready{
    top: -1.6875rem;
    left: 1.4375rem;
}
.jiepai-box  .gmc-ready{
      top: -4.5rem;
    left: -19.75rem;
}
.chunfeng-box  .gmc-ready{
    top: -17rem;
    left: -0.875rem;
}
.sanyi-box  .gmc-ready{
        top: -17rem;
    left: -19.8125rem;
}
.qingdao,.zhibang,.guangming,.luzhou,.jiepai,.chunfeng,.yinpai,.sanyi,.yunnan,.homeai {
position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	border-radius:0.625rem;
}
.qingdao-play,.guangming-play,.luzhou-play,.zhibang-play,.jiepai-play,.yinpai-play,.chunfeng-play,.sanyi-play,.yunnan-play,.yunnan-box-play,.homeai-play {
	background:url("https://www.vgtact.com/static/img/index-page/banner-play.svg") no-repeat;
	background-size:100% 100%;
	width:4.375rem;
	height:4.375rem;
	margin: auto;
    margin-top: 9.6875rem;
}
.yunnan{
	border-radius: 1.25rem;
}

.qingdao-play:hover,.guangming-play:hover,.luzhou-play:hover,.zhibang-play:hover,.jiepai-play:hover,.yinpai-play:hover,.chunfeng-play:hover,.sanyi-play:hover,.yunnan-play:hover,.yunnan-box-play:hover,.homeai-play:hover {
	background:url("https://www.vgtact.com/static/img/index-page/banner-play-hover.svg") no-repeat;
	background-size:100% 100%;
}

#yunnan-video,#zhibang-video,#jiepai-video,#qingdao-video,#guangming-video,#luzhou-video,#yinpai-video,#chunfeng-video,#sanyi-video,#homeai-video{
   width: 33.5625rem;
height: 25.125rem;
}
/*gmc*/
.gmc-swiper {
	overflow:hidden;
	height:45.3125rem;
	background:#ffffff;
	position:relative;
}
.gmc-swiper-content {
	width:75rem;
	margin:0 auto;
    height:100%;
	padding-top: 3.75rem;
}
.gmc-content{
	display: flex;
	justify-content: space-between;
	    margin: -0.625rem 0 0;
}
.gmc-content-left{
width: 31.4375rem;
    margin-top: 2.4375rem;
}
.gmc-title{
	font-weight: 500;
font-size: 1.875rem;
color: #090F21;
line-height: 2.625rem;
    margin-bottom: 2.5625rem;
}
.gmc-content-left .more-products-wrap{
    grid-template-columns: repeat(2, 1fr);
    gap: 1.1875rem 0;
    width: 31.625rem;
	margin-bottom: 1.5625rem;
}
.gmc-content-left .more-products-item {
    padding-bottom: 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid #E7ECFA;
}
.gmc-content-left .more-products-wrap :nth-child(5),
.gmc-content-left .more-products-wrap :nth-child(6){
	border: none;
}
.gmc-content-right{
	position: relative;
	width: 36.5rem;
	height: 34.875rem;
	background: url("https://www.vgtact.com/static/img/index-page/gmc-content-right.png");
	background-size: 100% 100%;
}
.gmc-video-box{
	position: absolute;
	display: flex;
width: 18.8125rem;
height: 6.125rem;
background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.6) 100%);
box-shadow: 0px 0px 20px 1px rgba(4,66,201,0.1);
border-radius: 100px 100px 100px 100px;
border: 1px solid #FFFFFF;
}
.gmc-video-box img{ 
	width: 6.25rem; 
	height: 6.25rem; 
	border-radius: 50%;
}
.gmc-video-box>img{
position: absolute;
top: -0.125rem;
left: -0.0625rem;
border: 2px solid #FFFFFF;
}
.gmc-video-box-txt{
	margin: 1.8125rem 0 0 8.1875rem;
font-weight: 600;
font-size: 1.25rem;
color: #090F21;
line-height: 1.6875rem;
}
.gmc-box-para{
font-weight: 400;
font-size: .75rem;
color:rgba(9, 15, 33, 0.52);
line-height: 1rem;
}
.yuantong-box{
top: 2rem;left: 6.4375rem;
}
.xiechen-box{
width: 20.3125rem;top: 10.875rem;left: 16.25rem;
}
.senma-box{
width: 13.5625rem;top: 17.1875rem;left: 1.25rem;
}
.yuantong-box .gmc-ready{
    top: -0.0625rem;
    left: -5.4375rem;
}
.xiechen-box  .gmc-ready{
top: -8.9375rem;
    left: -15.25rem;
}
.senma-box  .gmc-ready{
top: -15.1875rem;
    left: -0.25rem;
}
.gmc-video-box .gmc-ready{
	/* display: none; */
	    position: absolute;
			width: 33.5625rem;
height: 25.125rem;
	/* background: transparent; */
	box-shadow: 0px 0px 20px 1px rgba(4,66,201,0.1);
border-radius: 20px 20px 20px 20px;
    /* width: 0;
    height: 0; */
	opacity: 0;
	overflow: hidden;
    z-index: -1;
    background: #ffffff;
}
.gmc-video-box:hover>img{
	width: 7.5rem;
	height: 7.5rem;
	transform: translate(-0.625rem,-0.625rem);
	transition: all 0.5s;
}
.gmc-video-box:has(.gmc-ready:hover) > img ,
.c2m-yunnan:hover > img {
  width: 6.25rem;
  height: 6.25rem;
  transform: translate(0);
}
.gmc-video-box-hover .gmc-ready{
	/*display: block;*/
	opacity: 1;
	/* width: 584px;
	height: 558px; */
	z-index: 11;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.gmc-img-box{
	box-sizing: border-box;
	position: absolute;
	padding: .3125rem 1rem;
width: 10rem;
height: 3.5rem;
background: #FFFFFF;
box-shadow: 8px 8px 30px 1px rgba(4,66,201,0.08);
border-radius: 100px 100px 100px 100px;
}
.gmc-img-box img{
	width: 100%;
	height: 100%;
}
.gmc-video-box::before{
	content: '';
    border: 0.6875rem solid transparent;
    border-left-color: #FFFFFF;
    border-left-width: 20px;
    position: absolute;
    top: 2.375rem;
    left: 2.5rem;
	z-index: 1;
}
#yuantong-video,#xiechen-video,#senma-video{
	    width: 33.5625rem;
    height: 25.125rem;
}
.yuantong,.xiechen,.senma {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	border-radius:0.625rem;
	/* background:rgba(5,16,41,0.5); */
}
.yuantong-play,.xiechen-play,.senma-play {
	background:url("https://www.vgtact.com/static/img/index-page/banner-play.svg") no-repeat;
	background-size:100% 100%;
	width:4.375rem;
	height:4.375rem;
	margin: auto;
    margin-top: 9.6875rem;
}
.yuantong-play:hover,.xiechen-play:hover,.senma-play:hover {
	background:url("https://www.vgtact.com/static/img/index-page/banner-play-hover.svg") no-repeat;
	background-size:100% 100%;
}
/*泛erp*/
.erp {
	margin:0;
	height:38.75rem;
	background:#ffffff;
     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-top: .4375rem;
    margin-left: .5625rem;
}
.erp-tabs {
	display:flex;
	gap: 1.6875rem;
	font-size:1.125rem;
	font-weight:500;
	line-height:2.8125rem;
	color: #090F21;
	text-align:center;
	margin-left:3.6875rem;
}
.erp-tab-active {
	background: #090F21!important;
	color: #FFFFFF !important;
	opacity:1 !important;
	font-size: 1.25rem
}
.erp-tab {
	width: 9.75rem;
height: 2.6875rem;
	opacity:0.7;
	background:rgba(255,255,255,0.05);
	border-radius:1.5625rem;
}
.erp-content-tab2 {
    display:none;
	width:75rem;
	margin:0 auto;
	height:29.375rem;
	margin-top:1.6875rem;
	overflow:hidden;
	    gap: 1.25rem;
}

/* 产品展示区域 */
        .products-wrapper {
            display: flex;
            gap: .75rem;
            height: 29.375rem;
			    margin-top: 1.75rem;
            position: relative;
        }
        
        /* 产品卡片 */
        .product-card {
            border-radius: 20px 20px 20px 20px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
            flex-shrink: 0;
        }
        
        /* 展开状态 */
        .product-card.expanded {
            width: 39.5rem;
            flex-shrink: 0;
        }
        
        /* 收缩状态 */
        .product-card.contracted {
            width: 8.125rem;
        }
        
        /* 卡片内容 */
        .card-content-erp {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 3.875rem 5rem;
            color: #fff;
            position: relative;
            z-index: 2;
        }
        
        .contracted .card-content-erp {
			padding: 1.25rem .625rem;
            align-items: center;
            justify-content: center;
			box-sizing: border-box;
        }
        
        /* 背景渐变 */
        .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }
        .expanded .bg-sap {
			background: url("https://www.vgtact.com/static/img/index-page/erp-bg1.png");
			background-size: 100% 100%;
		}
		.expanded .bg-oracle {
			background: url("https://www.vgtact.com/static/img/index-page/erp-bg2.png");
			background-size: 100% 100%;
		}
		.expanded .bg-netsuite {
			background: url("https://www.vgtact.com/static/img/index-page/erp-bg3.png");
			background-size: 100% 100%;
		}
		.expanded .bg-microsoft {
			background: url("https://www.vgtact.com/static/img/index-page/erp-bg4.png");
			background-size: 100% 100%;
		}
		.expanded .bg-siemens {
			background: url("https://www.vgtact.com/static/img/index-page/erp-bg5.png");
			background-size: 100% 100%;
		}
        .contracted .bg-sap {
           background: linear-gradient( 174deg, #0A9BDF 0%, rgba(10,155,223,0.8) 37.93%, rgba(10,155,223,0) 100%);
        }
        
        .contracted .bg-oracle {
           background: linear-gradient( 179deg, #FF7639 0%, rgba(255,118,57,0.8) 37.93%, rgba(255,118,57,0) 100%);
        }
        
        .contracted .bg-netsuite {
          background: linear-gradient( 172deg, #394652 0%, rgba(57,70,82,0.9) 37.93%, rgba(57,70,82,0) 100%);
        }
        
        .contracted .bg-microsoft {
           background: linear-gradient( 174deg, #0143AC 0%, rgba(1,67,172,0.8) 37.93%, rgba(16,83,190,0) 100%);
        }
        
        .contracted .bg-siemens {
           background: linear-gradient( 177deg, #00606E 0%, rgba(0,98,114,0.8) 37.93%, rgba(0,140,162,0) 100%);
        }
        
        /* 产品名称 */
.product-name {
	width: 31.25rem;
font-weight: 600;
font-size: 2.25rem;
color: #FFFFFF;
line-height: 3.375rem;
text-align: left;
        }     
.contracted .product-name {
	width: auto;
font-weight: 600;
text-align: center;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.5rem;
}
/* 产品描述 */
.product-desc {
font-weight: 400;
font-size: 1rem;
color: #FFFFFF;
line-height: 1.5rem;
width: 18.75rem;
}
        
.contracted .product-desc {
display: none;
 } 
/* 了解更多按钮 */
.product-btn{
	margin-top: 1.5625rem;
	background: rgba(255, 255, 255, 0.28);
}
.product-btn span{
	color: #FFFFFF;;
}
.product-btn .icon{
background: url("https://www.vgtact.com/static/img/index-page/button-hover1.svg");
background-size: 100% 100%;
}
.contracted .product-btn {
display: none;
}
.product-btn::before{
	background: #F9FAFC;
}
.product-btn:hover span{
	color: #00C3F2;
}
.product-btn:hover .icon{
	background: url("https://www.vgtact.com/static/img/arrow-new.svg");
	background-size: 100% 100%;
}
.tab2-slide {
	position:relative;
	width: 36.25rem;
height: 29.375rem;
border-radius: 20px 20px 20px 20px;
	overflow:hidden;
}
.tab2-slide img {
	width:100%;
	height:100%;
	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: 3.8125rem;
    left: 3.8125rem;
}
.erp-content-tit {
	font-weight: 600;
font-size: 2.25rem;
color: #FFFFFF;
line-height: 2.9375rem;
}
.erp-content-p {
	font-weight: 400;
font-size: 1rem;
color: #FFFFFF;
line-height: 1.5rem;
	margin-top:0.5625rem;
}
/* ITO */
.ITO-card {
	margin:0;
	height:26.25rem;
	overflow:hidden;
	background-color:#FFFFFF !important;
}
.ITO-card .square-item1,.square-item2,.square-item3 {
	display:none;
}
.ITO-container {
	margin-top:2.375rem;
position:relative;
	z-index:1;
}
.ITO-container::after{
	content: '';
	width: 13.5625rem;
	height: 9.1875rem;
	position: absolute;
	top: .3125rem;
    right: -1.1875rem;
	background: url("https://www.vgtact.com/static/img/index-page/ito_after.png");
	background-size: 100% 100%;
}
.ITO-title {
	display:flex;
	align-items:center;
	font-size: 2.5rem;
color: #030813;
	font-weight:500;
	line-height:4.1875rem;
}
.ITO-txt {
	    margin-left: 5.5rem;
    margin-top: .9375rem;
	font-size:1.875rem;
	font-weight:500;
	line-height:2.625rem;
	color:#090F21;
}
.ITO-content {
	margin-top:4.5rem;
	text-align:left;
}
.ITO-boxes {
	width:75rem;
	display:flex;
	justify-content:space-between;
}
.ITO-box {
	position:relative;
	width:22.5rem;
	height:10.0625rem;
	overflow:hidden;
	border-bottom: 1px solid #DBE0F0;
}
.ITO-box:hover{
	border: none;
	transition: all 0.5s;
}
.ITO-box .banner-bottom-underscore{
	margin-top: 2.5rem;
	background: #00C3F2;
}
.ITO-box-content {
	margin:0;
}
.ITO-box-tit {
	margin-bottom:1.25rem;
	font-size:1.875rem;
	font-weight:500;
	line-height:2.625rem;
	color:#090F21;
}
.ITO-box-content .service-tit,.ITO-box-content .service-p {
	color:#090F21;
}
.ITO-box-content .service-tit{
margin-bottom: 0;
}
.ITO-box-content:hover .service-tit {
	color:#00C3F2;
}
.ITO-box .more-black-see {
	position:absolute;
	top:14.25rem;
	left:3.3125rem;
}
.ITO-btn {
	position:absolute;
	margin-top:2.1875rem;
	left:45%;
}
/* 联营企业 */
.qiye-info {
	position:relative;
	z-index:1;
	margin:0;
	height:25.3125rem;
	background:url("https://www.vgtact.com/static/img/index-page/qiye-new-bg.png") left center no-repeat #FFFFFF;
	background-size:100% 100%;
}
.qiye-info .hd-main{
	display: flex;
	justify-content: space-between;
}
.qiye-container{
	padding-top:5.0625rem;
}
.qiye-info .news-p {
	width:26.125rem;
	margin-top:.875rem;
	margin-bottom:3.125rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.75rem;
	color:#090F21;
}
.qiye-btn{
	background: #F5F7FD;
}
.qiye-content-right{
	width: 48.875rem;
	height: auto;
}
.qiye-tag-container {
	position:absolute;
	z-index:1;
}
.qiye-tag {
width: 15.75rem;
height: 3.125rem;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 8px 8px 30px 1px rgba(4,66,201,0.1);
border-radius: 10px 25px 25px 10px;
	padding:0.625rem 1rem 0.625rem 0.5rem;
	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: 3.125rem;
height: 3.125rem;
padding: .5rem .625rem .625rem .5rem;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.1);
border-radius: 10px 10px 10px 10px;
	    margin: 0 1.3125rem 0 -0.625rem;
}
.qiye-triangle {
	border: 0.6875rem solid transparent;
    border-bottom-color: #FFFFFF;
    border-bottom-width: .9375rem;
    position: absolute;
    top: 2.5rem;
    left: 4.0625rem;
}
.qiye-tag-box {
	margin-top:1rem;
	margin-left: 1.125rem;
	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:.125rem auto .8125rem;
	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-box-see-more img{
	width: .8125rem;
	height: .8125rem;
	margin-left: .1875rem;
}
.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.25rem;
	font-weight:500;
	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;
}
/* 品牌案例 */
.mask {
	position:absolute;
	left:0;
	top:0;
	font-size:1.125rem;
	font-weight:400;
	line-height:3rem;
	color:#090F21;
	text-align:center;
	width: 10.375rem;
height: 3rem;
	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;
	height: 37.5rem;
	background:url("https://www.vgtact.com/static/img/index-page/anli-new-bg.png");
	background-size:100% 100%;
}
.anli-title {
	margin-top: 4.375rem;
	text-align:center;
	font-weight: 500;
font-size: 2.5rem;
color: #030813;
line-height: 3.5rem;
}
.anli-wrap {
	 margin-top: 2.1875rem;
	display:flex;
	height: 14.375rem;
}
.anli-img {
	width: 10.375rem;
height: 3rem;
box-shadow: 5px 5px 20px 1px rgba(26,39,59,0.06);
	position:relative;
	margin-right:2.5rem;
	background:#ffffff;
	border-radius:0.625rem;
	padding: 0 1rem;
	box-sizing: border-box;
}
.anli-img img {
	width:100%;
	height:100%;
}
.anli-bg .more-black-see {
	position:absolute;
	bottom:-15%;
	left:45%;
}
.anli-btn{
	    width: 10.375rem;
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: 4.75rem;
}
/* 品牌案例 - 横向自动滚动布局 */
.anli-scroll-track {
    display: flex;
    animation: anliScroll 600s linear infinite;
    -webkit-animation: anliScroll 600s linear infinite;
}
.anli-scroll-track:hover {
    animation-play-state: paused;
}
@keyframes anliScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.anli-row-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    flex-shrink: 0;
}
.anli-row {
    display: flex;
}
/* 数字化平台 */
.digital-bg {
	margin-top:0;
	height:37.8125rem;
	/* padding:6.75rem 0 11.375rem; */
	background:url("https://www.vgtact.com/static/img/index-page/digital-new-bg.png");
	background-size:100% 100%;
}
.digital-bg .news-container{
padding-top: 5rem;
}
.digital-wrap {
	margin-top:-0.5625rem;
	display:flex;
}
.digital-content {
	position:relative;
	margin-top:2.6875rem;
	margin-right: 3.75rem;
	width:12.1875rem;
	height:3.75rem;
}
.digital-content .banner-bottom-underscore {
	position:absolute;
	bottom:-0.375rem;
	background: linear-gradient( 81deg, #8AE0FF 0%, #40BAE2 100%);
border-radius: 2px 2px 2px 2px;
}
.digital-sub {
	position:absolute;
	font-weight: 600;
font-size: 1.125rem;
color: #090F21;
line-height: 1.8125rem;
	opacity:1;
}
.digital-txt {
	font-weight: 400;
font-size: 1rem;
color: #090F21;
line-height: 1.375rem;
	opacity:0.7;
	/* letter-spacing:0.125rem; */
}
.digital-btn {
	margin-top: 2.375rem;
}
/*新闻发布*/
.news-info {
	position:relative;
	margin-top:0;
	height:29.4375rem;
	background: #FFFFFF;
	padding:0;
}
.news-info .hd-main{
display: flex;
justify-content: space-between;
}
.news-info .news-title {
	margin-top:5.8125rem;
}
.news-title {
	font-weight: 500;
font-size: 2.5rem;
color: #030813;
line-height: 3.5rem;
	opacity:1;
}
.news-info .news-p {
	width:19.0625rem;
	margin-top:.8125rem;
	font-weight: 400;
font-size: .875rem;
color: #090F21;
line-height: 1.75rem;
	opacity:1;
}
.news-content-right {
	position: relative;
	width: 45.6875rem;
	height: 21.8125rem;
	background: linear-gradient( 180deg, #CEECFF 0%, rgba(255,255,255,0) 100%);
	border-radius: 60px 60px 60px 60px;
	padding: 1.375rem 0 0 6.5rem;
	box-sizing: border-box;
}
.news-content-right::before{
 content: '';
	  position: absolute;
	      top: 2.6875rem;
    left: -2.5rem;
    z-index: -1;
    width: 7.625rem;
    height: 7.625rem;
	background: url("https://www.vgtact.com/static/img/index-page/news-box-before.svg");
	background-size: 100% 100%;
}
.news-content-right::after{
 content: '';
	    position: absolute;
    bottom: -0.875rem;
    right: -0.75rem;
    width: 6.5625rem;
    height: 4.5rem;
	background: url("https://www.vgtact.com/static/img/index-page/news-box-after.svg");
	background-size: 100% 100%;
}
.new-box-bottom{
	position: absolute;
	width: 45.375rem;
    height: 18.25rem;
    top: 5.875rem;
    left: .0625rem;
	opacity: 0.5;
}
.new-box-bottom img{
	width: 100%;
	height:100%;
}
.news-list-box {
	    margin-top: 1.3125rem;
    padding: 0 3.25rem 0;
	display:flex;
	align-items:center;
	    position: relative;
    z-index: 2;
}
.news-date {
	 width: 4.3125rem;
height: 3.1875rem;
background: #FFFFFF;
border-radius: 13px 13px 13px 13px;
	margin-right:1.875rem;
	font-weight: 500;
font-size: 1.25rem;
color: #090F21;
line-height: 1.125rem;
    box-sizing: border-box;
    padding: .3125rem 1.1875rem;
}
.news-date p{
	margin-left: -0.6875rem;
}
.date-line {
	width: 31.25rem;
height: 0;
border: 1px solid #E7ECFA;
margin-top: 1.3125rem;
    margin-left: 3.0625rem;
	 position: relative;
    z-index: 2;
}
.news-content-right :nth-child(6){
	display: none;
}
.news-date-year {
	font-size:0.75rem;
}
.news-item-title {
	font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.5rem;
	opacity:1;
	width:14.25rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.news-list-box:hover .news-item-title{
	color: #00C3F2;
}
.news-list-box:hover .news-date{
	 background: linear-gradient( 180deg, #8AE0FF 0%, #40BAE2 100%);
	 color: #FFFFFF;
}
.news-item p {
	font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.75rem;
}
.news-btn {
	position:absolute;
	top:16.5625rem;
	left:0;
	background: #F5F7FD;
}
.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.1875rem 0 4.875rem 0;
	width:100%;
	height:9.6875rem;
	margin-top:0;
	background:url("https://www.vgtact.com/static/img/index-page/joinus-bg-new.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.5rem;
	font-weight:500;
	line-height:3.5rem;
	color: #030813;
	text-align: center;
}
.index-join h3 {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.75rem;
	color:#090F21;
	margin-top:0.3125rem;
	text-align: center;
}
.joinus-btn {
    display: flex;
    width: 20.1875rem;
    margin: 0 auto;
    margin-top: .6875rem;
    justify-content: space-between;
}
.social-btn .icon{
background:url("https://www.vgtact.com/static/img/index-page/social-btn.svg");
	background-size: 100% 100%;
}
.social-btn:hover::before{
background: linear-gradient( 180deg, #FFCB33 0%, #FFA109 100%);
}
.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;
}

/* 更多产品及服务 */
.more-products-bg {
  position: relative;
  margin: 0;
  background: #ffffff;
  overflow: hidden;
  height: 26.125rem;
      padding: 1.25rem 0 3.125rem!important;
    box-sizing: border-box;
}
.more-products-bg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 100%;
  height: 21.75rem;
  background: url("https://www.vgtact.com/static/img/index-page/more-products-bg.png") no-repeat top left;
  background-size: 100% 100%;
  opacity: 0.8;
}
.more-products-container {
  position: relative;
  z-index: 2;
  padding-top: 4.375rem;
  display: flex;
}
.more-products-p {
  width: 18.75rem;
  margin-top: .8125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #464646;
}
.more-products-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
      gap: 3.5rem 1.875rem;
    width: 51.25rem;
  margin-left: auto;
position: relative;
}
.more-products-container .more-products-wrap {
    display: flex;
    flex-wrap: wrap;
	  gap: 3.5rem 0;
}
.more-products-container .more-products-item{
	width: 16.1875rem;
     margin-right: 0;
}
.more-products-container .more-products-item:nth-child(3n){
	    width: 15.375rem;
    margin-left: 3.5rem;
}
/* 用伪元素单独绘制第一条和第二条底线 */
.more-products-bg .more-products-wrap::before,
.more-products-bg .more-products-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E7ECFA;;
}

/* 第一条底线：位于第1行和第2行之间 */
.more-products-bg .more-products-wrap::before {
  top:4.125rem; 
}

/* 第二条底线：位于第2行和第3行之间 */
.more-products-bg .more-products-wrap::after {
  top:10.0625rem;
}
.more-products-item {
  display: flex;
  align-items: center;
  gap: 1.0625rem;
}
.more-products-name:hover{
 color: #00C3F2;
 transition: all 0.3s;
}
.more-products-icon {
  width: 2.375rem;
  height: 2.375rem;
    transition: all 0.5s;
}
.more-products-icon img {
  width: 100%;
  height: 100%;
}
.more-products-name {
  font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.5rem;
  /* flex: 1; */
}
/* AI能力模块 */
.ai-capability-bg {
    position: relative;
    z-index: 1;
    margin: 0;
	height: 44.75rem;
    background: #ffffff;
	overflow: hidden;
}
.ai-capability-container {
    position: relative;
    z-index: 2;
    padding-top: 3.75rem;
}
.ai-capability-header {
    text-align: center;
    margin-bottom: 2.1875rem;
}
.ai-capability-title {
    font-weight: 500;
font-size: 2.5rem;
color: #030813;
line-height: 3.5rem;
    margin-bottom: .3125rem;
}
.ai-capability-subtitle {
    font-weight: 600;
font-size: 1.125rem;
color: #00C3F2;
line-height: 1.5rem;
}
.ai-capability-content {
	position: relative;
    display: flex;
    align-items: flex-start;
	background: url("https://www.vgtact.com/static/img/index-page/ai-bg3.png") no-repeat;
    background-size: 100% 100%;
}
.ai-product-list {
    width: 23.125rem;
}
.ai-product-list-title{
	font-weight: 500;
font-size: 1.875rem;
color: #090F21;
line-height: 2.625rem;
 margin-top: 1.1875rem;
    margin-bottom: 3.0625rem;
}
.ai-product-item {
	margin-top: 1.5rem;
    display: flex;
    gap: 1.25rem;
    padding:0 0 .9375rem;
    border-bottom: 1px solid #E7ECFA;
}
.ai-product-list :nth-child(4){
border: none;
}
.ai-product-info:hover .ai-product-name{
color: #00C3F2;
}
.ai-product-info{
	width: 6.25rem;
}
.ai-product-icon {
	width: 2.5rem;
	height: 2.5rem;
	margin: .4375rem .375rem 0 0;
	transition: all 0.5s;
}
.ai-product-icon img {
    width: 100%;
    height: 100%;
}
.ai-product-name {
   font-weight: 500;
font-size: 1.25rem;
color: #090F21;
line-height: 1.6875rem;
}
.ai-product-desc {
    font-weight: 400;
font-size: .875rem;
color: #090F21;
line-height: 1.75rem;
}
.ai-product-actions {
    display: flex;
        gap: 2.375rem;
    margin-top: .4375rem;
}
.ai-action-btn {
   background: #F5F7FD;
}
.ai-agent-area {
    position: relative;
    width: 44.4375rem;
height: 32.75rem;
margin: .625rem 0 0 5.6875rem;
}
.ai-agent-area::before{
	content: '';
	position: absolute;
	top:0;
	width: 44.4375rem;
height: 32.75rem;
background: linear-gradient( 180deg, #D9E3FF 0%, rgba(249,253,255,0) 45.32%, rgba(255,255,255,0) 100%);
border-radius: 60px 60px 60px 60px;
}
.ai-capability-content::before{
content: '';
	position: absolute;
	top: 3.125rem;
    right: -2.3125rem;
	width:9.375rem;
height: 9.875rem;
background: url("https://www.vgtact.com/static/img/index-page/ai-content-before.svg");
background-size: 100% 100%;
z-index: 1;
}
.ai-agent-tags {
    position: absolute;
    width: 100%;
    height: 100%;
	z-index: 1;
}
.agent-tag {
    position: absolute;
    padding: .875rem 1.875rem;
   font-weight: 400;
font-size: .875rem;
color: #090F21;
background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.6) 100%);
box-shadow: 0px 0px 20px 1px rgba(4,66,201,0.1);
border-radius: 100px 100px 100px 100px;
border: 1px solid #FFFFFF;
}
.agent-tag-1 { top: 4.125rem;left: 3.4375rem; }
.agent-tag-2 { top: 8.5625rem;left: -3.125rem; }
.agent-tag-3 { top: 12.9375rem;left: -2.3125rem; }
.agent-tag-4 { top: 17.3125rem;left: -3rem; }
.agent-tag-5 { top: 21.6875rem;left: -4.5rem; }
.agent-tag-6 { top: 26.1875rem;left: 3.125rem;}
.agent-tag-7 {bottom: 3.875rem;left: 18.5rem; }
.agent-tag-8 { top: 4rem;right: 5.3125rem; }
.agent-tag-9 {     top: 8.4375rem;right: -2.3125rem;}
.agent-tag-10 { top: 12.75rem;right: .3125rem; }
.agent-tag-11 {     top: 17.1875rem;right: -0.8125rem; }
.agent-tag-12 {     top: 21.5625rem;right: 1.875rem; }
.agent-tag-more {    bottom: 3.875rem;right: 9.5625rem;}
.agent-recommend-label {
    position: absolute;
    top:3.875rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin-top: -1.875rem;
}
.recommend-title {
    font-weight: 500;
font-size: 1.25rem;
color: #090F21;
line-height: 1.75rem;
    margin-bottom: 0.25rem;
}
.recommend-desc {
   font-weight: 400;
font-size: .75rem; 
color: rgba(9,15,33,0.5);
line-height: 1rem;
}
.alu-box-tag-button-a{
	display: block;
	width: fit-content;
}
.home-ai-box{
        top: 20px;
    left: 90px;
    width: 0;
    height: 0;
    border: 0;
}
.home-ai-box::before{
	display: none;
}