
/* 1366 */
.ITO-container {
     /* margin-top: 2.5rem; */
	 display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.hd-banner{
    padding: 0;
}

.contain {
    background: #ffffff;
    width: 100%;
    min-width: auto;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/*nav*/
.header {
    background: none;
    transition: all .3s;
}

/* .search-logo-new {
	background:url('/static/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 {
	margin-top: 44px;
    width: 100%;
    height: 29.5rem;
    overflow: hidden;
    position: relative;
}
.banner-content {
	width:23.4375rem;
	height:100%;
	position:absolute;
	left:50%;
	z-index:100;
	transform:translateX(-50%);
}
.banner .digitizing {
	background:url("/static/img/m/index-page/banner-shuzihua.png") no-repeat;
	background-size:100% 100%;
}

.banner-digitizing-aigc{
background:url("/static/img/m/index-page/aigc-video-bg.png") no-repeat;
	background-size:100% 100%;
}
.banner-digitizing-aigc .digitizing-img{
	width: 18.75rem;
	height: 6.6875rem;
	    top: 4.0625rem;
    left: .875rem;
}
.banner-digitizing-aigc .more-white-see{
top: 11.875rem;
left: 2.8125rem;
}
.banner-digitizing-aigc .digitizing-video {
	width: 18rem;
height: 10.125rem;
}
.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:20.5rem;
	height:100%;
	margin:0 auto;
	position:relative;
}
.digitizing-img {
	position:absolute;
	top:3.375rem;
	left:0;
	display:flex;
	width:16.5625rem;
	height:6.2106rem;
}
.digitizing-txt {
	display:flex;
	position:absolute;
	top:10.4375rem;
	left:1.3125rem;
}
.digitizing-txt-title {
	height:1rem;
	line-height:1.6875rem;
	font-size:1rem;
	font-weight:400;
	color:#FFFFFF;
	display:flex;
}
.digitizing-txt-title span {
	font-size:1rem;
}
.digitizing-txt-desc {
	height:.625rem;
	font-size:.625rem;
	font-weight:400;
	line-height:1.0625rem;
	color:rgba(255,255,255,0.9);
	margin-top:.3125rem;
}
.digitizing-txt-vertical {
	width:0.0625rem;
	height:1.6875rem;
	background-color:#FFFFFF;
	margin:0.1875rem .6875rem 0;
}
.banner-content-digitizing {
	position:absolute;
	top:14.625rem;
	left: 2.375rem;
	z-index:97;
	padding:.4375rem;
	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: 1rem;
}
.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:1rem;
}
.digitizing-video {
	width: 18.75rem;
height: 9.125rem;
	position:relative;
	z-index:99;
}
.banner-play {
	    width: 2.375rem;
    height: 2.375rem;
    position: absolute;
    top:18.5rem;
    right: 10.0625rem;
    z-index: 99;
	background:url("/static/img/m/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: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    position: absolute;
    top: 14.625rem;
    left: .75rem;
}
.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: 2.0625rem;
    height: 2.0625rem;
    border-radius: 50%;
    position: absolute;
        top: 22rem;
    right: -0.4375rem;
}
.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/m/index-page/user-meeting.png") no-repeat;
	background-size:100% 100%;
}
.user-meeting-content {
	width:23.4375rem;
	height:100%;
	margin:0 auto;
	position:relative;
}
.user-meeting-minibg {
	position:absolute;
	top:14.1875rem;
	left:16rem;
	height:11.5625rem;
	width:37.5rem;
}
.ai-middle{
	background:url("/static/img/m/index-page/ai-middle-bg.png") no-repeat;
	background-size:100% 100%;
}
.ai-middle .digitizing-img{
	width: 21.25rem;
	height: 6.875rem;
	top: 2.6875rem;
	left: .875rem;
}
.ai-middle .more-white-see {
    top: 10rem;
    left: 3.375rem;
}
.ai-middle .banner-content-digitizing{
	width: 18.125rem;
	height: 10.5rem;
	padding: .3125rem;
	box-sizing: border-box;
	top:14rem;
}
.ai-middle .digitizing-video{
	width: 17.5rem;
	height: 9.875rem;
}
.ai-middle .banner-content-digitizing .banner-bg-top{
	background: rgba(255,255,255,0.83);
border-radius: .875rem .875rem .875rem .875rem;
}
.ai-middle  .banner-content-digitizing .banner-bg-bottom{
background: rgba(255,255,255,0.1);
}
.ai-middle .banner-play{
	top: 18.1875rem;
    left: 10.3125rem;
	    background: url('/static/img/m/index-page/banner1-play.svg') no-repeat;
		background-size: 100% 100%;
}
/* .campagin */
.campagin{
     background: url('/static/img/index-page/campaign-banner5.png') no-repeat;
     background-size: 100% 100%;
}
.campagin-content{
	position: relative;
    width: 20.3125rem;
    margin: 0 auto;
	margin-top: 5.4375rem;
}
.campagin-tit{
  width: 15.5rem;
    height: 8rem;
    margin-left: 2.0625rem;
}
.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;
	    left: 4rem;
    top: 11.875rem;
	width: 10.125rem;
}
.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%) ;
}
/* 白色转黑色的查看更多 */
.user-meeting .more-white-see {
	position:absolute;
	top:27.6875rem;
	left:16rem;
}
/* .bd-banner */
.banner .aigc-banner{
	/* background:url("/static/img/m/index-page/aigc-banner.png") no-repeat center center; */
	background-size:100% 100%;
}
/* .ns-banner */
.ns-minibg{
	position: absolute;
	top: 2.4375rem;
	left: 0;
	width: 21.25rem;
	height: 6.875rem;
}
.ns-minibg img{
	image-rendering:pixelated
}
.zz-banner .more-see,.ns-banner .more-see,.zb-banner .more-see,.bd-banner .more-see,.zq-banner .more-see,.hdsp-banner .more-see,.hxz-banner .more-see,.aigc-banner .more-see{
	position:absolute;
	top:9.8125rem;
	left:3.3125rem;
}
.zz-banner .ns-minibg,.bd-banner .ns-minibg,.zq-banner .ns-minibg,.hdsp-banner .ns-minibg,.hxz-banner .ns-minibg{
top: 3.125rem;
}
.zz-banner .more-see,.bd-banner .more-see,.zq-banner .more-see,.hdsp-banner .more-see,.hxz-banner .more-see{
	top:10.4375rem;
}
.banner .zb-banner{
	background:url("/static/img/m/index-page/zb-banner.png") no-repeat center center;
	background-size:100% 100%;
}
/*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:23.4375rem;
	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:2rem;
}
/*四个板块*/
.four-plate {
	height: 7.5rem;
    overflow: hidden;
}
.four-plate-wrap{
	display:flex;
	justify-content:space-between;
	overflow-x: scroll;
}
.company-news{
	margin: 1.5rem 1.5625rem 2.0625rem 0;
}
.company-news:first-child{
	margin-left: 1.5rem;
}
.four-plate-title {
	display:flex;
	align-items:center;
}
.four-plate-title>div {
	width: 4.625rem;
	height: 1.625rem;
	background:rgba(233,244,245,1);
	border-radius:.25rem;
	text-align:center;
	box-sizing:border-box;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.625rem;
	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:.6875rem;
	/* width:2.25rem;
	height:1.0625rem; */
	font-size: .75rem;
font-weight: 400;
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:.375rem;
	width:0.8125rem;
	height:0.8125rem;
	display:flex;
}
.four-plate-desc {
	padding-top:.6875rem;
	font-size: .875rem;
font-weight: 400;
color: #090F21;
	cursor:pointer;
}
.four-plate-desc:hover {
	color:#28ABC3;
}
.four-plate-abstract {
	width:16.3125rem;
	overflow:hidden;
	/*超出部分隐藏*/
     white-space:nowrap;
	/*禁止换行*/
     text-overflow:ellipsis;
	/*省略号*/
    padding-top:.4375rem;
	font-size: .75rem;
font-weight: 400;
color: #090F21;
opacity: 0.6;
}
/*C2M*/
.c2m-swiper {
	width:100%;
	height: 42.6875rem;
	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: 1.5rem;
font-weight: 500;
color: #FFFFFF;
	position:absolute;
	margin-top:3.125rem;
	z-index:99;
}
.c2m-digital {
	background:url("/static/img/m/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/m/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/m/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.375rem;
	height:1.875rem;
	font-size: .875rem;
font-weight: 500;
line-height: 1.875rem;
color: #FFFFFF;
	/* margin:0 .5rem; */
	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;
}
.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: auto;
    top: 5.5625rem;
}
.c2m-digital-content,.c2m-zhizao-content,.c2m-gongying-content{
	width:100%;
	height: 34.3125rem;
	position:absolute;
	bottom:0;
	padding:2.375rem 0 0;
	box-sizing:border-box;
	background:rgba(255,255,255,1);
	border-radius:1.25rem 1.25rem 0 0;
}
.c2m-swiper .gmc-line{
background-color: #E7E9EB;
}

