body {
    font-family: Arial,"微软雅黑","宋体",Helvetica,sans-serif;
    font-size: 13px;
}

#mainNav {
    background-color: black !important;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: red;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: red;
}

#screen-1 {
    background-image:url(http://sglandcn-update.leocool.com/images/sywm_m.jpg);
    background-size:cover;
}

#screen-2 {
    background-image:url(http://sglandcn-update.leocool.com/images/jdxy_m.jpg);
    background-size:cover;
}

#screen-3 {
    background-image:url(http://sglandcn-update.leocool.com/images/md_m.jpg);
    background-size:cover;
}

#screen-4 {
    background-image:url(http://sglandcn-update.leocool.com/images/bg_m.jpg);
    background-size:cover;
}

.footer {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: table;
}

#contact {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

#logo {
    width: 170px;
    height: 60px;
    background-image: url(http://sglandcn-update.leocool.com/images/logo.png);
    background-size: cover;
}
  
@media (min-width: 992px) {
    #mainNav {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
        color: #fff;
        background: red;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
        color: #fff;
        background: red;
    }
    #screen-1 {
        background-image:url(http://sglandcn-update.leocool.com/images/sywm.jpg);
    }
    #screen-2 {
        background-image:url(http://sglandcn-update.leocool.com/images/jdxy.jpg);
    }
    #screen-3 {
        background-image:url(http://sglandcn-update.leocool.com/images/md.jpg);
    }
    #screen-4 {
        background-image:url(http://sglandcn-update.leocool.com/images/bg.jpg);
    }
    #logo {
        width: 263px;
        height: 93px;
    }
}

.bg-primary {
    background-color:red!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color:red!important
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1
}

.fa-bars:before {
    content: "\f0c9"; 
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}

.section {
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#copyright {
    position: relative;
    bottom: 80px;
}

@-webkit-keyframes scroll {
    from {
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
    }
    to {
        -webkit-transform:translate3d(0,20px,0);
        -moz-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        -o-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
}

@-moz-keyframes scroll {
    from {
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to {
        -webkit-transform:translate3d(0,20px,0);
        -moz-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        -o-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
}
@-ms-keyframes scroll {
    from {
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to {
        -webkit-transform:translate3d(0,20px,0);
        -moz-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        -o-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
}
@-o-keyframes scroll {
    from {
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to {
        -webkit-transform:translate3d(0,20px,0);
        -moz-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        -o-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
}
@keyframes scroll {
    from {
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to {
        -webkit-transform:translate3d(0,20px,0);
        -moz-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        -o-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
}

#mouse {
    opacity:0;
    position:fixed;
    left:50%;
    bottom:36px;
    margin:0 0 0 -16px;
    width:31px;
    height:63px;
    -webkit-animation:scroll .4s ease-in-out infinite alternate 300ms 0 ease;
    -moz-animation:scroll .4s ease-in-out infinite alternate 300ms 0 ease;
    -ms-animation:scroll .4s ease-in-out infinite alternate 300ms 0 ease;
    animation:scroll .4s ease-in-out infinite alternate 300ms 0 ease;
    -moz-animation:scroll .4s ease-in-out infinite alternate;
    -webkit-animation:scroll .4s ease-in-out infinite alternate;
    -o-animation:scroll .4s ease-in-out infinite alternate;
    -ms-animation:scroll .4s ease-in-out infinite alternate;
    animation:scroll .4s ease-in-out infinite alternate;
    background-image: url(http://sglandcn-update.leocool.com/images/mouse.png);
    background-repeat: no-repeat;
}