@media (max-width: 1200px) {
    .index_banner {
        position: relative;
    }

    .index_banner .swiper-slide img {
        width: 100%;
        height: auto;
        min-height: 100%;
        transition: 1s linear 2s;
        transform: scale(1.1, 1.1);
    }

    .index_banner .swiper-slide-active img, .swiper-slide-duplicate-active img {
        transition: 6s linear;
        transform: scale(1, 1);
    }

    .index-page .index-title{
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .index-page .index-title .line{
        width: 38px;
        height: 5px;
        background: #FF5A00;
    }
    .index-page .index-title .content{
        font-size: 16px;
        color: #333333;
        margin-top: 5px;
    }
    .index-page .index-title .title{
        font-size: 36px;
        color: #1D2F6F;
        line-height: 36px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .index-page .index-title .desc{
        font-size: 18px;
        color: #333333;
    }
    .index-page .server-project{
        padding-top: 40px;
    }
    .index-page .server-project .server-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }
    .index-page .more{
        display: block;
        width: 100px;
        height: 36px;
        border-radius: 17px;
        border: 2px solid #FF5A00;
        padding-left: 20px;
    }
    .index-page .more span{
        font-weight: 400;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 30px;
        margin-right: 5px;
    }
    .index-page .more i{
        font-size: 20px;
        color:#FF5A00 ;
        transition: 0.5s all ease-in-out;
    }
    .index-page .more:hover span{
        animation: bounceIn 1s linear;
    }
    .index-page .more:hover i{
        margin-left: 5px;
    }
    .index-page .server-project .server-list .server-item{
        width: 50%;
        height: 368px;
        border-radius: 14px;
        margin-bottom: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        background-color: #808080; /* 灰色 */
        background-blend-mode: multiply; /* 或其他混合模式 */
        cursor: pointer;
        transition: 0.5s all ease-in-out;
        overflow: hidden;
    }
    .index-page .server-project .server-list .server-item .info{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        color: #fff;
        padding: 30px;
        transition: 0.5s all ease-in-out;
    }
    .index-page .server-project .server-list .server-item .info .more{
        position: absolute;
        left: 30px;
        transition: 0.5s all ease-in-out;
        opacity: 1;
        bottom: 30px;
    }
    .index-page .server-project .server-list .server-item .info .icon-img{
        background: -webkit-linear-gradient(#1D2F6F, #7996FF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 27px;
    }
    .index-page .server-project .server-list .server-item .info .title{
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .index-page .server-project .server-list .server-item .info .line{
        height: 1px;
        background: #fff;
        margin-bottom: 30px;
    }
    .index-page .server-project .server-list .server-item .info .desc{
        font-size: 14px;
        color: #fff;
        height: 84px;
        overflow: hidden;
    }
    .index-page .server-circle{
        padding: 40px 0;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .index-page .server-circle .swiper-slide{
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        padding: 30px 30px 60px 30px;
        background-color: #fff;
        justify-content: space-between;
        border-radius: 10px;
    }
    .index-page .server-circle .swiper-button{
        width: 150px;
        position: absolute;
        left:30px;
        bottom: 30px;
    }
    .index-page .server-circle .swiper-button .swiper-button-next:after,
    .index-page .server-circle .swiper-button .swiper-button-prev:after{
        display: none;
    }
    .index-page .server-circle .swiper-button .swiper-button-next,
    .index-page .server-circle .swiper-button .swiper-button-prev,
    .index-page .server-circle .swiper-button .swiper-button-disabled{
        width: 51px;
        height: 51px;
        background: #F7F8F9 ;
        opacity: 1;
        border-radius: 50%;
    }
    .index-page .server-circle .swiper-button .swiper-button-next i{
        font-size: 26px;
        color: #1D2F6F;
        transform: rotate(180deg);
    }
    .index-page .server-circle .swiper-button .swiper-button-prev i{
        font-size: 26px;
        color:  #FF5A00;
    }
    .index-page .server-circle .swiper-button .swiper-button-disabled i{
        font-size: 26px;
        color: #ececec;
    }
    .index-page .server-circle .swiper-slide .circle-left{
        width:100% ;
    }
    .index-page .server-circle .swiper-slide .circle-right{
        width:100% ;
        border-radius: 10px;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-title{
        font-size: 14px;
        color: #333333;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-desc{
        font-size: 16px;
        color: #333333;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-item{
        display: flex;
        height: 76px;
        background: #F7F8F9;
        border-radius: 7px;
        width: 100%;
        margin-bottom: 17px;
        align-items: center;
        padding: 0 20px;
        cursor: pointer;
        transition: all .5s ease-in-out;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-item .circle-i-icon{
        font-size: 12px;
        border-radius: 50%;
        color: #1D2F6F;
        line-height: 30px;
        text-align: center;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-item .circle-i-title{
        font-size: 16px;
        color: #676767;
        margin: 0 10px;
        width: 85px;
        text-align: center;
    }
    .index-page .server-circle .swiper-slide .circle-left .circle-item .circle-i-desc{
        font-weight: 400;
        font-size: 14px;
        color: #676767;
    }
    .index-page .index-profile{
        background-repeat: no-repeat;
        /*background-attachment: fixed;*/
        background-size: cover;
    }
    .index-page .index-profile .profile-box{
        padding-top: 108px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom;

    }
    .index-page .index-profile .profile-box .profile-t{
        width: 100%;
    }
    .index-page .index-profile .profile-box .cate-title{
        font-size: 24px;
        color: #000000;
        padding-left: 10px;
        border-left: 5px solid #000;

    }

    .index-page .index-profile .profile-box .title{
        font-weight: 400;
        font-size: 30px;
        color: #000000;
        margin-top: 30px;
    }
    .index-page .index-profile .profile-box .content{
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        margin-top: 30px;
        line-height: 35px;
    }
    .index-page .index-profile .profile-box .more {
        margin-top: 30px;
    }
    .index-page .index-profile .profile-box .more span{
        color: #000;
    }
    .index-page .profile-tags{
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
        padding-bottom: 130px;
        width: 100%;
    }
    .index-page .profile-tags .tag{
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .index-page .profile-tags .tag .tag-t{
        display: flex;
        align-items: baseline;
    }
    .index-page .profile-tags .tag .tag-t .number{
        font-family: Impact;
        font-weight: 400;
        font-size: 30px;
        color: #1D2F6F;

    }
    .index-page .core-advantage{

    }
    .index-page .core-advantage .advantageSwiper .swiper-slide{
        display: flex;
        flex-direction: column;
    }
    .index-page .core-advantage .advantageSwiper  .advantage-left{
        width: 100%;
    }
    .index-page .core-advantage .advantageSwiper  .advantage-right{
        width: 100%;
        padding-left: 20px;
        padding-top: 40px;
    }
    .index-page .core-advantage .advantageSwiper  .advantage-right .advantage-name{
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 24px;
        color: #090909;
    }
    .index-page .core-advantage .advantageSwiper  .advantage-right .advantage-desc{
        margin-top: 20px;
        font-size: 18px;
        color: #555555;
    }
    .index-page .core-advantage .advantageSwiper  .advantage-right .advantage-content{
        margin-top: 20px;
        font-size: 14px;
        color: #555555;
        line-height: 24px;
    }
    .index-page .core-advantage .advantageNavSwiper{
        cursor: pointer;
    }

    .index-page .core-advantage .advantageNavSwiper .swiper-slide{
        width: 30%;
        height: 100px;
        background: #F3F3F3;
        color: #555555;
        padding: 10px;
    }
    .index-page .core-advantage .advantageNavSwiper .advantage-icon{
        font-size: 18px;
    }
    .index-page .core-advantage .advantageNavSwiper .swiper-slide-thumb-active{
        background: #1D2F6F;
        color: #fff;
    }
    .index-page .core-advantage .advantageNavSwiper .advantage-name{
        font-size: 14px;
    }
    .index-page .core-advantage .advantageNavSwiper .advantage-desc{
        font-size: 12px;
    }
    .index-page .high-case{
        padding-top: 40px;
        background-repeat: no-repeat;
        background-position:80px  bottom;
    }
    .index-page .high-case .case-list{
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .index-page .high-case .case-list .case-item{
        width: 450px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .index-page .high-case .case-list .case-item .case-img{
        width: 100%;
        height: 250px;
    }
    .index-page .high-case .case-list .case-item .see-detail{
        display: flex;
        /*justify-content: space-between;*/
        margin: 10px 0;
        padding: 0 30px;
        transition: all .5s ease-in-out;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-img{
        width: 55px;
        height: 23px;
        background: url("../images/case.png") no-repeat ;
        transition: all .5s ease-in-out;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-text{
        display: none;
        transition: all .5s ease-in-out;
        margin-right: 10px;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-text span{
        font-size: 14px;
        color: #333333;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-text i{
        font-size: 14px;
        color: #FF5A00;
        transition: all 1s ease-in-out;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-text:hover i{
        margin-left: 5px;
    }
    .index-page .high-case .case-list .case-item .see-detail .detail-text:hover span{
        color: var(--primary);
    }
    .index-page .high-case .case-list .case-item .case-title{
        font-size: 18px;
        color: #333333;
        padding: 0 20px;
    }
    .index-page .high-case .case-list .case-item:hover .see-detail{
        justify-content: space-between;
        width: 100%;
    }
    .index-page .high-case .case-list .case-item:hover .see-detail .detail-text{
        display: block;
        margin-right: 10px;
    }
    .index-page .high-case .case-list .case-item:hover .see-detail .detail-img{
        background: url("../images/case_selected.png") no-repeat ;
    }
    .index-page .high-case .more{
        margin: 30px auto;
    }
    .index-page .high-case .more span{
        color: #000;
    }
    .index-page .news-deliver{
        padding: 40px 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .index-page .news-deliver .news-top{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 30px;
        align-items: flex-end;
    }
    .index-page .news-deliver .news-top .more span{
        color: #000;
    }
    .index-page .news-deliver .news-top .news-top-l .cate-title{
        padding-left:20px ;
        border-left: 5px solid #FF5A00;
    }
    .index-page .news-deliver .news-top .news-top-l .cate-title .content{
        font-size: 16px;
        color: #333333;
    }
    .index-page .news-deliver .news-top .news-top-l .cate-title .title{
        font-size: 36px;
        color: #1D2F6F;
        margin: 20px 0;
    }
    .index-page .news-deliver .news-top .news-top-l .desc{
        font-size: 18px;
        color: #333333;
    }
    .index-page .news-deliver .news-box{

    }
    .index-page .news-deliver .news-box .news-left{
        width: 100%;
    }
    .index-page .news-deliver .news-box .news-left .news-list{

    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item{
        width: 100%;
        margin-right: 30px;
    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item .news-img{
        width: 100%;
        height:327px ;
    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item .info{
        padding: 30px;
    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item .news-date{
        font-size: 18px;
        color: #000000;
        margin: 20px 0;
    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item .news-title{
        font-size: 20px;
        color: #000000;
        margin: 20px 0;
    }
    .index-page .news-deliver .news-box .news-left .news-list .news-item .news-desc{
        font-weight: 400;
        font-size: 18px;
        color: #333333;
    }
    .index-page .news-deliver .news-box .news-right{
        width: 364px;
        background: #FFFFFF;
        padding: 20px;
    }
    .index-page .news-deliver .news-box .news-right .news-list{
        display: none;
        width: 100%;
        transition: .5s ease-in-out;
        margin-top: 10px;
    }
    .index-page .news-deliver .news-box .news-right .news-list.show{
        display: block;
    }
    .index-page .news-deliver .news-box .news-right .cate-list{
        display: flex;
    }
    .index-page .news-deliver .news-box .news-right .cate-list .cate-item{
        width: 94px;
        height: 30px;
        background: #D8D8D8;
        border-radius: 15px;
        font-size: 16px;
        color: #333333;
        margin-right: 20px;
        line-height: 30px;
        text-align: center;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .index-page .news-deliver .news-box .news-right .cate-list .cate-item.active{
        background: #BBA13E;
    }
    .index-page .news-deliver .news-box .news-right .news-list .news-item{
        padding: 10px 0;
        font-size: 18px;
        color: #333333;
        width: 100%;
    }
    .index-page .news-deliver .news-box .news-right .news-list .news-item a{
        color:#333333 ;
        font-size: 18px;
    }
    .index-page .news-deliver .news-box .news-right .news-list .line{
        height: 1px;
        margin-top: 20px;
        background: #D8D8D8;
        position: relative;
    }
    .index-page .news-deliver .news-box .news-right .news-list .line:after{
        content: '';
        height: 1px;
        margin-top: 20px;
        background: #D8D8D8;
        position: absolute;
        top: -20px;
        width: 0;
        transition: .5s ease-in-out;
    }
    .index-page .news-deliver .news-box .news-right .news-list .news-item:hover .line:after{
        background: var(--primary);
        width: 100%;
    }
    .index-page .meet-design{
        background-color: #5d4f44;
        background-size: cover;
        height: 232px;
    }
    .index-page .meet-design .title{
        margin-top: 25px;
        font-size: 18px;
        color: #FFFFFF;
    }
    .index-page .meet-design .content{
        margin-top: 20px;
        font-weight: 400;
        width: 70%;
        font-size: 14px;
        color: #FFFFFF;
    }
    .index-page .meet-design .bottom{
        display: flex;
        margin-top: 20px;
        align-items: baseline;
    }
    .index-page .meet-design .bottom .tag{

        width: 71px;
        height: 18px;
        background: #FF5A00;
        border-radius: 9px;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 18px;
        text-align: center;
    }
    .index-page .meet-design .bottom .phone{
        font-size: 36px;
        color: #FFFFFF;
        margin-left: 30px;
    }
    /*=============================================公司简介页===============================================*/

    .profile-page .profile-about .profile-banner{
        width: 100%;
        overflow: hidden;
    }
    .profile-page .profile-about .profile-banner img {
        width: 100%;
        height: 100%;
        animation: scaleDownUp 20s ease-in-out infinite;
    }
    .profile-title{
        display: flex;
        align-items: center;
    }
    .profile-title .profile-t-l{
        width: 43px;
        height: 44px;
        margin-right:8px ;
    }
    .profile-title  .profile-t-name {
        font-size: 30px;
        color: #0C0C0C;
    }
    .profile-title  .profile-t-name span{
        color: #FF5A00;
    }
    .profile-title  .profile-t-desc{
        font-size: 14px;
        color: #7D7D7D;
        text-transform: uppercase;
    }
    .company-profile{
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .company-profile .company-left{
        width: 100%;
        padding: 0 20px;
    }
    .company-profile .company-left .company-title{
        font-size: 24px;
        color: #070707;
        margin: 30px 0 20px 0;
        width: 250px;
    }
    .company-profile .company-left .company-content{
        font-size: 16px;
        color: #070707;
        line-height: 33px;
    }
    .company-profile .company-right{
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }
    .company-profile .company-right .company-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about-one__video-icon {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        font-size: 20px;
        background-color: rgba(#fff, 1);
        box-shadow: 0 10px 60px 0 rgb(0 0 0 / 20%);
        border-radius: 50%;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    .about-one__video-link .ripple,
    .about-one__video-icon .ripple:before,
    .about-one__video-icon .ripple:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -ms-box-shadow: 0 0 0 0 rgba(255, 90, 0,  0.6);
        -o-box-shadow: 0 0 0 0  rgba(255, 90, 0,  0.6);
        -webkit-box-shadow: 0 0 0 0  rgba(255, 90, 0,  0.6);
        box-shadow: 0 0 0 0  rgba(255, 90, 0,  0.6);
        -webkit-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

    .about-one__video-icon .ripple:before {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        content: "";
        position: absolute;
    }

    .about-one__video-icon .ripple:after {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
        content: "";
        position: absolute;
    }

    .about-one__img-two {
        position: absolute;
        bottom: -160px;
        right: -155px;
        z-index: 1;
    }
    @keyframes ripple {
        70% {
            box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
        }
    }
    .profile-page .company-profile .company-right .player{
        width: 71px;
        height: 71px;
        margin-top: -70px;
        background-image: url("../images/player.png");
        background-color:#FF5A00;
        border-radius: 30px 30px 30px 0px;
    }
    .profile-page .profile-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 50px;
    }
    .profile-page  .profile-list .profile-item{
        width: 50%;
        background: #E8E8E8;
        position: relative;
        padding: 30px;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .profile-page  .profile-list .profile-item:hover{
        margin-top: 10px;
    }
    .profile-page  .profile-list .profile-item .profile-index{
        font-family: Impact;
        font-weight: 400;
        font-size: 50px;
        position: absolute;
        right: 40px;
        top: -40px;
        color: transparent; /* 文字颜色设为透明 */
        background-image: linear-gradient(to bottom, #1D2F6F, transparent);
        -webkit-background-clip: text;
        background-clip: text;
        z-index: 999;
    }
    .profile-page  .profile-list .profile-item .profile-title{
        font-size: 16px;
        color: #1D2F6F;
    }
    .profile-page  .profile-list .profile-item .profile-content{
        margin-top: 20px;
        font-size: 14px;
        color: #0F0F0F;
    }
    .profile-page .culture{
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding-top: 58px;
    }
    .profile-page .culture .profile-title .profile-t-name{
        color: #fff;
    }
    .profile-page .culture .profile-title .profile-t-desc{
        color: #fff;
    }
    .profile-page .culture .culture-cate{
        text-align: center;
        font-size: 24px;
        color: #FFFFFF;
        margin: 50px auto;
    }
    .profile-page .culture .culture-list{
        background: #1D2F6F;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .profile-page .culture .culture-list .container{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .profile-page .culture .culture-list .culture-item{
        width: 300px;
        cursor: pointer;
        padding-left: 30px;
        position: relative;
        border-left: 1px solid #fff;
    }
    .profile-page .culture .culture-list .culture-item:after{
        position: absolute;
        bottom: 0;
        right: -30px;
        height: 0;
        width: 1px;
        background: #fff;
        content: '';
        transition: .5s ease-in-out;
    }
    .profile-page .culture .culture-list .culture-item:hover:after{
        height: 100%;
    }
    .profile-page .culture .culture-list .culture-item .culture-icon{
        width: 49px;
        height: 49px;
        background: #FF5A00;
        border-radius: 9px;
        font-size: 20px;
        color: #fff;
        line-height: 49px;
        text-align: center;
    }
    .profile-page .culture .culture-list .culture-item .culture-title{
        font-size: 24px;
        color: #FFFFFF;
        margin: 20px 0;
    }
    .profile-page .culture .culture-list .culture-item .culture-content{
        font-size: 16px;
        color: #FFFFFF;
    }
    .profile-page .server-promise{
        margin: 60px auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .profile-page .server-promise .server-item{
        width: 100%;
        height: 86px;
        background: #DFDFDF;
        border-radius: 25px;
        display: flex;
        align-items: center;
        padding: 35px 49px;
        margin-bottom: 16px;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .profile-page .server-promise .server-item .server-l{
        font-size: 40px;
        color: #1D2F6F;
        margin-right: 10px;
        transition: .5s ease-in-out;
    }
    .profile-page .server-promise .server-item .server-title{
        font-size: 24px;
        color: #1D2F6F;
        transition: .5s ease-in-out;
    }
    .profile-page .server-promise .server-item .server-desc{
        font-size: 18px;
        color: #0E0E0E;
        transition: .5s ease-in-out;
    }
    .profile-page .server-promise .server-item:hover{
        background:#1D2F6F ;
    }
    .profile-page .server-promise .server-item:hover .server-l{
        color: #fff;
    }
    .profile-page .server-promise .server-item:hover .server-title{
        color: #fff;
    }
    .profile-page .server-promise .server-item:hover .server-desc{
        color: #fff;
    }
    .profile-page .server-promise .server-cate{
        width: 100%;
        height: 360px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 34%;
        background-repeat: no-repeat;
        transition: .5s ease-in-out;
        background-size: cover;
        margin-bottom: 30px;
    }
    .profile-page .server-promise .server-cate .cate-desc{
        font-size: 14px;
        color: #1D2F6F;
        margin-top: 28px;
    }
    .profile-page .develop-process{
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding-top: 49px;
        padding-bottom: 30px;
    }
    .profile-page .develop-process .profile-title .profile-t-name{
        color: #fff;
    }
    .profile-page .develop-process .profile-title .profile-t-desc{
        color: #fff;
    }
    .profile-page .develop-process .developSwiper{
        overflow: hidden;
        margin-top: 30px;
        cursor: pointer;
    }
    .profile-page .develop-process .developSwiper .swiper-slide{
        width: 306px;
    }
    .profile-page .develop-process .developSwiper .swiper-slide .develop-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile-page .develop-process .developSwiper .develop-content{
        height: 310px;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0;
        transition: .5s ease-in-out;
        padding: 0 30px;
    }
    .profile-page .develop-process .developSwiper .swiper-slide-active .develop-content{
        opacity: 1;
        transition: .5s ease-in-out;
    }
    .profile-page .develop-process .developSwiper  .develop-title{
        font-family: Impact;
        font-weight: 400;
        font-size: 30px;
        color: #FFFFFF;
    }
    .profile-page .develop-process .developSwiper  .develop-subtitle{
        font-size: 18px;
        color: #FFFFFF;
        line-height: 20px;
        padding: 0 30px;
    }
    .profile-page .develop-process .developSwiper  .line{
        width: 100%;
        height: 8px;
        background: #FFFFFF;
        position: relative;
        margin-top: 20px;

    }
    .profile-page .develop-process .developSwiper  .line:after{
        content: '';
        position: absolute;
        left: 45%;
        top: -10px;
        width: 27px;
        height: 27px;
        background: #FFFFFF;
        border-radius: 50%;
        border: 6px solid #1D2F6F;
        transition: .5s ease-in-out;

    }
    .profile-page .develop-process .developSwiper  .swiper-slide-active .line:after{
        border: 6px solid #FF5A00;
        box-shadow: 0 0 8px #FF5A00; /* 外发光，颜色为粉红色 */
    }
    .profile-page .develop-process .developSwiper .develop-img{
        width: 256px;
        height: 142px;
        margin-top: 20px;
        opacity: 0;
        transition: .5s ease-in-out;
    }
    .profile-page .develop-process .developSwiper .swiper-slide-active .develop-img{
        opacity: 1;
    }
    .profile-page .company-event{
        padding: 50px 0;
    }
    .profile-page .company-event .eventSwiper{
        margin-top: 40px;
    }
    .profile-page .company-event .eventSwiper .swiper-slide{
        position: relative;
    }
    .profile-page .company-event .eventSwiper .event-title{
        height: 20px;
        background: rgba(0,0,0,0.5);
        color: #fff;
        font-size: 14px;
        line-height: 6px;
        padding: 20px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .profile-page .company-event .eventSwiper .event-img{
        height:320px ;
    }
    .page-banner .line{
        width: 100px;
        height: 7px;
        background: #FF5A00;
    }
    .page-banner .cate-title{
        font-size: 36px;
        color: #FFFFFF;
    }
    .page-banner .cate-desc{
        font-size: 24px;
        color: #FFFFFF;
        text-transform: uppercase;
        margin: 10px 0;
    }
    .case-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
        border-bottom: 1px solid #CDCDCD;
        margin-bottom: 20px;
    }
    .case-top .case-t-title{
        font-size: 18px;
        color: #474747;
        display: flex;
        align-items: center;
    }
    .case-top .case-t-title .sanjiao{
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
        border-left: 4px solid black;
        margin-right: 10px;
    }
    .event-item .card-img-top{
        height: 140px;
    }
    .event-item .card-body{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .event-item .card-body{
        border-bottom: 1px solid #464646;
        position: relative;
    }
    .event-item .event-title{
        height: 32px;
        font-size: 14px;
        color: #101010;
        text-align: center;
    }
    .event-item .more .more-text{
        font-weight: 400;
        font-size: 12px;
        color: #464646;
        transition: all .5s ease-in-out ;
    }
    .event-item .more .more-icon{
        font-weight: 400;
        font-size: 26px;
        color: #464646;
        margin-left: 13px;
        transition: all .5s ease-in-out ;
    }
    .event-item:hover .more *{
        color: #FF5A00;
    }
    .event-item:hover .more .more-icon{
        animation: leftRight 3s infinite;
    }
    .event-item .card-body:after{
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 0;
        transition: all .5s ease-in-out ;
        background-color: #FF5A00;
    }
    .event-item:hover .card-body{
        border: none;
    }
    .event-item:hover .card-body:after{
        width:100%;
    }
}