<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;首页-东莞广义科技|软件开发公司|东莞软件定制公司|软件定制:APP开发、区块链开发、直销系统开发、微信开发、商城开发、管理系统开发&lt;/title&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name='Keywords' content='东莞软件公司,广东软件开发,企业管理系统开发,区块链开发,直销系统开发,APP开发' /&gt;
    &lt;meta name='description' content='东莞广义科技是广东一家专业从事软件开发、软件定制、软件实施的高新技术企业；拥有一批长期专业从事软件开发、软件定制的专业人才，具有雄厚的技术开发实力，全方位满足政府与企业信息化需求。' /&gt;

    &lt;!-- &lt;link href="css/element.css" rel="stylesheet" /&gt; --&gt;
    &lt;link rel="stylesheet" type="text/css" href="/statics/css/swiper-4.4.2.min.css" /&gt;
    &lt;script src="/js/jquery-2.1.4.js"&gt;&lt;/script&gt;
    &lt;!-- &lt;script src="js/v2.6.10/element.js"&gt;&lt;/script&gt; --&gt;
    &lt;script src="/statics/js/vue.min.js"&gt;&lt;/script&gt;
    &lt;script src="/statics/js/swiper-4.4.2.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
    &lt;link href="/statics/css/public.css" rel="stylesheet" /&gt;
    &lt;link href="/css/index.css" rel="stylesheet" /&gt;
    &lt;link href="/css/index_hf.css" rel="stylesheet" /&gt;

    &lt;style type="text/css"&gt;
        #nbawareFraudWrap {
            display: none !important;
        }

        #newBridge #nbwlMessageContainer {
            margin-top: 0 !important;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;style&gt;
    /*  数字翻牌效果动画  */
    .flip-clock-wrapper {
        margin: 0;
    }

        .flip-clock-wrapper ul {
            width: 50px;
        }

            .flip-clock-wrapper ul li a div div.inn {
                font-size: 60px;
                color: #ffc106;
                background-color: #2a2b2c;
            }

        .flip-clock-wrapper .flip {
            box-shadow: 0 0 0;
        }

        .flip-clock-wrapper ul li a div.up:after {
            background-color: inherit;
        }

        .flip-clock-wrapper ul li a div {
            font-size: 60px;
        }

    .column-6 {
        height: 550px;
    }

    .column-6 {
        box-sizing: border-box;
    }

        .column-6 .content .six-list .hexagon2 img {
            position: relative;
            z-index: 66;
        }

        .column-6 .content .six-list {
            margin-top: 66px !important;
        }


    /* 新增加的 */

    .column-2 {
        padding: 0px;
    }

    .describe {
        background: #f9f9f9;
    }

        .describe .line-1 {
            width: 100%;
            padding-top: 40px;
            padding-bottom: 21px;
            /* border-bottom: 2px dashed #000; */
        }

            .describe .line-1 .list {
                width: 1188px;
                margin: auto;
                display: flex;
                justify-content: center;
            }

                .describe .line-1 .list .list-item {
                    width: 220px;
                    height: 220px;
                    background: rgba(255, 255, 255, 1);
                    padding-top: 31px;
                    padding-bottom: 30px;
                    margin-left: 20px;
                    box-sizing: border-box;
                }

    .list .list-item &gt; img {
        width: 54px;
        height: 54px;
        margin-bottom: 18px;
    }


    .list .list-item &gt; span {
        display: flex;
        justify-content: center;
        height: 17px;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #0F0C00;
        line-height: 22px;
    }

    .describe .line-2 {
        width: 100%;
        padding-top: 44px;
        padding-bottom: 40px;
    }

        .describe .line-2 &gt; p {
            text-align: center;
            margin-bottom: 19px;
        }

            .describe .line-2 &gt; p &gt; span {
                letter-spacing: 10px;
            }

            .describe .line-2 &gt; p:nth-child(1) &gt; span {
                font-size: 31px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #0F0C00;
                line-height: 44px;
                letter-spacing: 3px;
            }

                .describe .line-2 &gt; p:nth-child(1) &gt; span:last-child {
                    font-size: 31px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #FFB000;
                    line-height: 44px;
                    letter-spacing: 2px;
                    margin-left: 10px;
                }

            .describe .line-2 &gt; p:nth-child(2) {
                color: #929BAA;
                font-size: 18px;
                margin-bottom: 32px;
            }

    .input-box {
        width: 1188px;
        margin: auto;
        /* padding: 0 15%; */
    }

        .input-box &gt; form {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .demand {
        width: 457px;
        height: 56px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(233, 233, 233, 1);
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .demand &gt; input {
            width: 396px;
            height: 100%;
            font-size: 16px;
        }

        .demand &gt; span:last-child {
            color: #999999;
            font-size: 14px;
        }

    .getphone {
        width: 274px;
        height: 56px;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid rgba(233, 233, 233, 1);
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .getphone &gt; input {
            width: 220px;
            height: 100%;
            font-size: 16px;
        }

    .getname {
        width: 252px;
        height: 56px;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid rgba(233, 233, 233, 1);
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .getname &gt; input {
            width: 200px;
            height: 100%;
            font-size: 16px;
        }

            .demand &gt; input::-webkit-input-placeholder, .getphone &gt; input::-webkit-input-placeholder, .getname &gt; input::-webkit-input-placeholder {
                font-size: 16px;
            }

            .demand &gt; input:-moz-placeholder, .getphone &gt; input:-moz-placeholder, .getname &gt; input:-moz-placeholder {
                font-size: 16px;
            }

            .demand &gt; input::-moz-placeholder, .getphone &gt; input::-moz-placeholder, .getname &gt; input::-moz-placeholder {
                font-size: 16px;
            }

            .demand &gt; input:-ms-input-placeholder, .getphone &gt; input:-ms-input-placeholder, .getname &gt; input:-ms-input-placeholder {
                font-size: 16px;
            }

    .anchor {
        color: #DC0103;
        font-size: 14px;
        margin-left: 8px;
        margin-right: 5px;
        margin-top: 5px;
        color: #d03136;
    }

    .assessment {
        width: 160px;
        height: 58px;
        background: #FFB000;
        box-shadow: 1px 1px 0px 0px #FFB000;
        border-radius: 4px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 22px;
    }

    .column-1 .swiper-pagination-bullet {
        width: 15px;
        height: 5px;
        display: inline-block;
        border-radius: 5px;
        background: #000;
        opacity: .2;
    }

    .column-1 .swiper-pagination-bullet-active {
        background-color: #FFC106;
        opacity: 1;
    }

    .column-1 .swiper-button-next, .column-1 .swiper-button-prev {
        display: none;
    }

    .top {
        margin-top: 50px;
    }

    .column-7 {
        padding-top: 60px;
    }

        .column-7 .idea-cont {
            margin-top: 200px;
        }

        .column-7 .content .left-cont {
            justify-content: normal;
        }

        .column-7 .content {
            align-items: normal;
        }

        .column-7 .title-tab .left-span,
        .column-7 .title-tab .right-span,
        .column-7 .title-tab .left-span2,
        .column-7 .title-tab .right-span2 {
            position: relative;
            justify-content: center;
            align-items: center;
            font-size: 21px;
            font-weight: 600;
            padding: 0px 30px;
            height: 54px;
        }

        .column-7 .title-tab .left-span2 {
            color: #636363;
            background-color: #f3f3f3;
            margin-right: -20px;
        }

            .column-7 .title-tab .left-span2:before {
                content: "";
                position: absolute;
                bottom: 0;
                left: -13.5px;
                width: 0;
                height: 0;
                border-bottom: 27px solid transparent;
                border-right: 13.5px solid #f3f3f3;
                border-top: 27px solid transparent;
            }

        .column-7 .title-tab .right-span2 {
            color: #2d2d2d;
            background-color: #ffc106;
            margin-left: -20px;
        }

            .column-7 .title-tab .right-span2:after {
                content: "";
                position: absolute;
                bottom: 0;
                right: -13.5px;
                width: 0;
                height: 0;
                border-bottom: 27px solid transparent;
                border-left: 13.5px solid #ffc106;
                border-top: 27px solid transparent;
            }

        .column-7 .content {
            height: 800px;
        }

            .column-7 .content .left-cont {
                width: 1204px;
                height: 600px;
            }

                .column-7 .content .left-cont .li-text {
                    width: 100%;
                    height: 190px;
                    padding: 20px;
                    box-sizing: border-box;
                    background: rgba(248, 248, 248, 1);
                }

                    .column-7 .content .left-cont .li-text:nth-child(2) {
                        margin-bottom: 15px;
                    }

                    .column-7 .content .left-cont .li-text &gt; img {
                        width: 181px;
                        height: 151px;
                    }

                    .column-7 .content .left-cont .li-text .text {
                        justify-content: flex-start;
                        width: 943px;
                        height: 151px;
                        padding-left: 24px;
                    }

                        .column-7 .content .left-cont .li-text .text .title-h3 {
                            padding-top: 13px;
                            font-size: 20px;
                            font-family: A03-;
                            font-weight: 500;
                            color: rgba(51, 51, 51, 1);
                            line-height: 28px;
                        }

                        .column-7 .content .left-cont .li-text .text .text-p {
                            padding-top: 19px;
                        }

                        .column-7 .content .left-cont .li-text .text .time {
                            position: absolute;
                            margin-top: 120px;
                        }

    .horizontalLine {
        width: 1204px;
        margin-top: 28px;
        border: 2px solid rgba(255, 193, 6, 1);
    }

    .seeNews {
        margin: 39px 0 25px 0;
        width: 1204px;
        font-size: 16px;
        font-family: A03-;
        font-weight: 500;
        color: rgba(255, 141, 6, 1);
        line-height: 24px;
        text-align: center;
        cursor: pointer;
    }

    .btn-cont {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 88px;
    }

        .btn-cont .btn {
            position: relative;
            width: 180px;
            height: 56px;
            background-image: url('https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/button_enter.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .btn-cont .divbtn {
            line-height: 54px;
            cursor: pointer;
        }
    /* .btn-cont .btn:after {
            content: '';
            position: absolute;
            top: 0;
            right: -15px;
            width: 0;
            height: 0;
            border-top: 27px solid transparent;
            border-left: 15px solid #ffc106;
            border-bottom: 27px solid transparent;
        }
        .btn-cont .btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: -15px;
            width: 0;
            height: 0;
            border-top: 27px solid transparent;
            border-right: 15px solid #ffc106;
            border-bottom: 27px solid transparent;
        } */
    .swiper-slide-block {
        display: inline-block;
        margin: 10px 0;
    }

    .slide-li p {
        height: 42px;
    }

    .evaluate {
        width: 600px;
    }

    .evaluate-content {
        display: none;
    }

    .swiper-pagination-bullet {
        background-color: #FFC106 !important;
        opacity: 1 !important;
    }

    .swiper-pagination-bullet-active {
        background-color: #000 !important;
        opacity: .4 !important;
    }

    .column-3 .content .box:nth-child(3):hover .text .footer-icon {
        opacity: 0 !important;
    }

    .header-title .line {
        width: 138px;
        height: 4px;
        background: #d03136;
        margin: 0 auto;
        margin-bottom: 32px;
    }

    .header-title .middle-title {
        margin-bottom: 16px;
        font-size: 30px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #272B31;
        line-height: 42px;
    }

    .header-title p {
        font-size: 20px !important;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #272B31 !important;
        margin-top: 0 !important;
    }

    .business {
        width: 1180px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .business .item {
            position: relative;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 228px;
            height: 444px;
            background: #FAFAFA;
            border-radius: 4px;
            padding: 14px;
            box-sizing: border-box;
            z-index: 2;
            cursor: pointer;
        }

        .business .image {
            width: 200px;
            height: 200px;
            display: none;
        }

        .business .actimage {
            width: 200px;
            height: 200px;
            display: none;
        }

        .business .image__active {
            display: block;
        }

        .business .title {
            font-size: 22px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #272B31;
            line-height: 30px;
            margin-top: 30px;
        }

        .business .desc {
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #272B31;
            line-height: 24px;
            margin-top: 20px;
        }

        .business .item.active {
            background-color: #fff;
            /* box-shadow: 0px 8px 5px 0px #ffe7b4; */
            box-shadow: -1px 5px 16px 2px #ffe7b4;
        }

            .business .item.active .see__more {
                background-color: #FFB000;
            }

                .business .item.active .see__more span {
                    color: #272B31;
                }

                .business .item.active .see__more::after {
                    background-color: #FFB000;
                }

                .business .item.active .see__more::before {
                    background-color: #FFB000;
                }

        .business .see__more {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            width: 60px;
            height: 30px;
            border: 1px solid #FFB000;
            border-left: 0;
            border-right: 0;
            bottom: 26px;
            margin: 0 auto;
            /* background-color: #FFB000; */
        }

            .business .see__more span {
                z-index: 2;
                color: #FFB000;
            }

            .business .see__more::after {
                content: '';
                position: absolute;
                top: 4px;
                right: -11px;
                width: 21px;
                height: 21px;
                /* border-top: 15px solid transparent; */
                border: 1px solid #FFB000;
                transform: rotate(45deg);
                border-left: 0;
                border-bottom: 0;
                /* background-color: #FFB000; */
            }

            .business .see__more::before {
                content: '';
                position: absolute;
                top: 4px;
                left: -11px;
                width: 21px;
                height: 21px;
                /* border-top: 15px solid transparent; */
                border: 1px solid #FFB000;
                transform: rotate(45deg);
                border-top: 0;
                border-right: 0;
                /* background-color: #FFB000; */
            }

    .column-3 {
        height: 653px;
        box-sizing: border-box;
        padding: 60px 0;
        background-image: url("https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_bg.png");
    }

        .column-3 .header-title .middle-title {
            color: #fff;
        }

        .column-3 .header-title p {
            color: #fff !important;
        }

        .column-3 .content .box .img {
            width: 230px;
        }

            .column-3 .content .box .img .img-bg {
                width: 228px;
                height: 210px;
                left: 1px;
            }

        .column-3 .content .box .text {
            width: 228px;
            padding-bottom: 30px;
        }

        .column-3 .content .box .box-hover .cont-text {
            width: 228px;
            height: 310px;
            background: #FFB000;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 0;
        }

        .column-3 .content .box .box-hover {
            width: 228px;
            height: 310px;
            background: #FFB000;
        }

            .column-3 .content .box .box-hover .cont-text h3 {
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #272B31;
                line-height: 25px;
            }

            .column-3 .content .box .box-hover .cont-text p {
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #272B31;
                line-height: 24px;
                text-align: left;
                padding: 0px;
            }

            .column-3 .content .box .box-hover .title-img img {
                width: 90px;
                height: 90px;
            }

            .column-3 .content .box .box-hover .title-img {
                background-color: transparent;
            }

        .column-3 .content .box .text .footer-icon {
            width: 70px;
            height: 70px;
            background-color: transparent;
        }

            .column-3 .content .box .text .footer-icon img {
                width: 70px;
                height: 70px;
            }

        .column-3 .content .box .text h3 {
            font-size: 18px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #272B31;
            line-height: 25px;
        }

        .column-3 .content .box .img .img-icon {
            width: 150px;
            height: 180px;
        }

        .column-3 .content .box:nth-child(2) .img .img-icon {
            margin-left: -66.5px;
        }


    .column-9 .content .button-next,
    .column-9 .content .button-prev {
        position: absolute;
        top: 50%;
        margin-top: -45.5px;
        z-index: 10;
        cursor: pointer;
    }

    .column-9 .content .button-next {
        left: -60px;
    }

    .column-9 .content .button-prev {
        right: -55px;
    }

    .column-9 .swiper-container .slide-li {
        width: 280px;
    }

        .column-9 .swiper-container .slide-li .item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-position: center;
            height: 434px;
            background: url(https://www.heifeng.xin/phpcms/templates/default/content/images/app_page/nissan_bg.png) no-repeat;
            background-size: 280px 374px;
            background-repeat: no-repeat;
        }
        /* .column-9 .swiper-container .swiper-slide:nth-child(2) .slide-li .item{
                 background: url(phpcms/templates/default/content/images/app_page/mingshi_bg.png) no-repeat;
             }
             .column-9 .swiper-container .swiper-slide:nth-child(3) .slide-li .item{
                 background: url(phpcms/templates/default/content/images/app_page/holike_bg.png) no-repeat;
             }
             .column-9 .swiper-container .swiper-slide:nth-child(4) .slide-li .item{
                background: url(phpcms/templates/default/content/images/app_page/logistics_bg.png) no-repeat;
            }
            .column-9 .swiper-container .swiper-slide:nth-child(5) .slide-li .item{
                background: url(phpcms/templates/default/content/images/app_page/jiandanwang_bg.png) no-repeat;
            }

            .column-9 .swiper-container .swiper-slide:nth-child(6) .slide-li .item{
                background: url(phpcms/templates/default/content/images/app_page/ambilight_bg.png) no-repeat;
            } */

        .column-9 .swiper-container .slide-li .logo {
            width: 240px;
            height: 80px;
            margin: 20px 0;
        }

        .column-9 .swiper-container .slide-li .phone {
            position: absolute;
            width: 157.96px;
            height: 314px;
            bottom: 0;
        }

    .column-9 .swiper-container .computer {
        position: absolute;
        width: 317px;
        height: 183px;
        bottom: 45px;
    }

    .column-9 .swiper-container .swiper-slide:nth-child(2n) .phone {
        animation: ghostUpdown 3s linear infinite normal;
        -webkit-animation: ghostUpdown 3s linear infinite normal;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .column-9 .swiper-container .swiper-slide:nth-child(2n-1) .phone {
        animation: ghostdownUp 3s linear infinite normal;
        -webkit-animation: ghostdownUp 3s linear infinite normal;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .column-9 .swiper-container .swiper-slide .computer {
        animation: cghostUpdown 3s linear infinite normal;
        -webkit-animation: cghostUpdown 3s linear infinite normal;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }
    /*  图片漂浮动画  */
    @keyframes cghostUpdown {
        0% {
            bottom: 45px;
        }

        25% {
            bottom: 45px;
        }

        50% {
            bottom: 45px;
        }

        75% {
            bottom: 75px;
        }

        100% {
            bottom: 45px;
        }
    }

    @-webkit-keyframes cghostUpdown {
        0% {
            bottom: 45px;
        }

        25% {
            bottom: 45px;
        }

        50% {
            bottom: 45px;
        }

        75% {
            bottom: 75px;
        }

        100% {
            bottom: 45px;
        }
    }

    @keyframes ghostUpdown {
        0% {
            bottom: 0;
        }

        25% {
            bottom: 25px;
        }

        50% {
            bottom: 0;
        }

        75% {
            bottom: 0;
        }

        100% {
            bottom: 0;
        }
    }

    @-webkit-keyframes ghostUpdown {
        0% {
            bottom: 0;
        }

        25% {
            bottom: 25px;
        }

        50% {
            bottom: 0;
        }

        75% {
            bottom: 0;
        }

        100% {
            bottom: 0;
        }
    }

    @keyframes ghostdownUp {
        0% {
            bottom: 0;
        }

        25% {
            bottom: 0;
        }

        50% {
            bottom: 0;
        }

        75% {
            bottom: 25px;
        }

        100% {
            bottom: 0;
        }
    }

    @-webkit-keyframes ghostdownUp {
        0% {
            bottom: 0;
        }

        25% {
            bottom: 0;
        }

        50% {
            bottom: 0;
        }

        75% {
            bottom: 25px;
        }

        100% {
            bottom: 0;
        }
    }

    .column-9 .swiper-container .swiper-slide {
        width: 280px !important;
    }

    .column-9 .swiper-container .slide-li .mask {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 280px;
        height: 480px;
        background-color: rgba(0, 0, 0, 0.9);
        border-radius: 6px;
        padding: 20px;
        box-sizing: border-box;
    }

        .column-9 .swiper-container .slide-li .mask .title {
            font-size: 18px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #FFFFFF;
            margin-bottom: 20px;
        }

        .column-9 .swiper-container .slide-li .mask .mask-line {
            width: 38px;
            height: 2px;
            background: #FFCE29;
            margin-bottom: 30px;
        }

        .column-9 .swiper-container .slide-li .mask .desc {
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 17px;
            margin-bottom: 30px;
        }

        .column-9 .swiper-container .slide-li .mask .list {
            display: flex;
            flex-direction: column;
        }

            .column-9 .swiper-container .slide-li .mask .list .list-item {
                margin-bottom: 14px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
            }

        .column-9 .swiper-container .slide-li .mask .enter-icon {
            position: absolute;
            right: 20px;
            bottom: 80px;
            width: 40px;
            height: 40px;
        }

    .column-5 .line {
        background: #FFFFFF;
    }

    .column-5 .middle-title {
        font-size: 30px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 42px;
    }

    .column-5 .column-5-p {
        width: 731px !important;
        font-size: 20px !important;
        font-family: PingFangSC-Regular, PingFang SC !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
        line-height: 28px !important;
    }


    .middle-process {
        padding-top: 60px;
        box-sizing: border-box;
        padding-bottom: 30px;
        /*height: 687px;*/
        background: url(https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/2021_2_24/process_bg.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

        .middle-process .mobile-app-title .title {
            font-size: 30px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 42px;
        }

        .middle-process .mobile-app-title p {
            color: #fff;
            margin-top: 16px;
        }

        .middle-process .process-content {
            width: 1400px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 auto;
            padding-top: 25px;
        }

            .middle-process .process-content .item {
                position: relative;
                margin-bottom: 10px;
            }

            .middle-process .process-content .process-img {
                width: 260px;
                height: 160px;
            }

            .middle-process .process-content .item {
                margin-right: 25px;
            }

                .middle-process .process-content .item:nth-child(5) {
                    margin-right: 0;
                }

            .middle-process .process-content .arrow,
            .middle-process .process-content .arrow-back {
                position: absolute;
                width: 61px;
                height: 10px;
                top: 40px;
                left: 246px;
            }

            .middle-process .process-content .arrow-turn {
                position: absolute;
                width: 83px;
                height: 92px;
                left: 238px;
                bottom: 106px;
            }

        .middle-process .top-title .line {
            width: 138px;
            height: 4px;
            background: #d03136;
            margin: 0 auto;
            margin-bottom: 32px;
        }

    .top__tarbar {
        width: 1138px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding-top: 26px;
        padding-bottom: 20px;
    }

        .top__tarbar .item {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .top__tarbar .item:first-child {
                margin-right: 12px;
            }

            .top__tarbar .item .left {
                display: flex;
                align-items: center;
                cursor: pointer;
            }

                .top__tarbar .item .left span {
                    font-size: 20px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #272B31;
                    line-height: 28px;
                }

                .top__tarbar .item .left .icon {
                    width: 36px;
                    height: 36px;
                    margin-right: 10px;
                }

            .top__tarbar .item .right {
                display: flex;
                align-items: center;
                cursor: pointer;
            }

                .top__tarbar .item .right span {
                    font-size: 16px;
                    font-family: PingFang-SC-Medium, PingFang-SC;
                    font-weight: 500;
                    color: #929BAA;
                    line-height: 25px;
                }

                .top__tarbar .item .right img {
                    transform: scale(0.3);
                }

    .post__list {
        display: flex;
        justify-content: center;
        border-radius: 16px;
    }

        .post__list .item {
            position: relative;
            display: flex;
            align-items: center;
            width: 584px;
            height: 212px;
            background: #F8F8F8;
            border-radius: 4px;
            padding: 16px;
            box-sizing: border-box;
            cursor: pointer;
        }

            .post__list .item::after {
                content: " ";
                display: block;
                position: absolute;
                width: 552px;
                height: 2px;
                background: #F1EFEF;
                border-radius: 1px;
                left: 16px;
                bottom: 0;
            }

            .post__list .item:last-child::after {
                background-color: transparent;
            }

            .post__list .item .img {
                width: 180px;
                height: 180px;
                border-radius: 8px;
                margin-right: 22px;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
            }

        .post__list .left__list {
            margin-right: 12px;
            border-radius: 16px;
            overflow: hidden;
        }

        .post__list .right__list {
            border-radius: 16px;
            overflow: hidden;
        }

    .post__content .title {
        width: 342px;
        font-size: 20px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #272B31;
        line-height: 28px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .post__content .date {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #929BAA;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .post__content .post__desc {
        width: 350px;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #929BAA;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: initial;
    }

    .column-6 .idea-cont .content .tijiao-idea {
        z-index: 3;
    }

    #swiper__wrap .swiper-slide:nth-child(4n) {
        margin-right: 0 !important;
    }

    #swiper__wrap .swiper-slide {
        margin-bottom: 50px;
    }

    #column-9 .more__btn {
        width: 1180px;
        height: 60px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FDF6DF;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFB000;
        line-height: 22px;
        cursor: pointer;
    }

    .column-6 .idea-cont {
        margin-top: 0 !important;
    }
&lt;/style&gt;
&lt;style&gt;
    .icon_phone {
        /* padding: 8px 0 8px 21px; */
        background: url('https://www.heifeng.xin/phpcms/templates/default/content/images/icon_phone_new.png') no-repeat;
        background-position: center left;
        background-size: 12px 12px;
    }

    .wechat-contact {
        /* width: 83px;
    height: 34px;
    margin-left: 18px;
    background: url('phpcms/templates/default/content/images/wechat_concat.png') no-repeat;
    background-size: 100%; */
    }

        .wechat-contact:hover + .qrcode:before {
            content: "";
            display: block;
            border-radius: 4px;
            box-shadow: 0px 5px 9px 0px rgba(36,39,50,0.32);
            position: absolute;
            right: 285px;
            margin-top: 44px;
            width: 103px;
            height: 103px;
            background: url('https://www.heifeng.xin/phpcms/templates/default/content/images/weixinqrcode.png');
            background-size: 100%;
        }

    .input-box input::-webkit-input-placeholder {
        color: #808080;
    }

    .input-box input::-moz-placeholder {
        color: #808080;
    }

    .input-box input:-ms-input-placeholder {
        color: #808080;
    }
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
    function open_win(url) {
        window.open(url);
    }
&lt;/script&gt;
&lt;body&gt;
    &lt;div id="app"&gt;
        &lt;!-- &lt;h1&gt;Hello !&lt;/h1&gt;--&gt;
        &lt;!-- 使用 router-link 组件来导航. --&gt;
        &lt;!-- 通过传入 `to` 属性指定链接. --&gt;
        &lt;!-- &lt;router-link&gt; 默认会被渲染成一个 `&lt;a&gt;` 标签 --&gt;
        &lt;!--&lt;router-link to="/hash1"&gt;切换至com1&lt;/router-link&gt;--&gt;
        &lt;!--&lt;router-link to="/hash1"&gt;切换至com2&lt;/router-link&gt;--&gt;
        &lt;!-- 路由出口 --&gt;
        &lt;!-- 路由匹配到的组件将渲染在这里 --&gt;
        &lt;!--&lt;router-view&gt;&lt;/router-view&gt;--&gt;
        &lt;!-- router-link上的其他属性： --&gt;
        &lt;!-- 设置 replace 属性的话，当点击时，会调用 router.replace() 而不是 router.push()，
        导航后不会留下 history 记录。 --&gt;
        &lt;!-- &lt;router-link :to="{ path: '/abc'}" replace&gt;&lt;/router-link&gt; --&gt;
        &lt;!-- 有时候想要 &lt;router-link&gt; 渲染成某种标签，例如 &lt;li&gt;。 于是我们使用
        tag prop 类指定何种标签，同样它还是会监听点击，触发导航。 --&gt;
        &lt;!-- &lt;router-link to="/foo" tag="li"&gt;foo&lt;/router-link&gt; --&gt;
        &lt;!-- active-class 设置 链接激活时使用的 CSS  --&gt;
        &lt;!-- event 声明可以用来触发导航的事件。可以是一个字符串或是一个包含字符串的数组。 --&gt;
    &lt;/div&gt;

    &lt;!--  第一栏  --&gt;
    &lt;section id="column-1" class="column-1" style="margin-top: 80px"&gt;
        &lt;!-- Swiper --&gt;
        &lt;div class="swiper-container"&gt;
            &lt;div class="swiper-wrapper" id="banner"&gt;
                &lt;!--首页轮播图--&gt;
            &lt;/div&gt;
            &lt;!-- Add Pagination --&gt;
            &lt;div class="swiper-pagination"&gt;&lt;/div&gt;
            &lt;!-- Add Arrows --&gt;
            &lt;div class="swiper-button-next"&gt;&lt;/div&gt;
            &lt;div class="swiper-button-prev"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!--  &lt;div class="swiper-pagination swiper-pagination-fraction"&gt;
            &lt;span class="swiper-pagination-current"&gt;&lt;/span&gt;&lt;span class="swiper-pagination-total"&gt;&lt;/span&gt;
        &lt;/div&gt; --&gt;
        &lt;!-- &lt;div class="flex flex-row pagination-cont"&gt;
            &lt;span&gt;1&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;
        &lt;/div&gt; --&gt;
    &lt;/section&gt;
    &lt;!--  第二栏  --&gt;
    &lt;section id="column-2" class="column-2"&gt;

        &lt;!-- 项目咨询 --&gt;
        &lt;div class="describe"&gt;

            &lt;div class="line-1"&gt;
                &lt;div class="list"&gt;
                    &lt;div class="list-item"&gt;
                        &lt;img src="/images/cyskf.png" alt=""&gt;
                        &lt;span&gt;纯原生开发&lt;/span&gt;
                        &lt;span&gt;纯原生开发，拒绝模板化，框架接口灵活应变市场需求！&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class="list-item"&gt;
                        &lt;img src="/images/fytm.png" alt=""&gt;
                        &lt;span&gt;费用透明&lt;/span&gt;
                        &lt;span&gt;开发费、维护费、服务器各种费用透明，不中途乱加费用！&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class="list-item"&gt;
                        &lt;img src="/images/zscq.png" alt=""&gt;
                        &lt;span&gt;知识产权保护&lt;/span&gt;
                        &lt;span&gt;源码完全交付，可办软件著作权申请，30天内保证拿到软著证书！&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class="list-item"&gt;
                        &lt;img src="/images/qnjszc.png" alt=""&gt;
                        &lt;span&gt;全年技术支持&lt;/span&gt;
                        &lt;span&gt;首年免费技术服务，系统故障或被攻击，6小时快速提供解决方案落地！&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class="list-item"&gt;
                        &lt;img src="/images/gtwza.png" alt=""&gt;
                        &lt;span&gt;沟通无障碍&lt;/span&gt;
                        &lt;span&gt;8年项目积累，数百种商业模式开发经验，秒懂您的想法，沟通无障碍！&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="line-2"&gt;
                &lt;p&gt;
                    &lt;span&gt;想要开发一款&lt;/span&gt;
                    &lt;span&gt;高质量的APP？&lt;/span&gt;
                &lt;/p&gt;
                &lt;p&gt;请填写您的开发需求，我们将尽快与您取得联系&lt;/p&gt;

                &lt;div class="input-box"&gt;
                    &lt;!-- --&gt;
                    &lt;form&gt;
                        &lt;div class="demand"&gt;
                            &lt;span class="anchor"&gt;*&lt;/span&gt;
                            &lt;input type="text" maxlength="20" name="app_needs" id="app_needs" placeholder="请用一句话描述您的需求  例如：商城APP"&gt;
                            &lt;span&gt;0/20&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="getphone"&gt;
                            &lt;span class="anchor"&gt;*&lt;/span&gt;
                            &lt;input type="text" placeholder="联系电话" name="app_mobile" id="app_mobile"&gt;
                        &lt;/div&gt;
                        &lt;div class="getname"&gt;
                            &lt;span class="anchor"&gt;*&lt;/span&gt;
                            &lt;input type="text" placeholder="联系人" name="app_name" id="app_name"&gt;
                        &lt;/div&gt;
                        &lt;input class="assessment" id="app_subform" type="button" value="免费项目评估"&gt;
                    &lt;/form&gt;
                &lt;/div&gt;

            &lt;/div&gt;
        &lt;/div&gt;


        &lt;!-- 开发种类 --&gt;
        &lt;div class="flex flex-row content"&gt;
            &lt;div class="business"&gt;
                &lt;div class="item"&gt;
                    &lt;img src="" alt="" class="image"&gt;
                    &lt;div class="title"&gt;APP开发&lt;/div&gt;
                    &lt;div class="desc"&gt;IOS/Android/HarmonyOS开发，满足直播/电商/教育/餐饮等行业领域的业务需求。&lt;/div&gt;
                    &lt;div class="see__more"&gt;
                        &lt;span&gt;查看详情&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

    &lt;/section&gt;
    &lt;!--  第三栏  --&gt;
    &lt;section id="column-3" class="column-3"&gt;
        &lt;div class="flex flex-column header-title"&gt;
            &lt;div class="line"&gt;&lt;/div&gt;
            &lt;div class="middle-title"&gt;解决方案&lt;/div&gt;
            &lt;p class="p"&gt;结合多年开发经验及市场深度调研，需求整合，制定开发方案&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="flex flex-row content"&gt;
            &lt;a class="flex flex-column box" href="/case/"&gt;
                &lt;div class="img"&gt;
                    &lt;img class="img-icon" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_img1.png"&gt;
                    &lt;img class="img-bg" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/dianshang_bg.png"&gt;
                &lt;/div&gt;
                &lt;div class="flex flex-column text"&gt;
                    &lt;h3&gt;电商+直播解决方案&lt;/h3&gt;
                    &lt;div class="flex flex-row footer-icon"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_dianshang_bottom.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="box-hover"&gt;
                    &lt;div class="flex flex-row title-img"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_dianshang_top.png"&gt;
                    &lt;/div&gt;
                    &lt;div class="flex flex-column cont-text"&gt;
                        &lt;h3&gt;电商+直播解决方案&lt;/h3&gt;
                        &lt;p&gt;O2O 、B2C、B2B 、B2B2C多用户商城方案；通过移动直播SDK打造跨平台一对多、多对多的超清酷炫直播场景，安全、灵活、稳定地应对业务高峰。&lt;/p&gt;
                        &lt;!--  &lt;a href="javascript:void(0)"&gt;&lt;button class="btn"&gt;查看详情&lt;/button&gt;&lt;/a&gt; --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;
            &lt;a class="flex flex-column box" href="/case/"&gt;
                &lt;div class="img"&gt;
                    &lt;img class="img-icon" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_img2.png"&gt;
                    &lt;img class="img-bg" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/jiaoyu_bg.png"&gt;
                &lt;/div&gt;
                &lt;div class="flex flex-column text"&gt;
                    &lt;h3&gt;教育培训解决方案&lt;/h3&gt;
                    &lt;div class="flex flex-row footer-icon"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_eduction_bottom.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="box-hover"&gt;
                    &lt;div class="flex flex-row title-img"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_eduction_top.png"&gt;
                    &lt;/div&gt;
                    &lt;div class="flex flex-column cont-text"&gt;
                        &lt;h3&gt;教育培训解决方案&lt;/h3&gt;
                        &lt;p&gt;直播教学、在线讲课、考试题库、教研管理等模块，为在线教育、智慧校园、人才培养、科研创新等各类场景提供一站式互联网软件开发解决方案。&lt;/p&gt;
                        &lt;!-- &lt;button class="btn"&gt;查看详情&lt;/button&gt; --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;
            &lt;a class="flex flex-column box" href="/case/"&gt;
                &lt;div class="img"&gt;
                    &lt;img class="img-icon"
                         src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_img3.png"&gt;
                    &lt;img class="img-bg" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/yiliao_bg.png"&gt;
                &lt;/div&gt;
                &lt;div class="flex flex-column text"&gt;
                    &lt;h3&gt;政务医疗解决方案&lt;/h3&gt;
                    &lt;div class="flex flex-row footer-icon"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_yiliao_bottom.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="box-hover"&gt;
                    &lt;div class="flex flex-row title-img"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_yiliao_top.png"&gt;
                    &lt;/div&gt;
                    &lt;div class="flex flex-column cont-text"&gt;
                        &lt;h3&gt;政务医疗解决方案&lt;/h3&gt;
                        &lt;p&gt;政府门户系统、政务办公系统等，平台一网通办，让政务办公“融慧贯通”；医疗就诊系统、健康档案管理等，构建医疗大健康产业云生态。&lt;/p&gt;
                        &lt;!-- &lt;button class="btn"&gt;查看详情&lt;/button&gt; --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;
            &lt;a class="flex flex-column box" href="/case/"&gt;
                &lt;div class="img"&gt;
                    &lt;img class="img-icon" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_img4.png"&gt;
                    &lt;img class="img-bg" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/food_bg.png"&gt;
                &lt;/div&gt;
                &lt;div class="flex flex-column text"&gt;
                    &lt;h3&gt;餐饮美食解决方案&lt;/h3&gt;
                    &lt;div class="flex flex-row footer-icon"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_food_bottom.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="box-hover"&gt;
                    &lt;div class="flex flex-row title-img"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_food_top.png"&gt;
                    &lt;/div&gt;
                    &lt;div class="flex flex-column cont-text"&gt;
                        &lt;h3&gt;餐饮美食解决方案&lt;/h3&gt;
                        &lt;p&gt;餐饮外送系统（用户端/骑手端/商家端；安卓/IOS）、桌号扫码点餐系统、排队预约就餐系统；智能票据打印机、排队叫号机等智能硬件开发。&lt;/p&gt;
                        &lt;!-- &lt;button class="btn"&gt;查看详情&lt;/button&gt; --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;
            &lt;a class="flex flex-column box" href="/case/"&gt;
                &lt;div class="img"&gt;
                    &lt;img class="img-icon" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/solution_img5.png"&gt;
                    &lt;img class="img-bg" src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/zhineng_bg.png"&gt;
                &lt;/div&gt;
                &lt;div class="flex flex-column text"&gt;
                    &lt;h3&gt;智能硬件解决方案&lt;/h3&gt;
                    &lt;div class="flex flex-row footer-icon"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_yingjian_bottom.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="box-hover"&gt;
                    &lt;div class="flex flex-row title-img"&gt;
                        &lt;img src="https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/ic_yingjian_top.png"&gt;
                    &lt;/div&gt;
                    &lt;div class="flex flex-column cont-text"&gt;
                        &lt;h3&gt;智能硬件解决方案&lt;/h3&gt;
                        &lt;p&gt;共享经济应用、智能家居、智能健康、智能出行、智能服务、智能安防等，通过软件设备对硬件终端进行赋能，满足更多的应用场景。&lt;/p&gt;
                        &lt;!-- &lt;button class="btn"&gt;查看详情&lt;/button&gt; --&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;!--推荐案例 --&gt;
    &lt;section id="column-9" class="column-9"&gt;
        &lt;div class="flex flex-column header-title"&gt;
            &lt;div class="line"&gt;&lt;/div&gt;
            &lt;div class="middle-title"&gt;推荐案例&lt;/div&gt;
            &lt;p class="p"&gt;我们对各行业的用户调查和市场分析，确保能针对不同行业开发出最合适消费者的APP&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="flex flex-row content"&gt;
            &lt;div class="contents"&gt;
                &lt;div class="flex flex-row list-cont" id="p_0"&gt;

                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;



    &lt;!--  第六栏  --&gt;
    &lt;section id="column-6" class="column-6"&gt;
        &lt;div class="flex flex-column header-title"&gt;

            &lt;div class="line"&gt;&lt;/div&gt;
            &lt;div class="middle-title"&gt;合作伙伴&lt;/div&gt;
            &lt;p class="p"&gt;服务客户5000+，覆盖众多主流行业，更多客户正在加入我们的合作&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="partner"&gt;
            &lt;ul&gt;&lt;/ul&gt;
            &lt;ul&gt;&lt;/ul&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;section class="middle-process"&gt;
        &lt;div class="top-title"&gt;
            &lt;div class="line"&gt;&lt;/div&gt;
            &lt;div class="flex flex-column mobile-app-title"&gt;
                &lt;h3 class="title"&gt;广义科技开发流程，严控产品质量&lt;/h3&gt;
                &lt;p style="font-size: 20px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;"&gt;
                    严谨的项目管理流程，确保项目进度和质量
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="process-content"&gt;
            &lt;div style="padding: 0 15px;background-color: #fff;border-radius: 10px;"&gt;
                &lt;img src="/images/liuchengimg.png" alt="" /&gt;
            &lt;/div&gt;

        &lt;/div&gt;
    &lt;/section&gt;
    &lt;section id="Section1" class="column-9" style="padding-bottom: 80px;"&gt;
        &lt;div class="flex flex-column header-title"&gt;
            &lt;div class="line"&gt;&lt;/div&gt;
            &lt;div class="middle-title"&gt;新闻中心&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="top__tarbar"&gt;
            &lt;div class="item"&gt;
                &lt;div class="left"&gt;
                    &lt;img src="/images/gsdt.png" alt="" class="icon"&gt;
                    &lt;span data-nId=""&gt;公司动态&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="right" onclick="window.location.href = '/real/?itemId=5&amp;n_Id=' + $(this).siblings().find('span').attr('nid')"&gt;
                    &lt;span&gt;查看更多&lt;/span&gt;
                    &lt;div class="button-prev"&gt;
                        &lt;img src="/images/right.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="item"&gt;
                &lt;div class="left"&gt;
                    &lt;img src="/images/hyzx.png" alt="" class="icon"&gt;
                    &lt;span data-nId=""&gt;行业资讯&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="right" onclick="window.location.href = '/real/?itemId=5&amp;n_Id=' + $(this).siblings().find('span').attr('nid')"&gt;
                    &lt;span&gt;查看更多&lt;/span&gt;
                    &lt;div class="button-prev"&gt;
                        &lt;img src="/images/right.png"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="post__list"&gt;
            &lt;div class="left__list"&gt;

            &lt;/div&gt;
            &lt;div class="right__list"&gt;

            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;div id="foot"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;script&gt;
    $("#app").load("/control/top.html?v=1")
    $("#foot").load("/control/foot.html")

&lt;/script&gt;
&lt;script title="text/javascript" src="https://www.heifeng.xin/phpcms/templates/default/content/js/common.js"&gt;&lt;/script&gt;
&lt;script src="/statics/js/layer/layer.js"&gt;&lt;/script&gt;
&lt;script&gt;
    $(function () {

        var affurl = "https://affim.baidu.com/unique_54827418/chat?siteId=20528270&amp;userId=54827418&amp;siteToken=4c4712bf33536e2d0d107a9619d38a05";

        $.post("/Ajax/index.ashx", { type: "index_icon", }, function (res) {
            //console.log(res);
            //console.log(15%5);

            var strhtml = "";
            for (var i = 0; i &lt; res[0].length; i++) {
                strhtml += " &lt;div class=\"swiper-slide\" data-swiper-slide-index='" + i + "'&gt;&lt;img class=\"img\" src=\"" + res[0][i]["banner"] + "\"&gt; &lt;/div&gt;";
            }
            $('#banner').html(strhtml)
            //var index_oo=0;
            strhtml = "";
            for (var i = 0; i &lt; res[1].length; i++) {
                strhtml = "&lt;li&gt;&lt;img src='" + res[1][i]["c_Icon"] + "'&gt;&lt;/li&gt;";
                //strhtml =" &lt;div class=\"flex flex-row hexagon\"&gt;&lt;div class=\"flex flex-row hexagon2\"&gt;&lt;img src=\""+res[1][i]["c_Icon"]+"\" width=\"156px\" height=\"130px\"&gt;&lt;/div&gt;&lt;/div&gt;";
                if ((i % 5 == 0 || i % 6 == 0) &amp;&amp; i != 0) {
                    //index_oo++;
                    $('.partner&gt;ul:eq(0)').append(strhtml);
                    //index_oo++;
                    //strhtml="";
                } else {
                    $('.partner&gt;ul:eq(0)').append(strhtml);
                    //strhtml="";
                }
            }
        }, "JSON")



        let businessList = [
            {
                active: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/gong_active.png",
                deactive: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/gong_deactive.png",
                title: "软件定制开发",
                desc: "一站式软件定制服务,以用户场景为切入点,以产品体验为核心。",
                url: affurl
            },
        {
            active: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/app_active.png",
            deactive: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/app_deactive.png",
            title: "移动APP开发",
            desc: "打造有品质的app开发产品，让您的项目从构念到产品快速启动、轻松落地！",
            url: affurl
        },
        {
            active: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/mini_active.png",
            deactive: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/mini_deactive.png",
            title: "微信小程序开发",
            desc: "盖多个行业，共享微信10亿用户、连接线下服务场景、使用方便体验良好。",
            url: affurl
        },

        {
            active: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/web_active.png",
            deactive: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/web_deactive.png",
            title: "智能硬件开发",
            desc: "提供软硬件一体化解决方案,专业的技术团队,为您的产品保驾护航。",
            url: affurl
        },
        {
            active: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/system_active.png",
            deactive: "https://heifeng.oss-cn-shenzhen.aliyuncs.com/heifeng_gw/20210901/system_deactive.png",
            title: "电商系统",
            desc: "致力于各类企业用户的电子商务平台开发，为传统电商提供典型的云平台解决方案。",
            url: affurl
        },
        ]
        let businessHtml = ""
        businessList.forEach((v) =&gt; {
            businessHtml += `&lt;div class="item" onclick="window.open('${v.url}')"&gt;
                &lt;img src="${v.deactive}" alt="" class="image image__active"&gt;
                &lt;img src="${v.active}" alt="" class="actimage"&gt;
                &lt;div class="title"&gt;${v.title}&lt;/div&gt;
                &lt;div class="desc"&gt;${v.desc}&lt;/div&gt;
                &lt;div class="see__more"&gt;
                  &lt;span&gt;立即咨询&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;`
        })
        $(".business").html(businessHtml)
        $(".business .item").mouseenter(function (e) {
            $(this).addClass("active")
            $(this).find(".image").removeClass("image__active")
            $(this).find(".actimage").addClass("image__active")
        })
        $(".business .item").mouseleave(function (e) {
            $(this).find(".image").addClass("image__active")
            $(this).find(".actimage").removeClass("image__active")
            $(this).removeClass("active")
        })

        $("#subform").click(function () {
            var name = $("#name").val();
            var mobile = $("#mobile").val();
            var weixin = $("#weixin").val();
            var qq = $("#qq").val();
            var needs = $("#needs").val();
            if (mobile || weixin || qq) {
                $.ajax({
                    data: { "name": name, "mobile": mobile, "qq": qq, "weixin": weixin, "needs": needs },
                    url: "https://wap.heifeng.xin/index.php/home/index/addMsg",
                    type: "post",
                    dataType: "json",
                    success: function (mes) {
                        if (mes.status_code == 200) {
                            layer.msg('稍后会有销售经理联系您', { icon: 6 });
                        }
                    }
                })
            } else {
                layer.msg('您好，联系方式最少需要填写一项，便于我们联系你', { time: 1000 });
            }
        })

        $("#app_subform").click(function () {
            var name = $("#app_name").val();
            var mobile = $("#app_mobile").val();
            var needs = $("#app_needs").val();
            if (mobile || name || needs) {
                $.ajax({
                    data: { "name": name, "mobile": mobile, "needs": needs, type: "Add_sms" },
                    url: "/Ajax/index.ashx",
                    // url: "/app_sms.php",
                    type: "post",
                    dataType: "json",
                    success: function (mes) {
                        //console.log(mes)
                        if (mes.state == "200") {
                            layer.msg('稍后会有销售经理联系您', { icon: 6 });
                            $('.layui-layer-content').css("color", "#3a3a3a")

                        }
                    }
                })
            } else {
                //.layui-layer-content {
                //    color:white;
                //}
                layer.msg('您好，联系方式最少需要填写一项，便于我们联系你', { time: 1000 });
                $('.layui-layer-content').css("color", "white")

            }
        })


        var swiper2 = new Swiper('.column-7 .content .right-cont .swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            loop: true,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.column-7 .content .right-cont .swiper-container .swiper-pagination',
                clickable: true,
            },
        });
        var swiper3 = new Swiper('.column-5 .swiper-container', {
            spaceBetween: 0,
            centeredSlides: true,
            loop: true,
            speed: 1000,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.column-5 .swiper-container .swiper-pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '&lt;span class="' + className + '"&gt;' + (index + 1) + '&lt;/span&gt;';
                },
            },
            on: {
                slideChangeTransitionEnd: function () {
                    let index = this.activeIndex
                    for (let i = 1; i &lt;= 5; i++) {
                        $('#evaluate' + i).css('display', 'none')
                    }
                    $('#evaluate' + index).css('display', 'block')
                    if (index &gt; 5) {
                        $('#evaluate1').css('display', 'block')
                    }
                },
            },

        });

        $(".left-span,.left-span2").click(function () {
            $(".left-cont1").show();
            $(".right-cont1").hide();
            $(".left-span").show();
            $(".left-span2").hide();
            $(".right-span").show();
            $(".right-span2").hide();
        })
        $(".right-span,.right-span2").click(function () {
            $(".left-cont1").hide();
            $(".right-cont1").show();
            $(".left-span").hide();
            $(".left-span2").show();
            $(".right-span").hide();
            $(".right-span2").show();
        })




        $.post('/Ajax/index.ashx', { type: 'getRealType' }, function (res) {
            for (var i = 0; i &lt; res.length; i++) {
                var dt_news = "";
                var index = i;
                console.log("下标" + index)
                $(".top__tarbar&gt;.item:eq(" + i + ")").find(".left span").text(res[i].n_Name).attr("nId", res[i].Id);
                if (i == 0) {
                    $.post('/Ajax/index.ashx', { type: 'getReal', nId: res[i].Id }, function (res2) {
                        console.log(index);
                        for (var j = 0; j &lt; res2.length; j++) {
                            dt_news += `&lt;div class="item" onclick="window.location.href='/realInfo/?nId=${res2[j].Id}'"&gt;
                        &lt;div class ="img" style="background-image: url(${res2[j].n_headImg});"&gt;&lt;/div&gt;
                        &lt;div class="post__content"&gt;
                        &lt;div class ="title"&gt;${res2[j].n_title}&lt;/div&gt;
                        &lt;div class ="date"&gt;${res2[j].addTime}&lt;/div&gt;
                        &lt;div class ="post__desc"&gt;${res2[j].n_desc}&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;`;
                        }
                        $(".left__list").append(dt_news);
                        dt_news = "";
                    }, 'json')
                } else {
                    $.post('/Ajax/index.ashx', { type: 'getReal', nId: res[i].Id }, function (res2) {
                        console.log(index);
                        for (var j = 0; j &lt; res2.length; j++) {
                            dt_news += `&lt;div class="item" onclick="window.location.href='/realInfo/?nId=${res2[j].Id}'"&gt;
                        &lt;div class ="img" style="background-image: url(${res2[j].n_headImg});"&gt;&lt;/div&gt;
                        &lt;div class="post__content"&gt;
                        &lt;div class ="title"&gt;${res2[j].n_title}&lt;/div&gt;
                        &lt;div class ="date"&gt;${res2[j].addTime}&lt;/div&gt;
                        &lt;div class ="post__desc"&gt;${res2[j].n_desc}&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;`;
                        }
                        $(".right__list").append(dt_news);
                        dt_news = "";
                    }, 'json')
                }

            }

        }, 'json')




        var case_html = "";
        $.post('/Ajax/index.ashx', { type: 'getCase' }, function (res) {
            console.log(res)
            for (var i = 0; i &lt; res.length; i++) {
                case_html += `&lt;div class="flex flex-column li" onclick="window.location.href='/caseInfo/?cId=${res[i].Id}&amp;itemId=4'"&gt;
                    &lt;img src="${res[i].c_headImg}"&gt;
                    &lt;div class="flex flex-row title"&gt;
                        &lt;span&gt;${res[i].c_title}&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;p class ="p text-ellipsis"&gt;${res[i].c_desc}&lt;/p&gt;
                &lt;/div&gt;`;
            }
            $("#p_0").append(case_html);
        }, 'json')

    })

&lt;/script&gt;
&lt;/html&gt;
</pre></body></html>