    .banner_one {
        position: relative;
    }
    
    .banner_text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 120px);
        text-align: center;
        /* transform: translateY(-120px); */
        transition-delay: 1000ms;
        transition: transform 2000ms ease, opacity 2000ms ease;
        opacity: 0;
        width: 90%;
        display: none;
    }
    
    .banner_all {
        position: relative;
    }
    
    .banner_list .swiper-slide-active .banner_text {
        transition: all 500ms ease;
        opacity: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .banner_tall {
        font-size: 69px;
        font-weight: bold;
        color: #FF6600;
    }
    
    .banner_t2 {
        font-size: 66px;
    }
    
    .banner_show {
        color: #fff;
        font-size: 14px;
        margin-top: 2.6vw;
    }
    
    .banner_mouse {
        display: block;
        position: absolute;
        right: 50%;
        transform: translateX(-50%);
        bottom: 40px;
        z-index: 2;
        width: 23px;
        height: 40px;
        cursor: pointer;
        background: url('../images/banner_mouse_ico.png') no-repeat -23px 0px;
        -webkit-animation: nudgeMouse 1.6s linear infinite;
        animation: nudgeMouse 1.6s linear infinite;
    }
    
    .banner_mouse:after,
    .banner_mouse:before {
        content: "";
        position: absolute;
    }
    
    .banner_mouse:before {
        width: 23px;
        height: 40px;
        background: url('../images/banner_mouse_ico.png') no-repeat 0px 0px;
        -webkit-animation: colorSlide 1.6s linear infinite;
        animation: colorSlide 1.6s linear infinite;
        top: 0;
        left: 0;
    }
    
    .banner_mouse:after {
        background-color: #ffffff;
        width: 4px;
        height: 4px;
        border-radius: 100%;
        -webkit-animation: trackBallSlide 1.6s linear infinite;
        animation: trackBallSlide 1.6s linear infinite;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    
    @keyframes nextAni {
        0% {
            opacity: 0;
            transform: translateY(-50px);
        }
        60% {
            opacity: 1;
        }
        80% {
            opacity: 1;
        }
        100% {
            opacity: 0.2;
            transform: translateY(0px);
        }
    }
    
    @-webkit-keyframes nudgeMouse {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -webkit-transform: translateY(0.8rem);
            transform: translateY(0.8rem);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    
    @keyframes nudgeMouse {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -webkit-transform: translateY(0.8rem);
            transform: translateY(0.8rem);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    
    @-webkit-keyframes trackBallSlide {
        0% {
            opacity: 1;
            -webkit-transform: scale(1) translateY(-0.8rem);
            transform: scale(1) translateY(-0.8rem);
        }
        34% {
            opacity: 1;
            -webkit-transform: scale(0.9) translateY(0.4rem);
            transform: scale(0.9) translateY(0.4rem);
        }
        68% {
            opacity: 0;
            -webkit-transform: scale(0.4) translateY(1.6rem);
            transform: scale(0.4) translateY(1.6rem);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0.4) translateY(-0.8rem);
            transform: scale(0.4) translateY(-0.8rem);
        }
    }
    
    @keyframes trackBallSlide {
        0% {
            opacity: 1;
            -webkit-transform: scale(1) translateY(-0.8rem);
            transform: scale(1) translateY(-0.8rem);
        }
        34% {
            opacity: 1;
            -webkit-transform: scale(0.9) translateY(0.4rem);
            transform: scale(0.9) translateY(0.4rem);
        }
        68% {
            opacity: 0;
            -webkit-transform: scale(0.4) translateY(1.6rem);
            transform: scale(0.4) translateY(1.6rem);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0.4) translateY(-0.8rem);
            transform: scale(0.4) translateY(-0.8rem);
        }
    }
    
    @-webkit-keyframes colorSlide {
        0% {
            height: 0;
        }
        90% {
            height: 4rem;
        }
    }
    
    @keyframes colorSlide {
        0% {
            height: 0;
        }
        90% {
            height: 4rem;
        }
    }
    /*中间6个div*/
    
    .index_body {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .index_bone {
        margin-top: 6px;
        width: 49.8%;
        /* margin-right: 6px; */
        height: 521px;
        /*height: 27.15vw;*/
        position: relative;
    }
    
    .news_alist::after {
        display: none;
    }
    
    .index_bone::after {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        /*background-color: rgba(0, 0, 0, .1);*/
        top: 0;
        left: 0;
    }
    /*新闻*/
    
    .news_all {
        overflow: hidden;
        height: 405px;
    }
    
    .index_newstit {
        padding: 48px 60px 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 30px;
        font-weight: bold;
        color: #2A87C0;
    }
    
    .index_newsjt_1 {
        margin-right: 20px;
    }
    
    .news_one {
        display: flex;
        background-color: #F5F5F5;
        align-items: center;
        max-height: 135px;
        overflow: hidden;
        border-bottom: 1px solid #ffffff;
    }
    
    .news_oleft {
        width: 245px;
        height: 135px;
        flex-shrink: 0;
        overflow: hidden;
    }
    
    .news_olback {
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        transition: .5s;
    }
    
    .news_one:hover .news_olback {
        transition: .5s;
        transform: scale(1.09);
    }
    
    .news_oright {
        padding: 27px 25px;
    }
    
    .news_oright_t1 {
        font-size: 18px;
    }
    
    .news_oright_t2 {
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin-top: 13px;
    }
    
    .other_bone {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        max-width: 78%;
        color: #ffffff;
        position: relative;
        z-index: 2;
    }
    
    .other_bone_t1 {
        font-size: 30px;
        font-weight: bold;
    }
    
    .about_us .other_bone_t1 {
        color: #2A87C0;
    }
    
    .about_us .other_bone_t2 {
        color: #FF6600;
    }
    
    .about_us .about_more {
        color: #2B8EC4;
    }
    
    .other_bone_t2 {
        font-size: 20px;
        margin: 5px 0 0;
    }
    
    .other_bone_desc {
        color: #FFFFFF;
        margin: 2vw 0;
        line-height: 24px;
        font-size: 16px;
    }
    
    .about_more {
        overflow: hidden;
        color: #ffffff;
        font-size: 16px;
    }
    
    .about_more span,
    .banner_show span,
    .solve_lone span {
        transform: translateX(8px);
        display: inline-block;
        transition: .5s;
    }
    
    .about_more:hover span,
    .banner_show:hover span,
    .solve_lone:hover span {
        transform: translateX(20px);
        transition: .5s;
    }
    
    .solve_list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1vw;
        /* justify-content: space-between; */
    }
    
    .solve_lone {
        color: white;
        width: 22.2%;
        margin-bottom: 28px;
        margin-right: 20px;
        display: flex;
        align-items: center;
    }
    
    .solve_lone .over1 {
        max-width: 80%;
    }
    
    .solve_way .other_bone {
        max-width: 98%;
    }
    
    .other_sone {
        max-width: 80%;
    }
    
    .swiper-button-prev1:hover,
    .swiper-button-next1:hover {
        cursor: pointer;
    }
    /*项目方案*/
    
    .case_tit {
        text-align: center;
        padding: 68px 0 40px;
        font-size: 30px;
        font-weight: bold;
        color: #2A87C0;
    }
    
    .case_list {
        display: flex;
        flex-wrap: wrap;
        height: 23.45vw;
        min-height: 380px;
        overflow: hidden;
    }
    
    .case_one {
        text-align: center;
        color: #FFFFFF;
        font-size: 24px;
        width: 20%;
        /* height: 450px; */
        height: 23.45vw;
        min-height: 380px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: .5s;
        position: relative;
    }
    
    .case_text {
        position: relative;
        z-index: 3;
    }
    
    .case_otext {
        margin-top: 15px;
    }
    
    .case_oimg {
        width: 90px;
        transition: .5s;
    }
    
    .case_one:hover .case_oimg {
        transition: .5s;
        transform: rotateY(180deg);
    }
    
    .case_one:hover .case_oback {
        transition: .5s;
        transform: scale(1.09);
    }
    /* .solve_lone span {
    margin-left: 6px;
} */
    
    .case_oback {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: .5s;
    }
    /*底部的一张图片*/
    
    .index_fimg {
        margin-top: 80px;
    }
    
    .index_fimg img {
        width: 100%;
    }
    
    @media(min-width:1024px) {
        .index_bone:nth-child(2n) {
            margin-right: 0;
        }
        .solve_lone:nth-child(4n) {
            margin-right: 0;
        }
        .index_newstit{
            background-color: #F5F5F5;
        }
    }
    
    @media(min-width:1024px) and (max-width:1400px) {
        .other_bone,
        .other_sone {
            max-width: 100%;
        }
    }
    
    @media(min-width:1024px) and (max-width:1260px) {
        .solve_lone {
            margin-right: 17px;
            display: flex;
            align-items: center;
            font-size: 13px;
            width: 22%;
        }
        .banner_tall {
            font-size: 57px;
        }
        .banner_t2{
            font-size: 57px;
        }
        .case_oimg {
            width: 75px;
        }
    }
    
    @media (max-width:1024px) {
        .banner_one_img {
            height: 240px;
        }
        .banner_all {
            margin-top: 55px;
        }
        .banner_mouse {
            display: none;
        }
        .banner_tall,
        .banner_t2 {
            font-size: 18px;
        }
        .banner_text {
            width: 85%;
        }
        .index_body {
            padding: 15px;
            display: block;
        }
        .index_bone {
            width: 100%;
            margin-top: 0;
            height: auto;
            min-height: 210px;
            margin-bottom: 10px;
        }
        .index_newstit {
            padding: 15px 0 15px;
            font-size: 20px;
        }
        .index_newsjt img {
            width: 25px;
        }
        .index_newsjt_1 {
            margin-right: 8px;
        }
        /*新闻中心*/
        .news_oleft {
            width: 123px;
            height: 77px;
        }
        .news_one {
            max-height: 77px;
            margin-bottom: 4px;
        }
        .news_oright_t1 {
            -webkit-line-clamp: 2;
            font-size: 13px;
        }
        .news_oright {
            padding: 22px 15px 22px 18px;
        }
        .news_all {
            height: 243px;
        }
        .news_alist {
            margin-bottom: 26px;
            min-height: auto;
        }
        .other_bone {
            padding: 17px 5px;
            max-width: 100%;
            min-height: 187px;
        }
        .other_bone_t1 {
            font-size: 20px;
        }
        .other_bone_t2,
        .about_more {
            font-size: 13px;
        }
        .other_bone_desc {
            font-size: 12px;
            line-height: 18px;
            margin: 10px 0 20px;
        }
        .about_us .about_more {
            color: #FFFFFF;
        }
        .index_bone::after {
            display: none;
        }
        .solve_list {
            display: none;
        }
        .case_all {
            padding: 6px 15px 15px;
        }
        .case_tit {
            padding: 0 0 15px;
            font-size: 20px;
        }
        .case_one {
            width: 48.5%;
            margin-right: 3%;
            margin-bottom: 10px;
            height: auto;
            min-height: 150px;
            font-size: 15px;
            border-radius: 5px;
        }
        .case_list {
            height: auto;
        }
        .case_one:nth-child(2n) {
            margin-right: 0;
        }
        .case_oimg {
            width: 50px;
        }
        .case_otext {
            margin-top: 6px;
        }
        .te_cone {
            width: 100%;
            margin-right: 0;
        }
        .index_fimg {
            margin-top: 20px;
        }
    }