filesbox/web/dist/design/designstatic/front/css/index.css

1 line
12 KiB
CSS
Raw Normal View History

2024-07-26 06:10:54 +00:00
.content{margin:0 auto;width:100%;height:auto;color:inherit;position:relative;background-color:#fff}.topbanner{position:relative;background:url(../images/banner01.png) no-repeat 50% #050510;height:680px;width:100%}.topcenter{width:1200px;margin:0 auto;height:80px;position:relative}.heads{position:absolute;top:0;left:0;right:0;width:100%;height:80px;background:rgba(0,0,0,.6);z-index:2}.hedlef{width:310px;position:absolute;left:0;top:0}.hedlef img{width:135px;height:32px;margin:22px 15px 0 30px;float:left}.hedlef span{font-size:24px;color:#fff;float:left;margin-top:28px}.hedrig{width:780px;position:absolute;right:0;top:30px}.hedrig a{font-size:16px;color:#fff;margin-right:80px;float:left}.bante{width:100%;height:400px;position:absolute;top:80px;left:0;right:0}.sizerig{width:475px;top:170px;right:0;position:absolute}.sizerig h2{color:#fff;font-size:32px;font-weight:500}.sizerig p{width:100%;font-size:24px;color:#fff;margin:40px 0 35px}.sizerig a{width:150px;height:45px;line-height:45px;background:#3862ff;display:block;color:#fff;font-size:16px;text-align:center;cursor:pointer}.bannerbot{height:166px;position:absolute;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.25);z-index:11}.banwith{width:1200px;margin:30px auto 0;position:relative;height:120px}.bandiv{width:218px;text-align:center;float:left;padding:0 40px;border-right:2px solid #787881}.bandiv h3{font-size:18px;font-weight:400;color:#fff;margin-bottom:10px}.bandiv span{font-size:12px;color:#fff;line-height:2}.rigbor{border:none!important}.wxbox01{width:1200px;height:500px;margin:0 auto;position:relative;text-align:center}.wxboxh2{font-size:24px;margin:90px 0 20px;font-weight:400;width:100%;float:left}.wxboxp{font-size:16px;color:rgba(0,0,0,.45);font-weight:700}.module{transition:all .3s;-webkit-transition:all .3s}.barsed{width:223px;height:252px;transform:translate(0) scale(1);box-shadow:0 3px 10px 3px #efefef;position:absolute;background:rgba(56,98,255,0)}.barsed_img1{width:82px;height:79px;top:60px;position:absolute;left:72px;-webkit-transform:translateY(0)}.barsed_img2{width:82px;height:79px;top:60px;position:absolute;left:72px;display:none;opacity:0;-webkit-transform:translateY(0)}.barsed_tit{text-align:center;margin-top:26px;font-size:16px;font-weight:700;color:rgba(0,0,0,.65);-webkit-transform:translateY(140px)}.barsed_span{font-size:14px;text-align:center;opacity:0;display:none;margin:0 20px;color:#fff;-webkit-transform:translateY(160px)}.barsed01{bottom:0;left:0}.barsed02{bottom:0;left:245px}.barsed03{bottom:0;left:490px}.barsed04{bottom:0;right:245px}.barsed05{bottom:0;right:0}.barsed:hover{height:280px;background:#3862ff}.barsed:hover .barsed_tit{color:#fff;-webkit-transform:translateY(110px)}.barsed:hover .barsed_img1{display:none;opacity:0;-webkit-transform:translateY(-20px)}.barsed:hover .barsed_img2{display:block;opacity:1;-webkit-transform:translateY(-20px)}.barsed:hover .barsed_span{opacity:1;display:block;-webkit-transform:translateY(122px)}.wxbox02{width:100%;height:760px;margin:0 auto;position:relative;text-align:center}.product01{padding-top:30px}.wxbox02_tab{width:100%;float:left}.tabnormal{position:relative;max-width:1200px;margin:0 auto;font-size:0;text-align:left}.tablist{position:relative}.tablobe{width:25%;border-bottom:1px solid #fff;display:inline-block;text-align:center;position:relative}.tablobe a{display:block;padding:10px 15px;text-decoration:none}.product-icon{position:relative;width:48px;height:48px;display:block;margin:0 auto 15px}.product-icon img{width:100%;height:100%;display:block;opacity:1}.product-icon .active-img{position:absolute;left:0;top:0;opacity:0}.tab-tit{display:block;color:#666;font-size:18px}.actived .product-icon img,.product-icon .active-img,.tablobe:hover .product-icon img{opacity:0}.tablobe.actived .product-icon .active-img,.tablobe:hover .product-icon .active-img{opacity:1}.tablobe.actived .tab-tit,.tablobe:hover .tab-tit{color:#00a4ff}.tabline,.tabline2{width:25%;position:absolute;left:0;bottom:0;height:2px;background-color:#00a4ff;-webkit-transition:all .3s linear;transition:all .3s linear}.tabline