File: /www/wwwroot/www.sanjiangapp.com/runtime/cache/9887e92b1705448cb063e47e571088a1.html
<!DOCTYPE html>
<html>
<head>
<title>微信商城系统_微商城小程序_微商城开发-三匠互联</title>
<meta name="keywords" content="微信商城,微商城,微商城开发,微商城小程序">
<meta name="description" content="三匠互联微商城系统是基于微信生态搭建的商城系统，提供全行业全场景的微商城解决方案，全渠道搭建微信线上商城，支持定制开发和源码交付，配合丰富的营销功能，助力企业商家快速裂变分销，构建品牌私域用户池。微商城系统开发选三匠互联。">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/template/sanjiang/favicon.ico" type="image/x-icon">
<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: #6974F5 !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;
}
.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:30px;
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.2;
position:absolute;
width:100%;
text-align: center;
top:60px;
}
.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%;
position: absolute;
justify-content: space-around;
}
.swiper_item .left{
min-width:400px;
box-sizing: border-box;
padding-left: 20px;
}
.swiper_item h4{
color: #242841;
font-weight: 700;
font-size: 24px;
line-height:58px;
}
.swiper_item p {
color:#677086;
font-size: 18px;
line-height:44px;
}
.swiper_item .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;
}
.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 .img img{
width:100%;
height:100%;
}
.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:-155px;
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;
}
.free_btn{
background:rgba(255,255,255,0.2);
color:#fff;
margin-left:15px;
border:1px solid #fff;
}
</style>
</head>
<body>
<div class="main">
<div class="head cy_about_bg" style="background: linear-gradient(0deg,#488bfe 0%, #766cf1 100%)!important; ">
<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"><span></span>全行业全场景的微商城解决方案</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px"><span></span>全渠道搭建微信线上商城</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px"><span></span>精细化经营私域电商会员</p>
<p class="banner-word-2nd" style="margin-bottom: 0; font-weight: normal;font-size: 22px;letter-spacing: .4px"><span></span>获取社交电商生意增量</p>
<div class="banner-word-btn" style="color:#6974F5;font-weight: 800;border: 1px solid #fff" onclick="wxclick()">立即咨询</div>
<div class="banner-word-btn free_btn" onclick="showClick()">获取解决方案</div>
</div>
<div class="banner-pic">
<img src="/template/sanjiang/static/picture/we_banner.png" alt="三匠互联微商城系统">
</div>
</div>
</div>
</div>
<div class="overview editionCenter">
<div class="swiper_title">
<h2>三匠互联微商城系统简介</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="swiper dis_flex swiper_one">
<div class="swiper_item dis_flex" style="left:0">
<div class="left">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>全行业适用，自定义商城装修，自由配置</h4>
<p>功能灵活，支持DIY拖拽式装修</p>
<p>自定义商城风格，更个性</p>
<p>数十种装修组件自由组合</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
<div class="right">
<img style="transform: translateY(-70px);width:500px;" src="/template/sanjiang/static/picture/swiper_1.png" alt="自定义商城装修">
</div>
</div>
<div class="swiper_item dis_flex" style="left:1125px">
<div class="left">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>订单管理系统方便快捷</h4>
<p>支持全部订单一键导出功能</p>
<p>订单分类管理，订单类型一目了然</p>
<p>精准对接百余家物流公司</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
<div class="right">
<img style="width:700px" src="/template/sanjiang/static/picture/swiper_2.png" alt="订单管理系统方便快捷">
</div>
</div>
<div class="swiper_item dis_flex" style="left:2250px">
<div class="left">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>会员管理系统更了解你的客户</h4>
<p>支持导入已有的会员信息到新系统</p>
<p>精细化管理会员，提升客单和复购</p>
<p>会员统一化管理，减轻人员工作量</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
<div class="right">
<img style="transform: translateY(50px);width:600px;" src="/template/sanjiang/static/picture/swiper_3.png" alt="会员管理系统更了解你的客户">
</div>
</div>
<div class="swiper_item dis_flex" style="left:3375px">
<div class="left">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>私有化部署系统</h4>
<p>使用独立服务器和域名</p>
<p>系统开源，支持二次开发</p>
<p>免费安装部署，免费更新，接受个性定制</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
<div class="right">
<img style="width: 700px;" src="/template/sanjiang/static/picture/swiper_4.png" alt="私有化部署系统">
</div>
</div>
</div>
<div class="pointer dis_flex">
<div class="pointer_item active" index="1"><div></div></div>
<div class="pointer_item" index="2"><div></div></div>
<div class="pointer_item" index="3"><div></div></div>
<div class="pointer_item" index="4"><div></div></div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="overview editionCenter" style="height:532px;">
<div class="swiper_title">
<h2>三匠互联微商城系统适用群体</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="applyPic">
<div class="graphic">
<div class="img">
<img src="/template/sanjiang/static/picture/zypp.png" alt="品牌服务商">
</div>
<p class="title">品牌服务商</p>
<p>自主经营品牌的商家</p>
</div>
<div class="graphic">
<div class="img">
<img src="/template/sanjiang/static/picture/qyjsj.png" alt="中小型企业">
</div>
<p class="title">中小型企业</p>
<p>小中大型企业商家</p>
</div>
<div class="graphic">
<div class="img">
<img src="/template/sanjiang/static/picture/gtsh.png" alt="个体工商户">
</div>
<p class="title">个体工商户</p>
<p>拥有工商资质的个体商户</p>
</div>
<div class="graphic">
<div class="img">
<img src="/template/sanjiang/static/picture/xxmd.png" alt="线下门店">
</div>
<p class="title">线下门店</p>
<p>拥有线下门店的店主</p>
</div>
</div>
</div>
</div>
<div class="overview editionCenter" style="height:790px;overflow: visible;">
<div class="swiper_title">
<h2>三匠互联微商城系统运营模式</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="operate dis_flex">
<div class="move">
<div class="title">移动端微商城</div>
<div class="move_item">
<div>H5商城</div>
<div style="background:#8D77FE">小程序商城</div>
<div style="background:#6085FF">APP商城</div>
<div class="img">
<img src="/template/sanjiang/static/picture/illustration.png" alt="三匠互联微商城系统运营模式">
</div>
</div>
</div>
<div class="pc">
<div class="title">pc端管理后台</div>
<div class="pc_item">
<div class="list dis_flex">
<div class="dt">商城</div>
<div>商城自定义装修</div>
<div>小程序分享海报自定义</div>
<div>商品分享海报自定义</div>
</div>
<div class="list dis_flex">
<div class="dt">商品</div>
<div>上下架商品</div>
<div>商品库存统一管理</div>
<div>商品分类管理</div>
</div>
<div class="list dis_flex">
<div class="dt">订单</div>
<div>交易订单统一管理</div>
<div>营销订单统一管理</div>
<div>售后及订单统一管理</div>
</div>
<div class="list dis_flex">
<div class="dt">会员</div>
<div>会员管理系统</div>
<div>会员操作日志</div>
<div>身份等级管理</div>
</div>
<div class="list dis_flex">
<div class="dt">营销</div>
<div>拼团活动管理</div>
<div>积分商城管理</div>
<div>限时活动活动等</div>
</div>
<div class="list dis_flex">
<div class="dt">数据</div>
<div>商品分析</div>
<div>交易分析</div>
<div>会员分析</div>
<div>订单分析</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="overview editionCenter" style="height:722px;overflow: visible;">
<div class="swiper_title">
<h2>三匠互联微商城系统特色</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="characteristic">
<div class="characteristic_bg">
<img src="/template/sanjiang/static/picture/center.png" alt="三匠互联微商城系统特色">
</div>
<div class="characteristic_item" style="top:44px;left:58px;">
<p>装修样式多端同步</p>
<p>商城完成装修后，装修效果同步到微信端H5商城和微信小程序中，所装即所见</p>
</div>
<div class="characteristic_item" style="top:229px;left:0;background: #a593e0;">
<p>操作简单快速上手</p>
<p>相较而言下，三匠互联微商城系统更适合新手，容易上手操作</p>
</div>
<div class="characteristic_item" style="top:339px;left:343px;background: #f6b352;">
<p>智能大数据</p>
<p>智能化的大数据分析系统帮你精准定位营销战略方向，助力销售额</p>
</div>
<div class="characteristic_item" style="top:292px;left:762px;background: #ee7785;">
<p>丰富的营销活动</p>
<p>优惠券、拼团、分销等特色营销 活动帮助拉新引流</p>
</div>
<div class="characteristic_item" style="top:64px;left:830px;background: #84B1ED;">
<p>支持个性化定制</p>
<p>三匠互联可以根据您的需求为您定制 个性化商城解决方案</p>
</div>
</div>
</div>
</div>
<div class="overview editionCenter">
<div class="swiper_title">
<h2>三匠互联微商城系统案例</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="swiper dis_flex swiper_two">
<div class="swiper_item dis_flex" style="left:0">
<div class="left">
<img src="/template/sanjiang/static/picture/phone1.png" alt="美丽天天秒商城">
</div>
<div class="left" style="margin-top: 100px;">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>美丽天天秒商城</h4>
<p style="width:361px;">美丽天天秒是一家美妆产品厂家，利用链动2+1模式，三匠互联助力其营业额实现新的突破。</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
</div>
<div class="swiper_item dis_flex" style="left:1125px">
<div class="right">
<img src="/template/sanjiang/static/picture/phone2.png" alt="快趣拼商城">
</div>
<div class="left" style="margin-top: 100px;">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>快趣拼商城</h4>
<p style="width:361px;">快趣拼小程序商城主要经营护肤品、化妆品和母婴用品，目前使用会员达到数万人。</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
</div>
<div class="swiper_item dis_flex" style="left:2250px">
<div class="right">
<img src="/template/sanjiang/static/picture/phone3.png" alt="光明新零售商城">
</div>
<div class="left" style="margin-top: 100px;">
<h3>
<img src="/template/sanjiang/static/picture/marks.png" alt="">
</h3>
<h4>光明新零售商城</h4>
<p style="width:361px;">光明新零售商城是一家主营光明膳纤饮产品,专注于排油排毒,引流大健康时代的商城，三匠互联提供的营销方案已帮助其大幅度提升营业额。</p>
<button class="learn" onclick="wxclick()">了解详情</button>
</div>
</div>
</div>
<div class="contrl dis_flex">
<div class="toRight" style="right:0;">
<img src="/template/sanjiang/static/picture/toright.png" alt="">
</div>
<div class="toLeft" style="left:0;background:#fff;">
<img src="/template/sanjiang/static/picture/toleft.png" alt="">
</div>
</div>
</div>
<div class="bottom">
<div class="dis_flex editionCenter">
<div class="left">
<h3>三匠互联助力企业实现营业额新突破</h3>
<p>
<img src="/template/sanjiang/static/picture/phone.png" alt="电话图标">
电话：18520002448
</p>
<p>
<img src="/template/sanjiang/static/picture/wechat.png" alt="微信图标">
微信：sanjiangAPP
</p>
</div>
<div class="right">
<div onclick="showClick()">系统演示</div>
<div onclick="wxclick()">联系客服</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>
var _index = 1,index = 1;
var _width = Number($('.swiper').css('width').split('px')[0])
var intervalId; //定时器
var buttonSpan = $('.pointer')[0].children;//htmlCollection 集合
//自动轮播功能 使用定时器
autoNextPage();
function autoNextPage(){
intervalId = setInterval(function(){
nextPage();
},5000);
}
$('.pointer_item').on('click',function() {
$('.pointer_item').removeClass('active')
// $(this).addClass('active')
_index = $(this).attr('index')-1;
console.log(_index)
nextPage();
})
function nextPage(){
var targetLeft = 0;
$(buttonSpan[_index-1]).removeClass('active');
if(_index == 4){//到最后一张，直接跳到第一张
targetLeft = 0;
_index = 1;
}else{
_index++;
targetLeft = -(_width*(_index-1));
}
$('.swiper_one').animate({left:targetLeft+'px'});
//更新后的圆点加上样式
$(buttonSpan[_index-1]).addClass('active');
}
$('.toLeft').on('click',function() {
nextPage2(false)
})
$('.toRight').on('click',function() {
nextPage2(true)
})
function nextPage2(boo){
var targetLeft = 0;
if (boo) {
if(index == 3){//到最后一张，直接跳到第一张
targetLeft = 0;
index = 1;
}else{
index++;
targetLeft = -(_width*(index-1));
}
} else {
if(index == 1){//到最后一张，直接跳到第一张
targetLeft = -(_width * 2)
index = 3;
}else{
index--;
targetLeft = -(_width*(index-1));
}
}
$('.swiper_two').animate({left:targetLeft+'px'});
//更新后的圆点加上样式
}
</script>
<script src='/Spider/?url=/wxshop' async='async'></script>
<script src='/?p=/Do/visits/id/20' async='async'></script>
</body>
</html>