@font-face{font-family:iconfont;src:url(../fonts/iconfont.1663dbf3.woff2) format("woff2"),url(../fonts/iconfont.3e3d0bf6.woff) format("woff"),url(../fonts/iconfont.3b5166c4.ttf) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{padding:0;margin:0;font-size:16px}#app{width:100%;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;min-width:1200px}a,button,em,img,input,label,span,strong{display:inline-block;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:100}li,ul{list-style:none;padding:0;margin:0}a{cursor:pointer;text-decoration:unset;display:block}.hide{display:none}.fw-700{font-weight:700}.flex{display:flex;justify-content:space-between}.mb-10{margin-bottom:10px}.page{padding:0;margin:0}.page-section .section-center{width:1200px;margin:0 auto;position:relative}.page-section .section-tab{padding:10.6481VH 0 0;box-sizing:border-box;height:100vh;position:relative}.page-section .page-tit{position:absolute;top:-8px;color:#fff;font-size:2.5rem;font-weight:700;margin:0}.page-section .section-tab .el-tabs--card>.el-tabs__header{border-bottom:none;padding-left:220px;margin-bottom:5.5556VH}.page-section .section-sub-tab .el-tabs--card>.el-tabs__header .el-tabs__nav,.page-section .section-tab .el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}.page-section .section-tab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active,.page-section .section-tab .el-tabs--card>.el-tabs__header .el-tabs__item:hover{background:#3498ee}.page-section .section-tab .el-tabs--card>.el-tabs__header .el-tabs__item{border:none;color:#fff;background:rgba(26,97,159,.4);margin:0 10px;border-radius:4px;padding:0 40px;font-size:16px}.page-section .section-tab .section-cont p{color:#fff;font-size:16px;text-indent:35px;margin-top:5VH;line-height:1.5}.page-section .section-sub-tab{background:url(../img/BG2.f769fb77.png) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-section .section-sub-tab .sec-tit{font-size:1.5rem;font-weight:700;color:#041e38;margin-top:0}.page-section .section-sub-tab .sec-tit i{position:relative;font-size:2.5rem;color:#3e91e0;vertical-align:middle;margin-left:-9px}.page-section .section-sub-tab .sec-tit i:after{position:absolute;content:"";display:inline-block;left:9px;top:8px;width:3px;height:24px;background:#3e91e0}.page-section .section-sub-tab .sec-tit span{vertical-align:middle}.page-section .section-sub-tab .el-tabs--card>.el-tabs__header{border-bottom:none}.page-section .section-sub-tab .el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid #3498ee;color:#3498ee;background:#fff;margin:0 20px 0 0;border-radius:4px;padding:0 40px;font-size:1rem}.page-section .section-sub-tab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active,.page-section .section-sub-tab .el-tabs--card>.el-tabs__header .el-tabs__item:hover{background:#3498ee;color:#fff}.page-section .section-sub-tab .sec-bot{padding:7.4074vh 0}.page-section .section-sub-tab .sec-bot .flex{justify-content:space-between;align-items:center}.page-section .section-sub-tab .sec-bot .l,.page-section .section-sub-tab .sec-bot .r{width:45%;padding:0}.page-section .section-sub-tab .sec-bot .l{display:flex;flex-direction:column;justify-content:space-around}.page-section .section-sub-tab .sec-bot .l>div:nth-of-type(2){margin:5VH 0 0}.page-section .section-sub-tab .sec-bot .l>div h4{font-size:1.125rem;font-weight:700;color:#000;margin-bottom:1.3889VH;margin-top:0}.page-section .section-sub-tab .sec-bot .l>div p{font-size:16px;color:#000;margin-bottom:0;line-height:1.5}.login-btn,.page-section .section-sub-tab .sec-bot .r{text-align:center}.login-btn{width:200px;height:40px;line-height:40px;border-radius:6px;margin:2.1481vh auto 3.5185vh;background:#3498ef;font-size:16px}.login-btn a{color:#fff}.down-btn{width:36px;height:36px;text-align:center;line-height:36px;border-radius:50%;margin:0 auto 0;font-size:2rem;border:2px solid #fff;cursor:pointer;animation:updown 1.5s ease-in-out infinite alternate;position:absolute;left:50%;bottom:6.8889vh;transform:translateX(-50%);z-index:2}.down-btn a{color:#fff}@keyframes updown{0%{bottom:6.8889vh}to{bottom:4.8889vh}}.common-head{height:4.375rem;width:100%;position:fixed;top:0;left:0;z-index:5;border-bottom:1px solid hsla(0,0%,100%,.1)}.common-head.bg{background:rgba(0,0,0,.8)}.flex-box{width:1200px;margin:0 auto;height:100%}.flex-box .logo{height:100%;width:22.5rem;background:url(../img/logo.c51d0539.png) no-repeat;background-size:contain;background-position-y:center;display:inline-block}.flex-box .nav-list{float:right;display:inline-block}.flex-box .el-menu.el-menu--horizontal{background-color:unset!important;border:none!important}.flex-box .el-menu.el-menu--horizontal .el-menu-item{background-color:unset!important;font-size:1rem;font-weight:700;margin:0 1rem;padding:0 .625rem;color:#fff;height:70px;line-height:70px}.flex-box .el-menu.el-menu--horizontal .el-menu-item.is-active{border-bottom-color:#fff!important;color:#fff!important}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu{position:relative}.flex-box .el-menu.el-menu--horizontal .el-menu-item .cont-center{background:rgba(0,0,0,.8);position:fixed;left:0;top:70px;right:0}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu-box{width:1350px;margin:0 auto;justify-content:end}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu-box ul{padding:30px 20px;color:#fff;line-height:36px}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu-box ul li{height:32px;line-height:32px}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu-box ul li a{color:#fff;font-size:14px;font-weight:400}.flex-box .el-menu.el-menu--horizontal .el-menu-item .sub-menu-box ul li a:hover{color:#3498ee}.hide[data-v-4bdd0c1f]{display:none}.index-page[data-v-4bdd0c1f]{height:100vh}.section-A[data-v-4bdd0c1f]{padding:0;margin:0;min-width:1200px;margin:0 auto;position:relative;background:#151e2c}.section-A .video-box[data-v-4bdd0c1f]{width:100%;height:100%;position:relative;min-width:1200px}.video-box[data-v-4bdd0c1f]{position:relative;width:100%;height:100vh;color:#fff;background-size:100% 100%;overflow:hidden}video[data-v-4bdd0c1f]{position:absolute;top:50%;left:50%;min-width:100%;-o-object-fit:fill;object-fit:fill;width:100%;height:auto;transform:translateX(-50%) translateY(-50%)}.controls-btn[data-v-4bdd0c1f]{font-size:3.125rem;color:#fff;position:absolute;right:10rem;bottom:2.5rem;opacity:1}.down-icon[data-v-4bdd0c1f]{display:none;width:2.5rem;height:2.5rem;position:absolute;left:50%;bottom:9.375rem;margin-left:-1.25rem;border:2px solid #fff;text-align:center;font-size:2rem;line-height:2.5rem;border-radius:50%;color:#fff}.section-B[data-v-4bdd0c1f]{min-width:1200px;margin:0 auto;padding:3.5rem 0 4rem 0;width:100%;position:relative;background:#151e2c}.B-content[data-v-4bdd0c1f]{width:100%;height:100%;position:relative;min-height:60rem}.section-B .content[data-v-4bdd0c1f]{min-width:1200px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#151e2c}.tit[data-v-4bdd0c1f]{font-size:1.5rem;color:#fff}.desc[data-v-4bdd0c1f]{margin-bottom:2.5rem;font-size:1.125rem;color:#fff}.text-c[data-v-4bdd0c1f]{text-align:center}.text-more[data-v-4bdd0c1f]{font-size:.875rem;color:#fff;text-align:center;height:8.5rem;padding:.5rem 0 0;margin:0;box-sizing:border-box}.box-A .el-col-span[data-v-4bdd0c1f]{width:23.5%;padding:0}.el-row[data-v-4bdd0c1f]{margin:0!important}.el-col[data-v-4bdd0c1f]{padding:0!important}.el-col-span .el-card[data-v-4bdd0c1f]{position:relative;border-radius:0;margin-right:2rem;border:none;height:8.5rem;z-index:3}.el-col-span .el-card .mask-box[data-v-4bdd0c1f]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.el-col-span .el-card .mask-box.mask[data-v-4bdd0c1f]{background:rgba(0,0,0,.5);cursor:auto}.box-A .card-tit[data-v-4bdd0c1f]{font-size:1.5rem;color:#fff;width:100%;text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.box-B[data-v-4bdd0c1f]{padding:0 10%}.box-B .el-col-span[data-v-4bdd0c1f]{width:33%}.box-C[data-v-4bdd0c1f]{padding:.625rem .625rem;border:1px solid #3781c6}.box-C .el-col-span .el-card[data-v-4bdd0c1f]{margin-right:0;text-align:center;background:transparent;margin:0 0 .625rem 0}.box-C .el-card__body[data-v-4bdd0c1f]{display:flex;flex-direction:row;background:red}.box-C .card-tit[data-v-4bdd0c1f]{font-size:1.625rem;color:#fff;width:12%;display:inline-block;line-height:8.5rem;text-align:left;position:absolute;top:0;left:2.5%;z-index:2}.box-C .el-col-span .el-card .mask-box.mask[data-v-4bdd0c1f]{background:rgba(0,0,0,.63)}.box-C .sub-desc[data-v-4bdd0c1f]{font-size:1.25rem;color:#fff;width:80%;text-align:center;margin:0;position:absolute;top:50%;left:16.5%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:inherit;justify-content:flex-start}.box-C .el-col .sub-desc .sub-box[data-v-4bdd0c1f]:not(:last-child){margin-right:1.4rem}.box-C .sub-desc .sub-box[data-v-4bdd0c1f]{padding:1.25rem .9375rem;background:hsla(0,0%,100%,.3);border-radius:.5rem}.box-C .sub-desc .sub-box .iconfont[data-v-4bdd0c1f]{font-size:2rem;vertical-align:middle}.box-C .sub-desc .sub-box span[data-v-4bdd0c1f]{vertical-align:middle;margin-left:1rem}.box-C .sub-desc .sub-box.active-href[data-v-4bdd0c1f]{background:#3e91e0;cursor:pointer}.box-C .sub-desc .sub-box .hover-a[data-v-4bdd0c1f]{text-decoration:none;color:#fff;display:block;margin:-1.25rem -.9375rem;padding:1.25rem .9375rem;border-radius:.5rem;cursor:pointer}.box-C .sub-desc .sub-box .hover-a[data-v-4bdd0c1f]:hover{background:#3e91e0}.el-carousel[data-v-4bdd0c1f]{width:100%}#el-carousel .el-carousel__container[data-v-4bdd0c1f]{height:100%!important}.page-1 .page-section .section-tab{background:url(../img/BG.46dda7af.jpg) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-1 .page-section .section-sub-tab{background:url(../img/BG2.f769fb77.png) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-1 .page-section .section-sub-tab .sec-bot .r img{max-height:38.6111vh}.page-1 .page-section .section-sub-tab .sec-bot .el-tab-pane:first-of-type .r img{max-height:32.1296vh}.page-1 .banner-img-1{height:48.4259VH;background:url(../img/page1-banner.af75f37f.png) no-repeat;background-size:contain;background-position:50%}.page-1 .banner-img-2{height:49.8148VH;background:url(../img/page1-banner2.2f2370a4.png) no-repeat;background-size:contain;background-position:50%}.page-1 .page-section .section-sub-tab .sec-bot .l{width:45%;padding:0}.page-1 .page-section .section-sub-tab .sec-bot .r{width:55%;max-width:55%;padding:0}.page-1 .page-section .el-carousel__item{display:flex;align-items:center}.page-2 .page-section .section-tab{background:url(../img/BG.46dda7af.jpg) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-2 .page-section .section-tab .el-tabs--card>.el-tabs__header{margin-bottom:3.5vh}.page-2 .banner-img-1{height:48.7619VH;background:url(../img/page2-banner.11c3f1bb.png) no-repeat;background-size:contain;background-position:50%;position:relative}.page-2 .banner-img-1 .TXT{width:14.537vh;height:5.2778vh;background:url(../img/txt.77334673.png) no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50.5%,-43%)}.page-2 .banner-img-1 .turnning{width:20.6481vh;height:20.6481vh;background:url(../img/turn.c3a8cc9f.png) no-repeat;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50.5%,-49.5%);animation:myfirst2 6s linear infinite}@keyframes myfirst2{0%{transform:translate(-50.5%,-49.5%) rotate(0deg)}to{transform:translate(-50.5%,-49.5%) rotate(359deg)}}@keyframes myfirst{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}.page-2 .banner-img-2{height:51.8518VH;background:url(../img/page2-banner2.ebb0ace3.png) no-repeat;background-size:contain;background-position:50%}.page-2 .banner-img-3{height:63.8518VH;position:relative}.page-2 .banner-img-3 video{height:100%;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-o-object-fit:fill;object-fit:fill;//width:auto;width:100%;//height:auto;transform:translateX(-50%) translateY(-50%)}.page-2 .page-section .third-section .sec-top p{margin-top:4vh}.page-2 #pane-fourth .sec-top .flex{align-items:center}.page-2 .banner-img-4{height:51.8518VH;background:url(../img/page2-4.dcfc2620.png) no-repeat;background-size:contain;background-position:50%}.page-2 #pane-fourth .sec-top .flex>div{width:45%}.page-2 #pane-fourth .sec-top .flex .l h4{font-size:30px;font-weight:400;color:#fff}.page-2 #pane-fourth .sec-top .flex .l p{line-height:1.8}.page-2 #pane-fourth .sec-top .flex .l .login-btn{margin:4.1481vh 0 0}.page-2 .page-section .section-sub-tab .sec-bot{padding:0}.page-2 .page-section .section-sub-tab .sec-bot .l{width:42%}.page-2 .page-section .section-sub-tab .sec-bot .r{width:53%}.page-2 .page-section .section-sub-tab .scence-list>li>div{text-align:center;position:relative}.page-2 .page-section .section-sub-tab .scence-list li>div p{position:absolute;top:0;left:0;font-size:24px;font-weight:700;color:#fff;line-height:24.1667vh;width:100%;margin:0}.page-2 .page-section .section-sub-tab.sub-first,.page-2 .page-section .section-sub-tab.sub-second{padding:7.4074vh 0}.page-2 .page-section .section-sub-tab.sub-first .scence-list{margin-top:2.3148vh;justify-content:center}.page-2 .page-section .section-sub-tab.sub-first .scence-list>li:nth-of-type(2){margin:0 25px}.page-2 .page-section .section-sub-tab.sub-first .scence-list>li>div img{height:24.1667vh}.page-2 .page-section .section-sub-tab.sub-third{background:#fff}.page-2 .section-sub-tab.sub-third .top{background:url(../img/BG5.eb18ee9f.png) no-repeat;background-size:100% 100%;background-position:50%;padding:7.4074vh 0}.page-2 .section-sub-tab.sub-third .top img{margin-top:5vh}.page-2 .section-sub-tab.sub-third .bot{background:url(../img/BG2.f769fb77.png) no-repeat;background-size:100% 100%;background-position:50%;padding:7.4074vh 0}.page-2 .section-sub-tab.sub-third .scence-list>li{margin-right:20px}.page-2 .section-sub-tab.sub-fourth .scence-list>li .el-image,.page-2 .section-sub-tab.sub-third .scence-list>li .el-image{width:286px;height:260px}.page-2 .section-sub-tab.sub-fourth .scence-list>li:nth-of-type(4),.page-2 .section-sub-tab.sub-third .scence-list>li:nth-of-type(4){margin-right:0}.page-2 .page-section .section-sub-tab.sub-fourth .scence-list li>div p,.page-2 .page-section .section-sub-tab.sub-third .scence-list li>div p{line-height:260px}.page-2 .section-sub-tab.sub-fourth{background:#fff}.page-2 .page-section .section-sub-tab.sub-fourth .scence-list{margin-bottom:12px}.page-2 .section-sub-tab.sub-fourth .scence-list>li>div{width:290px}.page-2 .section-sub-tab.sub-fourth .top{background:url(../img/BG2.f769fb77.png) no-repeat;background-size:100% 100%;padding:7.4074vh 0}.page-2 .section-sub-tab.sub-fourth .top h4{font-size:18px;font-weight:700;margin:0 0 15px}.page-2 .section-sub-tab.sub-fourth .top p{font-size:16px;margin:0;line-height:24px}.page-2 .section-sub-tab.sub-fourth .top .mb-8{margin-bottom:8px}.page-2 .section-sub-tab.sub-fourth .bot{padding:7.4074vh 0}.page-3 .page-section .section-tab{background:url(../img/BG4.2ccebe13.jpg) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-3 .page-section .section-tab .el-tabs--card>.el-tabs__header{margin-bottom:4.5556VH}.page-3 .banner-img-1{background:url(../img/page3-banner.7f97b27e.png) no-repeat;height:52.574vh;background-size:contain;background-position:50%}.page-3 .banner-img-2{background:url(../img/page3-banner2.43308bb2.png) no-repeat;height:49.1667vh;background-size:contain;background-position:50%}.page-3 .banner-img-3{background:url(../img/page3-banner3.5fc60034.png) no-repeat;height:47.3148vh;background-size:contain;background-position:50%;margin-top:2vh}.page-3 .banner-img-4{background:url(../img/page3-banner4.081df0a1.png) no-repeat;height:51.8518vh;background-size:contain;background-position:50%;margin-top:1vh}.page-3 .page-section .section-sub-tab{background:url(../img/BG2.f769fb77.png) no-repeat;background-size:100% 100%;background-position:50%}.page-3 .page-section .section-sub-tab .sec-bot .l{width:42%}.page-3 .page-section .section-sub-tab .sec-bot .r{width:53%}.page-3 .page-section .section-sub-tab .sec-bot .r h4{font-weight:700;font-size:1.5rem;margin-top:0}.page-3 .page-section .section-sub-tab .scence-list{margin-bottom:2.3148vh;justify-content:center}.page-3 .page-section .section-sub-tab .scence-list>li:nth-of-type(2){margin:0 25px}.page-3 .page-section .section-sub-tab .scence-list>li>div{text-align:center;position:relative}.page-3 .page-section .section-sub-tab .scence-list>li>div img{height:24.1667vh}.page-3 .page-section .section-sub-tab .scence-list li>div p{position:absolute;top:0;left:0;font-size:24px;font-weight:700;color:#fff;line-height:24.1667vh;width:100%;margin:0}.page-section .section-sub-tab.sub-third .el-tabs--card>.el-tabs__header{margin-bottom:5vh}.page-4 .page-section{position:relative;overflow:hidden;min-width:1200px}.page-4 .page-section.bg{background:url(../img/BG7.7e302299.png) no-repeat;background-size:100% 100%}.page-4 video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-o-object-fit:fill;object-fit:fill;width:auto;height:auto;transform:translateX(-50%) translateY(-50%)}.page-4 .section-tab{position:relative;height:86.7592vh;color:#fff;overflow:hidden;min-width:1200px}.page-4 .section-tab.H{height:92vh}.page-4 .page-section .section-center,.page-4 .page-section .section-cont{width:100%;height:100%}.page-4 .page-section .banner-txt{width:100%;height:100%;position:relative}.page-4 .page-section .l{width:1200px;position:absolute;left:50%;top:30%;transform:translateX(-50%)}.page-4 .page-section .l h2{font-size:30px;font-weight:700;color:#fff;margin-bottom:15px}.page-4 .page-section .l h4{font-size:24px;font-weight:400;color:#fff;margin-top:0}.page-4 .page-section .section-sub-tab p{text-indent:35px;width:1200px;position:absolute;left:50%;bottom:3%;transform:translateX(-50%);color:#fff}.page-section .section-sub-tab{background:unset}.a-btn{width:50px;height:40px;text-align:center;line-height:40px;border-radius:6px;margin:2.1481vh auto 3.5185vh;background:#3498ef;font-size:16px}.page-5 .page-section .section-tab{background:url(../img/Group12-1.81916c51.png) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px;height:800px}.page-5 .page-section .section-sub-tab{background:url(../img/Group16.6321987d.jpg) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-5 .page-section .section-sub-tab .sec-bot .r img{max-height:38.6111vh}.page-5 .page-section .section-sub-tab .sec-bot .el-tab-pane:first-of-type .r img{max-height:32.1296vh}.page-5 .banner-img-1{height:48.4259VH;background-size:contain;background-position:50%}.page-5 .banner-img-2{height:49.8148VH;background:url(../img/page1-banner2.2f2370a4.png) no-repeat;background-size:contain;background-position:50%}#pane-3 .l{width:40%}#pane-3 .r{width:52%}.page-5 .page-section .section-sub-tab .sec-bot .l{width:45%;padding:0}.page-5 .page-section .section-sub-tab .sec-bot .r{width:55%;max-width:55%;padding:0}.page-5 .page-section .el-carousel__item{display:flex;align-items:center}.page-aboutus .page-section .section-tab{background:url(../img/about-banner.130a542c.png) no-repeat}.li{writing-mode:vertical-rl;padding:5px 10px;height:50px;margin:5px 0;margin-top:-15px;list-style:none}.el-row{margin:0!important}.common-foot{background:#f2f2f2;min-width:1200px;margin:0 auto}.foot-center{width:1200px;margin:0 auto}.p-r{position:relative;padding-left:113px;line-height:24px}.p-ab{position:absolute;left:0;text-align:right}.page-aboutus .page-section .section-tab{padding:19.9074vh 0 0;background:url(../img/002.bf4c93cd.jpg) no-repeat;background-size:100% 100%;background-position:50%;min-width:1200px}.page-aboutus .page-section .banner-txt{width:100%;height:38.4259vh;margin:0 auto 18.9815vh;background:rgba(1,64,185,.4);text-align:center;padding:9.074vh 0 0;position:relative}.page-aboutus .page-section .banner-txt h4{color:#fff;font-size:3.75rem;margin:0;font-weight:900}.page-aboutus .page-section .banner-txt p{color:#fff;font-size:2.5rem;margin:2vh auto 6.6926vh}.page-aboutus .page-section .banner-txt ul{justify-content:center}.page-aboutus .page-section .banner-txt ul li{width:220px;height:6.2264vh;line-height:6.2264vh;font-size:1.5rem;padding-left:20px;box-sizing:border-box;text-align:left;color:#fff;background:linear-gradient(90deg,#3e91e0,transparent)}.page-aboutus .page-section .section-sub-tab .sec-bot{padding:7.4074vh 0 14.8148vh}.up{top:0;left:0}.down,.up{position:absolute}.down{bottom:0;right:0}.up:before{width:25px;height:3px}.up:after,.up:before{content:"";position:absolute;top:0;left:0;background:#fff}.up:after{width:3px;height:25px}.down:before{width:25px;height:3px}.down:after,.down:before{content:"";position:absolute;bottom:0;right:0;background:#fff}.down:after{width:3px;height:25px}