img {
    border: 0;
}

.bg-white-10 {
    background: rgba(255, 255, 255, .1);
}

.top-header {
    /*background-color: rgba(234, 234, 234, 1);*/
    transition: all .5s ease;
    background: #343a40;
    color: #fff !important;
}

.navbar {
    transition: all .5s ease;
}

#navbarNav .navbar-nav .nav-item a {
    /*transition: all 0.5s ease !important;*/
    color: #000!important;
}
#navbarNav .navbar-nav .nav-item a:hover
,#navbarNav .navbar-nav .nav-item.active a
{
    color: #fff !important;
    background-image: linear-gradient(to top, #0070c1, #00bbff) !important;
}

.nav-search span:hover{
    color: #fff!important;
    background-color: #1071b7 !important;
}

.text-primary{
    color: rgba(0, 110, 189, 1) !important;
}
.btn-primary{
    background: #0953c0 !important;
}

.nav-header{
    transition: all 0.5s ease !important;
}
/*.nav-header .navbar-brand{
    padding: 0 !important;
}*/
.nav-header #navbarNav{
    height: 80px !important;
}
.nav-header #navbarNav .navbar-nav .nav-item a:hover
{
    height: 80px !important;
    /*margin-top: 10px!important;*/
}

.swiper-button i{
    color: #157fcc;
}
.swiper-button i:hover{
    color: #0c5d9a;
}

 
.pro-nav a.item:hover,
.pro-btn a.active,
.about .btn:hover{
    background-image: linear-gradient(to right, #0070c1, #00bbff);
    color: #fff;
}
.pro-btn a.active:hover{
    opacity: .8;
}

.text-ellipsis{
    overflow: hidden; /* 隐藏溢出 */
    text-overflow: ellipsis; /* 显示省略号 */
    display: -webkit-box; /* 使用 WebKit 布局 */
    -webkit-box-orient: vertical; /* 设置布局方向为垂直 */
    -webkit-line-clamp: 2; /* 显示两行 */;
}

.pro-list .card-item{
    border-radius: 30px 0 30px 0;
    position: relative;
    overflow: hidden;
}

.about{
    background: url("../images/bga.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.news .list a:hover{
    background-image: linear-gradient(to right, #0070c1, #00bbff);
    color: #fff;
}
.news .list a span{    font-family: Impact;}
.news .list a:hover *{
    color: #fff !important;
}
.news .nav-item{
    background: linear-gradient(to top, rgb(0, 71, 157, .5) 7%, rgba(30, 158, 58, 0) 100%);
}

.footer{
    /*background: rgb(229, 229, 229);*/
    background: rgb(52 58 64);
}

.bg-light-blue{
    background: rgb(232, 245, 255);
}
/*产品列表 */
.product-list .card,
.product-list .card:hover .card-img-top{ transition: all 0.3s ease;}
.product-list .card:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
.product-list .card:hover .card-img-top{
    transform: scale(1.05);
    transition: all 0.3s ease;
}

table{width: 100%;    border-collapse: collapse; }
table tr,table td{    border: 1px solid #dee2e6 !important;}

.news-item{ transition: 0.5s all ease;}
.news-item:hover{
    transform: translateY(-5px);
    border-color: #0070c1!important;
}


.advantages .nav-tabs .nav-item .active{
    color: #fff!important;
    background-image: linear-gradient(to top, #0070c1, #00bbff)!important;
}

.servers .card img{ transition: 0.5s all ease;}
.servers .card:hover img{
    transform: rotate(30deg);
    cursor: pointer;
}