| | |
| | | .func_lsit{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 60rpx; |
| | | padding: 20rpx 60rpx; |
| | | .item{ |
| | | width: 120rpx; |
| | | display: flex; |
| | |
| | | } |
| | | // 产品视频 |
| | | .product_video { |
| | | padding: 72rpx 40rpx; |
| | | padding: 40rpx 40rpx; |
| | | background-color: #fff; |
| | | |
| | | video { |
| | | .video_wrap { |
| | | width: 670rpx; |
| | | height: 300rpx; |
| | | border: 1px solid; |
| | | position: relative; |
| | | |
| | | .play { |
| | | width: 60rpx; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | z-index: 1; |
| | | } |
| | | |
| | | .img { |
| | | width: 670rpx; |
| | | height: 376rpx; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .consult_swiper { |
| | | width: 100%; |
| | | image { |
| | | width: 100%; |
| | | } |
| | | .scroll_text{ |
| | | height: 100rpx; |
| | | width: 670rpx; |
| | | white-space: nowrap; |
| | | overflow: hidden;//文本超出隐藏 |
| | | text-overflow: ellipsis; |
| | | padding-top: 20rpx; |
| | | font-size: 32rpx; |
| | | } |
| | | } |
| | | .consult { |
| | | padding: 40rpx 40rpx 60rpx; |
| | | background: #fff; |
| | | } |
| | | |
| | | .strategy { |
| | |
| | | |
| | | .line_left { |
| | | width: 324rpx; |
| | | height: 304rpx; |
| | | height: 340rpx; |
| | | } |
| | | |
| | | .line_right { |
| | | .item { |
| | | width: 322rpx; |
| | | height: 140rpx; |
| | | |
| | | height: 160rpx; |
| | | &:nth-last-child(1) { |
| | | margin-top: 24rpx; |
| | | margin-top: 20rpx; |
| | | } |
| | | } |
| | | } |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | padding: 60rpx 0; |
| | | padding: 0rpx 0 60rpx; |
| | | background-color: #fff; |
| | | .logo { |
| | | width: 246rpx; |
| | |
| | | } |
| | | .home_ar{ |
| | | width: 44rpx; |
| | | } |
| | | .wx-swiper-dots.wx-swiper-dots-horizontal { |
| | | position: absolute; |
| | | right: 0; |
| | | bottom: 0rpx; |
| | | } |
| | | /* 指示点的样式 */ |
| | | .wx-swiper-dots .wx-swiper-dot { |
| | | width: 60rpx; |
| | | height: 4rpx; |
| | | background: #f4f4f4; |
| | | margin-left: -15rpx; |
| | | border-radius: 5rpx; |
| | | } |
| | | |
| | | .wx-swiper-dot.wx-swiper-dot-active { |
| | | background: #666666; |
| | | } |