You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
12 KiB
1 lines
12 KiB
:root{--primary-light:#8abdff;--primary:#6d5dfc;--light-navbar:#E4EBF8;--dark-navbar:#191c23;--primary-dark:#2f2f32;--primary-dark-2:#39393c;--greyLight-1:#E4EBF8;--greyLight-2:#c8d0e7;--greyLight-3:#1c1c1d;--greyDark:#091318;--greyBodyDark:#1a1d24;--a-dark-hover:#68a7eb;--white:#ffffff;--darkorange:rgb(255, 153, 0)}body{color:#999;font-size:14px;-webkit-font-smoothing:antialiased;font-family:"Microsoft Yahei Light","Microsoft Yahei",PingFangSC-Regular,Helvetica,sans-serif;line-height:1.80857;background-color:var(--greyLight-1);letter-spacing:.1em;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}#about .message-box p,.blog{-o-user-select:text;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;-khtml-user-select:text;user-select:text}#mainNav .logo,#mainNav .logo-dark,#mainNav.body_dark .logo,#mainNav.body_dark .logo-dark,#sendMessageButton,.about-img img,.btn,.btn-hover-new,.btn:hover,.checkbox__1 label,.checkbox__1 label span,.clock,.clock .marker,.clock .marker span,.clock .marker::after,.contact_form,.contact_form .form-control,.contact_form .form-group,.contact_form .input,.demo-grid:hover .demo-title,.demo-single,.demo-single:hover,.demo-title,.filter-button-group button,.footer-links span,.go-back,.heading h1,.heading h3 span,.heading h3 span:hover,.home-bottom div,.home-bottom div:hover,.like,.navbar-brand p,.navbar-dark .navbar-nav .nav-item,.navbar-dark .navbar-nav .nav-item:hover,.navbar-dark .navbar-nav .nav-link::after,.navbar.body_dark .navbar-brand p,.opus-grid:hover .opus-title,.opus-single,.opus-single:hover,.opus-title,.post-box,.post-box .post-thumb::before,.post-box:hover,.post-info span,.section,.section.body_dark .post-box .post-thumb::before,.services-inner-box,.services-inner-box i,.services-inner-box p span,.services-inner-box:hover,.text-primary,.toggle,a,body,code,h3,h3:hover,td,th{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a{color:#1f1f1f;text-decoration:none!important;outline:0!important}a:hover{color:var(--darkorange)}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:400;position:relative;padding:0 0 10px 0;font-weight:400;line-height:120%!important;color:#333;margin:0}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#212121;text-decoration:none!important;opacity:1}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:.8}li,ol,ul{margin:0;list-style:none;padding:0}img{width:100%}.navbar{background-color:rgba(0,0,0,0)}.navbar-dark{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.navbar-dark .navbar-nav .nav-item{border-bottom:2px solid transparent}.navbar-dark .navbar-nav .nav-item:hover{border-bottom:2px solid #333}.navbar-dark .navbar-nav .nav-item.active{border-bottom:2px solid var(--darkorange)}.footer-links a.active,.navbar-dark .navbar-nav .nav-item.active a{color:var(--darkorange)!important}.navbar-dark .navbar-nav .nav-link{width:100%;text-align:center;color:#fff;font-size:14px;position:relative}.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.active{font-weight:600}.navbar-dark .navbar-nav .nav-link::after{content:'';width:0;height:3px;background:#fff;position:absolute;bottom:0;left:0;right:0;text-align:center;margin:0 auto;border-radius:0;z-index:-1}.navbar-dark .navbar-nav .nav-link.active::after{width:50%}.show-none{top:-60px}#mainNav.navbar-shrink{background-color:var(--light-navbar);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;box-shadow:.15rem .15rem .3rem rgba(0,0,0,.08),0 0 0 transparent}#mainNav .nav-link,#mainNav .nav-link:hover{color:var(--greyBodyDark)}#mainNav.navbar-shrink .nav-link,#mainNav.navbar-shrink .nav-link:hover{color:var(--greyBodyDark)}.navbar{padding:0}#mainNav .navbar-collapse{padding:.5rem 0}button:focus{outline:0!important}.section{display:block;position:relative;overflow:hidden;padding:120px 0 88px}.section-title{display:block;position:relative;margin-bottom:30px}.section-title h3{font-size:38px;line-height:62px;margin:0 0 15px;padding:0;color:#222;text-transform:none;letter-spacing:10px}.btn-hover-new{color:#333;position:relative;background-color:#fff;overflow:hidden;padding:0 18px;display:inline-block}.sim-btn{line-height:55px;height:55px;width:90%;border-radius:.3em;text-align:center;margin-right:auto;margin-left:auto;margin-top:0;cursor:pointer}.btn-hover-new:hover{color:#fff;background-color:#333}.services-inner-box{position:relative;padding:15px;background:var(--greyLight-1);margin-bottom:30px;border-radius:1em;-webkit-box-shadow:.2rem .2rem .4rem var(--greyLight-2),-.2rem -.2rem .4rem var(--white);box-shadow:.2rem .2rem .4rem var(--greyLight-2),-.2rem -.2rem .4rem var(--white)}.article-single:active,.services-inner-box:active{-webkit-box-shadow:inset .2rem .2rem .4rem var(--greyLight-2),inset -.2rem -.2rem .4rem #fff;box-shadow:inset .2rem .2rem .4rem var(--greyLight-2),inset -.2rem -.2rem .4rem #fff}.article-single{position:relative;height:100px;margin:20px 0 20px;padding:15px;border-radius:1em;-webkit-box-shadow:.2rem .2rem .4rem var(--greyLight-2),-.2rem -.2rem .4rem var(--white);box-shadow:.2rem .2rem .4rem var(--greyLight-2),-.2rem -.2rem .4rem var(--white);-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.article-single h2{position:absolute;font-size:21px;font-weight:600;top:25px;left:30px;margin-right:20px}.ser-icon{float:left;width:90px;height:90px;text-align:center;line-height:90px}.ser-icon i{font-size:50px;color:#333}.services-inner-box h2{position:absolute;font-size:22px;font-weight:600;top:30px;left:120px;padding-right:10px}.article-single p,.services-inner-box p{color:#333;position:absolute;right:20px;bottom:0}.services-inner-box p span{color:#333}.article-single:active>h2,.services-inner-box:active>h2{color:var(--darkorange)}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.filter-button-group{border-radius:0;margin:10px 0;display:inline-block}.filter-button-group button.active{color:var(--darkorange);outline:0;background:rgba(0,0,0,0);box-shadow:inset .15rem .15rem .2rem var(--greyLight-2),inset -.15rem -.15rem .2rem #fff}.filter-button-group button{border:none;color:#333;letter-spacing:1px;font-weight:600;font-size:14px;cursor:pointer;background:rgba(0,0,0,0);padding:8px 24px;margin:0 3px;border-radius:.3em;outline:0;box-shadow:.1rem .1rem .2rem var(--greyLight-2),-.1rem -.1rem .2rem var(--white)}.footer-links{list-style:none;padding:0;margin:0}.footer-links a,.footer-links span{color:#999;font-size:13px}.footer-links a.footer-links-gov{font-size:12px}.footer-links img{position:relative;width:17px;top:-1px}.footer a:hover,.footer-links a .iconfont:hover,.footer-links a:hover{color:var(--darkorange)!important}.copyrights{box-sizing:border-box;width:100%;text-align:left;padding:25px 0!important;overflow:hidden;box-shadow:0 0 0 transparent,-.2rem -.2rem .4rem rgba(255,255,255,.45)}.footer-distributed .footer-left{float:left}.footer-distributed .footer-right{float:right}.footer-distributed .footer-links{margin:0 0 10px;padding:0}.footer-distributed .footer-links a{line-height:1.8;text-decoration:none}.copyrights .modal .modal-dialog{position:fixed;left:50%;margin-left:-100px;bottom:130px}.copyrights .modal img{border-radius:.3em}.dmtop.show{bottom:85px;z-index:10}.dmtop{background-color:var(--greyLight-1);z-index:100;width:50px;height:50px;line-height:47px;position:fixed;bottom:-100px;border-radius:3px;right:50px;text-align:center;font-size:28px;color:#777!important;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;box-shadow:.2rem .2rem .4rem rgba(0,0,0,.12),-.2rem -.2rem .4rem rgba(255,255,255,.7)}.dmtop:active{-webkit-box-shadow:inset .2rem .2rem .4rem var(--greyLight-2),inset -.2rem -.2rem .4rem #fff;box-shadow:inset .2rem .2rem .4rem var(--greyLight-2),inset -.2rem -.2rem .4rem #fff}.navbar-brand{width:120px;height:32px;margin:-1px 0 0;padding:0}.navbar-brand p{margin:0;padding:0 10px;text-align:center;color:#000}.toggle{position:relative;display:inline-block;width:50px;height:38px;font-size:45px!important;line-height:38px;margin-right:5px;color:var(--greyBodyDark);transition:all .5s}.toggle:hover{color:#222}#mainNav .logo,#mainNav .logo-dark,#mainNav.body_dark .logo,#mainNav.body_dark .logo-dark{position:absolute}#mainNav .logo,#mainNav.body_dark .logo-dark{opacity:1}#mainNav .logo-dark,#mainNav.body_dark .logo{opacity:0}.navbar.body_dark .navbar-brand p{color:#f2f3f4}.navbar-dark.body_dark .navbar-nav .nav-item:hover{border-bottom:2px solid #f2f3f5}.navbar-dark.body_dark .navbar-nav .nav-item.active{border-bottom:2px solid var(--a-dark-hover)}.navbar-dark.body_dark .navbar-nav .nav-item.active a,body.body_dark .footer-links a.active{color:var(--a-dark-hover)!important}.article-single.body_dark,.services-inner-box.body_dark,body.body_dark .dmtop{background-color:var(--greyBodyDark);box-shadow:.2rem .2rem .4rem rgba(0,0,0,.4),-.2rem -.2rem .4rem rgba(66,66,66,.4)}body.body_dark .dmtop{color:#999!important}.section.body_dark .post-info{background-color:#3f3f3f}#contact.body_dark .contact_form .form-control{color:#dedede;background-color:rgba(255,255,255,.99);box-shadow:0 5px 14px rgba(0,0,0,.1)}#contact.body_dark .btn-hover-new{background-color:#333}.section.body_dark .post-box{box-shadow:0 0 15px var(--greyBodyDark)}.section.body_dark .post-box:hover .post-thumb::before{opacity:.9}.section.body_dark .post-box .post-thumb::before{opacity:0}#mainNav.navbar-shrink.body_dark{background-color:var(--dark-navbar)}#mainNav.body_dark .nav-link,#mainNav.body_dark .nav-link:hover{color:#f2f3f5}#mainNav.navbar-shrink.body_dark .nav-link,#mainNav.navbar-shrink.body_dark .nav-link:hover{color:#f2f3f5}body.body_dark{background-color:var(--greyBodyDark)}#mainNav.body_dark .nav-link::after{background:#f2f3f5}#mainNav.navbar-shrink.body_dark{box-shadow:.15rem .15rem .3rem rgba(0,0,0,.38),0 0 0 transparent}#mainNav.navbar-shrink.body_dark .nav-link::after{background:#f2f3f5}.section.body_dark .btn-hover-new{color:#ddd}.section.body_dark .btn-hover-new:hover{color:#000;background-color:#eee}h2.body_dark,h3.body_dark{color:#dedede}.filter-button-group button.active.body_dark{color:var(--a-dark-hover);background:rgba(0,0,0,0);box-shadow:inset .15rem .15rem .2rem var(--greyDark),inset -.15rem -.15rem .2rem var(--primary-dark-2)}.filter-button-group button.body_dark{color:#ddd;background:rgba(166,166,166,0);box-shadow:.1rem .1rem .2rem var(--greyDark),-.1rem -.1rem .2rem var(--primary-dark)}.article-single.body_dark p,.section.body_dark .post-info span,.services-inner-box.body_dark .ser-icon i,.services-inner-box.body_dark h2,.services-inner-box.body_dark p span{color:#d0d0d0}.article-single.body_dark:active>h2,.services-inner-box.body_dark:active h2{color:var(--a-dark-hover)}.body_dark .img-fluid{opacity:.9}.article-single.body_dark:active,.services-inner-box.body_dark:active,body.body_dark .dmtop:active{-webkit-box-shadow:inset .2rem .2rem .4rem var(--greyDark),inset -.2rem -.2rem .4rem var(--primary-dark-2);box-shadow:inset .2rem .2rem .4rem var(--greyDark),inset -.2rem -.2rem .4rem var(--primary-dark-2)}.toggle.body_dark{color:#e1e1e1}.toggle.body_dark:hover{color:#f1f1f1}.copyrights.body_dark .footer a:hover,.copyrights.body_dark .footer-links a .iconfont:hover,.copyrights.body_dark .footer-links a:hover{color:var(--a-dark-hover)!important}.copyrights.body_dark .footer-links a,.copyrights.body_dark .footer-links span{color:#666}.copyrights.body_dark{box-shadow:0 0 0 transparent,-.2rem -.2rem .4rem rgba(66,66,66,.3)}
|