@charset "utf-8";

body {
    width: 100vw;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /*font-family: "PingFangSC-Regular","Microsoft YaHei", serif;*/
    font-family: "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    letter-spacing: 0.05em;

}

* {
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none
}

@font-face {
    font-family: 'txFont';
    src: url('../ttf/TencentSansW7_index.ttf');
}

@font-face {
    font-family: 'dinFont';
    src: url('../ttf/DIN_Bold.ttf');
}

@keyframes slide-down {
    0% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes slide-down {
    0% {
        -webkit-transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes slideShow {
    0% {
        transform: translateY(32px) translateX(-32px)
    }
    /*15% {  transform: translateY(-4px)translateX(4px)}*/
    /*20% { transform: translateY(-8px)translateX(8px) }*/
    /*23% {  transform: translateY(-12px)translateX(12px) }*/
    /*25% {  transform: translateY(-16px)translateX(16px) }*/
    /*27% {  transform: translateY(-20px)translateX(20px) }*/
    /*30% {  transform: translateY(-24px)translateX(24px) }*/
    /*35% {  transform: translateY(-28px)translateX(28px) }*/
    50% {
        transform: translateY(-32px) translateX(32px)
    }
    /*65% {  transform: translateY(-28px)translateX(28px) }*/
    /*70% {  transform: translateY(-24px)translateX(24px) }*/
    /*73% {  transform: translateY(-20px)translateX(20px) }*/
    /*75% {  transform: translateY(-16px)translateX(16px) }*/
    /*77% {  transform: translateY(-12px)translateX(12px) }*/
    /*80% { transform: translateY(-8px)translateX(8px) }*/
    /*85% {  transform: translateY(-4px)translateX(4px)}*/
    100% {
        transform: translateY(32px) translateX(-32px)
    }
}

@keyframes animX {
    0% {
        left: 0px;
    }
    100% {
        left: 500px;
    }
}

@keyframes animY {
    0% {
        top: 0px;
    }
    100% {
        top: 500px;
    }
}

@keyframes xMove {
    0% {
    }
    100% {
        transform: translateX(150px);
    }
    /*0% {left: 0px;}*/
    /*100% {left: 200px;}*/
    /*0% {*/
    /*    transform: translate(0, 0)*/
    /*}*/
    /*50% {*/
    /*    transform: translate(200px,200px);*/
    /*}*/
    /*100% {*/
    /*    transform: translate(0, 0)*/
    /*}*/
}

@keyframes yMove {
    0% {
    }
    100% {
        transform: translateY(150px);
    }
    /*0% {top: 0px;}*/
    /*100% {top: 200px;}*/
    /*0% {*/
    /*    transform: translate(0, 0)*/
    /*}*/
    /*50% {*/
    /*    transform: translateY(200px);*/
    /*}*/
    /*100% {*/
    /*    transform: translate(0, 0)*/
    /*}*/
}

@keyframes myfirst {
    from {
        background: red;
    }
    to {
        background: yellow;
    }
}

/*h5*/
@media (max-width: 1200px) {

    .PC_block {
        display: none !important;
    }

    .head {
        width: 100%;
        height: 537px;
        z-index: 3;
        position: fixed;
    }

    .foot {
        display: block;
        bottom: 0;
        position: relative;
        width: 100%;
        height: 507px;
    }

    /*导航*/
    .menu_pc {
        width: 100px;
        z-index: 3;
        position: fixed;
    }

    .menu_h5 {
        width: 100vw;
        z-index: 3;
        position: fixed;
    }

    .menu_show {
        height: 100vh;
    }

    .menu_none {
        height: 62px;
    }

    /*弹窗*/
    .openH5_none {
        display: none;
    }

    .openH5_show {
        display: block;
    }

    /*首页整体内容*/
    .overallContent {
        position: relative;
        top: 62px;
    }

    /*轮播*/
    .banner {
        height: 227px;
        z-index: 1;
        position: relative;
    }

    .banner_img > img {
        width: 100vw;
    }

    .headerChange {
        background-color: black !important;
    }

    .footSupport {
        height: 450px;
    }

    .swiper-wrapper > img {
        width: 100%;
        z-index: -1;
    }

    .swiper-button-next {
        z-index: 10;
        color: red;
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide > img {
        /* display: block; */
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* .swiperimg {
        width: 100vm;
        height: 100%;
        object-fit: cover;
    } */
    .swipertext {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
    }

    /*轮播焦点*/
    /* .swiper-pagination-bullet {
        width: 15px !important;
        height: 5px !important;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 50px !important;
    }

    .swiper-pagination-bullet-active {
        color: #fff;
        width: 25px !important;
        background: #fff !important;
    } */
    .pagination {
        width: 1200px !important;
        left: auto !important;
        top: 600px !important;
    }

    .pagination > span {
        float: left;
    }

    .paginationBorder {
        width: 100%;
        height: 40px;
        display: flex !important;
        justify-content: center !important;
    }

    /*我们的定制服务*/
    #service {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: space-between;
        width: 100vw;
        height: 533px;
        margin: 25px auto auto;
    }

    .navigation_item {
        width: 46%;
        height: 261px;
        background-color: #FFFFFF;
        border-radius: 8px;
    }


    .navigation_top {
        width: 100%;
        height: 73px;
        display: flex;
        justify-content: space-between;
    }

    .navigation_top > div:first-child {
        width: 68%;
        display: flex;
        padding-top: 25px;
        text-align: left;
    }

    .navigation_top > div:first-child > div:first-child {
        width: 5px;
        height: 15px;
        background: #165ABF;
        margin-top: 4px;
    }

    .navigation_top > div:first-child > div:nth-child(2) {
        margin-left: 7px;

    }

    .navigation_top > div:first-child > div:nth-child(2) > div:first-child {
        color: #323F76;
        font-size: 15px;
        line-height: 22px;
        white-space: nowrap;
    }

    .navigation_top > div:first-child > div:nth-child(2) > div:nth-child(2) {
        color: #323F76;
        font-size: 10px;
        line-height: 14px;

        position: absolute;
        z-index: 2;
    }

    .navigation_top > div:nth-child(2) {
        width: 32%;
        height: 100%;
        position: relative;
    }

    .navigation_top > div:nth-child(2) > img {
        max-height: 75px;
        max-width: 75px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .navigation_third_border {
        width: 90%;
        height: 145px;
        margin: 20px 0 0 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navigation_third {
        height: 24px;
        display: flex;
        align-items: center;
    }

    .navigation_third > img {
        width: 19px;
        height: 19px;
    }

    .navigation_third > div {
        font-size: 14px;
        padding-left: 5px;
        color: #555570;
        text-align: left;
        line-height: 24px;
        white-space: nowrap;
        /*text-wrap: nowrap;*/

    }

    .navigation_third > div:nth-child(3) {
        width: 29px;
    }

    .navigation_line {
        width: 85%;
        height: 1px;
        margin: auto;
        background-color: #E8EBF0;
    }

    .navigation_bottom {
        width: 100%;
    }

    /*成熟产品*/
    .product_h5 {
        width: 94%;
        margin: 12px auto auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product_left {
        width: 304px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product_item_border {
        width: 100%;
        margin-top: 14px;
        display: flex;
        flex-direction: column;
    }

    .product_left_item {
        width: 100%;
        height: 102px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 50%;
    }

    .product_left_item > div {
        margin-left: 20px;
    }

    .product_left_item > div:first-child {
        display: flex;
        padding-top: 17px;
        align-items: center;
    }

    .product_left_item > div:first-child > img {
        width: 17px;
        height: 17px;
    }

    .product_left_item > div:first-child > div {
        font-size: 16px;
        color: #FFFFFF;

        margin-left: 4px;
        line-height: 22px;
    }

    .product_left_item > div:nth-child(2) {
        width: 264px;
        height: 40px;
        font-size: 14px;

        line-height: 20px;
        color: #FFFFFF;
        text-align: left;
        margin-top: 4px;
    }

    .product_right_item {
        width: 100%;
        flex-direction: column;
        background-color: #ffffff;
        display: none;
        transition: all 3s ease 3s;
    }

    .product_right_item_show {
        display: flex;
        transition: max-height .3s ease-in;
        transform-origin: 50% 0;
        animation: slide-down 0.2s ease-in;
        -webkit-animation: slide-down 0.2s ease-in;
    }


    .test_h5_banner {
        font-family: txFont, serif;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-image: url("../img/index/test_banner_bg.png");*/
        background-image: url("../img/index/test_banner_bg.png");
    }

    .test_h5_banner_border {
        width: 100vw;
        height: 230px;
        background: linear-gradient(180deg, #F1F5FE 0%, #FFFFFF 100%);
        position: absolute;
        top: 0;
        z-index: -1;
    }

    .test_h5_banner > div {
        width: 94vw;
        height: 230px;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .test_h5_banner > div > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .test_h5_banner > div > div > div:first-child {
        font-size: 24px;
        line-height: 39px;
        color: #273572FF;
    }

    .test_h5_banner > div > div > div:nth-child(2) {
        margin-top: 4px;
        letter-spacing: 3px;
        display: flex;
    }

    .test_h5_banner > div > div > div:nth-child(2) > span:first-child {
        font-size: 12px;
        line-height: 18px;
        color: #005EFFFF;
    }

    .test_h5_banner > div > div > div:nth-child(2) > span:nth-child(2) {
        font-size: 12px;
        line-height: 18px;
        color: #273572FF;
    }

    .test_h5_banner > div > div > div:nth-child(3) {
        width: 151px;
        height: 25px;
        /*text-align: center;*/
        display: flex;
        font-size: 10px;
        line-height: 16px;
        color: #ffffff;
        background: #005EFF;
        border-radius: 100px;
        margin-top: 9px;
        align-items: center;
        justify-content: center;
    }

    .test_h5_banner > div > img {
        width: 210px;
        height: 160px;
    }

    .product_line {
        width: 89%;
        height: 1px;
        background-color: #EDF3FF;
        margin: auto;
        z-index: 2;
    }

    .product_show {
        background: #005EFF;
        transform: scale(1.2);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }

    .product_show > div > div {
        color: #ffffff !important;
    }

    .product_right_item > div > div {
        width: 89%;
        text-align: left;
        margin: 28px auto auto;
    }

    .product_right_item > div > div > div:first-child {
        font-size: 16px;
        color: #323F76 !important;

    }

    .product_right_item > div > div > div:nth-child(2) {
        padding: 4px 0 28px 0;
        font-size: 14px;
        color: #555570 !important;

    }

    /*信息介绍栏*/
    .information {
        width: 100vw;
        height: 97px;
        background-color: #FFFFFF;
    }

    .information > div {
        width: 97vw;
        height: 100%;
        margin: auto;
        display: flex;
        justify-content: space-evenly;
        align-items: center
    }

    .information > div > div {
        width: 117px;
        height: 75px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .information > div > div > div:first-child {
        display: flex;
        height: 21px;
    }

    .information > div > div > div:nth-child(2) {
        font-size: 10px;
        color: #000;
    }

    .information > div > div > div:nth-child(1) > img:nth-child(1) {
        width: 10vw;
        height: 5vw;
    }

    .information > div > div > div:nth-child(1) > img:nth-child(2) {
        height: 5vw;
        padding-left: 4px;
    }

    /*主页内容*/
    .indexContent {
        background-color: #F6F9FF;
        margin: auto;
        text-align: center;
    }

    .titleText_1 {
        padding-top: 20px;
        font-size: 18px;
        color: #323F76;
        line-height: 45px;
    }

    .titleText_2 {
        width: 94vw;
        margin: auto;
        font-size: 12px;
        color: #323F76;
        font-weight: 400;
        line-height: 25px;
    }

    /*解决方案*/
    #solution_button {
        width: 97vw;
        display: flex;
        padding-top: 20px;
        margin: auto;
        justify-content: space-between;
    }

    #solution_button > div {
        font-size: 14px;

        color: #323F76;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .solution_line {
        width: 97vw;
        height: 1px;
        background-color: #F1F2F3;
    }

    .solution_title {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .solution_subtitle {
        width: 100%;
        margin: auto;
    }

    .solution_title_text {
        font-size: 16px;
        font-weight: 500;
        color: #323F76;
        padding: 16px 0 6px 16px;
    }

    .solution_subtitle_text {
        padding: 0 16px 0 16px;
        font-size: 14px;
        font-weight: 400;
        color: #323F76;
        line-height: 22px;
        text-align: left !important;
    }

    .solution_more {
        font-size: 12px;
        color: #005EFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 16px 16px 6px 0;
    }

    .solution_content_text {
        width: 160px;
        height: 25px;
        font-size: 14px;
        font-weight: 500;
        color: #323F76;
        line-height: 25px;
        text-align: left;
    }

    .solution_content_subtitle {
        width: 152px;
        height: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #555570;
        line-height: 20px;
        text-align: left;
        margin-top: 6px;
        overflow: hidden;
    }

    .solution_content_more {
        font-size: 12px;
        font-weight: 400;
        color: #005EFF;
        padding: 10px 0 22px 0;
        text-align: left;
    }

    .solution_content_border {
        width: 100vw;
        height: 288px;
        display: flex;
        margin: 14px auto auto;
        justify-content: space-between;
    }

    #solution_content {
        height: 288px;
        display: flex;
        align-content: space-between;
        /*justify-content: space-around;*/
        justify-content: space-between;
        padding: 0 1.5vw 0 1.5vw;
        flex-wrap: wrap;
        margin: auto;
    }

    .click_solution {
        color: #005EFF !important;
    }

    .solution_line_click {
        height: 1.5px;
        width: 29px;
        background-color: #005EFF;
        display: none;
        margin-top: 13px;
    }

    .solution_item_border {
        width: 47vw;
        height: 137px;
        background: linear-gradient(135deg, #EDF3FF 0%, #FFFFFF 100%);
        border: 1px solid #FFFFFF;
        backdrop-filter: blur(2px);
    }

    .solution_content {
        margin: 22px 16px;
    }

    #solution_img_phone > img {
        padding-top: 10px;
        width: 97%;
        height: 264px;
    }

    .solution_title_border {
        width: 97vw;
        height: 120px;
        background: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(2px);
        margin: 14px auto auto;
    }

    /*服务优势*/
    .advantage {
        width: 100%;
        background-color: #005EFF;
        margin-top: 30px;
    }

    .advantage > div:first-child {
        padding-top: 22px;
    }

    .advantage_button {
        width: 94vw;
        height: 58px;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        padding-top: 12px;
        margin: auto;
    }

    .advantage_button > div {
        display: flex;
        height: 58px;
        overflow: scroll;
        margin: auto auto 5px auto;
        font-size: 24px;
        cursor: pointer;
        color: #75A8FF;
        line-height: 58px;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .advantage_content01 > div:nth-child(2) {
        width: 94vw;
        height: 72px;
        background-size: 356px;
        position: absolute;
        bottom: 0;
        display: flex;
        background-position-y: 322px;
        background-image: url("../img/index/revenue-bg@2x (1).png");
        background-color: #e5edff;
        border-top: 1px solid #ffffff;;
    }

    .advantage_content01_bottom {
        width: 315px;
        height: 44px;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .advantage_content01_bottom > div {
        width: 91px;
        height: 44px;
        font-size: 13px;
        color: #323F76;
        line-height: 22px;
    }

    .advantage_content01_bottom > div > div:first-child {
        display: flex;
        align-items: center;
    }

    .advantage_content01_bottom > div > div > img {
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }

    .advantage_button > div > div {
        width: 128px !important;
        line-height: 50px;
        font-size: 16px;
        text-align: left;
    }

    .advantage_button_click {
        color: #FFFFFF !important;
    }

    .advantage_line {
        width: 35%;
        height: 3px;
        background-color: #ffffff;
        display: none;
    }

    .advantage_button_block {
        display: block;
    }

    .advantage_button_flex {
        display: flex;
    }

    .advantage_button_none {
        display: none;
    }

    .advantage_content_background {
        height: 268px;
        margin: auto;
        position: absolute;
        bottom: 0;
        background-size: 1167px;
        background-position-y: 267px;
        background-image: url("../img/index/revenue-bg@2x (1).png");
    }

    .advantage_content {
        /*display: flex;*/
        flex-direction: column;
        align-items: center;
        width: 94vw;
        height: 417px;
        position: relative;
        bottom: 0;
        margin: auto;
        background: linear-gradient(359deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.73) 0%, #FFFFFF 100%);
        overflow: hidden;
    }

    .advantage_content02 {
        position: relative;
        margin: auto;
        justify-content: center;
        text-align: left;
    }

    .advantage_content03 {
        position: relative;
        margin: auto;
        justify-content: center;
        text-align: left;
    }

    .advantage_content04 {
        position: relative;
        margin: auto;
        justify-content: center;
        text-align: left;
        background-color: #005EFF;
    }

    .advantage_content04 > div {
        background-color: #F4F7FC;
        position: relative;
        top: 1px;
    }

    .advantage_content04 > div > img {
        width: 94vw;
        margin: 15px 0 15px 0;
    }

    .advantage_content03 > div:first-child {
        width: 94vw;
        height: 15%;
        display: flex;
        justify-content: space-evenly;
        align-content: space-evenly;
        flex-wrap: wrap;
        background-color: #F4F7FC;
        position: relative;
        top: 1px;
    }

    .advantage_content03 > div > div {
        background-color: #ffffff;
        width: 47%;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 3.17%;
    }

    .advantage_content03 > div > div > div {
        font-size: 14px;
        line-height: 20px;
    }

    .advantage_content03 > div > div > img {
        width: 25%;
        height: 45%;
        margin-bottom: 9px;
    }

    /*.advantage_content04 > div {*/
    /*    height: 357px;*/
    /*    display: flex;*/
    /*    margin-top: 149px;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    /*}*/
    /*.advantage_content04 > div:first-child > div:first-child {*/
    /*    width: 1088px;*/
    /*}*/
    /*.advantage_content04 > div:first-child > div:nth-child(2) {*/
    /*    width: 812px;*/
    /*}*/
    /*.advantage_content04 > div > div {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*}*/
    /*.advantage_content04 > div > div > div > img {*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*}*/
    /*.advantage_content04 > div > div > div > div > img {*/
    /*    width: 48px;*/
    /*    height: 41px;*/
    /*    margin-bottom: 14px;*/
    /*}*/
    /*.advantage_content04 > div > div > div > div > div:nth-child(2) {*/
    /*    line-height: 20px;*/
    /*    font-size: 14px;*/
    /*    margin-bottom: 6px;*/
    /*}*/
    /*.advantage_content04 > div > div > div > div > div:nth-child(3) {*/
    /*    font-size: 12px;*/
    /*    color: #555666;*/
    /*}*/
    /*.advantage_content04 > div > div > div > div {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    position: relative;*/
    /*    top: -20px;*/
    /*}*/
    /*.advantage_content04 > div > div > div {*/
    /*    width: 260px;*/
    /*    height: 152px;*/
    /*    background-color: #ffffff;*/
    /*}*/
    .advantage_content02_top {
        width: 94vw;
        height: 450px;
        display: flex;
        flex-wrap: wrap;
        background-color: #F4F7FC;
        justify-content: space-around;
        align-content: space-around;
    }

    .advantage_content02_top > div:first-child > div:first-child {
        width: 122px;
        height: 27px;
        position: relative;
        top: 1px;
        background-size: 100%;
        background-image: url("../img/index/advantage02.png");
    }

    .advantage_content02_top > div:nth-child(2) > div:first-child {
        width: 122px;
        height: 27px;
        position: relative;
        top: 1px;
        background-size: 100%;
        background-image: url("../img/index/advantage01.png");
    }

    .advantage_content02_top > div:nth-child(3) > div:first-child {
        width: 122px;
        height: 27px;
        background-size: 100%;
        background-image: url("../img/index/advantage04.png");
    }

    .advantage_content02_top > div:nth-child(4) > div:first-child {
        width: 122px;
        height: 27px;
        background-size: 100%;
        background-image: url("../img/index/advantage03.png");
    }

    .advantage_content02_top > div > div {
        font-size: 12px;

    }

    .advantage_content02_top > div > div > span {
        font-size: 18px;
    }

    .advantage_content02_top > div > div:first-child {
        padding-left: 30px;
    }

    .advantage_content02_top > div > div:nth-child(2) {
        width: 165px;
        height: 182px;
        position: relative;
        background-color: #ffffff;
    }

    .advantage_content02_top > div > div:nth-child(2) > div:first-child {
        margin-left: 30px;
        padding-top: 14px;
        margin-bottom: 3px;
        font-size: 16px;
        line-height: 22px;
        color: #555666;
    }

    .advantage_content > img {
        width: 1167px;
        position: relative;
        top: 22px;
    }

    .advantage_content02_list01 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #2E60FC;
        margin: 0 10px 0 15px;
    }

    .advantage_content02_list02 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #FF8D67;
        margin: 0 10px 0 15px;
    }

    .advantage_content02_list03 {
        width: 130px;
        height: 96px;
        margin: 27px auto auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .advantage_content02_list03 > div {
        width: 60px;
        height: 22px;
        display: flex;
        justify-content: center;
        border: 1px solid #626BFF;
    }

    .advantage_content02_list04 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #35D4C0;
        margin: 0 10px 0 15px;
    }

    .advantage_content02_list > div {
        display: flex;
        align-items: center;
        font-size: 12px;
        line-height: 32px;
        color: #555666;
    }

    .advantage_content > div:first-child {
        margin-top: 34px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .advantage_content > div:first-child > div {
        display: flex;
        width: 262px;
        margin-bottom: 30px;
    }

    .advantage_content > div:first-child > div > div:nth-child(2) > div:first-child {
        color: #323F76;
        font-size: 16px;
    }

    .advantage_content > div:first-child > div > div:nth-child(2) {
        text-align: left;
    }

    .advantage_content > div:first-child > div > div:nth-child(2) > div:first-child {
        color: #323F76;
        font-size: 16px;
    }

    .advantage_content > div:first-child > div > div:nth-child(2) > div:nth-child(2) {
        color: #323F76;
        font-size: 14px;
    }

    .advantage_content > div:first-child > div > div:nth-child(3) {
        color: #323F76;
        font-size: 16px;
        padding-top: 12px;
    }

    .advantage_content > div:first-child > div > div:nth-child(4) {
        color: #323F76;
        font-size: 16px;
    }

    .advantage_content > div:first-child > div > img {
        width: 68px;
        height: 68px;
    }

    /*资质证书*/
    .certificate {
        width: 100vw;
        margin: auto;
        background-color: #FFFFFF;
        position: relative;
        top: -23px;
    }

    .certificate_Phone_1 {
        background-color: #FFFFFF;
    }

    .certificate_Phone_2 {
        background-color: #FFFFFF;
        padding-bottom: 23px;
    }

    #certificate_top {
        display: flex;
        justify-content: space-between;
        padding-top: 31px;
    }

    #certificate_bottom {
        display: flex;
        justify-content: space-evenly;
        padding-top: 42px;
    }

    .certificate_top_img {
        width: 20px;
        height: 217px;
    }

    .certificate_top_img > img {
        width: 20px;
        height: 160px;
    }

    .certificate_top_img > div {
        width: 28px;
        height: 44px;
        margin: auto;
    }

    .certificate_bottom_img > img {
        width: 43px;
        height: 19px;
    }

    .certificate_bottom_img > div {
        width: 28px;
        height: 44px;
        margin: auto;
    }

    #certificate_phone_first {
        width: 96vw;
        margin: auto;
    }

    .certificate_phone_first {
        width: 100%;
        margin: 22px auto auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .certificate_phone_first > img {
        width: 100%;
        margin: auto;
    }

    .certificate_phone_first > div {
        color: #323F76;
        margin-top: 12px;
    }

    #certificate_phone_second {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 96vw;
        margin: auto;
    }

    .certificate_phone_second {
        width: 47vw;
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .certificate_phone_second > img {
        width: 100%;
    }

    .certificate_phone_second > div {
        width: 128px;
        height: 44px;
        padding-top: 11px;
        color: #323F76;
    }

    #certificate_phone_third {
        padding-top: 22px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .certificate_phone_third {
        width: 47vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .certificate_phone_third > img {
        width: 100%;
    }

    .certificate_phone_third > div {
        width: 135px;
        height: 44px;
        font-size: 16px;
        padding: 13px 0 22px 0;
        color: #323F76;
    }

    /*行业洞察*/
    .insight_title {
        width: 100vw;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding-top: 22px;
    }

    .insight_title > div:first-child > div:first-child {
        width: 80px;
        font-size: 18px;
        color: #323F76;
        margin: auto;
    }

    .advantage_content01_bottom > div > div:nth-child(2) {
        text-align: left;
        white-space: nowrap;
    }

    #insight_title_right {
        width: 89vw;
        height: 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #insight_title_right > a {
        cursor: pointer;
        width: 72px;
        height: 35px;
        font-size: 18px;
        font-weight: 400;
        color: #323F76;
        line-height: 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .checked {

    }

    .insightone_click_line {
        height: 3px;
        width: 29px !important;
        background-color: #005EFF;
        display: none;
    }

    .insightone_click_line_show {
        display: block !important;
    }

    #insight_title_right > a > div {
        width: 60px;
        height: 2px;
        font-size: 14px;
        font-weight: 400;
        color: #555570;
        line-height: 20px;
    }

    #insight_title_right > div {
        width: 72px;
        height: 35px;
        font-size: 18px;
        font-weight: 400;
        color: #323F76;
        line-height: 25px;
    }

    .insight_title_right {
        width: 89vw;
        position: relative;
        top: 20px;
    }

    .insight_title_line {
        width: 100%;
        height: 1px;
        background-color: #F1F2F3;
        margin: auto auto 22px;
    }

    .insight_content {
        width: 100vw;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .insight_content > div:nth-child(1) > img {
        width: 414px;
    }

    .insight_content > div:nth-child(2) {
        width: 797px;
    }

    .insight_line {
        width: 82%;
        height: 1px;
        background-color: #E6EBF2;
        margin: auto;
    }

    .insight_more {
        width: 56px;
        height: 20px;
        font-size: 14px;
        color: #323F76;
        margin: 20px auto auto;
        white-space: nowrap;
    }

    .insight_more_line {
        width: 21px;
        height: 2px;
        background-color: #323F76;
        margin: 3px auto auto;
    }

    #insight_content_right {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    #insight_content_right > div {
        width: 350px;
        height: 73px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .insight_subtitle_border {
        width: 350px;
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        color: #555570;
        padding: 10px 0 15px 0;
    }

    .insight_subtitle {
        width: 240px;
        overflow: hidden;
        padding-left: 33px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
        font-weight: 500;
        color: #323F76;
    }

    .insight_border_Phone {
        width: 100%;
    }

    .insight_title_Phone {
        float: left;
        width: calc(97vw - 66px);
        height: 22px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: #323F76;
        line-height: 22px;
        padding: 15px 33px 0 33px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /*底部图片*/
    .bottom_img {
        padding-top: 34px;
    }

    .bottom_img > div > img {
        width: 135px;
        height: 129px;
        display: block;
        margin: auto auto 20px;
    }

    .bottom_img_text {
        text-align: center;
        color: #071C51;
    }

    .bottom_img_text > div:first-child {
        font-size: 18px;
        margin: 10px 0 7px 0;
        text-shadow: 0px 5px 2px #ccdbff;
    }

    .bottom_img_text > div:nth-child(2) {
        font-size: 38px;
        margin-bottom: 10px;
        text-shadow: 0px 5px 2px #ccdbff;
    }

    .bottom_img_text > div:nth-child(3) {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .bottom_img_text > div:nth-child(4) {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .Phone_foot_img {
        width: 100%;
        display: block;
        /*height: 533px;*/
        margin: auto;
        /* padding-bottom: 269px; */
    }

    .swiper-slide > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        z-index: 20;
        top: 50%;
        left: 50%;
    }

    .swiper-slide > div:nth-child(2) > span:first-child {
        font-size: 24px !important;
        font-weight: 700;
    }

    .swiper-slide > div:nth-child(2) > span:last-child {
        font-size: 14px !important;
        text-align: center;
    }

    .bottom_img > div:nth-child(2) {
        width: 100vw;
        /*height: 415px;*/
        margin-top: 52px;
        display: flex;
        justify-content: center;
        background: url("../img/index/insight_bottom.png") bottom right no-repeat;
        background-size: 500px 93px !important;
    }

    /**/
    .solutionTab {
        height: 700px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .solutionTab > div > img {
        width: 95px;
        height: 80px;
    }

    .solutionTab > div {
        width: 375px;
        height: 330px;
        border: solid 1px #e3e3e3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly
    }

    .solutionTab > div > span {
        text-align: center;
    }

    .solutionTab > div > span:nth-child(2) {
        font-size: 18px;
        font-weight: 700;
    }

    .solutionTab > div > span:nth-child(3) {
        width: 200px;
        font-size: 13px;
    }

    .cardSwiper {
        width: 900px;
        padding-left: 12px;
    }

    .insight_subtitle2 {
        width: 240px;
        overflow: hidden;
        padding-left: 33px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
        font-weight: 400;
        color: #555570;
    }

    /*成功案例*/
    .case {
        margin: 22px auto auto;
        display: flex;
        flex-direction: column;
    }

    .case_menu {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .case_menu > a > div {
        width: 95vw;
        height: 50px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        margin: 10px auto 22px auto;
    }

    .case_menu > a > div > div {
        font-size: 16px;
        line-height: 22px;
        color: #323F76;
    }

    .case_menu > a > div > img:first-child {
        width: 23px;
        height: 20px;
        margin: 0 11px 0 12px;
    }

    .case_menu > a > div > img:nth-child(3) {
        width: 7px;
        height: 14px;
        position: absolute;
        right: 23px;
    }

    .case_menu_item {
        background-color: #005EFF;
        width: 46.5vw;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .more_button {
        width: 87px;
        height: 32px;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #005EFF;
        color: #FFFFFF;
        line-height: 21px;
        margin: 10px 0 10px 0;
    }

    .more_button > img {
        width: 4px;
        height: 8px;
        margin-left: 10px;
    }

    .case_menu_item > img {
        width: 6px;
        height: 12px;
        margin-right: 15px;
        display: none;
        position: relative;
        right: -82px;
    }

    .case_menu_svg_show {
        display: block !important;
    }

    .case_menu_item:hover {
        background-image: linear-gradient(to right, #005EFF, #00C6FF);
    }

    .case_menu_item_show {
        background-image: linear-gradient(to right, #005EFF, #00C6FF);
    }

    .case_subtitle {
        font-size: 14px;
        color: #555570;
        line-height: 26px;
        height: 78px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    /*.case_hover_big:hover {*/
    /*    cursor: pointer;*/
    /*    transform: scale(1.2);*/
    /*    -webkit-transform: scale(1.06);*/
    /*    -moz-transform: scale(1.2);*/
    /*    -o-transform: scale(1.2);*/
    /*    -ms-transform: scale(1.2);*/
    /*    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);*/
    /*    transition: all .4s ease-out;*/
    /*}*/
    .case_content_top {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
    }

    .case_content_bottom {
        width: 92vw;
        display: flex;
        margin-bottom: 22px;
        flex-wrap: wrap;
    }

    .case_content_bottom > div {
        width: 46vw;
        height: 75px;
    }

    .case_content_bottom > div > img {
        width: 46vw;
        height: 75px;
        border: 2px solid #F6F9FF;
    }

    #case_menu_list {
        display: flex;
        flex-wrap: wrap;
        width: 95vw;
        margin: auto;
        height: 114px;
        justify-content: space-between;
        align-content: space-between;
    }

    .case_menu_item > div {
        width: 84px;
        height: 20px;
        font-size: 14px;
        margin: auto;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 20px;
        position: absolute;
    }

    .case_menu_item > div:first-child {

    }

    .case_content {
        width: 92vw;
        margin: auto;
        height: 100%;
        /*background: #FFFFFF;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .case_content_item {
        width: 1001px;
        margin: auto;
        display: none;
    }

    .case_content_item > div {
        display: flex;
    }

    .case_content_item_show {
        display: flex !important;
    }

    .case_content_top > div:nth-child(2) > img {
        width: 92vw;
        margin-top: 20px;
        /*height: 295px;*/
    }

    .case_content_text {
        /*width: 567px;*/
        /*height: 295px;*/
        text-align: left;
    }

    .case_content_text > div:first-child > div:first-child {
        width: 281px;
        height: 25px;
        font-size: 18px;

        font-weight: 600;
        color: #323F76;
        line-height: 25px;
    }

    .case_content_text > div:first-child > div:nth-child(2) {
        width: 94px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #005EFF;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
    }

    .case_content_text > div:first-child {
        /*width: 95vw;*/
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .case_content_text > div:nth-child(2) {
        margin-top: 12px;
    }

    .case_content_text > div:nth-child(3) > div:first-child > img {
        width: 17px;
        height: 17px;
    }

    .case_content_text > div:nth-child(3) {
        display: flex;
        margin: 20px 0 11px 0;

    }

    .case_content_text > div:nth-child(3) > div:first-child {
        display: flex;
        align-items: center;
    }

    .case_content_text > div:nth-child(3) > div:nth-child(2) {
        font-size: 16px;
        font-weight: 500;
        color: #005EFF;
        margin-left: 10px;
    }


    .html_content_two > a > div > img {
        width: 274px;
        height: 175px;
    }

    .html_content_two > a > div > div {
        width: 441px;
        height: 135px;
        padding: 25px 0 15px 15px;
    }

    .html_content_two > a > div:hover .newsText {
        color: #006eff;
    }

    .html_content_two > a > div > div > div:first-child {
        font-size: 16px;
        color: #333333;
        font-weight: 700;
    }

    .html_content_two > a > div > div > div:nth-child(2) {
        font-size: 13px;
        color: #666666;
        padding: 10px 0 15px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .html_content_two > a > div > div > div:nth-child(3) {
        font-size: 12px;
        color: #999999;
    }

    .html_content_two > a > div {
        margin: 10px 0 0 0;
        display: flex;
    }

    #html_content_twoo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #html_content_twoo > li {
        width: 356px;
        height: 59px;
        line-height: 58px;
        border-bottom: 1px dashed #dcdcdc;
    }

    #html_content_twoo > li > a {
        font-size: 14px;
        color: #666666;
    }

    #html_content_twoo > li > a > div {
        width: 356px;
        display: flex;
        justify-content: space-between;
    }

    #html_content_twoo > li > a > div:hover .newsText {
        color: #006eff;
    }

    #html_content_twoo > li > span {
        font-size: 12px;
        color: #999999;
        float: right;
    }

    #html_content_twoo > li > a > div > div:nth-child(1):hover {
        color: #006eff;
    }

    #html_content_twoo > li > a > div > div:nth-child(2) {
        font-size: 12px;
    }

    /*.case_hover_big > img {*/
    /*    display: none;*/
    /*}*/
    .cloumn1 {
        background: #00BBC0 !important;
    }

    .cloumn2 {
        background: #EE5A4C !important;
    }

    .cloumn3 {
        background: #892EE0 !important;
    }

    .display {
        display: none;
    }


    .hot-text {
        font-size: 10px;
        font-weight: 500;
        line-height: 13px;
        color: #FFFFFF;
    }
    .hot {
        width: 40px;
        height: 17px;
        background: #FB5117;
        border-radius: 3px 0px 3px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px !important;
        margin-bottom: 13px;
        margin-left: 5px;
    }
    .must{
        width: 40px;
        height: 17px;
        background: #005EFF;
        border-radius: 3px 0px 3px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px !important;
        margin-bottom: 13px;
        margin-left: 5px;
    }
    .base {
        width: 29px;
        height: 17px;
        background: #2E60FC;
        border-radius: 3px 0px 3px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px !important;
        margin-bottom: 13px;
        margin-left: 6px;
    }

    .product_show {
        width: 89%;
        text-align: left;
        background-color: #ffffff;
        margin: 0 auto auto;
    }
}


/*pc*/
@media (min-width: 1200px) {

    .Phone_block {
        display: none !important;
    }

    .head {
        width: 100%;
        height: 537px;
        z-index: 3;
        position: fixed;
    }

    .foot {
        display: block;
        bottom: 0;
        position: relative;
        width: 100%;
        height: 507px;
    }


    .share {
        z-index: 5;
        background-color: rgb(0, 0, 0);
        opacity: 0.8;
    }

    /*首页整体内容*/
    .overallContent {
        position: relative;
    }

    /*轮播*/
    .banner {
        /* z-index: -1; */
        z-index: 0;
        position: relative;
        padding-top: 0px;
    }

    .banner_img > img {
        width: 100vw;
    }

    .width-radio{
        width: 120px!important;
        height: 50px;
        border-radius: 100px 0px 0px 100px!important;
        background-color: white;
        margin-left: -20px!important;
        text-indent:20px;
    }
    .width-img{
        background-image:url("../img/head/anchor.png");
        background-size: 25px 25px;
        background-position:15px 13px;
        background-repeat: no-repeat;
    }
    /*#banner_avatar{*/
    /*    position: absolute;*/
    /*}*/
    /*#banner_detail{*/
    /*    position: absolute;*/
    /*}*/
    /*#banner_avatar > div > img{*/
    /*    width: 411px!important;*/
    /*    height: 313px!important;*/
    /*    position: relative;*/
    /*}*/
    /*#banner_detail > div{*/
    /*    width: 375px!important;*/
    /*    height: 168px!important;*/
    /*}*/
    .banner_content {
        position: absolute;
    }

    .banner_content > div {
        width: 885px;
        height: 313px;
        margin: auto;
    }

    .headerChange {
        background-color: black !important;
    }

    .footSupport {
        height: 450px;
    }

    .swiper-wrapper > img {
        width: 100%;
        z-index: -1;
    }

    .buttun_img {
        width: 14px;
        height: 34px;
    }

    .swiper-button-prev2 {
        width: 50px;
        height: 94px;
        background: rgba(0, 21, 81, 0.22);
        border-radius: 10px;
        z-index: 10;
        position: absolute;
        top: calc(50% - 48px);
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
    }

    .swiper-button-next2 {
        width: 50px;
        height: 94px;
        background: rgba(0, 21, 81, 0.22);
        border-radius: 10px;
        z-index: 10;
        position: absolute;
        top: calc(50% - 48px);
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
    }

    .swiper-button-prev2:hover,
    .swiper-button-next2:hover {
        background: rgba(0, 21, 81, 0.8);
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /*轮播焦点*/
    /* .swiper-pagination-bullet {
        width: 15px !important;
        height: 5px !important;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 50px !important;
    }

    .swiper-pagination-bullet-active {
        color: #fff;
        width: 25px !important;
        background: #fff !important;
    } */
    .paginationBorder2 {
        width: 110px;
        height: 18px;
        background: rgba(0, 21, 81, 0.22);
        border-radius: 15px;
        position: absolute;
        left: calc(50% - 55px);
        bottom: 18px;
        z-index: 11;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
    }

    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        background: rgb(255, 255, 255) !important;
        border-radius: 15px !important;
        margin: 0 3px 0 3px;
    }

    .swiper-pagination-bullet-active {
        /* opacity: 1 !important; */
        background-color: #ffffff !important;
    }

    .pagination {
        width: 1200px !important;
        left: auto !important;
        top: 600px !important;
    }

    .pagination > span {
        float: left;
    }

    .paginationBorder {
        width: 100%;
        height: 40px;
        display: flex !important;
        justify-content: center !important;
    }

    .hot {
        width: 40px;
        height: 20px;
        background: #FB5117;
        border-radius: 3px 0px 3px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px !important;
        margin-bottom: 13px;
        margin-left: 15px;
    }
    .must{
        width: 40px;
        height: 20px;
        background: #005EFF;
        border-radius: 3px 0px 3px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px !important;
        margin-bottom: 13px;
        margin-left: 15px;
    }

    /*信息介绍栏*/
    .information {
        width: 100vw;
        height: 132px;
        background-color: #FFFFFF;
    }

    .information > div {
        width: 1200px;
        height: 100%;
        margin: auto;
        display: flex;
        justify-content: space-evenly;
        align-items: center
    }

    .information > div > div {
        width: 120px;
        height: 54px;
        position: relative;
        top: 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .information > div > div > div:nth-child(1) > img:nth-child(1) {
        width: 59px;
        height: 31px;
    }

    .information > div > div > div:nth-child(1) > img:nth-child(2) {
        width: 26px;
        height: 32px;
    }

    .information_img5 {
        margin-left: 8px;
    }

    /*主页内容*/
    .indexContent {
        background-color: #F6F9FF;
        margin: auto;
        /*text-align: center;*/
        /*padding-bottom: 100px;*/
    }

    .titleText_1 {
        font-family: txFont, serif;
        font-size: 46px;
        color: #323F76;
        margin-top: 90px;
        text-align: center;
    }

    .titleText_2 {

        font-size: 18px;
        color: #323F76;
        font-weight: 400;
        line-height: 25px;
        padding-top: 10px;
        text-align: center;
    }

    .fix {
        margin-top: 0 !important;
        padding-top: 90px;
    }

    /*解决方案*/
    #solution_button {
        width: 1075px;
        height: 38px;
        display: flex;
        padding-top: 40px;
        margin: auto;
        justify-content: space-between;
    }

    #solution_button > div {
        height: 38px;
        color: #323F76;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #solution_button > div > div {
        font-size: 18px;
    }

    .click_solution {
        color: #005EFF !important;
    }

    .solution_line_click {
        height: 3px;
        width: 29px;
        background-color: #005EFF;
        display: none;
    }

    .solution_line {
        width: 1083px;
        height: 1px;
        margin: auto;
        background-color: #F1F2F3;
    }

    .solution_title {
        width: 1280px;
        height: 45px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        padding-top: 42px;
    }

    .solution_subtitle {
        width: 1280px;
        height: 22px;
        margin: auto;
        padding-top: 20px;
    }

    .solution_title_text {
        height: 45px;
        font-size: 32px;
        font-weight: 500;
        color: #323F76;
        line-height: 45px;
    }

    .solution_subtitle_text {
        width: 1061px;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #323F76;
        line-height: 22px;
        text-align: left !important;
    }

    .solution_more {
        width: 94px;
        height: 36px;
        background: #005EFF;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
    }

    .solution_more:hover {
        cursor: pointer;
    }

    .solution_content_text {
        height: 25px;
        font-size: 18px;
        font-weight: 500;
        color: #323F76;
        line-height: 25px;
        text-align: left;
    }

    .solution_content_subtitle {
        width: 242px;
        height: 66px;
        font-size: 15px;
        font-weight: 400;
        color: #555570;
        line-height: 26px;
        text-align: left;
        margin-top: 10px;
    }

    .solution_content_more {
        width: 74px;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #005EFF;
        line-height: 22px;
        margin-top: 22px;
        cursor: pointer;
    }

    .solution_content_border {
        width: 1280px;
        height: 438px;
        display: flex;
        margin: 22px auto auto;
        justify-content: space-between;
    }

    #solution_content {
        width: 626px;
        height: 438px;
        display: flex;
        align-content: space-between;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .solution_item_border {
        width: 303px;
        height: 208px;
        background: linear-gradient(135deg, #EDF3FF 0%, #FFFFFF 100%);
        border: 1px solid #FFFFFF;
        backdrop-filter: blur(2px);
    }

    .solution_content {
        margin: 40px 32px;
    }

    #solution_img_pc > img {
        width: 633px;
        height: 438px;
    }

    /*服务优势*/
    .advantage {
        width: 100%;
        height: 972px;
        background-color: #005EFF;
        margin-top: 100px;
    }

    .advantage > div:first-child {
        padding-top: 90px;
    }

    .advantage_button {
        width: 1080px;
        height: 58px;
        display: flex;
        justify-content: space-between;
        padding-top: 22px;
        margin: auto;
    }

    .advantage_button > div {
        height: 58px;
        font-size: 24px;
        cursor: pointer;
        color: #75A8FF;
        line-height: 58px;
        font-family: txFont, serif;
    }

    .advantage_button_click {
        color: #FFFFFF !important;
    }

    .advantage_line {
        width: 52%;
        height: 3px;
        background-color: #ffffff;
        display: none;
    }

    .advantage_button_block {
        display: block !important;
    }

    .advantage_button_flex {
        display: flex !important;
    }

    .advantage_phone_button_none {
        display: none !important;
    }

    .advantage_button_none {
        display: none !important;
    }

    .advantage_content_background {
        width: 1167px;
        height: 268px;
        margin: auto;
        position: absolute;
        bottom: 0;
        background-size: 1167px;
        /* background-position-x: -2px; */
        background-position-y: 267px;
        background-image: url("../img/index/revenue-bg@2x (1).png");
    }

    .advantage_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 1280px;
        height: 655px;
        position: relative;
        top: 43px;
        margin: auto;
        background: linear-gradient(359deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.73) 0%, #FFFFFF 100%);
        overflow: hidden;
    }

    .advantage_content01 > div:nth-child(2) {
        width: 1167px;
        height: 268px;
        background-size: 1167px;
        position: absolute;
        bottom: 0;
        background-position-y: 267px;
        background-image: url("../img/index/revenue-bg@2x (1).png");
    }

    .advantage_content01 > div:nth-child(2) > div {
        width: 1096px;
        margin: 82px auto auto auto;
        display: flex;
        justify-content: space-between;
    }

    .advantage_content01 > div:nth-child(2) > div > div {
        width: 280px;
        height: 65px;
        color: #323F76;
        font-size: 20px;
        background-color: #e5edff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ffffff;
    }

    .advantage_content02 {
        position: relative;
        top: 62px;
        margin: auto;
        width: 1280px;
        height: 655px;
        background: linear-gradient(359deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.73) 0%, #FFFFFF 100%);
        display: none;
        justify-content: center;
        text-align: left;
    }

    .advantage_content03 {
        position: relative;
        top: 62px;
        margin: auto;
        width: 1280px;
        height: 655px;
        background: linear-gradient(359deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.73) 0%, #FFFFFF 100%);
        display: none;
        justify-content: center;
        text-align: left;
    }

    .advantage_content04 {
        position: relative;
        top: 62px;
        margin: auto;
        width: 1280px;
        height: 655px;
        background: linear-gradient(359deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.73) 0%, #FFFFFF 100%);
        display: none;
        justify-content: center;
        text-align: left;
    }

    .advantage_content03 > div:first-child {
        width: 1126px;
        height: 371px;
        margin-top: 120px;
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
    }

    .advantage_content03 > div > div {
        background-color: rgb(255 255 255 / 20%);
        width: 266px;
        height: 159px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
    }

    .advantage_content03 > div > div > img {
        width: 64px;
        height: 64px;
        margin-bottom: 19px;
    }

    .advantage_content04 > div {
        /*height: 357px;*/
        display: flex;
        margin-top: 149px;
        /*flex-wrap: wrap;*/
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .advantage04_bottom {
        position: relative;
        top: -140px;
    }

    .advantage_content04 > div:first-child > div:first-child {
        width: 1088px;
    }

    .advantage_content04 > div:first-child > div:nth-child(2) {
        width: 812px;
    }

    .advantage_content04 > div > div {
        /*height: 357px;*/
        display: flex;
        justify-content: space-between;
        /*flex-wrap: wrap;*/
    }

    .advantage_content04 > div > div > div > img {
        width: 40px;
        height: 40px;
    }

    .advantage_content04 > div > div > div > div > img {
        width: 48px;
        height: 41px;
        margin-bottom: 14px;
    }

    .advantage_content04 > div > div > div > div > div:nth-child(2) {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 6px;
    }

    .advantage_content04 > div > div > div > div > div:nth-child(3) {
        font-size: 12px;
        color: #555666;
    }

    .advantage_content04 > div > div > div > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        top: -20px;
    }

    .advantage_content04 > div > div > div {
        width: 260px;
        height: 152px;
        background-color: #ffffff;
        background-color: rgb(255 255 255 / 20%);
        border: 1px solid #fff;
    }

    .advantage_content02_top {
        width: 1133px;
        height: 337px;
        position: absolute;
        margin: 143px auto auto;
        display: flex;
        justify-content: space-between;
    }

    .advantage_content02_top > div:first-child > div:first-child {
        width: 197px;
        height: 44px;
        background-size: 100%;
        background-image: url("../img/index/advantage02.png");
    }

    .advantage_content02_top > div:nth-child(2) > div:first-child {
        width: 197px;
        height: 44px;
        background-size: 100%;
        background-image: url("../img/index/advantage01.png");
    }

    .advantage_content02_top > div:nth-child(3) > div:first-child {
        width: 197px;
        height: 44px;
        background-size: 100%;
        background-image: url("../img/index/advantage04.png");
    }

    .advantage_content02_top > div:nth-child(4) > div:first-child {
        width: 197px;
        height: 44px;
        background-size: 100%;
        background-image: url("../img/index/advantage03.png");
    }

    .advantage_content02_top > div > div {
        font-size: 14px;

    }

    .advantage_content02_top > div > div > span {
        font-size: 24px;
    }

    .advantage_content02_top > div > div:first-child {
        padding-left: 40px;
    }

    .advantage_content02_top > div > div:nth-child(2) {
        width: 266px;
        height: 293px;
        position: relative;
        top: -1px;
        /*background-color: #ffffff;*/
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur();
    }

    .advantage_content02_top > div > div:nth-child(2) > div:first-child {
        margin-left: 40px;
        padding-top: 21px;
        margin-bottom: 12px;
        font-size: 18px;
        color: #555666;
    }

    .advantage_content > img {
        width: 1167px;
        position: relative;
        top: 22px;
    }

    .advantage_content02_list01 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #2E60FC;
        margin: 0 15px 0 20px;

    }

    .advantage_content02_list02 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #FF8D67;
        margin: 0 15px 0 20px;

    }

    .advantage_content02_list03 {
        width: 213px;
        height: 162px;
        margin: 27px auto auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .advantage_content02_list03 > div {
        width: 98px;
        height: 36px;
        display: flex;
        justify-content: center;
        border: 1px solid #626BFF;
    }

    .advantage_content02_list04 > div > div:first-child {
        width: 5px;
        height: 5px;
        background-color: #35D4C0;
        margin: 0 15px 0 20px;

    }

    .advantage_content02_list > div {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 48px;
        color: #555666;
    }

    .advantage_content > div:first-child {
        width: 1077px;
        /*margin: auto;*/
        display: flex;
        justify-content: space-between;
        padding-top: 113px;
    }

    .advantage_content > div:first-child > div {
        width: 262px;
        height: 254px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .advantage_content > div:first-child > div > div:nth-child(2) {
        color: #323F76;
        font-size: 26px;

    }

    .advantage_content01_text > div > div {
        text-align: center;
    }

    .advantage_content01_text > div > div > div:first-child {
        font-size: 26px;
        margin: 6px 0 12px 0;
    }

    .advantage_content01_text > div > div > div:nth-child(2) {
        font-size: 16px;
        line-height: 25px;
    }

    .advantage_content > div:first-child > div > div:nth-child(3) {
        color: #323F76;
        font-size: 16px;
        padding-top: 12px;
    }

    .advantage_content > div:first-child > div > div:nth-child(4) {
        color: #323F76;
        font-size: 16px;

    }

    .advantage_content > div:first-child > div > img {
        width: 168px;
        height: 168px;
    }

    /*资质证书*/
    .certificate {
        width: 1300px;
        margin: auto;
    }

    #certificate_top {
        display: flex;
        justify-content: space-between;
        padding-top: 31px;
    }

    #certificate_bottom {
        display: flex;
        justify-content: space-evenly;
        padding-top: 42px;
    }

    .certificate_top_img {
        width: 220px;
        height: 217px;
    }

    .certificate_top_img > img {
        width: 220px;
        height: 160px;
    }

    .certificate_top_img > div {
        width: 143px;
        height: 44px;
        font-size: 16px;
        font-weight: 400;
        color: #323F76;
        line-height: 22px;
        margin: auto;
        margin-top: 13px;
        text-align: center;
    }

    .certificate_bottom_img > img {
        width: 143px;
        height: 191px;
    }

    .certificate_bottom_img > div {
        text-align: center;
        width: 142px;
        height: 44px;
        font-size: 16px;
        font-weight: 400;
        color: #323F76;
        line-height: 22px;
        margin: 13px auto auto;
    }

    /*成功案例*/
    .case {
        width: 1280px;
        height: 547px;
        margin: 22px auto auto;
        display: flex;
    }

    .case_menu {
        width: 233px;
        height: 100%;
        background: linear-gradient(180deg, #005EFF 0%, #A5C6FF 100%);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .case_menu_button {
        width: 100%;
        height: 101px;
        background: linear-gradient(90deg, #005EFF 0%, rgba(30, 112, 251, 0.01) 100%);
        /*transition: all 1s linear;*/
        transition: background-image 0.5s ease-in-out;
    }

    .case_menu > a > div > div {
        width: 205px;
        display: flex;
        justify-content: space-between;
        float: right;
        margin-top: 33px;
        color: #ffffff;
    }

    .case_menu > a > div > div > div > div {
        display: flex;
    }

    .case_menu > a > div > div > div > div > div {
        font-size: 16px;
        line-height: 22px;
    }

    .case_menu > a > div > div > div > div > img {
        width: 8px;
        height: 7px;
        margin-top: 12px;
        margin-left: 5px;
    }

    .case_menu > a > div > div > div > div {
        font-size: 20px;
        line-height: 22px;
        position: relative;
        top: -3px;
    }

    .case_menu > a > div > div > img {
        width: 59px;
        height: 68px;
    }

    .case_button_over {
        width: 100%;
        height: 101px;
        background: linear-gradient(90deg, #1E00FF 0%, rgba(30, 112, 251, 0.01) 100%);
    }

    .case_button_ut {
        width: 100%;
        height: 101px;
        background: linear-gradient(90deg, #005EFF 0%, rgba(30, 112, 251, 0.01) 100%);
    }


    .case_menu_item {
        cursor: pointer;
        width: 100%;
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .case_menu_item > img {
        width: 6px;
        height: 12px;
        margin-right: 15px;
        display: none;
    }

    .case_menu_svg_show {
        display: block !important;
    }

    .case_menu_item:hover {
        background: linear-gradient(270deg, #00BAFF 0%, rgba(0, 94, 255, 0) 100%);
    }

    .case_menu_item_show {
        background: linear-gradient(270deg, #00BAFF 0%, rgba(0, 94, 255, 0) 100%) !important;
    }


    .case_subtitle {
        font-size: 16px;

        color: #555570;
        line-height: 26px;
        height: 78px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }


    .case_hover_big:hover {
        cursor: pointer;
        transform: scale(1.2);
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
        border-radius: 30px;
        transition: all .4s ease-out;
    }

    .case_content_top {
        width: 1001px;
        height: 295px;
        display: flex;
        justify-content: space-between;
    }

    .case_content_bottom {
        width: 1001px;
        height: 186px;
        display: flex;
        flex-wrap: wrap;
    }

    .case_content_bottom > div {
        width: 250px;
        height: 94px;
    }

    .case_content_bottom > div > img {
        width: 250px;
        height: 94px;
    }

    .case_menu_item > div {
        font-size: 18px;

        color: #FFFFFF;
        line-height: 25px;
        padding-left: 28px;
    }

    .case_content {
        width: 1047px;
        height: 100%;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .case_content_item {
        width: 1001px;
        margin: auto;
        display: none;
    }

    .case_content_item > div {
        display: flex;
    }

    .case_content_item_show {
        display: flex !important;
    }

    .case_content_top > div:nth-child(2) > img {
        width: 411px;
        height: 295px;
    }

    .case_content_text {
        width: 567px;
        height: 295px;
        text-align: left;
    }

    .case_content_text > div:first-child > div:first-child {
        font-size: 26px;
        font-weight: 500;
        color: #323F76;
    }

    .case_content_text > div:first-child > div:nth-child(2) {
        cursor: pointer;
        width: 94px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #005EFF;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;

    }

    .case_content_text > div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .case_content_text > div:nth-child(2) {
        margin-top: 12px;
    }

    .case_content_text > div:nth-child(3) > div:first-child > img {
        width: 17px;
        height: 17px;
    }

    .case_content_text > div:nth-child(3) {
        display: flex;
        margin: 32px 0 11px 0;

    }

    .case_content_text > div:nth-child(3) > div:first-child {
        display: flex;
        align-items: center;
    }

    .case_content_text > div:nth-child(3) > div:nth-child(2) {
        font-size: 18px;

        font-weight: 500;
        color: #005EFF;
        margin-left: 10px;
    }


    /*行业洞察*/
    .insight_title {
        width: 1281px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 90px auto auto;
    }

    .insight_title > div:first-child > div:first-child {
        font-family: txFont, serif;
        font-size: 46px;
        color: #323F76;
    }

    #insight_title_right {
        width: 663px;
        height: 38px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #insight_title_right > a {
        cursor: pointer;
        width: 77px;
        height: 38px;
        font-size: 18px;

        font-weight: 400;
        color: #323F76;
        line-height: 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .checked {

    }

    .insightone_click_line {
        height: 3px;
        width: 29px;
        background-color: #005EFF;
        display: none;
    }

    .insightone_click_line_show {
        display: block !important;
    }

    .insight_title_right {
        position: relative;
        top: 20px;
    }

    .insight_title_line {
        width: 100%;
        height: 1px;
        background-color: #F1F2F3;
    }

    .insight_content {
        width: 1281px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        padding-top: 75px;
    }

    .insight_content > div:nth-child(1) > img {
        width: 414px;
    }

    .insight_content > div:nth-child(2) {
        width: 797px;
    }

    .insight_line {
        width: 349px;
        height: 1px;
        background-color: #E6EBF2;
    }

    #insight_content_right_PC {
        height: 428px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    #insight_content_right_PC > a {
        padding: 20px;
        color: #323F76FF;
        background-color: #ffffff;
    }

    #insight_content_right_PC > a:hover {
        background-color: #005EFFFF;
        color: #ffffff !important;
    }

    #insight_content_right_PC > div {
        width: 350px;
        height: 73px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .insight_title_title {
        width: 300px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .insight_subtitle_border {
        width: 350px;
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        /*color: #555570;*/
        padding: 10px 0 0 0;
    }


    .insight_subtitle {
        width: 240px;
        overflow: hidden;
        /*padding-left: 33px;*/
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
        font-weight: 500;
        /*color: #323F76;*/
    }

    .insight_subtitle2 {
        width: 240px;
        overflow: hidden;
        /*padding-left: 33px;*/
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
        font-weight: 400;
        /*color: #555570;*/
    }

    .insight_img {
        width: 414px;
        height: 353px;
        background-image: linear-gradient(#001B5D, #0025B2);
        border-radius: 20px 80px 20px 0;
        color: white;
        z-index: 2;
        margin-top: 73px;
    }

    .insight_img > div:first-child {
        display: flex;
        align-items: center;
        position: relative;
        top: -52px;
    }

    .insight_img > div:first-child > img:first-child {
        width: 117px;
        height: 31px;
        /*margin-top: 34px;*/
    }

    .insight_img > div:first-child > img:nth-child(2) {
        width: 199px;
        height: 208px;
        margin-left: 63px;
    }

    .insight_img > div {
        margin-left: 30px;
        /*position: relative;*/
        /*top: 129px;*/
    }

    .insight_img > div:nth-child(2) {
        margin-top: -12px;
        /*position: relative;*/
        /*top: 129px;*/
    }

    .insight_img > div > div:first-child {
        font-size: 26px;
        line-height: 42px;
    }

    .insight_img > div > div:nth-child(2) {
        font-size: 36px;
        line-height: 42px;
    }

    .insight_img > div > div:nth-child(3) {
        display: flex;
        margin-top: 7px;
    }

    .insight_img_border {
        width: 1280px;
        margin: auto;

    }

    .insight_img_list {
        position: absolute;
        margin-top: 73px;

    }

    .insight_img_list > img:first-child {
        width: 59px;
        height: 58px;
        position: relative;
        top: -76px;
        left: 46px;
    }

    .insight_img_list > img:nth-child(2) {
        width: 138px;
        height: 138px;
        z-index: 1;
        position: relative;
        top: 30px;
        right: 15px;
    }

    .insight_img_list > img:nth-child(3) {
        width: 34px;
        height: 34px;
        position: relative;
        top: -99px;
        right: 44px;
    }

    .insight_img_list > img:nth-child(4) {
        width: 138px;
        height: 138px;
        position: relative;
        top: 20px;
        right: 100px;
    }


    .insight_img > div > div:nth-child(3) > div:first-child {
        width: 208px;
        height: 40px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 20px;
        text-align: left;
        font-style: normal;
    }

    .insight_img > div > div:nth-child(3) > div:nth-child(2) {
        width: 130px;
        height: 32px;
        font-family: FZLTTHJW--GB1, FZLTTHJW--GB1;
        font-weight: normal;
        font-size: 26px;
        color: #FFD147;
        line-height: 32px;
        text-align: right;
        font-style: normal;
    }

    .test_border {
        width: 1280px;
        margin: auto;
        position: relative;
    }

    .test_img {
        position: absolute;
        width: 100%;
        height: 100%;
        /*opacity: 0;*/
        animation: slideShow 5s linear infinite 0s;
        /*animation-delay: 5s;*/
    }


    .test_border > img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 88px;
        left: 220px;
    }

    /*底部图片*/
    .bottom_img {
        width: 100%;
        padding-top: 100px;
    }

    .bottom_img > img {
        width: 100%;
        display: block;
    }

    .bottom_img_text {
        text-align: center;
        color: #071C51;
    }

    .bottom_img_text > div:first-child {
        font-size: 50px;
    }

    .bottom_img_text > div:nth-child(2) {
        font-size: 80px;
    }

    .bottom_img_text > div:nth-child(3) {
        font-size: 26px;
    }

    .bottom_img_text > div:nth-child(4) {
        font-size: 26px;
    }

    .bottom_img > div:nth-child(2) > img {
        width: 415px;
        height: 415px;
    }

    .bottom_img > div:nth-child(2) {
        width: 100vw;
        height: 415px;
        margin-top: 52px;
        display: flex;
        justify-content: center;
        background: url("../img/index/insight_bottom.png") bottom right no-repeat;
        background-size: cover;
    }

    /*.run-animation {*/
    /*    !*animation: xMove 4s 0.1s cubic-bezier(0,.5,.5,1) infinite,*!*/
    /*    !*yMove 4s 0.1s linear infinite;*!*/
    /*    animation: xMove 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate,*/
    /*    yMove 4s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;*/
    /*    !*animation: animX 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate, *!*/
    /*    !*animY 4s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;*!*/
    /*}*/
    #ball {
        width: 20px;
        height: 20px;
        background-color: #f66;
        border-radius: 50%;
        position: relative;
        animation: animX 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, animY 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    }

    #lopp {
        width: 500px;
        height: 500px;
        border: 2px solid #999;
        border-radius: 50%;
        box-sizing: border-box;
    }

    .swiper-wrapper > div {
        /* width: 292px; */
        height: 500px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .04);
    }

    .swiper-wrapper > div > img {
        width: 100%;
        height: 100%;
    }

    .swiper-slide > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        z-index: 20;
        top: 50%;
        left: 50%;
        animation: myfirst 2s infinite;
        -webkit-animation: myfirst 5s infinite;
    }


    .swiper-slide > div:nth-child(2) > span:first-child {
        font-size: 24px !important;
        font-weight: 700;
    }

    .swiper-slide > div:nth-child(2) > span:last-child {
        font-size: 14px !important;
        text-align: center;
    }

    /**/
    .solutionTab {
        height: 700px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .solutionTab > div > img {
        width: 95px;
        height: 80px;
    }

    .solutionTab > div {
        width: 375px;
        height: 330px;
        border: solid 1px #e3e3e3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly
    }

    .solutionTab > div > span {
        text-align: center;
    }

    .solutionTab > div > span:nth-child(2) {
        font-size: 18px;
        font-weight: 700;
    }

    .solutionTab > div > span:nth-child(3) {
        width: 200px;
        font-size: 13px;
    }

    .cardSwiper {
        width: 900px;
        padding-left: 12px;
    }

    /*我们的定制服务*/
    #service {
        display: flex;
        width: 1280px;
        justify-content: space-between;
        margin: 42px auto auto;
    }

    .navigation_item {
        width: 305px;
        height: 390px;
        background-color: #FFFFFF;
        border-radius: 8px;
    }

    .navigation_top {
        width: 100%;
        height: 104px;
        display: flex;
        justify-content: space-between;
    }

    .navigation_top > div:first-child {
        width: 200px;
        display: flex;
        padding-top: 25px;
        text-align: left;
    }

    .navigation_top > div:first-child > div:first-child {
        width: 9px;
        height: 25px;
        background: #165ABF;
        margin-top: 4px;
    }

    .navigation_top > div:first-child > div:nth-child(2) {
        margin-left: 14px;

    }

    .navigation_top > div:first-child > div:nth-child(2) > div:first-child {
        color: #323F76;
        font-size: 24px;
        line-height: 33px;
        width: 180px;
    }

    .navigation_top > div:first-child > div:nth-child(2) > div:nth-child(2) {
        color: #323F76;
        font-size: 14px;
        line-height: 26px;

        position: absolute;
    }

    .navigation_top > div:nth-child(2) {
        width: 104px;
        height: 104px;
    }

    .navigation_top > div:nth-child(2) > img {
        width: 100%;
    }

    .navigation_third_border {
        width: 172px;
        height: 210px;
        margin: 32px 0 0 26px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navigation_third {
        height: 24px;
        display: flex;
        align-items: center;
        width: 270px;
    }

    .navigation_third > img {
        width: 20px;
        height: 20px;
    }

    .navigation_third > div {
        font-size: 18px;
        padding-left: 6px;
        color: #555570;
        cursor: pointer;
    }

    .hot-text {
        font-size: 16px;
        color: #ffffff;
    }

    .navigation_line {
        width: 281px;
        height: 1px;
        margin: auto;
        background-color: #E8EBF0;
    }

    .navigation_bottom {
        width: 100%;
        height: 284px;
    }

    /*成熟产品*/
    .product_PC {
        width: 1280px;
        height: 538px;
        margin: 26px auto auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product_left {
        width: 304px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product_item_border {
        width: 100%;
        height: 166px;
        display: flex;
    }

    .product_left_item {
        width: 304px;
        height: 166px;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product_left_item > div {
        margin-left: 52px;
    }

    .product_left_item > div:first-child {
        display: flex;
        /*padding-top: 34px;*/
        align-items: center;
    }

    .product_left_item > div:first-child > img {
        width: 23px;
        height: 23px;
    }

    .product_left_item > div:first-child > div {
        font-size: 22px;
        color: #FFFFFF;
        margin-left: 4px;
    }

    .product_left_item > div:nth-child(2) {
        width: 200px;
        /*height: 76px;*/
        font-size: 14px;
        line-height: 22px;
        color: #FFFFFF;
        text-align: left;
        margin-top: 13px;
    }

    .product_right_item {
        width: 976px;
        height: 100%;
        display: flex;
        background-color: #ffffff;
    }

    .product_line {
        width: 1px;
        height: 82px;
        background-color: #EDF3FF;
        margin-top: 42px;
    }

    .product_show {
        background: #005EFF;
        transform: scale(1.2);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        /* transition: all .4; */
        transition: all .4s ease-out;
    }

    .product_show > div > div {
        color: #ffffff !important;
    }

    .product_right_item > div > div {
        /*width: 84%;*/
        text-align: left;
        /*margin: 43px auto auto;*/
        margin: 0 17px 0 17px;
    }

    .product_right_item > div > div > div:first-child {
        font-size: 18px;
        color: #323F76;
    }

    .product_right_item > div > div > div:nth-child(2) {
        padding-top: 15px;
        color: #555570;
        /*height: 44px;*/
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
    }

    .html_content_two > a > div > img {
        width: 274px;
        height: 175px;
    }

    .html_content_two > a > div > div {
        width: 441px;
        height: 135px;
        padding: 25px 0 15px 15px;
    }

    .html_content_two > a > div:hover .newsText {
        color: #006eff;
    }

    .html_content_two > a > div > div > div:first-child {
        font-size: 16px;
        color: #333333;
        font-weight: 700;
    }

    .html_content_two > a > div > div > div:nth-child(2) {
        font-size: 13px;
        color: #666666;
        padding: 10px 0 15px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .html_content_two > a > div > div > div:nth-child(3) {
        font-size: 12px;
        color: #999999;
    }

    .html_content_two > a > div {
        margin: 10px 0 0 0;
        display: flex;
    }

    #html_content_twoo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #html_content_twoo > li {
        width: 356px;
        height: 59px;
        line-height: 58px;
        border-bottom: 1px dashed #dcdcdc;
    }

    #html_content_twoo > li > a {
        font-size: 14px;
        color: #666666;
    }

    #html_content_twoo > li > a > div {
        width: 356px;
        display: flex;
        justify-content: space-between;
    }

    #html_content_twoo > li > a > div:hover .newsText {
        color: #006eff;
    }

    #html_content_twoo > li > span {
        font-size: 12px;
        color: #999999;
        float: right;
    }

    #html_content_twoo > li > a > div > div:nth-child(1):hover {
        color: #006eff;
    }

    #html_content_twoo > li > a > div > div:nth-child(2) {
        font-size: 12px;
    }

    .information_one {
        margin-top: -12px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .information_two {
        width: 100%;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #4B5B76;
        line-height: 22px;
        letter-spacing: 3px;
        margin-top: -8px;
    }

    .onetext {
        /* width: 62px;
        height: 47px; */
        font-size: 40px;
        font-weight: bold;
        color: #005EFF;
        line-height: 35px;
        display: inline-block;
        font-family: dinFont, "PingFangSC-Regular", "Microsoft YaHei", serif;
    }

    .twotext {
        /* width: 62px;
        height: 47px; */
        font-size: 16px;
        font-weight: bold;
        color: #005EFF;
        /* line-height: 47px; */
        display: inline-block;
        margin-right: 9px;
    }

    .cloumn1 {
        background: #00BBC0 !important;
    }

    .cloumn2 {
        background: #EE5A4C !important;
    }

    .cloumn3 {
        background: #892EE0 !important;
    }

    .productClick {
        user-select: none;
        display: flex;
        align-items: center;
        text-align: center;
        min-width: 190px;
    }

    .productClick:hover {
        cursor: pointer;
        background: #005EFF;
        -webkit-transform: scale(1.1);
        transition: all .4s ease-out;
        /* color: #ffffff !important; */
    }

    .productClick:hover #pro_1 {
        color: #ffffff !important;
    }

    .productClick:hover #pro_2 {
        color: #ffffff !important;
    }

    .point {
        width: 100px;
        /*height: 397px;*/
        position: fixed;
        z-index: 5;
        top: 28vh;
        left: 44px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.65);
        border: 0.5px solid #FFFFFF;
        box-shadow: 0 1px 20px 7px #0d60ff0d;
    }

    .new_point > div:nth-child(8) {
        font-size: 12px;
        background: rgba(255, 255, 255, 0.65);
    }

    .new_point > div:nth-child(8) > img {
        width: 7px;
        height: 8.2px;
        margin-right: 5px;
        margin-bottom: 1px;
    }

    .new_point > div {
        width: 100%;
        height: 47px;
        font-weight: 400;
        font-size: 14px;
        color: #323F76;
        line-height: 20px;
        /*text-align: left;*/
        font-style: normal;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}