body{
    overflow-x: hidden !important;
}


body .ms-site-container,
.ms-header.ms-header-primary
{
    background-color: transparent;
}

.material-background {
    background: url('../imgs/skyline2.jpg') no-repeat;
}
.material-background:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 97, 145, 0.65);
    z-index: 0;
}

.ms-header{
    height: 120px;
}

@media screen and (min-width: 577px) {
    .app-show {
        visibility: hidden;
    }
}

.sj-logo{
    background-color: #005890;
}
.cdsy {
    background: linear-gradient(327deg, #da2908, #f1d205);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ms-navbar, .ms-lead-navbar{
    background-color: #005890
}

.ms-header.ms-header-primary{
    color: #e3431f !important;
    background-color: #005890;
}

.ms-navbar, .ms-lead-navbar{
    margin-bottom: 0;
}

.ms-navbar .navbar-collapse, .ms-lead-navbar .navbar-collapse{
    background-color: #ffffff;
}

.ms-navbar.fixed-top .navbar-collapse {
    background-color: #005890;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:before,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a:before{
    background-color: #086eaf;
}

.ms-navbar.fixed-top .navbar-collapse .navbar-nav .nav-item > a:before{
    background-color: #ffffff;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item > a,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a{
    color: #086eaf;
    font-size: 2rem;
}

.ms-navbar.fixed-top .navbar-collapse .navbar-nav .nav-item > a{
    color: #ffffff;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.active a:hover,
.ms-navbar .navbar-collapse .navbar-nav .nav-item.active a:focus,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.active a:hover,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.active a:focus {
    color: #ffffff;
}

.ms-navbar.fixed-top .navbar-collapse .navbar-nav .nav-item.active a:hover{
    color: #086eaf;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:hover,
.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:focus,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a:hover,
.ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a:focus {
    color: #ffffff;
}

.ms-navbar.fixed-top .navbar-collapse .navbar-nav .nav-item a:hover{
    color: #086eaf;
}

a { color: #086eaf }
.color-primary{
    color: #005890 !important;
}

.ms-hero-bg-info:after {
    background-color: rgba(3, 85, 151, 0.65);
}

.list-line.inverse li a {
    color: #fff
}

.card.card-primary {
    border-bottom: solid 3px #086eaf;
    border-radius: 3px;
}
.card.card-primary .card-header, .card.card-primary .card-footer {
    background-color: #086eaf;
    color: #F5F5F5;
}
.card.card-primary-inverse {
    background-color: #086eaf;
    border-bottom: solid 3px #086eaf;
    color: #fff;
}
.list-line li a:hover, .list-line li a:focus {
    background-color: #F5F5F5;
    color: #005890;
}

.list-line.inverse li a:hover,
.list-line.inverse li a:focus {
    background-color: #F5F5F5;
    color: #005890;
}

.i-border {
    border: 1px solid #005890 !important;
    border-radius: 0;
    box-shadow: none;
}
.index-home {
    margin-left: 0 !important;
    margin-right: 10px;
}

.ms-hero-page{
    margin: 0
}

.e-space{
    flex-grow: 1;
}

.i-title{
    font-size: 24px;
}
.i-more {
    color: #fff
}

.nav-line{
    border-bottom: 1px solid #005890;
}
.nav-line .breadcrumb{
    margin-bottom: 0
}
.nav-line h3 {
    font-weight: 600;
    color: #005890
}
    /*定义滚动条高宽及背景
     高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width:8px;
    height:8px;
    background-color:#F5F5F5;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    background-color: rgba(8, 110, 175, .5);
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgb(8, 110, 175);
}