1 line
12 KiB
CSS
1 line
12 KiB
CSS
.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}.tabline2{display:none}.tab-panel,.tab-panel2{padding:30px 0 20px;display:none;background-color:#f7f8fa;box-shadow:inset 0 3px 6px 0 rgba(229,232,237,.5);overflow:hidden}.panel-list{box-sizing:border-box;margin:0 auto;max-width:1200px;font-size:0;display:none;opacity:0}.panel-list li{padding:20px 30px;width:33.33333%;margin-bottom:0;display:inline-block;text-align:left;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.panel-list li h3{font-size:16px;margin-bottom:6px;font-weight:400;line-height:22px}.panel-list li span{line-height:24px;font-size:14px;color:#999}.panel-list li:hover{background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(3,27,78,.06);box-shadow:0 2px 4px 0 rgba(3,27,78,.06)}.panel-list.panel-act,.tab-panel2.panel-shadow,.tab-panel.panel-shadow{display:block;opacity:1}.wxbox03{height:680px;width:100%;margin:0 auto;position:relative;text-align:center}.wxboxh3{font-size:24px;margin:90px 0 20px;font-weight:400;width:100%;float:left}@keyframes animX{0%{left:0}to{left:594px}}@keyframes animY{0%{top:0}to{top:191px}}@keyframes scale{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(.7)}}.ball{width:21px;height:21px;background:url(../images/wxyun022.png) no-repeat;border-radius:50%;position:absolute;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}.ball1{animation:animX 10s cubic-bezier(.36,0,.64,1) -5s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) 0s infinite alternate}.ball2{animation:animX 10s cubic-bezier(.36,0,.64,1) -7.857s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -2.857s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -2.857s infinite alternate}.ball3{animation:animX 10s cubic-bezier(.36,0,.64,1) -10.714s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -5.714s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -5.714s infinite alternate}.ball4{animation:animX 10s cubic-bezier(.36,0,.64,1) -13.571s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -8.571s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -8.571s infinite alternate}.ball5{animation:animX 10s cubic-bezier(.36,0,.64,1) -16.428s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -11.428s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -11.428s infinite alternate}.ball6{animation:animX 10s cubic-bezier(.36,0,.64,1) -19.285s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -14.285s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -14.285s infinite alternate}.ball7{animation:animX 10s cubic-bezier(.36,0,.64,1) -22.142s infinite alternate,animY 10s cubic-bezier(.36,0,.64,1) -17.142s infinite alternate,scale 20s cubic-bezier(.36,0,.64,1) -17.142s infinite alternate}#lopp{width:594px;height:191px;background:url(../images/wxyun021.png) no-repeat;border-radius:50%;position:absolute;left:10px;top:20px}.backmi{width:1200px;position:relative;height:515px;margin:0 auto}.botyuan{position:absolute;width:594px;height:191px;top:250px;left:300px;z-index:-1}.back-ceng01{background:url(../images/wxyun023.png) no-repeat;width:374px;height:134px;position:absolute;top:31px;left:419px;cursor:pointer;z-index:9}.back-ceng02{background:url(../images/wxyun024.png) no-repeat;width:374px;height:134px;position:absolute;top:147px;left:419px;cursor:pointer;z-index:8}.back-ceng03{background:url(../images/wxyun025.png) no-repeat;width:374px;height:134px;position:absolute;top:263px;left:419px;cursor:pointer;z-index:7}.berger01{background:url(../images/wxyun026.png) no-repeat;width:1197px;height:351px;float:left;margin:0 0 0 7px;opacity:0;display:none;transition:all 2.3s;-webkit-transition:all 2.3s}.berger02{background:url(../images/wxyun027.png) no-repeat;width:1197px;height:122px;float:left;margin:125px 0 0 7px;opacity:0;display:none;transition:all 2.3s;-webkit-transition:all 2.3s}.berger03{background:url(../images/wxyun028.png) no-repeat;width:1197px;height:132px;float:left;margin:232px 0 0 7px;opacity:0;display:none}.acet01{background:url(../images/wxyun023s.png) no-repeat}.acet02{background:url(../images/wxyun024s.png) no-repeat}.acet03{background:url(../images/wxyun025s.png) no-repeat}.avt{opacity:1;display:block}.wxbox04{width:100%;background:url(../images/wxyun029s.png) no-repeat 50% #f5f5f5;height:590px;margin:0 auto;position:relative}.box04img{background:url(../images/wxyun029.png) no-repeat center 70px;width:1077px;height:385px;padding-top:70px;margin:0 auto}.wxbox05{width:1200px;height:710px;margin:0 auto;position:relative;text-align:center}.picture{float:left;background:url(../images/wxyun031.png) no-repeat right 0;width:1200px;height:450px;margin-top:65px}.sherat{width:600px;margin:24px 100px 20px 20px;float:left}.sherat img{float:left}.sherat span{font-size:15px;font-weight:700;float:left;color:rgba(0,0,0,.7);margin-left:20px;width:530px;text-align:left}.wxbox06{height:470px;width:100%;margin:0 auto;position:relative;text-align:center;overflow:hidden}.dedui{height:170px;width:1200px;background:#fff;box-shadow:0 3px 10px 3px #ededed;margin:60px auto 0}.duiser{width:199px;float:left;height:170px;text-align:center;border-right:1px solid #e8e8e8}.duiser:hover{background:#dfe6ff}.duiser img{margin-top:30px}.duiser p{font-size:16px;font-weight:700;width:100%;margin-top:12px;color:rgba(0,0,0,.7)}.wxbox07{height:670px;width:1200px;margin:0 auto;position:relative;text-align:center}.container{width:1200px;height:520px;position:relative;float:left}.item{width:1200px;height:290px;position:relative;margin-top:110px;float:left}.hovseer{position:absolute;top:45px;left:40px;width:220px;height:200px}.cunbor{height:115px;width:115px;text-align:center;margin:0 0 0 55px;border-radius:50%}.hovseer h3{font-size:18px;font-weight:400;text-align:center;width:100%}.hovseer i{height:4px;width:30px;background:#387cff;display:block;margin:18px 0 28px 95px}.itemsp{background:url(../images/fenage.png) no-repeat top;width:220px;padding-top:55px;margin-top:12px;float:left;text-align:left;display:none;opacity:0}.acter{width:300px;height:290px;transform:translate(0) scale(1);box-shadow:0 3px 10px 3px #eff1fb;position:absolute;background:#fff;z-index:1}.boxh{font-size:24px;margin:90px 0 20px;font-weight:400;width:100%;float:left}#tabs{position:absolute;left:540px;bottom:10px}.tab{float:left;margin-right:16px;width:50px;height:8px;background:#dfe6ff;cursor:pointer}.active{background:#0048ff}.acter:hover{transform:translate(0) scale(1.2);z-index:9}.acter:hover .hovseer{top:-50px;left:40px;transform:translate(0) scale(1)}.acter:hover .hovseer i{opacity:0;margin:10px 0 10px 95px}.acter:hover .cunbor{background:#dfe6ff;transform:translate(0) scale(1)}.acter:hover .itemsp{display:block;opacity:1}.wxbox08{height:450px;width:100%;margin:0 auto;position:relative;text-align:center}.wxaisre{width:1200px;height:450px;margin:0 auto;position:relative;text-align:center}.laoimg{margin:50px 0 15px}.wxbox09{height:180px;width:100%;margin:0 auto;position:relative;text-align:center;background:#191c29}a.alianx{color:#fff;float:left;margin:68px 50px 0 140px;font-size:20px}.rigbot{float:left;color:#fff;text-align:left;font-size:16px;margin-top:35px}.rigbot p{margin:15px 0}.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;bottom:0;z-index:-1}.marquee{width:8000%;height:260px}.wave-list-box{float:left}.wave-list-box ul{float:left;height:260px;overflow:hidden;zoom:1}.wave-list-box ul li{height:260px;width:100%;float:left;line-height:30px;list-style:none}.xucon{width:100%;height:30000px;position:absolute;left:0;top:0;overflow:hidden;animation:move 700s linear infinite normal;animation-fill-mode:forwards;background:url(../images/wxyun047.png) repeat-y #f5f5f5;z-index:-1}.con:hover{animation-play-state:paused;-webkit-animation-play-state:paused}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(-30000px)}}.rigpadd{width:1200px;margin:0 auto;position:relative;height:400px}#canvasWrapper{position:absolute;top:-72px;z-index:0;width:100%;height:560px}audio,canvas,progress,video{display:inline-block;vertical-align:baseline} |