@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1336px) {
    .container {
        max-width: 1230px
    }
}

@media (min-width:1680px) {
    .container {
        max-width: 1550px
    }
}

.text-primary {
    color: #0033CC !important;
}

.text-dark {
    color: #333 !important;
}

/* ========= 顶部间距 ========= */
.fixed-top+* {
    margin-top: 56px;
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .fixed-top+* {
        margin-top: 64px;
    }
}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {}

/* ========= 渐变图标 ========= */
.icon-gradient {
    color: transparent;
    background-image: linear-gradient(to right, #FFCC00 0%, #000 100%);
    -webkit-background-clip: text;
}

.icon-gradient.one {
    background-image: linear-gradient(to right, #FFCC00 45%, #000 65%);
}

.icon-gradient.two {
    background-image: linear-gradient(to right, #FFCC00 36%, #000 68%);
}

.icon-gradient.three {
    background-image: linear-gradient(to right, #FFCC00 30%, #000 70%);
}

.icon-gradient.four {
    background-image: linear-gradient(to right, #FFCC00 20%, #000 70%);
}

.bg-rounded-gradient {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to top, #0033CC 0%, #3399FF 100%);
    border-radius: 50%;
}

.bg-rounded-gradient .iconfont {
    font-size: 32px;
    color: white;
}

.bg-rounded-gradient.orange {
    background-image: linear-gradient(to top, #FF9933 0%, #FFCC00 100%);
}

.bg-rounded-gradient.green {
    background-image: linear-gradient(to top, #14BED1 0%, #17D2E8 100%);
}

.bg-rounded-gradient.blue {
    background-image: linear-gradient(to top, #3399FF 0%, #0033CC 100%);
}

.bg-gradient {
    background-image: linear-gradient(to top, #0033CC 0%, #3399FF 100%);
}

.bg-gradient.orange {
    background-image: linear-gradient(to top, #FF9933 0%, #FFCC00 100%);
}

.bg-gradient.red {
    background-image: linear-gradient(to bottom, #FF3300 0%, #FF6699 100%);
}

/* ========= 滚动条 ========= */
/*滚动条整体样式*/
.scroll-customer::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 4px;
}

/*滚动条里面小方块*/
.scroll-customer::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    transition: .4s;
}

.scroll-customer:hover::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2);
}

/*滚动条里面轨道*/
.scroll-customer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
}

.bg-gray {
    background-color: #F1F2F3 !important;
}

.bg-gray.lt {
    background-color: #F8F9FA !important;
}

/* 投影 */
.box-shadow {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .08);
}

.box-shadow.sm {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
}

/* ========= 鼠标效果 ========= */
@media(min-width: 1024px) {

    /* 背景色变色 */
    .hover-color {
        transition: .4s;
    }

    .hover-color:hover {
        background-color: #F7B200 !important;
    }

    .hover-color:hover .list-des {
        color: #000;
    }

    /* 上移 */
    .hover-up {
        transition: .4s;
        transform: translateY(0);
    }

    .hover-up:hover {
        transform: translateY(-10px);
    }

    /* 投影 */
    .hover-shadow:hover {
        box-shadow: 0 8px 15px 4px rgba(0, 0, 0, .1);
    }

    .hover-shadow.sm:hover {
        box-shadow: 0 3px 8px 2px rgba(0, 0, 0, .1);
    }

    /* 上移+投影 */
    .hover-up-shadow {
        transition: .4s;
        transform: translateY(0);
    }

    .hover-up-shadow:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 15px 3px rgba(0, 0, 0, .1);
    }

    .hover-up-shadow.sm:hover {
        transform: translateY(-10px);
        box-shadow: 0 3px 8px 2px rgba(0, 0, 0, .1);
    }
}

/* ========= 全站块间距 ========= */
.pt-block,
.py-block {
    padding-top: 40px !important;
}

.pb-block,
.py-block {
    padding-bottom: 40px !important;
}

@media(max-width: 768px) {

    .pt-block.mb-pt-0,
    .py-block.mb-pt-0,
    .py-block.mb-py-0 {
        padding-top: 0 !important;
    }

    .pb-block.mb-pb-0,
    .py-block.mb-pb-0,
    .py-block.mb-py-0 {
        padding-bottom: 0 !important;
    }

    .pt-block.mb-pt-sm,
    .py-block.mb-pt-sm,
    .py-block.mb-py-sm {
        padding-top: 10px !important;
    }

    .pb-block.mb-pb-sm,
    .py-block.mb-pb-sm,
    .py-block.mb-py-sm {
        padding-bottom: 10px !important;
    }
}

@media(min-width: 768px) {

    .pt-block,
    .py-block {
        padding-top: 40px !important;
    }

    .pb-block,
    .py-block {
        padding-bottom: 40px !important;
    }
}

@media(min-width: 1024px) {

    .pt-block,
    .py-block {
        padding-top: 50px !important;
    }

    .pb-block,
    .py-block {
        padding-bottom: 50px !important;
    }
}

@media(min-width: 1336px) {

    .pt-block,
    .py-block {
        padding-top: 60px !important;
    }

    .pb-block,
    .py-block {
        padding-bottom: 60px !important;
    }
}

@media(min-width: 1680px) {

    .pt-block,
    .py-block {
        padding-top: 60px !important;
    }

    .pb-block,
    .py-block {
        padding-bottom: 60px !important;
    }
}

/* ========= 全站块标题 ========= */
.title-main {
    color: #000;
    margin-bottom: 25px;
}

.title-main .text-title {
    font-size: 22px;
    line-height: 1.65;
    font-weight: bold;
    margin-bottom: 0;
}

.title-main .text-des {
    font-size: 14px;
    line-height: 2.3;
}

@media(min-width: 768px) {
    .title-main {
        margin-bottom: 25px;
    }

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

    .title-main .text-des {
        font-size: 14px;
    }
}

@media(min-width: 1024px) {
    .title-main {
        margin-bottom: 40px;
    }

    .title-main .text-title {
        font-size: 32px;
    }

    .title-main .text-des {
        font-size: 16px;
    }
}

@media(min-width: 1336px) {
    .title-main {
        margin-bottom: 50px;
    }

    .title-main .text-title {
        font-size: 36px;
    }

    .title-main .text-des {
        font-size: 17px;
    }
}

@media(min-width: 1680px) {
    .title-main {
        margin-bottom: 60px;
    }

    .title-main .text-title {
        font-size: 40px;
    }

    .title-main .text-des {
        font-size: 18px;
    }
}

/* ========= 全站更多按钮 ========= */
.commen-btn {
    font-size: 14px !important;
    width: 120px !important;
    line-height: 36px !important;
    color: #fff !important;
    background-color: #0069F8 !important;
    border-color: #0069F8 !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

.commen-btn-blue {
    font-size: 14px !important;
    width: 120px !important;
    line-height: 36px !important;
    color: #fff !important;
    background-color: #0069F8 !important;
    border-color: #0069F8 !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

.commen-btn.btn-outline {
    color: #0069F8 !important;
    background-color: transparent !important;
    border-color: #0069F8 !important;
}

@media(min-width: 768px) {
    .commen-btn {
        font-size: 14px !important;
        margin-top: 18px !important;
    }

    .commen-btn+.commen-btn {
        margin-left: 20px;
    }

    .commen-btn:hover {
        color: #0069F8 !important;
        background-color: #F7B200 !important;
        border-color: #F7B200 !important;
    }

    .commen-btn.btn-outline:hover {
        color: #fff !important;
        background-color: #0069F8 !important;
        border-color: #0069F8 !important;
    }
}

@media(min-width: 1024px) {
    .commen-btn {
        width: 140px !important;
        line-height: 40px !important;
        font-size: 15px !important;
        margin-top: 24px !important;
    }
}

@media(min-width: 1336px) {
    .commen-btn {
        width: 160px !important;
        font-size: 14px !important;
    }
}

@media(min-width:1680px) {
    .commen-btn {
        margin-top: 34px !important;
    }
}

/* ========= 列表更多按钮 ========= */
.list-more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background-color: #E7E8E9;
    color: #000;
    border-radius: 50%;
    transition: .4s;
}

.list-more .iconfont {
    font-size: 20px;
}

.list-item:hover .list-more {
    color: white;
    background-color: #000;
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {
    .list-more {
        width: 58px;
        height: 58px;
    }

    .list-more .iconfont {
        font-size: 22px;
    }
}

/* ========= 首页焦点图/顶部广告图--文字 ========= */
.swiper-focus .swiper-slide .focus-text-box .focus-text h3,
.top-img .con-box h2 {
    font-size: 24px;
    font-weight: normal;
    color: #000;
    line-height: 1.2;
    text-shadow: 0 0 2px rgba(0, 0, 0, .1);
    margin-top: 5px;
}

.swiper-focus .swiper-slide .focus-text-box .focus-text .text,
.top-img .con-box .des {
    font-family: "Microsoft Yahei light";
    font-size: 14px;
    color: #000;
    margin-top: 10px;
    line-height: 1.2;
    text-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

@media(min-width: 768px) {

    .swiper-focus .swiper-slide .focus-text-box .focus-text h3,
    .top-img .con-box h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 5px;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text .text,
    .top-img .con-box .des {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media(min-width: 1024px) {

    .swiper-focus .swiper-slide .focus-text-box .focus-text h3,
    .top-img .con-box h2 {
        font-size: 36px;
        margin-top: 10px !important;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text .text,
    .top-img .con-box .des {
        font-size: 16px;
        margin-top: 14px;
    }
}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {

    .swiper-focus .swiper-slide .focus-text-box .focus-text h3,
    .top-img .con-box h2 {
        font-size: 50px !important;
        margin-top: 15px !important;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text .text,
    .top-img .con-box .des {
        font-size: 16px !important;
        margin-top: 20px !important;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text .text {
        margin-top: 20px !important;
    }
}

/* ========= 导航 ========= */
header.fixed-top {
    transform: translateY(0);
}

.nav-bg {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
}

@media (min-width: 0) and (max-width: 1023.98px) {
    .fixed-top {
        top: 0;
        height: 56px;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
        background-color: white;
        border-width: 0;
    }

    .main-con {
        padding-bottom: 0;
    }

    .navbar {
        height: 56px;
        padding: 0 0 0 15px;
    }

    .navbar .mb-user {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 2;
        right: 56px;
        width: 40px;
        height: 56px;
    }

    .navbar .mb-user .icon {
        font-size: 26px;
    }

    .navbar.container {
        max-width: none;
    }

    .navbar .navbar-brand {
        display: flex;
        align-items: center;
        height: 56px;
    }

    .navbar .navbar-brand img {
        height: 36px;
    }

    .navbar a.ft-menu,
    .navbar .logo-sm {
        display: none;
    }

    .navbar .navbar-brand {
        order: -1;
    }

    .navbar .navbar-toggler {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 56px;
        height: 56px;
        padding: 0;
    }

    .navbar .navbar-toggler .iconfont {
        color: #f5f5f5;
        font-size: 26px;
    }

    .navbar .navbar-collapse>.d-flex {
        /* height: auto; */
        flex-direction: column;
        background-color: rgba(0, 0, 0, .8);
    }

    .navbar .navbar-collapse {
        top: 50px;
    }

    .navbar-dark .navbar-nav {
        width: 100%;
        height: 100%;
        /* margin-left: 20%; */
        padding: 15px;
        border-bottom-width: 0;
    }

    .navbar .nav-item {
        position: relative;
        border-bottom: 2px solid #ededed;
    }

    .navbar-dark .navbar-nav .nav-link {
        position: relative;
        font-size: 17px;
        text-align: left;
        padding: 0;
        line-height: 60px;
        font-weight: bold;
    }

    .navbar-dark .navbar-nav .nav-item .nav-link:hover,
    .navbar-dark .navbar-nav .nav-item .nav-link:visited {
        outline: none;
    }

    .navbar-dark .navbar-nav .nav-item .nav-link.active {
        background-color: white;
    }

    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link::before,
    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link::after {
        position: absolute;
        content: '';
        right: 0;
        top: 50%;
        z-index: 2;
        background-color: #999;
    }

    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link::before {
        width: 18px;
        height: 2px;
        margin-top: 0;
    }

    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link::after {
        right: 8px;
        width: 2px;
        height: 18px;
        margin-top: -8px;
    }

    .navbar .dropdown-menu {
        position: static;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0;
    }

    .navbar .dropdown-menu.active {
        display: none;
    }

    .navbar .dropdown-menu.show {
        display: block;
    }

    .navbar .dropdown-menu .menu-item {
        flex-direction: column;
        background-color: #F2F2F2;
        margin: 0;
        border-radius: 5px;
        padding: 15px 0;
    }

    .navbar .dropdown-menu .menu-item .dropdown-item {
        display: flex;
        flex-basis: 100%;
        padding: 0 15px;
    }

    .navbar .dropdown-menu .menu-item .dropdown-item .icon-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }

    .navbar .dropdown-menu .menu-item .dropdown-item .iconfont {
        font-size: 20px;
        color: initial !important;
    }

    .navbar .dropdown-menu .menu-item .dropdown-item h2,
    .navbar .dropdown-menu .menu-item .dropdown-item div {
        line-height: 44px;
        font-size: 14px;
        color: #f5f5f5;
        font-weight: bold;
    }

    .navbar-expand-sm .navbar-nav .nav-item:nth-child(1) .dropdown-menu>.d-lg-flex>div,
    .navbar .dropdown-menu .dropdown-title {
        display: none;
    }

    .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu>.d-lg-flex>div:last-child {
        display: block;
    }
}

@media(min-width: 1024px) {
    header.fixed-top {
        background-color: white;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
    }

    .fixed-top .navbar.bg-dark {
        border-width: 0;
    }

    .navbar-dark .navbar-brand img {
        height: 50px;
    }

    .navbar-expand-sm .navbar-nav:nth-child(1) .nav-item:nth-child(1) {
        position: relative;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 0 14px;
        line-height: 64px;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .show>.nav-link {
        position: relative;
        color: #f5f5f5;
        font-size: 15px;
    }

    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link {
        padding-right: 30px;
    }

    .navbar-dark .navbar-nav .nav-item.dropdown .nav-link .iconfont {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 14px;
        transform: rotate(90deg);
        line-height: 1;
        margin-top: 25px;
    }

    .navbar-dark .navbar-nav .nav-item:hover .nav-link,
    .navbar-dark .navbar-nav .show>.nav-item:hover .nav-link,
    .navbar-dark .navbar-nav .nav-item .nav-link.active,
    .navbar-dark .navbar-nav .show>.nav-item .nav-link.active {
        color: #abc3e7;
    }

    .navbar-expand-sm .navbar-nav .nav-item.dropdown .nav-link::before,
    .navbar-expand-sm .navbar-nav .nav-item.dropdown .nav-link::after {
        display: none;
    }

    /* 下拉菜单 */
    .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu {
        display: block;
        z-index: -1;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        left: -55px;
        width: 520px;
        padding-top: 8px;
        border-width: 0;
        background-color: transparent;
        box-shadow: none;
        transform: translateY(-15px);
        transition: .4s;
    }

    .navbar-expand-sm .navbar-nav .nav-item:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
    }

    .navbar-expand-sm .navbar-nav .nav-item:nth-child(1) .dropdown-menu {
        width: 520px;
        padding: 10px;
    }

    .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu>.d-lg-flex {
        display: block !important;
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
    }

    .navbar-expand-sm .navbar-nav .nav-item:nth-child(1) .dropdown-menu>.d-lg-flex>div {
        display: none;
    }

    .navbar-expand-sm .navbar-nav .nav-item .dropdown-menu>.d-lg-flex>div:last-child {
        display: block;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-title {
        display: none;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        position: relative;
        padding: 20px;
        border-radius: 7px;
        transition: .4s;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        background-color: #F1F2F3;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .icon-wrapper {
        position: absolute;
        left: 20px;
        top: 15px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .icon-wrapper .iconfont {
        font-size: 34px;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item h2 {
        margin-bottom: 0;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item h2 div {
        font-size: 16px;
        line-height: 18px;
        padding: 0 0 0 60px;
        margin: 0 0 4px 0;
        color: #abc3e7;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover h2 div {
        color: #abc3e7;
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .des {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 0 60px;
    }

    /* 导航右侧 */
    .navbar .navbar-right .nav-item.login .nav-link {
        display: flex;
        justify-content: center;
        height: 64px;
    }

    .navbar .navbar-right .nav-item.login .nav-link .iconfont {
        font-size: 20px;
        color: #999;
    }

    .navbar .navbar-right .nav-item.login .nav-link span {
        background-color: transparent;
        border-width: 0;
        line-height: 64px;
        color: #f5f5f5;
        font-size: 15px;
    }

    .navbar .navbar-right .nav-item.login .nav-link:hover span {
        background-color: transparent !important;
        color: #abc3e7;
    }

    .navbar .navbar-right .nav-item.login:last-child .nav-link span {
        padding-left: 5px;
        color: #f5f5f5;
    }

    .navbar .navbar-right .nav-item .nav-link .icon {
        color: #aaa;
        font-size: 16px;
        width: 1.2em;
        height: 64px;
        margin-right: -8px;
    }
}

@media(min-width: 1336px) {
    .navbar-dark .navbar-brand img {
        height: 56px;
        margin-right: 20px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 0 18px;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .show>.nav-link {
        font-size: 16px;
    }

    .navbar .navbar-right .nav-item.login .nav-link span {
        font-size: 16px;
    }
}

@media(min-width: 1680px) {}

/* ========= 首页焦点图 ========= */
.swiper-focus .swiper-slide .bg-img {
    min-height: auto;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide,
.swiper-focus .swiper-slide .bg-img {
    height: 220px;
}

.swiper-focus .swiper-slide .bg-img {
    background-position: 100% center;
}

.swiper-focus .swiper-slide .bg-img.pc {
    display: block;
}

.swiper-focus .swiper-slide .bg-img.mb {
    display: none;
}

.swiper-focus .swiper-slide .focus-text-box .focus-text {
    width: 100%;
    text-align: left;
    padding-top: 60px;
    line-height: 1.4;
}

.swiper-focus .swiper-pagination-wrapper {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 15px;
}

.swiper-focus .swiper-pagination-wrapper .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-focus .swiper-pagination-bullet {
    width: 30px !important;
    height: 2px !important;
    border-radius: 0px !important;
    margin: 0 3px;
}

.swiper-pagination-bullet {
    background-color: #DADCDE !important;
}

.swiper-pagination-bullet-active {
    background-color: #333333 !important;
}

@media(min-width: 768px) {

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide,
    .swiper-focus .swiper-slide .bg-img {
        height: 350px;
    }

    /* .swiper-focus .swiper-slide .bg-img.pc{    display: block;  }  .swiper-focus .swiper-slide .bg-img.mb{    display: none;  } */
    .swiper-focus video {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding-bottom: 70px;
        width: 60%;
        padding-right: 0;
    }

    .swiper-focus .swiper-pagination-wrapper {
        bottom: 25px;
    }

    .swiper-focus .swiper-pagination-wrapper .container {
        justify-content: flex-start;
    }
}

@media(min-width: 1024px) {
    .swiper-focus {
        margin-top: 64px;
    }

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide,
    .swiper-focus .swiper-slide .bg-img {
        height: 350px;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text {
        width: 55%;
        padding-bottom: 80px;
    }

    .swiper-focus .swiper-pagination-bullet {
        width: 40px !important;
        height: 2px !important;
    }
}

@media(min-width: 1336px) {

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide,
    .swiper-focus .swiper-slide .bg-img {
        height: 420px;
    }

    .swiper-focus video {
        height: 420px;
    }

    .swiper-focus .swiper-pagination-bullet {
        width: 50px !important;
        height: 3px !important;
    }

    .swiper-focus .swiper-pagination-wrapper {
        bottom: 30px;
    }
}

@media(min-width: 1680px) {

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide,
    .swiper-focus .swiper-slide .bg-img {
        height: 600px;
    }

    .swiper-focus video {
        height: 600px;
    }

    .swiper-focus .swiper-slide .focus-text-box .focus-text {
        width: 700px;
    }
}

/* ========= 顶部广告图 ========= */
.top-img {
    height: 150px;
}

.top-img.sm {
    height: 120px;
}

.top-img .con-box,
.top-img-md .con-box {
    bottom: 35px;
    padding: 10px 0;
}

.top-img .w-50 {
    width: 100% !important;
}

@media(min-width: 768px) {
    .top-img .con-box h2 {
        font-weight: bold;
    }

    .top-img {
        height: 280px;
    }

    .top-img .con-box,
    .top-img-md .con-box {
        padding: 25px 0;
    }

    .top-img .w-50 {
        width: 60% !important;
    }
}

@media(min-width: 1024px) {
    .top-img {
        height: 338px;
    }

    .top-img.top-img-md {
        min-height: auto;
    }

    .top-img .con-box,
    .top-img-md .con-box {
        padding: 35px 0;
    }
}

@media(min-width: 1336px) {
    .top-img {
        height: 338px;
    }

    .top-img.sm {
        height: 210px;
    }

    .top-img>img {
        display: none !important;
    }

    .top-img .con-box,
    .top-img-md .con-box {
        padding: 45px 0;
    }
}

@media(min-width: 1680px) {
    .top-img {
        height: 484px;
    }

    .top-img.sm {
        height: 250px;
    }

    .top-img .con-box,
    .top-img-md .con-box {
        padding: 50px 0;
    }

    .top-img .w-50 {
        width: 650px !important;
    }
}

/* ========= 列表 ========= */
/* 列表间距（上下左右） */
.list {
    margin-left: -7px;
    margin-right: -7px;
}

.list *[class^=col-] {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 20px;
}

.list-common .col-lg-4 .list-item {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.list-common .col-lg-3 .list-item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.list-common .list-item[class^=bg-] {
    padding: 30px 30px 60px 30px;
    max-width: 480px !important;
}

.list-common a.list-item[class^=bg-] {
    padding: 20px 30px 30px 30px;
}

.list .list-item {
    height: 100%;
}

@media(min-width: 768px) {
    .list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .list *[class^=col-] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
}

@media(min-width: 1024px) {
    .list {
        margin-left: -12px;
        margin-right: -12px;
    }

    .list *[class^=col-] {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 24px;
    }

    .list-common .col-lg-4 .list-item {
        max-width: 260px;
    }

    .list-common a.list-item[class^=bg-] {
        padding: 15px 20px 20px 20px;
    }
}

@media(min-width: 1336px) {
    .list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .list *[class^=col-] {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .list-common .col-lg-4 .list-item {
        max-width: 340px;
    }

    .list-common .col-lg-3 .list-item {
        max-width: 250px;
    }

    .list-common a.list-item[class^=bg-] {
        padding: 20px 40px 30px 40px;
    }
}

@media(min-width: 1680px) {
    .list {
        margin-left: -20px;
        margin-right: -20px;
    }

    .list *[class^=col-] {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px;
    }

    .list-common .col-lg-4 .list-item {
        max-width: 390px;
    }

    .list-common .col-lg-3 .list-item {
        max-width: 340px;
    }

    .list-common a.list-item[class^=bg-] {
        padding: 20px 50px 40px 50px;
    }

    .list-common .list-item[class^=bg-] {
        padding: 40px 40px 100px 40px;
    }
}

/* 圆角 */
.radius-10 {
    border-radius: 10px;
}

.radius-5 {
    border-radius: 5px;
}

/* 标题/描述 */
.list-title {
    font-weight: bold;
    color: #333;
    font-size: 17px;
    line-height: 1.3;
}

.list-des {
    color: #666;
    font-size: 13px;
    line-height: 1.6;
}

.list-icon-wrapper+.list-title,
.list-img-wrapper+.list-title {
    margin-top: 20px;
}

.list-title+.list-des {
    margin-top: 10px;
}

@media(min-width: 768px) {
    .list-title.xl {
        font-size: 28px;
    }

    .list-des.xl {
        font-size: 16px;
    }
}

@media(min-width: 1024px) {
    .list-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .list-des {
        font-size: 14px;
    }

    .list-des.lg {
        font-size: 16px;
    }

    .list-title.xl {
        font-size: 32px;
    }

    .list-des.xl {
        font-size: 18px;
    }

    .list-icon-wrapper+.list-title,
    .list-img-wrapper+.list-title {
        margin-top: 25px;
    }

    .list-title+.list-des {
        margin-top: 15px;
    }
}

@media(min-width: 1336px) {
    .list-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .list-title.xl {
        font-size: 36px;
    }

    .list-des.xl {
        font-size: 20px;
    }

    .list-icon-wrapper+.list-title,
    .list-img-wrapper+.list-title {
        margin-top: 28px;
    }

    .list-title+.list-des {
        margin-top: 18px;
    }
}

@media(min-width: 1680px) {
    .list-title {
        font-size: 24px;
    }

    .list-des {
        font-size: 15px;
    }

    .list-des.lg {
        font-size: 17px;
    }

    .list-des.md {
        font-size: 16px;
    }

    .list-title.xl {
        font-size: 40px;
    }

    .list-des.xl {
        font-size: 24px;
    }

    .list-icon-wrapper+.list-title,
    .list-img-wrapper+.list-title {
        margin-top: 35px;
    }

    .list-title+.list-des {
        margin-top: 20px;
    }
}

/* 图标 */
.list-common .list-icon-wrapper .iconfont {
    display: inline-block;
    line-height: 1;
    font-size: 48px;
}

.list-common .list-icon-wrapper.lg .iconfont {
    font-size: 70px;
}

.list-common .list-icon-wrapper img {
    width: 48px;
}

.list-common .list-icon-wrapper.round {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    color: #606266;
}

@media(min-width: 768px) {
    .list-common .list-icon-wrapper .iconfont {
        font-size: 48px;
    }

    .list-common .list-icon-wrapper img {
        width: 48px;
    }
}

@media(min-width: 1024px) {
    .list-common .list-icon-wrapper .iconfont {
        font-size: 48px;
    }

    .list-common .list-icon-wrapper img {
        width: 48px;
    }
}

@media(min-width: 1336px) {
    .list-common .list-icon-wrapper .iconfont {
        font-size: 56px;
    }

    .list-common .list-icon-wrapper.lg .iconfont {
        font-size: 80px;
    }

    .list-common .list-icon-wrapper img {
        width: 56px;
    }

    .list-common .list-icon-wrapper.round {
        width: 110px;
        height: 110px;
    }
}

@media(min-width: 1680px) {
    .list-common .list-icon-wrapper .iconfont {
        font-size: 64px;
    }

    .list-common .list-icon-wrapper.lg .iconfont {
        font-size: 110px;
    }

    .list-common .list-icon-wrapper.md .iconfont {
        font-size: 72px;
    }

    .list-common .list-icon-wrapper img {
        width: 64px;
    }

    .list-common .list-icon-wrapper.round {
        width: 130px;
        height: 130px;
    }
}

/* 图片 */
.list img.p-48 {
    max-width: 48%;
}

.list img.p-52 {
    max-width: 52%;
}

/* .list-common-img .list-img-wrapper{  max-width: 53%;} */
@media(min-width: 768px) {}

@media(min-width: 1024px) {}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {}

/* ========= 产品页面-应用场景 ========= */
.list-icon-left .list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    text-align: center;
    padding: 40px 15px;
    margin-bottom: 15px;
}

.list-icon-left .list-item .list-icon-wrapper {
    margin-bottom: 10px;
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .list-icon-left .list-item {
        flex-direction: row;
        text-align: left;
    }

    .list-icon-left .list-item .list-icon-wrapper {
        margin-left: 15px;
        margin-right: 25px;
    }
}

@media(min-width: 1336px) {
    .list-icon-left .list-item {
        padding: 40px 30px;
        margin-bottom: 15px;
    }

    .pro-scene .img-wrapper img {
        max-width: 82%;
    }
}

@media(min-width: 1680px) {
    .list-icon-left .list-item {
        padding: 63px 50px;
        margin-bottom: 20px;
    }

    .list-icon-left .list-item .list-icon-wrapper {
        margin-left: 30px;
        margin-right: 60px;
    }
}

.list-pro-scene .list-item {
    height: auto;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    padding: 20px 10px;
}

.list-pro-scene .list-con {
    margin-left: 10px;
}

@media(min-width: 1024px) {
    .list-pro-scene .list-item {
        padding: 42px 30px;
        margin-bottom: 20px;
    }

    .list-pro-scene .list-con {
        margin-left: 20px;
    }
}

@media(min-width: 1336px) {
    .pro-scene .img-wrapper img {
        max-width: 82%;
    }
}

@media(min-width: 1680px) {
    .list-pro-scene .list-item {
        padding: 63px 50px;
        margin-bottom: 20px;
    }

    .list-pro-scene .list-con {
        margin-left: 60px;
    }
}

/* ========= 首页-解决方案 ========= */
.list-hsolution .list-item {
    position: relative;
}

.list-hsolution .list-item .list-img-wrapper {
    position: relative;
}

.list-hsolution .list-item .list-img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .4s;
}

.list-hsolution .list-item .list-img-wrapper img:nth-child(1) {
    position: static;
    opacity: 1;
}

.list-hsolution .list-item .list-img-wrapper img:nth-child(2) {
    opacity: 0;
}

.list-hsolution .list-des {
    margin-bottom: 82px;
}

.list-hsolution .list-more {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .list-hsolution .list-item {
        height: 425px;
    }

    .list-hsolution .list-des {
        margin-bottom: 82px;
    }

    .list-hsolution .list-more {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

    /* 鼠标效果 */
    .list-hsolution .list-item:hover .list-img-wrapper img:nth-child(1) {
        position: absolute;
        opacity: 0;
    }

    .list-hsolution .list-item:hover .list-img-wrapper img:nth-child(2) {
        position: static;
        opacity: 1;
    }

    .list-hsolution .list-item:hover .list-img-wrapper img {
        max-width: 60%;
        width: 60%;
    }
}

@media(min-width: 1336px) {
    .list-hsolution .list-item {
        height: 484px;
    }

    .list-hsolution .list-des {
        margin-bottom: 90px;
    }

    .list-hsolution .list-more {
        position: absolute;
        right: 40px;
        bottom: 30px;
    }
}

@media(min-width: 1680px) {
    .list-hsolution .list-item {
        height: 560px;
    }

    .list-hsolution .list-des {
        margin-bottom: 114px;
    }

    .list-hsolution .list-more {
        right: 50px;
        bottom: 40px;
    }
}

/* ========= 首页产品 ========= */
.swiper-hpro .case-con .swiper-wrapper {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.swiper-hpro .case-con .swiper-wrapper .swiper-slide {
    border-bottom-width: 0;
}

.swiper-hpro .case-con .swiper-wrapper .swiper-item {
    padding: 15px 5px;
}

.swiper-hpro .case-con .swiper-wrapper .swiper-item {
    margin-left: 8px;
    margin-right: 8px;
}

.swiper-hpro .case-con .commen-btn {
    margin-left: 5px;
}

.swiper-hpro .case-con .swiper-wrapper .swiper-slide-thumb-active .swiper-item {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);
}

.swiper-hpro .case-con .swiper-wrapper .icon-wrapper .iconfont {
    font-size: 26px;
    line-height: 1;
}

.swiper-hpro .case-con .swiper-wrapper .slide-title {
    font-size: 15px;
    color: #333;
    line-height: 32px;
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .swiper-hpro .case-con .swiper-wrapper {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width: 1024px) {}

@media(min-width: 1336px) {
    .swiper-hpro .case-con .swiper-wrapper .swiper-item {
        padding: 25px 10px;
        cursor: pointer;
    }

    .swiper-hpro .case-con .swiper-wrapper .icon-wrapper .iconfont {
        font-size: 32px;
    }
}

@media(min-width: 1680px) {
    .swiper-hpro .case-con .swiper-wrapper .swiper-item {
        padding: 30px 10px;
    }

    .swiper-hpro .case-con .swiper-wrapper .icon-wrapper .iconfont {
        font-size: 38px;
    }

    .swiper-hpro .case-con .swiper-wrapper .slide-title {
        font-size: 16px;
        line-height: 40px;
    }
}

/* ========= 滑动案例菜单（首页）-swiper-hmenu ========= */
.swiper-hmenu {
    justify-content: center;
    margin: 0 5px !important;
}

.swiper-hmenu .swiper-slide {
    position: relative;
    max-width: 400px !important;
    padding: 10px 5px 18px 5px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.swiper-hmenu .swiper-slide::before {
    position: absolute;
    content: '';
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-image: linear-gradient(to right, #F7B200 0%, #FFC107 50%, #FFB300 100%);
    transition: .4s;
}

.swiper-hmenu .swiper-slide-thumb-active::before,
.swiper-hmenu .swiper-slide:hover::before {
    height: 6px;
}

.swiper-hmenu .icon-wrapper .iconfont {
    font-size: 32px;
    line-height: 1;
}

.swiper-hmenu .list-title {
    margin-top: 2px;
    margin-bottom: 0;
}

/* 案例图片 */
.case-img-wrapper {
    position: relative;
    max-width: 680px;
    height: 0;
    padding-top: 67.06%;
    margin: 0 auto;
}

.case-img-wrapper>* {
    position: absolute;
    max-height: none;
}

.case-img-wrapper .pc-bg {
    z-index: 1;
    left: 0;
    top: 2.5%;
    width: 93.38%;
}

.case-img-wrapper .pc {
    z-index: 2;
    top: 6.3%;
    left: 10.57%;
    width: 72.33%;
}

.case-img-wrapper .mb-bg {
    z-index: 3;
    top: 0;
    right: 0;
    width: 31.91%;
}

.case-img-wrapper .mb {
    z-index: 4;
    top: 4.9%;
    right: 1.5%;
    width: 29.15%;
    /* border-radius: 5px; */
}

@media(min-width: 768px) {
    .swiper-hmenu .swiper-slide {
        display: flex;
        text-align: left;
        padding: 14px 20px 22px 20px;
    }

    .swiper-hmenu .icon-wrapper {
        display: none;
    }

    .swiper-hmenu .list-title {
        margin-top: 0;
    }

    .swiper-hmenu .list-des {
        margin-top: 5px;
    }
}

@media(min-width: 1024px) {
    .swiper-hmenu {
        margin: 0 10px !important;
    }

    .swiper-hmenu .swiper-slide {
        padding: 20px 20px 28px 20px;
    }

    .swiper-hmenu .icon-wrapper {
        display: block;
        margin-right: 15px;
    }

    .swiper-hmenu .icon-wrapper .iconfont {
        font-size: 46px;
    }

    .swiper-hmenu .list-des {
        margin-top: 0;
    }
}

@media(min-width: 1336px) {
    .swiper-hmenu .swiper-slide {
        padding: 24px 35px 32px 35px;
    }

    .swiper-hmenu .icon-wrapper {
        margin-right: 20px;
    }

    .swiper-hmenu .icon-wrapper .iconfont {
        font-size: 56px;
    }

    .swiper-hmenu .list-title {
        margin-bottom: 5px;
    }
}

@media(min-width: 1680px) {
    .swiper-hmenu .icon-wrapper .iconfont {
        font-size: 64px;
    }
}

/* ========= 滑动案例菜单-swiper-menu ========= */
.swiper-menu {
    border-bottom: 1px solid #ededed;
}

.swiper-menu .swiper-slide {
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.swiper-menu .swiper-slide-thumb-active {
    border-bottom-color: #FF9900;
}

.swiper-menu .icon-wrapper {
    line-height: 1;
}

.swiper-menu .icon-wrapper .iconfont {
    color: #5E5E5E;
    font-size: 24px;
    line-height: 1;
}

.swiper-menu .slide-title {
    color: #333;
    font-size: 15px;
    line-height: 40px;
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .swiper-menu .swiper-wrapper {
        justify-content: center;
    }

    .swiper-menu .swiper-slide {
        width: auto !important;
        margin: 0 15px !important;
    }
}

@media(min-width: 1024px) {
    .swiper-menu .swiper-slide {
        margin: 0 20px !important;
    }

    .swiper-menu .icon-wrapper .iconfont {
        font-size: 32px;
    }

    .swiper-menu .slide-title {
        font-size: 16px;
        line-height: 54px;
        padding-bottom: 5px;
    }
}

@media(min-width: 1336px) {
    .swiper-menu .swiper-slide {
        margin: 0 30px !important;
    }
}

@media(min-width: 1680px) {
    .swiper-menu .icon-wrapper .iconfont {
        font-size: 38px;
    }

    .swiper-menu .slide-title {
        font-size: 18px;
    }
}

/* ========= 案例case-item-wrapper ========= */
.case-item-wrapper .case-con {
    padding: 20px 0;
}

.case-item-wrapper .case-subtitle {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
}

@media(min-width: 1024px) {
    .case-item-wrapper .case-con {
        padding: 30px 10px;
    }
}

@media(min-width: 1336px) {
    .case-item-wrapper .case-subtitle {
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 8px;
    }
}

@media(min-width: 1680px) {
    .case-item-wrapper .case-con {
        padding: 35px 15px;
    }

    .case-item-wrapper .case-subtitle {
        font-size: 18px;
        margin-top: 35px;
        margin-bottom: 10px;
    }
}

/* ========= 成功案例swiper ========= */
.case-wrapper {
    position: relative;
}

.swiper-case {
    margin-left: 50px;
    margin-right: 50px;
}

.case-wrapper .swiper-button-prev {
    left: -5px;
}

.case-wrapper .swiper-button-next {
    left: auto;
    right: -5px;
}

.case-wrapper .swiper-button-prev,
.case-wrapper .swiper-button-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: -40px;
    background-color: #F1F2F3;
    border-radius: 50%;
    background-image: none !important;
    transition: .4s;
}

.case-wrapper .swiper-button-prev:hover,
.case-wrapper .swiper-button-next:hover {
    background-color: #000;
    color: #fff;
}

.case-wrapper .swiper-button-prev .iconfont,
.case-wrapper .swiper-button-next .iconfont {
    font-size: 16px;
}

@media(min-width: 768px) {
    .case-wrapper .swiper-button-prev {
        left: 0px;
    }

    .case-wrapper .swiper-button-next {
        left: auto;
        right: 0px;
    }
}

@media(min-width: 1024px) {

    .case-wrapper .swiper-button-prev,
    .case-wrapper .swiper-button-next {
        margin-top: -44px;
    }
}

@media(min-width: 1336px) {

    .case-wrapper .swiper-button-prev,
    .case-wrapper .swiper-button-next {
        margin-top: -60px;
    }
}

@media(min-width: 1680px) {
    .swiper-case {
        margin-left: 70px;
        margin-right: 70px;
    }

    .case-wrapper .swiper-button-prev,
    .case-wrapper .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .case-wrapper .swiper-button-prev .iconfont,
    .case-wrapper .swiper-button-next .iconfont {
        font-size: 20px;
    }
}

/* ========= 客户 ========= */
.list-customer {
    overflow: hidden;
    padding-top: 5px;
}

.list-customer .col-4 {
    margin-bottom: 15px;
}

.list-customer .list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* padding: 5px 0; */
}

.list-customer .list-item img {
    max-height: 48px;
}

@media(min-width: 768px) {
    .list-customer .list-item img {
        max-height: 65px;
    }
}

@media(min-width: 1024px) {
    .list-customer {
        overflow: visible;
    }

    .list-customer .list-item img {
        max-height: 60px;
    }
}

@media(min-width: 1336px) {
    .list-customer .col-4 {
        margin-bottom: 24px;
    }

    .list-customer .list-item img {
        max-height: 74px;
    }
}

@media(min-width: 1680px) {
    .list-customer {
        margin-left: -12px;
        margin-right: -12px;
    }

    .list-customer .col-4 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .list-customer .list-item img {
        max-height: 90px;
    }
}

/* ========= 生态合作-咨询 ========= */
.list-consult .list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    transition: .4s;
}

.list-consult .list-icon-wrapper .iconfont {
    font-size: 44px;
    line-height: 1;
}

.list-consult .consult-title {
    color: #000;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0;
}

.list-consult .consult-btn {
    font-size: 14px;
    color: #000 !important;
    line-height: 20px;
    height: 20px;
    transform: translateY(0);
    overflow: hidden;
    transition: .4s;
}

@media(min-width: 768px) {
    .list-consult .consult-title {
        margin-top: 5px;
    }
}

@media(min-width: 1024px) {
    .list-consult .consult-btn {
        height: 0;
        transform: translateY(10px);
    }

    .list-consult .list-item:hover {
        background-color: #fafafa !important;
        box-shadow: 0 8px 10px 3px rgba(0, 0, 0, .1);
    }

    .list-consult .list-item:hover .list-icon-wrapper .iconfont,
    .list-consult a:hover .list-item .list-icon-wrapper .iconfont,
    .list-consult a:visited .list-item .list-icon-wrapper .iconfont {
        color: initial !important;
    }

    .list-consult .list-item:hover .consult-btn {
        height: 20px;
        transform: translateY(5px);
    }
}

@media(min-width: 1336px) {
    .list-consult .list-item {
        width: 170px;
        height: 170px;
    }

    .list-consult .list-icon-wrapper .iconfont {
        font-size: 56px;
    }

    .list-consult .consult-title {
        font-size: 17px;
    }

    .list-consult .consult-btn {
        font-size: 15px;
    }
}

@media(min-width: 1680px) {
    .list-consult .list-item {
        width: 220px;
        height: 220px;
    }

    .list-consult .list-icon-wrapper .iconfont {
        font-size: 64px;
    }

    .list-consult .consult-title {
        font-size: 18px;
        margin-top: 10px;
    }

    .list-consult .list-item:hover .consult-btn {
        font-size: 16px;
        transform: translateY(10px);
    }
}

/* ========= 关于我们-简介 ========= */
.about-des {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-top: 20px;
}

@media(min-width: 768px) {
    .about-des {
        font-size: 17px;
        margin-top: 0px;
    }
}

@media(min-width: 1024px) {
    .about-des {
        font-size: 22px;
    }
}

@media(min-width: 1336px) {
    .about-des {
        font-size: 26px;
    }
}

@media(min-width: 1680px) {
    .about-des {
        font-size: 30px;
    }
}

/* ========= 关于我们-联系我们 ========= */
.list-contact {
    overflow: hidden;
}

.list-contact .list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.list-contact .icon-wrapper {
    margin-top: 10px;
    margin-bottom: 15px;
}

.list-contact .list-des {
    color: #333;
    font-size: 14px;
    width: 235px;
    margin-left: auto;
    margin-right: auto;
}

.list-contact .list-img {
    margin-top: 20px;
}

@media(min-width: 1024px) {
    .list-contact {
        overflow: visible;
    }

    .list-contact .list-item,
    .list-contact .list-item .icon-wrapper {
        transition: .4s;
    }
}

@media(min-width: 1336px) {
    .list-contact .icon-wrapper {
        margin-bottom: 25px;
    }
}

@media(min-width: 1680px) {
    .list-contact .list-item[class^=bg-] {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .list-contact .list-des {
        font-size: 16px;
        width: 270px;
    }

    .list-contact .list-img {
        margin-top: 30px;
    }
}

/* ========= 统计 ========= */
.list-census .timer_2022 {
    position: relative;
    font-size: 24px;
    line-height: 1.15;
    margin-bottom: 10px;
}

.list-census .timer_2022::after {
    position: absolute;
    display: inline-block;
    content: '+';
    color: #000;
}

@media(min-width: 768px) {
    .list-census .timer_2022 {
        font-size: 30px;
    }
}

@media(min-width: 1024px) {
    .list-census .timer_2022 {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .list-census .timer_2022::after {
        transform: translateX(-5px);
    }
}

@media(min-width: 1336px) {
    .list-census .timer_2022 {
        font-size: 60px;
    }
}

@media(min-width: 1680px) {
    .list-census .timer_2022 {
        font-size: 64px;
        margin-bottom: 20px;
    }
}

/* ========= 关于我们-使命，愿景 ========= */
.list-mission {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.list-mission .list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    margin: 0 7px;
    padding: 0 10px;
}

.list-mission .list-des {
    color: #333;
    margin-top: 5px !important;
}

@media(min-width: 768px) {
    .list-mission .list-item {
        width: 250px;
        height: 250px;
        margin: 0 12px;
    }
}

@media(min-width: 1024px) {
    .list-mission .list-item {
        width: 300px;
        height: 300px;
        margin: 0 15px;
    }
}

@media(min-width: 1336px) {
    .list-mission .list-item {
        width: 360px;
        height: 360px;
        margin: 0 20px;
    }
}

@media(min-width: 1680px) {
    .list-mission .list-item {
        width: 400px;
        height: 400px;
    }
}

/* ========= 关于我们-招聘 ========= */
.list-job .card {
    margin-bottom: 10px;
    border-width: 0;
}

.list-job .card-header {
    position: relative;
    padding: 0;
    border-width: 0;
    background-color: white;
    border-radius: 5px !important;
}

.list-job .card-link {
    line-height: 58px;
    padding: 0 15px;
}

.list-job .card-link,
.list-job .card-link:hover {
    color: #333;
}

.list-job .card-name {
    font-size: 16px;
    /* font-weight: bold; */
    margin-right: 20px;
}

.list-job .card-des {
    position: relative;
    font-size: 14px;
    padding: 0 15px;
}

.list-job .card-des+.card-des::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    bottom: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #797979;
}

.list-job .card-link .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    transition: .4s;
}

.list-job .card-link .iconfont {
    transform: rotate(90deg);
}

.list-job .card-link.collapsed .iconfont {
    transform: rotate(0);
}

.list-job .collapse,
.list-job .collapsing {
    margin-top: 10px;
}

.list-job .card-body {
    padding: 0 15px 15px 15px;
}

.list-job .card-body-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

.list-job .card-body-con {
    font-size: 14px;
}

.list-job .card-body-con p {
    margin-bottom: 0;
    line-height: 2;
}

@media(min-width: 768px) {
    .list-job .card-link {
        padding: 0 20px;
    }

    .list-job .card-body {
        padding: 0 40px 30px 40px;
    }

    .list-job .card-name {
        min-width: 90px;
    }

    .list-job .card-body-title {
        margin-top: 30px;
    }
}

@media(min-width: 768px) {
    .list-job .card-header:hover {
        background-color: #fafafa;
    }
}

@media(min-width: 1680px) {
    .list-job .card-link {
        line-height: 64px;
    }
}

/* ========= 网站底部 ========= */
.ft-wrapper,
.ft-wrapper a {
    color: white;
    transition: .4s;
}

.ft-wrapper .ft-news-wrapper a,
.ft-bottom,
.ft-bottom a {
    color: #e5e5e5;
}

.ft-wrapper a:hover {
    color: white;
}

.ft-wrapper {
    font-size: 14px;
}

.ft-wrapper .ft-top {
    background-color: #0069F8;
}

.ft-wrapper .ft-bottom {
    background-color: #0767ec;
}

.ft-menu-wrapper {
    padding: 40px 0;
}

.ft-wrapper .ft-news-wrapper {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.ft-menu-wrapper {
    display: flex;
    justify-content: space-between;
}

.ft-menu-wrapper .left {
    display: flex;
    flex-basis: 60%;
    width: 60%;
}

.ft-menu-wrapper dl,
.ft-menu-wrapper .phont-wrapper {
    margin-right: 20px;
}

.ft-menu-wrapper dt,
.ft-menu-wrapper .phont-wrapper .text-des {
    font-size: 16px;
    color: white;
    line-height: 40px;
    font-weight: bold;
}

.ft-menu-wrapper dd {
    margin: 0;
    line-height: 40px;
}

.ft-menu-wrapper .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-basis: 40%;
    width: 40%;
}

/* ft 电话 */
.ft-menu-wrapper .phont-wrapper {
    display: flex;
    line-height: 1;
    width: 290px;
    margin-right: 0;
}

.ft-menu-wrapper .phont-wrapper .iconfont {
    font-size: 32px;
    margin-top: 42px;
}

.ft-menu-wrapper .phont-wrapper .con {
    margin-left: 5px;
}

.ft-menu-wrapper .phont-wrapper .text-title {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 1;
}

/* ft 二维码 */
.ft-menu-wrapper .link-wrapper {
    width: 290px;
    margin-top: 10px;
}

.ft-menu-wrapper .link-wrapper>.text-des {
    color: white;
    line-height: 40px;
    margin-bottom: 5px;
}

.ft-menu-wrapper .link-wrapper .list-link {
    display: flex;
}

.ft-menu-wrapper .link-wrapper .list-item {
    position: relative;
    margin-right: 10px;
}

.ft-menu-wrapper .link-wrapper .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: .4s;
}

.ft-menu-wrapper .link-wrapper .iconfont {
    color: rgba(255, 255, 255, .95);
    font-size: 20px;
    transition: .4s;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.ft-menu-wrapper .link-wrapper .list-item .icon-wrapper.bg-weixin {
    background-color: #33CC66;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .icon-wrapper.bg-weixin {
    background-color: #1dad4d;
}

.ft-menu-wrapper .link-wrapper .list-item .icon-wrapper.bg-weibo {
    background-color: #FF6633;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .icon-wrapper.bg-weibo {
    background-color: #e2501f;
}

.ft-menu-wrapper .link-wrapper .list-item .icon-wrapper.bg-douyin {
    background-color: #000000;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .icon-wrapper.bg-douyin {
    background-color: #000000;
}

.ft-menu-wrapper .link-wrapper .list-item .icon-wrapper.bg-zhihu {
    background-color: #199ED8;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .icon-wrapper.bg-zhihu {
    background-color: #0d8ac0;
}

.ft-menu-wrapper .link-wrapper .mask-wrapper {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 160px;
    margin-left: -80px;
    padding-bottom: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    transition: .4s;
}

.ft-menu-wrapper .link-wrapper .list-item:hover .mask-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.ft-menu-wrapper .link-wrapper .bg-white {
    position: relative;
    padding: 10px 20px;
    border-radius: 3px;
}

.ft-menu-wrapper .link-wrapper .bg-white::before {
    position: absolute;
    z-index: 2;
    content: '';
    left: 50%;
    bottom: -20px;
    width: 0px;
    height: 0;
    margin-left: -11px;
    border: 10px solid transparent;
    border-top-color: white;
}

.ft-menu-wrapper .link-wrapper .text-des {
    font-size: 13px;
}

/* ft 新闻列表 */
.list-ft-news {
    display: flex;
    justify-content: center;
}

.list-ft-news .list-item {
    position: relative;
    padding: 0 15px;
}

.list-ft-news .list-item .mask-wrapper {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 300px;
    height: 320px;
    padding: 20px 0 20px 20px;
    margin-left: -150px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    transition: .4s;
}

.list-ft-news .list-item .mask-wrapper.map {
    width: 120px;
    height: 160px;
    margin-left: -60px;
}

.list-ft-news .list-item:hover .mask-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.list-ft-news .list-item .mask-wrapper ul {
    height: 280px;
    padding-right: 20px;
    overflow-y: auto;
}

.list-ft-news .list-item .text-title {
    line-height: 80px;
}

.list-ft-news .list-item:hover .text-title a {
    color: white;
}

.list-ft-news .list-item ul li a {
    display: block;
    line-height: 32px;
    color: #777;
}

.list-ft-news .list-item ul li a:hover {
    color: #000;
}

/* 网站底部 */
.ft-bottom {
    padding: 30px 0 40px 0;
    line-height: 30px;
}

@media(max-width: 1023px) {
    .ft-menu-wrapper {
        padding: 0 0 10px 0;
    }

    .ft-menu-wrapper .right {
        flex-basis: 100%;
        width: 100%;
        align-items: center;
    }

    /* ft 电话 */
    .ft-menu-wrapper .phont-wrapper {
        width: auto;
    }

    .ft-bottom .info-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .ft-bottom .info-wrapper .d-flex {
        justify-content: center;
    }
}

@media(min-width: 1336px) {
    .ft-menu-wrapper dl {
        margin-right: 30px;
    }

    .ft-menu-wrapper .phont-wrapper {
        width: auto;
        margin-right: 50px;
    }

    .ft-menu-wrapper .link-wrapper {
        width: auto;
        margin-top: 0;
    }

    .ft-menu-wrapper .left,
    .ft-menu-wrapper .right {
        flex-basis: 50%;
        width: 50%;
    }

    .ft-menu-wrapper .right {
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-start;
    }
}

@media(min-width: 1680px) {

    .ft-menu-wrapper dl,
    .ft-menu-wrapper .phont-wrapper {
        margin-right: 70px;
    }
}

/* ========= 新闻菜单 ========= */
.title-03 {
    margin-top: 15px;
}

.title-03 h2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px;
}

.title-03 h2 a {
    display: flex;
    font-size: 15px;
    line-height: 42px;
    color: #000;
    padding: 0 15px;
    border-radius: 22px;
    margin: 0 5px;
}

.title-03 h2 a.active,
.title-03 h2 a:hover {
    background-color: #F2F2F2;
}

@media(min-width: 768px) {
    .title-03 {
        margin-top: 30px;
    }

    .title-03 h2 {
        padding: 16px;
    }

    .title-03 h2 a {
        font-size: 16px;
        line-height: 32px;
        padding: 0 10px;
        margin: 0 5px;
    }
}

@media(min-width: 1024px) {
    .title-03 h2 a {
        margin: 0 12px;
    }
}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {}

/* ========= 新闻列表swiper ========= */
.common-news .swiper-button-prev,
.common-news .swiper-button-next {
    background-color: #ddd;
}

.common-news .list-news .news-con {
    padding-bottom: 52px;
}

.swiper-news {
    padding: 8px 8px 0 8px;
}

.swiper-news .swiper-pagination {
    justify-content: center;
    bottom: 0px !important;
}

.swiper-news .swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50%;
    margin: 0 3px !important;
    opacity: .6 !important;
}

/* .swiper-news{  margin-left: 50px;  margin-right: 50px;} */
@media(min-width: 768px) {
    .swiper-news {
        padding-bottom: 15px;
    }
}

@media(min-width: 1024px) {
    .swiper-news {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px;
    }
}

@media(min-width: 1336px) {}

@media(min-width: 1680px) {
    .swiper-news>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px !important;
    }
}

/* ========= 新闻列表 ========= */
.list-news .list-item {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.list-news .img-wrapper {
    height: 210px;
    background-color: rgba(0, 0, 0, .08);
}

.list-news .news-con {
    padding: 20px 20px 32px 20px;
}

.list-news .news-title {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    height: 48px;
}

.list-news .news-des {
    color: #797979;
    font-size: 14px;
    line-height: 20px;
    height: 180px;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    margin-bottom: 30px;
}

.list-news .news-time {
    color: #797979;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.list-news .news-more {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #E7E8E9;
    border-radius: 50%;
    transition: .4s;
}

.list-news .news-more .iconfont {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    transition: .4s;
}

.list-news .list-item:hover .news-more {
    background-color: #000;
}

.list-news .list-item:hover .news-more .iconfont {
    color: white;
}

.list-news .list-tag {
    position: relative;
    z-index: 2;
    left: 0;
    bottom: 50px;
    width: calc(100% - 70px);
    height: 20px;
    padding: 0 70px 0 20px;
    overflow: hidden;
}

.list-tag {
    display: flex;
    flex-wrap: wrap;
}

@media(min-width:380px) and (max-width: 767px) {
    .list-news .list-tag {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}

.list-tag .list-tag-item {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    background-color: #F1F2F3;
    margin-right: 5px;
    margin-bottom: 10px;
    word-break: keep-all;
    white-space: nowrap;
}

.list-tag .list-tag-item:hover {
    color: #000;
}

/* 纯标签列表项 */
.list-news .list-item-tag {
    padding: 20px;
}

.list-news .list-item-tag .news-con {
    height: auto;
    padding: 0;
    overflow: auto;
}

.list-news .list-item-tag .news-title {
    height: auto;
    margin-bottom: 10px;
}

.list-news .list-item-tag .list-tag {
    position: static;
    padding: 0;
    width: 100%;
    height: auto;
}

@media(min-width: 768px) {
    .list-news .list-item-tag .news-con {
        height: 325px;
    }
}

@media(min-width: 1024px) {
    .list-news .img-wrapper {
        height: 130px;
    }

    .list-news .news-des {
        height: 100px;
        -webkit-line-clamp: 5;
        line-clamp: 5;
    }

    .list-news .list-tag {
        transition: .4s;
    }

    .list-news .hover-up:hover+.list-tag,
    .list-news .hover-up-shadow:hover+.list-tag {
        bottom: 60px;
    }

    .list-news .list-item-tag .news-con {
        height: 245px;
    }
}

@media(min-width: 1336px) {
    .list-news .img-wrapper {
        height: 170px;
    }

    .list-news .news-des {
        height: 140px;
        -webkit-line-clamp: 7;
        line-clamp: 7;
    }

    .list-news .list-item-tag .news-con {
        height: 285px;
    }
}

@media(min-width: 1680px) {
    .list-news .img-wrapper {
        height: 210px;
    }

    .list-news .news-des {
        height: 180px;
        -webkit-line-clamp: 9;
        line-clamp: 9;
    }

    .list-news .list-item-tag .news-con {
        height: 325px;
    }
}

/* ========= 新闻详情标题 ========= */
.detail-header {
    padding-top: 15px;
    margin-top: 40px;
    border-width: 0;
    border-top: 1px solid #E4E4E4;
}

.news-detail-wrapper {
    max-width: 1110px !important;
}

.news-detail-wrapper .tag-title {
    float: left;
    font-size: 16px;
    transform: translateY(-6px);
}

.news-detail-wrapper .commen-btn {
    margin-top: 20px;
}

.top-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.top-title .title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
}

.top-title .des {
    color: #000;
    font-size: 14px;
    line-height: 2.3;
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .top-title {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .top-title .title {
        font-size: 32px;
    }

    .top-title .des {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .news-detail-wrapper .commen-btn {
        margin-top: 5px !important;
    }
}

@media(min-width: 1336px) {

    .detail-header .title span,
    .detail-header .turn a {
        padding-left: 0;
    }
}

@media(min-width: 1680px) {
    .top-title {
        padding-top: 60px;
        padding-bottom: 60px;
    }

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

    .top-title .des {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

/* ========= 地图 ========= */
/* 地图-标题 */
.title-main-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

/* 地图-统计 */
.list-census-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

/* 地图 */
.map-out-wrapper {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1200px;
    height: 48%;
}

.map-out-wrapper .img-wrapper {
    opacity: .6;
}

.map-out-wrapper .img-wrapper img {
    width: 100%;
    max-width: none;
}

.map-out-wrapper .map-dot-list-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.rno-map-dot-text {
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 5px;
    font-size: 16px;
    line-height: 22px;
    color: #080707;
    white-space: nowrap;
}

@media (max-width:768px) {
    .rno-map-dot-text {
        font-size: 14px;
        line-height: 16px;
    }
}

.rno-map-dot-text.left {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 5px;
}

.rno-map-dot {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-right: 11px;
}

.rno-map-dot-layer {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
}

.rno-map-dot:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: inset #bbb 0 0 5px;
    box-shadow: inset #bbb 0 0 5px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
}

.rno-map-dot.style-1 {
    box-shadow: inset #bbb 0 0 5px;
    border-radius: 50%;
}

.rno-map-dot.style-1 .rno-map-dot-layer {
    width: 6px;
    height: 6px;
    background-color: #bbb;
    margin: -3px 0 0 -3px;
}

.rno-map-dot.style-1,
.rno-map-dot.style-1:after {
    -webkit-box-shadow: inset #bbb 0 0 5px;
    box-shadow: inset #bbb 0 0 5px;
}

.rno-map-dot.style-2 {
    box-shadow: inset #04C8DC 0 0 5px;
    border-radius: 50%;
}

.rno-map-dot.style-2 .rno-map-dot-layer {
    width: 6px;
    height: 6px;
    background-color: #04C8DC;
    margin: -3px 0 0 -3px;
}

.rno-map-dot.style-2,
.rno-map-dot.style-2:after {
    -webkit-box-shadow: inset #04C8DC 0 0 5px;
    box-shadow: inset #04C8DC 0 0 5px;
}

.rno-map-dot.style-3 {
    box-shadow: inset #FF7800 0 0 5px;
    border-radius: 50%;
}

.rno-map-dot.style-3 .rno-map-dot-layer {
    width: 6px;
    height: 6px;
    background-color: #FF7800;
    margin: -3px 0 0 -3px;
}

.rno-map-dot.style-3,
.rno-map-dot.style-3:after {
    -webkit-box-shadow: inset #FF7800 0 0 5px;
    box-shadow: inset #FF7800 0 0 5px;
}

.rno-map-dot,
.rno-map-dot-explain-txt {
    display: inline-block;
    vertical-align: middle;
}

.rno-map-dot-explain .rno-map-dot {
    position: relative;
}

.rno-map-dot-explain-txt {
    color: #fff;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.rno-map-dot-layer:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-box-shadow: inset #bbb 0 0 5px;
    box-shadow: inset #bbb 0 0 5px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
}

.rno-map-dot.animate.active:after,
.rno-map-dot.animate:hover:after {
    -webkit-animation: warn 2s ease-out .1s infinite;
    animation: warn 2s ease-out .1s infinite;
}

.rno-map-dot.animate.active .rno-map-dot-layer:after,
.rno-map-dot.animate:hover .rno-map-dot-layer:after {
    -webkit-animation: warn-2 2s ease-out 1.1s infinite;
    animation: warn-2 2s ease-out 1.1s infinite;
}

.rno-map-dot.style-1 .rno-map-dot-layer:after {
    -webkit-box-shadow: inset #bbb 0 0 5px;
    box-shadow: inset #bbb 0 0 5px;
}

.rno-map-dot.style-2 .rno-map-dot-layer:after {
    -webkit-box-shadow: inset #04C8DC 0 0 5px;
    box-shadow: inset #04C8DC 0 0 5px;
}

.rno-map-dot.style-3 .rno-map-dot-layer:after {
    -webkit-box-shadow: inset #FF7800 0 0 5px;
    box-shadow: inset #FF7800 0 0 5px;
}

@-webkit-keyframes warn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    5% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@keyframes warn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    5% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@-webkit-keyframes warn-2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    5% {
        opacity: 8;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(6);
        transform: scale(6);
    }
}

@keyframes warn-2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    5% {
        opacity: 8;
    }

    to {
        opacity: 0;
        -webkit-transform: scale(6);
        transform: scale(6);
    }
}

.rno-bubble {
    position: absolute;
    z-index: 6;
}

.rno-map-bubble {
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    cursor: default;
    pointer-events: none;
}

.rno-bubble-inner {
    font-size: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b3b7bf;
    border-radius: 2px;
    background-color: #fff;
    line-height: 18px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    position: static !important;
    left: 50%;
    top: 50%;
    min-width: 160px;
}

.rno-map-bubble .rno-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border-color: rgba(83, 98, 114, 0.4);
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.rno-map-bubble-title {
    padding: 0 16px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.37);
    line-height: 40px;
    background-color: #F5F7FA;
}

.rno-map-bubble-cont {
    padding: 8px 16px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 24px;
}

.rno-map-bubble .rno-bubble-inner:before {
    border-top-color: #2F5597;
}

.rno-bubble-bottom .rno-bubble-inner:before {
    margin-left: -8px;
    border-top-color: #b3b7bf;
}

.rno-bubble-bottom .rno-bubble-inner:after,
.rno-bubble-bottom .rno-bubble-inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid;
}

.rno-bubble .rno-bubble-inner:after,
.rno-bubble .rno-bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 8px dashed transparent;
}

.rno-bubble-bottom .rno-bubble-inner:after {
    margin-left: -7px;
    border-top-color: #fff;
}

.rno-map-dot.hover .rno-map-bubble,
.rno-map-dot:hover .rno-map-bubble {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.join-explain-wrapper .item {
    margin-bottom: 30px;
}

.join-explain-wrapper .item:last-child {
    margin-bottom: 0;
}

.join-explain-wrapper .title-wrapper {
    margin-bottom: 10px;
}

.join-explain-wrapper .title-wrapper .icon-wrapper {
    width: 50px;
    height: 50px;
}

.join-explain-wrapper .title-wrapper .icon-wrapper .iconfont {
    font-size: 30px;
    line-height: 46px;
}

.join-explain-wrapper .title-wrapper .title {
    font-size: 16px;
    margin-left: 10px;
}

/* ========= 客服 ========= */
/* .service-online .service .hidden-con{  opacity: 1 !important;  overflow: visible !important;  right: 400px !important;} */
.service-online .hidden-con .bg-white {
    width: 290px;
}

.service-online .hidden-con .bg-white .phone {
    color: #000;
}

.service-online .hidden-con .bg-white .phone .iconfont {
    font-size: 26px;
}

.service-online .hidden-con .bg-white .phone .des {
    color: #555;
    font-size: 15px;
    line-height: 1.2;
}

.service-intellect {
    align-items: center;
    margin: 15px 0;
}

.service-intellect:hover {
    color: initial;
}

.service-intellect .icon-wrapper {
    display: flex;
    align-items: center;
}

.service-intellect .iconfont {
    color: #333;
    font-size: 32px;
}

.service-intellect .con-wrapper {
    margin-left: 12px;
    line-height: 18px;
    font-size: 14px;
}

/*新增*/
.service-online .hidden-con .bg-white::before,
.service-online .hidden-con .bg-white::after {
    top: 55px;
}

.service-online .hidden-con .bg-white {
    width: 345px;
    padding: 11px 20px;
}

.service-wrapper {
    display: flex;
    justify-content: space-between;
}

.service-wrapper * {
    text-align: left !important;
    font-size: 16px !important;
}

.service-wrapper .text-title {
    color: #333;
}

.service-wrapper .phone {
    font-size: 20px !important;
    color: #3366FF !important;
    margin-bottom: 10px;
}

.service-wrapper .text-des {
    color: #aaa;
    font-size: 13px !important;
    line-height: 1.4;
}