/*@font-face {*/
/*font-family: 'yahei';*/
/*src: url('../fonts/msyh.ttf');*/
/*}*/
.facebook-header-bg::before {
    background: #3d5c93!important;
}


.popup {
    bottom: 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

.video-popup-media {
    top: 30%;
}

.nav-navbar .nav .nav-link:hover {
    color: #3cd458 !important;
}

body {
    font-family: "Microsoft Yahei", 微软雅黑, Arial !important;
}

a {
    font-family: "Microsoft Yahei", 微软雅黑, Arial !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Microsoft Yahei", 微软雅黑, Arial !important;
}

.article-contact p {
    margin-bottom: 0px !important;
}

.article-contact p {
    color: #333 !important;
}

.article-contact p span {
    color: #333 !important;
}

.nav-navbar .nav-link {
    font-size: 16px !important;
}

.btn-success {
    color: #fff !important;
    padding: 6px 50px !important;
    font-size: 16px;
}

.index-atc-bg {
    background: url("../images/index-atc-bg.jpg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.border-success {
    border: 3px solid #3cd458 !important
}

.border-info {
    border: 3px solid #926dde !important;
}

#myModal {
    z-index: 999999;
}

.btn-xs {
    font-size: 14px !important;
}

.btn-xl {
    font-size: 14px !important;
}

small {
    font-size: 12px !important;
}

.index-qr {
    display: none;
}

.index-border {
    border: 5px solid #fff;
}

.index-server-1, .index-server-2, .index-server-3, .index-server-4 {
    border: 3px solid transparent;
}

.index-server-1:hover {
    border: 3px solid #3cd458;
}

.index-server-2:hover {
    border: 3px solid #926dde;
}

.index-server-3:hover {
    border: 3px solid #50a1ff;
}

.index-server-4:hover {
    border: 3px solid #ff4954;
}

.body-float {
    position: fixed;
    right: 35px;
    top: 30%;
    width: 160px;

}

.fs-12 {
    font-size: 12px;
}

.body-float-bg {
    background: #fefefe;
    border-radius: .3rem;
    padding: 5px 0 0 0;
}

.body-float-bg img {
    padding: 0 15px;
}

.body-float-btn {
    border-radius: .3rem;
}

.color-primary {
    color: #50a1ff;
    font-size: 18px;
}

.body-float-btn-1 {
    font-size: 18px;
    text-align: center;
    padding: 4px 0px 4px;
}

.body-float h4 {
    font-size: 20px;
}

h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6 strong, h6 b, .h1 strong, .h1 b, .h2 strong, .h2 b, .h3 strong, .h3 b, .h4 strong, .h4 b, .h5 strong, .h5 b, .h6 strong, .h6 b {
    font-weight: 600 !important;
}

.blog-title {
    font-size: 20px;
    font-weight: bold !important;
}

.text-12 {
    font-size: 12px;
}

@media (min-width: 1200px) {
    .b2b-web-p {
        height: 112px;
    }
}

@media (min-width: 992px) {
    .col-lg-15 {
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 768px) {
    .btn-success {
        padding: 6px 25px !important;
    }

    .phone-one {
        display: none;
    }
}



.body-float {
    position: fixed;
    right: 35px;
    top: 30%;
    width: 160px;
    z-index: 10;

}

.fs-12 {
    font-size: 12px;
}

.body-float-bg {
    background: #fefefe;
    border-radius: .3rem;
    padding: 5px 0 0 0;
}

.body-float-bg img {
    padding: 0 15px;
    max-width: 100%;
    height: auto;
}

.body-float-btn {
    border-radius: .3rem;
}

.color-primary {
    color: #50a1ff;
    font-size: 18px;
}

.body-float-btn-1 {
    font-size: 18px;
    text-align: center;
    padding: 4px 0px 4px;
}

.body-float h4 {
    font-size: 20px;
}