.c2m-digital-content .more-see {
    position: absolute;
    top: auto;
    left: 2.75rem;
    margin-top: 1.1875rem;
}
.c2m-digital-content-title,.c2m-zhizao-content-title,.c2m-gongying-content-title {
	text-align: center;
	font-size: 1rem;
font-weight: 400;
color: #090F21;
}
.c2m-digital-content-case,.c2m-gongying-content-case,.gmc-bottom-video{
	position: absolute;
	bottom: 0;
}
.home-tips {
	margin-top: .125rem;
	margin-left: 2.5rem;
	display:flex;
	flex-wrap:wrap;
}
.home-tip {
	display:flex;
	height:2.75rem;
	margin-top: 1.625rem;
}
.home-tip-img {
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.75rem;
	height:2.75rem;
	background:rgba(255,255,255);
	box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius: .625rem;
	transition:all 0.5s;
}
.home-tip-img img{
	width: 1.875rem;
	height: 1.875rem;
}
.home-tip-txt {
	margin-left:.5625rem;
}
.home-tip-txt>div:first-child {
	height:.875rem;
	font-size: .875rem;
font-weight: 400;
color: #090F21;
}
.home-tip-txt>div:first-child a:hover {
	color:#28ABC3;
}
.home-tip-txt>div:last-child {
	margin-top:.5rem;
	font-size: .75rem;
font-weight: 400;
color: rgba(9,15,33,0.5);
}

