File: /www/wwwroot/www.sanjiangapp.com/runtime/cache/9dd569b18493ad265d618726b05e4a22.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/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: #FC5B2B !important;
}
.main{
background: #F6F8FB;
}
.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%;
}
.editionCenter{
width:1125px;
margin:0 auto;
}
.dis_flex{
display:flex;
justify-content: flex-start;
}
.swiper_title{
height:185px;
position:relative;
}
.swiper_title h2{
font-size:30px;
font-weight: 700;
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;
opacity: .2;
}
.swiper_title .bar{
width:70px;
height:6px;
background:#FF6918;
border-radius: 3px 3px 0 0;
position:absolute;
right:527px;
top:132px;
}
.swiper_item{
width:100%;
height:100%;
justify-content: space-between;
}
.swiper_item .left{
width:420px;
box-sizing: border-box;
padding-left: 20px;
margin-top:134px;
}
.swiper_item .right{
text-align: center;
line-height:542px;
}
.swiper_item h4,.swiper_item h3{
color: #242841;
font-weight: 700;
font-size: 23px;
line-height:41px;
}
.swiper_item p {
color:#677086;
font-size: 17px;
line-height:30px;
margin-top:31px;
width:380px;
}
.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:21px;
cursor: pointer;
}
.function{
justify-content: space-between;
}
.function .core{
width:261px;
height:163px;
box-sizing: border-box;
border-radius: 6px;
margin-bottom: 20px;
box-shadow: 0px 3px 10px 0px rgba(234,236,241,0.58);
}
.function .core .pic{
text-align: center;
padding-top: 15px;
}
.function .core p{
text-align: center;
color:#A0A2AC;
font-size: 14px;
line-height: 26px;
}
.function .core p:nth-child(2){
text-align: center;
color:#4D5169;
font-size: 16px;
line-height: 30px;
}
.bot_imgs {
width: 1125px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.bot_imgs > div {
display: flex;
flex-direction: column;
align-items: center;
}
.bot_imgs > div span {
color: #434a60;
margin-top: 35px;
font-size: 20px;
}
.showPage{
position:relative;
height:480px;
}
.showPage .item{
position:absolute;
bottom:0
}
.showPage .item{
box-shadow: 0px 3px 10px 0px rgba(224,227,235,0.40), 0px 5px 20px 0px rgba(81,81,81,0.20);
}
.showPage .noShow{
box-shadow:none!important;
}
.showPage .item img{
width:100%;
height:100%;
}
.showPage .toLeft,.showPage .toRight{
position:absolute;
top:50%;
width:40px;
height:40px;
}
.getBtn{
width: 160px;
height: 50px;
background: #fc692b;
border-radius: 4px;
color:#fff;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:60px auto;
border:none;
display: block;
}
.free_btn{
background:rgba(255,255,255,0.2);
color:#fff;
margin-left:15px;
border:1px solid #fff;
}
.ym_nav_nav_right .ym_nav_nav_right_button2{
color: #5a54ff !important;
}
.function ul{
width: 100%;
}
.function ul li {
width: 24%;
display: inline-block;
text-align: center;
margin-bottom: 50px;
}
.function ul li img{
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.function ul li p{
color: #434A5F;
font-size: 16px;
}
.process ul li{
width: 13%;
}
.process ul{
position: relative;
text-align: center;
}
.process ul li:nth-child(8){
position: absolute;
right: 78px;
top: 130px;
}
.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;
}
.advantage ul{
width: 100%;
text-align: center;
}
.advantage ul li{
width: 46%;
height: 140px;
padding: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ffffff;
box-sizing: border-box;
text-align: left;
margin-bottom: 20px;
border-radius: 6px;
}
.advantage ul li div{
width: 72%;
margin-left: 20px;
}
.advantage ul li div h4{
font-size: 16px;
color: #434A60;
margin-bottom: 10px;
font-weight: bold;
}
.advantage ul li div p{
font-size: 14px;
color: #9599A8;
}
.advantage ul li:hover{
background: url("/template/sanjiang/static/images/bg2.png") no-repeat;
}
.advantage ul li:hover div h4,.advantage ul li:hover div p{
color: #ffffff;
}
</style>
</head>
<body>
<div class="main">
<div class="head cy_about_bg" style="background: url('/template/sanjiang/static/images/bannerbg.png') no-repeat !important; background-size: 100% 100% !important; background-color: #495fff">
<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="color:#1A9BF1; font-weight: 800;" onclick="wxclick()">系统演示</div>
<div class="banner-word-btn free_btn" onclick="showClick()">获取解决方案</div>
</div>
<div class="banner-pic">
<img src="/template/sanjiang/static/picture/gongzhonghaobg.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;">
<div class="swiper_item dis_flex">
<div class="right">
<img src="/template/sanjiang/static/picture/wechat1.png" alt="基于微信亿级流量池">
</div>
<div class="left">
<h3>基于微信亿级流量池</h3>
<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">
<h3>便捷支付方式</h3>
<h4>随时下单随时购买</h4>
<p>微信支付更符合现代支付场景，用户在各种场景下都可以实现轻松购物。</p>
<button class="learn" onclick="wxclick()">立即咨询</button>
</div>
<div class="right">
<img src="/template/sanjiang/static/picture/wechat2.png" alt="便捷支付方式">
</div>
</div>
</div>
<div style="width:100%;background:#fff;">
<div class="editionCenter" style="height:542px;">
<div class="swiper_item dis_flex">
<div class="right">
<img src="/template/sanjiang/static/picture/wechat3.png" alt="前后结合统一管理">
</div>
<div class="left">
<h3>前后结合统一管理</h3>
<h4>后台管理店铺装修，前台精致展示</h4>
<p>商家可在管理后台装修店铺，支持PC端和手机端实时预览装修效果。</p>
<button class="learn" onclick="wxclick()">立即咨询</button>
</div>
</div>
</div>
</div>
</div>
<div style="width: 100%;background: #F6F8FB;padding-bottom: 80px">
<div class="swiper_title editionCenter">
<h2>三匠互联公众号商城优势</h2>
<h3>SANJIANGHULIAN</h3>
<div class="bar"></div>
</div>
<div class="advantage editionCenter">
<ul>
<li style="margin-right: 20px">
<img src="/template/sanjiang/static/picture/wechat23.png" alt="有公众号即可开商城">
<div>
<h4>有公众号即可开商城</h4>
<p>已有公众号直接绑定，绑定成功后就可以直接在三匠互联开店</p>
</div>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat24.png" alt="公众号可为商城引流">
<div>
<h4>公众号可为商城引流</h4>
<p>借助公众号的粉丝积累量轻松为商城引流，快速将粉丝转化成你的客户</p>
</div>
</li>
<li style="margin-right: 20px">
<img src="/template/sanjiang/static/picture/wechat25.png" alt="文章可链接公众号商城">
<div>
<h4>文章可链接公众号商城</h4>
<p>公众号的文章里可以链接你的公众号商城，通过文章可为商城引流。</p>
</div>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat26.png" alt="成本低、效果好、传播广">
<div>
<h4>成本低、效果好、传播广</h4>
<p>公众号商城低成本就可开店，传播速度快，运营成本低，开店效果好。</p>
</div>
</li>
</ul>
</div>
</div>
<div style="width: 100%;background: #fff">
<div class="swiper_title editionCenter">
<h2>三匠互联公众号商城特色功能</h2>
<h>XINSHANGYUN</h3>
<div class="bar"></div>
</div>
<div class="function editionCenter">
<ul>
<li>
<img src="/template/sanjiang/static/picture/wechat4.png" alt="公众号绑定">
<p>公众号绑定</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat5.png" alt="自定义菜单">
<p>自定义菜单</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat6.png" alt="推送消息">
<p>推送消息</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat7.png" alt="自动回复">
<p>自动回复</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat8.png" alt="关注提醒">
<p>关注提醒</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat9.png" alt="粉丝维护">
<p>粉丝维护</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat10.png" alt="订单消息">
<p>订单消息</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/wechat11.png" alt="多渠道推广">
<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="process function editionCenter">
<ul>
<li>
<img src="/template/sanjiang/static/picture/wechat12.png" alt="创建商城" style=" height: 60px;">
<p>创建商城</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat20.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat13.png" alt="绑定公众号" style="width: 60px; height: 60px;">
<p>绑定公众号</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat20.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat14.png" alt="进入商城" style="width: 60px; height: 60px;">
<p>进入商城</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat20.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat15.png" alt="参与活动" style="width: 54px;">
<p>参与活动</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat21.png" alt="" style="width: 12px; height: 72px;"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat16.png" alt="激发用户活跃度" style="width: 84px;">
<p>激发用户活跃度</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat22.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat17.png" alt="参与更多活动" style=" width: auto;height: 60px;">
<p>参与更多活动</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat22.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat18.png" alt="公众号推送">
<p>公众号推送</p>
</li>
<li><img src="/template/sanjiang/static/picture/wechat22.png" alt="" style="width: 116px; height: 12px; margin-bottom: 110px"></li>
<li>
<img src="/template/sanjiang/static/picture/wechat19.png" alt="关注公众号" style="width: 54px;">
<p>关注公众号</p>
</li>
</ul>
</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/wechat3.png" alt="三匠互联公众号商城">
<div class="footerContent">
<h3>三匠互联公众号商城</h3>
<p>公众号商城可嵌入到有的公众号里，通过公众号的首页菜单进入公众号商城，也可以在文章中添加商城链接，增加进入商城的入口的同时增加获客渠道。</p>
</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 list = [
{
left: '439px',
width: '222px',
height: '480px',
zIndex: 99,
num:1
},{
left: '629px',
width: '209px',
height: '454px',
zIndex: 98,
num: 2
},{
left: '787px',
width: '197px',
height: '391px',
zIndex: 97,
num: 3
},{
left: '116px',
width: '197px',
height: '391px',
zIndex: 97,
num: 4
},{
left: '263px',
width: '209px',
height: '454px',
zIndex: 98,
num: 5
}
]
$('.toLeft').on('click',function(){
nextPage(false)
})
$('.toRight').on('click',function(){
nextPage(true)
})
function nextPage(boo){
var obj;
if (boo) {
$('.item[index=3]').css('zIndex',1)
obj = list.shift();
list.push(obj)
} else {
$('.item[index=4]').css('zIndex',1)
obj = list.pop();
list.unshift(obj)
}
$('.item').each(function(i,k){
$(this).attr('index',list[i].num)
$(this).animate(list[i])
if (list[i].zIndex < 98) {
$(this).addClass('noShow')
} else {
$(this).removeClass('noShow')
}
})
}
</script>
<script src='/Spider/?url=/h5mall/' async='async'></script>
<script src='/?p=/Do/visits/id/29' async='async'></script>
</body>
</html>