.main-banner{background-color:#0c1b2e;color:#fff;min-height:500px;padding-bottom:80px;position:relative}.main-banner-left-right{display:flex}.main-banner-left{display:flex;flex-direction:column;padding-top:210px}.main-banner-page-title{font-size:20px;font-weight:300}.main-banner-title{display:flex;flex-direction:column;margin-top:36px;width:90%}.main-banner-title .jianbian-h1{font-size:52px}.main-banner-desc{color:#fff;font-size:24px;margin-top:26px;width:90%}.main-banner-btn-content{margin-top:85px}.main-banner-right{display:flex;flex:1;justify-content:center}.main-banner-big-dot-bg{align-items:center;background-color:hsla(0,0%,100%,.04);border-radius:50%;display:flex;height:613px;justify-content:center;margin-top:164px;position:relative;width:613px}.main-banner-big-dot-bg:after{background-color:hsla(0,0%,100%,.05);border-radius:50%;content:"";height:448px;position:absolute;width:448px}.main-banner-big-dot-item{align-items:center;animation:icon-appear 1s ease var(--s) forwards,icon-breathe 2s ease-in-out 4s infinite,icon-rotate 2s ease-in-out 6s;background-color:#322823;border:1px solid #f3623c;border-radius:50%;box-sizing:border-box;display:flex;height:var(--w);justify-content:center;opacity:0;padding:var(--p);position:absolute;transform:scale(.3);width:var(--w);z-index:10}.main-banner-big-dot-item.dot-item-center{animation:msgbox-appear 1s ease forwards;opacity:0;transform:scale(.3)}.main-banner-big-dot-item-content{background-color:#140700;border-radius:50%;height:100%;position:relative;width:100%;z-index:11}.main-banner-big-dot-item-content,.main-banner-big-dot-item-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-banner-big-dot-item-dashed{animation:draw-line 1s ease var(--s) forwards;border-top:1px dashed #707070;height:1px;opacity:0;position:absolute}@keyframes msgbox-appear{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes icon-appear{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes icon-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes draw-line{0%{opacity:0;width:0}to{opacity:1;width:var(--w)}}