.c2m-zhizao-content .more-see {
	position: absolute;
    top: auto;
    left: 2.75rem;
    margin-top: 3.75rem;
}
.c2m-gongying-content .more-see {
	    position: absolute;
    left: 2.75rem;
    top: auto;
    margin-top: 1.3125rem;
}
.c2m-gongying-content-minibg {
	    position: absolute;
    top: 11.5rem;
	right: 1.5rem;
    width: 20.375rem;
    height: 12.8125rem;
	z-index: 111;
}
.c2m-gongying-content-minibg img {
	width:100%;
	height:100%;
}
.c2m-gongying-content-title {
	margin-left: 2.75rem;
	text-align: left;
}

/*gmc*/
.gmc-swiper {
	overflow:hidden;
	height:50rem;
	background: rgba(245,247,250,1);
	position:relative;
	background-size:100% 100%;
}
.gmc-swiper-content {
	margin-top: 3.125rem;
	width:100vw;
    height:46.875rem;
}
.gmc-title {
	width: 100vw;
    text-align: center;
	font-size: 1.5rem;
font-weight: 500;
color: #090F21;
}
.gmc-swiper .more-black-see {
	position: absolute;
    left: 2.6875rem;
    margin-top: 1.3125rem;
}
.gmc-swiper-content-slide-title {
	width: 100vw;
    text-align: center;
	margin-top: .75rem;
	font-size: 1rem;
font-weight: 400;
/* line-height: 1.6875rem; */
color: #090F21;
}
.gmc-line{
	margin-left: 1.5625rem;
	width: 20.375rem;
height: .0625rem;
background-color: #FFFFFF;
    margin-top: 4.375rem;
}
.gmc-pinpai{
	display: flex;
	align-items: center;
	margin-left: 2.75rem;
	margin-top: .875rem;
font-size: 1rem;
font-weight: 500;
color: #090F21;
}
.gmc-brand{
	margin-left: .25rem;
font-size: .625rem;
font-weight: 400;
color: #090F21;
opacity: 0.65;
}
.gmc-bottom-video{
	margin-top: .875rem;
	display: flex;
	justify-content:space-around;
}
.gmc-bottom-video>div{
	position: relative;
	width: 50vw;
height: 10rem;
}
#yuantong-video,#xiechen-video,#qingdao-video,#guangming-video,#zhibang-video,#jiepai-video{
	width: 100%;
