/* 轮播 */ .banner-index .banner-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0; } /* 公司简介 */ .topm { background-image: url(https://alicdn.vgometa.com/home/images/about/tbg.png); background-size: 100% 100%; background-repeat: no-repeat; } .topm .topcontent { width: 100%; display: flex; padding: 1.1rem 0 0.5rem; } .topm .topcontent .topcontent-left { width: 50%; position: relative; color: #ffffff; } .topm .topcontent .topcontent-left .topcontent-info { background-color: rgba(0,0,0,0.5); padding: 4% 6%; border-radius: 0.12rem; overflow: hidden; position: absolute; z-index: 1; left: 5%; top: 7.5%; width: 105%; height: 85%; } .topm .topcontent .topcontent-left .topcontent-info .topcontent-info-desc { overflow-x: hidden; overflow-y: auto; margin-top: 2.9%; line-height: 0.28rem; letter-spacing: 0.015rem } .topm .topcontent .topcontent-left .topcontent-info .topcontent-info-desc::-webkit-scrollbar { display: none; width: 0.08rem; } /* 定义滚动条轨道 内阴影+圆角 */ .topm .topcontent .topcontent-left .topcontent-info .topcontent-info-desc::-webkit-scrollbar-track { border-radius: 0.05rem; background-color: #ffffff; } /* 定义滑块 内阴影+圆角 */ .topm .topcontent .topcontent-left .topcontent-info .topcontent-info-desc::-webkit-scrollbar-thumb { border-radius: 0.05rem; background-color: #ddd; } .topm .topcontent .topcontent-left .topcontent-info .topcontent-info-desc p { text-indent: 0.32rem; } .topm .topcontent .topcontent-right { width: 50%; border-radius: 0.12rem; overflow: hidden; } .panoIframe { height: 25vw; } /* 公司团队 */ .team .team-contet { display: flex; margin: 0.5rem 0; } .team .team-left { width: 50%; padding-left: 5%; } .team .team-right { width: 50%; } .team .team-linecontent { padding: 0 5%; margin-top: -1.75vw; } .team .team-iconcontent { padding: 0 5%; } .team .team-iconcontent .team-iconcontent-icon { cursor: pointer; width: 0.6rem; height: 0.6rem; border-radius: 0.06rem; background-color: #999999; transition: all 0.5s; } .team .team-iconcontent .team-iconcontent-icon:hover { background-color: #0195FF; } .team .team-iconcontent .team-iconcontent-icon img { width: 50%; } .team-box { width: 100%; } .team .team-iconcontent .active { background-color: #0195FF; } /* 企业荣誉 */ .honor-content { padding: 0.7rem 0; } /* 荣誉资质 */ .qualificate .qualificate-item { position: absolute; z-index: 1; font-size: 0.16rem; } /* 维构历程 */ .vgoprogress { background-image: url(https://alicdn.vgometa.com/home/images/about/wglc-bg.png); background-size: 100% 100%; background-repeat: no-repeat; color: #ffffff; } .vgoprogress .vgoprogress-icon { width: 25%; flex: 0 0 auto; } .vgoprogress .vgoprogress-circle { width: 0.15rem; height: 0.15rem; background-color: #ffffff; border-radius: 50%; } .vgoprogress .vgoprogress-line { height: 1px; background-color: #666; } .vgoprogress .vgoprogress-circle.active { background-color: #0195FF; } .vgoprogress .vgoprogress-bitem { padding-right: 2%; width: 25%; flex: 0 0 auto; } .vgoprogress .vgoprogress-bitem .vgoprogress-bcitem { opacity: 0.8; line-height: 0.24rem; font-size: 0.14rem; } .vgoprogress .vgoprogress-bitem .vgoprogress-bcitem~ .vgoprogress-bcitem { margin-top: 0.08rem; } /* 合作客户轮播 */ .hzkh-banner { padding-bottom: 0.6rem; } .hzkh-banner .hzkh-pagination .swiper-pagination-bullet { margin: 0 0.06rem; background: #ccc; opacity: 1; width: 0.12rem; height: 0.12rem; } .hzkh-banner .hzkh-pagination .swiper-pagination-bullet-active { background: #333333; width: 0.4rem; border-radius: 0.08rem; } .hzkh-banner .swiper-slidemark.active { background-color: rgba(0,0,0,0.5); } .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .honor-banner .swiper-item{ max-height: 3.5rem; } .honor-banner .swiper-item img{ max-height: 3.5rem; max-width: 100%; } .fs-15{ font-size: 0.15rem; } @media screen and (max-width: 768px) { .topm .topcontent { padding: 0.15rem 0; display: block; } .topm .topcontent .topcontent-left { width: 100%; } .topm .topcontent .topcontent-left .topcontent-info { position: relative; width: 100%; height: 100%; left: 0; } .topm .topcontent .topcontent-right { width: 100%; height: 2rem; margin-top: 0.15rem; } .panoIframe { height: 100%; pointer-events: none; } .team .team-contet { display: block; margin: 0.2rem 0; } .team .team-left { width: 100%; padding-left: 0; } .team .team-right { width: 100%; } .honor-content { padding: 0.3rem 0; } .qualificate .qualificate-item { font-size: 0.1rem; } .qualificate .qualificate-item p:last-child { margin-top: 0.05rem !important; line-height: 0.16rem !important; } .vgoprogress .vgoprogress-icon { flex: 0 0 auto; width: 70%; } .vgoprogress .vgoprogress-bitem { width: 70%; flex: 0 0 auto; } .vgoprogress .vgoprogress-bitem .vgoprogress-bitem-year { font-size: 0.18rem !important; } .vgoprogress .vgoprogress-bitem .vgoprogress-bcitem { line-height: 0.16rem; font-size: 0.12rem; } .honor-banner .swiper-item{ margin-right: 0.2rem; } }