/* @font-face {
        font-family: 'pingfangSC';
        src: url('/assets/fonts/pingfang_regular-webfont.eot');
        src: url('/assets/fonts/pingfang_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/pingfang_regular-webfont.woff2') format('woff2'), url('/assets/fonts/pingfang_regular-webfont.woff') format('woff'), url('/assets/fonts/pingfang_regular-webfont.ttf') format('truetype'), url('/assets/fonts/pingfang_regular-webfont.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    } */
@charset "utf-8";

* {
    outline: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}

body {
    font-family: PingFang SC, Source Sans Pro, Helvetica Neue, Microsoft Yahei, Helvetica, Arial, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif, serif;
    overflow-x: hidden;
}

/*页面有滚动条时,弹窗导致页面动*/

body {
    overflow-y: auto !important;
}

.pc {
    display: flex;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
}

.navbar-header-right .sign-btns {
    display: none;
}

.mobile {
    display: none;
}

.wrapper {
    min-width: 1100px;
}

label {
    margin: 0px;
    font-weight: 400;
}

p {
    margin: 0px;
}

img {
    display: block;
    max-width: 100%;
}

h2,
h3 {
    margin: 0 auto;
    line-height: inherit;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.float-left {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.float-left:after {
    content: "";
    display: block;
    clear: both;
}

ul.float-left>li {
    float: left;
}

.form-control {
    border-radius: 25px;
    font-size: 18px;
    padding: 8px 30px;
    height: 52px;
    border-color: #c7c7c7;
}

.form-control:focus {
    box-shadow: none;
    border-color: #989898;
}

.form-control.error {
    border-color: #ff8d8d;
}

.container {
    position: relative;
    z-index: 1;
}

.container-sm {
    width: 986px;
}

.full-screen {
    width: 100%;
}

/* BTN */

.btn-lg {
    padding: 10px 40px;
    min-width: 180px;
    font-size: 18px;
    height: 46px;
    line-height: 26px;
}

.btn-sm {
    padding: 5px 10px;
    min-width: 92px;
    font-size: 16px;
}

.btn-md {
    padding: 7px 10px;
    min-width: 150px;
    font-size: 16px;
}

.btn-border-white,
.btn-border-white:focus {
    border: solid 1px #fff;
    color: #fff;
    border-radius: 100px;
    background: none;
}

.btn-border-white:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.btn-border-blue,
.btn-border-blue:focus {
    border: solid 1px #004CF9;
    color: #004CF9;
    border-radius: 30px;
    background: none;
}

.btn-border-blue:hover {
    background: rgba(102, 142, 255, 0.2);
    color: #004CF9;
}

.btn-blue {
    /*background: #004CF9;*/
    background: #004CF9;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 16px;
}

.btn-blue:focus,
.btn-blue:hover {
    color: #fff;
    box-shadow: 4px 4px 30px rgba(112, 112, 247, 0.3)
}

.btn-blue:active {
    box-shadow: 4px 4px 30px rgba(112, 112, 247, 0.4), inset 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.bg-white {
    background: #fff;
}

.bg-light-gray {
    /*background: #f7fafe;*/
    background: rgba(0, 76, 249, 0.05);
}

.bg-white .title,
.bg-light-gray .title {
    color: #383838;
}

.bg-white .title-desc,
.bg-light-gray .title-desc {
    color: #808080;
}

.num {
    font-size: 176px;
    line-height: 176px;
    font-weight: bold;
    color: #f7fafe;
}

.intro-list {}

.intro-list>li {
    font-size: 18px;
    color: #808080;
    line-height: 1.75em;
    padding-left: 34px;
}

.intro-list>li:before {
    content: "";
    width: 14px;
    height: 14px;
    background: url("/assets/images/icon-circle.png") no-repeat;
    display: inline-block;
    margin-right: 20px;
    margin-left: -34px;
}

/* HEADER */

header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: transparent;
    z-index: 12;
    transition: all linear 0.2s;
    border-radius: 0;
}

header .container {
    /* min-width: 1100px;*/
    /*padding: 0 15px;*/
    /* width: 100%;
            max-width: 1340px;*/
}

/*        header .container:before,
            header .container:after {
            display:none;
            }*/

header .logo {
    width: 147px;
    height: 34px;
    /*width: 180px;
                height: 70px;*/
    display: block;
    background: url("/assets/images/logo-white.svg") no-repeat;
    background-position: center center;
    background-size: 100%;
}

header .navbar {
    width: 100%;
    margin-bottom: 0px;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .navbar:before,
header .navbar:after {
    display: none;
}

header .navbar-left {
    display: flex;
    align-items: center;
}

.brand,
.navbar-nav,
.navbar-btns {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0;
}

.navbar-btns {
    display: flex;
    align-items: center;
}

.navbar-btns .btn-link-txt {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    text-decoration: none;
    font-weight: 700;
    margin-right: 10px;
}

.navbar-btns .btn-link-txt .icon-phone {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.navbar-btns {
    text-align: right;
}

.navbar-btns .btn-nav-blue {
    background: #004CF9;
    color: #fff !important;
    width: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 36px;
    line-height: 36px;
}

.navbar-btns .btn-nav-blue:hover {
    background: #004CF9 !important;
    color: #fff !important;
}

.navbar-btns .btn-border-white {
    width: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 36px;
    line-height: 36px;
}

.navbar-nav {
    margin-left: 40px;
    display: flex;
}

header .navbar-nav>li>a {
    color: #eee;
    /*    color: rgba(255, 255, 255, 0.6);*/
    font-size: 16px;
    padding: 0 15px;
}

header .navbar-nav>li>a.dropdown-toggle {
    cursor: default;
}

header .navbar-nav>li>a:hover {
    background: none;
    color: #004CF9;
}

header .navbar-nav>li.active>a,
header .navbar-nav .open>a {
    color: #fff;
    color: rgba(255, 255, 255, 1);
}

header .navbar-nav>li>a span {
    position: relative;
    display: inline-block;
    padding: 24px 0;
    cursor: pointer;
}

header .navbar-nav>li>a>span:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 22px;
    background: rgba(255, 255, 255, 0);
}

header .navbar-nav>li.active>a>span:after,
header .navbar-nav>li:hover>a>span:after,
header .navbar-nav .open>a>span:after {
    background: rgba(255, 255, 255, 1);
}

/*header .navbar-nav > li > a .nav-arrow-down {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 6px;
        margin-left: 6px;
        opacity: 0.6;
        background: url(/assets/images/nav-arrow-down.png) no-repeat;
    }
    
    .white-header .navbar-nav > li > a .nav-arrow-down {
        background: url(/assets/images/nav-arrow-down-black.png) no-repeat;
    }*/

header .navbar-nav .dropdown-menu {
    position: absolute;
    top: 68px;
}

header .navbar-nav .dropdown-menu::after {
    display: table;
    content: " ";
}

header .navbar-nav .dropdown-menu.product {
    padding: 0px;
    width: 100%;
    left: 0;
    position: fixed;
    align-items: flex-start;
    justify-content: center;
    /*display:block;*/
    border-top: 1px solid #eee;
}

header .navbar-nav .dropdown-menu.case {
    padding: 0px;
    width: 100%;
    left: 0;
    position: fixed;
    align-items: flex-start;
    justify-content: center;
    /*display: block;*/
    border-top: 1px solid #eee;
    overflow-y: auto;
    max-height: calc(100vh - 68px);
}

header .navbar-nav .dropdown-menu.case .container {
    display: flex;
}

header .navbar-nav .dropdown-menu.case .nav-case-right {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    padding: 30px 18px;
}

header .navbar-nav .dropdown-menu.case .nav-case-left {
    padding: 30px 0 0 0;
    width: 20.5%;
}

header .navbar-nav .dropdown-menu.case .nav-case-left-box {
    width: 100%;
    /*height: 278px;*/
    box-sizing: border-box;
    border-radius: 6px;
    padding: 32px 24px;
    overflow: hidden;
    text-align: center;
    background: rgba(0, 76, 249, 0.05);
}

header .navbar-nav .dropdown-menu.case .case-box-title {
    margin-bottom: 4px;
    color: #222;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

header .navbar-nav .dropdown-menu.case .case-box-des {
    margin-bottom: 26px;
    color: #444;
    line-height: 1.4em;
}

header .navbar-nav .dropdown-menu.case .btn-caselist {
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    height: 34px;
    border-radius: 4px;
    margin-bottom: 16px;
    background: #004CF9;
    color: #fff;
    display: block;
    line-height: 34px;
    text-decoration: none;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item {
    display: flex;
    flex-direction: column;
    width: 217.5px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    text-align: justify;
    border-radius: 6px;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item:hover {
    background-color: rgba(0, 76, 249, 0.05);
    text-decoration: none;
    cursor: pointer;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item:hover .dropdown-sub-title,
header .navbar-nav ..dropdown-menu.case .dropdown-sub-item:hover .dropdown-sub-des {
    color: #004CF9;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item .dropdown-sub-title {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #222;
    text-decoration: none !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 4px;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item .dropdown-sub-des {
    flex: 1;
    padding: 10px 2px;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    border-bottom: 1px solid #eee;
    white-space: normal;
    text-decoration: none !important;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item .dropdown-sub-logos {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item .dropdown-sub-logo {
    width: 85px;
    height: 36px;
    display: flex;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .6);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
    transition: all .3s ease;
    margin-bottom: 10px;
    margin-right: 10px;
}

header .navbar-nav .dropdown-menu.case .dropdown-sub-item .dropdown-sub-logo:nth-child(2n) {
    margin-right: 0;
}

header .navbar-nav .product-tab-content section {
    display: none;
}

header .navbar-nav .selected {
    background: linear-gradient(to left, rgba(255, 255, 255, .8), transparent);
}

header .navbar-nav .product-tab-content .show {
    display: block;
}

header .navbar-nav .product-tab-wrap {
    padding: 0;
    overflow: hidden;
    display: flex;
    min-height: 540px;
}

header .navbar-nav .product-tab-head {
    width: 22%;
    /*background: linear-gradient(270deg, rgba(106, 131, 252, 0.2) 0%, rgba(106, 131, 252, 0) 100%);*/
    background: linear-gradient(270deg, rgba(0, 76, 249, 0.15) 0%, rgba(0, 76, 249, 0) 100%);
    box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08);
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    /*   align-items: flex-end;*/
}

header .navbar-nav .product-tab-head .product-head-item {
    display: flex;
    min-width: 280px;
    padding: 20px 20px 20px 15px;
    align-items: center;
}

header .navbar-nav .product-tab-head .product-head-item img {
    width: 36px;
    height: 36px;
    margin-right: 16px;
}

header .navbar-nav .product-tab-head .product-head-item-content {
    display: flex;
    flex-direction: column;
}

header .navbar-nav .product-tab-head .product-head-item .product-head-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    /*  margin-bottom:4px;*/
}

header .navbar-nav .product-tab-head .product-head-item .product-head-des {
    font-size: 12px;
    color: #545454;
}

header .navbar-nav .product-tab-content {
    flex: 1;
    padding: 20px;
    position: relative;
}

header .navbar-nav .product-tab-content .product-class-link {
    display: inline-flex;
    align-items: center;
    padding-left: 12px;
    margin: 0 0 16px 0;
    font-size: 18px;
    font-weight: 500;
    color: #715EE8;
    line-height: 22px;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    right: 50px;
}

header .navbar-nav .product-tab-content .product-class-link .arrow-icon {
    height: 16px;
    width: 16px;
    margin-left: 6px;
    margin-top: 1px;
}

header .navbar-nav .product-tab-content .solution-item {
    width: 33.333%;
    margin: 0;
    box-shadow: none;
    padding: 20px 15px;
    align-items: flex-start;
}

header .navbar-nav .product-tab-content .product-last .solution-item {
    width: calc(38% - 16px);
}

header .navbar-nav .product-tab-content .solution-item-title {
    font-size: 16px;
    color: #111;
    margin-bottom: 6px;
}

header .navbar-nav .product-tab-content .solution-item-des {
    font-size: 12px;
    color: #555;
    line-height: 18px;
    margin-bottom: 6px;
}

header .navbar-nav .product-tab-content .solution-item-link {
    display: flex;
    align-items: center;
    border-radius: 8px;
    width: 220px;
    text-decoration: none;
    margin-left: -8px;
}

header .navbar-nav .product-tab-content .solution-item-link span {
    font-size: 13px;
    /* border-right: 1px solid #ddd; */
    padding-left: 8px;
    padding-right: 8px;
    color: #6a83fc;
    position: relative;
}

header .navbar-nav .product-tab-content .solution-item-link span::after {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    right: 0;
    width: 2px;
    height: 12px;
    background-color: #ddd;
}

header .navbar-nav .product-tab-content .solution-item-link span:last-of-type::after {
    /* border-right: none */
    content: none;
}

header .navbar-nav .product-tab-content .child-2 .solution-item-link span {
    color: #715EE8 !important;
}

header .navbar-nav .product-tab-content .child-3 .solution-item-link span {
    color: #02bfa6 !important;
}

header .navbar-nav .product-tab-content .solution-item-txt {
    margin-left: 10px;
}

header .navbar-nav .product-tab-content .solution-item img {
    width: 24px;
}

header .navbar-nav .product-tab-content .solution-item:hover {
    background: rgba(106, 131, 252, 0.1);
}

header .navbar-nav .product-tab-content .nav-pro-list {
    display: flex;
    align-items: center;

}

header .navbar-nav .product-tab-content .nav-pro-link {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    width: 230px;
    text-decoration: none;
}

header .navbar-nav .product-tab-content .nav-pro-link:hover {
    background: rgba(0, 76, 249, 0.05);
    text-decoration: none;
}

header .navbar-nav .product-tab-content .nav-pro-link img {
    width: 30px;
    margin-right: 10px;
    border-radius: 4px;
}

header .navbar-nav .product-tab-content .nav-pro-link-left {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #777;
}

header .navbar-nav .product-tab-content .nav-pro-link-left span {
    color: #222;
    font-size: 18px;
}

header .navbar-nav .dropdown-menu.solution {
    padding: 0;
    width: 100%;
    left: 0;
    position: fixed;
    align-items: flex-start;
    justify-content: center;
    /*    display: block;*/
    border-top: 1px solid #eee;
    overflow-y: auto;
    max-height: calc(100vh - 68px);
}

/* 美化整个滚动条 */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
    background-color: #f9f9f9;
}


.custom-scrollbar::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 10px;
}


.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    border: 2px solid #ffffff;
}


.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

@-moz-document url-prefix() {
    .custom-scrollbar {
        scrollbar-width: thin;
        /* 设置Firefox的滚动条宽度 */
        scrollbar-color: #888 #f1f1f1;
        /* 设置Firefox的滚动条颜色，先是滑块颜色，然后是轨道颜色 */
    }
}

header .navbar-nav .dropdown-menu.solution .nav-boxshadow {
    width: 28%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08);
    z-index: 9;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row {
    display: flex;
    overflow: hidden;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-left {
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    width: 28%;
    text-align: center;
    /*  background: rgba(106, 131, 252,0.1);*/
    /* background: linear-gradient(270deg, rgba(106, 131, 252, 0.2) 0%, rgba(106, 131, 252, 0) 100%);*/
    background: linear-gradient(270deg, rgba(0, 76, 249, 0.15) 0%, rgba(0, 76, 249, 0) 100%);
    display: flex;
    /*align-items: center;*/
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 700;
    padding: 30px 30px 30px 80px;
    /*   padding-left: calc((100% - 1180px) / 2);*/
    box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08);
    color: #222;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-left:before {
    position: absolute;
    content: '';
    width: 40%;
    height: 1px;
    background: #eee;
    bottom: 0;
    right: 0;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row:last-child .dropdown-sub-left:before {
    display: none;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-right {
    position: relative;
    flex: 1;
    padding: 20px 20px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    max-width: calc(245px * 4 + 40px);
    /*padding-right: calc((100% - 1170px)/2);*/
    /*     border-bottom: 1px solid #eee;*/
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-right:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #eee;
    bottom: 0px;
    right: 0;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row:last-child .dropdown-sub-right:before {
    display: none;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item {
    display: flex;
    flex-direction: column;
    /*width: 25%;*/
    padding: 18px 22px 22px;
    display: flex;
    flex-direction: column;
    text-align: justify;
    width: 245px;
    border-radius: 6px;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item:hover {
    background-color: rgba(0, 76, 249, 0.05);
    text-decoration: none;
    cursor: pointer;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item:hover .dropdown-sub-title,
header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item:hover .dropdown-sub-des {
    color: #004CF9;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item .dropdown-sub-title {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #222;
    text-decoration: none !important;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item .dropdown-sub-des {
    flex: 1;
    padding: 10px 2px;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    border-bottom: 1px solid #eee;
    white-space: normal;
    text-decoration: none !important;
}

header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item .dropdown-sub-logos {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

    header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-item .dropdown-sub-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 94px;
        height: 42px;
        background-color: hsla(0, 0%, 100%, .6);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 4px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
        transition: all .3s ease;
    }

header .navbar-nav .dropdown-menu.about {
    width: 500px;
    height: 400px;
    left: 50%;
    transform: translateX(-50%);

    margin: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

header .navbar-nav .dropdown-menu.about .nav-about-left {

    width: 220px;
    padding: 36px 50px;

}

header .navbar-nav .dropdown-menu.about .nav-about-left li a {

    padding: 0;
    margin: 0;
}

header .navbar-nav .dropdown-menu.about .nav-about-left li:first-child a {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

header .navbar-nav .dropdown-menu.about .nav-about-right {
    background: #004CF9;
    color: #fff;
    width: 280px;
    padding: 36px 30px;


}

.nav-about-right-group {
    margin-bottom: 30px;

}

.nav-about-right-group img {
    width: 90px;
    margin-bottom: 10px;
}

.nav-about-right-group:last-child {
    margin-top: 80px;
    width: 90px;
    text-align: center;
}

.nav-about-right-lable {
    font-size: 14px;
    margin-bottom: 6px;
}

.nav-about-right-content {
    font-size: 18px;
    font-weight: 700;
}

header .navbar-nav .dropdown-menu li {
    display: block;
}

header .nav .open>a,
header .nav .open>a:hover,
header .nav .open>a:focus,
header .navbar-nav>li>a:focus {
    background: none;
}

header .navbar-btns>.btn {
    margin-left: 10px;
    margin-right: 0;
}

header .dropdown-menu {
    top: 70px;
    padding: 10px 0 20px 0;
    border-radius: 0 0 5px 5px !important;
    box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .1);
    border: none;
    min-width: 146px;
    transition: all linear 0.2s
}

header .dropdown-menu li.col-title {
    margin-bottom: 10px;
}

header .dropdown-menu li.col-title a {
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #888;
    cursor: default;
}

header .dropdown-menu li.col-title a.item-hover {
    cursor: pointer;
}

header .dropdown-menu li.col-title a:hover {
    background: #fff;
    color: #888;
}

header .dropdown-menu li.col-title a.item-hover:hover {
    color: #004CF9;
}

header .dropdown-menu li a {
    font-size: 16px;
    color: #363637;
    margin: 0px 30px;
    padding: 0 10px;
    line-height: 42px;
    text-align: left;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    cursor: default;
}

header .dropdown-menu li a[href] {
    cursor: pointer;
}

header .dropdown-menu.about li a {
    text-align: center;
}

header .dropdown-menu li a:hover {
    background: #fff;
    color: #004CF9;
}

header.white-header,
header:hover {
    background: #fff;
    transition: all linear 0.2s;
    /*    box-shadow :0px 0px 10px rgba(0, 0, 0, .2);*/
}

header.white-header.shadow {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, .06);
}

header.white-header .navbar-nav>li>a,
header:hover .navbar-nav>li>a {
    color: #222;
    /*   color: rgba(55, 55, 55, 0.6);*/
}

header.white-header .navbar-nav>li.active>a,
header.white-header .navbar-nav>li:hover>a,
header.white-header .nav .open>a,
header:hover .navbar-nav>li.active>a,
header:hover .navbar-nav>li:hover>a,
header:hover .nav .open>a {
    color: #004CF9;
    /*        color: #373737;
            color: rgba(55, 55, 55, 1);*/
}

header.white-header .navbar-nav>li.active>a>span:after,
/*        header.white-header .navbar-nav > li:hover > a > span:after,*/
header.white-header .navbar-nav .open>a>span:after,
header:hover.navbar-nav>li.active>a>span:after,
/*        header:hover .navbar-nav > li:hover > a > span:after,*/
header:hover .navbar-nav .open>a>span:after {
    background: #004CF9;
}

header.white-header .navbar-btns>.btn,
header:hover .navbar-btns>.btn {
    border-color: #004CF9;
    color: #004CF9;
}

header.white-header .navbar-btns>.btn:hover,
header:hover .navbar-btns>.btn:hover {
    background: #f5f5f5;
}

header.white-header .logo,
header:hover .logo {
    background: url("/assets/images/logo-new.svg") no-repeat;
    background-position: center center;
    background-size: 100%;
}

.jcy header.home-header .logo {
    background: url("/assets/images/logo-new.svg") no-repeat;
    background-position: center center;
    background-size: 100%;
}

/*.jcy header.home-header .btn-border-white {
    border-color: #363637;
    color: #363637;
}*/

.jcy header.home-header .navbar-nav>li>a {
    color: #000;
}

.jcy header.home-header .navbar-nav>li>a:hover {
    color: #004CF9;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu.product.hidden {
    display: none;
}

.dropdown:hover .dropdown-menu.product,
.dropdown:hover .dropdown-menu.about {
    display: flex;
}

.carousel-caption {
    top: 50%;
    padding: 140px 0 140px 0;
    bottom: auto;
    transform: translateY(-50%);
    color: #fff;
    text-shadow: none;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.carousel-indicators .active {
    margin: 0 5px;
}

/* banner*/
.banner-new .container {
    padding-top: 160px;
    padding-bottom: 90px;
    display: flex;
    align-items: center;
}

.banner-new .banner-left {
    color: #000;
    flex: 1;
    flex: 0 0 50%;
    padding-right: 100px;
}

.banner-new .banner-left h1 {
    font-size: 42px;
    font-weight: 600;
    color: #333333;
    line-height: 48px;
    text-align: left;
    margin-bottom: 19px;
}

.banner-new .banner-left h6 {
    font-size: 18px;
    line-height: 1.6em;
}

.banner-new .banner-left .btn {
    width: 120px;
    margin-top: 20px;
}

.carousel-caption .h5,
.banner .text-box .h5 {
    font-size: 30px;
    margin: 0px;
    margin-bottom: 25px;
}

.carousel-caption .h1,
.banner .text-box .h1 {

    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px;
    white-space: nowrap;
}

.carousel-caption .h6,
.banner .text-box .h6 {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}


.carousel-caption .btn {
    /*    box-shadow: none;*/
    margin: 30px 10px 0 10px;
}

.carousel-caption.qw {
    text-align: left;
}

.carousel-caption.qw .btn-install {
    margin-top: 40px;
}

.carousel-caption.qw .h6 {
    line-height: 1.8em;
}

.text-box {
    position: relative;
    z-index: 2;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.banner-white .text-box .h1 {
    color: #333;
}

.banner-white .text-box .h6 {
    color: #808080;
}

.banner .btn-blue {
    box-shadow: none;
    font-size: 16px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 10px;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 1);
    font-size: 18px;
}

.banner .btn-border-white {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 10px;
    min-width: 140px;
}

.banner .btn {
    margin-top: 30px;
}

.banner {
    position: relative;
    display: table;
    width: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
}

.banner-masker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.banner-home {
    height: 640px;
}

.banner-home-1 {
    background-image: url(/assets/images/home/home-slide-1.png);
    background-position: bottom center;
    background-size: cover;
}

.banner-home-2 {
    background-image: url(https://cdn.yideamobile.com/images/slide_2.jpg);
    background-position: bottom center;
    background-size: cover;
}

.banner-home-3 {
    background-image: url(https://cdn.yideamobile.com/images/slide_3.jpg);
    background-position: top center;
    background-size: cover;
}

.banner-home-4 {
    background-image: url(/assets/images/slide_5.jpg);
    background-position: center center;
    background-size: cover;
}

.home-banner {
    position: relative;
    height: 660px;
}

.homeSwiper {
    height: 660px;
}

/*
    .homeSwiper .swiper-slide.home-slide-1 {
        background-image: url(/assets/images/home/home-slide-1.png);
    }*/
.homeSwiper .swiper-slide .banner-home {
    width: 100%;
    height: 100%;
    transition: all linear 2s;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 0;
}

.homeSwiper .swiper-slide .banner-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.homeSwiper .container {
    position: relative;
    height: 100%;
    z-index: 1;
}

.homeSwiper .home-swiper-caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    height: 100%;
    width: 48%;
    padding-top: 68px;
    padding-bottom: 90px;
}

.homeSwiper .home-swiper-caption .home-caption-headline {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 16px;
}

.homeSwiper .home-swiper-caption .home-caption-headline span {
    font-size: 43px;
    white-space: nowrap;
    display: block;
    margin-top: 10px;
}

.homeSwiper .home-swiper-caption .home-caption-des {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 36px;

}

.homeSwiper .home-swiper-caption .home-slide-btns {
    display: flex;
    align-items: center;
}

.homeSwiper .home-swiper-caption .home-slide-btn {
    padding: 0 30px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    color: #004CF9;
    font-size: 20px;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
    margin-right: 24px;
    border: 1px solid #fff;

}

.homeSwiper .home-swiper-caption .home-slide-btn:hover .glyphicon-menu-right {
    transform: translateX(5px);
    transition: all linear 0.2s;
}

.homeSwiper .home-swiper-caption .home-slide-btn-outline {
    background: none;
    color: #fff;
}

.homeSwiper .home-swiper-caption .home-slide-btn-outline:hover {
    background: rgba(255, 255, 255, .2);
}

.homeSwiper .home-swiper-caption .home-slide-btn .glyphicon-menu-right {
    font-size: 14px;
    margin-left: 6px;
    transform: translateX(0px);
    transition: all linear 0.2s;
}

.homeSwiper-title {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.homeSwiper2.swiper {
    width: 50%;
    margin: 0;
}

.homeSwiper2.swiper .swiper-slide {

    color: rgba(255, 255, 255, .7);
    width: initial !important;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.homeSwiper2.swiper .swiper-slide.swiper-slide-thumb-active {
    position: relative;
    color: #fff;
}

.homeSwiper2.swiper .swiper-slide.swiper-slide-thumb-active:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}

/*.homeSwiper .swiper-slide-active .banner-home,
.homeSwiper .swiper-slide-duplicate-active .banner-home {
    transition: 6s linear;
    transform: scale(1.1) translateY(-4%);
}
*/
.homeSwiper .carousel-caption {
    white-space: nowrap;
}

.homeSwiper .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 5px !important;
    background: rgba(255, 255, 255, .4);
    /*    border: 1px solid #fff;*/
    opacity: 1;
    border-radius: 4px;
}

.homeSwiper .swiper-pagination-bullet-active {
    width: 24px;
    background: #fff;
}

.homeSwiper.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 100px;
}

.item-video {
    position: relative;
    background: #000;
    text-align: center;
    overflow: hidden;
    height: 640px;
}

.item-video .video-style {
    position: fixed;
    width: 100vw;
    top: calc(-1 * ((57.5vw - 640px) / 2));
    left: 0;
}

.item-video .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-video .mask h2 {
    font-size: 50px;
    margin-top: -60px;
    font-weight: 700;
    letter-spacing: 10px;
    color: #fff;
    text-align: center;
    z-index: 105;
}

.item-video .before-load {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: rgba(14,87,162,.9);*/
}

.banner-platform {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    padding-top: 100px;
    z-index: 2;
    background-image: none;
}

.banner-device {
    height: 512px;
    padding-bottom: 54px;
    background-image: url(/assets/images/banner-device.jpg);
}

.banner-course {
    position: relative;
    margin-bottom: 176px;
    background-image: url(/assets/images/banner-course.jpg);
}

.banner-course-arrow {
    position: absolute;
    left: 50%;
    margin-left: -323px;
    bottom: -176px;
    width: 646px;
    height: 463px;
    background: url(/assets/images/banner-course-arrow.png) no-repeat;
    background-size: contain;
}

.banner-about {
    height: 500px;
    background-image: url(/assets/images/banner-about.jpg);
}

.banner-about::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /* background-color: rgba(49, 66, 109, 0.8); */
    /* background: linear-gradient(126deg, rgb(56 77 241 / 70%), rgb(52 19 113 / 70%)); */
    /*background: linear-gradient(126deg, rgb(25 72 241 / 70%), rgb(34 31 251 / 70%));*/
    background-color: rgba(0, 76, 249, 0.7);
}

.banner-partner {
    height: 500px;
    background-image: url(https://cdn.yideamobile.com/images/insert-img_25.jpg);
}

.banner-case {
    /* background-image: url(https://cdn.yideamobile.com/images/insert-img_23.jpg); */
    background-image: url(/assets/images/banner-case.jpg);
    background-size: cover;
    height: 500px;
}

.banner-asset {
    background-image: url(/assets/images/banner-asset.jpg);
}

.banner-consumables {
    background-image: url(/assets/images/banner-consumables.jpg);
}

.banner-procurement {
    background-image: url(/assets/images/banner-procurement.jpg);
}

.banner-financial {
    background-image: url(/assets/images/banner-financial.jpg);
}

.banner-employeeself {
    background-image: url(/assets/images/banner-employeeself.jpg);
}

.banner-mobileapp {
    background-image: url(/assets/images/banner-mobileapp.jpg);
}

.banner-mobileapp .masker {
    background: rgba(0, 0, 0, 0.3);
}

.banner-cross-system {
    background-image: url(/assets/images/banner-crosssystem.jpg);
}

.banner-cross-system .masker {
    background: rgba(0, 0, 0, 0.3);
}
.banner-computeru {
    background-image: url(https://12748556.s21i.faiusr.com/2/ABUIABACGAAgnezvqwYo9aS61QcwmBE4tAc.jpg.webp);
}

    .banner-computeru .masker {
        background: rgba(0, 0, 0, 0);
    }
.computeru-page .banner-solution h1 {
    color:#333;
}
.computeru-page .banner-solution h6 {
    color: #666;
}
.banner-passiveRFID {
    background-image: url(/assets/images/banner-passiveRFID.jpg);
}

.banner-activeRFID .masker {
    display: none;
}

.banner-activeRFID {
    height: 500px;
    background-image: url(/assets/images/banner-activeRFID.jpg);
}

.banner-news {
    height: 500px;
    background-image: url(/assets/images/banner-news.jpg);
}

.banner-qw {
    height: 680px;
    background-image: url(/assets/images/banner-qw.jpg);
}

.banner-xd {
    height: 680px;
    background-image: url(/assets/images/banner-xd.png);
}

.banner-xd.banner .text-box .h1,
.banner-xd.banner .text-box .h6 {
    color: #000;
}

.banner-join {
    height: 500px;
    background-image: url(/assets/images/banner-join-us.jpg);
}

.banner-join::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /*background: linear-gradient(126deg, rgb(25 72 241 / 70%), rgb(34 31 251 / 70%));*/
    /* linear-gradient(126deg, rgb(56 77 241 / 70%), rgb(52 19 113 / 70%)); */
    background: rgba(0, 76, 249, 0.7);
}

.banner-qw-device {
    height: 680px;
    background-image: url(/assets/images/banner-qw-device.jpg);
}

.banner-qw.banner-qw-device .container .text-box {
    text-align: center;
}

.banner-qw.banner-qw-device .qw-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-jcy {
    height: 680px;
    /* background-image: url(/assets/images/banner-xd.png); */
    background: linear-gradient(180deg, #ffe5ce 0%, #ffffff 98%);
}

.banner-jcy.banner .text-box .h1,
.banner-jcy.banner .text-box .h6 {
    color: #000;
}

/* 鲸签云 */
.banner-jqy {
    height: 680px;
    background: linear-gradient(180deg, #a9c2ff 0%, #ffffff 98%);
}

.banner-jqy.banner .text-box .h1,
.banner-jqy.banner .text-box .h6 {
    color: #000;
}

.jqy .bg-light-gray-jqy {
    background: linear-gradient(110deg, #f2f9ff 0, #f9f9ff 51.04%, #e0edff 100%);
}

/* model-title */
.model-title {
    text-align: center;
    margin-bottom: 50px;
}

.model-title .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 30px;
    color: #000;
}

/* .model-title .title:last-child {
          margin-bottom: 50px;
        } */

.model-title .title-desc {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    color: #555;
    display: block;
}

.carousel-control {
    width: 10%;
}

.icon-arrow {
    background: url("/assets/images/icon-slide-arrow.png") no-repeat;
    width: 30px;
    height: 143px;
    display: block;
    background-position: 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -72px;
}

.icon-arrow.icon-right-arrow {
    background-position: -30px 0;
}

/* home */
.home .carousel .carousel-indicators {
    bottom: 30px;
    margin-bottom: 0;
}


.mui-title-desc .desc {
    font-size: 20px;
    color: #808080;
    margin-top: 20px;
}

.num-title {
    position: relative;
}

.num-title .icon,
.num-title .title {
    position: absolute;
    bottom: 0px;
    left: 50%;
    font-weight: normal;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.num-title .icon {
    width: 106px;
}

.num-title .title {
    font-size: 36px;
}

.mui-title-desc.text-left .num-title .icon,
.mui-title-desc.text-left .num-title .title {
    left: 0px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}

/* section-1 */

.section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.section-1 .data {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 400;
    display: block;
    color: #383838;
}

.section-1 .big-text {
    font-size: 40px;
    font-weight: bold;
    margin-right: 6px;
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

.section-1 .desc {
    font-size: 18px;
    color: #737373;
    font-weight: 400;
    margin-bottom: 40px;
    display: block;
}

.section-1 .updata-time {
    font-size: 14px;
    color: #b8b8b8;
    font-weight: 400;
}

.icon-intro {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://cdn.yideamobile.com/images/icon-intro.png) no-repeat;
}


/* section-all */
.section-solution {
    padding: 80px 0 80px 0;
    background: rgba(0, 76, 249, 0.05);
    background: rgba(0, 76, 249, 0.05) url(https://cdn.yideamobile.com/images/all-bg-pattern.jpg) left bottom no-repeat;
    background-size: contain;
}

.section-solution-content {
    display: flex;
    flex-direction: column;
    width: 1200px;
}

.section-solution-top {
    display: flex;
    margin: 0 0 20px 0;
}

.solution-title {
    font-size: 22px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 20px;
}

.solution-list {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.section-solution-left {
    width: 470px;
    margin-right: 20px;
}

.section-solution-right {
    width: 710px;
}

.solution-block {
    padding: 20px;
    width: 100%;
    /*margin: 0 15px;*/
    background: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    border: 1px solid #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.section-solution-right .solution-block:first-child {
    margin-bottom: 20px;
}

.solution-item {
    width: calc(50% - 16px);
    margin: 8px;
    display: flex;
    align-items: center;
    padding: 15px 8px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.section-solution-right .solution-item {
    width: calc(33.33% - 16px);
}

.section-solution-left .solution-item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 18px 16px;
}

.solution-item img {
    width: 48px;
}

.solution-item:hover {
    cursor: pointer;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}


.section-solution-top .section-solution-right .solution-block:last-child .solution-item:hover .solution-item-title {
    color: #00C39C;
}

.section-solution-top .section-solution-right .solution-block:first-child .solution-item:hover .solution-item-title {
    color: #917ffb;
}

.section-solution-bottom .solution-item:hover .solution-item-title {
    color: #fdac3d;
}

.section-solution-left .solution-item:hover .solution-item-title {
    color: #779afc;
}

.section-solution-left .solution-item-txt {
    margin-left: 0;
    margin-top: 8px;
}

.solution-item-txt {
    margin-left: 8px;
}

.solution-item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #222222;
    margin-bottom: 2px;
    white-space: nowrap;
}

.solution-item-des {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #454545;
    white-space: nowrap;
}

.section-solution-bottom .solution-block {
    width: 100%;
    margin: 0;
}

.section-solution-bottom .solution-item {
    width: calc(33.33% - 20px);
}

/* section-intro */
.section-intro {
    background: url(/assets/images/home/home-intro.png), linear-gradient(to bottom, #fff, #f8f9fd);
    padding: 80px 0 0 0;
    overflow: hidden;
    background-size: 150%;
}

.section-intro.section-intro-device {
    background: url(/assets/images/home/home-intro-device.png);
    overflow: hidden;
    background-size: 150%;
}

.section-intro.section-intro-wms {
    background: #fff url(/assets/images/home/home-intro-wms.png);
}

.section-intro .model-title .title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-intro .btn-link-more {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #6a83fc;
    margin: 24px 0;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.section-intro.section-intro-device .btn-link-more {
    color: #7b68ee;
}

.section-intro.section-intro-wms .btn-link-more {
    color: #00c5a3;
}

.section-intro .btn-link-more i {
    font-size: 12px;
    margin-left: 6px;
}

.section-intro .model-title .title .title-left {
    position: relative;
    /*padding-right: 24px;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.section-intro .model-title .title .title-left img {
    width: 42px;
    height: 42px;
    /*margin-right: 12px;*/
}

.section-intro .model-title .title .title-right {
    position: relative;
    padding-left: 24px;
}

/*.section-intro .model-title .title .title-left::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 40px;
    background: #222;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}*/
/* .section-intro-right-tabs {
    padding-bottom: 80px;

} */

.section-intro-right-tabs .pic-main {
    box-shadow: 0px 0px 20px 0px rgba(202, 202, 202, 0.35);
}

.intro-tabs {
 position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.intro-tabs .tab-content {
       
    overflow: hidden; 
    width: calc(100% - 380px - 50px);
    align-items: center;
    display: flex;
    flex: 1;
    min-height: 501px;
}

.section-intro .intro-tab-title {

    z-index: 2;
    min-height: 482px;

}

.section-intro.section-intro-wms .intro-tab-title {

    z-index: 2;
    min-height: 502px;
}

.section-intro.section-intro-device .tab-content {
    padding-right: 0;
    margin-right: 0;
    min-height: 540px;
  
}

.section-intro.section-intro-device .intro-tab-title {
    margin-right: 0px;
    margin-left: 50px;
    z-index: 2;
    min-height: 526px;
}

.intro-tabs .tab-content .tab-pane {
    overflow: hidden;
    /* width: 100%;
    width: 710px; */
    flex: 0 0 710px;
}
.section-intro.section-intro-wms .intro-tabs .tab-content .tab-pane{
    padding-right: 20px;
    padding-bottom: 20px;

}
.intro-tabs .tab-content .tab-pane .swiper{
        width: 710px;
}
.intro-tabs .tab-content .tab-pane .swiper-slide {
    overflow: hidden;
        width: 100%;
    margin: 0 0 0 0;
    padding-right: 20px;
    padding-bottom: 20px;

}

.intro-tabs .pic-wrap {
    position: relative;
    width: 100%;
}

.intro-tabs .circle {
    position: absolute;
    left: 380px;
    bottom: -50px;
    width: 200px;
    opacity: 0.2;
    /*    filter: blur(10px);*/
}

.intro-tabs .circle2 {
    position: absolute;
    right: -100px;
    top: -50px;
    width: 320px;
    opacity: 0.3;
    /*    filter: blur(10px);*/
}


.intro-tab-title {
    width: 380px;
    margin-right: 50px;
    z-index: 2;

}

.intro-tab-title li {
    /* padding: 24px; */

}

.intro-tab-title li a {
    display: flex;
    padding: 24px;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    flex-direction: column;

}

.intro-tab-title li.active {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(116, 148, 252, 0.2);

}


.intro-des {
    display: none;
    margin-top: 9px;
    margin-left: 46px;
    font-size: 15px;
    line-height: 24px;
    color: #999;
}

.intro-title {
    display: flex;
    align-items: center;
    color: #222;
    font-size: 20px;
}

.intro-title .glyphicon-menu-right {
    display: none;
}

.intro-title .new-tag {
    font-size: 10px;
    background: #eee;
    background: linear-gradient(125deg, #324AFF 0%, #3A4CFF 10%, #A36CFD 50%, #FF9875 100%);
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff;
    margin-left: 10px;
    margin-top: -3px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

img.intro-img-active {
    display: none;
}

.intro-tab-title li.active img.intro-img-normal {
    display: none;
}

.intro-tab-title li.active img.intro-img-active {
    display: block;
}

.intro-tab-title li.active .intro-des {
    display: block;
}

.intro-tab-title li .intro-des p {
    color: #6a83fc;
    font-size: 15px;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 0;
}

.section-intro.section-intro-device .intro-tab-title li .intro-des p {
    color: #7b68ee;
}

.section-intro.section-intro-wms {
    padding-bottom: 80px;
}

.section-intro.section-intro-wms .intro-tab-title li .intro-des p {
    color: #00c5a3;
}

.intro-tab-title li .intro-des p i {
    font-size: 12px;
    margin-left: 2px;
}

.intro-tab-title li a img {
    margin-right: 16px;
    width: 26px;
    height: 26px;
}

.section-intro .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 10px;
    background: #004CF9;
}

a.btn-overseas {
    width: 250px;
    height: 56px;
    grid-gap: 10px;
    gap: 10px;
    border-radius: 35px;
    border: 1px solid #2153E7;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #2153E7;
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    margin: 60px auto 80px auto;
    text-decoration: none;

}

a.btn-overseas .glyphicon-menu-down {
    transform: rotate(180deg);
}

a.btn-overseas.collapsed .glyphicon-menu-down {
    transform: rotate(0);
}

a.btn-oversea:hover,
a.btn-oversea:focus {
    color: #004CF9;
    text-decoration: none;
}


/* 1 */
.pic-main {
    border-radius: 12px;
    box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.15);
}

.intro-tabs .pic-wrap.pic-wrap-1-1 {
    padding-top: 16px;
    /* padding-right: 20px;
    padding-bottom: 20px; */

}

.pic-pop-1 {
    position: absolute;
    top: 0;
    width: 84%;
    right: -10px;
}

/* .intro-tabs .pic-wrap.pic-wrap-1-2 {
    padding-right: 20px;
    padding-bottom: 20px;
} */

.pic-pop-1-2 {
    position: absolute;
    bottom:-20px;
    width: 84%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

/* .intro-tabs .pic-wrap.pic-wrap-6-1 {
    padding-right: 20px;
    padding-bottom: 20px;
}

.intro-tabs .pic-wrap.pic-wrap-6-2 {
    padding-right: 20px;
    padding-bottom: 20px;
} */

.device-pic-pop-1 {
    position: absolute;
    bottom: -20px;
    width: 65%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}
.device-pic-pop-11 {
    position: absolute;
    bottom: -20px;
    width: 65%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}
/* .intro-tabs .pic-wrap.pic-wrap-7-1 {
    padding-right: 20px;
    padding-bottom: 20px;

}

.intro-tabs .pic-wrap.pic-wrap-7-2 {
    padding-right: 20px;
    padding-bottom: 20px;
} */

.device-pic-pop-2 {
    position: absolute;
    bottom: -20px;
    height: 372px;
    right: -20px;
}

.device-pic-pop-3 {
    position: absolute;
    bottom: -20px;
    width: 65%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.device-pic-pop-4 {
    position: absolute;
    bottom: -20px;
    width: 64%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.device-pic-pop-5 {
 position: absolute;
    bottom: -20px;
    width: 42%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}



.wms-pic-pop-2 {
    position: absolute;
    bottom: -20px;
    width: 60%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.wms-pic-pop-3 {
    position: absolute;
    bottom: -20px;
    width: 48%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.wms-pic-pop-4 {
    position: absolute;
    bottom: -20px;
    width: 42%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.wms-pic-pop-5 {
    position: absolute;
    bottom: auto;
    top: 30%;
    width: 38%;
    right: -20px;
    border: 2px solid #004CF9;
    border-radius: 10px;
}

.intro-tabs .pic-wrap.pic-wrap-2-1 {
    padding-top: 10px;
}

.pic-pop-2-1 {
    position: absolute;
    top: 0;
   right: -20px;
    width:80%;
}



.pic-pop-2-2 {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 52%;
}



.pic-pop-3 {
    position: absolute;
    top: 48px;
    right: -20px;
    width: 139px;
    border: 2px solid #004CF9;
    border-radius: 6px;
}



.pic-pop-3-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    border: 2px solid #004CF9;
    border-radius: 6px;
    padding: 5px;
}



.pic-pop-4 {
    position: absolute;
    right: -20px;
    width: 180px;
    bottom: -20px;
}
.intro-tabs .swiper {
    padding-bottom: 25px;

}
.intro-tabs .swiper-wrapper {
    padding-bottom: 0;

}

.intro-tabs .swiper-horizontal>.swiper-pagination-bullets,
.intro-tabs .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -5px;
}

/* 2 */
.pic-wrap.deep {
    width: 100%;
}

.pic-wrap.deep .pic-main {
    width: 77.73%;
}

.pic-deep-content {
    width: 84.6%;
    position: absolute;
    top: 5.76%;
    left: 3%;
}

/* 3 */
.pic-custom {
    width: 30.44%;
    position: absolute;
    right: -19.64%;
    bottom: 0;
    z-index: 2;
    box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.15);
}

.pic-flow {
    width: 48.45%;
    position: absolute;
    right: -6.5%;
    bottom: 0;
    z-index: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.15);
}

/* 4 */
.pic-wrap.iot {
    width: 100%;
}

.pic-wrap.iot .pic-main {
    width: 77.73%;
}

.pic-iot-content {
    width: 93%;
    position: absolute;
    top: 10.47%;
    left: 0;
}

/* 5 */
.pic-wrap.api {
    width: 112%;
}

.pic-wrap.api .pic-main {
    width: 69.43%;
}

.pic-api-content {
    width: 98.35%;
    position: absolute;
    left: -9%;
    bottom: -5%;
}

/* 6 */
.pic-org-content {
    width: 76.27%;
    position: absolute;
    bottom: -15.7%;
    right: -24.55%;
}

/* 7 */
.pic-platform-content {
    width: 60.56%;
    position: absolute;
    bottom: -11%;
    right: -29.46%;
}

.pic-platform-talkding {
    width: 14.24%;
    position: absolute;
    bottom: 20.94%;
    left: -6.55%;
}

.pic-platform-wechat {
    width: 14.24%;
    position: absolute;
    top: -7.85%;
    right: 31.1%;
}

.pic-platform-Ewechat {
    width: 14.24%;
    position: absolute;
    top: -13.09%;
    left: 29.79%;
}

.pic-platform-feishu {
    width: 14.24%;
    position: absolute;
    top: 5.24%;
    right: -22.46%;
}

/* section-why */
.section-why {
    background: rgba(0, 76, 249, 0.05) url("https://cdn.yideamobile.com/images/why-bg-pattern.jpg") left bottom no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.section-why .row {
    display: flex;
    align-items: stretch;
}

.section-why .box {
    height: 100%;
    padding: 30px 24px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #ffffff;
    transform: translateY(0);
    transition: all linear 0.2s;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.section-why .box img {
    margin: 0 auto 32px auto;
}

.section-why .box:hover {
    /* cursor: pointer; */
    transform: translateY(-5px);
    transition: all linear 0.2s;
}

.section-why .box-title {
    font-size: 22px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 24px;
    color: #222;
    text-align: center;
}

.section-why .desc {
    font-size: 14px;
    line-height: 24px;
    color: #454545;
}

/* section-case */
.section-case {
    position: relative;
    padding: 80px 0;
    background: #f8f9fd;
}

.section-case .circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    opacity: 0.8;
    filter: blur(150px);
    z-index: 1;
}

.section-case .circle2 {
    position: absolute;
    right: -100px;
    top: -100px;
    width: 400px;
    opacity: 0.5;
    filter: blur(150px);
    z-index: 1;
}

.section-case .swiper {
    padding: 20px 0 60px 0;
    position: relative;
    z-index: 2;
}

.section-case .swiper-slide {
    width: 360px;
    margin: 0 15px;
    border-radius: 8px;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
    transform: translateY(0);
    transition: all linear 0.2s;
    background: url(https://cdn.yideamobile.com/images/case_bg.png) top center no-repeat;
    border-radius: 8px;
}

.section-case .swiper-slide:hover {
    transform: translateY(-15px);
    transition: all linear 0.2s;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}

.section-case .swiper-slide:hover .case-link {
    color: #5a83f7;
}

.section-case .swiper-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-case .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 60px;
    height: 60px;
    background: #fff;
    background: url(/assets/images/home/wm_button_icon.png?20241227) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    z-index: 9;
    border-radius: 50%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    margin: 0 20px;
}

.section-case .swiper-button-prev:hover {
    background-position: 0 -60px;
    background-size: 100%;
}

.section-case .swiper-button-next {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 60px;
    height: 60px;
    background: url(/assets/images/home/wm_button_icon.png) no-repeat;
    background-position: 0 -120px;
    background-size: 100%;
    z-index: 9;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    margin: 0 20px;
}

.section-case .swiper-button-next:hover {
    background-position: 0 -180px;
    background-size: 100%;
}

.section-case .swiper-button-prev::after,
.section-case .swiper-button-next::after {
    content: '';
}

/* section-othercase */
.section-othercase {
    padding: 80px 0;
    /*    background: rgba(0,76,249,0.05);*/
}

.othercase-item:nth-child(2n+1) {
    background: #f8f9fd;
}

.othercase-item .container {
    display: flex;
    align-items: center;
    /*margin: 0 -15px;*/
    padding: 24px 0;
    /*        border-bottom: 1px solid #e0e1ff;*/
}

/*   .othercase-item:nth-child(2) {
        padding-top: 0;
        background: #f8f9fd;
    }*/

/*.othercase-item:last-child {
    border-bottom: none;
}*/

.othercase-item-title {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    margin-right: 20px;
    text-align: right;
    white-space: nowrap;
}

.othercase-item-title.title-long {
    margin-left: -20px;
}

.logo-item {
    display:flex;
    align-items:center;
    justify-content:center;
    margin: 8px;
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 3px 13px 0px rgba(78, 71, 187, 0.1);
}

.logo-item img {
    height: 60px;
}

.show-case {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    font-size: 14px;
    line-height: 20px;
}

.logo-item:hover .show-case {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    background: #fff;
    color: #454545;
    text-decoration: none;
}

.logo-item:hover .show-case.txt-primary {
    color: #004CF9;
}

.othercase-logos {
    display: flex;
    flex-wrap: wrap;
}

/*section-data*/
.section-data {
    width: 100%;
    padding: 80px 0;
    background: url(https://cdn.yideamobile.com/images/bg-section-data.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}

.section-data .model-title .title {
    text-align: left;
    line-height: 1.4em;
    color: #fff;
}



.section-data .col-sm-8 {
    padding-left: 60px;
}

.section-data ul {
    margin-top: 50px;
    margin-left: 20px;
}

.section-data li {
    font-size: 20px;
    list-style: disc;
    line-height: 40px;
}

.section-data .data-num {
    font-size: 48px;
    font-weight: 700;
    margin: 10px 0;
}

.section-data p {
    font-size: 18px;
}

.section-data .row-top {
    margin-bottom: 110px;
}

.section-data .icon-data {
    width: 34px;
    height: 34px;
    display: block;
}

.section-data .icon-data.icon-data-num {
    background: url(https://cdn.yideamobile.com/images/icon-data-num.png) no-repeat;
}

.section-data .icon-data.icon-data-custom {
    background: url(https://cdn.yideamobile.com/images/icon-data-custom.png) no-repeat;
}

.section-data .icon-data.icon-data-staff {
    background: url(https://cdn.yideamobile.com/images/icon-data-staff.png) no-repeat;
}


/* section-10 */

.section-10 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.section-10 .model-title {
    margin-top: 120px;
    margin-bottom: 70px;
}

.section-10 .box {
    border-radius: 5px;
    box-shadow: 0 18px 54px rgba(240, 242, 244, 1);
    overflow: hidden;
}

.section-10 .box-head {
    padding: 30px;
    text-align: center;
    position: relative;
}

.section-10 .box.box-syb .box-head {
    background: url("/assets/images/insert-img_8.png") no-repeat;
    background-size: cover;
}

.section-10 .box.box-jcb .box-head {
    background: url("/assets/images/insert-img_9.png") no-repeat;
    background-size: cover;
}

.section-10 .box.box-qyb .box-head {
    background: url("/assets/images/insert-img_10.png") no-repeat;
    background-size: cover;
}

.section-10 .box.box-qybpro .box-head {
    background: url("/assets/images/insert-img_30.png") no-repeat;
    background-size: cover;
}

.section-10 .box-head .icon {
    margin: auto;
    width: 56px;
}

.section-10 .box-head .icon-tuijian {
    width: 67px;
    height: 68px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.section-10 .box-head .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
}

.section-10 .box-body {
    padding: 64px 15px 60px;
}

.section-10 .box-body .intro {
    border-bottom: solid 1px #f0f0f3;
    text-align: center;
    padding-bottom: 70px;
    margin-bottom: 22px;
}

.section-10 .intro .title {
    font-size: 16px;
    color: #808080;
    margin-bottom: 22px;
    display: block;
}

.section-10 .intro .price {
    font-size: 16px;
    display: block;
    color: #383838;
}

.section-10 .intro .price .big-text {
    font-size: 42px;
    font-weight: bold;
    line-height: 40px;
}

.section-10 .box.box-qybpro .big-text {
    font-size: 34px;
    display: inline-block;
    font-weight: bold;
}

.section-10 .box-body .function {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.section-10 .box-body .functionList {
    margin-bottom: 73px;
    letter-spacing: 0;
}

.section-10 .function>li {
    margin-bottom: 20px;
    font-size: 16px;
    color: #808080;
}

.section-10 .function>li:last-child {
    margin-bottom: 0px;
}

.section-10 .function .title {
    font-size: 14px;
    color: #cbcbcb;
    margin-bottom: 30px;
}

.section-10 .function .icon {
    width: 20px;
    height: 20px;
    background: url(/assets/images/icon-tick.png) no-repeat;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.section-10 .btn {
    font-size: 18px;
    height: 60px;
    max-width: 250px;
    margin: auto;
}

/* section-13 */

.section-13 {
    padding-top: 80px;
    padding-bottom: 127px;
}

.section-13 .model-title {
    margin-bottom: 80px;
}

.section-13 .code {
    width: 224px;
    margin: auto;
}

/* section-14 */

.section-14 {
    padding-top: 80px;
    padding-bottom: 120px;
}

.section-14 .model-title {
    margin-bottom: 100px;
}

.section-14 .model-title .title-desc {
    letter-spacing: 2px;
}

.section-14 .line-desc {
    color: #b8b8b8;
    font-size: 14px;
    padding-bottom: 18px;
    text-align: center;
    display: block;
    border-bottom: solid 1px #eaf1fa;
    margin-bottom: 30px;
}

.section-14 .text-bubble {
    font-size: 24px;
    color: #004CF9;
    border: solid 1px #004CF9;
    background: #eaf1fa;
    border-radius: 30px;
    padding: 8px 12px;
    text-align: center;
    display: block;
    width: 122px;
    margin: auto;
    margin-bottom: 26px;
}

.section-14 .box {
    border-radius: 5px;
    box-shadow: 0 18px 54px rgba(240, 242, 244, 1);
    overflow: hidden;
}

.section-14 .box .insert-img {
    width: 60%;
    max-width: 182px;
    margin: auto;
    margin-top: -91px;
    margin-bottom: 25px;
}

.section-14 .box-body {
    padding: 0 10px 50px;
    text-align: center;
}

.section-14 .box-body .title {
    font-size: 24px;
    color: #383838;
    display: block;
    margin-bottom: 17px;
    font-weight: bold;
}

.section-14 .box-body .title-desc {
    font-size: 18px;
    color: #808080;
}

/* section-15 */

.section-15 {
    margin-bottom: 60px;
}

/* section-16 */

/* section-16 */

.section-16 .case-list>li {
    width: 20%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.section-16 .case-list.three-col>li {
    width: 33.333%;
}

.section-16 .case-list>li>span {
    text-align: center;
    color: #808080;
    font-size: 20px;
    padding: 7px 10px;
    display: inline-block;
    border: solid 1px transparent;
    cursor: pointer;
    border-radius: 30px;
    min-width: 122px;
    transition: .4s;
}

.section-16 .case-list>li>span:hover,
.section-16 .case-list>li.active>span {
    border-color: #004CF9;
    color: #004CF9;
    transition: .4s;
}

.section-16 .case-filter {
    padding-top: 80px;
    padding-bottom: 40px;
}

.section-16 .case-content {
    position: relative;
    height: 500px;
}

.section-16 .case-content:after {
    content: '';
    clear: both;
    display: block;
}

.section-16 .sliding-block {
    overflow: hidden;
    padding-top: 40px;
}

.section-16 .case-content .boxs {
    position: absolute;
}

.section-16 .box {
    width: 986px;
    border-radius: 5px;
    box-shadow: 0 12px 54px rgba(240, 242, 244, 1);
    overflow: hidden;
    float: left;
    margin-right: 96px;
}

.section-16 .box .box-top-line {
    height: 12px;
    width: 100%;
    background: transparent;
}

.section-16 .box.active .box-top-line {
    background: linear-gradient(-135deg, #668eff 0%, #004CF9 70%);
    /*      background: #6CADFF;
                background: -webkit-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                background: -o-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                background: -moz-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                background: linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);*/
}

.section-16 .box-header {
    padding: 66px 90px 30px 90px;
}

.section-16 .box-header .icon {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}

.section-16 .box-header .box-title {
    border-left: solid 1px #383838;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    margin-left: 25px;
}

.section-16 .box-title .title {
    font-size: 36px;
    color: #383838;
    display: block;
    margin-bottom: 12px;
    line-height: 42px;
    font-weight: normal;
}

.section-16 .box-title .title-desc {
    font-size: 18px;
    color: #808080;
}

.section-16 .box-body {
    padding: 20px 80px 86px;
}

.section-16 .class-bg-icon {
    position: absolute;
    top: 50%;
    left: -5%;
    width: 380px;
    transform: translateY(-50%);
}

/* logo-list */
.section-7 .logo-list {
    margin: 50px 0 80px 0;
}

.section-7 .logo-list .logo {
    max-width: 200px;
}

.logo-list>li {
    width: 25%;
    margin: 20px 0 25px 0;
}

.logo-list.row3>li {
    margin: 15px 0;
}

.logo-list.row4>li {
    margin: 10px 0;
}

.logo-list .logo {
    width: 100%;
    max-width: 200px;
    margin: auto;
}

/* section-17 */

.section-17 {
    margin-top: 150px;
    margin-bottom: 0;
    background: url(/assets/images/contact-bg-1.jpg) no-repeat;
    background-size: contain;
}

.section-17 .model-title {
    margin-bottom: 70px;
}

.section-17 .box {
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.section-17 .box .box-body {
    padding-bottom: 37px;
}

.section-17 .box .box-top-line {
    height: 12px;
    width: 100%;
    background: transparent;
}

.section-17 .box .icon {
    width: 80px;
    margin: 50px auto;
}

.section-17 .box .title {
    display: block;
    font-size: 24px;
    margin-bottom: 18px;
    color: #383838;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}

.section-17 .box .desc {
    font-size: 18px;
    color: #808080;
    margin-bottom: 36px;
}

.section-17 .box .desc a {
    color: #808080;
    text-decoration: none;
}

.section-17 .box .desc a:hover {
    color: #004CF9;
}

.section-17 .box .arrow {
    width: 14px;
    display: block;
    opacity: 0;
    margin: auto;
}

.section-17 .box {
    background: #fff;
    box-shadow: 0 10px 20px rgba(77, 138, 221, 0.15);
}

/*.section-17 .box:hover .box-top-line {
                        background: #6CADFF;
                        background: -webkit-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                        background: -o-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                        background: -moz-linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                        background: linear-gradient(-135deg, #34ACEA 0%, #8A87EE 70%);
                    }*/

.section-17 .box:hover .arrow {
    opacity: 1;
}

/*contact*/
.contact .section-service {
    padding: 0;
    padding-bottom: 80px;
    background: #fff;
}

.contact .section-service .model-title {
    margin-bottom: 0;
}

.hr-line {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 80px auto;
}

.hr-line:before,
.hr-line:after {
    content: "";
    position: absolute;
    width: 24%;
    height: 3px;
    background-color: #80a2f5;
    left: 0;
    top: 0;
}

.hr-line:after {
    left: auto;
    right: 0;
}

.front-news li {
    width: calc((100% - 48px) / 3);
    float: left;
    margin-right: 24px;
    position: relative;
}

.front-news li:nth-of-type(3n) {
    margin-right: 0;
}

.pic-news li {
    background: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(77, 138, 221, 0.3);
    margin-bottom: 24px;
}

.pic-news li span.news-cover {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pic-news li span.news-cover img {
    width: 100%;
    height: auto;
    transition: all 0.5s;
}

.pic-news li:hover span.news-cover img {
    transform: scale(1.05);
    transform-origin: center center;
}

.pic-news li:hover a {
    text-decoration: none;
}

.pic-news li span.news-title {
    display: block;
    width: 100%;
    height: 84px;
    line-height: 84px;
    font-size: 20px;
    color: #000000;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
}

.service-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #7391ed;
    top: 0;
    left: 0;
    transform: translate3d(0, 50%, 0);
    opacity: 0;
    transition: all 0.5s;
    text-decoration: none;
}

.pic-news li:hover .service-content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.service-content:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/images/service-content-pattern.png) no-repeat center top;
    background-size: 100%;
}

.service-content dl {
    padding: 50px 28px;
    position: relative;
    color: #fff;
}

.service-content dt {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding-bottom: 30px;
}

.service-content dd {
    font-size: 16px;
    line-height: 1.7em;
    color: #ffffff;
}

/* section-download */

.section-download {
    margin-top: 150px;
    margin-bottom: 100px;
}

.section-download .model-title {
    text-align: left;
    margin-top: 80px;
}

.section-download .model-title .title {
    line-height: 1.6em;
}

.section-download .box {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-download .box .item {
    text-align: center;
    float: left;
    width: 180px;
}

.section-download .box .item.last {
    cursor: pointer;
}

.section-download .box .item .icon {
    width: 114px;
    margin: auto;
}

.section-download .box .item .title {
    color: #383838;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}

.section-download .box .item .desc {
    text-align: left;
    color: rgba(56, 56, 56, 0.5);
}

.section-download .box .item .desc:first-of-type {
    margin-bottom: 10px;
}

/* section-19 */

.section-19 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-19 .model-title {
    margin-bottom: 70px;
}

.section-19 .boxs .box {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.section-19 .boxs .box:nth-child(1) {
    padding-right: 2px;
}

.section-19 .boxs .box:nth-child(2) {
    padding-left: 1px;
    padding-right: 1px;
}

.section-19 .boxs .box:nth-child(3) {
    padding-left: 2px;
}

.section-19 .box .box-header {
    position: relative;
    margin-bottom: 36px;
}

.section-19 .box .box-header .icon {
    width: 58px;
    position: absolute;
    top: 50%;
    left: 36px;
    margin-top: -29px;
}

.section-19 .box .insert-img {
    width: 100%;
}

.section-19 .box .box-body {
    padding: 0 40px;
}

.section-19 .box .title {
    font-size: 24px;
    color: #383838;
    margin-bottom: 27px;
    font-weight: normal;
}

.section-19 .box .desc {
    font-size: 18px;
    color: #808080;
    line-height: 28px;
}

/* section-20 */

.section-20 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-20 .model-title {
    margin-bottom: 60px;
}

.section-20 .box {
    width: 100%;
    position: relative;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 18px 54px rgba(240, 242, 244, 1);
    margin-bottom: 20px;
}

.section-20 .box:last-of-type {
    margin-bottom: 0px;
}

.section-20 .box .number {
    font-size: 36px;
    color: #004CF9;
    font-weight: normal;
    position: absolute;
    top: 44px;
    left: 45px;
}

.section-20 .box .number:after {
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    background: #d8e2ff;
    position: absolute;
    right: -6px;
    top: 13px;
    transform: rotate(30deg);
}

.section-20 .box .box-title {
    padding: 50px 50px 50px 180px;
}

.section-20 .box .title {
    font-size: 24px;
    color: #004CF9;
    margin-bottom: 20px;
    display: block;
    font-weight: normal;
}

.section-20 .box .title-desc {
    font-size: 18px;
    color: #808080;
}

/* contact-us */

.contact-us {
    padding-top: 80px;
    padding-bottom: 110px;
}

.contact-us .model-title {
    margin-bottom: 68px;
}

.contact-us .form-control {
    margin-bottom: 20px;
}

.contact-us .btn-blue {
    width: 260px;
    display: block;
    margin: auto;
    margin-top: 30px;
}

/* footer */

.footer {
    background: #2f3135;
    position: relative;
    z-index: 2;
}

.footer-top {
    padding: 60px 0 0px 0;
}

.footer ul {
    width: 16.6%;
    float: left;
    padding: 0;
}

.footer ul li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.footer ul li a:hover {
    color: #fff;
}

.footer ul li a img {
    display: inline-block;
    width: 15px;
    margin: 0 4px;
}

.footer ul li.mb-20 {
    margin-bottom: 20px;
}

.footer ul li.mb-40 {
    margin-bottom: 49px;
}

.footer ul li {
    position: relative;
    color: #d1d2d8;
    /* margin-bottom: 8px; */
    line-height: 32px;
}

.footer ul li strong {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.footer ul li strong a {
    font-size: 20px;
    color: #fff;
    opacity: 1;
}

.footer ul li p {
    margin-left: 20px;
    margin-top: 10px;
}

.footer ul li .footer-qrcode {
    margin-top: 20px;
}

.footer-bottom {
    padding: 20px 0;
    width: 100%;
    font-size: 12px;
    border-top: solid 1px #555;
    color: #bcbfc8;
}

.footer-copyright,
.footer-logo {
    float: left;
}

/* .footer-logo {
    background: url(/assets/images/logo-white.svg);
    background-size: contain;
    width: 120px;
    height: 28px;
    margin-top: 5px;
    margin-right: 20px;
} */

.footer-location {
    float: right;
}

.footer-location p {
    text-align: right;
}

.footer-location span {
    margin-left: 20px;
}

.footer-copyright img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer-copyright p,
.footer-copyright a,
.footer-location {
    line-height: 2em;
    color: #bcbfc8;
}

.icon-footer {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer-ios {
    background: url(/assets/images/footer-ios.png) no-repeat;
}

.footer-android {
    background: url(/assets/images/footer-android.png) no-repeat;
}

.footer-windows {
    background: url(/assets/images/footer-windows.png) no-repeat;
}

.footer-mac {
    background: url(/assets/images/footer-mac.png) no-repeat;
}

.footer-ios-code {
    position: absolute;
    top: -90px;
    left: -10px;
    display: none;
}

.footer-android-code {
    left: 0;
}

.footer-ios-code .triangle {
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    top: 87px;
    left: 32px;
    z-index: 0;
    position: absolute;
}

.footer-ios-code img {
    width: 90px;
}

.footer ul li:hover .footer-ios-code {
    display: block;
}

.foot-link {
    /* height: 64px; */
    margin-top: 35px;
    padding: 16px 0;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

/* .foot-link ul+ul {
    margin-top: 4px;
} */

.foot-link ul+ul li+li {
    position: relative;
}

.foot-link ul+ul li+li:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 14px;
    width: 1px;
    background-color: hsla(0, 0%, 100%, 0.1);
}

.foot-link ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    flex: 0 0 auto;
}

.foot-link ul li {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
    line-height: 36px;
    /* margin-bottom: 4px; */
    color: #bcbfc8;
}

.foot-link ul li a {
    color: #bcbfc8;
}

.foot-link ul li a:hover {
    color: #fff;
}

.foot-copyright {
    /* display: flex; */
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 28px;
    padding-top: 6px;
    text-align: center;
    color: #bcbfc8;
}

.foot-copyright a {
    margin-left: 16px;
    color: #bcbfc8;
    text-decoration: none;
}

.foot-copyright a img {
    display: inline-block;
}

.foot-copyright a:first-child {
    margin-left: 0;
}

.foot-police {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

/* contact-icon */

.contact-icon {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-icon ul {
    position: relative;
    /*     background: rgba(0, 0, 0, .3);
                border-radius: 40px;*/
    z-index: 1;
}

.contact-icon li {
    padding: 0 11px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

/*        .contact-icon li:hover {
                    background: rgba(0, 0, 0, .3);
                }
        
                .contact-icon li:last-child:hover {
                    border-radius: 0 0 40px 40px;
                }
        */
.contact-icon .icon {
    width: 38px;
    height: 38px;
    display: block;
    opacity: 1;
    margin: auto;
}

.contact-icon .icon.icon-weixin {
    background: url("/assets/images/contact/contact-icon-weixin.png") no-repeat;
    background-size: 100%;
}

.contact-icon .icon.icon-qq {
    background: url("/assets/images/contact/contact-icon-qq.png") no-repeat;
    background-size: 100%;
}

.contact-icon .icon.icon-email {
    background: url("/assets/images/contact/contact-icon-email.png") no-repeat;
    background-size: 100%;
}

.contact-icon .icon.icon-tel {
    background: url("/assets/images/contact/contact-icon-tel.png") no-repeat;
    background-size: 100%;
}

.contact-icon .icon.icon-totop {
    background: url("/assets/images/contact/contact-icon-top.png") no-repeat;
    background-size: 100%;
    margin-top: 10px;
}

.contact-icon li:hover .icon.icon-qq {
    background: url("/assets/images/contact/contact-icon-qq-white-new.png") no-repeat;
    background-size: 100%;
}

.contact-icon li:hover .icon.icon-email {
    background: url("/assets/images/contact/contact-icon-email-white-new.png") no-repeat;
    background-size: 100%;
}

.contact-icon li:hover .icon.icon-tel {
    background: url("/assets/images/contact/contact-icon-tel-white-new.png") no-repeat;
    background-size: 100%;
}

.contact-icon li:hover .icon.icon-totop {
    background: url("/assets/images/contact/contact-icon-top-white-new.png") no-repeat;
    background-size: 100%;
}

.contact-icon a {
    display: inline-block;
    color: #a1a3ab;
    position: relative;
    font-size: 12px;
}

.contact-icon a.contact-block {
    padding: 8px;
    background: #ffffff;
    border-radius: 8px;
    width: 73px;
    height: 73px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.contact-icon li {
    position: relative;
    display: block;
    position: relative;
    text-align: center;
    /*    width: 73px;
    height: 73px;*/

    box-sizing: border-box;
    padding: 0;
    margin-top: 1.5px;
    color: #a1a3ab;
    box-shadow: none;
}

/*    .contact-icon li:hover {
        background:#fff;
        color: #004CF9;
    }*/

.contact-icon li:first-child:hover,
.contact-icon li:nth-child(2):hover,
.contact-icon li:nth-child(3):hover {
    border-radius: 0 8px 8px 0;
}

.contact-icon li:hover a,
.contact-icon li.active a,
.contact-icon li#icon_contact a {
    color: #004CF9;
    text-decoration: none;

}

.contact-icon li#icon_contact:hover a.contact-block,
.contact-icon li#icon_contact.active a.contact-block,
.contact-icon li#icon_tel:hover a.contact-block,
.contact-icon li#icon_tel.active a.contact-block,
.contact-icon li#icon_qq:hover a.contact-block,
.contact-icon li#icon_qq.active a.contact-block {
    border-radius: 0px 8px 8px 0;
    box-shadow: none;
}

/*.contact-icon li.active {
    background: #fff;
}*/

/*.contact-icon li#icon_contact {
    background: #fff;
}*/

.contact-icon .tel-layout,
.contact-icon .qq-layout,
.contact-icon .contact-layout {
    position: absolute;
    top: 0;
    right: 73px;
    color: #fff;
    opacity: 0;
    font-size: 18px;
    border-radius: 0;
    width: 170px;
    z-index: 0;
    min-height: 73px;
    padding: 10px 0;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1)
}

.contact-icon .qq-layout {
    width: 240px;
}

.contact-icon .tel-layout {
    background: #fff;
    color: #004CF9;
}

.contact-icon .contact-layout {
    background: #fff;
    color: #004CF9;
    line-height: 50px;
}

.contact-icon .contact-layout a {
    font-size: 15px;
}

.contact-icon .contact-layout a:first-child {
    margin-right: 10px;
}

#icon_tel.active .tel-layout,
#icon_qq.active .qq-layout,
#icon_contact.active .contact-layout {
    opacity: 1;
}

.contact-icon .tel-layout p {
    padding: 0 12px 0px 12px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 16px;
}

.contact-icon .qq-layout {
    padding: 20px;
    color: #004CF9;
    background: #fff;
    display: flex;
    font-size: 15px;
}

.contact-icon .qq-layout div:first-child {
    width: 90px;
    height: 90px;
    margin-right: 20px;
}

.contact-icon .qq-layout img {
    height: 90px;
    width: 90px;
    /* position: absolute;
            right: 5px;
            top: 0;*/
    border-radius: 4px;
    border: 1px solid #979797;
}

.contact-icon .qq-layout p {
    margin-bottom: 5px;
}

.contact-icon .tel-layout p {
    line-height: 50px;
    text-align: center;
    margin-bottom: 0;
}


.pt0 {
    padding-top: 0px;
}


.carousel-caption .btn-white {
    background: #fff;
    color: #004CF9;
}


/* about */

.about-tabs {
    width: 980px;
    margin: 0 auto;
    margin-top: -90px;
    margin-bottom: 70px;
}

.about-tabs .nav-tabs {
    position: relative;
    z-index: 2;
    height: 150px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 18px 54px #f0f2f4;
    border: none;
    margin-bottom: 50px;
}

.about-tabs .nav-tabs>li {
    width: 50%;
    height: 100%;
    position: relative;
}

.about-tabs .nav-tabs>li::before {
    content: "";
    position: absolute;
    background: #d8e2ff;
    width: 1px;
    height: 100px;
    right: 0;
    top: 25px;
    z-index: 2;
}

.about-tabs .nav-tabs>li>a {
    margin: 0;
    line-height: 150px;
    padding: 0;
    border: none;
    font-size: 26px;
    font-weight: normal;
    color: #383838;
    text-align: center;
}

.about-tabs .nav-tabs>li>a:hover {
    background: none;
    color: #6b79dc;
}

.about-tabs .nav-tabs>li.active>a,
.about-tabs .nav-tabs>li.active>a:hover,
.about-tabs .nav-tabs>li.active>a:focus {
    border: none;
    color: #6b79dc;
}

.about-tabs .icon-about-intro {
    background: url(/assets/images/icon-about-intro.png) no-repeat;
    width: 81px;
    height: 66px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.about-tabs .icon-about-team {
    background: url(/assets/images/icon-about-team.png) no-repeat;
    width: 81px;
    height: 66px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.about-tabs .tab-content {
    font-size: 20px;
    color: #808080;
    line-height: 38px;
    min-height: 583px;
}

.about-tabs .tab-content p {
    margin-bottom: 20px;
    font-size: 18px;
}

.about-tabs .tab-content p span {
    font-size: 22px;
    color: #333;
    position: relative;
}

.about-tabs .tab-content p:first-child span:first-child {
    font-size: 24px;
}

.about-tabs .tab-content p.pull-right span::after {
    display: none;
}

.about-tabs .tab-content p span::after {
    content: "";
    position: absolute;
    /*           background: linear-gradient(to right, #8a87ee, #34acea);*/
    background: #004CF9;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.about-tabs .icon-about-arrow {
    background: url(/assets/images/icon-about-arrow.png) no-repeat;
    width: 22px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.course-banner {
    background: url(https://cdn.yideamobile.com/images/banner-course.jpg) center center no-repeat;
    background-size: cover;
}

.course-banner .text-box .h6 {
    line-height: 1.5em;
    margin-bottom: 0;
    font-size: 18px;
}

.course-timeline {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding-bottom: 220px;
    margin-bottom: 120px;
    padding-top: 40px;
}

.course-timeline::before {
    content: "";
    position: absolute;
    background: #d9dbff;
    width: 1px;
    height: 100%;
    left: 50%;
    top: -20px;
    z-index: 2;
}

.course-timeline .row {
    margin-bottom: 50px;
}

.course-time {
    font-size: 24px;
    color: #383838;
    font-weight: normal;
}

.course-txt {
    font-size: 18px;
    color: #737373;
}

.course-timeline .text-right {
    padding-right: 35px;
    position: relative;
}

.course-timeline .text-right::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #7378d6;
    box-shadow: 0 0 5px #b1c3f6;
    border-radius: 50%;
    right: -7px;
    top: 50%;
    margin-top: -7px;
    z-index: 2;
}

.course-timeline .text-left {
    padding-left: 35px;
    position: relative;
}

.course-timeline .text-left::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #7378d6;
    box-shadow: 0 0 5px #b1c3f6;
    border-radius: 50%;
    left: -7px;
    top: 50%;
    margin-top: -7px;
    z-index: 2;
}

.course-timeline-bottome {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    z-index: 3;
}

.dots {
    background: #d0d2f9;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 5px #b1c3f6;
    margin: 35px auto;
}

/* device */
.section-device {
    margin-top: 100px;
    margin-bottom: 100px;
}

.nav-tabs-device {
    border: none;
    margin: -220px -10px 60px -10px;
}

.nav-tabs-device>li {
    width: 25%;
}

.nav-tabs-device>li>a {
    margin: 0 10px;
    padding: 0;
    border: none;
    transition: all 0.5s linear;
    transform: translate3d(0, 0px, 0);
}

.nav-tabs-device>li>a:hover {
    transform: translate3d(0, 10px, 0);
}

.nav-tabs-device>li.active>a,
.nav-tabs-device>li.active>a:hover,
.nav-tabs-device>li.active>a:focus {
    border: none;
}

.nav-tabs-device>li.active>a .nav-box {
    background: #004CF9;
    background: linear-gradient(-128deg, #8c8ff8, #6cadff);
    color: #fff;
}

.nav-tabs-device>li.active>a .nav-box h4,
.nav-tabs-device>li.active>a .nav-box p {
    color: #fff;
}

.nav-box {
    width: 100%;
    /*    height: 150px;*/
    box-shadow: 18px 0 54px #f0f2f4;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.nav-box-left {
    display: inline-block;
    padding: 20px;
}

.nav-box-right {
    display: inline-block;
    /*   text-align: center;
        vertical-align: top;*/
}

.nav-box-right h4 {
    font-size: 22px;
    font-weight: normal;
    color: #383838;
    margin-top: 0px;
}

.nav-box-right p {
    font-size: 14px;
    color: #808080;
}

.icon-rfid {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(/assets/images/device/icon-rfid-blue.png) no-repeat;
    background-size: contain;
}

.active .icon-rfid {
    background: url(/assets/images/device/icon-rfid-white.png) no-repeat;
    background-size: contain;
}

.icon-print {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(/assets/images/device/icon-print-blue.png) no-repeat;
    background-size: contain;
}

.active .icon-print {
    background: url(/assets/images/device/icon-print-white.png) no-repeat;
    background-size: contain;
}

.icon-scan {
    display: inline-block;
    width: 62px;
    height: 53px;
    background: url(/assets/images/device/icon-scan-blue.png) no-repeat;
    background-size: contain;
}

.active .icon-scan {
    background: url(/assets/images/device/icon-scan-white.png) no-repeat;
    background-size: contain;
}

.icon-barcode {
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(/assets/images/device/icon-barcode-blue.png) no-repeat;
    background-size: contain;
}

.active .icon-barcode {
    background: url(/assets/images/device/icon-barcode-white.png) no-repeat;
    background-size: contain;
}

ul.lead {
    font-size: 20px;
    color: #808080;
    margin: auto;
    display: block;
    /*    margin-bottom: 60px;*/
}

ul.lead li {
    font-weight: 400;
    font-size: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
}

ul.lead li::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: -24px;
    top: 50%;
    margin-top: -7px;
    background: url(/assets/images/device/list-style-circle.png) no-repeat;
}

.nav-tabs-sub {
    padding: 10px;
    border-radius: 50px;
    border: 1px solid #e0e8ff;
    display: inline-flex;
    margin: 60px auto 60px auto;
    background: rgba(255, 255, 255, 0.8);
}

.nav-tabs-sub>li>a {
    margin: 0;
    padding: 0;
    border: none;
    width: 260px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #383838;
    position: relative;
    transition: all 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs-sub>li>a:focus,
.nav-tabs-sub>li>a:hover {
    background: none;
    color: #004CF9;
    transition: all 0.5s linear;
}

.nav-tabs-sub>li.active>a,
.nav-tabs-sub>li.active>a:hover,
.nav-tabs-sub>li.active>a:focus {
    transition: all 0.5s linear;
    border: none;
    background: #004CF9;
    color: #fff;
}

.nav-tabs-sub.fixed-tabs {
    position: fixed;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    /*margin-left: -401px;*/
    z-index: 9999;
}

/*#device-2 .nav-tabs-sub.fixed-tabs {
        margin-left: -271px;
    }
    
    #device-3 .nav-tabs-sub.fixed-tabs {
        margin-left: -271px;
    }
    
    .tab-pane.active .tab-content.has-top {
        padding-top: 180px;
    }*/

.media-device {
    margin-top: 0;
    margin-bottom: 50px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(203, 213, 222, 0.5);
    position: relative;
}

.media-device-a4 {
    background: linear-gradient(131deg, rgba(247, 243, 255, 0.3), rgba(131, 163, 255, 0.3));
}

.media-device:last-child {
    margin-bottom: 15px;
}

.media-device-gray {
    background: #f7fafe;
}

.media-device .media-heading {
    font-size: 24px;
    color: #383838;
    font-weight: normal;
}

.media-device .media-body {
    text-align: left;
    padding-left: 70px;
    float: left;
    display: block;
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.media-device .media-body .feature-img {
    margin-top: 60px;
}

.media-device .media-body .feature-img img {
    width: inherit;
}

.media-device .media-body p {
    font-size: 18px;
    color: #4f84e7;
}

.media-device .media-right {
    text-align: right;
    padding-left: 0;
    float: right;
    width: 50%;
}

.media-device .media-right img {
    display: inline-block;
    width: initial;
}

ul.list-check {
    margin-top: 30px;
    font-size: 16px;
    color: #808080;
    padding: 0;
    font-weight: 400;
}

ul.list-check li {
    background: url(/assets/images/device/list-style.png) no-repeat left 1px;
    margin-bottom: 10px;
    padding-left: 30px;
}

.bluetooth {
    background: url(/assets/images/device/bluetooth.png) no-repeat;
    background-size: cover;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
}

.icon-new {
    background: url(/assets/images/device/new-icon.png) no-repeat;
    width: 34px;
    height: 28px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -5px;
}

.nav-tabs-sub .active .icon-new {
    background: url(/assets/images/device/new-icon-white.png) no-repeat;
}

/* platform */

.platform .content {
    margin-bottom: 100px;
}

.platform .tab-content .tab-pane {
    position: relative;
}

.platform .tab-content .tab-pane.active.animated {
    display: block;
}

.platform .tab-content {
    margin: 0 auto;
}

.platform-caption {
    position: absolute;
    top: 40px;
    left: 80px;
    width: 406px;
}

.platform-caption-title {
    font-size: 30px;
    margin-bottom: 20px;
}

.platform-caption-title span {
    position: relative;
    z-index: 2;
}

.platform-caption-title span::after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 16px;
    background: #e7e6fa;
    left: -20px;
    bottom: 0;
    z-index: -1;
}

.platform-caption p {
    font-size: 16px;
    color: #808080;
    margin-bottom: 20px;
    line-height: 1.75em;
}

.platform-badge {
    display: inline-block;
    height: 30px;
    line-height: 26px;
    font-size: 14px;
    border: 2px solid #004CF9;
    color: #004CF9;
    border-radius: 20px;
    padding: 0 13px;
    margin-right: 10px;
}

.nav-tabs-platform {
    padding: 0 60px;
    border-bottom: none;
    margin-bottom: 40px;
}

.nav-tabs-platform>li {
    width: 20%;
}

.nav-tabs-platform>li>a {
    display: table;
    width: 100%;
    height: 493px;
    margin-right: 0;
    border: none;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.5s linear;
    transform: translate3d(0, 0px, 0);
}

.nav-tabs-platform>li>a:hover,
.nav-tabs-platform>li>a:focus {
    transform: translate3d(0, 5px, 0);
}

.nav-tabs-platform-1 {
    background-image: url(/assets/images/platform_tab_1.png);
}

.nav-tabs-platform-2 {
    background-image: url(/assets/images/platform_tab_2.png);
}

.nav-tabs-platform-3 {
    background-image: url(/assets/images/platform_tab_3.png);
}

.nav-tabs-platform-4 {
    background-image: url(/assets/images/platform_tab_4.png);
}

.nav-tabs-platform-5 {
    background-image: url(/assets/images/platform_tab_5.png);
}

.nav-tabs-platform-1:hover,
.nav-tabs-platform-1:focus,
.nav-tabs-platform>li.active .nav-tabs-platform-1 {
    background-image: url(/assets/images/platform_tab_1_active.png);
}

.nav-tabs-platform-2:hover,
.nav-tabs-platform-2:focus,
.nav-tabs-platform>li.active .nav-tabs-platform-2 {
    background-image: url(/assets/images/platform_tab_2_active.png);
}

.nav-tabs-platform-3:hover,
.nav-tabs-platform-3:focus,
.nav-tabs-platform>li.active .nav-tabs-platform-3 {
    background-image: url(/assets/images/platform_tab_3_active.png);
}

.nav-tabs-platform-4:hover,
.nav-tabs-platform-4:focus,
.nav-tabs-platform>li.active .nav-tabs-platform-4 {
    background-image: url(/assets/images/platform_tab_4_active.png);
}

.nav-tabs-platform-5:hover,
.nav-tabs-platform-5:focus,
.nav-tabs-platform>li.active .nav-tabs-platform-5 {
    background-image: url(/assets/images/platform_tab_5_active.png);
}

.nav-tabs-platform>li>a:hover,
.nav-tabs-platform>li>a:focus {
    background-color: transparent;
}

.nav-tabs-platform>li.active>a,
.nav-tabs-platform>li.active>a:hover,
.nav-tabs-platform>li.active>a:focus {
    border: none;
}

.nav-tabs-platform>li.active>a h4,
.nav-tabs-platform>li.active>a:hover h4,
.nav-tabs-platform>li.active>a:focus h4 {
    color: #556fb7;
    font-size: 36px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.nav-tabs-platform>li.active>a span,
.nav-tabs-platform>li.active>a:hover span,
.nav-tabs-platform>li.active>a:focus span {
    color: #fff;
}

.nav-tabs-platform>li.active>a.nav-tabs-platform-4 h4,
.nav-tabs-platform>li.active>a.nav-tabs-platform-4:hover h4,
.nav-tabs-platform>li.active>a.nav-tabs-platform-4:focus h4 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 40px;
}

.nav-shape {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 10px;
    /* height: 191px;
                    padding-top: 88px; */
    text-align: center;
}

.nav-shape h4 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #b1b5d3;
    margin: 0;
    margin-bottom: 44px;
}

.nav-shape span {
    font-size: 18px;
    color: #606060;
}

.nav-tabs-platform>li>a:hover .nav-shape h4,
.nav-tabs-platform>li>a:focus .nav-shape h4 {
    color: #556fb7;
}

.nav-tabs-platform>li>a:hover .nav-shape span,
.nav-tabs-platform>li>a:focus .nav-shape span {
    color: #fff;
}

.platform_arrow_left,
.platform_arrow_right {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background: url(/assets/images/platform_arrow_left.png) no-repeat;
}

.platform_arrow_right {
    left: auto;
    right: 0;
    background: url(/assets/images/platform_arrow_right.png) no-repeat;
}

/* 动画 */

.animated {
    display: none;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* modal */

.modal-view {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 100;
}

.modal-box {
    width: 900px;
    margin: 10% auto;
    position: relative;
}

.modal-box video {
    width: 100%;
}

.modal-box .close-btn {
    display: block;
    position: absolute;
    top: -50px;
    right: -100px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-align: center;
}

.modal-box .close-btn i {
    color: #fff;
}

.modal-box .icon-close {
    margin-top: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/images/icon-close.png) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}

/* asset */
.tabs-category {
    background: #f5f7fa;
    height: 60px;
    line-height: 60px;
    font-size: 0;
}

.tabs-category a {
    display: inline-block;
    width: 20%;
    font-size: 18px;
    color: #333;
    text-align: center;
    text-decoration: none;
}

.cloud .tabs-category a {
    width: 20%;
}

.news .tabs-category a {
    width: 25%;
}

.tabs-category a:hover {
    color: #004CF9;
}

.tabs-category a.active {
    color: #004CF9;
}

.tabs-category a span {
    position: relative;
    display: inline-block;
}

.tabs-category a.active span {
    border-bottom: 3px solid #004CF9;
}

.cloud .headline {
    font-size: 36px;
    font-weight: bold;
    /*    letter-spacing: 3px;*/
    text-align: center;
    margin-top: 60px;
}

.cloud .features-full {
    padding: 0px 0 60px 0;
}

.cloud .features-full .headline {
    margin-bottom: 50px;
}

.features-box {
    width: 380px;
    float: right;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0px 0px 30px rgba(129, 153, 251, 0.2);
    transition: all linear 0.5s;
    margin-top: 10px;
}

.features-box img {
    width: 54px;
}

.features-box:hover {
    transform: translateY(-5px);
    transition: all linear 0.5s;
}

.features-box-title {
    font-size: 18px;
    color: #004CF9;
    margin-bottom: 5px;
}

.features-guide-line {
    position: relative;
    border-bottom: 1px solid #7e9bfb;
    position: absolute;
    width: 55%;
    top: 55px;
    right: -90px;
}

.features-guide-line:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: -7px;
    left: 0;
    background: linear-gradient(-128deg, #8c8ff8, #6cadff);
    border-radius: 50%;
}

.features-box p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 15px;
}

.cloud .item .container {
    width: 1100px;
}

.cloud .item .row {
    height: 520px;
}

.cloud .item .row .col-xs-5,
.cloud .item .row .col-xs-7 {
    font-size: 0;
    display: table;
    height: 100%;
}

.cloud .item .row .col-xs-4,
.cloud .item .row .col-xs-8 {
    font-size: 0;
    display: table;
    height: 100%;
}

.cloud .item .item-content,
.cloud .item .item-img {
    display: table-cell;
    vertical-align: middle;
}

.cloud .item .item-img img {
    display: inline-block;
}

.cloud .item .item-img {
    text-align: center;
}

.cloud .item-title {
    position: relative;
    font-size: 26px;
    /*line-height: 30px;*/
    padding: 0 0 80px 0;
}

.cloud .item-title::before {
    position: absolute;
    content: "";
    width: 27px;
    height: 3px;
    background: #004CF9;
    left: 0px;
    bottom: 40px;
}

.cloud .item-list li {
    font-size: 16px;
    line-height: 1.8em;
    color: #666666;
    margin-bottom: 8px;
    position: relative;
    padding-left: 10px;
}

.cloud .item-list li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #666666;
    left: 0px;
    top: 10px;
}

.cloud .item p {
    font-size: 16px;
    line-height: 1.8em;
    color: #666666;
    margin-bottom: 8px;
}

.banner .text-box .h1 span {
    position: relative;
}

.label-coming {
    position: absolute;
    bottom: 10px;
    left: 146px;
    display: block;
    width: 98px;
    height: 28px;
    background: url(/assets/images/label-coming.png) no-repeat;
}

.item-title .label-coming {
    bottom: 80px;
    left: 120px;
}

/*section-consumables*/

.section-consumables,
.section-procurement {
    padding: 0 0 80px 0;
}

/*    .section-procurement .container{
                width:1340px;
            }*/
.section-procurement img {
    margin: 0 auto;
}

.section-consumables .headline {
    margin-top: 60px;
    margin-bottom: 50px;
}

.section-procurement .headline {
    margin-top: 60px;
    margin-bottom: 80px;
}

.section-consumables .box {
    text-align: center;
    cursor: pointer;
    padding: 0 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    transform: scale(1);
    transition: 0.3s;
    border-radius: 6px;
    background: #f7f9ff;
    background-image: linear-gradient(0deg, #f7f9ff, 10%, #fff 80%);
    overflow: hidden;
}

.section-consumables .box:hover {
    transform: scale(1.1);
    transition: 0.6s;
    background: #69abff;
    background-image: linear-gradient(0deg, #8b8cfb 20%, #69abff 80%);
}

.section-consumables .num-title {
    margin-bottom: 20px;
}

.section-consumables .num-title .icon {
    width: 106px;
}

.section-consumables .box-title {
    font-size: 22px;
    color: #383838;
    margin-top: 20px;
    font-weight: normal;
}

.section-consumables .desc {
    font-size: 16px;
    color: #555;
    line-height: 1.6em;
    min-height: 130px;
    font-weight: 400;
    padding: 20px;
}

.section-consumables .btn-md {
    min-width: 120px;
    font-size: 16px;
}

.section-consumables .model-title {
    margin-bottom: 65px;
}

.section-consumables .box>.icon {
    width: 62px;
    height: 62px;
    display: block;
    margin: 0 auto 20px;
}

.section-consumables .box>.icon.icon-aqtx {
    background: url(https://cdn.yideamobile.com/images/icon-aqtx.png) no-repeat;
}

.section-consumables .box>.icon.icon-dptfg {
    background: url(https://cdn.yideamobile.com/images/icon-dptfg.png) no-repeat;
}

.section-consumables .box>.icon.icon-zjzyfw {
    background: url(https://cdn.yideamobile.com/images/icon-zjzyfw.png) no-repeat;
}

.section-consumables .box>.icon.icon-ppjc {
    background: url(https://cdn.yideamobile.com/images/icon-ppjc.png) no-repeat;
}

.section-consumables .box:hover .box-title,
.section-consumables .box:hover .desc {
    color: #fff;
}

.section-consumables .box:hover>.icon.icon-aqtx {
    background: url(https://cdn.yideamobile.com/images/icon-aqtx-white.png) no-repeat;
}

.section-consumables .box:hover>.icon.icon-dptfg {
    background: url(https://cdn.yideamobile.com/images/icon-dptfg-white.png) no-repeat;
}

.section-consumables .box:hover>.icon.icon-zjzyfw {
    background: url(https://cdn.yideamobile.com/images/icon-zjzyfw-white.png) no-repeat;
}

.section-consumables .box:hover>.icon.icon-ppjc {
    background: url(https://cdn.yideamobile.com/images/icon-ppjc-white.png) no-repeat;
}

/* solution */

.solution .item .container {
    padding: 60px 0;
}

.solution .item .container .box {
    text-align: center;
    padding: 30px 20px;
    box-shadow: 0 0 10px rgba(118, 128, 184, 0.12);
    background: #fff;
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
}

.solution .item .container .box:hover {
    transform: translate3d(0, -5px, 0);
}

.solution .box-title {
    font-size: 18px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.solution .box-des {
    font-size: 14px;
    line-height: 1.6em;
    color: #999;
    text-align: left;
    min-height: 110px;
}

.solution .box-icon-bg {
    height: 140px;
    line-height: 140px;
    background: #f7faff;
    margin: -30px -20px 30px -20px;
}

.icon-item-1 {
    width: 96px;
    height: 110px;
    margin-bottom: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-mobileapp-1 {
    background-image: url(/assets/images/icon-mobileapp-1.png);
}

.icon-mobileapp-2 {
    background-image: url(/assets/images/icon-mobileapp-2.png);
}

.icon-mobileapp-3 {
    background-image: url(/assets/images/icon-mobileapp-3.png);
}

.icon-mobileapp-4 {
    background-image: url(/assets/images/icon-mobileapp-4.png);
}

.icon-activeRFID-1 {
    background-image: url(/assets/images/icon-activeRFID-1.png);
}

.icon-activeRFID-2 {
    background-image: url(/assets/images/icon-activeRFID-2.png);
}

.icon-activeRFID-3 {
    background-image: url(/assets/images/icon-activeRFID-3.png);
}

.icon-item-2 {
    width: 101px;
    height: 101px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-mobileapp-5 {
    background-image: url(/assets/images/icon-mobileapp-5.png);
}

.icon-mobileapp-6 {
    background-image: url(/assets/images/icon-mobileapp-6.png);
}

.icon-mobileapp-7 {
    background-image: url(/assets/images/icon-mobileapp-7.png);
}

.icon-mobileapp-8 {
    background-image: url(/assets/images/icon-mobileapp-8.png);
}

.icon-activeRFID-4 {
    background-image: url(/assets/images/icon-activeRFID-4.png);
}

.icon-activeRFID-5 {
    background-image: url(/assets/images/icon-activeRFID-5.png);
}

.icon-activeRFID-6 {
    background-image: url(/assets/images/icon-activeRFID-6.png);
}

.item-3-img {
    text-align: center;
}

.item-3-img img {
    display: inline-block;
}

/* passiveRFID */

.passiveRFID {
    background: url(/assets/images/bg-passiveRFID.jpg) top center no-repeat;
}

.passiveRFID .container {
    position: relative;
}

.passiveRFID .card {
    display: block;
    padding: 100px 100px;
    width: 655px;
    height: 520px;
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
}

.passiveRFID .card:hover {
    transform: translate3d(0, -5px, 0);
}

.passiveRFID .card.left-img {
    padding-right: 200px;
    color: #fff;
}

.passiveRFID-section-1 {
    padding: 170px 0 150px 0;
}

.passiveRFID-section-2 {
    padding: 0 0 80px 0;
}

.passiveRFID-section-1 .left-img {
    background: url(/assets/images/passiveRFID-img-1.jpg) no-repeat;
}

.passiveRFID-section-2 .left-img {
    background: url(/assets/images/passiveRFID-img-2.jpg) no-repeat;
}

.passiveRFID .right-content {
    position: absolute;
    right: 0;
    top: -70px;
    background: #f5f5f5;
}

.passiveRFID .txt-content .title {
    font-size: 30px;
    margin-bottom: 20px;
}

.passiveRFID .txt-content .subtitle {
    position: relative;
    font-size: 18px;
    margin-bottom: 25px;
    text-indent: 20px;
    line-height: 1em;
}

.passiveRFID .txt-content .subtitle::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 20px;
    left: 0;
    bottom: 0;
    background: #fff;
}

.passiveRFID .right-content .txt-content .subtitle::before {
    background: #004CF9;
}

.passiveRFID .txt-content p {
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 40px;
    color: #666;
}

.passiveRFID .left-img .txt-content p {
    color: #fff;
}

.passiveRFID .txt-content .btn {
    min-width: 120px;
}

.passiveRFID .txt-content .icon-RFID-time,
.passiveRFID .txt-content .icon-RFID-point {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
    width: 50px;
    height: 50px;
    background: url(/assets/images/icon-RFID-time.png) no-repeat;
}

.passiveRFID .txt-content .icon-RFID-point {
    background: url(/assets/images/icon-RFID-point.png) no-repeat;
}

.passiveRFID .txt-content .icon-RFID-1,
.passiveRFID .txt-content .icon-RFID-2 {
    position: absolute;
    right: 100px;
    top: 70px;
    display: inline-block;
    width: 135px;
    height: 130px;
    background: url(/assets/images/icon-RFID-1.png) no-repeat;
}

.passiveRFID .txt-content .icon-RFID-2 {
    background: url(/assets/images/icon-RFID-2.png) no-repeat;
}

.passiveRFID-section-3 {
    margin-bottom: 40px;
}

.passiveRFID-section-3 .row {
    margin: 0;
}

.passiveRFID-section-3 .row img {
    width: initial;
}

.passiveRFID-section-3 .row [class*="col-"] {
    padding: 0;
}

.passiveRFID-section-3 .caption-txt {
    padding-left: 70px;
    padding-top: 125px;
    padding-bottom: 20px;
}

.passiveRFID-section-3 .title {
    text-align: left;
    font-size: 30px;
    margin-bottom: 30px;
}

.passiveRFID-section-3 li {
    width: 220px;
    margin-bottom: 20px;
}

.passiveRFID-section-3 .RFID-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
}

.passiveRFID-section-3 .RFID-icon-1 {
    background-image: url(/assets/images/RFID-icon1.png);
}

.passiveRFID-section-3 .RFID-icon-2 {
    background-image: url(/assets/images/RFID-icon2.png);
}

.passiveRFID-section-3 .RFID-icon-3 {
    background-image: url(/assets/images/RFID-icon3.png);
}

.passiveRFID-section-3 .RFID-icon-4 {
    background-image: url(/assets/images/RFID-icon4.png);
}

.passiveRFID-section-3 ul li {
    float: left;
    font-size: 18px;
    color: #464646;
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
}

.passiveRFID-section-3 ul li:hover {
    transform: translate3d(0, -5px, 0);
}

.passiveRFID-section-4 {
    margin-bottom: 100px;
}

.passiveRFID-section-4 .row {
    margin: 0 -8px;
}

.passiveRFID-section-4 .row [class*="col-"] {
    padding: 0 8px;
}

.passiveRFID-section-4 .panel {
    min-height: 346px;
    padding: 40px 20px 80px 20px;
    margin-bottom: 0;
    box-shadow: 0 0 10px rgba(118, 128, 184, 0.12);
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
    border-radius: 10px;
}

.passiveRFID-section-4 .panel:hover {
    transform: translate3d(0, -5px, 0);
    cursor: pointer;
}

.passiveRFID-section-4 .panel .panel-header {
    font-size: 18px;
    color: #383838;
    text-align: center;
    margin-bottom: 30px;
}

.passiveRFID-section-4 .panel .panel-body {
    padding: 0;
    margin-bottom: 30px;
}

.passiveRFID-section-4 .panel p {
    font-size: 14px;
    color: #767676;
    line-height: 1.71em;
}

.passiveRFID-section-4 .panel .btn-blue {
    min-width: 170px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -85px;
    /*            background: linear-gradient(0, #757cde, #76a1f6);*/
}

/* public */


.section-try {
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 400px;*/
    background-image: url(/assets/images/home/guide-bg-new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.section-try .model-title {
    margin-bottom: 40px;
}

.section-try .model-title .title {
    margin-bottom: 20px;
    color: #fff;
}

.section-try .model-title .title-desc {
    color: #fff;
}

.section-try .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    border-radius: 30px;
    color: #004CF9;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    margin: 0 auto;
    display: block;
}

.section-follow {
    padding: 80px 0;
    background: #fff;
}

.section-follow img {
    display: block;
    margin: 0 auto;
}



/*@media screen and (max-width:1139px) {
            .container {
                width: 100%;
            }
        }*/

/*news*/
.news .content .container {
    width: 1000px;
}

.news .media-row:first-child {
    margin-top: 30px;
}

.news .media-row {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}

.news .media-row:hover .media-heading {
    color: #004CF9;
}

.news .media-row .media-object {
    max-width: inherit;
}

.news .media-row .media-left {
    padding-right: 20px;
}

.news .media-row .media-heading {
    color: #333;
    font-size: 19px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.news .media-row .media-body p {
    font-size: 16px;
    line-height: 1.75em;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 56px;
}

.news .media-row .media-body {
    position: relative;
}

.news .media-row .list-inline {
    position: absolute;
    left: 0;
    bottom: 10px;
    margin-left: 0;
}

.news .media-row .list-inline li {
    color: #888;
    font-size: 14px;
    border-right: 1px solid #999;
    padding: 0 20px;
}

.news .media-row .list-inline li:first-child {
    padding-left: 0;
}

.news .media-row .list-inline li:last-child {
    border-right: none;
}

.page-tabs {
    display: inline-block;
    margin: 30px 0;
    border-bottom: none;
}

.page-tabs.nav-tabs>li.active>a,
.page-tabs.nav-tabs>li.active>a:hover,
.page-tabs.nav-tabs>li.active>a:focus {
    background: #004CF9;
    color: #fff;
    border-radius: 0;
    border-color: #004CF9;
}

.page-tabs.nav-tabs>li>a {
    border: 1px solid #ddd;
    border-radius: 0;
    margin: 0 10px;
}

/** news-detail */
.news-detail {
    margin-top: 150px;
    position: relative;
    z-index: 3;
}

.news-detail .news-top {
    margin: 0 0 50px 0;
    color: #333;
}

.news-detail .news-top a {
    color: #666;
    text-decoration: none;
}

.news-detail .content .container {
    width: 1100px;
}

.news-detail .left-wrap {
    width: 780px;
}

.news-detail .right-wrap {
    width: 270px;
    padding-left: 40px;
}

.news-detail .right-wrap,
.news-detail .left-wrap {
    display: inline-block;
    float: left;
}

.news-detail .left-wrap .news-content {
    padding: 25px 36px;
    border: solid 1px #e5e5e5;
}

.news-detail .left-wrap .news-content .title {
    color: #222;
    font-size: 24px;
    padding-bottom: 15px;
    line-height: 1.6em;
}

.news-detail .left-wrap .news-content .month-day,
.news-detail .left-wrap .news-content .year {
    font-size: 14px;
    line-height: 32px;
    color: #888;
    display: inline-block;
}

.news-detail .left-wrap .news-content .author {
    color: #888888;
    padding-left: 36px;
}

.news-detail .left-wrap .news-content .detail p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    line-height: 1.8em;
}

.news-detail .left-wrap .news-content .detail p img {
    display: inline-block;
}

.news-detail .left-wrap .news-content .detail ul,
.news-detail .left-wrap .news-content .detail ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.news-detail .left-wrap .news-content .detail li {
    font-size: 16px;
    color: #666;
    line-height: 1.8em;
}

.news-detail .left-wrap .news-content .detail ul li {
    list-style: disc;
}

.news-detail .read-page {
    padding: 40px 0;
}

.news-detail .read-page a {
    display: block;
    color: #777;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 0;
}

.news-detail .read-page a:hover {
    color: #004CF9;
}

.news-detail .right-wrap .title {
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    margin: -10px 0 30px 0;
}

.news-detail .right-wrap .title span {
    display: inline-block;
    border-bottom: 3px solid #004CF9;
}

.news-detail .right-wrap .case-box {
    display: block;
    padding: 25px 0;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}

.news-detail .right-wrap .case-box:hover {
    color: #004CF9;
}

.news-detail .right-wrap .case-box .case-img {
    margin-bottom: 20px;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}

.iframe-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 260px;
    z-index: 4;
    background: transparent;
}

.iframe-header-body {
    background: none;
}

/*Qwpage*/
.banner-qw .container {
    display: table;
    height: 100%;
    /* width: 90%;
        max-width: 1340px;*/
}

.banner-qw .container .text-box {
    padding-top: 90px;
    text-align: left;
    /*  padding-left: 60px;*/
}

.banner-xd-img {
    position: absolute;
    right: -10%;
    width: 60%;
    top: 50%;
    transform: translateY(-40%);
}

.banner-xd-img img {
    width: 100%;
}

.banner-xd .container .text-box {
    flex: 0 0 50%;
}

.banner-qw .qw-img {
    margin-top: 70px;
    height: 120px;
}

.banner-qw.banner .text-box .h6 {
    line-height: 1.8em;
}

.banner-qw .qw-img-item {
    width: 240px;
    float: left;
    text-align: center;
}

.banner-qw .qw-img-item:first-child {
    margin-right: 70px;
    width: 200px;
}

.banner-qw .qw-logo {
    display: inline-block;
    margin-bottom: 30px;
}

.btn-register {
    background: url(/assets/images/register_white_middle.png) no-repeat;
    width: 240px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

.btn-register:hover {
    background: url(/assets/images/register_blue_middle.png) no-repeat;
}

.btn-install {
    background: url(/assets/images/install_white_middle.png) no-repeat;
    width: 240px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

.btn-install:hover {
    background: url(/assets/images/install_blue_middle.png) no-repeat;
}

.section-qw .btn-install {
    background: url(/assets/images/install_white_middle_s.png) no-repeat;
    width: 200px;
    height: 40px;
    display: inline-block;
}

.section-qw .btn-install:hover {
    background: url(/assets/images/install_blue_middle_s.png) no-repeat;
}

.modal-open {
    padding-right: 0 !important;
}

.modal-qw.in {
    display: flex !important;
    align-items: center;
}

.modal-qw .modal-dialog {
    width: 430px;
}

.modal-qw .modal-dialog p {
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
}

.modal-qw .close-btn {
    display: block;
    position: absolute;
    top: -50px;
    right: -100px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-align: center;
}

.modal-qw .close-btn i {
    color: #fff;
}

.modal-qw .icon-close {
    margin-top: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/images/icon-close.png) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.qw-code {
    display: block;
    margin: 30px auto;
    width: 280px;
    height: 280px;
    border: 1px solid #e2e2e2;
}

.section-qw .model-title .title {
    font-size: 24px;
}

.section-qw .model-title a {
    display: inline-block;
    margin-top: 10px;
}

.banner-qw .container {
    position: relative;
}

.special-logo {
    position: absolute;
    left: -5px;
    top: 75px;
}

/* help index */
.resource .banner {
    display: table;
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
}

.resource .banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 700px;
    background: linear-gradient(rgba(255, 255, 255, 0.9), #fff);
}

.resource .banner-resources {
    /*    background-image: url(/assets/images/banner-resource.jpg);*/
}

.resource .caption .text-box {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    color: #333;
}

/* banner*/

.resource .caption {
    width: 100%;
    margin-bottom: 40px;
    display: table;
}

.resource .text-box .h5 {
    font-size: 30px;
    margin: 0px;
    margin-bottom: 25px;
}

.resource .text-box .h1 {
    position: relative;
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 25px;
    display: block;
    text-indent: 25px;
}

.resource .text-box .h1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 40px;
    background: #004CF9;
}

.resource .text-box .h6 {
    font-size: 18px;
    display: block;
    line-height: 1.8em;
}

.resource .text-box {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.resource {
    background: #fff;
    margin-bottom: 60px;
}

.resource .container {
    width: 1070px;
}

.resource .item {
    position: relative;
    margin-top: 100px;
    /* position: absolute;
                top: 100px;
                left: 0;*/
    width: 100%;
}

.resource .item .container {
    padding-top: 5%;
}

.resource .item-normal {
    position: relative;
    top: 0;
    background: #f7fafe;
}

.resource .box {
    display: block;
    box-shadow: 0 0 10px rgba(118, 128, 184, 0.12);
    background: #fff;
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
    text-decoration: none;
    margin-bottom: 30px;
}

.resource .box:hover {
    transform: translate3d(0, -5px, 0);
}

.resource .box-icon-bg img {
    width: 100%;
}

.resource .box-bottom {
    position: relative;
    padding: 40px 20px 20px 20px;
    /* min-height: 152px; */
}

.resource .box .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 44px;
    background: #004CF9;
    top: -25px;
    left: 20px;
    border-radius: 50%;
    border: 3px #fff solid;
    text-align: center;
}

.resource .box .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 24px;
    color: #fff;
}

.resource .box .icon-xiazai {
    color: #000;
}

.resource .box-title {
    font-size: 17px;
    color: #333;
    min-height: 50px;
}

.resource .box-title .pull-left {
    width: 80%;
}

.resource .box-des {
    font-size: 14px;
    line-height: 1.6em;
    color: #999;
    margin-bottom: 10px;
}

.icon-help {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.icon-handbook {
    background: url(/assets/images/icon-handbook.svg);
    background-size: contain;
}

.icon-video {
    background: url(/assets/images/icon-video.svg);
    background-size: contain;
}

.icon-faq {
    background: url(/assets/images/icon-faq.svg);
    background-size: contain;
}

.icon-download {
    background: url(/assets/images/icon-download.svg);
    background-size: contain;
}

.icon-guide {
    background: url(/assets/images/icon-guide.svg);
    background-size: contain;
}

/*device-management*/
.device-management video {
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
}

.device-management .mask-full {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.device-management .wrapper {
    position: relative;
    z-index: 10;
}

.device-management .banner {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.device-management .banner video {
    display: block;
}

.device-management .banner .text-box .h1 {
    font-size: 90px;
    letter-spacing: 5px;
    font-weight: 700;
}

.device-management .banner .h6 {
    width: 740px;
    margin: 30px auto 0 auto;
}

.device-management .banner .btn-lg {
    transform: scale(1.25);
    margin-top: 60px;
}

.device-management .content,
.device-management .section-follow {
    background: #fff;
}

.section-2-intro {
    background-image: url(/assets/images/bg-screen-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-headline {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.intro-sub-headline {
    font-size: 18px;
    color: #555;
    margin-bottom: 50px;
}

.intro-headline span {
    position: relative;
    font-size: 50px;
    margin-left: -10px;
    margin-right: -10px;
}

.intro-headline span:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #004CF9;
    left: 0;
    bottom: -8px;
}

.device-management .content .intro-headline {
    margin-top: 100px;
    margin-bottom: 0;
}

.section-3-intro {
    background-image: url(/assets/images/bg-screen-3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-3-intro .intro-headline {
    color: #fff;
    margin-bottom: 50px;
}

.section-3-intro .item-list {
    display: flex;
}

.section-3-intro .item-box {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding: 40px 0px;
    margin: 0 15px;
    width: 380px;
    /*        height: 470px;*/
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-3-intro .item-box .chart-area {
    height: 100px;
}

.section-3-intro .item-box p {
    margin-bottom: 10px;
}

.section-3-intro .item-box span {
    font-size: 30px;
}

.section-3-intro .item-box-row {
    margin-bottom: 20px;
}

.demos-content {
    display: flex;
    justify-content: center;
}

.demos-content .demo-item {
    width: 160px;
    height: 440px;
    margin: 0 7px;
    position: relative;
    box-sizing: border-box;
    padding: 308px 12px 32px;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    color: #fff;
    transition: all 0.2s ease-in-out;
    background-position: 50%;
}

.demos-content .demo-item.active,
.demos-content .demo-item:hover {
    width: 420px;
}

.demos-content .demo-item.active .demo-content .demo-detail,
.demos-content .demo-item:hover .demo-content .demo-detail {
    transition-delay: 0.2s;
    transform: translateX(0);
}

.demos-content .demo-item.active .demo-content .brand,
.demos-content .demo-item:hover .demo-content .brand {
    transform: translateY(60px);
    opacity: 0;
    visibility: hidden;
}

.demos-content .demo-item .demo-content {
    position: relative;
    z-index: 2;
    height: 88px;
}

.demos-content .demo-item .demo-content .demo-detail {
    padding: 0 20px;
    z-index: -1;
    transform: translateX(-400px);
    transition: all 0.5s ease-in-out;
    text-align: left;
}

.demos-content .demo-item .demo-content .brand {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.1s;
}

.demos-content .demo-item .demo-content .brand-name {
    font-weight: 600;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
}

.demos-content .demo-item .demo-content .demo-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    white-space: nowrap;
    margin-bottom: 8px;
}

.demos-content .demo-item .demo-content .demo-desc {
    white-space: nowrap;
    font-size: 14px;
    line-height: 24px;
    color: hsla(0, 0%, 100%, 0.7);
}

.demos-content .demo-item .mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(27, 31, 57, 0), rgba(27, 31, 57, 0.99));
    transition: all 0.3s ease-in-out;
}

/* 案例详情 */
.case-page {
    position: relative;
    padding-top: 110px;
}

.case-detail {
    /*    position: relative;
            height:calc(100vh - 90px);*/
}

.case-detail p img {
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.case-content p img.app-img {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.case-detail .container {
    position: relative;
    padding: 0 260px 80px 0;
    margin: 0 auto;
}

.case-detail .case-content {
    width: 800px;
}

.case-detail .case-guide {
    position: fixed;
    top: 140px;
    left: 50%;
    width: 240px;
    margin-left: 330px;
    overflow: auto;
    z-index: 1;
    opacity: 1;
    transition: all linear 0.2s;
}

.case-detail .case-guide.hidden {
    opacity: 0;
    transition: all linear 0.2s;
}

.case-detail .case-guide .navbar-nav {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    border-left: 1px solid #ddd;
    padding-left: 0;
    padding-bottom: 40px;
}

.case-detail .case-guide .navbar-nav>li>a {
    color: #222;
    text-decoration: none;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 20px;
}

.case-detail .case-guide .navbar-nav>li>a:hover {
    background: none;
    color: #004CF9;
}

.case-detail .case-guide .navbar-nav>li.active {
    background: none;
}

.case-detail .case-guide .navbar-nav>li.active>a {
    position: relative;
    color: #004CF9;
    font-weight: bold;
}

.case-detail .case-guide .navbar-nav>li.active>a::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background: #004CF9;
    left: 0;
    top: 0;
}

.case-detail h2 {
    font-size: 32px;
    line-height: 1.7em;
    color: #222;
    padding: 0 0 0 0;
    margin: 0;
}

.case-detail h3 {
    font-size: 26px;
    line-height: 1em;
    color: #222;
    padding: 90px 0 30px 0;
    margin: 0;
}

.case-detail h3 span {
    position: relative;
    display: block;
    text-indent: 10px;
}

.case-detail h3 span::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    background: #004CF9;
}

.case-detail p {
    font-size: 16px;
    line-height: 1.625em;
    color: #454545;
    margin: 10px 0;
}

.case-detail ol,
.case-detail ul {
    margin: 0;
    padding-left: 20px;
}

.case-detail ol li,
.case-detail ul li {
    font-size: 16px;
    line-height: 1.625em;
    color: #454545;
    margin-bottom: 10px;
}

.related-case {
    position: relative;
    z-index: 2;
    padding: 60px 0;
    background: rgba(0, 76, 249, 0.05);
    margin-bottom: -20px;
}

.related-case .swiper {
    padding: 20px;
}

.related-case .model-title {
    margin-bottom: 0;
}

.related-case .container {
    padding: 0;
}

.related-case-title {
    font-size: 36px;
    line-height: 1em;
    text-align: center;
    margin-bottom: 40px;
}

.related-case-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.related-case-list .case-box {
    cursor: pointer;
    text-decoration: none;
}

.related-case-list .case-box:hover .case-link {
    color: #5a83f7;
}

.related-case-list .case-link {
    position: relative;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #454545;
}

.related-case-list .case-link::before {
    position: absolute;
    content: "";
    background: #d6e2ff;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    transform: scaleY(0.5);
    opacity: 0.5;
}

.related-case-list .case-box-content {
    padding: 24px;
}

.related-case-list .case-box .case-logo,
.related-case-list .case-box .case-pic {
    margin-bottom: 24px;
}

.related-case-list .case-box .case-pic {
    border-radius: 8px;
    overflow: hidden;
}

.related-case-list .case-box .case-logo img {
    height: 30px;
}

.related-case-list .case-box .case-info {
    font-size: 16px;
    line-height: 30px;
    color: #454545;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.friend-link {
    /*   color: #fff;
        font-size: 16px;
        font-weight: 400;*/
    /*    padding-left: 140px;*/
    /*    margin-top: 20px;*/
    /*text-indent:-10px;*/
}

.friend-link a {
    font-size: 12px;
    color: #d1d2d8;
    text-decoration: none;
    margin-left: 16px;
}

.friend-link a:hover {
    color: #fff;
}

/*section-help*/
.section-help {
    padding: 80px 0;
    background: #fff;
}

.section-help .row {
    display: flex;
}

.section-help .box {
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
    background: #fff;
    color: #333;
    display: block;
    text-decoration: none;
}

.section-help .box-content {
    padding: 36px;
}

.section-help .box-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-help .box-des {
    font-size: 14px;
    line-height: 22.4px;
}

/*wms*/
.wms-page .white-header {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px !important;
}

.banner-intro {
    height: 879px;
    block-size: 879px;
    position: relative;
    background: #fff;
}

.banner-intro::after {
    block-size: 0;
    border-color: #f2f2f2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 107.8665482812vw 85vw 0 0;
    /* border-width: calc(180vw + 879px *cos(38deg)) 60vw 0 0;*/
    /*     $triangle-height: math.div($triangle-width, math.cos(38deg));*/

    content: "";
    inline-size: 0;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    z-index: -1;
}

.banner-intro .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.banner-intro-caption {
    max-width: 500px;
}

.banner-intro .container h1 {
    font-size: 56px;
    margin-bottom: 20px;
    font-weight: 700;
}

.banner-intro .container p {
    font-size: 16px;
    line-height: 24px;
}

.general-masthead__media {
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* clip-path: polygon(85vw 0,100vw 0,100vw 100%,calc(85vw - 692.6614524203px) 100%);*/
    clip-path: polygon(85vw 0, 100vw 0, 100vw 100%, calc(85vw - 879px *cos(38deg)) 100%);
}

.general-masthead__media img {
    object-fit: cover;
}

.general-masthead__media .picture {
    block-size: 100%;
    aspect-ratio: 16/9;
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute;
}



.feature-card-inner {
    box-shadow: rgba(0, 0, 0, 0.15) 5px 10px 20px 0px;
    block-size: 100%;
    padding: 24px;
    inline-size: 300px;
    position: absolute;
    z-index: 1;
    background: #fff;
    height: inherit;
}

.feature-card-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.feature-card-des {
    font-size: 14px;
}

.feature-card-top-right {
    inset-block-start: 0;
    inset-inline-end: 0;
}

.feature-card-bottom-right {
    inset-block-end: 0;
    inset-inline-end: 0;
}

.feature-card-center-right {
    inset-block-start: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
}

.feature-card-top-left {
    inset-block-start: 0;
    inset-inline-start: 0
}

.feature-card-bottom-left {
    inset-block-end: 0;
    inset-inline-start: 0;
}

.feature-card-center-left {
    inset-block-start: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
}

.section-wms-feature {
    padding-top: 80px;
    padding-bottom: 150px;
}

.section-wms-feature .headline {
    font-size: 44px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 48.4px;
    margin-top: 0;
}

.section-wms-feature .tab-content {
    position: relative;
    margin-bottom: 30px;
}

.section-wms-feature .tab-content .picture {
    block-size: 560px;
    margin: 0 auto;
    inline-size: 700px;
}

.section-wms-feature .tab-content .picture img {
    inline-size: 700px;
}

.section-wms-feature .nav-tabs {
    border: none;
    margin: 60px auto 60px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-wms-feature .nav-tabs>li>a {
    color: #333;
    font-size: 16px;
    border: none;
    padding-left: 30px;
    padding-right: 30px;
}

.section-wms-feature .nav-tabs>li>a:hover {
    background: none;
    border: none;
    color: #6a8efc;
}

.section-wms-feature .nav-tabs>li.active>a,
.section-wms-feature .nav-tabs>li.active>a:hover,
.section-wms-feature .nav-tabs>li.active>a:focus {
    background: none;
    color: #6a8efc;
    border: none;
    border-radius: 0;
    position: relative;
    font-weight: 800;
}

.section-wms-feature .nav-tabs>li.active>a:before,
.section-wms-feature .nav-tabs>li.active>a:after {
    background-color: #004CF9;
    block-size: 2px;
    content: "";
    display: block;
    inline-size: 66px;
    position: absolute;
    transition: inset-inline .4s ease, opacity .3s ease;
}

.section-wms-feature .nav-tabs>li.active>a:after {
    inset-block-end: 0;
    inset-inline-start: 0;
}

.section-wms-feature .nav-tabs>li.active>a:before {
    inset-block-start: 0;
    inset-inline-end: 0;
}

.wms-page .item {
    padding: 80px 0;
}

.wms-page .item-title {
    font-size: 44px;
    line-height: 48px;
    padding: 0 0 40px 0;
    font-weight: 800;
}

.wms-page .item-title::before {
    display: none;
}

.wms-page .item-list li {
    font-size: 14px;
    line-height: 22.4px;
    color: #333;
    margin-bottom: 40px;
    position: relative;
    padding-left: 0;
}

.wms-page .item-list li::before {
    display: none;
}

.wms-page .item-list-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 21.6px;
    margin-bottom: 11px;
}

.wms-page .item .row {
    display: flex;
    align-items: center;
}

.wms-page .section-wms-intro .container {
    width: 1280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wms-page .section-wms-intro .item .item-content {
    width: 540px;
}

.wms-page .section-wms-intro .item .item-img {
    width: 618px;
}

.wms-page .section-wms-intro .item:nth-child(2n) .item-content {
    margin-left: 120px;
}

.wms-page .section-wms-intro .item:nth-child(2n+1) .item-img {
    margin-left: 120px;
}

.section-help .model-title .title {
    font-size: 44px;
    font-weight: 800;
    line-height: 48.4px;
}

.section-help .model-title .title-desc {
    font-size: 16px;
}

/* case list */
.banner-case-list {
    background: rgba(0, 76, 249, 0.05) url(https://cdn.yideamobile.com/images/why-bg-pattern.jpg) left -130px no-repeat;
    background-size: cover;
    padding: 30px 0;
    min-height: 400px;
    position: relative;
}

.banner-case-list .box {
    padding: 10px;
    transform: translateY(80px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(5px);
}

.banner-case-list .box:hover {
    transform: translateY(80px);
}

.banner-case-list .box .case-pic {
    border-radius: 8px;
    overflow: hidden;
}

.banner-case-list .box .case-pic img {
    width: 100%;
    display: block;
    margin: 0px;
    transition: 0.5s;
    transform: scale(1);
}

.banner-case-list .box .case-pic:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.banner-case-list .box .banner-left {
    padding-right: 20px;
}

.banner-case-list .box .banner-left .industry-bubble {
    padding: 12px 0 22px;
}

.banner-case-list .box .banner-left .industry-bubble .bubble {
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
    padding: 4px 12px;
    background: #FFE7D5;
    color: #DA5C10;
}

.banner-case-list .box .banner-left .h1 {
    font-size: 28px;
    color: #222;
    font-weight: bold;
    line-height: 39px;
    margin: 0px;
    display: block;
    text-decoration: none;
}

.banner-case-list .box .banner-left .h6 {
    font-size: 16px;
    color: #60646B;
    line-height: 22px;
    padding: 28px 0 24px;
    margin: 0;
    display: block;
    text-decoration: none;
}

/* case 页面 */
.container-case {
    /* width: 1240px;
    margin-top: -40px;
    position: relative;
    z-index: 5; */
}

.case-list-box {
    background: #fff;
    padding: 14px 0px;
    border-radius: 50px;
    /* border: 1px solid #e0e8ff; */
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); */
}

.case-list-box .bold {
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #555;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-weight: 600;
}

.case-list-box .case-list {
    display: inline-block;
    vertical-align: middle;
}

.case-list-box .case-list li {
    margin-right: 1px;
    /* padding: 5px 0; */
}

.case-list-box .case-list li:last-of-type {
    margin-right: 0px;
}

.case-list-box .case-list li span {
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #555;
    display: inline-block;
    cursor: pointer;
    padding: 2px 20px;
    border-radius: 30px;
    transition: .4s;
    user-select: none;
}

.case-list-box .case-list li:hover span {
    color: #004CF9;
}

.case-list-box .case-list li.active span {
    /* border-color: #004CF9; */
    color: #fff !important;
    background: #004CF9;
    border-radius: 30px;
    transition: .4s;
    font-weight: bold;
}

.section-case-new {
    padding-top: 40px;
    padding-bottom: 80px;
    background: #fff;
}

.section-case-new .othercase-item:nth-child(2n+1) {
    background: #fff;
}

.section-case-new .othercase-item {
    display: flex;
    align-items: center;
    margin: 0 -15px;
    padding: 24px 0 0;
    /* padding-bottom: 0px; */
}

.section-case-new .othercase-item .othercase-logos {}

.section-case-new .othercase-item .othercase-logos .logo-item {
    width: 204px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 20px 5px;
    margin: 15px;
    transition: .4s;
    box-shadow: 0px 3px 13px 0px rgba(71, 71, 71, 0.1);
}

.section-case-new .othercase-item .othercase-logos .logo-item:hover {

    box-shadow: 0px 3px 13px 0px rgba(71, 71, 71, 0.2);
    transition: .4s;
}

.section-case-new .othercase-item .othercase-logos .logo-item img {
    margin: 0 auto;
    transform: scale(1);
    transition: .4s;
    height: 50px;
}

.section-case-new .othercase-item .othercase-logos .logo-item:hover img {
    transform: scale(1.2);
    transition: .4s;
}


.section.section-case-list {
    padding: 130px 0 80px;

}

.section.section-case-list .related-case-list {
    display: block;
}

.section.section-case-list .related-case-list .col-sm-4,
.section.section-case-list .related-case-list .col-xs-12 {
    padding-left: 20px;
    padding-right: 20px;
}

.section.section-case-list .related-case-list .case-box {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    justify-content: space-between;
    width: 20%;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    width: 100%;
    display: block;
    margin: 20px 0;
    transform: translateY(0);
    transition: all linear 0.2s;
}

.section.section-case-list .related-case-list .case-box:hover {
    transform: translateY(-5px);
    transition: all linear 0.2s;
}

.section.section-case-list .related-case-list .case-box-content {
    padding: 0px;
}

.section.section-case-list .related-case-list .case-box-content .case-pic {
    border-radius: 0px;
}

.section.section-case-list .related-case-list .case-box-content .case-pic img {
    width: 100%;
}

.section.section-case-list .related-case-list .case-box .case-logo {
    padding: 0px 16px;
    margin-bottom: 20px;
}

.section.section-case-list .related-case-list .case-box .case-logo img {
    /* height: 20px; */
}

.section.section-case-list .related-case-list .case-box .case-info {
    padding: 0 16px 16px;
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    height: 75px;
}

/*solution*/
.section {
    padding: 80px 0;
}

.banner-solution {
    position: relative;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
}

.banner-solution .btn-solution {
    background: #004CF9;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 16px;
    width: 160px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding: 0;
    margin-top: 20px;
    border: 1px solid #004CF9;
}

.banner-solution .btn-solution-outline {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    margin-left: 10px;
}

.banner-solution h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px;
    white-space: nowrap;
}

.banner-solution h6 {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}

.masker {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.banner-solution-retail {
    background: url('/assets/images/solution/banner-solution-retail.jpg') 0 -300px no-repeat;
}

.banner-solution-group {
    background: url('/assets/images/solution/banner-solution-group.jpg') 0 -460px no-repeat;
}

.banner-solution-education {
    background: url('/assets/images/solution/banner-solution-education.jpg') no-repeat;
}

.banner-solution-education {
    background: url('/assets/images/solution/banner-solution-education.jpg') no-repeat;
}

.banner-solution-manufacture {
    background: url('/assets/images/solution/banner-solution-manufacture.jpg') 0 -300px no-repeat;
}

.banner-solution-it {
    background: url('/assets/images/solution/banner-solution-it.jpg') 0 -400px no-repeat;
}

.banner-solution-realestate {
    background: url(/assets/images/solution/banner-solution-realestate.jpg) 0 -100px no-repeat;
}

.banner-solution-realestate h6 {
    padding: 0 100px;
}

.banner-solution-financial {
    background: url(/assets/images/solution/banner-solution-financial.jpg) 0 0 no-repeat;
}

.banner-solution-financial h6 {
    padding: 0 100px;
}

.banner-solution-medicine {
    background: url(/assets/images/solution/banner-solution-medicine.jpg) 0 -200px no-repeat;
}

.banner-solution-medicine h6 {
    padding: 0 100px;
}

.banner-solution-park {
    background: url(/assets/images/solution/banner-solution-park.jpg) 0 -200px no-repeat;
    background-size: cover;
}

.banner-solution .caption {
    position: relative;
}

.section-hard .container {
    display: flex;
    justify-content: space-between;
}

.industry-cons-page .section-hard .container {
    flex-wrap: wrap;
}

.section-hard-box {
    position: relative;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 20%;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    padding: 30px 0;
}

.section-hard-box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(25%, -50%);
    width: 150%;
    height: 100%;
    background: radial-gradient(49% 50% at 50% 50%, #004CF9 0%, rgba(106, 131, 252, 0) 100%);
    opacity: 0.1;
    filter: blur(36px);
    pointer-events: none;
}

.solution-retail-page .section-hard-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.solution-retail-page .section-hard-box {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 10px 0;
}

.solution-retail-page .computeru-page .section-hard-box {
    width: calc(33.33% - 20px);
}

.section-hard-box .content-title {
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

.section-hard-box .hard-box-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: absolute;
    transition: all 0.2s ease-in-out;
}

.section-hard-box .hard-box-content img {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
}

.section-hard-box .hard-box-content .content-bar {
    margin: 22px 0;
}

.section-hard-box .hard-box-content-hover {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    width: 100%;
    opacity: 0;
    padding: 0 34px 34px;
    transition: all 0.2s ease-in-out;
}

.section-hard-box .hard-box-content-hover .content-title {
    margin: 40px 0 12px;
}

.section-hard-box .hard-box-content-hover .content-text {
    color: #666;
    font-size: 14px;
    text-align: left;
}

.section-hard-box:hover .hard-box-content {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.section-hard-box:hover .hard-box-content-hover {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.section-solution-tab {
    padding: 80px 0 0 0;
    margin-bottom: -40px;
    position: relative;
    z-index: 2;
}

.section-solution-tab .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 0px rgba(204, 213, 222, 0.5);
    border-radius: 4px;
    height: 80px;
    font-size: 18px;
}

.section-solution-tab .nav-tabs>li>a {
    color: #222;
    font-weight: 600;
    border: none !important;
    background: none;
    padding: 0 40px;
    border-bottom: 2px solid #fff !important;
    line-height: 78px;
}

.section-solution-tab .nav-tabs>li.active>a {
    border-bottom: 2px solid #004CF9 !important;
    color: #004CF9;
}

.section-solution-tab .nav-tabs>li:hover>a {
    color: #004CF9;
}

.section-solution-tabcontent .sub-headline {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    color: #555;
    display: block;
    text-align: center;
    padding-top: 120px;
}

.solution-page .othercase-logos {
    justify-content: center;
}

/*.solution-page.cloud .item-list li {
    
        padding-left: 0;
    }
    .solution-page.cloud .item-list li:before {
        display:none;
        padding-left:0;
    }*/
.solution-page .item-full .item-title {
    text-align: center;
    margin-top: 100px;
}

.solution-page .item-full .item-title::before {
    left: 50%;
    transform: translateX(-50%);
}

.solution-page .item-full .item-des {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 0 50px;
    line-height: 1.8;
}

.solution-page .item-full .item-img {
    width: 70%;
    margin: 50px auto 50px auto;
}

.solution-page .item-full .item-list li {
    color: #333;
}

.solution-page .item-full .item-list li::before {
    display: none;
}



.problem-list {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.problem-list .problem-item {
    width: 48%;
    height: 320px;
    flex: 0 0 48%;
    margin: 1%;
    /* background: #fef8f3 url(/assets/images/solution/banner-solution.png) bottom right no-repeat; */
    border-radius: 4px;
    display: flex;
    /*align-items: center;*/
    flex-direction: row-reverse;
    overflow: hidden;
    border-radius: 8px;
    background-size: 70%;
    background: rgba(255, 255, 255, 0.9);
}

.problem-list .problem-item .left-box {
    width: 100%;
    /* text-align: center; */
    padding: 40px;
}

.problem-list .problem-item .left-box img {
    height: 64px;
}

.problem-list .problem-item .left-box .name {
    font-size: 22px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
    padding-top: 24px;
    margin-bottom: 20px;
}

.problem-list .problem-item .right-box {
    position: relative;
    text-align: left;
    width: 60%;
    overflow: hidden;
}

.problem-list .problem-item .right-box img {
    height: 100%;
}

.problem-list .problem-item .desc {
    /* position: absolute;
    bottom: 24px; */
    width: 100%;
    /* padding: 0 20px; */
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.cross-system-page .problem-list .problem-item {
    min-height: 350px;
    height: auto;
}


.cross-system-page .into-img {
    /* margin-bottom: 50px; */
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    padding: 10px 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .4);
    margin-left: 10px;
    margin-right: 10px;
}

.cross-system-page .into-tip {
    display: block;
    margin-bottom: 50px;
    color: #919191;
    padding-right: 10px;
    margin-top: 5px;
    text-align: right;
}

.cross-system-page .into-img img {}


.computeru-page .section-case {
    overflow:hidden;
}
.computeru-page .problem-list .problem-item {
    width: 23%;
    flex: 0 0 23%;
    height: auto;
    box-shadow: 0px 4px 16px 4px rgba(31,35,41,.03);
    text-align: center;
}
    .computeru-page .problem-list .problem-item .left-box img {
        height: 72px;
        margin: 0 auto;
    }
.computeru-page .problem-list .problem-item .left-box .name {
    margin-bottom: 10px;
}
.computeru-page .problem-list .problem-item:first-child {
    background: linear-gradient(154.25deg, #d6e8fe -6.92%, #fff 55.65%);
}
    .computeru-page .problem-list .problem-item:nth-child(2) {
        background: linear-gradient(154.25deg, #e2e0fc -6.92%, #fff 55.65%);
    }
    .computeru-page .problem-list .problem-item:nth-child(3) {
        background: linear-gradient(154.25deg, #ddf9f7 -6.92%, #fff 55.65%);
    }
    .computeru-page .problem-list .problem-item:nth-child(4) {
        background: radial-gradient(100% 100% at 0% 0%, #f2f6fe 0%, #fff7f1 0%, #ffffff 100%, #ffffff 100%);
    }
.computeru-page .safe-list{
    display:flex;
    flex-wrap:wrap;
}
    .computeru-page .safe-list-item{
        flex: 0 0 33.33%;
        text-align:center;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
.computeru-page .safe-list-txt {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #f8e4e4;
    padding: 10px 20px;
    border-radius: 4px;
    min-width: 160px;
    font-size:15px;
}
.computeru-page table {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}
.computeru-page table tr {
    background: rgba(255,255,255,.8);
}
    .computeru-page table tr:nth-child(even) {
        background: #f5f6f8;
    }
.computeru-page table th,
.computeru-page table td {
    padding: 10px 20px;
    height: 70px;
    font-size: 16px;
    box-shadow: 0 0 10px rgba(0, 0,0, .05);
}
    .computeru-page table th{
        height:60px;
    }
    .computeru-page table td:first-child {
        font-size: 18px;
        font-weight: 600;
        padding: 10px 35px;
        text-align: center;
    }
    .computeru-page table td:nth-child(2) {
       color:#666;
    }
    .computeru-page table td:nth-child(3) {
        color: #004CF9;
        
    }
    .computeru-page table th:first-child {
        background: #f4f4f4;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }
    .computeru-page table th:nth-child(2) {
    /*    background: #edf1fe;*/
    background:#f4f4f4;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }

    .computeru-page table th:nth-child(3) {
        background: #6a83fc;
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }
        .section-about-title {
            padding: 60px 0 0 0;
        }

.section-about-title .model-title {
    margin-bottom: 0;
}

.section-about-title .line {
    width: 100%;
    border-top: 1px solid #dee0e3;
    margin-top: 30px;
}

.section-about-intro {
    padding-top: 50px;
    padding-bottom: 80px;
}

.section-about-join {
    padding-bottom: 80px;
}

.section-about-headline {
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 30px;
}

.section-about-content {
    display: flex;
    color: #000
}

.section-about-desc {
    color: #000;
    flex: 0 0 60%;
    padding-right: 20px;
    font-size: 18px;
    line-height: 32px;
}

.section-about-img {
    flex: 1;
    padding-top: 10px;
}

.section-about-img img {
    display: block;
}

.section-about-join .btn-blue {
    width: 160px;
}

.section-about-join .section-about-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-join-intro {
    padding: 80px 0;
}

.section-join-welfare {
    padding-bottom: 80px;
}

.section-join-intro .section-about-desc {
    flex: 0 0 100%;
    padding-right: 0;

}

.content_item .item_imgs .item_img:not(:last-of-type) {
    margin: 0;
}

.progress_row {
    display: flex;
    gap: 8px;
}

.event {
    width: calc(50% - 6px);
    height: 1.32rem;
}

.event-left {
    /* width: calc(50% - 34px); */
    margin-right: 6px;
}

.progress_row .start_logo {
    width: 18px;
    height: 80px;
    margin-top: 6px;
}

.event .event_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

.event .event_title .event_time {
    line-height: 28px;
    font-weight: 700;
    margin-right: 16px;
    font-size: 24px;
    color: #383838;
    font-weight: normal;
}

.event .event_title .left_arrow {
    width: 6px;
    height: 6px;
    position: relative;
    right: -6px;
    transform: rotate(45deg);
    background-color: transparent;
    border-bottom: 1px solid #d0d2f9;
    border-left: 1px solid #d0d2f9;
}

.event .event_title .right_arrow {
    width: 6px;
    height: 6px;
    position: relative;
    left: -6px;
    transform: rotate(225deg);
    background-color: transparent;
    border-bottom: 1px solid #d0d2f9;
    border-left: 1px solid #d0d2f9;
}

.event .event_title .line {
    position: relative;
    flex: 1 1;
    border-top: 1px solid #d0d2f9;
}

.event .event_title .line-right:after {
    content: "";
    height: 132px;
    width: 1px;
    display: block;
    position: absolute;
    right: 0;
    border-right: 1px solid #d0d2f9;
}

.event .desc_box {
    display: flex;
    margin-bottom: 2px;
    color: #999;
    padding-right: 6px;
}

.event .desc_box span {
    width: 8px;
    flex: 0 0 8px;
    height: 8px;
    background: #fff;
    border: 2px solid #7378d6;
    box-shadow: 0 0 6px #b1c3f6;
    border-radius: 50%;
    margin-top: 8px;
}

.event .desc_box .event_desc {
    font-weight: 400;
    line-height: 28px;
    margin-left: 6px;
    font-size: 18px;
    color: #737373;
}

.progress_row .start_line {
    height: 134px;
    width: 8px;
    margin-right: 10px;
    margin-top: 10px;
}

.content_item .item_imgs {
    display: flex;
    align-items: center;
    width: 100%;
}

.content_item .item_imgs .item_img:not(:last-of-type) {
    margin-right: 40px;
}

.content_item .item_imgs .item_img {
    position: relative;
    width: calc(33.33% - 26px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    box-sizing: border-box;
}

.content_item .item_imgs .item_img img {
    width: 100%;
    display: block;
}

.content_item .item_imgs .item_img div {
    position: absolute;
    left: 20px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    z-index: 99;
}

.content_item .item_imgs .item_img div:first-of-type {
    top: 20px;
}

.content_item .item_imgs .item_img div:nth-of-type(2) {
    bottom: 60px;
}

.content_item .item_imgs .item_img div:nth-of-type(3) {
    bottom: 20px;
    font-size: 20px;
    font-weight: 400;
}

.content_item .item_imgs .item_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content_item .item_imgs div:first-child:after {
    background-color: rgba(64, 80, 162, .7);
}

.content_item .item_imgs div:first-child:hover:after {
    background-color: rgba(64, 80, 162, .8);
}

.content_item .item_imgs div:nth-child(2):after {
    background: linear-gradient(180deg, rgba(55, 162, 117, .7), rgba(37, 132, 88, .7));
}

.content_item .item_imgs div:nth-child(2):hover:after {
    background: linear-gradient(180deg, rgba(55, 162, 117, .8), rgba(37, 132, 88, .8));
}

.content_item .item_imgs div:nth-child(3):after {
    background-color: rgba(111, 65, 158, .7);
}

.content_item .item_imgs div:nth-child(3):hover:after {
    background-color: rgba(111, 65, 158, .8);
}

.device-nav-tabs-sub {
    position: sticky;
    top: 100px;
    z-index: 10;
}


@media screen and (max-width: 1600px) {
    header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-left {
        padding-left: 30px;
        width: 20%;
    }

    header .navbar-nav .dropdown-menu.solution .dropdown-sub-row .dropdown-sub-right {
        width: 80%;
    }

    header .navbar-nav .dropdown-menu.solution .nav-boxshadow {
        width: 20%;
        height: calc(100vh + 94px);
    }
}

@media screen and (max-width: 1480px) {
    .banner-case-list {
        background: rgba(0, 76, 249, 0.05) url(https://cdn.yideamobile.com/images/why-bg-pattern.jpg) left bottom no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 1200px) {
    .banner-case-list .box .banner-left .industry-bubble {
        padding: 12px 0 15px;
    }

    .banner-case-list .box .banner-left .h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .banner-case-list .box .banner-left .h6 {
        padding: 15px 0 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .banner-case-list .box .banner-left .btn-blue {
        padding: 6px 18px;
        font-size: 14px;
    }
}

.home-section-logos {
    position: absolute;
    height: 90px;
    padding: 30px 30px;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.scroll-logos {
    position: absolute;
    left: 30px;
    top: 13px;
    width: calc(180px*50);
    display: flex;
    flex-wrap: nowrap;
    animation: scroll-left 86s linear infinite;
}

.home-section-logos:hover .scroll-logos {
    animation-play-state: paused;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.home-section-logos .logo-item {
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
}

/* .home-section-logos .swiper-logos {
    width: 100%;
    overflow: hidden;
}

.home-section-logos .swiper-wrapper {
    height: 64px;
}

.home-section-logos .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */



.home-section-logos .logo-item a {
    display: flex;
    align-items: center;
}

.home-section-logos .logo-item img {
    width: auto;
    height: 60px;
    filter: brightness(0) invert(1);
}

.home-section-solution {
    padding: 80px 0;
    background: #f8f9fd;
}

.home-solution-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}

.home-solution-item {
    position: relative;
    width: 30%;
    height: 90px;
    border-radius: 24px;
    /*    background: #fff;
        border: 1px solid #e0edff;*/
    /*box-shadow: -5px 20px 35.62px 0 rgba(116, 148, 252, 0.2);*/
    font-size: 24px;
    font-weight: 600;
    line-height: 90px;
    text-align: center;
    transition: transform .3s ease;
    cursor: pointer;
    /*background: rgba(255, 255, 255, 0.6);*/
    border-radius: 12px;
    /*border: 1px solid rgba(116, 148, 252, 0.8);*/
    backdrop-filter: blur(10px);
    color: #222;
    overflow: hidden;
    background: linear-gradient(154.25deg, #e0e9ff -6.92%, #fff 55.65%);
    box-shadow: 0 8px 40px rgba(213, 216, 218, .4);
}

.home-solution-item:nth-child(2) {
    background: linear-gradient(154.25deg, #f1eaff -6.92%, #fff 55.65%);
}

.home-solution-item:nth-child(3) {
    background: linear-gradient(154.25deg, #ddf5f3 -6.92%, #fff 55.65%);
}

.home-solution-item:hover {
    transition: transform .3s ease;
    transform: translateY(-10px);
    /*box-shadow: -5px 20px 35.62px 0 rgba(116, 148, 252, 0.4);*/
    box-shadow: 0 8px 40px rgba(213, 216, 218, .7);
}


.home-solution-item .tag {
    width: 96px;
    height: 40px;
    position: absolute;
    color: #fff;
    background: linear-gradient(100deg, #7494FC -20%, #004CF9 26%, #5F63FC 100%);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    top: 0;
    right: 0;
    line-height: 40px;
    border-radius: 0 12px 0 24px;
}

.home-solution-item .tag.ai-tag {
    background: linear-gradient(125deg, #324AFF 0%, #3A4CFF 10%, #A36CFD 50%, #FF9875 100%);
    /* background: linear-gradient(125deg, #a2b8ed 0%, #fde3dc 100%); */
    font-size: 24px;
}

.home-solution-item .tag.ai-tag .text {
    text-shadow: 2px 1px 2px rgb(129 129 129 / 10%);
    font-weight: 900;
    /* background: linear-gradient(100deg, #2f44ff 0%, #FF9277 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 2px 1px 2px rgb(129 129 129 / 10%);
    font-weight: 900; */
}

.home-section-overseas {
    padding-bottom: 80px;
}

.home-section-overseas .model-title .title {
    font-size: 24px;
    margin-bottom: 10px;

}

.home-section-overseas .model-title .title .title-left {
    position: relative;
    padding-right: 20px;
    font-size: 28px;
    text-transform: uppercase;
}

.home-section-overseas .model-title .title .title-left img {
    width: auto;
    height: 30px;
    margin-right: 12px;
}

.home-section-overseas .model-title .title .title-right {
    padding-left: 20px;
    color: #000;
    font-size: 28px;
    line-height: 30px;
}

.home-section-overseas .model-title .title .title-left::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 30px;
    background: #222;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.section-overseas-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-overseas-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #ffffff;
    width: 23.5%;
}

.section-overseas-item img {
    width: 46px;
    height: 46px;
    margin-bottom: 30px;
}

.section-overseas-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 50.4px;
    text-align: center;
    color: #222;
    margin-bottom: 8px;
}

.section-overseas-des {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #555;
}

.section-link-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-link-list .section-overseas-item {
    position: relative;
    width: 31.33%;
    justify-content: space-between;
    padding: 30px;
    align-items: flex-start;
    min-height: 180px;
    margin-bottom: 30px;
}

.section-link-list .section-overseas-item img {
    position: absolute;
    top: 20px;
    right: 20px;

}

.section-link-list .section-overseas-item .section-overseas-title {
    margin: 0;
    font-size: 24px;
    line-height: 36px;

}

.section-link-list .section-overseas-item .section-overseas-des {
    text-align: left;
    color: #333;
}

/*首页行业*/
.section-industry {
    position: relative;
    padding: 80px 0;
    background: #fff;
    z-index: 2;
}

.swiper-industry {
    margin-top: -40px;
}

.swiper-industry .swiper-wrapper {
    margin: 50px auto 30px auto;
}

.swiper-industry .swiper-slide {
    text-align: center;
    /*padding: 12px 0;*/
    /*border-radius: 8px;*/
    cursor: pointer;
    /*box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);*/
    /*background: #fff;*/
    font-size: 18px;
    font-weight: 600;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-industry .swiper-slide-thumb-active {
    color: #004CF9;

    font-size: 20px;
}

.swiper-industry .swiper-slide-thumb-active span {
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #004CF9;
}

.swiper-industry .swiper-slide:last-child {
    margin-right: 0 !important;
}

.swiper-industry2 .swiper-button-next,
.swiper-industry2 .swiper-button-prev {
    color: #004CF9;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, .6);
    border-radius: 50%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);
    display: none;
}

.swiper-industry2:hover .swiper-button-next,
.swiper-industry2:hover .swiper-button-prev {
    display: flex;
}

.swiper-industry2 .swiper-button-next:after,
.swiper-industry2 .swiper-button-prev:after {
    font-size: 24px;
}

.swiper-industry2 .swiper-slide {
    height: 416px;

}

.swiper-industry2 .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 10px;
    background: #004CF9;
}

.swiper-industry2.swiper {
    padding-bottom: 50px;
}

.swiper-industry-img {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    border-radius: 8px;
}

.swiper-industry-content {
    height: 100%;
    margin-bottom: 48px;
    padding: 60px 0 62px 56px;
    position: relative;
    width: 388px;
    color: #fff;
    z-index: 2;
}

.swiper-industry-title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 16px;
}

.swiper-industry-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
}

.swiper-industry-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    width: 168px;
    cursor: pointer;
}

.swiper-industry-btn:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .5);
}

.swiper-industry-data {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 36px;
}

.swiper-industry-num {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
}


.swiper-industry-logos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.swiper-industry-logo {
    width: 94px;
    height: 42px;
    display: flex;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .8);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);*/
    /*transition: all .3s ease;*/
    margin-right: 10px;
}

.swiper-wrapper.related-case-list {
    transition-timing-function: linear !important;
}