@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;
    }
    .firstpage{
        width: 100%;
        height: 13.25rem;
        background: url(../../../img/cds/business/zhaoshang/banner/banner.png) no-repeat;
        background-size: 100% 100%;
    }
    .first{
        height: 5.625rem;
        width: 21.9375rem;
        position: relative;
        margin: auto;
        top: 7.4375rem;
    }
    .shadow{
        width: 15.8125rem;
        height: 6.375rem;
        background: url(../../../img/cds/business/zhaoshang/banner/bottom.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: -0.7rem;
        top: -0.7rem;
    }
    .business{
        width: 4.9375rem;
        height: 1.2rem;
        background: url(../../../img/cds/business/business.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0rem;
    }
    .firstcontent{
        width: 12.6875rem;
        height: 3.5rem;
        font-size: 0.75rem;
        font-family: PingFang SC-Bold, PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.875rem;
        text-align: right;
        position: absolute;
        right: 0rem;
        bottom: 0rem;
    }
    .ht2{
        height: 62.25rem;
    }
    .secondpage{
        width: 100%;
        height: 62.25rem;
        background: url(../../../img/cds/business/zhaoshang/qs/bottom.png) no-repeat;
        background-size: 100% 100%;
    }
    .second{
        height: 54.75rem;
        width: 19.0625rem;
        position: relative;
        margin: auto;
        top: 1.875rem;
    }
    .cad{
        width: 6rem;
        height: 1.5625rem;
        background: url(../../../img/cds/business/cad/title.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0.125rem;
        display: none;
    }
    .question{
        width: 3.6875rem;
        height: 1.5625rem;
        background: url(../../../img/cds/business/zhaoshang/qs/question/question.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0.125rem;
        top: 0;
    }
    .orange{
        width: 1.75rem;
        height: 0.125rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        left: 4.25rem;
        top: 0.6875rem;
    }
    .secondrectangle1{
        width: 5.625rem;
        height: 8.0625rem;
        position: absolute;
        top: 2.25rem;
        left: 3.3125rem;
    }
    .logo1{
        width: 4.875rem;
        height: 4.875rem;
        background: url(../../../img/cds/business/cad/standard.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
        left: 0.5rem;
    }
    .logo2{
        width: 4.875rem;
        height: 4.875rem;
        background: url(../../../img/cds/business/cad/format.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
        left: 0.5rem;
    }
    .logo3{
        width: 4.875rem;
        height: 4.875rem;
        background: url(../../../img/cds/business/cad/iteration.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
        left: 0.5rem;
    }
    .logo4{
        width: 4.875rem;
        height: 4.875rem;
        background: url(../../../img/cds/business/cad/manage.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
        left: 0.5rem;
    }
    .secondcontent{
        width: 5.625rem;
        height: 2.9375rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        text-align: center;
    }
    .secondrectangle2{
        width: 5.625rem;
        height: 8.0625rem;
        position: absolute;
        top: 5.1875rem;
        left: 10rem;
    }
    .secondrectangle3{
        width: 5.625rem;
        height: 8.0625rem;
        position: absolute;
        top: 12.1875rem;
        left: 3.3125rem;
    }
    .secondrectangle4{
        width: 5.625rem;
        height: 8.0625rem;
        position: absolute;
        top: 15rem;
        right: 3.8125rem;
    }
    .slove{
        width: 5.25rem;
        height: 1.5rem;
        background: url(../../../img/cds/business/zhaoshang/qs/solve/solve.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 24.8125rem;
        right: 0rem;
    }
    .blue{
        width: 3.25rem;
        height: 0.125rem;
        background: #346DFF;
        position: absolute;
        right: 5.5rem;
        top: 25.3rem;
    }
    .secondrectangle5{
        width: 10.5rem;
        height: 12.1875rem;
        position: absolute;
        bottom: 16.25rem;
        left: 0;
    }
    .secondrectangle6{
        width: 10.5rem;
        height: 12.1875rem;
        position: absolute;
        bottom: 13.75rem;
        left: 9.6245rem;
    }
    .secondrectangle7{
        width: 10.5rem;
        height: 12.1875rem;
        position: absolute;
        bottom: 2.6875rem;
        left: 0;
    }
    .secondrectangle8{
        width: 10.5rem;
        height: 12.1875rem;
        position: absolute;
        bottom: 0rem;
        right: -1.1rem;
    }
    .secondimg1{
        width: 9.1875rem;
        height: 10.5rem;
        background: url(../../../img/cds/business/cad/standardization.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .secondimg2{
        width: 9.1875rem;
        height: 10.5rem;
        background: url(../../../img/cds/business/cad/unified.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .secondimg3{
        width: 9.1875rem;
        height: 10.5rem;
        background: url(../../../img/cds/business/cad/analyse.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .secondimg4{
        width: 9.1875rem;
        height: 10.5rem;
        background: url(../../../img/cds/business/cad/uniformity.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
    }
    .secondcircle{
        width: 0.5rem;
        height: 0.5rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        top: 0.4rem;
        border-radius: 50%;
    }
    .secondcontent1{
        width: 7.3125rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: relative;
        text-indent: 2em;
        margin: auto;
        top: 50%;
        transform: translate(0,-50%);
    }
    .secondtitle1{
        width: 6.0625rem;
        height: 1rem;
        background: url(../../../img/cds/business/cad/图纸标准规范.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 0.1rem;
        margin-left: 1rem;
    }
    .secondtitle2{
        width: 6.0625rem;
        height: 1rem;
        background: url(../../../img/cds/business/cad/图纸统一管理.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 0.1rem;
        margin-left: 1rem;
    }
    .secondtitle3{
        width: 6.0625rem;
        height: 1rem;
        background: url(../../../img/cds/business/cad/图纸数字转换.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 0.1rem;
        margin-left: 1rem;
    }
    .secondtitle4{
        width: 6.0625rem;
        height: 1rem;
        background: url(../../../img/cds/business/cad/图纸自动同步.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 0.1rem;
        margin-left: 1rem;
    }
    .ht3{
        height: 37.3125rem;
    }
    .thirdpage{
        width: 100%;
        height: 30rem;
        background: url(../../../img/cds/business/zhaoshang/management/bottom.png) no-repeat;
        background-size: 100% 100%;
    }
    .third{
        height: 34.5rem;
        width: 23.4375rem;
        position: relative;
        margin: auto;
        top: 2.8rem;
    }
    .rect{
        width: 1rem;
        height: 0.375rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        left: 2rem;
        top: 0.43rem;
    }
    .management{
        width: 3.375rem;
        height: 1.4375rem;
        background: url(../../../img/cds/business/zhaoshang/management/management.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 3.1875rem;
    }
    .thirdcomputer{
        width: 24.4375rem;
        height: 19.25rem;
        background: url(../../../img/cds/business/经营图.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
    }
    .thirdrectangle1{
        width: 17.625rem;
        height: 1rem;
        position: absolute;
        left: 3.2rem;
        top: 4rem;
    }
    .thirdrectangle2{
        width: 17.625rem;
        height: 1rem;
        position: absolute;
        left: 3.2rem;
        top: 6rem;
    }
    .thirdrectangle3{
        width: 17.625rem;
        height: 1rem;
        position: absolute;
        left: 3.2rem;
        bottom: 25.375rem;
    }
    .thirdrectangle4{
        width: 17.625rem;
        height: 1rem;
        position: absolute;
        left: 3.2rem;
        bottom: 23.3rem;
    }
    .thirdcolor{
        width: 0.5625rem;
        height: 0.5625rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        border-radius: 50%;
        bottom: 0.15rem;
        position: absolute;
    }
    .thirdcolor1{
        width: 0.5625rem;
        height: 0.5625rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        border-radius: 50%;
        bottom: 0.15rem;
        position: absolute;
        opacity: 1;
    }
    .thirdcontent{
        width: 16.8125rem;
        height: 1.1875rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: absolute;
        left: 0.8rem;
        bottom: 0rem;
    }
    .thirdcontent1{
        width: 16.8125rem;
        height: 1.1875rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.5rem;
        position: absolute;
        left: 0.8rem;
        bottom: 0rem;
        opacity: 1;
    }
    .ht4{
        height: 30.5rem;
    }
    .forthpage{
        width: 100%;
        height: 30.5rem;
        background: url(../../../img/cds/business/zhaoshang/usual/bottom.png) no-repeat;
        background-size: 100% 100%;
    }
    .forth{
        height: 24.2rem;
        width: 21rem;
        position: relative;
        margin: auto;
        top: 2rem;
    }
    .rect1{
        width: 1rem;
        height: 0.375rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        left: 1.3125rem;
        top: 0.7rem;
    }
    .usual{
        width: 4.5rem;
        height: 2rem;
        background: url(../../../img/cds/business/zhaoshang/usual/usual.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 2.5rem;
    }
    .forthcontent{
        width: 18.7rem;
        height: 6.875rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #898989;
        line-height: 1.4375rem;
        text-indent: 2em;
        position: absolute;
        left: 1.5rem;
        bottom: 14.9375rem;
    }
    .forthcomputer{
        width: 21rem;
        height: 10.75rem;
        background: url(../../../img/cds/business/日常业务.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: -0.5rem;
        bottom: 1rem;
    }
    .forthcomputer2 {
        width: 2.5rem;
        height: 0.95rem;
        background: url(../../../img/cds/business/滑动.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 6.2rem;
        bottom: -3rem;
    }
    .forthcomputer3 {
        width: 4.3125rem;
        height: 1.9375rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #5076FD;
        line-height: 2.9375rem;
        position: absolute;
        left: 8.5rem;
        bottom: -3rem;
    }

    .ht5{
        height: 71.75rem;
    }
    .fifthpage{
        width: 100%;
        height: 71.75rem;
        background: url(../../../img/cds/business/zhaoshang/store/bottom.png) no-repeat;
        background-size: 100% 100%;
    }
    .fifth{
        height: 63.625rem;
        width: 21.8rem;
        position: relative;
        margin: auto;
        top: 1.6rem;
    }
    .fifthcomputer1{
        width: 17.75rem;
        height: 13rem;
        background: url(../../../img/cds/business/store/computer1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 14rem;
        right: 1rem;
    }
    .store{
        width: 4.75rem;
        height: 2.5rem;
        background: url(../../../img/cds/business/zhaoshang/store/store.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 0rem;
        margin: auto;
    }
    .fifthcolora {
        width: 1rem;
        height: 0.75rem;
        background: url(../../../img/cds/business/菱形.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 4.5625rem;
        right: 15rem;
    }
    .fifthcolor1 {
        width: 6.5rem;
        height: 1.75rem;
        font-size: 0.875rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2.9375rem;
        margin: -1.1rem 1.2rem 0;
    }
    .fifthcolorb {
        width: 1rem;
        height: 0.75rem;
        background: url(../../../img/cds/business/菱形.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 6.5rem;
        right: 15rem;
    }
    .fifthcolor2 {
        width: 6.5rem;
        height: 1.75rem;
        font-size: 0.875rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2.9375rem;
        margin: -1.1rem 1.2rem 0;
    }
    .fifthcolorc {
        width: 1rem;
        height: 0.75rem;
        background: url(../../../img/cds/business/菱形.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 8.5rem;
        right: 15rem;
    }
    .fifthcolor3 {
        width: 6.5rem;
        height: 1.75rem;
        font-size: 0.875rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2.9375rem;
        margin: -1.1rem 1.2rem 0;
    }
    .fifthcolord {
        width: 1rem;
        height: 0.75rem;
        background: url(../../../img/cds/business/菱形.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 10.5rem;
        right: 15rem;
    }
    .fifthcolor4 {
        width: 6.5rem;
        height: 1.75rem;
        font-size: 0.875rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2.9375rem;
        margin: -1.1rem 1.2rem 0;
    }
    .fifthcolorf {
        width: 1rem;
        height: 0.75rem;
        background: url(../../../img/cds/business/菱形.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 12.5rem;
        right: 15rem;
    }
    .fifthcolor5 {
        width: 6.5rem;
        height: 1.75rem;
        font-size: 0.875rem;
        font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 2.9375rem;
        margin: -1.1rem 1.2rem 0;
    }
    .manage{
        width: 7.2rem;
        height: 2.5rem;
        background: url(../../../img/cds/business/zhaoshang/store/zhaoshang.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 26rem;
        margin: auto;
    }
    .fifthcontent1{
        width: 17.75rem;
        height: 5.5625rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.4375rem;
        text-indent: 2em;
        position: absolute;
        left: 2.5rem;
        top: 3.5rem;
    }
    .fifthcolor{
        width: 0.6875rem;
        height: 1.8125rem;
        background: url(../../../img/cds/business/store/rectangle.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 1.5rem;
        top: 0.5rem;
        display: none;
    }
    .fifthcontent2{
        width: 17.75rem;
        height: 11.1875rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.4375rem;
        text-indent: 2em;
        position: absolute;
        right: 2rem;
        bottom: 19rem;
    }
    .fifthcomputer2{
        width: 16.875rem;
        height: 15rem;
        background: url(../../../img/cds/business/store/computer2.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0rem;
        left: 2.5rem;
    }
    .ht6{
        height: 34.3125rem;
    }
    .sixthpage{
        width: 100%;
        height: 34.3125rem;
        background: #FFFFFF;
    }
    .bottom{
        width: 100%;
        height: 9.4375rem;
        background: url(../../../img/cds/business/zhaoshang/hetong/bottom.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 3.875rem;

    }
    .sixth{
        height: 30.375rem;
        width: 19.875rem;
        position: relative;
        margin: auto;
        top: 2rem;
    }
    .sixthcomputer{
        width: 19.875rem;
        height: 9.8rem;
        background: url(../../../img/cds/business/合同管理.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0rem;
        top: 18.65rem;
    }

    .contract{
        width: 3.75rem;
        height: 1.25rem;
        background: url(../../../img/cds/business/contract/contract.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 1.3125rem;
    }
    .sixthrectangle1{
        width: 17.25rem;
        height: 1.25rem;
        position: absolute;
        left: 1.3125rem;
        top: 2.75rem;
    }

    .sixthcolor{
        width: 0.625rem;
        height: 0.625rem;
        background: url(../../../img/cds/business/contract/circle.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0.45rem;
    }
    .sixthcontent{
        width: 15.8rem;
        height: 1.125rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #202020;
        line-height: 1.5rem;
        position: absolute;
        left: 1.25rem;
    }
    .sixthrectangle2{
        width: 17.25rem;
        height: 1.25rem;
        position: absolute;
        left: 1.3125rem;
        top: 5.25rem;
    }
    .sixthrectangle3{
        width: 17.25rem;
        height: 1.25rem;
        position: absolute;
        left: 1.3125rem;
        top: 9.3rem;
    }
    .sixthrectangle4{
        width: 17.25rem;
        height: 1.25rem;
        position: absolute;
        left: 1.3125rem;
        top: 13.375rem;
    }
    .ht7{
        height: 30.75rem;
    }
    .seventhpage{
        width: 100%;
        height: 30.75rem;
        background: url(../../../img/cds/business/sevenpage.png) no-repeat;
        background-size: 100% 100%;
    }
    .seventh{
        height: 27.5625rem;
        width: 20.8125rem;
        position: relative;
        margin: auto;
        top: 0rem;
    }
    .ipad {
        width: 28rem;
        height: 17rem;
        background: url(../../../img/cds/business/广告位-样机.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: -2rem;
        left: -2rem;
    }
    .rect2{
        width: 0.3125rem;
        height: 1.3125rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        right: 2.7rem;
    }
    .rect3{
        width: 0.3125rem;
        height: 2.125rem;
        background: linear-gradient(311deg, #FF3333 24%, #FFBC39 100%);
        position: absolute;
        right: 2.7rem;
        top: 4.3rem;
    }
    .other{
        width: 6.1875rem;
        height: 2.4375rem;
        background: url(../../../img/cds/business/zhaoshang/ad/ad.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0rem;
        top: 1.5rem;
    }
    .seventhcontent{
        width: 14.5rem;
        height: 4.25rem;
        font-size: 0.875rem;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        text-indent: 2em;
        line-height: 1.5rem;
        position: absolute;
        right: 0rem;
        top: 8rem;
    }
    .ht8{
        height: 21.9375rem;
    }
    .ht9{
        height: 47.8rem;

    }
}