@media screen and (max-width: 62rem){
    html,
    body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        /*overflow: auto;*/
        background-color: white;
    }
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
        color: transparent;
    }
    .swiper-container{
        width: 100%;
        height: 100%;
    }
    .ht1{ height: 13.125rem;}
    .firstpages{
        width: 100%;
        height: 13.125rem;
        background: url(../../../img/ges/index/szh/banner/tu.png) no-repeat;
        background-size: 100% 100%;
    }
    .bm{
        width: 17.7rem;
        height: 5.125rem;
        position: absolute;
        background: url(../../../img/ges/index/szh/banner/bm.png) no-repeat;
        background-size: 100% 100%;
        right: 0;
        bottom: 3rem;
    }
    .firsts{
        height: 4.375rem;
        width: 22.1875rem;
        position: relative;
        margin: auto;
        top: 5.3125rem;
    }
    .slogans{
        width: 15.75rem;
        height: 2.625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.1875rem;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 1.75rem;
    }
    .firstrectangle{
        width: 1.5rem;
        height: 0.125rem;
        background: #FFFFFF;
        border-radius: 1.4375rem 1.4375rem 1.4375rem 1.4375rem;
        position: absolute;
        right: 11.5rem;
        bottom: 1.35rem;
    }
    .firstcontent{
        width: 11.8rem;
        height: 1.75rem;
        font-size: 0.625rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.9rem;
        text-align: right;
        position: absolute;
        right: 0rem;
        bottom: 0rem;
    }
    .ht2{height: 36.125rem;}
    .secondpage{
        width: 100%;
        height: 36.125rem;
    }
    .second{
        width: 20.4375rem;
        height: 33.375rem;
        position: relative;
        margin: auto;
        top: 0;
    }
    .consult{
        width: 3.8rem;
        height: 1.3125rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #0B0B0B;
        line-height: 1.1875rem;
        position: absolute;
        top: 1.3rem;
    }
    .sk{
        width: 16rem;
        height: 2rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #636363;
        line-height: 1rem;
        position: absolute;
        top: 3.3125rem;
        left: 2.5625rem;
        text-indent: 2em;
    }
    .secondrectangle1{
        width: 0.125rem;
        height: 1.375rem;
        background: #0B0B0B;
        position: absolute;
        left: 0.5625rem;
    }
    .secondrectangle2{
        width: 0.1875rem;
        height: 1.5rem;
        background: #0B0B0B;
        position: absolute;
        top: 8.25rem;
        left: 2.625rem;
    }
    .secondrectangle3{
        width: 9rem;
        height: 12.3125rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        background: url("../../../img/ges/index/consult/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0.375rem;
        bottom: 13.9375rem;
    }
    .secondblue{
        width: 0.875rem;
        height: 0.375rem;
        background: #5076FD;
        position: absolute;
        left: 1.6rem;
        top: 3.5rem;
    }
    .analyse{
        width: 2.3125rem;
        height: 1rem;
        background: url("../../../img/ges/index/consult/analyse.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 1.375rem;
        top: 1.4375rem;
    }
    .secondcontent1{
        width: 6.8125rem;
        height: 7.5625rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5625rem;
        text-indent: 2em;
        position: absolute;
        right: 0.875rem;
        bottom: 1.8125rem;
    }
    .secondcontent2{
        width: 6.8125rem;
        height: 7.5625rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.7rem;
        letter-spacing: 0.0625rem;
        text-indent: 2em;
        position: absolute;
        right: 1.1rem;
        bottom: 2rem;
    }
    .secondrectangle4{
        width: 9rem;
        height: 12.3125rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        background: url("../../../img/ges/index/consult/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 11.0625rem;
        bottom: 13.9375rem;
    }
    .way{
        width: 2.3125rem;
        height: 1rem;
        position: absolute;
        right: 1.375rem;
        top: 1.4375rem;
        background: url("../../../img/ges/index/consult/way.png") no-repeat;
        background-size: 100% 100%;
    }
    .secondrectangle5{
        width: 9rem;
        height: 12.3125rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        background: url("../../../img/ges/index/consult/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 11.0625rem;
        bottom: 0;
    }
    .path{
        width: 2.3125rem;
        height: 1rem;
        position: absolute;
        right: 1.375rem;
        top: 1.4375rem;
        background: url("../../../img/ges/index/consult/path.png") no-repeat;
        background-size: 100% 100%;
    }
    .purpose{
        width: 2.3125rem;
        height: 1rem;
        position: absolute;
        right: 1.375rem;
        top: 1.4375rem;
        background: url("../../../img/ges/index/consult/purpose.png") no-repeat;
        background-size: 100% 100%;
    }
    .secondrectangle6{
        width: 9rem;
        height: 12.3125rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        background: url("../../../img/ges/index/consult/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0.375rem;
        bottom: 0;
    }
    .ht3{height: 31.4375rem;}
    .thirdpage{
        width: 100%;
        height: 31.4375rem;
        background: url("../../../img/ges/index/company/bottom.png") no-repeat;
        background-size: 100% 100%;
    }
    .third{
        width: 20.6875rem;
        height: 28.125rem;
        position: relative;
        margin: auto;
        top: 0
    }
    .company{
        width: 8.3125rem;
        height: 1rem;
        background: url("../../../img/ges/index/company/company.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 1.95rem;
        left: 0.75rem;
    }
    .provide{
        width: 18.5rem;
        height: 1.5625rem;
        background: url("../../../img/ges/index/company/provide.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 7.375rem;
        display: none;
    }
    .thirdrectangle1{
        width: 0.125rem;
        height: 1.8125rem;
        background: #FFFFFF;
        position: absolute;
        left: 0.75rem;
    }
    .thirdrectangle2{
        width: 0.125rem;
        height: 0.875rem;
        background: #FFFFFF;
        position: absolute;
        left: 0.75rem;
        top: 3.1rem;
    }
    .introduce{
        height: 14.4375rem;
        position: absolute;
        top: 7.3125rem;
        display: flex;
        left: -1.0625rem;
    }
    .chage{
        animation: rotate 40s linear infinite;
    }
    @keyframes rotate {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100rem);
        }
    }
    .i-items1{
        width: 15.875rem;
        height: 14.4375rem;
        border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
        background: url(../../../img/ges/index/company/team.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin-left: 1.0625rem;
    }
    .i-items2{
        width: 15.875rem;
        height: 14.4375rem;
        border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
        background: url(../../../img/ges/index/company/deepbottom.png) no-repeat;

        background-size: 100% 100%;
        position: relative;
        margin-left: 2.25rem;
    }
    .i-items3{
        width: 15.875rem;
        height: 14.4375rem;
        border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
        background: url(../../../img/ges/index/company/adviser/bottom.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin-left: 2.25rem;
    }
    .i-items4{
        width: 15.875rem;
        height: 14.4375rem;
        border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
        background: url(../../../img/ges/index/company/service/bottom.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin-left: 2.25rem;
    }
    .i-title1{
        width: 4.8125rem;
        height: 1.125rem;
        background: url(../../../img/ges/index/company/experienced.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 7.3125rem;
        bottom: 7.3rem;
    }
    .i-title2{
        width: 3.6rem;
        height: 1.125rem;
        background: url(../../../img/ges/index/company/adviser/all.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 8.8rem;
        bottom: 7.3rem;
    }
    .i-title3{
        width: 4.8125rem;
        height: 1.125rem;
        background: url(../../../img/ges/index/szh/zqjt/xuqiu.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 7.3125rem;
        bottom: 7.3rem;
    }
    .i-title4{
        width: 4.8125rem;
        height: 1.125rem;
        background: url(../../../img/ges/index/szh/zqjt/youhua.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 7.3125rem;
        bottom: 7.3rem;
    }
    .adviser{
        background: url("../../../img/ges/index/company/adviser/senior.png") no-repeat;
        background-size: 100% 100%;
        width: 8.375rem;
        height: 1.625rem;
        position: absolute;
        top: 2.1875rem;
        left: 0.9375rem;
    }
    .service{
        background: url("../../../img/ges/index/company/service/great.png") no-repeat;
        background-size: 100% 100%;
        width: 8.375rem;
        height: 1.625rem;
        position: absolute;
        top: 2.1875rem;
        left: 0.9375rem;
    }
    .i-word{
        width: 13.625rem;
        height: 6.375rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        text-indent: 2em;
        position: absolute;
        right: 0.5rem;
        bottom: 1rem;
    }
    .great{
        width: 8.375rem;
        height: 1.625rem;
        background: url("../../../img/ges/index/company/great.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 2.1875rem;
        left: 0.9375rem;
    }
    .deep{
        width: 6rem;
        height: 1.625rem;
        position: absolute;
        top: 2.1875rem;
        left: 0.9375rem;
        background: url("../../../img/ges/index/company/deep.png") no-repeat;
        background-size: 100% 100%;
    }
    .ht4{  height: 22.875rem;}
    .forthpage{
        width: 100%;
        height: 29.125rem;
        position: relative;
        top: -6.25rem;
    }
    .forth{
        width: 21.625rem;
        height: 29.125rem;
        border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
        background: url("../../../img/ges/index/szh/data/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin: auto;
    }
    .data{
        width: 4.625rem;
        height: 1rem;
        background: url("../../../img/ges/index/data/data.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 1.75rem;
        top: 1.875rem;
    }
    .line{
        width: 0.1875rem;
        height: 4rem;
        background: url("../../../img/ges/index/data/line.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 2.125rem;
        top: 0;
    }
    .forthcircle1{
        width: 0.4375rem;
        height: 0.375rem;
        background: #FFFFFF;
        border-radius: 50%;
        position: absolute;
        left: 3.5rem;
        top: 5.95rem;
    }
    .forthcircle2{
        width: 0.4375rem;
        height: 0.375rem;
        background: #FFFFFF;
        border-radius: 50%;
        position: absolute;
        left: 3.5rem;
        bottom: 17.75rem;
    }
    .forthcontent1{
        width: 13.875rem;
        height: 5rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: absolute;
        left: 4.25rem;
        bottom: 18.75rem;
    }
    .forthcontent2{
        width: 13.875rem;
        height: 2.75rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: absolute;
        left: 4.25rem;
        bottom: 15.9375rem;
    }
    .forthimg1{
        width: 17.9375rem;
        height: 10.5rem;
        border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
        background: url("../../../img/ges/index/data/img.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 13.5rem;
        right: 1.75rem;
    }
    .forthimg2{
        width: 2.9375rem;
        height: 1.35rem;
        border-radius: 1.4375rem 1.4375rem 1.4375rem 1.4375rem;
        background: url("../../../img/ges/index/data/more.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 3.25rem;
        right: 1.75rem;
    }
    .forthmore{
        width: 3.625rem;
        height: 1.125rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: absolute;
        bottom: 3.4375rem;
        right: 4.9375rem;
    }
    .forthmore a,.forthmore a:hover{
        list-style: none;
        color: #FFFFFF;
    }
    .ht5{height: 19rem;}
    .fifthpage{
        width: 100%;
        height: 19rem;
        background: url("../../../img/ges/index/szh/CRM/bottom.png") no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: row;
        align-items: normal;
    }
    .fifth{
        width: 19.8125rem;
        height: 14.375rem;
        position: relative;
        margin: 0 auto;
        top: 0;
    }
    .sap{
        width: 11.125rem;
        height: 2.1875rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei-Regular;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.3rem;
        position: absolute;
        top: 1.7rem;
    }
    .fifthline1{
        width: 0.125rem;
        height: 1.5625rem;
        background: #FFFFFF;
        position: absolute;
        left: 0.75rem;
    }
    .fifthline2{
        width: 0.125rem;
        height: 1.625rem;
        background: #FFFFFF;
        position: absolute;
        left: 0.75rem;
        top: 4.375rem;
    }
    .fifthcontent{
        width: 18rem;
        height: 7.1875rem;
        background: url("../../../img/ges/index/szh/CRM/content.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin: auto;
        top: 7.1875rem;
        transform: translate(0,0);
    }
    .ht6{height: 114.125rem;}
    .sixthpage{
        width: 100%;
        height: 114.125rem;
        background: url("../../../img/ges/index/process/bottom.png") no-repeat;
        background-size: 100% 100%;
    }
    .sixth{
        width: 20.5rem;
        height: 112.8125rem;
        position: relative;
        margin: auto;
    }
    .sixthline1{
        width: 0.125rem;
        height: 3.25rem;
        background: url("../../../img/ges/index/process/line.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0.4rem;
    }
    .process{
        width: 3.6875rem;
        height: 1rem;
        background: url("../../../img/ges/index/process/process.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 1.65rem;
    }
    .sixthline2{
        width: 0.125rem;
        height: 95.8125rem;
        background: #5076FD;
        position: absolute;
        left: 0.2rem;
        top: 5.625rem;
    }
    .sixthleft1{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        top: 4.2rem;
        left: 1rem;
    }
    .leftimg1{
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        background: url("../../../img/ges/index/process/research/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .sixthcontent3{
        width: 100%;
        height: 2.375rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.25rem;
        position: relative;
        margin: auto;
        top: 4rem;
    }
    .sixthcontent4{
        width: 100%;
        height: 4rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.25rem;
        position: relative;
        margin: auto;
        top: 3rem;
    }
    .sixthcontent5{
        width: 7.625rem;
        height: 2.375rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.25rem;
        text-align: center;
        position: relative;
        margin: auto;
        top: 3rem;
    }
    .bor{
        width: 100%;
        height: 100%;
        background: rgba(0,3,29,0.87);
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    }
    .number1{
        width: 1.0625rem;
        height: 1.25rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #5076FD;
        line-height: 1rem;
        position: absolute;
        right: 18.1rem;
    }
    .number2{
        width: 1.0625rem;
        height: 1.25rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #5076FD;
        line-height: 1rem;
        position: absolute;
    }
    .research{
        width: 3.6875rem;
        height: 0.8rem;
        background: url("../../../img/ges/index/process/research/research.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 15.5rem;
        top: 1.2rem;
    }
    .sixthleft2{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        top: 31.375rem;
        left: 1rem;
    }
    .leftimg2{
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        background: url("../../../img/ges/index/process/item/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .item{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        right: 15.5rem;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/item/item.png") no-repeat;
        background-size: 100% 100%;
    }
    .sixthleft3{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        left: 1rem;
        bottom: 40.95rem;
    }
    .develop{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        right: 15.5rem;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/develop/develop.png") no-repeat;
        background-size: 100% 100%;
    }
    .leftimg3{
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        background: url("../../../img/ges/index/process/develop/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .sixthleft4{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        left: 1rem;
        bottom: 13.6rem;
    }
    .check{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        right: 15.5rem;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/check/check.png") no-repeat;
        background-size: 100% 100%;
    }
    .leftimg4{
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        background: url("../../../img/ges/index/process/check/bottom.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .sixthright1{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        top: 17.6875rem;
        right: 0.2rem;
    }
    .plan{
        width: 3.6875rem;
        height: 0.8rem;
        background: url("../../../img/ges/index/process/plan/plan.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 1.2rem;
    }
    .rightimg1{
        width: 19.1875rem;
        height: 10.625rem;
        background: url("../../../img/ges/index/process/plan/bottom.png") no-repeat;
        background-size: 100% 100%;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        position: absolute;
        bottom: 0rem;
    }
    .sixthright2{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        top: 45rem;
        right: 0.2rem;
    }
    .visual{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/visual/visual.png") no-repeat;
        background-size: 100% 100%;
    }
    .rightimg2{
        background: url("../../../img/ges/index/process/visual/bottom.png") no-repeat;
        background-size: 100% 100%;
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        position: absolute;
        bottom: 0rem;
    }
    .sixthright3{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        right: 0.2rem;
        bottom: 27.2rem;
    }

    .interconnection{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/integrationtext/test.png") no-repeat;
        background-size: 100% 100%;
    }
    .rightimg3{
        background: url("../../../img/ges/index/process/integrationtext/bottom.png") no-repeat;
        background-size: 100% 100%;
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        position: absolute;
        bottom: 0rem;
    }
    .sixthright4{
        width: 19.1875rem;
        height: 13.0625rem;
        position: absolute;
        right: 0.2rem;
        bottom: 0;
    }
    .test{
        width: 3.6875rem;
        height: 0.8rem;
        position: absolute;
        top: 1.2rem;
        background: url("../../../img/ges/index/process/finaltest/finaltest.png") no-repeat;
        background-size: 100% 100%;
    }
    .rightimg4{
        background: url("../../../img/ges/index/process/finaltest/bottom.png") no-repeat;
        background-size: 100% 100%;
        width: 19.1875rem;
        height: 10.625rem;
        border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
        position: absolute;
        bottom: 0rem;
    }
    .sixthcircle1{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        top: -0.2rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle2{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        top: 13.3rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle3{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        top: 27rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle4{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        top: 40.625rem;
        left: -0.25rem;
        border-radius: 50%;;
    }
    .sixthcircle5{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        bottom: 40.75rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle6{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        bottom: 27.0625rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle7{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        bottom: 13.375rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .sixthcircle8{
        width: 0.625rem;
        height: 0.625rem;
        background: #5076FD;
        position: absolute;
        bottom: -0.21rem;
        left: -0.25rem;
        border-radius: 50%;
    }
    .card1{
        width: 3rem;
        height: 3rem;
        background: url("../../../img/ges/index/process/researchcard.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin: auto;
        top: 3rem;
    }
    .card2{
        background: url("../../../img/ges/index/process/itemcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.5625rem;
    }
    .card3{
        background: url("../../../img/ges/index/process/developcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.9rem;
    }
    .card4{
        background: url("../../../img/ges/index/process/checkcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.9rem;
    }
    .card5{
        background: url("../../../img/ges/index/process/plancard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.5625rem;
    }
    .card6{
        background: url("../../../img/ges/index/process/visualcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.5625rem;
    }
    .card7{
        background: url("../../../img/ges/index/process/testcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.5625rem;
    }
    .card8{
        background: url("../../../img/ges/index/process/finalcard.png") no-repeat;
        background-size: 100% 100%;
        width: 3rem;
        height: 3rem;
        position: relative;
        margin: auto;
        top: 2.5625rem;
    }
    .ht7{ height: 26.125rem;}
    .seventhpage{
        width: 100%;
        height: 26.125rem;
        background: url("../../../img/ges/index/case/bottom.png") no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .left1{
        width: 0.5625rem;
        height: 1rem;
        background: url("../../../img/ges/index/szh/anl/left.png") no-repeat;
        background-size: 100% 100%;
    }
    .right1{
        width: 0.5625rem;
        height: 1rem;
        background: url("../../../img/ges/index/szh/anl/right.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
    }
    .seventh{
        width: 22.3125rem;
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: row;
    }
    .case{
        width: 4.625rem;
        height: 1.625rem;
        font-size: 1.25rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.4375rem;
        position: absolute;
        left: 16.5625rem;
        top: 3.9375rem;
    }
    .caseback{
        display: none;
    }

    .seventhcontent11{
        width: 0.875rem;
        height: 15.0625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        position: relative;
        margin: auto;
        top: 0.75rem;
        display: none;
    }
    .seventhcontent21{
        width: 0.875rem;
        height: 15.0625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        position: relative;
        margin: auto;
        top: 0.75rem;
        display: none;
    }
    .seventhcontent31{
        width: 0.875rem;
        height: 15.0625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        position: relative;
        margin: auto;
        top: 0.75rem;
        display: none;
    }
    .seventhcontent41{
        width: 0.875rem;
        height: 15.0625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        position: relative;
        margin: auto;
        top: 0.75rem;
        display: block;
    }
    .seventhcontent51{
        width: 0.875rem;
        height: 15.0625rem;
        font-size: 1rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1rem;
        position: relative;
        margin: auto;
        top: 0.75rem;
        display: none;
    }

    .seventhimg11{
        width: 3.5625rem;
        height: 100%;
        background: url("../../../img/ges/index/case/zhoudafu2.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        margin-left: 0.625rem;
        display: none;
    }
    .seventhimg21{
        width: 3.5625rem;
        height: 100%;
        background: url("../../../img/ges/index/case/qirui2.png") no-repeat;
        background-size: 100% 100%;
        position:relative;
        margin-left: 0.625rem;
        display: none;
    }
    .seventhimg31{
        width: 3.5625rem;
        height: 100%;
        background: url("../../../img/ges/index/case/shanying2.png") no-repeat;
        background-size: 100% 100%;
        position:relative;
        margin-left: 0.625rem;
        display: none;
    }
    .seventhimg41{
        width: 3.5625rem;
        height: 100%;
        background: url("../../../img/ges/index/case/taoshi2.png") no-repeat;
        background-size: 100% 100%;
        position:relative;
        margin-left: 0.625rem;
        display: block;
    }
    .seventhimg51{
        width: 3.5625rem;
        height: 100%;
        background: url("../../../img/ges/index/case/huaxia2.png") no-repeat;
        background-size: 100% 100%;
        position:relative;
        margin-left: 0.625rem;
        display: none;
    }
    .seventhrectangle11{
        width: 15rem;
        height: 20rem;
        position: relative;
        margin-left: 1.5rem;
        display: none;
    }
    .seventhrectangle21{
        width: 15rem;
        height: 15.4375rem;
        position: relative;
        margin-left: 1.5rem;
        display: none;
    }
    .seventhrectangle31{
        width: 15rem;
        height: 15.4375rem;
        position: relative;
        margin-left: 1.5rem;
        display: none;
    }
    .seventhrectangle41{
        width: 15rem;
        height: 15.4375rem;
        position: relative;
        margin-left: 1.5rem;
        display: block;
    }
    .seventhrectangle51{
        width: 15rem;
        height: 15.4375rem;
        position: relative;
        margin-left: 1.5rem;
        display: none;
    }
    .introduction11{
        width: 15rem;
        height: 16rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.875rem;
        text-indent: 2em;
        position: relative;
        margin: auto;
        top: 50%;
        transform: translate(0,-50%);
    }
    .introduction1{
        width: 15rem;
        height: 13rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.875rem;
        text-indent: 2em;
        position: relative;
        margin: auto;
        top: 50%;
        transform: translate(0,-50%);
    }
    .all1{
        position: relative;
        width: 22.3125rem;
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .all{
        display: none;
    }
    .ht8{height: 21.9375rem}
    .ht9{height: 47.8rem}
}