height: 100%;
object-fit:cover;
}
.yuantong,.xiechen,.guangming,.qingdao,.zhibang,.jiepai{
	width: 50vw;
height: 10rem;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	background:rgba(5,16,41,0.5);
}
.yuantong-play,.xiechen-play,.qingdao-play,.guangming-play,.zhibang-play,.jiepai-play {
	background:url("/static/img/m/index-page/banner-play.svg") no-repeat;
	background-size:100% 100%;
	width:2.375rem;
	height:2.375rem;
	margin:2.5625rem auto 0;
}
.yuantong-play:hover,.xiechen-play:hover,.qingdao-play:hover,.guangming-play:hover,.zhibang-play:hover,.jiepai-play:hover{
	background:url("/static/static/img/m/index-page/banner-play-hover.svg") no-repeat;
	background-size:100% 100%;
}
.yuantong>div:nth-child(2),.xiechen>div:nth-child(2),.qingdao>div:nth-child(2),.guangming>div:nth-child(2),.zhibang>div:nth-child(2),.jiepai>div:nth-child(2) {
	margin-top:1.125rem;
	font-size: .875rem;
font-weight: 500;
color: #FFFFFF;
text-shadow: 0rem .1875rem .375rem rgba(0,0,0,0.4);
}
.yuantong>div:nth-child(3),.xiechen>div:nth-child(3),.qingdao>div:nth-child(3),.guangming>div:nth-child(3),.zhibang>div:nth-child(3),.jiepai>div:nth-child(3) {
	margin-top: .375rem;
	font-size: .75rem;
font-weight: 400;
color: #FFFFFF;
text-shadow: 0rem .1875rem .375rem rgba(0,0,0,0.4);
}
/*泛erp*/
.erp {
	margin:0;
	height:33.375rem;
	background:url('/static/img/m/index-page/erp-bg.png');
     background-size: 100% 100%;
	position:relative;
}
.erp-container{
    height: 27.5rem;
	overflow: hidden;
}

.erp-title {
	margin-top: 3.125rem;
}
.erp-tabs {
	display:flex;
	justify-content:space-between;
	width:14.125rem;
	font-size: .875rem;
font-weight: 500;
line-height: 1.875rem;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
	margin-top: .375rem;
}
.erp-tab-active {
	background:#FFFFFF!important;
	color:#090F21 !important;
	opacity:1 !important;
}
.erp-tab {
	width: 6.25rem;
height: 1.875rem;
	/* opacity:0.7; */
	background:rgba(255,255,255,0.05);
	border-radius:1.5625rem;
}

