.video-js {
        width: 300px;
        height: 150px;
    }

    .vjs-fluid {
        padding-top: 56.25%
    }
 

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
 
@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

 

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

 
#app .main-container {
    min-height: 100%;
    -webkit-transition: margin-left .28s;
    transition: margin-left .28s;
    margin-left: 200px;
    position: relative
}

#app .sidebar-container {
    -webkit-transition: width .28s;
    transition: width .28s;
    width: 200px!important;
    background-color: #304156;
    height: 100%;
    position: fixed;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow: hidden
}

#app .sidebar-container .horizontal-collapse-transition {
    -webkit-transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out;
    transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out
}

#app .sidebar-container .scrollbar-wrapper {
    overflow-x: hidden!important
}

#app .sidebar-container .el-scrollbar__bar.is-vertical {
    right: 0
}

#app .sidebar-container .el-scrollbar {
    height: 100%
}

#app .sidebar-container.has-logo .el-scrollbar {
    height: calc(100% - 50px)
}

#app .sidebar-container .is-horizontal {
    display: none
}

#app .sidebar-container a {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

#app .sidebar-container .svg-icon {
    margin-right: 16px
}

#app .sidebar-container .el-menu {
    border: none;
    height: 100%;
    width: 100%!important
}

#app .sidebar-container .el-submenu__title:hover,#app .sidebar-container .submenu-title-noDropdown:hover {
    background-color: #263445!important
}

#app .sidebar-container .is-active>.el-submenu__title {
    color: #f4f4f5!important
}

#app .sidebar-container .el-submenu .el-menu-item,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title {
    min-width: 200px!important;
    background-color: #1f2d3d!important
}

#app .sidebar-container .el-submenu .el-menu-item:hover,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover {
    background-color: #001528!important
}

#app .hideSidebar .sidebar-container {
    width: 54px!important
}

#app .hideSidebar .main-container {
    margin-left: 54px
}

#app .hideSidebar .submenu-title-noDropdown {
    padding: 0!important;
    position: relative
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
    padding: 0!important
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
    margin-left: 20px
}

#app .hideSidebar .el-submenu {
    overflow: hidden
}

#app .hideSidebar .el-submenu>.el-submenu__title {
    padding: 0!important
}

#app .hideSidebar .el-submenu>.el-submenu__title .svg-icon {
    margin-left: 20px
}

#app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

#app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

#app .el-menu--collapse .el-menu .el-submenu {
    min-width: 200px!important
}

#app .mobile .main-container {
    margin-left: 0
}

#app .mobile .sidebar-container {
    -webkit-transition: -webkit-transform .28s;
    transition: -webkit-transform .28s;
    transition: transform .28s;
    transition: transform .28s,-webkit-transform .28s;
    width: 200px!important
}

#app .mobile.hideSidebar .sidebar-container {
    pointer-events: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0)
}

#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container {
    -webkit-transition: none;
    transition: none
}

 
 

:root {
    --theme-gradient1: #0d99ff;
    --theme-gradient2: #6abc23
}

 
label {
    font-weight: 700
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#app {
    height: 100%
}

*,:after,:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.no-padding {
    padding: 0!important
}

.keyword-highlight {
    color: red
}

.padding-content {
    padding: 4px 0
}

a:active,a:focus {
    outline: none
}

a,a:focus,a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none
}

i {
    font-style: normal
}

 
 

.app-container {
    padding: 20px
}

.components-container {
    margin: 30px 50px;
    position: relative
}

.pagination-container {
    margin-top: 30px
}

.text-center {
    text-align: center
}

.sub-navbar {
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    -webkit-transition: position .6s ease;
    transition: position .6s ease;
    background: -webkit-gradient(linear,left top,right top,from(#20b6f9),color-stop(0,#20b6f9),color-stop(100%,#2178f1),to(#2178f1));
    background: linear-gradient(90deg,#20b6f9,#20b6f9 0,#2178f1 100%,#2178f1 0)
}

.sub-navbar .subtitle {
    font-size: 20px;
    color: #fff
}

.sub-navbar.deleted,.sub-navbar.draft {
    background: #d0d0d0
}

.link-type,.link-type:focus {
    color: #337ab7;
    cursor: pointer
}

.link-type:focus:hover,.link-type:hover {
    color: #20a0ff
}

.filter-container {
    padding-bottom: 10px
}

.filter-container .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px
}

.video-js:hover .vjs-big-play-button {
    background: rgba(0,0,0,.45)!important
}

.multiselect {
    line-height: 16px
}

.multiselect--active {
    z-index: 1000!important
}

.mobile-show {
    display: none
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #3a9c9b!important
}

 

 

@media screen and (max-width: 900px) {
    #footer_table,#hlist_main,.footer_table02,.top_rzs {
        display:none!important
    }

    .mobile-show {
        display: inline-block
    }

    img {
        max-width: 100%
    }

    #app .top_main,body {
        min-width: 100%!important
    }

    #app .icon_logo {
        margin: 1.1rem 2rem
    }

    #app .icon_logo img {
        width: auto;
        height: 2.8rem;
        margin-top: .2rem
    }

    #app .zilist_main02 {
        top: 5.2rem
    }

    #app .navbar_height {
        height: 5.2rem
    }
 
 
}

@media screen and (max-width: 330px) {
    .product-wrap,.service-wrap,.solution-wrap {
        height:50rem
    }

    .symain02_top .right {
        top: 20rem;
        width: 64%!important;
        right: 2rem!important
    }

    .ljgd_btn02 {
        -webkit-transform: scale(.6) translateX(-5rem);
        transform: scale(.6) translateX(-5rem)
    }

    .service-wrap {
        height: 90rem
    }

    .lz01_wen {
        width: 75%!important
    }

    .lz01_wen p {
        font-size: 12px!important
    }

    .social-wrap {
        top: 22.5rem
    }

    #company_msg .right {
        margin-right: 0!important
    }

    .footer_copy_main .p1 {
        white-space: nowrap
    }

    .footer_copy_main .p2 b i {
        white-space: normal
    }
}
 

@media screen and (min-width: 768px) {
    * {
        scrollbar-color:hsla(0,0%,75.7%,.5) #fafafa;
        scrollbar-width: thin
    }

    :hover {
        scrollbar-color: #c1c1c1 #fafafa
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 10px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 1px transparent;
        background: hsla(0,0%,75.7%,.5)
    }

    ::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
        background: #c1c1c1
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px transparent;
        border-radius: 3px;
        background: #fafafa
    }
}

 

@media screen and (max-width: 900px) {
    
}
 
 
   
 
table {
    border-spacing: 0;
    border-collapse: collapse
}

html {
    width: 100%;
    height: 100%
}

dd,dl,dt,ul li {
    list-style: none
}

cite,code,em {
    font-style: normal
}

 
 

img {
    height: auto;
    border: 0;
    overflow: hidden;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
  .pagination {
    display: block;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 20px
}

  .pagination{margin:30px 0;padding:0 10px;text-align:center;font-size:12px;display:block;border-radius:0}
.excerpts .pagination{margin-bottom: 10px;}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{padding: 7px 8px;margin:0 2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:2px;opacity:.88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#1abc9c;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}