HEX
Server: nginx/1.22.1
System: Linux VM-16-9-centos 3.10.0-1160.99.1.el7.x86_64 #1 SMP Wed Sep 13 14:19:20 UTC 2023 x86_64
User: www (1001)
PHP: 7.3.31
Disabled: passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv
Upload Files
File: /www/wwwroot/www.sanjiangapp.com/runtime/cache/0dfccb71afd9e6024b41878faf7c28ce.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>微信商城小程序开发_小程序商城平台开发_小程序商城制作公司-三匠互联</title>
    <meta name="keywords" content="商城小程序开发,小程序商城平台,小程序商城制作,小程序开发公司">
    <meta name="description" content="三匠互联小程序商城开发专注于小程序开发、小程序定制的微信小程序开发制作公司,覆盖市场主流行业,针对不同使用场景打造一体化解决方案。三匠互联小程序商城帮助企业开发专属小程序商城,快速在微信开店卖货。系统包含分销模式/拼团砍价/裂变引流,覆盖全行业电商、微商、传统行业等全渠道商城需求场景。"> 
    <link rel="shortcut icon" href="/template/sanjiang/favicon.ico" type="image/x-icon"> 
    <link rel="stylesheet" href="/template/sanjiang/static/css/layui.css">
    <link rel="stylesheet" href="/template/sanjiang/static/css/head.css">
    <link rel="stylesheet" type="text/css" href="/template/sanjiang/static/css/index.css" />
    <link rel="stylesheet" href="/template/sanjiang/static/css/home.css">
    <style>
        .ym_nav_nav_right .ym_nav_nav_right_button2{
            color: #10cbfe !important;
        }
        .banner{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .cy_about_bg_content{
            padding-top: 0;
        }
        .banner-word-btn {
            margin-top: 42px;
            display: inline-block;
            border-radius: 5px;
            color: #247ff4;
            font-size: 14px;
            cursor: pointer;
        }
        .help-right-item-sub,.help-right-item-title {
            color: #8e98a9;
        }
        .no {
            color: #0b1733;
        }
        .sy_button_style{
            color: white;
            font-size: 14px;
            padding: 0 24px;
            line-height: 40px;
            background: #ff6a18;
            border-radius: 0.5em;
            display: inline-block;
            margin: 12px 0;
            cursor: pointer;
            font-weight: 500;
        }
        .head{
            /*padding-top: 75px;*/
            height: auto;
        }
        .banner-pic{
            width: 450px;
            margin-bottom: 34px;
        }
        .banner-pic img{
            width: 100%;
        }
        .main{
            background:#FBFBFE;
        }
        .editionCenter{
			width:1125px;
			margin:0 auto;
            padding-top: 48px;
            box-sizing: border-box;
		}
        .dis_flex{
			display:flex;
			justify-content: flex-start;
		}
        .overview{
            height:663px;
            overflow: hidden;
            position: relative;
        }
        .swiper_title{
            height:185px;
            position:relative;
        }
        .swiper_title h2{
            font-size:35px;
            line-height:75px;
            width:100%;
            text-align: center;
            z-index:1;
            position:absolute;
            top:57px;
            color: #242841;
            font-weight: 700;
        }
        .swiper_title h3{
            font-size: 37px;
            line-height:37px;
            color:#C4C6D4;
            opacity: 0.5;
            position:absolute;
            width:100%;
            text-align: center;
            top:60px;
            opacity: .2;
        }
        .swiper_title .bar{
            width:70px;
            height:6px;
            background:#FF6918;
            border-radius: 3px 3px 0 0;
            position:absolute;
            right:527px;
            top:132px;
        }
        .swiper{
            height:478px;
            /* width:100%; */
            position:relative;
        }
        .swiper_item{
            width:100%;
            height:100%;
            align-items: center;
            justify-content: space-around;
        }
        .swiper_item .left{
            width:400px;
            box-sizing: border-box;
            padding-left: 20px;
        }
        .swiper_item h4{
            color: #242841;
            font-weight: 700;
            font-size: 24px;
            line-height:36px;
        }
        .swiper_item p {
            color:#677086;
            font-size: 18px;
            line-height:44px;
        }
        .learn{
            width: 120px;
            height: 40px;
            opacity: 1;
            background: #ff6918;
            border-radius: 4px;
            box-shadow: -2px 0px 5px 0px rgba(255,105,23,0.46);
            color:#fff;
            line-height: 40px;
            text-align: center;
            border:none;
            margin-top:32px;
            cursor: pointer;
        }
        .pointer,.contrl{
            position: absolute;
            height:20px;
            width:100%;
            bottom:30px;
            justify-content:center;
        }
        .contrl div{
            width:44px;
            height:44px;
            position:absolute;
            top:-300px;
            cursor: pointer;
        }
        .pointer_item{
            width:18px;
            height:18px;
            border: none;
            border-radius: 50%;
            box-sizing: border-box;
            padding:4px;
            margin-left:10px;
        }
        .pointer_item div{
            background:#FF6919;
            width:10px;
            height:10px;
            border-radius: 50%;
            opacity: 0.39;
        }
        .active.pointer_item{
            border:1px solid #FF6919;
            padding:3px;
        }
        .active.pointer_item div{
            opacity: 1;
        }

        .applyPic{
            margin-top:50px;
            display: flex;
            justify-content: space-between;
        }
        .applyPic .graphic{
            width:200px;
            height:300px;
            box-sizing: border-box;
        }
        .graphic .img{
            display:block;
            width:159;
            height:159px;
            border-radius: 50%;
            margin:20px 20px 0;
        }
        .graphic p{
            font-size:16px;
            line-height:20px;
            color:#677086;
            text-align: center;
            margin-top:9px;
        }
        .graphic .title{
            font-size: 20px;
            color:#242841;
            margin-top:44px;
        }
        .operate{
            justify-content: space-between;
        }
        .operate .move{
            width:310px;
            height:447px;
            background:#F2F3FF;
            border-radius: 20px;
        }
        .operate .title{
            width:100%;
            height:74px;
            line-height: 74px;
            text-align: center;
            color: #fff;
            background: #6974F5;
            font-size: 18px;
            font-weight: 700;
            border-radius: 20px 20px 0 0;
        }
        .operate .move_item{
            padding:35px 45px;
            box-sizing: border-box;
            position: relative;
        }
        .operate .move_item div{
            width:221px;
            height:56px;
            margin:30px 0;
            font-size: 16px;
            color:#fff;
            line-height: 56px;
            text-align: center;
            background:#5D9FFE;
            border-radius: 10px;
            position: relative;
            z-index:99;
        }
        .operate .move_item .img{
            position:absolute;
            z-index:90;
            width:201px;
            height:254px;
            bottom:-99px;
            left:-66px;
            background:none;
        }
        .operate .pc{
            width:765px;
            height:447px;
            background:#FFF2EB;
            border-radius: 20px;
        }
        .operate .pc .title{
            background:#FF813D;
        }
        .operate .pc_item{
            padding: 28px 20px 0;
        }
        .pc_item .list{
            margin-bottom: 20px;
            justify-content:space-between;
        }
        .operate .pc_item .list div{
            box-sizing: border-box;
            /* padding:10px 0; */
            height:37px;
            line-height: 37px;
            text-align: center;
            color:#666;
            background:#fff;
            border-radius: 19px;
            font-size: 14px;
            margin-right:10px;
            width:192px;
        }
        .operate .pc_item .list div:last-child{
            margin-right: 0;
        }
        .operate .pc_item .list:last-child div{
            width:135px;
        }
        .operate .pc_item .list .dt{
            border-radius: 3px;
            background:#A5CC48;
            width:105px!important;
        }
        .operate .pc_item .list:nth-child(even) .dt{
            background:#FFBB33;
        }
        .characteristic{
            text-align: center;
            position:relative;
        }
        .characteristic_bg{
            width:450px;
            height:290px;
            display: inline-block;
        }
        .characteristic_item{
            position:absolute;
            width:320px;
            height:97px;
            border-radius: 10px;
            box-sizing: border-box;
            padding:17px 24px;
            background: #89C997;
            color:#fff;
        }
        .characteristic_item p{
            font-size: 14px;
            font-family: Source Han Sans CN, Source Han Sans CN-Regular;
            font-weight: 400;
            text-align: left;
            color: #ffffff;
            line-height: 18px;
        }
        .characteristic_item p:first-child{
            font-size:18px;
            font-weight: 700;
            margin-bottom: 14px;
        }
        .bottom{
            width:100%;
            height:214px;
            background:url('/template/sanjiang/static/images/foot.png') no-repeat;
            background-size: 100% 100%;
        }
        .bottom>div{
            justify-content:space-between;
        }
        .bottom>div .left h3{
            font-size: 30px;
            color:#fff;
            line-height: 90px;
            margin-top:24px;
        }
        .bottom>div .left p{
            line-height:30px;
            font-size: 15px;
            color:#fff;
        }
        .bottom>div .left p img{
            margin-right:12px;
        }
        .bottom>div .right div{
            width:140px;
            height:48px;
            border:1px solid rgba(255,255,255,0.60);
            color:#fff;
            font-size: 15px;
            line-height: 48px;
            display: inline-block;
            margin-left:12px;
            margin-top:73px;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
        }
        .bottom>div .right div:first-child{
            width:110px;
            border:none;
            color:#6974F5;
            background:#fff;
        }

        .editionCenter{
            width:1125px;
            margin:0 auto;
        }
        .cy_about_bg_content{
            padding-top: 0;
        }
        .head{
            /*padding-top: 75px;*/
            height: auto;
        }
        .banner-pic{
            width: 450px;
            margin-bottom: 34px;
        }
        .banner-pic img{
            width: 100%;
        }
        .advantage ul{
            width: 100%;
        }
        .advantage ul li {
            width: 24%;
            display: inline-block;
            text-align: center;
            margin-bottom: 50px;
        }
        .advantage ul li img{
            width: 100px;
            height: 70px;
            margin-bottom: 20px;
        }
        .advantage ul li p{
            color: #434A5F;
            font-size: 16px;
        }
        .characteristic{
            display: flex;
            align-items: center;
            justify-content: space-around;
            background: url("/template/sanjiang/static/images/applets12.png") no-repeat;
            background-position: -55px 50%;
            background-size: 58%;
        }
        .characteristic ul li{
            width: 570px;
            height: 126px;
            border-radius: 6px;
            border: 1px solid #D6D6D6;
            padding: 40px 25px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        .characteristic ul li:hover{
            border-color: #7EB5FE!important;
            box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.10); ;
        }
        .characteristic ul li img{
            margin-right: 20px;
        }
        .characteristic ul li div{
            text-align: left;
            width: 85%;
        }
        .characteristic ul li div h4{
            font-size: 16px;
            color: #434A60;
            margin-bottom: 16px;
        }
        .characteristic ul li div p{
            font-size: 14px;
            color: #9599A8;
        }
        .step ul{
            width: 100%;
            margin-bottom: 50px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .step ul li{
            display: inline-flex;
            width: 24%;
            align-items: center;
            justify-content: space-evenly;
        }
        .more{
            width: 12px;
            height: 22px;
            margin-left: 34px;
        }
        .step ul li div h3{
            font-size: 18px;
            margin-bottom: 6px;
            font-weight: bold;
            color: #999999;
        }
        .step ul li div p{
            font-size: 14px;
            color: #999999;
        }
        .stepContent .indexClass{
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }
        .two div{
            display: flex;
        }
        .two div img{
            width: 190px;
            margin-right: 20px;
        }
        .two div p{
            text-align: center;
        }
        .two div p span{
            color: #242841;
            font-size: 16px;
        }
        .two div span{
            color: #2E6EEB;
            font-size: 20px;
            margin-right: 10px;
        }
        .four{
            justify-content: center !important;
        }
        .four img{
            margin-right: 100px;
        }
        .black h3{
            color: #434A5F !important;
        }
        .black p{
            color: #434A5F !important;
        }
        .stepContent .indexClass h4 {
            font-weight: bold;
            font-size: 16px;
            color: #242841;
        }
        .stepContent .indexClass button{
            margin-top: 20px;
        }
        .footer{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .footerContent{
            width: 26%;
            margin-left: 200px;
        }
        .footerContent h3{
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 38px;
            color: #ffffff;
        }
        .footerContent p{
            font-size: 18px;
            margin-bottom: 60px;
            color: #ffffff;
        }
        .footerContent div{
            width: 150px;
            text-align: center;
        }
        .footerContent div img{
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
            border-radius: 6px;
        }
        .footerContent div p{
            font-size: 14px;
            color: #ffffff;
        }
        .ym_nav_nav_right .ym_nav_nav_right_button2{
            color: #057be9 !important;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="head cy_about_bg" style="background: url('/template/sanjiang/static/images/banner.png') no-repeat !important; background-size: cover !important; background-color: #047eea">

        <script>

    function showClick() {
        layer.open({
            type: 1,
            content: $('.adminDemo').html(),
            title: ['演示下载','text-align:center'],
            area: ['700px', '590px'],
            closeBtn:1
        });
    }
    function closePop() {
        layer.closeAll()
    }
</script>
<style>

    .delDefaultAStyleAll{
        cursor: pointer;
        color: #fff;
        font-size: 17px;
        text-decoration: none;
        width: auto !important;
        height: auto !important;
        background: none !important;
        opacity: 1 !important;
        margin-top: 0 !important;
    }
    .admin_box{
        width: 100%;
        height: 100%;
        background: #fff;
        position: relative;
        border-radius: 2px;
    }
    .admin_box::before{
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        right: 40px;
        top: -5px;
        transform:rotate(45deg);
    }
    .closePop{
        width: 21px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }
    .ddtable{
        display: flex;
        padding: 18px 34px;
        height: 406px;
        box-sizing: border-box;
        overflow-y: auto;
    }
    .ddtable dl{
        color: #000 !important;
        margin-right: 50px;
    }
    .ddtable dl:last-child{
        margin-right: 0;
    }
    .ddtable dl.ysht dd{
        font-size: 14px;
        color: #242841;
    }
    .ddtable dl.ysdd dd a{
        color: #0983ff;
        font-size: 13px;
    }
    .ddtable dl.zhmm dd a{
        color: #0983ff;
        text-decoration: none;
    }
    .ddtable  dl dd{
        color: #000;
        margin-bottom: 26px;
        line-height:22px;
    }
    .ddtable  dl dd:last-child{
        margin-bottom: 0px;
    }
    .ddtable dl dt{
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        color: #242841;
        padding-bottom: 15px;
        border-bottom:2px dotted #969798;
        margin-bottom: 20px;
    }
    .admin_box .ewms{
        width: 100%;
        height: 120px;
        border-radius: 6px;
        color: #181f29;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        padding: 10px 34px 9px;
        box-sizing: border-box;
    }
    .admin_box .ewms>div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .admin_box .ewms img{
        width: 86px;
        height: 86px;
        margin-bottom: 16px;
    }
    /*演示后台*/
    /*.demoAD:hover .adminDemo{*/
    /*display: block;*/
    /*}*/
    .adminDemo{
        display: none;
        position: absolute;
        top:30px;
        bottom: 0;
        right: 0;
        /*width: 700px;*/
        /*height: 620px;*/
        padding: 35px 0;
        z-index: 99;

    }
</style>
<style>
    .layui-layer{
        border-radius: 6px;
    }
    .top_cooperation{
        width: 100%;
        padding: 12px 0;
        position: fixed;
        top: 0;
        z-index: 2000;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-delay: 0s;
        background-size: 100% 112px;
        background-image: url("/template/sanjiang/static/images/bg2.png");
        cursor: pointer;
        display: none;
    }

    .transparent{
        width: 100%;
        position: fixed;
        top: 507px;
        display: none;
        z-index: 2000;
    }

    .unimportance{
        width: 100%;
        /*height: 100%;*/
        display: flex;
        align-items: center;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }
    .top_cooperation .details{
        border: 0 !important;
        font-size: 16px !important;
        margin: 0 0 0 40px !important;
        background: linear-gradient(#fcbf42,#f99132) !important;
        box-shadow: 0 0px 10px 0px rgba(0,0,0,.08) !important;
    }
    .top_cooperation .details a{
        text-decoration: none;
        color: #ffffff !important;
    }
    .top_cooperationone{
        width: 1100px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top_cooperationtwo{
        width: 890px;
        margin: 0 auto;
        display: none;
        justify-content: center;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }
    .retract{
        width: 72px;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin: 30px auto 10px;
    }
    .retract p{
        color: white;
        font-size: 16px;
        display: inline-block;
    }
    .retract img{
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }
    .top_cooperationoneR{
        float: right;
    }
    .top_cooperationoneL{
        float: left;
    }
    .top_cooperationoneR ul{
        width: 90%;
    }
    .top_cooperationoneR ul li{
        color: #ffffff;
        font-size: 20px;
        margin-bottom: 30px;
        padding: 0;
    }
    .top_cooperationoneR span{
        display: inline-block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #ffffff;
        color: #ff262b;
        text-align: center;
        line-height: 26px;
        font-weight: bold;
        margin: 0 10px;
    }
    .top_cooperationstyle{
        background-size: 100% 100%;
        display: block !important;
        padding-top: 50px !important;
        box-sizing: border-box;
    }
    .top_cooperationstyletwo{
        background-image: url("/template/sanjiang/static/images/bg1.png") !important;
    }
    .top_cooperationstyle .top_cooperationone{
        margin-bottom: 50px;
    }
    .qw_btn{
        width: 120px !important;
        height: 40px !important;
        border-radius: 4px !important;
        background: #FF6918 !important;
        text-align: center !important;
        line-height: 40px !important;
        color: white !important;
        font-size: 14px !important;
        box-shadow: 0px 2px 6px 0px rgba(255, 105, 24, 0.46) !important;
        margin: 0 auto !important;
        border: 1px solid #FF6918 !important;
        cursor: pointer;
    }
    .navtop{
        position: fixed !important;
        background: #ffffff;
        z-index: 1000 !important;
        transition: 0.2s;
        box-shadow: 0px 10px 10px rgba(0,0,0,.02);
        top: 0px;
    }
    .navtop .ym_nav_nav_left li{
        color: #333333 !important;
    }
    .navtop .ym_nav_nav_left li>a{
        background: #fd493e;
        color: #333333 !important;
    }
    .navtop .ym_nav_nav_right li{
        color: #333333;
    }
    .navtop .ym_nav_nav_right .ym_nav_nav_right_button{
        border: 1px solid #fd493e;
        color: #fd493e !important;
    }
    .navtop .ym_nav_nav_right .ym_nav_nav_right_button2{
        background: #fd493e;
        color: #ffffff !important;
    }
    .navtop .lefboder::before{
        background-color: black;
    }
    .closeadvertisement{
        width: 22px;
        height: 22px;
        position: fixed;
        right: 20px;
        top: 10px;
        z-index: 2000;
        cursor: pointer;
        display: none;
    }
    .closeadvertisement img{
        width: 100%;
    }



    .ycm_product_list{
        padding-left: 40px;
        padding-right: 40px;
    }

    .ycm_product_list .items{
        /* width: 900px; */
        height: auto;
    }

    .ycm_product_list .items .link{
        font-weight: 600;
        font-size: 14px;
        color: #242841;
    }

    .ycm_product_list .items .text{
        margin-top: 6px;
        font-size: 12px;
        color: #9a9a9a;
        overflow:hidden;
        white-space:nowrap;
    }

    .ycm_product_list .items dt{
        font-size: 16px;
        font-weight: 600;
        color: #242841;
    }

    .ycm_product_list .items dl{
        margin-right: 50px;
    }

    .ycm_product_list .items dl:last-child{
        margin-right: 0;
    }

    .ycm_product_list .items dl dd{
        margin-top: 20px;
        line-height: 20px;
    }

    .ycm_product_list .items dl dd div{
        width: calc(100% - 48px);
    }

    .ycm_product_list .items .me dd{
        display: flex;
        align-items: center;
    }

    .ycm_product_list .items .me img{
        margin-right: 8px;
        width: 40px;
        height: 40px;
    }

    .ycm_product_list .items .other{}

    .solution_card dl dd a.vice_link{
        display: block;
    }


    /*产品方案*/
    .solution_card_V{
        position:fixed;
        top: 69px;
        left: 0;
        right: 0;
        color: #000;
        z-index: 9;
        height: 0;
        overflow: hidden;
        /*display: none;*/
        transition:height .25s;
        box-shadow: 0px 8px 10px rgba(0,0,0,.1);
    }
    .product:hover .solution_card_V{
        height: 505px;
        border-top: 1px solid rgba(0,0,0,.06);
        padding-bottom: 30px;
    }
    .product:hover .solution_card_box{
        padding-bottom: 30px;
    }
    .solution_card_box{
        width: 100%;
        background: #fff;
        margin: 0 auto;
        padding: 30px 0 0;
    }
    .solution_card_box dl{

    }
    .solution_card_box dt{
        font-size: 16px;
        font-weight: 700;
        color: #242841;
        display: flex;
        align-items: center;

    }
    .solution_card_box dt::before{
        display: block;
        content: '';
        width: 3px;
        height: 16px;
        background: #fc473c;
        border-radius: 2px 0px 0px 2px;
        margin-right: 10px;
    }
    .solution_card_box  dd{
        width: calc(20% - 35px);
    }
    .solution_card_box dd{
        display: inline-flex;
        align-items: center;
        margin-right: 30px;
        margin-top: 22px;
        margin-bottom: 35px;

    }
    .solution_card_box dd:last-child{
        margin-right: 0;
    }
    .solution_card_box dd:hover a{
        color: #ff501a;
    }
    .solution_card_box dd img{
        width: 40px;
        height: 40px;
        margin-right: 9px;
    }
    .solution_card_box dd>div{
        display: flex;
        flex-direction: column;
    }
    .solution_card_box dd>div a{
        text-decoration: none;
    }
    .solution_card_box dd>div a:first-child{
        font-size: 14px;
        color: #242841;

    }
    .solution_card_box dd>div a:last-child{
        margin-top: 6px;
        font-size: 12px;
        color: #9a9a9a;
        overflow: hidden;
        white-space: nowrap;
    }
    .layui-layer-title{
        padding: 0;
    }
    .ym_nav_nav_right .ym_nav_nav_right_button2{
    color: #2919b1 !important;
}
</style>
<div id="ym_header_nav_list">
    <div class="ym_nav_center">
        <div class="ym_header_left_logo" onclick="location.href='/'"><img  style="width: 100%;height: 100%; cursor: pointer" src="/template/sanjiang/static/picture/logo-white.svg" alt="">
        </div>
        <div class="ym_header_right_nav">
            <div class="ym_nav_nav_left">
                <ul>
                    <li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/">首页</a><a href="" 
                                                                ></a></li>

                    <li class="nav_left_button product"  style="position: relative"  >
                        <a class="delDefaultAStyleAll">产品</a> <a href="" ></a>
                        <div class="solution_card_V">
                            <div class="solution_card_box">
                                <div style="width: 1140px;margin: 0 auto">
                                    <dl class="me" style="width:auto; max-width:none;">
                                        <dt>三匠互联商城系统</dt>
                                        <dd>
                                            <img src="/template/sanjiang/static/picture/nav_weixin.png"/>
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/wxshop" target="_blank">微信商城系统</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/wxshop" target="_blank">基于微信生态快速搭建商城</a>
                                            </div>
                                        </dd>
                                        <dd >
                                            <img src="/template/sanjiang/static/picture/nav_fenxiao.png"/>
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/fenxiao" target="_blank">分销商城系统</a><a  class="text vice_link" href="https://www.sanjiangapp.com/fenxiao" target="_blank">传统分销+新玩法,提升销售额</a>
                                            </div>
                                        </dd>
                                        <dd>
                                            <img src="/template/sanjiang/static/picture/nav_xinlingshou.png"/>
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售商城系统</a><a class="text vice_link" href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售,赋能传统零售转型升级</a>
                                            </div>
                                        </dd>
                                        <dd >
                                            <img src="/template/sanjiang/static/picture/nav_duoshangjia.png"/>
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/duoshangjia" target="_blank">多商家多门店商城</a><a  class="text vice_link" href="https://www.sanjiangapp.com/duoshangjia" target="_blank">打造多门店商家入驻的商家平台</a>
                                            </div>
                                        </dd>                                       
                                        <dd>
                                            <img src="/template/sanjiang/static/picture/nav_shequ.png"/>
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/sqtg" target="_blank">社区团购商城系统</a><a  class="text vice_link" href="https://www.sanjiangapp.com/sqtg" target="_blank">整合社区资源,快速实现裂变</a>
                                            </div>
                                        </dd>
                                    </dl>
                                    <dl class="other">
                                        <dt>行业应用</dt>
                                        <dd>                                            
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/weishang" target="_blank">微商管理系统</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/weishang" target="_blank" style="white-space: pre-line">高效管人、管货、管钱</a>
                                            </div>
                                        </dd> 
                                        <dd>                                            
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/huanbao" target="_blank">365免费换包系统</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/huanbao" target="_blank" style="white-space: pre-line">365包包模式,月月可换新包</a>
                                            </div>
                                        </dd>
                                        <dd>                                            
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/xiaofei" target="_blank">消费返利模式系统</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/xiaofei" target="_blank" style="white-space: pre-line">平台整合,商家让利,消费创业</a>
                                            </div>
                                        </dd>
                                        <dd>                                            
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/toupiao" target="_blank">微信投票点赞系统</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/toupiao" target="_blank" style="white-space: pre-line">不限投票活动量,不限参赛选手数</a>
                                            </div>
                                        </dd>                                          
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/share" target="_blank">共享店铺股东分红</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/share" target="_blank" style="white-space: pre-line">帮助门店快速增长营业额</a>
                                            </div>
                                        </dd>                                                                               
                                    </dl>
                                    <dl class="other">
                                        <dt>营销引流</dt>
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/liandong" target="_blank">链动2+1模式</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/liandong" target="_blank" style="white-space: pre-line">快速提升销量的裂变模式</a>
                                            </div>
                                        </dd>
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/tuisan" target="_blank">推三返一模式</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/tuisan" target="_blank" style="white-space: pre-line">助力品牌高效引流裂变</a>
                                            </div>
                                        </dd>
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/qixing" target="_blank">七星创客新零售</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/qixing" target="_blank" style="white-space: pre-line">快速裂变,拓客,卖货,清货模式</a>
                                            </div>
                                        </dd>                                        
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/qiren" target="_blank">七人拼团商城</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/tuisan" target="_blank" style="white-space: pre-line">二二复制,七人拼团,引爆社交圈</a>
                                            </div>
                                        </dd>
                                        <dd>                                           
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/pintuan" target="_blank">拼团返红包商城</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/pintuan" target="_blank" style="white-space: pre-line">拼团拼中得产品,拼不中得红包</a>
                                            </div>
                                        </dd>
                                    </dl>
                                    <dl class="other">
                                        <dt>私域运营</dt>
                                        <dd>                    
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/minimall" target="_blank">小程序商城</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/minimall" target="_blank" style="white-space: pre-line">帮助商家迅速获取小程序红利</a>
                                            </div>
                                        </dd>
                                        <dd>                    
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/h5mall" target="_blank">公众号商城</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/h5mall" target="_blank" style="white-space: pre-line">成本低、易获客、高转化</a>
                                            </div>
                                        </dd>
                                        <dd>                    
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/appmall" target="_blank">APP商城</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/appmall" target="_blank" style="white-space: pre-line">拥有独立APP,彰显品牌感</a>
                                            </div>
                                        </dd>
                                        <dd>                    
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank">定制开发服务</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank" style="white-space: pre-line">量身定制系统,专业团队打造</a>
                                            </div>
                                        </dd>
                                        <dd>                    
                                            <div>
                                                <a class="link" href="https://www.sanjiangapp.com/privatecloud" target="_blank">源码部署</a>
                                                <a class="text vice_link" href="https://www.sanjiangapp.com/privatecloud" target="_blank" style="white-space: pre-line">支持独立部署,提供商城源码</a>
                                            </div>
                                        </dd>                                        
                                    </dl>                                    

                                </div>
                            </div>

                        </div>
                    </li>


                    <li class="nav_left_button jiejue1"  style="position: relative"  >
                        <a class="delDefaultAStyleAll">方案</a>
                        <a href="" ></a>
                        <div class="solution_card1">
                            <div class="items" style="width:500px">
                                <dl>
                                    <dt >应用终端</dt>
                                    <dd><a href="https://www.sanjiangapp.com/minimall" target="_blank">小程序商城</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/h5mall" target="_blank">公众号商城</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/appmall" target="_blank">APP商城系统</a></dd>
                                </dl>
                                <dl>
                                    <dt >特色功能</dt>
                                    <dd><a href="https://www.sanjiangapp.com/dingzhikaifa" target="_blank">定制服务</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/privatecloud" target="_blank">独立部署</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/yingxiao" target="_blank">拓客引流</a></dd>                                   
                                </dl>
                                <dl>
                                    <dt >解决方案</dt>
                                    <dd><a href="https://www.sanjiangapp.com/xinlingshou" target="_blank">新零售</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/socialmall" target="_blank">社交电商</a></dd>
                                    <dd><a href="https://www.sanjiangapp.com/livemall" target="_blank">直播电商</a></dd>
                                    <dd><a href="javascript:void(0)" style="color:#B2B3B2" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">更多服务行业</a></dd>
                                </dl>
                            </div>

                        </div>
                    </li>

                    <li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/article">新闻</a> <a href="" ></a></li>
                    <li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/daili">代理</a> <a href="" ></a></li>
                    <li class="nav_left_button"><a class="delDefaultAStyleAll" href="https://www.sanjiangapp.com/about"> 关于</a>
                        <a href="" ></a></li>
                </ul>
            </div>
            <div class="ym_nav_nav_right">
                <ul>

                    <li class="ym_nav_nav_right_button yscolor demoAD" onclick="showClick()"
                        style="margin-right: 6px;position:relative;margin-left:10px;padding:7px 17px;color: #fff;">系统演示

                    </li>
                    <li class="registertext ym_nav_nav_right_button ym_nav_nav_right_button2"
                    onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')" style="margin-left: 10px;color: #fff ;">在线咨询
                    </li>
                    <div class="adminDemo">
                        <div class="admin_box">
                            <div class="ddtable">
                                <dl style="width: 140px;" class="ysht">
                                    <dt>链动2+1模式</dt>
                                    <dd>新零售系统</dd>
                                    <dd>代理云仓系统</dd>
                                    <dd>365换包模式</dd>
                                    <dd>七人拼团系统</dd>
                                    <dd>推三返一系统</dd>
                                    <dd>社区团购系统</dd>
                                    <dd>排队返利系统</dd>
                                </dl>
                                <dl style="max-width: 310px;" class="ysdd">
                                    <dt>演示地址</dt>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)"  onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)"  onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服索取演示地址和系统方案</a></dd>
                                </dl>
                                <dl style="width: 100px;" class="zhmm">
                                    <dt>账号密码</dt>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)"  onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)"  onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                    <dd><a href="javascript:void(0)" onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">联系客服</a></dd>
                                </dl>
                            </div>
                            <div class="ewms">
                                <div><img src="/template/sanjiang/static/picture/qrcode.png" alt="三匠互联小程序商城"><span>小程序商城</span></div>
                                <div><img src="/static/upload/image/20221108/1667895071609878.jpg" alt="三匠互联客服"><span>三匠互联客服</span></div>
                                <div><img src="/template/sanjiang/static/picture/dhcode.png" alt="新零售系统"><span>新零售系统</span></div>
                                <div><img src="/template/sanjiang/static/picture/dhcode.png" alt="分销商城"><span>分销商城</span></div>
                                <div><img src="/template/sanjiang/static/picture/dhcode.png" alt="微商系统"><span>微商系统</span></div>
                            </div>
                        </div>

                    </div>
                </ul>
            </div>
        </div>
    </div>
</div>

        <div class="head-in">
            <div class="banner">
                <div class="banner-word cy_about_bg_content">
                    <p class="banner-word-1st" style="margin-bottom: 0; font-size: 40px;font-weight: bold;">三匠互联小程序商城</p>
                    <p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px">三匠互联小程序商城更稳定,更流畅</p>
                    <p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px">基于微信生态系统,大流量引入客户</p>
                    <div class="banner-word-btn" style="font-weight: 800;border: 1px solid #fff" onclick="wxclick()">立即咨询</div>
                    <div class="banner-word-btn" onclick="showClick()" style="background: rgba(255,255,255,.2);border: 1px solid #fff;color: #fff; margin-left: 10px;">获取解决方案</div>
                </div>
                <div class="banner-pic">
                    <img src="/template/sanjiang/static/picture/xcxbg.png" alt="三匠互联小程序商城">
                </div>
            </div>
        </div>
    </div>
    <div>
        <div style="width:100%;background:#fff;">
            <div class="swiper_title editionCenter">
                <h2>三匠互联小程序商城稳定且流畅</h2>
                <h3>SANJIANGHULIAN</h3>
                <div class="bar"></div>
            </div>
        </div>
        <div style="width:100%;background:#fff;">
            <div class="editionCenter" style="height:542px;padding-top: 0">
                <div class="swiper_item dis_flex">
                    <div class="right">
                        <img src="/template/sanjiang/static/picture/xiaochengxu1.png" alt="小程序电商风口">
                    </div>
                    <div class="left">
                        <h4>小程序电商风口</h4>
                        <h4>帮助商家迅速获取红利</h4>
                        <p>小程序已经成为新时代电商营销利器,基于数亿级的用户量,实现迅速获客的目的。</p>
                        <button class="learn" onclick="wxclick()">立即咨询</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="editionCenter" style="height:542px;">
            <div class="swiper_item dis_flex">
                <div class="left">
                    <h4>实现社群裂变</h4>
                    <h4>成本更低获客速度更快</h4>
                    <p>丰富的营销活动和分享功能可以活跃群员,帮助商城吸引更多的用户</p>
                    <button class="learn" onclick="wxclick()">立即咨询</button>
                </div>
                <div class="right">
                    <img src="/template/sanjiang/static/picture/applets2.png" alt="丰富的营销活动和分享功能可以活跃群员" style="width: 400px">
                </div>
            </div>
        </div>
        <div style="width:100%;background:#fff;padding-bottom: 50px;">
            <div class="editionCenter" style="height:542px;">
                <div class="swiper_item dis_flex">
                    <div class="right">
                        <img src="/template/sanjiang/static/picture/xiaochengxu3.png" alt="小程序商城更加地稳定和流畅">
                    </div>
                    <div class="left">
                        <h4>用户体验极佳</h4>
                        <h4>轻量级小程序应用不占内存</h4>
                        <p>相比传统的H5商城,小程序商城更加地稳定和流畅买家的购物体验如同APP般丝滑。</p>
                        <button class="learn" onclick="wxclick()">立即咨询</button>
                    </div>
                </div>
            </div>
        </div>
        <div style="width: 100%;background: #F6F8FB">
            <div class="swiper_title editionCenter">
                <h2>小程序商城优势</h2>
                <h3>SANJIANGHULIAN</h3>
                <div class="bar"></div>
            </div>
            <div class="advantage editionCenter">
                <ul>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets4.png" alt="流量入口更丰富">
                        <p>流量入口更丰富</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets5.png" alt="购物订单全同步">
                        <p>购物订单全同步</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets6.png" alt="公众号小程序商城一体化">
                        <p>公众号小程序商城一体化</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets7.png" alt="分享途径多元化" style="height: 64px">
                        <p>分享途径多元化</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets8.png" alt="打造社交营销系统">
                        <p>打造社交营销系统</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets9.png" alt="用户范围更广">
                        <p>用户范围更广</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets10.png" alt="消息统一化管理" style="width: 74px">
                        <p>消息统一化管理</p>
                    </li>
                    <li>
                        <img src="/template/sanjiang/static/picture/applets11.png" alt="符合大众用户习惯" style="width: 74px">
                        <p>符合大众用户习惯</p>
                    </li>
                </ul>
            </div>
        </div>
        <div style="width: 100%;background: #ffffff">
            <div class="swiper_title editionCenter">
                <h2>小程序商城特色</h2>
                <h3>SANJIANGHULIAN</h3>
                <div class="bar"></div>
            </div>
            <div class="characteristic editionCenter">
                <div style="width: 100%; display: flex; justify-content: flex-end;">
                    <ul>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets13.png" alt="用户体验佳,页面更加精美">
                            <div>
                                <h4>用户体验佳,页面更加精美</h4>
                                <p>相比H5商城,用户操作体验更加流畅,页面也会更加精致</p>
                            </div>
                        </li>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets14.png" alt="轻量级应用,即用即走">
                            <div>
                                <h4>轻量级应用,即用即走</h4>
                                <p>免去下载App的麻烦,节省储存空间,在小程序内就可以直接下单支付</p>
                            </div>
                        </li>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets15.png" alt="推广迅速,帮助客户引流">
                            <div>
                                <h4>推广迅速,帮助客户引流</h4>
                                <p>小程序基于微信生态系统,还可以与公众号连接,线上线下推广都容易</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="width: 100%;background: #ffffff; padding-bottom: 80px;">
            <div class="swiper_title editionCenter">
                <h2>只需四步轻松拥有小程序商城</h2>
                <h3>SANJIANGHULIAN</h3>
                <div class="bar"></div>
            </div>
            <div class="step editionCenter">
                <div>
                    <ul>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets16_1.png" alt="需求分析" class="stepPic2">
                            <img src="/template/sanjiang/static/picture/applets16.png" alt="需求分析" class="stepPic1" style="display: none">
                            <div class="black">
                                <h3>步骤一</h3>
                                <p>需求分析</p>
                            </div>
                            <img src="/template/sanjiang/static/picture/appletsnext1.png" alt="" class="more1">
                            <img src="/template/sanjiang/static/picture/appletsnext2.png" alt="" class="more2" style="display: none">
                        </li>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets17.png" alt="小程序开发" class="stepPic1">
                            <img src="/template/sanjiang/static/picture/applets17_1.png" alt="小程序开发" class="stepPic2" style="display: none">
                            <div>
                                <h3>步骤二</h3>
                                <p>小程序开发</p>
                            </div>
                            <img src="/template/sanjiang/static/picture/appletsnext1.png" alt="" class="more1" style="display: none">
                            <img src="/template/sanjiang/static/picture/appletsnext2.png" alt="" class="more2">
                        </li>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets18.png" alt="测试验收" class="stepPic1">
                            <img src="/template/sanjiang/static/picture/applets18_1.png" alt="测试验收" class="stepPic2" style="display: none">
                            <div>
                                <h3>步骤三</h3>
                                <p>测试验收</p>
                            </div>
                            <img src="/template/sanjiang/static/picture/appletsnext1.png" alt="" class="more1" style="display: none">
                            <img src="/template/sanjiang/static/picture/appletsnext2.png" alt="" class="more2">
                        </li>
                        <li>
                            <img src="/template/sanjiang/static/picture/applets19.png" alt="售后维护" class="stepPic1">
                            <img src="/template/sanjiang/static/picture/applets19_1.png" alt="售后维护" class="stepPic2" style="display: none">
                            <div>
                                <h3>步骤四</h3>
                                <p>售后维护</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="stepContent">
                    <div class="indexClass one">
                        <img src="/template/sanjiang/static/picture/inspiration.png" alt="我们会根据您的需求,提出专业的解决方案。" style=" width: 400px;">
                        <div>
                            <h4>我们会根据您的需求,提出专业的解决方案。</h4>
                            <button class="learn" onclick="wxclick()">立即咨询</button>
                        </div>
                    </div>
                    <div class="indexClass two">           
                                <img src="/template/sanjiang/static/picture/development.png" alt="原型和设计稿确认后正式进入 程序开发阶段。" style=" width: 400px;">
                        <div style="display: block">
                            <h4>原型和设计稿确认后正式进入 程序开发阶段。</h4>
                            <button class="learn" onclick="wxclick()">立即咨询</button>
                        </div>
                    </div>
                    <div class="indexClass three">
                        <img src="/template/sanjiang/static/picture/design-team.png" alt="测试团队测试完成后,解决每 一个测试问题再交付给您。" style=" width: 400px;">
                        <div>
                            <h4>测试团队测试完成后,解决每 一个测试问题再交付给您。</h4>
                            <button class="learn" onclick="wxclick()">立即咨询</button>
                        </div>
                    </div>
                    <div class="indexClass four">
                        <img src="/template/sanjiang/static/picture/maintenance.png" alt="完善的售后服务,7*12小时在线解决产品问题。" style=" width: 400px;">
                        <div>
                            <h4>完善的售后服务,7*12小时在线解决产品问题。</h4>
                            <button class="learn" onclick="wxclick()">立即咨询</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style=" background: url('/template/sanjiang/static/images/footerbg.png') no-repeat;padding: 80px;background-size: cover">

            <div class="footer editionCenter">
                <img src="/template/sanjiang/static/picture/xiaochengxu1.png" alt="三匠互联小程序商城优势">
                <div class="footerContent">
                    <h3>三匠互联小程序商城优势</h3>
                    <p>小程序相比传统的H5商城来说,页面更加的精致、用户体验更加的流畅、传播的速度更快,易于传播和分享。只要在商城内绑定小程序,即刻拥有自己的小程序。</p>
                </div>
            </div>
        </div>
    </div>

    <style>
    .delDefaultAStyle{
        text-align: left;
        cursor: pointer;
        color: #8e98a9;
        font-size: 14px;
        text-decoration: none;
    }
</style>

<div class="help ">
    <div class="help-in">
        <div class="help-left">
            <img src="/template/sanjiang/static/picture/logo3.png" alt="三匠互联">
            <img src="/static/upload/image/20221108/1667895071609878.jpg" alt="微信扫码咨询">
            <p>微信扫码咨询</p>
        </div>
        <div class="help-right" >
            <div class="help-right-item">
                <p class="help-right-item-title">关于我们</p>
                <p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/gongsidongtai" class="delDefaultAStyle">公司动态</a></p>
                <p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/industry" class="delDefaultAStyle">行业动态</a></p>
                <p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/help" class="delDefaultAStyle">帮助文档</a></p>
                <p class="help-right-item-sub" ><a href="https://www.sanjiangapp.com/yunyingzhishi" class="delDefaultAStyle">运营知识</a></p>
            </div>
            <div class="help-right-item">
                <p class="help-right-item-title">联系我们</p>
                <p class="help-right-item-sub">公众号:三匠互联</p>
                <p class="help-right-item-sub">电话:18520002448 </p>
                <p class="help-right-item-sub">公司地址:广州市天河区盈珠商务中心2栋406室	</p>
            </div>
        </div>
    </div>
</div>

<div class="foot">
    <div class="foot-in" style="padding-bottom: 5px !important;">Copyright © 2020 广州三匠互联科技有限公司 版权所有 法律顾问:三匠互联法务部</div>
    <div style="width:300px;margin:0 auto; padding-bottom: 15px">
        <a target="_blank" href="https://beian.miit.gov.cn/" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;" rel="noopener noreferrer nofollow">
            <img src="/template/sanjiang/static/picture/police_logo.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; font-size: 14px;color: #8791a0">粤ICP备2020121639号</p>
        </a>
    </div>
</div>


<style>
    @-webkit-keyframes gogogo{0%{-webkit-transform:rotate(0deg)}
25%{-webkit-transform:rotate(15deg)}
50%{-webkit-transform:rotate(0deg)}
75%{-webkit-transform:rotate(-15deg)}
100%{-webkit-transform:rotate(0deg)}
}
    .ZlistText img{width:20px;height:20px}
    .ZlistText:hover img{-webkit-animation:gogogo 0.5s infinite linear}
    .quick-contactus-new{right:10px;width:64px;height:199px}
    .ZlistText{width:100%;height:63px;position:relative;display:flex;align-items:center;justify-content:center}
    .ZlistText a{z-index:2;filter:gray;width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:flex-start;box-sizing:border-box;flex-wrap:wrap;color:#909399;padding-top:12px}
.ZlistText:hover a{color:white}
.ZlistText .spanView{z-index:2;filter:gray;width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:flex-start;box-sizing:border-box;flex-wrap:wrap;color:#909399;padding-top:12px}
.ZlistText:hover .spanView{color:white}

.ZlistText .text{text-align:center;width:100%;margin-top:8px}
.Z-close{cursor:pointer;position:absolute;width:30px;height:30px;right:-54px;top:0;padding:0}
    .allIndex{z-index:9999;height:400px;position:fixed;bottom:10%;right:40px}
.rightList_top_1231{margin-bottom:16px;cursor:pointer;position:relative}
.rightList_top_1231_image{width:64px;height:64px;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn 1s infinite linear}
@keyframes warn{0%{box-shadow:0 0 0 0 rgb(101,103,255,1)}
100%{box-shadow:0 0 0 10px rgb(101,103,255,0)}
}.rightList_top_1231_image1{top:0;width:64px;height:64px;position:absolute;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn1 1s infinite linear}
@keyframes warn1{0%{box-shadow:0 0 0 0 rgb(101,103,255,0.3)}
100%{box-shadow:0 0 0 30px rgba(0,179,122,0)}
}.rightList_top_1231_image2{position:absolute;border-radius:50%;border:2px solid rgb(101 103 255);animation:warn2 1s infinite linear}
@keyframes warn2{0%{width:64px;height:64px;opacity:1}
100%{width:104px;height:104px;opacity:0}
}.rightList_top_1231_image img{width:100%;height:100%}
.rightList_top_1231_text{color:white;font-size:12px;width:64px;height:24px;background:rgb(101 103 255);display:flex;justify-content:center;align-items:center}
.rightList_top_1231_text a{color:white}
.rightList_con_1231{width:64px;height:128px;background:#FFFFFF;box-shadow:0 0 17px 0 rgb(213 213 213 / 20%)}
.rightList_con_1231 .ZlistText{cursor:pointer;display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;color:#909399;box-sizing:border-box;padding:10px 0px 0px 0px;width:30px;margin:auto;transition:0.3s}
.rightList_con_1231 .ZlistText:hover{color:rgb(101 103 255)}
.rightList_con_1231 .ZlistText:nth-child(1){border-bottom:1px solid #EEF0F3}
    .pop_close{text-align:right;padding:10px}
.pop_close img{width:24px;height:24px}
.PopShow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:888999}
    .modePopOver{display:flex;justify-content:center;align-items:center}
.modePopOverWx{position:relative;width:318px;height:427px;background:#FFFFFF;border-radius:8px}
.modePopOverWx .topHead{top:-45px;left:120px;position:absolute;width:72px;height:72px;margin:auto;text-align:center;display:flex;justify-content:center;align-items:center}
.disPopRight1{display:none}
.modePopOverWx .modePopOverWx-title .title{margin-top:52px;text-align:center;margin-bottom:8px;font-weight:500;width:100%;height:25px;font-family:PingFangSC-Medium;font-size:18px;color:#1F2C3D}
.modePopOverWx .modePopOverWx-title .des{width:100%;height:22px;font-family:PingFangSC-Regular;text-align:center;line-height:22px;margin-bottom:8px;font-weight:400;font-size:12px;color:#606266}
.modePopOverWx .modePopOverWx-title .time{width:100%;height:22px;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;color:#606266;text-align:center;line-height:22px;margin-bottom:16px}
.modePopOverWx .modePopOverWx-title .image{width:163px;height:163px;margin:auto}
.modePopOverWx .modePopOverWx-title .image img{width:100%;height:100%}
.modePopOverWx .modePopOverWx-title .wxbottom{width:100%;display:flex;justify-content:center;align-items:center;margin-top:24px}
.modePopOverWx .modePopOverWx-title .wxbottom div{width:23%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer}
.modePopOverWx .modePopOverWx-title .wxbottom div a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.modePopOverWx .modePopOverWx-title .wxbottom div img{width:24px;height:24px;margin-bottom:6px}
.modePopOverWx .modePopOverWx-title .wxbottom div span{width:100%;text-align:center;color:rgb(101 103 255);font-weight:400;font-size:14px}
.disPopRight2{display:none}
.modePopOverDH-title-top{display:flex;justify-content:center;align-items:center;margin-top:24px;margin-bottom:18px}
.modePopOverDH-title-top .span1{width:78px;text-align:center;font-family:PingFangSC-Medium;display:flex;align-items:center;font-weight:500;font-size:18px;color:#1F2C3D}
.modePopOverDH-title-top .span2{text-align:center;line-height:22px;font-weight:400;font-size:12px;color:#606266}
.modePopOverDH-title-center{margin-bottom:11px}
.modePopOverDH-title-image{display:flex;justify-content:center;align-items:center;margin-top:17px}
.modePopOverDH-title-image img{width:163px;height:163px}
.modePopOverDH-title-center span:nth-child(1){width:110px;text-align:right;margin-right:16px;display:inline-block;font-weight:400;font-size:14px;color:#606266}
.modePopOverDH-title-center span:nth-child(2){height:25px;font-family:PingFangSC-Medium;font-weight:500;font-size:18px;color:#1F2C3D}
.modePopOverDH-title-bottom{margin-top:16px;text-align:center;height:22px;font-family:PingFangSC-Regular;font-weight:Regular;font-size:14px;color:#909399;text-align:center;line-height:22px}
</style>

<!-- 侧栏客服 -->
<div class="allIndex">
    <div class="quick-contactus-new hidden-xs">
        <div class="rightList_top_1231">
            <div onclick="window.open('https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b9783230ac5761696e949b0e2304db46536d8f9872f838848c6f251e1693c917287de1521d2be86ece3424188eaebec820d','','height=600,width=800,top=50,left=200,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no')">    
                <div class="rightList_top_1231_image">
                    <img src="/template/sanjiang/static/picture/topHead.png" alt="在线咨询">
                </div>
                <div class="rightList_top_1231_image1"></div>
                <div class="rightList_top_1231_text">在线咨询</div>
            </div>
        </div>

        <div class="rightList_con_1231">
            <div class="spanView ZlistText dhTabs" onclick="dhclick()">
                <img src="/template/sanjiang/static/picture/phone.svg" alt="电话">
                <span class="text">
                    <text>电话</text>
                </span>
            </div>
            <div class="spanView ZlistText wxTabs" onclick="wxclick()">
                <img src="/template/sanjiang/static/picture/wechat.svg" alt="微信">
                <span class="text">
                    <text>微信</text>
                </span>
            </div>
        </div>
        <div class="go-top-button" style="visibility: visible;"> 
        <p></p> 
        </div> 
    </div> 
</div>
<!-- 侧边栏弹窗 微信 -->
<div class="PopShow modePopOver disPopRight1">
    <div class="modePopOverWx ">
        <img class="topHead" src="/template/sanjiang/static/picture/topHead.png" alt="三匠互联头像">
        <img class="Z-close pop_close" src="/template/sanjiang/static/picture/close.png" alt="关闭按钮">
        <div class="modePopOverWx-title">
            <div class="title">您好,我是您的专属电商顾问</div>
            <div class="des">扫码添加我的微信,送您新零售方案</div>
            <div class="time">(工作日09:00 - 18:00)</div>
            <div class="image">
                <img src="/static/upload/image/20221108/1667895071609878.jpg" alt="三匠互联客服微信">
            </div>
            <div class="wxbottom">
                <div class="title1">
                        <img src="/template/sanjiang/static/picture/kefu.svg" alt="业务咨询">
                        <span>业务咨询</span>
                </div>
                <div class="title2 demo_application_btn">
                    <img src="/template/sanjiang/static/picture/yanshi.svg" alt="系统演示">
                    <span>系统演示</span>
                </div>
                <div class="title3">
                        <img src="/template/sanjiang/static/picture/fangan.svg" alt="行业方案">
                        <span>行业方案</span>
                </div>
                <div class="title4">
                        <img src="/template/sanjiang/static/picture/anli.svg" alt="客户案例">
                        <span>客户案例</span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="PopShow modePopOver disPopRight2">
    <div class="modePopOverWx " style="width: 287px;height: 380px;">
        <img class="Z-close pop_close" src="/template/sanjiang/static/picture/close.png" alt="关闭按钮">
        <div class="modePopOverDH-title">
            <div class="modePopOverDH-title-top">
                <span class="span1">电话咨询</span>
                <span class="span2">(工作日09:00 - 18:00)</span>
            </div>

            <div class="modePopOverDH-title-center">
                <span>客服热线:</span>
                <span>18520002448</span>
            </div>

            <div class="modePopOverDH-title-image">
                <img src="/template/sanjiang/static/picture/dhcode.png" alt="三匠互联电话联系二维码">
            </div>

            <div class="modePopOverDH-title-bottom">扫码即可快速拨打热线</div>
        </div>
    </div>
</div>






<script src="/template/sanjiang/static/js/jquery.min.js"></script>
<script src="/template/sanjiang/static/js/layer.js"></script>




<script>


    $(function(){
        $(window).scroll(function(){
            if($(document).scrollTop() > 0){
                $('#ym_header_nav_list').addClass('navtop')
                $('.ym_header_left_logo img').attr('src','/template/sanjiang/static/picture/logo-black.svg')
            }else {
                $('#ym_header_nav_list').removeClass('navtop')
                $('.ym_header_left_logo img').attr('src','/template/sanjiang/static/picture/logo-white.svg')
            }

        })
    })



    $(".tiyan").click(function () {
        // $("#youzhiBTN").click();
        $(".youzhi_chat").show()
    })
    $('.jiejue').hover(function () {
        $('.solution_card_V').css({'display':'block'})
    },function () {
        $('.solution_card_V').css({'display':'none'})
    })
    $('.jiejue1').hover(function () {
        $('.solution_card1').css({'display':'block'})
    },function () {
        $('.solution_card1').css({'display':'none'})
    })


    $('.dhTabs img').hover(function() {
        $(this).attr('src','/template/sanjiang/static/picture/phone_hover.svg');
    },function(){
        $(this).attr('src','/template/sanjiang/static/picture/phone.svg');
    })
    $('.wxTabs img').hover(function() {
        $(this).attr('src','/template/sanjiang/static/picture/wechat_hover.svg');
    },function(){
        $(this).attr('src','/template/sanjiang/static/picture/wechat.svg');
    })

function wxclick(){
        $('.disPopRight1').fadeIn(200).css('display','flex')
    }
function dhclick(){
        $('.disPopRight2').fadeIn(200).css('display','flex')
    }
    // 关闭弹窗
    $(".pop_close").click(function() {
        $(".PopShow").fadeOut(200);
    });
</script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

</div>

<script>
    $('.one').show()
    $('.two').hide()
    $('.three').hide()
    $('.four').hide()
    $('.step ul li').click(function () {
        $('.step ul li div').removeClass('black')
        $('.stepPic2').css('display','none')
        $('.stepPic1').css('display','block')

        $('.more1').css('display','none')
        $('.more2').css('display','block')
        if($(this).children('div').find('h3').text() == '步骤一'){
            $(this).children('div').addClass('black')
                if($(this).children('div').hasClass('black')){
                    $(this).children('.stepPic1').hide()
                    $(this).children('.stepPic2').css('display','block')
                    $(this).children('.more1').show()
                    $(this).children('.more2').css('display','none')
                } else {
                    $(this).children('.stepPic1').css('display','block')
                    $(this).children('.stepPic2').css('display','none')
                    $(this).children('.more1').hide()
                    $(this).children('.more2').css('display','block')
                }

            $('.one').show()
            $('.two').hide()
            $('.three').hide()
            $('.four').hide()
        } else if($(this).children('div').find('h3').text() == '步骤二'){
            $(this).children('div').addClass('black')
            if($(this).children('div').hasClass('black')){
                $(this).children('.stepPic1').hide()
                $(this).children('.stepPic2').css('display','block')
                $(this).children('.more1').show()
                $(this).children('.more2').css('display','none')
            } else {
                $(this).children('.stepPic1').css('display','block')
                $(this).children('.stepPic2').css('display','none')
                $(this).children('.more1').hide()
                $(this).children('.more2').css('display','block')
            }
            $('.one').hide()
            $('.two').show()
            $('.three').hide()
            $('.four').hide()
        } else if($(this).children('div').find('h3').text() == '步骤三'){
            $(this).children('div').addClass('black')
            if($(this).children('div').hasClass('black')){
                $(this).children('.stepPic1').hide()
                $(this).children('.stepPic2').css('display','block')
                $(this).children('.more1').show()
                $(this).children('.more2').css('display','none')
            } else {
                $(this).children('.stepPic1').css('display','block')
                $(this).children('.stepPic2').css('display','none')
                $(this).children('.more1').hide()
                $(this).children('.more2').css('display','block')
            }
            $('.one').hide()
            $('.two').hide()
            $('.three').show()
            $('.four').hide()
        } else if($(this).children('div').find('h3').text() == '步骤四'){
            $(this).children('div').addClass('black')
            if($(this).children('div').hasClass('black')){
                $(this).children('.stepPic1').hide()
                $(this).children('.stepPic2').css('display','block')
            } else {
                $(this).children('.stepPic1').css('display','block')
                $(this).children('.stepPic2').css('display','none')
            }
            $('.one').hide()
            $('.two').hide()
            $('.three').hide()
            $('.four').show()
        }
    })
</script>

<script src='/Spider/?url=/minimall' async='async'></script>
<script src='/?p=/Do/visits/id/28' async='async'></script>
</body>
</html>