@keyframes divMove {
    11% {
        left: -5%;
        bottom: 20%;
    }
    11% {
        left: 3%;
        bottom: 26%;
    }
    22% {
        left: 14%;
        bottom: 30%;
    }
    33% {
        left: 25%;
        bottom: 35%;
    }
    44% {
        left: 36%;
        bottom: 38%;
    }
    55% {
        left: 48%;
        bottom: 43%;
    }
    66% {
        left: 60%;
        bottom: 46%;
    }
    77% {
        left: 70%;
        bottom: 50%;
    }
    88% {
        left: 80%;
        bottom: 54%;
    }
    100% {
        left: 92%;
        bottom: 58%;
    }


}


@media screen and (min-width: 1024px) and (max-width: 1920px) {
    /* 头部导航开始 */
    .header-About {
        width: 100%;
        background: rgba(52, 16, 103, 0.5);
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header-About .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .header-title {
        width: 100%;
        margin: 60px auto 0px auto;
        position: absolute;
        z-index: 332;
        top: 30px;
        left: 11%;
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 50px;
        color: white;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 30px;
        color: white;
    }

    .header-title .container .free {
        width: 170px;
        height: 55px;
        background: #fcc718;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 55px;
        margin-top: 60px;
        display: block;
        font-weight: bold;
        font-size:20px;
    }

    .head-logo {
        width: 15%;
    }

    .head-logo h2 {
        display: none;
    }

    .mbnav {
        display: none;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .nav {
        width: 44%;
        margin-right: auto;
        padding-left: 92px;
    }

    .head-nav .nav-list .nav-item {
        margin-right: 35px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 660px;
        height: 264px;
        top: 72px;
        left: -300px;
        z-index: 99;
        line-height: 46px;
        background-color: #fff;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /*轮播图开始*/
    .index-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .index-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 83px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .index-banner .container .container-banner .title h1 {
        font-size: 40px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .index-banner .container .container-banner .title h2 {
        font-size: 60px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        text-align: right;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*轮播图结束*/
    /*应用模块开始*/
    .index-nav {
        width: 100%;
        position: relative;
        top: -46px;
        z-index: 9;
    }

    .index-nav .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        background: white;
        border-radius: 46px;
        height: 100px;
        align-items: center;
        justify-content: space-between;
        padding: 0 51px;
        box-sizing: border-box;
    }

    .index-nav .container li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .index-nav .container li p {
        margin-top: 7px;
        font-size: 12px;
    }

    .mobile-nav {
        display: none;
    }

    /*应用模块结束*/
    /*自驱系统开始*/
    .index-Since {
        width: 100%;
    }

    .index-Since .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }

    .index-Since .container .Since {
        margin-top: 80px;
    }

    .index-Since .container .Since-list {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
        box-sizing: border-box;
    }

    .index-Since .container .odreds {
        border-top: 3px solid #edebf5;
        border-bottom: 3px solid #edebf5;
    }

    .index-Since .container .Since-list .Since-item {
        width: 415px;
    }

    .index-Since .container .Since-list .Since-item h1 {
        color: #341067;
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
        margin: 25px 0px;
    }

    .index-Since .container .Since-list .Since-item p {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 17px;
    }

    .index-Since .container .Since-list .Since-item .icon {
        animation: jumpBoxbttont 1.8s infinite;
    }

    @keyframes jumpBoxbttont { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .mobile-Since {
        display: none;
    }

    /*自驱系统结束*/
    /*同行优势*/
    .index-advantage {
        width: 100%;
    }

    .index-advantage .container {
        width: 94%;
        max-width: 1000px;
        margin: 90px auto;
        height: 400px;
        position: relative;
    }

    .index-advantage .container .advantage-title {
        text-align: center;
    }

    .index-advantage .container .advantage-title h1 {
        color: #333333;
        font-size: 30px;
        font-weight: bold;
    }

    .index-advantage .container .advantage-title p {
        color: #333333;
        font-size: 35px;
        margin-top: 25px;
    }

    .index-advantage .container .advantage-title .button a {
        display: block;
        width: 200px;
        height: 56px;
        line-height: 56px;
        border-radius: 30px;
        background: linear-gradient(to right, #fc8e18, #ddb120);
        color: white;
        margin: 60px auto 0px auto;
        font-size: 18px;
    }

    .index-advantage .container .IMG {
        position: absolute;
        top: 0;
        left: 0;
        animation: heart 0.5s infinite;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .index-advantage .container .IMG1 {
        position: absolute;
        top: 23%;
        left: 13%;
        animation: xiagun 4s linear infinite;
        z-index: 3;
    }

    @keyframes xiagun {
        0% {
            transform: translateY(-1.5rem);
        }
        100% {
            transform: translateY(2.5rem);
        }
    }
    .index-advantage .container .IMG2 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        animation: heart 0.5s infinite;
    }

    .index-advantage .container .IMG3 {
        position: absolute;
        bottom: -4%;
        left: 30%;
        animation: jumpBoxtop 1.8s infinite;
    }

    .index-advantage .container .IMG4 {
        position: absolute;
        top: 11%;
        right: 0;
        animation: heart 0.5s infinite;
        z-index: 3;
    }

    .index-advantage .container .IMG5 {
        position: absolute;
        top: 56%;
        right: 15%;
        animation: jumpBoxbttont 1.8s infinite;
    }

    .index-advantage .container .icon {
        position: absolute;
        top: 38%;
        left: 15%;
        z-index: 1;
        animation: flying 10s infinite ease-in;
    }

    @keyframes flying {
        0% {
            bottom: -100px;
            transform: translateX(0);
        }

        50% {
            transform: translateX(100px);
        }

        100% {
            bottom: 1080px;
            transform: translateX(-200px);
        }
    }
    .index-advantage .container .icon1 {
        position: absolute;
        top: 56%;
        right: 24%;
    }

    .index-advantage .container .icon2 {
        position: absolute;
        top: 37%;
        right: 2%;
        z-index: 1;
    }

    .index-advantage .container .icon3 {
        position: absolute;
        bottom: 0;
        right: 2%;
        z-index: 1;
    }

    /*同行优势结束*/
    /*团队荣誉开始*/
    .index-honor {
        width: 100%;
        background: #ffffff;
        padding: 80px 0px;
        box-sizing: border-box;
    }

    .index-honor .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-honor .honor {
        position: relative;
    }

    .index-honor .honor .honor-list {
        display: flex;
        padding: 60px 0px;
        box-sizing: border-box;
        width: 1920px;
        overflow: hidden;
    }

    .index-honor .honor .honor-list .item {
        width: 32% !important;
    }

    .index-honor .honor .honor-button-prev {
        position: absolute;
        top: 100%;
        right: auto;
        left: 23%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }

    .index-honor .honor .honor-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .index-honor .honor .honor-button-next {
        position: absolute;
        left: 26%;
        top: 100%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }

    .index-honor .honor .honor-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    /*团队荣誉结束*/
    /*实战案例开始*/
    .index-Case {
        width: 100%;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .index-Case .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-Case .container .search {
        display: flex;
        width: 400px;
        height: 60px;
        background: #ffffff;
        border-radius: 12px;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .index-Case .container .search .input input {
        border: 0;
        background: 0;
    }

    .index-Case .container .tab .t-ul {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }

    .index-Case .container .tab .t-ul li {
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: white;
        border-radius: 5px;
        text-align: center;
        font-size: 12px;
    }

    .index-Case .container .tab .t-ul .active {
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .index-Case .container .tab .tab-list {
        margin-top: 60px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .index-Case .container .tab .tab-list::after {
        content: "";
        width: 310px;
    }

    .index-Case .container .tab .tab-list .tab-item {
        background: white;
        width: 310px;
        border-radius: 15px;
        overflow: hidden;
        padding: 15px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .img {
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title {
        padding: 12px 0px;
        box-sizing: border-box;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text {
        display: flex;
        align-items: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text h1 {
        font-size: 18px;
        color: #4f307b;
        font-weight: bold;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text .design {
        width: 74px;
        height: 36px;
        background: linear-gradient(to right, #dacfea, #dfd9f4);
        line-height: 36px;
        margin-left: 15px;
        color: #5c2ba3;
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title p {
        margin-top: 16px;
        color: #999999;
        line-height: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .title span {
        margin-top: 15px;
        display: block;
    }

    .index-Case .container .tab .tab-next {
        text-align: right;
        display: flex;
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .index-Case .container .tab .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .index-Case .container .tab .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    /*实战案例结束*/
    /*定制服务开始*/
    .index-service {
        width: 100%;
        padding-top: 80px;
    }

    .index-service .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .service .title {
        text-align: center;
        padding-top: 30px;
        box-sizing: border-box;
    }

    .service .title h1 {
        font-size: 30px;
        color: #341067;
    }

    .service .title p {
        padding-top: 30px;
        line-height: 25px;
        color: #4d4d4e;
        font-size: 16px;
        font-weight: 500;
    }

    .service .tab {
        background: #f8f8fa;
        border-radius: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 2px solid #ffffff;
    }

    .service .tab .t-ul {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
    }

    .service .tab .t-ul li {
        width: 48%;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }

    .service .tab .t-ul li .IMG {
        display: none;
    }

    .service .tab .t-ul li .icon {
        display: none;
    }

    .service .tab .t-ul li .button {
        display: none;
    }

    .service .tab .t-ul li h1 {
        font-size: 25px;
        color: #341067;
    }

    .service .tab .t-ul .active {
        width: 48%;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        border-radius: 12px 12px 0px 0px;
        position: relative;
    }

    .service .tab .t-ul .active .IMG {
        position: absolute;
        top: 5%;
        left: 25%;
        display: block;
    }

    .service .tab .t-ul .active .icon {
        position: absolute;
        top: 24%;
        left: 36%;
        display: block;
    }

    .service .tab .t-ul .active .button {
        position: absolute;
        top: 30%;
        left: 62%;
        display: flex;
        width: 85px;
        align-items: center;
        border-radius: 22px;
        background-image: linear-gradient(to right, #d42e42, #f96f78);
        justify-content: center;
    }

    .service .tab .t-ul .active .button .txt {
        height: 35px;
        line-height: 35px;
        color: #ffa6ac;
        font-size: 16px;
    }

    .service .tab .t-ul .active .button .icon1 {
        width: 30px;
        height: 35px;
        line-height: 35px;
    }

    .service .tab .t-ul .active .button .icon img {
        width: 100%;
        height: 100%;
    }

    .service .tab .t-ul .active h1 {
        color: #ffffff;
    }

    .service .tab .tab-box .service-list {
        display: flex;
        justify-content: space-between;
        background: #f8f8fa;
        padding: 20px 5px 0px 5px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .service-item {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item1 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item2 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;

    }

    .service .tab .tab-box .service-list .service-item .img {
        width: 300px;
        height: 90px;
        background-image: linear-gradient(to right, #2d65ea, #2d65ea);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item1 .img {
        width: 300px;
        height: 90px;
        background-image: linear-gradient(to right, #ff4c39, #ff8467);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item2 .img {
        width: 300px;
        height: 90px;
        background-image: linear-gradient(to right, #4714d0, #1b3ee3);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item .img .h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item1 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        width: 300px;
        text-align: center;
        line-height: 27px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .title-text {
        height: 250px;
    }

    .service .tab .tab-box .service-list .title-text .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .title-text .text h1 {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: bold;
    }

    .service .tab .tab-box .service-list .title-text .text p {
        color: #999999;
        margin-top: 6px;
    }

    .service .tab .tab-box .service-list .price {
        display: flex;
        align-items: center;
    }

    .service .tab .tab-box .service-list .price h1 {
        color: #c2c2c2;
        display: block;
    }

    .service .tab .tab-box .service-list .price i {
        color: #333333;
        font-weight: bold;
        display: block;
        margin: -15px 5px 0px 5px;
    }

    .service .tab .tab-box .service-list .price span {
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        display: block;
    }

    .service .tab .tab-box .service-price {
        padding: 66px 0px 0px 15px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-price .price {
        display: flex;
        align-items: center;

    }

    .service .tab .tab-box .service-price .price .discounts {
        color: #d32a3f;
        font-size: 20px;
    }

    .service .tab .tab-box .service-price .price .RMB {
        display: flex;
        margin: 0 15px;

    }

    .service .tab .tab-box .service-price .price .RMB .RMB1 {
        color: #d32a3f;
        font-weight: bold;
    }

    .service .tab .tab-box .service-price .price .RMB .RMB2 {
        font-weight: bold;
        font-size: 40px;
        background-image: linear-gradient(to right, #d32a3f, #fa7179);
        -webkit-background-clip: text;
        color: transparent;
    }

    .service .tab .tab-box .service-price .price .original {
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        color: #b5b5b5;
        text-align: center;
        background: #e5e5e5;
        text-decoration: line-through;
    }

    .service-coach {
        position: relative;
        margin-top: 60px;
        margin-bottom: 150px;
    }

    .service-coach .IMG {
        width: 482px;
        height: 190px;
        position: relative;
        z-index: 2;
    }

    .service-coach .IMG img {
        width: 100%;
        height: 100%;
    }

    .service-coach .coach {
        width: 561px;
        background: linear-gradient(to right, #430d89, #370f6e);
        height: 227px;
        padding: 65px;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        border-radius: 6px;
    }

    .service-coach .coach h1 {
        color: white;
        font-size: 25px;
        font-weight: bold;
    }

    .service-coach .coach h2 {
        color: white;
        font-size: 15px;
        margin-top: 15px;
    }

    .service-coach .coach .coach-once {
        width: 120px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border-radius: 50px;
        text-align: center;
        margin-top: 20px;
    }

    .service-coach .coach .coach-once a {
        color: #3e0e80;
    }

    /*定制服务结束*/
    /*超级资讯开始*/
    .index-information {
        width: 100%;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .Mobile-information {
        display: none;
    }

    .index-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .information .information-title {
        display: flex;
        justify-content: space-between;
    }

    .information .information-title .left .t-ul {
        display: flex;
    }

    .information .information-title .left .t-ul li {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #000000;
        background: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;

    }

    .information .information-title .left .t-ul .active {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;
        background: linear-gradient(to right, #4a149a, #6047ce);
    }

    .information .information-title {
        margin-top: 30px;
    }

    .information .information-title .right {
        width: 400px;
        display: flex;
        background: white;
        border-radius: 12px;
        height: 43px;
        line-height: 43px;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .information .information-title .right .input input {
        background: 0;
        border: 0;
    }

    .information .tab .tab-box {
        margin-top: 30px;
    }

    .information .tab .tab-box .information-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .information .tab .tab-box .information-list::after {
        content: "";
        width: 32%;
    }

    .information .tab .tab-box .information-list .information-item {
        width: 32%;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 12px;
    }

    .information .tab .tab-box .information-list .information-item:hover {
        background: #ffffff;
    }

    .information .tab .tab-box .information-list .information-item:hover .text .text-icon .txt {
        color: #602ea3;
        font-weight: bold;
    }

    .information-list .information-item .text {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .information-list .information-item .text .text-icon {
        display: flex;
        margin: 15px 0px;
    }

    .information-list .information-item .text .text-icon .txt {
        color: #4e4e4e;
    }

    .information-list .information-item .text .text1 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }

    .information-list .information-item .text .time {
        color: #341067;
        font-size: 16px;
        font-weight: bold;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .information .tab .tab-box .tab-next {
        text-align: right;
        display: flex;
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .information .tab .tab-box .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .page-information .page-information-cotent {
        position: relative;
    }

    .index-information-Top {
        width: 100%;
        background: linear-gradient(to bottom, #e2e7fd, #eff1f9);
        height: 412px;
        padding-top: 60px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        z-index: 3;
    }

    .index-information-Top .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-information-Top .container .information-Top {
        text-align: center;
        margin-top: 50px;
    }

    .index-information-Top .container .information-Top h1 {
        font-size: 25px;
    }

    .page-information .index-information-bottom {
        width: 100%;
        min-height: 100vh;
        /*animation: gradient 10s ease forwards infinite!important;*/
        /*background: linear-gradient(to right, #8ed973 0%, #8c62fc 45%, #8ed973 100%);*/
        /*animation: gradient 10s ease forwards infinite!important;*/
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
        /*background: linear-gradient(to right, #491399, #5e40c7);*/
        padding-bottom: 160px;
        box-sizing: border-box;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    .page-information .index-information-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .page-information .index-information-bottom .container .IMG {
        text-align: center;
    }

    .page-information .index-information-bottom .container .page-circle {
        width: 230px;
        height: 230px;
        background: rgba(207, 204, 240, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle {
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        border: 4px solid #ffffff;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .text {
        height: 190px;
        line-height: 190px;
        text-align: center;
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .icon {
        position: absolute;
        top: 17%;
        right: 17%;
    }

    .page-information .index-information-bottom .container .page-Ul {
        position: absolute;
        width: 600px;
        height: 300px;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-Ul ul {
        width: 600px;
        height: 300px;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-Ul li {
        display: flex;
        align-items: center;

    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(1) {
        position: absolute;
        top: 0;
        left: -16%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(2) {
        position: absolute;
        top: 46%;
        left: 8%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(3) {
        position: absolute;
        top: 46%;
        right: -11%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        right: -19%;
        text-align: left;
    }

    .page-information .index-information-bottom .container .page-Ul li .right {
        margin-right: 12px;
        margin-left: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p1 {
        font-size: 18px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p2 {
        font-size: 14px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .left {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        color: #ffffff;
        text-align: center;
        font-size: 20px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .right-img {
        display: flex;
    }

    .page-information .index-information-bottom .container .page-text {
        position: absolute;
        width: 600px;
        height: 250px;
        bottom: -8%;
        left: 50%;
        transform: translate(-50%, -0%);
        z-index: 6;
        background: rgba(93, 54, 190, 0.3);
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .page-information .index-information-bottom .container .page-text h1 {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 h1 {
        color: #e6466b;
        font-size: 14px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 p {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    /*超级资讯结束*/
    /*首页详情开始*/
    .index-details {
        width: 100%;
        padding-top: 120px;
        box-sizing: border-box;
        padding-bottom: 120px;
    }

    .index-details .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

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

    .details .details-left {
        width: 60%;
    }

    .details .details-left h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .details .details-left .details-left-content {
        margin-top: 20px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .details .details-left .details-left-content .fend {
        display: none;
    }

    .details .details-left .details-left-content p {
        margin-top: 15px;
        line-height: 25px;
        font-size: 15px;
    }

    .details .details-rgint {
        width: 20%;
    }

    .details .details-left .details-left-content p:nth-last-child(1) {
        margin-bottom: 15px;
    }

    .details .details-left .details-bottom {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-sizing: border-box;
    }

    .details .details-left .details-bottom .p1 .a {
        margin-bottom: 6px;
    }

    .details .details-left .details-bottom .p1 .a a {
        font-size: 12px;
        color: #666666;
    }

    .details .details-left .details-bottom .p2 a {
        display: block;
        width: 100px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        color: #ffffff;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
    }

    .details .details-rgint .time h1 {
        font-size: 50px;
        color: #333333;
        font-weight: bold;
        text-align: right;
    }

    .details .details-rgint .time h1 span {
        font-size: 20px;
        color: #333333;
        margin-left: 6px;
        font-weight: bold;
    }

    .details .details-rgint .time .txt {
        display: flex;
        width: 130px;
        height: 40px;
        border: 1px solid #dedede;
        padding: 12px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
        margin-left: auto;
    }

    .details .details-rgint .fend {
        margin-top: 20px;
    }

    .details .details-rgint .fend li a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin-left: auto;
        background: #e6e6e6;
    }

    .details .details-rgint .fend li .active {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-left: auto;
    }

    .details .details-rgint .fend li a:hover {
        background: linear-gradient(to right, #49149a, #6046cc);
        color: #ffffff;
    }

    /*首页详情结束*/
    /*logo*开始*/
    .index-logo {
        background: url("../images/banner11.png") no-repeat;
        background-size: cover;
        width: 1920px;
        height: 930px;
        position: relative;
    }

    .index-logo .container {
        width: 94%;
        max-width: 1000px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
    }

    .index-logo .container .logo-left {
        background: url("../images/banner12.png") no-repeat;
        background-size: cover;
        width: 446px;
        height: 409px;
        padding: 60px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-left h1 {
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .index-logo .container .logo-left h2 {
        font-size: 25px;
        color: #ffffff;
        margin-top: 20px;
    }

    .index-logo .container .logo-left p {
        font-size: 15px;
        color: #ffffff;
        margin-top: 10px;
    }

    .index-logo .container .logo-right {
        width: 446px;
        height: 409px;
        background: #ffffff;
        border-radius: 12px;
        margin-left: 20px;
        padding: 30px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-right h1 {
        font-size: 25px;
        color: #333333;
        text-align: center;
    }

    .index-logo .container .logo-right .input {
        display: flex;
        width: 350px;
        height: 50px;
        background: #ffffff;
        border-radius: 6px;
        border: 1px solid #f3f3f3;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 10px auto 0px auto;
    }

    .index-logo .container .logo-right .input .xing {
        color: #e6466b;
    }

    .index-logo .container .logo-right .input input {
        background: 0;
        border: 0;
    }

    .index-logo .container .logo-right .input input::placeholder {
        color: #0a0a0a;
    }

    .index-logo .container .logo-right .input .input1 {
        display: flex;
    }

    .index-logo .container .logo-right .input .input1 input::placeholder {
        color: #d3d3d3;
    }

    .index-logo .container .logo-right .input .input2 {
        width: 156px;
        height: 50px;
        line-height: 50px;
        border-radius: 6px;
        background: #460d93;
    }

    .index-logo .container .logo-right .input .input2 input {
        display: block;
        width: 156px;
        height: 50px;
        line-height: 60px;
        border-radius: 6px;
        background: #460d93;
        margin-right: auto;
    }

    .index-logo .container .logo-right .input .input2 input::placeholder {
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button {
        display: flex;
        width: 350px;
        height: 50px;
        background: #460d93;
        border-radius: 6px;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 20px auto 0px auto;
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button input {
        background: 0;
        border: 0;
        display: block;
        width: 350px;
        height: 50px;
        text-align: center;
    }

    /*logo结束*/
    .Menu {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(23, 23, 23, 0.4);
        z-index: 999;
        display: block;
    }

    .Menu .Menu-content {
        background: #fafafa;
        width: 900px;
        height: 500px;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .Menu .Menu-content .Menu-icon {
        position: absolute;
        top: -5%;
        right: 0;
    }

    .Menu .Menu-content .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text h1 {
        font-size: 25px;
        text-align: center;
    }

    .Menu .Menu-content .text .item {
        display: flex;
        align-items: center;
        background: white;
        width: 600px;
        height: 60px;
        margin: 20px auto 0px auto;
        /*border-radius: 30px;*/
        padding: 0px 60px;
        box-sizing: border-box;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
    }

    .Menu .Menu-content .text .item .item-title {
        display: flex;
        border-right: 1px solid #9f9f9f;
    }

    .Menu .Menu-content .text .item .item-title span {
        color: #f2626c;
    }

    .Menu .Menu-content .text .item .item-title h1 {
        font-size: 15px;
        padding-right: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .item .input input {
        background: 0;
        border: 0;
        padding-left: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .submit {
        width: 150px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        background: #3d299d;
        margin: 20px auto 0px auto;
        text-align: center;
    }

    .Menu .Menu-content .text .submit input {
        background: 0;
        border: 0;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .Menu .Menu-content .text .Menu-img {
        width: 40px;
        height: 40px;
        margin: 120px auto 15px auto;
    }

    .Menu .Menu-content .text .close {
        margin-top: 20px;
    }

    /*数据化管理闭环与人才成长开始*/
    .index-management {
        width: 100%;
        padding-top: 100px;
        box-sizing: border-box;
    }

    .index-management .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .management {
        position: relative;
    }

    .management .IMG-LI {
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .management .IMG-LI a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 30px;
    }

    .management .IMG-LI img {
        animation: spin 20s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    .management .IMG-LI ul {
        position: absolute;
        width: 600px;
        height: 600px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .management .IMG-LI ul li:nth-child(1) {
        position: absolute;
        bottom: -6%;
        left: 8%;
    }

    .management .IMG-LI ul li:nth-child(2) {
        position: absolute;
        bottom: 19%;
        left: -41%;
        display: flex;
    }

    .management .IMG-LI ul li:nth-child(3) {
        position: absolute;
        bottom: 56%;
        left: -35%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        left: -14%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(5) {
        position: absolute;
        top: -2%;
        right: -9%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(5) .i {
        margin-right: 0px;
    }

    .management .IMG-LI ul li:nth-child(6) {
        position: absolute;
        top: 20%;
        right: -27%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(6) .i {
        margin-right: 0px;
    }

    .management .IMG-LI ul li:nth-child(7) {
        position: absolute;
        top: 52%;
        right: -35%;
        display: flex;
        align-items: center;
    }

    .management .IMG-LI ul li:nth-child(7) .i {
        margin-right: 5px;
    }

    .management .IMG-LI ul li:nth-child(8) {
        position: absolute;
        top: 79%;
        right: -22%;
        display: flex;
    }

    .management .IMG-LI ul li:nth-child(8) .i {
        margin-right: 5px;
    }

    .management .IMG-LI ul li .i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        background-image: linear-gradient(to right, #6336bd, #885ee4);
        font-size: 16px;
        border-radius: 50%;
        margin-left: auto;
        margin-right: 27px;
    }

    .management .IMG-LI ul li .deploy {
        display: flex;
        align-items: center;
        margin-top: 6px;
    }

    .management .IMG-LI ul li .deploy .strategy {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-image: linear-gradient(to bottom, #f7f6fb, #e4dff3);
        color: #693dba;
        font-size: 18px;
        padding-top: 20px;
        box-sizing: border-box;
        font-weight: bold;
    }

    .management .IMG-LI ul li .deploy .tissue {
        margin-right: 12px;
        font-size: 15px;
    }

    .management .title {
        min-height: 50vh;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .management .title h1 {
        text-align: center;
        font-size: 30px;
        background-image: linear-gradient(to right, #b7a3da, #6538b3);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*font-style: oblique;*/
        /*Text-shadow: 1px 35px 20px rgb(81 51 192);*/
    }

    .management .title {
        margin-top: 60px;
        position: relative;
    }

    .management .title ul {
        display: flex;
        align-items: flex-end;
    }

    .management .title ul li {
        width: 20%;
    }

    .management .title ul li .img h1 {
        font-size: 15px;
    }

    .management .title ul li .one {
        background: #c8b9e2;
        height: 120px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .two {
        background: #b8a4da;
        height: 140px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .three {
        background: #a78ed2;
        height: 160px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .four {
        background-image: linear-gradient(to right, #9779cb, #a78ed2);
        height: 180px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .five {
        background-image: linear-gradient(to right, #9779cb, #8663c3);
        height: 200px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .six {
        background-image: linear-gradient(to right, #764ebb, #8663c3);
        height: 220px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .seven {
        background-image: linear-gradient(to right, #6538b3, #6538b3);
        height: 240px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .eight {
        background-image: linear-gradient(to right, #5523ab, #5523ab);
        height: 260px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .nine {
        background: #4a18a1;
        height: 280px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title .base {
        position: absolute;
        bottom: 24%;
        left: -5%;
        transition: all 360ms;
        animation: divMove 10s ease 3s infinite;


    }

    /*数据化管理闭环与人才成长结束*/
    .page-datamation {
        display: none !important;
    }
}


.management .title ul li .img img {
    display: block;
    margin: 0 auto;
}

.management .title ul li .img {
    margin-bottom: 30px;
}

@media screen and (min-width: 1023px) and (max-width: 1659px) {
    /* 头部导航开始 */
    .header {
        width: 100%;
        /* background: #fff; */
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }

    .header-title {
        width: 100%;
        margin: 60px auto 0px auto;
        position: absolute;
        z-index: 332;
        top: 30px;
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 50px;
        color: white;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 30px;
        color: white;
    }

    .header-title .container .free {
        width: 170px;
        height: 55px;
        background: #fcc718;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 55px;
        margin-top: 60px;
        display: block;
    }

    .head-logo {
        width: 15%;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .nav {
        width: 50%;
        margin-right: auto;
        padding-left: 92px;
    }

    .head-nav .nav-list .nav-item {
        margin-right: 35px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 660px;
        height: 264px;
        top: 72px;
        left: -300px;
        z-index: 99;
        line-height: 46px;
        background-color: #fff;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 7px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 21px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /* 首页轮播图开始 */
    .index-banner {
        /* margin-top: 12px; */
    }

    .index-banner .swiper-container .swiper-wrapper {
        /*height: 800px;*/
    }

    .index-img {
        position: relative;
    }

    .Mobile-banner {
        display: none;
    }

    .index-img header {
        height: 75vh;
        /*background-color: #577eff;*/
        position: relative;
    }

    #shape {
        position: absolute;
        left: 0;
        bottom: -2vw;
    }

    header img:not(#shape) {
        position: absolute;
        /*left: 0;*/
    }

    header img:nth-child(1) {
        /*opacity: 0.4;*/
        bottom: -0.1vw;
        animation: move-1 5s infinite;
    }

    @keyframes move-1 {
        50% {
            transform: translateY(15px);
        }
    }
    header img:nth-child(2) {
        opacity: 0.3;
        bottom: 0.5vw;
        animation: move-2 4s infinite;
    }

    @keyframes move-2 {
        50% {
            transform: translateY(35px);
        }
    }
    header img:nth-child(3) {
        /*opacity: 0.2;*/
        animation: move-3 3.5s infinite;

    }

    @keyframes move-3 {
        50% {
            transform: translateY(15px);
        }
    }
    header img:nth-child(4) {
        animation: move-4 3s infinite;
        z-index: 999;
        position: absolute;
        right: 0;
        width: 400px;
        height: 200px;
    }

    @keyframes move-4 {
        50% {
            transform: translateY(20px);
        }
    }
    /* 首页轮播图结束 */
    /* 业务领域开始 */
    .page-business {
        width: 100%;
        margin-top: 100px;
    }

    .page-business .container {
        width: 96%;
        max-width: 1600px;
        margin: 0 auto;
        overflow: hidden;
    }

    .business {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
    }

    .business .business-item {
        width: 23%;
    }

    .business .business-item .img {
        overflow: hidden;
    }

    .business .business-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .business .business-item .img img:hover {
        transition: all 0.6s;
        transform: scale(1.1);
        width: 100%;
        height: 100%;
    }

    .business .business-item .business-text {
        margin-top: 12px;
    }

    .business .business-item .business-text h2 {
        font-size: 20px;
        font-weight: bold;
        color: rgb(25 24 24);
    }

    .business .business-item .business-text p {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
    }

    /* 人员管理系统开始 */
    .page-personnel {
        width: 100%;
        margin-top: 100px;
    }

    .page-personnel .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .personnel {
        width: 100%;
        max-width: 1000px;
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
        border: 2px solid #ffffff;
        padding: 35px;
        box-sizing: border-box;
    }

    .personnel .personnel-item {
        width: 30%;
    }

    .personnel .personnel-item a {
        display: flex;
        align-items: center;
    }

    .personnel .personnel-item .img {
        overflow: hidden;
    }

    .personnel .personnel-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .personnel .personnel-item .img img:hover {
        transition: all 0.6s;
        transform: scale(1.1);
        width: 100%;
        height: 100%;
    }

    .personnel .personnel-item .personnel-text {
        margin-top: 12px;
        margin-left: 12px;
    }

    .personnel .personnel-item .personnel-text h2 {
        font-size: 20px;
        font-weight: bold;
        color: rgb(25 24 24);
    }

    .personnel .personnel-item .personnel-text p {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
    }

    /* 公用标题 */
    .page-title {
        text-align: center;
    }

    .page-title h3 {
        color: #ebeaee;
        text-transform: uppercase;
        margin-top: -16px;
        display: block;
        z-index: 1;
        position: relative;
        font-size: 30px;
    }

    .page-title p {
        font-size: 30px;
        color: #341067;
        display: block;
        position: relative;
        z-index: 3;
    }

    .page-title p span {
        font-size: 30px;
        font-weight: bold;
        color: #341067;
    }

    .page-title text {
        line-height: 25px;
        margin-top: 30px;
        display: block;
        font-size: 16px;
    }

    .page-Company-title {
        text-align: center;
    }

    .page-Company-title h3 {
        font-size: 16px;
        color: #999;
        text-transform: uppercase;
    }

    .page-Company-title p {
        /* margin-top: -20px; */
        font-size: 30px;
        color: #007aff;
        font-weight: bold;
    }

    .page-Company-title p span {
        font-size: 30px;
        font-weight: bold;
        color: #0a0a0a;
    }

    /* 公用标题结束 */
    /* 人才管理系统结束 */
    /*数据化管理闭环与人才成长开始*/
    .index-management {
        width: 100%;
        padding-top: 100px;
        box-sizing: border-box;
    }

    .index-management .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .management {
        position: relative;
    }

    .management .IMG-LI {
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .management .IMG-LI a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 30px;
    }

    .management .IMG-LI img {
        animation: spin 20s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    .management .IMG-LI ul {
        position: absolute;
        width: 600px;
        height: 600px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .management .IMG-LI ul li:nth-child(1) {
        position: absolute;
        bottom: -6%;
        left: 8%;
    }

    .management .IMG-LI ul li:nth-child(2) {
        position: absolute;
        bottom: 19%;
        left: -41%;
        display: flex;
    }

    .management .IMG-LI ul li:nth-child(3) {
        position: absolute;
        bottom: 56%;
        left: -35%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        left: -14%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(5) {
        position: absolute;
        top: -2%;
        right: -9%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(5) .i {
        margin-right: 0px;
    }

    .management .IMG-LI ul li:nth-child(6) {
        position: absolute;
        top: 20%;
        right: -27%;
        display: flex;
        align-items: end;
    }

    .management .IMG-LI ul li:nth-child(6) .i {
        margin-right: 0px;
    }

    .management .IMG-LI ul li:nth-child(7) {
        position: absolute;
        top: 52%;
        right: -35%;
        display: flex;
        align-items: center;
    }

    .management .IMG-LI ul li:nth-child(7) .i {
        margin-right: 5px;
    }

    .management .IMG-LI ul li:nth-child(8) {
        position: absolute;
        top: 79%;
        right: -22%;
        display: flex;
    }

    .management .IMG-LI ul li:nth-child(8) .i {
        margin-right: 5px;
    }

    .management .IMG-LI ul li .i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        background-image: linear-gradient(to right, #6336bd, #885ee4);
        font-size: 16px;
        border-radius: 50%;
        margin-left: auto;
        margin-right: 27px;
    }

    .management .IMG-LI ul li .deploy {
        display: flex;
        align-items: center;
        margin-top: 6px;
    }

    .management .IMG-LI ul li .deploy .strategy {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-image: linear-gradient(to bottom, #f7f6fb, #e4dff3);
        color: #693dba;
        font-size: 18px;
        padding-top: 20px;
        box-sizing: border-box;
        font-weight: bold;
    }

    .management .IMG-LI ul li .deploy .tissue {
        margin-right: 12px;
        font-size: 15px;
    }

    .management .title {
        min-height: 50vh;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .management .title h1 {
        text-align: center;
        font-size: 30px;
        background-image: linear-gradient(to right, #b7a3da, #6538b3);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*font-style: oblique;*/
        /*Text-shadow: 1px 35px 20px rgb(81 51 192);*/
    }

    .management .title {
        margin-top: 60px;
        position: relative;
    }

    .management .title ul {
        display: flex;
        align-items: flex-end;
    }

    .management .title ul li {
        width: 20%;
    }

    .management .title ul li .img {
        text-align: center;
        margin-bottom: 30px;
    }

    .management .title ul li .img h1 {
        font-size: 15px;
    }

    .management .title ul li .one {
        background: #c8b9e2;
        height: 120px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .two {
        background: #b8a4da;
        height: 140px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .three {
        background: #a78ed2;
        height: 160px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .four {
        background-image: linear-gradient(to right, #9779cb, #a78ed2);
        height: 180px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .five {
        background-image: linear-gradient(to right, #9779cb, #8663c3);
        height: 200px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .six {
        background-image: linear-gradient(to right, #764ebb, #8663c3);
        height: 220px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .seven {
        background-image: linear-gradient(to right, #6538b3, #6538b3);
        height: 240px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .eight {
        background-image: linear-gradient(to right, #5523ab, #5523ab);
        height: 260px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .nine {
        background: #4a18a1;
        height: 280px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title .base {
        position: absolute;
        bottom: 24%;
        left: -5%;
        transition: all 360ms;
        animation: divMove 10s ease 3s infinite;

    }

    /*数据化管理闭环与人才成长结束*/
    /* 数据化人才成长系统开始 */
    .page-datamation {
        width: 100%;
        margin-top: 100px;
        position: relative;
    }

    .page-datamation .IMG {
        position: absolute;
        top: 0;
    }

    .page-datamation .IMG img {
        animation: jumpBox 1.8s infinite; /* 1.8s 事件完成时间周期 infinite无限循环 */
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-datamation .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 60px 0;
        box-sizing: border-box;
    }

    .container .datamation {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
    }

    .container .datamation .service-text h2 {
        font-size: 26px;
        font-weight: bold;
        line-height: 40px;
        display: none;
    }

    .container .datamation .service-text p {
        line-height: 30px;
        color: #666;
        overflow: auto;
        padding-right: 10px;
        margin-top: 12px;
        font-size: 15px;
    }

    .container .datamation .service-text .buttom {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 25px;
        text-align: center;
        width: 100%;
    }

    .container .datamation .service-text .buttom .buttom-item {
        width: 30%;
        margin-top: 24px;
        position: relative;
    }

    .container .datamation .service-text .buttom .buttom-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #3e1479;
    }

    .container .datamation .service-text .buttom .buttom-item:hover .overlay {
        opacity: 1;
    }

    .container .datamation .service-text .buttom .buttom-item .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .container .datamation .service-text .buttom .buttom-item .text a h1 {
        font-size: 16px;
        line-height: 30px;
    }

    .container .datamation .service-text .buttom .buttom-item .text a {
        color: white;
    }

    .container .datamation .service-text .buttom .buttom-item .icon {
        margin: 0 auto;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .container .datamation .service-text .buttom .buttom-item .cost {
        font-size: 17px;
        font-weight: 700;
    }

    /* 数据化人才成长系统结束 */
    /* 视频介绍开始 */
    .page-video {
        width: 100%;
        margin-top: 100px;
        position: relative;
    }

    .page-video .IMG {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .page-video .IMG img {
        animation: jumpBox 1.8s infinite; /* 1.8s 事件完成时间周期 infinite无限循环 */
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-video .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .video-introduce-top {
        position: relative;
    }

    .video-introduce-top .IMG {
        position: absolute;
        right: -60px;
        top: -80px;
        z-index: 1;
    }

    .video-introduce-top .IMG img {
        animation: jumpBoxHandler 1.8s infinite;
    }

    @keyframes jumpBoxHandler { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .video-introduce {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 3;
    }

    .video-introduce .video-introduce-item {
        width: 31%;
        margin-bottom: 40px;
        background: #ffffff;
        border-radius: 12px 12px 50px 12px;
        box-shadow: 16px 11px 20px #eeecf6;
    }

    .video-introduce .video-introduce-item .img {
        height: 209px;
        overflow: hidden;
        border-radius: 12px;
    }

    .video-introduce .video-introduce-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .video-introduce .video-introduce-item .img img:hover {
        width: 100%;
        height: 100%;
        transition: all 0.6s;
        transform: scale(1.1);
    }

    .video-introduce .video-introduce-item .engineering-text {
        margin-top: 12px;
        padding: 22px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .video-introduce .video-introduce-item .engineering-text h2 {
        font-size: 20px;
        color: #080808;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .video-introduce .video-introduce-item .engineering-text p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .video-buttom a {
        background: #edebf5;
        width: 200px;
        height: 60px;
        line-height: 60px;
        border-radius: 50px;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 0 35px;
        box-sizing: border-box;
    }

    .video-buttom a .arrows-title {
        font-size: 15px;
        color: #341067;
        margin-top: 3px;
    }

    .video-buttom a .arrows {
        width: 20px;
        height: 19px;
    }

    .video-buttom a .arrows img {
        width: 100%;
        height: 100%;
    }

    /* 视频介绍结束 */
    /* 更多企业信赖之选开始 */
    .page-Company {
        margin-top: 100px;
        background-image: linear-gradient(to right, rgb(233, 230, 244), rgb(252, 252, 254));
    }

    .page-Company .container {
        width: 100%;
        padding-top: 30px;
        box-sizing: border-box;

        overflow: hidden;
        margin-left: auto;
    }

    .page-Company .container .Company {
        text-align: center;
        margin-top: 45px;
    }

    .page-advantage {
        display: flex;
        margin-bottom: 21px;
        margin-left: 25px;
        justify-content: space-between;
        position: relative;
    }

    .page-advantage .advantage {
        display: flex;
        align-items: center;
        height: 120px;
        overflow: hidden;
        width: 30%;
        text-align: center;
    }

    .page-advantage .advantage .img {
        width: 120px;
        height: 120px;
        line-height: 120px;
        background: white;
    }

    .page-advantage .advantage .img img {
        width: 60px;
    }

    .page-advantage .advantage .text {
        width: 228px;
        background: #fafafa;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .page-advantage .advantage .text h2 {
        color: #494949;
        font-size: 16px;
    }

    .page-advantage .advantage .text h2 span {
        color: #a1a1a1;
        font-size: 16px;
    }

    .page-advantage .advantage .text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 10px;
        color: #a1a1a1;
        font-size: 16px;
    }

    .across {
        margin-top: 48px;
        margin-right: -139px;
    }

    .across img {
        margin-left: auto;
        display: block;
    }

    .advantage-bottom {
        width: 100%;
        position: relative;
        padding-bottom: 100px;
        box-sizing: border-box;
    }

    .advantage-bottom .IMG {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 600px;
        height: 500px;
        overflow: hidden;
        z-index: 1;
    }

    .advantage-bottom .IMG img {
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBoxr { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .advantage-bottom .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
    }

    .advantage-bottom .container .advantage-bottom-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .advantage-bottom .container .advantage-bottom-list li {
        width: 30%;
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .advantage-bottom .container .advantage-bottom-list li h1 {
        color: #341067;
        font-size: 24px;
        letter-spacing: 5px;
    }

    .advantage-bottom .container .advantage-bottom-list li h1 span {
        font-size: 45px;
        color: #341067;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .advantage-bottom .container .advantage-bottom-list p {
        font-size: 18px;
        color: #341067;
        margin-top: 15px;
    }

    .advantage-bottom .superhro {
        position: absolute;
        bottom: -30px;
        left: 15%;
        z-index: 3;
    }

    .advantage-bottom .superhro .title {
        width: 1200px;
        font-size: 168px;
        color: white;
        font-weight: bold;
        letter-spacing: 5px;
        text-align: center;
        margin-top: 20px;
    }

    /* 更多企业信赖之选结束 */
    /*行业资讯开始*/
    .page-industry {
        width: 100%;
        background: #fafafa;
    }

    .page-industry .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 120px;
        box-sizing: border-box;
    }

    .page-industry .container .industry-list {
        display: flex;
        justify-content: space-between;
        width: 94%;
        max-width: 1000px;
        margin: 60px auto 0px auto;
        overflow: hidden;
    }

    .page-industry .container .Mobile-industry {
        display: none;
    }

    .page-industry .container .industry-list li {
        width: 30%;
    }

    .page-industry .container .industry-list li .img {
        width: 306px;
        height: 216px;
    }

    .page-industry .container .industry-list li .img img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }

    .page-industry .container .industry .industry-button-prev {
        position: absolute;
        top: 39%;
        right: auto;
        left: -1%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }


    .page-industry .container .industry .industry-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .page-industry .container .industry .industry-button-next {
        position: absolute;
        right: -2%;
        left: auto;
        top: 39%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }

    .page-industry .container .industry .industry-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .page-industry .container .industry-list li .content h1 {
        margin-top: 15px;
        line-height: 25px;
    }

    .page-industry .container .industry-list li .content h1 a {
        color: #5c3f84;
        font-size: 16px;
        font-weight: bold;

    }

    .page-industry .container .industry-list li .content a {
        display: flex;
        margin: 12px 0px;
    }

    .page-industry .container .industry-list li .content a .check {
        color: #5c3f84;
        font-weight: bold;
        margin-right: 5px;
    }

    .page-industry .container .industry-list li .content a .icon {
        width: 13px;
        height: 16px;
    }

    .page-industry .container .industry-list li .content a .icon img {
        width: 100%;
        height: 100%;
    }

    .page-industry .container .industry-list li .content text {
        color: #999999;
    }

    .page-industry .container .industry .industry-bottom {
        display: flex;
        background: #edebf5;
        width: 200px;
        height: 60px;
        line-height: 60px;
        border-radius: 50px;
        text-align: center;
        margin: 0 auto;
        justify-content: space-between;
        padding: 0 35px;
        box-sizing: border-box;
    }

    .page-industry .container .industry a .icon {
        width: 13px;
        height: 16px;
    }

    .page-industry .container .industry a .icon img {
        width: 100%;
        height: 100%;
    }

    .page-industry .container .industry a .more {
        font-size: 15px;
        color: #341067;
        margin-top: 3px;
    }

    /*行业资讯结束*/
    /*预约产品演示开始*/
    .page-product {
        background: #fafafa;
        padding-top: 120px;
        box-sizing: border-box;
    }

    .page-product .bg {
        background-image: url("../images/banner2.png");
    }

    .page-product .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 57px;
        box-sizing: border-box;
        position: relative;
    }

    .page-product .container .product {
        display: flex;
        justify-content: center;
        padding: 60px 0px;
        box-sizing: border-box;
    }

    .page-product .container .IMG {
        position: absolute;
        right: 0;
        top: 0;
    }

    .page-product .container .IMG img {
        animation: jump 1.8s infinite;
    }

    @keyframes jump { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-product .container .product .product-left .input {
        width: 401px;
        height: 64px;
        line-height: 64px;
        background: #ffffff;
        border-radius: 30px;
        padding-left: 32px;
        box-sizing: border-box;
        margin-bottom: 20px;
        box-shadow: 16px 11px 20px #eeecf6;
    }

    .page-product .container .product .product-left .submit {
        width: 401px;
        height: 64px;
        line-height: 64px;
        border-radius: 30px;
        background: #edebf5;
        text-align: center;
        color: #341067;
        font-size: 16px;
        font-weight: bold;
    }

    .page-product .container .product .product-left .input input {
        border: 0;
        background: 0;
    }

    .page-product .container .product .product-right {
        width: 400px;
        height: 310px;
        background: #ffffff;
        border-radius: 15px;
        box-shadow: 16px 11px 20px #eeecf6;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 30px;
    }

    /*预约产品演示结束*/
    /*底部开始*/
    .footer {
        width: 100%;
    }

    .footer .footer-top {
        border-top: 1px solid #ebebeb;
        background: #fafafa;
    }

    .footer .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .footer .container .footer-top {
        display: flex;
        background: #fafafa;
        justify-content: space-between;
        height: 60px;
    }

    .footer .container .footer-top li {
        width: 20%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer .footer-bottom {
        background: #f6f6f6;
    }

    .footer .footer-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .footer .footer-bottom .container .top {
        display: flex;
        justify-content: space-between;
        padding: 40px 0px;
        box-sizing: border-box;
    }

    .footer .footer-bottom .container .top .svg {
        width: 233px;
        height: 48px;
    }

    .footer .footer-bottom .container .top .svg img {
        width: 100%;
        height: 100%;
    }

    .footer .footer-bottom .container .top .img {
        width: 498px;
        height: 41px;
    }

    .footer .footer-bottom .container .top .img img {
        width: 100%;
        height: 100%;
    }

    .footer .footer-bottom .container .content {
        display: flex;
    }

    .footer .footer-bottom .container .content li {
        margin-right: 30px;
    }

    .footer .footer-bottom .container .content li:nth-child(3) {
        margin-right: 0px;
    }

    .footer .footer-bottom .container .content li .WeChat {
        display: flex;
    }

    .footer .footer-bottom .container .content h1 {
        color: #404040;
        font-size: 16px;
        font-weight: bold;
    }

    .footer .footer-bottom .container .content .iphone {
        color: #666666;
        font-size: 16px;
        margin-top: 30px;
    }

    .footer .footer-bottom .container .content .email {
        color: #666666;
        font-size: 16px;
        margin-top: 12px;
    }

    .footer .footer-bottom .container .content .address {
        color: #666666;
        font-size: 16px;
        margin-top: 12px;
    }

    .footer .footer-bottom .container .content .img {
        margin-top: 22px;
    }

    .footer .footer-bottom .container .content .item {
        display: flex;
        width: 307px;
    }

    .footer .footer-bottom .container .content .item .about {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
    }

    .footer .footer-bottom .container .content .item .about1 {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
        margin-right: 38px;
    }

    .footer .footer-bottom .container .content .item {
        margin-bottom: 30px;
        width: 307px;
    }

    .footer .footer-bottom .container .content .item .introduce {
        display: flex;
    }

    .footer .footer-bottom .container .content .item .introduce .company {
        color: #666666;
        font-size: 16px;
        margin-left: 30px;
    }

    .footer .footer-bottom .container .content .item .product {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
        width: 22%;;
    }

    .footer .footer-bottom .container .content .item .product1 {
        width: 76%;
        display: flex;
        flex-wrap: wrap;
    }

    .footer .footer-bottom .container .content .item .product1 span {
        display: block;
        color: #666666;
        font-size: 16px;
        margin-left: 12px;
        margin-bottom: 12px;
    }

    .footer .footer-bottom .container .content .WeChat {
        text-align: center;
    }

    .footer .footer-bottom .container .bottom {
        display: flex;
        justify-content: space-between;
    }

    .footer .footer-bottom .container .bottom .ul {
        display: flex;
    }

    .fixed {
        display: none;
    }

    /*底部开始*/
    .page-datamation {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1022px) {
    /* 头部导航开始 */
    .header {
        width: 100%;
        /* background: #fff; */
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }

    .header-title {
        width: 100%;
        margin: 60px auto 0px auto;
        position: absolute;
        z-index: 332;
        top: 30px;
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 50px;
        color: white;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 30px;
        color: white;
    }

    .header-title .container .free {
        width: 170px;
        height: 55px;
        background: #fcc718;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 55px;
        margin-top: 60px;
        display: block;
    }

    .head-logo {
        width: 15%;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .nav {
        width: 44%;
        margin-right: auto;
        padding-left: 92px;
    }

    .head-nav .nav-list .nav-item {
        margin-right: 35px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 660px;
        height: 264px;
        top: 72px;
        left: -300px;
        z-index: 99;
        line-height: 46px;
        background-color: #fff;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /* 首页轮播图开始 */
    .index-banner {
        /* margin-top: 12px; */
    }

    .index-banner .swiper-container .swiper-wrapper {
        /*height: 800px;*/
    }

    .index-img {
        position: relative;
    }

    .Mobile-banner {
        display: none;
    }

    .index-img header {
        height: 90vh;
        /*background-color: #577eff;*/
        position: relative;
    }

    #shape {
        position: absolute;
        left: 0;
        bottom: -2vw;
    }

    header img:not(#shape) {
        position: absolute;
        left: 0;
    }

    header img:nth-child(1) {
        /*opacity: 0.4;*/
        bottom: -0.1vw;
        animation: move-1 5s infinite;
    }

    @keyframes move-1 {
        50% {
            transform: translateY(15px);
        }
    }
    header img:nth-child(2) {
        opacity: 0.3;
        bottom: 0.5vw;
        animation: move-2 4s infinite;
    }

    @keyframes move-2 {
        50% {
            transform: translateY(35px);
        }
    }
    header img:nth-child(3) {
        bottom: 0.3vw;
        opacity: 0.2;
        animation: move-3 3.5s infinite;
    }

    @keyframes move-3 {
        50% {
            transform: translateY(25px);
        }
    }
    header img:nth-child(4) {
        bottom: 0.1vw;
        opacity: 0.3;
        animation: move-4 3s infinite;
    }

    @keyframes move-4 {
        50% {
            transform: translateY(20px);
        }
    }
    /* 首页轮播图结束 */
    /* 业务领域开始 */
    .page-business {
        width: 100%;
        margin-top: 100px;
    }

    .page-business .container {
        width: 96%;
        max-width: 1600px;
        margin: 0 auto;
        overflow: hidden;
    }

    .business {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
    }

    .business .business-item {
        width: 23%;
    }

    .business .business-item .img {
        overflow: hidden;
    }

    .business .business-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .business .business-item .img img:hover {
        transition: all 0.6s;
        transform: scale(1.1);
        width: 100%;
        height: 100%;
    }

    .business .business-item .business-text {
        margin-top: 12px;
    }

    .business .business-item .business-text h2 {
        font-size: 20px;
        font-weight: bold;
        color: rgb(25 24 24);
    }

    .business .business-item .business-text p {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
    }

    /* 人员管理系统开始 */
    .page-personnel {
        width: 100%;
        margin-top: 100px;
    }

    .page-personnel .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .personnel {
        width: 100%;
        max-width: 1000px;
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
        border: 2px solid #ffffff;
        padding: 35px;
        box-sizing: border-box;
    }

    .personnel .personnel-item {
        width: 30%;
    }

    .personnel .personnel-item a {
        display: flex;
        align-items: center;
    }

    .personnel .personnel-item .img {
        overflow: hidden;
    }

    .personnel .personnel-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .personnel .personnel-item .img img:hover {
        transition: all 0.6s;
        transform: scale(1.1);
        width: 100%;
        height: 100%;
    }

    .personnel .personnel-item .personnel-text {
        margin-top: 12px;
        margin-left: 12px;
    }

    .personnel .personnel-item .personnel-text h2 {
        font-size: 20px;
        font-weight: bold;
        color: rgb(25 24 24);
    }

    .personnel .personnel-item .personnel-text p {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
    }

    /* 公用标题 */
    .page-title {
        text-align: center;
    }

    .page-title h3 {
        color: #ebeaee;
        text-transform: uppercase;
        margin-top: -16px;
        display: block;
        z-index: 1;
        position: relative;
        font-size: 30px;
    }

    .page-title p {
        font-size: 30px;
        color: #341067;
        display: block;
        position: relative;
        z-index: 3;
    }

    .page-title p span {
        font-size: 30px;
        font-weight: bold;
        color: #341067;
    }

    .page-title text {
        line-height: 25px;
        margin-top: 30px;
        display: block;
        font-size: 16px;
    }

    .page-Company-title {
        text-align: center;
    }

    .page-Company-title h3 {
        font-size: 16px;
        color: #999;
        text-transform: uppercase;
    }

    .page-Company-title p {
        /* margin-top: -20px; */
        font-size: 30px;
        color: #007aff;
        font-weight: bold;
    }

    .page-Company-title p span {
        font-size: 30px;
        font-weight: bold;
        color: #0a0a0a;
    }

    /* 公用标题结束 */
    /* 人才管理系统结束 */
    /* 数据化人才成长系统开始 */
    .page-datamation {
        width: 100%;
        margin-top: 100px;
        position: relative;
    }

    .page-datamation .IMG {
        position: absolute;
        top: 0;
    }

    .page-datamation .IMG img {
        animation: jumpBox 1.8s infinite; /* 1.8s 事件完成时间周期 infinite无限循环 */
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-datamation .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 60px 0;
        box-sizing: border-box;
    }

    .container .datamation {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
    }

    .container .datamation .service-text h2 {
        font-size: 26px;
        font-weight: bold;
        line-height: 40px;
        display: none;
    }

    .container .datamation .service-text p {
        line-height: 30px;
        color: #666;
        overflow: auto;
        padding-right: 10px;
        margin-top: 12px;
        font-size: 15px;
    }

    .container .datamation .service-text .buttom {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 25px;
        text-align: center;
        width: 100%;
    }

    .container .datamation .service-text .buttom .buttom-item {
        width: 30%;
        margin-top: 24px;
        position: relative;
    }

    .container .datamation .service-text .buttom .buttom-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #3e1479;
    }

    .container .datamation .service-text .buttom .buttom-item:hover .overlay {
        opacity: 1;
    }

    .container .datamation .service-text .buttom .buttom-item .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .container .datamation .service-text .buttom .buttom-item .text a h1 {
        font-size: 16px;
        line-height: 30px;
    }

    .container .datamation .service-text .buttom .buttom-item .text a {
        color: white;
    }

    .container .datamation .service-text .buttom .buttom-item .icon {
        margin: 0 auto;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .container .datamation .service-text .buttom .buttom-item .cost {
        font-size: 17px;
        font-weight: 700;
    }

    /* 数据化人才成长系统结束 */
    /* 视频介绍开始 */
    .page-video {
        width: 100%;
        margin-top: 100px;
        position: relative;
    }

    .page-video .IMG {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .page-video .IMG img {
        animation: jumpBox 1.8s infinite; /* 1.8s 事件完成时间周期 infinite无限循环 */
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-video .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .video-introduce-top {
        position: relative;
    }

    .video-introduce-top .IMG {
        position: absolute;
        right: -60px;
        top: -80px;
        z-index: 1;
    }

    .video-introduce-top .IMG img {
        animation: jumpBoxHandler 1.8s infinite;
    }

    @keyframes jumpBoxHandler { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .video-introduce {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 3;
    }

    .video-introduce .video-introduce-item {
        width: 31%;
        margin-bottom: 40px;
        background: #ffffff;
        border-radius: 12px 12px 50px 12px;
        box-shadow: 16px 11px 20px #eeecf6;
    }

    .video-introduce .video-introduce-item .img {
        height: 209px;
        overflow: hidden;
        border-radius: 12px;
    }

    .video-introduce .video-introduce-item .img img {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }

    .video-introduce .video-introduce-item .img img:hover {
        width: 100%;
        height: 100%;
        transition: all 0.6s;
        transform: scale(1.1);
    }

    .video-introduce .video-introduce-item .engineering-text {
        margin-top: 12px;
        padding: 22px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .video-introduce .video-introduce-item .engineering-text h2 {
        font-size: 20px;
        color: #080808;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .video-introduce .video-introduce-item .engineering-text p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .video-buttom a {
        background: #edebf5;
        width: 200px;
        height: 60px;
        line-height: 60px;
        border-radius: 50px;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 0 35px;
        box-sizing: border-box;
    }

    .video-buttom a .arrows-title {
        font-size: 15px;
        color: #341067;
        margin-top: 3px;
    }

    .video-buttom a .arrows {
        width: 20px;
        height: 19px;
    }

    .video-buttom a .arrows img {
        width: 100%;
        height: 100%;
    }

    /* 视频介绍结束 */
    /* 更多企业信赖之选开始 */
    .page-Company {
        margin-top: 100px;
        background-image: linear-gradient(to right, rgb(233, 230, 244), rgb(252, 252, 254));
    }

    .page-Company .container {
        width: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        max-width: 1800px;
        overflow: hidden;
        margin-left: auto;
    }

    .page-Company .container .Company {
        text-align: center;
        margin-top: 45px;
    }

    .page-advantage {
        display: flex;
        margin-bottom: 21px;
        margin-left: 25px;
        justify-content: space-between;
        position: relative;
    }

    .page-advantage .advantage {
        display: flex;
        align-items: center;
        height: 120px;
        overflow: hidden;
        width: 30%;
        text-align: center;
    }

    .page-advantage .advantage .img {
        width: 120px;
        height: 120px;
        line-height: 120px;
        background: white;
    }

    .page-advantage .advantage .img img {
        width: 60px;
    }

    .page-advantage .advantage .text {
        width: 228px;
        background: #fafafa;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .page-advantage .advantage .text h2 {
        color: #494949;
        font-size: 16px;
    }

    .page-advantage .advantage .text h2 span {
        color: #a1a1a1;
        font-size: 16px;
    }

    .page-advantage .advantage .text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 10px;
        color: #a1a1a1;
        font-size: 16px;
    }

    .across {
        margin-top: 48px;
        margin-right: -139px;
    }

    .across img {
        margin-left: auto;
        display: block;
    }

    .advantage-bottom {
        width: 100%;
        position: relative;
        padding-bottom: 100px;
        box-sizing: border-box;
    }

    .advantage-bottom .IMG {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 600px;
        height: 500px;
        overflow: hidden;
        z-index: 1;
    }

    .advantage-bottom .IMG img {
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBoxr { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .advantage-bottom .container {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
    }

    .advantage-bottom .container .advantage-bottom-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .advantage-bottom .container .advantage-bottom-list li {
        width: 30%;
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .advantage-bottom .container .advantage-bottom-list li h1 {
        color: #341067;
        font-size: 24px;
        letter-spacing: 5px;
    }

    .advantage-bottom .container .advantage-bottom-list li h1 span {
        font-size: 45px;
        color: #341067;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .advantage-bottom .container .advantage-bottom-list p {
        font-size: 18px;
        color: #341067;
        margin-top: 15px;
    }

    .advantage-bottom .superhro {
        position: absolute;
        bottom: -30px;
        left: 15%;
        z-index: 3;
    }

    .advantage-bottom .superhro .title {
        width: 1200px;
        font-size: 168px;
        color: white;
        font-weight: bold;
        letter-spacing: 5px;
        text-align: center;
        margin-top: 20px;
    }

    /* 更多企业信赖之选结束 */
    /*行业资讯开始*/
    .page-industry {
        width: 100%;
        background: #fafafa;
    }

    .page-industry .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 120px;
        box-sizing: border-box;
    }

    .page-industry .container .industry-list {
        display: flex;
        justify-content: space-between;
        width: 94%;
        max-width: 1000px;
        margin: 60px auto 0px auto;
        overflow: hidden;
    }

    .page-industry .container .Mobile-industry {
        display: none;
    }

    .page-industry .container .industry-list li {
        width: 30%;
    }

    .page-industry .container .industry-list li .img {
        width: 306px;
        height: 216px;
    }

    .page-industry .container .industry-list li .img img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }

    .page-industry .container .industry .industry-button-prev {
        position: absolute;
        top: 39%;
        right: auto;
        left: -1%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }


    .page-industry .container .industry .industry-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .page-industry .container .industry .industry-button-next {
        position: absolute;
        right: -2%;
        left: auto;
        top: 39%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }

    .page-industry .container .industry .industry-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .page-industry .container .industry-list li .content h1 {
        margin-top: 15px;
        line-height: 25px;
    }

    .page-industry .container .industry-list li .content h1 a {
        color: #5c3f84;
        font-size: 16px;
        font-weight: bold;

    }

    .page-industry .container .industry-list li .content a {
        display: flex;
        margin: 12px 0px;
    }

    .page-industry .container .industry-list li .content a .check {
        color: #5c3f84;
        font-weight: bold;
        margin-right: 5px;
    }

    .page-industry .container .industry-list li .content a .icon {
        width: 13px;
        height: 16px;
    }

    .page-industry .container .industry-list li .content a .icon img {
        width: 100%;
        height: 100%;
    }

    .page-industry .container .industry-list li .content text {
        color: #999999;
    }

    .page-industry .container .industry .industry-bottom {
        display: flex;
        background: #edebf5;
        width: 200px;
        height: 60px;
        line-height: 60px;
        border-radius: 50px;
        text-align: center;
        margin: 0 auto;
        justify-content: space-between;
        padding: 0 35px;
        box-sizing: border-box;
    }

    .page-industry .container .industry a .icon {
        width: 13px;
        height: 16px;
    }

    .page-industry .container .industry a .icon img {
        width: 100%;
        height: 100%;
    }

    .page-industry .container .industry a .more {
        font-size: 15px;
        color: #341067;
        margin-top: 3px;
    }

    /*行业资讯结束*/
    /*预约产品演示开始*/
    .page-product {
        background: #fafafa;
        padding-top: 120px;
        box-sizing: border-box;
    }

    .page-product .bg {
        background-image: url("../images/banner2.png");
    }

    .page-product .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 57px;
        box-sizing: border-box;
        position: relative;
    }

    .page-product .container .product {
        display: flex;
        justify-content: center;
        padding: 60px 0px;
        box-sizing: border-box;
    }

    .page-product .container .IMG {
        position: absolute;
        right: 0;
        top: 0;
    }

    .page-product .container .IMG img {
        animation: jump 1.8s infinite;
    }

    @keyframes jump { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .page-product .container .product .product-left .input {
        width: 401px;
        height: 64px;
        line-height: 64px;
        background: #ffffff;
        border-radius: 30px;
        padding-left: 32px;
        box-sizing: border-box;
        margin-bottom: 20px;
        box-shadow: 16px 11px 20px #eeecf6;
    }

    .page-product .container .product .product-left .submit {
        width: 401px;
        height: 64px;
        line-height: 64px;
        border-radius: 30px;
        background: #edebf5;
        text-align: center;
        color: #341067;
        font-size: 16px;
        font-weight: bold;
    }

    .page-product .container .product .product-left .input input {
        border: 0;
        background: 0;
    }

    .page-product .container .product .product-right {
        width: 400px;
        height: 310px;
        background: #ffffff;
        border-radius: 15px;
        box-shadow: 16px 11px 20px #eeecf6;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 30px;
    }

    /*预约产品演示结束*/
    /*底部开始*/
    .footer {
        width: 100%;
    }

    .footer .footer-top {
        border-top: 1px solid #ebebeb;
        background: #fafafa;
    }

    .footer .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .footer .container .footer-top {
        display: flex;
        background: #fafafa;
        justify-content: space-between;
        height: 60px;
    }

    .footer .container .footer-top li {
        width: 20%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer .footer-bottom {
        background: #f6f6f6;
    }

    .footer .footer-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .footer .footer-bottom .container .top {
        display: flex;
        justify-content: space-between;
        padding: 40px 0px;
        box-sizing: border-box;
    }

    .footer .footer-bottom .container .top .svg {
        width: 233px;
        height: 48px;
    }

    .footer .footer-bottom .container .top .svg img {
        width: 100%;
        height: 100%;
    }

    .footer .footer-bottom .container .top .img {
        width: 498px;
        height: 41px;
    }

    .footer .footer-bottom .container .top .img img {
        width: 100%;
        height: 100%;
    }

    .footer .footer-bottom .container .content {
        display: flex;
    }

    .footer .footer-bottom .container .content li {
        margin-right: 30px;
    }

    .footer .footer-bottom .container .content li:nth-child(3) {
        margin-right: 0px;
    }

    .footer .footer-bottom .container .content li .WeChat {
        display: flex;
    }

    .footer .footer-bottom .container .content h1 {
        color: #404040;
        font-size: 16px;
        font-weight: bold;
    }

    .footer .footer-bottom .container .content .iphone {
        color: #666666;
        font-size: 16px;
        margin-top: 30px;
    }

    .footer .footer-bottom .container .content .email {
        color: #666666;
        font-size: 16px;
        margin-top: 12px;
    }

    .footer .footer-bottom .container .content .address {
        color: #666666;
        font-size: 16px;
        margin-top: 12px;
    }

    .footer .footer-bottom .container .content .img {
        margin-top: 22px;
    }

    .footer .footer-bottom .container .content .item {
        display: flex;
        width: 307px;
    }

    .footer .footer-bottom .container .content .item .about {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
    }

    .footer .footer-bottom .container .content .item .about1 {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
        margin-right: 38px;
    }

    .footer .footer-bottom .container .content .item {
        margin-bottom: 30px;
        width: 307px;
    }

    .footer .footer-bottom .container .content .item .introduce {
        display: flex;
    }

    .footer .footer-bottom .container .content .item .introduce .company {
        color: #666666;
        font-size: 16px;
        margin-left: 30px;
    }

    .footer .footer-bottom .container .content .item .product {
        font-size: 16px;
        color: #404040;
        font-weight: bold;
        width: 22%;;
    }

    .footer .footer-bottom .container .content .item .product1 {
        width: 76%;
        display: flex;
        flex-wrap: wrap;
    }

    .footer .footer-bottom .container .content .item .product1 span {
        display: block;
        color: #666666;
        font-size: 16px;
        margin-left: 12px;
        margin-bottom: 12px;
    }

    .footer .footer-bottom .container .content .WeChat {
        text-align: center;
    }

    .footer .footer-bottom .container .bottom {
        display: flex;
        justify-content: space-between;
    }

    .footer .footer-bottom .container .bottom .ul {
        display: flex;
    }

    .fixed {
        display: none;
    }

    /*底部开始*/
    /*数据化管理闭环与人才成长开始*/
    .index-management {
        width: 100%;
        padding-top: 100px;
        box-sizing: border-box;
    }

    .index-management .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .management {
        position: relative;
    }

    .management .img {
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

    .management .img a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 30px;
    }

    .management .img img {
        -webkit-animation: animate 3s linear infinite;
    }

    @keyframes animate {
        0% {
            transform: scale(1);
            /*opacity: 0.5;*/
        }
        50% {
            transform: scale(1.5);
            /*opacity: 0;   !*圆形放大的同时，透明度逐渐减小为0*!*/
        }
        100% {
            transform: scale(1);
            /*opacity: 0.5;*/
        }
    }
    .management .img ul {
        position: absolute;
        width: 600px;
        height: 600px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .management .img ul li:nth-child(1) {
        position: absolute;
        bottom: -6%;
        left: 8%;
    }

    .management .img ul li:nth-child(2) {
        position: absolute;
        bottom: 19%;
        left: -41%;
        display: flex;
    }

    .management .img ul li:nth-child(3) {
        position: absolute;
        bottom: 56%;
        left: -35%;
        display: flex;
        align-items: end;
    }

    .management .img ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        left: -14%;
        display: flex;
        align-items: end;
    }

    .management .img ul li:nth-child(5) {
        position: absolute;
        top: -2%;
        right: -9%;
        display: flex;
        align-items: end;
    }

    .management .img ul li:nth-child(5) .i {
        margin-right: 0px;
    }

    .management .img ul li:nth-child(6) {
        position: absolute;
        top: 20%;
        right: -27%;
        display: flex;
        align-items: end;
    }

    .management .img ul li:nth-child(6) .i {
        margin-right: 0px;
    }

    .management .img ul li:nth-child(7) {
        position: absolute;
        top: 52%;
        right: -35%;
        display: flex;
        align-items: center;
    }

    .management .img ul li:nth-child(7) .i {
        margin-right: 5px;
    }

    .management .img ul li:nth-child(8) {
        position: absolute;
        top: 79%;
        right: -22%;
        display: flex;
    }

    .management .img ul li:nth-child(8) .i {
        margin-right: 5px;
    }

    .management .img ul li .i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        background-image: linear-gradient(to right, #6336bd, #885ee4);
        font-size: 16px;
        border-radius: 50%;
        margin-left: auto;
        margin-right: 27px;
    }

    .management .img ul li .deploy {
        display: flex;
        align-items: center;
        margin-top: 6px;
    }

    .management .img ul li .deploy .strategy {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-image: linear-gradient(to bottom, #f7f6fb, #e4dff3);
        color: #693dba;
        font-size: 18px;
        padding-top: 20px;
        box-sizing: border-box;
        font-weight: bold;
    }

    .management .img ul li .deploy .tissue {
        margin-right: 12px;
        font-size: 15px;
    }

    .management .title {
        min-height: 50vh;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .management .title h1 {
        text-align: center;
        font-size: 30px;
        background-image: linear-gradient(to right, #b7a3da, #6538b3);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*font-style: oblique;*/
        /*Text-shadow: 1px 35px 20px rgb(81 51 192);*/
    }

    .management .title {
        margin-top: 60px;
        position: relative;
    }

    .management .title ul {
        display: flex;
        align-items: end;
    }

    .management .title ul li {
        width: 20%;
    }

    .management .title ul li .img h1 {
        font-size: 15px;
    }

    .management .title ul li .one {
        background: #c8b9e2;
        height: 120px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .two {
        background: #b8a4da;
        height: 140px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .three {
        background: #a78ed2;
        height: 160px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .four {
        background-image: linear-gradient(to right, #9779cb, #a78ed2);
        height: 180px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .five {
        background-image: linear-gradient(to right, #9779cb, #8663c3);
        height: 200px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .six {
        background-image: linear-gradient(to right, #764ebb, #8663c3);
        height: 220px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .seven {
        background-image: linear-gradient(to right, #6538b3, #6538b3);
        height: 240px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .eight {
        background-image: linear-gradient(to right, #5523ab, #5523ab);
        height: 260px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title ul li .nine {
        background: #4a18a1;
        height: 280px;
        color: white;
        font-size: 50px;
        text-align: center;
        padding-top: 12px;
        box-sizing: border-box;
    }

    .management .title .base {
        position: absolute;
        bottom: 24%;
        left: -5%;
        transition: all 360ms;
        animation: divMove 10s ease 3s infinite;

    }

    /*数据化管理闭环与人才成长结束*/
    .page-datamation {
        display: none !important;
    }
}

/* 手机端屏幕尺寸 */
@media screen and (min-width: 414px) and (max-width: 767px) {
    /* 头部导航开始 */
    .header-About {
        width: 100%;
        /*background:rgba(52,16,103,0.5);*/
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
        width: 100%;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header-About .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .header-title {
        width: 100%;
        /*margin: 60px auto 0px auto;*/
        position: absolute;
        z-index: 332;
        top: -34px;
        /*left: 11%;*/
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 36px;
        color: white;
        margin-bottom: 7px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 27px;
        color: white;
    }

    .header-title .container .free {
        width: 120px;
        height: 37px;
        background: #ffa414;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 37px;
        margin-top: 35px;
        display: block;
    }

    .head-logo {
        width: 40%;
        height: 90px;
        line-height: 90px;
    }

    .mbnav {
        margin-top: 8px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 140px;
        align-items: center;
    }

    .mbnav .free {
        width: 60%;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        text-align: center;
    }

    .mbnav .free a {
        color: #ffffff;
        font-size: 12px;
    }

    .mbnav .img {
        width: 22%;
    }

    .head-logo h1 {
        display: none;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .head-nav {
        display: none;
    }

    .nav {
        width: 100%;
        margin-right: auto;
        /*padding-left: 92px;*/
        display: none;
        background: white;
    }

    .head-nav .nav-list .nav-item {
        width: 100%;
        /*margin-right: 35px;*/
        display: flex;
        align-items: center;
        position: relative;
        text-align: left;
        padding-left: 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #dedede;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 380px;
        height: 264px;
        top: 72px;
        left: 0;
        z-index: 99;
        line-height: 46px;
        background-color: #f9f9f9;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
        background: white;
        margin-bottom: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon {
        display: none;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
        font-size: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
        display: none;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
        flex-wrap: wrap;
        text-align: left;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /*轮播图开始*/
    .index-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .index-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 83px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .index-banner .container .container-banner .title h1 {
        font-size: 40px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .index-banner .container .container-banner .title h2 {
        font-size: 60px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        text-align: right;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*手机版轮播图*/
    .Mobile-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .Mobile-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 103px;
        margin-left: -40px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .Mobile-banner .container .container-banner .title h1 {
        width: 200px;
        font-size: 28px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .Mobile-banner .container .container-banner .title h2 {
        font-size: 36px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*text-align: right;*/
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*轮播图结束*/
    /*应用模块开始*/
    .index-nav {
        width: 100%;
        position: relative;
        top: -46px;
        z-index: 9;
        display: none;
    }

    .index-nav .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        background: white;
        border-radius: 46px;
        height: 100px;
        align-items: center;
        justify-content: space-between;
        padding: 0 51px;
        box-sizing: border-box;
    }

    .index-nav .container li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .index-nav .container li p {
        margin-top: 7px;
        font-size: 12px;
    }

    .mobile-nav {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        position: relative;
    }

    .mobile-nav li {
        width: fit-content;
        background: #ffffff;
        border-radius: 46px;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
        padding: 15px 30px;
        box-sizing: border-box;
        margin-top: 30px;
        display: block;
    }

    .mobile-nav li:nth-child(2n) {
        margin-left: auto;
        display: block;
    }

    .mobile-nav li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .mobile-nav .mobile-circle {
        position: absolute;
        top: 0;
        right: 0;
        animation: heart 0.5s infinite;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    .mobile-nav .mobile-circle1 {
        position: absolute;
        top: 26%;
        left: 14%;
        width: 90px;
        height: 90px;
        animation: heart 0.5s infinite;
    }

    .mobile-nav .mobile-circle2 {
        position: absolute;
        top: 46%;
        right: 0;
        width: 90px;
        height: 90px;
        animation: jumpBox 1.8s infinite;
    }

    /*应用模块结束*/
    /*自驱系统开始*/
    .index-Since {
        width: 100%;
        display: none;
    }

    .index-Since .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }

    .index-Since .container .Since {
        margin-top: 80px;
    }

    .index-Since .container .Since-list {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
        box-sizing: border-box;
    }

    .index-Since .container .odreds {
        border-top: 3px solid #edebf5;
        border-bottom: 3px solid #edebf5;
    }

    .index-Since .container .Since-list .Since-item {
        width: 415px;
    }

    .index-Since .container .Since-list .Since-item h1 {
        color: #341067;
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
        margin: 25px 0px;
    }

    .index-Since .container .Since-list .Since-item p {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 17px;
    }

    .index-Since .container .Since-list .Since-item .icon {
        animation: jumpBoxbttont 1.8s infinite;
    }

    @keyframes jumpBoxbttont { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .mobile-Since {
        box-sizing: border-box;
        padding: 30px 15px 0px 15px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item {
        display: flex;
        margin-bottom: 20px;
    }

    .mobile-Since .mobile-Since-item .img {
        width: 120px;
        height: auto;
    }

    .mobile-Since .mobile-Since-item .text {
        width: 400px;
        padding-left: 12px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item .text h1 {
        color: #341067;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .mobile-Since .mobile-Since-item .text p {
        font-size: 15px;
        line-height: 20px;
    }

    /*自驱系统结束*/
    .index-video .img {
        width: 380px;
        height: 300px;
        margin: 0 auto;

    }

    .index-video .img img {
        width: 100%;
        height: 100%;
        border-radius: 30px;
    }

    /*同行优势*/
    .index-advantage {
        width: 100%;
    }

    .index-advantage .container {
        width: 94%;
        max-width: 1000px;
        margin: 90px auto 0px auto;
        height: 284px;
        position: relative;
    }

    .index-advantage .container .advantage-title {
        text-align: center;
    }

    .index-advantage .container .advantage-title h1 {
        color: #333333;
        font-size: 30px;
        font-weight: bold;
    }

    .index-advantage .container .advantage-title p {
        color: #333333;
        font-size: 35px;
        margin-top: 25px;
    }

    .index-advantage .container .advantage-title .button a {
        display: block;
        width: 200px;
        height: 56px;
        line-height: 56px;
        border-radius: 30px;
        background: linear-gradient(to right, #fc8e18, #ddb120);
        color: white;
        margin: 60px auto 0px auto;
        font-size: 18px;
    }

    .index-advantage .container .IMG {
        position: absolute;
        top: 0;
        left: 0;
        animation: heart 0.5s infinite;
        display: none;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .index-advantage .container .IMG1 {
        position: absolute;
        top: 23%;
        left: 13%;
        animation: xiagun 4s linear infinite;
        z-index: 3;
        display: none;
    }

    @keyframes xiagun {
        0% {
            transform: translateY(-1.5rem);
        }
        100% {
            transform: translateY(2.5rem);
        }
    }
    .index-advantage .container .IMG2 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        animation: heart 0.5s infinite;
        display: none;
    }

    .index-advantage .container .IMG3 {
        position: absolute;
        bottom: -4%;
        left: 30%;
        animation: jumpBoxtop 1.8s infinite;
        display: none;
    }

    .index-advantage .container .IMG4 {
        position: absolute;
        top: 11%;
        right: 0;
        animation: heart 0.5s infinite;
        z-index: 3;
        display: none;
    }

    .index-advantage .container .IMG5 {
        position: absolute;
        top: 56%;
        right: 15%;
        animation: jumpBoxbttont 1.8s infinite;
        display: none;
    }

    .index-advantage .container .icon {
        position: absolute;
        top: 38%;
        left: 15%;
        z-index: 1;
        animation: flying 10s infinite ease-in;
        display: none;
    }

    @keyframes flying {
        0% {
            bottom: -100px;
            transform: translateX(0);
        }

        50% {
            transform: translateX(100px);
        }

        100% {
            bottom: 1080px;
            transform: translateX(-200px);
        }
    }
    .index-advantage .container .icon1 {
        position: absolute;
        top: 56%;
        right: 24%;
        display: none;
    }

    .index-advantage .container .icon2 {
        position: absolute;
        top: 37%;
        right: 2%;
        z-index: 1;
        display: none;
    }

    .index-advantage .container .icon3 {
        position: absolute;
        bottom: 0;
        right: 2%;
        z-index: 1;
        display: none;
    }

    /*同行优势结束*/
    /*团队荣誉开始*/
    .index-honor {
        width: 100%;
        background: #ffffff;
        padding: 80px 0px 0px 0px;
        box-sizing: border-box;
    }

    .index-honor .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-honor .honor {
        position: relative;
    }

    .index-honor .honor .honor-list {
        display: flex;
        padding: 28px 0px;
        box-sizing: border-box;
        width: 1920px;
        overflow: hidden;
    }

    .index-honor .honor .honor-list .item {
        width: 17% !important;
    }

    .index-honor .honor .honor-button-prev {
        position: absolute;
        top: 100%;
        right: auto;
        left: 23%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .index-honor .honor .honor-button-next {
        position: absolute;
        left: 26%;
        top: 100%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    /*团队荣誉结束*/
    /*实战案例开始*/
    .index-Case {
        width: 100%;
        padding-top: 27px;
        box-sizing: border-box;
    }

    .index-Case .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-Case .container .search {
        display: flex;
        width: 400px;
        height: 60px;
        background: #ffffff;
        border-radius: 12px;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .index-Case .container .search .input input {
        border: 0;
        background: 0;
    }

    .index-Case .container .tab {
        overflow: hidden;
    }

    .index-Case .container .tab .t-ul {
        margin-top: 15px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .index-Case .container .tab .t-ul li {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: white;
        border-radius: 5px;
        text-align: center;
        font-size: 12px;
    }

    .index-Case .container .tab .t-ul .active {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .index-Case .container .tab .tab-list {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .index-Case .container .tab .tab-list::after {
        content: "";
        width: 188px;
    }

    .index-Case .container .tab .tab-list .tab-item {
        background: white;
        width: 188px;
        border-radius: 15px;
        overflow: hidden;
        padding: 15px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .img {
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title {
        padding: 12px 0px;
        box-sizing: border-box;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text {
        display: flex;
        align-items: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text h1 {
        font-size: 18px;
        color: #4f307b;
        font-weight: bold;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text .design {
        width: 74px;
        height: 36px;
        background: linear-gradient(to right, #dacfea, #dfd9f4);
        line-height: 36px;
        margin-left: 15px;
        color: #5c2ba3;
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title p {
        margin-top: 16px;
        color: #999999;
        line-height: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .title span {
        margin-top: 15px;
        display: block;
    }

    .index-Case .container .tab .tab-next {
        text-align: right;
        /*display: flex;*/
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
        display: none;
    }

    .index-Case .container .tab .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .index-Case .container .tab .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    /*实战案例结束*/
    /*定制服务开始*/
    .index-service {
        width: 100%;
        padding-top: 35px;
        box-sizing: border-box;
    }

    .index-service .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .service .title {
        text-align: center;
        padding-top: 20px;
        box-sizing: border-box;
    }

    .service .title h1 {
        font-size: 26px;
        color: #341067;
    }

    .service .title p {
        padding-top: 30px;
        line-height: 25px;
        color: #4d4d4e;
        font-size: 16px;
        font-weight: 500;
    }

    .service .tab {
        background: #f8f8fa;
        border-radius: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 2px solid #ffffff;
    }

    .service .tab .t-ul {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
    }

    .service .tab .t-ul li {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }

    .service .tab .t-ul li .IMG {
        display: none;
    }

    .service .tab .t-ul li .icon {
        display: none;
    }

    .service .tab .t-ul li .button {
        display: none;
    }

    .service .tab .t-ul li h1 {
        font-size: 16px;
        color: #341067;
    }

    .service .tab .t-ul .active {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        border-radius: 12px 12px 0px 0px;
        position: relative;
    }

    .service .tab .t-ul .active .IMG {
        position: absolute;
        top: 5%;
        left: 3%;
        display: block;
    }

    .service .tab .t-ul .active .icon {
        position: absolute;
        top: 13%;
        left: 29%;
        display: block;
    }

    .service .tab .t-ul .active .button {
        position: absolute;
        top: 48%;
        left: 67%;
        display: flex;
        width: 60px;
        align-items: center;
        border-radius: 22px;
        background-image: linear-gradient(to right, #d42e42, #f96f78);
        justify-content: center;
    }

    .service .tab .t-ul .active .button .txt {
        height: 20px;
        line-height: 20px;
        color: #ffa6ac;
        font-size: 12px;
    }

    .service .tab .t-ul .active .button .icon1 {
        width: 14px;
        height: 20px;
        line-height: 20px;
    }

    .service .tab .t-ul .active .button .icon img {
        width: 100%;
        height: 100%;
    }

    .service .tab .t-ul .active h1 {
        color: #ffffff;
    }

    .service .tab .tab-box .service-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        background: #f8f8fa;
        padding: 20px 5px 0px 5px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .service-item {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item1 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item2 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;

    }

    .service .tab .tab-box .service-list .service-item .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #2d65ea, #2d65ea);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item1 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #ff4c39, #ff8467);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item2 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #4714d0, #1b3ee3);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item .img .h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item1 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        width: 300px;
        text-align: center;
        line-height: 27px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .title-text {
        height: 250px;
    }

    .service .tab .tab-box .service-list .title-text .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .title-text .text h1 {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: bold;
    }

    .service .tab .tab-box .service-list .title-text .text p {
        color: #999999;
        margin-top: 6px;
    }

    .service .tab .tab-box .service-list .price {
        display: flex;
        align-items: center;
    }

    .service .tab .tab-box .service-list .price h1 {
        color: #c2c2c2;
        display: block;
    }

    .service .tab .tab-box .service-list .price i {
        color: #333333;
        font-weight: bold;
        display: block;
        margin: -15px 5px 0px 5px;
    }

    .service .tab .tab-box .service-list .price span {
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        display: block;
    }

    .service .tab .tab-box .service-price {
        padding: 66px 0px 0px 15px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-price .price {
        display: flex;
        align-items: center;

    }

    .service .tab .tab-box .service-price .price .discounts {
        color: #d32a3f;
        font-size: 20px;
    }

    .service .tab .tab-box .service-price .price .RMB {
        display: flex;
        margin: 0 15px;

    }

    .service .tab .tab-box .service-price .price .RMB .RMB1 {
        color: #d32a3f;
        font-weight: bold;
    }

    .service .tab .tab-box .service-price .price .RMB .RMB2 {
        font-weight: bold;
        font-size: 40px;
        background-image: linear-gradient(to right, #d32a3f, #fa7179);
        -webkit-background-clip: text;
        color: transparent;
    }

    .service .tab .tab-box .service-price .price .original {
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        color: #b5b5b5;
        text-align: center;
        background: #e5e5e5;
        text-decoration: line-through;
    }

    .service-coach {
        position: relative;
        margin-top: 60px;
        margin-bottom: 150px;
    }

    .service-coach .IMG {
        width: 339px;
        height: 142px;
        position: relative;
        z-index: 2;
    }

    .service-coach .IMG img {
        width: 100%;
        height: 100%;
    }

    .service-coach .coach {
        width: 361px;
        background: linear-gradient(to right, #430d89, #370f6e);
        height: 182px;
        padding: 43px;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 111px;
        z-index: 1;
    }

    .service-coach .coach h1 {
        color: white;
        font-size: 16px;
        font-weight: bold;
    }

    .service-coach .coach h2 {
        color: white;
        font-size: 15px;
        margin-top: 15px;
    }

    .service-coach .coach .coach-once {
        width: 120px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border-radius: 50px;
        text-align: center;
        margin-top: 20px;
    }

    .service-coach .coach .coach-once a {
        color: #3e0e80;
    }

    /*定制服务结束*/
    /*超级资讯开始*/
    .index-information {
        width: 100%;
        padding-top: 60px;
        box-sizing: border-box;
        display: none;
    }

    .index-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;

    }

    .information .information-title {
        /*display: flex;*/
        /*justify-content: space-between;*/
    }

    .information .information-title .left .t-ul {
        display: flex;
    }

    .information .information-title .left .t-ul .tablinks {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #000000;
        background: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;

    }

    .information .information-title .left .t-ul .active {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;
        background: linear-gradient(to right, #4a149a, #6047ce);
    }

    .information .information-title {
        margin-top: 30px;
    }

    .information .information-title .right {
        width: 400px;
        display: flex;
        background: white;
        border-radius: 12px;
        height: 43px;
        line-height: 43px;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .information .information-title .right .input input {
        background: 0;
        border: 0;
    }

    .information .tab .tab-box {
        margin-top: 30px;
    }

    .information .tab .tab-box .information-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*flex-wrap: wrap;*/
        text-align: center;
    }

    /*.information .tab .tab-box .information-list::after{*/
    /*    content: "";*/
    /*    width: 32%;*/
    /*}*/
    .information .tab .tab-box .information-list .information-item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 12px;
        background: #ffffff;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .information-list .information-item:hover {
        background: #ffffff;
    }

    .information .tab .tab-box .information-list .information-item:hover .text .text-icon .txt {
        color: #602ea3;
        font-weight: bold;
    }

    .information-list .information-item .text {
        padding: 0px 10px;
        box-sizing: border-box;
        text-align: left;
    }

    .information-list .information-item .text .text-icon {
        display: flex;
        margin: 15px 0px;
    }

    .information-list .information-item .text .text-icon .txt {
        color: #4e4e4e;
    }

    .information-list .information-item .text .text1 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }

    .information-list .information-item .text .time {
        color: #341067;
        font-size: 16px;
        font-weight: bold;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .information .tab .tab-box .tab-next {
        text-align: right;
        display: flex;
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .information .tab .tab-box .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .page-information {
        display: none;
    }

    .page-information .page-information-cotent {
        position: relative;
    }

    .index-information-Top {
        width: 100%;
        background: linear-gradient(to bottom, #e2e7fd, #eff1f9);
        height: 412px;
        padding-top: 60px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        z-index: 3;
    }

    .index-information-Top .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-information-Top .container .information-Top {
        text-align: center;
        margin-top: 50px;
    }

    .index-information-Top .container .information-Top h1 {
        font-size: 25px;
    }

    .page-information .index-information-bottom {
        width: 100%;
        min-height: 100vh;
        /*animation: gradient 10s ease forwards infinite!important;*/
        /*background: linear-gradient(to right, #8ed973 0%, #8c62fc 45%, #8ed973 100%);*/
        /*animation: gradient 10s ease forwards infinite!important;*/
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
        /*background: linear-gradient(to right, #491399, #5e40c7);*/
        padding-bottom: 160px;
        box-sizing: border-box;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    .page-information .index-information-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .page-information .index-information-bottom .container .IMG {
        text-align: center;
    }

    .page-information .index-information-bottom .container .page-circle {
        width: 230px;
        height: 230px;
        background: rgba(207, 204, 240, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle {
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        border: 4px solid #ffffff;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .text {
        height: 190px;
        line-height: 190px;
        text-align: center;
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .icon {
        position: absolute;
        top: 17%;
        right: 17%;
    }

    .page-information .index-information-bottom .container .page-Ul {
        position: absolute;
        width: 600px;
        height: 300px;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-Ul ul {
        width: 600px;
        height: 300px;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-Ul li {
        display: flex;
        align-items: center;

    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(1) {
        position: absolute;
        top: 0;
        left: -16%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(2) {
        position: absolute;
        top: 46%;
        left: 8%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(3) {
        position: absolute;
        top: 46%;
        right: -11%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        right: -19%;
        text-align: left;
    }

    .page-information .index-information-bottom .container .page-Ul li .right {
        margin-right: 12px;
        margin-left: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p1 {
        font-size: 18px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p2 {
        font-size: 14px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .left {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        color: #ffffff;
        text-align: center;
        font-size: 20px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .right-img {
        display: flex;
    }

    .page-information .index-information-bottom .container .page-text {
        position: absolute;
        width: 600px;
        height: 250px;
        bottom: -8%;
        left: 50%;
        transform: translate(-50%, -0%);
        z-index: 6;
        background: rgba(93, 54, 190, 0.3);
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .page-information .index-information-bottom .container .page-text h1 {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 h1 {
        color: #e6466b;
        font-size: 14px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 p {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    /*手机版*/
    .Mobile-information {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }
    .Mobile-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .Mobile-information .container .tab_list {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        border-radius: 12px;
    }

    .Mobile-information .container .tab_list li {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #ffffff;
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current .icon-current h1 {
        color: #ffffff;
    }

    .Mobile-information .container .tab_list li .icon-current h1 {
        color: #341067;
        font-weight: bold;
        margin-left: 6px;
    }

    .Mobile-information .container .tab_list li .icon-current {
        display: flex;
        justify-content: center;
    }

    .Mobile-information .container .tab_list li .icon-current .img {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list .current .icon-current .img1 {
        display: none;
    }

    .Mobile-information .container .tab_list .li .icon-current .img {
        display: none;
    }

    .Mobile-information .container .tab_list .current .NEW {
        width: 40px;
        height: 20px;
        line-height: 20px;
        color: #ffffff;
        border-radius: 12px;
        background: #ec2172;
        font-size: 12px;
        position: absolute;
        top: 28%;
        right: 7%;
        display: block;
    }

    .Mobile-information .container .tab_list li .NEW {
        display: none;
    }

    .Mobile-information .container .tab_con .politeness {
        padding: 30px 0px 0px 40px;
        box-sizing: border-box;
    }

    .Mobile-information .container .tab_con .politeness h1 {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 16px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img {
        padding-left: 20px;
        box-sizing: border-box;
        position: relative;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li {
        display: flex;
        align-items: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text h1 {
        margin-bottom: 10px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text {
        margin-left: 6px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text p {
        font-size: 14px;
        color: #ffffff;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(1) {
        position: absolute;
        top: 10%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(2) {
        position: absolute;
        top: 30%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(3) {
        position: absolute;
        top: 50%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(4) {
        position: absolute;
        top: 70%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        text-align: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img img {
        width: 25px;
        height: 25px;
        /*line-height: 50px*/
        margin-bottom: 4px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a {
        width: 120px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        font-size: 18px;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        border-radius: 6px;
        text-align: center;
        position: relative;
        left: -5%;
        display: block;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a .img {
        width: 15px;
        height: 15px;
        position: absolute;
        top: -16%;
        right: 10%;
    }

    .Mobile-information .container .tab_con .politeness-bottom {
        margin-top: 20px;
        width: 94%;
        padding: 18px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #7456e2, #501ca3);
        border-radius: 6px;
        color: white;
    }

    .Mobile-information .container .tab_con .politeness-text {
        margin-bottom: 12px;
    }

    .Mobile-information .container .tab_con .politeness-text h1 {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .Mobile-information .container .tab_con .politeness-text h2 {
        color: #cf4175;
        font-size: 15px;
        margin-bottom: 6px;
    }

    /*手机版结束*/
    /*超级资讯结束*/
    /*首页详情开始*/
    .index-details {
        width: 100%;
        padding-top: 44px;
        box-sizing: border-box;
        padding-bottom: 44px;
    }

    .index-details .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .details {
        /*display: flex;*/
        /*justify-content: space-between;*/
    }

    .details .details-left {
        width: 100%;
    }

    .details .details-left h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .details .details-left .details-left-content {
        margin-top: 20px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .details .details-left .details-left-content p {
        margin-top: 15px;
        line-height: 25px;
        font-size: 15px;
    }

    .details .details-rgint {
        width: 20%;
        display: none;
    }

    .details .details-left .details-left-content p:nth-last-child(1) {
        margin-bottom: 15px;
    }

    .details .details-left .details-left-content .fend {
        display: flex;
        margin-bottom: 30px;
    }

    .details .details-left .details-left-content .fend .active {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-left: auto;
    }

    .details .details-left .details-left-content .fend li a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-left: auto;
        background: #e6e6e6;
    }

    .details .details-left .details-bottom {
        /*display: flex;*/
        /*justify-content: space-between;*/
        padding: 20px;
        box-sizing: border-box;
    }

    .details .details-left .details-bottom .p1 .a {
        margin-bottom: 6px;
    }

    .details .details-left .details-bottom .p1 .a a {
        font-size: 12px;
        color: #666666;
    }

    .details .details-left .details-bottom .p2 a {
        display: block;
        width: 100px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        color: #ffffff;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-top: 12px;
    }

    .details .details-rgint .time h1 {
        font-size: 50px;
        color: #333333;
        font-weight: bold;
        text-align: right;
    }

    .details .details-rgint .time h1 span {
        font-size: 20px;
        color: #333333;
        margin-left: 6px;
        font-weight: bold;
    }

    .details .details-rgint .time .txt {
        display: flex;
        width: 130px;
        height: 40px;
        border: 1px solid #dedede;
        padding: 12px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
        margin-left: auto;
    }

    .details .details-rgint .fend {
        margin-top: 20px;
    }

    .details .details-rgint .fend li a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin-left: auto;
        background: #e6e6e6;
    }

    .details .details-rgint .fend li .active {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-left: auto;
    }

    .details .details-rgint .fend li a:hover {
        background: linear-gradient(to right, #49149a, #6046cc);
        color: #ffffff;
    }

    /*首页详情结束*/
    /*logo*开始*/
    .index-logo {
        background: url("../images/banner11.png") no-repeat;
        background-size: cover;
        width: 1920px;
        height: 930px;
        position: relative;
    }

    .index-logo .container {
        width: 94%;
        max-width: 1000px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
    }

    .index-logo .container .logo-left {
        background: url("../images/banner12.png") no-repeat;
        background-size: cover;
        width: 446px;
        height: 409px;
        padding: 60px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-left h1 {
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .index-logo .container .logo-left h2 {
        font-size: 25px;
        color: #ffffff;
        margin-top: 20px;
    }

    .index-logo .container .logo-left p {
        font-size: 15px;
        color: #ffffff;
        margin-top: 10px;
    }

    .index-logo .container .logo-right {
        width: 446px;
        height: 409px;
        background: #ffffff;
        border-radius: 12px;
        margin-left: 20px;
        padding: 30px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-right h1 {
        font-size: 25px;
        color: #333333;
        text-align: center;
    }

    .index-logo .container .logo-right .input {
        display: flex;
        width: 350px;
        height: 50px;
        background: #ffffff;
        border-radius: 6px;
        border: 1px solid #f3f3f3;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 10px auto 0px auto;
    }

    .index-logo .container .logo-right .input .xing {
        color: #e6466b;
    }

    .index-logo .container .logo-right .input input {
        background: 0;
        border: 0;
    }

    .index-logo .container .logo-right .input input::placeholder {
        color: #0a0a0a;
    }

    .index-logo .container .logo-right .input .input1 {
        display: flex;
    }

    .index-logo .container .logo-right .input .input1 input::placeholder {
        color: #d3d3d3;
    }

    .index-logo .container .logo-right .input .input2 {
        width: 156px;
        height: 50px;
        line-height: 50px;
        border-radius: 6px;
        background: #460d93;
    }

    .index-logo .container .logo-right .input .input2 input {
        display: block;
        width: 156px;
        height: 50px;
        line-height: 60px;
        border-radius: 6px;
        background: #460d93;
        margin-right: auto;
    }

    .index-logo .container .logo-right .input .input2 input::placeholder {
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button {
        display: flex;
        width: 350px;
        height: 50px;
        background: #460d93;
        border-radius: 6px;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 20px auto 0px auto;
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button input {
        background: 0;
        border: 0;
        display: block;
        width: 350px;
        height: 50px;
        text-align: center;
    }

    /*logo结束*/
    .Menu {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(23, 23, 23, 0.4);
        z-index: 10;
        display: none;
    }

    .Menu .Menu-content {
        background: #fafafa;
        width: 400px;
        height: 500px;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .Menu .Menu-content .Menu-icon {
        position: absolute;
        top: -5%;
        right: 0;
    }

    .Menu .Menu-content .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text h1 {
        font-size: 25px;
        text-align: center;
    }

    .Menu .Menu-content .text .item {
        display: flex;
        align-items: center;
        background: white;
        width: 320px;
        height: 60px;
        margin: 20px auto 0px auto;
        padding: 0px 0px;
        box-sizing: border-box;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
    }

    .Menu .Menu-content .text .item .item-title {
        display: flex;
        border-right: 1px solid #9f9f9f;
    }

    .Menu .Menu-content .text .item .item-title span {
        color: #f2626c;
    }

    .Menu .Menu-content .text .item .item-title h1 {
        font-size: 15px;
        padding-right: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .item .input input {
        background: 0;
        border: 0;
        padding-left: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .submit {
        width: 150px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        background: #3d299d;
        margin: 20px auto 0px auto;
        text-align: center;
    }

    .Menu .Menu-content .text .submit input {
        background: 0;
        border: 0;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .Menu .Menu-content .text .Menu-img {
        width: 40px;
        height: 40px;
        margin: 120px auto 15px auto;
    }

    .Menu .Menu-content .text .close {
        margin-top: 20px;
    }

    .index-management {
        display: none;
    }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
    /* 头部导航开始 */
    .header-About {
        width: 100%;
        /*background:rgba(52,16,103,0.5);*/
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
        width: 100%;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header-About .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .header-title {
        width: 100%;
        /*margin: 60px auto 0px auto;*/
        position: absolute;
        z-index: 332;
        top: -34px;
        /*left: 11%;*/
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 36px;
        color: white;
        margin-bottom: 7px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 27px;
        color: white;
    }

    .header-title .container .free {
        width: 120px;
        height: 37px;
        background: #ffa414;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 37px;
        margin-top: 35px;
        display: block;
    }

    .head-logo {
        width: 40%;
        height: 90px;
        line-height: 90px;
    }

    .mbnav {
        margin-top: 8px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 140px;
        align-items: center;
    }

    .mbnav .free {
        width: 60%;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        text-align: center;
    }

    .mbnav .free a {
        color: #ffffff;
        font-size: 12px;
    }

    .mbnav .img {
        width: 22%;
    }

    .head-logo h1 {
        display: none;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .head-nav {
        display: none;
    }

    .nav {
        width: 100%;
        margin-right: auto;
        /*padding-left: 92px;*/
        display: none;
        background: white;
    }

    .head-nav .nav-list .nav-item {
        width: 100%;
        /*margin-right: 35px;*/
        display: flex;
        align-items: center;
        position: relative;
        text-align: left;
        padding-left: 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #dedede;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 380px;
        height: 264px;
        top: 72px;
        left: 0;
        z-index: 99;
        line-height: 46px;
        background-color: #f9f9f9;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
        background: white;
        margin-bottom: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon {
        display: none;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
        font-size: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
        display: none;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
        flex-wrap: wrap;
        text-align: left;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /*轮播图开始*/
    .index-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .index-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 83px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .index-banner .container .container-banner .title h1 {
        font-size: 40px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .index-banner .container .container-banner .title h2 {
        font-size: 60px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        text-align: right;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*手机版轮播图*/
    .Mobile-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .Mobile-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 103px;
        margin-left: -40px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .Mobile-banner .container .container-banner .title h1 {
        width: 200px;
        font-size: 28px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .Mobile-banner .container .container-banner .title h2 {
        font-size: 36px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*text-align: right;*/
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*轮播图结束*/
    /*应用模块开始*/
    .index-nav {
        width: 100%;
        position: relative;
        top: -46px;
        z-index: 9;
        display: none;
    }

    .index-nav .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        background: white;
        border-radius: 46px;
        height: 100px;
        align-items: center;
        justify-content: space-between;
        padding: 0 51px;
        box-sizing: border-box;
    }

    .index-nav .container li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .index-nav .container li p {
        margin-top: 7px;
        font-size: 12px;
    }

    .mobile-nav {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        position: relative;
    }

    .mobile-nav li {
        width: fit-content;
        background: #ffffff;
        border-radius: 46px;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
        padding: 15px 30px;
        box-sizing: border-box;
        margin-top: 30px;
        display: block;
    }

    .mobile-nav li:nth-child(2n) {
        margin-left: auto;
        display: block;
    }

    .mobile-nav li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .mobile-nav .mobile-circle {
        position: absolute;
        top: 0;
        right: 0;
        animation: heart 0.5s infinite;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    .mobile-nav .mobile-circle1 {
        position: absolute;
        top: 26%;
        left: 14%;
        width: 90px;
        height: 90px;
        animation: heart 0.5s infinite;
    }

    .mobile-nav .mobile-circle2 {
        position: absolute;
        top: 46%;
        right: 0;
        width: 90px;
        height: 90px;
        animation: jumpBox 1.8s infinite;
    }

    /*应用模块结束*/
    /*自驱系统开始*/
    .index-Since {
        width: 100%;
        display: none;
    }

    .index-Since .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }

    .index-Since .container .Since {
        margin-top: 80px;
    }

    .index-Since .container .Since-list {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
        box-sizing: border-box;
    }

    .index-Since .container .odreds {
        border-top: 3px solid #edebf5;
        border-bottom: 3px solid #edebf5;
    }

    .index-Since .container .Since-list .Since-item {
        width: 415px;
    }

    .index-Since .container .Since-list .Since-item h1 {
        color: #341067;
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
        margin: 25px 0px;
    }

    .index-Since .container .Since-list .Since-item p {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 17px;
    }

    .index-Since .container .Since-list .Since-item .icon {
        animation: jumpBoxbttont 1.8s infinite;
    }

    @keyframes jumpBoxbttont { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .mobile-Since {
        box-sizing: border-box;
        padding: 30px 15px 0px 15px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item {
        display: flex;
        margin-bottom: 20px;
    }

    .mobile-Since .mobile-Since-item .img {
        width: 120px;
        height: auto;
    }

    .mobile-Since .mobile-Since-item .text {
        width: 400px;
        padding-left: 12px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item .text h1 {
        color: #341067;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .mobile-Since .mobile-Since-item .text p {
        font-size: 15px;
        line-height: 20px;
    }

    /*自驱系统结束*/
    .index-video .img {
        width: 380px;
        height: 300px;
        margin: 0 auto;

    }

    .index-video .img img {
        width: 100%;
        height: 100%;
        border-radius: 30px;
    }

    /*同行优势*/
    .index-advantage {
        width: 100%;
    }

    .index-advantage .container {
        width: 94%;
        max-width: 1000px;
        margin: 90px auto 0px auto;
        height: 284px;
        position: relative;
    }

    .index-advantage .container .advantage-title {
        text-align: center;
    }

    .index-advantage .container .advantage-title h1 {
        color: #333333;
        font-size: 30px;
        font-weight: bold;
    }

    .index-advantage .container .advantage-title p {
        color: #333333;
        font-size: 35px;
        margin-top: 25px;
    }

    .index-advantage .container .advantage-title .button a {
        display: block;
        width: 200px;
        height: 56px;
        line-height: 56px;
        border-radius: 30px;
        background: linear-gradient(to right, #fc8e18, #ddb120);
        color: white;
        margin: 60px auto 0px auto;
        font-size: 18px;
    }

    .index-advantage .container .IMG {
        position: absolute;
        top: 0;
        left: 0;
        animation: heart 0.5s infinite;
        display: none;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .index-advantage .container .IMG1 {
        position: absolute;
        top: 23%;
        left: 13%;
        animation: xiagun 4s linear infinite;
        z-index: 3;
        display: none;
    }

    @keyframes xiagun {
        0% {
            transform: translateY(-1.5rem);
        }
        100% {
            transform: translateY(2.5rem);
        }
    }
    .index-advantage .container .IMG2 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        animation: heart 0.5s infinite;
        display: none;
    }

    .index-advantage .container .IMG3 {
        position: absolute;
        bottom: -4%;
        left: 30%;
        animation: jumpBoxtop 1.8s infinite;
        display: none;
    }

    .index-advantage .container .IMG4 {
        position: absolute;
        top: 11%;
        right: 0;
        animation: heart 0.5s infinite;
        z-index: 3;
        display: none;
    }

    .index-advantage .container .IMG5 {
        position: absolute;
        top: 56%;
        right: 15%;
        animation: jumpBoxbttont 1.8s infinite;
        display: none;
    }

    .index-advantage .container .icon {
        position: absolute;
        top: 38%;
        left: 15%;
        z-index: 1;
        animation: flying 10s infinite ease-in;
        display: none;
    }

    @keyframes flying {
        0% {
            bottom: -100px;
            transform: translateX(0);
        }

        50% {
            transform: translateX(100px);
        }

        100% {
            bottom: 1080px;
            transform: translateX(-200px);
        }
    }
    .index-advantage .container .icon1 {
        position: absolute;
        top: 56%;
        right: 24%;
        display: none;
    }

    .index-advantage .container .icon2 {
        position: absolute;
        top: 37%;
        right: 2%;
        z-index: 1;
        display: none;
    }

    .index-advantage .container .icon3 {
        position: absolute;
        bottom: 0;
        right: 2%;
        z-index: 1;
        display: none;
    }

    /*同行优势结束*/
    /*团队荣誉开始*/
    .index-honor {
        width: 100%;
        background: #ffffff;
        padding: 80px 0px 0px 0px;
        box-sizing: border-box;
    }

    .index-honor .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-honor .honor {
        position: relative;
    }

    .index-honor .honor .honor-list {
        display: flex;
        padding: 28px 0px;
        box-sizing: border-box;
        width: 1920px;
        overflow: hidden;
    }

    .index-honor .honor .honor-list .item {
        width: 17% !important;
    }

    .index-honor .honor .honor-button-prev {
        position: absolute;
        top: 100%;
        right: auto;
        left: 23%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .index-honor .honor .honor-button-next {
        position: absolute;
        left: 26%;
        top: 100%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    /*团队荣誉结束*/
    /*实战案例开始*/
    .index-Case {
        width: 100%;
        padding-top: 27px;
        box-sizing: border-box;
    }

    .index-Case .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-Case .container .search {
        display: flex;
        width: 400px;
        height: 60px;
        background: #ffffff;
        border-radius: 12px;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .index-Case .container .search .input input {
        border: 0;
        background: 0;
    }

    .index-Case .container .tab {
        overflow: hidden;
    }

    .index-Case .container .tab .t-ul {
        margin-top: 15px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .index-Case .container .tab .t-ul li {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: white;
        border-radius: 5px;
        text-align: center;
        font-size: 12px;
    }

    .index-Case .container .tab .t-ul .active {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .index-Case .container .tab .tab-list {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .index-Case .container .tab .tab-list::after {
        content: "";
        width: 188px;
    }

    .index-Case .container .tab .tab-list .tab-item {
        background: white;
        width: 188px;
        border-radius: 15px;
        overflow: hidden;
        padding: 15px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .img {
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title {
        padding: 12px 0px;
        box-sizing: border-box;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text {
        display: flex;
        align-items: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text h1 {
        font-size: 18px;
        color: #4f307b;
        font-weight: bold;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text .design {
        width: 74px;
        height: 36px;
        background: linear-gradient(to right, #dacfea, #dfd9f4);
        line-height: 36px;
        margin-left: 15px;
        color: #5c2ba3;
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title p {
        margin-top: 16px;
        color: #999999;
        line-height: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .title span {
        margin-top: 15px;
        display: block;
    }

    .index-Case .container .tab .tab-next {
        text-align: right;
        /*display: flex;*/
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
        display: none;
    }

    .index-Case .container .tab .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .index-Case .container .tab .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    /*实战案例结束*/
    /*定制服务开始*/
    .index-service {
        width: 100%;
        padding-top: 35px;
        box-sizing: border-box;
    }

    .index-service .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .service .title {
        text-align: center;
        padding-top: 20px;
        box-sizing: border-box;
    }

    .service .title h1 {
        font-size: 26px;
        color: #341067;
    }

    .service .title p {
        padding-top: 30px;
        line-height: 25px;
        color: #4d4d4e;
        font-size: 16px;
        font-weight: 500;
    }

    .service .tab {
        background: #f8f8fa;
        border-radius: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 2px solid #ffffff;
    }

    .service .tab .t-ul {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
    }

    .service .tab .t-ul li {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }

    .service .tab .t-ul li .IMG {
        display: none;
    }

    .service .tab .t-ul li .icon {
        display: none;
    }

    .service .tab .t-ul li .button {
        display: none;
    }

    .service .tab .t-ul li h1 {
        font-size: 16px;
        color: #341067;
    }

    .service .tab .t-ul .active {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        border-radius: 12px 12px 0px 0px;
        position: relative;
    }

    .service .tab .t-ul .active .IMG {
        position: absolute;
        top: 5%;
        left: 3%;
        display: block;
    }

    .service .tab .t-ul .active .icon {
        position: absolute;
        top: 13%;
        left: 29%;
        display: block;
    }

    .service .tab .t-ul .active .button {
        position: absolute;
        top: 48%;
        left: 67%;
        display: flex;
        width: 60px;
        align-items: center;
        border-radius: 22px;
        background-image: linear-gradient(to right, #d42e42, #f96f78);
        justify-content: center;
    }

    .service .tab .t-ul .active .button .txt {
        height: 20px;
        line-height: 20px;
        color: #ffa6ac;
        font-size: 12px;
    }

    .service .tab .t-ul .active .button .icon1 {
        width: 14px;
        height: 20px;
        line-height: 20px;
    }

    .service .tab .t-ul .active .button .icon img {
        width: 100%;
        height: 100%;
    }

    .service .tab .t-ul .active h1 {
        color: #ffffff;
    }

    .service .tab .tab-box .service-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        background: #f8f8fa;
        padding: 20px 5px 0px 5px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .service-item {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item1 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item2 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;

    }

    .service .tab .tab-box .service-list .service-item .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #2d65ea, #2d65ea);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item1 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #ff4c39, #ff8467);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item2 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #4714d0, #1b3ee3);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item .img .h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item1 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        width: 300px;
        text-align: center;
        line-height: 27px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .title-text {
        height: 250px;
    }

    .service .tab .tab-box .service-list .title-text .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .title-text .text h1 {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: bold;
    }

    .service .tab .tab-box .service-list .title-text .text p {
        color: #999999;
        margin-top: 6px;
    }

    .service .tab .tab-box .service-list .price {
        display: flex;
        align-items: center;
    }

    .service .tab .tab-box .service-list .price h1 {
        color: #c2c2c2;
        display: block;
    }

    .service .tab .tab-box .service-list .price i {
        color: #333333;
        font-weight: bold;
        display: block;
        margin: -15px 5px 0px 5px;
    }

    .service .tab .tab-box .service-list .price span {
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        display: block;
    }

    .service .tab .tab-box .service-price {
        padding: 66px 0px 0px 15px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-price .price {
        display: flex;
        align-items: center;

    }

    .service .tab .tab-box .service-price .price .discounts {
        color: #d32a3f;
        font-size: 20px;
    }

    .service .tab .tab-box .service-price .price .RMB {
        display: flex;
        margin: 0 15px;

    }

    .service .tab .tab-box .service-price .price .RMB .RMB1 {
        color: #d32a3f;
        font-weight: bold;
    }

    .service .tab .tab-box .service-price .price .RMB .RMB2 {
        font-weight: bold;
        font-size: 40px;
        background-image: linear-gradient(to right, #d32a3f, #fa7179);
        -webkit-background-clip: text;
        color: transparent;
    }

    .service .tab .tab-box .service-price .price .original {
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        color: #b5b5b5;
        text-align: center;
        background: #e5e5e5;
        text-decoration: line-through;
    }

    .service-coach {
        position: relative;
        margin-top: 60px;
        margin-bottom: 150px;
    }

    .service-coach .IMG {
        width: 339px;
        height: 142px;
        position: relative;
        z-index: 2;
    }

    .service-coach .IMG img {
        width: 100%;
        height: 100%;
    }

    .service-coach .coach {
        width: 361px;
        background: linear-gradient(to right, #430d89, #370f6e);
        height: 182px;
        padding: 43px;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 111px;
        z-index: 1;
    }

    .service-coach .coach h1 {
        color: white;
        font-size: 16px;
        font-weight: bold;
    }

    .service-coach .coach h2 {
        color: white;
        font-size: 15px;
        margin-top: 15px;
    }

    .service-coach .coach .coach-once {
        width: 120px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border-radius: 50px;
        text-align: center;
        margin-top: 20px;
    }

    .service-coach .coach .coach-once a {
        color: #3e0e80;
    }

    /*定制服务结束*/
    /*超级资讯开始*/
    .index-information {
        width: 100%;
        padding-top: 60px;
        box-sizing: border-box;
        display: none;
    }

    .index-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;

    }

    .information .information-title {
        /*display: flex;*/
        /*justify-content: space-between;*/
    }

    .information .information-title .left .t-ul {
        display: flex;
    }

    .information .information-title .left .t-ul .tablinks {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #000000;
        background: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;

    }

    .information .information-title .left .t-ul .active {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;
        background: linear-gradient(to right, #4a149a, #6047ce);
    }

    .information .information-title {
        margin-top: 30px;
    }

    .information .information-title .right {
        width: 400px;
        display: flex;
        background: white;
        border-radius: 12px;
        height: 43px;
        line-height: 43px;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .information .information-title .right .input input {
        background: 0;
        border: 0;
    }

    .information .tab .tab-box {
        margin-top: 30px;
    }

    .information .tab .tab-box .information-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*flex-wrap: wrap;*/
        text-align: center;
    }

    /*.information .tab .tab-box .information-list::after{*/
    /*    content: "";*/
    /*    width: 32%;*/
    /*}*/
    .information .tab .tab-box .information-list .information-item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 12px;
        background: #ffffff;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .information-list .information-item:hover {
        background: #ffffff;
    }

    .information .tab .tab-box .information-list .information-item:hover .text .text-icon .txt {
        color: #602ea3;
        font-weight: bold;
    }

    .information-list .information-item .text {
        padding: 0px 10px;
        box-sizing: border-box;
        text-align: left;
    }

    .information-list .information-item .text .text-icon {
        display: flex;
        margin: 15px 0px;
    }

    .information-list .information-item .text .text-icon .txt {
        color: #4e4e4e;
    }

    .information-list .information-item .text .text1 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }

    .information-list .information-item .text .time {
        color: #341067;
        font-size: 16px;
        font-weight: bold;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .information .tab .tab-box .tab-next {
        text-align: right;
        display: flex;
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .information .tab .tab-box .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .page-information {
        display: none;
    }

    .page-information .page-information-cotent {
        position: relative;
    }

    .index-information-Top {
        width: 100%;
        background: linear-gradient(to bottom, #e2e7fd, #eff1f9);
        height: 412px;
        padding-top: 60px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        z-index: 3;
    }

    .index-information-Top .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-information-Top .container .information-Top {
        text-align: center;
        margin-top: 50px;
    }

    .index-information-Top .container .information-Top h1 {
        font-size: 25px;
    }

    .page-information .index-information-bottom {
        width: 100%;
        min-height: 100vh;
        /*animation: gradient 10s ease forwards infinite!important;*/
        /*background: linear-gradient(to right, #8ed973 0%, #8c62fc 45%, #8ed973 100%);*/
        /*animation: gradient 10s ease forwards infinite!important;*/
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
        /*background: linear-gradient(to right, #491399, #5e40c7);*/
        padding-bottom: 160px;
        box-sizing: border-box;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    .page-information .index-information-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .page-information .index-information-bottom .container .IMG {
        text-align: center;
    }

    .page-information .index-information-bottom .container .page-circle {
        width: 230px;
        height: 230px;
        background: rgba(207, 204, 240, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle {
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        border: 4px solid #ffffff;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .text {
        height: 190px;
        line-height: 190px;
        text-align: center;
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .icon {
        position: absolute;
        top: 17%;
        right: 17%;
    }

    .page-information .index-information-bottom .container .page-Ul {
        position: absolute;
        width: 600px;
        height: 300px;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-Ul ul {
        width: 600px;
        height: 300px;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-Ul li {
        display: flex;
        align-items: center;

    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(1) {
        position: absolute;
        top: 0;
        left: -16%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(2) {
        position: absolute;
        top: 46%;
        left: 8%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(3) {
        position: absolute;
        top: 46%;
        right: -11%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        right: -19%;
        text-align: left;
    }

    .page-information .index-information-bottom .container .page-Ul li .right {
        margin-right: 12px;
        margin-left: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p1 {
        font-size: 18px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p2 {
        font-size: 14px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .left {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        color: #ffffff;
        text-align: center;
        font-size: 20px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .right-img {
        display: flex;
    }

    .page-information .index-information-bottom .container .page-text {
        position: absolute;
        width: 600px;
        height: 250px;
        bottom: -8%;
        left: 50%;
        transform: translate(-50%, -0%);
        z-index: 6;
        background: rgba(93, 54, 190, 0.3);
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .page-information .index-information-bottom .container .page-text h1 {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 h1 {
        color: #e6466b;
        font-size: 14px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 p {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    /*手机版*/
    .Mobile-information {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }
    .Mobile-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .Mobile-information .container .tab_list {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        border-radius: 12px;
    }

    .Mobile-information .container .tab_list li {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #ffffff;
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current .icon-current h1 {
        color: #ffffff;
    }

    .Mobile-information .container .tab_list li .icon-current h1 {
        color: #341067;
        font-weight: bold;
        margin-left: 6px;
    }

    .Mobile-information .container .tab_list li .icon-current {
        display: flex;
        justify-content: center;
    }

    .Mobile-information .container .tab_list li .icon-current .img {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list .current .icon-current .img1 {
        display: none;
    }

    .Mobile-information .container .tab_list .li .icon-current .img {
        display: none;
    }

    .Mobile-information .container .tab_list .current .NEW {
        width: 40px;
        height: 20px;
        line-height: 20px;
        color: #ffffff;
        border-radius: 12px;
        background: #ec2172;
        font-size: 12px;
        position: absolute;
        top: 28%;
        right: 7%;
        display: block;
    }

    .Mobile-information .container .tab_list li .NEW {
        display: none;
    }

    .Mobile-information .container .tab_con .politeness {
        padding: 30px 0px 0px 40px;
        box-sizing: border-box;
    }

    .Mobile-information .container .tab_con .politeness h1 {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 16px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img {
        padding-left: 20px;
        box-sizing: border-box;
        position: relative;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li {
        display: flex;
        align-items: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text h1 {
        margin-bottom: 10px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text {
        margin-left: 6px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text p {
        font-size: 14px;
        color: #ffffff;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(1) {
        position: absolute;
        top: 10%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(2) {
        position: absolute;
        top: 30%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(3) {
        position: absolute;
        top: 50%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(4) {
        position: absolute;
        top: 70%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        text-align: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img img {
        width: 25px;
        height: 25px;
        /*line-height: 50px*/
        margin-bottom: 4px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a {
        width: 120px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        font-size: 18px;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        border-radius: 6px;
        text-align: center;
        position: relative;
        left: -5%;
        display: block;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a .img {
        width: 15px;
        height: 15px;
        position: absolute;
        top: -16%;
        right: 10%;
    }

    .Mobile-information .container .tab_con .politeness-bottom {
        margin-top: 20px;
        width: 94%;
        padding: 18px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #7456e2, #501ca3);
        border-radius: 6px;
        color: white;
    }

    .Mobile-information .container .tab_con .politeness-text {
        margin-bottom: 12px;
    }

    .Mobile-information .container .tab_con .politeness-text h1 {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .Mobile-information .container .tab_con .politeness-text h2 {
        color: #cf4175;
        font-size: 15px;
        margin-bottom: 6px;
    }

    /*手机版结束*/
    /*超级资讯结束*/
    /*首页详情开始*/
    .index-details {
        width: 100%;
        padding-top: 120px;
        box-sizing: border-box;
        padding-bottom: 120px;
    }

    .index-details .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

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

    .details .details-left {
        width: 60%;
    }

    .details .details-left h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .details .details-left .details-left-content {
        margin-top: 20px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .details .details-left .details-left-content p {
        margin-top: 15px;
        line-height: 25px;
        font-size: 15px;
    }

    .details .details-rgint {
        width: 20%;
    }

    .details .details-left .details-left-content p:nth-last-child(1) {
        margin-bottom: 15px;
    }

    .details .details-left .details-bottom {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-sizing: border-box;
    }

    .details .details-left .details-bottom .p1 .a {
        margin-bottom: 6px;
    }

    .details .details-left .details-bottom .p1 .a a {
        font-size: 12px;
        color: #666666;
    }

    .details .details-left .details-bottom .p2 a {
        display: block;
        width: 100px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        color: #ffffff;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
    }

    .details .details-rgint .time h1 {
        font-size: 50px;
        color: #333333;
        font-weight: bold;
        text-align: right;
    }

    .details .details-rgint .time h1 span {
        font-size: 20px;
        color: #333333;
        margin-left: 6px;
        font-weight: bold;
    }

    .details .details-rgint .time .txt {
        display: flex;
        width: 130px;
        height: 40px;
        border: 1px solid #dedede;
        padding: 12px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
        margin-left: auto;
    }

    .details .details-rgint .fend {
        margin-top: 20px;
    }

    .details .details-rgint .fend li a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin-left: auto;
        background: #e6e6e6;
    }

    .details .details-rgint .fend li .active {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-left: auto;
    }

    .details .details-rgint .fend li a:hover {
        background: linear-gradient(to right, #49149a, #6046cc);
        color: #ffffff;
    }

    /*首页详情结束*/
    /*logo*开始*/
    .index-logo {
        background: url("../images/banner11.png") no-repeat;
        background-size: cover;
        width: 1920px;
        height: 930px;
        position: relative;
    }

    .index-logo .container {
        width: 94%;
        max-width: 1000px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
    }

    .index-logo .container .logo-left {
        background: url("../images/banner12.png") no-repeat;
        background-size: cover;
        width: 446px;
        height: 409px;
        padding: 60px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-left h1 {
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .index-logo .container .logo-left h2 {
        font-size: 25px;
        color: #ffffff;
        margin-top: 20px;
    }

    .index-logo .container .logo-left p {
        font-size: 15px;
        color: #ffffff;
        margin-top: 10px;
    }

    .index-logo .container .logo-right {
        width: 446px;
        height: 409px;
        background: #ffffff;
        border-radius: 12px;
        margin-left: 20px;
        padding: 30px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-right h1 {
        font-size: 25px;
        color: #333333;
        text-align: center;
    }

    .index-logo .container .logo-right .input {
        display: flex;
        width: 350px;
        height: 50px;
        background: #ffffff;
        border-radius: 6px;
        border: 1px solid #f3f3f3;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 10px auto 0px auto;
    }

    .index-logo .container .logo-right .input .xing {
        color: #e6466b;
    }

    .index-logo .container .logo-right .input input {
        background: 0;
        border: 0;
    }

    .index-logo .container .logo-right .input input::placeholder {
        color: #0a0a0a;
    }

    .index-logo .container .logo-right .input .input1 {
        display: flex;
    }

    .index-logo .container .logo-right .input .input1 input::placeholder {
        color: #d3d3d3;
    }

    .index-logo .container .logo-right .input .input2 {
        width: 156px;
        height: 50px;
        line-height: 50px;
        border-radius: 6px;
        background: #460d93;
    }

    .index-logo .container .logo-right .input .input2 input {
        display: block;
        width: 156px;
        height: 50px;
        line-height: 60px;
        border-radius: 6px;
        background: #460d93;
        margin-right: auto;
    }

    .index-logo .container .logo-right .input .input2 input::placeholder {
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button {
        display: flex;
        width: 350px;
        height: 50px;
        background: #460d93;
        border-radius: 6px;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 20px auto 0px auto;
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button input {
        background: 0;
        border: 0;
        display: block;
        width: 350px;
        height: 50px;
        text-align: center;
    }

    /*logo结束*/
    .Menu {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(23, 23, 23, 0.4);
        z-index: 10;
        display: none;
    }

    .Menu .Menu-content {
        background: #fafafa;
        width: 400px;
        height: 500px;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .Menu .Menu-content .Menu-icon {
        position: absolute;
        top: -5%;
        right: 0;
    }

    .Menu .Menu-content .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text h1 {
        font-size: 25px;
        text-align: center;
    }

    .Menu .Menu-content .text .item {
        display: flex;
        align-items: center;
        background: white;
        width: 320px;
        height: 60px;
        margin: 20px auto 0px auto;
        padding: 0px 0px;
        box-sizing: border-box;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
    }

    .Menu .Menu-content .text .item .item-title {
        display: flex;
        border-right: 1px solid #9f9f9f;
    }

    .Menu .Menu-content .text .item .item-title span {
        color: #f2626c;
    }

    .Menu .Menu-content .text .item .item-title h1 {
        font-size: 15px;
        padding-right: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .item .input input {
        background: 0;
        border: 0;
        padding-left: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .submit {
        width: 150px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        background: #3d299d;
        margin: 20px auto 0px auto;
        text-align: center;
    }

    .Menu .Menu-content .text .submit input {
        background: 0;
        border: 0;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .Menu .Menu-content .text .Menu-img {
        width: 40px;
        height: 40px;
        margin: 120px auto 15px auto;
    }

    .Menu .Menu-content .text .close {
        margin-top: 20px;
    }

    .index-management {
        display: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    /* 头部导航开始 */
    .header-About {
        width: 100%;
        /*background:rgba(52,16,103,0.5);*/
        height: 90px;
        line-height: 72px;
        width: 100%;
        top: 0;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        position: absolute;
        z-index: 333;
    }

    .header-fixed {
        position: fixed;
        z-index: 999;
        height: 90px;
        line-height: 70px;
        transition: .4s;
        border-bottom: 1px solid #cecece;
        background: #fff;
    }

    .header-fixed .head-nav .nav-list .nav-item a {
        display: block;
        color: #000000;
        position: relative;
        font-size: 16px;
        width: 100%;
    }

    .header-fixed .head-nav .nav-list .nav-item .active a {
        color: #000000;
    }

    .header-fixed .head-logo h1 a {
        background: url("../images/logo1.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .header-fixed .head-nav .nav-list .nav-item1 a {
        display: flex;
        align-items: center;
        margin-right: 35px;
        color: #300f60;
        font-weight: bold;
    }

    .header-fixed .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj1.png");
        width: 30px;
        height: 30px;
    }

    .header-fixed .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #300f60;
    }

    .header-fixed .head-nav .nav-list .nav-item3 a {
        color: #300f60;
        font-weight: bold;
    }

    .header-About .container {
        width: 94%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .header-title {
        width: 100%;
        /*margin: 60px auto 0px auto;*/
        position: absolute;
        z-index: 332;
        top: -34px;
        /*left: 11%;*/
    }

    .header-title .container {
        width: 94%;
        max-width: 950px;
        margin: 60px auto 0px auto;
    }

    .header-title .container h1 {
        font-size: 36px;
        color: white;
        margin-bottom: 7px;
        font-weight: bold;
    }

    .header-title .container h2 {
        font-size: 27px;
        color: white;
    }

    .header-title .container .free {
        width: 120px;
        height: 37px;
        background: #ffa414;
        color: white;
        text-align: center;
        border-radius: 30px;
        line-height: 37px;
        margin-top: 35px;
        display: block;
    }

    .head-logo {
        width: 40%;
        height: 90px;
        line-height: 90px;
    }

    .mbnav {
        margin-top: 8px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 140px;
        align-items: center;
    }

    .mbnav .free {
        width: 60%;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        text-align: center;
    }

    .mbnav .free a {
        color: #ffffff;
        font-size: 12px;
    }

    .mbnav .img {
        width: 22%;
    }

    .head-logo h1 {
        display: none;
    }

    .head-logo h1 a {
        background: url("../images/logo.svg") no-repeat right;
        display: block;
        width: 233px;
        height: 52px;
        background-size: contain;
    }

    .head-nav {
        display: none;
    }

    .nav {
        width: 100%;
        margin-right: auto;
        /*padding-left: 92px;*/
        display: none;
        background: white;
    }

    .head-nav .nav-list .nav-item {
        width: 100%;
        /*margin-right: 35px;*/
        display: flex;
        align-items: center;
        position: relative;
        text-align: left;
        padding-left: 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #dedede;
    }

    .head-nav .nav-list .nav-item:hover .subnav {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }

    .head-nav .nav-list .nav-item .subnav {
        position: absolute;
        width: 380px;
        height: 264px;
        top: 72px;
        left: 0;
        z-index: 99;
        line-height: 46px;
        background-color: #f9f9f9;
        text-align: center;
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transform-origin: 0 0;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 50px;
        box-sizing: border-box;
    }

    .head-nav .nav-list .nav-item .subnav::after {
        content: "";
        position: absolute;
        width: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        top: -18px;
        left: 50%;
        margin-left: -10px;
        transition: all 0.2s ease 0s;
    }

    .head-nav .nav-list .nav-item .subnav li {
        position: relative;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item {
        width: 30%;
        position: relative;
        background: white;
        margin-bottom: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item:hover .overlay {
        opacity: 1;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #300f60;
        border-radius: 10px;
        width: 90%;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .icon a {
        display: block;
        width: 50px;
        height: 50px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon {
        display: flex;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon {
        display: none;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item .overlay .text-icon .icon-title a {
        display: block;
        color: white;
        width: 80px;
        font-size: 12px;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a {
        color: #8b8e8d;
        /*border-bottom: 1px #ededed solid;*/
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .head-nav .nav-list .nav-item .subnav .subnav-item a .icon-title {
        margin-left: 15px;
    }

    .head-nav .nav-list .nav-item1 {
        display: flex;
        align-items: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item1 h1 {
        background-image: url("../images/icon._cj.png");
        width: 30px;
        height: 30px;
    }

    .head-nav .nav-list .nav-item1 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 {
        width: 156px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        background: #fcc718;
        display: block;
        text-align: center;
        margin-right: 35px;
    }

    .head-nav .nav-list .nav-item3 {
        width: 90px;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        display: block;
        text-align: center;
        margin-right: 35px;
        border: 1px solid #ffffff;
    }

    .head-nav .nav-list .nav-item3 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        color: white;
    }

    .head-nav .nav-list .nav-item2 a {
        text-align: center;
    }

    .head-nav .nav-list .nav-item img {
        width: 30px;
        height: 30px;
        display: none;
    }

    .head-nav .nav-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
        align-items: center;
        flex-wrap: wrap;
        text-align: left;
    }

    .head-nav .nav-list .nav-item a {
        display: block;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }

    .head-nav .nav-list .nav-item.active a {
        /*color: #ffffff;*/
        /*border-bottom: 1px solid #450d94;*/
    }

    .head-nav .nav-list .nav-item:hover > a::after, .head-nav .nav-list .nav-item.active:hover > a::after {
        width: 90%;

    }

    .head-nav .nav-list .nav-item > a::after {
        content: "";
        height: 2px;
        background: #450d94;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        width: 0;
    }

    /* 头部导航结束 */
    /*轮播图开始*/
    .index-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .index-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 83px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .index-banner .container .container-banner .title h1 {
        font-size: 40px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .index-banner .container .container-banner .title h2 {
        font-size: 60px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        text-align: right;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*手机版轮播图*/
    .Mobile-banner .container {
        position: absolute;
        top: 0;
        left: 14%;
    }

    .Mobile-banner .container .container-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .container-banner .container-imgleft {
        width: 500px;
        padding-right: 134px;
        box-sizing: border-box;
        position: relative;
    }

    .container-banner .container-imgleft .title {
        margin-top: 103px;
        margin-left: -40px;
    }

    .container-banner .container-imgleft .IMG {
        position: absolute;
        top: 33px;
        left: 0;
        animation: jumpBoxtop 1.8s infinite;
    }

    @keyframes jumpBoxtop { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(30px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG1 {
        position: absolute;
        top: 24px;
        right: 81px;
        animation: jumpBox 1.8s infinite;
    }

    @keyframes jumpBox { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(0px, 30px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .container-banner .container-imgleft .IMG-HENG {
        animation: jumpBoxbtton 1.8s infinite;
    }

    @keyframes jumpBoxbtton { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .Mobile-banner .container .container-banner .title h1 {
        width: 200px;
        font-size: 28px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    .Mobile-banner .container .container-banner .title h2 {
        font-size: 36px;
        background-image: linear-gradient(to right, #f0e4fd, #d1b5f0);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
        /*text-align: right;*/
        font-style: oblique;
        Text-shadow: 1px 35px 20px rgb(81 51 192);
    }

    /*轮播图结束*/
    /*应用模块开始*/
    .index-nav {
        width: 100%;
        position: relative;
        top: -46px;
        z-index: 9;
        display: none;
    }

    .index-nav .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        background: white;
        border-radius: 46px;
        height: 100px;
        align-items: center;
        justify-content: space-between;
        padding: 0 51px;
        box-sizing: border-box;
    }

    .index-nav .container li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .index-nav .container li p {
        margin-top: 7px;
        font-size: 12px;
    }

    .mobile-nav {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        position: relative;
    }

    .mobile-nav li {
        width: fit-content;
        background: #ffffff;
        border-radius: 46px;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
        padding: 15px 30px;
        box-sizing: border-box;
        margin-top: 30px;
        display: block;
    }

    .mobile-nav li:nth-child(2n) {
        margin-left: auto;
        display: block;
    }

    .mobile-nav li h1 {
        font-size: 28px;
        background-image: linear-gradient(to right, #481096, #5e40c7);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: bold;
    }

    .mobile-nav .mobile-circle {
        position: absolute;
        top: 0;
        right: 0;
        animation: heart 0.5s infinite;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    .mobile-nav .mobile-circle1 {
        position: absolute;
        top: 26%;
        left: 14%;
        width: 90px;
        height: 90px;
        animation: heart 0.5s infinite;
    }

    .mobile-nav .mobile-circle2 {
        position: absolute;
        top: 46%;
        right: 0;
        width: 90px;
        height: 90px;
        animation: jumpBox 1.8s infinite;
    }

    /*应用模块结束*/
    /*自驱系统开始*/
    .index-Since {
        width: 100%;
        display: none;
    }

    .index-Since .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }

    .index-Since .container .Since {
        margin-top: 80px;
    }

    .index-Since .container .Since-list {
        display: flex;
        justify-content: space-between;
        padding: 30px 0px;
        box-sizing: border-box;
    }

    .index-Since .container .odreds {
        border-top: 3px solid #edebf5;
        border-bottom: 3px solid #edebf5;
    }

    .index-Since .container .Since-list .Since-item {
        width: 415px;
    }

    .index-Since .container .Since-list .Since-item h1 {
        color: #341067;
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
        margin: 25px 0px;
    }

    .index-Since .container .Since-list .Since-item p {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 17px;
    }

    .index-Since .container .Since-list .Since-item .icon {
        animation: jumpBoxbttont 1.8s infinite;
    }

    @keyframes jumpBoxbttont { /* css事件 */
        0% {
            transform: translate(0px, 0px);
        }
        50% {
            transform: translate(30px, 0px); /* 可配置跳动方向 */
        }
        100% {
            transform: translate(0px, 0px);
        }
    }
    .mobile-Since {
        box-sizing: border-box;
        padding: 30px 15px 0px 15px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item {
        display: flex;
        margin-bottom: 20px;
    }

    .mobile-Since .mobile-Since-item .img {
        width: 120px;
        height: auto;
    }

    .mobile-Since .mobile-Since-item .text {
        width: 400px;
        padding-left: 12px;
        box-sizing: border-box;
    }

    .mobile-Since .mobile-Since-item .text h1 {
        color: #341067;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .mobile-Since .mobile-Since-item .text p {
        font-size: 15px;
        line-height: 20px;
    }

    /*自驱系统结束*/
    .index-video .img {
        width: 380px;
        height: 300px;
        margin: 0 auto;

    }

    .index-video .img img {
        width: 100%;
        height: 100%;
        border-radius: 30px;
    }

    /*同行优势*/
    .index-advantage {
        width: 100%;
    }

    .index-advantage .container {
        width: 94%;
        max-width: 1000px;
        margin: 90px auto 0px auto;
        height: 284px;
        position: relative;
    }

    .index-advantage .container .advantage-title {
        text-align: center;
    }

    .index-advantage .container .advantage-title h1 {
        color: #333333;
        font-size: 30px;
        font-weight: bold;
    }

    .index-advantage .container .advantage-title p {
        color: #333333;
        font-size: 35px;
        margin-top: 25px;
    }

    .index-advantage .container .advantage-title .button a {
        display: block;
        width: 200px;
        height: 56px;
        line-height: 56px;
        border-radius: 30px;
        background: linear-gradient(to right, #fc8e18, #ddb120);
        color: white;
        margin: 60px auto 0px auto;
        font-size: 18px;
    }

    .index-advantage .container .IMG {
        position: absolute;
        top: 0;
        left: 0;
        animation: heart 0.5s infinite;
        display: none;
    }

    @keyframes heart {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .index-advantage .container .IMG1 {
        position: absolute;
        top: 23%;
        left: 13%;
        animation: xiagun 4s linear infinite;
        z-index: 3;
        display: none;
    }

    @keyframes xiagun {
        0% {
            transform: translateY(-1.5rem);
        }
        100% {
            transform: translateY(2.5rem);
        }
    }
    .index-advantage .container .IMG2 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        animation: heart 0.5s infinite;
        display: none;
    }

    .index-advantage .container .IMG3 {
        position: absolute;
        bottom: -4%;
        left: 30%;
        animation: jumpBoxtop 1.8s infinite;
        display: none;
    }

    .index-advantage .container .IMG4 {
        position: absolute;
        top: 11%;
        right: 0;
        animation: heart 0.5s infinite;
        z-index: 3;
        display: none;
    }

    .index-advantage .container .IMG5 {
        position: absolute;
        top: 56%;
        right: 15%;
        animation: jumpBoxbttont 1.8s infinite;
        display: none;
    }

    .index-advantage .container .icon {
        position: absolute;
        top: 38%;
        left: 15%;
        z-index: 1;
        animation: flying 10s infinite ease-in;
        display: none;
    }

    @keyframes flying {
        0% {
            bottom: -100px;
            transform: translateX(0);
        }

        50% {
            transform: translateX(100px);
        }

        100% {
            bottom: 1080px;
            transform: translateX(-200px);
        }
    }
    .index-advantage .container .icon1 {
        position: absolute;
        top: 56%;
        right: 24%;
        display: none;
    }

    .index-advantage .container .icon2 {
        position: absolute;
        top: 37%;
        right: 2%;
        z-index: 1;
        display: none;
    }

    .index-advantage .container .icon3 {
        position: absolute;
        bottom: 0;
        right: 2%;
        z-index: 1;
        display: none;
    }

    /*同行优势结束*/
    /*团队荣誉开始*/
    .index-honor {
        width: 100%;
        background: #ffffff;
        padding: 80px 0px 0px 0px;
        box-sizing: border-box;
    }

    .index-honor .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-honor .honor {
        position: relative;
    }

    .index-honor .honor .honor-list {
        display: flex;
        padding: 28px 0px;
        box-sizing: border-box;
        width: 1920px;
        overflow: hidden;
    }

    .index-honor .honor .honor-list .item {
        width: 17% !important;
    }

    .index-honor .honor .honor-button-prev {
        position: absolute;
        top: 100%;
        right: auto;
        left: 23%;
        background: #341067;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-prev::after {
        content: 'prev';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .index-honor .honor .honor-button-next {
        position: absolute;
        left: 26%;
        top: 100%;
        background: #341067;
        /*border: 1px solid #341067;*/
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        display: none;
    }

    .index-honor .honor .honor-button-next::after {
        content: 'next';
        font-family: swiper-icons;
        font-size: 15px;
        color: #ffffff;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    /*团队荣誉结束*/
    /*实战案例开始*/
    .index-Case {
        width: 100%;
        padding-top: 27px;
        box-sizing: border-box;
    }

    .index-Case .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-Case .container .search {
        display: flex;
        width: 400px;
        height: 60px;
        background: #ffffff;
        border-radius: 12px;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .index-Case .container .search .input input {
        border: 0;
        background: 0;
    }

    .index-Case .container .tab {
        overflow: hidden;
    }

    .index-Case .container .tab .t-ul {
        margin-top: 15px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .index-Case .container .tab .t-ul li {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: white;
        border-radius: 5px;
        text-align: center;
        font-size: 12px;
    }

    .index-Case .container .tab .t-ul .active {
        display: inline-block;
        width: 100px;
        height: 43px;
        line-height: 43px;
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .index-Case .container .tab .tab-list {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .index-Case .container .tab .tab-list::after {
        content: "";
        width: 188px;
    }

    .index-Case .container .tab .tab-list .tab-item {
        background: white;
        width: 188px;
        border-radius: 15px;
        overflow: hidden;
        padding: 15px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .img {
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title {
        padding: 12px 0px;
        box-sizing: border-box;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text {
        display: flex;
        align-items: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text h1 {
        font-size: 18px;
        color: #4f307b;
        font-weight: bold;
    }

    .index-Case .container .tab .tab-list .tab-item .title .text .design {
        width: 74px;
        height: 36px;
        background: linear-gradient(to right, #dacfea, #dfd9f4);
        line-height: 36px;
        margin-left: 15px;
        color: #5c2ba3;
        text-align: center;
    }

    .index-Case .container .tab .tab-list .tab-item .title p {
        margin-top: 16px;
        color: #999999;
        line-height: 20px;
    }

    .index-Case .container .tab .tab-list .tab-item .title span {
        margin-top: 15px;
        display: block;
    }

    .index-Case .container .tab .tab-next {
        text-align: right;
        /*display: flex;*/
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
        display: none;
    }

    .index-Case .container .tab .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .index-Case .container .tab .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    /*实战案例结束*/
    /*定制服务开始*/
    .index-service {
        width: 100%;
        padding-top: 35px;
        box-sizing: border-box;
    }

    .index-service .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .service .title {
        text-align: center;
        padding-top: 20px;
        box-sizing: border-box;
    }

    .service .title h1 {
        font-size: 26px;
        color: #341067;
    }

    .service .title p {
        padding-top: 30px;
        line-height: 25px;
        color: #4d4d4e;
        font-size: 16px;
        font-weight: 500;
    }

    .service .tab {
        background: #f8f8fa;
        border-radius: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
        border: 2px solid #ffffff;
    }

    .service .tab .t-ul {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
    }

    .service .tab .t-ul li {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }

    .service .tab .t-ul li .IMG {
        display: none;
    }

    .service .tab .t-ul li .icon {
        display: none;
    }

    .service .tab .t-ul li .button {
        display: none;
    }

    .service .tab .t-ul li h1 {
        font-size: 16px;
        color: #341067;
    }

    .service .tab .t-ul .active {
        width: 50%;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        border-radius: 12px 12px 0px 0px;
        position: relative;
    }

    .service .tab .t-ul .active .IMG {
        position: absolute;
        top: 5%;
        left: 3%;
        display: block;
    }

    .service .tab .t-ul .active .icon {
        position: absolute;
        top: 13%;
        left: 29%;
        display: block;
    }

    .service .tab .t-ul .active .button {
        position: absolute;
        top: 48%;
        left: 67%;
        display: flex;
        width: 60px;
        align-items: center;
        border-radius: 22px;
        background-image: linear-gradient(to right, #d42e42, #f96f78);
        justify-content: center;
    }

    .service .tab .t-ul .active .button .txt {
        height: 20px;
        line-height: 20px;
        color: #ffa6ac;
        font-size: 12px;
    }

    .service .tab .t-ul .active .button .icon1 {
        width: 14px;
        height: 20px;
        line-height: 20px;
    }

    .service .tab .t-ul .active .button .icon img {
        width: 100%;
        height: 100%;
    }

    .service .tab .t-ul .active h1 {
        color: #ffffff;
    }

    .service .tab .tab-box .service-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        background: #f8f8fa;
        padding: 20px 5px 0px 5px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .service-item {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item1 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;
    }

    .service .tab .tab-box .service-list .service-item2 {
        background: #ffffff;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-top: 12px;

    }

    .service .tab .tab-box .service-list .service-item .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #2d65ea, #2d65ea);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item1 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #ff4c39, #ff8467);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item2 .img {
        /*width: 300px;*/
        height: 90px;
        background-image: linear-gradient(to right, #4714d0, #1b3ee3);
        text-align: right;
        position: relative;
        border-radius: 6px;
    }

    .service .tab .tab-box .service-list .service-item .img .h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item1 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        width: 300px;
        text-align: center;
        line-height: 27px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .h1 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-size: 18px;
        text-align: center;
    }

    .service .tab .tab-box .service-list .service-item .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item1 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button {
        width: 77px;
        height: 26px;
        line-height: 26px;
        background-image: linear-gradient(to right, #fdfdff, #e1e1ff);
        border-radius: 30px;
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0px 5px 5px 0px;
    }

    .service .tab .tab-box .service-list .service-item2 .img .button a {
        font-size: 12px;
        color: #333ade;
    }

    .service .tab .tab-box .service-list .title-text {
        height: 250px;
    }

    .service .tab .tab-box .service-list .title-text .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-list .title-text .text h1 {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: bold;
    }

    .service .tab .tab-box .service-list .title-text .text p {
        color: #999999;
        margin-top: 6px;
    }

    .service .tab .tab-box .service-list .price {
        display: flex;
        align-items: center;
    }

    .service .tab .tab-box .service-list .price h1 {
        color: #c2c2c2;
        display: block;
    }

    .service .tab .tab-box .service-list .price i {
        color: #333333;
        font-weight: bold;
        display: block;
        margin: -15px 5px 0px 5px;
    }

    .service .tab .tab-box .service-list .price span {
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        display: block;
    }

    .service .tab .tab-box .service-price {
        padding: 66px 0px 0px 15px;
        box-sizing: border-box;
    }

    .service .tab .tab-box .service-price .price {
        display: flex;
        align-items: center;

    }

    .service .tab .tab-box .service-price .price .discounts {
        color: #d32a3f;
        font-size: 20px;
    }

    .service .tab .tab-box .service-price .price .RMB {
        display: flex;
        margin: 0 15px;

    }

    .service .tab .tab-box .service-price .price .RMB .RMB1 {
        color: #d32a3f;
        font-weight: bold;
    }

    .service .tab .tab-box .service-price .price .RMB .RMB2 {
        font-weight: bold;
        font-size: 40px;
        background-image: linear-gradient(to right, #d32a3f, #fa7179);
        -webkit-background-clip: text;
        color: transparent;
    }

    .service .tab .tab-box .service-price .price .original {
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        color: #b5b5b5;
        text-align: center;
        background: #e5e5e5;
        text-decoration: line-through;
    }

    .service-coach {
        position: relative;
        margin-top: 60px;
        margin-bottom: 150px;
    }

    .service-coach .IMG {
        width: 339px;
        height: 142px;
        position: relative;
        z-index: 2;
    }

    .service-coach .IMG img {
        width: 100%;
        height: 100%;
    }

    .service-coach .coach {
        width: 361px;
        background: linear-gradient(to right, #430d89, #370f6e);
        height: 182px;
        padding: 43px;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 111px;
        z-index: 1;
    }

    .service-coach .coach h1 {
        color: white;
        font-size: 16px;
        font-weight: bold;
    }

    .service-coach .coach h2 {
        color: white;
        font-size: 15px;
        margin-top: 15px;
    }

    .service-coach .coach .coach-once {
        width: 120px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border-radius: 50px;
        text-align: center;
        margin-top: 20px;
    }

    .service-coach .coach .coach-once a {
        color: #3e0e80;
    }

    /*定制服务结束*/
    /*超级资讯开始*/
    .index-information {
        width: 100%;
        padding-top: 60px;
        box-sizing: border-box;
        display: none;
    }

    .index-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;

    }

    .information .information-title {
        /*display: flex;*/
        /*justify-content: space-between;*/
    }

    .information .information-title .left .t-ul {
        display: flex;
    }

    .information .information-title .left .t-ul .tablinks {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #000000;
        background: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;

    }

    .information .information-title .left .t-ul .active {
        width: 100px;
        height: 43px;
        line-height: 43px;
        color: #ffffff;
        border-radius: 6px;
        margin-left: 12px;
        text-align: center;
        background: linear-gradient(to right, #4a149a, #6047ce);
    }

    .information .information-title {
        margin-top: 30px;
    }

    .information .information-title .right {
        width: 400px;
        display: flex;
        background: white;
        border-radius: 12px;
        height: 43px;
        line-height: 43px;
        justify-content: space-between;
        padding: 0px 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .information .information-title .right .input input {
        background: 0;
        border: 0;
    }

    .information .tab .tab-box {
        margin-top: 30px;
    }

    .information .tab .tab-box .information-list {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*flex-wrap: wrap;*/
        text-align: center;
    }

    /*.information .tab .tab-box .information-list::after{*/
    /*    content: "";*/
    /*    width: 32%;*/
    /*}*/
    .information .tab .tab-box .information-list .information-item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 12px;
        background: #ffffff;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .information-list .information-item:hover {
        background: #ffffff;
    }

    .information .tab .tab-box .information-list .information-item:hover .text .text-icon .txt {
        color: #602ea3;
        font-weight: bold;
    }

    .information-list .information-item .text {
        padding: 0px 10px;
        box-sizing: border-box;
        text-align: left;
    }

    .information-list .information-item .text .text-icon {
        display: flex;
        margin: 15px 0px;
    }

    .information-list .information-item .text .text-icon .txt {
        color: #4e4e4e;
    }

    .information-list .information-item .text .text1 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }

    .information-list .information-item .text .time {
        color: #341067;
        font-size: 16px;
        font-weight: bold;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .information .tab .tab-box .tab-next {
        text-align: right;
        display: flex;
        justify-content: right;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .information .tab .tab-box .tab-next a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        color: #c3c3c3;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-left: 15px;
    }

    .information .tab .tab-box .tab-next .active {
        background: linear-gradient(to right, #4a149a, #6047ce);
        color: #ffffff;
    }

    .page-information {
        display: none;
    }

    .page-information .page-information-cotent {
        position: relative;
    }

    .index-information-Top {
        width: 100%;
        background: linear-gradient(to bottom, #e2e7fd, #eff1f9);
        height: 412px;
        padding-top: 60px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        z-index: 3;
    }

    .index-information-Top .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .index-information-Top .container .information-Top {
        text-align: center;
        margin-top: 50px;
    }

    .index-information-Top .container .information-Top h1 {
        font-size: 25px;
    }

    .page-information .index-information-bottom {
        width: 100%;
        min-height: 100vh;
        /*animation: gradient 10s ease forwards infinite!important;*/
        /*background: linear-gradient(to right, #8ed973 0%, #8c62fc 45%, #8ed973 100%);*/
        /*animation: gradient 10s ease forwards infinite!important;*/
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
        /*background: linear-gradient(to right, #491399, #5e40c7);*/
        padding-bottom: 160px;
        box-sizing: border-box;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    .page-information .index-information-bottom .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .page-information .index-information-bottom .container .IMG {
        text-align: center;
    }

    .page-information .index-information-bottom .container .page-circle {
        width: 230px;
        height: 230px;
        background: rgba(207, 204, 240, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle {
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        border: 4px solid #ffffff;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .text {
        height: 190px;
        line-height: 190px;
        text-align: center;
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .page-information .index-information-bottom .container .page-circle .inidex-circle .icon {
        position: absolute;
        top: 17%;
        right: 17%;
    }

    .page-information .index-information-bottom .container .page-Ul {
        position: absolute;
        width: 600px;
        height: 300px;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }

    .page-information .index-information-bottom .container .page-Ul ul {
        width: 600px;
        height: 300px;
        position: relative;
    }

    .page-information .index-information-bottom .container .page-Ul li {
        display: flex;
        align-items: center;

    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(1) {
        position: absolute;
        top: 0;
        left: -16%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(2) {
        position: absolute;
        top: 46%;
        left: 8%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(3) {
        position: absolute;
        top: 46%;
        right: -11%;
        text-align: right;
    }

    .page-information .index-information-bottom .container .page-Ul li:nth-child(4) {
        position: absolute;
        top: 0%;
        right: -19%;
        text-align: left;
    }

    .page-information .index-information-bottom .container .page-Ul li .right {
        margin-right: 12px;
        margin-left: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p1 {
        font-size: 18px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .p2 {
        font-size: 14px;
        color: #ffffff;
        margin-top: 12px;
    }

    .page-information .index-information-bottom .container .page-Ul li .left {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        background: linear-gradient(to right, #fd445c, #f96777);
        color: #ffffff;
        text-align: center;
        font-size: 20px;
    }

    .page-information .index-information-bottom .container .page-Ul li .right .right-img {
        display: flex;
    }

    .page-information .index-information-bottom .container .page-text {
        position: absolute;
        width: 600px;
        height: 250px;
        bottom: -8%;
        left: 50%;
        transform: translate(-50%, -0%);
        z-index: 6;
        background: rgba(93, 54, 190, 0.3);
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .page-information .index-information-bottom .container .page-text h1 {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 h1 {
        color: #e6466b;
        font-size: 14px;
    }

    .page-information .index-information-bottom .container .page-text .index-text1 p {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 12px;
    }

    /*手机版*/
    .Mobile-information {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #501ca3, #7456e2);
        animation: bg-color 10s infinite;
        -webkit-animation: bg-color 10s infinite;
    }

    @-webkit-keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }

    @keyframes bg-color {
        0% {
            background-color: #491399;
        }
        20% {
            background-color: #5e40c7;
        }
        40% {
            background-color: #491399;
        }
        60% {
            background-color: #5e40c7;
        }
        80% {
            background-color: #491399;
        }
        100% {
            background-color: #5e40c7;
        }
    }
    .Mobile-information .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .Mobile-information .container .tab_list {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        border-radius: 12px;
    }

    .Mobile-information .container .tab_list li {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #ffffff;
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current {
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-image: linear-gradient(to right, #3d299d, #523eb4);
        position: relative;
        border-radius: 12px;
        position: relative;
    }

    .Mobile-information .container .tab_list .current .icon-current h1 {
        color: #ffffff;
    }

    .Mobile-information .container .tab_list li .icon-current h1 {
        color: #341067;
        font-weight: bold;
        margin-left: 6px;
    }

    .Mobile-information .container .tab_list li .icon-current {
        display: flex;
        justify-content: center;
    }

    .Mobile-information .container .tab_list li .icon-current .img {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 {
        width: 20px;
        height: 20px;
    }

    .Mobile-information .container .tab_list li .icon-current .img1 img {
        width: 100%;
        height: 100%;
    }

    .Mobile-information .container .tab_list .current .icon-current .img1 {
        display: none;
    }

    .Mobile-information .container .tab_list .li .icon-current .img {
        display: none;
    }

    .Mobile-information .container .tab_list .current .NEW {
        width: 40px;
        height: 20px;
        line-height: 20px;
        color: #ffffff;
        border-radius: 12px;
        background: #ec2172;
        font-size: 12px;
        position: absolute;
        top: 28%;
        right: 7%;
        display: block;
    }

    .Mobile-information .container .tab_list li .NEW {
        display: none;
    }

    .Mobile-information .container .tab_con .politeness {
        padding: 30px 0px 0px 40px;
        box-sizing: border-box;
    }

    .Mobile-information .container .tab_con .politeness h1 {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 16px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img {
        padding-left: 20px;
        box-sizing: border-box;
        position: relative;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li {
        display: flex;
        align-items: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text h1 {
        margin-bottom: 10px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text {
        margin-left: 6px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .text p {
        font-size: 14px;
        color: #ffffff;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(1) {
        position: absolute;
        top: 10%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(2) {
        position: absolute;
        top: 30%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(3) {
        position: absolute;
        top: 50%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li:nth-child(4) {
        position: absolute;
        top: 70%;
        left: 0;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        text-align: center;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img ul li .img img {
        width: 25px;
        height: 25px;
        /*line-height: 50px*/
        margin-bottom: 4px;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a {
        width: 120px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        font-size: 18px;
        background-image: linear-gradient(to right, #fd455c, #f86e7d);
        border-radius: 6px;
        text-align: center;
        position: relative;
        left: -5%;
        display: block;
    }

    .Mobile-information .container .tab_con .politeness .Soon-img .Son-bottom a .img {
        width: 15px;
        height: 15px;
        position: absolute;
        top: -16%;
        right: 10%;
    }

    .Mobile-information .container .tab_con .politeness-bottom {
        margin-top: 20px;
        width: 94%;
        padding: 18px;
        box-sizing: border-box;
        background-image: linear-gradient(to right, #7456e2, #501ca3);
        border-radius: 6px;
        color: white;
    }

    .Mobile-information .container .tab_con .politeness-text {
        margin-bottom: 12px;
    }

    .Mobile-information .container .tab_con .politeness-text h1 {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .Mobile-information .container .tab_con .politeness-text h2 {
        color: #cf4175;
        font-size: 15px;
        margin-bottom: 6px;
    }

    /*手机版结束*/
    /*超级资讯结束*/
    /*首页详情开始*/
    .index-details {
        width: 100%;
        padding-top: 120px;
        box-sizing: border-box;
        padding-bottom: 120px;
    }

    .index-details .container {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
    }

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

    .details .details-left {
        width: 60%;
    }

    .details .details-left h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .details .details-left .details-left-content {
        margin-top: 20px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .details .details-left .details-left-content p {
        margin-top: 15px;
        line-height: 25px;
        font-size: 15px;
    }

    .details .details-rgint {
        width: 20%;
    }

    .details .details-left .details-left-content p:nth-last-child(1) {
        margin-bottom: 15px;
    }

    .details .details-left .details-bottom {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-sizing: border-box;
    }

    .details .details-left .details-bottom .p1 .a {
        margin-bottom: 6px;
    }

    .details .details-left .details-bottom .p1 .a a {
        font-size: 12px;
        color: #666666;
    }

    .details .details-left .details-bottom .p2 a {
        display: block;
        width: 100px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        color: #ffffff;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
    }

    .details .details-rgint .time h1 {
        font-size: 50px;
        color: #333333;
        font-weight: bold;
        text-align: right;
    }

    .details .details-rgint .time h1 span {
        font-size: 20px;
        color: #333333;
        margin-left: 6px;
        font-weight: bold;
    }

    .details .details-rgint .time .txt {
        display: flex;
        width: 130px;
        height: 40px;
        border: 1px solid #dedede;
        padding: 12px;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
        margin-left: auto;
    }

    .details .details-rgint .fend {
        margin-top: 20px;
    }

    .details .details-rgint .fend li a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin-left: auto;
        background: #e6e6e6;
    }

    .details .details-rgint .fend li .active {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: linear-gradient(to right, #49149a, #6046cc);
        text-align: center;
        margin-left: auto;
    }

    .details .details-rgint .fend li a:hover {
        background: linear-gradient(to right, #49149a, #6046cc);
        color: #ffffff;
    }

    /*首页详情结束*/
    /*logo*开始*/
    .index-logo {
        background: url("../images/banner11.png") no-repeat;
        background-size: cover;
        width: 1920px;
        height: 930px;
        position: relative;
    }

    .index-logo .container {
        width: 94%;
        max-width: 1000px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
    }

    .index-logo .container .logo-left {
        background: url("../images/banner12.png") no-repeat;
        background-size: cover;
        width: 446px;
        height: 409px;
        padding: 60px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-left h1 {
        font-size: 30px;
        color: #ffffff;
        font-weight: bold;
    }

    .index-logo .container .logo-left h2 {
        font-size: 25px;
        color: #ffffff;
        margin-top: 20px;
    }

    .index-logo .container .logo-left p {
        font-size: 15px;
        color: #ffffff;
        margin-top: 10px;
    }

    .index-logo .container .logo-right {
        width: 446px;
        height: 409px;
        background: #ffffff;
        border-radius: 12px;
        margin-left: 20px;
        padding: 30px 0px 0px 30px;
        box-sizing: border-box;
    }

    .index-logo .container .logo-right h1 {
        font-size: 25px;
        color: #333333;
        text-align: center;
    }

    .index-logo .container .logo-right .input {
        display: flex;
        width: 350px;
        height: 50px;
        background: #ffffff;
        border-radius: 6px;
        border: 1px solid #f3f3f3;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 10px auto 0px auto;
    }

    .index-logo .container .logo-right .input .xing {
        color: #e6466b;
    }

    .index-logo .container .logo-right .input input {
        background: 0;
        border: 0;
    }

    .index-logo .container .logo-right .input input::placeholder {
        color: #0a0a0a;
    }

    .index-logo .container .logo-right .input .input1 {
        display: flex;
    }

    .index-logo .container .logo-right .input .input1 input::placeholder {
        color: #d3d3d3;
    }

    .index-logo .container .logo-right .input .input2 {
        width: 156px;
        height: 50px;
        line-height: 50px;
        border-radius: 6px;
        background: #460d93;
    }

    .index-logo .container .logo-right .input .input2 input {
        display: block;
        width: 156px;
        height: 50px;
        line-height: 60px;
        border-radius: 6px;
        background: #460d93;
        margin-right: auto;
    }

    .index-logo .container .logo-right .input .input2 input::placeholder {
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button {
        display: flex;
        width: 350px;
        height: 50px;
        background: #460d93;
        border-radius: 6px;
        align-items: center;
        padding: 0px 12px;
        box-sizing: border-box;
        margin: 20px auto 0px auto;
        color: #ffffff;
        text-align: center;
    }

    .index-logo .container .logo-right .button input {
        background: 0;
        border: 0;
        display: block;
        width: 350px;
        height: 50px;
        text-align: center;
    }

    /*logo结束*/
    .Menu {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(23, 23, 23, 0.4);
        z-index: 10;
        display: none;
    }

    .Menu .Menu-content {
        background: #fafafa;
        width: 400px;
        height: 500px;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .Menu .Menu-content .Menu-icon {
        position: absolute;
        top: -5%;
        right: 0;
    }

    .Menu .Menu-content .text {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text h1 {
        font-size: 25px;
        text-align: center;
    }

    .Menu .Menu-content .text .item {
        display: flex;
        align-items: center;
        background: white;
        width: 320px;
        height: 60px;
        margin: 20px auto 0px auto;
        padding: 0px 0px;
        box-sizing: border-box;
        box-shadow: 1px 4px 20px rgba(145, 145, 145, 0.28);
    }

    .Menu .Menu-content .text .item .item-title {
        display: flex;
        border-right: 1px solid #9f9f9f;
    }

    .Menu .Menu-content .text .item .item-title span {
        color: #f2626c;
    }

    .Menu .Menu-content .text .item .item-title h1 {
        font-size: 15px;
        padding-right: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .item .input input {
        background: 0;
        border: 0;
        padding-left: 6px;
        box-sizing: border-box;
    }

    .Menu .Menu-content .text .submit {
        width: 150px;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        background: #3d299d;
        margin: 20px auto 0px auto;
        text-align: center;
    }

    .Menu .Menu-content .text .submit input {
        background: 0;
        border: 0;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .Menu .Menu-content .text .Menu-img {
        width: 40px;
        height: 40px;
        margin: 120px auto 15px auto;
    }

    .Menu .Menu-content .text .close {
        margin-top: 20px;
    }

    .index-management {
        display: none;
    }
}


.banner28 {
    position: relative;
    overflow: hidden;
}

.banner28-img img {
    display: block;
    width: 100%;
}

.ship-img {
}

.ship-img img {
    position: absolute;
    right: -10%;
    bottom: 20%;
    animation: boat-in-animation 60s infinite;
    display: block;
    max-width: 30%;
}

.boat-img {
    position: absolute;
    left: -10%;
    bottom: -10%;
    display: none;
}

.ship-bw img {
    position: absolute;
    bottom: 22%;
    right: -48%;
    display: block;
    animation: boat-animation 60s infinite;
    max-width: 65%;
}

@-webkit-keyframes boat-in-animation {
    0% {
        right: -10%;
        bottom: 20%;
    }

    /*40%   {right:15%;bottom:10%;}*/

    100% {
        right: 60%;
        bottom: -10%
    }
}

@-webkit-keyframes boat-animation {
    0% {
        bottom: 22%;
        right: -48%;
    }
    100% {
        bottom: -30%;
        right: 25%;
        opacity: 0.1
    }
}

.scroll28 {
    width: 1200px;
    margin: 25px auto;
}

.mySwiper28 .li28-dl {
    display: flex;
    background: #fafafa;
}

.mySwiper28 .li28-dl .dt {
    background: #fff;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mySwiper28 .li28-dl .dt img {
    display: block;
    width: 105px;
    height: 105px
}

.mySwiper28 .li28-dl .dd {
    flex: 1;
    padding: 25px 20px;
}

.mySwiper28 .li28-dl .dd-t {
    font-size: 18px;
}

.mySwiper28 .li28-dl .dd-t span {
    color: #999999;
    font-size: 16px;
}

.mySwiper28 .li28-dl .dd-c {
    color: #999;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #341067;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    position: relative;
    margin-top: 25px;
    background: #e5e1f2;
    border-radius: 10px;
    overflow: hidden;
    height: 6px;
}

@media (max-width: 1200px) {
    .scroll28 {
        width: auto;
        margin: 15px;
    }
}

.index-media{width:100%;position:relative;margin:0 auto;}
.index-media video{width:100%;object-fit: cover;display:block;}
/*-webkit-keyframes boat-in-animation {*/
/*    0%   {left: -200px;}*/
/*    100% {left: 20px;}*/
/*}*/
/*@-webkit-keyframes boat-animation {*/
/*    0%   {bottom: 0px; left: 0px;}*/
/*    25%  {bottom: -2px; left: -2px;}*/
/*    70%  {bottom: 2px; left: -4px;}*/
/*    100% {bottom: -1px; left: 0px;}*/
/*}*/

/*@keyframes boat{*/
/*	0%{right:0%;bottom:100px;}*/

/* Standard syntax */
}
/*}*/
/*@-webkit-keyframes boat{*/
/*	0%{right:0%;bottom:100px;}*/

/* Standard syntax */
}
/*}*/
/*header img:nth-child(1){animation:inherit}*/
/*header .boat{position:absolute; -webkit-animation: boat-in-animation 3s 1 ease-out;*/
/*    -moz-animation: boat-in-animation 3s 1 ease-out;*/
/*    -o-animation: boat-in-animation 3s 1 ease-out;*/
/*    -ms-animation: boat-in-animation 3s 1 ease-out;*/
/*    animation: boat-in-animation 3s 1 ease-out;}*/
/*    header.boat img{*/
/*          -webkit-animation: boat-animation 2s infinite ease-in-out;*/
/*    -moz-animation: boat-animation 2s infinite ease-in-out;*/
/*    -o-animation: boat-animation 2s infinite ease-in-out;*/
/*    -ms-animation: boat-animation 2s infinite ease-in-out;*/
/*    animation: boat-animation 2s infinite ease-in-out;*/
/*    }*/
/*header img:nth-child(2){opacity:0;}*/
/*header img:nth-child(3){opacity:0;}*/
/*header img:nth-child(4){*/
/*    animation:boat 20s infinite;*/
/*	-webkit-animation:boat 20s infinite;*/
/*}*/