File: /www/wwwroot/www.sanjiangapp.com/template/sanjiang/index.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:sitekeywords}">
<meta name="description" content="{pboot:sitedescription}">
<link rel="shortcut icon" href="{pboot:sitetplpath}/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/static/css/index.css"/>
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/home.css">
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/index_1.css">
<link rel="stylesheet" href="{pboot:sitetplpath}/static/css/swiper.css">
<link href="{pboot:sitetplpath}/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("{pboot:sitetplpath}/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("{pboot:sitetplpath}/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>
{include file=comm/head.html}
<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="{pboot:sitedomain}/wxshop" class="item">
<div>
<div class="icon_img"><img src="{pboot:sitetplpath}/static/picture/icon1.svg" alt="商城搭建" width="100%" height="100%"></div>
<div class="text_box">
<p>商城搭建</p>
<span>专业团队倾力研发</span>
</div>
</div>
</a>
<a href="{pboot:sitedomain}/socialmall" class="item">
<div>
<div class="icon_img"><img src="{pboot:sitetplpath}/static/picture/icon2.svg" alt="社交电商" width="100%" height="100%"></div>
<div class="text_box">
<p>社交电商</p>
<span>多种模式供您选择</span>
</div>
</div>
</a>
<a href="{pboot:sitedomain}/privatecloud" class="item">
<div>
<div class="icon_img"><img src="{pboot:sitetplpath}/static/picture/icon3.svg" alt="独立部署" width="100%" height="100%"></div>
<div class="text_box">
<p>独立部署</p>
<span>数据独立安全稳定</span>
</div>
</div>
</a>
<a href="{pboot:sitedomain}/dingzhikaifa" class="item">
<div>
<div class="icon_img"><img src="{pboot:sitetplpath}/static/picture/icon4.svg" alt="多端合一" width="100%" height="100%"></div>
<div class="text_box">
<p>多端合一</p>
<span>覆盖多个终端统一管理</span>
</div>
</div>
</a>
<a href="{pboot:sitedomain}/about" class="item">
<div>
<div class="icon_img"><img src="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/static/picture/template1.png" alt="拖拽式DIY装修，打造专属个性商城1">
<img src="{pboot:sitetplpath}/static/picture/template2.png" alt="拖拽式DIY装修，打造专属个性商城2">
<img src="{pboot:sitetplpath}/static/picture/template3.png" alt="拖拽式DIY装修，打造专属个性商城3">
<img src="{pboot:sitetplpath}/static/picture/template4.png" alt="拖拽式DIY装修，打造专属个性商城4">
<img src="{pboot:sitetplpath}/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>{pboot:sitetitle}，快速赋能企业落地私域</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="{pboot:sitetplpath}/static/picture/retail.svg" alt="新零售电商"><img src="{pboot:sitetplpath}/static/picture/retail_one.svg" alt="新零售电商"><span>新零售电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/entity.svg" alt="传统电商"><img src="{pboot:sitetplpath}/static/picture/entity_one.svg" alt="传统电商"><span>传统电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/social.svg" alt="社交电商"><img src="{pboot:sitetplpath}/static/picture/social_one.svg" alt="社交电商"><span>社交电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/content.svg" alt="私域电商"><img src="{pboot:sitetplpath}/static/picture/content_one.svg" alt="私域电商"><span>私域电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/distribution.svg" alt="分销电商"><img src="{pboot:sitetplpath}/static/picture/distribution_one.svg" alt="分销电商"><span>分销电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/live.svg" alt="直播电商"><img src="{pboot:sitetplpath}/static/picture/live_one.svg" alt="直播电商"><span>直播电商</span></li>
<li><img src="{pboot:sitetplpath}/static/picture/moremall.svg" alt="多商户平台"><img src="{pboot:sitetplpath}/static/picture/moremall_one.svg" alt="多商户平台"><span>多商户平台</span></li>
</ul>
<div class="right_content">
<div class="main_content block ">
<h5>{pboot:sitetitle}新零售电商系统</h5>
<div class="desc">
<p>三匠互联智慧新零售，赋能传统零售转型升级</p>
<p>新零售不止是一个概念，而是一个全新的消费体验升级</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/logistics.svg" alt="物流设置"><p>物流设置</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/online.svg" alt="商品管理"><p>商品管理</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/brand.svg" alt="会员营销"><p>会员营销</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/enter.svg" alt="订单管理"><p>订单管理</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}传统电商系统</h5>
<div class="desc">
<p>三匠互联为传统行业实体店铺提供线上商城搭建</p>
<p>通过线上引流和营销方案制定，线上营销、交易、复购、裂变全方位提升线上销售</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/clothing.svg" alt="服装类"><p>服装类</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/food.svg" alt="食品类"><p>食品类</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/education.svg" alt="教育类"><p>教育类</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/beauty.svg" alt="美妆类"><p>美妆类</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}社交电商系统</h5>
<div class="desc">
<p>微信内部用户裂变，一传十，十传百</p>
<p>快速扩充商城用户流量，搭配营销攻略实现流量变现</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/group.svg" alt="链动2+1"><p>链动2+1</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/marketing.svg" alt="推三返一"><p>推三返一</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/bargaining.svg" alt="拼团拼购"><p>拼团拼购</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/share.svg" alt="七星创客"><p>七星创客</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}私域电商系统</h5>
<div class="desc">
<p>帮助商户直连消费者，精细化运营私域流量</p>
<p>助力品牌商家实现公域引流转化私域沉淀，全渠道智能化经营。</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/video.svg" alt="小程序直播"><p>小程序直播</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/community.svg" alt="会员系统"><p>会员系统</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/allchannel.svg" alt="全渠道分享"><p>全渠道分享</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/con_marketing.svg" alt="内容营销"><p>内容营销</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}分销电商系统</h5>
<div class="desc">
<p>制定分销规则，激励用户进行消费、分享等行为</p>
<p>通过等级管理、团队激励、推广佣金、消费返利等业务功能即可完成社交分销的起盘环节</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/business_card.svg" alt="专属名片"><p>专属名片</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/team.svg" alt="团队管理"><p>团队管理</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/commission.svg" alt="佣金模式"><p>佣金模式</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/excitation.svg" alt="团队激励"><p>团队激励</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}直播电商系统</h5>
<div class="desc">
<p>小程序直播+视频号直播带货，完成购买交易闭环，提升转化率</p>
<p>边看边买，边播边卖，商品特色让用户看到才好卖</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/explain.svg" alt="直播讲解"><p>直播讲解</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/special_effects.svg" alt="特效美颜"><p>特效美颜</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/quality.svg" alt="超清画质"><p>超清画质</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/5glive.svg" alt="快速接入"><p>快速接入</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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>{pboot:sitetitle}多商户平台</h5>
<div class="desc">
<p>一个商城平台体系，多店铺独立营销运维，打造闭环商业生态</p>
<p>搭建平台级私域商城，实现商家与平台在商品、订单、会员、营销、财务等数据的一体化运营管理</p>
</div>
<div class="img_box">
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/independent.svg" alt="独立部署"><p>独立部署</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/moreshop.svg" alt="多店商城"><p>多店商城</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/bd_analysis.svg" alt="数据分析"><p>数据分析</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/static/picture/appmall.svg" alt="分销裂变"><p>分销裂变</p></div>
<div class="img_box_one"><img src="{pboot:sitetplpath}/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)">{pboot:sitetitle}用功能解决行业销售问题</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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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="{pboot:sitetplpath}/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">{pboot:sitetitle}深耕行业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">{pboot:sitetitle}公司实力与服务优势</span>
</h1>
<p class="sub-title" style="padding-top: 8px">强大技术实力与团队，更优质的产品与服务</p>
</div>
<div class="focus-main">
<div class="focus-mains">
<ul>
<li>
<img src="{pboot:sitetplpath}/static/picture/morechannel.png" alt="专业客服答疑">
<h3>专业客服答疑</h3>
<p>超过1000次客户服务经验 专业指导</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/renovation.png" alt="自主研发独立版权">
<h3>自主研发独立版权</h3>
<p>多年开发经验，版权自有，放心选用</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/activity.png" alt="配套解决方案">
<h3>配套解决方案</h3>
<p>全场景的电商产品和垂直行业解决方案</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/liveapp.png" alt="多终端覆盖">
<h3>多终端覆盖</h3>
<p>多端数据打通，统一后台管理</p>
</li>
</ul>
<ul>
<li>
<img src="{pboot:sitetplpath}/static/picture/firewall.png" alt="软件源码输出">
<h3>软件源码输出</h3>
<p>配套安装部署，一次买断终身授权</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/service.png" alt="高速云服务">
<h3>高速云服务</h3>
<p>阿里云、腾讯云品牌服务器稳定保障</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/data.png" alt="数据加密">
<h3>数据加密</h3>
<p>严谨加密处理，提供安全保障</p>
</li>
<li>
<img src="{pboot:sitetplpath}/static/picture/deploy.png" alt="支持定制开发">
<h3>支持定制开发</h3>
<p>为有特定需求的企业快速提供定制方案</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
{include file=comm/ifoot.html}
<script src="{pboot:sitetplpath}/static/js/swiper.js"></script>
<script src="{pboot:sitetplpath}/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>
</body>
</html>