/* Generated by less 2.2.0 */


/*base style setting*/

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

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

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

.text-18 {
    font-size: 18px !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-22 {
    font-size: 22px !important;
}

.text-30 {
    font-size: 30px !important;
}

.text-36 {
    font-size: 36px !important;
}

.text-white {
    color: #fff;
}

.text-gray {
    color: #999;
}

.text-red {
    color: #d0021b;
}

.text-dark {
    color: #0b3784;
}

.text-blue {
    color: #5e8dd4;
}

.text-yellow {
    color: #f5a623;
}

.text-green {
    color: #39A306;
}

.ov-block {
    display: block !important;
}

.ov-inline-block {
    display: inline-block !important;
}

.ov-inline-block-vm {
    display: inline-block !important;
    vertical-align: middle;
}

.pad-0 {
    padding: 0 !important;
}

.pad-r-20 {
    padding-right: 20px;
}

.pad-r-30 {
    padding-right: 30px;
}

.pad-lr-8 {
    padding: 0 8px;
}

.pad-lr-16 {
    padding: 0 16px;
}

.pad-tb-16 {
    padding: 16px 0;
}

.pad-tb-40 {
    padding: 40px 0;
}

.pad-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pad-b-0 {
    padding-bottom: 0 !important;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.pad-b-20 {
    padding-bottom: 20px;
}

.pad-b-40 {
    padding-bottom: 40px;
}

.pad-t-0 {
    padding-top: 0 !important;
}

.pad-t-10 {
    padding-top: 10px;
}

.pad-t-20 {
    padding-top: 20px;
}

.pad-t-30 {
    padding-top: 30px;
}

.pad-t-50 {
    padding-top: 50px;
}

.pad-t-60 {
    padding-top: 60px;
}

.pad-16 {
    padding: 16px;
}

.mar-0 {
    margin: 0 !important;
}

.mar-b-16 {
    margin-bottom: 16px !important;
}

.mar-r-16 {
    margin-right: 16px !important;
}

.mar-t-16 {
    margin-top: 16px !important;
}

.ov-ul,
.ov-ul-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ov-img-auto img {
    width: 100%;
}

body {
    position: relative;
    font-family: 'PingFang SC', Arial, Tahoma, Helvetica, 'Microsoft Yahei', sans-serif;
    color: #405a6c;
    min-width: 320px;
}

a {
    color: #5e8dd4;
    cursor: pointer;
}

.btn-default {
    color: #405a6c;
    border-color: #d9d9d9;
}

.btn-default:hover {
    background: #f8f8f8;
    border-color: #d9d9d9;
}

.btn-primary {
    background-color: #5e8dd4;
    border-color: #5e8dd4;
}

.btn-primary:hover {
    background-color: #1a284d;
    border-color: #1a284d;
}

.btn-success {
    background: #f5a623;
    border-color: #f5a623;
}

.ov-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ov-ellipsis-2l {
    overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;

    display: block\0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}



/*large screen breakpoint*/

@media (min-width: 1480px) {
    .container {
        width: 1400px;
    }
}

@media (min-width: 1540px) {
    .container {
        width: 1448px;
    }
}

.to-animate {
    opacity: 0;
}

@media (min-width: 1200px) {
    .col-lg-2-4 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-2-4 {
        width: 20%;
        float: left;
    }
}



/*common used section style*/


/*header*/

.ov-header {
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.ov-header>.container:first-child {
    padding-bottom: 10px;
}

.ov-header-logo {
    width: 151px;
    height: 52px;
    background: url("images/logo.png") no-repeat;
    background-size: 100% auto;
}

.ov-header nav ul,
.ov-header nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ov-header nav li {
    float: left;
}

.ov-header nav li a {
    display: block;
    line-height: 52px;
    font-size: 15px;
    color: #fff;
    font-weight: 200;
    text-decoration: none;
    padding: 0 14px;
}

.ov-header nav li a:hover,
.ov-header nav li.current_page_item a,
.ov-header nav li a:hover,
.ov-header nav li.current-menu-item a {
    color: #5e8dd4;
    font-weight: bold;
}

.ov-header-search {
    position: relative;
    width: 20px;
    height: 52px;
    margin: 0 20px 0 24px;
}

.ov-header-search .screen-reader-text,
.ov-header-search .search-submit {
    display: none;
}

.ov-header-search input[type=search] {
    background: url("images/search.svg") no-repeat 8px center;
    border: 0;
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    padding: 0 10px 0 30px;
    cursor: pointer;
    font-weight: normal;
    line-height: 28px;
    transition: width .4s ease;
}

.ov-header-search input[type=search]:focus {
    width: 190px;
    background-color: #405a6c;
    color: #fff;
    border-radius: 28px;
    outline: 0;
    cursor: text;
}

.ov-header-search>.icon-search {
    float: left;
    color: #fff;
    text-decoration: none;
}

.ov-header .btn-primary {
    padding: 4px 20px;
    font-size: 13px;
    border-radius: 28px;
    margin: 8px 18px 0 0;
}

.ov-btn-dropdown {
    position: relative;
}

.ov-btn-dropdown .dropdown-menu {
    left: auto;
    right: 18px;
}

.ov-header .btn-primary:hover,
.ov-header .btn-primary:focus,
.ov-btn-dropdown .open>.dropdown-toggle.btn-primary {
    background-color: #f5a623 !important;
    border-color: #f5a623 !important;
}

.ov-header-phone {
    text-indent: -9999px;
    background: url("images/400.svg") no-repeat;
    background-size: 100% auto;
    width: 108px;
    height: 18px;
    margin-top: 13px;
}

.ov-header>.container:last-child {
    display: none;
}



/*float top header*/

.ov-header-float {
    top: 0;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    animation: header-move 300ms ease-out 1;
}

.ov-header-float>.container:first-child {
    padding: 8px 15px;
}

.ov-header-float .ov-header-logo {
    width: 151px;
    height: 41px;
    background: url("images/logo-1.png") no-repeat;
    background-size: 100% auto;
}

.ov-header-float.ov-header nav li a {
    color: #405a6c;
    line-height: 42px;
}

.ov-header-float.ov-header nav li a.on {
    color: #5e8dd4;
}

.ov-header-float .ov-header-search input[type=search] {
    background: url("images/search-1.svg") no-repeat 8px center;
    top: 7px;
}

.ov-header-float .ov-header-search input[type=search]:focus {
    background: url("images/search.svg") no-repeat 8px center #405a6c;
}

.ov-header-float .ov-header-search {
    height: 42px;
}

.ov-header-float.ov-header .btn-primary {
    margin-top: 7px;
}

.ov-header-float .ov-header-phone {
    background: url("images/400-1.svg") no-repeat;
}

@keyframes header-move {
    from {
        top: -30px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@media (max-width: 992px) {
    .ov-header {
        top: 20px;
    }

    .ov-header nav,
    .ov-header .ov-btn-dropdown.pull-left,
    .ov-header-phone {
        display: none;
    }

    .ov-header-logo {
        width: 151px;
        height: 41px;
    }

    .ov-header-search {
        margin-right: 10px;
    }

    .ov-header-search input[type=search],
    .ov-header-float .ov-header-search input[type=search] {
        top: 9px;
    }

    #ov-header-menu {
        display: inline-block !important;
        color: #fff;
        font-size: 24px;
        line-height: 45px;
        text-decoration: none;
    }

    .ov-header-mobile {
        background: #fff;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    }

    .ov-header-mobile .ov-ul ul,
    .ov-header-mobile .ov-ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ov-header-mobile .ov-ul a {
        color: #405a6c;
        padding: 10px 20px;
        display: block;
        text-decoration: none;
        border-bottom: 1px solid #d9d9d9;
        background: url('images/mleft.svg') no-repeat 98% center;
        background-size: auto 40%;
    }

    #ov-header-mobile .ov-header-mobile-btn .btn-primary {
        margin: 16px 0 0;
        width: 112px;
    }

    .ov-header-phone.ov-inline-block {
        background: url("images/400-1.svg") no-repeat;
    }

    .ov-header-float .ov-header-mobile {
        box-shadow: none;
    }

    .ov-header-float {
        top: 0;
    }

    .ov-header-float #ov-header-menu {
        color: #405a6c;
    }
}



/*top section while on white background*/

.ov-header-white .ov-header-logo {
    background: url("images/logo-1.png") no-repeat;
    background-size: 100% auto;
}

.ov-header-white nav li a {
    color: #405a6c;
}

.ov-header-white .ov-header-search input[type=search] {
    background: url("images/search-1.svg") no-repeat 8px center;
}

.ov-header-white .ov-header-search input[type=search]:focus {
    background: url("images/search.svg") no-repeat 8px center #405a6c;
}

.ov-header-white .ov-header-phone {
    background: url("images/400-1.svg") no-repeat;
}

@media (max-width: 992px) {
    .ov-header-white #ov-header-menu {
        color: #405a6c;
    }
}



/*footer*/

.ov-footer {
    background: #171c2b;
    color: #fff;
}

.ov-footer-nav {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ov-footer-nav a {
    font-size: 12px;
    color: #fff;
    opacity: .5;
}

.ov-footer-nav>div {
    min-height: 165px;
}

.ov-footer-nav .col-lg-7 {
    border-left: 1px solid rgba(151, 151, 151, 0.3);
    border-right: 1px solid rgba(151, 151, 151, 0.3);
    padding-left: 70px;
}

.ov-footer-nav h3 span.icon {
    display: none;
}

@media (max-width: 768px) {

    .ov-footer-nav .col-lg-2,
    .ov-footer-nav .col-lg-4 {
        height: 30px;
        overflow: hidden;
        transition: height 0.4s ease;
    }

    .ov-footer-nav h3 {
        margin: 0;
        padding-bottom: 10px;
    }

    .ov-footer-nav>div {
        min-height: inherit;
    }

    .ov-footer-nav .col-lg-7 {
        border: 0;
        padding-left: 15px;
    }

    .ov-footer-nav .col-lg-3.text-right {
        text-align: center !important;
        padding-top: 20px;
    }

    .ov-footer-nav h3 span.icon {
        display: inline-block;
        float: right;
    }
}

.ov-copyright {
    border-top: 1px solid rgba(151, 151, 151, 0.3);
    padding-top: 10px;
    padding-bottom: 10px;
}

.ov-copyright .col-xs-9 .text-12 {
    opacity: .5;
}

.col-xs-3.text-right .btn-danger,
.col-xs-3.text-right .btn-danger:hover {
    background: transparent !important;
    border: 0;
    padding: 0 0 0 10px;
}

.col-xs-3.text-right .dropdown-menu {
    right: 0;
    left: auto;
}

@media (max-width: 992px) {
    .ov-copyright .col-xs-9 .ov-inline-block-vm:first-child {
        padding-bottom: 16px;
    }

    .ov-copyright .col-md-6 {
        text-align: center;
    }

    .ov-copyright .btn-group {
        display: block !important
    }
}

.ov-header-lang {
    border: 1px solid #fff;
    height: 24px;
    line-height: 23px;
    width: 32px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    margin: 12px 20px 0 -10px;
}

.ov-header-lang:hover {
    border-color: #5e8dd4;
    text-decoration: none;
    color: #5e8dd4;
}

.ov-header-white .ov-header-lang {
    margin: 12px 20px 0 -10px;
    border-color: #405a6c;
    color: #405a6c;
}

.ov-header-float .ov-header-lang {
    border-color: #405a6c;
    color: #405a6c;
    margin: 10px 20px 0 -10px;
}


/*siderbar*/

.ov-sidebar {
    position: fixed;
    right: 4px;
    top: 50%;
    margin-top: -89px;
    z-index: 999;
}

.ov-sidebar>div.ov-siderbar-item>a {
    font-weight: 100;
    font-size: 11px;
    display: block;
    width: 68px;
    height: 68px;
    background: #384A58;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 1px;
}

.ov-sidebar>div.ov-siderbar-item>a .icon {
    font-size: 26px;
    line-height: 1.2;
}

.ov-sidebar>div.ov-siderbar-item:first-child>a {
    position: relative;
    height: 58px;
    background: linear-gradient(135deg, #9702d0, #4b2fd0);
    padding-top: 30px;
}

.ov-sidebar>div.ov-siderbar-item:first-child>a .ov-siderbar-vip {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
}

.ov-sidebar-qq {
    position: relative;
}

.ov-sidebar-qq-pop h2 {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 30px;
}

.ov-sidebar-qq .ov-sidebar-pop-wrap {
    display: none;
    position: absolute;
    bottom: -48px;
    left: -316px;
    width: 316px;
    animation: qq-box-move 300ms ease-out 1;
}

.ov-sidebar-qq .ov-sidebar-qq-pop {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
    width: 310px;
    padding: 30px;
}

.ov-sidebar-qq-pop .ov-inline-block {
    vertical-align: middle;
}

.ov-sidebar-qq-pop>.row:last-child {
    padding-top: 40px;
}

.ov-sidebar-qq:hover .ov-sidebar-pop-wrap {
    display: block;
}

@keyframes qq-box-move {
    from {
        bottom: -30px;
        opacity: 0;
    }

    to {
        bottom: -48px;
        opacity: 1;
    }
}

.ov-siderbar-vip img {
    width: 30px;
}

.ov-sidebar>div.ov-siderbar-item:first-child>a {
    height: 28px;
}

.ov-sidebar>div.ov-siderbar-item>a {
    width: 38px;
    height: 48px;
}

.ov-sidebar>div.ov-siderbar-item>a p:last-child {
    display: none;
}



/*--------------------------------------- homepage -----------------------------------------*/

.swiper-container {
    height: 660px;
    background: linear-gradient(135deg, #171c2b, #2c3244);
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
    text-align: center;
    background: none;
    opacity: .3;
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    font-size: 40px;
    color: #fff;
    display: inline-block;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
    display: block;
}

.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.9);
}

.swiper-pagination-bullet-active {
    background: #5e8dd4;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
}

.swiper-button-prev {
    left: -4px;
}

.ov-banner-1 {
    background: url("images/bg-home-banner.jpg") no-repeat center center;
    background-size: auto 100%;
}

.swiper-slide .row {
    padding-top: 140px;
}

.ov-slider-title {
    color: #fff;
    font-weight: 100;
    padding-top: 14px;
    max-width: 396px;
}

.ov-banner-1 .ov-slider-title {
    padding-top: 54px;
}

.ov-slider-title h2 {
    font-size: 40px;
    margin: 0;
}

.ov-slider-title h3 {
    font-size: 30px;
    margin: 6px 0 0;
    font-weight: 100;
    color: #5e8dd4;
}

.ov-slider-title p {
    opacity: .7;
    margin: 12px 0 20px;
}

.ov-banner-btn {
    display: inline-block;
    line-height: 42px;
    font-size: 16px;
    border-radius: 4px;
    background: linear-gradient(45deg, #4929b0, #0acffe);
    color: #fff;
    min-width: 248px;
}

.ov-banner-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #f5a623;
}

.ov-banner-qr:link,
.ov-banner-qr:hover,
.ov-banner-qr:visited {
    text-decoration: none;
    color: #fff;
    outline: 0;
}

.ov-banner-1 .row {
    height: 515px;
}

.ov-banner-1 .row .col-lg-6:last-child {
    height: 100%;
    display: table;
}

.ov-banner-1 .row .ov-img-auto {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 992px) {
    .swiper-container {
        height: 800px;
    }

    .swiper-slide .row {
        padding-top: 70px;
    }

    .ov-slider-title {
        max-width: inherit;
        text-align: center;
        padding-bottom: 20px;
    }

    .ov-banner-1 .row {
        height: auto;
    }

    .ov-banner-qr {
        display: block;
        text-align: center;
        padding-top: 10px;
    }
}

.ov-banner-2,
.ov-banner-3,
.ov-banner-4,
.ov-banner-5,
.ov-banner-6 {
    background-image: none;
}

.ov-banner-2.swiper-slide .row {
    padding-top: 180px;
}

.ov-banner-4.swiper-slide .row {
    padding-top: 160px;
}

.ov-banner-2 .ov-slider-title,
.ov-banner-4 .ov-slider-title {
    padding-top: 24px;
}

.ov-banner-3 .row .ov-img-auto img,
.ov-banner-4 .row .ov-img-auto img {
    width: 80%;
}

@media (max-width: 992px) {
    .ov-banner .swiper-slide .ov-slider-title {
        padding-top: 24px;
    }

    .ov-banner-2.swiper-slide .row,
    .ov-banner-4.swiper-slide .row {
        padding-top: 70px;
    }

    .ov-banner-3 .row .col-lg-6:last-child,
    .ov-banner-4 .row .col-lg-6:last-child {
        width: 70%;
        margin: 0 auto;
    }

    .ov-banner-3 .row .ov-img-auto img,
    .ov-banner-4 .row .ov-img-auto img {
        width: 100%;
    }
}

@media (max-width: 415px) {

    .ov-banner-3 .row .col-lg-6:last-child,
    .ov-banner-4 .row .col-lg-6:last-child {
        width: 90%;
    }
}

.ov-feature .row .col-lg-3 {
    min-height: 329px;
}

.ov-feature .btn-primary {
    padding: 9px 12px;
    min-width: 224px;
}

@media (max-width: 415px) {
    .ov-feature .row .col-lg-3 {
        min-height: 409px;
    }
}

.ov-solutions .row>.col-lg-2-4 {
    height: 410px;
    transition: all .4s ease;
}

.ov-solutions .row>.col-lg-2-4>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}

.ov-solutions .row>.col-lg-2-4>a:hover {
    background: rgba(0, 0, 0, 0.2);
}

.ov-solutions .row>.col-lg-2-4>a>div {
    position: absolute;
    left: 26px;
    bottom: 30px;
}

.ov-solutions .row>.col-lg-2-4>a h3:after {
    content: '';
    height: 3px;
    background: #fff;
    width: 34px;
    display: block;
    margin-top: 10px;
}

.ov-solutions .row>.col-lg-2-4:first-child {
    background: url("images/home/trade-1.jpg") no-repeat center;
    background-size: auto 100%;
}

.ov-solutions .row>.col-lg-2-4:nth-child(2) {
    background: url("images/home/trade-2.jpg") no-repeat center;
    background-size: auto 100%;
}

.ov-solutions .row>.col-lg-2-4:nth-child(3) {
    background: url("images/home/trade-3.jpg") no-repeat center;
    background-size: auto 100%;
}

.ov-solutions .row>.col-lg-2-4:nth-child(4) {
    background: url("images/home/trade-4.jpg") no-repeat center #272018;
    background-size: auto 100%;
}

.ov-solutions .row>.col-lg-2-4:nth-child(5) {
    background: url("images/home/trade-5.jpg") no-repeat center #041851;
    background-size: auto 100%;
}

.ov-solutions .row>.col-lg-2-4:hover {
    background-size: auto 110%;
}

.ov-numbers {
    background: #2c3244;
    color: #fff;
}

.ov-numbers .container-fluid {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ov-numbers .container-fluid .text-36 {
    font-weight: 100;
}

.ov-numbers .container-fluid .col-lg-3 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ov-news {
    background: #f4f7fb;
}

.ov-news .col-sm-6,
.ov-news .col-sm-4 {
    margin-bottom: 30px;
}

.ov-news .col-sm-6>a,
.ov-news .col-sm-4>a {
    background: #fff;
    padding: 24px 20px 16px;
    display: block;
    color: #405a6c;
    text-decoration: none;
    position: relative;
    bottom: 0;
    transition: bottom .2s ease;
}

.ov-news .col-sm-6>a:hover,
.ov-news .col-sm-4>a:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    bottom: 6px;
}

.ov-news .col-sm-6>a h3,
.ov-news .col-sm-4>a h3 {
    margin: 0;
    padding-top: 20px;
    line-height: 1.2;
    min-height: 60px;
}

.ov-news .col-sm-6>a p.text-gray span,
.ov-news .col-sm-4a p.text-gray span {
    display: inline-block;
    vertical-align: middle;
}

.ov-ad {
    background: url("images/bg-ad.jpg") no-repeat center;
    color: #fff;
    background-size: 100% auto;
}

.ov-ad .col-lg-6:first-child {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}

.ov-ad .col-lg-6:last-child {
    padding-top: 50px;
}

.ov-ad .col-lg-6 p {
    opacity: .5;
}

.ov-ad .col-lg-6 .ov-ad-btn {
    background: linear-gradient(45deg, #4929b0, #0acffe);
    color: #fff;
    line-height: 40px;
    min-width: 163px;
    border-radius: 40px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.ov-ad .col-lg-6 .ov-ad-btn:hover {
    background: #f5a623;
}

@media (max-width: 992px) {
    .ov-ad {
        background-size: cover;
    }

    .ov-ad .col-lg-6:first-child {
        padding: 20px 20px 0 20px;
        text-align: center;
    }

    .ov-ad .col-lg-6:last-child {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}



/*--------------------------------------- product page -----------------------------------------*/

.ov-product-overview {
    padding: 160px 0 100px;
}

.ov-product-overview .ov-slider-title {
    color: #405a6c;
}

.ov-product-overview .ov-slider-title p {
    opacity: 1;
}

.ov-product-trade {
    color: #fff;
    background: url("images/product/bg-trade.jpg") no-repeat bottom;
    background-size: cover;
    padding: 80px 0 140px;
}

.ov-product-trade .row {
    padding-top: 40px;
}

.ov-product-trade .col-lg-4,
.ov-product-trade .col-lg-6 {
    margin: 60px 0;
}

.ov-product-trade .col-lg-4:nth-child(2) {
    border-right: 1px solid rgba(151, 151, 151, 0.5);
    border-left: 1px solid rgba(151, 151, 151, 0.5);
}

.ov-product-trade .col-lg-6:nth-child(4) {
    border-right: 1px solid rgba(151, 151, 151, 0.5);
}

@media (max-width: 768px) {

    .ov-product-trade .col-lg-4,
    .ov-product-trade .col-lg-6 {
        border: 0 !important;
        margin: 0;
        padding: 20px 0;
    }
}

.ov-product-map {
    background: url("images/product/map.jpg") no-repeat top #f4f7fb;
    padding: 250px 0 170px;
    background-size: 100% auto;
}

.ov-product-map .row {
    padding-left: 22%;
    padding-right: 22%;
}

.ov-product-map h2 {
    padding-bottom: 70px;
}

@media (max-width: 768px) {
    .ov-product-map {
        padding: 150px 0 70px;
    }
}

.ov-product-object {
    background: url("images/product/bg-object.jpg") no-repeat bottom;
    padding: 100px 0;
    background-size: 100% auto;
}

.ov-product-object li,
.ov-product-draw li {
    padding: 16px 0;
}

@media (max-width: 768px) {
    .ov-product-object {
        background-position: bottom;
        padding-top: 60px;
    }

    .ov-product-object .container {
        padding: 0 60px;
    }
}

.ov-product-data {
    background: #f4f7fb;
    padding: 100px 0;
}

.ov-product-data .container .row:nth-child(2) {
    padding-left: 22%;
    padding-right: 22%;
}

.ov-product-data .container .ov-img-auto {
    padding-top: 100px;
}

.ov-product-data .container .ov-img-auto img {
    width: 80%;
}

.ov-product-draw {
    background: url("images/product/bg-draw.jpg") no-repeat left center;
    background-size: 100% auto;
    padding: 160px 0;
}

.ov-product-draw .row .col-sm-6 {
    padding: 0 80px;
}

@media (max-width: 768px) {
    .ov-product-draw {
        background: none;
    }
}

.ov-product-more {
    border-top: 1px solid #d9d9d9;
    padding: 100px 0;
}

.ov-product-more .row {
    padding: 0 18%;
}

.ov-product-more .row .col-sm-4 {
    margin: 30px 0;
    min-height: 110px;
}

@media (max-width: 768px) {
    .ov-product-more .row {
        padding: 0 10%;
    }
}



/*--------------------------------------- solution page -----------------------------------------*/

.ov-solution-title {
    background: #171c2b;
    color: #fff;
    padding: 180px 0 60px;
}

.ov-solution-title p {
    max-width: 500px;
    margin: 20px auto 0;
}

.ov-solution-trans {
    background: url("images/solutions/bg-trans.jpg") no-repeat center top;
    padding: 130px 0 0;
    background-size: cover;
}

.ov-solution-trans .container .btn-primary,
.ov-solution-arche .col-sm-5 .btn-primary,
.ov-solution-tele .col-sm-5 .btn-primary {
    min-width: 180px;
}

.ov-solution-trans .container .btn {
    margin: 90px 0 80px;
}

.ov-solution-trans .container .ov-img-auto img {
    width: 80%;
}

@media (max-width: 1200px) {
    .ov-solution-trans .container .ov-img-auto img {
        width: 100%;
    }
}

.ov-solution-arche {
    background: url("images/solutions/bg-arche.jpg") no-repeat center;
    padding: 150px 0;
    background-size: cover;
    color: #fff;
    margin-top: -40px;
    z-index: 2;
    position: relative;
}

.ov-solution-arche .col-sm-5 {
    padding-top: 80px;
    padding-right: 100px;
}

.ov-solution-arche .col-sm-5 .btn-primary {
    margin-top: 80px;
}

.ov-solution-tele {
    background: url("images/solutions/bg-tele.jpg") no-repeat center top;
    padding: 150px 0;
    background-size: cover;
}

.ov-solution-tele .col-sm-5 {
    padding-top: 80px;
    padding-left: 100px;
}

.ov-solution-tele .col-sm-5 .btn-primary {
    margin: 30px 0 60px;
}

@media (max-width: 990px) {
    .ov-solution-arche .col-sm-5 {
        padding-top: 40px;
        padding-right: 40px;
    }

    .ov-solution-tele .col-sm-5 {
        padding-top: 40px;
        padding-left: 40px;
    }
}

.ov-solution-case {
    background: #1a284d;
    padding: 80px 0;
}

.ov-solution-case h2 {
    color: #fff;
    margin-bottom: 50px;
}

.ov-solution-case .col-md-3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ov-case-item {
    background: #fff;
    position: relative;
    min-height: 246px;
}

.ov-case-item>a {
    display: block;
    height: 100%;
    text-decoration: none;
}




.ov-case-item .ov-case-power {
    /* position: relative;*/
}

.ov-case-item span:first-child {
    line-height: 46px;
    color: #fff;
    padding: 0 16px;
    display: block;
}

.ov-case-item span.ov-triangle {
    height: 0px;
    position: absolute;
    left: 18px;
    top: 46px;
    width: 0px;
    border-style: solid;
    border-width: 14px 14px 0px 0px;
}



.ov-case-item .ov-case-survey span:first-child {
    background: #b05fc0;
}

.ov-case-item .ov-case-survey span.ov-triangle {
    border-color: #b05fc0 transparent transparent;
}



.ov-case-item .ov-case-power span:first-child {
    background: #5e8dd4;
}

.ov-case-item .ov-case-power span.ov-triangle {
    border-color: #5e8dd4 transparent transparent;
}

.ov-case-item .ov-case-trasport span:first-child {
    background: #46bcb5;
}

.ov-case-item .ov-case-trasport span.ov-triangle {
    border-color: #46bcb5 transparent transparent;
}


.ov-case-item .ov-case-explore span:first-child {
    background: #757b7b;
}

.ov-case-item .ov-case-explore span.ov-triangle {
    border-color: #757b7b transparent transparent;
}

.ov-case-item .ov-case-security span:first-child {
    background: #4a32ea;
}

.ov-case-item .ov-case-security span.ov-triangle {
    border-color: #4a32ea transparent transparent;
}





.ov-case-item .ov-case-telecom span:first-child {
    background: #0780ab;
}

.ov-case-item .ov-case-telecom span.ov-triangle {
    border-color: #0780ab transparent transparent;
}

.ov-case-item .ov-case-other span:first-child {
    background: #39a306;
}

.ov-case-item .ov-case-other span.ov-triangle {
    border-color: #39a306 transparent transparent;
}

.ov-solution-customer {
    padding: 100px 0;
}

.ov-customer-list {
    width: 80%;
    margin: 0 auto;
}

.ov-customer-list span {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.ov-customer-list span img {
    max-width: 100%;
}

.ov-case-item title {
    margin: 26px 16px;
    color: #405A6C;
}

.ov-case-item time {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    padding: 0 16px;
}



/*--------------------------------------- support page -----------------------------------------*/

.ov-support-search {
    background: #f4f7fb;
    padding: 208px 0 90px;
}

.ov-search-wrap {
    background: #fff;
    box-shadow: 0 15px 20px rgba(79, 139, 172, 0.13);
    height: 48px;
    padding-right: 38px;
    border-radius: 28px;
    width: 432px;
    margin: 0 auto;
    position: relative;
}

.ov-search-wrap button.icon-search {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 38px;
    width: 38px;
    border-radius: 100%;
    background: #39a306;
    color: #fff;
    border: 0;
    font-size: 20px;
}

.ov-search-wrap input {
    outline: 0;
    width: 100%;
    border: 0;
    line-height: 48px;
    padding: 0 20px;
    background: transparent;
}

.ov-support-guide {
    margin-top: 100px;
    margin-bottom: 100px;
}

.ov-support-guide .btn-default {
    min-width: 210px;
}

.ov-support-guide .ov-support-col {
    background: #f4f7fb;
    padding: 50px;
}

.ov-support-col {
    width: 1160px;
    margin: 0 auto;
}

.ov-support-guide .ov-support-col .col-sm-6:last-child {
    border-left: 1px solid #d9d9d9;
}

.ov-support-guide .ov-support-col h3 {
    padding-bottom: 30px;
}

.ov-support-guide .ov-support-col h3 span {
    display: inline-block;
    vertical-align: middle;
}

.ov-support-guide .ov-support-col p {
    padding-bottom: 16px;
}

@media (max-width: 768px) {
    .ov-search-wrap {
        width: 88%;
    }

    .ov-support-guide .ov-support-col {
        padding: 30px;
    }

    .ov-support-guide .ov-support-col .col-sm-6:last-child {
        border-top: 1px solid #d9d9d9;
        border-left: 0;
    }
}

.ov-supoort-links .col-sm-4 a {
    display: inline-block;
    width: 190px;
    height: 165px;
    border: 1px solid #d9d9d9;
    padding: 16px;
    text-decoration: none;
    margin-bottom: 30px;
    border-radius: 5px;
}

.ov-supoort-links .col-sm-4 a:hover {
    background: #f4f7fb;
}

.ov-supoort-links .col-sm-4 {
    padding: 0;
}

@media (max-width: 768px) {
    .ov-supoort-links .col-sm-4 a {
        width: 100%;
    }
}

.ov-support-topic {
    padding: 80px 0;
}

.ov-divider {
    position: relative;
}

.ov-divider:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background: #d9d9d9;
    height: 1px;
}

.ov-divider span {
    padding: 0 16px;
    position: relative;
    display: inline-block;
    z-index: 2;
}

.ov-support-topic .ov-divider {
    margin-bottom: 60px;
}

.ov-support-topic .ov-divider span {
    background: #fff;
}

.ov-support-topic .ov-topic-item {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding-right: 30px;
    margin-bottom: 20px;
}

.ov-topic-item .ov-ul a {
    color: #405a6c;
    line-height: 2;
}



/*.ov-topic-item .ov-ul li:last-child a {
  color: #5e8dd4;
}*/

@media (max-width: 768px) {
    .ov-support-topic .ov-topic-item {
        width: 88%;
        display: block;
        margin: 0 auto 20px;
    }
}

@media (max-width: 1200px) {
    .ov-support-col {
        width: 90%;
    }
}



/*--------------------------------------- api page -----------------------------------------*/

.ov-api-top {
    padding: 180px 0 80px;
    background: #f4f7fb;
}

.ov-api-content {
    padding: 70px 0 100px;
    line-height: 2;
}

.ov-api-content .col-md-4 h3 {
    padding-top: 30px;
}

.ov-api-content .col-md-4 p {
    padding-top: 10px;
}

.ov-api-content .col-md-4 ol {
    padding-top: 10px;
    margin: 0;
    padding-left: 15px;
}

.ov-api-content .col-md-4 a {
    display: inline-block;
    color: #19A5EA;
    text-decoration: none;
    background: #E4F6FF;
    border: 1px solid #19A5EA;
    border-radius: 3px;
    line-height: 1;
    padding: 6px 20px;
}



/*--------------------------------------- price page -----------------------------------------*/

.ov-price-links a {
    text-decoration: none;
}

.ov-price-links .col-md-2 {
    border-right: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.ov-price-links .col-md-2:last-child {
    border-right: 0;
}

@media (max-width: 992px) {
    .ov-price-links .col-md-2:nth-child(3) {
        border: 0;
    }
}

@media (max-width: 768px) {
    .ov-price-links .col-md-2 {
        border: 0;
    }
}

.ov-price-links .ov-divider {
    margin-top: 60px;
}

.ov-price-links .ov-divider span {
    background: url(images/price/icon-question.svg) #5e8dd4 no-repeat 94% center;
    line-height: 34px;
    height: 34px;
    display: inline-block;
    padding: 0 43px 0 20px;
    cursor: pointer;
    text-align: left;
    border-radius: 17px;
    color: #fff;
}

.ov-price-links .ov-divider span:hover {
    background-color: #f5a623;
}

.ov-price-vip {
    padding-bottom: 100px;
}

.ov-price-vip .container {
    background: url("images/price/bg-price.jpg") no-repeat 5% 96%;
    background-size: 604px 683px;
}

.ov-price-vip h3 {
    line-height: 46px;
    margin: 0;
    color: #fff;
    border-radius: 8px 8px 0 0;
}



.ov-price-vip .ov-free-wrap .ov-price,
.ov-price-vip .ov-vip-wrap .ov-price,
.ov-price-vip .ov-svip-wrap .ov-price {
    margin-bottom: 10px;
}

.ov-price-vip .ov-free-wrap,
.ov-price-vip .ov-vip-wrap,
.ov-price-vip .ov-svip-wrap {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    width: 80%;
    margin: 0 auto 20px;
    background: #fff;
}

.ov-price-vip .ov-svip-wrap h3 {
    background: #f0ad4e;
}


.ov-price-vip .ov-free-wrap h3 {
    background: #405a6c;
}

.ov-price-vip td {
    padding: 12px 20px;
    text-align: left;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    width: 50%;
    vertical-align: top;
}

.ov-price-vip td .icon {
    font-size: 20px;
}

.ov-price-vip td:nth-child(2) {
    border-right: 0;
}

.ov-price-vip .ov-vip-wrap {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.18);
}

.ov-price-vip .ov-vip-wrap h3 {
    background: #5e8dd4;
}


.ov-price-vip .ov-free-wrap h4 {
    border-top: 1px solid #d9d9d9;
    margin: 0;
    padding: 20px;
    text-align: center;
}

.ov-price-vip .ov-vip-wrap h4 {
    border-top: 1px solid #d9d9d9;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.ov-price-vip .ov-svip-wrap h4 {
    border-top: 1px solid #d9d9d9;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.ov-price-vip .ov-vip-wrap .ov-vip-more {
    color: #5e8dd4;
}

.ov-price-vip .ov-svip-wrap .ov-vip-up5 {
    color: #f5a623;
}

.ov-price-vip .ov-vip-wrap .ov-vip-up5 {
    color: #f5a623;
}





@media (max-width: 1480px) {

    .ov-price-vip .ov-free-wrap,
    .ov-price-vip .ov-vip-wrap,
    .ov-price-vip .ov-svip-wrap {
        width: 98%;
    }
}

.ov-price-list {
    padding: 100px 0;
    background: #f4f7fb;
}

.ov-price-list .container-fluid>p.text-blue {
    padding-bottom: 60px;
}

.ov-price-item {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 10px rgba(18, 83, 169, 0.2);
    padding: 10px 20px 20px;
    margin: 16px 0;
}

.ov-price-item table {
    margin-top: 20px;
}

.ov-price-item td {
    text-align: left;
    padding-bottom: 16px;
    vertical-align: top;
}

.ov-price-item td:nth-child(2n) {
    text-align: right;
    width: 64%;
}

.ov-price-item .btn {
    padding: 6px 30px;
}

.ov-price-list .row {
    margin: 0 -6px;
}

.ov-price-list .row .col-sm-4 {
    padding: 0 6px;
}

.ov-price-list .container-fluid {
    padding: 0 20px;
}

.ov-price-tips {
    padding-bottom: 100px;
    background: #f4f7fb;
}

.ov-price-tip-wrap {
    margin: 20px 0;
    line-height: 2;
    width: 33%;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 990px) {
    .ov-price-tip-wrap {
        width: 100%;
    }
}

.ov-link-inline {
    display: inline-block;
    color: #19A5EA;
    text-decoration: none;
    background: #E4F6FF;
    border: 1px solid #19A5EA;
    border-radius: 3px;
    line-height: 1;
    padding: 6px 20px;
}



/*--------------------------------------- download page -----------------------------------------*/

.ov-download-qr {
    text-align: center;
    position: absolute;
    top: 310px;
    left: 50%;
    width: 185px;
    margin-left: -93px;
}

.ov-download-top {
    padding-bottom: 130px;
}

.ov-download-list {
    padding: 230px 0 100px;
    width: 764px;
    margin: 0 auto;
}

.ov-download-list .ov-ul>li {
    position: relative;
    padding-left: 66px;
    padding-bottom: 60px;
}

.ov-download-list .ov-ul>li:before {
    content: '';
    width: 1px;
    background: #d9d9d9;
    height: 100%;
    position: absolute;
    left: 24px;
    top: 0;
}

.ov-download-list .ov-ul>li span.ov-download-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: -6px;
}

.ov-download-item {
    line-height: 2;
}

.ov-download-item h3 {
    padding-top: 20px;
}

.ov-download-item .text-dark a {
    color: #0b3784;
}

.ov-download-item .btn-default {
    min-width: 152px;
    margin-top: 20px;
}

.ov-download-item .btn-link {
    min-width: 152px;
    margin-top: 20px;
}

.ov-download-list .ov-ul>li:last-child:before {
    display: none;
}

@media (max-width: 768px) {
    .ov-download-list {
        width: 90%;
    }
}



/*--------------------------------------- enterprise page -----------------------------------------*/

.ov-enterprise-title {
    padding: 220px 0 160px;
    background: url("images/enterprise/bg-enterprise.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}

@media (max-width: 768px) {
    .ov-enterprise-title br {
        display: none;
    }
}

.ov-enterprise-download .row {
    width: 90%;
    background: #fff;
    border-radius: 8px;
    height: 60px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14);
    margin: -30px auto 0 auto;
    position: relative;
    z-index: 2;
}

.ov-enterprise-download .row .col-sm-4 {
    position: relative;
}

.ov-enterprise-download .row .col-sm-4:before {
    content: '';
    width: 1px;
    height: 30px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 0;
    top: 15px;
}

.ov-enterprise-download .row .col-sm-4:last-child:before {
    display: none;
}

.ov-enterprise-download .row a {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -20px;
    left: 0;
    color: #0b3784;
    text-decoration: none;
}

.ov-enterprise-download .row a span {
    display: inline-block;
    vertical-align: bottom;
}

@media (max-width: 768px) {
    .ov-enterprise-download .row {
        height: auto;
        padding: 40px 20px 20px;
        margin-top: -80px;
    }

    .ov-enterprise-download .row a {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .ov-enterprise-download .row .col-sm-4:before {
        display: none;
    }

    .ov-enterprise-download .row a span {
        display: block;
    }
}

.ov-enterprise-overview {
    background: #f4f7fb;
    margin-top: -30px;
    padding: 122px 0 100px;
}

.ov-enterprise-overview .row {
    width: 860px;
    margin: 0 auto;
}

.ov-enterprise-standard .row {
    width: 860px;
    margin: 0 auto;
}

.ov-enterprise-overview .row .ov-img-auto {
    padding-top: 90px;
}

@media (max-width: 992px) {
    .ov-enterprise-overview .row {
        width: auto;
        margin: 0 auto;
    }

    .ov-enterprise-standard .row {
        width: auto;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .ov-enterprise-overview {
        margin-top: -292px;
        padding: 340px 0 100px;
    }

    .ov-enterprise-standard {
        margin-top: -292px;
        padding: 340px 0 100px;
    }
}

.ov-enterprise-standard h3 {
    margin-bottom: 30px;
}

.ov-enterprise-standard .ov-table-rounded {
    max-width: 356px;
    border: 2px solid #0b3784;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}

.ov-enterprise-standard th {
    background: #f4f7fb;
    border-bottom: 2px solid #0b3784;
    padding: 16px 0;
    text-align: center;
    font-size: 16px;
}

.ov-enterprise-standard td {
    text-align: center;
    padding: 10px;
}

.ov-enterprise-standard td b {
    color: #0b3784;
}

.ov-enterprise-standard tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.ov-enterprise-standard .btn {
    min-width: 117px;
}

.ov-enterprise-standard .col-sm-6 {
    border-right: 1px solid #d9d9d9;
}

.ov-enterprise-standard .col-sm-6:last-child {
    border: 0;
}

@media (max-width: 768px) {
    .ov-enterprise-standard .col-sm-6 {
        border: 0;
    }

    .ov-enterprise-standard .col-sm-6:last-child {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.ov-enterprise-sum {
    background: url("images/enterprise/bg-enterprise-1.jpg") no-repeat center;
    background-size: cover;
    padding: 80px 0 315px;
    color: #fff;
}

.ov-enterprise-sum .container {
    position: relative;
}

.ov-enterprise-sum .row {
    position: absolute;
    left: 15px;
    width: 100%;
    top: 200px;
}

.ov-enterprise-sum .row .col-sm-4:first-child .ov-sum-item {
    background: #5e8dd4;
}

.ov-enterprise-sum .row .col-sm-4:nth-child(2) .ov-sum-item {
    background: #3065b5;
}

.ov-enterprise-sum .row .col-sm-4:nth-child(3) .ov-sum-item {
    background: #204479;
}

.ov-enterprise-sum .ov-sum-item {
    border-radius: 10px;
    padding: 20px;
    min-height: 308px;
    margin: 0 auto;
    max-width: 276px;
}

.ov-enterprise-sum .ov-sum-item li {
    opacity: .8;
    line-height: 30px;
}

.ov-enterprise-sum .ov-sum-item h3 {
    padding-bottom: 30px;
}

.ov-enterprise-sum .ov-sum-item h3:after {
    width: 70px;
    margin: 6px auto 0;
    display: block;
    content: '';
    height: 3px;
    background: #fff;
}

@media (max-width: 768px) {
    .ov-enterprise-sum {
        padding: 80px 0 215px;
    }

    .ov-enterprise-sum .row {
        position: relative;
        left: 15px;
        width: 100%;
        top: 100px;
    }

    .ov-enterprise-sum .ov-sum-item {
        margin-bottom: 20px;
    }
}

.ov-enterprise-list {
    padding: 250px 0 70px;
}

.ov-enterprise-list .container {
    padding: 0 5%;
}

.ov-enterprise-list .ov-list-item {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 2;
}

@media (max-width: 992px) {
    .ov-enterprise-list .container {
        padding: 0 15px;
    }

    .ov-enterprise-list .ov-list-item {
        width: 32%;
    }
}

@media (max-width: 768px) {
    .ov-enterprise-list {
        padding: 70px 0;
    }

    .ov-enterprise-list .ov-list-item {
        width: 49%;
    }
}

@media (max-width: 415px) {
    .ov-enterprise-list .ov-list-item {
        width: 100%;
    }
}



/*--------------------------------------- about page -----------------------------------------*/

.ov-about-top .row {
    max-width: 698px;
    margin: 0 auto;
}

.ov-about-principle {
    background: url("images/about/bg-about2.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}

.ov-about-principle .row {
    max-width: 498px;
    margin: 0 auto;
}



/*--------------------------------------- list page -----------------------------------------*/

.ov-post-list,
.ov-post-detail {
    background: #fff;
}

.ov-post-detail {
    line-height: 2;
}

.ov-news.ov-post-list .col-sm-6>a {
    background: #f8f8f8;
}

.ov-news.ov-post-list .row {
    max-width: 1000px;
    margin: 0 auto;
}

.ov-post-detail .row {
    max-width: 900px;
    margin: 0 auto;
    word-break: break-all;
    font-size: 16px;
}

@media (max-width: 768px) {
    .ov-post-detail .row img {
        max-width: 100% !important;
    }
}

.ov-post-detail .ov-divider span {
    background: #fff;
}

.ov-post-detail .ov-divider span a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    line-height: 50px;
    padding-top: 6px;
    margin: 0 4px;
    vertical-align: middle;
}

.ov-post-detail .ov-divider .wechatShare {
    padding-top: 8px;
}

.ov-post-detail a#weiboShare:hover svg path {
    fill: #d0021b;
}

.ov-post-detail a.wechatShare:hover svg path {
    fill: #39a306;
}

.ov-post-detail a#weiboShare:hover {
    border-color: #d0021b;
}

.ov-post-detail a.wechatShare:hover {
    border-color: #39a306;
}

.ov-post-detail .clearfix .pull-left,
.ov-post-detail .clearfix .pull-right {
    width: 49%;
}

.comments-title {
    border-top: 1px solid #d9d9d9;
    padding-top: 40px;
    margin-top: 0;
    font-size: 20px;
    text-align: center;
}

.ov-news h2.screen-reader-text {
    display: none;
}

.ov-news .ov-pagination .nav-links {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.ov-news .ov-pagination .nav-links>a:first-child,
.ov-news .ov-pagination .nav-links>span:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ov-news .ov-pagination .nav-links>a,
.ov-news .ov-pagination .nav-links>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.ov-news .ov-pagination .nav-links>a:last-child,
.ov-news .ov-pagination .nav-links>span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ov-news .ov-pagination .nav-links>a:hover,
.ov-news .ov-pagination .nav-links .page-numbers.current {
    background: #f5f5f5;
}

.ov-news .ov-divider {
    display: none;
}

.ov-news .nav-links {
    border-top: 1px solid #d9d9d9;
}

.ov-news .ov-pagination .nav-links {
    border: none;
}

.ov-sidebar>div.ov-sidebar-coin>a {
    background: url(images/bg-coin.png) no-repeat center center #384A58;
    background-size: 72% auto;
}

.ov-sidebar>div.ov-sidebar-qq>a {
    background: url(images/bg-qq.png) no-repeat center center #384A58;
    background-size: 74% auto;
}


.ov-sidebar>div.ov-sidebar-wechat>a {
    background: url(images/WeChat.png) no-repeat center center #384A58 !important;
    background-size: 74% auto !important;
}

.ov-sidebar>div.ov-sidebar-workwechat>a {
    background: url(images/bg-workwechat.png) no-repeat center center #384A58;
    background-size: 74% auto;
}

/*--------------------------------------- landing page -----------------------------------------*/

.ov-landing-header {
    background: url(images/landing/bg-top.jpg) no-repeat center center;
    color: #fff;
    padding-top: 42px;
    min-height: 756px;
}

.ov-landing-btn {
    display: inline-block;
    width: 200px;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(135deg, #9702D0, #4135D0)
}

.ov-landing-btn:hover {
    background: #025BD0;
    color: #fff;
    text-decoration: none;
}

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

#certify .swiper-container {
    padding-bottom: 76px;
    background: transparent;
    height: auto;
}

#certify .swiper-slide {
    width: 587px;
    height: 416px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(59, 59, 59, 0.25);
}

#certify .swiper-slide img {
    display: block;
}

#certify .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    background-color: #D8D8D8;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #3166CC;
    border: 0;
}

#certify .swiper-button-prev {
    left: 0;
    width: 45px;
    height: 45px;
    background: url(images/landing/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    opacity: 1;
    outline: none;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: 0;
    width: 45px;
    height: 45px;
    background: url(images/landing/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
    display: block;
    opacity: 1;
    outline: none;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.ov-landing-screenshots {
    color: #fff;
    margin-top: -316px;
}

.ov-landing-screenshots .ov-divider,
.ov-landing-features .ov-divider {
    width: 573px;
    margin: 0 auto;
    margin-bottom: 42px;
}

.ov-landing-screenshots .ov-divider .ov-divider-span {
    background: #171C2B
}

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

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

.ov-landing-features {
    margin: 20px 0 60px;
}

.ov-landing-features .ov-divider .ov-divider-span {
    background: #fff
}

.ov-landing-features-text {
    width: 90%;
    line-height: 1.8;
    margin: 0 auto;
    background: url(images/landing/bg-quote.svg) no-repeat;
    padding-top: 30px;
}

.ov-landing-header-m {
    background: url(images/landing/bg-m-top.jpg) no-repeat center center;
    color: #fff;
    background-size: 100% 100%;
    padding-top: 10px;
    min-height: 430px;
}

.ov-landing-header-m .ov-landing-btn {
    border-radius: 23px;
}

#ov-m-landing-swiper .swiper-container {
    background: transparent;
    height: auto;
}

#ov-m-landing-swiper .swiper-slide {
    width: 60% !important;
    margin-right: 10px;
}

.border-t-1 {
    border-top: 1px solid #d3d3d3;
}

.mar-b-26 {
    margin-bottom: 26px;
}

.ov-m-landing-footer {
    background: #171C2B;
    color: #fff;
    padding: 24px;
    margin-top: 20px;
}

.ov-m-landing-footer-top {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 40px;
}

.ov-inline-block-vm {
    display: inline-block !important;
    vertical-align: middle;
}



/*--------------------------------------- iconfont -----------------------------------------*/

@font-face {
    font-family: "iconfont";
    src: url('icon-font/iconfont.eot?t=1558873029360');
    /* IE9 */
    src: url('icon-font/iconfont.eot?t=1558873029360#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('icon-font/iconfont.woff?t=1558873029360') format('woff'),
        url('icon-font/iconfont.ttf?t=1558873029360') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('icon-font/iconfont.svg?t=1558873029360#iconfont') format('svg');
    /* iOS 4.1- */
}

.icon {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Twitter:before {
    content: "\e833";
}

.icon-menu:before {
    content: "\e618";
}

.icon-facebook:before {
    content: "\e664";
}

.icon-diqiu:before {
    content: "\e689";
}

.icon-add:before {
    content: "\e620";
}

.icon-close:before {
    content: "\e630";
}

.icon-left:before {
    content: "\e64c";
}

.icon-right:before {
    content: "\e64f";
}

.icon-search:before {
    content: "\e651";
}

.icon-qr:before {
    content: "\e639";
}

.icon-qq:before {
    content: "\e63a";
}

.icon-coin:before {
    content: "\e63b";
}

.icon-company:before {
    content: "\e63c";
}

.icon-reduce:before {
    content: "\e63d";
}

.icon-check:before {
    content: "\e63e";
}

.icon-eye:before {
    content: "\e63f";
}








/* ******************************** */

.ov-price-extro {
    margin: 60px 40px 50px;
}

.ov-price-extro .col-md-6>a {
    background: #F4F7FB;
    border-radius: 8px;
    padding: 24px 34px;
    margin-bottom: 10px;
    display: block;
}

.ov-price-extro .col-md-6>a:hover {
    background: #E2EAF5;
}

.ov-price-extro-text {
    width: 76%;
    padding-left: 22px;
}

.ov-price-extro .icon-right {
    font-size: 30px;
    color: #666;
    line-height: 2;
}





/************************/

@media (max-width: 768px) {
    .ov-price-extro {
        margin: 60px 0 50px;
    }

    .ov-price-extro .col-md-6>a>span {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .ov-price-extro .col-md-6>a>.pull-right {
        display: none;
    }

    .ov-price-extro .ov-price-extro-text {
        padding: 14px 0 0;
    }

    .ov-price-extro .ov-price-extro-text .text-18 {
        padding-bottom: 10px;
    }
}




/*********************************/

.ov-header nav ul {
    position: relative;
}

.ov-header nav ul.sub-menu {
    position: absolute;
    top: 42px;
    left: 10px;
    display: none;
    padding: 5px 0;
    text-align: left;
    background-clip: padding-box;
    background: #3B445E;
    border: 1px solid #3B445E;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.ov-header nav ul li:hover ul.sub-menu {
    display: block;
}

.ov-header nav ul.sub-menu li {
    float: none;
    display: bock;
}

.ov-header nav ul.sub-menu li a {
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.42857143;
    color: #fff;
}

.ov-header nav ul.sub-menu li a:hover {
    background: #323B55;
}





/*--------------------------------------- gps page style -----------------------------------------*/

.ov-slider-title.ov-gps-title {
    padding-top: 60px;
}

.ov-gps-flow {
    background: #F4F7FB;
    padding: 60px 0 100px;
}

.ov-gps-flow .ov-img-auto {
    width: 80%;
    margin: 40px auto 0;
}

@media (max-width: 1200px) {
    .ov-gps-flow .ov-img-auto {
        width: 94%;
    }
}

@media (max-width: 768px) {
    .ov-gps-flow .ov-img-auto {
        width: 100%;
    }
}

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

.font-arial-black {
    font-family: 'arial black';
}

.ov-gps-item {
    padding: 120px 0;
}

.ov-gps-ov100 {
    background: #171C2B;
    color: #fff;
}

.ov-gps-ov300 {
    background: #f5f5f5;
}

.ov-relative {
    position: relative;
}

.ov-gps-item td {
    padding: 8px 0;
}

.ov-gps-ov100 .ov-gps-price {
    padding: 360px 0 0 40px;
}

.ov-gps-ov100 .ov-item-info {
    padding-top: 100px;
}

.ov-gps-ov200 .container>.row {
    padding: 0 100px;
}

.ov-gps-ov200 .ov-gps-price {
    padding: 300px 40px 0 0;
}

.ov-gps-ov210 .ov-gps-price {
    padding: 200px 40px 0 0;
}

.ov-gps-ov200 .ov-item-info {
    padding-top: 60px;
}

.ov-gps-ov300 .ov-gps-price {
    padding: 140px 30px 0 0;
}

@media (max-width: 1480px) {
    .ov-gps-ov100 .ov-gps-price {
        padding: 260px 0 0 30px;
    }

    .ov-gps-ov100 .ov-item-info {
        padding-top: 60px;
    }

    .ov-gps-ov200 .container>.row {
        padding: 0 60px;
    }

    .ov-gps-ov200 .ov-gps-price {
        padding: 200px 40px 0 0;
    }

    .ov-gps-ov200 .ov-item-info {
        padding-top: 0;
    }
}

@media (max-width: 1200px) {
    .ov-gps-ov200 .container>.row {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .ov-gps-item .ov-img-auto {
        width: 80%;
        margin: 0 auto;
    }

    .ov-gps-item .ov-gps-price {
        padding: 20px 0 0 0;
    }

    .ov-gps-item .ov-item-info {
        padding-top: 20px;
    }
}

@media (max-width: 768px) {
    .ov-gps-item .ov-img-auto {
        width: 70%;
        margin: 0 auto;
    }
}

/* video page style */
.ov-video-top {
    padding: 120px 0 0;
}

.ov-video-top .row {
    padding: 30px 160px 0;
}

.ov-video-top .col-xs-4 {
    opacity: 0.5;
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 30px;
}

.ov-video-top .col-xs-4.active,
.ov-video-top .col-xs-4:hover {
    opacity: 1;
    background: url("images/video/bg.svg") no-repeat center bottom;
}

.ov-video-top .col-xs-4.active p {
    font-weight: bold;
}

.ov-video-top .col-xs-4>p:first-child {
    height: 54px;
    margin-top: 30px;
}

.ov-video-top .col-xs-4>p:first-child img {
    transform: scale(0.94);
}

.ov-video-list .row {
    display: none;
}


.menu_login>a {
    font-size: 18px !important;
    font-weight: bold !important;
}

@media (max-width: 992px) {
    .ov-video-top .row {
        padding: 30px 0 0;
    }
}


#notification-137059 {
    margin-top: -240px;
}



@media screen and (max-width: 768px) {

    .hthb-notification.hthb-pos--left-wall,
    .hthb-notification.hthb-pos--right-wall {
        width: auto !important;
        font-size: 1.25em;
    }
}

.hthb-pos--left-wall .hthb-container,
.hthb-pos--right-wall .hthb-container {
    width: 100%;
    min-width: auto !important;
    font-size: 1.25em;
}


#YSF-BTN-HOLDER {
    top:calc(50% - 29px);
    left:10px;
   right: unset !important;
 }