.banner-list { position: relative; display: none; } .product-image { height: auto; width: 100%; } .banner-list>div { position: absolute; width: 100%; height: 99%; background: rgba(0, 0, 0, .3); z-index: 5; } .banner-list>p { position: absolute; top: 38%; left: 12%; color: rgba(251, 251, 251, 100); font-size: 30px; z-index: 10; } .banner-list>span { position: absolute; top: 51%; left: 12%; color: rgba(251, 251, 251, 100); font-size: 30px; z-index: 10; } .product-trait, .product-video, .product-case, .product-specification { width: 1000px; margin: 0 auto; /* margin-bottom: 30px; */ } .product-trait { min-height: 200px; } .product-trait .product-content p { line-height: 28px; } .all-title { height: 100px; line-height: 100px; font-size: 30px; color: #101010; left: 878px; color: rgba(16, 16, 16, 100); text-align: center; } .all-title span { position: relative; } .all-title span::before { position: absolute; content: ''; width: 30px; height: 2px; background: var(--theme-color); bottom: -8px; left: 50%; transform: translateX(-50%); } .all-content { display: flex; padding: 81px 0 111px 0; align-items: center; border-bottom: 1px solid rgba(233, 233, 233, 100); } .all-content-l { width: 50%; padding: 0 33px 0 66px; font-size: 18px; color: #101010; } .all-content-l span { font-weight: 700; padding-bottom: 5px; display: inline-block; } .all-content-l p { width: 92%; word-break: break-all; } .all-content-r { width: 50%; text-align: center; } .all-content-r img { width: 90%; height: 389px; } .all-content2 { display: flex; align-items: center; padding: 69px 0; border-bottom: 1px solid rgba(233, 233, 233, 100); } .all-content2-l { width: 50%; } .all-content2-l img { width: 90%; height: 295px; } .all-content2-r { font-size: 18px; width: 50%; } .all-content2-r span { display: inline-block; font-weight: 700; padding-bottom: 5px; } .all-content3 { padding: 83px 0; display: flex; align-items: center; border-bottom: 1px solid rgba(233, 233, 233, 100); } .all-content3-l { width: 50%; font-size: 18px; margin: 0 auto; } .all-content3-l span { display: inline-block; font-weight: 700; padding-bottom: 5px; } .all-content3-l p { word-break: keep-all; width: 90%; } .all-content3-r { width: 50%; text-align: right; } .all-content3-r img { width: 90%; height: 254px; } .product-videos { width: 50%; height: 300px; margin: 0 auto; /* padding-bottom: 64px; */ position: relative; background: #000; } .product-videos .video-img { position: absolute; top: 45%; left: 45%; width: 60px; height: 60px; z-index: 999; background: url(http://pic1.cdn.sw-healthcare.com/play.png) no-repeat; background-size: 100% 100%; cursor: pointer } .product-videos>video { width: 100%; height: 100%; } .product-case-list .product-case-item { display: flex; margin-bottom: 20px; } .product-case-item .case-left { width: 300px; height: 240px; position: relative; margin-right: 30px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .product-case-item .case-left img { width: 100%; height: 100%; } .product-case-item .case-left p { width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; background-color: #000; font-size: 14px; } .product-case-item .case-right { font-size: 13px; width: 670px; } .product-case-item .case-right .case-right-title { margin-bottom: 8px; } .product-case-item .case-right .case-right-desc { line-height: 20px; word-break: break-all; } .product-specification-btn { text-align: center; padding-bottom: 51px; } /* .specification span::before { position: absolute; left: 57px; } */ .product-specification-btn button { width: 120px; height: 45px; line-height: 20px; background-color: var(--theme-color); color: rgba(251, 251, 251, 100); font-size: 14px; text-align: center; border: 1px solid var(--theme-color); cursor: pointer; }