.erp-swiper,.erp-content-tab2 {
	height:17.5rem;
	margin-top:2.0625rem;
	overflow:hidden;
}
.erp-content-tab2{
	width: 32.5rem;
}
.erp-swiper .swiper-slide {
	width:15.625rem;
	height:17.5rem;
	border-radius:1.25rem;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.erp-swiper .swiper-slide img {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden;
	border-radius:1.25rem;
	transition:all .5s;
}
.erp-swiper .swiper-slide:hover img {
	transform:scale(1.2,1.2);
	transition:all .5s;
}
.scroll-hidden{
	width: 100vw;
	height: 20rem;
	overflow-x: scroll;
}
.tab2-slide {
	position: relative;
	z-index: 1;
	width:15.625rem;
	height:17.5rem;
	border-radius:1.25rem;
	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 {
	width: 15.625rem;
    position: absolute;
    z-index: 2;
    top: 2.3125rem;
    left: 0;
    text-align: center;
}
.erp-content-tit {
	font-size: 1.5rem;
font-weight: 600;
color: #FFFFFF;
}
.erp-content-p {
	margin-top:.6875rem;
	font-size: .75rem;
font-weight: 400;
color: #FFFFFF;
}
.erp-content .more-white-see {
	position: absolute;
    top: auto;
    margin-top: .9375rem;
    left: 4.6875rem;
}
.erp-content .no-link-btn-white{
margin-left: 4.6875rem;
}
.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('/static/css/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('/static/css/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:39.125rem;
	overflow:hidden;
	background-color:#F5F7FA !important;
}
.ITO-card .square-item1,.square-item2,.square-item3 {
	display:none;
}
.ITO-container {
	margin-top: 3.125rem;
position:relative;
	z-index:1;
}
.ITO-title {
font-size: 1.5rem;
font-weight: 500;
color: #090F21;
}
.ITO-txt {
	margin-top:.75rem;
	font-size: 1rem;
font-weight: 400;
color: #090F21;
}
.ITO-content {
	margin-top:.875rem;
	text-align:left;
}
.ITO-boxes {
	width:20.375rem;
	margin: 0 auto;
}
.ITO-box {
	margin-top: 1rem;
	position:relative;
	width:20.375rem;
	height:7.5rem;
	background:#ffffff;
	box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.06);
border-radius: .625rem;
	overflow:hidden;
}
.ITO-box-AIO {
	background:url('/static/img/m/index-page/AIOps.png') #ffffff;
	background-size:100% 100%;
	transition:all .5s;
}
.ITO-box-deyi {
	background:url('/static/img/m/index-page/deyi.png') #ffffff;
	background-size:100% 100%;
	transition:all .5s;
}
.ITO-box-offshore {
	background:url('/static/img/m/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:1.5rem 0 0 1.625rem;
}
.ITO-box-tit {
	margin-bottom:.3125rem;
	font-size: 1rem;
font-weight: 400;
color: #090F21;
}
.ITO-box-content .service-p {
color: rgba(9,15,33,0.4);
}
/* .ITO-box-content .service-p a:hover {
	color:#28ABC3;
} */
.ITO-box .more-black-see {
	    position: absolute;
    top: auto;
    left: auto;
    margin-top: .875rem;
}
.ITO-box .no-link-btn-black {
margin-top: .875rem;
}
.ITO-btn {
	position:absolute;
	margin-top:2.1875rem;
	left:45%;
}
/* 联营企业 */
.qiye-bg-1 {
	position:absolute;
	top:21.875rem;
	left:3.8125rem;
	width: 18.125rem;
height: 18.125rem;
	background:#FFFFFF;
	box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
border-radius: 50%;
opacity: 0.47;
}
.qiye-bg-2 {
	position:absolute;
	top:13.5rem;
	left:-5.7188rem;
width: 34.875rem;
height: 34.875rem;
	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;
	left:-12.3438rem;
	top:6.875rem;
	width:48.125rem;
	height: 48.125rem;
	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:100%;
	background: #F5F7FA;
	background-size:100% 100%;
}
.qiye-container{
    padding-top:3.125rem;
	padding-bottom: 6.375rem;
}

.qiye-title h1 {
	color:#090F21;
	line-height:1.5rem;
}
.qiye-info .news-p {
	margin: 0 auto;
	width: 20.375rem;
	margin-top: 1rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.125rem;
color: rgba(9,15,33,0.4);
    text-align: center;
}
.qiye-content-right{
	    /* margin: 0 auto; */
    width: 100vw;
	margin-top: 2rem;
}
.qiye-tag-container {
	margin-top: 1rem;
}
.qiye-tag {
	position: relative;
width: 20.375rem;
height: 2.25rem;
	background:rgba(255,255,255);
box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:0.625rem;
	font-size: .875rem;
font-weight: 400;
line-height: 2.25rem;
color: #090F21;
	display:flex;
	align-items:center;
	white-space:nowrap;
	margin: 0 auto;
}
.qiye-tag-icon{
	width: 1.625rem;
height: 1.625rem;
padding: .3125rem;
margin-right:1.5rem;
background: rgba(255,255,255);
box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
border-radius: .625rem;
}
.qiye-tag-icon img {
	width:100%;
	height:100%;
}
.qiye-tag-box {
	    width: 100vw;
    /* margin-left: -1.5rem; */
    box-sizing: border-box;
	display:none;
	padding:1.25rem 1.0625rem 1.3125rem 2rem;
	background:rgba(255,255,255);
}
.qiye-tag .arrow_more{
width: .5875rem;
height: .325rem;
position: absolute;
    right: .875rem;
	margin-top: 0;
}
.qiye-box-title {
font-size: .875rem;
font-weight: 400;
color: #090F21;
}
.qiye-box-p {
	width: 20.375rem;
	margin:.625rem auto .8125rem;
	font-size: .6875rem;
font-weight: 400;
line-height: 1.375rem;
color: #464646;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.qiye-box-see-more {
	font-size: .75rem;
font-weight: 400;
color: #28ABC3;
	display:flex;
	align-items:center;
}
.qiye-info .more-black-see {
	position: absolute;
    left: 8.625rem;
    margin-top: 1.625rem;
}
/* 其他业务 */
.other-bg {
	height: 31.125rem;
	margin:0;
	position:relative;
}
.background-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all .5s;
}
.service-contianer{
    padding-top: 3.125rem;
	height: 31.125rem;
	box-sizing: border-box;
	overflow: hidden;
}
.anli-contianer{
    margin-top: 3.125rem;
}
.other-bg .anli-title,.other-bg .anli-p {
	color:#ffffff;
}
.service-wrap-contain{
width: 100%;
overflow-x: scroll;
}
.service-wrap {
	width:48.75rem;
	margin-top:2.8125rem;
	display:flex;
}
.service-box {
	position:relative;
	width:16.25rem;
	height:21.9375rem;
	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:4.5rem 1.6rem 12rem 1.0625rem;
	text-align:center;
}
.service-tag {
	width:4.25rem;
	height:1.5625rem;
	margin-left:5rem;
	margin-bottom:.9375rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.5625rem;
color: #FFFFFF;
	background:rgba(255,255,255,0.3);
	border-radius:0.5rem;
}
.service-tit {
	font-size: 1rem;
font-weight: 500;
color: #FFFFFF;
	margin-bottom:.875rem;
}
.service-p {
	font-size: .75rem;
font-weight: 400;
line-height: 1.0625rem;
color: #FFFFFF
}
.service-btn {
	position: absolute;
    left: 50%;
    top: auto;
    margin-top: 5.625rem;
    margin-left: -3.125rem;
}
/* 品牌案例 */
.mask {
	position:absolute;
	left:0;
	top:0;
	font-size:.625rem;
	font-weight:400;
	line-height:1.4375rem;
	color:#090F21;
	text-align:center;
	width:4.75rem;
	height: 1.4375rem;;
	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 {
	height: 31rem;
	margin:0!important;
	background: #F5F7FA;
	background-size:100% 100%;
}
.anli-title {
	text-align:center;
	font-size: 1.5rem;
font-weight: 500;
color: #090F21;
}
.anli-p {
	width: 20.375rem;
	margin: 0 auto;
	margin-top:1rem;
	text-align:center;
	font-size: .75rem;
font-weight: 400;
line-height: 1.125rem;
color: rgba(9,15,33,0.5);
}
.anli-wrap {
	    width: 21rem;
    margin-top: .375rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.anli-img {
	position:relative;
	margin-top:1.5rem;
	margin-right:.5rem;
	width:4.75rem;
	height:1.4375rem;
	background:#ffffff;
	border-radius:0.625rem;
}
.anli-img img {
	width:100%;
	height:100%;
}
.anli-bg .more-black-see {
	position:absolute;
	margin-top: 2.5rem;
	left:50%;
	margin-left: -3.125rem;
}
/* 数字化平台 */
.digital-bg {
	margin-top:0;
	height:33.375rem;
	background:url('/static/img/m/index-page/digital-bg.png');
	background-size:100% 100%;
}
.digital-bg .news-container{
padding-top: 3.125rem;
}
.digital-wrap {
	width: 22.5rem;
	margin: 0 auto;
	margin-top:-1.0625rem;
	display:flex;
	justify-content:space-around;
}
.digital-row:nth-child(2) .digital-content {
width: 7.25rem;
}
.digital-content {
	position:relative;
	margin-top:2rem;
	width:10.5625rem;
	height:2.125rem;
}
.digital-content .banner-bottom-underscore {
	position:absolute;
	bottom:-0.375rem;
}
.digital-sub {
	position:absolute;
	font-size: 1rem;
font-weight: 500;
line-height: 1.6875rem;
color: #FFFFFF;
}
.digital-txt {
	font-size: .75rem;
font-weight: 400;
line-height: 1.25rem;
color: #FFFFFF;
	opacity:0.7;
	letter-spacing:0.125rem;
}
.digital-btn {
    position: absolute;
	top: auto;
    left: 50%;
    margin-top: 2.625rem;
    margin-left: -3.125rem;
}
/*谈球吧游戏网址*/
.news-info {
	position:relative;
	margin-top:0;
	height:auto;
	background:url('/static/img/m/index-page/news_bg.png');
	background-size:100% 100%;
	padding:0;
}
.news-info .hd-main{
	position: relative;
	padding-bottom: 6.4375rem;
}
.news-info .news-title {
	padding-top:3.125rem;
}
.news-title {
	font-size: 1.5rem;
font-weight: 500;
line-height: 2.5625rem;
color: #FFFFFF;
text-align: center;
}
.news-info .news-p {
	width:20.2rem;
	margin-top:1rem;
	font-size: .75rem;
font-weight: 400;
line-height: 1.125rem;
color: #FFFFFF;
text-align: center;
margin: 0 auto;
}
.news-content-right {
	width: 20.375rem;
	margin: 0 auto;
	padding-top: .6875rem;
}
.news-list-box {
	margin-top:.625rem;
	width: 20.375rem;
height: 3.6875rem;
box-sizing: border-box;
background: rgba(9,15,33,0.36);
border-radius: .625rem;
	padding:.75rem 1.3125rem .75rem 1.5rem;
	display:flex;
	align-items:center;
}
.news-date {
	margin-right:2.0625rem;
	font-size: 1.125rem;
font-weight: 400;
line-height: 1.375rem;
color: #FFFFFF;
}
.date-line {
	margin-right:1.3125rem;
	height:2.0625rem;
	border:.0625rem solid #FFFFFF;
}
.news-date-year {
	font-size:.75rem;
}
.news-item-title {
	font-size:.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:#F5F7FA;
	opacity:1;
	width:11.0625rem;
	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: .75rem;
font-weight: 400;
line-height: 1.25rem;
color: #F5F7FA;
opacity: 0.6;
}
.news-btn {
	position: absolute;
    top: auto;
    margin-left: -3.125rem;
    left: 50%;
    margin-top: 1.6875rem;
}
.news-content {
	width:12rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
/*加入谈球吧*/
.index-join-box {
    padding: 2.0625rem 0 2.3125rem 1.5rem;
	width:100%;
	height:10.0625rem;
    box-sizing: border-box;
	margin-top:0;
	background:url('/static/img/m/index-page/joinus-bg.png') center no-repeat;
	background-position: .375rem;
	background-size:100% 100%;
}
.index-join h2 {
	font-size: 1.5rem;
font-weight: 500;
color: #090F21;
}
.index-join h3 {
	font-size: .75rem;
font-weight: 400;
color: #090F21;
	margin-top:.4375rem;
}
.joinus-btn {
	position:absolute;
	margin-top:1.3125rem;
}
.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;
} */

