File: /www/wwwroot/www.sanjiangapp.com/runtime/cache/ac2d4e593cac8ffe987fbac10d6a442f.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>三匠互联-微商分销商城_社交新零售系统_私域电商模式开发</title>
<meta name="keywords" content="私域电商,微商系统,新零售系统,分销商城,社交电商">
<meta name="description" content="三匠互联商城系统为企业提供微信公众号，H5商城，小程序，APP电商软件一站式解决方案，包含微商管理系统，分销商城，新零售模式，私域电商，打造多渠道营销电商模式，助力企业转型新零售社交私域电商。">
<link rel="shortcut icon" href="/template/sanjiang/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/template/sanjiang/static/css/index.css"/>
<link rel="stylesheet" href="/template/sanjiang/static/css/home.css">
<link rel="stylesheet" href="/template/sanjiang/static/css/index_1.css">
<link rel="stylesheet" href="/template/sanjiang/static/css/swiper.css">
<link href="/template/sanjiang/static/css/aos.css" rel="stylesheet">
<style>
html, body{
background: none;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
#ym_header_nav_list {
/*top: 68px;*/
z-index: 2;
position: absolute;
}
.banner-word {
margin-top: 150px;
padding-top: 16px;
}
.banner-word-btn{
width: 76px;
height: 48px;
margin-top: 42px;
display: inline-block;
border-radius: 5px;
color: #ffffff;
font-size: 18px;
cursor: pointer;
background: rgba(255,255,255,.1);
line-height: 48px;
padding: 1px 30px;
text-align: center;
margin-right: 20px;
}
.cf .swiper-slide{
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 462px;
}
.flagshipall{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.flagship{
width: 500px;
border-radius: 6px;
background: url("/template/sanjiang/static/images/tc.png") no-repeat;
background-size: 102%;
padding: 28px 42px;
box-sizing: border-box;
position: fixed;
top: 300px;
left: 50%;
margin-left: -250px;
}
.flagship p{
font-size: 20px;
color: #43475f;
font-weight: bold;
}
.flagship_btn{
width: 100px;
height: 38px;
border-radius: 4px;
background-color: #ff501a;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 38px;
margin-top: 40px;
cursor: pointer;
}
.flagship img{
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 10px;
cursor: pointer;
}
.focus-sel-bottom{
padding-bottom: 0;
margin-bottom: 40px;
}
.tab_nav{
position: static;
justify-content: space-between;
}
.tab_nav .item,.tab_nav .item{
cursor: unset;
width: 100%;
height: 38px;
}
.tab_nav .item:first-child{
padding-left:0;
}
.tab_nav .item{
background: none;
cursor: pointer;
}
.tab_nav .item,.tab_nav .item:hover .icon_img{
background: none;
}
.tab_nav .item,.tab_nav .item:hover .text_box span{
color: rgba(255, 255, 255, 0.6);
}
.tab_nav .item .text_box > p{
color: #ffffff;
font-size: 16px;
transition: all 0.5s;
font-size: 15px !important;
}
.tab_nav .item .text_box > span{
color: rgba(255, 255, 255, 0.6);
transition: all 0.5s;
}
.tab_nav a:hover{
animation: shake1 0.5s;
}
.tab_nav .item:hover{
background:none;
}
.tab_nav a>div{
height:90px;
display: flex;
align-items: center;
cursor: pointer;
}
@keyframes shake1 {
0%{
transform: translateX(0);
}
25%{
transform: translateX(2px);
}
50%{
transform: translateX(-2px);
}
75%{
transform: translateX(2px);
}
100%{
transform: translateX(0);
}
}
#ym_all_wab{
margin-top: 0;
padding-top: 20px;
background: #f7f8fc;
padding-bottom: 56px !important;
}
.ym_all_web_header{
margin-bottom: 32px;
}
.ym_all_web_header .ym_all_web_header_msg{
margin-top: 0;
}
#ym_all_wab .header_msg_box{
margin-top: 0;
}
.ym_all_web_header .ym_all_web_header_msg h1, .solution .solution_in .solution_title h1, .features .features_title h1,.focus .focus-title .main-t{
font-size: 36px !important;
height: 46px;
position: relative;
}
.ym_all_web_header .ym_all_web_header_msg h1 span{
display: inline-block;
position: absolute;
height: 32px;
}
.solution .solution_in .solution_title h1 span{
display: inline-block;
position: absolute;
}
.ym_all_web_header .ym_all_web_header_msg h1 span:nth-child(2), .solution .solution_in .solution_title h1 span:nth-child(2){
width: 30px;
height: 30px;
background: #FF743B;
border-radius: 50%;
top: -14px;
left: 120px;
}
.features .features_title h1 span:nth-child(2){
display: block;
width: 30px;
height: 30px;
background: #FF743B;
border-radius: 50%;
top: -14px;
left: 120px;
position: absolute;
}
.focus .focus-title .main-t span:nth-child(2){
display: block;
width: 30px;
height: 30px;
background: #FF743B;
border-radius: 50%;
top: -14px;
left: 324px;
position: absolute;
}
.ym_all_web_header .ym_all_web_header_msg h1 span:first-child, .solution .solution_in .solution_title h1 span:first-child, .features .features_title h1 span:first-child{
position: absolute;top: 0; bottom: 0;right: 0; left: 0; margin: auto; z-index: 2
}
.ym_all_web_header .ym_all_web_header_msg h1 p, .solution .solution_in .solution_title h1 p,.focus .focus-title .main-t p{
width: 60px;
height: 8px;
display: inline-block;
position: absolute;
background: #FC473C;
bottom: -26px;
right: 129px;
border-radius: 0 0 5px 5px;
}
.banner_nav{
position: absolute;
bottom: 0;
right: 0;
z-index: 100;
width: 1100px;
margin: auto;
left: 0;
}
.banner_nav ul{
display: flex;
align-items: flex-end;
position: absolute;
bottom: 122px;
right: 0;
}
.banner_nav ul li{
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #ffffff;
background: rgba(255,255,255,.2);
border-radius: 2px;
margin-left: 10px;
cursor: pointer;
}
.tab_nav .item .icon_img{
background: none;
}
.tab_nav a{
text-decoration: none;
}
.listyle{
padding: 8px 14px !important;
background: rgba(255,255,255,.3) !important;
position: relative;
}
.listyle span{
position: absolute;
/*transition: width 2.6s;*/
width: 0px;
height: 2px;
background: #fff;
bottom: -8px;
left: 0;
border-radius: 10px;
}
.banner-word-2nd span,.banner-word-3rd span{
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
border: 2px solid #ffffff;
margin-right: 8px;
}
.banner-word-2nd, .banner-word-3rd{
display: flex;
align-items: center;
font-size: 18px;
}
.banner_img{
width: 468px;
height: 332px;
bottom: -60px;
right: -46px;
}
.solution{
background: #ffffff;
padding-bottom: 74px;
}
.solution .solution_in .solution_title .sub-t,.ym_all_web_header .ym_all_web_header_msg span,.features .features_title .sub-t{
margin-top: 15px;
}
.main-t{
color: #242841 !important;
font-size: 36px !important;
}
.sub-t{
color: #9599A8 !important;
}
.solution .solution_in .solution_content{
margin-top: 96px !important;
}
.solution .solution_in .solution_content .left_nav{
height: auto;
border-right-color: rgba(252,71,60,0.10);
}
.solution .solution_in .solution_content .left_nav li.active::after{
background: #FC473C;
}
.solution .solution_in .solution_content .left_nav li span{
color: #242841;
}
.solution .solution_in .solution_content .left_nav .active{
background: linear-gradient(0deg, #ff5252, #f73737) !important;
}
.solution .solution_in .solution_content .left_nav .active span{
color: #ffffff;
}
.solution .solution_in .solution_content .right_content{
width: 100%;
}
.solution .solution_in .solution_content .right_content h5{
color: #242841;
font-size: 26px;
}
.solution .solution_in .solution_content .right_content .desc{
color: #626573;
font-size: 18px;
line-height: 36px;
width: 100%;
}
.img_box_one{
width: 136px;
height: 136px;
border-radius: 10px;
background: #F9FAFF;
text-align: center;
padding-top: 26px;
box-sizing: border-box;
}
.img_box_one p{
font-size: 16px;
color: #626573;
}
.solution .solution_in .solution_content .left_nav li:last-child{
margin-bottom: 0;
}
.solution .solution_in .solution_content .left_nav li img:nth-child(2){
display: none;
}
.solution .solution_in .solution_content .right_content .img_box{
display: flex;
justify-content: space-between;
padding-bottom: 100px;
}
.solution .solution_in .solution_content .right_content .img_box img{
display: block;
margin: 0 auto 20px;
}
.inputbtn{
height: 44px;
width: 100px;
background: #FFC946;
border: 0;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 44px;
cursor: pointer;
position: relative;
right: 98px;
}
.features{
height: 854px;
background: url("/template/sanjiang/static/images/characteristicbg.png") no-repeat;
background-size: 100% 100%;
}
.features_content{
margin-top: 48px !important;
}
.features_content_fir{
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.features_content_sec{
background: rgba(19, 27, 56, .9);
border-radius: 6px;
position: relative;
text-align: center;
overflow: hidden;
}
.features_content_sec span{
color: rgba(255,255,255,.3);
font-size: 14px;
position: absolute;
}
.focus{
width: 100%;
background: #ffffff;
padding-top: 80px;
}
.focus-title{
margin-bottom: 40px;
}
.focus-main{
width: 100%;
height: auto;
}
.focus-main ul{
display: flex;
word-break: break-all;
margin-bottom: 50px;
}
.focus-main ul li{
width: 25%;
padding: 0 18px;
box-sizing: border-box;
text-align: center;
}
.focus-main ul li img{
width: 100px;
height: 100px;
margin-bottom: 20px;
}
.focus-main ul li h3{
font-size: 18px;
margin-bottom: 12px;
color: #242841;
}
.focus-main ul li p{
font-size: 14px;
color: #626573;
}
.tab_navoutbg1{
width: 100%;
transition: 800ms;
background: #ff8a3b;
}
.tab_navoutbg2{
width: 100%;
transition: 800ms;
background: #1c9afa;
}
.tab_navoutbg3{
width: 100%;
transition: 800ms;
background: #8236ff;
}
.tab_navoutbg4{
width: 100%;
transition: 800ms;
background: #00BB6E;
}
.banner_nav ul .listyle span{
transition: width 7s;
}
.freebtn{
padding: 0 8px;
}
.home_time .focus-title{
margin-bottom: 50px;
}
.home_time_content ul{
display: flex;
justify-content: space-between;
}
.home_time_content ul li{
text-align: center;
border-radius: 4px;
}
.home_time_content ul li span{
font-size: 36px;
font-weight: bold;
color: #fe5900;
}
.home_time_content ul li p{
font-size: 16px;
color: #202946;
margin-top: 4px;
}
.home_time_content ul li img{
width: 200px;
height: 100px;
}
.home_time_content2 ul li:hover{
box-shadow: 0px 5px 20px 0px rgba(210, 210, 210, 0.21);
}
.cooperation{
padding-top: 0;
padding-bottom: 80px;
}
.top_cooperationoneR ul{
width: 100% !important;
}
.serviceClass{
width: 1100px;
margin: 0 auto;
display: block;
}
.serviceClass li{
width: 23%;
height: 294px;
background: #ffffff;
border-radius: 6px;
text-align: center;
display: inline-block;
margin: 10px 9px;
}
.serviceClass .title{
width: 100%;
padding: 18px;
text-align: center;
color: #ffffff;
box-sizing: border-box;
border-radius: 6px 6px 0 0 ;
}
.serviceClass .title h5{
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.serviceClass img{
width: 96px;
height: 96px;
margin: 30px auto;
display: block;
}
.serviceClass button{
width: 80%;
height: 40px;
border-radius: 4px;
cursor: pointer;
}
.templateAll{
width: 1100px;
margin: 0 auto;
text-align: center;
}
.templateAll img{
width: 18%;
margin: 0 5px;
}
.button_sy{
width: 120px ;
height: 40px;
border-radius: 4px;
background: #fc473c;
text-align: center;
line-height: 40px ;
color: white;
font-size: 14px;
box-shadow: 0px 2px 6px 0px rgb(255 105 24 / 46%) ;
margin: 40px auto;
border: 1px solid #FF6918 ;
cursor: pointer;
}
.borderColor1{
border: 1px solid #0cc1b8;
background:#ffffff;
color: #0cc1b8;
}
.bgColor1{
background: linear-gradient(-90deg,rgb(12 193 184),rgb(15 218 181));
}
.borderColor2{
border: 1px solid #F73737;
background:#ffffff;
color: #F73737;
}
.bgColor2{
background: linear-gradient(-90deg,#ff5252,#f73737);
}
.borderColor3{
border: 1px solid #FF9705;
background:#ffffff;
color: #FF9705;
}
.bgColor3{
background: linear-gradient(#ff9705,#ffae3f);
}
.borderColor4{
border: 1px solid #2790FF;
background:#ffffff;
color: #2790FF;
}
.bgColor4{
background: linear-gradient(#268fff,#4ca2ff);
}
.borderColor5{
border: 1px solid #8B62EE;
background:#ffffff;
color: #8B62EE;
}
.bgColor5{
background: linear-gradient(#8b62ee,#7b6df2);
}
.borderColor6{
border: 1px solid #25B1FD;
background:#ffffff;
color: #25B1FD;
}
.bgColor6{
background: linear-gradient(#25b1fd,#28b8ff);
}
.borderColor7{
border: 1px solid #F6556C;
background:#ffffff;
color: #F6556C;
}
.bgColor7{
background: linear-gradient(-90deg,#f8687d,#f6556c);
}
.borderColor8{
border: 1px solid #FF6536;
background:#ffffff;
color: #FF6536;
}
.bgColor8{
background: linear-gradient(-90deg,#ff7b23,#ff6536);
}
.borderColor9{
border: 1px solid #FDBE2F;
background:#ffffff;
color: #FDBE2F;
}
.bgColor9{
background: linear-gradient(#fdbe2f,#f9c148);
}
.borderColor10{
border: 1px solid #01D078;
background:#ffffff;
color: #01D078;
}
.bgColor10{
background: linear-gradient(#00d077,#31d58f);
}
.borderColor11{
border: 1px solid #AE45FF;
background:#ffffff;
color: #AE45FF;
}
.bgColor11{
background: linear-gradient(#ae44ff ,#b661ff);
}
.borderColor12{
border: 1px solid #FF8F38;
background:#ffffff;
color: #FF8F38;
}
.bgColor12{
background: linear-gradient(-90deg,#ffaf71,#ff8e37);
}
.serviceClass .borderColor1:hover{
background:#0cc1b8;
color: #ffffff;
}
.serviceClass .borderColor2:hover{
background:#F73737;
color: #ffffff;
}
.serviceClass .borderColor3:hover{
background:#FF9705;
color: #ffffff;
}
.serviceClass .borderColor4:hover{
background:#2790FF;
color: #ffffff;
}
.serviceClass .borderColor5:hover{
background:#8B62EE;
color: #ffffff;
}
.serviceClass .borderColor6:hover{
background:#25B1FD;
color: #ffffff;
}
.serviceClass .borderColor7:hover{
background:#F6556C;
color: #ffffff;
}
.serviceClass .borderColor8:hover{
background:#FF6536;
color: #ffffff;
}
.serviceClass .borderColor9:hover{
background:#FDBE2F;
color: #ffffff;
}
.serviceClass .borderColor10:hover{
background:#01D078;
color: #ffffff;
}
.serviceClass .borderColor11:hover{
background:#AE45FF;
color: #ffffff;
}
.serviceClass .borderColor12:hover{
background:#FF8F38;
color: #ffffff;
}
</style>
</head>
<body>
<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 id="allBody">
<div class="swiper-container">
<!--tab图片跳转 Start-->
<div class="tab_navout" style="width: 100%;position: absolute; z-index: 100; bottom: 0;background: rgba(255,255,255,.1)">
<div class="tab_nav" style="margin: 0 auto;">
<a href="https://www.sanjiangapp.com/wxshop" class="item">
<div>
<div class="icon_img"><img src="/template/sanjiang/static/picture/icon1.svg" alt="商城搭建" width="100%" height="100%"></div>
<div class="text_box">
<p>商城搭建</p>
<span>专业团队倾力研发</span>
</div>
</div>
</a>
<a href="https://www.sanjiangapp.com/socialmall" class="item">
<div>
<div class="icon_img"><img src="/template/sanjiang/static/picture/icon2.svg" alt="社交电商" width="100%" height="100%"></div>
<div class="text_box">
<p>社交电商</p>
<span>多种模式供您选择</span>
</div>
</div>
</a>
<a href="https://www.sanjiangapp.com/privatecloud" class="item">
<div>
<div class="icon_img"><img src="/template/sanjiang/static/picture/icon3.svg" alt="独立部署" width="100%" height="100%"></div>
<div class="text_box">
<p>独立部署</p>
<span>数据独立安全稳定</span>
</div>
</div>
</a>
<a href="https://www.sanjiangapp.com/dingzhikaifa" class="item">
<div>
<div class="icon_img"><img src="/template/sanjiang/static/picture/icon4.svg" alt="多端合一" width="100%" height="100%"></div>
<div class="text_box">
<p>多端合一</p>
<span>覆盖多个终端统一管理</span>
</div>
</div>
</a>
<a href="https://www.sanjiangapp.com/about" class="item">
<div>
<div class="icon_img"><img src="/template/sanjiang/static/picture/icon5.svg" alt="专业服务" width="100%" height="100%"></div>
<div class="text_box">
<p>专业服务</p>
<span>在线客服随时响应</span>
</div>
</div>
</a>
</div>
</div>
<!--tab图片跳转 End-->
<div class="swiper-wrapper cf">
<div class="swiper-slide imgone" style="height:610px;background:linear-gradient(0deg, rgb(90 95 242), rgb(41 25 177)) 0% 0% / 100% 100%; background-size: 100% 100%;">
<div style="width: 1100px;margin: 0 auto;position: relative" class="clearfix">
<div class="banner-word">
<p class="banner-word-1st">三匠互联 新零售商城系统</p>
<p class="banner-word-2nd"><span></span>公众号+H5+小程序+APP打造全终端+全场景的电商解决方案 </p>
<p class="banner-word-3rd"><span></span>专注于私域新零售商城系统软件的开发</p>
<p class="banner-word-3rd"><span></span>提供多种新零售运营模式，满足行业所需，助力企业裂变增长</p>
<p style="display: flex; align-items: center;margin-top: 12px;"><img src="/template/sanjiang/static/picture/bannerphone.png" style="width: 28px; height: 28px; margin-right: 8px" alt=""><span style="font-size: 26px; font-weight: bold; color: #ffffff">185-2000-2448</span></p>
<div class="banner-word-btn" style="background: #ffffff; color: #2919b1 !important; font-weight: bold;border: 1px solid #ffffff;" onclick="location.href='/xinlingshou'">查看详情</div>
<div class="banner-word-btn" style="background: rgba(255,255,255,0.10); color: #ffffff; border: 1px solid #ffffff;" onclick="showClick()">系统演示</div>
</div>
<div class="banner_img" style="">
<img src="/template/sanjiang/static/picture/indexone.png" width="100%" height="100%" alt="三匠互联 新零售商城系统">
</div>
</div>
</div>
<div class="swiper-slide imgtwo" style="height:610px;background:linear-gradient(#075ce5, #008df1); background-size: 100% 100%;">
<div style="width: 1100px;margin: 0 auto;position: relative" class="clearfix">
<div class="banner-word">
<p class="banner-word-1st">微商管理系统</p>
<p class="banner-word-2nd"><span></span>招商新模式，打通多级渠道，高效管人、管钱、管货</p>
<p class="banner-word-3rd"><span></span>帮微商解决管理、运营、裂变难题、让微商生意更高效</p>
<p class="banner-word-3rd"><span></span>一套专业微商管理运营工具，彻底解放人工操作，正常上下班！</p>
<div class="banner-word-btn" style="background: #f83d44;" onclick="location.href='/weishang'">查看详情</div>
<div class="banner-word-btn" style="background: rgba(255,255,255,0.10); color: #ffffff; border: 1px solid #ffffff;" onclick="showClick()">系统演示</div>
</div>
<div class="banner_img" style="width: 622px; bottom: -25px">
<img src="/template/sanjiang/static/picture/indextwo.png" width="100%" height="100%" alt="微商管理系统">
</div>
</div>
</div>
<div class="swiper-slide imgthree" style="height:610px;background:linear-gradient(#5a00e2, #7728fa); background-size: 100% 100%;">
<div style="width: 1100px;margin: 0 auto;position: relative" class="clearfix">
<div class="banner-word">
<p class="banner-word-1st">美丽天天秒链动2+1系统</p>
<p class="banner-word-2nd"><span></span>降低营销成本，快速拉新获客</p>
<p class="banner-word-3rd"><span></span>快速裂变团队长，资金回笼快，全面提升业绩。</p>
<div class="banner-word-btn" style="background: #ff6918 ;" onclick="location.href='/liandong'">查看详情</div>
<div class="banner-word-btn" style="background: rgba(255,255,255,0.10); color: #ffffff; border: 1px solid #ffffff;" onclick="showClick()">系统演示</div>
</div>
<div class="banner_img" style="width: 775px">
<img src="/template/sanjiang/static/picture/indexthree.png" width="100%" height="100%" alt="美丽天天秒链动2+1系统">
</div>
</div>
</div>
<div class="swiper-slide imgfour" style="height:610px;background:linear-gradient(#20a24c, #00bb6e); background-size: 100% 100%;">
<div style="width: 1100px;margin: 0 auto;position: relative" class="clearfix">
<div class="banner-word">
<p class="banner-word-1st">9年移动电商行业实战经验</p>
<p class="banner-word-2nd"><span></span>服务超过1500家品牌实现系统运营</p>
<p class="banner-word-3rd"><span></span>帮助10000家中微企业成功实现业绩裂变增长</p>
<div class="banner-word-btn" style="background: #fff ;color:#00BB6E" onclick="location.href='/about'">关于我们</div>
<div class="banner-word-btn" style="background: rgba(255,255,255,0.10); color: #ffffff; border: 1px solid #ffffff;" onclick="wxclick()">免费咨询</div>
</div>
<div class="banner_img" style="width: 600px;right:10px">
<img src="/template/sanjiang/static/picture/indexfour.png" width="100%" height="100%" alt="9年移动电商行业实战经验">
</div>
</div>
</div>
</div>
<div class="banner_nav">
<ul>
<li class="listyle" id="banner1">新零售商城系统<span></span></li>
<li id="banner2">微商管理系统<span></span></li>
<li id="banner3">链动2+1模式系统<span></span></li>
<li id="banner4">我们的优势<span></span></li>
</ul>
</div>
<div class="swiper-pagination "></div>
</div>
<!--多元化系统提供全方位服务 Start-->
<div id="ym_all_wab" style=" height: auto;">
<div class="ym_all_web_header" style="height: 156px;">
<div class="ym_all_web_header_msg">
<div class="header_msg_box">
<h1>
<span class="main-t">三匠互联全渠道全场景产品</span>
<p style="left: 0; right: 0; margin: auto"></p>
</h1>
</div>
</div>
</div>
<div id="service">
<ul class="serviceClass" >
<li>
<div class="title bgColor1">
<h5>微信商城</h5>
<p>打造全网渠道、快速开店</p>
</div>
<img src="/template/sanjiang/static/picture/four.png" alt="微信商城">
<button class="borderColor1" onclick="location.href='/wxshop'">了解方案详情</button>
</li>
<li>
<div class="title bgColor2">
<h5>公众号商城</h5>
<p>专业私域流量解决方案</p>
</div>
<img src="/template/sanjiang/static/picture/one.png" alt="公众号商城">
<button class="borderColor2" onclick="location.href='/h5mall'">了解方案详情</button>
</li>
<li>
<div class="title bgColor3">
<h5>小程序商城</h5>
<p>自带流量，快速实现拉新裂变</p>
</div>
<img src="/template/sanjiang/static/picture/two.png" alt="小程序商城">
<button class="borderColor3" onclick="location.href='/minimall'">了解方案详情</button>
</li>
<li>
<div class="title bgColor4">
<h5>APP商城</h5>
<p>打造品牌，提升企业知名度</p>
</div>
<img src="/template/sanjiang/static/picture/three.png" alt="APP商城">
<button class="borderColor4" onclick="location.href='/appmall'">了解方案详情</button>
</li>
<li>
<div class="title bgColor5">
<h5>365免费换包系统</h5>
<p>月月换包模式,颠覆传统包包行业</p>
</div>
<img src="/template/sanjiang/static/picture/five.png" alt="365免费换包系统">
<button class="borderColor5" onclick="location.href='/huanbao'">了解方案详情</button>
</li>
<li>
<div class="title bgColor6">
<h5>多商家多门店系统</h5>
<p>打造多门店多商家入驻的商家平台</p>
</div>
<img src="/template/sanjiang/static/picture/six.png" alt="多商家多门店系统">
<button class="borderColor6" onclick="location.href='/duoshangjia'">了解方案详情</button>
</li>
<li>
<div class="title bgColor7">
<h5>社区团购商城系统</h5>
<p>整合社区资源，实现流量变现</p>
</div>
<img src="/template/sanjiang/static/picture/seven.png" alt="社区团购商城系统">
<button class="borderColor7" onclick="location.href='/sqtg'">了解方案详情</button>
</li>
<li>
<div class="title bgColor8">
<h5>新零售分销商城</h5>
<p>传统分销+新玩法，提升销售额</p>
</div>
<img src="/template/sanjiang/static/picture/eight.png" alt="新零售分销商城">
<button class="borderColor8" onclick="location.href='/fenxiao'">了解方案详情</button>
</li>
<li>
<div class="title bgColor9">
<h5>微商代理云仓系统</h5>
<p>微商模式+代理商分红系统</p>
</div>
<img src="/template/sanjiang/static/picture/nine.png" alt="微商代理云仓系统">
<button class="borderColor9" onclick="location.href='/weishang'">了解方案详情</button>
</li>
<li>
<div class="title bgColor10">
<h5>直播电商系统</h5>
<p>边看直播边购物，实现直播卖货</p>
</div>
<img src="/template/sanjiang/static/picture/ten.png" alt="直播电商系统">
<button class="borderColor10" onclick="location.href='/livemall'">了解方案详情</button>
</li>
<li>
<div class="title bgColor11">
<h5>链动2+1模式系统</h5>
<p>火爆裂变模式，帮助企业快速卖货</p>
</div>
<img src="/template/sanjiang/static/picture/eleven.png" alt="链动2+1模式系统">
<button class="borderColor11" onclick="location.href='/liandong'">了解方案详情</button>
</li>
<li>
<div class="title bgColor12">
<h5>拼团返利商城</h5>
<p>多种拼团玩法，全新拼团抽奖系统</p>
</div>
<img src="/template/sanjiang/static/picture/twelve.png" alt="拼团返利商城">
<button class="borderColor12" onclick="location.href='/pintuan'">了解方案详情</button>
</li>
</ul>
</div>
</div>
<!--多元化系统提供全方位服务 En'd-->
<div style=" background: #ffffff;padding-top: 20px">
<div class="ym_all_web_header" style="height: 156px;">
<div class="ym_all_web_header_msg">
<div class="header_msg_box">
<h1><span class="main-t">DIY装修，打造专属个性商城</span><p style="left: 0; right: 0; margin: auto"></p></h1>
</div>
</div>
</div>
<div class="templateAll">
<img src="/template/sanjiang/static/picture/template1.png" alt="拖拽式DIY装修，打造专属个性商城1">
<img src="/template/sanjiang/static/picture/template2.png" alt="拖拽式DIY装修，打造专属个性商城2">
<img src="/template/sanjiang/static/picture/template3.png" alt="拖拽式DIY装修，打造专属个性商城3">
<img src="/template/sanjiang/static/picture/template4.png" alt="拖拽式DIY装修，打造专属个性商城4">
<img src="/template/sanjiang/static/picture/template5.png" alt="拖拽式DIY装修，打造专属个性商城5">
<button class="button_sy"
onclick="wxclick()">系统演示</button>
</div>
</div>
<!--解决方案-->
<div class="solution">
<div class="solution_in">
<div class="solution_title">
<h1 class="main-t">
<span>三匠互联，快速赋能企业落地私域</span>
<p style="left: 0;right: -72px;margin: auto;"></p>
</h1>
</div>
<div class="solution_content">
<ul class="left_nav">
<li class="active"><img src="/template/sanjiang/static/picture/retail.svg" alt="新零售电商"><img src="/template/sanjiang/static/picture/retail_one.svg" alt="新零售电商"><span>新零售电商</span></li>
<li><img src="/template/sanjiang/static/picture/entity.svg" alt="传统电商"><img src="/template/sanjiang/static/picture/entity_one.svg" alt="传统电商"><span>传统电商</span></li>
<li><img src="/template/sanjiang/static/picture/social.svg" alt="社交电商"><img src="/template/sanjiang/static/picture/social_one.svg" alt="社交电商"><span>社交电商</span></li>
<li><img src="/template/sanjiang/static/picture/content.svg" alt="私域电商"><img src="/template/sanjiang/static/picture/content_one.svg" alt="私域电商"><span>私域电商</span></li>
<li><img src="/template/sanjiang/static/picture/distribution.svg" alt="分销电商"><img src="/template/sanjiang/static/picture/distribution_one.svg" alt="分销电商"><span>分销电商</span></li>
<li><img src="/template/sanjiang/static/picture/live.svg" alt="直播电商"><img src="/template/sanjiang/static/picture/live_one.svg" alt="直播电商"><span>直播电商</span></li>
<li><img src="/template/sanjiang/static/picture/moremall.svg" alt="多商户平台"><img src="/template/sanjiang/static/picture/moremall_one.svg" alt="多商户平台"><span>多商户平台</span></li>
</ul>
<div class="right_content">
<div class="main_content block ">
<h5>三匠互联新零售电商系统</h5>
<div class="desc">
<p>三匠互联智慧新零售，赋能传统零售转型升级</p>
<p>新零售不止是一个概念，而是一个全新的消费体验升级</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/logistics.svg" alt="物流设置"><p>物流设置</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/online.svg" alt="商品管理"><p>商品管理</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/brand.svg" alt="会员营销"><p>会员营销</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/enter.svg" alt="订单管理"><p>订单管理</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/accdata.svg" alt="数据分析"><p>数据分析</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联传统电商系统</h5>
<div class="desc">
<p>三匠互联为传统行业实体店铺提供线上商城搭建</p>
<p>通过线上引流和营销方案制定，线上营销、交易、复购、裂变全方位提升线上销售</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/clothing.svg" alt="服装类"><p>服装类</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/food.svg" alt="食品类"><p>食品类</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/education.svg" alt="教育类"><p>教育类</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/beauty.svg" alt="美妆类"><p>美妆类</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/allindustry.svg" alt="全行业覆盖"><p>全行业覆盖</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联社交电商系统</h5>
<div class="desc">
<p>微信内部用户裂变，一传十，十传百</p>
<p>快速扩充商城用户流量，搭配营销攻略实现流量变现</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/group.svg" alt="链动2+1"><p>链动2+1</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/marketing.svg" alt="推三返一"><p>推三返一</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/bargaining.svg" alt="拼团拼购"><p>拼团拼购</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/share.svg" alt="七星创客"><p>七星创客</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/extension.svg" alt="排队返利"><p>排队返利</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联私域电商系统</h5>
<div class="desc">
<p>帮助商户直连消费者，精细化运营私域流量</p>
<p>助力品牌商家实现公域引流转化私域沉淀，全渠道智能化经营。</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/video.svg" alt="小程序直播"><p>小程序直播</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/community.svg" alt="会员系统"><p>会员系统</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/allchannel.svg" alt="全渠道分享"><p>全渠道分享</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/con_marketing.svg" alt="内容营销"><p>内容营销</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/com_promotion.svg" alt="商品推广"><p>商品推广</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联分销电商系统</h5>
<div class="desc">
<p>制定分销规则，激励用户进行消费、分享等行为</p>
<p>通过等级管理、团队激励、推广佣金、消费返利等业务功能即可完成社交分销的起盘环节</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/business_card.svg" alt="专属名片"><p>专属名片</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/team.svg" alt="团队管理"><p>团队管理</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/commission.svg" alt="佣金模式"><p>佣金模式</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/excitation.svg" alt="团队激励"><p>团队激励</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/data_analysis.svg" alt="数据分析"><p>数据分析</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联直播电商系统</h5>
<div class="desc">
<p>小程序直播+视频号直播带货，完成购买交易闭环，提升转化率</p>
<p>边看边买，边播边卖，商品特色让用户看到才好卖</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/explain.svg" alt="直播讲解"><p>直播讲解</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/special_effects.svg" alt="特效美颜"><p>特效美颜</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/quality.svg" alt="超清画质"><p>超清画质</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/5glive.svg" alt="快速接入"><p>快速接入</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/gift.svg" alt="实时互动"><p>实时互动</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
<div class="main_content">
<h5>三匠互联多商户平台</h5>
<div class="desc">
<p>一个商城平台体系，多店铺独立营销运维，打造闭环商业生态</p>
<p>搭建平台级私域商城，实现商家与平台在商品、订单、会员、营销、财务等数据的一体化运营管理</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="/template/sanjiang/static/picture/independent.svg" alt="独立部署"><p>独立部署</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/moreshop.svg" alt="多店商城"><p>多店商城</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/bd_analysis.svg" alt="数据分析"><p>数据分析</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/appmall.svg" alt="分销裂变"><p>分销裂变</p></div>
<div class="img_box_one"><img src="/template/sanjiang/static/picture/b2b2c.svg" alt="B2B2C"><p>B2B2C</p></div>
</div>
<div class="qw_btn freebtn" onclick="wxclick()" style="margin: 0 !important;background: #FC473C !important;box-shadow: none !important;width: 112px !important;height: 42px !important;line-height: 42px !important;font-weight: bold !important;letter-spacing: 1px !important;">领取解决方案</div>
</div>
</div>
</div>
</div>
</div>
<!--特色功能-->
<div class="features">
<div class="features_title">
<h1 class="main-t">
<span style="color: #ffffff">特色功能</span>
<p style="width: 72px;left: 0;right: -72px;bottom: 0;margin: auto;"></p>
</h1>
<!--<p class="main-t"></p>-->
<p class="sub-t" style="color: rgba(255,255,255,.6)">三匠互联用功能解决行业销售问题</p>
</div>
<div class="features_content">
<div class="features_content_fir">
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 260px; height: 110px">
<span style="top: 14px; left: 26px">转化分析</span>
<span style="font-size: 12px;top: 14px;right: 28px;">交易分析</span>
<span style="top: 40px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">数据报表分析</span>
<img src="/template/sanjiang/static/picture/bigdata.png" alt="数据报表分析" style="width: 100px;position: absolute;top: 0; bottom: 0; left: 0; right: 0; margin:auto">
<span style="bottom: 28px; left: 26px">实时统计</span>
<span style="bottom: 18px; right: 28px; color: rgba(255,255,255,.6)">会员分析</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 213px; height: 110px">
<span style="top: 14px;right: 20px;">操作流程</span>
<span style="top: 40px; bottom: 0; left: 64px; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">新零售商城</span>
<img src="/template/sanjiang/static/picture/app.png" alt="新零售商城" style="width: 100px;position: absolute;top: 16px; bottom: 0; left: -68px; right: 0; margin:auto">
<span style="bottom: 18px; right: 27px;font-size: 12px; color: rgba(255,255,255,.7)">稳定高速</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 213px; height: 110px">
<span style="top: 14px;right: 20px; color: rgba(255,255,255,.7)">快速裂变</span>
<span style="top: 40px; bottom: 0; left: 64px; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">分销商城</span>
<img src="/template/sanjiang/static/picture/distribution.png" alt="分销商城" style="width: 100px;position: absolute;top: 16px; bottom: 0; left: -68px; right: 0; margin:auto">
<span style="bottom: 18px; right: 27px;">佣金体系</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 260px; height: 110px">
<span style="top: 14px; left: 26px;color: rgba(255,255,255,.2)">店铺管理</span>
<span style="font-size: 12px;top: 14px;right: 28px;color: rgba(255,255,255,.8)">营销活动</span>
<span style="top: 40px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">多商户商城</span>
<img src="/template/sanjiang/static/picture/moreuser.png" alt="多商户商城" style="width: 100px;position: absolute;top: 0; bottom: 0; left: 0; right: 0; margin:auto">
<span style="bottom: 20px; left: 26px;color: rgba(255,255,255,.8)">商城装修</span>
<span style="bottom: 10px; right: 76px;color: rgba(255,255,255,.7)">用户管理</span>
<span style="bottom: 32px; right: 28px; font-size: 12px;">结算管理</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 130px; height: 110px">
<img src="/template/sanjiang/static/picture/cus_service.svg" alt="实时统计" style="width: 48px; height: 48px;position: absolute;top: 20px; left: 0; right: 0; margin:auto">
<span style="bottom: 0;top: 74px; left: 0; right: 0; color: #ffffff">实时统计</span>
</div>
</div>
</div>
<div class="features_content_fir">
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 110px; height: 300px">
<img src="/template/sanjiang/static/picture/storage_card.png" alt="会员管理" style="width: 84px;position: absolute;top: 40px; left: 22px; right: 0; margin:auto">
<span style="top: 100px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">会员管理</span>
<span style="top: 150px; left: 16px; color: rgba(255,255,255,.7)">评论互动</span>
<span style="top: 196px; right: 16px;color: rgba(255,255,255,.2)">送积分</span>
<span style="bottom: 36px; left: 26px;color: rgba(255,255,255,.4)">送优惠券</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 215px; height: 300px;overflow-y: hidden">
<span style="top: 24px;left: 54px; font-size: 16px; color: rgba(255,255,255,.7)">拼团</span>
<span style="top: 18px; right: 18px; color: rgba(255,255,255,.7)">砍价</span>
<span style="top: 48px;right: 54px; color: rgba(255,255,255,.3)">优惠券</span>
<span style="top: 60px; left: 46px; color: rgba(255,255,255,.7)">N件N折</span>
<span style="top: 78px;right: 82px; color: rgba(255,255,255,.3)">秒杀</span>
<span style="top: 88px; right: 22px; color: rgba(255,255,255,.5)">预售</span>
<span style="top: 102px;left: 24px; color: rgba(255,255,255,.2)">满减满折</span>
<span style="top: 112px; right: 70px;font-size: 12px; color: rgba(255,255,255,.4)">新人礼包</span>
<span style="top: 156px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 20px;font-weight: bold">海量营销方案</span>
<img src="/template/sanjiang/static/picture/marketing_program.png" alt="海量营销方案" style="margin: 200px 0 0 10px;">
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 429px; height: 300px">
<img src="/template/sanjiang/static/picture/logo-white.svg" alt="公众号+小程序+APP打造私域电商营销系统" style="width: 100%; height: 52px; margin-top: 72px;">
<span style="margin: 20px 0 26px 0;position: relative;display: block;font-size: 16px; color: #FEFEFF">公众号+小程序+APP打造私域电商营销系统</span>
<div class="qw_btn" onclick="wxclick()" style="background: #FC473C !important; box-shadow: none">立即咨询</div>
</div>
</div>
<div data-aos="zoom-in">
<div style="display: flex; justify-content: space-between;background: none; margin-bottom: 14px">
<div class="features_content_sec" style="width: 154px; height: 206px">
<span style=" top: 22px;left: 22px;color: rgba(255,255,255,.7)">定制模板</span>
<span style="top: 46px; right: 18px;color: rgba(255,255,255,.7)">1对1客服</span>
<img src="/template/sanjiang/static/picture/customization.png" alt="定制化服务" style="width: 108px;position: absolute;top: 0; bottom: 0; left: 42px; right: 0; margin:auto">
<span style="left: 26px; top: 90px; color: rgba(255,255,255,.8)">定制功能</span>
<span style="bottom: 58px; right: 26px;color: rgba(255,255,255,.2)">24小时在线</span>
<span style=" bottom: 26px; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">定制化服务</span>
</div>
<div class="features_content_sec" style="width: 154px; height: 206px">
<span style=" top: 22px;right: 22px;color: rgba(255,255,255,.5)">代理等级</span>
<span style="top: 98px; left: 18px;color: rgba(255,255,255,.2);font-size: 12px">身份门槛</span>
<img src="/template/sanjiang/static/picture/grade.png" alt="代理系统" style="width: 154px;position: absolute;top: 0; bottom: 0; left: 14px; right: 0; margin:auto">
<span style="right: 26px; top: 90px; color: rgba(255,255,255,.9);font-size: 12px">身份礼包</span>
<span style="left: 26px; bottom: 62px; color: rgba(255,255,255,.8)">代理权益</span>
<span style=" bottom: 26px; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">代理系统</span>
</div>
</div>
<div class="features_content_sec" style="width: 320px; height: 80px;overflow: hidden;text-align: right">
<span style="top: 28px; bottom: 0; left: 30px; margin:auto;color: #ffffff;font-size: 20px;font-weight: bold">商业模式</span>
<span style="top: 14px; left: 110px;color: rgba(255,255,255,.5);font-size: 12px;">链动2+1</span>
<span style="top: 14px;right: 82px;color: rgba(255,255,255,.2);font-size: 12px;">七星创客</span>
<span style="top: 28px; right: 26px;color: rgba(255,255,255,.5);font-size: 12px;">拼购拼团</span>
<span style="bottom: 18px; right: 136px;color: rgba(255,255,255,.5);font-size: 12px;">免费领模式</span>
<span style="bottom: 12px; right: 36px; font-size: 12px;color: rgba(255,255,255,.2);">推三返一</span>
<img src="/template/sanjiang/static/picture/vip.png" alt="商业模式" style="width: 78px; margin-top: -2px">
</div>
</div>
</div>
<div class="features_content_fir">
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 175px; height: 200px">
<span style="bottom: 50px; right: 26px; color: rgba(255,255,255,.7)">积分兑换</span>
<span style="font-size: 12px;bottom: 44px; left: 28px; color: rgba(255,255,255,.6)">积分抽奖</span>
<span style="top: 94px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">积分商城</span>
<img src="/template/sanjiang/static/picture/integral.png" alt="积分商城" style="width: 100px;position: absolute;top: 18px; left: 55px; margin:auto">
<span style="bottom: 16px; right: 32px; color: rgba(255,255,255,.2)">提升活跃度</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 175px; height: 200px">
<span style="bottom: 44px; right: 26px; color: rgba(255,255,255,.2)">社群营销</span>
<span style="bottom: 44px; left: 28px; color: rgba(255,255,255,.7)">评论互动</span>
<span style="top: 94px; bottom: 0; left: 0; right: 0; margin:auto;color: #ffffff;font-size: 18px;font-weight: bold">社交电商</span>
<img src="/template/sanjiang/static/picture/video.png" alt="社交电商" style="width: 116px;position: absolute;top: 18px; left: 47px; margin:auto">
<span style="bottom: 16px; left: 50px; color: rgba(255,255,255,.6)">快速变现</span>
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 201px; height: 200px">
<span style="top: 22px; left: 24px; color: #ffffff;font-size: 18px;font-weight: bold">微信商城</span>
<span style="top: 50px;right: 24px; color: rgba(255,255,255,.3)">即走即用</span>
<span style="top: 70px;left: 20px; color: rgba(255,255,255,.7)">公众号</span>
<span style="bottom: 82px;left: 70px; color: rgba(255,255,255,.7)">无需代码</span>
<span style="bottom: 48px;left: 20px; color: rgba(255,255,255,.2)">实时消息</span>
<span style="bottom: 22px; right: 76px; color: rgba(255,255,255,.2)">H5商城</span>
<img src="/template/sanjiang/static/picture/wxshop.png" alt="微信商城" style="width: 114px; margin: 74px 0 0 118px;">
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 201px; height: 200px">
<span style="top: 22px; left: 24px; color: #ffffff;font-size: 18px;font-weight: bold">小程序商城</span>
<span style="top: 70px;left: 92px; color: rgba(255,255,255,.2)">快速制作</span>
<span style="top: 90px;left: 20px; color: rgba(255,255,255,.7)">无需下载</span>
<span style="bottom: 62px;left: 70px; color: rgba(255,255,255,.3)">使用便捷</span>
<span style="bottom: 28px;left: 20px; color: rgba(255,255,255,.7)">体验流畅</span>
<img src="/template/sanjiang/static/picture/xcxshop.png" alt="小程序商城" style="width: 114px; margin: 68px 0 0 108px;">
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 201px; height: 200px">
<span style="top: 22px; left: 24px; color: #ffffff;font-size: 18px;font-weight: bold">小程序直播</span>
<span style="top: 22px;right: 24px; color: rgba(255,255,255,.7);font-size: 12px">直播分销</span>
<span style="top: 70px;left: 84px; color: rgba(255,255,255,.8);font-size: 12px">实时互动</span>
<span style="top: 92px;left: 20px; color: rgba(255,255,255,.5);font-size: 12px">美颜磨皮</span>
<span style="bottom: 58px;left: 84px; color: rgba(255,255,255,.7);font-size: 12px">直播抽奖</span>
<span style="bottom: 38px;left: 20px; color: rgba(255,255,255,.2);font-size: 12px">边看边卖</span>
<span style="bottom: 14px; right: 76px; color: rgba(255,255,255,.4)">直播分析</span>
<img src="/template/sanjiang/static/picture/5glive.png" alt="小程序直播" style="width: 92px; margin: 64px 0 0 84px;">
</div>
</div>
<div data-aos="zoom-in">
<div class="features_content_sec" style="width: 106px; height: 92px;margin-bottom: 15px">
<img src="/template/sanjiang/static/picture/commission.svg" alt="佣金体系" style="width: 30px; height: 30px;position: absolute;top: 20px; left: 0; right: 0; margin:auto">
<span style="bottom: 16px; left: 0; right: 0; color: #ffffff">佣金体系</span>
</div>
<div class="features_content_sec" style="width: 106px; height: 92px">
<img src="/template/sanjiang/static/picture/independent.svg" alt="独立部署" style="width: 30px; height: 30px;position: absolute;top: 20px; left: 0; right: 0; margin:auto">
<span style="bottom: 16px; left: 0; right: 0; color: #ffffff">独立部署</span>
</div>
</div>
</div>
</div>
</div>
<!-- 时间 -->
<div class="focus home_time">
<div style="width: 1100px; margin: 0 auto">
<div class="focus-title">
<h1 class="main-t" style="background: none;font-weight: bold">
<span style="position: absolute;top: 0; bottom: 0;right: 0; left: 0; margin: auto; z-index: 2">三匠互联深耕行业9年 提供专属的解决方案</span>
<p style="left: 0;right: 0;margin: auto;"></p>
</h1>
</div>
<div class="home_time_content">
<ul>
<li>
<span>1000+</span>
<p>上千家商家的选择</p>
</li>
<li>
<span>100%</span>
<p>全面覆盖市场行业</p>
</li>
<li>
<span>10w+</span>
<p>更多用户信赖的平台</p>
</li>
<li>
<span>200%</span>
<p>赋能线上销售能力</p>
</li>
</ul>
</div>
</div>
</div>
<!-- 专注电商 -->
<div class="focus">
<div style="width: 1100px; margin: 0 auto">
<div class="focus-title">
<h1 class="main-t" style="background: none;font-weight: bold">
<span style="position: absolute;top: 0; bottom: 0;right: 0; left: 0; margin: auto; z-index: 2">三匠互联公司实力与服务优势</span>
</h1>
<p class="sub-title" style="padding-top: 8px">强大技术实力与团队，更优质的产品与服务</p>
</div>
<div class="focus-main">
<div class="focus-mains">
<ul>
<li>
<img src="/template/sanjiang/static/picture/morechannel.png" alt="专业客服答疑">
<h3>专业客服答疑</h3>
<p>超过1000次客户服务经验 专业指导</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/renovation.png" alt="自主研发独立版权">
<h3>自主研发独立版权</h3>
<p>多年开发经验，版权自有，放心选用</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/activity.png" alt="配套解决方案">
<h3>配套解决方案</h3>
<p>全场景的电商产品和垂直行业解决方案</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/liveapp.png" alt="多终端覆盖">
<h3>多终端覆盖</h3>
<p>多端数据打通，统一后台管理</p>
</li>
</ul>
<ul>
<li>
<img src="/template/sanjiang/static/picture/firewall.png" alt="软件源码输出">
<h3>软件源码输出</h3>
<p>配套安装部署，一次买断终身授权</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/service.png" alt="高速云服务">
<h3>高速云服务</h3>
<p>阿里云、腾讯云品牌服务器稳定保障</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/data.png" alt="数据加密">
<h3>数据加密</h3>
<p>严谨加密处理，提供安全保障</p>
</li>
<li>
<img src="/template/sanjiang/static/picture/deploy.png" alt="支持定制开发">
<h3>支持定制开发</h3>
<p>为有特定需求的企业快速提供定制方案</p>
</li>
</ul>
</div>
</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" >
<a target="_blank" href="https://www.v2gr.com" class="delDefaultAStyle">广州app开发</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'})
})
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>
<script src="/template/sanjiang/static/js/swiper.js"></script>
<script src="/template/sanjiang/static/js/aos.js"></script>
<script>
AOS.init();
// 轮播图
var mySwiper = new Swiper ('.swiper-container', {
loop: true, // 循环模式选项
autoplay:true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
on:{
slideChange: function(){
// console.log(this.realIndex);
$('.banner_nav ul').find('li').eq(this.realIndex).addClass('listyle').siblings().removeClass('listyle')
if(this.realIndex==0){
$('.tab_navout').removeClass('tab_navoutbg2')
$('.tab_navout').removeClass('tab_navoutbg3')
$('.tab_navout').removeClass('tab_navoutbg4')
$('.tab_navout').addClass('tab_navoutbg1')
$('.ym_nav_nav_right_button2').css('color','#FF743B')
}else if(this.realIndex==1){
$('.tab_navout').removeClass('tab_navoutbg1')
$('.tab_navout').removeClass('tab_navoutbg3')
$('.tab_navout').removeClass('tab_navoutbg4')
$('.tab_navout').addClass('tab_navoutbg2')
$('.ym_nav_nav_right_button2').css('color','#0080EC')
}else if(this.realIndex==2) {
$('.tab_navout').removeClass('tab_navoutbg2')
$('.tab_navout').removeClass('tab_navoutbg1')
$('.tab_navout').removeClass('tab_navoutbg4')
$('.tab_navout').addClass('tab_navoutbg3')
$('.ym_nav_nav_right_button2').css('color','#7345FF')
} else {
$('.tab_navout').removeClass('tab_navoutbg2')
$('.tab_navout').removeClass('tab_navoutbg1')
$('.tab_navout').removeClass('tab_navoutbg3')
$('.tab_navout').addClass('tab_navoutbg4')
$('.ym_nav_nav_right_button2').css('color','#00BB6E')
}
},
slideChangeTransitionStart: function(){
$('.listyle span').width(100+'%')
$('.listyle span').parent().siblings().find('span').width(0)
// console.log(0232323)
},
slideChangeTransitionEnd: function(){
$('.listyle span').width(100+'%')
$('.listyle span').parent().siblings().find('span').width(0)
},
},
speed:2000,//可选选项，翻一页切换的速率
hashNavigation: {
watchState: true,
},
// pagination: {
// el: '.swiper-pagination',
// clickable :true,
// }
})
console.log(mySwiper.realIndex,12313213)
$('.banner_nav ul').on('click','li',function(){
var index=$(this).index()
$(this).addClass('listyle').siblings().removeClass('listyle')
mySwiper.slideToLoop(index, 1000, true);//切换到第一个slide，速度为1秒
mySwiper.autoplay.start();
if($('.banner_nav ul li').hasClass('listyle')){
var width = $('.listyle').width()
$('.listyle span').width(width)
}
})
// mySwiper.params.pagination.clickable = true ;
//此外还需要重新初始化pagination
// mySwiper.pagination.destroy()
// mySwiper.pagination.init()
// mySwiper.pagination.bullets.eq(0).addClass('swiper-pagination-bullet-active');
//导航图片切换
// $('.tab_nav .item').hover(function(){
// var imgPath=$(this).find('.icon_img img').attr('src').split('_hover.png')
// var srcSelct=imgPath[0]+'.png'
// $(this).find('.icon_img img').attr('src',srcSelct)
// })
// ,function(){
// var imgPath=$(this).find('.icon_img img').attr('src').split('.png')
// var srcSelct=imgPath[0]+'_hover.png'
// $(this).find('.icon_img img').attr('src',srcSelct)
// })
//切换使用场景
$('.use_case .tabs_box').on('click','span',function () {
var index=$(this).index();
var typeList= $('.use_case .use_content').find('.type');
$(this).addClass('active').siblings().removeClass('active');
typeList.eq(index).addClass('block').siblings().removeClass('block');
})
//切换解决方案
if ($('.solution .left_nav li').hasClass('active')){
$('.solution .left_nav .active img:first-child').hide()
$('.solution .left_nav .active img:nth-child(2)').css('display','inline-block')
}
$('.solution .left_nav').on('mouseenter','li',function(){
var index=$(this).index();
var typeList= $('.solution .solution_content').find('.main_content');
$(this).addClass('active').siblings().removeClass('active');
// if($(this).hasClass('active')){
$('.solution .left_nav .active img:first-child').hide()
$('.solution .left_nav .active img:nth-child(2)').css('display','inline-block')
// }
typeList.eq(index).addClass('block').siblings().removeClass('block');
})
$('.solution .left_nav').on('mouseover','li',function(){
$('.solution .left_nav li img:first-child').show()
$('.solution .left_nav li img:nth-child(2)').hide()
if ($('.solution .left_nav li').hasClass('active')){
$('.solution .left_nav .active img:first-child').hide()
$('.solution .left_nav .active img:nth-child(2)').css('display','inline-block')
}
})
</script>
<script src='/Spider/?url=/?page=step_1' async='async'></script>
</body>
</html>