/* 轮播 */ .banner-index .banner-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0; } /* OEM独立部署 */ .oemdesc .oemdesc-item { width: 24%; margin-top: 0.15rem; position: relative; overflow: hidden; color: #ffffff; overflow: hidden; } .oemdesctTransform{ transition: all 0.5s; } .oemdesc .oemdesc-item:hover .oemdesctTransform { transform: scale(1.1); } .oemdesc .oemdesc-item:hover .oemdesc-item-line, .oemdesc .oemdesc-item:hover .oemdesc-item-desc { display: block; opacity: 1; } @media screen and (min-width: 769px) { .oemdesc .oemdesc-item:nth-child(1), .oemdesc .oemdesc-item:nth-child(2), .oemdesc .oemdesc-item:nth-child(3), .oemdesc .oemdesc-item:nth-child(4) { margin-top: 0; } } .oemdesc .oemdesc-item .oemdesc-item-info { width: 80%; z-index: 1; } .oemdesc .oemdesc-item .oemdesc-item-line { display: none; opacity: 0; width: 70%; height: 0.02rem; background-color: rgb(136,145,174); margin: 0.2rem auto 0; } .oemdesc .oemdesc-item .oemdesc-item-desc { display: none; opacity: 0; margin-top: 0.3rem; } /* 总有一款版本适合您，立即开启体验 */ .tyvgo .tyvgo-item { padding: 0.7rem 0 0.9rem; cursor: pointer; transition: all 0.5s; } .tyvgo .tyvgo-item:hover { background-color: #ffffff; transform: translateY(-0.1rem); } .tyvgo .tyvgo-item:hover .tyvgo-item-image { display: none; } .tyvgo .tyvgo-item:hover .tyvgo-item-aimage { display: block; } .tyvgo .tyvgo-item .tyvgo-item-image { height: 1.4rem; width: 50%; margin: 0 auto; } .tyvgo .tyvgo-item .tyvgo-item-aimage { height: 1.4rem; width: 50%; margin: 0 auto; display: none; } .tyvgo .tyvgo-more { width: 1.2rem; height: 0.4rem; font-size: 0.14rem; border: 1px solid #333333; border-radius: 0.08rem; cursor: pointer; overflow: hidden; } .tyvgo .tyvgo-more:hover { background-color: #ffffff; } /* SAAS */ .saascontent { display: flex; justify-content: space-between; } .saascontent .saascontent-left { width: calc(675% * 100 / 1400); height: 25vw; } .saascontent .saascontent-right { width: calc(675% * 100 / 1400); height: 25vw; } .saascontent .saascontent-item { padding: 3% 6%; border-radius: 0.08rem; overflow: hidden; background-color: #f8f8f8; color: #333333; } .saascontent .saascontent-item .saascontent-item-image { width: 0.56rem; height: 0.56rem; border-radius: 50%; border: 1px dashed #333333; margin-right: 0.25rem; } .saascontent .saascontent-item .saascontent-item-image img { width: 50%; height: 50%; } .saascontent .saascontent-item .saascontent-item-title { font-size: 0.2rem; font-weight: 500; } .saascontent .saascontent-item .saascontent-item-imaged { display: block; } .saascontent .saascontent-item .saascontent-item-imagea { display: none; } /* hover */ .saascontent .saascontent-item:hover { background-color: #333333; color: #ffffff; } .saascontent .saascontent-item:hover .saascontent-item-image { border: 1px dashed #ffffff; } .saascontent .saascontent-item:hover .saascontent-item-imaged { display: none; } .saascontent .saascontent-item:hover .saascontent-item-imagea { display: block; } .saascontent .transitionBox:hover .transition { transform: scale(1.02); } .transition { transition: all 0.5s; } /* active */ .saascontent .saascontent-item.active { background-color: #333333; color: #ffffff; } .saascontent .saascontent-item.active .saascontent-item-image { border: 1px dashed #ffffff; } .saascontent .saascontent-item.active .saascontent-item-imaged { display: none; } .saascontent .saascontent-item.active .saascontent-item-imagea { display: block; } /* 维构官方支持 */ .vgosupport .vgosupport-item { flex: 0 0 20%; margin-top: 0.5rem; } .vgosupport .vgosupport-item .vgosupport-item-title { margin-top: 0.3rem; font-size: 0.26rem; } /* 维构打通全国市场 */ .nationmarket .nationmarket-image { width: 67%; } /* 合作商轮播 */ .hzs-banner { padding-bottom: 0.6rem; } .hzs-banner .hzs-pagination .swiper-pagination-bullet { margin: 0 0.06rem; background: #ccc; opacity: 1; width: 0.12rem; height: 0.12rem; } .hzs-banner .hzs-pagination .swiper-pagination-bullet-active { background: #333333; width: 0.4rem; border-radius: 0.08rem; } .hzs-banner .swiper-slidemark.active { background-color: rgba(0,0,0,0.5); } /* 合作流程 */ .coopprogress { display: flex; margin-top: 0.5rem; } .coopprogress .coopprogress-item { position: relative; flex: 0 0 7.692307692307693%; } .coopprogress .coopprogress-item .coopprogress-item-title { width: max-content; position: absolute; left: 50%; top: calc(100% + 0.2rem); transform: translateX(-50%); font-size: 0.2rem; } .coopprogress .coopprogress-item .coopprogress-item-imaged { display: block; } .coopprogress .coopprogress-item .coopprogress-item-imagea { display: none; } .coopprogress .coopprogress-item:hover .coopprogress-item-imaged { display: none; } .coopprogress .coopprogress-item:hover .coopprogress-item-imagea { display: block; } /* 免费试用 */ .tryfree { background-image: url(https://alicdn.vgometa.com/home/images/cooperate/foot_bg.png); background-repeat: no-repeat; } .tryfree-content { height: 0.5rem; display: flex; justify-content: center; margin-top: 0.5rem; } .tryfree-content .tryfree-content-item ~ .tryfree-content-item { margin-left: 0.15rem; } .tryfree-content .el-input__inner { height: 0.5rem; line-height: 0.5rem; font-size: 0.14rem; } .tryfree-content .tryfree-content-name { width: calc(340% * 100 / 1400); } .tryfree-content .tryfree-content-phone { width: calc(380% * 100 / 1400); } .tryfree-content .tryfree-content-phone .el-input__inner { border-right: none; } .tryfree-content .tryfree-content-phone .el-input-group__append { background-color: #ffffff !important; } .tryfree-content .tryfree-content-phone .el-input__inner:focus{ border-color: #DCDFE6; } .tryfree-content .tryfree-content-code { width: calc(200% * 100 / 1400); } .tryfree-content .tryfree-content-btn { width: calc(220% * 100 / 1400); } @media screen and (max-width: 768px) { /* OEM独立部署 */ .oemdesc .oemdesc-item { width: 48%; margin-top: 0.15rem; } .oemdesctTransform { transition: all 0.5s; } .oemdesc .oemdesc-item:hover .oemdesctTransform { transform: scale(1); } .oemdesc .oemdesc-item:hover .oemdesc-item-line, .oemdesc .oemdesc-item:hover .oemdesc-item-desc { display: block; opacity: 1; } .oemdesc .oemdesc-item:nth-child(1), .oemdesc .oemdesc-item:nth-child(2) { margin-top: 0; } .oemdesc .oemdesc-item .oemdesc-item-info { width: 80%; z-index: 1; } .oemdesc .oemdesc-item .oemdesc-item-line { display: block; opacity: 1; width: 70%; height: 0.02rem; background-color: rgb(136,145,174); margin: 0.15rem auto 0; } .oemdesc .oemdesc-item .oemdesc-item-title { font-size: 0.16rem !important; } .oemdesc .oemdesc-item .oemdesc-item-desc { display: block; opacity: 1; margin-top: 0.1rem; font-size: 0.14rem !important; line-height: 0.18rem !important; } /* 总有一款版本适合您，立即开启体验 */ .tyvgo .tyvgo-item { padding: 0.2rem 0; cursor: pointer; transition: all 0.5s; flex: 0 0 50%; margin-top: 0.15rem !important; } /* SAAS */ .saascontent { display: block; } .saascontent .saascontent-left { width: 100%; height: auto; } .saascontent .saascontent-right { width: 100%; height: auto; } .saascontent .transitionBox { margin-bottom: 0.1rem; } .saascontent .saascontent-item .saascontent-item-image { margin-right: 0.1rem; } .saascontent .saascontent-item .saascontent-item-title { font-size: 0.18rem; font-weight: 500; margin-bottom: 0.05rem; } /* 维构官方支持 */ .vgosupport .vgosupport-item { flex: 0 0 33.333333333333336%; margin-top: 0.2rem; } /* 维构打通全国市场 */ .nationmarket .nationmarket-image { width: 100%; } /* 合作流程 */ .coopprogress { display: flex; margin-top: 0.2rem; padding-bottom: 0.4rem; overflow-x: auto; overflow-y: hidden; } .coopprogress::-webkit-scrollbar { display: none; } .coopprogress .coopprogress-item { position: relative; flex: 0 0 auto; max-width: 0.96rem; margin-top: 0; } .coopprogress .coopprogress-item .coopprogress-item-title { width: max-content; position: absolute; left: 50%; top: calc(100% + 0.1rem); transform: translateX(-50%); font-size: 0.14rem; } /* 免费试用 */ .tryfree { background-image: url(https://alicdn.vgometa.com/home/images/cooperate/foot_bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .tryfree-content { height: auto; display: block; justify-content: center; margin-top: 0.2rem; } .tryfree-content .tryfree-content-item { width: 100% !important; } .tryfree-content .tryfree-content-item ~ .tryfree-content-item { margin-left: 0; margin-top: 0.15rem; } .tryfree-content .el-input__inner { height: 0.5rem; line-height: 0.5rem; font-size: 0.14rem; } }